@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&display=swap');
:root{--paper:#f7f4ed;--ink:#26322d;--muted:#69736b;--line:#d9d6ca;--wine:#405b4c;--lime:#e3e1d4;--white:#fffdfa;--serif:'Playfair Display',Georgia,serif;--hav-copper:#b27455;--hav-deep:#263a32;--hav-sage:#e4e7dd}
body{background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;letter-spacing:.005em}
.announcement{background:var(--hav-deep);font-size:10px;letter-spacing:.19em;padding:11px 16px;color:#f5f0e8}
.wrap{max-width:1440px;padding-inline:clamp(22px,5vw,76px)}
.header{height:100px;border-color:#d8d4c8}.logo{font-family:var(--serif);font-size:36px;letter-spacing:.015em;color:var(--hav-deep)}.nav{gap:clamp(16px,2.4vw,36px);font-size:13px;letter-spacing:.035em}.nav a:hover:after,.nav a.active:after{background:var(--hav-copper)}
.intro{padding:clamp(54px,7vw,104px) 0 42px;align-items:end}.intro .eyebrow,.eyebrow{color:var(--hav-copper);letter-spacing:.2em;font-size:10px}.intro h1{font-size:clamp(48px,7.2vw,98px);line-height:1.01;letter-spacing:-.045em}.intro h1 em{color:var(--wine);font-style:italic}.intro>p{max-width:290px;font-size:15px;line-height:1.8}
.feature-grid{grid-template-columns:minmax(0,1.72fr) minmax(300px,.8fr);gap:clamp(28px,4vw,64px)}.main-image{height:clamp(360px,41vw,590px);object-position:center 48%}.image-link{border-radius:2px}.image-tag{background:#f7f4edeb;color:var(--hav-deep);font-size:9px;letter-spacing:.17em;padding:10px 13px}.hero-copy{padding-top:27px}.hero-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.025em;max-width:780px}.hero-copy p{max-width:60ch;line-height:1.8}.meta{letter-spacing:.16em;font-size:10px}.meta span:first-child{color:var(--hav-copper)}.text-link{font-size:12px;letter-spacing:.035em;border-color:var(--hav-copper);margin-top:22px;gap:25px;padding-bottom:7px}
.side-label{font-size:10px;letter-spacing:.17em;color:var(--hav-copper);padding:0 0 15px}.side-card{grid-template-columns:1fr 116px;gap:15px;margin-bottom:17px;padding-bottom:17px}.side-card img{height:137px}.side-card h3{font-size:23px;line-height:1.18}.side-card .meta{font-size:9px}.note{background:var(--hav-sage);padding:29px 28px;border-left:2px solid var(--hav-copper)}.note .eyebrow{color:var(--hav-copper)}.note h3{font-size:31px;line-height:1.17}.note p{line-height:1.75}
.topic-bar{margin-top:66px;padding:23px 0;border-color:var(--line)}.topic-bar a{font-size:22px}.topic-bar a span{color:var(--hav-copper)}.section{padding:clamp(56px,7vw,96px) 0}.section-head h2,.section>h2{font-size:clamp(36px,4.6vw,58px);letter-spacing:-.035em}.cards{gap:clamp(18px,2.5vw,36px)}.card-image{height:auto;aspect-ratio:1.25}.card h3{font-size:clamp(24px,2.2vw,31px);line-height:1.2}.card p{line-height:1.8}.plan-band{background:var(--hav-deep);grid-template-columns:1fr 1fr;padding:clamp(30px,5vw,72px);gap:clamp(24px,5vw,72px);margin-bottom:clamp(55px,8vw,110px)}.plan-band .eyebrow{color:#d1ad8d}.plan-band h2{font-size:clamp(36px,4vw,54px)}.plan-band p{color:#d8ded7;line-height:1.8}.button{background:#f1ede3;color:var(--hav-deep);border-radius:1px;letter-spacing:.04em;padding:14px 22px}.plan-visual{background:#efede5}
.footer{border-color:var(--line);padding:55px 0 36px}.footer .logo{font-size:31px}.footer p{line-height:1.8}.footer a:hover{color:var(--hav-copper)}
.article-heading{margin:clamp(45px,7vw,90px) auto 38px}.article-heading h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.04em}.article-heading .dek{font-size:19px}.article-image{border-radius:2px}.article-body{margin-top:60px}.prose{max-width:74ch}.prose h2{letter-spacing:-.025em}.callout,.measurement-table th{background:var(--hav-sage)}.context-link{border-color:var(--hav-copper);background:#f0eee6}.tool-card{background:#ecefe7;border-color:#d4d8cc;color:var(--hav-deep)}.tool-card:hover{background:#e0e6dd}.reader-bar{background:#f7f4edf2;border-color:var(--line)}
.category-head h1{font-size:clamp(44px,6vw,72px)}.discovery{background:var(--hav-sage);border-color:var(--line)}.discovery-chips a{border-color:var(--line)}.story-card{background:var(--hav-deep)}
@media(max-width:1050px){.header{min-height:84px}.nav{gap:15px}.main-image{height:420px}.wrap{padding-inline:28px}}
@media(max-width:760px){.wrap{padding-inline:20px}.announcement{font-size:9px;letter-spacing:.12em}.header{min-height:78px}.logo{font-size:30px}.nav{background:var(--paper)}.intro{padding:42px 0 28px}.intro h1{font-size:clamp(47px,12vw,64px)}.intro>p{margin-top:18px}.feature-grid{gap:32px}.main-image{aspect-ratio:1.12}.hero-copy h2{font-size:34px}.side-card{grid-template-columns:1fr 112px}.side-card h3{font-size:23px}.topic-bar{margin-top:42px}.section{padding:50px 0}.section-head h2,.section>h2{font-size:37px}.plan-band{padding:28px;gap:24px}.plan-band h2{font-size:37px}.article-heading h1{font-size:43px}.article-image{aspect-ratio:1.2}}
@media(prefers-reduced-motion:no-preference){.card-image,.main-image{transition:transform .75s cubic-bezier(.2,.7,.2,1)}.card:hover .card-image{transform:scale(1.018)}}

/* Havamsu signature home and field-guide layouts */
#main:has(.feature-grid){--hav-paper:#f7f4ed;--hav-card:#fffdf8}
#main:has(.feature-grid) .intro{position:relative;display:grid;grid-template-columns:1fr .34fr;align-items:end;padding:clamp(60px,8vw,118px) 0 34px;border-bottom:1px solid #c9c4b7}
#main:has(.feature-grid) .intro:before{content:"H / 01";position:absolute;right:0;top:22px;font:10px "DM Sans",sans-serif;letter-spacing:.2em;color:#8a958a}
#main:has(.feature-grid) .intro h1{max-width:880px;font-size:clamp(58px,9vw,124px);line-height:.91;letter-spacing:-.065em}
#main:has(.feature-grid) .intro h1 em{display:block;color:#9b7058;margin-left:clamp(24px,8vw,118px)}
#main:has(.feature-grid) .intro>p{border-left:1px solid #b27455;padding:0 0 4px 22px;max-width:265px;font-size:15px;line-height:1.8}
#main:has(.feature-grid) .feature-grid{grid-template-columns:minmax(0,1.42fr) minmax(280px,.7fr);gap:clamp(28px,4.3vw,66px);align-items:start;padding-top:clamp(30px,4vw,58px)}
#main:has(.feature-grid) .feature-grid>article .image-link{overflow:visible}
#main:has(.feature-grid) .feature-grid>article .main-image{height:auto;aspect-ratio:1.17;filter:saturate(.88)}
#main:has(.feature-grid) .feature-grid>article .image-tag{background:#263a32;color:#f7f4ed;padding:10px 14px}
#main:has(.feature-grid) .feature-grid>article .hero-copy{position:relative;z-index:2;width:min(90%,660px);margin:-82px 0 0 auto;padding:34px 38px 29px;background:var(--hav-card);box-shadow:0 20px 50px #263a3212}
#main:has(.feature-grid) .hero-copy h2{font-size:clamp(32px,3.5vw,48px);line-height:1.07;letter-spacing:-.04em;margin:14px 0}
#main:has(.feature-grid) .hero-copy p{font-size:15px;line-height:1.8}
#main:has(.feature-grid) .feature-grid>aside{padding-top:4px}
#main:has(.feature-grid) .side-label{display:flex;align-items:center;gap:14px}
#main:has(.feature-grid) .side-label:after{content:"";height:1px;background:#d3cec2;flex:1}
#main:has(.feature-grid) .side-card{grid-template-columns:minmax(0,1fr) 106px;align-items:center;gap:17px;padding:15px 0;margin:0;border-bottom:1px solid #d9d5ca}
#main:has(.feature-grid) .side-card img{height:116px;filter:saturate(.85)}
#main:has(.feature-grid) .side-card h3{font-size:21px;line-height:1.16;margin:7px 0}
#main:has(.feature-grid) .note{margin-top:24px;background:#e8e8dd;border:0;padding:28px 30px 31px;position:relative}
#main:has(.feature-grid) .note:after{content:"H";position:absolute;right:20px;top:7px;font:italic 64px Georgia,serif;color:#b7b8a8}
#main:has(.feature-grid) .note h3{max-width:285px;font-size:30px}
#main:has(.feature-grid) .topic-bar{margin-top:70px;padding:24px 0;border-top:1px solid #263a32;border-bottom:1px solid #d9d5ca}
#main:has(.feature-grid) .section{padding-top:clamp(66px,8vw,108px);padding-bottom:clamp(66px,8vw,108px)}
#main:has(.feature-grid) .section>h2{max-width:750px;font-size:clamp(38px,5.4vw,72px);line-height:1.03;margin:10px 0 38px}
#main:has(.feature-grid) .cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 24px}
#main:has(.feature-grid) .cards .card{grid-column:span 2}
#main:has(.feature-grid) .cards .card:first-child{grid-column:span 4;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:auto auto 1fr auto;gap:0 24px}
#main:has(.feature-grid) .cards .card:first-child .image-link{grid-column:1;grid-row:1/5}
#main:has(.feature-grid) .cards .card:first-child .card-image{height:100%;min-height:300px;aspect-ratio:auto}
#main:has(.feature-grid) .cards .card:first-child .meta,#main:has(.feature-grid) .cards .card:first-child h3,#main:has(.feature-grid) .cards .card:first-child p,#main:has(.feature-grid) .cards .card:first-child .text-link{grid-column:2}
#main:has(.feature-grid) .cards .card:first-child .meta{margin-top:5px}
#main:has(.feature-grid) .cards .card:first-child h3{font-size:clamp(27px,3vw,40px);align-self:end}
#main:has(.feature-grid) .plan-band{margin-top:12px;position:relative;overflow:hidden}
#main:has(.feature-grid) .plan-band:after{content:"ROOM NOTES · 01";position:absolute;right:28px;top:19px;color:#b6c1b7;font:9px "DM Sans",sans-serif;letter-spacing:.2em}
#main:has(.feature-grid) .story-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
#main:has(.feature-grid) .story-card{grid-column:span 1;aspect-ratio:3/4;border-radius:0}
#main:has(.feature-grid) .story-card:nth-child(odd){transform:translateY(18px)}
#main:has(.feature-grid) .story-card span{padding:17px;background:linear-gradient(transparent 28%,#17291fe8)}
#main:has(.feature-grid) .story-card strong{font-size:21px}
#main:has(.article-heading){max-width:none;padding-bottom:30px}
#main:has(.article-heading) .reader-bar{max-width:100%;padding-inline:max(28px,calc((100vw - 1180px)/2));background:#f7f4edf5}
#main:has(.article-heading) .breadcrumb{max-width:1180px;margin:30px auto 16px;color:#7e857d}
#main:has(.article-heading) .article-heading{max-width:1180px;margin:34px auto 32px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.32fr);align-items:end;column-gap:8%;row-gap:4px}
#main:has(.article-heading) .article-heading .eyebrow{grid-column:1/-1;margin:0 0 13px;display:flex;align-items:center;gap:13px}
#main:has(.article-heading) .article-heading .eyebrow:after{content:"FIELD GUIDE";font:9px "DM Sans",sans-serif;letter-spacing:.18em;color:#858e84;border-left:1px solid #c9c4b7;padding-left:13px}
#main:has(.article-heading) .article-heading h1{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.06em;margin:0;max-width:900px}
#main:has(.article-heading) .article-heading .dek{grid-column:2;grid-row:2/4;margin:0 0 6px;max-width:340px;font-size:16px;line-height:1.8;color:#626e65}
#main:has(.article-heading) .article-heading .meta{grid-column:1;justify-content:flex-start;flex-wrap:wrap;margin-top:23px;font-size:10px;letter-spacing:.09em}
#main:has(.article-heading) .article-image{width:min(100%,1440px);max-width:none;margin:0 auto;aspect-ratio:2.08;max-height:680px;object-fit:cover;border-radius:0}
#main:has(.article-heading)>.image-credit{max-width:1180px;margin:10px auto 0;font-size:11px}
#main:has(.article-heading) .article-body{max-width:1180px;grid-template-columns:220px minmax(0,760px);gap:clamp(38px,8vw,120px);margin:64px auto 100px;align-items:start}
#main:has(.article-heading) .article-body>aside{top:112px;border-top:1px solid #b27455;padding-top:15px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
#main:has(.article-heading) .article-body>aside .eyebrow{font-size:9px;letter-spacing:.2em}
#main:has(.article-heading) .article-body>aside>a{font-size:12px;line-height:1.45;letter-spacing:0;text-transform:none;border-bottom:1px solid #e0ddd3;padding:11px 2px;color:#59665d}
#main:has(.article-heading) .article-body>aside>a:hover{color:#a56649;padding-left:7px}
#main:has(.article-heading) .prose{max-width:72ch;font-size:17px;counter-reset:hav-section}
#main:has(.article-heading) .prose>p:first-child{font-family:var(--serif);font-size:25px;line-height:1.55;color:#405b4c;margin-top:0}
#main:has(.article-heading) .prose section{counter-increment:hav-section;scroll-margin-top:120px;border-top:1px solid #e0ddd3;padding-top:24px;margin-top:38px}
#main:has(.article-heading) .prose section>h2:before{content:"0" counter(hav-section) " / ";font:10px "DM Sans",sans-serif;letter-spacing:.15em;color:#b27455;vertical-align:middle;margin-right:9px}
#main:has(.article-heading) .prose h2{font-size:clamp(28px,3vw,38px);line-height:1.15}
#main:has(.article-heading) .prose p,#main:has(.article-heading) .prose li{font-size:17px;line-height:1.9;color:#38453e}
#main:has(.article-heading) .prose .callout{padding:24px 28px;border-left:2px solid #b27455;background:#eeeee5}
#main:has(.article-heading) .inline-concept{background:#f0eee6;border:0;border-block:1px solid #d7d2c6;padding:20px 0}
#main:has(.article-heading) .inline-concept figcaption{font-size:11px;color:#727b73}
#main:has(.article-heading) .editorial-note{padding:24px 26px;background:#eff0e9;border:0;border-left:2px solid #405b4c}
#main:has(.article-heading) .article-tools{padding:26px;background:#e8e8dd}
#main:has(.article-heading) .article-tools h2:before{content:none}
@media(max-width:900px){#main:has(.feature-grid) .feature-grid{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:25px}#main:has(.feature-grid) .feature-grid>article .hero-copy{width:96%;margin-top:-50px;padding:27px}#main:has(.feature-grid) .cards .card:first-child{grid-column:span 6}#main:has(.feature-grid) .cards .card{grid-column:span 3}#main:has(.article-heading) .article-heading,#main:has(.article-heading) .article-body{max-width:calc(100% - 56px)}#main:has(.article-heading) .article-body{grid-template-columns:180px minmax(0,1fr);gap:35px}}
@media(max-width:650px){#main:has(.feature-grid) .intro{grid-template-columns:1fr;padding-top:48px}#main:has(.feature-grid) .intro:before{top:18px}#main:has(.feature-grid) .intro h1{font-size:clamp(53px,14vw,78px)}#main:has(.feature-grid) .intro h1 em{margin-left:8vw}#main:has(.feature-grid) .intro>p{margin-top:24px;margin-left:8vw;font-size:14px}#main:has(.feature-grid) .feature-grid{grid-template-columns:1fr;padding-top:22px}#main:has(.feature-grid) .feature-grid>article .main-image{aspect-ratio:.98}#main:has(.feature-grid) .feature-grid>article .hero-copy{width:calc(100% - 22px);margin:-42px auto 0;padding:23px 22px 20px}#main:has(.feature-grid) .hero-copy h2{font-size:32px}#main:has(.feature-grid) .side-card{grid-template-columns:minmax(0,1fr) 98px}#main:has(.feature-grid) .side-card img{height:105px}#main:has(.feature-grid) .topic-bar{margin-top:45px;gap:12px 22px}#main:has(.feature-grid) .cards{grid-template-columns:1fr 1fr;gap:24px 14px}#main:has(.feature-grid) .cards .card,#main:has(.feature-grid) .cards .card:first-child{grid-column:span 1;display:block}#main:has(.feature-grid) .cards .card:first-child .card-image{min-height:0;aspect-ratio:1.15}#main:has(.feature-grid) .cards .card h3{font-size:21px}#main:has(.feature-grid) .cards .card p{font-size:13px}#main:has(.feature-grid) .story-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#main:has(.feature-grid) .story-card{grid-column:span 1}#main:has(.feature-grid) .story-card:nth-child(odd){transform:none}#main:has(.feature-grid) .story-card strong{font-size:17px}#main:has(.feature-grid) .plan-band{grid-template-columns:1fr;padding:25px}#main:has(.article-heading){padding:0 20px 30px}#main:has(.article-heading) .reader-bar{margin:0 -20px;padding:9px 12px;gap:8px;font-size:11px}#main:has(.article-heading) .breadcrumb{margin:22px 0 12px}#main:has(.article-heading) .article-heading{max-width:none;width:100%;margin:24px 0 23px;display:flex;flex-direction:column;align-items:flex-start;gap:0}#main:has(.article-heading) .article-heading h1{font-size:clamp(42px,12vw,58px);line-height:1.01}#main:has(.article-heading) .article-heading .dek{max-width:40ch;margin-top:17px;font-size:16px}#main:has(.article-heading) .article-heading .meta{margin-top:15px;justify-content:flex-start;font-size:9px}#main:has(.article-heading) .article-image{width:calc(100% + 40px);margin:0 -20px;aspect-ratio:1.12;max-height:none}#main:has(.article-heading)>.image-credit{margin:8px 0 0;font-size:10px}#main:has(.article-heading) .article-body{max-width:none;width:100%;display:block;margin:30px 0 56px}#main:has(.article-heading) .article-body>aside{display:none}#main:has(.article-heading) .prose>p:first-child{font-size:22px}#main:has(.article-heading) .prose p,#main:has(.article-heading) .prose li{font-size:16px;line-height:1.82}#main:has(.article-heading) .prose section{padding-top:19px;margin-top:30px}#main:has(.article-heading) .prose h2{font-size:29px}#main:has(.article-heading) .inline-concept{padding:12px 0}}
/* Tablet balance and accessible section numbering */
@media(max-width:1050px){#main:has(.feature-grid) .feature-grid{grid-template-columns:1fr;gap:30px}#main:has(.feature-grid) .feature-grid>article .main-image{aspect-ratio:1.55}#main:has(.feature-grid) .feature-grid>article .hero-copy{width:min(82%,700px);margin-top:-60px;padding:30px 34px}#main:has(.feature-grid) .feature-grid>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}#main:has(.feature-grid) .side-label,#main:has(.feature-grid) .note{grid-column:1/-1}#main:has(.feature-grid) .side-card{grid-template-columns:minmax(0,1fr) 112px;min-width:0}#main:has(.article-heading) .article-heading h1{font-size:clamp(46px,6vw,76px)}}
@media(max-width:650px){#main:has(.feature-grid) .feature-grid{grid-template-columns:1fr}#main:has(.feature-grid) .feature-grid>aside{display:block}#main:has(.feature-grid) .feature-grid>article .main-image{aspect-ratio:.98}#main:has(.feature-grid) .feature-grid>article .hero-copy{width:calc(100% - 22px);margin:-42px auto 0;padding:23px 22px 20px}#main:has(.feature-grid) .side-card{grid-template-columns:minmax(0,1fr) 98px}}
#main:has(.article-heading) .prose section>h2:before{content:counter(hav-section,decimal-leading-zero) " / ";}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&display=swap');
:root{--serif:'Newsreader',Georgia,serif}
body{font-family:'DM Sans',Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:0;line-height:1.72;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.logo,h1,h2,h3,.note h3,.plan-band h2,.tool-card h3,.story-card strong{font-family:'Newsreader',Georgia,serif;font-optical-sizing:auto;font-weight:500}
.logo{font-weight:500;letter-spacing:-.025em}
#main:has(.feature-grid) .intro h1{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(60px,8.3vw,112px);letter-spacing:-.055em;line-height:.94}
#main:has(.feature-grid) .intro h1 em{font-weight:400;letter-spacing:-.06em}
#main:has(.feature-grid) .hero-copy h2{font-size:clamp(34px,3.25vw,46px);font-weight:500;letter-spacing:-.035em;line-height:1.08}
#main:has(.feature-grid) .section>h2{font-weight:500;letter-spacing:-.045em}
#main:has(.feature-grid) .cards .card h3{font-weight:500;letter-spacing:-.025em;line-height:1.17}
#main:has(.article-heading) .article-heading h1{font-family:'Newsreader',Georgia,serif;font-size:clamp(48px,6.1vw,78px);font-weight:500;letter-spacing:-.045em;line-height:1.01}
#main:has(.article-heading) .article-heading .dek{font-family:'DM Sans',Arial,sans-serif;font-size:15.5px;line-height:1.85;letter-spacing:.005em}
#main:has(.article-heading) .prose{font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.82;letter-spacing:.002em}
#main:has(.article-heading) .prose>p:first-child{font-family:'Newsreader',Georgia,serif;font-size:24px;font-weight:400;line-height:1.52;letter-spacing:-.012em}
#main:has(.article-heading) .prose h2{font-family:'Newsreader',Georgia,serif;font-weight:500;letter-spacing:-.025em}
#main:has(.article-heading) .prose h3{font-family:'Newsreader',Georgia,serif;font-weight:500;letter-spacing:-.015em}
#main:has(.article-heading) .prose p,#main:has(.article-heading) .prose li{font-family:'DM Sans',Arial,sans-serif;font-size:16.5px;line-height:1.86;letter-spacing:.002em}
.side-card h3,.note h3{font-family:'Newsreader',Georgia,serif;font-weight:500;letter-spacing:-.02em}
.button,.nav,.meta,.eyebrow,.reader-bar,.side-label,.image-tag{font-family:'DM Sans',Arial,sans-serif}
@media(max-width:1050px){#main:has(.article-heading) .article-heading h1{font-size:clamp(44px,5.1vw,64px)}}
@media(max-width:650px){#main:has(.article-heading) .article-heading h1{font-size:clamp(42px,11vw,50px)}}
#main:has(.article-heading) .article-heading h1{font-size:clamp(46px,5.25vw,68px)}
@media(max-width:1050px){#main:has(.article-heading) .article-heading h1{font-size:clamp(44px,5.1vw,60px)}}
/* Reduce image dominance; keep editorial layouts breathing */
#main:has(.feature-grid) .feature-grid>article .main-image{aspect-ratio:1.5;max-height:470px}
#main:has(.feature-grid) .cards .card-image{aspect-ratio:1.48}
#main:has(.article-heading) .article-image{width:min(100%,1080px);aspect-ratio:2.35;max-height:430px}
#main:has(.article-heading) .inline-concept{max-width:680px}
#main:has(.article-heading) .inline-concept img{max-height:440px}
@media(max-width:1050px){#main:has(.feature-grid) .feature-grid>article .main-image{aspect-ratio:1.65;max-height:410px}#main:has(.article-heading) .article-image{width:min(100%,900px);aspect-ratio:2.15;max-height:380px}}
@media(max-width:650px){#main:has(.feature-grid) .feature-grid>article .main-image{aspect-ratio:1.38;max-height:340px}#main:has(.feature-grid) .cards .card-image,#main:has(.feature-grid) .cards .card:first-child .card-image{aspect-ratio:1.35}#main:has(.article-heading) .article-image{width:calc(100% + 40px);margin:0 -20px;aspect-ratio:1.55;max-height:280px}#main:has(.article-heading) .inline-concept img{max-height:330px}}
/* Smaller, centered article covers and bounded home feature */
#main:has(.feature-grid) .feature-grid>article .image-link{max-width:760px;margin-inline:auto}
#main:has(.feature-grid) .feature-grid>article .main-image{max-height:440px}
#main:has(.article-heading) .article-image{width:min(100%,900px);aspect-ratio:2.4;max-height:375px}
#main:has(.article-heading) .inline-concept{max-width:620px}
#main:has(.article-heading) .inline-concept img{max-height:390px}
@media(max-width:1050px){#main:has(.feature-grid) .feature-grid>article .main-image{max-height:390px}#main:has(.article-heading) .article-image{width:min(100%,780px);aspect-ratio:2.3;max-height:340px}}
@media(max-width:650px){#main:has(.feature-grid) .feature-grid>article .main-image{max-height:300px}#main:has(.article-heading) .article-image{width:calc(100% + 40px);margin:0 -20px;aspect-ratio:1.7;max-height:250px}#main:has(.article-heading) .inline-concept img{max-height:300px}}