:root{color-scheme:dark;--canvas: #071722;--ink: #f1f2ed;--muted: #aebdc1;--line: rgba(234, 242, 239, .3);--glass: #75b7aa;--focus: #f0d7a1;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif;--sans: "Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{min-width:320px;min-height:100svh;margin:0;overflow:hidden;color:var(--ink);background:var(--canvas);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;z-index:20;top:12px;left:12px;padding:10px 14px;color:#071722;background:var(--ink);font-size:.8rem;font-weight:700;text-decoration:none;transform:translateY(-180%);transition:transform .16s ease-out}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.scene-shell,.scene-shell canvas,.scene-fallback,.scene-vignette{position:fixed;inset:0}.scene-shell{background:var(--canvas)}.scene-shell canvas{z-index:2;width:100%;height:100%;opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1)}.scene-ready .scene-shell canvas{opacity:1}.scene-fallback{z-index:0;background:linear-gradient(to bottom,#526c77,#7e9498 47%,#283f49 47.2%,#071b27)}.scene-vignette{z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(2,12,18,.62) 0%,rgba(2,12,18,.24) 32%,transparent 65%),linear-gradient(180deg,rgba(1,9,14,.24) 0%,transparent 35%,rgba(1,9,14,.25) 100%)}.site-header,.hero{position:relative;z-index:5}.site-header{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:92px;padding:0 clamp(24px,4.2vw,72px);border-bottom:1px solid rgba(234,242,239,.18)}.wordmark{color:var(--ink);font-family:var(--serif);font-size:clamp(1.15rem,1.3vw,1.4rem);font-style:italic;letter-spacing:-.025em;text-decoration:none}.wordmark span{color:var(--glass)}.scene-index{display:grid;grid-template-columns:auto clamp(34px,4vw,64px) auto;gap:12px;align-items:center;color:#f1f2edb8;font-family:var(--mono);font-size:.61rem;letter-spacing:.14em}.scene-index__rule{height:1px;background:currentColor;opacity:.5}.hero{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:1fr auto;gap:0 clamp(16px,2.2vw,36px);min-height:100svh;padding:92px clamp(24px,4.2vw,72px) clamp(24px,4.2vh,48px)}.hero-copy{grid-column:1 / span 4;align-self:center;max-width:690px;padding-bottom:2vh}.kicker{margin:0 0 clamp(18px,2.8vh,32px);color:#f1f2edb3;font-family:var(--mono);font-size:clamp(.61rem,.65vw,.72rem);letter-spacing:.17em;line-height:1.4;text-transform:uppercase}h1{max-width:9ch;margin:0;font-family:var(--serif);font-size:clamp(3.75rem,7.25vw,8.5rem);font-weight:400;letter-spacing:-.065em;line-height:.78;text-wrap:balance}h1:first-line{font-style:italic}.intro{margin:clamp(26px,4vh,44px) 0 0;color:#f1f2edb8;font-size:clamp(.84rem,.9vw,1rem);font-weight:450;letter-spacing:.01em;line-height:1.7}.closer-button{display:inline-flex;align-items:center;gap:36px;min-height:48px;margin-top:clamp(28px,4.2vh,48px);padding:0 0 7px;border:0;border-bottom:1px solid rgba(241,242,237,.65);color:var(--ink);background:transparent;font:600 .71rem/1 var(--sans);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:color .16s ease-out,border-color .16s ease-out}.closer-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:1.25;transition:transform .24s cubic-bezier(.22,1,.36,1)}.closer-button:hover{color:#b8ded5;border-color:#b8ded5}.closer-button:hover svg,.closer-button[aria-pressed=true] svg{transform:translate(5px)}.translation,.scene-status,.interaction-note{align-self:end;margin:0;color:#f1f2eda6}.translation{display:grid;grid-template-columns:auto minmax(20px,48px) auto;grid-column:1 / span 3;gap:12px;align-items:baseline}.translation__script{color:#f1f2edd9;font-family:var(--serif);font-size:1.05rem}.translation__rule{height:1px;background:#f1f2ed47}.translation__meaning,.interaction-note,.scene-status{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}.scene-status{display:flex;grid-column:6 / span 2;gap:9px;align-items:center}.scene-status__mark{width:5px;height:5px;border-radius:50%;background:#8ec8ba;box-shadow:0 0 0 4px #8ec8ba1a}.scene-ready .scene-status__mark{animation:tide-pulse 2.8s ease-in-out infinite}.interaction-note{grid-column:8;justify-self:end;text-align:right}.no-script{position:fixed;z-index:8;right:24px;bottom:72px;max-width:280px;margin:0;color:var(--ink);font-size:.78rem;line-height:1.5}@keyframes tide-pulse{50%{opacity:.45;transform:scale(.8)}}@media(max-width:800px){.site-header{height:72px}.scene-index{grid-template-columns:auto}.scene-index__rule,.scene-index span:last-child{display:none}.scene-vignette{background:linear-gradient(180deg,#01090e94,#01090e2e 52%,#01090e61)}.hero{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr auto;gap:16px;padding-top:72px}.hero-copy{grid-column:1 / -1;align-self:start;padding-top:clamp(42px,9vh,84px)}h1{max-width:8ch;font-size:clamp(3.55rem,17vw,6.2rem);line-height:.81}.intro{max-width:28rem}.translation{grid-column:1 / span 3}.scene-status{display:none}.interaction-note{grid-column:4}}@media(max-width:480px){.site-header,.hero{padding-right:20px;padding-left:20px}.hero{padding-bottom:22px}.hero-copy{padding-top:clamp(34px,7vh,64px)}.kicker{margin-bottom:20px}.intro-break{display:none}.translation{grid-template-columns:auto 24px auto;grid-column:1 / -1}.interaction-note{display:none}}@media(max-height:690px){.hero-copy{align-self:start;padding-top:5vh}h1{font-size:clamp(3.1rem,12vh,6rem)}.intro{margin-top:20px}.closer-button{margin-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}