.pth{--pth-scrim:color-mix(in oklab, var(--ink) 97%, black);--pth-pad-l:max(calc(var(--gutter) + clamp(.5rem, 3.6vw, 4.5rem)), calc((100vw - 92rem) / 2));--pth-col-r:calc(var(--pth-pad-l) + 33rem);isolation:isolate;position:relative}.pth-stage{z-index:0;pointer-events:none;contain:strict;background:var(--ink);position:fixed;inset:0;overflow:hidden}.pth-stage canvas{width:100%;height:100%;display:block}.pth-static{background:var(--ink);transition:opacity .9s var(--ease);position:absolute;inset:0}.pth-static img{object-fit:cover;object-position:62% 50%;width:100%;height:100%;position:absolute;inset:0}.pth-plate{border-radius:2px;width:clamp(7rem,12vw,9rem);height:auto;margin-top:1.2rem;display:none;box-shadow:0 18px 40px -22px #000000d9}.pth.is-flat .pth-plate,.pth.is-reduced .pth-plate{display:block}.pth.is-live .pth-static{opacity:0}.pth-veil{z-index:1;pointer-events:none;background:linear-gradient(90deg, color-mix(in oklab, var(--pth-scrim) 97%, transparent) 0, color-mix(in oklab, var(--pth-scrim) 95%, transparent) calc(var(--pth-col-r) + .5rem), color-mix(in oklab, var(--pth-scrim) 74%, transparent) calc(var(--pth-col-r) + 3rem), color-mix(in oklab, var(--pth-scrim) 24%, transparent) calc(var(--pth-col-r) + 8.5rem), transparent calc(var(--pth-col-r) + 14rem));position:fixed;inset:0}.pth-veil:after{content:"";opacity:.02;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -0.45'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.pth-flow{z-index:2;position:relative;overflow-x:clip}.pth-beat{min-height:100svh;padding-block:clamp(4rem,12vh,8rem);padding-inline:var(--pth-pad-l) var(--gutter);align-content:center;display:grid;position:relative}.pth-col{z-index:1;gap:1.05rem;width:min(100%,33rem);display:grid;position:relative}.pth-col>div{gap:1.05rem;display:grid}.pth-col :where(p:not(.pth-aside,.pth-credit,.eyebrow,.pth-cue,.pth-actions,.pth-sum,.pth-by,.pth-premise)){color:var(--text-2);text-wrap:pretty;max-width:33rem}.pth-col :where(h2,h3){font-variation-settings:"opsz" 96;letter-spacing:-.026em;color:var(--text);max-width:16ch;margin-bottom:.35rem;font-size:clamp(1.9rem,1.2rem + 2.4vw,3rem);line-height:1.03}.pth-title{font-variation-settings:"opsz" 144;letter-spacing:-.034em;color:var(--text);max-width:11ch;margin-top:.4rem;font-size:clamp(2.9rem,1rem + 5.2vw,5.4rem);line-height:.92}.pth-by{font-family:var(--font-mono);font-size:var(--t--1);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--accent) 78%, var(--text-2))}.pth-premise{font-variation-settings:"opsz" 60;letter-spacing:-.018em;color:var(--text);text-wrap:balance;max-width:21ch;margin-top:clamp(.8rem,2.6vh,1.8rem);font-size:clamp(1.32rem,1rem + 1.3vw,1.9rem);line-height:1.2}.pth-lede{max-width:31rem}.pth-cue{font-family:var(--font-mono);font-size:var(--t--2);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:.7rem;margin-top:clamp(1rem,4vh,2.6rem);display:flex}.pth-cue:after{content:"";background:linear-gradient(90deg, var(--text-3), transparent);width:clamp(2rem,6vw,4.5rem);height:1px;animation:pth-cue 3.4s var(--ease) infinite;transform-origin:0}@keyframes pth-cue{0%,to{opacity:.5;transform:scaleX(.35)}50%{opacity:1;transform:scaleX(1)}}.pth.can-arrive:not(.is-flat):not(.is-reduced) .pth-beat:not(.pth-b1) .pth-col:not(.is-in)>*,.pth.can-arrive:not(.is-flat):not(.is-reduced) .pth-beat:not(.pth-b1) .pth-col:not(.is-in)>div>*{opacity:0;transform:translateY(14px)}.pth.can-arrive .pth-beat:not(.pth-b1) .pth-col>*,.pth.can-arrive .pth-beat:not(.pth-b1) .pth-col>div>*{transition:opacity .76s var(--ease), transform .76s var(--ease)}.pth.can-arrive .pth-beat:not(.pth-b1) .pth-col.is-in>:nth-child(2),.pth.can-arrive .pth-beat:not(.pth-b1) .pth-col.is-in>div>:nth-child(2){transition-delay:70ms}.pth.can-arrive .pth-beat:not(.pth-b1) .pth-col.is-in>:nth-child(n+3),.pth.can-arrive .pth-beat:not(.pth-b1) .pth-col.is-in>div>:nth-child(n+3){transition-delay:.15s}.pth-aside{border-left:1px solid color-mix(in oklab, var(--accent) 55%, transparent);font-family:var(--font-mono);font-size:var(--t--2);letter-spacing:.06em;color:color-mix(in oklab, var(--accent) 62%, var(--text-2));max-width:30rem;margin-top:.6rem;padding-left:1rem;line-height:1.7}.pth-b4{gap:0;padding-block:clamp(4rem,12vh,8rem)}.pth-sub{align-content:center;min-height:86svh}.pth-sum{font-family:var(--font-mono);font-size:var(--t--1);letter-spacing:.04em;color:color-mix(in oklab, var(--accent) 70%, var(--text));flex-wrap:wrap;gap:.6rem 1.6rem;display:flex}.pth-sum-key{font-size:var(--t--2);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);flex-basis:100%}.pth-sum span+span:not(.pth-sum-key)+span:before{content:"";vertical-align:middle;background:color-mix(in oklab, var(--accent) 50%, transparent);width:1.1rem;height:1px;margin-right:1.2rem;display:inline-block}.pth-b6{align-content:start;gap:clamp(2.2rem,6vh,4rem);padding-block:clamp(7rem,18vh,12rem) clamp(4rem,12vh,8rem)}.pth-questions{z-index:1;width:min(100%,36rem);position:relative}.pth-qlist{gap:clamp(1.4rem,5vh,2.6rem);list-style:none;display:grid}.pth-qlist li{border-radius:var(--radius-m);border:1px solid color-mix(in oklab, var(--paper) 7%, transparent);background:color-mix(in oklab, var(--pth-scrim) 80%, transparent);-webkit-backdrop-filter:blur(14px)saturate(110%);transition:border-color .62s var(--ease), background .62s var(--ease), box-shadow .62s var(--ease);position:relative;box-shadow:0 18px 44px -30px #000000e6}.pth-qlist li.lit{border-color:color-mix(in oklab, var(--accent) 46%, transparent);background:color-mix(in oklab, var(--pth-scrim) 92%, transparent);box-shadow:0 20px 60px -34px #000000f2, 0 0 0 1px color-mix(in oklab, var(--accent) 12%, transparent)}.pth-qlist .qcard{background:0 0;border-color:#0000}.pth-qlist li .num{color:color-mix(in oklab, var(--accent) 28%, var(--text-3));transition:color .62s var(--ease)}.pth-qlist li.lit .num{color:var(--accent)}.pth-b7{align-content:start;min-height:150svh;padding-block:clamp(6rem,22vh,14rem) clamp(10rem,40vh,22rem)}.pth-actions{flex-wrap:wrap;gap:.85rem;margin-top:clamp(.8rem,2.5vh,1.6rem);display:flex}.pth-credit{font-family:var(--font-mono);font-size:var(--t--2);letter-spacing:.04em;color:color-mix(in oklab, var(--text-2) 72%, var(--text-3));max-width:40ch;margin-top:.9rem;line-height:1.7}.pth.is-reduced .pth-beat,.pth.is-flat .pth-beat,.pth.is-reduced .pth-sub,.pth.is-flat .pth-sub{min-height:auto}.pth.is-reduced .pth-beat,.pth.is-flat .pth-beat{padding-block:clamp(3rem,9vh,6rem)}.pth.is-reduced .pth-b1,.pth.is-flat .pth-b1{min-height:100svh}.pth.is-reduced .pth-sub+.pth-sub,.pth.is-flat .pth-sub+.pth-sub{margin-top:2.4rem}@media (prefers-reduced-motion:reduce){.pth-cue:after{animation:none;transform:none}}.pth.is-reduced .pth-cue:after,.pth.is-flat .pth-cue:after{display:none}@media (width<=72rem) and (aspect-ratio<=1){.pth-beat{padding-inline:var(--gutter);align-content:start;padding-block:clamp(19rem,50svh,30rem) clamp(4rem,12vh,7rem)}.pth-b1{padding-block:clamp(16rem,50svh,30rem) clamp(2rem,6vh,4rem)}.pth-sub{min-height:auto;margin-top:clamp(19rem,50svh,30rem)}.pth-sub:first-child{margin-top:0}.pth-b4{padding-block:clamp(19rem,50svh,30rem) clamp(4rem,12vh,7rem)}.pth-veil{background:linear-gradient(180deg, transparent 0%, transparent 72%, color-mix(in oklab, var(--pth-scrim) 22%, transparent) 88%, color-mix(in oklab, var(--pth-scrim) 38%, transparent) 100%)}.pth-col:before{content:"";z-index:-1;pointer-events:none;background:color-mix(in oklab, var(--pth-scrim) 94%, transparent);position:absolute;inset:-2.4rem -100vw -3.4rem;-webkit-mask-image:linear-gradient(#0000 0,#000 2.3rem calc(100% - 3.2rem),#0000 100%);mask-image:linear-gradient(#0000 0,#000 2.3rem calc(100% - 3.2rem),#0000 100%)}.pth-qlist li{background:color-mix(in oklab, var(--pth-scrim) 93%, transparent)}.pth-qlist{gap:clamp(12rem,34svh,19rem)}.pth.is-reduced .pth-qlist,.pth.is-flat .pth-qlist{gap:clamp(1.4rem,5vh,2.6rem)}.pth-b6{padding-bottom:clamp(12rem,34svh,19rem)}.pth-b7{min-height:auto;padding-block:clamp(19rem,50svh,30rem) clamp(22rem,60svh,34rem)}.pth-static img{object-position:50% 30%}.pth.is-reduced .pth-beat,.pth.is-flat .pth-beat{padding-block:clamp(2.4rem,7vh,4rem)}.pth.is-reduced .pth-b1,.pth.is-flat .pth-b1{padding-top:clamp(16rem,50svh,30rem)}}@media (width<=72rem) and (aspect-ratio>=10001/10000){.pth{--pth-pad-l:var(--gutter);--pth-col-r:calc(var(--pth-pad-l) + 28rem)}.pth-col{width:min(100%,28rem)}.pth-questions{width:min(100%,30rem)}}
