.tfs{--tfs-stage-h:100svh;--tfs-cast-x:0px;--tfs-cast-y:0px;position:relative}.tfs-stage{z-index:0;height:var(--tfs-stage-h);contain:paint;position:sticky;top:0;overflow:hidden}.tfs-canvas-host{position:absolute;inset:0}.tfs-canvas-host canvas{width:100%;height:100%;display:block}.tfs-stage:before{content:"";pointer-events:none;background:radial-gradient(58% 46% at 62% 28%, color-mix(in oklab, var(--accent) 9%, transparent), transparent 70%);z-index:0;position:absolute;inset:0}.tfs-flat{opacity:1;transition:opacity .7s var(--ease);place-items:center end;padding-inline:4vw;display:grid;position:absolute;inset:0}.tfs--live .tfs-flat{opacity:0;pointer-events:none}.tfs-flat-desk{align-items:flex-end;gap:clamp(.75rem,2vw,1.75rem);width:min(52vw,38rem);display:flex;position:relative}.tfs-flat-cover{border-radius:2px 5px 5px 2px;flex:none;width:34%;height:auto;box-shadow:inset -1px 0 #0006,0 26px 54px -18px #000000e0}.tfs-flat-sheet{aspect-ratio:4/3;background:radial-gradient(120% 130% at 22% 84%, var(--paper) 0%, color-mix(in oklab, var(--paper) 68%, #4a4740) 100%);border-radius:2px;flex:auto;position:relative;box-shadow:inset 0 1px #ffffff38,0 34px 74px -26px #000000eb}.tfs-flat-ml{opacity:.85;width:78%;height:auto;position:absolute;bottom:12%;left:8%}.tfs-flat-hand{font-family:var(--font-display);color:#2f3034;line-height:1;position:absolute}.tfs-flat-hand-fast{opacity:.34;border-bottom:2px solid #2f303466;padding-bottom:.1em;font-size:clamp(1.5rem,4.2vw,2.6rem);top:12%;left:10%;transform:rotate(-3deg)}.tfs-flat-hand-slow{font-size:clamp(1.5rem,4.2vw,2.6rem);top:34%;left:11%}.tfs-cast{pointer-events:none;z-index:2;transform:translate3d(var(--tfs-cast-x), var(--tfs-cast-y), 0);will-change:transform;transition:transform 60ms linear;position:absolute;inset:0}.tfs-cast-fig[data-pose="1"]{opacity:1}.tfs-cast-fig{opacity:0;width:clamp(10rem,19vw,17rem);height:auto;transform:translateX(var(--tfs-cast-side,0px)) scale(var(--tfs-cast-scale,1));transform-origin:50% 100%;filter:brightness(.88) saturate(.92) drop-shadow(-16px 20px 24px #000000b3) drop-shadow(5px -1px 0 color-mix(in oklab, var(--accent) 32%, transparent));position:absolute;bottom:-5%;right:2vw}.tfs-cast-bust{opacity:0;width:clamp(11rem,23vw,20rem);height:auto;filter:brightness(.9) saturate(.94) drop-shadow(18px 22px 30px #000000b8) drop-shadow(-5px -1px 0 color-mix(in oklab, var(--accent) 30%, transparent));position:absolute;bottom:-7%;left:1vw}.tfs-flow{z-index:1;margin-top:calc(var(--tfs-stage-h) * -1);pointer-events:none;position:relative}.tfs-beat{min-height:100svh;padding-block:var(--sp-9);align-items:center;display:grid;position:relative}.tfs-beat:before{content:"";pointer-events:none;background:linear-gradient(var(--tfs-scrim-dir,90deg), #060608f2 0%, #060608e6 27%, #0606088c 46%, transparent 66%);position:absolute;inset:0 -2vw}.tfs-beat-tail{height:55svh}.tfs-beat-inner{width:min(100% - var(--gutter) * 2, var(--shell));gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin-inline:auto;display:grid;position:relative}.tfs-copy{pointer-events:auto;grid-column:1/span 6;max-width:34rem}.tfs-beat-1 .tfs-copy{grid-column:1/span 6}.tfs-beat-2 .tfs-copy,.tfs-beat-3 .tfs-copy{grid-column:1/span 5}.tfs-beat-4 .tfs-copy{grid-column:8/span 5}.tfs-beat-5 .tfs-copy,.tfs-beat-5 .tfs-qlist,.tfs-beat-6 .tfs-copy{grid-column:7/span 6}.tfs-beat-4,.tfs-beat-5,.tfs-beat-6{--tfs-scrim-dir:270deg}.tfs-beat-6{align-items:start;padding-top:14svh}.tfs-title{font-variation-settings:"opsz" 144;letter-spacing:-.034em;color:var(--text);margin-top:.7rem;font-size:clamp(2.6rem,1.3rem + 5vw,5rem);line-height:.95}.tfs-author{font-size:var(--t-1);letter-spacing:.01em;color:color-mix(in oklab, var(--accent) 70%, var(--text-2));margin-top:.85rem}.tfs-premise{font-variation-settings:"opsz" 60;letter-spacing:-.019em;max-width:21ch;color:var(--text);text-wrap:balance;margin-top:clamp(1.4rem,3.4vw,2.1rem);font-size:clamp(1.3rem,1.02rem + 1.15vw,1.85rem);line-height:1.22}.tfs-prompt{border-left:1px solid color-mix(in oklab, var(--accent) 45%, transparent);margin-top:clamp(1.8rem,4vw,2.6rem);padding-left:clamp(.9rem,2vw,1.3rem)}.tfs-prompt-q{font-variation-settings:"opsz" 30;color:var(--text);max-width:32ch;font-size:clamp(1.02rem,.94rem + .4vw,1.22rem);font-style:italic;line-height:1.42}.tfs-prompt-note{font-family:var(--font-mono);font-size:var(--t--2);letter-spacing:.09em;text-transform:uppercase;color:var(--text-2);margin-top:.55rem}.tfs-head{font-variation-settings:"opsz" 110;letter-spacing:-.028em;color:var(--text);margin-top:.6rem;font-size:clamp(2rem,1.2rem + 3vw,3.5rem);line-height:1.02}.tfs-body{max-width:40ch;font-size:var(--t-0);color:var(--text-2);text-wrap:pretty;margin-top:1.1rem;line-height:1.62}.tfs-body.tfs-dim{color:var(--text-3)}.tfs-pull{border-top:1px solid var(--line);font-variation-settings:"opsz" 48;letter-spacing:-.016em;max-width:26ch;color:color-mix(in oklab, var(--accent) 30%, var(--text));text-wrap:balance;margin-top:clamp(1.4rem,3vw,2rem);padding-top:1.1rem;font-size:clamp(1.14rem,.98rem + .7vw,1.5rem);line-height:1.28}.tfs-qcopy{margin-bottom:var(--sp-7)}.tfs-qlist{pointer-events:auto;gap:.8rem;list-style:none;display:grid}.tfs-buy{margin-top:var(--sp-6);flex-wrap:wrap;gap:.75rem;display:flex}.tfs-credit{margin-top:var(--sp-6);max-width:52ch;font-family:var(--font-mono);font-size:var(--t--2);letter-spacing:.045em;color:var(--text-3);line-height:1.65}.tfs-reveal{opacity:0;transition:opacity .76s var(--ease-out) var(--tfs-delay,0s), transform .76s var(--ease-out) var(--tfs-delay,0s);transform:translateY(16px)}.tfs-reveal.tfs-in{opacity:1;transform:none}@media (width<=62rem){.tfs-beat-inner{grid-template-columns:minmax(0,1fr)}.tfs-copy,.tfs-beat-1 .tfs-copy,.tfs-beat-2 .tfs-copy,.tfs-beat-3 .tfs-copy,.tfs-beat-4 .tfs-copy,.tfs-beat-5 .tfs-copy,.tfs-beat-5 .tfs-qlist,.tfs-beat-6 .tfs-copy{grid-column:1/-1;max-width:none}.tfs-beat{padding-top:calc(var(--header-h) + 1.5rem);align-items:start;min-height:100svh}.tfs-beat:before{background:linear-gradient(#060608f7 0%,#060608f2 42%,#0606089e 58%,#0000 76%);inset:0}.tfs-beat-5{align-items:start}.tfs-beat-5:before{background:linear-gradient(#060608f0 0%,#060608eb 82%,#060608bd 100%)}.tfs-flat{place-items:end center;padding-block:6svh}.tfs-flat-desk{width:min(88vw,30rem)}.tfs-cast-fig{width:clamp(7rem,30vw,11rem);right:1rem}.tfs-cast-bust{width:clamp(10rem,44vw,15rem);left:-1.5rem}.tfs-body,.tfs-premise,.tfs-prompt-q,.tfs-pull{max-width:36ch}.tfs-head{font-size:clamp(1.9rem,1.3rem + 3.4vw,2.6rem)}}@media (prefers-reduced-motion:reduce){.tfs-beat:before{background:linear-gradient(#060608c7 0%,#060608a8 100%)}.tfs-reveal{opacity:1;transition:none;transform:none}.tfs-cast,.tfs-flat{transition:none}}
