:root{color-scheme:light;--ink:#102a4d;--line:#c9d8e3;--pink:#ff8fcb;--paper:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;overflow-x:clip;background:#153767;color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}
.news-backdrop{position:fixed;inset:-6vh -6vw;background:url('../assets/brand-news.jpg') 58% center/cover no-repeat;transform:translate3d(0,0,0);z-index:-2}
.news-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#102b5466 0%,#102b5425 50%,#102b5473 100%)}
.news-header{position:absolute;top:0;left:50%;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(100%,1180px);padding:calc(25px + env(safe-area-inset-top)) clamp(24px,5vw,64px) 20px;transform:translateX(-50%);color:#fff}
.news-wordmark{display:flex;flex-direction:column;text-decoration:none;font:700 1.75rem/1 Arial,sans-serif;letter-spacing:.02em}.news-wordmark small{margin-top:7px;font-size:.48rem;letter-spacing:.22em}
.news-close{position:relative;width:48px;height:48px;border:1px solid #fff;border-radius:50%;background:#15376755;backdrop-filter:blur(8px)}
.news-close span{position:absolute;top:23px;left:13px;width:21px;height:1.5px;background:#fff}.news-close span:first-child{transform:rotate(45deg)}.news-close span:last-child{transform:rotate(-45deg)}
.news-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:62svh;width:min(100%,1180px);margin:auto;padding:130px clamp(28px,7vw,90px) 92px;color:#fff;text-shadow:0 2px 20px #08203f80}
.news-hero-number{margin:0 0 .3rem;padding-left:.2rem;font-size:.75rem;letter-spacing:.25em}.news-hero h1{margin:0;font:800 clamp(4.4rem,13vw,9rem)/.85 Arial,sans-serif;letter-spacing:-.045em}
.news-hero-copy{margin:1.7rem 0 0;font-size:clamp(1.2rem,4vw,1.85rem);font-weight:700;line-height:1.7;letter-spacing:.08em}.news-hero-note{position:absolute;right:clamp(30px,7vw,90px);bottom:92px;margin:0;font-size:.65rem;font-weight:700;letter-spacing:.25em;writing-mode:vertical-rl}
.news-surface{position:relative;width:min(100%,1180px);min-height:80svh;margin:auto;padding:clamp(110px,13vw,170px) clamp(28px,7vw,92px) 90px;background:var(--paper);clip-path:polygon(0 6vw,100% 0,100% 100%,0 100%)}
.news-surface::before{content:"";position:absolute;top:35px;right:6%;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#d9fbf4,#dbe9ff);opacity:.8}.news-surface::after{content:"";position:absolute;top:86px;right:20%;width:18px;height:18px;background:var(--pink);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)}
.news-list-view,.news-detail-view{position:relative;z-index:1}.surface-heading{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:end;padding-bottom:2rem;border-bottom:1px solid var(--line)}
.surface-index{font-size:.72rem;font-weight:800;letter-spacing:.17em;color:#5c88b7}.surface-heading h2{margin:.65rem 0 0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.15}.surface-heading p{margin:0;font-size:1rem;line-height:1.9}
.news-list{margin-top:1rem}.news-entry{position:relative;display:grid;grid-template-columns:clamp(115px,20vw,230px) 1fr 48px;gap:clamp(18px,4vw,48px);align-items:center;padding:clamp(22px,3.5vw,38px) 0;border-bottom:1px solid var(--line);text-decoration:none}
.news-status{margin:0;padding:3rem 0;border-bottom:1px solid var(--line);color:#60758d;line-height:1.8}
.news-entry figure{position:relative;overflow:hidden;aspect-ratio:1.35;margin:0;background:#d6e6f1;clip-path:polygon(0 0,100% 4%,96% 100%,3% 94%)}.news-entry img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.news-entry time{font-size:.76rem;letter-spacing:.1em;color:#7187a0}.news-entry h3{max-width:34rem;margin:.65rem 0;font-size:clamp(1.15rem,2.3vw,1.65rem);line-height:1.55}.news-entry p{margin:0;color:#566c84;font-size:.9rem;line-height:1.75}
.entry-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;font-size:1.2rem;transition:.25s ease}.news-entry:hover img{transform:scale(1.04)}.news-entry:hover .entry-arrow{background:var(--ink);color:#fff;transform:translate(3px,-3px)}
.news-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:80px;padding-top:24px;border-top:1px solid var(--line)}.news-footer a{font-size:.85rem;font-weight:700;text-decoration:none;border-bottom:1px solid}.news-footer p{margin:0;color:#5b9ee3;font-family:cursive;font-size:1.1rem;line-height:1.4;transform:rotate(-4deg)}
.news-detail-view{max-width:780px;margin:auto}.detail-back{padding:0 0 .25rem;border:0;border-bottom:1px solid var(--ink);background:none;color:var(--ink);font-weight:700;cursor:pointer}
.detail-meta{display:flex;gap:1rem;margin-top:70px;color:#6383a4;font-size:.75rem;font-weight:700;letter-spacing:.14em}.news-detail-view>h2{margin:1rem 0 2.4rem;font-size:clamp(2rem,6vw,3.65rem);line-height:1.4;letter-spacing:.02em}
.detail-visual{overflow:hidden;margin:0;aspect-ratio:16/9;clip-path:polygon(0 3%,100% 0,97% 100%,2% 96%);background:#d7e7f2}.detail-visual img{width:100%;height:100%;object-fit:cover}
.detail-copy{max-width:42rem;margin:3rem auto 0;font-size:1rem;line-height:2.15}.detail-copy p{margin:0 0 1.7rem}.detail-copy h3{margin:3rem 0 1rem;font-size:1.45rem}
.detail-signoff{display:flex;justify-content:space-between;align-items:end;margin:4rem 0;padding:2rem 0;border-block:1px solid var(--line)}.detail-signoff p{margin:0;line-height:1.9}.detail-signoff span{font:700 1.5rem Arial,sans-serif}.detail-back-bottom{margin-bottom:20px}
@media(max-width:720px){
 .news-backdrop{inset:-4vh -18vw;background-image:url('../assets/brand-news-mobile.jpg');background-position:center 44%}.news-header{padding:calc(22px + env(safe-area-inset-top)) 22px 16px}.news-wordmark{font-size:1.45rem}.news-close{width:44px;height:44px}.news-close span{top:21px;left:12px;width:19px}
 .news-hero{min-height:61svh;padding:120px 25px 68px}.news-hero h1{font-size:4.35rem}.news-hero-copy{font-size:1.15rem}.news-hero-note{right:23px;bottom:70px;font-size:.58rem}
 .news-surface{padding:105px 24px calc(60px + env(safe-area-inset-bottom));clip-path:polygon(0 36px,100% 0,100% 100%,0 100%)}.news-surface::before{top:35px;right:-30px;width:105px;height:105px}.news-surface::after{top:70px;right:28%;width:15px;height:15px}
 .surface-heading{display:block;padding-bottom:1.5rem}.surface-heading h2{font-size:2rem}.surface-heading p{margin-top:1.3rem;font-size:.9rem}.news-entry{grid-template-columns:96px 1fr 30px;gap:15px;padding:22px 0}.news-entry figure{aspect-ratio:1.05}.news-entry h3{margin:.38rem 0;font-size:1rem;line-height:1.5}.news-entry p{display:none}.entry-arrow{width:30px;height:30px;font-size:.95rem}.news-entry time{font-size:.68rem}
 .news-footer{margin-top:60px}.news-footer p{font-size:.88rem}.detail-meta{margin-top:55px}.news-detail-view>h2{font-size:2rem;margin-bottom:1.8rem}.detail-visual{aspect-ratio:4/3}.detail-copy{margin-top:2.2rem;line-height:2}.detail-signoff{display:block}.detail-signoff span{display:block;margin-top:1.5rem}
}
.news-wordmark{display:block;width:clamp(165px,43vw,225px);padding:0;background:transparent;box-shadow:none;backdrop-filter:none;font-size:0;line-height:0}.news-wordmark img{display:block;width:100%;height:auto;filter:drop-shadow(0 1px 1px #fff) drop-shadow(0 0 5px #ffffffd9)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.news-entry img,.entry-arrow{transition:none}}