/* Existing Products detail styles, on the document scroll surface. */
html.case-detail-page { background:#121314; scroll-behavior:smooth; }
body.case-detail-page { margin:0; min-width:320px; overflow-x:clip; background:#121314; color:#f7f5f2; font-family:var(--sans); }
.case-detail-page main { display:block; }
.case-detail-page .inspiration-case { height:auto; overflow:visible; overscroll-behavior:auto; }
.case-detail-page .inspiration-case__hero { padding-top:clamp(150px,14vw,220px); }
.case-detail-page .mc-hero { padding-top:clamp(150px,14vw,220px); }
.case-detail-page .case-back { display:inline-flex; align-items:center; min-height:44px; margin:0; position:absolute; top:100px; left:max(22px,4vw); z-index:1; color:#b7b8ba; font-size:14px; text-decoration:none; }
.case-back:focus-visible { outline:2px solid #ff8f29; outline-offset:6px; }
.case-detail-page .inspiration-case__opening { text-wrap:balance; }
.case-detail-page .inspiration-case__video button[hidden] { display:none; }
/* Next module adapted from V7 cases/gucci/detail.css + cases/case-page.css. */
.dv-case-next { position:relative; z-index:2; isolation:isolate; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; min-height:clamp(520px,63vw,914px); padding:100px 22px; color:#fff; text-align:center; text-decoration:none; }
.dv-case-next__hotspot { position:relative; z-index:2; display:inline-flex; flex-direction:column; align-items:center; pointer-events:none; }
.dv-case-next__title,.dv-case-next__name { max-width:820px; font-family:DunbenSerif,"Dunben Serif SC",Georgia,serif; font-size:clamp(34px,2.68vw,48px); font-weight:700; line-height:1.22; letter-spacing:-.01em; text-wrap:balance; }
.dv-case-next__title { color:#a8a8a8; }
.dv-case-next__name { margin-top:27px; color:#fff; font-family:DunbenSans,"Dunben Sans SC",Helvetica,Arial,sans-serif; font-weight:500; }
.dv-case-next:focus-visible { outline:2px solid #ff8f29; outline-offset:-12px; }
.dv-case-tilted-card { position:fixed; z-index:1; left:0; top:0; width:min(calc(100vw - 32px),clamp(331.5px,31.2vw,468px)); aspect-ratio:16/10; margin:0; pointer-events:none; visibility:hidden; opacity:0; transform:translate3d(-50%,-50%,0); perspective:800px; }
.dv-case-tilted-card.is-visible { visibility:visible; }
.dv-case-tilted-card__inner { position:relative; width:100%; height:100%; transform-style:preserve-3d; }
.dv-case-tilted-card__img { position:absolute; inset:0; display:block; width:100%; height:100%; border-radius:15px; object-fit:cover; box-shadow:0 22px 54px rgba(0,0,0,.34); opacity:.5; }
.dv-case-next:focus-visible .dv-case-tilted-card { visibility:visible; opacity:1!important; left:50%; top:50%; transform:translate(-50%,-50%)!important; }
@media (max-width:760px) {
 .case-detail-page .inspiration-case__opening { font-size:clamp(32px,9vw,40px); }
 .dv-case-next { min-height:520px; }
 .dv-case-next__title,.dv-case-next__name { font-size:30px; }
 .dv-case-next__name { margin-top:24px; }
}
@media (prefers-reduced-motion:reduce) {
 html.case-detail-page { scroll-behavior:auto; }
 .case-detail-page .reveal { opacity:1; transform:none; transition:none; }
 .dv-case-next:hover .dv-case-tilted-card { visibility:visible; opacity:1!important; left:50%; top:50%; transform:translate(-50%,-50%)!important; }
}