.articles-hero{background:var(--navy);color:#fff;overflow:hidden}
.articles-hero-grid{display:grid;grid-template-columns:1.22fr .78fr;align-items:center;gap:8%;min-height:490px;padding-block:85px}
.articles-hero h1{font-size:clamp(3.1rem,5.2vw,5.3rem);line-height:1.08;letter-spacing:-.055em;margin:0;font-weight:800}
.articles-hero h1 em{font-style:normal;color:var(--orange)}
.articles-hero-grid>div:first-child>p:last-child{color:#c7d0d9;font-size:1.12rem;max-width:640px;margin:27px 0 0}
.articles-hero-art{height:310px;position:relative;border:1px solid #445565;background:radial-gradient(circle at center,#283c4c,#17232e 70%);display:grid;place-items:center;overflow:hidden}
.art-ring{position:absolute;border:1px solid #536878;border-radius:50%;aspect-ratio:1}
.art-ring-one{width:230px}.art-ring-two{width:315px;border-color:#354656}
.art-core{font:normal 10rem/1 Georgia,serif;color:var(--orange);transform:rotate(-16deg)}
.art-caption{position:absolute;bottom:19px;left:22px;color:#aebac4;font-size:.68rem;font-weight:800;letter-spacing:.19em}
.article-list{background:#f6f7f6}
.article-list-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:8%;margin-bottom:43px}
.article-list-heading>p{margin:0 0 5px;color:var(--muted);max-width:425px}
.featured-story{display:grid;grid-template-columns:.86fr 1.14fr;background:#fff;border:1px solid var(--line);min-height:345px}
.story-visual{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(145deg,#233849,#12212d);color:#fff;min-width:0;padding:26px;overflow:hidden}
.story-visual-label{font-size:clamp(.7rem,1.2vw,1rem);font-weight:800;letter-spacing:.1em;white-space:nowrap}
.story-visual-line{height:1px;min-width:12px;max-width:55px;flex:1;background:#6d8190}
.story-visual-symbol{display:grid;place-items:center;flex:none;width:75px;height:75px;border:1px solid var(--orange);border-radius:50%;font-size:2.2rem;color:var(--orange)}
.story-content{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(27px,4vw,56px)}
.story-kicker{font-size:.73rem;font-weight:800;letter-spacing:.12em;color:#a25d00}
.story-dot{margin-inline:6px}
.story-content h3{font-size:clamp(1.8rem,2.8vw,2.7rem);letter-spacing:-.045em;line-height:1.16;margin:24px 0 18px}
.story-content p{color:var(--muted);margin:0 0 30px}
.story-footer{display:flex;justify-content:space-between;gap:16px;width:100%;padding-top:17px;margin-top:auto;border-top:1px solid var(--line);font-size:.78rem;font-weight:800;color:#9c5a00}
.articles-note{display:flex;align-items:center;gap:27px;padding:42px 0 0}
.note-mark{color:#b86d00;font:normal 3rem/1 Georgia,serif}
.articles-note div{flex:1}.articles-note h3{font-size:1.25rem;margin:0 0 3px}.articles-note p{color:var(--muted);margin:0}
@media(max-width:900px){.articles-hero-grid{gap:4%}.story-visual{gap:6px}.story-visual-symbol{width:55px;height:55px}}
@media(max-width:700px){.articles-hero-grid{display:block;min-height:0;padding-block:75px}.articles-hero h1{font-size:clamp(2.8rem,10vw,4.6rem)}.articles-hero-art{display:none}.article-list-heading,.featured-story{display:block}.article-list-heading>p{margin-top:23px}.story-visual{min-height:180px}.story-content{padding:28px}.story-content h3{margin-top:18px}.articles-note{align-items:flex-start;flex-wrap:wrap;gap:15px}.articles-note div{flex-basis:calc(100% - 70px)}.articles-note .button{margin-top:8px}}
@media(max-width:390px){.site-header nav{gap:10px}.site-header nav a{font-size:.8rem}.story-visual-label{font-size:.64rem}}
.story-title-link{text-decoration:none}.story-title-link:hover,.story-footer a:hover{color:#ae6600}.story-footer a{text-decoration:none;color:#9c5a00}
.article-hero{background:radial-gradient(circle at 85% 0,#294051 0,transparent 38%),var(--navy);color:#fff;padding:75px 0 82px}
.article-hero .eyebrow{margin-bottom:26px}.article-hero h1{max-width:930px;font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.052em;line-height:1.1;margin:0}.article-hero h1 em{font-style:normal;color:var(--orange)}
.article-hero .article-lede{font-size:1.18rem;color:#cbd5dc;max-width:780px;margin:27px 0 0;line-height:1.65}
.article-back{display:inline-block;color:#d9e1e5;font-weight:700;font-size:.9rem;text-decoration:none;margin-bottom:38px}.article-back:hover{color:var(--orange)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:9%;padding-block:80px 110px;align-items:start}
.article-body{max-width:780px;font-size:1.075rem;line-height:1.84;color:#34414b}.article-body p{margin:0 0 23px}.article-body h2{font-size:clamp(1.7rem,2.7vw,2.4rem);color:var(--ink);margin:65px 0 24px;line-height:1.18}.article-body h2:first-child{margin-top:0}.article-body strong{color:var(--ink)}
.article-body .question{border-left:3px solid var(--orange);padding:14px 0 14px 22px;background:#fff;margin:30px 0;color:var(--ink)}
.article-toc{position:sticky;top:30px;border-top:3px solid var(--orange);padding-top:20px}.article-toc h2{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin:0 0 16px}.article-toc ol{list-style:none;padding:0;margin:0}.article-toc li{border-top:1px solid var(--line)}.article-toc a{display:block;padding:12px 0;text-decoration:none;color:var(--muted);font-size:.86rem;line-height:1.4}.article-toc a:hover{color:#a56200}
.article-end{background:#e9edef;padding:50px 0}.article-end-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.article-end h2{font-size:clamp(1.7rem,2.7vw,2.4rem)}.article-end p{margin:10px 0 0;color:var(--muted)}
@media(max-width:850px){.article-layout{grid-template-columns:minmax(0,1fr) 175px;gap:5%}}
@media(max-width:700px){.article-hero{padding:55px 0 65px}.article-hero h1{font-size:clamp(2.6rem,10vw,4.3rem)}.article-layout{display:flex;flex-direction:column-reverse;gap:40px;padding-block:55px 75px}.article-toc{position:static;width:100%}.article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.article-body{font-size:1rem}.article-body h2{margin-top:48px}.article-end-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:390px){.article-toc ol{display:block}}