:root{--bg: #0a0806;--amber: #ffb267;--brass: #c79a5b;--cream: #efe4d0;--ink: rgba(239, 228, 208, .52);--ink-faint: rgba(239, 228, 208, .3);--hairline: rgba(239, 228, 208, .16);--serif: "Cormorant Garamond", Georgia, serif;--ui: "Jost", system-ui, sans-serif;--track: .24em}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overflow:hidden}.stage{position:fixed;top:0;right:0;bottom:0;left:0}.stage canvas{display:block;touch-action:none}.stage:before,.stage:after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:5}.stage:before{top:0;height:clamp(210px,32vh,320px);background:linear-gradient(180deg,#080605e6,#080605c7 38%,#08060557 72%,#08060500)}.stage:after{bottom:0;height:clamp(170px,26vh,260px);background:linear-gradient(0deg,#080605e6,#080605b8 42%,#0806054d 74%,#08060500)}.masthead{position:absolute;top:clamp(22px,4vw,46px);left:clamp(22px,4vw,52px);z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .7s ease,transform .7s ease}.masthead[data-recede=true]{opacity:0;transform:translateY(-8px)}.masthead__crest{font-size:9px;color:var(--brass);opacity:.75;letter-spacing:.4em;margin-bottom:10px}.masthead__title{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.7vw,46px);line-height:1;margin:0;letter-spacing:.09em;color:var(--cream)}.masthead__sub{font-family:var(--ui);font-weight:300;font-size:10px;text-transform:uppercase;letter-spacing:var(--track);color:var(--ink);margin:12px 0 0}.masthead__sub:before{content:"";display:block;width:26px;height:1px;background:var(--brass);opacity:.55;margin-bottom:11px}.player{position:absolute;top:clamp(22px,4vw,46px);right:clamp(22px,4vw,52px);z-index:10;display:flex;align-items:center;gap:14px}.player__btn{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--hairline);background:transparent;color:var(--ink);cursor:pointer;padding:0;transition:color .25s ease,border-color .25s ease,transform .15s ease}.player__glyph{font-size:9px;line-height:1;transform:translate(.5px)}.player__btn:hover{color:var(--cream);border-color:#efe4d066}.player__btn:active{transform:scale(.94)}.player__btn:focus-visible{outline:1px solid var(--brass);outline-offset:3px}.player[data-playing=true] .player__btn{color:var(--amber);border-color:#ffb26773}.player[data-playing=true] .player__glyph{transform:none}.player__meta{display:block;text-align:left;background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer;max-width:30vw}.player__meta:focus-visible{outline:1px solid var(--brass);outline-offset:4px}.player__title{display:block;font-family:var(--ui);font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .25s ease}.player__artist{display:block;font-family:var(--ui);font-weight:300;font-size:10px;letter-spacing:.12em;color:var(--ink-faint);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .25s ease}.player__meta:hover .player__artist{color:var(--ink)}.player__skip{flex:none;display:flex;align-items:center;gap:2px}.player__step{width:22px;height:24px;display:grid;place-items:center;padding:0;background:none;border:0;color:var(--ink-faint);font-family:var(--ui);font-size:19px;line-height:1;cursor:pointer;transition:color .25s ease}.player__step:hover{color:var(--cream)}.player__step:focus-visible{outline:1px solid var(--brass);outline-offset:3px}.views{position:absolute;left:50%;transform:translate(-50%);bottom:clamp(56px,7vw,78px);z-index:10;display:flex;gap:clamp(18px,3vw,40px)}.views__btn{position:relative;font-family:var(--ui);font-weight:300;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--ink);background:none;border:0;padding:4px 0 10px;cursor:pointer;white-space:nowrap;transition:color .3s ease}.views__btn:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--brass);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.22,1,.36,1)}.views__btn:hover{color:var(--cream)}.views__btn[data-active=true]{color:var(--cream);font-weight:400}.views__btn[data-active=true]:after{transform:scaleX(1)}.views__btn:focus-visible{outline:1px solid var(--brass);outline-offset:4px}.views__lock{margin-left:clamp(8px,1.5vw,18px);padding-left:clamp(14px,2vw,22px);border-left:1px solid rgba(239,228,208,.18)}.views__lock[data-active=true]{color:var(--amber)}.hints{position:absolute;bottom:clamp(20px,3vw,30px);left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:14px;font-family:var(--ui);font-weight:300;font-size:9.5px;letter-spacing:var(--track);text-transform:uppercase;color:var(--ink-faint);pointer-events:none;white-space:nowrap}.hints b{color:var(--ink);font-weight:400}.hints .dot{color:var(--brass);opacity:.4}.note{position:absolute;top:50%;right:clamp(22px,4vw,60px);transform:translateY(-50%);z-index:20;width:min(31vw,350px);padding:30px 30px 32px;background:#0c0a08b8;border:1px solid var(--hairline);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:noteIn .5s cubic-bezier(.22,1,.36,1) .25s both}@keyframes noteIn{0%{opacity:0;transform:translateY(-50%) translate(14px)}}.note[data-leaving=true]{animation:noteOut .26s ease-in both}@keyframes noteOut{to{opacity:0;transform:translateY(-50%) translate(14px)}}.note__close{position:absolute;top:10px;right:12px;width:26px;height:26px;padding:0;background:none;border:0;color:var(--ink-faint);font-family:var(--ui);font-size:19px;line-height:1;cursor:pointer;transition:color .25s ease}.note__close:hover{color:var(--cream)}.note__close:focus-visible{outline:1px solid var(--brass);outline-offset:2px}.note__index{font-family:var(--ui);font-size:10px;letter-spacing:var(--track);color:var(--brass);opacity:.8}.note__title{font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.15;letter-spacing:.03em;color:var(--cream);margin:13px 0 0}.note__date{font-family:var(--ui);font-weight:300;font-size:10px;text-transform:uppercase;letter-spacing:var(--track);color:var(--ink-faint);margin-top:10px}.note__body{margin-top:20px;padding-top:18px;border-top:1px solid var(--hairline)}.note__body p{font-family:var(--serif);font-size:16px;line-height:1.6;color:var(--ink);margin:0 0 12px}.note__body p:last-child{margin-bottom:0}.note__body--empty p{font-family:var(--ui);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.loader{display:grid;place-items:center;gap:14px;color:var(--brass);font-family:var(--ui)}.loader__mark{font-size:13px;letter-spacing:.4em;opacity:.8;animation:breathe 2.8s ease-in-out infinite}.loader__pct{font-size:10px;letter-spacing:var(--track);color:var(--ink)}@keyframes breathe{50%{opacity:.25}}.enter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;align-content:center;gap:14px;margin:0;padding:0;border:0;background:#0c0a088c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--brass);font-family:var(--ui);cursor:pointer}.enter__mark{font-size:18px;letter-spacing:.4em;animation:breathe 2.8s ease-in-out infinite}.enter__label{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--cream)}@media (max-width: 900px),(max-aspect-ratio: 5/4){.note{top:auto;bottom:0;right:0;left:0;width:auto;transform:none;max-height:46vh;overflow-y:auto;padding:22px 24px 26px;border-left:0;border-right:0;border-bottom:0;animation-name:noteUp}.note[data-leaving=true]{animation-name:noteDown}.note__title{font-size:22px}.note__body p{font-size:15px}}@keyframes noteUp{0%{opacity:0;transform:translateY(16px)}}@keyframes noteDown{to{opacity:0;transform:translateY(16px)}}@media (max-width: 760px){.player__meta{display:none}.views{gap:16px}.views__btn{font-size:9.5px;letter-spacing:.12em}.hints{font-size:8.5px;gap:9px;letter-spacing:.14em}.masthead__sub{letter-spacing:.16em}}@media (max-width: 480px){.views,.hints{left:0;right:0;transform:none;width:100%;padding-inline:10px;justify-content:center;flex-wrap:wrap}.views{bottom:64px;gap:12px;row-gap:4px}.views__btn{font-size:9px;letter-spacing:.08em;padding-bottom:8px}.views__lock{margin-left:4px;padding-left:10px}.hints{bottom:16px;gap:4px 8px;font-size:8px;letter-spacing:.1em;text-align:center}.hints .dot{display:none}}@media (prefers-reduced-motion: reduce){.loader__mark{animation:none}.masthead{transition:opacity .2s linear}.masthead[data-recede=true]{transform:none}.views__btn:after{transition:none}}.player__yt{position:fixed;left:0;bottom:-260px;width:400px;height:200px;pointer-events:none;z-index:-1}.player__yt iframe{width:100%;height:100%;border:0}