.handoff-art.depth-scene{position:relative;width:auto;max-width:100%;aspect-ratio:941/1672;justify-self:center;isolation:isolate;overflow:visible;background:#141522;box-shadow:0 25px 70px #0005}.depth-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;will-change:transform}.depth-scene .depth-back{z-index:0;clip-path:inset(0);object-fit:cover}.depth-scene .depth-person{z-index:2;transform-origin:50% 85%;filter:drop-shadow(-12px 5px 18px #0007);mask-image:linear-gradient(#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(#000 91%,transparent 100%)}.depth-scene .depth-rail{z-index:3;clip-path:polygon(0 69%,100% 73.2%,100% 76%,0 71.6%);filter:drop-shadow(0 8px 5px #0008)}.handoff-in{overflow:hidden}.handoff-title{z-index:4}.octavio-depth{position:relative;margin:0 calc(var(--gutter) * -1) 85px;background:#15100b}.octavio-stage{position:relative;height:calc(100svh - 147px);min-height:460px;isolation:isolate;overflow:hidden;--look-x:0px;--look-y:0px}.octavio-landscape{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:50% 55%;will-change:transform}.octavio-shade{position:absolute;inset:0;background:linear-gradient(0deg,#140f0dd9,transparent 45%,#130e0770)}.octavio-word{position:absolute;left:-2%;top:18%;z-index:1;font:400 clamp(130px,24vw,380px)/1 'Anton';letter-spacing:-.035em;color:#f1d0a0;white-space:nowrap;will-change:transform;opacity:.9}.octavio-person{position:absolute;right:10%;bottom:-5%;height:112%;width:auto;max-width:none;z-index:2;object-fit:contain;transform-origin:50% 85%;translate:var(--look-x) var(--look-y);transition:translate .4s ease-out;filter:drop-shadow(-25px 15px 25px #130b0870);will-change:transform;pointer-events:none}.octavio-enter{position:absolute;left:var(--gutter);bottom:35px;z-index:4;display:flex;gap:55px;align-items:center;padding:16px 22px;border:1px solid #e5ccac8c;background:#140f0dbd;backdrop-filter:blur(10px);font-size:16px}.octavio-enter>span{font-size:12px;opacity:.7}.octavio-depth.depth-enabled{height:165svh}.depth-enabled .octavio-stage{position:sticky;top:147px}.chapter-octavio{overflow:visible}#octavio-clips{scroll-margin-top:20px}
@media(max-width:760px){.handoff-art.depth-scene{height:100%;width:auto;min-height:0;max-height:47svh;max-width:75vw;aspect-ratio:941/1672}.octavio-stage{height:calc(100svh - 122px);min-height:490px}.depth-enabled .octavio-stage{top:122px}.octavio-depth{margin-bottom:50px}.octavio-depth.depth-enabled{height:145svh}.octavio-person{right:-32%;height:97%;bottom:0;max-width:none}.octavio-word{top:11%;font-size:36vw;left:-3%}.octavio-enter{bottom:25px;font-size:14px;padding:14px 18px;gap:40px}}
@media(prefers-reduced-motion:reduce){.depth-scene img,.octavio-landscape,.octavio-person,.octavio-word{transform:none!important;will-change:auto;translate:none}.octavio-person{transition:none}.octavio-depth{height:auto}.depth-enabled .octavio-stage{position:relative;top:auto}}
.octavio-person{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 96%,transparent)}