/* =========================================================
   Human API — shared design layer (loads last on every page)
   One type system, one palette, one motion language — the films' language.
   ========================================================= */
@font-face{font-family:Archivo;src:url(assets/fonts/Archivo-VF.woff2) format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:Newsreader;src:url(assets/fonts/Newsreader-VF.woff2) format('woff2');font-weight:200 700;font-display:swap}
@font-face{font-family:Newsreader;src:url(assets/fonts/Newsreader-Italic-VF.woff2) format('woff2');font-weight:200 700;font-style:italic;font-display:swap}
@font-face{font-family:Caveat;src:url(assets/fonts/Caveat-VF.woff2) format('woff2');font-weight:400 700;font-display:swap}
:root{
 --bone:#F8F5EE;--paper:#FFFDF8;--ink:#11110F;--ink-2:#5f5d56;--line:#e3dccd;--orange:#F04417;--night:#18251e;--night-2:#0f1813;
 --gold:#dda83e;--pink:#eb687f;--violet:#a56ac4;--teal:#419ba7;
 --spec:linear-gradient(90deg,#dda83e,#f04417 28%,#eb687f 52%,#a56ac4 76%,#419ba7);
 --ease:cubic-bezier(.2,.8,.2,1);--ease-back:cubic-bezier(.34,1.56,.64,1);
 --gutter:clamp(16px,4.4vw,72px);--maxw:1440px;
 --arch:900 1em/0.88 Archivo;--shadow:0 24px 60px rgba(17,17,15,.14),0 3px 10px rgba(17,17,15,.08);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bone);color:var(--ink);font-family:Newsreader,Georgia,serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--orange);color:#fff}
a{color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}

/* ---- grain, like the films ---- */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.07;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---- scroll progress, spectrum ---- */
.ha-progress{position:fixed;left:0;top:0;height:4px;width:100%;background:var(--spec);transform-origin:0 50%;transform:scaleX(0);z-index:120;pointer-events:none}

/* ---- header: one bar, everywhere ---- */
.site-masthead{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bone) 80%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);transition:box-shadow .3s}
.site-masthead.is-scrolled{box-shadow:0 1px 0 var(--line),0 8px 30px rgba(17,17,15,.06)}
.site-masthead .header{position:relative!important;background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.header{position:sticky!important;top:0;z-index:100;background:color-mix(in srgb,var(--bone) 78%,transparent)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.header.is-scrolled{border-bottom-color:var(--line);box-shadow:0 8px 30px rgba(17,17,15,.06)}
.header .wordmark,.site-footer .wordmark{font:900 22px/1 Archivo!important;font-stretch:92%!important;letter-spacing:-.04em!important;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.header .wordmark span,.site-footer .wordmark span{color:var(--orange)}
.header nav a{position:relative;text-decoration:none;font:700 13px/1 Archivo!important;letter-spacing:.16em!important;text-transform:uppercase}
.header nav a::after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:3px;border-radius:2px;background:var(--spec);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease)}
.header nav a:hover::after,.header nav a[aria-current="page"]::after{transform:scaleX(1)}

/* ---- buttons ---- */
.button{display:inline-flex;align-items:center;gap:12px;padding:18px 28px;border-radius:999px;font:800 14px/1 Archivo!important;letter-spacing:.12em!important;text-transform:uppercase;text-decoration:none;transition:transform .35s var(--ease-back),box-shadow .35s,background .25s;position:relative;isolation:isolate}
.button.dark{background:var(--ink)!important;color:var(--bone)!important}
.button.dark:hover{background:var(--orange)!important;transform:translateY(-3px);box-shadow:0 18px 34px rgba(240,68,23,.32)}
.button.cream{background:var(--bone)!important;color:var(--ink)!important}
.button.cream:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(0,0,0,.3)}
.text-link{font:800 13px/1 Archivo;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;background:linear-gradient(var(--orange),var(--orange)) 0 100%/0 2px no-repeat;padding-bottom:6px;transition:background-size .4s var(--ease)}
.text-link:hover{background-size:100% 2px}

/* ---- the motion language: soft rise + blur, never masked ---- */
.ha-r{opacity:0;transform:translate3d(0,26px,0);filter:blur(8px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);transition-delay:calc(var(--d,0) * 1ms)}
.ha-r.in{opacity:1;transform:none;filter:none}
.ha-words .w{display:inline-block;opacity:0;transform:translate3d(0,.32em,0);filter:blur(10px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease);transition-delay:calc(var(--i) * 70ms + var(--d,0) * 1ms)}
.ha-words.in .w{opacity:1;transform:none;filter:none}
.ha-bar{display:block;height:8px;border-radius:4px;background:var(--spec);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.3s var(--ease) .25s}
.in .ha-bar,.ha-bar.in{transform:scaleX(1)}
.dot,.source-dot{color:var(--orange)}
.hand{font-family:Caveat,cursive;font-weight:700;color:var(--orange)}

/* ---- footer ---- */
.site-footer{background:var(--night)!important;color:#E3DCCD!important;position:relative;overflow:hidden}
.site-footer::before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:var(--spec)}
.site-footer a{color:#F8F5EE}
.site-footer .wordmark{color:#F8F5EE!important;font-size:40px!important}
.site-footer h3{font:800 12px/1 Archivo;letter-spacing:.2em;text-transform:uppercase;color:#a39d90}

@media (prefers-reduced-motion:reduce){
 .ha-r,.ha-words .w{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
 .ha-bar{transform:none;transition:none}
 html{scroll-behavior:auto}
}

/* ---- footer layout (shared) ---- */
.site-footer{padding:clamp(70px,8vw,110px) 0 36px!important}
.site-footer .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.site-footer-grid{display:grid!important;grid-template-columns:1.5fr repeat(3,1fr)!important;gap:40px!important}
.site-footer-brand p{font:400 32px/1.12 Newsreader!important;margin:18px 0!important;color:#F8F5EE}
.site-footer-brand p em{color:var(--gold)}
.site-footer-brand small{font:400 16px/1.5 Newsreader;color:#a39d90}
.site-footer-group{display:flex!important;flex-direction:column!important;gap:12px!important}
.site-footer-group h3{margin:0 0 8px!important}
.site-footer-group a{text-decoration:none;font:400 19px/1.3 Newsreader!important;color:#E3DCCD!important;width:fit-content;background:linear-gradient(var(--orange),var(--orange)) 0 100%/0 2px no-repeat;transition:background-size .4s var(--ease),color .3s}
.site-footer-group a:hover{color:#fff!important;background-size:100% 2px}
.site-footer-base{display:flex!important;flex-wrap:wrap;align-items:center;gap:14px 30px!important;margin-top:70px!important;padding-top:24px;border-top:1px solid rgba(248,245,238,.14);font:600 12px/1.4 Archivo!important;letter-spacing:.12em;text-transform:uppercase;color:#a39d90}
.site-footer-base a{text-decoration:none;color:#cfc8b8!important}
.site-footer-legal{display:flex!important;flex-wrap:wrap;gap:12px 22px!important}
@media (max-width:900px){.site-footer-grid{grid-template-columns:1fr 1fr!important}.site-footer-brand{grid-column:1/-1}}
@media (max-width:520px){.site-footer-grid{grid-template-columns:1fr!important}}

/* ---- header turns to night over dark sections ---- */
.site-masthead{transition:box-shadow .3s,background .45s var(--ease)}
.site-masthead.is-dark{background:color-mix(in srgb,#0f1813 74%,transparent)}
.site-masthead.is-dark .wordmark,.site-masthead.is-dark .header nav a,.site-masthead.is-dark .header-cta,.site-masthead.is-dark .mobile-menu{color:#F8F5EE!important;border-color:rgba(248,245,238,.5)!important;transition:color .45s}
.site-masthead.is-dark.is-scrolled{box-shadow:0 1px 0 rgba(248,245,238,.08),0 8px 30px rgba(0,0,0,.25)}

/* ---- the method band along every footer ---- */
.site-footer{padding-top:0!important}
.ha-band{position:relative;height:120px;margin-bottom:clamp(30px,4vw,56px);overflow:hidden;border-bottom:1px solid rgba(248,245,238,.1);-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ha-band-row{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;gap:56px;padding-left:56px;width:max-content;animation:haBand 80s linear infinite}
.ha-band:hover .ha-band-row{animation-play-state:paused}
.ha-step{flex:none;display:inline-flex;align-items:baseline;gap:0;font:900 clamp(30px,3.4vw,46px)/1 Archivo;font-stretch:92%;letter-spacing:-.035em;text-transform:uppercase;color:#F8F5EE}
.ha-step em{margin-right:12px;font:800 13px/1 Archivo;font-style:normal;letter-spacing:.1em;color:var(--c)}
.ha-step b{color:var(--c)}
@keyframes haBand{to{transform:translateX(-50%)}}
@media (max-width:640px){.ha-band{height:90px}.ha-band-row{gap:34px}}
@media (prefers-reduced-motion:reduce){.ha-band-row{animation:none!important}}

/* =========================================================
   Header v3 — one floating glass pill on every page.
   The spectrum hairline under it fills as you read.
   ========================================================= */
@property --ha-a{syntax:'<angle>';inherits:false;initial-value:0deg}
html body .site-masthead{position:sticky;top:0;z-index:100;padding:14px var(--gutter) 0;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;pointer-events:none;color:var(--ink)}
html body .site-masthead>*{pointer-events:auto}
html body .site-masthead .ha-head{position:relative!important;display:flex!important;align-items:center;gap:14px;width:auto!important;max-width:1360px;height:64px!important;margin:0 auto!important;padding:0 8px 0 18px!important;border:1px solid rgba(17,17,15,.08)!important;border-radius:999px;background:color-mix(in srgb,#FFFDF8 76%,transparent)!important;-webkit-backdrop-filter:saturate(1.6) blur(20px)!important;backdrop-filter:saturate(1.6) blur(20px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 14px 40px -14px rgba(17,17,15,.2)!important;transition:max-width .7s var(--ease),height .45s var(--ease),background .45s,border-color .45s,box-shadow .45s}
html body .site-masthead.is-scrolled .ha-head{max-width:1200px;height:58px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 18px 50px -14px rgba(17,17,15,.28)!important}
.ha-head::after{content:'';position:absolute;left:30px;right:30px;bottom:-1px;height:2px;border-radius:2px;background:var(--spec);transform-origin:0 50%;transform:scaleX(var(--p,0));opacity:.95;pointer-events:none}
.ha-progress{display:none!important}
html body .site-masthead .wordmark{display:inline-flex!important;align-items:center;gap:0!important;flex:none;font:900 19px/1 Archivo!important;font-stretch:92%!important;letter-spacing:-.04em!important;color:inherit!important;text-decoration:none}
.ha-mark{width:28px;height:28px;margin-right:10px;border-radius:8px;box-shadow:0 4px 10px rgba(17,17,15,.22);transition:transform .5s var(--ease-back)}
.wordmark:hover .ha-mark{transform:rotate(-8deg) scale(1.06)}
html body .site-masthead .ha-nav{display:flex!important;align-items:center;justify-content:center;gap:2px!important;flex:0 1 auto;margin:0 auto;padding:4px;border-radius:999px;font-size:14px!important}
html body .site-masthead .ha-nav a{position:relative;padding:11px 15px!important;border:0!important;border-radius:999px;font:600 14px/1 Archivo!important;letter-spacing:.005em!important;text-transform:none!important;text-decoration:none;color:inherit!important;opacity:.74;white-space:nowrap;transition:opacity .25s,background .3s,box-shadow .3s}
html body .site-masthead .ha-nav a::after{display:none!important}
html body .site-masthead .ha-nav a:hover{opacity:1;background:rgba(17,17,15,.055)}
html body .site-masthead .ha-nav a[aria-current="page"]{opacity:1;background:#fff;box-shadow:0 1px 2px rgba(17,17,15,.08),0 6px 16px -6px rgba(17,17,15,.18)}
html body .site-masthead .ha-nav a[href="workshop.html"]{padding-left:30px!important}
.ha-nav a[href="workshop.html"]::before{content:'';position:absolute;left:14px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:conic-gradient(from 0deg,#dda83e,#f04417,#eb687f,#a56ac4,#419ba7,#dda83e);animation:haSpin 6s linear infinite}
.ha-head-cta{display:flex;align-items:center;gap:6px;flex:none}
.ha-talk{padding:11px 14px;border-radius:999px;font:600 14px/1 Archivo;text-decoration:none;color:inherit;opacity:.74;transition:opacity .25s,background .3s;white-space:nowrap}
.ha-talk:hover{opacity:1;background:rgba(17,17,15,.055)}
.ha-get{--ha-a:0deg;display:inline-flex;align-items:center;gap:10px;padding:13px 18px 13px 20px;border:2px solid transparent;border-radius:999px;font:700 14px/1 Archivo;letter-spacing:.01em;white-space:nowrap;text-decoration:none;color:#F8F5EE!important;background:linear-gradient(var(--ink),var(--ink)) padding-box,conic-gradient(from var(--ha-a),#dda83e,#f04417,#eb687f,#a56ac4,#419ba7,#dda83e) border-box;box-shadow:0 8px 22px -8px rgba(17,17,15,.5);animation:haRing 5s linear infinite;transition:transform .4s var(--ease-back),box-shadow .4s}
.ha-get>span{display:inline-block;transition:transform .35s var(--ease)}.ha-gt{font:inherit;white-space:nowrap}.ha-long{font-style:normal}
.ha-get:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(240,68,23,.6)}
.ha-get:hover>span{transform:translateX(4px)}
@keyframes haRing{to{--ha-a:360deg}}
@keyframes haSpin{to{transform:rotate(360deg)}}
/* over dark sections */
html body .site-masthead.is-dark{background:none!important;color:#F8F5EE}
html body .site-masthead.is-dark .ha-head{background:color-mix(in srgb,#0f1813 72%,transparent)!important;border-color:rgba(248,245,238,.12)!important;box-shadow:inset 0 1px 0 rgba(248,245,238,.08),0 18px 50px -14px rgba(0,0,0,.6)!important}
html body .site-masthead.is-dark .wordmark,html body .site-masthead.is-dark .ha-nav a,html body .site-masthead.is-dark .ha-talk,html body .site-masthead.is-dark .mobile-menu{color:#F8F5EE!important}
html body .site-masthead.is-dark .ha-nav a:hover,html body .site-masthead.is-dark .ha-talk:hover{background:rgba(248,245,238,.1)}
html body .site-masthead.is-dark .ha-nav a[aria-current="page"]{background:rgba(248,245,238,.14);box-shadow:none}
html body .site-masthead.is-dark .ha-head .ha-get{color:var(--ink)!important;background:linear-gradient(#F8F5EE,#F8F5EE) padding-box,conic-gradient(from var(--ha-a),#dda83e,#f04417,#eb687f,#a56ac4,#419ba7,#dda83e) border-box}
/* menu button + sheet */
html body .site-masthead .mobile-menu{display:none!important;align-items:center;gap:10px;height:44px;padding:0 16px 0 14px!important;border:0!important;border-radius:999px;background:rgba(17,17,15,.06)!important;font:700 14px/1 Archivo!important;letter-spacing:.01em!important;text-transform:none!important;color:inherit!important;cursor:pointer}
.ha-burger{position:relative;width:16px;height:10px}
.ha-burger i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .35s var(--ease),top .35s var(--ease)}
.ha-burger i:first-child{top:0}.ha-burger i:last-child{top:8px}
.mobile-menu[aria-expanded="true"] .ha-burger i:first-child{top:4px;transform:rotate(45deg)}
.mobile-menu[aria-expanded="true"] .ha-burger i:last-child{top:4px;transform:rotate(-45deg)}
html body .site-masthead #mobile-nav.ha-sheet{position:absolute;left:var(--gutter);right:var(--gutter);top:calc(100% + 10px);display:grid;max-height:calc(100dvh - 110px);overflow:auto;padding:10px 12px 14px!important;border:1px solid rgba(17,17,15,.08);border-radius:28px;background:#FFFDF8!important;color:var(--ink)!important;box-shadow:0 30px 80px -20px rgba(17,17,15,.4)!important;animation:haSheet .45s var(--ease) both}
html body .site-masthead #mobile-nav.ha-sheet[hidden]{display:none!important}
html body .site-masthead #mobile-nav.ha-sheet>a{display:flex!important;justify-content:space-between;align-items:center;padding:17px 10px!important;border-bottom:1px solid var(--line)!important;font:800 24px/1 Archivo!important;letter-spacing:-.02em;text-decoration:none;color:var(--ink)!important}
#mobile-nav.ha-sheet>a b{font-size:16px;color:var(--orange)}
#mobile-nav.ha-sheet>a[aria-current="page"]{color:var(--orange)!important}
.ha-sheet-cta{display:grid;gap:10px;padding:16px 4px 4px}
.ha-sheet-cta .ha-get{justify-content:center;padding:17px 20px;font-size:15px}
.ha-sheet-cta .ha-talk{text-align:center;opacity:.8}
@keyframes haSheet{from{opacity:0;transform:translateY(-10px) scale(.98)}}
@media (max-width:1180px){html body .site-masthead .ha-nav a{padding:11px 11px!important}html body .site-masthead .ha-nav a[href="workshop.html"]{padding-left:26px!important}.ha-nav a[href="workshop.html"]::before{left:11px}.ha-talk{display:none}}
@media (max-width:980px){html body .site-masthead .ha-nav{display:none!important}html body .site-masthead .mobile-menu{display:inline-flex!important}.ha-head-cta{margin-left:auto}}
@media (max-width:560px){html body .site-masthead{padding:10px 12px 0}html body .site-masthead .ha-head{height:58px!important;padding:0 7px 0 14px!important;gap:8px}.ha-head .ha-get{padding:11px 14px;font-size:13px;gap:7px}.ha-head .ha-get .ha-long{display:none}html body .site-masthead .mobile-menu{padding:0 13px!important}.ha-menu-t{display:none}html body .site-masthead #mobile-nav.ha-sheet{left:12px;right:12px}}
@media (prefers-reduced-motion:reduce){.ha-get,.ha-nav a[href="workshop.html"]::before{animation:none}}

/* ---- Workshop purchase panel (workshop.html#get) ---- */
.ha-get-panel{padding:clamp(80px,9vw,140px) 0;background:var(--night);color:#F8F5EE;position:relative;overflow:hidden;scroll-margin-top:60px}
.ha-get-panel::before{content:'';position:absolute;right:-12%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 200deg,#dda83e,#f04417,#eb687f,#a56ac4,#419ba7,#dda83e);filter:blur(120px);opacity:.18;pointer-events:none}
.gp-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(40px,6vw,100px);align-items:start}
.gp-eyebrow,.gp-tag{font:800 12px/1 Archivo;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}
.ha-get-panel h2{font:900 clamp(38px,4.6vw,74px)/.92 Archivo!important;font-stretch:90%;letter-spacing:-.045em!important;text-transform:uppercase;margin:0 0 26px;color:#F8F5EE!important}
.ha-get-panel h2 em{font:italic 400 1em/1 Newsreader;text-transform:none;letter-spacing:-.03em;color:#F8F5EE}
.gp-lede{font:400 clamp(20px,1.6vw,24px)/1.45 Newsreader;color:#E3DCCD;max-width:44ch;margin:0 0 36px}
.gp-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;border-radius:18px;overflow:hidden;background:rgba(248,245,238,.12)}
.gp-list li{padding:22px 20px;background:var(--night)}
.gp-list b{display:block;font:900 42px/1 Archivo;letter-spacing:-.03em;margin-bottom:8px;background:var(--spec);-webkit-background-clip:text;background-clip:text;color:transparent}
.gp-list span{font:600 13px/1.35 Archivo;color:#cfc8b8}
.gp-also{font:italic 400 18px/1.5 Newsreader;color:#cfc8b8;max-width:58ch;margin:26px 0 0}
.gp-card{position:sticky;top:110px;padding:34px;border-radius:26px;background:#FFFDF8;color:var(--ink);box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
.gp-card .gp-tag{color:var(--orange)}
.gp-price{display:flex;align-items:baseline;gap:14px;margin:0 0 8px}
.gp-price strong{font:900 64px/1 Archivo;letter-spacing:-.045em}
.gp-price s{font:700 22px/1 Archivo;color:#9b968b}
.gp-terms{font:600 14px/1.4 Archivo;color:var(--ink-2);margin:0 0 26px}
.gp-buy{display:flex!important;justify-content:center;width:100%;padding:20px 24px!important;font-size:17px!important;box-sizing:border-box}
.gp-assure{list-style:none;margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--line);display:grid;gap:12px}
.gp-assure li{position:relative;padding-left:22px;font:400 16px/1.4 Newsreader;color:var(--ink-2)}
.gp-assure li::before{content:'';position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:var(--spec)}
.gp-assure a{color:var(--ink);font-weight:600;white-space:nowrap}
@media (max-width:900px){.gp-grid{grid-template-columns:1fr}.gp-card{position:relative;top:0}.gp-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* contact: sent state */
.brief-sent{padding:40px;border-radius:22px;background:var(--night);color:#F8F5EE;outline:none}
.brief-sent h3{font:900 clamp(28px,3vw,40px)/1 Archivo;letter-spacing:-.03em;margin:8px 0 14px;color:#F8F5EE}
.brief-sent p{font:400 19px/1.45 Newsreader;color:#E3DCCD;margin:0}
.brief-sent .page-kicker{color:var(--gold)!important;font:800 12px/1 Archivo;letter-spacing:.2em}
html body .site-masthead #mobile-nav.ha-sheet>a[aria-current="page"]{color:var(--orange)!important}
html body .site-masthead #mobile-nav .ha-sheet-cta a{border:0!important}
html body .site-masthead #mobile-nav .ha-sheet-cta a.ha-get{display:flex!important;gap:10px;justify-content:center;padding:17px 20px!important;border:2px solid transparent!important;font:700 16px/1 Archivo!important;color:#F8F5EE!important}
html body .site-masthead #mobile-nav .ha-sheet-cta a.ha-talk{display:block!important;padding:12px!important;font:600 15px/1 Archivo!important}

/* ---- the consent panel sits clear of the hero's Workshop card ---- */
@media (min-width:641px){.ha-privacy{left:auto!important;right:clamp(12px,2vw,24px)!important}}

/* a hidden playback message stays hidden, whatever layout the dialog gives its paragraphs */
[role="status"][hidden]{display:none!important}

/* Workshop menu: certification path dropdown */
.ha-nav-item{position:relative;display:inline-flex}
html body .site-masthead .ha-nav .ha-caret{display:inline-block;width:6px;height:6px;margin:0 1px 2px 7px;border:solid currentColor;border-width:0 1.6px 1.6px 0;transform:rotate(45deg);opacity:.55;transition:transform .2s,opacity .2s;vertical-align:middle}
.ha-nav-item:hover .ha-caret,.ha-nav-item:focus-within .ha-caret{transform:translateY(2px) rotate(225deg);opacity:1}
.ha-drop{position:absolute;left:0;top:100%;z-index:60;width:424px;padding-top:12px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
.ha-nav-item:hover .ha-drop,.ha-nav-item:focus-within .ha-drop{opacity:1;visibility:visible;transform:none}
.ha-nav-item.is-dismissed .ha-drop{opacity:0;visibility:hidden}
html body .site-masthead .ha-nav .ha-drop a,html body .site-masthead.is-dark .ha-nav .ha-drop a{display:grid!important;grid-template-columns:38px 1fr 14px;gap:13px;align-items:center;padding:15px 16px!important;border:1px solid rgba(17,17,15,.09)!important;border-radius:16px;background:#FFFDF8!important;color:var(--ink)!important;box-shadow:0 22px 50px -16px rgba(17,17,15,.4)!important;font:600 14px/1.2 Archivo!important;white-space:normal;opacity:1;transition:box-shadow .18s,transform .18s}
html body .site-masthead .ha-nav .ha-drop a:hover,html body .site-masthead.is-dark .ha-nav .ha-drop a:hover{background:#FFFDF8!important;transform:translateY(-1px);box-shadow:0 26px 54px -14px rgba(17,17,15,.48)!important}
.ha-drop-piece{width:38px;height:38px;background:conic-gradient(from 200deg,#dda83e,#f04417,#eb687f,#a56ac4,#419ba7,#dda83e);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M16 24L39.6 24.0C40.8 24.0 43.3 20.3 40.8 16.6C38.3 11.6 42.0 7.3 47.0 7.3C52.0 7.3 55.7 11.6 53.2 16.6C50.7 20.3 53.2 24.0 54.4 24.0L78 24L78.0 47.6C78.0 48.8 81.7 51.3 85.4 48.8C90.4 46.3 94.7 50.0 94.7 55.0C94.7 60.0 90.4 63.7 85.4 61.2C81.7 58.7 78.0 61.2 78.0 62.4L78 86L54.4 86.0C53.2 86.0 50.7 82.3 53.2 78.6C55.7 73.6 52.0 69.3 47.0 69.3C42.0 69.3 38.3 73.6 40.8 78.6C43.3 82.3 40.8 86.0 39.6 86.0L16 86L16.0 62.4C16.0 61.2 19.7 58.7 23.4 61.2C28.4 63.7 32.7 60.0 32.7 55.0C32.7 50.0 28.4 46.3 23.4 48.8C19.7 51.3 16.0 48.8 16.0 47.6L16 24Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M16 24L39.6 24.0C40.8 24.0 43.3 20.3 40.8 16.6C38.3 11.6 42.0 7.3 47.0 7.3C52.0 7.3 55.7 11.6 53.2 16.6C50.7 20.3 53.2 24.0 54.4 24.0L78 24L78.0 47.6C78.0 48.8 81.7 51.3 85.4 48.8C90.4 46.3 94.7 50.0 94.7 55.0C94.7 60.0 90.4 63.7 85.4 61.2C81.7 58.7 78.0 61.2 78.0 62.4L78 86L54.4 86.0C53.2 86.0 50.7 82.3 53.2 78.6C55.7 73.6 52.0 69.3 47.0 69.3C42.0 69.3 38.3 73.6 40.8 78.6C43.3 82.3 40.8 86.0 39.6 86.0L16 86L16.0 62.4C16.0 61.2 19.7 58.7 23.4 61.2C28.4 63.7 32.7 60.0 32.7 55.0C32.7 50.0 28.4 46.3 23.4 48.8C19.7 51.3 16.0 48.8 16.0 47.6L16 24Z'/%3E%3C/svg%3E") center/contain no-repeat}
.ha-drop-text{display:block;min-width:0}
.ha-drop-text b{display:block;font:700 15px/1.2 Archivo;letter-spacing:-.015em;color:var(--ink)}
.ha-drop-text small{display:block;margin-top:5px;font:400 14px/1.3 Newsreader,Georgia,serif;color:var(--ink-2)}
.ha-drop-go{font:500 14px/1 Archivo;font-style:normal;color:var(--orange)}
html body .site-masthead #mobile-nav.ha-sheet>a.ha-sheet-sub{padding:13px 10px 13px 26px!important;font:600 16px/1.2 Archivo!important;letter-spacing:-.01em;color:var(--ink-2)!important}
@media (prefers-reduced-motion:reduce){.ha-drop,.ha-caret{transition:none}}