.hero-copy,.drop-code,.hero-index,.hover-note{z-index:8}.hero>img{transition:filter .4s,transform .55s}.model-interaction{position:absolute;inset:0;z-index:4}.model-zone{position:absolute;top:4%;bottom:3%;z-index:4;border:0;background:transparent;cursor:crosshair}.zone-one{left:15%;width:24%}.zone-two{left:39%;width:23%}.zone-three{left:65%;width:24%}.model-zone:focus-visible{outline:1px solid #fff;outline-offset:-8px}.model-focus{position:absolute;inset:0;opacity:0;overflow:hidden;pointer-events:none;transition:opacity .38s}.model-focus img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(1.12) contrast(1.04) drop-shadow(0 18px 22px #000);transition:transform .55s cubic-bezier(.2,.75,.2,1)}.focus-one{background:radial-gradient(ellipse 22% 60% at 27% 49%,#ffffff42 0%,#ffffff17 45%,transparent 72%)}.focus-two{background:radial-gradient(ellipse 20% 60% at 50% 49%,#ffffff42 0%,#ffffff17 45%,transparent 72%)}.focus-three{background:radial-gradient(ellipse 22% 62% at 78% 49%,#ffffff42 0%,#ffffff17 45%,transparent 72%)}.focus-one img{clip-path:ellipse(15.5% 50% at 27% 50%);transform-origin:27% 50%}.focus-two img{clip-path:ellipse(15% 50% at 50% 50%);transform-origin:50% 50%}.focus-three img{clip-path:ellipse(16% 51% at 78% 50%);transform-origin:78% 50%}.zone-one:hover~.focus-one,.zone-one:focus~.focus-one,.zone-two:hover~.focus-two,.zone-two:focus~.focus-two,.zone-three:hover~.focus-three,.zone-three:focus~.focus-three{opacity:1}.zone-one:hover~.focus-one img,.zone-one:focus~.focus-one img,.zone-two:hover~.focus-two img,.zone-two:focus~.focus-two img,.zone-three:hover~.focus-three img,.zone-three:focus~.focus-three img{transform:scale(1.055) translateY(-4px)}.hero:has(.model-zone:hover)>img,.hero:has(.model-zone:focus)>img{filter:brightness(.42) saturate(.72);transform:scale(1.025)}.hero:has(.model-zone:hover) .hero-shade,.hero:has(.model-zone:focus) .hero-shade{background:linear-gradient(90deg,#000c 0%,#0005 40%,#0007)}.hover-note{position:absolute;right:25px;top:24px;color:#bbb;font:8px var(--mono);text-transform:uppercase;letter-spacing:.13em;transition:opacity .3s}.hero:has(.model-zone:hover) .hover-note,.hero:has(.model-zone:focus) .hover-note{opacity:0}@media(max-width:820px),(hover:none){.model-interaction,.hover-note{display:none}.hero>img{filter:none!important;transform:scale(1.02)!important}}@media(prefers-reduced-motion:reduce){.model-focus img{transform:none!important}.hero>img{transform:scale(1.02)!important}}
