.stage[data-layout] .stage__tags{display:none}.stage[data-layout] .cell{cursor:pointer}.stage[data-layout] .cell-tag{z-index:3}.stage[data-layout]:not([data-idle]) .cell-tag{transition:transform;transform:translateY(100%)}.app:not([data-ready])>.work{opacity:0}.app[data-ready]>.work{animation:page-in var(--t-3) ease-out .75s both}html[data-opcion=a]{--fs-md-min:10.5;--fs-md-max:10.5;--lh-md-min:13;--lh-md-max:13;--bg:#f2eee5;--fg:#1e1b16;--sub:color-mix(in srgb, var(--fg) 45%, transparent);--media-empty:#3c2d1412;--line:color-mix(in srgb, var(--fg) 14%, transparent);--font:"IBM Plex Mono", ui-monospace, Menlo, monospace}html[data-opcion=a] body{letter-spacing:0;font-weight:500}html[data-opcion=a] .app{grid-template-columns:minmax(220px,22vw) minmax(0,1fr) auto}html[data-opcion=a] .app>.thumbs--left{display:none}html[data-opcion=a] .app>.work{grid-area:2/1}html[data-opcion=a] .site-header{border-bottom:1px solid var(--line)}html[data-opcion=a] .thumbs--right{border-left:1px solid var(--line)}html[data-opcion=a] .app>.work{border-right:1px solid var(--line);counter-reset:work;background:0 0;gap:0;padding:0}html[data-opcion=a] .work__row{padding:var(--pad);border-bottom:1px solid var(--line);counter-increment:work;border-radius:0;grid-template-columns:3ch minmax(0,1fr) auto;grid-template-areas:"n brand year""n name name";row-gap:4px}html[data-opcion=a] .work__row:before{content:counter(work, decimal-leading-zero);color:var(--sub);grid-area:n}html[data-opcion=a] .work__brand{color:var(--sub);grid-area:brand}html[data-opcion=a] .work__year{color:var(--sub);grid-area:year}html[data-opcion=a] .work__name{letter-spacing:-.03em;white-space:normal;grid-area:name;font-size:1.9em;line-height:1.05}html[data-opcion=a] .work__row[aria-current=true],html[data-opcion=a] .work__row:hover,html[data-opcion=a] .work__row:focus-visible{background:var(--fg);color:var(--bg)}html[data-opcion=a] .work__row:is([aria-current=true],:hover,:focus-visible) :is(.work__brand,.work__year),html[data-opcion=a] .work__row:is([aria-current=true],:hover,:focus-visible):before{color:color-mix(in srgb, var(--bg) 60%, transparent)}@media (hover:hover){html[data-opcion=a] .work:hover .work__row[aria-current=true]:not(:hover) :is(.work__brand,.work__year),html[data-opcion=a] .work:hover .work__row[aria-current=true]:not(:hover):before{color:var(--sub)}html[data-opcion=a] .work:hover .work__row[aria-current=true]:not(:hover){color:var(--fg);box-shadow:inset 3px 0 0 var(--fg);background:0 0}}html[data-opcion=a] .stage__grid{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));grid-template-rows:none;grid-auto-rows:minmax(0,1fr);gap:8px;padding:8px}html[data-opcion=a] .cell-tag:not(.cell-tag--off){background:var(--bg)}html[data-opcion=a] .cell[data-phase=placeholder]{opacity:1;clip-path:inset(100% 0 0);animation:none}html[data-opcion=a] .cell[data-phase=loaded]{animation:a-reveal .8s var(--ease-drawer) var(--stagger,0s) both}html[data-opcion=a] .cell[data-phase=loaded]>.media{opacity:1;animation:a-settle 1.4s var(--ease-drawer) var(--stagger,0s) both}html[data-opcion=a] .cell[data-phase=loaded]>.cell-tag{opacity:1;animation:none}html[data-opcion=a] .cell[data-phase=exit]{animation:a-hide .45s var(--ease-drawer) var(--stagger-reverse,0s) forwards}@keyframes a-reveal{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes a-settle{0%{scale:1.18}to{scale:1}}@keyframes a-hide{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}@media (width<=767px){html[data-opcion=a] .app{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto}html[data-opcion=a] .app>.work{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;grid-area:1/1/auto/-1;overflow-x:auto}html[data-opcion=a] .work__row{border-bottom:0;border-right:1px solid var(--line);flex:0 0 62vw}html[data-opcion=a] .work__name{font-size:1.5em}html[data-opcion=a] .app>.stage{grid-area:2/1}html[data-opcion=a] .app>.thumbs--right{grid-area:2/2}html[data-opcion=a] .app>.site-header{border-bottom:0;border-top:1px solid var(--line);grid-row:3}html[data-opcion=a] .stage__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}html[data-opcion=b]{--bg:#0f0f0f;--fg:#ececec;--accent:#ff5b1f;--sub:color-mix(in srgb, var(--fg) 45%, transparent);--media-empty:#ffffff0a;--media-loading:#ffffff0f;--line:color-mix(in srgb, var(--fg) 12%, transparent);--font:Inter, "Helvetica Neue", Arial, sans-serif;color-scheme:dark}html[data-opcion=b] body{letter-spacing:.01em;font-weight:600}html[data-opcion=b] .app{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(240px,24vw)}html[data-opcion=b] .app>.thumbs{display:none}html[data-opcion=b] .app>.stage{grid-area:1/1}html[data-opcion=b] .app>.work{grid-area:1/2}html[data-opcion=b] .app>.site-header{border-top:1px solid var(--line);grid-area:2/1/auto/-1}html[data-opcion=b] .site-info{mask-image:none}html[data-opcion=b] .app>.work{padding:var(--pad);border-left:1px solid var(--line);counter-reset:work;background:0 0;justify-content:flex-end;gap:0}html[data-opcion=b] .work__row{border-top:1px solid var(--line);counter-increment:work;border-radius:0;grid-template-columns:3ch minmax(0,1fr) auto;padding:6px 0}html[data-opcion=b] .work__row:before{content:counter(work, decimal-leading-zero);color:var(--sub)}html[data-opcion=b] .work__brand{display:none}html[data-opcion=b] .work__row,html[data-opcion=b] .work__row:hover{color:var(--sub);background:0 0}html[data-opcion=b] .work__row:hover{color:var(--fg)}html[data-opcion=b] .work__row[aria-current=true]{color:var(--accent);background:0 0}html[data-opcion=b] .work__row[aria-current=true]:before{color:var(--accent)}@media (hover:hover){html[data-opcion=b] .work:hover .work__row[aria-current=true]:not(:hover){color:var(--accent)}}html[data-opcion=b] .project-panel__title,html[data-opcion=b] .site-header :is(a,button):hover{color:var(--accent)}html[data-opcion=b] .stage__grid{grid-template-rows:minmax(0,1fr) 13vh;grid-template-columns:none;gap:10px;padding:10px;display:grid}html[data-opcion=b] .cell--feature{border-radius:4px}html[data-opcion=b] .cell--feature>.media{position:absolute;inset:0}html[data-opcion=b] .cell--feature>.media--incoming{z-index:2;animation:b-crossfade .7s var(--ease-drawer) both}@keyframes b-crossfade{0%{opacity:0;scale:1.06}to{opacity:1;scale:1}}html[data-opcion=b] .focus__counter{top:var(--pad);left:var(--pad);z-index:4;color:#fff;mix-blend-mode:difference;position:absolute}html[data-opcion=b] .cell--feature .media__ratio{z-index:4}html[data-opcion=b] .focus__strip{gap:10px;min-height:0;display:flex;overflow-x:auto}html[data-opcion=b] .cell--tile{width:auto;height:100%;aspect-ratio:var(--ratio);opacity:.4;transition:opacity var(--t-3);border-radius:3px;flex:none}html[data-opcion=b] .cell--tile[data-phase=loaded]{opacity:.4}html[data-opcion=b] .cell--tile[data-current],html[data-opcion=b] .cell--tile:hover{opacity:1!important}html[data-opcion=b] .cell--tile[data-current]{box-shadow:inset 0 0 0 2px var(--accent)}html[data-opcion=b] .cell--tile .cell-tag{display:none}html[data-opcion=b] .cell[data-phase=placeholder]{opacity:0;animation:none}html[data-opcion=b] .cell[data-phase=loaded]{animation:b-in .6s var(--ease-drawer) var(--stagger,0s) both}html[data-opcion=b] .cell[data-phase=exit]{animation:b-out .4s var(--ease-drawer) var(--stagger-reverse,0s) forwards}@keyframes b-in{0%{opacity:0;translate:60px}}@keyframes b-out{to{opacity:0;translate:-60px}}@media (width<=767px){html[data-opcion=b] .app{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}html[data-opcion=b] .app>.work{border-left:0;grid-area:1/1;max-height:26svh;overflow:auto}html[data-opcion=b] .app>.stage{grid-row:2}html[data-opcion=b] .app>.site-header{grid-row:3}html[data-opcion=b] .stage__grid{grid-template-rows:minmax(0,1fr) 10vh}}html[data-opcion=c]{--fs-md-min:11;--fs-md-max:12;--lh-md-min:14;--lh-md-max:16;--bg:#fafafa;--fg:#111;--sub:color-mix(in srgb, var(--fg) 40%, transparent);--font:"Inter Tight", "Helvetica Neue", Arial, sans-serif}html[data-opcion=c] body{letter-spacing:0;font-weight:500}html[data-opcion=c] :is(.label,.work__row,.site-info__name,.site-info__toggle,.site-info__imprint){text-transform:lowercase}html[data-opcion=c] .app>.thumbs--right{display:none}html[data-opcion=c] .stage{flex-direction:column;display:flex}html[data-opcion=c] .stage>.stage__grid{flex:1;height:auto;min-height:0}html[data-opcion=c] .stage>.work{width:auto;height:auto;padding:var(--pad);letter-spacing:-.02em;background:0 0;flex-flow:wrap;flex:none;order:-1;gap:0 .3em;font-size:1.6em;line-height:1.15}html[data-opcion=c] .work__row{color:var(--sub);border-radius:0;padding:0;display:inline}html[data-opcion=c] .work__row>span{white-space:nowrap}html[data-opcion=c] .work__brand,html[data-opcion=c] .work__year{display:none}html[data-opcion=c] .work__row:not(:last-child):after{content:","}html[data-opcion=c] .work__row:is([aria-current=true],:hover,:focus-visible){color:var(--fg);background:0 0}html[data-opcion=c] .work__row[aria-current=true] .work__name{text-underline-offset:.12em;text-decoration:underline .06em}@media (hover:hover){html[data-opcion=c] .work:hover .work__row[aria-current=true]:not(:hover){color:var(--sub)}}html[data-opcion=c] .stage__grid{gap:1.5vw;padding:1vw 2vw 3vw;display:flex}html[data-opcion=c] .lane{flex:1 1 0;min-width:0;position:relative;container-type:size}html[data-opcion=c] .lane>.cell{top:calc(var(--y) * 100%);left:calc(var(--x) * 100%);width:min(var(--w), 100cqh * var(--ratio));height:auto;aspect-ratio:var(--ratio);translate:calc(var(--x) * -100%) calc(var(--y) * -100%);rotate:var(--tilt);transition:rotate var(--t-4) var(--ease-drawer), scale var(--t-4) var(--ease-drawer);position:absolute;overflow:visible;box-shadow:0 10px 30px -12px #00000040}html[data-opcion=c] .lane>.cell:hover{z-index:2;rotate:0deg;scale:1.03}html[data-opcion=c] .lane>.cell>.media{border-radius:2px}html[data-opcion=c] .cell-tag:not(.cell-tag--off){aspect-ratio:auto;height:auto;color:var(--sub);background:0 0;padding:0;top:calc(100% + 6px);bottom:auto}html[data-opcion=c] .cell[data-phase=placeholder]{opacity:0;animation:none}html[data-opcion=c] .cell[data-phase=loaded]{animation:c-drop .9s cubic-bezier(.2, .9, .3, 1.15) var(--stagger,0s) both}html[data-opcion=c] .cell[data-phase=exit]{animation:c-out .4s ease-in var(--stagger-reverse,0s) forwards}@keyframes c-drop{0%{opacity:0;transform:translateY(-50px)rotate(-4deg)scale(1.05)}to{opacity:1;transform:none}}@keyframes c-out{to{opacity:0;filter:blur(6px);transform:translateY(16px)scale(.96)}}@media (width<=767px){html[data-opcion=c] .stage__grid{flex-wrap:wrap;gap:3vw}html[data-opcion=c] .lane{flex:40%;min-height:30%}html[data-opcion=c] .stage>.work{font-size:1.3em}}.info__section+.info__section{margin-top:2.1em}.info__title{font:inherit;text-transform:uppercase;margin-bottom:.9em}.info__row{flex-wrap:wrap;column-gap:.7em;display:flex}.info__row+.info__row{margin-top:.15em}.info__label{opacity:.5}.info__text{max-width:62ch}.info__text+.info__text,.info__row+.info__text{margin-top:1em}.info__cols{grid-template-columns:repeat(auto-fit,minmax(16em,1fr));gap:1.5em;display:grid}.info__links{flex-wrap:wrap;gap:.4em 1.1em;display:flex}.info__links a:hover{opacity:.6}.info__copy{margin-top:2.6em}.credit-list{gap:0 var(--gap);grid-template-columns:auto 1fr;display:grid}.credit-list li{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.credit-list li>:first-child{max-width:20ch}.credit-list[hidden]{display:none}.info__more{opacity:.5;transition:opacity var(--t-1);margin-top:.9em}.info__more:hover{opacity:1}.info__marquee{margin-inline:-20px;overflow:hidden}.info__logos{will-change:transform;width:max-content;animation:45s linear infinite logos-slide;display:flex}.info__logos li{aspect-ratio:1;flex:none;place-items:center;width:clamp(80px,9vw,120px);margin-right:clamp(20px,3vw,44px);display:grid}.info__logos img{object-fit:contain;filter:brightness(0)invert();width:100%;height:100%}@keyframes logos-slide{to{transform:translate(-50%)}}.info__logos [data-kind=svg] img{width:62%;height:62%}.site-header{align-items:start;gap:0 var(--pad);padding:var(--pad);z-index:5;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.credits-drop{top:calc(100% + var(--pad));left:calc(var(--pad) * -1);width:calc(100% + var(--pad) * 2);max-height:50vh;padding:var(--pad);overscroll-behavior:contain;background:var(--bg);animation:credits-drop var(--t-3) var(--ease-bounce) both;grid-area:1/3/2/4;position:absolute;overflow:auto}.credits-drop[hidden]{display:none}.credits-drop>*+*{margin-top:1lh}@keyframes credits-drop{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.site-header>*{min-width:0;margin:0}.site-header__role,.site-header__clock{flex-wrap:wrap;gap:0 1.2em;display:flex}.site-header__sub{color:var(--sub)}.site-header__clock [data-clock]{font-variant-numeric:tabular-nums}.site-header__nav{justify-content:flex-end;gap:1.2em;display:flex}.site-header__nav button{transition:opacity var(--t-1)}.site-header__nav button:hover,.site-header__nav button[aria-expanded=true]{opacity:.5}@media (width<=1023px){.credits-drop{width:auto;top:100%;left:0;right:calc(var(--pad) * -1);grid-column:1/-1}.site-header{grid-template-columns:1fr auto;row-gap:4px}.site-header__name{grid-area:1/1}.site-header__nav{grid-area:1/2}.site-header__role{grid-area:2/1/3/-1}.site-header__clock{grid-area:3/1/4/-1}}@media (width<=639px){.credits-drop{top:auto;bottom:calc(100% + var(--pad));max-height:55svh;animation-name:credits-rise}@keyframes credits-rise{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}}.site-footer{align-items:end;gap:var(--pad);padding:var(--pad);color:#fff;mix-blend-mode:difference;pointer-events:none;grid-template-columns:1.4fr 1fr 1fr 1fr auto;line-height:1.25;display:grid}.site-footer>div{flex-direction:column;align-items:flex-start;display:flex}.site-footer :is(a,button){pointer-events:auto;transition:opacity var(--t-1)}.site-footer :is(a,button):hover{opacity:.6}@media (width<=767px){.site-footer{grid-template-columns:repeat(4,auto);justify-content:space-between}.site-footer>div:nth-child(5),.site-footer a[href^=mailto]{display:none}}.overlay{z-index:900;color:#fff;-webkit-backdrop-filter:blur(50px)saturate(1.3);overscroll-behavior:contain;animation:overlay-in var(--t-3) var(--ease-drawer) both;background:#1212128c;font-size:13px;line-height:1.3;position:fixed;overflow:auto}.overlay[hidden]{display:none}.overlay a:hover{opacity:.6}.overlay--about{-webkit-backdrop-filter:none;background:linear-gradient(#0a0a0ac7,#0a0a0a8c 45%,#0a0a0a40);padding:20px;inset:0}.overlay-blur{z-index:899;-webkit-backdrop-filter:blur(70px)saturate(1.2);pointer-events:none;position:fixed;inset:0;mask-image:linear-gradient(#000 35%,#00000059)}.overlay-blur[hidden]{display:none}.overlay--about{font-size:clamp(15px,1.5vw,20px)}.overlay--about .overlay__body{max-width:980px}.overlay__close{float:right;margin:0 0 1em 1em;position:sticky;top:0}.overlay__close:hover{opacity:.6}@keyframes overlay-in{0%{opacity:0}}.thumbs{--w-full:10vw;--w:calc(var(--w-full) / 2);width:var(--w);touch-action:pan-x;height:100%;min-height:0;transition:width var(--t-3) var(--ease-bounce);will-change:width;overflow:hidden}.thumbs__viewport{height:100%;overflow:hidden}.thumbs__track{width:var(--w-full);transition:scale var(--t-3) var(--ease-bounce);will-change:scale, transform;transform-origin:0 0;flex-direction:column;margin:0;padding:0;display:flex;scale:.5}.thumbs__group{flex-direction:column;flex:none;display:flex}.thumbs__item{width:100%;display:block}.thumbs .media{width:100%;height:auto;aspect-ratio:var(--ratio);opacity:.4;transition:opacity .3s}.thumbs__group[data-active] .media{opacity:1}.thumbs__group:not([data-active]) .media:hover{opacity:.75}.thumbs__group:not([data-active]) .media:not(:hover){transition:opacity var(--t-3) ease-in}@media (hover:hover){.thumbs:hover{--w:var(--w-full)}.thumbs:hover .thumbs__track{scale:1}}@media (width<=767px){.thumbs{--w-full:12vw;--w:12vw}.thumbs__track{scale:1}}.stage{cursor:grab;touch-action:none;min-height:0;display:grid;position:relative;overflow:hidden}.stage:active{cursor:grabbing}.stage>*{grid-area:1/1;width:100%;height:100%}.stage__grid,.stage__tags{--n:4;grid-template-columns:repeat(var(--n), 1fr);grid-template-rows:repeat(var(--n), 1fr);min-height:0;display:grid}@media (width<=767px){.stage__grid,.stage__tags{--n:3}}.cell{transform-origin:bottom;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.cell:not([data-phase]){opacity:0;pointer-events:none}.cell[data-phase=exit]{background:var(--figure-bg);opacity:1;animation:cell-out var(--t-2) ease-out var(--stagger-reverse,0s) forwards}.cell[data-phase=placeholder]{background:var(--figure-bg);opacity:0;animation:cell-in var(--t-2) ease-in var(--stagger-reverse,0s) forwards}.cell[data-phase=loaded]{background:var(--figure-bg);opacity:1}.cell[data-phase=loaded]>*{opacity:0;animation:cell-in var(--t-4) ease-out var(--stagger,0s) forwards}.cell .media{aspect-ratio:auto;width:100%;height:100%}@keyframes cell-in{0%{opacity:0}to{opacity:1}}@keyframes cell-out{0%{opacity:1}to{opacity:0}}.stage__tags{z-index:1;pointer-events:none}.stage__tags>*{box-shadow:inset 0 0 0 .5px var(--grid-line);pointer-events:none;position:relative;overflow:clip}.stage__tags[data-idle]>[data-has-content]{pointer-events:auto;cursor:pointer}.cell-tag{height:calc(1em + 2 * var(--pad));padding:var(--pad);background:var(--bg);pointer-events:none;transition:transform 1s var(--ease-bounce);gap:1ch;line-height:1;display:flex;position:absolute;bottom:-.5px;left:0;overflow:hidden}.cell-tag:not(.cell-tag--off){aspect-ratio:1;padding:var(--pad) 0;text-align:center;justify-content:center}.cell-tag--off{color:var(--sub);text-transform:uppercase;background:0 0}.cell-tag svg{width:auto;height:1em;color:var(--sub);position:relative;top:-.03em}.cell-tag--off svg{scale:1.2}.stage__tags:not([data-idle]) .cell-tag:not(.cell-tag--off){transition:transform;transform:translateY(100%)}.work{z-index:2;background:var(--bg);pointer-events:auto;cursor:default;align-items:center;min-height:0;display:flex;position:relative}.work__list{--row:calc(1lh + 6px);width:100%;height:calc(var(--rows) * var(--row));cursor:ns-resize;touch-action:none;max-height:100%;position:relative;overflow:hidden}.work__track{transition:transform var(--t-4) var(--ease-drawer);will-change:transform}.work__track[data-instant],.work__track[data-instant] .work__row{transition:none}.work__row{gap:var(--pad);width:100%;height:var(--row);padding:0 var(--pad);text-align:left;color:var(--fg);opacity:.3;transition:opacity var(--t-3), translate var(--t-4) var(--ease-drawer);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;display:grid}.work__row[data-current]{opacity:1}.work__row[data-out]{opacity:0}.work__row:not([data-current]):not([data-out]):hover{opacity:.7;transition-duration:0s}.work__row>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.work__year{text-align:right}@media (width<=767px){.work__row{padding-inline:calc(var(--pad) / 1.5)}}.viewer-backdrop{z-index:999;background:var(--backdrop);min-height:100dvh;opacity:calc(.2 * (1 - var(--swipe-progress,0)));transition:opacity .45s var(--ease-drawer);position:fixed;inset:0}.viewer{z-index:999;height:100svh;color:var(--fg);background:var(--bg);overscroll-behavior:contain;transform:translateY(var(--swipe-y,0px));transition:transform .45s var(--ease-drawer);will-change:transform;position:fixed;inset:0;overflow:hidden;box-shadow:0 -4px 24px #00000014}.viewer[data-swiping],.viewer-backdrop[data-swiping]{transition-duration:0s}.viewer[data-state=closed]{transform:translateY(100%)}.viewer-backdrop[data-state=closed]{opacity:0}.viewer[data-state=closed],.viewer-backdrop[data-state=closed]{pointer-events:none}.viewer[hidden],.viewer-backdrop[hidden]{display:none}.viewer__viewport{cursor:grab;touch-action:pan-y pinch-zoom;width:100%;height:100%;overflow:hidden}.viewer__viewport:active{cursor:grabbing}.viewer__track{width:100%;height:100%;transition:transform var(--t-5) var(--ease-drawer);display:flex}.viewer__track[data-dragging]{transition:none}.viewer__slide{flex:0 0 100%;width:100%;height:100%;position:relative;overflow:hidden}.viewer__slide .media{aspect-ratio:auto;width:100%;height:100%}@media (orientation:portrait){.viewer__slide .media{width:100svh;height:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.viewer__slide .media[data-real]{width:100%;height:100%;position:static;transform:none}}.viewer{--player-fs:13px;color:#fff;color-scheme:dark;background:#000}.viewer iframe{background:#000}.viewer .media[data-kind=vimeo] .media__frame{container-type:size}.viewer .media[data-kind=vimeo] iframe{width:min(100cqw, 100cqh * var(--ratio));height:min(100cqh, 100cqw / var(--ratio));margin:auto;position:absolute;inset:0}.viewer:fullscreen{width:100%;height:100%;transform:none}.viewer::backdrop,.viewer__slide .media[data-kind=vimeo] .media__frame,.viewer__slide .media[data-kind=vimeo],.viewer .media[data-real] .media__frame{background:#000}.viewer__slide iframe{pointer-events:none}.viewer[data-video] .viewer__viewport{cursor:pointer}.player-top,.player-bottom,.info-panel{z-index:2222;font-size:var(--player-fs);letter-spacing:0;line-height:1.25;position:absolute}.player-top{pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 20px;display:grid;top:0;left:0;right:0}.player-top>*,.player-top__center>*{pointer-events:auto}.player-top>:last-child{justify-self:end}.player-top__center{gap:12px;display:flex}.player-top button,.player-bottom button{transition:opacity var(--t-1) ease-out}.player-top button:hover{opacity:.6}.viewer:not([data-video]) [data-video-only]{visibility:hidden}.player-bottom{pointer-events:none;justify-content:center;align-items:center;gap:6px;display:flex;bottom:24px;left:0;right:0}.player-bottom>*{pointer-events:auto}.player-scrub{cursor:pointer;background:#ffffff2e;width:min(350px,50vw);height:16px;position:relative;overflow:hidden}.player-scrub__fill{transform-origin:0;background:#fff;position:absolute;inset:0;transform:scaleX(0)}.player-time,.player-count{font-variant-numeric:tabular-nums;background:#0003;min-width:3.5em;padding:1px 5px}.viewer:not([data-video]) .player-bottom>[data-video-only],.player-count:empty{display:none}.info-panel{overscroll-behavior:contain;text-shadow:0 0 12px #00000059;background:0 0;width:min(440px,100vw - 40px);max-height:calc(100% - 130px);padding:20px;top:54px;left:20px;overflow:auto}.info-panel[hidden]{display:none}@media (width<=639px){.player-top{padding:14px 16px}.player-top__center{gap:10px}.info-panel{top:46px;left:16px}}.progress-bar{z-index:99999;pointer-events:none;background:linear-gradient(to left, var(--bg), var(--bg));opacity:0;width:0;height:2px;position:fixed;top:0;left:0;mask-image:linear-gradient(270deg,#0000,#000 10px,#0000)}.progress-bar[data-active]{opacity:1;animation:.7s ease-out forwards progress}.progress-bar[data-done]{opacity:0;width:100%;transition:opacity var(--t-3) ease-out}@keyframes progress{0%{width:0}to{width:80%}}.loader{z-index:10000;padding:var(--pad,16px);color:#fff;text-transform:uppercase;clip-path:inset(0);background:#000;grid-template-rows:auto 1fr auto;justify-items:center;transition:clip-path .9s cubic-bezier(.77,0,.18,1);display:grid;position:fixed;inset:0}.loader[data-done]{clip-path:inset(0 0 100%);pointer-events:none}.loader[data-gone]{display:none}.loader__word{letter-spacing:-.02em;text-align:center;align-self:center;font-size:clamp(36px,7vw,110px);line-height:1}@media (prefers-reduced-motion:reduce){.loader{transition-duration:10ms}}