.tfs{--tfs-stage-h:100svh;--tfs-shade:10 10 11;position:relative}.tfs-stage{z-index:0;height:var(--tfs-stage-h);contain:paint;background:var(--bg-0);position:sticky;top:0;overflow:hidden}.tfs-glow{pointer-events:none;background:var(--bg-0) url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAeADADASIAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAQIEBQcDAP/EACMQAAEEAgEEAwEAAAAAAAAAAAEAAgMEBRExBhITQQcUIlL/xAAWAQEBAQAAAAAAAAAAAAAAAAACAQP/xAAXEQADAQAAAAAAAAAAAAAAAAAAAQIR/9oADAMBAAIRAxEAPwDHAUQUgTBNEG2lJUijVfeuRVmcyOAWpM6Nw9bFOlsV2O8Ue3O3ydIXakUy2ZJte2rWKgL/AJY6kDnyuk/DW+goVvHW6Ti2xXkjI/pqm6VzhGRCVFNAOsUr4ZBJG4tcOCFYjPZF8LoH3JDG4aIJ9KqQUqUxTTRpXx9LhMfHLbsW4/su/LWuOiAuXWedqW9wwdryfYWdbI4JREjwd9xWahJ6xVeo/9k=) center / cover no-repeat;filter:blur(22px);position:absolute;inset:-40px}.tfs-canvas-host{opacity:0;transition:opacity .9s var(--ease);position:absolute;inset:0}.tfs--live .tfs-glow{opacity:0;transition:opacity .9s var(--ease) .3s}.tfs--live .tfs-canvas-host{opacity:1}.tfs-canvas-host canvas{width:100%;height:100%;display:block}.tfs-shade{pointer-events:none;position:absolute;inset:0}.tfs-shade-l{background:linear-gradient(90deg, rgb(var(--tfs-shade) / 86%) 0%, rgb(var(--tfs-shade) / 74%) 24%, rgb(var(--tfs-shade) / 36%) 40%, rgb(var(--tfs-shade) / 8%) 50%, transparent 58%)}.tfs-shade-r{opacity:0;background:linear-gradient(270deg, rgb(var(--tfs-shade) / 86%) 0%, rgb(var(--tfs-shade) / 74%) 24%, rgb(var(--tfs-shade) / 36%) 40%, rgb(var(--tfs-shade) / 8%) 50%, transparent 58%)}.tfs-flat{padding-inline:5vw;padding-top:var(--header-h);place-items:center end;display:none;position:absolute;inset:0}.tfs--flat .tfs-flat{display:grid}.tfs--flat .tfs-canvas-host,.tfs--flat .tfs-glow{display:none}.tfs--flat .tfs-end{height:0}.tfs[data-side=right] .tfs-flat{justify-items:start}.tfs--flat .tfs-shade-l{opacity:1;transition:opacity .5s var(--ease)}.tfs--flat .tfs-shade-r{transition:opacity .5s var(--ease)}.tfs--flat[data-side=right] .tfs-shade-l{opacity:0}.tfs--flat[data-side=right] .tfs-shade-r{opacity:1}.tfs-flat-still{aspect-ratio:36/25;background:radial-gradient(70% 70% at 55% 55%,#78543a42,#0000 72%);width:min(44vw,36rem);position:relative}.tfs-flat-sheet{aspect-ratio:7/5;color:#2b2c30;width:66%;font-family:var(--font-display);background:radial-gradient(110% 120% at 30% 22%,#fbf1e1 0%,#eadcc4 45%,#b8a584 100%);border-radius:2px;position:absolute;top:8%;right:0;transform:rotate(-2deg);box-shadow:inset 0 1px #ffffff4d,0 30px 60px -24px #000000e6}.tfs-flat-fast{opacity:.26;font-size:clamp(1.6rem,3.6vw,2.8rem);position:absolute;top:7%;left:9%;transform:rotate(-4deg)skew(-10deg)}.tfs-flat-slow{font-size:clamp(1.1rem,2.2vw,1.7rem);position:absolute;top:40%;left:9%}.tfs-flat-tick{margin-left:.3em}.tfs-flat-ml{width:56%;height:auto;position:absolute;bottom:8%;right:4%}.tfs-flat-cover{border-radius:2px 4px 4px 2px;width:34%;height:auto;position:absolute;bottom:0;left:0;transform:rotate(4deg);box-shadow:inset -1px 0 #0000004d,0 28px 50px -18px #000000e6}.tfs-flat-fig{filter:drop-shadow(10px 14px 14px #0000008c);width:18%;height:auto;position:absolute;bottom:-2%;left:30%}.tfs-flow{z-index:1;margin-top:calc(var(--tfs-stage-h) * -1);pointer-events:none;position:relative;overflow-x:clip}.tfs-beat{min-height:100svh;padding-block:var(--sp-9);align-items:center;display:grid;position:relative}.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{isolation:isolate;pointer-events:auto;grid-column:1/span 5;max-width:32rem;position:relative}.tfs-copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, rgb(var(--tfs-shade) / 70%), rgb(var(--tfs-shade) / 50%) 55%, transparent);position:absolute;inset:-16% -26% -16% -30%}.tfs-beat-1 .tfs-copy{grid-column:1/span 6}.tfs-beat-4 .tfs-copy,.tfs-beat-6 .tfs-copy{grid-column:8/span 5}.tfs-beat-5 .tfs-copy,.tfs-beat-5 .tfs-qlist{grid-column:7/span 6}.tfs-beat-5 .tfs-copy{max-width:36rem}.tfs-end{pointer-events:none;background:linear-gradient(180deg, #0a0a0b00 0%, #0a0a0b99 50%, var(--bg-0) 100%);height:30svh;position:relative}.tfs-title{font-variation-settings:"opsz" 144;letter-spacing:-.034em;color:var(--text);text-wrap:balance;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" 24;letter-spacing:-.004em;color:var(--text);text-wrap:pretty;max-width:34ch;font-size:clamp(1.02rem,.94rem + .4vw,1.22rem);font-weight:350;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);text-wrap:balance;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-qlist>li{border-radius:var(--radius-m);background:rgb(var(--tfs-shade) / 62%)}.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-copy.tfs-reveal>*,li.tfs-reveal{opacity:0;transition:opacity .7s var(--ease-out) var(--tfs-delay,0s), transform .82s var(--ease-out) var(--tfs-delay,0s);transform:translateY(16px)}.tfs-copy.tfs-reveal>:nth-child(2){--tfs-delay:60ms}.tfs-copy.tfs-reveal>:nth-child(3){--tfs-delay:.14s}.tfs-copy.tfs-reveal>:nth-child(4){--tfs-delay:.2s}.tfs-copy.tfs-reveal>:nth-child(5){--tfs-delay:.25s}.tfs-copy.tfs-reveal>.tfs-head{opacity:1;clip-path:inset(0 0 100%);transition:clip-path .82s var(--ease-out) var(--tfs-delay,0s), transform .82s var(--ease-out) var(--tfs-delay,0s);margin-bottom:-.14em;padding-bottom:.14em;transform:translateY(.55em)}.tfs-copy.tfs-reveal.tfs-in>*,li.tfs-reveal.tfs-in{opacity:1;transform:none}.tfs-copy.tfs-reveal.tfs-in>.tfs-head{clip-path:inset(0)}@media (width<=62rem){.tfs-beat-inner{grid-template-columns:minmax(0,1fr)}.tfs-copy,.tfs-beat-1 .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.25rem);padding-bottom:var(--sp-8);align-items:start}.tfs-beat:not(.tfs-beat-6){min-height:145svh}.tfs-beat.tfs-beat-3,.tfs-beat.tfs-beat-4{min-height:165svh}.tfs--flat .tfs-beat.tfs-beat{min-height:auto;padding-bottom:var(--sp-9)}.tfs--flat .tfs-beat.tfs-beat-1{min-height:100svh}.tfs-copy:before{background:linear-gradient(180deg, transparent 0%, rgb(var(--tfs-shade) / 72%) 16%, rgb(var(--tfs-shade) / 72%) 84%, transparent 100%);inset:-2.5rem -3rem}.tfs-shade-l{background:linear-gradient(180deg, rgb(var(--tfs-shade) / 72%) 0%, rgb(var(--tfs-shade) / 52%) 30%, rgb(var(--tfs-shade) / 10%) 46%, transparent 54%);opacity:1!important}.tfs-shade-r{display:none}.tfs-end{height:50svh}.tfs-glow{filter:blur(16px);background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAsABQDASIAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAAIFBgcEAf/EACcQAAEEAgIABAcAAAAAAAAAAAEAAgMEBREGEgchQVETFSIxkaHR/8QAFwEBAQEBAAAAAAAAAAAAAAAAAAIDAf/EABkRAQADAQEAAAAAAAAAAAAAAAABERICMf/aAAwDAQACEQMRAD8AyFCXa87IHQk7IQLtG1e+N8JpZHDwWbrJviTAvHRxA678lDcrwNXDZ2LH1TJ1dG1zu7tkEn+KdxdKyrm0LouV2V7csUby9jXfS4jRI9ELtmV1xfiTJRrRQfLmObG0NGj6BQWdykvIs7JkI4C10nVrYwN60NBQDSQV11btinPHPBIWPieHt9tj7eSznmvGkdW3TC8dqY/D1q80EEkwYHSvMYO3nzP7Qs3g8R+QSRB0jq7ne5j1v8FCzzKrh//Z)}.tfs-flat{align-items:end;padding-bottom:7svh;justify-items:center!important}.tfs--flat .tfs-stage{position:relative}.tfs--flat .tfs-shade-l{opacity:1}.tfs-flat-still{width:min(90vw,28rem)}.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 (width<=62rem) and (prefers-reduced-motion:reduce){.tfs-stage{position:relative}.tfs .tfs-beat.tfs-beat{min-height:auto;padding-bottom:var(--sp-9)}.tfs .tfs-beat.tfs-beat-1{min-height:100svh}.tfs-end{height:0}}@media (prefers-reduced-motion:reduce){.tfs-copy.tfs-reveal>*,.tfs-copy.tfs-reveal>.tfs-head,li.tfs-reveal{opacity:1;clip-path:none;transition:none;transform:none}.tfs-canvas-host,.tfs--flat .tfs-shade-l,.tfs--flat .tfs-shade-r{transition:none}}
