.news-detail-page{background:#f2f1f7}
.detail-shell{padding-top:54px;padding-bottom:20px}
.detail-hero{position:relative}
.detail-hero__media{position:relative;height:min(48vw,503px);min-height:330px;margin:0;overflow:hidden;clip-path:polygon(0 0,89% 0,89% 8%,100% 8%,100% 100%,12% 100%,12% 92%,0 92%);background:transparent}
.detail-hero__media::before{content:none}
.detail-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,15,29,.62) 0%,rgba(17,15,29,.13) 55%,transparent 82%);pointer-events:none}
.detail-hero__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .8s ease}
.detail-hero:hover .detail-hero__media img{transform:scale(1.025);filter:saturate(1.05)}
.detail-hero__copy{position:absolute;z-index:2;left:7%;top:50%;max-width:570px;color:#fff;transform:translateY(-50%)}
.detail-hero__copy p{margin:0 0 20px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.08em}
.detail-hero__copy h1{margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(58px,8vw,104px);line-height:.88;letter-spacing:-.04em}
.detail-hero__copy strong{display:block;max-width:520px;margin-top:28px;font-size:clamp(20px,2.2vw,32px);line-height:1.45;text-wrap:balance}

/* News detail motion direction: one composed opening shot, then scroll-controlled reading beats. */

.detail-topics{position:relative;z-index:3;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:30px;margin-top:62px;padding:26px 0;border-block:1px solid #d8d3e7;background:#f2f1f7}
.detail-topics>b{min-width:150px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 22px;color:#fff;background:#7568ad;font-family:Inter,Arial,sans-serif;font-size:12px;letter-spacing:.04em}
.detail-topics>div{display:flex;flex-wrap:wrap;gap:10px}
.detail-topics span{border:1px dashed #aaa0d5;border-radius:999px;padding:8px 18px;color:#6d6783;font-size:12px}
.detail-topics span.is-active{border-style:solid;color:#fff;background:#8f82c2}

.detail-profile{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;padding:80px 0;border-bottom:1px solid #d8d3e7}
.detail-profile h2{margin:0;font-size:clamp(30px,3.4vw,47px);line-height:1.25;text-wrap:balance}
.detail-profile>p{max-width:650px;margin:24px 0 0;color:#4f4a61;font-size:16px;line-height:2}
.detail-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;padding:100px 0;border-bottom:1px solid #d8d3e7}
.detail-section h2{margin:0;font-size:clamp(30px,3.2vw,45px);line-height:1.35;text-wrap:balance}
.detail-prose{max-width:670px}
.detail-prose p{margin:0 0 28px;color:#413d4f;font-size:16px;line-height:2.15;text-wrap:pretty}
.detail-statement{margin:90px 0 0;padding:72px 9%;background:#e3dff1;clip-path:polygon(0 0,92% 0,92% 22%,100% 22%,100% 100%,8% 100%,8% 78%,0 78%)}
.detail-statement span{color:#7568ad;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em}
.detail-statement blockquote{max-width:850px;margin:22px 0 0;font-size:clamp(28px,3.5vw,48px);font-weight:700;line-height:1.4;text-wrap:balance}
.detail-nav{display:grid;grid-template-columns:1fr 1fr;margin-top:80px;border:1px solid #d8d3e7;border-radius:12px;overflow:hidden;background:#fff}
.detail-nav a{display:grid;grid-template-columns:auto 1fr;gap:2px 18px;align-items:center;min-height:112px;padding:24px 30px;transition:background-color .3s}
.detail-nav a+ a{grid-template-columns:1fr auto;border-left:1px solid #d8d3e7;text-align:right}
.detail-nav b{font-family:Inter,Arial,sans-serif;font-size:15px;color:#7568ad}.detail-nav small{grid-column:2;color:#706b7d;font-size:12px}.detail-nav a+a small{grid-column:1}.detail-nav span{grid-row:1/3;font-size:24px}.detail-nav a:hover,.detail-nav a:focus-visible{background:#eeeaf7;outline:none}
.detail-nav a:first-child span{grid-column:1;grid-row:1/3;justify-self:start}
.detail-nav a:first-child b,.detail-nav a:first-child small{grid-column:2}
.detail-nav a+a b,.detail-nav a+a small{grid-column:1;justify-self:end}
.detail-nav a+a span{grid-column:2;grid-row:1/3;justify-self:end}
.news-detail-page .about-footer{margin-top:100px}

@media (max-width:720px){
  .detail-shell{width:calc(100% - 24px);padding-top:28px}.detail-hero__media{height:428px;min-height:0;clip-path:polygon(0 0,84% 0,84% 7%,100% 7%,100% 100%,0 100%)}.detail-hero__media img{object-position:42% center}.detail-hero__copy{left:8%;right:8%;top:auto;bottom:36px;transform:none}.detail-hero__copy p{margin-bottom:14px}.detail-hero__copy h1{font-size:52px}.detail-hero__copy strong{margin-top:18px;font-size:18px}.detail-topics{grid-template-columns:1fr;gap:14px;margin-top:36px}.detail-topics>b{min-width:0;width:max-content;height:38px;padding-inline:18px}.detail-topics span{padding:7px 13px;font-size:10px}.detail-profile,.detail-section{grid-template-columns:1fr;gap:24px;padding:58px 6px}.detail-profile>p{margin-top:0;font-size:14px}.detail-section h2{font-size:29px}.detail-prose p{font-size:14px;line-height:1.95}.detail-statement{margin-top:58px;padding:60px 12%}.detail-statement blockquote{font-size:27px}.detail-nav{grid-template-columns:1fr}.detail-nav a+a{border-left:0;border-top:1px solid #d8d3e7}.news-detail-page .about-footer{margin-top:70px}
}

@media (prefers-reduced-motion:reduce){
  .detail-hero__media img{transition:none}
}