@property --cb{syntax:"<length>";inherits:true;initial-value:0}@property --ox{syntax:"<length>";inherits:true;initial-value:0}@property --oy{syntax:"<length>";inherits:true;initial-value:0}.poster{--none:transparent;--chrome:82px;--move:.56s cubic-bezier(.7, 0, .2, 1);--gutter:max(32px, calc((100cqw - 1320px) / 2 + 32px));height:max(540px, calc(100svh - var(--chrome)));background:var(--paper);position:relative;overflow:clip;container:poster/size}.poster__stage{display:contents}.poster__world{--u:calc(100cqw / 12);aspect-ratio:2;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:min(100cqw,200cqh,1600px);position:absolute;top:50%;left:50%;translate:-50% -50%;container:world/size}.poster__board,.poster__shape,.poster__handle,.poster__ghost{width:calc(var(--lw) * var(--u));height:calc(var(--lh) * var(--u));translate:calc(var(--lx) * var(--u)) calc(var(--ly) * var(--u));rotate:var(--lr);position:absolute;top:0;left:0}.poster__board{opacity:0;pointer-events:none;transition:opacity .48s ease-out}.poster__grid{fill:none;stroke-width:1px;vector-effect:non-scaling-stroke;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.poster__grid path{vector-effect:non-scaling-stroke}.poster__grid-marks{stroke:color-mix(in srgb, var(--ink) 38%, transparent)}.poster__grid-lines{stroke:color-mix(in srgb, var(--ink) 9%, transparent);opacity:0;transition:opacity .24s ease-out}.poster[data-dragging] .poster__grid-lines{opacity:1}.poster[data-mode=play] .poster__board{opacity:1;pointer-events:auto}.poster__shape{--sw:calc(var(--lw) * var(--u));transform:translate(calc(var(--mx,0) * var(--d) * 9px), calc(var(--my,0) * var(--d) * 9px));background:var(--c);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:none;transition:translate var(--move), width var(--move), height var(--move), rotate var(--move), border-radius var(--move), clip-path var(--move), background-color var(--move), box-shadow var(--move), opacity .32s ease-out, transform 1.1s cubic-bezier(.16, 1, .3, 1);border-radius:0;overflow:clip}.poster__shape[data-k=round]{border-radius:50%}.poster__shape[data-k=arch]{border-radius:50% 50% 0 0/100% 100% 0 0}.poster__shape[data-k=tri]{clip-path:polygon(0 0,0 0,100% 100%,0 100%)}.poster__shape[data-k=quarter]{border-radius:100% 0 0}.poster__shape[data-k=semi]{clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);border-radius:50%}.poster__skin{--o:50% 50%;--t:calc(var(--u) * .18);animation:.48s ease-out .2s backwards poster-skin;position:absolute;inset:0}.poster__skin[data-p=lines]{background:repeating-linear-gradient(to bottom, transparent 0 calc(var(--u) * .11), var(--q) 0 calc(var(--u) * .14))}.poster__skin[data-p=bars]{background:linear-gradient(to right, transparent 25%, var(--q) 25% 75%, transparent 75%) center / calc(var(--u) * .32) 100% repeat-x}.poster__skin[data-p=sunset]{background:linear-gradient(to bottom, transparent 68%, var(--q) 68% 70%, transparent 70% 75%, var(--q) 75% 78%, transparent 78% 82%, var(--q) 82% 86%, transparent 86% 89.5%, var(--q) 89.5% 94.5%, transparent 94.5% 97%, var(--q) 97%)}.poster__skin[data-p=rays]{background:repeating-conic-gradient(from -9deg at var(--o), var(--q) 0 9deg, transparent 0 18deg)}.poster__skin[data-p=dots]{background:radial-gradient(circle, var(--q) 0 calc(var(--u) * .035), transparent 0) center / calc(var(--u) * .16) calc(var(--u) * .16)}.poster__skin[data-p=ruler]{padding:max(1.5px, calc(var(--u) * .025));background:repeating-linear-gradient(to right, var(--q) 0 var(--t), transparent 0 calc(var(--t) * 2)) content-box}.poster__shape[data-k=halo]{background-image:radial-gradient(closest-side, var(--ink) calc(50% - .5px), var(--yellow) 50%, color-mix(in srgb, var(--yellow) 0%, transparent) 100%);border-radius:50%}.poster__shape[data-k=arc]{--t:calc(var(--sw) * .07);-webkit-mask:radial-gradient(circle at 100% 100%, transparent calc(var(--sw) - var(--t)), #000 calc(var(--sw) - var(--t) + .5px));mask:radial-gradient(circle at 100% 100%, transparent calc(var(--sw) - var(--t)), #000 calc(var(--sw) - var(--t) + .5px));border-radius:100% 0 0}.poster__shape[data-away]{opacity:0}.poster[data-blend] .poster__shape:not([data-shape=dot]){mix-blend-mode:multiply}.poster__shape[data-dragging]{transition:background-color var(--move), width var(--move), height var(--move);transform:none}.poster[data-mode=play] .poster__shape[data-shape=dot]:not([data-live]){background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink)}.poster__count{font:500 calc(var(--u) * .34) / 1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--paper);opacity:0;place-items:center;transition:opacity .24s ease-out;animation:.28s ease-out poster-arrive;display:grid;position:absolute;inset:0}.poster[data-mode=play] .poster__count{opacity:1;transition-delay:.36s}.poster__shape:not([data-live]) .poster__count{color:var(--ink)}.poster__labels{z-index:12;pointer-events:none;position:absolute;inset:0}.poster__label{width:calc(var(--lw) * var(--u));translate:calc(var(--lx) * var(--u)) calc(var(--ly) * var(--u) - 100% * var(--lv));rotate:var(--lr);color:var(--lc);text-align:var(--la);opacity:0;visibility:hidden;margin:0;transition:opacity .14s ease-out,visibility 0s .14s;position:absolute;top:0;left:0}.poster__labels[data-current] .poster__label{opacity:1;visibility:visible;transition:opacity .36s ease-out .42s}.poster__label-eyebrow{font:400 11px / 1.4 var(--font-mono);opacity:.8;margin-bottom:.7em;display:block}.poster__label-title{font:500 clamp(20px, calc(var(--u) * .3), 44px) / 1.02 var(--font-display);letter-spacing:-.04em;color:inherit;text-wrap:balance;pointer-events:auto;text-decoration:none}.poster__label-title:hover{text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:2px}.poster__label-stop{color:var(--ls)}.poster__label-arrow{vertical-align:.3em;margin-left:.3em;font-size:.5em;display:inline-block}.poster__label--line{font-size:clamp(13px, calc(var(--u) * .135), 18px);text-wrap:pretty;line-height:1.45}.poster[data-caret] .poster__shape[data-shape=dot]{animation:1.2s step-end infinite poster-caret}.poster__handle{touch-action:pan-y;cursor:grab;-webkit-tap-highlight-color:transparent;transition:translate var(--move), width var(--move), height var(--move);background:0 0;border:0;padding:0}.poster__handle[data-selected],.poster__handle[data-dragging]{touch-action:none}.poster__handle[data-dragging]{cursor:grabbing;transition:none}.poster__handle:before{--m:var(--ink);--l:clamp(8px, calc(var(--u) * .12), 14px);content:"";inset:calc(var(--u) * -.09);background:linear-gradient(var(--m), var(--m)) 0 0 / var(--l) 1.5px no-repeat, linear-gradient(var(--m), var(--m)) 0 0 / 1.5px var(--l) no-repeat, linear-gradient(var(--m), var(--m)) 100% 0 / var(--l) 1.5px no-repeat, linear-gradient(var(--m), var(--m)) 100% 0 / 1.5px var(--l) no-repeat, linear-gradient(var(--m), var(--m)) 0 100% / var(--l) 1.5px no-repeat, linear-gradient(var(--m), var(--m)) 0 100% / 1.5px var(--l) no-repeat, linear-gradient(var(--m), var(--m)) 100% 100% / var(--l) 1.5px no-repeat, linear-gradient(var(--m), var(--m)) 100% 100% / 1.5px var(--l) no-repeat;opacity:0;transition:opacity .24s ease-out;position:absolute}.poster__handle[data-selected]:before{--m:var(--red)}.poster__handle:focus-visible{outline:none}.poster__handle[data-selected]:before,.poster__handle:focus-visible:before,.poster__handle[data-dragging]:before{opacity:1}@media (hover:hover){.poster__handle:hover:before{opacity:1}}.poster__ghost{z-index:15;outline:1.5px dashed var(--ink);outline-offset:-1.5px;pointer-events:none}.poster__visitor{z-index:45;translate:calc(var(--lx) * var(--u)) calc(var(--ly) * var(--u));border:2px solid var(--ink);background:var(--yellow);pointer-events:none;width:12px;height:12px;transition:translate .1s linear;position:absolute;top:0;left:0;transform:translate(-50%,-50%)rotate(45deg)}.poster__head,.poster__contents,.poster__dock{--w:min(100cqw, 200cqh, 1600px);--u:calc(var(--w) / 12);--wl:calc((100cqw - var(--w)) / 2);--wt:calc((100cqh - var(--w) / 2) / 2);--span:calc(var(--wl) + var(--u) * 4.5 - var(--gutter));z-index:50;left:var(--gutter);width:var(--span);position:absolute}.poster__head{top:calc(var(--wt) + var(--u) * .38);pointer-events:none}.poster__head a,.poster__head button{pointer-events:auto}.poster__contents{bottom:calc(var(--wt) + var(--u) * .3)}.poster__contents ol{margin:0;padding:0;list-style:none}.poster__contents-head{border-bottom:2px solid var(--ink);font:400 12px / 1.4 var(--font-mono);color:var(--dim);justify-content:space-between;align-items:baseline;padding-bottom:8px;display:flex}.poster__pause{text-align:right;min-width:5ch}.poster__pause,.poster__note button{font:400 12px / 1.4 var(--font-mono);color:var(--dim);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.poster__pause:hover,.poster__note button:hover:not(:disabled){color:var(--ink)}.poster__row{width:100%;min-height:clamp(32px, calc(var(--u) * .3), 40px);border:0;border-bottom:1px solid color-mix(in srgb, var(--ink) 14%, transparent);color:var(--dim);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;column-gap:12px;padding:0;text-decoration:none;display:grid;position:relative}.poster__row-n{font:400 11px / 1 var(--font-mono);font-variant-numeric:tabular-nums;justify-self:start;padding:3px 5px 2px;transition:background-color .24s ease-out,color .24s ease-out}.poster__row-n:has(.poster__live){padding:0}.poster__row-title{font:500 clamp(16px, calc(var(--u) * .16), 20px) / 1.15 var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;transition:color .24s ease-out, translate .24s var(--ease-out);overflow:hidden}.poster__row-arrow{color:var(--ink);opacity:0;justify-self:end;font-size:14px;transition:opacity .24s ease-out}.poster__row[data-current] .poster__row-title{color:var(--ink);translate:6px}.poster__row[data-current] .poster__row-n:not(:has(.poster__live)){background:var(--ink);color:var(--paper)}.poster__row[data-current] .poster__row-arrow{opacity:1}.poster__row:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.poster__live{min-width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--ink);font:500 11px / 1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);border-radius:11px;place-items:center;padding:0 4px;transition:background-color .48s ease-out,color .48s ease-out,box-shadow .48s ease-out;display:inline-grid}.poster__live[data-live]{background:var(--red);box-shadow:inset 0 0 0 1.5px var(--red);color:var(--paper)}.poster__progress{background:var(--red);transform-origin:0;width:100%;height:2px;animation-name:poster-progress;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;left:0}.poster__row .poster__progress{bottom:-1px}.poster__stop .poster__progress{top:-2px}.poster__note{z-index:50;top:calc(var(--u) * 5.78);left:calc(var(--u) * 4.8);width:calc(var(--u) * 6.8);font:400 12px / 1.4 var(--font-mono);color:var(--dim);opacity:0;visibility:hidden;justify-content:space-between;align-items:baseline;gap:20px;transition:opacity .24s ease-out,visibility 0s .24s;display:flex;position:absolute}.poster__note span{min-width:0}.poster[data-mode=play] .poster__note{opacity:1;visibility:visible;transition:opacity .24s ease-out .24s}.poster__note button:disabled{opacity:.4;cursor:default;text-decoration:none}.poster__dock{display:none}.poster__captions{display:grid}.poster__caption{visibility:hidden;opacity:0;grid-area:1/1;min-width:0}.poster__caption[data-current]{visibility:visible;opacity:1;transition:opacity .24s ease-out .16s}.poster__caption-title{max-width:100%;font:500 22px / 1.15 var(--font-display);letter-spacing:-.03em;color:var(--ink);align-items:center;gap:10px;margin:0;text-decoration:none;display:inline-flex}a.poster__caption-title>span:first-child{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.poster__caption-title .poster__live{font-size:12px}.poster__caption-line{color:var(--dim);text-wrap:pretty;margin:6px 0 0;font-size:14px;line-height:1.45}.poster__strip{grid-template-columns:repeat(6,minmax(0,1fr)) 28px;column-gap:6px;margin-top:10px;display:grid}.poster__stop,.poster__toggle{border:0;border-top:2px solid var(--paper-2);min-height:44px;font:400 12px / 1 var(--font-mono);color:var(--dim);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;padding:12px 0 0;position:relative}.poster__stop .poster__live{min-width:20px;height:18px;margin-top:-3px;font-size:10px}.poster__stop[aria-current]{border-top-color:var(--ink);color:var(--ink)}.poster__toggle{align-content:start;justify-items:end;display:grid}.poster__toggle span{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:9px;height:11px}.poster__toggle[data-playing] span{clip-path:none;background:0 0;border-inline:3px solid;width:8px}@container poster (max-aspect-ratio:1){.poster__world{--u:calc(100cqw / 6);aspect-ratio:1/2;width:min(100cqw,50cqh)}.poster__shape{--sw:calc(var(--pw) * var(--u))}.poster__board,.poster__shape,.poster__handle,.poster__ghost{width:calc(var(--pw) * var(--u));height:calc(var(--ph) * var(--u));translate:calc(var(--px) * var(--u)) calc(var(--py) * var(--u));rotate:var(--pr)}.poster__visitor{translate:calc(var(--px) * var(--u)) calc(var(--py) * var(--u))}.poster__label{width:calc(var(--pw) * var(--u));translate:calc(var(--px) * var(--u)) calc(var(--py) * var(--u) - 100% * var(--pv));rotate:var(--pr);color:var(--pc);text-align:var(--pa)}.poster__label-stop{color:var(--ps)}.poster__label-title{font-size:min(calc(var(--u) * .38), 30px)}.poster__label--line{display:none}.poster__label-eyebrow{font-size:10px}.poster__head,.poster__contents,.poster__dock{--w:min(100cqw, 50cqh);--u:calc(var(--w) / 6);--wt:calc((100cqh - var(--w) * 2) / 2);width:auto;right:var(--gutter)}.poster__head{top:calc(var(--wt) + var(--u) * .3)}.poster__contents,.poster__note{display:none}.poster__dock{bottom:calc(var(--wt) + var(--u) * .15);display:block}}@container poster (max-aspect-ratio:1) and (max-height:560px){.poster__caption-line{display:none}}@keyframes poster-caret{50%{opacity:.15}}@keyframes poster-skin{0%{opacity:0}}@keyframes poster-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes poster-arrive{0%{translate:0 8px}to{translate:0}}@media (max-width:767px){.poster{--gutter:20px;height:max(480px, calc(100svh - var(--chrome)));grid-template-rows:auto minmax(0,1fr) auto;display:grid}@container poster (max-aspect-ratio:1){.poster__stage{grid-row:2;display:block;position:relative;overflow:clip;container:stage/size}.poster__world{--W:min(100cqw, 80cqh);--cb:min(calc((100cqw - 2 * var(--gutter)) / var(--cols)), calc((100cqh - 16px) / var(--rows)));--ox:calc(var(--W) / 2 - var(--cols) / 2 * var(--cb));--oy:calc(var(--W) / 6 * 6.1 - var(--rows) / 2 * var(--cb));top:calc(50cqh - var(--W) / 6 * 6.1);width:var(--W);translate:-50%}.poster__board,.poster__handle,.poster__ghost,.poster__visitor,.poster[data-mode=play] .poster__shape{--u:calc(var(--cb) / var(--bc));translate:calc(var(--ox) + (var(--px) - var(--bx)) * var(--u)) calc(var(--oy) + (var(--py) - var(--by)) * var(--u))}.poster__head,.poster__dock{--w:min(100cqw, 60cqh);width:auto;position:relative;inset:auto}.poster__head{margin:var(--gutter) var(--gutter) 0;grid-row:1}.poster__dock{margin:0 var(--gutter) var(--gutter);grid-row:3;padding-top:14px}}}@media (max-width:760px){.poster{--chrome:66px}}@media (prefers-reduced-motion:reduce){.poster__shape,.poster__handle,.poster__label,.poster__count,.poster__skin,.poster__row-title,.poster__caption[data-current]{transition:none;animation:none}.poster__shape{transform:none}}
.home__eyebrow{margin:0 0 calc(var(--u) * .16);font:400 12px / 1.5 var(--font-mono);color:var(--dim)}.poster__head h1{white-space:nowrap;font:600 clamp(36px, min(calc(var(--u) * .68), calc(var(--span) / 5.5)), 150px) / .95 var(--font-display);letter-spacing:-.05em;margin:0}.home__period{color:var(--red);animation:dot-in var(--dur-2) var(--ease-out) var(--dur-3) backwards;display:inline-block}.poster__head .mobile-details,.poster__head .mobile-details__content{display:block}.poster__head .mobile-details__toggle{display:none}.poster__head .mobile-details__content{margin-top:calc(var(--u) * .26);pointer-events:auto}.home__intro{max-width:36ch;font-size:clamp(15px, calc(var(--u) * .145), 19px);color:var(--dim);margin:0;line-height:1.5}.home__links{flex-wrap:wrap;gap:0 28px;margin:10px 0 0;display:flex}.home__links a{min-height:40px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);text-underline-offset:5px;transition:color var(--dur-2) var(--ease);align-items:center;gap:10px;font-size:15px;display:inline-flex}.home__links a:hover{color:var(--red)}@container poster (max-width:1199px) or (max-aspect-ratio:1){.poster__head .mobile-details__toggle{width:auto;height:1.4em;min-height:0;font:400 14px / 1 var(--font-display);color:var(--dim);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex;position:absolute;bottom:0;right:0}.poster__head .mobile-details__toggle:before{content:"";position:absolute;inset:-14px -10px}.poster__head .mobile-details__toggle span{color:var(--ink);font-size:18px}.poster__head .mobile-details__content{border-top:2px solid var(--ink);opacity:0;visibility:hidden;transition:opacity .24s ease-out, translate .24s var(--ease-out), visibility 0s .24s;margin:0;padding:16px 0 20px;position:absolute;top:calc(100% + 14px);left:0;right:0;translate:0 -8px}.poster__head .mobile-details__content:before{content:"";inset:-2px calc(var(--gutter) * -1) 0;z-index:-1;border-bottom:2px solid var(--ink);background:var(--paper);position:absolute}.poster__head .mobile-details[data-expanded=true]>.mobile-details__content{opacity:1;visibility:visible;transition:opacity .24s ease-out, translate .24s var(--ease-out);padding:16px 0 20px;translate:0}}@container poster (max-aspect-ratio:1){.poster__head h1{font-size:clamp(34px, calc(var(--u) * .72), 72px);line-height:1}.poster__head .home__eyebrow{margin-bottom:8px}.poster__head .mobile-details__content:before{inset-inline:calc(var(--gutter) * -1)}}.home__more{padding-block:clamp(48px,9vw,120px) clamp(48px,8vw,96px)}.home__index{border-top:2px solid var(--ink)}.home__door{border-bottom:1px solid var(--ink);min-height:clamp(88px,11vw,132px);color:var(--ink);grid-template-columns:40px minmax(160px,.8fr) minmax(0,1.2fr) 40px;align-items:center;column-gap:24px;text-decoration:none;display:grid}.home__glyph{width:28px;height:28px;transition:rotate .48s var(--ease-out)}.home__glyph--square{background:var(--red)}.home__glyph--circle{background:var(--blue);border-radius:50%}.home__glyph--triangle{background:var(--yellow);clip-path:polygon(50% 0,100% 100%,0 100%)}.home__door-title{font:500 clamp(32px, 4.4vw, 64px) / 1 var(--font-display);letter-spacing:-.04em;transition:translate .24s var(--ease-out)}.home__door-line{max-width:44ch;color:var(--dim);font-size:16px;line-height:1.5}.home__door-arrow{transition:translate .24s var(--ease-out);justify-self:end;font-size:24px}.home__door:hover .home__door-title,.home__door:focus-visible .home__door-title{translate:12px}.home__door:hover .home__glyph--square,.home__door:focus-visible .home__glyph--square{rotate:90deg}.home__door:hover .home__glyph--triangle,.home__door:focus-visible .home__glyph--triangle{rotate:180deg}@media (max-width:760px){.home__more{padding-block:40px 48px}.home__door{grid-template-rows:auto auto;grid-template-columns:28px minmax(0,1fr) 28px;gap:4px 16px;min-height:0;padding-block:20px}.home__glyph{width:22px;height:22px}.home__door-title{grid-column:2;font-size:30px}.home__door-line{grid-area:2/2;font-size:15px}.home__door-arrow{grid-area:1/3;font-size:20px}}@media (prefers-reduced-motion:reduce){.home__glyph,.home__door-title,.home__door-arrow{transition:none}}