/* Hero handover: only opacity changes; the room returns to the ivory page. */
.signature-client-version #top canvas{transition:opacity 1.2s ease!important}
.signature-client-version #top .signature-venue-poster{display:none!important}
.signature-client-version #top .v3-hero-arch{position:absolute;z-index:2;left:68%;top:48%;height:78%;aspect-ratio:9/16;transform:translate(-50%,-50%);overflow:hidden;border-radius:999px 999px 18px 18px / 46% 46% 18px 18px;border:1px solid #14121026;box-shadow:0 28px 65px #14121024;transition:opacity 1.2s ease;pointer-events:none}
.signature-client-version[data-hero-mode=event] #top .v3-hero-arch{pointer-events:auto}
.signature-client-version #top .v3-hero-arch>img,.signature-client-version #top .v3-hero-arch>.client-hero-film{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;mask-image:none!important;-webkit-mask-image:none!important}
.signature-client-version #top .client-real-caption{position:absolute!important;left:36%!important;right:0!important;top:89%!important;bottom:auto!important;display:flex!important;justify-content:center;gap:16px;background:none!important;border:0!important;color:#141210!important;font:10px 'Jost',sans-serif;letter-spacing:.12em}
.signature-client-version #top .client-real-caption span{font:inherit;text-transform:uppercase}
@media(max-width:899px){
 .signature-client-version #top .client-hero-frame{height:65svh!important;min-height:480px!important;max-height:760px;width:calc(100% - 40px)!important;margin:20px!important;border-radius:18px}
 .signature-client-version #top .v3-hero-arch{inset:0!important;width:100%;height:100%;transform:none;aspect-ratio:auto;border-radius:18px;box-shadow:none}
 .signature-client-version #top .client-real-caption{position:relative!important;inset:auto!important;flex-wrap:wrap;padding:12px 0}
}
@media(min-width:900px) and (max-width:959px){.signature-client-version #top .v3-hero-arch{left:50%;}.signature-client-version #top .client-real-caption{position:relative!important;inset:auto!important}}
@media(prefers-reduced-motion:reduce){.signature-client-version #top canvas,.signature-client-version #top .v3-hero-arch{transition:none!important}}
/* Shared navigation: new destination follows Events, retaining the pill. */
.v3-case-link{font:11px 'Jost',sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:10px 14px;color:inherit}
@media(min-width:900px){.client-category-header nav{gap:14px}.signature-client-version header nav>a{padding-left:12px!important;padding-right:12px!important}}
/* Editorial pages, using the existing palette and typography. */
.v3-page{background:#E1D9CD;color:#141210;font-family:'Jost',sans-serif}
.v3-page *,#case-dialog *{box-sizing:border-box}
.v3-page [hidden]{display:none!important}
.v3-page main{max-width:1260px;margin:auto;padding:60px 32px 80px}
.v3-page h1,.v3-page h2,.v3-page h3{font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.05}
.v3-page h1{font-size:clamp(64px,8vw,112px);margin:18px 0 28px}
.v3-page h2{font-size:clamp(40px,5vw,64px);margin:0 0 24px}
.v3-page h3{font-size:38px;margin:0 0 18px}
.v3-page em{color:#DF0052;font-weight:400}
.v3-page p{line-height:1.8;max-width:660px}
.v3-page-intro{padding:35px 0 65px;max-width:900px}
.v3-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px}
.v3-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding:25px 0 80px}
.v3-story img{width:100%;max-height:620px;object-fit:cover;border-radius:240px 240px 18px 18px}
.v3-what{padding:60px 0;border-top:1px solid #14121033}
.v3-what>div{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.v3-what a{color:inherit;text-decoration:none}.v3-what a span{color:#B80044}
.v3-cta{padding:20px 0}
/* Case study filters and cards. */
#case-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:36px}
#case-filters fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#case-filters legend{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}
#case-filters button{border:1px solid #14121066;border-radius:99px;background:transparent;color:#141210;font:14px 'Jost',sans-serif;min-height:44px;padding:9px 18px;cursor:pointer}
#case-filters button[aria-pressed=true]{background:#141210;color:#fff}
#case-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.v3-case-card>img{width:100%;height:420px;object-fit:cover;border-radius:180px 180px 12px 12px}
.v3-case-card h2{font-size:42px;margin:12px 0}.v3-case-card>a{display:inline-block;color:#141210;margin:24px 0;text-underline-offset:6px}
.v3-services{display:flex;gap:8px}.v3-services span{border:1px solid #14121044;border-radius:99px;padding:5px 12px;font-size:12px}
/* Modal: native focus containment, internal scrolling and a persistent close action. */
#case-dialog{width:min(1000px,calc(100% - 32px));max-height:90svh;padding:24px 32px 40px;border:1px solid #14121044;border-radius:18px;background:#E1D9CD;color:#141210;overscroll-behavior:contain}
#case-dialog::backdrop{background:#0b0a09ba}
.v3-dialog-close{position:sticky;top:0;display:block;margin-left:auto;z-index:2;background:#141210;color:#fff;border:0;border-radius:99px;padding:12px 20px;font:14px 'Jost',sans-serif;cursor:pointer}
#case-title{margin-top:25px}.v3-case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.v3-case-gallery>img,.v3-case-gallery>video{width:100%;max-height:65svh;object-fit:contain;background:#141210;border-radius:8px}
.v3-page :focus-visible{outline:2px solid #B80044;outline-offset:5px}
@media(max-width:699px){.v3-page main{padding:35px 20px 60px}.v3-story,.v3-what>div,#case-grid,.v3-case-gallery{grid-template-columns:1fr;gap:28px}.v3-story img{max-height:460px}.v3-page-intro{padding-bottom:36px}.v3-case-card>img{height:400px}#case-dialog{padding:18px}}
/* Privacy navigation inherits the same responsive menu. */
body:has(>.client-category-header)>.page{padding-top:50px}

/* Reduced motion: explicit playback over the poster. */
.v3-poster-play{position:absolute;z-index:3;left:50%;bottom:24px;transform:translateX(-50%);border:1px solid #ffffff88;border-radius:99px;background:#141210;color:white;font:14px 'Jost',sans-serif;padding:12px 22px;white-space:nowrap;cursor:pointer}
/* Final spacing for the fixed navigation and arch caption. */
.v3-page main{padding-top:130px}
.signature-client-version #top .client-real-caption{flex-direction:row;align-items:center;transform:none!important;width:64%!important;margin:0!important;padding:0!important}
@media(max-width:899px){.v3-page main{padding-top:100px}.signature-client-version #top .client-real-caption{width:auto!important;margin:0 20px!important}}
@media(min-width:960px){.signature-client-version #top .client-real-caption{top:82%!important;left:68%!important;right:auto!important;transform:translateX(-50%)!important;width:max-content!important;max-width:60%;padding:0 12px!important;border-radius:10px;background:#e1d9cde8!important;gap:12px}}

/* v3.1 (Claude): arco più corto, che non tocca i pulsanti; didascalia dentro l'arco, senza "Watch the films" doppio */
@media(min-width:960px){
  .signature-client-version #top .v3-hero-arch{top:45%;height:72%}
  .signature-client-version #top .client-real-caption{top:auto!important;bottom:calc(100% - 45% - 36%) !important;left:68%!important;transform:translate(-50%,-14px)!important;
    background:none!important;color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.55);pointer-events:none}
  .signature-client-version #top .client-real-caption button{display:none!important}
}
@media(max-width:959px){.signature-client-version #top .client-real-caption button{display:none!important}}
@media(min-width:960px){.signature-client-version #top .client-real-caption span{color:#fff!important;font-size:10.5px;letter-spacing:.16em}}

/* v3.1 (Claude): filtri con etichetta sopra ogni gruppo; galleria adatta ai film verticali */
#case-filters{align-items:flex-start;gap:28px}
#case-filters fieldset{display:block}
#case-filters legend{display:block;float:none;margin:0 0 10px;padding:0}
#case-filters fieldset button{margin:0 6px 8px 0}
.v3-case-gallery{grid-template-columns:repeat(auto-fit,minmax(240px,340px));justify-content:center}
.v3-case-gallery>video,.v3-case-gallery>img{aspect-ratio:9/16;height:auto;max-height:68svh;object-fit:cover;border-radius:14px;background:#141210}

/* v3.2 (Claude): su desktop il film è più largo — arco ampio su quasi tutta la metà destra */
@media(min-width:960px){
  .signature-client-version #top .v3-hero-arch{left:67.5%;top:46%;height:74%;width:min(58vw,880px);aspect-ratio:auto;
    border-radius:50% 50% 18px 18px / 28% 28% 18px 18px}
  .signature-client-version #top .v3-hero-arch>img,.signature-client-version #top .v3-hero-arch>.client-hero-film{object-position:50% 42%!important}
  .signature-client-version #top .client-real-caption{left:67.5%!important;bottom:calc(100% - 46% - 37%)!important}
}

/* v3.3 (Claude): spazio riservato alla griglia dei case study (niente salto quando arrivano i dati) */
#case-grid{min-height:min(78vh,760px)}
@media(max-width:699px){#case-grid{min-height:1100px}}