.case-study{--case-accent:#b4e1f3;--case-line:color-mix(in srgb,var(--case-accent) 25%,transparent)}.case-study .eyebrow,.case-study .text-link:hover{color:var(--case-accent)}.case-opening{display:grid;grid-template-columns:1fr 1.15fr;gap:6%;align-items:center;padding:58px 0 70px}.case-opening__copy{min-width:0}.case-opening h1{font-size:clamp(48px,4.2vw,82px);line-height:1.02;letter-spacing:-.035em;margin:22px 0;overflow-wrap:anywhere}.case-signature{font:italic clamp(25px,2.2vw,40px)/1.25 var(--serif);color:var(--case-accent);margin-bottom:24px}.case-intro{font-size:clamp(16px,1.03vw,19px);line-height:1.8;color:#bec9cf;max-width:630px;margin-bottom:26px}.case-opening .text-link{display:inline-block}.case-opening__visual{margin:0;min-width:0;position:relative}.case-opening__visual:before{content:"";position:absolute;inset:-28px 5% 24px;border:1px solid var(--case-line);border-radius:50%;transform:rotate(-16deg);pointer-events:none}.case-browser-bar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#13212a;border:1px solid #40525b;border-bottom:0;color:#aabbc5;font-size:10px;letter-spacing:.05em}.case-browser-dots{font-size:7px;letter-spacing:4px;color:var(--case-accent)}.case-preview-trigger{display:block;position:relative;padding:7px;border:1px solid #40525b;background:#13212a;box-shadow:0 28px 55px #0005}.case-preview-trigger img{display:block;width:100%;height:auto;object-fit:contain}.case-preview-trigger>span{position:absolute;right:16px;bottom:16px;padding:10px 13px;font-size:11px;background:#08121deb;color:#eff8fa;border:1px solid #7896a8;transition:background .25s}.case-preview-trigger>span b{margin-left:12px;color:var(--case-accent)}.case-preview-trigger:hover>span{background:#233e4f}.case-opening figcaption{position:relative;display:flex;justify-content:space-between;gap:16px;color:#839ca9;font-size:8px;letter-spacing:.15em;margin-top:17px}.case-index{display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:7;min-height:67px;padding:12px 1cm;border-top:1px solid var(--case-line);border-bottom:1px solid var(--line);background:#090e13f0;backdrop-filter:blur(14px)}.case-index__label{color:#8198a5;font-size:9px;text-transform:uppercase;letter-spacing:.16em;margin-right:auto}.case-index a{color:#aebdc6;text-decoration:none;font-size:13px;white-space:nowrap;padding:10px 0}.case-index a[aria-current],.case-index a:hover{color:var(--case-accent)}.case-index .case-index__quote{margin-left:auto;color:var(--paper)}.case-index__progress{position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--case-accent);transform:scaleX(0);transform-origin:left}.case-strengths{padding:66px 0 62px;scroll-margin-top:88px}.case-section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}.case-section-heading h2{font:48px/1.15 var(--serif);margin:0}.case-section-heading h2 em{color:var(--case-accent)}.case-strengths__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.case-strength{padding:27px 28px 30px;position:relative;border:1px solid var(--case-line);background:linear-gradient(130deg,color-mix(in srgb,var(--case-accent) 7%,#091019),#0b131a);transition:border-color .3s,transform .3s}.case-strength:hover{border-color:var(--case-accent);transform:translateY(-4px)}.case-strength__number{display:block;color:var(--case-accent);font:13px var(--serif);margin-bottom:23px}.case-strength h3{font:28px/1.18 var(--serif);margin-bottom:13px}.case-strength p{color:#b1c1ca;font-size:14px;line-height:1.7;margin:0}.case-story-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:9%;align-items:start;padding-bottom:75px}.case-chapter{padding:45px 0;border-top:1px solid var(--line);scroll-margin-top:100px}.case-chapter:first-child{padding-top:35px}.case-chapter h2{font:clamp(32px,2.7vw,48px)/1.12 var(--serif);letter-spacing:-.015em;max-width:790px;margin:22px 0 27px;text-wrap:balance}.case-chapter>p:not(.eyebrow){font-size:18px;line-height:1.95;color:#bfccd3;max-width:820px;margin:0}.case-palette{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:35px;padding:22px 0;border-top:1px solid var(--line);color:#8fa5b2;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.case-palette>div{display:flex;gap:7px}.case-palette i{display:block;width:46px;height:28px;border:1px solid #ffffff26;background:var(--swatch)}.case-palette>span:last-child{margin-left:auto;font-size:9px}.case-journey{margin-top:32px;padding:25px;border:1px solid var(--case-line);background:#10212a}.case-journey>p{margin-bottom:24px;color:#90aab8;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.case-journey ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}.case-journey li{border-top:1px solid #57707c;padding-top:12px}.case-journey li span{display:block;color:var(--case-accent);font-size:11px;margin-bottom:8px}.case-journey li strong{font-size:13px;line-height:1.5;display:block;font-weight:400;color:#e2eaec}.case-tech{margin-top:26px}.case-tech span{border-color:var(--case-line);color:var(--case-accent)}.case-seo-list{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.case-seo-list li{display:flex;gap:14px;border-top:1px solid var(--line);padding:22px 0;min-width:0}.case-seo-list li>span{color:var(--case-accent);font-size:19px;line-height:1.4}.case-seo-list h3{font:16px var(--sans);margin:0 0 8px;color:#e2ecee}.case-seo-list p{font-size:12px;color:#a8bcc7;line-height:1.7;margin:0;overflow-wrap:anywhere}.case-estimate{top:94px;padding:29px;border-color:var(--case-line);background:linear-gradient(145deg,color-mix(in srgb,var(--case-accent) 10%,#10212c),#0c151d)}.case-estimate h2{font:43px/1.05 var(--serif);margin:24px 0}.case-estimate h2 em{color:var(--case-accent)}.case-estimate>p{font-size:14px;line-height:1.7}.case-estimate__budget{margin:25px 0 0;border-top:1px solid var(--case-line);padding-top:20px}.case-estimate__budget>span{font-size:10px;letter-spacing:.04em;color:#a6bbc6}.case-estimate .price{font-size:36px;white-space:nowrap}.case-estimate .price small{font-size:13px;letter-spacing:0}.case-estimate .button{padding:12px 16px;gap:14px}.case-estimate p.case-estimate__note{font-size:11px;line-height:1.8;color:#9db4c1;margin-top:20px}.case-estimate .text-link{display:inline-block;font-size:11px;margin-top:8px}.case-invitation{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:center;border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line);padding:62px 0;scroll-margin-top:90px}.case-invitation h2{font:clamp(38px,3.1vw,58px)/1.12 var(--serif);text-wrap:balance;margin:22px 0 0}.case-invitation p:not(.eyebrow){font-size:16px;line-height:1.85;color:#b7c9d2}.case-invitation .button{margin-top:15px}.case-study .project-nav{border-top:0;padding-top:35px}.case-preview-dialog{max-width:min(1500px,90vw);max-height:94vh;padding:58px 18px 14px;border:1px solid #607e8f;background:#0c1923;color:#eff5f7}.case-preview-dialog::backdrop{background:#02070ce5;backdrop-filter:blur(10px)}.case-preview-dialog img{display:block;width:auto;max-width:100%;height:auto;max-height:76vh;object-fit:contain;margin:auto}.case-preview-dialog>p{display:flex;justify-content:space-between;gap:40px;font-size:13px;margin:14px 0 0}.case-preview-dialog>p span{color:#8fa8b8;font-size:11px}.case-preview-close{position:absolute;top:12px;right:18px;background:none;border:0;color:var(--paper);font-size:11px;letter-spacing:.12em;cursor:pointer;padding:6px}.case-preview-close span{font:23px var(--sans);margin-left:10px;vertical-align:middle}body.case-preview-open{overflow:hidden}@media(max-width:1600px){.case-opening{gap:5%}.case-index{gap:17px}.case-index a{font-size:12px}.case-index__label{display:none}.case-story-layout{grid-template-columns:minmax(0,1fr) 310px;gap:6%}.case-estimate{padding:24px}.case-estimate h2{font-size:37px}.case-estimate .price{font-size:30px}.case-strength{padding:23px}.case-strength h3{font-size:25px}.case-chapter>p:not(.eyebrow){font-size:17px}.case-palette{gap:16px}}@media(prefers-reduced-motion:reduce){.case-study *,.case-study *:before{animation:none!important;transition:none!important}}