.case-hero{background:radial-gradient(circle at 88% 18%,#dce5ff 0,#0000 28%),linear-gradient(135deg,#fff 0%,#f6f8ff 60%,#fff4ed 100%);padding:clamp(4.5rem,9vw,7rem) 0}.case-hero__grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:clamp(2.5rem,7vw,6rem);display:grid}.case-hero__grid>*,.case-copy-grid>*,.case-card-grid>*,.verification-grid>*,.screenshot-grid>*{min-width:0}.back-link{color:var(--accent-dark);text-underline-offset:.25rem;margin-bottom:2.25rem;font-weight:800;display:inline-block}.case-hero h1{margin-bottom:1.25rem;font-size:clamp(3rem,6vw,5rem)}.case-hero__lead{max-width:760px;color:var(--muted);margin-bottom:2rem;font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.7}.case-status{color:#fff;background:var(--ink);border-radius:1.25rem;padding:2rem;box-shadow:0 24px 70px #22355e2e}.case-status>span{color:#b9c7e8;letter-spacing:.1em;text-transform:uppercase;font-size:.875rem;font-weight:800}.case-status>strong{margin:.7rem 0 .5rem;font-size:1.5rem;display:block}.case-status>p{color:#d7deed;line-height:1.6}.case-status dl{margin:1.5rem 0 0}.case-status dl div{border-top:1px solid #3b465e;padding:.85rem 0}.case-status dt{color:#aebde1;font-size:.875rem;font-weight:800}.case-status dd{margin:.25rem 0 0;line-height:1.5}.case-status dd,.case-card,.workflow-list p,.decision-list p{overflow-wrap:anywhere}.case-section{padding:clamp(4.5rem,8vw,7rem) 0}.case-section--tinted{background:var(--surface-soft)}.case-heading{max-width:760px;margin-bottom:2.75rem}.case-heading h2,.case-actions h2{letter-spacing:-.035em;margin-bottom:1rem;font-size:clamp(2rem,3.4vw,2.85rem);line-height:1.08}.case-study--tastelocal .case-hero h1,.case-study--tastelocal .case-heading h2,.case-study--tastelocal .case-actions h2,.case-study--tastelocal .case-card h3,.case-study--tastelocal .workflow-list h3{font-family:var(--font-display-tastelocal)}.case-study--tastelocal .case-hero h1{letter-spacing:-.04em;font-weight:800;line-height:.96}.case-study--tastelocal .case-heading h2,.case-study--tastelocal .case-actions h2{letter-spacing:-.03em;font-weight:750;line-height:1.01}.case-study--tastelocal .case-card h3,.case-study--tastelocal .workflow-list h3{letter-spacing:-.015em;font-weight:700;line-height:1.14}.case-heading>p:last-child{color:var(--muted);margin-bottom:0;font-size:1.0625rem;line-height:1.75}.case-intro,.case-problem{max-width:900px;color:var(--muted);font-size:1.0625rem;line-height:1.75}.case-problem{margin-bottom:2rem}.case-copy-grid{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;font-size:1.0625rem;line-height:1.75;display:grid}.status-note,.scope-note,.media-note{color:#33405a;background:var(--accent-soft);border-left:4px solid var(--accent);padding:1rem 1.2rem;line-height:1.65}.status-note{margin-top:2rem}.scope-note{margin:2rem 0 0}.media-note{margin:1.25rem 0 0}.case-card-grid{gap:1.2rem;display:grid}.case-card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.case-card{border:1px solid var(--line);background:#fff;border-radius:.9rem;padding:1.6rem}.case-card h3{margin-bottom:1rem;font-size:1.3rem}.case-card ul{color:var(--muted);margin:0;padding-left:1.2rem;line-height:1.65}.case-card li+li{margin-top:.55rem}.case-card--stack{border-top:4px solid var(--accent)}.case-tags{flex-wrap:wrap;gap:.55rem;list-style:none;display:flex;padding:0!important}.case-tags li{color:#33405a;background:#eff2f7;border-radius:999px;padding:.42rem .68rem;font-size:.875rem;font-weight:700}.case-tags li+li{margin-top:0}.case-long-copy{max-width:860px;color:var(--muted);font-size:1.0625rem;line-height:1.8}.case-long-copy p:last-child{margin-bottom:0}.security-note{background:var(--ink);color:#fff;border-radius:.9rem;margin-top:1.4rem;padding:1.6rem}.security-note h3{margin-bottom:.8rem;font-size:1.3rem}.security-note p{color:#d7deed;max-width:900px;margin-bottom:.65rem;line-height:1.7}.security-note p:last-child{margin-bottom:0}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.capability-grid li{border:1px solid var(--line);background:#fff;border-radius:.75rem;padding:1rem 1rem 1rem 2.6rem;line-height:1.55;position:relative}.capability-grid li:before{content:"✓";color:var(--accent);font-weight:900;position:absolute;left:1rem}.architecture-figure{margin:2rem 0}.architecture-figure a{border-radius:1rem;display:block}.architecture-figure img{border:1px solid var(--line);background:#fff;border-radius:1rem;width:100%;height:auto;display:block}.architecture-figure figcaption{color:var(--muted);margin-top:.85rem;line-height:1.6}.architecture-notes{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.architecture-notes p{border:1px solid var(--line);background:#fff;border-radius:.75rem;margin:0;padding:1.2rem;line-height:1.65}.workflow-list,.decision-list{gap:1rem;display:grid}.workflow-list article,.decision-list article{border:1px solid var(--line);background:#fff;border-radius:.8rem;grid-template-columns:3rem 1fr;gap:1rem;padding:1.4rem;display:grid}.workflow-list article>span,.decision-list article>span{color:var(--accent);font-size:.875rem;font-weight:900}.workflow-list h3,.decision-list h3{margin-bottom:.45rem;font-size:1.25rem}.workflow-list p,.decision-list p{color:var(--muted);margin:0;line-height:1.65}.test-summary{background:var(--ink);color:#fff;border-radius:1rem;grid-template-columns:auto 1fr;align-items:center;gap:.15rem 1rem;padding:1.8rem;display:grid}.test-summary>strong{letter-spacing:-.05em;grid-row:1/3;font-size:clamp(2.7rem,6vw,4.5rem);line-height:1}.test-summary>span{color:#d7deed;align-self:end;font-size:1.2rem;font-weight:750}.test-summary dl{flex-wrap:wrap;align-self:start;gap:1.25rem;margin:0;display:flex}.test-summary dl div{gap:.35rem;display:flex}.test-summary dt{color:#aebde1}.test-summary dd{margin:0;font-weight:800}.verification-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:1.2rem;display:grid}.verification-grid article{border:1px solid var(--line);border-radius:.9rem;padding:1.5rem}.verification-grid h3{margin-bottom:.8rem}.verification-grid ul{color:var(--muted);margin:0;padding-left:1.2rem;line-height:1.65}.verification-grid li+li{margin-top:.55rem}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;display:grid}.screenshot-grid figure{border:1px solid var(--line);background:#fff;border-radius:.9rem;margin:0;overflow:hidden;box-shadow:0 10px 26px #21304e0f}.screenshot-grid a{background:#e5e9f1;display:block}.screenshot-grid img{width:100%;height:auto;display:block}.screenshot-grid figcaption{grid-template-columns:2.2rem 1fr;gap:.65rem;padding:1rem;line-height:1.5;display:grid}.screenshot-grid figcaption span{color:var(--accent);font-size:.875rem;font-weight:900}.video-frame{background:var(--ink);border-radius:1rem;overflow:hidden;box-shadow:0 18px 45px #21304e26}.video-frame video{aspect-ratio:16/9;width:100%;height:auto;display:block}.limitations-list{columns:2;color:var(--muted);column-gap:3rem;margin:0;padding-left:1.25rem;line-height:1.65}.limitations-list li{break-inside:avoid;margin-bottom:.8rem;padding-left:.25rem}.case-actions{color:#fff;background:var(--ink);padding:clamp(3.5rem,7vw,5rem) 0}.case-actions__inner{justify-content:space-between;align-items:center;gap:2rem;display:flex}.case-actions .eyebrow{color:#b9c7e8}.case-actions h2{max-width:700px;margin-bottom:0}.case-actions .button--secondary{color:#fff;background:0 0;border-color:#8f9bb4}.case-actions .button--secondary:hover{color:#fff;border-color:#fff}@media (width<=900px){.case-hero__grid,.case-card-grid--three{grid-template-columns:1fr}.case-status{max-width:600px}.architecture-notes{grid-template-columns:1fr}.case-actions__inner{flex-direction:column;align-items:flex-start}}@media (width<=650px){.case-hero{padding-top:3.5rem}.site-header .nav-shell nav,.site-header .nav-list{width:100%}.case-copy-grid,.capability-grid,.verification-grid,.screenshot-grid,.test-summary{grid-template-columns:1fr}.test-summary>strong{grid-row:auto}.test-summary dl{margin-top:.7rem}.limitations-list{columns:1}.workflow-list article,.decision-list article{grid-template-columns:2rem 1fr;padding:1.1rem}.case-actions .hero-actions,.case-actions .button{width:100%}}@media (width<=360px){.case-status,.case-card,.security-note,.test-summary{padding:1.2rem}.test-summary dl{gap:.45rem;display:grid}}