@charset "UTF-8";
:root{--paper:#f2f0e9;--ink:#183d33;--red:#b64b33;--night:#102523;--cream:#f2f0e9;--gold:#e6c09a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Arial,Helvetica,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #cf8762;outline-offset:6px}.skip-content{position:fixed;top:-100px;left:20px;z-index:200;padding:15px;background:var(--paper);color:var(--ink)}.skip-content:focus{top:20px}.hero{min-height:820px;height:100svh;max-height:1150px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 55%,#324b4038,transparent 50%),var(--night);color:var(--cream);transition:background-color 1s,color 1s}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero header{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;margin:0 4.5%;padding:27px 0;border-bottom:1px solid #b7cbbb25}.wordmark{font-weight:800;font-size:36px;letter-spacing:-2px;display:flex;align-items:center;gap:13px}.asterisk{font-size:30px;font-weight:400;color:var(--gold);animation:turn 40s linear infinite}.header-right{display:flex;gap:40px;align-items:center}.status{font-family:monospace;font-size:9px;letter-spacing:1px;display:flex;gap:10px;align-items:center}.status i{width:5px;height:5px;border-radius:50%;background:#dfaf7c;box-shadow:0 0 12px #dfaf7c70}#daylight{background:none;color:inherit;border:1px solid #a3b6a94d;border-radius:100px;padding:10px 17px;font-size:11px;min-height:40px}#daylight:hover{background:#b7cbbb15}#daylight span{margin-left:16px;font-size:20px;vertical-align:middle}.heading{position:absolute;left:7%;top:18%;z-index:3;pointer-events:none}.heading p{font-family:monospace;font-size:9px;letter-spacing:2px;margin:0 0 32px;color:#c9d0bf}h1{font-size:clamp(95px,10.5vw,168px);font-weight:400;letter-spacing:-.075em;line-height:.88;margin:0}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;color:var(--gold)}.scene{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none}.coastal-scene{width:77vw;height:86%;margin:0 -4% 26px 0;overflow:visible;flex:none}.moon{position:absolute;right:18%;top:18%;width:92px;height:92px;border:1px solid #dfcf9b20;border-radius:50%;background:radial-gradient(circle,#e8dcb010,transparent 70%);box-shadow:0 0 90px #dfcf9b08}.hero-caption{position:absolute;left:4.5%;right:4.5%;bottom:25px;display:flex;align-items:end;justify-content:space-between;gap:30px;z-index:3;border-top:1px solid #b7cbbb30;padding-top:20px;font-size:12px;line-height:1.5}.edition{font-family:monospace;font-size:8px;line-height:1.8;letter-spacing:1px;color:#c5cfbf;text-align:right}.scroll-cue{display:flex;gap:30px;align-items:center;font-size:11px}.scroll-cue span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #b7cbbb4d;border-radius:50%;transition:transform .3s}.scroll-cue:hover span{transform:translateY(4px)}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:35px 10%;padding:85px 7% 95px;position:relative}.section-index{grid-column:1/-1;font-family:monospace;font-size:9px;letter-spacing:1px;color:#5a6f60;margin-bottom:12px}.about h2{font-size:clamp(35px,4.3vw,66px);font-weight:400;letter-spacing:-2.5px;line-height:1.08;margin:0;scroll-margin-top:40px}.about em{font-family:Georgia,serif;font-weight:400;color:var(--red)}.about p{font-size:15px;line-height:1.8;margin:0;max-width:410px;align-self:center;color:#526557}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 4.5%;border-top:1px solid #bfc8ba;padding:25px 0 30px;font-size:10px}.footer-logo{font-weight:800;font-size:26px;letter-spacing:-1px}.footer-logo span{font-weight:400;margin-left:15px}.legal{color:#526557;font-size:10px}#motion{border:0;background:none;color:var(--ink);padding:10px;font-size:10px;min-height:40px}.paused *,.paused *:after{animation-play-state:paused!important}.coastal-beam{transform-origin:209px 261px;animation:coast-light 12s ease-in-out infinite;mix-blend-mode:screen}.voyager{transform-origin:572px 462px;animation:boat 7s ease-in-out infinite}.ocean-lines{animation:ocean 10s ease-in-out infinite}.lamp-halo{transform-origin:319px 211px;animation:halo 5s ease-in-out infinite}.gulls{opacity:.55;animation:birds 14s ease-in-out infinite}.boat-wake{animation:wake 5s ease-in-out infinite}.daylight .hero{background-color:#e5e8dd;color:var(--ink)}.daylight .heading p,.daylight .edition{color:#4e6658}.daylight h1 em{color:var(--red)}.daylight .asterisk{color:var(--red)}.daylight .hero header,.daylight .hero-caption{border-color:#344f4830}.daylight .scroll-cue span,.daylight #daylight{border-color:#344f484d}.daylight .coastal-beam{mix-blend-mode:normal}.daylight .moon{background:#f7efcc;box-shadow:0 0 90px #f7efcc40;border:0}.cinema-active .hero-caption{opacity:0}@keyframes turn{to{transform:rotate(360deg)}}@keyframes coast-light{0%,100%{opacity:.65;transform:rotate(-2deg)}50%{opacity:1;transform:rotate(3deg)}}@keyframes boat{50%{transform:translate(6px,3px) rotate(1deg)}}@keyframes ocean{50%{transform:translateX(9px);opacity:.7}}@keyframes halo{50%{transform:scale(1.4);opacity:.5}}@keyframes birds{50%{transform:translate(15px,-4px)}}@keyframes wake{50%{opacity:.3;transform:translateX(-8px)}}
@media(max-width:900px){.hero{min-height:760px;max-height:980px}.heading{top:155px}.heading h1{font-size:clamp(82px,12vw,115px)}.coastal-scene{width:100vw;height:70%;margin-right:-18%;margin-bottom:55px}.header-right{gap:20px}.status{font-size:8px}.about{gap:30px 6%;padding:60px 7%}.about h2{font-size:42px}.about p{font-size:14px}.edition{display:none}}
@media(max-width:600px){.hero{height:880px;min-height:0;max-height:none}.hero header{margin:0 6%;padding:21px 0}.wordmark{font-size:30px}.asterisk{font-size:25px}.header-right{gap:10px}.status{position:absolute;top:96px;left:0;font-size:8px}#daylight{padding:7px 12px;font-size:9px}.heading{left:7%;top:156px}.heading p{font-size:8px;letter-spacing:1.3px;margin-bottom:25px}h1,.heading h1{font-size:clamp(76px,20vw,114px);letter-spacing:-.075em}.coastal-scene{width:131vw;height:auto;margin:0 -18% 125px 0;max-height:470px;}.moon{width:50px;height:50px;top:40%;right:13%}.hero-caption{left:6%;right:6%;bottom:22px;gap:15px;font-size:10px}.scroll-cue{font-size:9px;gap:12px}.scroll-cue span{width:32px;height:32px}.about{display:block;padding:48px 7% 50px}.section-index{display:block;margin-bottom:30px}.about h2{font-size:37px;letter-spacing:-1.7px;margin-bottom:25px}.about p{font-size:14px;line-height:1.75}footer{margin:0 6%;flex-wrap:wrap;gap:12px}.legal{flex-basis:100%;font-size:9px}.footer-logo{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* A single sweep of light reveals the title, then dissolves into the coast. */
.light-intro[hidden]{display:none}.light-intro{position:fixed;inset:0;z-index:100;background:#070d0b;overflow:hidden;color:#f2f0e9;opacity:1;transition:opacity 1.2s cubic-bezier(.2,.65,.3,1),visibility 1.2s}.light-intro.dissolving{opacity:0;visibility:hidden;pointer-events:none}.cinema-active{overflow:hidden}.cinema-active .poster{opacity:0;animation:none}.cinema-active .poster *,.cinema-active .poster *:after{animation-play-state:paused!important}.poster{transition:opacity 1.2s ease}.intro-horizon{position:absolute;left:0;right:0;top:69%;height:1px;background:linear-gradient(90deg,transparent,#9cb8a84d,transparent);animation:horizon-emerge 3s ease both}.intro-mist{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 65%,#819c831c,transparent 60%)}.intro-origin{position:absolute;left:7%;top:69%;height:4px;width:4px;border-radius:50%;background:#fff0c6;box-shadow:0 0 22px 6px #e9d7a960;animation:source-light 3.8s ease both}.sweeping-light{position:absolute;left:7%;top:69%;width:160vmax;height:110vmax;transform-origin:0 50%;margin-top:-55vmax;background:conic-gradient(from 73deg at 0% 50%,transparent 0deg,#e5d8b20a 8deg,#f8eac642 16deg,#fff6d786 20deg,#eee2bd20 24deg,transparent 32deg);filter:blur(2px);mix-blend-mode:screen;animation:cinema-sweep 4.6s cubic-bezier(.35,0,.2,1) both;pointer-events:none}.cinema-title{position:absolute;left:7%;top:155px;z-index:2}.cinema-title p{font-weight:400;font-size:clamp(90px,9.5vw,155px);letter-spacing:-6px;line-height:.95;margin:27px 0 0;animation:words-illuminate 3.8s ease both}.cinema-title em{font-family:Georgia,serif;color:#e8be92;font-weight:400}.cinema-kicker{display:block;font-size:9px;letter-spacing:2.5px;animation:kicker-illuminate 3s ease both}#light-intro-skip{position:absolute;right:4%;bottom:25px;z-index:3;color:#c1c9be;font-size:11px;padding:14px}.light-intro button:focus-visible{outline-color:#f2dfba}@keyframes cinema-sweep{0%{opacity:0;transform:rotate(22deg)}15%{opacity:.6}55%{opacity:1;transform:rotate(-25deg)}100%{opacity:.1;transform:rotate(-56deg)}}@keyframes words-illuminate{0%,15%{opacity:0;filter:blur(12px);transform:translateY(8px);clip-path:inset(0 100% 0 0)}55%{opacity:1;filter:blur(0);transform:translateY(0);clip-path:inset(0 0 0 0)}100%{opacity:1;filter:blur(0);transform:translateY(0);clip-path:inset(0 0 0 0)}}@keyframes kicker-illuminate{0%,30%{opacity:0}70%,100%{opacity:.65}}@keyframes source-light{0%{opacity:0}25%,80%{opacity:1}100%{opacity:.5}}@keyframes horizon-emerge{from{opacity:0;transform:scaleX(.1)}to{opacity:1;transform:scaleX(1)}}@media(min-width:1600px){.cinema-title{top:190px}}@media(max-width:800px){.cinema-title{top:125px;left:8%}.cinema-title p{font-size:clamp(68px,16vw,100px);letter-spacing:-4px;margin-top:20px}.cinema-kicker{font-size:8px;letter-spacing:1.3px}.intro-origin,.sweeping-light{left:7%;top:66%}.intro-horizon{top:66%}}@media(prefers-reduced-motion:reduce){.light-intro{display:none!important}.cinema-active{overflow:auto}.cinema-active .poster{opacity:1}.poster{transition:none}}

/* Preserve italic overhang while the title is revealed. */
.cinema-title p{padding-right:.24em;padding-bottom:.12em;margin-right:-.24em;overflow:visible}
@keyframes words-illuminate{0%,15%{opacity:0;filter:blur(12px);transform:translateY(8px);clip-path:inset(-18% 100% -22% -8%)}55%,100%{opacity:1;filter:blur(0);transform:translateY(0);clip-path:inset(-18% -12% -22% -8%)}}
@media(max-width:420px){.cinema-title p{font-size:clamp(58px,15.5vw,68px)}}

.cinema-title{top:18%;left:7%}.cinema-title p{font-size:clamp(95px,10.5vw,168px);line-height:.88;letter-spacing:-.075em;margin-top:32px}.cinema-title em{letter-spacing:-.065em}.cinema-kicker{font-family:monospace;font-size:9px;letter-spacing:2px}.light-intro{background:#070d0b}@media(max-width:900px){.cinema-title{top:155px}.cinema-title p{font-size:clamp(82px,12vw,115px)}}@media(max-width:600px){.cinema-title{top:156px;left:7%}.cinema-title p{font-size:clamp(76px,20vw,114px);margin-top:25px}.cinema-kicker{font-size:8px;letter-spacing:1.3px}}

#light-intro-skip{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;color:#bfa88c;box-shadow:none;transition:color .2s ease}#light-intro-skip:hover,#light-intro-skip:focus-visible{color:#ecd4b5}