@font-face{font-family:WE Syncopate;src:url('./fonts/landing/afterglow/Syncopate-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:WE Playfair;src:url('./fonts/landing/frame-seventeen/PlayfairDisplay-BlackItalic.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:WE Anton;src:url('./fonts/landing/mile-nine/Anton-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:WE Poiret;src:url('./fonts/landing/luma-one/PoiretOne-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:WE Archivo;src:url('./fonts/landing/northstar-fund/ArchivoBlack-Regular.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:WE Abril;src:url('./fonts/landing/aster-class/AbrilFatface-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:WE Bree;src:url('./fonts/landing/hearthline/BreeSerif-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:WE Unica;src:url('./fonts/margin/UnicaOne-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:WE Work;src:url('./fonts/margin/WorkSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:WE Work;src:url('./fonts/margin/WorkSans-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:WE Montserrat;src:url('./fonts/tarrence-whitson/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:WE Zilla;src:url('./fonts/sable-raye/ZillaSlab-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:WE Roboto Mono;src:url('./fonts/landing/atlas-ledger/RobotoMono-Bold.ttf') format('truetype');font-weight:700;font-display:swap}

html[data-wonder-mood=midnight-cobalt]{--ink:#090b1a;--paper:#eef0ff;--cream:#f9f7ff;--red:#5948ff;--gold:#ff4fb8;--rust:#8740ae;--navy:#171944;--we-display:'WE Syncopate',Arial,sans-serif;--we-body:'WE Work',Arial,sans-serif;--we-label:'WE Roboto Mono',monospace;--we-title-scale:.70}
html[data-wonder-mood=first-light]{--ink:#2b1729;--paper:#fff0e7;--cream:#fff8f2;--red:#ff7043;--gold:#8b4cff;--rust:#dc5264;--navy:#45263d;--we-display:'WE Playfair',Georgia,serif;--we-body:Georgia,serif;--we-label:'WE Work',Arial,sans-serif;--we-title-scale:.92}
html[data-wonder-mood=golden-morning]{--ink:#13213d;--paper:#fff8d9;--cream:#fffdf0;--red:#ffb000;--gold:#2467d6;--rust:#c95142;--navy:#233d5c;--we-display:'WE Anton',Impact,sans-serif;--we-body:'WE Work',Arial,sans-serif;--we-label:'WE Roboto Mono',monospace;--we-title-scale:1.08}
html[data-wonder-mood=clear-current]{--ink:#061c2b;--paper:#e6fbff;--cream:#f4feff;--red:#00a9b8;--gold:#1467d2;--rust:#a23d5e;--navy:#093c53;--we-display:'WE Poiret',Arial,sans-serif;--we-body:'WE Montserrat',Arial,sans-serif;--we-label:'WE Roboto Mono',monospace;--we-title-scale:1.03}
html[data-wonder-mood=high-color]{--ink:#381323;--paper:#fff0db;--cream:#fff9ed;--red:#ff4f42;--gold:#b72478;--rust:#c7355e;--navy:#51213a;--we-display:'WE Archivo',Arial,sans-serif;--we-body:'WE Work',Arial,sans-serif;--we-label:'WE Unica',Arial,sans-serif;--we-title-scale:.82}
html[data-wonder-mood=afterglow]{--ink:#241029;--paper:#ffe7cb;--cream:#fff5e5;--red:#ff6b1a;--gold:#6a2ea3;--rust:#d43d70;--navy:#34204c;--we-display:'WE Abril',Georgia,serif;--we-body:'WE Zilla',Georgia,serif;--we-label:'WE Unica',Arial,sans-serif;--we-title-scale:.91}
html[data-wonder-mood=emerald-hour]{--ink:#041d1a;--paper:#e5f7ee;--cream:#f5fff9;--red:#ff9c3d;--gold:#087f7a;--rust:#b8414b;--navy:#123e3a;--we-display:'WE Bree',Georgia,serif;--we-body:Georgia,serif;--we-label:'WE Work',Arial,sans-serif;--we-title-scale:.96}
html[data-wonder-mood=electric-night]{--ink:#100b18;--paper:#efe7ff;--cream:#faf7ff;--red:#ef4fce;--gold:#6050ff;--rust:#b92f77;--navy:#251c54;--we-display:'WE Unica',Arial,sans-serif;--we-body:'WE Work',Arial,sans-serif;--we-label:'WE Roboto Mono',monospace;--we-title-scale:1.08}
html[data-wonder-mood=ruby-voltage]{--ink:#23070f;--paper:#fff0e5;--cream:#fff8ef;--red:#ff315b;--gold:#ffb34d;--rust:#bf2850;--navy:#3d0d1b;--we-display:'WE Syncopate',Arial,sans-serif;--we-body:'WE Work',Arial,sans-serif;--we-label:'WE Roboto Mono',monospace;--we-title-scale:.72}
html[data-wonder-mood=violet-current]{--ink:#160b2e;--paper:#f0edff;--cream:#faf9ff;--red:#8b5cff;--gold:#2ed6ff;--rust:#d53b9b;--navy:#28134f;--we-display:'WE Playfair',Georgia,serif;--we-body:'WE Zilla',Georgia,serif;--we-label:'WE Unica',Arial,sans-serif;--we-title-scale:.90}
html[data-wonder-mood=copper-blueprint]{--ink:#091b29;--paper:#f4eadf;--cream:#fff9f0;--red:#d97941;--gold:#3ba8d8;--rust:#b6464c;--navy:#12374f;--we-display:'WE Anton',Impact,sans-serif;--we-body:'WE Montserrat',Arial,sans-serif;--we-label:'WE Roboto Mono',monospace;--we-title-scale:1.02}
html[data-wonder-mood=lime-afterdark]{--ink:#101a0a;--paper:#f4f8da;--cream:#fbffe9;--red:#a7e625;--gold:#ff5c8a;--rust:#b62e61;--navy:#1c2c12;--we-display:'WE Archivo',Arial,sans-serif;--we-body:'WE Work',Arial,sans-serif;--we-label:'WE Unica',Arial,sans-serif;--we-title-scale:.84}

html[data-wonder-mood]{--line:color-mix(in srgb,var(--ink) 25%,transparent);--we-glow:color-mix(in srgb,var(--gold) 40%,var(--cream));font-family:var(--we-body);color:var(--ink);background:var(--paper)}
html[data-wonder-mood] body{background:var(--paper);color:var(--ink)}
html[data-wonder-mood] :is(.hero h1,.hero-world-copy h2,.discovery h2,.forge-heading h1,.stage-story h2,.world-anatomy h3,.library-head h1,.library-empty h2,.signal-hero h1,.principles h2,.plans h2,.plan-grid h3,.world-dialog h2,.world-card h3,.saved-card h2,.footer-brand){font-family:var(--we-display);font-weight:700;letter-spacing:-.04em}
html[data-wonder-mood] :is(.hero-deck,.hero-world-copy p,.discovery>header>p,.card-copy p,.forge-heading>p,.stage-story>p,.world-anatomy p,.library-empty p,.saved-card p,.signal-hero>p:last-child,.principles p,.plans>header>p:last-child,.world-dialog p){font-family:var(--we-body)}
html[data-wonder-mood] :is(.eyebrow,.rail nav,.topbar,.filter-row,.form-index,.form-actions,.stage-controls,.billing-toggle,.app-main>footer nav,.back-top,.clock-panel){font-family:var(--we-label)}
html[data-wonder-mood] .hero h1{font-size:clamp(3.4rem,calc(5.25vw * var(--we-title-scale)),6.25rem);line-height:.95;overflow-wrap:anywhere}
html[data-wonder-mood] .hero h1 em{white-space:normal;line-height:1}
html[data-wonder-mood] :is(.discovery h2,.forge-heading h1,.library-head h1,.signal-hero h1){font-size:clamp(3.4rem,calc(7vw * var(--we-title-scale)),8rem);line-height:.96;overflow-wrap:anywhere}
html[data-wonder-mood] .forge-heading h1{font-size:clamp(3.4rem,calc(5.4vw * var(--we-title-scale)),6.5rem);line-height:1.02}
html[data-wonder-mood] :is(.stage-story h2,.world-dialog h2){line-height:.95;overflow-wrap:anywhere}
html[data-wonder-mood] .world-card .card-copy p{color:color-mix(in srgb,var(--ink) 72%,var(--paper))}
html[data-wonder-mood] :is(.forge-form label>span,.form-note,.toggle i){color:color-mix(in srgb,var(--ink) 72%,var(--paper))}
html[data-wonder-mood] :is(.world-anatomy p,.signal-hero>p:last-child,.app-main>footer p){color:color-mix(in srgb,var(--cream) 78%,var(--gold))}
html[data-wonder-mood] :is(.rail nav a b,.hero-world-copy span,.world-play b,.stage-top>span,.stage-controls b,.world-anatomy span,.signal-hero h1 em,.app-main>footer>div:last-child b,.world-dialog span,.network-links span){color:var(--we-glow)}
html[data-wonder-mood] .signal-hero:after{color:color-mix(in srgb,var(--red) 19%,transparent)}
html[data-wonder-mood] :is(.rail,.signal-hero,.world-anatomy,.app-main>footer){background:var(--ink)}
html[data-wonder-mood] :is(.hero-copy,.forge-form,.principles){background:var(--paper)}
html[data-wonder-mood] :is(.discovery,.plans,.saved-card){background:var(--cream)}
html[data-wonder-mood] :is(.hero-world,.world-stage,.world-dialog,.card-visual){background:var(--navy)}
html[data-wonder-mood] :is(.world-play,.stage-top button,.stage-controls,.world-dialog [data-dialog-choices] button){background:color-mix(in srgb,var(--navy) 75%,transparent)}
html[data-wonder-mood] :is(.hero-copy,.discovery,.forge-heading,.forge-form,.world-anatomy,.library-head,.library-empty,.library-grid,.signal-hero,.principles,.plans,.app-main>footer,.topbar,.rail,.world-card,.saved-card,.plan-grid article,.back-top,.world-dialog){transition:background-color .75s ease,color .75s ease,border-color .75s ease}

.topbar{grid-template-columns:minmax(180px,1fr) auto auto}
.estate-links{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:stretch;margin-top:1.25rem}
.parent-site,.bphq-mark{display:grid;place-items:center;padding:.8rem .7rem;border:1px solid color-mix(in srgb,var(--cream) 45%,transparent);color:var(--cream);font:800 .8rem/1.25 var(--we-label,Arial,sans-serif);text-decoration:none}
.parent-site:hover,.parent-site:focus-visible,.bphq-mark:hover,.bphq-mark:focus-visible{background:var(--red);color:#fff}
.bphq-mark{min-width:58px;letter-spacing:.08em}
.rail nav{margin-top:3rem}
.app-main>footer{grid-template-columns:1fr auto;align-items:end}
.cornerstone{margin:0!important;color:var(--cream)!important;font:900 clamp(1.15rem,2vw,1.65rem)/1.15 var(--we-display)!important;letter-spacing:.03em}
.cornerstone strong{color:var(--gold)}
.app-main>footer nav[aria-label="Footer navigation"]{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:1rem 1.35rem;font-size:.78rem}
.app-main>footer nav a{color:var(--cream);text-decoration:none}
.app-main>footer nav a:hover,.app-main>footer nav a:focus-visible{color:var(--gold);text-decoration:underline}
.provenance-link{margin:2rem 0 0;text-align:right;font-size:.72rem!important}
.provenance-link a{color:var(--ink);font-weight:900}
@media(max-width:1180px){.topbar{grid-template-columns:minmax(0,1fr) auto}.top-status{display:none}}
@media(max-width:760px){.topbar{grid-template-columns:auto 1fr;gap:.45rem}.forge-shortcut{justify-self:end;width:52px}.hero h1{letter-spacing:-.045em}html[data-wonder-mood] .hero h1{font-size:clamp(2.7rem,calc(13vw * var(--we-title-scale)),5.5rem)}html[data-wonder-mood] :is(.discovery h2,.forge-heading h1,.library-head h1,.signal-hero h1){font-size:clamp(3rem,calc(14vw * var(--we-title-scale)),5.8rem)}html[data-wonder-mood] .forge-heading h1{font-size:clamp(2.8rem,calc(12vw * var(--we-title-scale)),5rem)}.app-main>footer{grid-template-columns:1fr;align-items:start}.app-main>footer nav[aria-label="Footer navigation"]{justify-content:flex-start}.provenance-link{text-align:left}}
@media(max-width:760px){.back-top{width:56px;right:.6rem;bottom:.6rem}.back-top b{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){html[data-wonder-mood] :is(.hero-copy,.discovery,.forge-heading,.forge-form,.world-anatomy,.library-head,.library-empty,.library-grid,.signal-hero,.principles,.plans,.app-main>footer,.topbar,.rail,.world-card,.saved-card,.plan-grid article,.back-top,.world-dialog){transition:none}}

.back-top{left:1rem;right:auto;bottom:1rem}
.audio-dock{position:fixed;z-index:95;left:7px;right:auto;bottom:104px;width:228px;min-height:52px;display:grid;grid-template-columns:38px minmax(0,1fr) 46px 30px;align-items:center;gap:.32rem;padding:.34rem .4rem;border:1px solid color-mix(in srgb,var(--gold) 64%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ink) 94%,transparent);color:var(--cream);box-shadow:0 16px 42px #0007;backdrop-filter:blur(16px)}
.audio-dock>button{width:38px;height:38px;border:0;border-radius:50%;background:var(--red);color:#fff;font:900 .68rem var(--we-label);cursor:pointer}
.audio-dock>div{min-width:0;display:grid;gap:.12rem}
.audio-dock strong{font:900 .68rem var(--we-label);letter-spacing:.13em}
.audio-dock span{overflow:hidden;color:color-mix(in srgb,var(--cream) 72%,transparent);font:.62rem var(--we-label);text-overflow:ellipsis;white-space:nowrap}
.audio-dock .audio-follow{width:46px;min-width:0;padding:0 .25rem;border:1px solid color-mix(in srgb,var(--cream) 38%,transparent);border-radius:999px;background:transparent;color:var(--cream);font-size:.53rem}
.audio-dock .audio-follow[aria-pressed=true]{background:var(--gold);color:var(--ink)}
.audio-dock audio{display:none}
.audio-dock details{position:relative}
.audio-dock summary{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--cream) 35%,transparent);border-radius:50%;cursor:pointer;list-style:none}
.audio-dock summary::-webkit-details-marker{display:none}
.audio-dock details>div{position:absolute;right:-.2rem;bottom:calc(100% + 1rem);width:min(305px,calc(100vw - 24px));max-height:min(520px,72vh);overflow:auto;padding:1rem;border:1px solid var(--gold);border-radius:14px;background:var(--ink);box-shadow:0 20px 48px #0009}
.audio-dock details p{margin:.7rem 0;color:var(--cream);font:.78rem/1.5 var(--we-body)}
.audio-dock details a{color:var(--gold);font:.7rem var(--we-label);font-weight:900}
html.wonderengine-guided-riding{scroll-behavior:auto}
@media(max-width:760px){.back-top{left:.6rem;right:auto;bottom:.6rem}.audio-dock{left:auto;right:12px;bottom:12px;width:min(232px,calc(100vw - 86px));grid-template-columns:42px minmax(0,1fr) auto;gap:.35rem}.audio-dock>button{width:42px;height:42px}.audio-dock details{display:none}.audio-dock .audio-follow{width:auto;min-width:46px;padding:0 .5rem}.audio-dock span{display:none}}
@media(max-width:390px){.audio-dock{width:min(220px,calc(100vw - 76px))}.audio-dock>div strong{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.audio-dock,.audio-dock *{transition-duration:.001ms!important}}