
.case-page{background:#f7f7f4}.case-page .header{background:#f7f7f4;border-bottom:0}.case-intro{position:relative;max-width:1500px;margin:auto;padding:80px 10vw 100px}.case-back{display:inline-block;font-size:13px;color:#686862}.case-intro h1{font-size:clamp(70px,10vw,154px);font-weight:400;letter-spacing:-.05em;line-height:1.12;margin:65px 0 80px}.case-facts{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:6vw}.case-facts>div{min-width:0}.case-facts span{display:block;font-size:11px;color:#85857f;text-transform:uppercase;letter-spacing:.06em;padding-bottom:25px;border-bottom:1px solid #d1d1cb}.case-facts p{font-size:16px;line-height:1.6;margin:22px 0 0}.case-live{position:absolute;right:10vw;bottom:-55px;z-index:2;width:150px;height:150px;border-radius:50%;background:var(--coral);color:white;display:flex;align-items:center;justify-content:center;gap:16px;font-size:16px;transition:background .2s,transform .2s}.case-live span{font-size:24px}.case-live:hover{background:#171715;transform:rotate(-5deg)}.case-showcase{margin:0;padding:130px 10vw 45px;background:#e5e4df}.case-browser{max-width:1400px;margin:auto;border-radius:8px;overflow:hidden;background:white;box-shadow:0 30px 70px #1717151a}.case-browser-bar{height:35px;display:flex;align-items:center;justify-content:space-between;background:#f3f3f3;padding:0 15px;color:#858580;font-size:10px}.case-browser img{display:block;width:100%;height:auto}.case-showcase figcaption{font-size:11px;color:#73736d;margin-top:35px;text-align:center}.case-summary{display:grid;grid-template-columns:1fr 2.3fr;gap:6vw;padding:110px 10vw}.case-summary>.eyebrow,.case-scope>.eyebrow{font-size:11px;color:#85857f;padding-top:12px}.case-summary h2,.case-ending h2,.case-contact h2{font-size:clamp(36px,4.5vw,66px);font-weight:400;letter-spacing:-.04em;line-height:1.1;margin:0 0 32px}.case-summary p{font-size:18px;line-height:1.7;max-width:62ch}.case-scope{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:4vw;padding:0 10vw 100px}.case-scope>div{border-top:1px solid #d1d1cb;padding-top:24px}.case-scope h3{font-size:25px;font-weight:400;letter-spacing:-.03em;margin:0 0 18px}.case-scope p{font-size:15px;line-height:1.65;color:#686862}.case-ending{padding:90px 10vw;background:#eeede8;text-align:center}.case-ending>.eyebrow{font-size:11px;color:#73736d}.case-ending .case-back{display:block;width:max-content;margin:35px auto 0;border-bottom:1px solid #aaa;padding-bottom:7px}.case-ending .cta{font-weight:400;font-size:15px;background:var(--coral);color:#fff}.case-contact{padding:80px 10vw;background:#171715;color:#f7f7f4}.case-contact a{display:inline-block;border-bottom:1px solid #777;padding-bottom:8px;font-size:17px}.case-page footer{justify-content:space-between;background:#171715;color:#eee;border-top:1px solid #444}.case-page footer>a{font-size:15px}@media(max-width:760px){.case-page .header nav{display:flex;gap:16px}.case-page .header nav>a{display:block;font-size:12px}.case-page .header nav .header-contact{display:none}.case-intro{padding:35px 6vw 90px}.case-intro h1{font-size:clamp(54px,12vw,90px);margin:50px 0}.case-facts{grid-template-columns:1fr;gap:26px}.case-facts span{padding-bottom:10px}.case-facts p{font-size:15px;margin-top:12px}.case-live{width:115px;height:115px;right:6vw;bottom:-45px;font-size:14px}.case-showcase{padding:95px 6vw 35px}.case-browser-bar{height:24px;font-size:8px}.case-summary{grid-template-columns:1fr;gap:25px;padding:65px 6vw}.case-summary p{font-size:16px}.case-scope{grid-template-columns:1fr;padding:0 6vw 65px;gap:25px}.case-ending,.case-contact{padding:65px 6vw}}@media(prefers-reduced-motion:reduce){.case-live{transition:none}.case-live:hover{transform:none}}

.concept-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:45px 0 0;color:#74746e}.concept-case .case-intro h1{margin-top:24px}.concept-case .case-live{font-size:14px;gap:8px}.off-hours-case .case-showcase{background:#e8e1f3}.salon-muse-case .case-showcase{background:#f1e3eb}.case-frame{position:relative;width:100%;aspect-ratio:1200/850;overflow:hidden;background:white}.case-frame iframe{position:absolute;top:0;left:0;width:1200px;height:850px;border:0;transform:scale(var(--case-preview-scale,1));transform-origin:top left;pointer-events:none}.case-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding:0 10vw 60px}.case-image-pair figure{margin:0;min-width:0}.case-image-pair img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.case-image-pair figcaption{font-size:11px;color:#74746e;padding-top:16px}.case-demo-note{padding:0 10vw 80px;max-width:1000px}.case-demo-note p{font-size:15px;color:#686862;line-height:1.7}.case-demo-note .eyebrow{font-size:11px}.case-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.case-motion .reveal.is-visible{opacity:1;transform:none}@media(max-width:760px){.case-image-pair{grid-template-columns:1fr;padding:0 6vw 40px;gap:32px}.case-demo-note{padding:0 6vw 60px}.concept-label{margin-top:35px}.concept-case .case-live{font-size:12px;flex-direction:column;gap:8px}.concept-case .case-live .site-arrow{font-size:20px}}@media(prefers-reduced-motion:reduce){.case-motion .reveal{opacity:1;transform:none;transition:none}}
