@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap";
:root{--ink:#102030;--accent:#e95044;--paper:#fffaf4;--peach:#ffe8e1;--cream:#f7e9d3;--green:#064c30;--muted:#66717b;--border:#d8dce0;--radius:20px;--shadow:6px 6px 0 var(--ink)}.case-page *,.case-page :before,.case-page :after{box-sizing:border-box}.case-page *{margin:0;padding:0}.case-page{color:var(--ink);background:var(--paper);min-height:100vh;font-family:Open Sans,sans-serif;font-size:1rem;line-height:1.6}.case-page img{max-width:100%;height:auto;display:block}.case-page a:not(.case-button){color:inherit}.case-page :focus-visible{outline:3px solid var(--accent);outline-offset:4px}.case-page h1,.case-page h2,.case-page h3{font-weight:400}.case-page h1,.case-page h2{font-family:var(--font-groillim), "Open Sans", sans-serif;line-height:1}.case-shell{width:min(100% - 3rem,1180px);margin-inline:auto}.case-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1.5rem;padding-block:18px;display:flex}.case-header>a{font-size:1.05rem;font-weight:700;text-decoration:none}.case-brand{align-items:center;gap:12px;display:inline-flex}.case-brand img{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:46px;height:46px}.case-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem 1rem;display:flex}.case-header .case-nav a:not(.case-button){color:var(--muted);border-radius:10px;padding:10px 16px;font-weight:700;text-decoration:none}.case-header .case-nav a:not(.case-button):hover,.case-header .case-nav a:not(.case-button):focus-visible{color:var(--ink);background:#edf0f2}.case-button{border:2px solid var(--ink);border-radius:12px;justify-content:center;align-items:center;padding:13px 20px;font-weight:700;text-decoration:none;transition:background-color .16s,color .16s;display:inline-flex}.case-button--primary{color:#fff;background:var(--ink)}.case-button--primary:hover,.case-button--primary:focus-visible,.case-button--secondary{color:var(--ink);background:0 0}.case-button--secondary:hover,.case-button--secondary:focus-visible{color:#fff;background:var(--ink)}.case-hero{padding-block:clamp(3rem,8vw,6rem)}.case-hero-header{text-align:center;max-width:960px;margin:0 auto clamp(2rem,5vw,3.5rem)}.case-hero-body{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.case-copy{max-width:42rem}.case-eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin-bottom:1rem;font-size:13px;font-weight:700}.case-hero h1{font-size:clamp(44px,7vw,84px)}.case-meta{color:var(--muted);margin-block:1.25rem;font-size:.9rem;font-weight:700}.case-lead{color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.3rem)}.case-hero picture img,.case-hero-media img{border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.case-skills{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}.case-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.case-skills span{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:600}.case-section{padding-block:clamp(2.5rem,6vw,4.5rem)}.case-section h2,.case-media h2{margin-bottom:1.25rem;font-size:clamp(34px,5vw,60px)}.case-copy p+p{margin-top:1rem}.case-article{width:min(100% - 3rem,1180px);margin-inline:auto;padding-block:clamp(2.5rem,6vw,4.5rem)}.case-article>h2{max-width:42rem;margin-bottom:1.25rem;font-size:clamp(34px,5vw,60px)}.case-article>h2:not(:first-child){margin-top:clamp(2.5rem,6vw,4.5rem)}.case-article>p:not(.case-callout){max-width:42rem;color:var(--ink)}.case-article>p:not(.case-callout)+p:not(.case-callout){margin-top:1rem}.case-glance{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem 2rem;width:min(100% - 3rem,1180px);margin-inline:auto;padding:1.75rem 2rem;display:grid}.case-glance dt{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem;font-size:12px;font-weight:700}.case-glance dd{font-weight:700}.case-steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;margin-top:2rem;list-style:none;display:grid}.case-steps li{border:1px solid var(--border);counter-increment:step;background:#fff;border-radius:12px;padding:1.75rem 1.5rem 1.5rem}.case-steps li:before{content:counter(step, decimal-leading-zero);color:var(--accent);margin-bottom:.6rem;font-size:1.4rem;font-weight:700;display:block}.case-steps h3{margin-bottom:.4rem;font-size:1.05rem}.case-steps p{color:var(--muted);font-size:.95rem}.case-highlight-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:2rem;list-style:none;display:grid}.case-highlight-grid li{border:1px solid var(--border);border-left:3px solid var(--accent);background:#fff;border-radius:12px;padding:1.4rem 1.5rem;font-size:.98rem}.case-highlight-grid strong{margin-bottom:.3rem;display:block}.case-callout{border:2px solid var(--ink);border-radius:var(--radius);background:var(--ink);box-shadow:var(--shadow);color:var(--paper);margin-top:2.5rem;padding:2rem 2.25rem;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.4}.case-media{border-top:1px solid var(--border);padding-block:clamp(3rem,8vw,5rem)}.case-media .case-copy{margin-bottom:2rem}.case-gallery{gap:2rem;display:grid}.case-figure img{border:2px solid var(--ink);border-radius:var(--radius);width:100%;box-shadow:var(--shadow)}.case-figure figcaption{color:var(--muted);margin-top:1rem;font-size:.88rem}.case-section.case-pager{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;display:flex}.case-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 2.5rem;display:flex}.case-cta .case-copy{margin:0}.case-cta .case-button{flex:none}.case-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:28px;font-size:14px;display:flex}.case-footer a{font-weight:700;text-decoration:none}.case-footer a:hover,.case-footer a:focus-visible{color:var(--ink)}.work-intro{text-align:left;padding-block:clamp(2.5rem,7vw,5rem) clamp(1.5rem,4vw,2.5rem)}.work-intro h1{margin-block:.5rem;font-size:clamp(44px,7vw,84px)}.work-intro .case-lead{max-width:720px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding-bottom:clamp(3rem,8vw,5rem);display:grid}.work-card{border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex;overflow:hidden}.work-card:hover,.work-card:focus-visible{box-shadow:9px 9px 0 var(--ink);transform:translate(-3px,-3px)}.work-card img{aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;border-bottom:2px solid var(--ink);width:100%}.work-card-body{flex-direction:column;gap:.5rem;padding:1.5rem 1.5rem 1.75rem;display:flex}.work-card-body h2{font-size:clamp(22px,2.6vw,30px)}.work-card-body p{color:var(--muted);font-size:.95rem}.work-card-link{color:var(--accent);margin-top:.35rem;font-weight:700}@media (max-width:760px){.case-shell,.case-glance,.case-article{width:min(100% - 2rem,42rem)}.work-grid{grid-template-columns:1fr}.case-header,.case-footer{flex-direction:column;align-items:flex-start}.case-nav{justify-content:flex-start}.case-hero{padding-block:3rem}.case-hero-body{grid-template-columns:1fr;gap:2.5rem}}