@import url("blog.css?v=20260921-navfix2");

.case-page{--case-title-size:clamp(40px,3.6vw,52px);--case-section-title-size:clamp(28px,2.7vw,40px);--case-page-gutter:max(40px,calc((100vw - 1200px)/2))}
.case-page .article-hero,.case-page .article-cover,.case-page .article-layout{width:calc(100% - var(--case-page-gutter)*2);margin-left:var(--case-page-gutter);margin-right:var(--case-page-gutter)}
.case-page .article-meta{color:#149edc}.case-page .article-back{display:inline-flex;margin-bottom:28px}.case-page .article-cover img{filter:none}
.case-page .article-hero{padding-bottom:16px}
.case-page .article-hero h1{margin-top:14px;font-size:var(--case-title-size);line-height:.98;letter-spacing:-.035em}
.case-page .article-lead{margin-top:8px;margin-bottom:14px}
.case-page .article-content h2,.case-page .cases-heading h2{font-size:var(--case-section-title-size);line-height:1;letter-spacing:-.035em}
.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 76px;background:#d4d0c5}.case-fact{padding:26px 28px;background:#f4f1e8}.case-fact span{display:block;margin-bottom:12px;color:#75726b;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.case-fact b{font-family:Benzin,Impact,sans-serif;font-size:clamp(16px,1.4vw,22px);line-height:1.15}
.case-inline-image{margin:44px 0 8px}.case-inline-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.case-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:44px 0 8px}.case-comparison figure{position:relative;margin:0;overflow:hidden;background:#242424}.case-comparison img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}.case-comparison span{position:absolute;z-index:1;top:16px;left:16px;padding:7px 10px;background:#111;color:#fff;font-family:Benzin,Impact,sans-serif;font-size:10px;line-height:1;letter-spacing:.08em;text-transform:uppercase}
.case-page .cases-section{order:initial;padding:84px var(--case-page-gutter) 90px;border-top:1px solid #d4d0c5}.case-page .cases-heading h2{font-size:clamp(42px,4.5vw,76px)}.case-page .cases-window{padding-top:68px}
.case-consultation{scroll-margin-top:30px;padding:clamp(82px,8vw,140px) var(--case-page-gutter);background:#151515;color:#f4f1e8;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:clamp(56px,7vw,130px);align-items:start}.case-consultation__intro{position:sticky;top:48px}.case-consultation__eyebrow{margin:0 0 28px;color:#ffe600;font-family:Benzin,Impact,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.case-consultation h2{margin:0;color:#ffe600;font-family:Benzin,Impact,sans-serif;font-size:clamp(44px,5vw,82px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase}.case-consultation h2 span{color:#f4f1e8}.case-consultation__intro>p:last-child{max-width:500px;margin:34px 0 0;font-size:clamp(17px,1.3vw,22px);line-height:1.45;color:#d0cec7}.case-consultation__form{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;row-gap:34px;padding-top:8px}.case-consultation .field{display:flex;flex-direction:column;gap:12px}.case-consultation .field-wide{grid-column:1/-1}.case-consultation .field>span{font-family:Benzin,Impact,sans-serif;font-size:11px;color:#ffe600;text-transform:uppercase}.case-consultation .field input,.case-consultation .field select,.case-consultation .field textarea{box-sizing:border-box;width:100%;color:#f4f1e8;background:transparent;border:0;border-bottom:2px solid rgba(255,230,0,.68);border-radius:0;padding:7px 0 15px;outline:0;font:inherit}.case-consultation .field textarea{border:1px solid rgba(255,230,0,.55);padding:18px;resize:vertical;min-height:145px}.case-consultation .field input::placeholder,.case-consultation .field textarea::placeholder{color:#898781}.case-consultation .field input:focus,.case-consultation .field select:focus,.case-consultation .field textarea:focus{border-color:#149edc}.case-consultation .field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#ffe600 50%),linear-gradient(135deg,#ffe600 50%,transparent 50%);background-position:calc(100% - 12px) 52%,calc(100% - 6px) 52%;background-size:7px 7px;background-repeat:no-repeat}.case-consultation .field select option{background:#151515}.case-consultation .form-meta{display:grid;gap:24px;border-bottom:1px solid rgba(255,230,0,.4);padding-bottom:28px}.case-consultation .file-input,.case-consultation .consent{display:flex;align-items:center;gap:14px;cursor:pointer}.case-consultation .file-input input,.case-consultation .consent input{position:absolute;opacity:0;pointer-events:none}.case-consultation .file-input{font-size:14px;text-transform:uppercase}.case-consultation .clip{width:27px;height:27px;flex:none;fill:none;stroke:#ffe600;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.case-consultation .consent{font-size:13px;color:#b7b5ae}.case-consultation .consent i{width:24px;height:24px;border:2px solid #ffe600;flex:none}.case-consultation .consent input:checked+i{background:#ffe600;box-shadow:inset 0 0 0 5px #151515}.case-consultation .consent a{color:#149edc;text-decoration:underline;text-underline-offset:4px}.case-consultation__submit{min-height:92px;border:2px solid #ffe600;background:#ffe600;color:#151515;font-family:Benzin,Impact,sans-serif;font-size:clamp(16px,1.5vw,24px);text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:20px}.case-consultation__submit svg{width:18px;height:28px;fill:#149edc}.case-consultation__submit:hover,.case-consultation__submit:focus-visible{background:#149edc;border-color:#149edc}.case-consultation__submit:disabled{opacity:.55;cursor:wait}.case-consultation .form-status{margin:0;color:#149edc;min-height:20px}
@media(max-width:1050px){.case-consultation{grid-template-columns:1fr;gap:68px}.case-consultation__intro{position:relative;top:auto;max-width:720px}}
@media(max-width:720px){.case-page{--case-title-size:36px;--case-section-title-size:30px;--case-page-gutter:20px}.case-page .article-hero{padding-bottom:10px}.case-page .article-lead{margin-bottom:10px}.case-facts{grid-template-columns:1fr;margin-bottom:54px}.case-fact{padding:20px}.case-comparison{grid-template-columns:1fr;gap:10px}.case-page .cases-section{padding-top:62px}.case-consultation{padding-block:72px;gap:58px}.case-consultation h2{font-size:clamp(40px,12vw,64px)}.case-consultation__form{grid-template-columns:1fr;gap:28px}.case-consultation .field-wide{grid-column:auto}.case-consultation__submit{min-height:78px}}
