/* Warm beige, light olive and brown; cinematic imagery retains its own colours. */
:root{--cream:#f3ebdd;--ink:#352a24;--muted:#68594b;--line:#cbbba5;--wine:#352a24;--olive:#b8bea0;--brown:#b39478}
body{background:var(--cream);color:var(--ink)}
.ambient{background:radial-gradient(ellipse at 15% 25%,#b8bea020,transparent 60%)}
.announcement{background:var(--olive);color:var(--ink);border-bottom:1px solid #9da587}
header{background:var(--cream);border-color:var(--line)}
.wordmark{color:var(--ink)}
nav a:hover{color:#72523c}
.nav-shop{border-color:#80664e}
em{color:#765b45}
.eyebrow{color:#5b6049}
.button{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.button:hover{background:#514234;border-color:#514234;box-shadow:0 8px 25px #352a2418}
.text-button{color:#5d4433}
.video-hero{color:#f4eee5;background:#100b12}
.video-hero .button{background:#f3ebdd;color:#352a24;border-color:#f3ebdd}
.video-hero .button:hover{background:#dfe2cd;border-color:#dfe2cd}
.video-hero .scroll-cue{color:#ecdacb}
.motion-toolbar{background:#e7ddcd;color:#514a3c;border-color:var(--line)}
.motion-toolbar i{background:#65704d;box-shadow:0 0 8px #65704d25}
.motion-toolbar button{color:var(--ink);border-color:#97856d;background:#f3ebdd80}
.motion-toolbar button:hover{background:#dce0c9}
.ribbon{background:#e0e3d1;color:#4d4f3c;border-color:#b4ba9d}
.worlds,.collection,.how{background:var(--cream)}
.world-card,.js-motion .world-card.reveal.visible{box-shadow:0 15px 35px #352a2420}
.world-card.is-tilting{box-shadow:0 28px 45px #352a2433}
.depth-surface{border-color:#b39478}
.world-card .world-no{color:#fff0e4}
.world-card .world-label h3{color:#fff6eb}
.world-card .world-label>span{color:#eadacb}
.product-photo{border-color:#b39478}
.product-depth-stage .product-photo{box-shadow:0 22px 45px #352a2426,5px 6px 0 #b39478,0 0 0 1px #94785d80}
.choice{background:#f8f2e8;color:var(--ink);border-color:#a18d76}
.choice:hover{background:#e1e4d1;border-color:#6c7458}
.choice.selected{background:var(--olive);color:var(--ink);border-color:#74805c}
.story{background:radial-gradient(ellipse at 50% 100%,#e9e8d750,transparent 70%),var(--olive);border-color:#9da587}
.story .eyebrow{color:#424932}
.story h2{color:var(--ink)}
.story h2 em{color:#514536}
.story:before,.story:after{border-color:#68744b25}
.story-mark{color:#605139;text-shadow:none}
.story-bottom p{color:#453f33}
.how li>span{color:#785f48}
.faq{background:#ece2d3;border-color:var(--line)}
.closing{background:radial-gradient(ellipse at 50% 120%,#d8ddc4,transparent 70%),var(--olive);color:var(--ink);border-color:#a3ab8a}
.closing .eyebrow{color:#424932}
.closing h2 em{background:none;-webkit-background-clip:initial;background-clip:initial;color:#514536;animation:none}
.closing:before{border-color:#6b754c35}
.closing .light{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.closing .light:hover{background:#514234}
footer{background:#e6d8c6;color:var(--ink)}
footer .wordmark{color:var(--ink)}
footer p,footer small{color:#61513f}
footer small{border-color:#b9a58c}
dialog{background:var(--cream);color:var(--ink);border-color:#b39478;box-shadow:0 25px 100px #352a2455}
dialog::backdrop{background:#241c16a8}
.close{color:var(--ink)}
.skip{background:var(--cream);color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#65704d}
.video-hero a:focus-visible,.video-hero button:focus-visible,.world-card:focus-visible{outline-color:#e2d1af}
::selection{background:#b8bea0;color:#352a24}