:root{--ink:#0c0d0c;--cream:#efe9dc;--gold:#c9a55e;--muted:#b0ada3;--line:#39372f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--cream);font:17px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}.skip{position:fixed;top:-100px;background:var(--cream);color:var(--ink);padding:10px;z-index:5}.skip:focus{top:8px}.wrap{width:min(1320px,88%);margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;width:92%;margin:auto;padding:26px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font:11px/1.5 Arial,sans-serif;letter-spacing:2px}.brand img{object-fit:contain}.header nav{display:flex;gap:34px;font-size:13px}.header nav a:last-child{color:var(--gold)}.hero{min-height:740px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding-block:65px;gap:10px}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:10px;font-weight:bold;color:var(--gold);margin:0 0 25px}h1,h2,h3{font-family:Baskerville,'Palatino Linotype',Palatino,Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-1.5px;margin:0}h1{font-size:clamp(48px,5.6vw,82px)}em{font-weight:400;color:var(--gold)}.intro{color:var(--muted);max-width:420px;margin:30px 0;font-size:18px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 23px;font-size:12px;font-weight:bold}.gold{background:var(--gold);color:var(--ink)}.gold:hover{background:#e0c185}.text-link{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:6px;display:inline-block}.hero-art img{display:block;width:100%;height:auto;mix-blend-mode:screen}.hero-art p{text-align:center;letter-spacing:2px;font-size:8px;line-height:1.9;color:var(--muted);margin:0}.stories{padding-block:70px 100px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}h2{font-size:clamp(40px,4.6vw,68px)}.section-heading .eyebrow{margin-bottom:16px}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.film-image{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:1px solid var(--line);background:black;overflow:hidden}.film-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.film-image:hover img{transform:scale(1.025)}.play{position:absolute;bottom:20px;right:20px;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);font-size:13px}.film .eyebrow{margin:25px 0 12px}.film h3{font-size:29px;letter-spacing:-.4px;line-height:1.2;max-width:550px;margin-bottom:22px}.about{background:var(--cream);color:var(--ink);padding-block:100px}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:45px}.about .eyebrow{color:#71603d}.about h2{margin-bottom:35px}.about p:not(.eyebrow){max-width:630px;color:#4b4c44}.about .text-link{margin-top:15px}.spark{padding-block:110px;display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.spark>.eyebrow{grid-column:1/-1}.spark h2{font-size:clamp(70px,8vw,120px)}.spark-copy{align-self:end;max-width:440px;color:var(--muted)}.spark-copy p:first-child{font-family:Georgia,serif;font-size:27px;line-height:1.4;color:var(--cream)}.spark-copy .button{margin-top:20px}.footer{border-top:1px solid var(--line);padding-block:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer p,.footer a,.footer small{font-size:11px}.footer>div{display:flex;gap:25px}.footer small{width:100%;color:var(--muted);margin-top:20px}dialog{background:var(--ink);color:var(--cream);border:1px solid var(--line);width:min(1000px,94vw);padding:24px}dialog::backdrop{background:#000d}.player-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.player-heading h2{font-size:22px;letter-spacing:0}.player-heading button{background:transparent;border:1px solid var(--line);color:var(--cream);padding:8px 12px;font-size:13px}#video-frame{aspect-ratio:16/9}iframe{width:100%;height:100%;border:0}dialog>p{font-size:11px;color:var(--muted)}@media(max-width:760px){.header{padding:17px 0}.header nav{gap:18px}.header nav a{font-size:11px}.header nav a:nth-child(2){display:none}.brand{font-size:9px;letter-spacing:1px}.brand img{width:40px;height:40px}.hero{grid-template-columns:1fr;padding-block:65px 50px;min-height:auto}.hero-art{max-width:430px;width:85%;margin:25px auto 0}.hero-art img{margin-top:-10px}.hero h1{font-size:clamp(43px,8.5vw,66px)}.intro{font-size:16px}.section-heading{gap:20px;align-items:start;flex-direction:column}.film-grid{grid-template-columns:1fr;gap:45px}.stories{padding-block:55px 70px}.about{padding-block:65px}.about-grid{grid-template-columns:1fr;gap:8px}.spark{grid-template-columns:1fr;padding-block:70px;gap:0}.spark-copy{margin-top:20px}.spark h2{font-size:84px}.footer{align-items:start}.footer>p{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Myth and machine: a quiet mechanism behind the words. */
.hero{position:relative;isolation:isolate}.hero-copy,.hero-art{position:relative;z-index:1}.machinery{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.cog{position:absolute;color:#b99250;opacity:.075;filter:drop-shadow(0 0 1px #d5b572)}.cog svg{display:block;width:100%;height:100%;fill:currentColor}.cog-one{width:740px;height:740px;right:-260px;top:-180px;animation:turn-cog 180s linear infinite}.cog-two{width:510px;height:510px;right:310px;bottom:-330px;animation:turn-cog 144s linear infinite reverse}@keyframes turn-cog{to{transform:rotate(360deg)}}
.entrance{position:fixed;inset:0;z-index:20;pointer-events:none;display:grid;place-items:center;background:#080a09;transition:opacity .7s ease,visibility .7s;overflow:hidden}.entrance.finished{opacity:0;visibility:hidden}.ignition{text-align:center;position:relative;color:var(--gold);width:300px}.ignition img{display:block;margin:auto;opacity:0;animation:reveal-seal 1.5s 1.3s forwards}.ignition p{font:italic 28px/1.3 Georgia,serif;opacity:0;animation:reveal-seal 1s 1.6s forwards}.ignition-star{position:absolute;top:75px;left:130px;font-size:40px;opacity:0;animation:catch-fire 2.7s .2s both}.ember-field{position:absolute;inset:0}.ember-field i{position:absolute;width:4px;height:4px;background:#e8bf70;border-radius:50%;box-shadow:0 0 12px 3px #cf8d25;left:var(--x,15%);top:var(--y,20%);opacity:0;animation:fly-spark 1.5s var(--delay,0s) cubic-bezier(.4,.1,.2,1) forwards}.ember-field i:nth-child(2){--x:80%;--y:15%;--delay:.1s}.ember-field i:nth-child(3){--x:5%;--y:80%;--delay:.2s}.ember-field i:nth-child(4){--x:90%;--y:65%;--delay:.05s}.ember-field i:nth-child(5){--x:35%;--y:5%;--delay:.3s}.ember-field i:nth-child(6){--x:65%;--y:95%;--delay:.15s}.ember-field i:nth-child(7){--x:95%;--y:40%;--delay:.35s}.ember-field i:nth-child(8){--x:20%;--y:95%;--delay:.25s}@keyframes fly-spark{0%{opacity:0;transform:scale(.5)}20%{opacity:1}85%{opacity:1}100%{left:50%;top:calc(50% - 40px);opacity:0;transform:scale(1.5)}}@keyframes catch-fire{0%,30%{opacity:0;transform:scale(.1) rotate(-45deg)}50%{opacity:1;transform:scale(1.4) rotate(0deg);text-shadow:0 0 30px #ffae36,0 0 80px #ff9c19}70%{opacity:.8}100%{opacity:0;transform:scale(2.2)}}@keyframes reveal-seal{from{opacity:0;transform:translateY(9px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.skip-entrance{position:fixed;right:4%;bottom:35px;z-index:21;color:var(--cream);background:transparent;border:1px solid #675637;padding:11px 18px;font-size:12px}.skip-entrance:hover{background:#292317}@media(max-width:760px){.cog-one{width:500px;height:500px;right:-240px;top:0}.cog-two{right:50px;bottom:-230px;width:400px;height:400px}}@media(prefers-reduced-motion:reduce){.cog{animation:none}.entrance,.skip-entrance{display:none}}
/* Apollo's laurel: arrival, release, ignition, smoke, invitation. */
.entrance{background:#080a09}.laurel-stage{position:absolute;left:50%;top:41%;width:min(32vw,330px);aspect-ratio:1;transform:translate(-50%,-50%)}.laurel{width:100%;height:100%;color:#789269;animation:laurel-burn 3.2s 2.4s both}.apollo{position:absolute;right:0;bottom:-3%;width:min(54vw,700px);height:auto;mix-blend-mode:screen;opacity:0;animation:apollo-arrives 2s .2s forwards,apollo-departs 1.6s 4.1s forwards}.flaming-arrow{position:absolute;left:72%;top:68%;width:120px;height:2px;background:linear-gradient(90deg,#fff1bf,#bb803a 75%,transparent);transform:rotate(35deg);opacity:0;animation:arrow-release .7s 2s forwards}.flaming-arrow:before{content:'';position:absolute;left:-5px;top:-5px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:15px solid #ffe0a1;filter:drop-shadow(0 0 7px #ff7a19)}.flaming-arrow span{position:absolute;left:0;top:-7px;width:34px;height:16px;border-radius:80% 0 60% 70%;background:linear-gradient(90deg,#fff3b3,#ff7c20,transparent);box-shadow:0 0 24px #f98632}.laurel-fire{position:absolute;inset:10%;border-radius:50%;opacity:0;box-shadow:0 0 45px 15px #ed9f39,inset 0 0 38px 8px #db792b;animation:laurel-ignite 2s 2.6s both}.sacred-smoke{position:absolute;inset:0}.sacred-smoke i{position:absolute;left:calc(15% + var(--n)*8%);top:calc(30% + var(--n)*4%);width:70px;height:110px;background:radial-gradient(ellipse,#c3b9a955,transparent 68%);filter:blur(11px);opacity:0;animation:laurel-smoke 3.2s calc(3.1s + var(--n)*.08s) both}.revealed-cog{position:absolute;inset:16%;color:#c9a55e;opacity:0;animation:cog-reveal 2s 4.4s forwards}.revealed-cog svg{width:100%;height:100%;fill:currentColor;animation:turn-cog 38s linear infinite}.entrance-wordmark{position:absolute;top:65%;left:50%;transform:translateX(-50%);text-align:center;letter-spacing:5px;color:#e4d6b9;font:14px/1.7 Georgia,serif;opacity:0;animation:wordmark-reveal 1.5s 4.7s forwards}.skip-entrance{bottom:9%;right:auto;left:50%;transform:translateX(-50%);min-width:145px;text-transform:uppercase;letter-spacing:3px;border-color:#8c7143;background:#0c0d0c}.skip-entrance:after{content:'';position:absolute;inset:-1px;border:1px solid #dfbe79;opacity:0;animation:wordmark-reveal 2s 5s forwards;pointer-events:none}
@keyframes apollo-arrives{from{opacity:0;transform:translate(30%,24%)}to{opacity:.85;transform:translate(0,0)}}@keyframes apollo-departs{to{opacity:0;filter:blur(6px)}}@keyframes arrow-release{0%{opacity:0}10%{opacity:1}88%{opacity:1}100%{left:50%;top:43%;opacity:0}}@keyframes laurel-burn{0%{color:#789269;opacity:1}35%{color:#d3aa54;filter:drop-shadow(0 0 3px #d6ac4c)}62%{color:#ffb95e;opacity:.9;filter:drop-shadow(0 0 15px #ff731f)}100%{color:#402d1f;opacity:0;filter:blur(8px);transform:scale(1.06)}}@keyframes laurel-ignite{0%{opacity:0;transform:scale(.8)}30%{opacity:.7}100%{opacity:0;transform:scale(1.2)}}@keyframes laurel-smoke{0%{opacity:0;transform:translateY(20px) scale(.5)}28%{opacity:.8}100%{opacity:0;transform:translate(25px,-210px) scale(2.8)}}@keyframes cog-reveal{from{opacity:0;filter:blur(12px)}to{opacity:.8;filter:blur(0)}}@keyframes wordmark-reveal{to{opacity:1}}
@media(max-width:760px){.laurel-stage{width:260px;top:37%}.apollo{width:95vw;right:-15%;bottom:10%}.entrance-wordmark{top:64%;font-size:12px}.flaming-arrow{left:80%;top:70%}}
@media(prefers-reduced-motion:reduce){.entrance.still{display:grid}.skip-entrance{display:block}.entrance.still .laurel,.entrance.still .apollo,.entrance.still .flaming-arrow,.entrance.still .laurel-fire,.entrance.still .sacred-smoke{display:none}.entrance.still .revealed-cog,.entrance.still .entrance-wordmark{animation:none;opacity:1}.entrance.still .revealed-cog svg{animation:none}}