.case-study{--cream: #f9f6f0;--paper: #fdfbf7;--navy: #022534;--rust: #cc4106;--ink: #263c44;--muted: #596971;--line: #d6d5cc;--reveal: 50% }.case-study *{box-sizing:border-box}.case-study{margin:0;background:var(--cream);color:var(--navy);font:1.125rem/1.65 Satoshi,sans-serif}.case-study button,.case-study input{font:inherit}.case-study a{color:inherit;text-underline-offset:5px}.case-study button,.case-study a,.case-study input{-webkit-tap-highlight-color:transparent}.case-study button{cursor:pointer}.case-study button:focus-visible,.case-study a:focus-visible,.case-study input:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.case-study img{display:block;max-width:100%;height:auto}.case-study h1,.case-study h2,.case-study h3,.case-study p,.case-study figure{margin:0}.case-study h1,.case-study h2,.case-study h3{font-family:Perfectly Nineties,Georgia,serif;font-weight:300;line-height:1.08}.case-study p+p{margin-top:22px}.case-study .wrap{width:min(1280px,calc(100% - 100px));margin-inline:auto}.case-study .small{font-size:.875rem;line-height:1.5}.case-study .eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.case-study .eyebrow.rust{color:var(--rust)}.case-study .hero{padding:64px 0 0}.case-study .crumb{display:flex;align-items:center;gap:14px;font-size:.9375rem;color:var(--muted);margin-bottom:44px}.case-study .crumb a{text-decoration:none}.case-study .hero-intro{display:grid;grid-template-columns:1fr 310px;gap:55px;align-items:end;margin-bottom:42px}.case-study .hero h1{font-size:clamp(3.5rem,6.8vw,6.125rem);letter-spacing:-.025em;max-width:900px}.case-study .hero h1 em{color:var(--rust);font-style:italic;display:block}.case-study .hero-side{padding-bottom:7px;font-size:1.125rem;line-height:1.6}.case-study .hero-side p{color:var(--ink)}.case-study .launch{display:inline-flex;align-items:center;gap:9px;margin-top:25px;font-size:.875rem;font-weight:500}.case-study .launch:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rust)}.case-study .project-strip{display:flex;gap:45px;align-items:center;padding:22px 0;border-top:1px solid var(--line);font-size:.9375rem}.case-study .project-strip span{color:var(--muted)}.case-study .project-strip strong{font-weight:500;color:var(--navy);margin-right:9px}.case-study .project-strip a{margin-left:auto;text-decoration:none;font-weight:700;font-size:1rem}.case-study .showcase{position:relative;padding:60px 115px 68px 52px;background:#eae5da;border-radius:4px;isolation:isolate}.case-study .showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 65% 100%,#d4d5c1,transparent 55%);z-index:-1}.case-study .desktop-frame{border:1px solid #c6c9c4;border-radius:12px;overflow:hidden;box-shadow:0 22px 40px -25px #02253480;background:var(--paper)}.case-study .browser-bar{padding:11px 16px;display:flex;gap:7px;align-items:center;background:var(--paper);border-bottom:1px solid #dddcd5;font-size:.875rem;line-height:1.4;color:var(--muted)}.case-study .browser-bar i{width:7px;height:7px;border:1px solid #b4bcb9;border-radius:50%}.case-study .browser-bar .url{margin-left:14px}.case-study .phone{position:absolute;right:31px;bottom:30px;width:18%;border:7px solid var(--navy);border-radius:28px;overflow:hidden;box-shadow:0 22px 35px -18px #02253480;background:var(--navy)}.case-study .phone img{width:100%}.case-study .show-caption{display:flex;justify-content:space-between;gap:24px;margin-top:16px;color:var(--muted);font-size:.875rem}.case-study .show-caption button{border:0;padding:0;background:none;font-size:.875rem;text-decoration:underline;text-underline-offset:4px;color:var(--navy)}.case-study .story{padding:110px 0 104px;display:grid;grid-template-columns:230px 1fr;gap:80px}.case-study .case-study-toc{display:block;position:sticky;top:36px;align-self:start}.case-study .case-study-toc .eyebrow{margin-bottom:22px}.case-study .case-study-toc a{display:block;text-decoration:none;color:var(--muted);font-size:1rem;padding:9px 0}.case-study .case-study-toc a span{font-size:.875rem;margin-right:14px;color:var(--rust)}.case-study .story-copy{max-width:760px}.case-study .story-copy h2{font-size:clamp(2.5rem,4.2vw,3.875rem);letter-spacing:-.015em;margin-bottom:28px}.case-study .story-copy p{max-width:67ch;color:var(--ink)}.case-study .margin-note{font-family:Born Ready,cursive;font-size:2.1875rem;color:var(--rust);margin-top:30px;transform:rotate(-2deg);display:inline-block}.case-study .comparison-section{background:var(--navy);color:var(--cream);padding:84px 0 78px}.case-study .section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;margin-bottom:38px}.case-study .section-head h2{font-size:clamp(2.625rem,4.5vw,4.125rem);margin-top:16px;letter-spacing:-.02em}.case-study .section-head p{color:#d0d6d4;max-width:49ch}.case-study .compare-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.case-study .compare-controls .hint{font-size:.875rem;color:#d0d6d4}.case-study .segmented{display:flex;border:1px solid #697c81;border-radius:30px;padding:4px;gap:3px}.case-study .segmented button{font-size:.9375rem;background:none;border:0;color:var(--cream);padding:8px 19px;border-radius:24px}.case-study .segmented button[aria-pressed=true]{background:var(--cream);color:var(--navy)}.case-study .compare-window{position:relative;aspect-ratio:1.5;background:#e7ece7;border:1px solid #697c81;border-radius:9px;overflow:hidden}.case-study .compare-window img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none}.case-study .compare-window .new{clip-path:inset(0 0 0 var(--reveal))}.case-study .compare-window .divider{position:absolute;left:var(--reveal);top:0;bottom:0;width:3px;background:var(--rust);transform:translate(-50%);pointer-events:none}.case-study .compare-window .handle{position:absolute;top:50%;left:var(--reveal);transform:translate(-50%,-50%);background:var(--rust);color:var(--cream);height:54px;width:54px;border-radius:50%;display:grid;place-items:center;font-size:1.5625rem;box-shadow:0 0 0 7px #f9f6f02e;pointer-events:none}.case-study .compare-window input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.case-study .compare-window:focus-within{outline:3px solid #f3a987;outline-offset:5px}.case-study .compare-badge{position:absolute;bottom:18px;padding:5px 14px;border-radius:4px;font-size:.875rem;font-weight:700;letter-spacing:.04em;pointer-events:none;box-shadow:0 2px 9px #02253430}.case-study .before-badge{left:18px;background:var(--navy);color:var(--cream)}.case-study .after-badge{right:18px;background:var(--cream);color:var(--navy)}.case-study .compare-window[data-mode=before] .after-badge,.case-study .compare-window[data-mode=after] .before-badge{display:none}.case-study .compare-window:not([data-mode=split]) .divider,.case-study .compare-window:not([data-mode=split]) .handle{display:none}.case-study .compare-caption{display:flex;justify-content:space-between;gap:25px;margin-top:18px;font-size:.875rem;color:#d0d6d4}.case-study .compare-caption button{border:0;background:none;color:var(--cream);font-size:.875rem;text-decoration:underline;text-underline-offset:4px}.case-study .takeaways{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #52686e;margin-top:45px;padding-top:32px}.case-study .takeaways h3{font-family:Satoshi;font-size:1.1875rem;font-weight:700;line-height:1.4;margin-bottom:10px}.case-study .takeaways p{font-size:1.0625rem;color:#d0d6d4;line-height:1.65}.case-study .decisions{padding:105px 0}.case-study .decisions>.eyebrow{margin-bottom:20px}.case-study .decisions>h2{font-size:clamp(2.6875rem,4.8vw,4.25rem);max-width:800px;letter-spacing:-.02em}.case-study .decision{display:grid;grid-template-columns:370px 1fr;gap:80px;align-items:center;margin-top:75px}.case-study .decision.reverse{grid-template-columns:1fr 370px;margin-top:100px}.case-study .decision-number{font-size:.875rem;color:var(--rust);letter-spacing:.15em;display:block;margin-bottom:20px}.case-study .decision h3{font-size:2.625rem;margin-bottom:22px}.case-study .decision p{color:var(--ink)}.case-study .decision-visual{background:#e9e5db;padding:24px;border-radius:8px}.case-study .decision-visual img{border:1px solid #c8c9c3;border-radius:6px;box-shadow:0 10px 24px -16px #02253480}.case-study .decision-visual figcaption{font-size:.875rem;color:var(--muted);line-height:1.5;margin-top:15px}.case-study .decision.reverse .decision-copy{grid-column:2;grid-row:1}.case-study .decision.reverse .decision-visual{grid-column:1;grid-row:1}.case-study .detail-link{display:inline-block;font-size:1rem;margin-top:22px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--rust)}.case-study .outcome{background:#eae6dc;padding:75px 0}.case-study .outcome-inner{display:grid;grid-template-columns:230px 1fr;gap:80px}.case-study .outcome h2{font-size:clamp(2.5rem,4vw,3.625rem);margin-bottom:25px}.case-study .outcome p{max-width:65ch;color:var(--ink)}.case-study .outcome ul{list-style:none;padding:0;margin:28px 0 32px;max-width:730px}.case-study .outcome li{border-top:1px solid #c6c7bd;padding:14px 0;display:flex;gap:16px;font-size:1.0625rem}.case-study .outcome li:before{content:"↗";color:var(--rust)}.case-study .outcome .launch-note{font-size:.9375rem;color:var(--muted);margin-top:20px}.case-study .closing{padding:94px 0 80px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.case-study .closing h2{font-size:clamp(2.8125rem,4.5vw,4.0625rem);letter-spacing:-.02em}.case-study .closing em{color:var(--rust)}.case-study .closing p{color:var(--ink);margin-bottom:26px}.case-study dialog{padding:0;border:1px solid #bdc3bc;background:var(--paper);color:var(--navy);width:min(1140px,92vw);max-height:90dvh;border-radius:10px}.case-study dialog::backdrop{background:#022534d9;backdrop-filter:blur(5px)}.case-study .dialog-head{position:sticky;top:0;z-index:2;padding:14px 20px;display:flex;justify-content:space-between;gap:15px;align-items:center;background:var(--paper);border-bottom:1px solid var(--line)}.case-study .dialog-head h2{font-family:Satoshi;font-size:1.125rem;font-weight:700;line-height:1.3}.case-study .dialog-head button{border:1px solid var(--navy);border-radius:5px;background:transparent;padding:6px 14px;font-size:1rem;color:var(--navy)}.case-study dialog img{width:100%;height:auto}.case-study .gallery-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:18px;background:var(--cream)}.case-study .gallery-tabs button{border:1px solid #b7c0bd;border-radius:24px;background:none;padding:8px 16px;font-size:.9375rem;color:var(--navy)}.case-study .gallery-tabs button[aria-pressed=true]{background:var(--navy);color:var(--cream)}@media (max-width:1100px){.case-study .wrap{width:calc(100% - 64px)}.case-study .hero-intro{grid-template-columns:1fr 260px;gap:35px}.case-study .hero h1{font-size:4.75rem}.case-study .story,.case-study .outcome-inner{grid-template-columns:175px 1fr;gap:44px}.case-study .decision,.case-study .decision.reverse{grid-template-columns:1fr 1.2fr;gap:35px}.case-study .decision.reverse{grid-template-columns:1.2fr 1fr}.case-study .section-head{gap:45px}.case-study .showcase{padding:40px 90px 50px 32px}.case-study .phone{right:22px;bottom:22px}}@media (max-width:760px){.case-study .wrap{width:calc(100% - 40px)}.case-study .hero{padding-top:32px}.case-study .crumb{margin-bottom:28px;font-size:.875rem}.case-study .hero-intro{display:block;margin-bottom:28px}.case-study .hero h1{font-size:clamp(3rem,10vw,4.5625rem);line-height:1.06}.case-study .hero-side{margin-top:25px;max-width:560px}.case-study .hero-side p{font-size:1.125rem}.case-study .launch{margin-top:18px}.case-study .project-strip{gap:14px 24px;flex-wrap:wrap;align-items:start;font-size:.875rem}.case-study .project-strip a{margin-left:0;width:100%;font-size:1rem}.case-study .showcase{padding:23px 38px 36px 15px}.case-study .browser-bar{padding:7px 9px}.case-study .browser-bar i{display:none}.case-study .browser-bar .url{margin:0;font-size:.875rem}.case-study .phone{width:22%;border-width:4px;border-radius:13px;bottom:13px;right:11px}.case-study .desktop-frame{border-radius:6px}.case-study .show-caption{flex-direction:column;gap:8px}.case-study .show-caption button{align-self:start}.case-study .story{padding:65px 0;display:block}.case-study .case-study-toc{position:static;display:flex;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:32px}.case-study .case-study-toc .eyebrow{display:none}.case-study .case-study-toc a{font-size:.9375rem;padding:0}.case-study .case-study-toc a span{display:none}.case-study .story-copy h2{font-size:2.6875rem}.case-study .story-copy p{font-size:1.125rem}.case-study .margin-note{font-size:1.9375rem}.case-study .comparison-section{padding:60px 0}.case-study .section-head{display:block}.case-study .section-head h2{font-size:2.875rem;margin-bottom:25px}.case-study .section-head p{font-size:1.125rem}.case-study .compare-controls{flex-direction:column;align-items:start;gap:12px}.case-study .segmented{width:100%;justify-content:space-between}.case-study .segmented button{font-size:.875rem;padding:8px 15px;flex:1}.case-study .compare-window{border-radius:5px}.case-study .compare-window .handle{width:40px;height:40px;font-size:1.25rem}.case-study .compare-badge{font-size:.875rem;bottom:9px;padding:3px 9px}.case-study .before-badge{left:9px}.case-study .after-badge{right:9px}.case-study .compare-caption{flex-direction:column;gap:10px}.case-study .compare-caption button{align-self:start}.case-study .takeaways{grid-template-columns:1fr;gap:28px;margin-top:28px;padding-top:28px}.case-study .decisions{padding:65px 0}.case-study .decisions>h2{font-size:2.875rem}.case-study .decision,.case-study .decision.reverse{display:flex;flex-direction:column;gap:27px;margin-top:48px;align-items:stretch}.case-study .decision.reverse{margin-top:60px}.case-study .decision h3{font-size:2.375rem}.case-study .decision-number{margin-bottom:15px}.case-study .decision-visual{padding:14px}.case-study .outcome{padding:55px 0}.case-study .outcome-inner{display:block}.case-study .outcome-inner>div:first-child{margin-bottom:25px}.case-study .outcome h2{font-size:2.6875rem}.case-study .closing{padding:65px 0;display:block}.case-study .closing h2{font-size:2.875rem;margin-bottom:25px}.case-study .closing p{font-size:1.125rem}.case-study .gallery-tabs{padding:12px}.case-study .gallery-tabs button{font-size:.875rem}.case-study dialog{width:94vw}.case-study .dialog-head{padding:12px}.case-study .dialog-head h2{font-size:1rem}}@media (prefers-reduced-motion:reduce){.case-study *{transition:none!important}}.case-study .feature-shot{display:block;width:100%;border:1px solid #697c81;border-radius:8px;padding:0;background:var(--cream);overflow:hidden;color:var(--navy);text-align:left}.case-study .feature-shot img{width:100%}.case-study .feature-shot span{display:block;padding:16px 22px;font-size:1rem}.case-study .decision-visual button{padding:0;border:0;background:none;text-align:left;width:100%;color:var(--navy)}.case-study .decision-visual button span{display:block;font-size:.875rem;margin-top:14px;text-decoration:underline}@media (max-width:760px){.case-study .hero h1{font-size:clamp(2.8125rem,10vw,4.375rem)}}.case-study{color:var(--navy);background:var(--cream)}.case-study section[id]{scroll-margin-top:140px}.case-study .cta-fill{margin-top:0}.case-study .hero{padding-top:48px}.case-study .hero h1{font-size:clamp(3.375rem,5.8vw,5.25rem)}.case-study dialog{margin:auto}.case-study .cta-fill{color:var(--cream)}.case-study .case-study-toc{top:145px}@media (max-width: 760px){.case-study .hero h1{font-size:clamp(3rem,10vw,4.5625rem)}}