.article-page{background:var(--paper);color:var(--ink)}
.article-page .article-site-header{background:rgba(244,242,235,.94);color:var(--ink);mix-blend-mode:normal;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.article-page .article-site-header .brand-image img{filter:invert(1)}
.article-hero{padding:clamp(150px,16vw,230px) var(--pad) clamp(70px,8vw,120px);border-bottom:1px solid var(--line)}
.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.06em;margin-bottom:clamp(45px,7vw,90px)}
.breadcrumbs a:hover{color:var(--orange)}
.article-labels{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.article-labels span{border:1px solid var(--ink);border-radius:999px;padding:8px 14px;font-size:11px;letter-spacing:.08em}
.article-hero h1{font-size:clamp(46px,7.5vw,112px);line-height:.98;letter-spacing:-.065em;max-width:1200px;margin:0}
.article-summary{font-size:clamp(20px,2.2vw,32px);line-height:1.55;max-width:900px;margin:45px 0 0;color:#3f403c}
.article-meta{display:flex;flex-wrap:wrap;gap:32px 64px;margin:55px 0 0}
.article-meta div{display:grid;gap:6px}.article-meta dt{font-size:10px;letter-spacing:.12em;color:#76776f}.article-meta dd{margin:0;font-size:14px}
.article-cover{max-width:var(--max);margin:clamp(50px,7vw,100px) auto 0;padding:0 var(--pad)}
.article-cover img{display:block;width:100%;max-height:760px;object-fit:cover;background:#e8e6df}
.article-cover figcaption{font-size:12px;color:#6e6f69;margin-top:12px}
.article-layout{max-width:var(--max);margin:auto;padding:clamp(70px,9vw,140px) var(--pad);display:grid;grid-template-columns:minmax(170px,.45fr) minmax(0,1.4fr);gap:clamp(50px,8vw,130px)}
.article-aside{position:sticky;top:120px;align-self:start;border-top:1px solid var(--ink);padding-top:18px}.article-aside span{font-size:11px;letter-spacing:.14em}.article-aside p{font-size:14px;line-height:1.8;color:#686963}
.article-body{max-width:820px}.article-body p,.article-body li{font-size:clamp(18px,1.65vw,23px);line-height:1.95}.article-body p{margin:0 0 30px}.article-body h2{font-size:clamp(30px,3.3vw,50px);line-height:1.2;letter-spacing:-.04em;margin:80px 0 28px}.article-body h3{font-size:clamp(23px,2.4vw,34px);margin:55px 0 22px}.article-body ul{padding-left:1.25em;margin:0 0 35px}.article-body li+li{margin-top:10px}
.article-inline-image{margin:48px 0}.article-inline-image img{display:block;width:100%;max-height:680px;object-fit:contain;background:#e8e6df}.article-inline-image figcaption{margin-top:12px;font-size:12px;line-height:1.6;color:#6e6f69}
.article-next{max-width:calc(var(--max) - 2 * var(--pad));margin:0 auto clamp(80px,10vw,150px);padding:clamp(35px,5vw,70px);background:var(--lime)}
.article-next p{font-size:clamp(22px,3vw,42px);line-height:1.3;max-width:950px;margin:0 0 45px}.article-next div{display:flex;flex-wrap:wrap;gap:14px}.article-next a{border:1px solid var(--ink);padding:15px 20px;font-weight:700}.article-next a:hover{background:var(--ink);color:var(--paper)}
.related-section{padding:clamp(70px,9vw,130px) var(--pad);background:#e9e7df}.related-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:20px}.related-head span{font-size:11px;letter-spacing:.14em}.related-head h2{font-size:clamp(42px,6vw,80px);line-height:1;margin:0;letter-spacing:-.055em}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ink);margin-top:30px;border:1px solid var(--ink)}
.related-grid a{background:#e9e7df;padding:30px;min-height:220px;display:flex;flex-direction:column}.related-grid a:hover{background:var(--lime)}.related-grid span{font-size:11px;letter-spacing:.12em}.related-grid b{font-size:clamp(22px,2.6vw,36px);line-height:1.25;margin:25px 0}.related-grid em{font-style:normal;margin-top:auto;font-size:13px}.related-empty{padding:30px;background:#e9e7df;margin:0}.back-news{display:inline-block;margin-top:35px;border-bottom:1px solid currentColor;padding-bottom:5px}
@media(max-width:760px){.article-layout{grid-template-columns:1fr}.article-aside{position:static}.article-meta{display:grid;grid-template-columns:1fr 1fr;gap:22px}.related-head{display:block}.related-head h2{margin-top:14px}.related-grid{grid-template-columns:1fr}.article-next div{display:grid}.article-hero{padding-top:130px}.breadcrumbs{overflow-x:auto;white-space:nowrap}.article-labels span{font-size:10px}}