/* 14islands Cothink case scene — full-bleed work visual, auto-runs through four cases; whole surface advances, only the text CTA enters detail. */
.hero--14+.hero-media{position:relative;isolation:isolate;height:clamp(520px,82svh,920px);margin:0 clamp(18px,2.15vw,32px);overflow:hidden;background:#0a0b0e;color:#fff}.case-scene{position:relative;display:block;width:100%;height:100%;overflow:hidden;cursor:none;background:#0a0b0e}.case-image{position:absolute;inset:0;overflow:hidden;clip-path:inset(13% 8% 11% 8%);transition:clip-path 1.25s var(--ease-out),opacity .26s var(--ease-out)}.case-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.07) brightness(.64);opacity:.3;transform:scale(1.18) translate3d(0,var(--case-scroll,0px),0);transition:opacity .8s var(--ease-out),transform 1.45s var(--ease-out),filter .7s var(--ease-out)}.hero-media.is-inview .case-image{clip-path:inset(0)}.hero-media.is-inview .case-image img{opacity:1;transform:scale(1.04) translate3d(0,var(--case-scroll,0px),0)}.hero-media.is-hovered .case-image img{transform:scale(1.11) translate3d(calc((var(--case-x,50%) - 50%) * -.028),calc((var(--case-y,50%) - 50%) * -.028 + var(--case-scroll,0px)),0);filter:saturate(1) contrast(1.1) brightness(.7)}.hero-media.is-switching .case-image{opacity:0}.hero-media.is-switching .case-scene-copy,.hero-media.is-switching .case-scene-top,.hero-media.is-switching .case-scene-bottom{opacity:0;transform:translateY(13px)}.case-glass{position:absolute;inset:0;pointer-events:none;background:radial-gradient(58% 78% at var(--case-x,48%) var(--case-y,42%),rgba(109,161,255,.23),transparent 59%),linear-gradient(112deg,rgba(4,6,12,.78),rgba(4,6,12,.05) 61%,rgba(4,6,12,.48));mix-blend-mode:screen}.case-scene-top,.case-scene-bottom{position:absolute;z-index:2;right:clamp(18px,2vw,32px);left:clamp(18px,2vw,32px);display:flex;justify-content:space-between;gap:18px;font:11px var(--mono);letter-spacing:.03em;opacity:0;transform:translateY(15px);transition:opacity .55s var(--ease-out),transform .7s var(--ease-out)}.case-scene-top{top:clamp(18px,2vw,32px)}.case-scene-bottom{bottom:clamp(18px,2vw,30px);align-items:center}.case-scene-copy{position:absolute;z-index:2;left:clamp(18px,4.3vw,76px);bottom:clamp(64px,12vw,138px);opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out) .12s,transform .9s var(--ease-out) .12s}.case-scene-copy p{margin:0 0 18px;font:clamp(48px,6.5vw,112px)/.84 var(--body);font-weight:500;letter-spacing:-.09em}.case-scene-copy span{font:11px var(--mono);letter-spacing:.05em}.hero-media.is-inview .case-scene-top,.hero-media.is-inview .case-scene-bottom{opacity:1;transform:none;transition-delay:.3s}.hero-media.is-inview .case-scene-copy{opacity:1;transform:none}.case-actions{display:flex;align-items:center;gap:20px}.case-next,.case-detail{appearance:none;border:0;padding:0;background:none;color:#fff;font:11px var(--mono);letter-spacing:.04em;text-decoration:none;cursor:pointer}.case-next{opacity:.62;transition:opacity .2s var(--ease-out)}.case-next:hover,.case-next:focus-visible,.case-detail:hover,.case-detail:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:4px}.case-detail{font-weight:700}.case-cursor{position:absolute;z-index:5;display:grid;place-items:center;width:94px;height:94px;border:1px solid rgba(255,255,255,.78);border-radius:50%;background:rgba(5,7,14,.45);backdrop-filter:blur(8px);color:#fff;font:10px/1.2 var(--mono);letter-spacing:.06em;text-align:center;opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out)}.hero-media.is-hovered .case-cursor{opacity:1}.case-scene:focus-visible{outline:2px solid #fff;outline-offset:-5px}.case-scene:focus-visible .case-cursor{opacity:0}
@media(max-width:760px){.hero--14+.hero-media{height:72svh;margin:0 18px}.case-scene{cursor:pointer}.case-image{clip-path:inset(8% 6%)}.case-scene-copy{left:19px;bottom:88px}.case-scene-copy p{font-size:clamp(44px,13vw,68px)}.case-scene-top,.case-scene-bottom{right:17px;left:17px;font-size:9px}.case-actions{gap:13px}.case-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.case-image{clip-path:inset(0)!important}.case-image img{opacity:1!important;transform:none!important}.case-scene-top,.case-scene-bottom,.case-scene-copy{opacity:1!important;transform:none!important}.case-cursor{display:none!important}}