/* Tokens and wordmark retained from recovered approved source (13 October 2026). */
:root{--ink:#192733;--muted:#42505a;--cream:#fffaf2;--paper:#f6eee1;--coral:#de6046;--teal:#176579;--gold:#f6c477}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Calibri,sans-serif;line-height:1.55}a{color:var(--teal)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:5px}button[hidden],[hidden]{display:none!important}.brand{display:inline-block;font-size:31px;font-weight:950;letter-spacing:-2px;line-height:1;white-space:nowrap}.stache{display:block;font-size:37px;text-align:center;line-height:.55;letter-spacing:-7px;transform:scaleX(1.7)}
.home{min-height:100svh}.entrance{width:min(1060px,100%);margin:auto;padding:clamp(48px,9vh,100px) 24px 24px;text-align:center}.entrance h1{margin:0 0 clamp(16px,3vh,28px)}.wordmark{position:relative;border:0;background:none;padding:16px 30px 25px}.wordmark .brand{font-size:clamp(48px,8vw,76px);letter-spacing:-.065em}.wordmark .stache{font-size:.95em}.heroes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(6px,1.3vw,16px);align-items:start}.hero{display:block;position:relative;min-width:0;text-decoration:none;color:var(--ink);border-radius:90px 90px 8px 8px}.art{display:block;position:relative;width:100%;aspect-ratio:180/452;overflow:hidden;border-radius:90px 90px 8px 8px;background:var(--paper)}.art img{position:absolute;width:var(--image-width);max-width:none;height:auto;left:var(--image-left);top:var(--image-top)}.hero-caption{display:block;font-size:13px;font-weight:bold;line-height:1.4;margin:12px 0 0;opacity:0}#mute{position:fixed;right:16px;bottom:16px;z-index:10}.fallback{font-size:14px}
/* Static content is the default. CSS animations work without JS and always end visible. */
@media(prefers-reduced-motion:no-preference){.wordmark{animation:water-rise 1.45s .25s both}.wordmark:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#fffaf2cc 49%,#73bceb66 51%,transparent 65%);opacity:0;animation:shimmer 1.25s .45s both}.hero{animation:descend .7s var(--delay) both}@keyframes water-rise{0%{opacity:0;transform:translateY(35px) scaleY(.94);filter:blur(7px)}50%{opacity:.7;transform:translateY(10px) skewX(-2deg);filter:blur(1px)}100%{opacity:1;transform:none;filter:none}}@keyframes shimmer{0%{opacity:0;transform:translateX(-35%) skewY(4deg)}40%{opacity:.8}100%{opacity:0;transform:translateX(35%) skewY(0)}}@keyframes descend{from{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:none}}@keyframes appear{from{opacity:0}to{opacity:1}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.page-header{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:36px 24px;gap:24px}.page-header a{text-decoration:none}.content{max-width:960px;margin:24px auto;padding:0 24px 40px}.content h1{font:clamp(32px,6vw,58px)/1.1 Arial,Calibri,Helvetica,sans-serif;margin:14px 0 22px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--teal);font-size:12px}.lead{font-size:21px}.note{background:var(--paper);padding:22px;border-left:3px solid var(--teal);margin:28px 0}.note h2{margin-top:0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 50px}.content h2{font:25px Arial,Calibri,Helvetica,sans-serif}.content li{margin-bottom:10px}.stage-nav{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid var(--muted);padding-top:24px}footer{max-width:960px;margin:auto;padding:24px;font-size:14px}
@media(max-width:600px){.entrance{padding:38px 20px 24px;max-width:440px}.entrance h1{margin-bottom:38px}.heroes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.hero:last-child{grid-column:1 / -1;width:calc((100% - 16px)/2);justify-self:center}.hero-caption{font-size:13px;opacity:1}.content-grid{grid-template-columns:1fr}.page-header{flex-wrap:wrap}}

.company-footer{text-align:center;padding:24px;max-width:1060px;margin:0 auto;font-size:13px;color:var(--muted);line-height:1.8}.company-footer a{white-space:nowrap}

.hero:hover .hero-caption,.hero:focus-visible .hero-caption{opacity:1}
#mute{border:1px solid var(--teal);background:var(--cream);border-radius:6px;padding:9px 16px;min-height:44px}
.home .entrance{padding-bottom:0}.company-footer{padding:18px 24px 24px}.home .company-footer{margin-top:4px}

/* Consistent sans-serif heading between the wordmark and the five heroes. */
.rotating-heading{font-family:Arial,Calibri,Helvetica,"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;font-size:clamp(1.15rem,2.8vw,1.85rem);line-height:1.35;letter-spacing:.005em;font-weight:700;min-height:2.8em;max-width:980px;margin:0 auto clamp(25px,5vh,52px);display:flex;align-items:center;justify-content:center;text-wrap:balance}
.rotating-heading span{display:inline-block;opacity:1;transition:opacity .28s ease}
.rotating-heading span.is-fading{opacity:0}
@media(max-width:600px){.entrance h1{margin-bottom:18px}.rotating-heading{min-height:3.8em;font-size:clamp(1.1rem,5.1vw,1.5rem);margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){.rotating-heading span{transition:none!important}}