.pn-section{--pn-s:.55;--pn-g:3.67;--pn-dur:.7s;--pn-so:.38;box-sizing:border-box;min-height:100svh;padding:calc(var(--space-section) * .6) var(--pad-x) calc(var(--space-section) * .4);flex-direction:column;gap:clamp(28px,3.2vw,48px);display:flex}.pn-head{align-items:end;gap:16px;display:grid}.pn-tray{flex:1;min-height:clamp(500px,100svh - 260px,700px);display:flex;container-type:inline-size}.pn-track{flex:1;gap:8px;min-width:0;display:flex}.pn{min-width:0;transition:flex-grow var(--pn-dur) var(--ease);flex:1 1 0;position:relative;overflow:hidden}.pn[data-open=true]{flex-grow:var(--pn-g)}.pn:before{content:"";z-index:2;top:0;left:var(--pad-card-m);background:var(--accent);opacity:0;transform-origin:0;width:36px;height:2px;transition:opacity .3s linear, transform .5s var(--ease);border-radius:0 0 2px 2px;position:absolute;transform:scaleX(.3)}.pn[data-open=true]:before{opacity:.85;transition-delay:60ms;transform:none}.pn-hit{z-index:1;border-radius:inherit;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.pn[data-open=true] .pn-hit{pointer-events:none}.pn-hit:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .7);outline-offset:-6px}.pn-rail{padding:var(--pad-card-m);opacity:1;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;transition:opacity .2s linear .1s;display:flex;position:absolute;inset:0}.pn[data-open=true] .pn-rail{opacity:0;transition:opacity .15s linear}.pn-idx{font:500 15px/1 var(--display), system-ui, sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--muted)}.pn-vt{writing-mode:vertical-rl;font-family:var(--display), system-ui, sans-serif;font-weight:var(--display-weight);letter-spacing:-.02em;white-space:nowrap;color:var(--muted);transition:color .3s var(--ease);font-size:clamp(1.125rem,.9rem + .7vw,1.5rem);transform:rotate(180deg)}.pn:hover .pn-vt{color:var(--text)}.pn-collapse{position:absolute;inset:0}.pn-inner{width:calc((100cqw - 24px) * var(--pn-s));opacity:0;visibility:hidden;transition:opacity .12s linear,transform .12s linear,visibility 0s linear .12s;position:absolute;top:0;bottom:0;left:0;transform:translate(14px)}.pn[data-open=true] .pn-inner{opacity:1;visibility:visible;transition:opacity .3s var(--ease) 50ms, transform .4s var(--ease) 50ms, visibility 0s;transform:none}.pn-pad{height:100%;padding:var(--pad-card-m);flex-direction:column;gap:18px;display:flex}.pn-viz{box-sizing:border-box;background:#00000029;border-radius:18px;flex:1 1 0;place-items:center;min-height:0;padding:6px 12px 30px;display:grid;position:relative;overflow:hidden}.pn-body{flex-direction:column;flex:none;gap:10px;display:flex}.pn-text{max-width:44ch;font-size:var(--fs-body);color:var(--text);margin:0;line-height:1.5}.pn-body .chips{margin-top:4px}@media (max-width:899px){.pn-section{min-height:0;padding-top:max(calc(var(--space-section) * .6), 92px)}.pn-tray{min-height:0;container-type:normal}.pn-track{overflow-anchor:none;flex-direction:column}.pn-track[data-snap] .pn[data-open=false] .pn-collapse{transition:none}.pn{flex-direction:column;flex:none;transition:none;display:flex}.pn[data-open=true]{flex-grow:0}.pn:before{left:20px}.pn-hit{display:block;position:relative;inset:auto;pointer-events:auto!important}.pn-rail,.pn[data-open=true] .pn-rail{opacity:1;flex-direction:row;justify-content:flex-start;align-items:baseline;gap:16px;padding:20px;transition:none;position:static}.pn-vt{writing-mode:horizontal-tb;font-size:var(--fs-h3);color:var(--text);transform:none}.pn[data-open=true] .pn-vt{color:var(--title)}.pn-collapse{transition:grid-template-rows var(--pn-dur) var(--ease);grid-template-rows:0fr;display:grid;position:static}.pn[data-open=true] .pn-collapse{grid-template-rows:1fr}.pn-inner,.pn[data-open=true] .pn-inner{width:auto;min-height:0;position:static;overflow:hidden;transform:none}.pn-inner{opacity:0;visibility:hidden;transition:opacity .2s linear,visibility 0s linear .35s}.pn[data-open=true] .pn-inner{opacity:1;visibility:visible;transition:opacity .5s var(--ease) .2s, visibility 0s}.pn-pad{height:auto}.pn-viz{flex:none;height:240px}.pn-section .pn-body{padding:18px 20px 22px}.pn-section .pn-body .h3{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.pn,.pn:before,.pn-rail,.pn-inner,.pn-collapse{transition-duration:.01ms!important;transition-delay:0s!important}}.pn-section .pn-pad{gap:0;padding:0}.pn-section .pn-viz{flex:0 0 max(240px, calc(var(--pn-viz,.5) * 100%));background:radial-gradient(70% 90% at 10% -10%,#ffffff0a,#0000 60%),#080a0d9e;border-radius:0;padding:0;display:block}.pn-section .pn-body{min-height:0;padding:26px var(--pad-card-m) calc(var(--pad-card-m) * .85);flex:auto;gap:12px}.pn-section .pn-body .h3{letter-spacing:-.025em;color:var(--title);margin:0;font-size:clamp(1.625rem,1.1rem + 1.1vw,2.25rem);line-height:1.08}.pn-section .pn-text{max-width:58ch;color:var(--text);text-wrap:pretty;font-size:clamp(1rem,.94rem + .2vw,1.0625rem);line-height:1.6}.pn-section .pn-body .chips{margin-top:6px}@media (max-width:899px){.pn-section .pn-viz{flex:none}.pn-section .pn[data-open=true] .pn-idx{display:none}}.pn-section{font-variant-numeric:tabular-nums}[data-surfaces=liquid] .pn-section .pn{--lq-filter:brightness(1)!important}.pn-section .pn .pn-hit:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .7);outline-offset:-6px}.pn-section[data-live="0"] .pn-viz *,.pn-section .pn[data-open=false] .pn-viz *{animation-play-state:paused!important}