*{box-sizing:border-box;margin:0;padding:0}:root{--tm-ink:#e8ecf4;--tm-dim:#8a94a8;--tm-gold:#e8b45a;--tm-cyan:#6ad4e8;--tm-bg:#05070d}html{scroll-behavior:auto}.tm-body{background:var(--tm-bg);color:var(--tm-ink);font-family:Space Grotesk,system-ui,sans-serif;overflow-x:hidden}#tm-canvas{z-index:0;height:100vh;display:block;position:fixed;top:0;left:50%;transform:translate(-50%)}@media (width>=1921px){#tm-canvas{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 110px calc(100% - 110px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 110px calc(100% - 110px),#0000 100%)}}.tm-scroll-space{height:850vh}.tm-overlay{z-index:1;pointer-events:none;width:min(100vw,1920px);position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.tm-brand{letter-spacing:.18em;color:var(--tm-dim);pointer-events:auto;font-family:Space Mono,monospace;font-size:12px;position:absolute;top:28px;left:32px}.tm-brand-link{color:var(--tm-ink);text-decoration:none;transition:color .3s}.tm-brand-link:hover{color:var(--tm-gold)}.tm-brand-sep{opacity:.5;margin:0 8px}a.tm-brand-section{color:var(--tm-dim);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:color .3s}a.tm-brand-section:hover{color:var(--tm-gold)}.tm-brand-page{color:var(--tm-ink)}.tm-audio{width:38px;height:38px;color:var(--tm-dim);cursor:pointer;pointer-events:auto;background:#05070d80;border:1px solid #8a94a84d;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:24px;right:32px}.tm-audio:hover{color:var(--tm-ink);border-color:#e8b45a8c;box-shadow:0 0 16px #e8b45a26}.tm-audio .tm-audio-wave,.tm-audio .tm-audio-slash{transition:opacity .3s}.tm-audio .tm-audio-wave{opacity:.25}.tm-audio .tm-audio-slash{opacity:1}.tm-audio.is-on{color:#d9b878}.tm-audio.is-on .tm-audio-wave{opacity:1}.tm-audio.is-on .tm-audio-slash{opacity:0}.tm-progress{flex-direction:column;gap:14px;display:flex;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.tm-dot{background:var(--tm-dim);opacity:.35;border-radius:50%;width:5px;height:5px;transition:all .5s}.tm-dot.active{opacity:1;background:var(--tm-gold);transform:scale(1.6);box-shadow:0 0 12px #e8b45acc}.tm-hero{text-align:center;opacity:0;background:radial-gradient(62% 52% at 50% 46%,#05070db8 0%,#05070d00 72%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s linear;display:flex;position:absolute;inset:0}.tm-title{letter-spacing:.08em;background:linear-gradient(#f5f7fb 20%,#6a7688 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 16px #000000d9);-webkit-background-clip:text;background-clip:text;font-family:Instrument Serif,serif;font-size:clamp(64px,14vw,180px);font-weight:400;line-height:1}.tm-subtitle{letter-spacing:.04em;color:var(--tm-ink);text-shadow:0 1px 12px #000000f2,0 0 28px #000c;margin-top:20px;font-size:clamp(15px,2vw,20px);font-weight:300}.tm-credit{letter-spacing:.06em;color:#a8b2c4;text-shadow:0 1px 10px #000000f2,0 0 24px #000c;margin-top:16px;font-family:Space Mono,monospace;font-size:12px;line-height:1.7}.tm-scroll-hint{letter-spacing:.3em;color:var(--tm-dim);flex-direction:column;align-items:center;gap:10px;font-family:Space Mono,monospace;font-size:12px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.tm-scroll-hint span{background:linear-gradient(180deg, transparent, var(--tm-gold));width:1px;height:36px;animation:2s ease-in-out infinite tm-drip;display:block}@keyframes tm-drip{0%{transform-origin:top;opacity:0;transform:scaleY(0)}40%{transform-origin:top;opacity:1;transform:scaleY(1)}to{transform-origin:bottom;opacity:.4;transform:scaleY(0)}}.tm-caption{opacity:0;background:#05070d9e;border-radius:10px;max-width:420px;padding:26px 30px;transition:opacity .2s linear;position:absolute;top:50%;left:clamp(32px,6vw,96px);transform:translateY(-50%);box-shadow:0 0 46px 26px #05070d9e}.tm-stage-index{letter-spacing:.28em;color:var(--tm-gold);margin-bottom:18px;font-family:Space Mono,monospace;font-size:12px}.tm-caption h2{color:var(--tm-ink);text-shadow:0 1px 14px #000000e6;margin-bottom:18px;font-family:Instrument Serif,serif;font-size:clamp(28px,3.4vw,42px);font-weight:400;line-height:1.15}.tm-caption p{color:#c6cede;text-shadow:0 1px 10px #000000e6;font-size:15px;font-weight:300;line-height:1.7}.tm-reflect{color:#e6d3a8;text-shadow:0 1px 10px #000000f2;border-left:2px solid #e8b45a80;margin-top:18px;padding-left:13px;font-family:Space Grotesk,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:1.55}.tm-read{margin-top:14px}.tm-read-label{letter-spacing:.24em;color:#e8b45aa6;margin-bottom:7px;font-family:Space Mono,monospace;font-size:12px;display:block}.tm-read a{color:#9fb4d8;pointer-events:auto;border-bottom:1px solid #9fb4d84d;width:fit-content;font-size:13px;font-weight:400;line-height:1.9;text-decoration:none;transition:all .3s;display:block}.tm-read a:hover{color:var(--tm-gold);border-bottom-color:#e8b45a99}.tm-hint{letter-spacing:.12em;margin-top:18px;font-family:Space Mono,monospace;color:var(--tm-gold)!important;font-size:12px!important}.tm-tip{z-index:4;pointer-events:none;opacity:0;background:#080b14eb;border:1px solid #e8b45a66;border-radius:5px;max-width:270px;padding:13px 15px;transition:opacity .25s;position:fixed}.tm-tip.visible{opacity:1}.tm-tip-name{letter-spacing:.24em;color:var(--tm-gold);margin-bottom:7px;font-family:Space Mono,monospace;font-size:12px}.tm-tip-text{color:#c6cede;font-size:13px;font-weight:300;line-height:1.55}.tm-hero,.tm-caption{visibility:hidden;transition:opacity .2s linear,visibility 0s .2s}.tm-hero.visible,.tm-caption.visible{opacity:1;visibility:visible;transition:opacity .5s,visibility}.tm-caption .tm-read a{pointer-events:none}.tm-caption.visible .tm-read a{pointer-events:auto}@media (width<=640px){.tm-brand{font-size:12px;top:20px;left:20px}.tm-audio{width:34px;height:34px;top:16px;right:16px}.tm-progress{gap:11px;right:14px}.tm-caption{max-width:none;inset:auto 20px 48px;transform:none}.tm-caption h2{margin-bottom:12px;font-size:24px}.tm-caption p{font-size:14px;line-height:1.6}.tm-reflect{margin-top:12px;font-size:14px}.tm-read{margin-top:10px}.tm-read a{font-size:12px;line-height:1.8}.tm-credit{font-size:12px}}
