@font-face{font-family:Bonni;src:url('assets/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}:root{--bg:oklch(17% .006 45);--paper:oklch(94% .012 80);--muted:oklch(73% .012 80);--red:oklch(67% .213 30);--line:oklch(36% .008 45);--space:clamp(20px,4vw,80px);--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Bonni,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--red);color:var(--bg)}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}h1,h2,h3,p{margin:0}h2,h3{font-weight:450;letter-spacing:-.035em}img,video{display:block;width:100%;height:100%;object-fit:cover}.arrow{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.skip{position:fixed;left:20px;top:-100px;padding:16px;background:var(--paper);color:var(--bg);z-index:100}.skip:focus{top:20px}header{padding:18px var(--space);display:flex;align-items:center;justify-content:space-between;gap:20px}.signature{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px}.signature>svg{width:26px;height:26px;fill:var(--red)}nav{display:flex;gap:30px}nav a{display:flex;align-items:center;gap:8px;min-height:44px;min-width:44px;justify-content:center;font-size:13px}nav a:hover{text-decoration:underline}.opening{padding:0 var(--space)}.masthead{display:flex;justify-content:space-between;align-items:center;padding:10px 0 24px;gap:40px}.masthead h1{font-size:clamp(100px,22.5vw,430px);line-height:.8;letter-spacing:-.04em;font-weight:760;margin-left:-.012em}.masthead-note{align-self:flex-end;padding-bottom:5px;flex-shrink:0}.masthead-note p{font-size:clamp(14px,1.35vw,22px);line-height:1.35}.masthead-note>span{display:block;font-size:11px;color:var(--muted);margin-top:25px}.cinema{position:relative;height:clamp(390px,46vw,720px);overflow:hidden}.cinema>img{object-position:50% 45%;transition:opacity .35s var(--ease),transform 1.2s var(--ease)}.cinema:hover>img{transform:scale(1.025)}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,13,.83),rgba(10,10,13,.12) 75%),linear-gradient(0deg,rgba(10,10,13,.72),transparent 35%);pointer-events:none}.cinema-copy{position:absolute;left:4.5%;top:14%;right:5%}.cinema-copy>p{font-size:12px;line-height:1.5;margin-bottom:28px;color:var(--paper)}.cinema-copy h2{font-size:clamp(45px,6.5vw,96px);line-height:.98;max-width:8em}.cinema-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.cinema-actions a,.cinema-actions button{min-height:48px;display:flex;align-items:center;gap:20px;font-size:13px}.cinema-actions>a{border-bottom:1px solid currentColor}.cinema-actions>button{padding:0 16px;background:rgba(15,15,17,.85)}.cinema-actions>button:hover{background:var(--paper);color:var(--bg)}.play{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.film-caption{position:absolute;bottom:25px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.015em}.project-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.project-selector button{position:relative;text-align:left;padding:22px 0;min-height:70px;font-size:14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px}.project-selector button>span{font-size:11px;color:var(--muted)}.indicator{position:absolute;bottom:-1px;left:0;right:100%;height:2px;background:var(--red);transition:right .5s var(--ease)}.project-selector button[aria-pressed=true] .indicator{right:0}.project-selector button:hover{color:var(--red)}.manifesto{display:grid;grid-template-columns:1.15fr 1fr;gap:12vw;padding:130px var(--space)}.manifesto h2{font-size:clamp(44px,6vw,96px);line-height:1.04}.manifesto h2>span{color:var(--red)}.manifesto>div{padding-top:12px}.manifesto p{font-size:clamp(20px,2.15vw,34px);line-height:1.35;letter-spacing:-.025em}.line-link{margin-top:35px;min-height:52px;display:flex;align-items:center;gap:20px;font-size:13px;border-bottom:1px solid var(--line);padding:10px 0}.line-link .arrow{margin-left:auto}.work{padding:0 var(--space) 100px}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:30px;gap:20px}.section-title h2{font-size:clamp(36px,4vw,64px)}.section-title p{font-size:12px;color:var(--muted)}.visual{position:relative;overflow:hidden;background:var(--line);aspect-ratio:16/9}.visual img{transition:transform .9s var(--ease)}.project:hover .visual img{transform:scale(1.035)}.round-arrow{position:absolute;bottom:20px;right:20px;width:48px;height:48px;display:grid;place-items:center;background:var(--paper);color:var(--bg);border-radius:50%;transition:transform .3s var(--ease)}.project:hover .round-arrow{transform:rotate(45deg)}.caption{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 0}.caption h3{font-size:clamp(25px,2.7vw,42px);line-height:1.1}.caption p{font-size:12px;line-height:1.5;color:var(--muted);text-align:right}.duo{display:grid;grid-template-columns:1fr 1fr;gap:4vw;margin-top:60px}.duo>.project:first-child .visual{aspect-ratio:.95}.duo>.project:last-child{padding-top:110px}.duo>.project:last-child .visual{aspect-ratio:1.1;background:var(--paper)}.duo .caption{display:block}.duo .caption p{margin-top:10px;text-align:left}.crispy-project button{padding:0 0 4px;border-bottom:1px solid var(--muted);min-height:44px;font-size:13px}.video-error{font-size:12px;line-height:1.5;margin-top:10px}.archive-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:clamp(24px,3vw,46px);padding:32px 0;margin-top:65px;letter-spacing:-.025em}.archive-link .arrow{width:36px;height:36px}.archive-link:hover{color:var(--red)}.profile{padding:90px var(--space) 110px;background:var(--paper);color:var(--bg);display:grid;grid-template-columns:1.15fr 1fr;gap:12vw}.profile-title .asterisk{width:58px;height:58px;fill:var(--red);margin-bottom:40px}.profile-title h2{font-size:clamp(36px,4vw,64px);line-height:1.06}.profile-copy{padding-top:102px}.profile-copy>p{font-size:18px;line-height:1.6;max-width:48ch}.profile-copy>p:first-child{font-size:26px;line-height:1.3;letter-spacing:-.025em;margin-bottom:22px}.profile-copy .line-link{border-color:color-mix(in oklch,var(--bg) 35%,transparent)}.profile-copy .line-link span{margin-left:auto;font-size:11px}.profile-copy .line-link .arrow{margin-left:0}.contact{padding:65px var(--space) 35px;background:var(--red);color:var(--bg)}.contact>p{font-size:14px;margin-bottom:45px}.contact>a{position:relative;display:block;font-size:clamp(52px,10vw,170px);line-height:.98;letter-spacing:-.04em;padding-bottom:45px}.contact>a>span{color:var(--bg)}.contact>a>svg{position:absolute;right:0;top:10px;width:11vw;max-width:150px;fill:none;stroke:currentColor;stroke-width:3}.contact>a:hover>svg{transform:translate(5px,-5px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid currentColor;padding-top:20px;font-size:13px}.contact-bottom>a{display:flex;align-items:center;gap:15px;min-height:44px}footer{padding:20px var(--space);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}footer a{display:flex;align-items:center;gap:12px;min-height:44px}dialog{width:min(1000px,94vw);padding:24px;border:1px solid var(--line);background:var(--bg);color:var(--paper)}dialog::backdrop{background:rgba(5,5,8,.9)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-top h2{font-size:20px;letter-spacing:-.02em}.dialog-top button{display:flex;gap:18px;align-items:center;min-height:44px;font-size:13px}.dialog-top button span{font-size:24px}#film-container{aspect-ratio:16/9}#film-container iframe{width:100%;height:100%;border:0}dialog>p{font-size:12px;line-height:1.6;margin-top:16px}dialog>p a{text-decoration:underline}
@media(min-width:1700px){.cinema{height:700px}.masthead{padding-top:25px;padding-bottom:40px}}
@media(max-width:900px){nav{gap:15px}.masthead h1{font-size:24vw}.masthead-note p{font-size:13px}.masthead-note>span{font-size:10px;margin-top:14px}.cinema{height:480px}.cinema-copy{top:16%}.cinema-copy h2{font-size:68px}.project-selector{gap:20px}.project-selector button{font-size:12px;gap:10px}.manifesto{gap:7vw;padding-top:85px;padding-bottom:85px}.duo>.project:last-child{padding-top:65px}.profile{gap:7vw}.profile-copy{padding-top:85px}.profile-copy>p{font-size:16px}.profile-copy>p:first-child{font-size:22px}.profile-title .asterisk{width:46px;height:46px}.caption{flex-direction:column;gap:10px}.caption p{text-align:left}footer>span:nth-child(2){display:none}}
@media(max-width:600px){header{padding:12px 20px;gap:12px}.signature{font-size:12px;gap:8px}.signature svg{width:22px;height:22px}nav{gap:4px}nav a{font-size:11px}nav a:nth-child(3){display:none}.opening{padding:0 20px}.masthead{display:block;padding:20px 0 24px}.masthead h1{font-size:29vw;line-height:.82}.masthead-note{display:flex;align-items:flex-end;justify-content:space-between;margin-top:22px}.masthead-note p{font-size:12px;line-height:1.3}.masthead-note p br{display:none}.masthead-note>span{font-size:10px;white-space:nowrap;margin-left:15px}.cinema{height:450px;margin:0 -20px}.cinema>img{object-position:56% 50%}.cinema-shade{background:linear-gradient(0deg,rgba(10,10,13,.95),rgba(10,10,13,.25) 75%)}.cinema-copy{left:20px;right:20px;top:auto;bottom:70px}.cinema-copy>p{font-size:11px;margin-bottom:18px}.cinema-copy h2{font-size:clamp(42px,12vw,66px)}.cinema-actions{margin-top:22px;gap:14px;align-items:flex-start;flex-wrap:wrap}.cinema-actions a,.cinema-actions button{font-size:12px;gap:12px}.cinema-actions button{padding:0 12px}.film-caption{left:20px;right:20px;bottom:20px;font-size:10px}.project-selector{gap:10px}.project-selector button{font-size:11px;display:block;padding:15px 0 18px;line-height:1.4;min-height:88px}.project-selector button>span{display:block;margin-bottom:8px;font-size:10px}.manifesto{display:block;padding:65px 20px}.manifesto h2{font-size:52px}.manifesto>div{padding-top:30px}.manifesto p{font-size:23px;max-width:26ch}.manifesto .line-link{margin-top:20px}.work{padding:0 20px 65px}.section-title{display:block;margin-bottom:24px}.section-title h2{font-size:36px}.section-title p{margin-top:12px}.feature .visual{aspect-ratio:1.35}.caption{padding:18px 0}.caption h3{font-size:28px}.caption p{font-size:11px}.round-arrow{width:44px;height:44px;bottom:12px;right:12px}.duo{grid-template-columns:1fr;gap:30px;margin-top:30px}.duo>.project:first-child .visual{aspect-ratio:1.1}.duo>.project:last-child{padding-top:0;margin-left:30px}.duo>.project:last-child .visual{aspect-ratio:1.1}.archive-link{margin-top:40px;padding:25px 0;font-size:27px}.archive-link .arrow{width:28px;height:28px}.profile{padding:50px 20px;display:block}.profile-title .asterisk{width:42px;height:42px;margin-bottom:26px}.profile-title h2{font-size:37px}.profile-copy{padding-top:30px}.profile-copy>p:first-child{font-size:25px}.profile-copy>p{font-size:17px}.contact{padding:40px 20px 25px}.contact>p{font-size:12px;max-width:30ch;line-height:1.5;margin-bottom:30px}.contact>a{font-size:clamp(42px,12vw,70px);padding-bottom:35px;padding-right:25px}.contact>a>svg{width:34px;top:3px}.contact-bottom{align-items:flex-start;flex-direction:column;gap:10px;font-size:12px}footer{padding:15px 20px;font-size:10px;gap:15px}footer .arrow{width:18px;height:18px}.dialog-top h2{font-size:16px}dialog{padding:16px}.dialog-top{gap:10px}.dialog-top button{gap:8px}.masthead-note p{max-width:175px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinema>img,.visual img,.indicator,.round-arrow{transition:none}.cinema:hover>img,.project:hover .visual img,.project:hover .round-arrow,.contact>a:hover>svg{transform:none}}
[hidden]{display:none!important}
@media(max-width:600px){.masthead-note p br{display:initial}}
.film-caption{align-items:flex-end}.film-caption p{margin-top:7px;font-size:10px;line-height:1.3}@media(max-width:600px){.cinema-copy{bottom:100px}.cinema-shade{background:linear-gradient(0deg,rgba(10,10,13,.97),rgba(10,10,13,.4) 80%)}}

:root{--red:oklch(64% .213 30)}
@media(min-width:701px) and (hover:hover) and (pointer:fine){.selected-work:has(.work-row:not(.archive-row):focus-visible) .work-preview{opacity:1;visibility:visible;transform:translate(var(--preview-x,0px),var(--preview-y,0px)) rotate(-3deg) scale(1);transition-delay:0s}}
.selected-work{display:grid;grid-template-columns:.9fr 1.35fr;gap:9vw;padding:0 var(--space) 100px;position:relative}.work-intro{min-width:0}.work-intro h2{font-size:clamp(40px,4.5vw,68px);line-height:1.02}.work-intro>p{margin-top:24px;font-size:14px;line-height:1.5;color:var(--muted)}.work-index{min-width:0}.work-rows{border-top:1px solid var(--line)}.work-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 36px 24px;gap:20px;align-items:center;padding:25px 0;min-height:140px;border-bottom:1px solid var(--line);transition:color .25s var(--ease)}.row-copy{transition:transform .45s var(--ease)}.row-client{font-size:12px;color:var(--muted);line-height:1.4}.work-row h3{font-size:clamp(24px,2.5vw,38px);line-height:1.06;letter-spacing:-.03em;margin:8px 0 10px}.row-role{font-size:11px;color:var(--muted);line-height:1.5}.row-year{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;align-self:center}.work-row>.arrow{width:22px;height:22px;transition:transform .4s var(--ease)}.work-thumb{display:none}.all-work{min-height:64px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.all-work:hover{text-decoration:underline}.preview-stage{position:relative;height:280px;margin-top:38px;pointer-events:none}.work-preview{position:absolute;left:0;right:0;top:0;margin:0;opacity:0;visibility:hidden;transform:translate(var(--preview-x,0px),var(--preview-y,0px)) rotate(-3deg) scale(.94);transition:opacity .2s var(--ease),transform .45s var(--ease),visibility 0s linear .25s;pointer-events:none;z-index:2}.work-preview.is-visible{opacity:1;visibility:visible;transform:translate(var(--preview-x,0px),var(--preview-y,0px)) rotate(-3deg) scale(1);transition-delay:0s}.work-preview img{width:100%;height:240px;object-fit:contain;background:var(--bg)}.work-preview figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:12px;font-size:10px;line-height:1.4;color:var(--muted)}.work-row:focus-visible{outline:2px solid var(--red);outline-offset:5px}.work-row:focus-visible .row-copy{transform:translateX(12px)}.work-row:focus-visible>.arrow{transform:translate(4px,-4px)}
@media(hover:hover) and (pointer:fine){.work-row:hover .row-copy{transform:translateX(12px)}.work-row:hover>.arrow{transform:translate(4px,-4px)}.work-rows:has(.work-row:hover) .work-row:not(:hover) .row-copy{color:var(--muted)}}
@media(max-width:1000px){.selected-work{gap:5vw;grid-template-columns:.85fr 1.4fr}.work-row{gap:12px}.work-row h3{font-size:26px}.work-preview img{height:200px}.work-preview figcaption{display:block}.work-preview figcaption span{display:block;margin-top:4px}}
@media(max-width:700px),(hover:none),(pointer:coarse){.selected-work{display:block;padding:0 var(--space) 65px}.work-intro{margin-bottom:30px}.work-intro h2{font-size:42px}.work-intro h2 br{display:none}.work-intro>p{margin-top:18px;font-size:13px}.preview-stage{display:none}.work-row{grid-template-columns:80px minmax(0,1fr) 20px;gap:15px;padding:22px 0;min-height:140px}.work-thumb{display:block;width:80px;height:88px;object-fit:contain;background:var(--bg);grid-column:1;grid-row:1}.row-copy{grid-column:2;grid-row:1}.work-row h3{font-size:23px;margin:7px 0;line-height:1.08}.row-client{font-size:10px}.row-role{font-size:10px}.row-year{grid-column:3;grid-row:1;align-self:start;font-size:10px}.work-row>.arrow{grid-column:3;grid-row:1;align-self:end;width:20px;height:20px}.all-work{font-size:12px}.work-row:focus-visible .row-copy{transform:none}}
@media(max-width:380px){.work-row{grid-template-columns:62px minmax(0,1fr) 20px;gap:12px}.work-thumb{width:62px;height:75px}.work-row h3{font-size:21px}}
@media(max-width:600px){footer{flex-wrap:wrap;gap:0 20px;justify-content:flex-start}footer>span:first-child{width:100%;margin-bottom:8px}footer>span:nth-of-type(2){display:none}}
@media(prefers-reduced-motion:reduce){.row-copy,.work-row>.arrow,.work-preview{transition:none}.work-row:hover .row-copy,.work-row:focus-visible .row-copy,.work-row:hover>.arrow,.work-row:focus-visible>.arrow{transform:none}.work-preview.is-visible{transform:none}}
/* Preview: stesso posizionamento e trattamento del sito originale. */
.preview-stage{position:static;height:0;margin:0}
.work-preview{position:fixed;left:50%;top:50%;right:auto;width:max-content;max-width:min(600px,calc(100vw - 36px));z-index:2;transform:translate(-50%,-50%) scale(.94);filter:drop-shadow(0 18px 34px rgba(0,0,0,.28));transition:opacity .18s ease,transform .25s cubic-bezier(.2,.75,.25,1),visibility 0s linear .25s}
.work-preview.is-visible{transform:translate(-50%,-50%) scale(1)}
.work-preview img{width:100%;height:auto;max-height:min(600px,calc(100vh - 90px));object-fit:contain;background:transparent}
.work-preview figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:12px;font-size:11px;line-height:1.3;color:var(--paper);text-transform:uppercase;letter-spacing:.03em}
.work-row{z-index:3}
.work-row:hover .row-copy,.work-row:focus-visible .row-copy{text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.82),0 0 28px rgba(0,0,0,.62)}
.contact>h2{font-size:clamp(64px,10vw,170px);line-height:.98;letter-spacing:-.04em;font-weight:450;padding-bottom:45px}
.contact-bottom{justify-content:flex-start;gap:40px}
.contact-bottom>a{display:flex;align-items:center;gap:18px;min-height:48px;border-bottom:1px solid currentColor;font-size:14px}
.contact-bottom>a:hover{text-decoration:underline}
@media(min-width:701px) and (hover:hover) and (pointer:fine){.selected-work:has(.work-row:not(.archive-row):focus-visible) .work-preview{transform:translate(-50%,-50%) scale(1)}}
@media(max-width:700px),(hover:none),(pointer:coarse){.work-preview{display:none}.preview-stage{display:none}.work-row:hover .row-copy,.work-row:focus-visible .row-copy{text-shadow:none}}
@media(max-width:600px){.contact>h2{font-size:clamp(52px,12vw,70px);padding-bottom:30px}.contact-bottom{gap:20px;align-items:stretch}.contact-bottom>a{font-size:13px;justify-content:space-between;gap:12px}.contact-bottom>a .arrow{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.work-preview{transition:none}.work-preview.is-visible{transform:translate(-50%,-50%)}.selected-work:has(.work-row:not(.archive-row):focus-visible) .work-preview{transform:translate(-50%,-50%)}}
.work-row{z-index:1}.work-row:hover,.work-row:focus-visible{z-index:3}
.selected-work:has(.archive-row:hover) .work-preview,.selected-work:has(.archive-row:focus-visible) .work-preview{opacity:0;visibility:hidden;transition:none}
/* Marchio condiviso e intestazione dell’indice a tutta larghezza. */
.site-logo{font-size:29px;font-weight:800;letter-spacing:-.04em;line-height:1;gap:8px;min-height:44px}
.site-logo span{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}
.site-logo>svg{width:26px;height:26px;flex-shrink:0}
.selected-work{display:block}
.work-intro{display:block;margin-bottom:36px}
.work-intro h2 br{display:none}
.work-intro>p{margin-top:18px;font-size:14px}
.work-intro>.preview-stage{display:contents}
@media(max-width:700px),(hover:none),(pointer:coarse){.work-intro{display:block;margin-bottom:30px}.work-intro>p{margin-top:18px;font-size:13px}}
@media(max-width:600px){.site-logo{font-size:25px}.site-logo>svg{width:22px;height:22px}}

/* The selected film remains legible as a carousel on every screen. */
.project-selector .indicator{height:4px}.project-selector button[aria-pressed=true]{color:var(--paper)}.project-selector button[aria-pressed=true]>span{color:var(--red)}
@media(min-width:701px){.has-mouse-preview .preview-stage{display:contents}.has-mouse-preview .work-preview{display:block}}
/* The mobile navigation and identity keep the existing Cinema composition. */
.masthead-identity strong{display:block;font-size:clamp(14px,1.2vw,18px);font-weight:600;margin-bottom:9px}
.row-client,.row-role,.row-year{font-size:13px}
@media(max-width:700px),(hover:none),(pointer:coarse){.row-client,.row-role,.row-year{font-size:12px;line-height:1.4}}
@media(max-width:600px){header:not(.archive-header) nav{gap:2px}header:not(.archive-header) nav a{display:flex;min-width:0;padding:0 5px;font-size:11px;white-space:nowrap}header:not(.archive-header) nav a:nth-child(3){display:flex;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:6px;text-decoration-thickness:2px}header:not(.archive-header) nav a:nth-child(3) .arrow{display:none}.masthead-identity strong{font-size:14px;margin-bottom:8px}.masthead-note{align-items:flex-end}.masthead-note p{max-width:none}.row-client,.row-role,.row-year{font-size:12px}}
@media(max-width:360px){header:not(.archive-header){padding-left:14px;padding-right:14px;gap:5px}header:not(.archive-header) .site-logo{font-size:22px}header:not(.archive-header) nav a{padding:0 3px;font-size:10px}}
/* Keep language and navigation controls easy to tap on narrow screens. */
@media(max-width:600px){header:not(.archive-header) nav a{min-width:44px}}
/* Hero direction A: project title above the artwork's own lettering. */
.cinema-shade{background:linear-gradient(180deg,rgba(10,10,13,.94) 0%,rgba(10,10,13,.7) 22%,transparent 52%),linear-gradient(0deg,rgba(10,10,13,.87),transparent 27%)}
.cinema-copy{top:5%;bottom:auto}
.cinema-copy h2{font-size:clamp(32px,4vw,58px);line-height:1.03}
.cinema-actions{margin-top:8px}
.cinema>img{object-position:center}
@media(max-width:600px){.cinema-copy{top:20px;bottom:auto}.cinema-copy h2{font-size:clamp(32px,8.5vw,44px)}.cinema-actions{margin-top:5px}.cinema-shade{background:linear-gradient(180deg,rgba(10,10,13,.95),rgba(10,10,13,.65) 23%,transparent 55%),linear-gradient(0deg,rgba(10,10,13,.88),transparent 27%)}}
/* A temporary outgoing image bridges a hero change without delaying controls. */
.cinema>img.hero-outgoing{position:absolute;inset:0;pointer-events:none;transition:none}
/* Action hierarchy and restrained directional feedback. */
.cinema-actions{flex-direction:column;align-items:flex-start;gap:4px}
.cinema-actions>a{transition:transform .3s var(--ease),color .2s var(--ease)}
a .arrow,.case-carousel-arrows button,.lightbox-navigation button{transition:transform .3s var(--ease)}
@media(hover:hover) and (pointer:fine){
 .cinema-actions>a:hover{transform:translateX(8px)}
 a:hover .arrow,a:focus-visible .arrow{transform:translate(4px,-4px)}
 a:hover .arrow.down,a:focus-visible .arrow.down{transform:translateY(5px)}
 .case-carousel-arrows button[data-slide="-1"]:not(:disabled):hover,.lightbox-navigation button[data-lightbox-step="-1"]:hover{transform:translateX(-4px)}
 .case-carousel-arrows button[data-slide="1"]:not(:disabled):hover,.lightbox-navigation button[data-lightbox-step="1"]:hover{transform:translateX(4px)}
}
@media(prefers-reduced-motion:reduce){.cinema-actions>a,a .arrow,.case-carousel-arrows button,.lightbox-navigation button{transition:none!important;transform:none!important}}