.case-page{--case-accent:#bcefea;--case-line:#6fb8c92b}.case-page em,.not-found em{color:#bcefea}.case-page .case-hero,.not-found{isolation:isolate;position:relative}.case-page .case-hero{padding-block:30px 70px}.case-hero-copy,.not-found-copy{z-index:1;position:relative}.case-page .back-link{color:#c2d6de;transition:color .2s,transform .2s}.case-page .back-link:hover{color:#c5fff0;transform:translate(-3px)}.case-page .case-hero .eyebrow{color:#d2e9ea}.case-page .case-hero h1{letter-spacing:-.06em;max-width:1040px;line-height:1.12}.case-page .case-headline{color:#c8d4db;max-width:770px}.case-page .case-hero .tags{gap:8px}.case-page .case-hero .tags span{color:#bfdee0;background:#11232e8c;border:1px solid #82c9dc30;border-radius:6px;padding:6px 12px}.case-page .case-hero .tags span:after{content:none}.case-page .case-visit{margin-top:0}.case-visit-magnet{margin-top:28px}.case-page .case-cover{border-color:var(--case-line);background:radial-gradient(at 10% 10%,#387bff22,#0000 50%),radial-gradient(at 95% 75%,#40d7c516,#0000 48%),#10171d;max-height:none;padding-block:35px 42px}.project-cover-heading{justify-content:space-between;align-items:center;gap:20px;max-width:1036px;margin:0 auto 24px;padding-inline:18px;display:flex}.project-cover-heading .eyebrow{color:#b7dcd9;font-size:9px}.project-cover-number{color:#8ab4bd;font-variant-numeric:tabular-nums;font-size:9px}.case-cover-tilt{max-width:1036px}.project-cover-caption-content{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.project-cover-label{align-items:center;gap:9px;display:inline-flex}.project-cover-label>span{color:#7ce0d3;font-size:17px}.project-cover-stack{color:#badfdc}.case-page .case-browser{border:0;border-radius:17px;width:100%}.case-page .case-browser .browser-bar{color:#b6c9d4;background:#17232c;height:36px}.case-page .browser-dots i{background:#70bdb8;width:5px;height:5px}.case-page .browser-dots i:nth-child(2){background:#6395db}.case-page .browser-dots i:nth-child(3){background:#687a90}.case-page .case-browser img{width:100%;height:auto;display:block}.case-page .case-context-copy{border-left:1px solid var(--case-line);padding-left:27px}.case-page .case-context-copy>p:last-child{margin-bottom:0}.case-page .case-section-title>.eyebrow,.case-page .case-end .eyebrow{color:#b7dcd9}.case-page .case-outcome{background:radial-gradient(at 0 0,#40d7c512,#0000 65%),linear-gradient(135deg,#18232c,#12191f);border-color:#79b9c047;border-radius:18px}.case-page .outcome-icon{color:#99d9d2}.case-page .case-outcome .eyebrow{color:#b8dedb}.case-page .case-outcome h2{color:#e1ecef}.case-page .case-outcome div>p:last-child{color:#b1bdc7}.case-page .case-end>astro-island{min-width:0;display:block}.case-page .next-project{border:0;border-radius:17px;padding:38px 64px 38px 30px}.case-page .next-project>span{color:#a9d4d0}.case-page .next-project svg{color:#bcefea;transition:transform .25s;top:35px}.case-page .next-project:is(:hover,:focus-visible) svg{transform:translate(3px,-3px)}.not-found{min-height:620px;padding-block:110px 130px}.not-found .eyebrow{color:#d2e9ea}.not-found h1{letter-spacing:-.055em;max-width:920px;line-height:1.14}.not-found .not-found-copy>p:not(.eyebrow){color:#c2ced6;max-width:500px}@media (width<=1000px){.case-page .case-context,.case-page .case-end{gap:40px}}@media (width<=760px){.case-page .case-hero{padding-block:23px 43px}.case-page .case-hero .eyebrow{font-size:9px;line-height:1.8}.case-page .case-hero h1{font-size:clamp(36px,8.5vw,55px)}.case-page .case-headline{font-size:19px}.case-page .case-cover{padding-block:22px 26px}.project-cover-heading{margin-bottom:16px;padding-inline:8px}.case-page .case-browser .browser-bar{height:29px;padding-inline:10px;font-size:7px}.case-page .case-context{gap:28px}.case-page .case-context-copy{padding-left:19px}.case-page .case-outcome{padding:26px}.case-page .next-project{padding:31px 58px 31px 25px}.case-page .next-project svg{top:29px}.not-found{min-height:530px;padding-block:76px 90px}.not-found h1{font-size:clamp(36px,8.5vw,55px)}.not-found .not-found-copy>p:not(.eyebrow){font-size:14px}}@media (prefers-reduced-motion:reduce),(hover:none){.case-page .back-link:hover,.case-page .next-project:is(:hover,:focus-visible) svg{transform:none}}
