@font-face{font-family:Fraunces;src:url(fonts/fraunces-latin.woff2) format("woff2");font-display:swap}
@font-face{font-family:Archivo;src:url(fonts/archivo-latin.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#FAEBCB;color:#5A1E08;font-family:Archivo,system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font-family:inherit;cursor:pointer}
:focus-visible{outline:3px solid #0A4A48;outline-offset:2px}
/* TOPBAR MARQUEE — Jing announcement 15s (the gold loop strip was removed in v5) */
.topbar{background:#0A4A48;color:#FAEBCB;overflow:hidden;padding:10px 0;font-size:13px;letter-spacing:.12em}
.bridge{background:#E8A33D;color:#5A1E08;padding:20px 6vw;text-align:center}
.bridge a{display:block;text-decoration:none;font-family:Fraunces,serif;font-weight:900;font-size:clamp(20px,3vw,30px);line-height:1.2;letter-spacing:.02em;color:#5A1E08}
.bridge a span{display:block;font-family:Archivo,sans-serif;font-weight:400;font-size:14px;letter-spacing:.08em;margin-top:6px;opacity:.85}
.marquee{display:flex;width:max-content}
.mq15{animation:mq 15s linear infinite}

.marquee span{white-space:nowrap}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee{animation:none}}
/* HEADER — Jing + Partake sticky, Jing side padding 2.5rem desktop / 1.25rem mobile */
.site-head{position:sticky;top:0;z-index:45;background:#FAEBCB;border-bottom:1px solid #E5D3A8;display:flex;align-items:center;gap:24px;padding:14px 2.5rem;transition:box-shadow .3s ease}
.site-head.scrolled{box-shadow:0 6px 24px rgba(90,30,8,.16)}
.wordmark-logo{display:inline-flex;align-items:center}
.wordmark-logo img{display:block;height:96px;width:auto;animation:logo-in .8s ease-out both}
@keyframes logo-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

.mainnav{display:flex;gap:22px;margin-left:8px}
.mainnav a{text-decoration:none;font-size:15px;padding:10px 2px;white-space:nowrap;position:relative;transition:color .25s ease}
.mainnav a::after{content:"";position:absolute;left:2px;right:2px;bottom:4px;height:2px;background:#0A4A48;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.mainnav a:hover::after{transform:scaleX(1)}
.tools{margin-left:auto;display:flex;gap:18px;align-items:center;font-size:14px}
.tool-btn{background:none;border:0;padding:10px 0;font-size:14px;color:inherit;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.menu-tool{display:none}
.nav-toggle{display:none;background:none;border:1.5px solid #5A1E08;border-radius:10px;width:48px;height:48px;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nav-toggle span{display:block;width:20px;height:2px;background:#5A1E08;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .25s ease}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
main section{padding:4rem 2.5rem}
main section[id]{scroll-margin-top:140px}
h2{font-family:Fraunces,serif;font-weight:900;font-size:clamp(38px,5vw,60px);margin:0 0 28px}
.pill{display:inline-block;text-decoration:none;border-radius:9999px;padding:.75rem 1rem;font-size:16px;min-height:48px;line-height:20px;border:1.5px solid #5A1E08}
.pill-solid{background:#0A4A48;color:#FAEBCB;border-color:#0A4A48}
.pill-outline{background:transparent}
.pill:disabled{opacity:.5;cursor:default}
/* SERRATED DIVIDERS — Jing mechanism, SKC colors (height by proportion, flagged) */
.zigzag{line-height:0;background:#FAEBCB}
.zigzag svg{width:100%;height:12px;display:block}
.zigzag.flip{background:#0A4A48}
/* HERO — Jing beside-language; Partake 4px offset shadow; MS 3s rotation + 10px dots */
.hero{display:flex;gap:40px;align-items:flex-start}
.hero-text{flex:1 1 55%}
.hero-text h1{font-family:Fraunces,serif;font-weight:900;font-size:clamp(64px,9vw,144px);line-height:.95;margin:0;text-shadow:4px 4px #E8A33D}
.hero-text h1 span{display:inline-block;animation:hero-word .8s cubic-bezier(.22,1,.36,1) both}
.hero-text h1 span:nth-of-type(2){animation-delay:.12s}
.hero-text h1 span:nth-of-type(3){animation-delay:.24s}
@keyframes hero-word{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.hero-sub{font-size:20px;margin:24px 0;max-width:520px;line-height:1.5}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}

.hero-collage{flex:0 0 38%;max-width:520px;position:relative;margin-bottom:28px}
.hero-collage .col-main{width:100%;border-radius:2rem;animation:rise .6s ease both}
.hero-collage .col-small{position:absolute;bottom:-22px;width:34%;border-radius:1rem;border:3px solid #FAEBCB;box-shadow:8px 8px 0 rgba(90,30,8,.9);animation:rise .6s ease both}
.hero-collage .col-left{left:2%;--r:-4deg;transform:rotate(-4deg);animation-delay:.12s}
.hero-collage .col-right{right:2%;--r:3deg;transform:rotate(3deg);animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(18px) rotate(var(--r,0deg))}to{opacity:1;transform:translateY(0) rotate(var(--r,0deg))}}
/* SLIDERS — Partake values: items 385px desktop / 55% mobile, 50px circle arrows */
.slider-wrap{position:relative}
.slider{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 20px 12px;scroll-behavior:smooth}
.card,.rev{flex:0 0 385px;scroll-snap-align:start;border:1px solid #E5D3A8;border-radius:20px;padding:16px}
.card img,.rev img{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover}
.tint-cream{background:#FDF6E3}
.tint-purple{background:#EFE8F0}
.tint-green{background:#E4F0E8}
.tint-marigold{background:#FBEED3}
.card .price,.gift .price{font-size:20px;margin:14px 0 6px}
.card .price s,.gift .price s{color:#6B3A1F;font-size:14px}
.card h3,.rev h3,.gift h3{font-size:17px;margin:0 0 6px;letter-spacing:.02em}
.card .stars,.rev .stars,.gift .stars{font-size:15px;margin:0 0 14px;color:#0A4A48}
.slide-btn{position:absolute;top:38%;z-index:2;width:50px;height:50px;border-radius:50%;border:1px solid #E5D3A8;background:#FAEBCB;font-size:24px;line-height:1}
.slide-btn.prev{left:-8px}
.slide-btn.next{right:-8px}
.note{font-size:13px;opacity:.7;margin-top:16px}
/* CATEGORY TILES — Jing 4-across, 2rem radius */
.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cat{text-decoration:none}
.cat img{width:100%;aspect-ratio:1;border-radius:2rem;object-fit:cover}
.cat span{display:block;font-family:Fraunces,serif;font-weight:900;font-size:20px;margin-top:12px;letter-spacing:.04em}
/* PROOF — Partake panel rhythm */
.proof{background:#0A4A48;color:#FAEBCB;text-align:center}
.proof p{font-size:22px;margin:0;line-height:1.55}
.proof b{font-family:Fraunces,serif}
/* STORY — Jing founder rhythm */
.stories{display:flex;gap:32px;align-items:flex-start}
.stories img{width:42%;border-radius:2rem}
.stories p{font-size:17px;line-height:1.6;max-width:560px}
/* BUILDER — directive function, MS form, Partake 40px variant pills */
.builder{background:#F3E3B8}
.builder-sub{font-size:17px;margin:-12px 0 24px;max-width:640px}
.sec-sub{font-size:17px;margin:-12px 0 24px;max-width:640px;opacity:.85}
.tiers{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}
.tier{border:1.5px solid #5A1E08;background:transparent;border-radius:40px;padding:14px 22px;font-size:16px;min-height:48px}
.tier.on{background:#0A4A48;color:#FAEBCB;border-color:#0A4A48}
.tier em{display:block;font-size:12px;opacity:.7;font-style:normal}
.pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:820px}
.pick-grid button{border:1px solid #D9C48F;background:#fff;border-radius:14px;padding:8px;font-size:14px;min-height:76px;text-align:left;display:flex;align-items:center;gap:8px;transition:border-color .25s ease,background .25s ease,transform .15s ease}
.pick-grid button:active{transform:scale(.97)}
.pick-grid button img{width:44px;height:44px;object-fit:cover;border-radius:8px;flex-shrink:0}
.pick-grid button span{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:normal}
.pick-grid button .tick{margin-left:auto;font-style:normal;font-size:20px;color:#E8A33D;opacity:0;transition:opacity .25s ease}
.pick-grid button.picked{background:#0A4A48;color:#FAEBCB;border-color:#0A4A48}
.pick-grid button.picked .tick{opacity:1}
.box-slots{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;min-height:64px}
.box-slot{width:60px;height:60px;border-radius:12px;border:1.5px dashed #B89B5E;display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(255,255,255,.35)}
.box-slot img{width:100%;height:100%;object-fit:cover;animation:pop .3s ease}
.box-slot.filled{cursor:pointer;border-style:solid;border-color:#B89B5E}
.box-slot span{font-size:20px;color:#B89B5E}
@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.box-progress{height:8px;background:rgba(90,30,8,.15);border-radius:999px;max-width:820px;margin-bottom:24px;overflow:hidden}
.box-progress-fill{height:100%;width:0;background:#E8A33D;border-radius:999px;transition:width .4s ease}
.box-state{font-size:17px;margin-top:24px}
.reset{margin-left:12px;border:1.5px solid #5A1E08;background:transparent;border-radius:999px;padding:10px 18px;font-size:14px;min-height:44px}
/* GIFTING */
.gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.gift{border:1px solid #E5D3A8;border-radius:20px;padding:16px;background:#fff}
.gift img{width:100%;aspect-ratio:4/3;border-radius:10px;object-fit:cover}
.gift .meta{font-size:13px;opacity:.7;margin:0 0 8px}
/* USAGE — Jing recipe 4-across */
.pairs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pair{background:#fff;border:1px solid #E5D3A8;border-radius:20px;padding:14px}
.pair img{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover}
.pair b{display:block;font-size:16px;margin:12px 0 4px}
.pair span{font-size:14px;opacity:.75}
/* SPOTLIGHT */
.spot{display:flex;gap:28px;align-items:flex-start;max-width:900px}
.spot img{width:320px;border-radius:2rem}
.spot h3{font-family:Fraunces,serif;font-size:26px;margin:0 0 10px}
.spot p{font-size:16px;line-height:1.55;margin:0 0 10px}
/* FOOTER — Jing + Partake dark footer */
.foot{background:#5A1E08;color:#FAEBCB;padding:56px 2.5rem 40px}
.foot-word{font-family:Fraunces,serif;font-weight:900;font-size:clamp(30px,5vw,54px)}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}
.foot-cols h4{font-size:13px;letter-spacing:.14em;margin:0 0 8px;opacity:.7}
.foot-cols p{font-size:15px;margin:0}
.demo-note{font-size:13px;opacity:.7;max-width:720px;line-height:1.5}
.credit{font-size:15px;line-height:2;letter-spacing:.12em;margin-top:16px}
.credit a{color:#FAEBCB;display:inline-block;padding:6px 0}
@media(max-width:1100px){
  .wordmark-logo img{height:85px}
  .site-head{gap:16px}
  .mainnav{gap:16px}
  .tools{gap:12px}
}
@media(max-width:900px){
  .site-head{flex-wrap:nowrap;gap:10px;padding:12px 1.25rem}
  .mainnav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;margin-left:0;background:#FAEBCB;border-bottom:1px solid #E5D3A8;box-shadow:0 16px 32px rgba(90,30,8,.18);padding:0 1.25rem;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility 0s linear .5s}
  .mainnav.open{max-height:340px;padding:8px 1.25rem 16px;opacity:1;visibility:visible;transition:max-height .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1),opacity .3s ease}
  .mainnav a,.mainnav .menu-tool{padding:12px 0;font-size:17px;opacity:0;transform:translateY(10px);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);text-align:left;border-bottom:1px solid #EFE0B8}
  .mainnav .menu-tool{display:block}
  .mainnav.open a,.mainnav.open .menu-tool{opacity:1;transform:translateY(0)}
  .mainnav.open > *:nth-child(1){transition-delay:.05s}
  .mainnav.open > *:nth-child(2){transition-delay:.12s}
  .mainnav.open > *:nth-child(3){transition-delay:.19s}
  .mainnav.open > *:nth-child(4){transition-delay:.26s}
  .mainnav.open > *:nth-child(5){transition-delay:.33s}
  .mainnav.open > *:nth-child(6){transition-delay:.40s}
  .mainnav a::after{display:none}
  .nav-toggle{display:flex}
  .site-head{padding:9px 1rem}
  .wordmark-logo img{height:40px}
  .nav-toggle{width:44px;height:44px}
  .slider-wrap{margin-bottom:66px}
  .slide-btn{top:auto;bottom:-58px}
  .tools{font-size:13px;gap:8px}
  .tools #searchBtn,.tools #accountBtn{display:none}
  .tools{font-size:13px;gap:12px}
  main section{padding:2.5rem 1.25rem}
  .bridge{padding:16px 6vw}
  .hero{flex-direction:column}
  .hero-collage{width:100%;max-width:none}
  .hero-sub{font-size:18px}
  .card,.rev{flex-basis:55%}
  .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .box-slots{justify-content:center}
  .box-slot{width:50px;height:50px}
  .pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pick-grid button{padding:6px;gap:6px;font-size:13px;position:relative}
  .pick-grid button img{width:40px;height:40px}
  .pick-grid button .tick{position:absolute;right:6px;bottom:6px;margin-left:0;font-size:16px}
  .gift-grid,.pairs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stories{flex-direction:column}
  .stories img{width:100%}
  .spot{flex-direction:column}
  .spot img{width:100%}
  .foot{padding:48px 1.25rem 32px}
  .foot-cols{grid-template-columns:1fr}
}

/* Hover feedback (jury fix: primary targets reacted none) */
.pill-solid:hover{background:#0E5E5A}
.pill-outline:hover{background:rgba(10,74,72,.08)}
.slide-btn:hover{background:#E8A33D}
.tier:hover{border-color:#0A4A48}
.tier.on:hover{background:#0E5E5A}
.pick-grid button:hover{border-color:#0A4A48}
.pick-grid button.picked:hover{background:#0E5E5A}
.mainnav a:hover{text-decoration:underline}
.tool-btn:hover{text-decoration:underline}

/* Panels (v3): search takeover, cart drawer, account note, backdrop */
.backdrop{position:fixed;inset:0;background:rgba(90,30,8,.35);z-index:40;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
.backdrop.open{opacity:1;visibility:visible;transition:opacity .3s ease}
.search-panel{position:fixed;left:0;right:0;top:0;z-index:50;background:#FAEBCB;border-bottom:1px solid #E5D3A8;padding:20px 1.25rem 24px;transform:translateY(-100%);transition:transform .4s ease;visibility:hidden}
.search-panel.open{transform:translateY(0);visibility:visible}
.search-bar{display:flex;gap:12px;max-width:720px;margin:0 auto}
.search-bar input{flex:1;font-size:18px;padding:14px 16px;border:1.5px solid #5A1E08;border-radius:999px;background:#fff;color:#5A1E08}
.search-bar button{border:0;background:none;font-size:32px;line-height:1;padding:0 8px}
.search-scope{text-align:center;font-size:13px;opacity:.7;margin:12px 0 0}
.search-results{max-width:720px;margin:16px auto 0;display:grid;gap:8px}
.search-hit{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E5D3A8;border-radius:12px;padding:10px 14px;text-align:left;font-size:16px}
.search-hit img{width:44px;height:44px;object-fit:cover;border-radius:8px}
.search-hit b{margin-left:auto;white-space:nowrap}
.search-none{text-align:center;opacity:.7;font-size:15px}
.cart-panel{position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);z-index:50;background:#FAEBCB;border-left:1px solid #E5D3A8;padding:20px;transform:translateX(105%);transition:transform .4s ease,visibility 0s linear .4s;visibility:hidden;overflow-y:auto}
.cart-panel.open{transform:translateX(0);visibility:visible;transition:transform .4s ease}
.cart-head{display:flex;justify-content:space-between;align-items:center;font-size:18px;margin-bottom:16px}
.cart-head button,.cart-panel .cart-close{border:0;background:none;font-size:28px;line-height:1}
.cart-item{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #E5D3A8;font-size:15px}
.cart-empty{opacity:.7;font-size:15px}
.cart-total{font-size:18px;margin-top:16px}
.cart-note{font-size:13px;opacity:.7}
.account-note{position:absolute;right:1.25rem;top:calc(100% + 8px);background:#fff;border:1px solid #E5D3A8;border-radius:12px;padding:12px 16px;font-size:14px;max-width:280px;box-shadow:8px 8px 0 rgba(90,30,8,.25);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
.account-note.open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .25s ease,transform .25s ease}
.card.flash{outline:3px solid #E8A33D;outline-offset:2px}
@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
.bump{animation:bump .35s ease}
@media(prefers-reduced-motion:reduce){.hero-collage img{animation:none}.mainnav,.mainnav a,.mainnav a::after,.mainnav .menu-tool,.nav-toggle span,.search-panel,.cart-panel,.box-progress-fill,.box-slot img{transition:none}.bump{animation:none}.wordmark-logo img{animation:none}.hero-text h1 span{animation:none}.reveal{opacity:1}.reveal.in{animation:none}.boxbar{transition:none}.box-slot img{animation:none}}

/* V8 — staggered card entrance (Bucks Sauce) */
.reveal{opacity:0}
.reveal.in{animation:card-in .6s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d,0s)}
@keyframes card-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* V8 — statement (Lajoya typographic moment) */
.statement{padding:72px 24px;text-align:center}
.statement p{font-family:Fraunces,serif;font-weight:900;font-size:clamp(34px,7vw,96px);line-height:1.05;margin:0}
.statement p span{color:#0A4A48}
.statement p.statement-note{font-family:Archivo,system-ui,sans-serif;font-size:15px;font-weight:400;opacity:.75;margin-top:16px}
/* V8 — quiz */
.quiz-card{background:#fff;border:1px solid #D9C48F;border-radius:20px;padding:24px;max-width:640px}
.quiz-step{font-size:14px;opacity:.7;margin:0 0 8px}
.quiz-card h3{font-family:Fraunces,serif;font-size:26px;margin:0 0 16px}
.quiz-opts{display:flex;flex-wrap:wrap;gap:10px}
.quiz-opts .on{background:#0A4A48;color:#FAEBCB;border-color:#0A4A48}
.quiz-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.quiz-back{background:none;border:none;text-decoration:underline;cursor:pointer;font-size:15px}
.quiz-result{max-width:640px}
.quiz-result p{font-size:17px;margin:0 0 16px}
.quiz-result .pill{margin-right:10px}
/* V8 — sticky box bar (bottom, thumb-first) */
.boxbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:10px;background:#FAEBCB;border-top:1px solid #E5D3A8;padding:12px 16px;box-shadow:0 -6px 24px rgba(90,30,8,.14);transform:translateY(100%);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.boxbar.show{transform:none}
.boxbar span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.boxbar .pill{padding:10px 16px}
.boxbar-view{background:none;border:none;text-decoration:underline;cursor:pointer;font-size:15px;white-space:nowrap}
.boxbar .bar-short{display:none}
@media(max-width:560px){.boxbar #boxBarText{display:none}.boxbar .bar-short{display:inline}}

/* V9 — audit fixes */
body.has-boxbar{padding-bottom:76px}
.wordmark-logo{min-height:44px;display:flex;align-items:center}
.quiz-foot a{min-height:44px;display:inline-flex;align-items:center}
.credit a{min-height:44px;display:inline-flex;align-items:center}
.boxbar-view{min-height:44px;display:inline-flex;align-items:center}
/* V10 — kill the default tap flash (menu button showed it as a blue fill) */
a,button{-webkit-tap-highlight-color:transparent}

/* V11 — logo loading scene: paper veil, lockup rise, marigold line, fade out.
   Invisible unless html.loading (head script adds it); pointer-events none
   so it never blocks shopping or clicks; reduced-motion hides it outright. */
.loader{position:fixed;inset:0;z-index:200;background:#FAEBCB;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s;pointer-events:none}
html.loading .loader{opacity:1;visibility:visible;transition:opacity .4s ease}
.loader img{height:clamp(88px,22vw,120px);width:auto}
.loader-line{width:120px;height:2px;background:rgba(90,30,8,.15);overflow:hidden}
.loader-line span{display:block;height:100%;background:#E8A33D;transform-origin:left}
html.loading .loader-line span{animation:loader-line .8s .35s cubic-bezier(.22,1,.36,1) both}
@keyframes loader-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.loader{display:none}}
/* V13 fix: underline draws AFTER the wipe (1.5s), not at .35s — must stay last to win specificity tie */
html.loading .loader-line span{animation:loader-line .5s 1.5s cubic-bezier(.22,1,.36,1) both}
/* V14 — redrawn wordmark loader: svg scales, underline draws after the wordmark (2.4s) */
.wordmark-svg{width:min(280px,78vw);height:auto;display:block}
html.loading .loader-line span{animation:loader-line .5s 2.4s cubic-bezier(.22,1,.36,1) both}
/* V15 — full lockup loader */
.lockup-svg{width:min(600px,94vw);height:auto;display:block}
.skip-link{position:absolute;left:-9999px;top:0;background:#0A4A48;color:#FAEBCB;padding:10px 16px;z-index:100}
.skip-link:focus{left:0}