.cases-page,.case-page{padding-block:var(--length-48) var(--length-64)}.cases-opening{margin-bottom:var(--length-48);align-items:start;display:grid}.cases-opening h1{font-size:var(--length-64);letter-spacing:-.03em;line-height:1.05}.cases-deck{font-size:var(--length-28);margin-top:var(--length-20);line-height:1.2}.cases-opening>div>p:not(.cases-deck){font-size:var(--length-20);line-height:1.5}.case-contact,.case-open{align-items:center;gap:var(--length-12);color:var(--blue);margin-top:var(--length-24);width:fit-content;font-size:var(--length-18);display:flex}.cases-count{border-block:1px solid var(--rule);padding-block:var(--length-16);color:var(--muted);margin-bottom:var(--length-28)}.cases-grid{display:grid}.case-preview{border:1px solid var(--rule);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.case-preview-image{display:block;overflow:hidden}.case-preview-image img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .22s ease-out;display:block}.case-preview-copy{padding:var(--length-24);flex-direction:column;flex:1;display:flex}.case-preview h2{font-size:var(--length-28);letter-spacing:-.02em;line-height:1.2}.case-preview p{margin-block:var(--length-16) var(--length-24);font-size:var(--length-18);line-height:1.5}.case-preview .case-open{margin-top:auto}.case-open .icon{transition:transform .18s ease-out}@media (hover:hover) and (pointer:fine){.case-preview:hover .case-preview-image img{transform:scale(1.035)}.case-preview:hover .case-open .icon{transform:translate(4px)}}.case-page{max-width:var(--length-1100)}.case-back{color:var(--blue);margin-bottom:var(--length-28);display:inline-block}.case-hero h1{font-size:clamp(var(--length-36),4.5vw,var(--length-60));letter-spacing:-.03em;line-height:1.1}.case-category{font-size:var(--length-15);color:var(--muted);margin-top:var(--length-16)}.case-lead{font-size:var(--length-22);max-width:70ch;margin-top:var(--length-24);line-height:1.5}.case-lead p+p{margin-top:var(--length-16)}.case-actions{gap:var(--length-16) var(--length-28);margin-top:var(--length-24);flex-wrap:wrap;display:flex}.case-actions a{color:var(--blue);min-height:var(--length-44);align-items:center;display:flex}.case-metrics{gap:var(--length-24);margin-top:var(--length-40);padding-block:var(--length-28);border-block:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.case-metric h2{font-size:var(--length-15);font-weight:var(--weight-regular);color:var(--muted)}.case-metric .case-metric-value{font-size:var(--length-28);line-height:1.2;font-weight:var(--weight-bold);margin-block:var(--length-12)}.case-metric>p:last-child{font-size:var(--length-16);line-height:1.5}.case-section,.case-related,.case-ending{margin-top:var(--length-64);padding-top:var(--length-28);border-top:1px solid var(--rule)}.case-section{scroll-margin-top:var(--length-24)}.case-section h2,.case-related>h2,.case-ending h2{font-size:var(--length-34);line-height:1.2;font-weight:var(--weight-medium);letter-spacing:-.02em}.case-section-intro{font-size:var(--length-20);max-width:70ch;margin-top:var(--length-20);line-height:1.5}.case-section-body{margin-top:var(--length-28);font-size:var(--length-18);overflow-wrap:anywhere;line-height:1.6}.case-bullet-grid{display:grid}.case-point{border-top:1px solid var(--rule);padding-top:var(--length-16)}.case-point h3{font-size:var(--length-22);line-height:1.25;font-weight:var(--weight-medium)}.case-point p{margin-top:var(--length-12)}.case-related>div{gap:var(--length-24);margin-top:var(--length-28);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.case-related h3{font-size:var(--length-22);line-height:1.3}.case-related p{font-size:var(--length-17);margin-top:var(--length-16);line-height:1.5}.case-page img{border-radius:var(--radius);max-width:100%;height:auto}.case-page .text-primary{color:var(--blue)}.case-page .btn{min-height:var(--length-44);color:var(--blue);border:1px solid var(--control-border);border-radius:var(--radius);padding:var(--length-10) var(--length-16);align-items:center;line-height:1.4;display:inline-flex}.case-page pre{max-width:100%;padding:var(--length-20);background:var(--soft);overflow:auto}.case-page :is([class*=rounded-],[class*=rounded\[]){border-radius:var(--radius)}.case-page .opacity-80,.case-page .opacity-70,.case-page .opacity-60{opacity:1}.case-page [class*=shadow]{box-shadow:none}@media (width<=800px){.case-related>div,.case-metrics{grid-template-columns:1fr}.cases-opening h1{font-size:var(--length-44)}.case-section h2,.case-related>h2,.case-ending h2{font-size:var(--length-28)}}@media (width<=480px){.cases-page,.case-page{padding-top:var(--length-28)}.case-preview-copy{padding:var(--length-20)}.case-preview h2{font-size:var(--length-24)}.case-lead{font-size:var(--length-19)}.case-section-body,.case-section-intro{font-size:var(--length-17)}.case-page [class~=p-6],.case-page [class~=p-8]{padding:var(--length-16)}}@media (prefers-reduced-motion:reduce){.case-preview-image img,.case-open .icon{transition:none!important;transform:none!important}}.cases-opening .cases-context{margin-top:var(--length-20)}.cases-contact{--contact-paper:#232c39;--contact-ink:#f4f7fc;--contact-body:#d9e3f2;--contact-link:#aac5ff;margin-top:var(--length-64);padding:var(--length-48);border-radius:var(--radius);background:var(--contact-paper);color:var(--contact-body);scroll-margin-top:var(--length-24);align-items:center;display:grid}.cases-contact h2{color:var(--contact-ink);font-size:clamp(var(--length-30),3vw,var(--length-44));font-weight:var(--weight-medium);letter-spacing:-.02em;line-height:1.15}.cases-contact-copy>p{font-size:var(--length-20);margin-top:var(--length-24);max-width:65ch;line-height:1.5}.cases-contact-actions{align-items:center;gap:var(--length-20) var(--length-28);margin-top:var(--length-32);flex-wrap:wrap;display:flex}.cases-contact-actions a{align-items:center;gap:var(--length-16);min-height:var(--length-44);color:var(--contact-link);font-size:var(--length-18);display:inline-flex}.cases-contact-actions .cases-contact-primary{padding:var(--length-14) var(--length-24);color:#fff;border-radius:var(--radius);transition:background var(--motion);background:#0055ef}.cases-contact-primary:hover{background:#0044bd}.cases-contact-actions a:focus-visible{outline:2px solid var(--contact-link);outline-offset:4px}.cases-contact-primary .icon{filter:brightness(0)invert();transition:transform .18s ease-out}.cases-contact-scene img{width:100%;height:auto;transition:transform .26s cubic-bezier(.16,1,.3,1);display:block}.cases-self-study{justify-content:space-between;align-items:center;gap:var(--length-24);padding:var(--length-28) var(--length-48);font-size:var(--length-20);line-height:1.4;display:flex}.cases-self-study strong{font-weight:var(--weight-medium);display:block}.cases-self-study span>span{margin-top:var(--length-6);color:var(--body);display:block}.cases-self-study .icon{flex-shrink:0;transition:transform .18s ease-out}@media (hover:hover) and (pointer:fine){.cases-contact-primary:hover .icon,.cases-self-study:hover .icon{transform:translate(4px)}}@media (width<=800px){.cases-contact{padding:var(--length-28)}.cases-contact-scene{display:none}.cases-self-study{padding:var(--length-24) var(--length-12);font-size:var(--length-18)}}@media (width<=480px){.cases-contact{padding:var(--length-24);margin-top:var(--length-48)}.cases-contact-copy>p{font-size:var(--length-18)}.cases-contact-actions{gap:var(--length-12);margin-top:var(--length-24)}.cases-contact-actions a{font-size:var(--length-17)}.cases-contact-actions .cases-contact-primary{padding-inline:var(--length-16)}}@media (prefers-reduced-motion:reduce){.cases-contact-scene img,.cases-contact-primary,.cases-contact-primary .icon,.cases-self-study .icon{transition:none!important;transform:none!important}}
