:root{--paper:#f3eee2;--paper-deep:#eae3d2;--ink:#2e2722;--ink-soft:#2e27228c;--accent:#c0392b;--serif:"Fraunces", serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);width:100%;height:100%;color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow:hidden}body{cursor:none}@media (pointer:coarse){body{cursor:auto}#cursor{display:none}}::selection{background:var(--accent);color:var(--paper)}#stage{z-index:1;position:fixed;inset:0}#stage canvas{display:block}#loader{z-index:100;background:var(--paper);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-mark{text-align:center}.loader-heart{color:var(--accent);font-size:20px;animation:1.1s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.loader-title{font-family:var(--serif);letter-spacing:.01em;margin-top:14px;font-size:clamp(34px,5.5vw,64px);font-style:italic;font-weight:560}.loader-sub{letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);margin-top:10px;font-size:11px}.loader-count{letter-spacing:.18em;color:var(--ink-soft);margin-top:34px;font-size:12px}#hud-top,#hud-bottom{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:26px 32px;display:flex;position:fixed;left:0;right:0}#hud-top{top:0}#hud-bottom{align-items:flex-end;bottom:0}.pill,.wordmark{-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);background:#f3eee26b;border:1px solid #2e272214;box-shadow:0 4px 24px #2e27220f}.pill{border-radius:99px;align-items:center;padding:12px 20px;display:inline-flex}.hud-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.wordmark{border-radius:18px;flex-shrink:0;padding:13px 20px 15px;line-height:1}.wordmark-main{font-family:var(--serif);font-size:26px;font-style:italic;font-weight:620;display:block}.wordmark-sub{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;margin-top:7px;font-size:10px;display:block}.menu{gap:28px}.menu-item{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);white-space:nowrap;font-size:11px}.menu-item em{color:var(--accent);font-style:normal}.hint{letter-spacing:.12em;color:var(--ink-soft);font-size:11px}#hud-fade{z-index:6;pointer-events:none;-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);background:linear-gradient(#f3eee200,#f3eee2a6);height:150px;position:fixed;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}.teaser{text-align:center;letter-spacing:.3em;text-transform:uppercase;color:#2e272285;pointer-events:none;font-size:10px;line-height:1.9;position:absolute;bottom:26px;left:0;right:0}#sound{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:none;pointer-events:auto;gap:10px;font-size:11px;transition:background-color .3s,color .3s}#sound:hover{background:var(--ink);color:var(--paper)}.sound-icon{align-items:center;gap:3px;height:14px;display:flex}.sound-icon i{background:var(--accent);border-radius:50%;width:4px;height:4px}body.sound-on .sound-icon i{animation:1.05s ease-in-out infinite eq}.sound-icon i:nth-child(2){animation-delay:.13s}.sound-icon i:nth-child(3){animation-delay:.26s}.sound-icon i:nth-child(4){animation-delay:.39s}.sound-icon i:nth-child(5){animation-delay:.52s}@keyframes eq{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.wordmark,.menu,#sound,.hint,.teaser{opacity:0;transform:translateY(14px)}#label{z-index:20;pointer-events:none;background:var(--ink);color:var(--paper);opacity:0;white-space:nowrap;align-items:baseline;gap:10px;padding:9px 14px;display:flex;position:fixed;top:0;left:0}.label-no{letter-spacing:.16em;color:#f3eee299;font-size:10px}.label-title{font-family:var(--serif);font-size:17px;font-style:italic;font-weight:500}#cursor{z-index:90;background:var(--ink);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:10px;height:10px;margin:-5px 0 0 -5px;transition:width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),margin .3s cubic-bezier(.22,1,.36,1),background-color .3s;display:flex;position:fixed;top:0;left:0}#cursor-text{letter-spacing:.12em;color:var(--paper);-webkit-user-select:none;user-select:none;font-size:0;transition:font-size .25s}body.is-hovering #cursor{background:var(--accent);width:74px;height:74px;margin:-37px 0 0 -37px}body.is-hovering #cursor-text{font-size:10px}body.is-dragging #cursor{background:var(--accent);width:26px;height:26px;margin:-13px 0 0 -13px}#flip{z-index:40;object-fit:cover;pointer-events:none;display:none;position:fixed;top:0;left:0;box-shadow:0 30px 80px #2e272259}#detail{z-index:30;visibility:hidden;position:fixed;inset:0;overflow:hidden auto}.detail-paper{background:radial-gradient(120% 90% at 70% 0%, #c0392b0d, transparent 60%), var(--paper);opacity:0;position:fixed;inset:0}.detail-inner{max-width:1060px;margin:0 auto;padding:30px 32px 90px;position:relative}.detail-top{justify-content:space-between;align-items:center;margin-bottom:clamp(30px,6vh,64px);display:flex}#back{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);cursor:none;pointer-events:auto;background:0 0;border:1px solid #2e272240;border-radius:99px;padding:12px 22px;font-size:11px;transition:background-color .3s,color .3s,border-color .3s}#back:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.back-arrow{margin-right:6px;display:inline-block}.detail-index{letter-spacing:.2em;color:var(--ink-soft);font-size:11px}.detail-title{font-family:var(--serif);letter-spacing:-.01em;max-width:14ch;font-size:clamp(46px,8.5vw,118px);font-style:italic;font-weight:480;line-height:.98}.detail-title .line{display:block;overflow:hidden}.detail-title .line>span{display:inline-block}.detail-meta{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);gap:36px;margin:26px 0 36px;font-size:11px;display:flex}.detail-figure{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.detail-img{object-fit:cover;width:100%;height:100%;display:block}.detail-caption{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-top:12px;font-size:10px}.detail-story{max-width:56ch;font-family:var(--serif);margin:64px auto 0;font-size:clamp(19px,2.1vw,25px);font-weight:420;line-height:1.55}.detail-story:first-letter{color:var(--accent);float:left;margin:.06em .12em 0 0;font-size:2.4em;font-style:italic;line-height:.8}.detail-foot{text-align:center;letter-spacing:.26em;color:var(--ink-soft);margin-top:84px;font-size:11px}.detail-top,.detail-meta,.detail-story,.detail-foot,.detail-caption{opacity:0}#grain{z-index:60;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");animation:.9s steps(2,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}to{transform:translate(2%,2%)}}#vignette{z-index:5;pointer-events:none;background:radial-gradient(130% 110% at 50% 45%,#0000 55%,#2e272224);position:fixed;inset:0}@media (width<=1280px){.menu-item:not(.menu-count){display:none}}@media (width<=980px){.wordmark-main{font-size:22px}.wordmark{padding:11px 17px 13px}.pill{padding:10px 16px}#hud-top,#hud-bottom{padding:20px 22px}.teaser{bottom:20px}}@media (width<=720px){#hud-top,#hud-bottom{padding:16px}.wordmark-main{font-size:19px}.wordmark-sub{letter-spacing:.16em}.hint-right{display:none}.teaser{bottom:60px}}@media (width<=520px){.wordmark-sub,.menu,.hint-left{display:none}.teaser{bottom:16px}}