/* Croton's autumn masthead. Scoped to the header; existing site UI is retained. */
.masthead.croton-autumn{
 --autumn-paper:#f7f3e8;--autumn-ink:#234438;--autumn-secondary:#495847;
 --autumn-art-opacity:1;--autumn-art-filter:none;
 isolation:isolate;overflow:hidden;position:relative;background:var(--autumn-paper);
 padding:0;text-align:left;border-bottom:1px solid #b3b8a6;
}
.croton-autumn .hudson-art{
 position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:url('/static/croton-hudson-autumn-20261008.webp');
 background-size:auto 112%;background-position:right center;background-repeat:no-repeat;
 opacity:var(--autumn-art-opacity);filter:var(--autumn-art-filter);
}
.croton-autumn .autumn-masthead-inner{max-width:var(--max-w);margin:auto;padding:38px 24px 31px;min-height:272px;box-sizing:border-box}
.croton-autumn .masthead-title{font-size:clamp(60px,6.7vw,88px)!important;line-height:1.04;letter-spacing:-.045em;color:var(--autumn-ink);max-width:57%}
.croton-autumn .masthead-tagline{font-size:16px;line-height:1.5;max-width:49%;margin-top:12px;color:var(--autumn-secondary);text-wrap:balance}
.croton-autumn .masthead-sub{font-size:10px;line-height:1.6;letter-spacing:.1em;max-width:52%;margin-top:13px;color:var(--autumn-secondary)}
.croton-autumn .masthead-rule{width:42px;background:#9ba38c;margin:13px 0 0}
.croton-autumn .masthead-credo{font-size:10px;letter-spacing:.11em;margin-top:5px;color:var(--autumn-secondary);max-width:52%}
.croton-autumn .masthead-credo a{display:inline-block;min-height:24px;padding:5px 0}
.croton-autumn .theme-toggle{z-index:2;background:#f7f3e8ed;color:#294538;border-color:#a3ad98}
.croton-autumn .theme-toggle:focus-visible{outline:3px solid #8c3f20;outline-offset:4px}
.croton-autumn .masthead-title a:focus-visible,.croton-autumn .masthead-credo a:focus-visible{outline:3px solid #8c3f20;outline-offset:4px}
/* Explicit theme preferences win over the operating system. */
:root[data-theme="dark"] .croton-autumn{
 --autumn-paper:#172620;--autumn-ink:#f1ead9;--autumn-secondary:#d8d9c9;
 --autumn-art-opacity:.64;--autumn-art-filter:brightness(.7) saturate(.75);border-bottom-color:#4a5b4b;
}
:root[data-theme="dark"] .croton-autumn .hudson-art{mask-image:linear-gradient(to right,transparent 28%,#000 75%)}
:root[data-theme="dark"] .croton-autumn .theme-toggle{background:#1e3029ed;color:#f4ebd9;border-color:#82907a}
:root[data-theme="dark"] .croton-autumn a:focus-visible,:root[data-theme="dark"] .croton-autumn .theme-toggle:focus-visible{outline-color:#edbd7e}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) .croton-autumn{--autumn-paper:#172620;--autumn-ink:#f1ead9;--autumn-secondary:#d8d9c9;--autumn-art-opacity:.64;--autumn-art-filter:brightness(.7) saturate(.75);border-bottom-color:#4a5b4b}
 :root:not([data-theme="light"]) .croton-autumn .hudson-art{mask-image:linear-gradient(to right,transparent 28%,#000 75%)}
 :root:not([data-theme="light"]) .croton-autumn .theme-toggle{background:#1e3029ed;color:#f4ebd9;border-color:#82907a}
 :root:not([data-theme="light"]) .croton-autumn a:focus-visible,:root:not([data-theme="light"]) .croton-autumn .theme-toggle:focus-visible{outline-color:#edbd7e}
}
@media(min-width:1600px){.croton-autumn .hudson-art{background-size:auto 145%;background-position:calc(50% + 350px) center}}
@media(min-width:761px) and (max-width:1050px){
 .croton-autumn .hudson-art{background-size:auto 105%;background-position:right center;mask-image:linear-gradient(to right,transparent 32%,#000 72%)}
 .croton-autumn .masthead-title{font-size:64px!important;max-width:63%}
 .croton-autumn .masthead-tagline{max-width:52%;font-size:15px}
 .croton-autumn .masthead-sub{max-width:52%;font-size:9px}
}
@media(max-width:760px){
 .croton-autumn .autumn-masthead-inner{padding:24px 20px 121px;min-height:0}
 .croton-autumn .masthead-title{font-size:clamp(44px,10.5vw,64px)!important;max-width:none;padding-right:20px!important;letter-spacing:-.045em}
 .croton-autumn .masthead-tagline{font-size:13px;line-height:1.45;max-width:310px;margin-top:9px;text-wrap:pretty}
 .croton-autumn .masthead-sub{font-size:8px;line-height:1.6;max-width:330px;margin-top:10px;letter-spacing:.09em}
 .croton-autumn .masthead-rule{display:none}
 .croton-autumn .masthead-credo{font-size:9px;letter-spacing:.06em;max-width:330px;margin-top:5px}
 .croton-autumn .masthead-credo .credo-dot{margin:0 7px}
 .croton-autumn .hudson-art{inset:auto 0 0;height:140px;background-size:auto 108%;background-position:right center;mask-image:linear-gradient(to bottom,transparent,#000 46%)}
 :root[data-theme="dark"] .croton-autumn .hudson-art{mask-image:linear-gradient(to bottom,transparent,#000 46%)}
 .croton-autumn .theme-toggle{width:32px;height:32px;top:auto;bottom:13px;right:11px}
}
@media(max-width:760px) and (prefers-color-scheme:dark){:root:not([data-theme="light"]) .croton-autumn .hudson-art{mask-image:linear-gradient(to bottom,transparent,#000 46%)}}
@media(max-width:370px){.croton-autumn .masthead-title{font-size:43px!important}.croton-autumn .masthead-tagline{max-width:270px;font-size:12px}.croton-autumn .masthead-sub{font-size:7.5px}}
@media print{.croton-autumn .hudson-art{display:none}.croton-autumn .autumn-masthead-inner{padding:18px 0;min-height:0}.masthead.croton-autumn{background:white;--autumn-ink:#111;--autumn-secondary:#333}}