/* Youtopia masthead and reader invitation — October 2026 */
.premium-masthead{background:#f6f5ef;color:#152a24;padding:16px 30px 20px;border-bottom:1px solid #b8c4ba;text-align:center}.premium-kicker{display:flex;justify-content:space-between;gap:16px;font:500 10px/1.5 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase}.premium-kicker a{color:#183f32;text-decoration:none}.premium-title{display:flex;justify-content:center;align-items:center;gap:20px;margin:18px auto 10px;color:#142b25!important}.premium-title img{width:58px;height:58px}.premium-title span{font:400 clamp(36px,6vw,82px)/.92 'Libre Caslon Display',Georgia,serif;letter-spacing:.045em}.premium-title small{font:500 .29em/1 'DM Sans',sans-serif;letter-spacing:.4em;display:block;margin-top:12px}.premium-motto{font:400 12px/1.6 Georgia,serif;letter-spacing:.12em;margin:0}.is-home .nav{background:#f6f5eff5!important;backdrop-filter:blur(12px);border-color:#c9d1c8;color:#20362d}.is-home .navin{height:auto;min-height:56px;gap:18px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;justify-content:center}.is-home .navin>.brand{display:none!important}.is-home .nav .links{display:none!important}.is-home .category-label{color:#23382e;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.is-home .category-label select{background:transparent;border:0;color:#23382e;font-size:12px;max-width:190px}.is-home .nav .btn,.is-home .nav button,.is-home .nav select{color:#183f32!important;background:transparent!important;border-color:#c6cfc4!important;border-radius:0}.is-home .nav .nav-utilities{display:flex;gap:16px;align-items:center}.is-home .nav a{color:#183f32}.is-home .quick-paths{border-top:0}.is-home #top .intro-copy{max-width:1240px;padding-bottom:100px}.is-home #top .intro-copy h1,.is-home #top .intro-copy h2{font-family:'Libre Caslon Display',Georgia,serif!important;font-weight:400!important;letter-spacing:-.025em!important;line-height:.98!important;font-size:clamp(48px,6.8vw,98px)!important;text-transform:none!important;max-width:820px}.is-home #top .intro-copy h1 span,.is-home #top .intro-copy h2 span{color:#c9e6d5!important}.is-home #top .intro-copy p{font-size:16px;line-height:1.7;max-width:560px}.is-home #top .intro-copy .eyebrow{color:#d3ecdf!important;letter-spacing:.2em}.is-home #top .intro-slide:after{background:linear-gradient(90deg,#081a15b8,transparent 85%),linear-gradient(0deg,#081a15bb,transparent 80%)}.is-home #top .btn{border-radius:0!important;padding:13px 21px!important}.is-home #top .offer-note strong{background:transparent;color:#e5f3e9;border:1px solid #b4d5c3;border-radius:0;font-size:11px;letter-spacing:.12em}.is-home #top .offer-note span{font-size:13px}.is-home #top .intro-controls button{border-radius:0!important}.site-wordmark{font-family:'Libre Caslon Display',Georgia,serif!important;font-weight:400!important;letter-spacing:.06em!important}.reader-invitation{background:#e6eee5;color:#173b2a;border-top:1px solid #adc5b3;border-bottom:1px solid #adc5b3;margin:60px auto;padding:42px;max-width:1160px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.reader-invitation h2{font:400 clamp(30px,4vw,48px)/1.08 'Libre Caslon Display',Georgia,serif;margin:10px 0}.reader-invitation p{max-width:620px;line-height:1.7}.reader-invitation a{display:inline-block;background:#173b2a;color:#fff!important;padding:14px 23px;text-decoration:none;font:600 12px/1.6 'DM Sans',sans-serif;letter-spacing:.06em}.reader-invitation .eyebrow{font:600 10px/1.6 'DM Sans',sans-serif;letter-spacing:.15em;text-transform:uppercase}.newsletter-page{margin:auto;max-width:1160px;padding:70px 30px}.newsletter-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.newsletter-layout h1{margin:12px 0 24px}.newsletter-layout .signup{background:#e6eee5;padding:32px}.newsletter-layout input:not([type=checkbox]):not([type=hidden]){display:block;width:100%;padding:13px;margin:10px 0;border:1px solid #9caf9d;background:#fffefa}.newsletter-layout label{font-size:13px}.newsletter-layout .btn{padding:14px 22px;background:#173b2a;color:#fff;border:0;margin-top:20px}.newsletter-layout .checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.newsletter-layout .fine{font-size:12px}.newsletter-layout li{margin-bottom:16px}.newsletter-layout details{margin:18px 0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3e815f;outline-offset:4px}@media(max-width:700px){.premium-masthead{padding:14px 18px 18px}.premium-kicker{font-size:8px;letter-spacing:.08em}.premium-kicker span:nth-child(2){display:none}.premium-title{gap:12px;margin-top:18px}.premium-title img{width:42px;height:42px}.premium-title span{font-size:clamp(30px,7.5vw,52px)}.premium-motto{font-size:10px;letter-spacing:.04em}.is-home .navin{gap:10px;padding:8px 14px}.is-home .navin>.lang-switch,.is-home .navin>.site-options{display:none}.is-home .category-label{font-size:0}.is-home .category-label select{font-size:11px;max-width:140px}.is-home .nav .btn{font-size:11px;padding:7px 10px}.is-home #top .intro-copy{padding:0 22px 110px}.is-home #top .intro-copy h1,.is-home #top .intro-copy h2{font-size:clamp(43px,11vw,66px)!important}.is-home #top .intro-copy p{font-size:14px}.is-home #top .offer-note{gap:7px}.is-home #top .intro-slide>img{object-position:66% center}.reader-invitation{margin:35px 18px;padding:28px;grid-template-columns:1fr;gap:10px}.newsletter-layout{grid-template-columns:1fr;gap:30px}.newsletter-page{padding:38px 22px}.newsletter-layout .signup{padding:23px}.newsletter-layout .checks{grid-template-columns:1fr}}
/* Keep the cream navigation and dark starting-point panel legible. */
.is-home .nav .category-label,.is-home .navin>label,.is-home .nav .site-options>summary{color:#203c30!important}.is-home .nav .site-options .options-panel{background:#f6f5ef;color:#203c30}.is-home .nav .ambient-label{color:#203c30}.is-home .quick-paths h2{color:#edf4ed!important}.is-home .quick-paths .brief-link{color:#e1f2e7!important}

.premium-title{text-decoration:none!important}.newsletter-layout input{box-sizing:border-box}

/* Slim white editorial masthead — review revision. */
.premium-masthead{background:#fff;padding:16px 24px 14px;border-bottom:1px solid #e5e9e6}
.premium-kicker,.premium-motto,.premium-title img{display:none}
.premium-title{margin:0;gap:0}
.premium-title span{font-size:42px;line-height:1;letter-spacing:.09em}
.premium-title small{display:inline-block;font-size:10px;letter-spacing:.27em;margin:0 0 0 10px;vertical-align:middle}
.is-home .nav{background:#fff!important;border-bottom:1px solid #dce5df;backdrop-filter:none}
.is-home .navin{min-height:42px;padding-top:4px;padding-bottom:4px;gap:26px}
.is-home .nav .nav-shop,.is-home .nav .pill,.is-home .nav .site-options>summary{font-size:11px;border:0;background:none;box-shadow:none;padding:7px 5px;border-radius:0;color:#17382c}
.is-home .navin>label[for=language-nav]{display:none!important}
.is-home .navin>.category-label{margin-left:0}
.is-home .category-label{font-size:0}
.is-home .category-label select{font-size:11px;max-width:170px}
.is-home .navin>.pill{margin-left:0}
.is-home .site-options{margin-left:0}
.is-home #top .intro-copy h1,.is-home #top .intro-copy h2{font-size:clamp(46px,5.8vw,78px)!important}
.is-home .nav .options-panel{border:1px solid #dce5df}
@media(max-width:700px){
.premium-masthead{padding:14px 16px 12px}
.premium-title span{font-size:32px;letter-spacing:.07em}
.premium-title small{font-size:8px;margin-left:7px;letter-spacing:.2em}
.is-home .navin{min-height:39px;gap:18px;padding:3px 12px;flex-wrap:nowrap}
.is-home .navin>.site-options{display:block}
.is-home .navin>.pill{display:inline-block}
.is-home .category-label select{max-width:135px;font-size:10px}
.is-home .nav .nav-shop,.is-home .nav .pill,.is-home .nav .site-options>summary{font-size:10px;padding:6px 2px;white-space:nowrap}
.is-home #top .intro-copy h1,.is-home #top .intro-copy h2{font-size:clamp(40px,10vw,58px)!important}
}
@media(max-width:380px){.is-home .navin{gap:10px}.is-home .category-label select{max-width:115px}}

/* Compact single-row header in the site's own deep green. */
.premium-masthead{background:#07110f;border:0;padding:0}
.is-home .premium-masthead{position:absolute;top:0;left:max(24px,calc((100% - 1132px)/2));height:56px;display:flex;align-items:center;z-index:10000}
.premium-title{color:#f5f2e9!important}
.premium-title span{font-size:28px;letter-spacing:.075em}
.premium-title small{font-size:8px;margin-left:7px;letter-spacing:.2em}
.is-home .nav{background:#07110f!important;border-bottom:1px solid #294139;color:#f5f2e9}
.is-home .navin{height:56px;min-height:56px;padding-top:0;padding-bottom:0;padding-left:270px;gap:22px;justify-content:flex-end;flex-wrap:nowrap}
.is-home .nav .category-label,.is-home .navin>label,.is-home .nav .site-options>summary,.is-home .nav .nav-shop,.is-home .nav .pill,.is-home .nav a,.is-home .nav select{color:#e7eee9!important}
.is-home .nav .category-label select{font-size:11px}
.is-home .nav .site-options .options-panel{background:#0e1c19;color:#f5f2e9;border-color:#294139}
.is-home .nav .ambient-label{color:#e7eee9}
.is-home .nav .options-panel button,.is-home .nav .options-panel a{color:#e7eee9!important}
body:not(.is-home) .premium-masthead{padding:15px 24px}
@media(max-width:700px){
.is-home .premium-masthead{left:16px;height:48px}
.premium-title span{font-size:21px;letter-spacing:.045em}
.premium-title small{font-size:6px;margin-left:4px;letter-spacing:.12em}
.is-home .navin{height:48px;min-height:48px;padding:0 12px 0 170px;gap:12px}
.is-home .nav .nav-shop{display:none}
.is-home .category-label select{max-width:94px;font-size:10px;padding:5px 0}
.is-home .navin>.pill{font-size:0;padding:6px 0}
.is-home .navin>.pill:after{content:"Ask";font-size:10px}
.is-home .nav .site-options>summary{font-size:10px;padding:6px 0}
}
@media(max-width:380px){
.is-home .premium-masthead{left:12px}
.premium-title span{font-size:18px}
.is-home .navin{padding-left:145px;gap:10px}
.is-home .category-label select{max-width:86px}
}

/* Editorial destinations balance the wordmark without adding height. */
@media(min-width:1100px){
.is-home .navin{gap:18px}
.is-home .nav .links{display:flex!important;order:0;gap:19px;margin-left:0;margin-right:auto;align-items:center;white-space:nowrap}
.is-home .nav .links a{font-size:11px;letter-spacing:.025em;color:#e7eee9!important}
.is-home .nav .links a:hover{color:#63e6c1!important}
.is-home .navin>.category-label{order:1}
.is-home .navin>.nav-shop{order:2}
.is-home .navin>.pill{order:3}
.is-home .navin>.site-options{order:4}
.is-home .nav .category-label select{max-width:126px}
}

@media(min-width:1100px){.is-home .nav .navin{flex-wrap:nowrap!important;height:56px!important;min-height:56px!important}.is-home .nav .navin .links{flex:0 1 auto!important;flex-basis:auto!important;width:auto!important;flex-wrap:nowrap!important;margin-left:0!important;margin-right:auto!important;gap:18px!important}.is-home .nav .navin .links a{padding:0!important}.is-home .nav .category-label{flex:none!important}}