/* Editorial case studies use the shared Madefor type, navigation and footer. */
.case-intro{padding-top:clamp(55px,6vw,86px);padding-bottom:50px}.case-intro .eyebrow{margin-bottom:28px}.case-page .case-intro h1{font-size:clamp(2.6rem,5.2vw,4.65rem);line-height:1.08;letter-spacing:-.04em;max-width:1100px;text-wrap:balance}.case-lead{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:clamp(1.5rem,2.7vw,2.3rem);line-height:1.3;letter-spacing:-.025em;margin-top:24px;max-width:860px}.case-summary{max-width:720px;font-size:1.125rem;color:var(--muted);margin-top:26px}.case-intro>.text-link{margin-top:20px;gap:10px}
.case-facts{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:30px;border-top:1px solid var(--line);margin:42px 0 0;padding-top:25px}.case-facts dt{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.case-facts dd{font-size:.95rem;margin:0;line-height:1.5}
.case-hero-stage{padding:clamp(30px,5vw,72px) 0 30px;background:#e9e6e0}.case-browser{overflow:hidden;border:1px solid #c7c9ce;border-radius:10px;background:#fff;box-shadow:0 20px 45px #1519231a;min-width:0}.case-main-browser{max-width:1150px;margin:auto}.case-browser-bar{height:32px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#fafafa;border-bottom:1px solid #ddd;position:relative}.case-browser-bar i{display:block;width:5px;height:5px;background:#c4c8cd;border-radius:50%;flex-shrink:0}.case-browser-bar span{position:absolute;left:20%;right:20%;text-align:center;color:#696c73;font-size:.65rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-browser img{width:100%;height:auto;display:block}.case-browser a{display:block}.case-browser a:focus-visible{outline-offset:-4px}.case-image-caption{font-size:.8125rem;line-height:1.5;color:var(--muted);margin:20px 0 0;text-align:center}
.case-section{padding-block:var(--space)}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:48px clamp(40px,7vw,110px)}.case-page .case-story h2,.case-page .case-section-heading h2,.case-page .case-funnel h2,.case-page .case-delivered h2{font-size:clamp(2rem,3.1vw,2.9rem);line-height:1.15;letter-spacing:-.03em;text-wrap:balance}.case-copy p,.case-funnel-copy>p:not(.eyebrow){font-size:1.0625rem;color:var(--muted);margin-bottom:22px}.case-copy p:last-child{margin-bottom:0}.case-copy .case-large,.case-funnel-copy .case-large{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:clamp(1.3rem,1.8vw,1.55rem);line-height:1.45;color:var(--ink);letter-spacing:-.015em}
.case-client-context{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px}.case-client-context>p{font-size:.875rem;color:var(--muted);margin-bottom:20px}.case-client-context ul{display:flex;flex-wrap:wrap;gap:20px 42px;list-style:none;margin:0;padding:0}.case-client-context li{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:1.35rem;letter-spacing:-.015em}
.case-presentation{padding-block:var(--space);background:#f2f4f8}.case-section-heading{max-width:800px;margin-bottom:48px}.case-section-heading>p:last-child{font-size:1.125rem;color:var(--muted);margin-top:26px;max-width:720px}.case-screen-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px}.case-screen-pair figure:nth-child(2){padding-top:70px}.case-screen-pair figcaption{padding-top:28px}.case-page .case-screen-pair h3{font-size:1.3rem;line-height:1.3;margin-bottom:14px}.case-screen-pair figcaption p{font-size:1rem;color:var(--muted);max-width:510px}
.case-deliverables{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0}.case-deliverables>div{border-top:1px solid var(--line);padding-top:23px}.case-deliverables dt{font-size:1.05rem;font-weight:500;line-height:1.4;margin-bottom:12px}.case-deliverables dd{margin:0;font-size:1rem;line-height:1.6;color:var(--muted)}
.case-funnel{padding-block:var(--space);background:#e8eef8}.case-funnel-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center;gap:clamp(35px,5vw,80px)}.case-funnel h2{margin-bottom:28px}.case-funnel .text-link{gap:8px}.case-funnel .case-browser-bar span{left:16%;right:10%}.case-delivered>p:not(.eyebrow){max-width:800px;font-size:1.125rem;color:var(--muted);margin-top:28px}.case-delivered>.text-link{margin-top:24px;gap:8px}.case-service-link{display:inline-flex;align-items:center;min-height:44px;font-size:.95rem;text-decoration:underline;text-underline-offset:4px;margin-top:15px}
@media(max-width:900px){.case-story{gap:35px}.case-deliverables{grid-template-columns:1fr 1fr;gap:30px}.case-screen-pair{gap:26px}.case-screen-pair figure:nth-child(2){padding-top:45px}.case-funnel-layout{grid-template-columns:1fr;gap:36px}.case-funnel-copy{max-width:750px}}
@media(max-width:700px){.case-intro{padding-top:46px;padding-bottom:36px}.case-lead br{display:none}.case-lead{font-size:1.55rem}.case-summary{font-size:1.0625rem}.case-facts{grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.case-facts>div:last-child{grid-column:1/-1}.case-story{grid-template-columns:1fr;gap:28px}.case-screen-pair{grid-template-columns:1fr;gap:42px}.case-screen-pair figure:nth-child(2){padding-top:0}.case-section-heading{margin-bottom:34px}.case-client-context ul{gap:16px 24px}.case-client-context li{font-size:1.2rem}.case-deliverables{gap:28px 22px}.case-browser-bar{height:26px}.case-screen-pair figcaption{padding-top:22px}.case-page .case-story h2,.case-page .case-section-heading h2,.case-page .case-funnel h2,.case-page .case-delivered h2{font-size:2rem}.case-image-caption{font-size:.75rem}.case-hero-stage{padding-top:28px;padding-bottom:24px}}
@media(max-width:380px){.case-deliverables{grid-template-columns:1fr}}
