:root{--bg:#fff;--surface:#f3f8fb;--text:#172623;--muted:#52605e;--accent:#f26e02;--line:#17262326;--gutter:clamp(22px,5vw,80px);font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #1a6b87;outline-offset:6px}img{display:block;max-width:100%}button{border:0}p,h1,h2,h3{margin:0}p{line-height:1.65}h1,h2,h3{font-weight:550;letter-spacing:-.06em;line-height:1.05}h1{font-size:clamp(54px,7.5vw,112px)}h2{font-size:clamp(36px,4.3vw,64px)}h3{font-size:30px}.wrap{width:min(100% - var(--gutter)*2,1280px);margin-inline:auto}.eyebrow{font-size:13px;font-weight:550;letter-spacing:.12em;text-transform:uppercase;line-height:1.6;color:var(--muted)}.highlight{background:linear-gradient(transparent 75%,#f26e0280 75%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.skip{position:fixed;top:-100px;left:20px;z-index:40;padding:15px;background:var(--text);color:#fff}.skip:focus{top:15px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-inline:var(--gutter);position:relative;z-index:20;background:#fff}.brand{display:block;position:relative;width:96px;height:42px;overflow:hidden;flex-shrink:0}.brand img{position:absolute;width:120px;max-width:none;height:120px;left:-12px;top:-40px}.main-nav{display:flex;gap:36px;align-items:center}.main-nav a{font-size:15px;padding:14px 0}.main-nav a:hover,.main-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:8px}.scroll-progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:30}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:50px;background:var(--accent);border:1px solid var(--accent);color:var(--text);border-radius:999px;padding:15px 24px;font-size:15px;font-weight:550;line-height:1.3;transition:transform .2s,background .2s}.button:hover{background:#fa8427;transform:translateY(-2px)}.button span{font-size:20px}.button-quiet{background:#ffffffb8;border-color:var(--line)}.button-quiet:hover{background:#fff}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:28px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:15px;padding:10px 0;border-bottom:1px solid var(--line);background:none}.text-link:hover{border-color:var(--text)}.footer{display:flex;align-items:center;flex-wrap:wrap;gap:28px;padding-block:35px;border-top:1px solid var(--line)}.footer p{font-size:14px;color:var(--muted)}.footer .button{margin-left:auto}.footer>span{font-size:12px;color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){html{scroll-padding-top:30px}.header{height:80px;gap:15px}.brand{width:80px;height:36px}.brand img{width:100px;height:100px;left:-10px;top:-33px}.main-nav{gap:22px}.main-nav a{font-size:14px}.eyebrow{font-size:12px;letter-spacing:.08em}.button{font-size:14px;padding:14px 20px;gap:18px}.footer{gap:20px}.footer .button{margin-left:0}.footer>span{margin-left:auto}.footer p{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* Official original, embedded in ERA’s brand guide. No CSS recoloring or mask. */
.brand{width:82px;height:36px;background:none}.brand img{width:100px;height:100px;left:-9px;top:-33px;opacity:1}@media(max-width:650px){.brand{width:72px;height:32px}.brand img{width:88px;height:88px;left:-8px;top:-29px}}

/* Direct applications remain available from every page. */
.header{display:grid;grid-template-columns:1fr auto 1fr}.apply-menu{position:relative;justify-self:end}.apply-menu summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;background:var(--accent);border-radius:999px;padding:13px 20px;font-size:15px;font-weight:550;min-height:46px}.apply-menu summary::-webkit-details-marker{display:none}.apply-menu summary>span{font-size:19px;line-height:1;transition:transform .2s}.apply-menu[open] summary>span{transform:rotate(180deg)}.apply-options{position:absolute;top:calc(100% + 12px);right:0;min-width:270px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 14px 35px #17262314}.apply-options a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 14px;border-radius:10px;font-size:14px;line-height:1.4}.apply-options a:hover,.apply-options a:focus-visible{background:#fff0e3}.apply-options a>span{font-size:18px}@media(max-width:650px){.header{height:124px;grid-template-columns:1fr auto;gap:4px 20px;padding-block:12px}.main-nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:35px}.main-nav a{padding:10px 0}.apply-menu{grid-column:2;grid-row:1}.apply-menu summary{font-size:14px;min-height:42px;padding:10px 18px;gap:20px}.apply-options{min-width:260px;max-width:calc(100vw - var(--gutter)*2)}}

.program-details>.button{margin-top:28px}

/* Mobile navigation is a single-row disclosure; desktop keeps its existing links. */
.mobile-menu-toggle,.mobile-navigation{display:none}
@media(max-width:650px){
 .js-enabled .header{height:80px;grid-template-columns:1fr auto;gap:16px;padding-block:12px}
 .js-enabled .header>.main-nav,.js-enabled .header>.apply-menu{display:none}
 .js-enabled .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:transparent;justify-self:end}
 .mobile-menu-toggle:hover,.mobile-menu-toggle[aria-expanded=true]{background:var(--surface)}
 .js-enabled .mobile-navigation:not([hidden]){display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;padding:8px var(--gutter) 20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 24px #17262312}
 .mobile-navigation a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 0;font-size:16px;line-height:1.4}
 .mobile-navigation a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}
 .mobile-navigation a:hover{color:#994400}
}

.desktop-join{justify-self:end}
.join-dialog{color:var(--text);border:1px solid var(--line);border-radius:24px;padding:52px 28px 28px;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#fff;box-shadow:0 24px 80px #17262330}
.join-dialog::backdrop{background:#17262380}
.join-dialog h2{font-size:32px;line-height:1.15;letter-spacing:-.045em;margin:0 0 24px}
.join-close{position:absolute;right:12px;top:8px;width:44px;height:44px;border-radius:50%;background:transparent;font-size:28px;line-height:1}
.join-close:hover{background:var(--surface)}
.join-choices{display:grid;gap:12px}
.join-choices a{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);border-radius:16px;line-height:1.4}
.join-choices a:hover{background:#fff5ed;border-color:var(--accent)}
.join-choices strong{font-size:17px;font-weight:550}
.join-choices span{font-size:14px;color:var(--muted)}
body:has(.join-dialog[open]){overflow:hidden}
@media(max-width:650px){.js-enabled .header>.desktop-join{display:none}.mobile-navigation>.join-era{align-self:flex-start;margin-top:12px;min-height:48px}.join-dialog{padding:52px 20px 20px}.join-dialog h2{font-size:28px}}

.join-era{border-radius:999px;min-height:48px}

body[data-page=home] .hero .actions{justify-content:flex-start}
.floating-cta{display:none}
@media(max-width:650px){
 .floating-cta:not([hidden]){display:inline-flex;position:fixed;z-index:25;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);max-width:calc(100% - 32px);min-height:52px;border-radius:999px;box-shadow:0 6px 24px #17262330;text-align:center;justify-content:center;animation:float-cta-in .18s ease-out}
 .floating-cta:hover{transform:translateX(-50%)}
 .has-floating-cta{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
}
@keyframes float-cta-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}

/* Wide thumb targets on mobile; desktop actions retain their intrinsic size. */
@media(max-width:650px){
 main .join-era,main a.button[href*="/f/ambassador-application"],.footer>.join-era,.mobile-navigation>.join-era{width:100%;min-height:52px;justify-content:center;border-radius:999px}
 .hero .actions{width:100%}
 .floating-cta:not([hidden]){width:calc(100% - var(--gutter)*2);max-width:calc(100% - var(--gutter)*2)}
}

@media(max-width:650px){body[data-page=home] #shared-plans a.button{display:none}}

@media(max-width:650px){.js-enabled .contextual-inline:not(.initial-primary){display:none}}

body[data-page=home] #team{min-height:calc(100svh - 96px);display:flex;align-items:center;text-align:left;padding-block:80px}
body[data-page=home] #team .button{margin-top:28px}
@media(max-width:650px){body[data-page=home] #team{min-height:calc(100svh - 80px);padding:64px 0 calc(104px + env(safe-area-inset-bottom,0px))}.floating-active .events-source{display:none}}

.team-visual{width:112px;height:112px;margin-bottom:32px;color:var(--text)}.team-visual svg{display:block;width:100%;height:100%}@media(max-width:650px){.team-visual{width:96px;height:96px;margin-bottom:28px}}

.ambassador-icon{width:72px;height:72px;margin-bottom:28px;color:var(--text)}.ambassador-icon svg{display:block;width:100%;height:100%}@media(max-width:650px){.ambassador-icon{width:56px;height:56px;margin-bottom:24px}}

/* Sticky header keeps its flow space and returns on deliberate upward scrolling. */
.header{position:sticky;top:0;transition:transform .22s ease}.header.header-away{transform:translateY(-100%)}.header:focus-within{transform:none}

/* One viewport per mobile chapter; content can grow instead of being clipped. */
@media(max-width:650px){
 html{scroll-padding-top:0}
 body[data-page=home] main>section:not(.hero),body[data-page=ambassadors] .ambassador-intro,body[data-page=ambassadors] .ambassador-chapter{min-height:100svh;min-height:100dvh;scroll-margin-top:0;padding-top:max(96px,env(safe-area-inset-top,0px));padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
 body[data-page=home] #team{min-height:100svh;min-height:100dvh}
 body[data-page=home] .story-chapter.hero,body[data-page=ambassadors] .ambassador-intro{min-height:calc(100svh - 80px);min-height:calc(100dvh - 80px)}
}

@media(max-width:650px){.js-enabled .mobile-navigation:not([hidden]){background:var(--accent);color:var(--text);border-bottom-color:#17262333}.mobile-navigation a:hover,.mobile-navigation a[aria-current=page]{background:#ffffff30;border-radius:8px}.mobile-navigation>.join-era{background:var(--text);border-color:var(--text);color:#fff}.mobile-navigation a:focus-visible,.mobile-navigation button:focus-visible{outline-color:var(--text)}}

@media(max-width:650px){.mobile-navigation a{font-size:24px;line-height:1.25;padding:18px 0;min-height:60px}.mobile-navigation>.join-era{font-size:20px;min-height:58px;margin-top:12px}.js-enabled .mobile-navigation:not([hidden]){padding-top:12px;padding-bottom:26px}}

/* Open mobile navigation is one warm translucent surface. */
@media(max-width:650px){
 .header:has(.mobile-menu-toggle[aria-expanded=true]){background:#f26e02;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .js-enabled .mobile-navigation:not([hidden]){background:#f26e02;border-radius:0 0 24px 24px;border-bottom:0;box-shadow:0 18px 26px #17262318;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 @supports(backdrop-filter:blur(1px)){.header:has(.mobile-menu-toggle[aria-expanded=true]),.js-enabled .mobile-navigation:not([hidden]){background:#f26e02ed}}
 .mobile-navigation a{font-size:20px;line-height:1.3;min-height:54px;padding:14px 0}
 .mobile-navigation>.join-era{font-size:17px;min-height:54px;margin-top:10px}
 .mobile-navigation a:hover,.mobile-navigation a[aria-current=page]{background:transparent;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
 .mobile-menu-toggle:hover,.mobile-menu-toggle[aria-expanded=true]{background:transparent}
}

.mobile-menu-scrim{position:fixed;inset:0;z-index:19;background:#172623b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
@media(max-width:650px){.header:has(.mobile-menu-toggle[aria-expanded=true]),.js-enabled .mobile-navigation:not([hidden]){background:#f26e02;backdrop-filter:none;-webkit-backdrop-filter:none}}