/* Allowed color tokens and explicitly requested donor-only Cyrillic typography. */
:root,[data-theme=light]{
 --font-serif-display:"Cormorant Garamond",serif;--font-sans:"Merriweather",serif;--font-mono-ui:"Merriweather",serif;
 --neutral-000:#fff;--neutral-050:#fff;--neutral-100:#f7f6f3;--neutral-200:#e9e6df;--neutral-300:#dedbd5;--neutral-400:#989083;--neutral-500:#766d60;--neutral-600:#51493f;--neutral-700:#eeeae3;--neutral-800:#30291f;--neutral-900:#28231c;--neutral-950:#211c15;
 --green-000:#f4f0e8;--green-050:#eee7db;--green-100:#e5d8c1;--green-200:#ccba9a;--green-300:#baa481;--green-400:#ab936d;--green-500:#9a7d4f;--green-600:#8b6f43;--green-700:#7b6038;--green-800:#6d542f;--green-900:#493720;--green-950:#38291a;
 --surface-canvas-neutral:#fff;--surface-canvas-neutral-subtle:#f7f6f3;--surface-card:#f7f6f3;--surface-card-elevated:#eeeae3;--text:#28231c;--text-muted:#766d60;--text-accent:#806439;--text-bright:#211c15;--text-inverse:#fff;--border:#d9d3c9;--interactive:#806439;--interactive-hover:#8b6f43;--interactive-active:#7b6038;--interactive-ink:#8b6f43;--interactive-ink-light:#8b6f43;--muted-ink-held:#766d60;--text-error-ink:#806439;
 --bg-color:#f7f6f3;--text-color:#28231c;--footer-font-sans:var(--font-sans);--footer-muted-ink:#766d60;--footer-accent-ink:#806439;--footer-divider-color:#d9d3c9;
}

/* Hidden is an HTML execution state; retain it when recovered flex/grid rules apply. */
[hidden]{display:none!important}

.NewsletterFooter{--footer-muted-ink:var(--text-muted)}

/* A color-token substitution in ON's creative card variant. */
.LandingPage[data-page-slug=creative-technology]{--text-accent:var(--text)}

/* Allowed local color token for the source filled-button foreground. */
.button{--neutral-950:#fff}

/* The hero and chapter labels use the destination-caption face. */
#priority-hero .TextColumnsRight :is(h1,p){font-family:"Eha Artifex Hand","Merriweather",serif}
[data-view-block]>.TextColumnsOuter{--font-serif-display:"Eha Artifex Hand","Cormorant Garamond",serif}
[data-view-block]>.TextColumnsOuter .TextColumnsLabel{font-family:"Eha Artifex Hand","Merriweather",serif;font-size:16px;font-weight:200;line-height:1.3;letter-spacing:-.01em;font-feature-settings:"liga" 1,"clig" 1}
@media(width<=991px){[data-view-block]>.TextColumnsOuter .TextColumnsLabel{font-size:14px}}

/* Review-approved static four-card series and compact ON header state. */
.projects--hero{padding:24px 0 112px}
.projects--hero .projects__items{gap:24px}
.projects--hero .projects__item{position:relative}
.projects--hero .projects__image{position:relative;overflow:hidden}
.projects--hero .projects__image::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(to bottom,transparent,rgba(18,20,19,.7));pointer-events:none}
.projects--hero .projects__meta{position:absolute;bottom:0;left:0;right:0;padding:20px;color:#fff;pointer-events:none}
.projects--hero .projects__meta h2{margin:0;color:#fff;font-family:"Eha Artifex Hand","Merriweather",serif;font-size:16px;font-weight:200;line-height:1.3}
.projects--hero [data-trip-status=waitlist] .TripStatus{opacity:.7}
.projects--hero [data-trip-status=open] .projects__image{outline:2px solid var(--text-accent);outline-offset:-2px}
@media(width>=992px){.projects--hero .projects__items{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(width<=991px){.projects--hero{padding:24px 0 0}.projects--hero .projects__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.projects--hero .projects__meta{padding:12px}.projects--hero .projects__meta h2{font-size:14px}}
.projects--experience .projects__items{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(width<=991px){.projects--experience .projects__items{grid-template-columns:repeat(2,minmax(0,1fr))}}

#navbar .NavMark{display:none;width:30px;height:27px;object-fit:contain}
#navbar:not(.is-compact) .NavWordmark{display:none}
#navbar .NavPartner{margin:0;color:var(--text);font-family:"Eha Artifex Hand","Merriweather",serif!important;font-size:14px;font-weight:200;line-height:1.2;text-align:right;max-width:205px}
#navbar.is-compact{background-color:var(--neutral-000);pointer-events:auto}
#navbar.is-compact .NavBar{padding-block:8px}
#navbar.is-compact .NavWordmark svg{display:none}
#navbar.is-compact .NavMark{display:block}
#navbar.is-compact .NavPartner{display:none}
@media(width<=768px){#navbar .NavWordmark{display:none}#navbar .NavCluster--end{display:flex;grid-column:3;justify-self:end}#navbar .NavPartner{font-size:11px;max-width:108px}#navbar.is-compact .NavCluster--end{display:none}}
#priority-hero .HeroMark{display:none}
#priority-hero .HeroLocation{margin-top:12px;color:var(--text-accent);font-size:20px;line-height:1.3}
@media(width<=991px){#priority-hero .HeroMark{display:block;width:50px;height:auto;margin:0 auto 12px}}

/* The three sourced card columns lead into the sourced measurement band. */
[data-view-block="05"]>.CardsOuter .CardsRightContent{border-bottom:1px solid var(--border);padding-bottom:24px}
#application,[id^="block-"]{scroll-margin-top:72px}

/* One editorial image per requested section. */
.PriorityPhoto{margin:0;width:100%;overflow:hidden}
.PriorityPhoto img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.PriorityPhoto--wide{width:100%;margin:2rem 0 0}
.PriorityPhoto--wide img{max-height:78vh}
#application .TextColumnsLinks{list-style:none;margin:1.5rem 0 0;padding:0}
#application .TextColumnsLinks li{margin:0;padding:0;border-bottom:1px solid var(--border)}
#application .TextColumnsLinks a{display:block;padding:.8rem 0;text-decoration:none;font-size:18px;line-height:1.4}
#application .TextColumnsLinks a:hover{text-decoration:underline}
@media(width<=768px){
 #navbar.is-compact .NavBar{box-sizing:border-box;min-height:40px;padding-block:6px}
 #navbar.is-compact .NavCluster--start .button{box-sizing:border-box;width:96px;height:24px;min-height:24px;padding:4px 8px;position:relative}
 #navbar.is-compact .NavCluster--start .button::before{content:"";position:absolute;inset:-10px}
 #navbar.is-compact .NavCluster--start .button p{font-size:12px;line-height:1.1;margin:0}
 [data-view-block] .TextColumnsRight p,[data-view-block] .TextColumnsRight li{font-size:max(17px,1em)}
 .PriorityPhoto--wide img{aspect-ratio:4/3}
 #application .TextColumnsLinks a{font-size:17px;line-height:1.35;padding:.65rem 0}
 #priority-hero .HeroLocation{font-size:16px}
 #block-03 .ModulePad,#block-05 .ModulePad,#block-07 .ModulePad,#block-09 .ModulePad{padding-block:32px}
 [data-view-block="03"]>.CardsOuter .ModulePad,[data-view-block="05"]>.CardsOuter .ModulePad{padding-block:32px}
 .ReadingArc.is-in-header{top:6px;width:28px;height:28px}
}
