.case-sequence{--scene-progress:0;position:relative}.case-stage{height:100svh;min-height:900px;position:relative;overflow:clip}.case-stage .story-backdrop .hero-background__orange{top:calc(60% - var(--scene-progress) * 110%)}.case-back{z-index:2;color:var(--landing-muted);font-size:14px;position:absolute;top:110px;left:max(24px,50vw - 753px)}.case-identity{z-index:1;text-align:center;transform:translateY(calc(var(--scene-progress) * -80px));padding:210px 24px 0;position:relative}.case-identity h1{font:500 clamp(42px, 4vw, 76px)/1.1 var(--landing-display);letter-spacing:-.03em}.case-identity__avant{margin:0 auto 16px}.case-identity p{max-width:330px;color:var(--landing-muted);margin:20px auto}[data-motion=true] .case-identity p{opacity:calc(1 - var(--scene-progress))}.case-building{left:50%;bottom:calc(var(--scene-progress) * -25vw);width:calc(42vw + var(--scene-progress) * 56vw);max-width:none;position:absolute;transform:translate(-50%)}.case-building__art{width:100%;max-width:none;height:auto;display:block}.case-camera-hint{z-index:1;background:var(--landing-dashboard);text-align:center;border-radius:24px;width:max-content;max-width:calc(100% - 36px);padding:8px 16px;font-size:14px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.case-scenarios{padding-block:48px}.case-scenarios h2{text-align:center}.scenario-options{flex-wrap:wrap;justify-content:center;gap:12px;margin:30px 0;display:flex}.scenario-options .scenario-selected{--liquid-surface-fill:var(--landing-text);background:var(--landing-text);color:var(--landing-background)}.scenario-modules{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:6px;margin-top:30px;display:grid}.scenario-module{isolation:isolate;border-radius:var(--story-radius);min-height:630px;padding:var(--story-padding);flex-direction:column;justify-content:space-between;gap:200px;display:flex;position:relative;overflow:clip}.scenario-module>img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scenario-module:after{content:"";z-index:-1;background:linear-gradient(var(--landing-photo-shade), transparent 40%, var(--landing-photo-shade));position:absolute;inset:0}.scenario-module h3{font:500 clamp(28px, 2.5vw, 48px)/1.08 var(--landing-display)}.scenario-module>div{background:var(--landing-dashboard);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;padding:20px}.scenario-module p{font-size:16px}.scenario-module small{color:var(--landing-muted);margin-top:12px;font-size:12px;display:block}.case-summary{isolation:isolate;border-radius:var(--story-radius);grid-template-columns:1fr 1fr;gap:6px;min-height:760px;padding:6px;display:grid;position:relative;overflow:clip}.case-summary__photo{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case-summary:before{content:"";z-index:-1;background:var(--landing-photo-shade);position:absolute;inset:0}.case-summary__text{padding:var(--story-padding);flex-direction:column;align-items:start;gap:36px;display:flex}.case-summary__text p{font:500 clamp(22px, 1.57vw, 30px)/1.25 var(--landing-display);margin-top:auto}.case-summary__review{background:var(--landing-background);border-radius:calc(var(--story-radius) - 4px);padding:var(--story-padding);flex-direction:column;justify-content:center;gap:30px;display:flex}.case-summary__review h3{font:500 30px/1.2 var(--landing-display)}.case-summary__review p{color:var(--landing-muted)}@media (width>=896px) and (height>=600px) and (hover:hover) and (prefers-reduced-motion:no-preference){.case-sequence[data-motion=true]{--scene-progress:0;height:200svh}[data-motion=true] .case-stage{min-height:0;position:sticky;top:0}}@media (width<=895px),(height<=599px),(hover:none),(prefers-reduced-motion:reduce){.case-stage{height:auto;min-height:0;padding-bottom:50px}.case-identity{padding-top:170px;transform:none}.case-identity p{opacity:1}.case-building{width:min(880px,130%);margin-top:50px;position:relative;bottom:auto}.case-building__art{-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}.case-camera-hint{bottom:16px}}@media (width<=1199px){.scenario-module{min-height:500px;padding:30px}.case-summary{min-height:640px}}@media (width<=895px){.case-scenarios{padding-block:24px}.scenario-module{min-height:460px}.case-summary{grid-template-columns:1fr}.case-summary__text{min-height:440px}.case-summary__review{min-height:300px}.case-identity h1{font-size:42px}.case-identity p{font-size:14px}.case-back{top:86px}}
