:root{--sailcloth:#f6f1e7;--cobalt:#0a3d9c;--ink:#1c1c1e;--fog:#c9cdd2;--orange:#ff7403;--ink-deep:#040405;--serif:"Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif}*{box-sizing:border-box}html,body{height:100%;overscroll-behavior:none;background:var(--ink-deep);height:100dvh;color:var(--sailcloth);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#scene{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#scene:active{cursor:grabbing}.ui{z-index:5;pointer-events:none;opacity:0;transition:opacity 1.6s .4s;position:fixed;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px)}body.ready .ui{opacity:1}.ui--top{top:calc(clamp(18px, 3.5vw, 48px) + env(safe-area-inset-top,0px));justify-content:flex-end;align-items:flex-start;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ui--bottom{bottom:calc(clamp(18px, 3.5vw, 44px) + env(safe-area-inset-bottom,0px))}.loader__mark span{font-style:italic}.soon{color:var(--sailcloth);letter-spacing:.28em;text-transform:uppercase;opacity:.8;margin:0;font-size:clamp(11px,.85vw,13px)}.loader{z-index:20;background:var(--ink-deep);color:var(--sailcloth);place-content:center;gap:22px;transition:opacity 1.4s;display:grid;position:fixed;inset:0}.loader.done{opacity:0;pointer-events:none}.loader__mark{letter-spacing:-.015em;text-align:center;font-size:clamp(30px,3.4vw,52px);line-height:1}.loader__rule{background:color-mix(in srgb, var(--sailcloth) 22%, transparent);justify-self:center;width:min(240px,50vw);height:1px;overflow:hidden}.loader__rule i{background:var(--sailcloth);width:0%;height:100%;transition:width .3s;display:block}.sound{appearance:none;cursor:pointer;pointer-events:auto;color:var(--sailcloth);opacity:.55;background:0 0;border:0;margin:-6px;padding:6px;line-height:0;transition:opacity .3s}.sound:hover{opacity:1}.sound__slash{opacity:0;transition:opacity .2s}.sound[aria-pressed=true] .sound__slash{opacity:1}.sound[aria-pressed=true] .sound__note{opacity:.6}.type{z-index:4;pointer-events:none;color:var(--sailcloth);letter-spacing:.01em;opacity:0;-webkit-user-select:none;user-select:none;isolation:isolate;font-size:clamp(64px,12.5vw,220px);font-weight:400;line-height:.86;transition:opacity 2.2s .9s;position:fixed;top:50%;left:clamp(20px,4vw,56px);transform:translateY(-50%)translateZ(0)}body.lit .type{opacity:1}.type__row{white-space:nowrap;display:flex}.type__letter{will-change:transform;display:inline-block}.type__letter--dot{color:var(--orange)}@media (max-aspect-ratio:1){.type{top:calc(clamp(18px, 3.5vw, 48px) + env(safe-area-inset-top,0px) + 4vh);font-size:clamp(56px,22vw,160px);transform:none}}.grain,.vignette{z-index:3;pointer-events:none;position:fixed;inset:0}.vignette{background:radial-gradient(#0000 50%,#0000008c 100%)}.grain{opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:200px 200px;animation:.6s steps(3,end) infinite grain;inset:-12%}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.grain{animation:none}}