/* V20: real project imagery, compact six-project rail and three distinct case openings. */
.m20-case{--paper:#161616;--ink:#f4f5ff;--accent:#a7b1ff;--signal:#d7ea40;--m20-gap:clamp(74px,6vw,140px);background:var(--paper)}
.m20-case main{overflow:hidden}.m20-case main h2{font-size:clamp(33px,2.8vw,60px);line-height:1.12;letter-spacing:-.05em}
.m20-opening{display:grid;grid-template-columns:1fr 1.12fr;gap:7%;align-items:center;padding-block:62px 58px;perspective:1600px}
.m20-hero-copy h1{font-size:clamp(43px,3.7vw,88px);font-weight:500;line-height:1.06;letter-spacing:-.065em;margin:26px 0}
.m20-hero-copy h1 em{font-style:normal;color:#a7b1ff}.m20-intro{font-size:clamp(18px,1.25vw,24px);line-height:1.6;color:#d1d2d9;max-width:650px}
.m20-jump{display:flex;align-items:center;justify-content:space-between;gap:30px;width:250px;max-width:100%;border-bottom:1px solid #ffffff50;padding-block:25px 13px;font-size:15px}.m20-jump span{color:#d7ea40;font-size:26px;transition:transform .25s}.m20-jump:hover span{transform:translateY(5px)}
.m20-media{margin:0;min-width:0}.m20-media>a{position:relative;display:block;border-radius:12px;overflow:hidden;background:#222}.m20-media img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.m20-media figcaption{font-size:13px;line-height:1.5;color:#a9abb4;margin-top:13px}
.m20-hero-media{transform:rotateY(var(--m20-tilt-x,0deg)) rotateX(var(--m20-tilt-y,0deg));transition:transform .65s ease;transform-style:preserve-3d}.m20-hero-media figcaption{display:none}.m20-hero-media>a{box-shadow:0 30px 85px #0003;border:1px solid #ffffff1f;border-radius:16px}
.m20-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-block:1px solid #ffffff25;padding-block:25px}.m20-facts dt{font-size:13px;color:#a9abb4;margin-bottom:8px}.m20-facts dd{font-size:18px;font-weight:500;line-height:1.4}
.m20-section{margin-top:var(--m20-gap)}.m20-context,.m20-design{display:grid;grid-template-columns:1fr 1.05fr;gap:9%;align-items:start}.m20-copy p{font-size:clamp(17px,1.15vw,22px);line-height:1.7;color:#d1d2d9}.m20-copy p+p{margin-top:23px}.m20-design .eyebrow{margin-bottom:25px;color:#a7b1ff}
.m20-section-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:40px}.m20-section-head>p{max-width:610px;width:43%;font-size:clamp(17px,1.15vw,22px);line-height:1.65;color:#d1d2d9}
.m20-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.m20-scene:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.55fr 1fr;gap:6%;align-items:center}.m20-scene:first-child .m20-media figcaption{display:none}.m20-scene-copy{padding-top:24px;max-width:660px}.m20-scene-copy h3{font-size:clamp(24px,1.8vw,38px);line-height:1.25;letter-spacing:-.045em;font-weight:500}.m20-scene-copy p{font-size:clamp(16px,1.05vw,20px);line-height:1.65;color:#c9cbd1;margin-top:15px}.m20-scene .m20-media figcaption{display:none}
.m20-value{position:relative;isolation:isolate;overflow:hidden;margin-top:var(--m20-gap);padding:clamp(35px,4vw,85px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;min-height:440px;border-radius:16px;background:#a7b1ff var(--m20-art) center/cover;color:#161616}.m20-value:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4f5ffe8,#f4f5ffab 45%,#f4f5ff14)}.m20-value-heading h2{color:#161616!important}.m20-value-copy{padding:34px;background:#f4f5ffd9;backdrop-filter:blur(20px);border:1px solid #ffffff7a;border-radius:10px}.m20-value-copy>p{font-size:clamp(17px,1.12vw,21px);line-height:1.65;color:#161616}
.m20-numbers{display:flex;gap:48px;padding-bottom:26px;margin-bottom:25px;border-bottom:1px solid #16161629}.m20-numbers dd{font-size:clamp(54px,4.5vw,86px);font-weight:500;line-height:1.1;letter-spacing:-.07em}.m20-numbers dt{font-size:15px;line-height:1.4;margin-top:6px}
.m20-crosslink{display:flex;justify-content:space-between;gap:30px;padding-block:28px;border-bottom:1px solid #ffffff25;font-size:16px}.m20-crosslink>p{color:#c9cbd1}.m20-crosslink>a{display:flex;align-items:center;gap:22px;color:#a7b1ff}.m20-crosslink svg{width:20px;height:20px}
.m20-related-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:35px}.m20-related-heading>h2{font-size:clamp(31px,2.4vw,47px)!important}.m20-related-heading>a{display:flex;gap:18px;align-items:center;font-size:15px}.m20-related-heading svg{height:22px;width:22px;color:#d7ea40}.m20-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.m20-related-card{position:relative;padding-bottom:26px;border-bottom:1px solid #ffffff30}.m20-related-card>div{overflow:hidden;border-radius:12px;aspect-ratio:1.92;background:#222}.m20-related-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.m20-related-card>span{display:block;font-size:14px;color:#c9cbd1;margin:21px 0 8px}.m20-related-card strong{display:block;font-size:clamp(23px,1.7vw,34px);font-weight:500;letter-spacing:-.045em;line-height:1.2;padding-right:48px}.m20-related-card>svg{position:absolute;right:0;bottom:26px;width:29px;height:29px;color:#a7b1ff;transition:translate .3s}.m20-related-card:hover img{transform:scale(1.025)}.m20-related-card:hover>svg{translate:4px -4px}
.m20-contact{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr .6fr;align-items:end;gap:8%;margin-top:var(--m20-gap);padding:65px 60px;border-radius:16px;background:#212127 url('../campo-ottica-viola.webp') center/cover}.m20-contact:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#161616ee,#16161699)}.m20-contact h2{margin:24px 0}.m20-contact .eyebrow{color:#a7b1ff}.m20-contact p:not(.eyebrow){font-size:19px;line-height:1.6;color:#d1d2d9;max-width:670px}.m20-contact .line-cta{font-size:16px;max-width:100%;color:#fff;border-color:#ffffff80}.m20-contact .line-cta svg{background:#d7ea40;border-radius:50%;color:#161616;width:45px;height:45px;padding:10px;flex:none}
.m20-cinematic .m20-opening{display:block;padding-top:50px}.m20-cinematic .m20-hero-copy{display:grid;grid-template-columns:1.7fr 1fr;gap:20px 8%;align-items:end;margin-bottom:38px}.m20-cinematic .m20-hero-copy .eyebrow{grid-column:1/-1}.m20-cinematic .m20-hero-copy h1{margin:0;font-size:clamp(43px,3.9vw,90px)}.m20-cinematic .m20-hero-copy .m20-jump{grid-column:2;padding-top:4px}.m20-cinematic .m20-hero-media>a{aspect-ratio:2.45}.m20-cinematic .m20-hero-media img{height:100%;object-fit:cover;object-position:center 43%}.m20-cinematic .m20-scenes{gap:34px}.m20-cinematic .m20-scene:first-child{display:block}.m20-cinematic .m20-scene:first-child .m20-media>a{aspect-ratio:2.3}.m20-cinematic .m20-scene:first-child img{height:100%;object-fit:cover}.m20-cinematic .m20-scene:first-child .m20-scene-copy{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:none}.m20-cinematic .m20-scene:first-child .m20-scene-copy p{margin-top:0}.m20-cinematic .m20-contact{background-image:url('../campo-piani-ambra-v18.webp')}
.m20-narrative .m20-opening{grid-template-columns:.96fr 1fr}.m20-narrative .m20-hero-copy h1{font-size:clamp(42px,3.55vw,81px)}.m20-narrative .m20-scenes{grid-template-columns:1fr 1fr}.m20-narrative .m20-scene:first-child{grid-column:auto;display:flex;flex-direction:column;align-items:stretch;gap:0}.m20-narrative .m20-scene:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:7%}.m20-narrative .m20-contact{background-image:url('../campo-ottica-blu-v18.webp')}.m20-narrative .m20-scene:first-child .m20-media>a{min-height:0}
/* Three panels remain in view on desktop. Six projects stay available via the controls. */
.m20-rail:not(.is-enhanced){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.m20-rail:not(.is-enhanced) .case-select{pointer-events:none}.m20-rail:not(.is-enhanced) .case-expand{display:none}
@media(min-width:801px){.m20-rail.is-enhanced>.m20-offstage{display:none!important}.ix-projects .m20-rail.is-enhanced .case-panel{flex:1;min-width:0}.ix-projects .m20-rail.is-enhanced .case-panel.active{flex:4.3}.ix-projects .m20-rail.is-enhanced .case-panel:not(.active) .case-select{font-size:clamp(14px,1.05vw,21px);padding:24px 18px;white-space:normal;overflow-wrap:anywhere}.m20-rail.is-enhanced .case-panel.active .case-select{font-size:clamp(20px,1.5vw,30px)}.m20-rail.is-enhanced .case-body{max-width:840px}}
.ix-projects .case-controls{gap:17px}.ix-projects .case-dots{gap:10px}.ix-projects .case-dot.active span{background:#161616;box-shadow:none}.ix-projects .m20-rail .case-panel--another-look .case-image img{object-position:70% center}.ix-projects .m20-rail .case-panel--se-chiudo-gli-occhi .case-image img{object-position:57% center}
@media(min-width:2000px){.m20-opening{padding-block:78px 70px}.m20-facts{padding-block:30px}.m20-facts dt{font-size:15px}.m20-facts dd{font-size:22px}.m20-jump{font-size:18px;width:290px}.m20-media figcaption{font-size:15px}.m20-contact p:not(.eyebrow){font-size:22px}.m20-contact .line-cta{font-size:19px}.m20-contact{padding:80px}.m20-related-heading>a{font-size:18px}.m20-numbers dt{font-size:18px}.m20-related-card>span{font-size:17px}}
@media(max-width:1200px){.m20-opening{gap:5%;padding-block:45px}.m20-hero-copy h1{font-size:clamp(39px,4vw,54px)}.m20-facts{gap:25px}.m20-context,.m20-design{gap:7%}.m20-section-head{gap:40px}.m20-value{padding:40px;gap:5%;min-height:380px}.m20-value-copy{padding:27px}.m20-contact{padding:46px 38px;grid-template-columns:1fr .7fr;gap:6%}.m20-contact p:not(.eyebrow){font-size:17px}.m20-contact .line-cta{font-size:14px;gap:17px}.m20-cinematic .m20-hero-copy{gap:20px 5%}.m20-cinematic .m20-hero-copy h1{font-size:52px}.m20-narrative .m20-hero-copy h1{font-size:48px}.m20-hero-copy h1 br{display:none}}
@media(max-width:800px){.m20-case{--m20-gap:70px}.m20-opening,.m20-narrative .m20-opening{display:block;padding-block:36px}.m20-hero-copy{margin-bottom:32px}.m20-hero-copy h1,.m20-narrative .m20-hero-copy h1{font-size:clamp(42px,7vw,62px);max-width:690px;margin-block:22px}.m20-hero-copy h1 em{display:block;margin-top:5px}.m20-intro{font-size:18px;max-width:600px}.m20-jump{font-size:14px;width:240px}.m20-hero-media{max-width:900px}.m20-facts{gap:22px;padding-block:22px}.m20-facts dd{font-size:15px}.m20-facts dt{font-size:12px}.m20-context,.m20-design{grid-template-columns:1fr;gap:26px}.m20-copy p{font-size:17px}.m20-section-head{display:block;margin-bottom:28px}.m20-section-head>p{width:auto;max-width:630px;margin-top:23px;font-size:17px}.m20-scenes{gap:32px 22px}.m20-scene:first-child{display:block}.m20-scene-copy{padding-top:20px}.m20-scene-copy h3{font-size:25px}.m20-scene-copy p{font-size:16px}.m20-value{grid-template-columns:1fr;padding:35px;gap:28px;min-height:0}.m20-value-heading h2{font-size:36px}.m20-value-copy{padding:27px;max-width:600px}.m20-numbers{gap:50px}.m20-numbers dd{font-size:64px}.m20-crosslink{font-size:14px;gap:20px}.m20-crosslink>a{gap:15px}.m20-related-heading{display:block;margin-bottom:27px}.m20-related-heading>a{margin-top:22px;font-size:14px}.m20-related-grid{gap:22px}.m20-related-card strong{font-size:24px}.m20-related-card>span{font-size:12px}.m20-contact{display:block;padding:42px 35px}.m20-contact p:not(.eyebrow){font-size:17px}.m20-contact .line-cta{max-width:360px;margin-top:30px}.m20-cinematic .m20-hero-copy{display:block;margin-bottom:32px}.m20-cinematic .m20-hero-copy h1{font-size:clamp(42px,7vw,62px);margin-block:22px}.m20-cinematic .m20-hero-copy .m20-jump{padding-top:20px}.m20-cinematic .m20-hero-media>a{aspect-ratio:1.8}.m20-cinematic .m20-scene:first-child .m20-media>a{aspect-ratio:1.78}.m20-cinematic .m20-scene:first-child .m20-scene-copy{display:block}.m20-cinematic .m20-scene:first-child .m20-scene-copy p{margin-top:15px}.m20-narrative .m20-scene:last-child{display:block}.m20-rail .case-panel{order:initial!important}.ix-projects .case-controls{gap:12px}}
@media(max-width:520px){.m20-case main h2{font-size:32px}.m20-hero-copy h1,.m20-narrative .m20-hero-copy h1,.m20-cinematic .m20-hero-copy h1{font-size:clamp(38px,10.2vw,49px);line-height:1.08;letter-spacing:-.058em}.m20-intro{font-size:16px}.m20-facts{grid-template-columns:1fr;gap:17px}.m20-facts>div{display:grid;grid-template-columns:105px 1fr;gap:18px;align-items:baseline}.m20-facts dt{margin:0}.m20-facts dd{font-size:15px}.m20-copy p{font-size:16px}.m20-scenes,.m20-narrative .m20-scenes{grid-template-columns:1fr}.m20-scene:first-child,.m20-narrative .m20-scene:last-child{grid-column:auto}.m20-section-head>p{font-size:16px}.m20-section-head h2 br,.m20-design h2 br{display:none}.m20-value{padding:27px 21px;gap:22px;border-radius:12px}.m20-value-copy{padding:23px 20px}.m20-value-copy>p{font-size:16px}.m20-numbers{gap:37px}.m20-numbers dd{font-size:55px}.m20-numbers dt{font-size:13px}.m20-crosslink{display:block}.m20-crosslink>a{margin-top:13px}.m20-related-grid{grid-template-columns:1fr;gap:30px}.m20-related-card strong{font-size:25px}.m20-contact{padding:35px 25px;border-radius:12px}.m20-contact h2 br{display:none}.m20-contact p:not(.eyebrow){font-size:16px}.m20-contact .line-cta{font-size:13px}.m20-cinematic .m20-hero-media>a{aspect-ratio:1.4}.m20-media>a{border-radius:9px}.ix-projects .case-controls{gap:10px;width:100%;justify-content:space-between}.ix-projects .case-dots{gap:7px}.ix-projects #case-progress{display:none}}
@media(prefers-reduced-motion:reduce){.m20-hero-media{transform:none!important}.m20-case *, .m20-case *:before,.m20-case *:after{scroll-behavior:auto!important}.m20-media img,.m20-related-card img,.m20-hero-media,.m20-jump span{transition:none!important}.m20-related-card:hover img{transform:none}}
@media(max-width:800px){.m20-rail:not(.is-enhanced){display:block;width:calc(100% - var(--gutter)*2);margin-inline:auto;padding-right:0;overflow:visible}.m20-rail:not(.is-enhanced) .case-panel{margin-top:22px}.m20-rail:not(.is-enhanced) .case-body{max-width:100%}}