.case-page{--case-gutter:var(--gutter,clamp(22px, 3.35vw, 64px));--case-muted:#b4b4ae;--case-red:#ee3838;padding:0 var(--case-gutter);background:var(--bg,#050505);color:var(--fg,#f4f3ef)}.case-page h1,.case-page h2{font-family:var(--font-display,"Big Shoulders Variable", sans-serif);letter-spacing:-.055em;font-weight:650}.case-skip{z-index:100;color:#050505;background:#f4f3ef;padding:14px 18px;position:fixed;top:10px;left:22px;transform:translateY(-160%)}.case-skip:focus{transform:none}.case-intro{padding:185px 0 65px}.case-back{align-items:center;gap:14px;min-height:44px;font-size:14px;display:inline-flex}.case-arrow{flex-shrink:0;width:28px;height:28px;transition:transform .22s}.case-arrow-back{width:20px;height:20px;transform:rotate(-135deg)}.case-back:hover .case-arrow-back{transform:rotate(-135deg)translate(2px,-2px)}.case-intro-composition{grid-template-columns:1.25fr .75fr;align-items:end;gap:6%;margin-top:44px;display:grid}.case-intro h1{font-size:clamp(78px,9.15vw,172px);line-height:.97}.case-intro h1 span{display:block}.case-page-in-bocca-al-lupo .case-intro h1 span{margin-left:.48em}.case-page-luxcar-logistik .case-intro h1 span{color:var(--case-red)}.case-intro-copy{max-width:430px;padding-bottom:8px}.case-category{color:var(--case-muted);margin-bottom:20px;font-size:14px}.case-intro-copy>p:last-child{letter-spacing:-.025em;font-size:clamp(19px,2vw,30px);line-height:1.45}.case-page figure{min-width:0;margin:0}.case-page figure img{width:100%;height:auto;display:block}.case-page figcaption{color:var(--case-muted);padding:16px 0 0;font-size:12px;line-height:1.6}.case-bocca-opening{grid-template-columns:1.15fr .85fr;align-items:center;gap:8%;max-width:1500px;margin-inline:auto;display:grid}.case-brand-field{justify-content:center;align-items:center;min-width:0;padding:60px 9%;display:flex}.case-brand-field img{width:100%;max-width:420px;height:auto}.case-announcement{padding:20px 0}.case-context{grid-template-columns:1fr 1fr;gap:10%;padding:clamp(110px,12vw,200px) 0;display:grid}.case-context h2,.case-web-intro h2,.case-bocca-gallery>h2,.case-luxcar-web h2{font-size:clamp(40px,5.2vw,88px);line-height:1.04}.case-context-body>p{letter-spacing:-.018em;max-width:610px;font-size:clamp(17px,1.65vw,24px);line-height:1.6}.case-facts{grid-template-columns:1fr;gap:30px;max-width:550px;margin:46px 0 0;display:grid}.case-facts dt{color:var(--case-muted);margin-bottom:9px;font-size:13px}.case-facts dd{margin:0;font-size:15px;line-height:1.75}.case-web-intro{grid-template-columns:1fr 1fr;align-items:end;gap:10%;margin-bottom:60px;display:grid}.case-web-intro>p{max-width:430px;color:var(--case-muted);font-size:16px;line-height:1.7}.case-web-figure{max-width:1440px;margin-inline:auto!important}.case-bocca-gallery{padding-top:clamp(110px,12vw,190px)}.case-bocca-gallery>h2{margin:0 0 60px 44%}.case-bocca-grid{grid-template-columns:1.1fr .7fr;align-items:start;gap:12%;max-width:1440px;margin-inline:auto;display:grid}.case-garden-figure{padding-top:26%}.case-luxcar-opening{max-width:1440px;margin-inline:auto!important}.case-context-luxcar h2 span,.case-social-copy h2 span{color:var(--case-red)}.case-luxcar-web-top{justify-content:space-between;align-items:end;gap:30px;margin-bottom:52px;display:flex}.case-visit{align-items:center;gap:22px;min-height:48px;font-size:15px;display:inline-flex}.case-visit:hover .case-arrow{transform:translate(3px,-3px)}.case-luxcar-screen{width:min(100%,1200px);margin-left:auto!important}.case-luxcar-screen>img{background:#000}.case-luxcar-social{grid-template-columns:.8fr 1.2fr;align-items:center;gap:8%;padding-top:clamp(110px,13vw,210px);display:grid}.case-social-copy h2{font-size:clamp(54px,7.7vw,126px);line-height:.98}.case-social-copy>p{max-width:350px;color:var(--case-muted);margin-top:38px;font-size:16px;line-height:1.75}.case-social-figure{justify-self:end;width:100%;max-width:840px}.case-next{padding:clamp(120px,14vw,230px) 0 80px}.case-next>p{color:var(--case-muted);font-size:15px}.case-next>a:not(.case-all){justify-content:space-between;align-items:center;gap:32px;padding:25px 0;display:flex}.case-next h2{font-size:clamp(52px,7.1vw,128px);line-height:1.05}.case-next>a>.case-arrow{width:clamp(44px,6vw,88px);height:clamp(44px,6vw,88px)}.case-next>a:hover>.case-arrow{transform:translate(5px,-5px)}.case-all{min-height:44px;color:var(--case-muted);align-items:center;margin-top:18px;font-size:14px;display:inline-flex}@media (min-width:1800px){.case-context-body>p{max-width:720px}.case-facts dd{font-size:17px}}@media (max-width:1050px){.case-intro{padding-top:160px}.case-intro-composition{grid-template-columns:1fr;gap:36px}.case-intro h1{font-size:12.5vw}.case-intro-copy{max-width:none;margin-left:44%}.case-bocca-opening{grid-template-columns:1fr 1fr;gap:6%}.case-brand-field{padding:30px 7%}.case-context,.case-web-intro{gap:6%}.case-context h2,.case-web-intro h2,.case-bocca-gallery>h2,.case-luxcar-web h2{font-size:5.3vw}.case-bocca-grid{gap:8%}.case-luxcar-social{gap:6%}.case-social-copy h2{font-size:8.2vw}}@media (max-width:700px){.case-intro{padding:144px 0 44px}.case-back{font-size:13px}.case-intro-composition{gap:32px;margin-top:35px}.case-intro h1{letter-spacing:-.052em;font-size:15.5vw;line-height:1.01}.case-page-in-bocca-al-lupo .case-intro h1 span{margin-left:.35em}.case-intro-copy{max-width:420px;margin-left:0;padding:0}.case-category{margin-bottom:13px;font-size:12px}.case-intro-copy>p:last-child{max-width:340px;font-size:19px}.case-bocca-opening{grid-template-columns:1fr;gap:30px}.case-brand-field{padding:20px 14% 30px}.case-brand-field img{max-width:370px}.case-announcement{width:88%;padding:0;margin-left:auto!important}.case-page figcaption{padding-top:12px;font-size:11px}.case-context{grid-template-columns:1fr;gap:32px;padding:84px 0}.case-context h2,.case-web-intro h2,.case-bocca-gallery>h2,.case-luxcar-web h2{font-size:clamp(36px,9.5vw,62px);line-height:1.08}.case-context-body>p{font-size:16px;line-height:1.7}.case-facts{gap:26px;margin-top:30px}.case-facts dt{font-size:12px}.case-facts dd{font-size:14px}.case-web-intro{grid-template-columns:1fr;gap:24px;margin-bottom:34px}.case-web-intro>p{font-size:15px}.case-web-figure{width:calc(100% + 2 * var(--case-gutter));max-width:none;margin-left:calc(-1 * var(--case-gutter))!important}.case-web-figure figcaption{padding-inline:var(--case-gutter)}.case-bocca-gallery{padding-top:85px}.case-bocca-gallery>h2{margin:0 0 35px 16%}.case-bocca-grid{grid-template-columns:1fr;gap:48px}.case-garden-figure{width:82%;padding:0;margin-left:auto!important}.case-luxcar-opening{width:calc(100% + 2 * var(--case-gutter));margin-left:calc(-1 * var(--case-gutter))!important}.case-luxcar-opening figcaption{padding-inline:var(--case-gutter)}.case-luxcar-web-top{flex-direction:column;align-items:start;gap:14px;margin-bottom:28px}.case-visit{font-size:14px}.case-luxcar-screen{width:calc(100% + 2 * var(--case-gutter));max-width:none;margin-left:calc(-1 * var(--case-gutter))!important}.case-luxcar-screen figcaption{padding-inline:var(--case-gutter)}.case-luxcar-social{grid-template-columns:1fr;gap:38px;padding-top:85px}.case-social-copy h2{font-size:clamp(60px,17vw,98px)}.case-social-copy>p{margin-top:26px;font-size:15px}.case-next{padding:96px 0 55px}.case-next>p{font-size:13px}.case-next>a:not(.case-all){gap:16px;padding:22px 0 12px}.case-next h2{font-size:clamp(38px,10.4vw,68px);line-height:1.07}.case-next h2 span{display:block}.case-next>a>.case-arrow{width:34px;height:34px}.case-all{font-size:13px}}@media (prefers-reduced-motion:reduce){.case-arrow{transition:none}}html[data-motion=reduced] .case-arrow{transition:none}
