@font-face{font-family:Neue;src:url('./neue.otf');font-display:swap}
@font-face{font-family:Plex;src:url('./mono.ttf');font-display:swap}
*{box-sizing:border-box}html{background:#0c0c0c;scroll-behavior:auto}
body{margin:0;color:#f7f7f7;font-family:Neue,Arial,sans-serif;overflow-x:clip}body.is-loading{overflow:hidden}
button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #e54e4e;outline-offset:7px}
.preloader{position:fixed;inset:0;background:#0c0c0c;z-index:50;display:grid;place-items:center}
.signature{display:flex;align-items:center;justify-content:space-between;width:min(1064px,86vw);gap:28px}
.signature>*,.sig-intent span,.sig-author span{white-space:nowrap}
.sig-h{font-size:32px;letter-spacing:-2px}.twins{display:flex;gap:5px}.twins i{display:block;width:22px;height:22px;background:#f7f7f7;border-radius:50%}
.sig-number{font-size:23px}.sig-intent,.sig-author{font-size:11px;line-height:1.15}.sig-author{font-family:Plex,monospace}
.signal{display:flex;align-items:center;gap:12px}.signal i{display:block;width:48px;height:20px;background:#f7f7f7;transform-origin:left}.signal b{font:15px/7px Plex;letter-spacing:3px;display:block}
.sig-logo{width:101px;filter:grayscale(1) brightness(0) invert(1)}
.load-error{position:absolute;bottom:18%;text-align:center;font:12px/1.6 Plex,monospace;max-width:80vw}.load-error[hidden]{display:none}.retry{border:0;border-bottom:1px solid #777;background:none;padding:8px}
.journey{height:5094svh}.scene{position:sticky;top:0;height:100svh;overflow:hidden;background:#000;isolation:isolate}
.island-scene{position:absolute;inset:0;z-index:12;visibility:hidden;opacity:0;pointer-events:none;background:#08090a}
.island-scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.island-world{opacity:0}.island-clouds{pointer-events:none}
header{position:absolute;z-index:15;left:calc(3vw - 20px);right:3.5vw;top:30px;display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference;color:white}
header>img{width:40px;height:auto;filter:grayscale(1) brightness(0) invert(1)}
.replay{background:none;border:0;font:11px Plex;letter-spacing:1px;padding:12px 0 12px 12px}
.hands-stage,.hands-glow{position:absolute;width:min(1500px,120vw);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-52.073365%);will-change:opacity}
.hand{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;will-change:transform;user-select:none;pointer-events:none}
.left{mask-image:linear-gradient(to right,transparent,black 7%,black)}
.right{mix-blend-mode:normal;mask-image:linear-gradient(to left,transparent,black 7%,black)}
.right img,.right-glow img{position:absolute;width:80%;height:auto;left:42.08%;top:31.82%;pointer-events:none}
.right-glow{mix-blend-mode:normal;mask-image:linear-gradient(to left,transparent,black 7%,black)}
.hands-glow{z-index:3;mix-blend-mode:screen;pointer-events:none}.hands-stage{z-index:4}.arm-skin{mix-blend-mode:normal}
#light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}
.retro-window{position:absolute;left:33.3333%;top:36.922%;width:32.456%;height:23.924%;border:3px ridge #bdbdbd;box-shadow:0 0 0 1px #777;will-change:opacity}
.window-bar{height:26px;margin:2px;display:flex;align-items:center;justify-content:space-between;background:#090909;border-bottom:2px solid #a2a2a2;padding:2px 8px;font:10px Plex;white-space:nowrap}
.whiteout{position:absolute;inset:0;background:#fff;opacity:0;z-index:6;pointer-events:none;will-change:opacity}
.portrait-scene{position:absolute;inset:0;z-index:7;visibility:hidden;opacity:0;pointer-events:none}#portrait{display:block;width:100%;height:100%}
.portrait-backdrop{position:absolute;inset:0;background:#e0e0e0;opacity:0;z-index:0}
.portrait-grid{position:absolute;inset:0;z-index:2;color:#242424;--grid-left:12%;--grid-right:88%;--grid-top:14%;--grid-bottom:86%;opacity:0}
.grid-line{position:absolute;display:block;background:currentColor;opacity:.22}
.grid-v{top:0;bottom:0;width:1px}.grid-h{left:0;right:0;height:1px}
.grid-left{left:var(--grid-left)}.grid-right{left:var(--grid-right)}.grid-top{top:var(--grid-top)}.grid-bottom{top:var(--grid-bottom)}
.grid-joint{position:absolute;width:12px;height:12px;background:currentColor;opacity:.62;transform:translate(-50%,-50%);clip-path:polygon(50% 0,61% 35%,65% 39%,100% 50%,65% 61%,61% 65%,50% 100%,39% 65%,35% 61%,0 50%,35% 39%,39% 35%)}
.joint-tl{left:var(--grid-left);top:var(--grid-top)}.joint-tr{left:var(--grid-right);top:var(--grid-top)}
.joint-bl{left:var(--grid-left);top:var(--grid-bottom)}.joint-br{left:var(--grid-right);top:var(--grid-bottom)}
.portrait-graphics{position:absolute;inset:0;z-index:2;color:#1c1c1c}
[data-graphic]{position:absolute;visibility:hidden;opacity:0}
.graphic-idea{left:6.5%;top:16.5%;width:31%}
.graphic-form{left:68%;top:73%;width:30%}
.portrait-graphics h1,.portrait-graphics h2{font:500 clamp(30px,3.65vw,94px)/.89 Neue,Arial,sans-serif;letter-spacing:-.055em;margin:0}
.portrait-graphics [data-scramble]{display:inline-block;white-space:nowrap;background:#e0e0e0}
.graphic-byline{display:flex;align-items:flex-start;gap:clamp(30px,5.6vw,144px);margin-top:clamp(30px,9.8vh,110px);font:500 clamp(8px,.65vw,12px)/1.14 Plex,monospace}
.graphic-form p{font:500 clamp(10px,1.02vw,26px)/1.07 Neue,Arial,sans-serif;letter-spacing:-.025em;margin:clamp(12px,1.25vh,20px) 0 0}
.graphic-mark{left:88%;top:72.5%;width:9%;height:9%;display:flex;align-items:flex-start;gap:20%}
.mark-symbol{position:relative;display:block;width:45%;aspect-ratio:258/247;background:var(--mark-color,#0c0c0c);mask:url('./symbol.svg') center/contain no-repeat}
.graphic-mark::before,.graphic-mark::after{content:'';position:absolute;left:0;top:0;width:45%;aspect-ratio:258/247;mask:url('./symbol.svg') center/contain no-repeat;opacity:0;pointer-events:none}
.graphic-mark.is-glitching .mark-symbol{animation:mark-jolt .18s steps(1) both}
.graphic-mark.is-glitching::before{background:var(--mark-before);opacity:1;clip-path:inset(18% 0 59%);animation:mark-slice .18s steps(1) both}
.graphic-mark.is-glitching::after{background:var(--mark-color);opacity:1;clip-path:inset(66% 0 14%);animation:mark-slice .18s steps(1) reverse both}
@keyframes mark-jolt{0%,100%{transform:translate(0)}20%{transform:translate(-3px,1px)}45%{transform:translate(2px,0)}70%{transform:translate(-1px,-1px)}}
@keyframes mark-slice{0%{transform:translateX(6px)}30%{transform:translateX(-5px)}65%{transform:translateX(3px)}100%{transform:translateX(0);opacity:0}}
.mark-std{position:absolute;left:43%;top:6%;font:500 clamp(5px,.32vw,8px) Neue,sans-serif}
.mark-twins{display:flex;gap:5px;padding-top:5%;width:30%}.mark-twins i{display:block;width:34%;aspect-ratio:1;border-radius:50%;background:currentColor}
.mark-code{position:absolute;inset:0;font:clamp(20px,2.4vw,58px)/1 Plex,monospace;letter-spacing:-.12em;opacity:0}
.graphic-mark.is-decoding>.mark-symbol,.graphic-mark.is-decoding>.mark-std,.graphic-mark.is-decoding>.mark-twins{opacity:0}
.graphic-mark.is-decoding>.mark-code{opacity:1}
#portrait{position:absolute;inset:0;z-index:3}
.portrait-dialogue{position:absolute;inset:0;z-index:4;color:#0c0c0c}
.dialogue-beat{position:absolute;inset:0;visibility:hidden;opacity:0}
.chat-bubble{position:absolute;width:25%;max-width:360px;padding:22px 24px 24px;border:1px solid #0c0c0c;background:#f7f7f7;border-radius:18px;transform:translateY(var(--bubble-enter,0px))}
.chat-hotz{left:7%;top:40%;border-bottom-right-radius:3px}
.chat-thought{right:6.5%;top:34%;border-bottom-left-radius:3px;background:#e0e0e0}
.chat-speaker{display:block;font:10px/1.3 Plex,monospace;letter-spacing:.04em;margin-bottom:12px}
.chat-bubble p{font:400 clamp(17px,1.7vw,28px)/1.22 Neue,Arial,sans-serif;letter-spacing:-.025em;margin:0}
.chat-invitation{background:#0c0c0c;color:#f7f7f7}
.about-victor{
  position:absolute;inset:0;z-index:1;color:#0c0c0c;background:#e0e0e0;visibility:hidden;
  --photo-reveal:0;--name-reveal:0;--story-reveal:0;--reading:0;
}
.about-portrait{
  position:absolute;left:var(--photo-left,38%);top:var(--photo-top,14%);
  width:var(--photo-width,24%);height:var(--photo-height,68%);
  margin:0;opacity:var(--photo-reveal);
}
.about-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.about-portrait figcaption{
  position:absolute;top:calc(100% + 20px);left:0;right:0;display:flex;
  justify-content:space-between;gap:16px;opacity:var(--reading);
  font:10px/1.4 Plex,monospace;letter-spacing:.025em;
}
.about-intro{position:absolute;left:6%;top:17%;opacity:var(--intro-opacity,0)}
.about-kicker,.about-role,.about-story-label{font:12px/1.4 Plex,monospace;letter-spacing:.025em}
.about-kicker{display:block}.about-role{margin:24px 0 0}
.about-name{position:absolute;inset:0;margin:0;opacity:var(--name-reveal);font-weight:400;color:#fff;mix-blend-mode:difference}
.about-name-line{
  position:absolute;left:5%;right:6%;display:block;white-space:nowrap;
  font:400 min(29.8vw,36svh)/.76 Neue,Arial,sans-serif;letter-spacing:-.065em;
  will-change:transform;
}
.about-name-first{top:36%;transform:translate3d(calc(-1 * var(--name-shift,0vw)),calc(var(--name-enter,0vh) + var(--name-rise,0vh)),0)}
.about-name-last{bottom:7%;text-align:right;transform:translate3d(var(--name-shift,0vw),calc(var(--name-enter,0vh) + var(--name-rise,0vh)),0)}
.about-story{
  position:absolute;left:45%;right:8%;top:22%;visibility:hidden;
  opacity:var(--story-reveal);transform:translateY(var(--story-offset,36px));
  clip-path:inset(0 0 var(--story-inset,100%) 0);
  font:400 clamp(17px,min(1.65vw,2.4svh),28px)/1.35 Neue,Arial,sans-serif;letter-spacing:-.02em;
}
.about-story-label{display:block;margin-bottom:4svh}
.about-story p{margin:0 0 3svh}
.about-story .about-story-lead{font-size:clamp(23px,min(2.55vw,3.7svh),46px);line-height:1.16;letter-spacing:-.035em}
.about-story .about-care{font-size:1.2em;line-height:1.2;margin:3.5svh 0 0;letter-spacing:-.03em}
.process-scene{position:absolute;inset:0;z-index:1;visibility:hidden;color:#0c0c0c;--process-presence:0}
.process-scene>h2{position:absolute;left:6%;top:15%;margin:0;font:12px/1.4 Plex,monospace;letter-spacing:.025em;opacity:var(--process-presence)}
.process-orbit{position:absolute;left:var(--orbit-x,50%);top:var(--orbit-y,52%);width:var(--orbit-size,65svh);height:var(--orbit-size,65svh);border:1px solid #24242424;border-radius:50%;transform:translate(-50%,-50%)}
.process-markers{opacity:var(--process-presence)}
.process-markers span{position:absolute;font:11px/1 Plex,monospace;transform:translate(-50%,-50%)}
.process-copy{position:absolute;left:var(--orbit-x,50%);top:var(--orbit-y,52%);width:min(440px,calc(var(--orbit-size,65svh)*.72));height:calc(var(--orbit-size,65svh)*.76);transform:translate(-50%,-50%)}
.process-step{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;visibility:hidden;opacity:0;transform:translateY(var(--step-offset,0px))}
.process-count{font:11px/1.4 Plex,monospace;letter-spacing:.06em;margin-bottom:24px}
.process-step h3{font:400 clamp(44px,min(6.5vw,8svh),96px)/.93 Neue,Arial,sans-serif;letter-spacing:-.06em;margin:0 0 24px}
.process-step p{font:400 clamp(17px,min(1.6vw,2.5svh),25px)/1.3 Neue,Arial,sans-serif;letter-spacing:-.018em;margin:0;max-width:420px}
.scroll-hint{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font:10px Plex;letter-spacing:1.5px;text-align:center;z-index:4;white-space:nowrap}
.scroll-line{display:block;height:36px;width:1px;background:linear-gradient(white,transparent);margin:14px auto 0}
@media(max-width:760px){.signature{display:grid;grid-template-columns:auto auto auto;gap:28px 18px;width:82vw}.sig-intent{grid-column:1/3;font-size:12px}.sig-author{grid-column:2/4;justify-self:end;font-size:12px}.sig-logo{grid-row:3;grid-column:1}.signal{justify-self:end}.hands-stage,.hands-glow{width:210vw}.window-bar{font-size:8px;height:22px;padding:2px}.retro-window{border-width:2px}header{top:18px;left:6vw;right:6vw}header>img{width:34px}.scroll-hint{bottom:28px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.scroll-line{height:16px}}
@media(max-width:760px){.graphic-idea{left:7%;top:16%;width:80%}.graphic-byline{margin-top:22px;gap:35px;font-size:9px}.graphic-form{left:30%;top:auto;bottom:10%;width:68%}.portrait-graphics h1,.portrait-graphics h2{font-size:clamp(30px,6.7vw,48px)}.graphic-form p{font-size:clamp(10px,2.45vw,16px);line-height:1.13;margin-top:13px}.graphic-mark{left:79%;top:auto;bottom:18%;width:15%;height:7%}.mark-code{font-size:25px}.mark-std{font-size:5px}.grid-joint{width:9px;height:9px}}
@media(max-width:760px){.journey{height:3040svh}.chat-bubble{width:78%;max-width:none;padding:15px 18px 17px;border-radius:13px}.chat-hotz{left:7%;top:12%;border-bottom-right-radius:3px}.chat-thought{right:7%;top:auto;bottom:12%;border-bottom-left-radius:3px}.chat-speaker{font-size:9px;margin-bottom:8px}.chat-bubble p{font-size:18px}.graphic-mark{bottom:calc(18% - var(--dialogue-presence,0)*15%);transition:bottom .15s linear}
.about-portrait figcaption{top:24%;left:calc(100% + 6vw);right:auto;width:42vw;display:block;font-size:9px}
.about-portrait figcaption span{display:block}
.about-portrait figcaption span:first-child{font:400 9vw/.92 Neue,Arial,sans-serif;letter-spacing:-.055em;max-width:150px;margin-bottom:18px}
.about-portrait figcaption span:last-child{max-width:125px;line-height:1.5}
.about-intro{left:8%;top:17%}.about-kicker{font-size:10px}.about-role{display:none}
.about-name-line{left:4%;right:7%;font-size:27.5vw;letter-spacing:-.065em}
.about-name-first{top:48%}.about-name-last{bottom:18%}
.about-story{left:8%;right:8%;top:47%;font-size:16px;line-height:1.3}
.about-story-label{font-size:9px;margin-bottom:2.5svh}
.about-story .about-story-lead{font-size:clamp(18px,2.8svh,23px);line-height:1.15}
.about-story p{margin-bottom:2.2svh}
.about-story .about-care{font-size:1.1em;margin-top:2.2svh}}
@media(max-height:650px) and (min-width:761px){.about-story{top:20%;font-size:16px}.about-story-label{margin-bottom:3svh}.about-story .about-story-lead{font-size:23px}.about-portrait figcaption{top:calc(100% + 12px);font-size:9px}}
@media(max-width:760px){.process-scene>h2{left:8%;top:16%;font-size:10px}.process-copy{width:calc(var(--orbit-size)*.7);height:calc(var(--orbit-size)*.8)}.process-count{font-size:9px;margin-bottom:14px}.process-step h3{font-size:clamp(36px,10.8vw,58px);margin-bottom:16px}.process-step p{font-size:16px;line-height:1.24}.process-markers span{font-size:10px}}
@media(max-height:500px){.process-copy{width:calc(var(--orbit-size)*.74);height:calc(var(--orbit-size)*.85)}.process-count{margin-bottom:10px}.process-step h3{font-size:clamp(28px,8svh,40px);margin-bottom:12px}.process-step p{font-size:16px;line-height:1.2}}
@media(prefers-reduced-motion:reduce){.journey{height:2305svh}.graphic-mark{transition:none}}


.liquid-stage{position:absolute;inset:0;z-index:5;visibility:hidden;pointer-events:none}
#liquid{position:absolute;inset:0;display:block;width:100%;height:100%}
.is-liquid .portrait-grid{z-index:6}
.selected-work{position:absolute;inset:0;z-index:7;color:#f7f7f7;visibility:hidden;opacity:var(--works-reveal,0);pointer-events:none}
.work-intro{position:absolute;top:16%;left:6%;right:6%;transform:translateY(calc((1 - var(--works-reveal,0))*30px))}
.work-intro>span{font:11px/1.3 Plex,monospace;letter-spacing:.07em}
.work-intro h2{margin:3vh 0 0;font:400 clamp(46px,10.4vw,180px)/.9 Neue,Arial,sans-serif;letter-spacing:-.065em}
.work-intro h2>span{font:12px/1 Plex,monospace;letter-spacing:0;vertical-align:top;display:inline-block;margin:1em 0 0 1em}
.work-stack{position:absolute;inset:0}
.work-card{position:absolute;inset:0;display:flex;flex-direction:column;padding:13vh 5.8vw 4.6vh;background:#0c0c0c;visibility:hidden;transform:translate3d(0,115%,0);transform-origin:50% 38%;will-change:transform}
.work-meta,.work-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;font:10px/1.4 Plex,monospace;letter-spacing:.04em}
.work-meta{border-top:1px solid #393939;padding-top:13px;color:#c2c2c2}
.work-card h3{font:400 clamp(60px,8.5vw,150px)/.96 Neue,Arial,sans-serif;letter-spacing:-.058em;margin:2vh 0 2.8vh}
.work-gallery h3{font-size:clamp(45px,6.9vw,122px)}
.work-card figure{flex:1;min-height:0;margin:0;display:flex;justify-content:center;overflow:hidden}
.work-card img{display:block;width:100%;height:100%;object-fit:contain}
.work-caption{margin-top:2vh;color:#b3b3b3}
@media(max-width:760px){
  .work-intro{top:22%;left:6%;right:6%}.work-intro h2{font-size:12vw;letter-spacing:-.07em}.work-intro h2>span{font-size:9px;margin:.4em 0 0 .7em}
  .work-card{padding:17vh 6vw 9vh}.work-meta,.work-caption{font-size:8px;gap:12px}.work-meta{padding-top:12px}
  .work-card h3{font-size:20vw;margin:4vh 0}.work-gallery h3{font-size:14vw;max-width:80%;line-height:.94}
  .work-card figure{flex:0 0 auto}.work-card img{height:auto}
  .work-caption{align-items:flex-start;line-height:1.6;margin-top:3vh}.work-caption span:last-child{text-align:right;max-width:48%}
}
@media(prefers-reduced-motion:reduce){.work-card{will-change:auto}}

/* Nexo: photographic type opens into a scroll-driven horizontal sequence. */
.selected-work.is-typographic .work-intro{z-index:2;left:4%;right:auto;top:12%;transform:none;pointer-events:none}
.selected-work.is-typographic .work-intro>span{display:none}
.selected-work.is-typographic .work-intro h2{font:11px/1.4 Plex,monospace;letter-spacing:.06em;margin:0}
.selected-work.is-typographic .work-intro h2>span{display:none}
.selected-work.is-typographic .work-nexo{padding:0;display:block;background:#0c0c0c}
.nexo-type-image{position:absolute;inset:0;width:100%;height:100%;display:block}
.selected-work.is-typographic .work-nexo .work-meta{position:absolute;top:12%;left:43%;right:4%;border:0;padding:0;color:#f7f7f7;font-size:11px;opacity:var(--nexo-caption,1)}
.selected-work.is-typographic .work-nexo h3{position:absolute;left:3.5%;bottom:10%;margin:0;font-size:clamp(64px,10vw,180px);line-height:.9;opacity:var(--nexo-label,0);text-transform:uppercase;letter-spacing:-.065em}
.selected-work.is-typographic .work-nexo .work-caption{position:absolute;bottom:5%;left:4%;right:4%;margin:0;color:#c8c8c8;font-size:11px;opacity:var(--nexo-caption,1)}
.selected-work.is-typographic .work-nexo figure{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.selected-work.is-typographic.type-fallback .work-nexo figure{inset:23% 4% 17%;width:auto;height:auto;clip-path:none}
@media(max-width:760px){
  .selected-work.is-typographic .work-intro{left:6%;top:15%}
  .selected-work.is-typographic .work-intro h2{font-size:10px}
  .selected-work.is-typographic .work-nexo .work-meta{top:15%;left:43%;right:6%;font-size:9px;gap:10px}
  .selected-work.is-typographic .work-nexo h3{left:5%;bottom:15%;font-size:20vw}
  .selected-work.is-typographic .work-nexo .work-caption{left:6%;right:6%;bottom:6%;font-size:9px;line-height:1.55;gap:16px}
}
@media(max-height:580px) and (min-width:761px){
  .selected-work.is-typographic .work-intro,.selected-work.is-typographic .work-nexo .work-meta{top:19%}
  .selected-work.is-typographic .work-nexo h3{bottom:10%;font-size:16vh}
  .selected-work.is-typographic .work-nexo .work-caption{bottom:4%;font-size:9px}
}

.selected-work.is-typographic .work-nexo h3{left:4%;bottom:10.5%;font-size:clamp(34px,4vw,70px)}
.nexo-rail-status{position:absolute;left:43%;right:4%;bottom:11%;display:flex;justify-content:space-between;gap:16px;font:11px/1.5 Plex,monospace;text-transform:uppercase;letter-spacing:.04em;opacity:var(--nexo-label,0)}
.nexo-section-count{color:#a7a7a7;white-space:nowrap;font-variant-numeric:tabular-nums}
.nexo-rail-progress{position:absolute;left:4%;right:4%;bottom:8.5%;height:1px;background:#303030;opacity:var(--nexo-label,0)}
.nexo-rail-progress i{display:block;width:100%;height:1px;background:#ddd;transform:scaleX(var(--nexo-progress,.2));transform-origin:left}
.work-gallery{display:block;padding:0}
.work-gallery .work-meta{position:absolute;left:4%;right:4%;top:12%;border:0;padding:0}
.work-gallery h3{position:absolute;left:4%;bottom:5%;margin:0;font-size:clamp(32px,4.7vw,86px);max-width:67%;line-height:1}
.work-gallery .gallery-film{position:absolute;inset:19% 4% 16%;display:block;overflow:visible}
.gallery-film video{display:block;width:100%;height:100%;object-fit:contain;background:#0c0c0c}
.gallery-play{position:absolute;right:0;bottom:-26px;border:0;padding:5px 0 5px 14px;background:transparent;color:#e3e3e3;font:10px/1.4 Plex,monospace;letter-spacing:.035em;cursor:pointer;pointer-events:auto}
.gallery-play:focus-visible{outline:1px solid #f7f7f7;outline-offset:4px}
.gallery-play:disabled{color:#aaa;cursor:default}
.work-argo{display:block;padding:0;overflow:hidden}
.work-argo .work-meta{position:absolute;left:4%;right:4%;top:12%;border:0;padding:0;z-index:1}
.work-argo h3{position:absolute;left:4%;bottom:10.5%;margin:0;font-size:clamp(34px,4vw,70px);line-height:.9;text-transform:uppercase}
.argo-track{position:absolute;left:50%;top:17%;display:flex;gap:var(--argo-gap,6vw);height:64%;will-change:transform}
.work-argo .argo-track figure{position:relative;flex:0 0 var(--argo-width,80vw);width:var(--argo-width,80vw);height:100%;margin:0;display:flex;align-items:center;overflow:visible}
.work-argo .argo-track img,.argo-film video{display:block;width:100%;height:100%;object-fit:contain}
.argo-track figure.asset-failed img{visibility:hidden}
.argo-track figure.asset-failed:after{content:'Não foi possível carregar esta prancha.';position:absolute;inset:45% 10%;text-align:center;font:14px/1.5 Plex,monospace}
.argo-rail-status{position:absolute;left:43%;right:4%;bottom:11%;display:flex;justify-content:space-between;gap:16px;font:11px/1.5 Plex,monospace;text-transform:uppercase;letter-spacing:.04em}
.argo-section-count{color:#a7a7a7;white-space:nowrap;font-variant-numeric:tabular-nums}
.argo-rail-progress{position:absolute;left:4%;right:4%;bottom:8.5%;height:1px;background:#303030}
.argo-rail-progress i{display:block;width:100%;height:1px;background:#aa1f1f;transform:scaleX(var(--argo-progress,.1667));transform-origin:left}
.work-argo .work-caption{position:absolute;bottom:5%;left:4%;right:4%;margin:0;font-size:11px}
.argo-play{position:absolute;right:0;bottom:-27px;border:0;padding:5px 0 5px 14px;background:transparent;color:#e3e3e3;font:10px/1.4 Plex,monospace;letter-spacing:.035em;cursor:pointer;pointer-events:auto}
.argo-play:focus-visible{outline:1px solid #f7f7f7;outline-offset:4px}
.argo-play:disabled{color:#aaa;cursor:default}
.work-gallery .work-caption{position:absolute;right:4%;bottom:5%;margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:9px}
@media(max-width:760px){
  .journey{height:3744svh}
  .work-argo .work-meta{top:15%;left:6%;right:6%;font-size:9px}
  .work-argo h3{top:20%;bottom:auto;left:6%;font-size:20vw}
  .argo-track{top:34%;height:42%}
  .argo-rail-status{left:6%;right:6%;bottom:17%;font-size:9px}
  .argo-rail-progress{left:6%;right:6%;bottom:14%}
  .work-argo .work-caption{left:6%;right:6%;bottom:6%;font-size:9px}
  .argo-play{font-size:9px;bottom:-25px}
  .selected-work.is-typographic .work-nexo h3{left:6%;bottom:22%;font-size:20vw}
  .nexo-rail-status{left:6%;right:6%;bottom:17%;font-size:9px}
  .nexo-rail-progress{left:6%;right:6%;bottom:14%;}
  .work-gallery .work-meta{left:6%;right:6%;top:15%;font-size:9px}
  .work-gallery h3{top:20%;bottom:auto;left:6%;max-width:88%;font-size:10.5vw;letter-spacing:-.06em}
  .work-gallery .gallery-film{inset:29% 6% 13%}
  .work-gallery .work-caption{left:6%;right:6%;bottom:5%;flex-direction:row;align-items:flex-start;font-size:8px}
  .gallery-play{font-size:9px;bottom:-25px}
}
@media(max-height:580px) and (min-width:761px){
  .work-argo .work-meta{top:18%}
  .work-argo h3{font-size:5vh}
  .argo-track{top:25%;height:50%}
  .argo-rail-status{font-size:9px}
  .selected-work.is-typographic .work-nexo h3{font-size:5vh;bottom:10.5%}
  .nexo-rail-status{font-size:9px}
  .work-gallery .work-meta{top:18%}
  .work-gallery .gallery-film{inset:24% 4% 18%}
  .work-gallery h3{font-size:6vh}
}
@media(prefers-reduced-motion:reduce){.journey{height:2833svh}.argo-track{will-change:auto}}