:root{--hook-land:.625rem;--hook-turn:360deg;--hook-tip:50deg;--hook-lift:56px;--hook-sink:220px;--hook-depth:900px;--hook-gone:calc(var(--hook-out) * 1.6);--hook-frost:8%;--hook-blur:10px;--hook-shadow:0 1px 2px #0000001f, 0 10px 28px -6px #00000057;--hook-after-cue:.12s;--cue-after-hook:.14s;--cue-depth:520px;--cue-travel:.8rem;--cue-tip:-38deg;--card-hook-lines:2;--card-inset:.6rem;--card-radius-l:12px;--card-radius-m:8px;--card-radius-s:4px;--stage-white:#fff;--wash:color-mix(in oklab, var(--ink) 4.5%, var(--paper));--wash-shade:.8;--wash-ripple:color-mix(in oklab, var(--ink) 9%, var(--paper))}.frame{width:var(--frame);scroll-snap-align:start;align-content:start;gap:var(--space-2);flex:none;display:grid;position:relative}.frame--opener{width:var(--opener)}.frame__link{gap:var(--space-3);color:inherit;text-decoration:none;display:grid}.frame__still{aspect-ratio:16/10;border-radius:var(--card-radius-l);border:1px solid var(--rule);background:var(--frame-wash);transition:scale var(--dur-exit) ease-in, border-color var(--dur-exit) ease-in, opacity var(--dur-exit) ease-in, filter var(--dur-exit) ease-in;display:block;position:relative;overflow:clip}.frame__still picture{display:contents}.frame__still img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.frame__type{height:100%;padding:var(--space-3);font:400 var(--step-1) / 1.2 var(--font-text);color:var(--ink);text-wrap:balance;align-content:end;display:grid}.frame__title{font:var(--small-title-font);letter-spacing:-.008em;text-wrap:balance;transition:color var(--dur-exit) ease-in;margin:0}.frame--opener .frame__title{font:var(--head-font);letter-spacing:var(--head-track)}.frame[data-intent] .frame__title,.frame__link:focus-visible .frame__title{color:var(--card-title-hover);transition:color var(--dur-enter) var(--ease-out)}.frame__link:focus-visible{outline:none}.frame__link:focus-visible .frame__still{outline:2px solid var(--accent);outline-offset:3px}@property --hook-p{syntax:"<number>";inherits:false;initial-value:0}@property --hook-x{syntax:"<number>";inherits:false;initial-value:1}@property --hook-y{syntax:"<number>";inherits:false;initial-value:1}.frame{z-index:0;transition:z-index 0s linear var(--hook-gone)}.frame:is([data-intent],[data-kbd]){z-index:3;transition:none}.frame__head{--slit:var(--space-3);align-content:start;display:grid;position:relative}:is(.reel--sheet,.cgroup) .frame__head{--slit:0px}.frame__head .frame__title{z-index:2;position:relative}.frame__hook{--hook-clear:40px;--hook-k:clamp(0, (var(--hook-p) - .7) / .3, 1);--hook-kt:calc(var(--hook-k) * (1 - clamp(0, (var(--hook-x) - .1) / .2, 1)));--hook-h:calc(var(--frame) * .625 - 2 * var(--hook-land));box-sizing:border-box;inset-inline:var(--hook-land);bottom:calc(100% + var(--slit) + var(--hook-land));pointer-events:none;height:var(--hook-h);transform-origin:50% 100%;transform:perspective(var(--hook-depth)) translateZ(calc(max(0px, calc(-1 * sin(var(--hook-p) * var(--hook-turn)) * var(--hook-lift))) - var(--hook-y) * var(--hook-sink))) translateY(calc(var(--hook-x) * max(0, 1 - 1.25 * var(--hook-y)) * (var(--hook-h) + var(--hook-land) - var(--hook-clear)))) rotateX(calc(var(--hook-p) * var(--hook-turn) + var(--hook-x) * (1 - var(--hook-y)) * var(--hook-tip)));z-index:calc(round(var(--hook-p), 1) * 4 - 1 - round(var(--hook-x) + .48, 1) * 2 - round(var(--hook-y) + .48, 1) * 2);background:color-mix(in oklab, var(--paper) calc(100% - var(--hook-k) * var(--hook-frost)), transparent);-webkit-backdrop-filter:blur(calc(var(--hook-k) * var(--hook-blur)));backdrop-filter:blur(calc(var(--hook-k) * var(--hook-blur)));border:1px solid color-mix(in oklab, var(--ink) calc(var(--hook-k) * 20%), transparent);border-radius:var(--card-radius-l);box-shadow:var(--hook-shadow);padding:var(--space-3);font:var(--line-font);text-wrap:pretty;color:color-mix(in oklab, var(--ink) calc(var(--hook-kt) * 84%), transparent);transition:--hook-p 0s linear var(--hook-gone), --hook-x calc(var(--hook-out) * .7) cubic-bezier(.2, .6, .3, 1), --hook-y calc(var(--hook-out) * .75) cubic-bezier(.4, 0, 1, 1) calc(var(--hook-out) * .7);position:absolute;overflow:hidden}.frame__hook-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (min-width:1500px){.frame__hook-text{-webkit-line-clamp:5}}.frame:is([data-intent],[data-kbd]) .frame__hook{--hook-p:1;--hook-x:0;--hook-y:0;transition:--hook-p var(--hook-in) var(--ease-out), --hook-x 0s, --hook-y 0s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .frame__hook{box-shadow:none;border-color:color-mix(in oklab, var(--ink) calc(var(--hook-k) * 28%), transparent)}}:root[data-theme=dark] .frame__hook{box-shadow:none;border-color:color-mix(in oklab, var(--ink) calc(var(--hook-k) * 28%), transparent)}@media (hover:none){.frame__hook{display:none}.reel,.reel--sheet{--room:0px}}@media (prefers-reduced-motion:reduce){.frame__hook{--hook-p:1;--hook-x:0;--hook-y:0;opacity:0;transition:opacity var(--dur-exit) ease-in}.frame:is([data-intent],[data-kbd]) .frame__hook{opacity:1;transition:opacity var(--dur-enter) var(--ease-out)}}:is(.frame__still,.wframe,.montage__tile) :is(img,video){transition:scale var(--dur-zoom-out) var(--ease-return), opacity var(--dur-exit) ease-in}.frame__still{transition:border-color var(--dur-zoom-out) var(--ease-return), opacity var(--dur-exit) ease-in, filter var(--dur-exit) ease-in, box-shadow var(--dur-zoom-out) var(--ease-return)}.frame[data-intent] .frame__still,.wcard[data-intent]>.wframe,.wdoor[data-intent]>.wdoor__pic,.wcard[data-kbd] .wframe,.frame[data-kbd] .frame__still,.for-pick[data-intent] .for-pick__pic,.for-sheet>li[data-intent]>.for-sheet__tile,.about-work__item[data-intent] .about-work__frame,.about-problem__example[data-intent] .about-problem__pic,.about-work__item[data-kbd] .about-work__frame,.sheet__frame[data-intent] .sheet__still,.atlas li[data-intent] .atlas__plate,.sheet__link:focus-visible .sheet__still,.stage-frame[data-intent],.series-next__card[data-intent] .plate__frame,.series-next__card:focus-visible .plate__frame{box-shadow:0 4px var(--glow-blur) var(--glow-spread) color-mix(in oklab, var(--ink) calc(var(--glow) * 100%), transparent);transition:box-shadow var(--dur-zoom) var(--ease-out)}.sheet__frame[data-intent] :is(.sheet__t,.sheet__n),.sheet__link:focus-visible :is(.sheet__t,.sheet__n){color:var(--card-title-hover);transition:color var(--dur-enter) var(--ease-out)}.sheet__frame[data-next] .sheet__still:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--accent);pointer-events:none;position:absolute;inset:0}.sheet__frame[data-next] .sheet__n{color:var(--accent)}.sheet__frame[data-read] .sheet__still{opacity:.55;filter:grayscale()}.sheet__frame[data-read] .sheet__t{color:var(--muted)}.frame[data-next] .frame__still:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--accent);pointer-events:none;position:absolute;inset:0}.frame[data-read] .frame__still{opacity:.55;filter:grayscale()}.frame[data-read] .frame__title:after{content:"Read";content:"Read" / ", already read";vertical-align:.12em;font:var(--micro-font);letter-spacing:var(--micro-track);text-transform:uppercase;color:var(--muted);animation:arrive var(--dur-enter) var(--ease-out);margin-inline-start:.6em}.cue{opacity:0;--cue-move:opacity var(--dur-exit) ease-in, translate var(--dur-exit) ease-in;transition:var(--cue-move);translate:0 3px}.picture-label{z-index:2;max-width:70%;padding:var(--label-pad);border-radius:var(--label-radius);font:var(--label-font);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;position:absolute;overflow:hidden}.picture-label[data-at=top-start]{inset-block-start:var(--card-inset);inset-inline-start:var(--card-inset)}.picture-label[data-at=bottom-start]{inset-block-end:var(--card-inset);inset-inline-start:var(--card-inset)}.picture-label[data-at=place]{position:var(--label-position,relative);max-width:none}.picture-label[data-tone=paper]{background:var(--label-paper);color:var(--ink);box-shadow:var(--lift)}.picture-label[data-tone=ink]{background:var(--ink);color:var(--paper)}.picture-label[data-shape=pill]{border-radius:999px;align-items:center;gap:.35rem;display:inline-flex}.picture-label svg{flex:none;width:1rem;height:1rem}.stage-frame{border-radius:var(--card-radius-l);border:1px solid var(--rule);transition:border-color var(--dur-zoom-out) var(--ease-return), opacity var(--dur-exit) ease-in, filter var(--dur-exit) ease-in, box-shadow var(--dur-zoom-out) var(--ease-return);position:relative;overflow:clip}.stage-frame[data-wash=wash]{background:var(--frame-wash)}.stage-frame[data-wash=paper]{background:var(--paper)}.stage-frame[data-wash=white]{background:var(--stage-white)}.stage-frame[data-held]{border-color:var(--rule)!important;box-shadow:none!important}.wframe{border-radius:var(--card-radius-l);border:1px solid var(--rule);background:var(--frame-wash);aspect-ratio:16/10;width:100%;transition:border-color var(--dur-zoom-out) var(--ease-return), box-shadow var(--dur-zoom-out) var(--ease-return);padding:0;display:block;position:relative;overflow:hidden}.wframe>img,.montage__tile>img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block;position:absolute;inset:0}button.wframe{cursor:zoom-in;font:inherit;color:inherit;text-align:left}.wcard--bundle button.wframe{cursor:pointer}.wcard[data-grown] button.wframe{cursor:zoom-out}.wframe[data-mark]:before{content:attr(data-mark);top:var(--card-inset);left:var(--card-inset);z-index:1;pointer-events:none;white-space:nowrap;background:var(--ink);color:var(--paper);font:600 var(--step--1) / 1.2 var(--font-ui);letter-spacing:.01em;border-radius:6px;padding:.25rem .6rem;position:absolute}.for-pick__go{color:inherit;transition:color var(--dur-exit) ease-in;text-decoration:none}.for-pick:is([data-intent],[data-kbd]) .for-pick__go{color:var(--card-title-hover);transition:color var(--dur-enter) var(--ease-out)}a:where(.for-sheet__tile){aspect-ratio:16/10;border-radius:var(--card-radius-s);border:1px solid var(--rule);background:var(--frame-wash);transition:border-color var(--dur-zoom-out) var(--ease-return), box-shadow var(--dur-zoom-out) var(--ease-return);display:block;position:relative;overflow:hidden}a:where(.for-sheet__tile)>img{object-fit:cover;object-position:top left;width:100%;height:100%;transition:scale var(--dur-zoom-out) var(--ease-return);display:block;position:absolute;inset:0}:where(:is([data-card],[data-card-copy])[data-line=float]){position:relative}:where([data-card][data-line=float])[data-name]:after{content:attr(data-name);z-index:2;border-radius:var(--card-radius-s);background:var(--ink);color:var(--paper);font:var(--label-font);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-exit) ease-in, margin var(--dur-exit) ease-in, display var(--dur-exit) allow-discrete;margin:.25rem 0 -.25rem;padding:.2rem .5rem;line-height:1.3;display:none;position:absolute;bottom:calc(100% + .35rem);left:50%;translate:-50%}@media (min-width:56rem) and (hover:hover){:where([data-card][data-line=float])[data-name]:is([data-intent],[data-kbd-child]):after{opacity:1;transition:opacity var(--dur-enter) var(--ease-out), margin var(--dur-enter) var(--ease-out), display var(--dur-enter) allow-discrete;margin:0;display:block}@starting-style{:where([data-card][data-line=float])[data-name]:is([data-intent],[data-kbd-child]):after{opacity:0;margin:.25rem 0 -.25rem}}}.wdoor{grid-row:span 3;grid-template-rows:subgrid;color:inherit;align-content:start;row-gap:0;text-decoration:none;display:grid;position:relative}.wdoor__pic{aspect-ratio:4/5;background:0 0;border:0;overflow:visible}.wdoor__title{--slot-fs:var(--step-2);--slot-lh:1.15;font-family:var(--font-text);font-size:var(--slot-fs);white-space:nowrap;line-height:var(--slot-lh);letter-spacing:-.012em;margin-top:var(--space-3);transition:color var(--dur-exit) ease-in}@media (max-width:44rem){.wdoor__title{--fit-min:1rem}}@media (max-width:23rem){.wdoor__title{--fit-min:.9375rem}}.wdoor__line{--slot-fs:.9rem;--slot-lh:1.45;font-family:var(--font-ui);font-size:var(--slot-fs);line-height:var(--slot-lh);color:var(--muted);text-wrap:balance;margin-top:.3rem}@media (max-width:72.5rem){.wdoor__line[data-lines]{--lines:3}}.wdoor .wdoor__go.link{--go-gap:var(--space-2);inline-size:max-content;margin-top:var(--go-gap);pointer-events:none;translate:0 calc(-100% - var(--go-gap));clip-path:inset(100% -1em -1em);transition:translate var(--hook-out) var(--ease-return), clip-path var(--hook-out) var(--ease-return), color var(--line-out) ease-in;position:absolute;top:100%;left:0}.wdoor.wdoor:is([data-intent],:focus-visible,:focus-within) .wdoor__go.link[data-trigger]{pointer-events:auto;clip-path:inset(calc(-1 * var(--go-gap)) -1em -1em -1em);transition:translate var(--hook-in) var(--ease-out), clip-path var(--hook-in) var(--ease-out), color var(--line-in) var(--ease-out);translate:0}@media (prefers-reduced-motion:reduce){.wdoor .wdoor__go.link{clip-path:none;opacity:0;transition:opacity var(--hook-out) ease-in;translate:none}.wdoor.wdoor:is([data-intent],:focus-visible,:focus-within) .wdoor__go.link[data-trigger]{clip-path:none;opacity:1;transition:opacity var(--hook-in) var(--ease-out);translate:none}}.wdoor:is(:hover,[data-intent],:focus-visible) .wdoor__title{color:var(--card-title-hover);transition:color var(--dur-enter) var(--ease-out)}.wdoor[data-intent]:not(:focus-visible) .wdoor__go:not(:hover){color:var(--ink)}.wdoor[data-intent]:not(:focus-visible) .wdoor__go:not(:hover):after{opacity:0;translate:0 calc(-1 * var(--line-slide))}.wwash{pointer-events:none;z-index:-1;filter:drop-shadow(0 1px 2px #0000000f)drop-shadow(0 8px 12px #00000017);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wwash>path{stroke:var(--rule);stroke-width:1px;vector-effect:non-scaling-stroke}.wwash__paper{fill:var(--paper)}.wwash__lead{mix-blend-mode:multiply;opacity:calc(var(--wash-shade) / 3)}.wcard__title{--slot-fs:var(--step-0);--slot-lh:1.3;--fit-max:var(--slot-fs);--fit-min:15px;font:inherit;margin:0}.wcard__title a{color:inherit;text-decoration:none;display:block}@media (hover:none){.wcard__title a{position:relative}.wcard__title a:before{content:"";position:absolute;inset:0 0 -1.35rem}}.wcard__what{-webkit-hyphens:none;hyphens:none;font:600 var(--slot-fs,var(--step-0))/var(--slot-lh,1.3) var(--font-ui);letter-spacing:-.01em;text-wrap:balance;transition:color var(--dur-exit) ease-in;display:block}.wcard__name{font:400 .9rem/1.4 var(--font-ui);color:var(--muted);margin-top:.15rem;display:block}.wcard__title a:focus-visible .wcard__what,.wcard:not([data-grown]) .wcard__title a:hover .wcard__what,.wcard[data-grown][data-intent] .wcard__title a:hover .wcard__what,.wcard:not([data-grown]):is([data-intent],[data-kbd]) .wcard__what{color:var(--card-title-hover);transition:color var(--dur-enter) var(--ease-out)}.wcard__teaser{font:var(--line-font);color:var(--muted);margin:var(--space-2) 0 0;opacity:0;transition:opacity var(--dur-exit) ease-in, translate var(--dur-exit) ease-in;translate:0 4px}.wcard:is([data-intent],[data-kbd]) .wcard__teaser,.wcard[data-grown] .wcard__teaser{opacity:1;transition:opacity var(--dur-enter) var(--ease-out), translate var(--dur-enter) var(--ease-out);translate:0}.work__grid>.wcard{border-top:1px solid var(--rule);padding:1.1rem 0 var(--space-4);transition:border-color var(--dur-exit) ease-in}.work__grid>.wcard[data-under-sheet]:is([data-intent],[data-kbd]){border-top-color:var(--rule)}.wcard--small{gap:var(--space-3);grid-template-columns:56% minmax(0,1fr);align-items:start;display:grid}.wcard__text{padding-top:.15rem}.wframe .wcard__cue{right:var(--card-inset);bottom:var(--card-inset);z-index:2;position:absolute}.wcard__cue svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.wcard .wcard__cue{opacity:0;transform-origin:100%;transform:perspective(var(--cue-depth)) translateX(calc(100% + var(--cue-travel))) rotateY(var(--cue-tip));--cue-move:transform var(--dur-grow) var(--ease-return) var(--cue-after-hook), opacity 0s linear calc(var(--cue-after-hook) + var(--dur-grow))}.wcard:is([data-intent],[data-kbd]) .wcard__cue,.wcard[data-grown] .wcard__cue{opacity:1;transform:perspective(var(--cue-depth)) translateX(0) rotateY(0);--cue-move:transform var(--dur-grow) var(--ease-out), opacity 0s linear}@media (prefers-reduced-motion:reduce){.wcard .wcard__cue,.wcard:is([data-intent],[data-kbd]) .wcard__cue,.wcard[data-grown] .wcard__cue{transform:none}}.wcard .wcard__cue[data-cue=always]{opacity:1;--cue-move:opacity 0s;gap:.35rem;display:inline-flex;transform:none}.wcard:is([data-intent],[data-kbd],[data-grown],[data-pose=engaged]) .wcard__cue,.wcard .wcard__cue[data-cue=always]{pointer-events:auto}.wcard__open{margin-top:var(--space-3);pointer-events:none;clip-path:inset(100% -1em -1em);transition:translate var(--dur-exit) ease-in, clip-path var(--dur-exit) ease-in;translate:0 calc(-100% - 3px)}.wcard[data-grown] .wcard__open,.wcard__open:focus-visible{pointer-events:auto;clip-path:inset(-3px -1em -1em);transition:translate var(--dur-enter) var(--ease-out), clip-path var(--dur-enter) var(--ease-out);translate:0}@media (prefers-reduced-motion:reduce){.wcard__open{clip-path:none;opacity:0;transition:opacity var(--dur-exit) ease-in;translate:none}.wcard[data-grown] .wcard__open,.wcard__open:focus-visible{clip-path:none;opacity:1;transition:opacity var(--dur-enter) var(--ease-out);translate:none}}[data-card]>[data-card-close]{animation:card-close-in var(--dur-enter) var(--ease-out) var(--dur-grow) backwards}@keyframes card-close-in{0%{clip-path:inset(-1rem -1rem 100%);transform:translateY(calc(100% + .5rem))}to{clip-path:inset(-1rem -1rem -.5rem);transform:none}}@media (prefers-reduced-motion:reduce){[data-card]>[data-card-close]{animation-name:card-close-fade}}@keyframes card-close-fade{0%{opacity:0}}.work__grid>.wcard[data-grown]{grid-column:1/-1}.wcard[data-grown]{gap:var(--space-4);grid-template-columns:minmax(0,2.6fr) minmax(0,1fr)}.wcard--tile[data-grown]{align-items:start;display:grid}.wcard[data-grown] .wcard__text{padding-top:0}.wcard[data-grown] .wcard__what,.wcard--star .wcard__what{font-family:var(--font-text);font-weight:400;font-size:var(--step-2);letter-spacing:-.012em;line-height:1.15}.wcard[data-grown] .wcard__what{text-box:trim-start cap alphabetic}.wcard--star .wframe{aspect-ratio:16/9}.wcard__cap{gap:var(--space-5);margin-top:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.wcard--star .wcard__teaser{margin-top:.2rem}.wcard--star{--line-drop:calc(var(--space-3) + .2rem)}.wcard--star .wcard__teaser{opacity:1;clip-path:inset(calc(-1 * var(--line-drop)) -2rem -2rem -2rem);transition:none;translate:none}.wcard--star .wcard__teaser-text{translate:0 calc(-100% - var(--line-drop));transition:translate var(--dur-grow,.48s) var(--ease-return);display:block}.wcard--star:is([data-intent],[data-kbd]) .wcard__teaser-text{transition:translate var(--dur-grow,.48s) var(--ease-out);translate:0}@media (prefers-reduced-motion:reduce){.wcard--star .wcard__teaser-text{opacity:0;transition:opacity var(--dur-exit) ease-in;translate:none}.wcard--star:is([data-intent],[data-kbd]) .wcard__teaser-text{opacity:1;transition:opacity var(--dur-enter) var(--ease-out)}}.wcard__toggle{margin-top:var(--space-2)}.wcard--bundle[data-open] .wframe{border-color:var(--ink)}.work__grid>.wcard--bundle[data-open]{border-top-color:#0000}.wcard--bundle[data-open] .wcard__teaser{display:none}.wtray{padding:var(--space-4) 0;grid-column:1/-1}.wtray[hidden]{display:none}.wtray__grid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.wtray__grid>.wcard--star{grid-column:1/-1}.wtray[data-n="4"]>.wtray__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.montage__tile--link{color:var(--ink);text-decoration:none}.montage__tile--link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.montage__tile--link .montage__what{transition:color var(--dur-exit) ease-in}.montage__tile--link:focus-visible .montage__what,.montage__tile--link[data-intent-part] .montage__what{color:var(--card-title-hover);transition:color var(--dur-enter) var(--ease-out)}.montage__what{text-overflow:ellipsis;white-space:nowrap;font:var(--label-font);letter-spacing:-.005em;display:block;overflow:hidden}.montage__name{text-overflow:ellipsis;white-space:nowrap;font:var(--micro-text-font);color:var(--muted);display:block;overflow:hidden}.wcard:not(.wcard--star)>.wcard__text{position:relative}.wcard--tile .wcard__text{padding-top:var(--space-2)}.wcard:not(.wcard--star){z-index:0;transition:z-index 0s linear var(--hook-gone);position:relative;container-type:inline-size}.wcard:not(.wcard--star):is([data-intent],[data-kbd]){z-index:3;transition:none}.wcard--small{--pic-w:56cqw;--text-x:calc(56cqw + var(--space-3));--text-y:0px}.wcard--tile{--pic-w:100cqw;--text-x:0px;--text-y:62.5cqw}.wcard:not(.wcard--star):not([data-grown])>.wcard__text>.wcard__teaser{--hook-clear:14px;--hook-k:clamp(0, (var(--hook-p) - .7) / .3, 1);--hook-kt:calc(var(--hook-k) * (1 - clamp(0, (var(--hook-x) - .1) / .2, 1)));--hook-h:calc(var(--card-hook-lines) * var(--line-lead) * var(--line-size) + 2 * var(--space-2) + 2px);box-sizing:border-box;pointer-events:none;left:calc(var(--hook-land) - var(--text-x));top:calc(var(--hook-land) - var(--text-y));width:calc(var(--pic-w) - 2 * var(--hook-land));height:var(--hook-h);transform-origin:50% 0;transform:perspective(var(--hook-depth)) translateZ(calc(max(0px, calc(-1 * sin(var(--hook-p) * var(--hook-turn)) * var(--hook-lift))) - var(--hook-y) * var(--hook-sink))) translateY(calc(var(--hook-x) * max(0, 1 - 1.25 * var(--hook-y)) * (var(--hook-h) + var(--hook-land) - var(--hook-clear)) * -1)) rotateX(calc(var(--hook-p) * -1 * var(--hook-turn) + var(--hook-x) * (1 - var(--hook-y)) * -1 * var(--hook-tip)));z-index:calc(round(var(--hook-p), 1) * 3 - 1 - round(var(--hook-y) + .48, 1) * 3);opacity:1;clip-path:none;background:color-mix(in oklab, var(--paper) calc(100% - var(--hook-k) * var(--hook-frost)), transparent);-webkit-backdrop-filter:blur(calc(var(--hook-k) * var(--hook-blur)));backdrop-filter:blur(calc(var(--hook-k) * var(--hook-blur)));border:1px solid color-mix(in oklab, var(--ink) calc(var(--hook-k) * 20%), transparent);border-radius:var(--card-radius-l) var(--card-radius-l) var(--hook-radius-b,0px) var(--hook-radius-b,0px);box-shadow:var(--hook-shadow);padding:var(--space-2) var(--space-3);color:color-mix(in oklab, var(--ink) calc(var(--hook-kt) * 84%), transparent);visibility:hidden;transition:--hook-p 0s linear var(--hook-gone), --hook-x calc(var(--hook-out) * .7) cubic-bezier(.2, .6, .3, 1), --hook-y calc(var(--hook-out) * .75) cubic-bezier(.4, 0, 1, 1) calc(var(--hook-out) * .7), visibility 0s linear var(--hook-gone);margin:0;position:absolute;overflow:hidden;translate:none}.wcard:not(.wcard--star):not([data-grown])>.wcard__text>.wcard__teaser>.wcard__teaser-text{-webkit-line-clamp:var(--card-hook-lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wcard:not(.wcard--star):not([data-grown]):is([data-intent],[data-kbd])>.wcard__text>.wcard__teaser{--hook-p:1;--hook-x:0;--hook-y:0;visibility:visible;transition:--hook-p var(--hook-in) var(--ease-out) var(--hook-after-cue), --hook-x 0s, --hook-y 0s, visibility 0s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .wcard:not(.wcard--star):not([data-grown])>.wcard__text>.wcard__teaser{box-shadow:none;border-color:color-mix(in oklab, var(--ink) calc(var(--hook-k) * 28%), transparent)}}:root[data-theme=dark] .wcard:not(.wcard--star):not([data-grown])>.wcard__text>.wcard__teaser{box-shadow:none;border-color:color-mix(in oklab, var(--ink) calc(var(--hook-k) * 28%), transparent)}@media (prefers-reduced-motion:reduce){.wcard:not(.wcard--star):not([data-grown])>.wcard__text>.wcard__teaser{--hook-p:1;--hook-x:0;--hook-y:0;opacity:0;transition:opacity var(--dur-exit) ease-in}.wcard:not(.wcard--star):not([data-grown]):is([data-intent],[data-kbd])>.wcard__text>.wcard__teaser{opacity:1;transition:opacity var(--dur-enter) var(--ease-out)}}[data-lines="1"]{--lines:1}[data-lines="2"]{--lines:2}[data-lines="3"]{--lines:3}:is([data-card],[data-card-copy]):not([data-grown]) [data-lines]{min-height:calc(var(--lines) * var(--slot-lh) * var(--slot-fs));-webkit-line-clamp:var(--lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is([data-card],[data-card-copy]):not([data-grown]) [data-fit]{container-type:inline-size}:is([data-card],[data-card-copy]):not([data-grown]) [data-fit-text]{font-size:max(var(--fit-min,0px), min(var(--fit-max,1em), 9.4cqi))}.wcard__name[data-shown=false]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.work__grid--stack{contain:inline-size;container:wgrid/inline-size}.work__grid--stack>.wcard--tile:not([data-grown]){grid-row:span 2;grid-template-rows:subgrid;--pic-w:100%;align-self:stretch;row-gap:0;display:grid;container-type:normal}.work__grid--stack>.wcard--tile:not([data-grown])>.wframe{grid-row:1}.work__grid--stack>.wcard--tile:not([data-grown])>.wcard__text{grid-row:2;grid-template-rows:subgrid;row-gap:0;display:grid}.work__grid--stack>.wcard--tile:not([data-grown])>.wcard__text>div{display:contents}.work__grid--stack>.wcard--tile:not([data-grown]) .wcard__title{grid-row:1}.work__grid--stack>.wcard--tile:not([data-grown])>.wcard__text>.wcard__teaser{margin-top:calc(var(--hook-land) - 62.5%);top:0}@media (min-width:65.01rem){@container wgrid (max-width:57.75rem){.work__grid--stack>.wcard--tile>.wcard__text>.wcard__teaser{--card-hook-lines:3}}}@container (max-width:17rem){.wtray .wcard--tile>.wcard__text>.wcard__teaser{--card-hook-lines:3}}.wcard:not(.wcard--star):not([data-grown]) .wcard__open{margin-top:var(--space-2);position:absolute;top:100%;left:0}.wtray[data-folding] .wcard__text{opacity:0;transition:opacity .12s ease-in}.montage{background:var(--ink);transition:scale var(--dur-zoom-out) var(--ease-return);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;display:grid;position:absolute;inset:0}.montage--1{grid-template-rows:1fr;grid-template-columns:1fr}.montage--6{grid-template-columns:repeat(3,1fr)}.montage--3{grid-template-columns:2fr 1fr}.montage--3>.montage__tile:first-child{grid-row:span 2}.montage--2{grid-template-rows:1fr}.montage__tile{background:var(--wash);position:relative;overflow:hidden}.montage__tile:after{content:"";background:var(--paper);opacity:.16;transition:opacity .4s var(--ease-out);pointer-events:none;position:absolute;inset:0}.montage__tile[data-live]:after{opacity:0}.montage__tile[data-framed]>img,.montage__tile[data-framed]>video.loop--frame{inset:auto;left:calc(-100% * var(--fx) / var(--fw));top:calc(-100% * var(--fy) / var(--fh));width:calc(100% / var(--fw));height:calc(100% / var(--fh));object-fit:cover;object-position:center}.montage--prints{background:0 0;gap:8px;overflow:visible}.montage--prints>.montage__tile{border-radius:var(--card-radius-m);transition:box-shadow var(--dur-exit) ease-in;box-shadow:0 1px 2px #1b1b1a12,0 8px 22px -10px #1b1b1a47}.montage--prints>.montage__tile[data-live]{transition:box-shadow var(--dur-enter) var(--ease-out);box-shadow:0 1px 2px #1b1b1a14,0 14px 30px -12px #1b1b1a61}.montage--prints>.montage__tile:after{display:none}.montage__tile[data-framed]>video.loop--door{object-fit:cover;width:100%;height:100%;inset:0}@media (max-width:44rem),(hover:none){.wcard:not([data-grown]) :is(.wcard__teaser,.wcard__open){display:none}.work__grid>.wcard{padding-bottom:var(--space-4)}}@media (max-width:64rem){.wtray__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:44rem){.wtray__grid,.wcard__cap,.wcard[data-grown]{grid-template-columns:1fr}.wcard--small{grid-template-columns:44% minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.work .montage,.work .wframe>img,.work .loop--frame{transition:none;scale:none!important}.frame__hook,.frame:is([data-intent],[data-kbd]) .frame__hook{translate:none}}.cgroup{gap:var(--space-5) var(--space-4);--frame:calc((100cqi - 3 * var(--space-4)) / 4);--title-gap:var(--space-4);--pad-opener:calc(var(--title-gap) - .29 * var(--step-2));--pad-article:calc(var(--title-gap) - .317 * var(--small-title-size));--title-row:calc(var(--pad-article) + 2 * var(--small-title-lead) * var(--small-title-size) + var(--space-4));--hook:calc(4 * var(--line-lead) * var(--line-size) + var(--space-2));grid-column:wide;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;margin:0;padding:0;list-style:none;display:grid;container-type:inline-size}.cgroup+.cgroup{margin-top:var(--space-6)}.cgroup[data-near]{margin-top:var(--group-near,var(--space-5))}.cgroup>.frame{width:auto}.cgroup .frame__link{gap:0}.cgroup :is(.frame__link>.frame__title,.frame__head){padding-top:var(--pad-article)}.cgroup .frame--opener :is(.frame__link>.frame__title,.frame__head){padding-top:var(--pad-opener)}.cgroup>.frame--small{grid-column:span 1}.cgroup>:is(.frame--half,.frame--feature){grid-column:span 2}.cgroup>.frame--full{grid-column:1/-1}.cgroup{--small-fs:var(--small-title-size);--small-gap:var(--space-3)}.cgroup>.frame--small{--pad-article:calc(var(--small-gap) - .317 * var(--small-fs))}.cgroup.cgroup>.frame--small .frame__title{font-size:var(--small-fs)}.cgroup.cgroup[data-aspect=film]>:is(.frame--full,.frame--half) .frame__still{aspect-ratio:16/9}.cgroup--feature{grid-template-rows:repeat(4,auto);row-gap:0}.cgroup.cgroup--feature .frame--feature .frame__still :is(img,.loop--frame){object-fit:cover}.cgroup.cgroup--thirds{grid-template-columns:repeat(3,minmax(0,1fr))}.cgroup--thirds>.frame--half{grid-column:span 1}.cgroup--thirds .frame--opener .frame__title{font:var(--small-title-font);letter-spacing:-.008em}.cgroup--thirds .frame--opener :is(.frame__link>.frame__title,.frame__head){padding-top:var(--pad-article)}.cgroup.cgroup--feature{--feature-k:1.6;--small-fs:var(--small-title-size);--outline:color-mix(in oklab, var(--ink) 20%, var(--paper));--small-gap:var(--space-3);--pad-article:calc(var(--small-gap) - .317 * var(--small-fs));--title-row:calc(var(--pad-article) + 2 * 1.3 * var(--small-fs) + var(--space-4));--under-base:calc(.245 * var(--small-fs));--last-title:calc(var(--pad-article) + 1.3 * var(--small-fs) - var(--under-base));--rows:calc(var(--title-row) + var(--last-title));--sm-less:calc(2 * var(--space-4) + var(--feature-k) * var(--rows));--sm-per:calc(2 + 1.25 * var(--feature-k));--sm:calc((100cqi - var(--sm-less)) / var(--sm-per));--frame:var(--sm);grid-template-columns:minmax(0, 1fr) repeat(2, calc((100% - var(--sm-less)) / var(--sm-per)))}.cgroup.cgroup--feature>.frame--feature{grid-column:1}.cgroup.cgroup--feature .frame--small .frame__title{font-size:var(--small-fs)}.cgroup.cgroup--feature .frame--small .frame__still{border-color:var(--outline)}.cgroup.cgroup--feature{--feature-lift:0 1px 2px #00000012, 0 3px 8px -2px #00000017, 0 14px 28px -14px #00000029}.cgroup.cgroup--feature .frame--opener .frame__still{border-color:var(--outline);box-shadow:var(--feature-lift)}@media (not (max-width:64rem)) and (hover:hover){.cgroup.cgroup--feature :is(.cgroup--feature>.frame--small:nth-child(n+4),.cgroup__page>.frame--small:nth-child(n+3)) :is(.frame__link>.frame__title,.frame__head){min-height:0;margin-bottom:calc(-1 * var(--under-base));padding-bottom:0}}.cgroup__pages{grid-area:1/2/-1/-1;grid-template:subgrid / subgrid;list-style:none;display:grid;position:relative}.cgroup__clip{grid-area:1/1/-1/-1;grid-template:subgrid / subgrid;clip-path:inset(-100vmax -100vmax -100vmax 0);display:grid}.cgroup__track{grid-area:1/1/-1/-1;grid-template:subgrid / subgrid;translate:calc(-1 * var(--page,0) * (100% + var(--space-4))) 0;transition:translate var(--dur-grow) var(--ease-glide);display:grid}.cgroup__page{grid-area:1/1/-1/-1;grid-template:subgrid / subgrid;translate:calc(var(--at) * (100% + var(--space-4))) 0;margin:0;padding:0;list-style:none;display:grid}.cgroup__steps{grid-area:1/1/-1/-1;grid-template:subgrid / subgrid;z-index:3;pointer-events:none;display:grid}.cgroup__steps .reel__step{pointer-events:auto;grid-row:3;align-self:start;position:relative;top:auto;left:auto;right:auto}.cgroup__steps .reel__step--on{translate:min(calc(50% + var(--space-4) / 2), calc(var(--gutter-page) - 2px)) -50%;grid-column:-2;justify-self:end}.cgroup__steps .reel__step--back{translate:calc(-50% - var(--space-4) / 2) -50%;grid-column:1;justify-self:start}@media (prefers-reduced-motion:reduce){.cgroup__track{transition:none}}.cgroup.cgroup--feature .frame--opener .frame__still{grid-area:1/1/-1}.cgroup.cgroup--feature .frame--opener .frame__title{z-index:1;box-sizing:border-box;margin:0 var(--space-3) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--card-radius-m);pointer-events:none;grid-area:1/1/-1;align-self:end;position:relative}.cgroup.cgroup--feature .frame--opener .frame__title,.stage-plate{--plate-pad:var(--space-3);--act:3.5rem;--plate-tint:var(--paper);--plate-hatch:image-set(url(/textures/plate-graphite-256.webp) 1x, url(/textures/plate-graphite.webp) 2x);--graphite-tile:256px;--hair:color-mix(in oklab, var(--ink) 16%, transparent);--step:color-mix(in oklab, var(--ink) 6%, transparent);--edge-out:color-mix(in oklab, var(--ink) 24%, transparent);--edge-in:#ffffff8c;--edge-lt:#ffffff8c;text-box:trim-both cap alphabetic;padding:var(--plate-pad) calc(var(--act) + var(--space-3)) var(--plate-pad) var(--space-3);background:linear-gradient(var(--hair), var(--hair)) right var(--act) top / 1px 100% no-repeat, linear-gradient(var(--edge-lt), var(--edge-lt)) right calc(var(--act) - 1px) top / 1px 100% no-repeat, linear-gradient(var(--step), var(--step)) right top / var(--act) 100% no-repeat, var(--sheen), color-mix(in oklab, var(--plate-tint) var(--plate-paper), transparent);box-shadow:0 0 0 1px var(--edge-out), var(--plate-relief), var(--plate-drop);outline:1px solid var(--edge-in);outline-offset:-1px;text-shadow:var(--plate-text-shadow);-webkit-backdrop-filter:blur(var(--plate-blur)) saturate(var(--plate-sat));backdrop-filter:blur(var(--plate-blur)) saturate(var(--plate-sat));overflow:hidden}@supports not (text-box:trim-both cap alphabetic){.cgroup.cgroup--feature .frame--opener .frame__title{padding-top:calc(var(--plate-pad) - .301em);padding-bottom:calc(var(--plate-pad) - .148em)}}.cgroup.cgroup--feature .frame--opener .frame__title:before,.stage-plate:before{content:"";z-index:-1;pointer-events:none;background:var(--plate-hatch) 0 0 / var(--graphite-tile) var(--graphite-tile);mix-blend-mode:multiply;opacity:var(--graphite-tone);position:absolute;inset:0}.plate-go{display:none}.cgroup.cgroup--feature .frame--opener .frame__title .plate-go{width:var(--act);pointer-events:none;place-items:center;display:grid;position:absolute;top:0;bottom:0;right:0}.plate-arrow{--base:12.5;--ax:1;--ay:0;--len:1;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;overflow:visible}.plate-arrow[data-way=upright]{--base:12.7279;--ay:-1;--len:1.4142}.plate-arrow__shaft{stroke-dasharray:var(--base) 80;transition:stroke-dasharray var(--launch-reach-out) var(--ease-return)}.plate-arrow__head{transition:translate var(--launch-reach-out) var(--ease-return)}.cgroup--feature .frame[data-intent] .plate-arrow__shaft,.cgroup--feature .frame__link:focus-visible .plate-arrow__shaft,.stage-plate__go:hover .plate-arrow__shaft{stroke-dasharray:calc(var(--base) + var(--launch-reach) * var(--len)) 80;transition:stroke-dasharray var(--launch-reach-in) var(--ease-out)}.cgroup--feature .frame[data-intent] .plate-arrow__head,.cgroup--feature .frame__link:focus-visible .plate-arrow__head,.stage-plate__go:hover .plate-arrow__head{translate:calc(var(--launch-reach) * var(--ax) * 1px) calc(var(--launch-reach) * var(--ay) * 1px);transition:translate var(--launch-reach-in) var(--ease-out)}@property --plate-paper{syntax:"<percentage>";inherits:true;initial-value:92%}@property --plate-blur{syntax:"<length>";inherits:true;initial-value:0}@property --plate-sat{syntax:"<number>";inherits:true;initial-value:1}@property --graphite-tone{syntax:"<number>";inherits:true;initial-value:.6}@property --sheen-top{syntax:"<number>";inherits:true;initial-value:0}@property --sheen-mid{syntax:"<number>";inherits:true;initial-value:0}@property --sheen-foot{syntax:"<number>";inherits:true;initial-value:0}.cgroup.cgroup--feature .frame--opener .frame__title,.stage-plate{--plate-paper:58%;--plate-blur:18px;--plate-sat:1.3;--graphite-tone:.5;--sheen-top:.5;--sheen-mid:.05;--sheen-foot:.03;--sheen:linear-gradient(180deg, rgb(255 255 255/var(--sheen-top)), rgb(255 255 255/var(--sheen-mid)) 52%, rgb(0 0 0/var(--sheen-foot)));--plate-relief:inset 0 1px 0 #fffffff2, inset 0 2px 4px -2px #fff9, inset 0 -1px 0 #0000001a, inset 0 -9px 10px -9px #00000024;--plate-drop:0 1px 1px #00000014, 0 4px 8px -3px #0000001f, 0 14px 22px -10px #00000042;--plate-text-shadow:0 1px 0 #ffffff80, 0 0 8px #fff6;transition:--plate-paper var(--dur-zoom-out) var(--ease-return), --plate-blur var(--dur-zoom-out) var(--ease-return), --plate-sat var(--dur-zoom-out) var(--ease-return), --graphite-tone var(--dur-zoom-out) var(--ease-return), --sheen-top var(--dur-zoom-out) var(--ease-return), --sheen-mid var(--dur-zoom-out) var(--ease-return), --sheen-foot var(--dur-zoom-out) var(--ease-return), box-shadow var(--dur-zoom-out) var(--ease-return), text-shadow var(--dur-zoom-out) var(--ease-return)}.cgroup.cgroup--feature .frame--opener[data-intent] .frame__title{--plate-paper:40%;--plate-blur:24px;--plate-sat:1.45;--graphite-tone:.4;--sheen-top:.55;--sheen-mid:.08;--sheen-foot:0;--plate-relief:inset 0 1px 0 #fff, inset 0 2px 4px -2px #fff0, inset 0 -1px 0 #ffffff40, inset 0 -9px 10px -9px #0000;--plate-drop:0 1px 2px #0000001a, 0 10px 22px -10px #0000004d, 0 14px 22px -10px #0000;--plate-text-shadow:0 0 10px #ffffff8c, 0 0 2px #ffffff80;transition:--plate-paper var(--dur-grow) var(--ease-out), --plate-blur var(--dur-grow) var(--ease-out), --plate-sat var(--dur-grow) var(--ease-out), --graphite-tone var(--dur-grow) var(--ease-out), --sheen-top var(--dur-grow) var(--ease-out), --sheen-mid var(--dur-grow) var(--ease-out), --sheen-foot var(--dur-grow) var(--ease-out), box-shadow var(--dur-grow) var(--ease-out), text-shadow var(--dur-grow) var(--ease-out)}.cgroup.cgroup--feature .frame--opener .frame__link:active .frame__title,.cgroup.cgroup--feature .frame--opener[data-pose=pressed] .frame__title{--plate-paper:90%;--plate-blur:6px;--plate-sat:1;--graphite-tone:.6;--sheen-top:.12;--sheen-mid:0;--sheen-foot:.05;--plate-relief:inset 0 1px 0 #0000001f, inset 0 3px 6px -2px #0000002e, inset 0 -1px 0 #ffffffd9, inset 0 -6px 8px -6px #ffffff80;--plate-drop:0 1px 1px #0000000f, 0 2px 4px -2px #00000014, 0 14px 22px -10px #0000;--plate-text-shadow:0 1px 0 #ffffffbf, 0 0 2px #fff0;transition:--plate-paper var(--link-press-in) ease-out, --plate-blur var(--link-press-in) ease-out, --plate-sat var(--link-press-in) ease-out, --graphite-tone var(--link-press-in) ease-out, --sheen-top var(--link-press-in) ease-out, --sheen-mid var(--link-press-in) ease-out, --sheen-foot var(--link-press-in) ease-out, box-shadow var(--link-press-in) ease-out, text-shadow var(--link-press-in) ease-out}@media (prefers-reduced-motion:reduce){.cgroup.cgroup--feature .frame--opener .frame__title,.stage-plate{transition:none!important}}.cgroup.cgroup--feature{--feature-wide:2 / 1;--plate-max:34rem}@media (55rem<width<=64rem){.cgroup.cgroup--feature{--feature-wide:8 / 3}}@media (max-width:64rem){.cgroup.cgroup--feature{--sm:calc((100cqi - 3 * var(--space-4)) / 4);--frame:var(--sm);grid-template-rows:auto auto auto;grid-template-columns:repeat(4,minmax(0,1fr))}.cgroup.cgroup--feature>.frame--feature{margin-bottom:var(--space-4);grid-area:1/1/auto/-1;display:block}.cgroup.cgroup--feature .frame--opener .frame__link{grid-area:auto;grid-template-rows:none}.cgroup.cgroup--feature .frame--opener .frame__still{aspect-ratio:var(--feature-wide);grid-area:1/1;align-self:start;height:auto}.cgroup.cgroup--feature .frame--opener .frame__title{width:min(var(--plate-max), 100% - 2 * var(--space-3));grid-area:1/1;justify-self:start}.cgroup.cgroup--feature .frame--opener .frame__ways{grid-area:1/1}.cgroup.cgroup--feature .cgroup__pages{grid-area:2/1/-1/-1}.cgroup.cgroup--feature+.cgroup[data-near]{margin-top:var(--space-3)}.cgroup--feature .cgroup__steps .reel__step{grid-row:1;align-self:center}.cgroup--feature .cgroup__steps .reel__step--on{translate:min(calc(50% + var(--space-4) / 2), calc(var(--gutter-page) - 2px)) 0}.cgroup--feature .cgroup__steps .reel__step--back{translate:max(calc(-50% - var(--space-4) / 2), calc(2px - var(--gutter-page))) 0}}@media (max-width:44rem),(hover:none){.cgroup.cgroup--feature{row-gap:var(--space-5);--sm:calc((100cqi - var(--space-4)) / 2);--frame:var(--sm);grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.cgroup--feature :is(.cgroup__pages,.cgroup__clip,.cgroup__track,.cgroup__page){display:contents}.cgroup--feature .cgroup__steps{display:none}.cgroup.cgroup--feature>.frame--feature{grid-area:auto/1/auto/-1;margin-bottom:0;display:block}.cgroup.cgroup--feature .frame--opener .frame__link{grid-area:auto;grid-template-rows:none}.cgroup.cgroup--feature .frame--opener .frame__still{aspect-ratio:var(--feature-wide);grid-area:1/1;align-self:start;height:auto}.cgroup.cgroup--feature .frame--opener .frame__title{width:min(var(--plate-max), 100% - 2 * var(--space-3));grid-area:1/1;justify-self:start}.cgroup.cgroup--feature .frame--opener .frame__ways{grid-area:1/1}}@media (max-width:55rem){.cgroup.cgroup--feature[data-narrow]{row-gap:var(--space-5);--sm:calc((100cqi - var(--space-4)) / 2);--frame:var(--sm);grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.cgroup--feature[data-narrow] :is(.cgroup__pages,.cgroup__clip,.cgroup__track,.cgroup__page){display:contents}.cgroup--feature[data-narrow] .cgroup__steps{display:none}.cgroup.cgroup--feature[data-narrow]>.frame--feature{grid-area:auto/1/auto/-1;margin-bottom:0;display:block}.cgroup.cgroup--feature[data-narrow] .frame--opener .frame__link{grid-area:auto;grid-template-rows:none}.cgroup.cgroup--feature[data-narrow] .frame--opener .frame__still{aspect-ratio:var(--feature-wide);grid-area:1/1;align-self:start;height:auto}.cgroup.cgroup--feature[data-narrow] .frame--opener .frame__title{width:min(var(--plate-max), 100% - 2 * var(--space-3));grid-area:1/1;justify-self:start}.cgroup.cgroup--feature[data-narrow] .frame--opener .frame__ways{grid-area:1/1}}@media (44rem<width<=55rem),(not (max-width:44rem)) and (hover:none){.cgroup.cgroup--feature[data-narrow=thirds]{--sm:calc((100cqi - 2 * var(--space-4)) / 3);--frame:var(--sm);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:44rem){.cgroup.cgroup--feature .frame--opener .frame__still{aspect-ratio:16/10}.cgroup.cgroup--feature:is(*,[data-narrow]) .frame--opener .frame__title{width:auto;margin:var(--space-3) 0 0;grid-area:2/1;place-self:start stretch}}@media (44rem<width<=55rem){.cgroup[data-narrow=thirds]{--frame:calc((100cqi - 2 * var(--space-4)) / 3);grid-template-columns:repeat(3,minmax(0,1fr))}.cgroup[data-narrow=pairs]{--frame:calc((100cqi - var(--space-4)) / 2);grid-template-columns:repeat(2,minmax(0,1fr))}.cgroup[data-narrow]>.frame--half{grid-column:span 1}}@media (max-width:44rem){.cgroup{--frame:calc((100cqi - var(--space-4)) / 2);grid-template-columns:repeat(2,minmax(0,1fr))}.cgroup>.frame--half{grid-column:span 1}.cgroup>.frame--full{grid-column:1/-1}.cgroup.cgroup--thirds{grid-template-columns:minmax(0,1fr)}.cgroup>.frame--half.frame--opener .frame__title{font:var(--small-title-font);letter-spacing:-.008em}.cgroup>.frame--half.frame--opener :is(.frame__link>.frame__title,.frame__head){padding-top:var(--pad-article)}}.edge-band{--band-fill:color-mix(in oklab, var(--ink) 5%, var(--paper));--band-w:3840px;isolation:isolate;margin-top:var(--band-out,var(--space-6));padding-block:var(--band-gap,var(--space-6));position:relative}.edge-band>.cgroup{margin-top:0}.edge-band+.cgroup{margin-top:var(--band-out,var(--space-6))}.edge-band__edge,.edge-band__body{width:var(--band-w);margin-left:calc(var(--band-w) / -2);z-index:-1;pointer-events:none;position:absolute;left:50%}.edge-band__edge{height:var(--edge-h);display:block;overflow:visible}.edge-band__edge--top{top:calc(var(--edge-h) / -2)}.edge-band__edge--bottom{bottom:calc(var(--edge-h) / -2)}.edge-band__body{top:calc(var(--edge-h) / 2 - 1px);bottom:calc(var(--edge-h) / 2 - 1px);background:var(--band-fill)}.edge-band__fill{fill:var(--band-fill);stroke:none}.edge-band__line{fill:none;stroke-linecap:round}.home:has(.edge-band){overflow-x:clip}.stage-plate{--plate-paper:100%;--plate-blur:0px;--graphite-tone:.5;isolation:isolate;box-sizing:border-box;width:100%;min-width:0;height:var(--plate-h);border-radius:var(--card-radius-m);cursor:pointer;color:var(--ink);font:400 var(--step-1) / 1.15 var(--font-text);letter-spacing:var(--head-track);text-box:none;flex:0 auto;align-items:stretch;margin:0 0 0 auto;padding:0;text-decoration:none;display:flex;position:relative;scale:none!important}.prototype__bar[data-plated]{flex-wrap:nowrap;align-items:center}.prototype__bar[data-plated] .prototype__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.prototype__bar[data-plated] .prototype__land-caption{order:-1;display:none}body[data-land] .prototype__bar[data-plated] .stage-plate[data-state=live]:not([data-beat])~.prototype__land-caption{display:block}@media (max-width:44rem){body[data-land] .prototype__bar[data-plated] .stage-plate[data-state=live]:not([data-beat])~.prototype__land-caption{display:-webkit-box}}.prototype__stage:is([data-phase=poster],[data-phase=loading],[data-glide])+.prototype__bar[data-plated]{bottom:var(--space-2);z-index:2;position:sticky}.stage-plate__main{flex:1 1 0;align-items:center;min-width:0;display:flex;overflow:hidden}.stage-plate__text{min-width:0;white-space:nowrap;flex:1 1 0;align-items:center;margin-block:-.5em;margin-inline-start:var(--space-3);padding-block:.5em;display:grid;overflow:hidden}.stage-plate__say{--d:calc(var(--n) - var(--i));text-box:trim-both cap alphabetic;opacity:calc(1 - min(1, abs(var(--d))));translate:0 calc(var(--d) * .7em);transition:opacity var(--dur-enter) var(--ease-out), translate var(--dur-enter) var(--ease-out);grid-area:1/1;display:block}@keyframes plate-wait{50%{opacity:.35}}.stage-plate[data-state=loading] .stage-plate__text{animation:.9s ease-in-out infinite plate-wait}.stage-plate__go{width:var(--act);contain:size;flex:none;align-self:stretch;place-items:center;display:grid}.stage-plate :is(.stage-plate__main,.stage-plate__go){color:var(--ink);transition:color var(--dur-exit) ease-in, background-color var(--dur-zoom-out) var(--ease-return), box-shadow var(--dur-zoom-out) var(--ease-return);background-color:#fff0;position:relative;box-shadow:inset 0 1px #fff0,0 0 16px -4px #0000}.stage-plate :is(.stage-plate__main:hover,.stage-plate__go:hover),.stage-plate:focus-visible .stage-plate__main{z-index:1;color:var(--link-hover);box-shadow:var(--zone-lift);transition:color var(--dur-enter) var(--ease-out), background-color var(--dur-enter) var(--ease-out), box-shadow var(--dur-enter) var(--ease-out);background-color:#ffffff8c}.stage-plate :is(.stage-plate__main:active,.stage-plate__go:active){z-index:1;color:color-mix(in oklab, var(--link-hover) 80%, var(--ink));background-color:color-mix(in oklab, var(--paper) 90%, transparent);box-shadow:var(--zone-press);transition:color var(--link-press-in) ease-out, background-color var(--link-press-in) ease-out, box-shadow var(--link-press-in) ease-out}.stage-plate[data-state=live]:not([data-beat]){animation:plate-close var(--launch-close) var(--ease-return) both}.stage-plate[data-state=live]:not([data-beat]) .stage-plate__text{animation:plate-words var(--launch-close) ease-in both}@keyframes plate-close{0%{width:100%}to{width:var(--act)}}@keyframes plate-words{to{opacity:0}}@media (prefers-reduced-motion:reduce){.stage-plate,.stage-plate__text{animation:none!important}.stage-plate :is(.stage-plate__main,.stage-plate__go),.plate-arrow :is(.plate-arrow__shaft,.plate-arrow__head){transition:none}.stage-plate[data-state=live]:not([data-beat]){width:var(--act)}.stage-plate[data-state=live]:not([data-beat]) .stage-plate__text{opacity:0}}