.demo-banner{background:var(--ink);color:var(--paper)}.demo-tag{border-radius:var(--radius-xs);font:500 .6875rem/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid;padding:.125rem .5rem}.profile h1{font-kerning:normal}.channel-row{transition:background-color var(--duration-fast) var(--ease-out)}.channel-row:hover{background:color-mix(in oklab, var(--tomato-wash) 55%, transparent)}.channel-row:active{translate:0 1px}.channel-arrow{transition:translate var(--duration-fast) var(--ease-out)}.group:hover .channel-arrow,.group:focus-visible .channel-arrow{translate:4px}.silence{height:24svh;position:relative}.silence:after{content:"";border-top:1px solid var(--line-strong);width:4rem;position:absolute;top:50%;left:50%;translate:-50%}.ground-feature{background:var(--feature-bg);color:var(--ink)}.spread-track{view-timeline-name:--spread;height:115svh;position:relative}.spread-stage{align-items:center;min-height:100svh;padding-block:4.5rem 3rem;display:flex;position:sticky;top:0}@media (min-width:1024px){.spread-track{height:130svh}.spread-stage{padding-block:3rem}}.rail{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.tile-img{transition:scale var(--duration-base) var(--ease-out)}.tile:hover .tile-img{scale:1.02}.pv{aspect-ratio:16/9;border-radius:var(--radius-md);isolation:isolate;width:100%;position:relative;overflow:hidden;container-type:inline-size}.pv-frame{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.pv svg{display:block}.pv-avatar{background:var(--stone);border-radius:50%;flex:none;justify-content:center;align-items:center;width:7cqi;height:7cqi;display:inline-flex}.pv-avatar-fallback{background:var(--pv-mid);color:#fff;font:600 3.2cqi/1 var(--font-sans)}.pv-kicker-icon{flex:none;width:3.4cqi;height:3.4cqi}.pv-art{color:#fff;background:radial-gradient(70% 90% at 85% 15%, var(--pv-light) 0%, transparent 60%), radial-gradient(90% 120% at 0% 100%, var(--pv-deep) 10%, transparent 70%), var(--pv-mid);flex-direction:column;justify-content:flex-end;gap:3cqi;padding:6cqi;display:flex;position:absolute;inset:0}.pv-art:after{content:"";opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.pv-art-title{z-index:1;max-width:82%;font:400 7.6cqi/.98 var(--font-display);letter-spacing:-.01em;text-wrap:balance;text-shadow:0 .3cqi 2cqi #00000040;position:relative}.pv-art-mark{opacity:.9;width:7cqi;height:7cqi;position:absolute;top:6cqi;right:6cqi}.pv-art-kicker{z-index:1;font:500 2.4cqi/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;position:relative}.pv-video{color:#fff;background:#111}.pv-cover{position:absolute;inset:0}.pv-video .pv-art{padding-bottom:7cqi}.pv-video .pv-art-title{max-width:60%;font-size:6cqi}.pv-video-top{z-index:2;background:linear-gradient(#0000008c,#0000);align-items:center;gap:2.4cqi;padding:3.2cqi 3.6cqi 8cqi;display:flex;position:absolute;inset:0 0 auto}.pv-video .pv-art-mark{display:none}.pv-video .pv-art-title{padding-top:10cqi}.pv-video-title{white-space:nowrap;text-overflow:ellipsis;font:600 2.9cqi/1.25 var(--font-sans);display:block;overflow:hidden}.pv-video-channel{font:400 2.4cqi/1.3 var(--font-sans);opacity:.8;display:block}.pv-play{z-index:2;background:#111111d1;border-radius:2.4cqi;place-items:center;width:13cqi;height:9cqi;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.pv-play svg{width:3.2cqi;height:3.6cqi;margin-left:.5cqi}.pv-progress{z-index:2;background:#ffffff4d;height:.9cqi;position:absolute;inset:auto 0 0}.pv-progress span{background:var(--tomato);width:34%;height:100%;display:block}.pv-audio{color:#f6efe9;background:#171412;gap:4.5cqi;padding:4.5cqi;display:flex}.pv-sleeve{aspect-ratio:1;border-radius:1.4cqi;flex:none;height:100%;position:relative;overflow:hidden;box-shadow:0 1.5cqi 4cqi #00000073}.pv-sleeve .pv-art{justify-content:space-between;padding:4.5cqi}.pv-sleeve .pv-art-mark{width:9cqi;height:9cqi;position:relative;top:auto;right:auto}.pv-audio-body{flex-direction:column;flex:1;min-width:0;padding-block:1cqi;display:flex}.pv-kicker{font:500 2.2cqi/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.75;align-items:center;gap:1.6cqi;display:flex}.pv-audio-title{-webkit-line-clamp:3;font:400 5cqi/1.05 var(--font-display);-webkit-box-orient:vertical;margin-top:3cqi;display:-webkit-box;overflow:hidden}.pv-byline{font:400 2.6cqi/1.3 var(--font-sans);opacity:.75;align-items:center;gap:1.8cqi;margin-top:2cqi;display:flex}.pv-audio-controls{align-items:center;gap:3cqi;margin-top:auto;display:flex}.pv-play-round{color:#171412;background:#f6efe9;border-radius:50%;flex:none;place-items:center;width:8cqi;height:8cqi;display:grid}.pv-play-round svg{width:2.4cqi;height:2.8cqi;margin-left:.4cqi}.pv-wave{flex:1;align-items:center;gap:.5cqi;height:7cqi;display:flex}.pv-wave span{background:#f6efe952;border-radius:1cqi;flex:1}.pv-wave span[data-played]{background:var(--tomato)}.pv-post{background:var(--paper);color:var(--ink);border:1px solid var(--line);display:flex}.pv-post-image{aspect-ratio:4/5;flex:none;height:100%;position:relative;overflow:hidden}.pv-post-image .pv-art-title{max-width:100%;font-size:6.4cqi}.pv-post-body{flex-direction:column;flex:1;min-width:0;padding:3.6cqi 4cqi;display:flex}.pv-post-head{font:600 2.8cqi/1.2 var(--font-sans);align-items:center;gap:2cqi;display:flex}.pv-post-caption{-webkit-line-clamp:6;font:400 2.8cqi/1.4 var(--font-sans);color:var(--muted);-webkit-box-orient:vertical;margin-top:3.4cqi;display:-webkit-box;overflow:hidden}.pv-post-caption strong{color:var(--ink);font-weight:600}.pv-post-actions{border-top:1px solid var(--line);gap:3cqi;margin-top:auto;padding-top:2.6cqi;display:flex}.pv-post-actions svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;width:4.2cqi;height:4.2cqi}.pv-article{background:var(--paper);color:var(--ink);border:1px solid var(--line);flex-direction:column;display:flex}.pv-masthead{border-bottom:1.5px solid var(--ink);font:500 2.4cqi/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;gap:1.8cqi;margin:0 5cqi;padding:3cqi 0 2.4cqi;display:flex}.pv-masthead .pv-kicker-icon{color:var(--tomato)}.pv-article-body{flex:1;gap:4cqi;min-height:0;padding:4cqi 5cqi 4.5cqi;display:flex}.pv-article-body>div:first-child{flex-direction:column;flex:1;display:flex}.pv-article-title{font:400 6cqi/1.02 var(--font-display);text-wrap:balance}.pv-article-dek{-webkit-line-clamp:2;font:400 2.8cqi/1.4 var(--font-sans);color:var(--muted);-webkit-box-orient:vertical;margin-top:2.4cqi;display:-webkit-box;overflow:hidden}.pv-lines{gap:1.6cqi;margin-top:3cqi;display:grid}.pv-lines span{background:var(--stone);border-radius:1cqi;height:1.6cqi}.pv-lines span:nth-child(2){width:92%}.pv-lines span:nth-child(3){width:64%}.pv-article-byline{opacity:1;color:var(--muted);margin-top:auto}.pv-article-byline .pv-avatar{width:5cqi;height:5cqi}.pv-article-image{border-radius:1cqi;flex:none;width:38%;position:relative;overflow:hidden}.slip{width:100%;max-width:34rem}.slip-ticket{align-items:stretch;display:flex;position:relative}.slip-body{background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:0;flex:1;min-width:0;padding:1.5rem}.slip-perforation{border-left:2px dashed var(--line-strong);width:0;position:relative}.slip-perforation:before,.slip-perforation:after{content:"";background:var(--surface);border-radius:50%;width:16px;height:16px;position:absolute;left:-9px}.slip-perforation:before{top:-8px}.slip-perforation:after{bottom:-8px}.slip-stub{background:var(--accent-bg);width:6.5rem;min-height:7rem;color:var(--accent-fg);border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;transform-origin:0 100%;transition:transform var(--duration-base) var(--ease-out), opacity var(--duration-base) var(--ease-out);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.35rem;display:flex}.slip-stub:hover{transform:translate(3px)rotate(1deg)}.slip-stub:focus-visible{outline-offset:4px}.slip[data-phase=dragging] .slip-stub{cursor:grabbing;transition:none}.slip[data-phase=torn] .slip-stub{opacity:0;transition:transform var(--duration-slow) var(--ease-in), opacity var(--duration-slow) var(--ease-in);transform:translate(28px,14px)rotate(9deg)}.slip[data-phase=reprinting] .slip-stub{animation:tm-reprint var(--duration-slow) var(--ease-out)}@keyframes tm-reprint{0%{opacity:0;transform:translate(-14px)}}@media (min-width:640px){.slip-stub{width:8rem}}.folio{display:none}@media (min-width:1024px){.folio{z-index:20;writing-mode:vertical-rl;font:500 .75rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:color var(--duration-base) var(--ease-out);display:block;position:fixed;top:50%;left:1.75rem;transform:translateY(-50%)rotate(180deg)}}.running-head{z-index:30;background:var(--paper);height:3.25rem;color:var(--ink);border-bottom:1px solid var(--line);visibility:hidden;transition:translate var(--duration-base) var(--ease-in), visibility 0s linear var(--duration-base), background-color var(--duration-base), color var(--duration-base);justify-content:space-between;align-items:center;gap:1rem;padding-inline:1rem .5rem;display:flex;position:fixed;inset:0 0 auto;translate:0 -100%}.running-head[data-visible=true]{visibility:visible;transition:translate var(--duration-base) var(--ease-out), visibility 0s, background-color var(--duration-base), color var(--duration-base);translate:0}.running-head[data-feature=true]{background:var(--feature-bg);border-color:#0000}@media (min-width:1024px){.running-head{display:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.portrait-drift{animation:linear both tm-drift;animation-timeline:view();animation-range:exit}.row-in{animation:linear both tm-rise;animation-timeline:view();animation-range:entry calc(var(--i,0) * 2%) entry calc(75% + var(--i,0) * 2%)}.spread-media{animation:linear both tm-wipe;animation-timeline:--spread;animation-range:cover 20% cover 46%}.spread-copy .cue{animation:linear both tm-rise;animation-timeline:--spread}.spread-copy .cue:first-child{animation-range:cover 32% cover 40%}.spread-copy .cue:nth-child(2){animation-range:cover 34% cover 44%}.spread-copy .cue:nth-child(3){animation-range:cover 37% cover 47%}.spread-copy .cue:nth-child(4){animation-range:cover 40% cover 50%}@media (min-width:1024px){.spread-media{animation-range:cover 24% cover 50%}.spread-copy .cue:first-child{animation-range:cover 38% cover 46%}.spread-copy .cue:nth-child(2){animation-range:cover 40% cover 50%}.spread-copy .cue:nth-child(3){animation-range:cover 43% cover 53%}.spread-copy .cue:nth-child(4){animation-range:cover 46% cover 56%}}}}@keyframes tm-drift{to{transform:translateY(24px)}}@keyframes tm-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes tm-wipe{0%{clip-path:inset(42% 0 round 6px)}to{clip-path:inset(0 round 6px)}}