.case-back{color:#62685f;gap:12px;margin-top:34px;font-size:12px;display:inline-flex}.case-back:hover{color:var(--primary)}.case-page .case-hero{padding-top:48px;padding-bottom:34px}.case-hero .intro{margin-bottom:20px;font-size:12px}.case-page .case-hero h1{font-size:clamp(54px,7.2vw,92px)}.case-page .hero-line{flex-wrap:wrap}.case-tagline{letter-spacing:-.6px;max-width:650px;margin:23px 0 38px;font-size:clamp(19px,2.2vw,26px);line-height:1.45}.case-meta{border-top:1px solid #e1e5dd;grid-template-columns:1.1fr .9fr 1.25fr;gap:28px;margin:0;padding-top:27px;display:grid}.case-meta dt{color:#747970;margin-bottom:8px;font-size:11px}.case-meta dd{margin:0;font-size:12px;line-height:1.7}.case-body figure{margin:0}.case-cover>img{aspect-ratio:16/10;object-fit:cover;background:#e7e9e4;border-radius:7px;width:100%;height:auto;display:block}.case-briquette .case-cover>img{object-position:center 62%}.case-dario .case-cover>img{object-position:center top}.case-design-system .case-cover>img{aspect-ratio:3/2}.case-body figcaption{color:#70776a;margin-top:12px;font-size:11px;line-height:1.65}.case-section{--stagger-blur:0px;margin-top:100px}.case-section-heading{grid-template-columns:180px minmax(0,1fr);align-items:start;column-gap:30px;display:grid}.case-label{color:#73796d;margin:9px 0 0;font-size:11px}.case-section h2{letter-spacing:-1.45px;max-width:660px;margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:500;line-height:1.18}.case-copy{color:#636b5d;max-width:660px;margin:25px 0 0 210px;font-size:14px;line-height:1.85;transition-delay:.44s}.case-points{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:25px;margin:32px 0 0 210px;display:grid}.case-points dt{margin-bottom:8px;font-size:13px;font-weight:650}.case-points dd{color:#636b5d;margin:0;font-size:12px;line-height:1.8}.case-images{margin-top:38px}.case-images-pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}.case-images img{border-radius:7px;width:100%;height:auto;display:block}.case-images-pair img{aspect-ratio:3/4;object-fit:cover}.case-visit{margin:40px 0 0 210px}.case-text-link{color:var(--primary);gap:25px;margin-top:26px;font-size:14px;display:inline-flex}.case-section>.case-text-link{margin-left:210px}.case-text-link:hover{text-underline-offset:5px;text-decoration:underline}.case-flow{letter-spacing:-.4px;background:#f0f1ec;border-radius:7px;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding:50px 40px;font-size:17px;line-height:1.5;display:flex}.case-flow>[aria-hidden]{color:var(--primary)}.case-flow small{color:#6a7163;letter-spacing:0;margin-top:7px;font-size:11px;display:block}.dario-palette{color:#ebe6dd;background:#0c0c0e;border-radius:7px;justify-content:space-between;align-items:center;gap:24px;margin-top:40px;padding:50px 60px;display:flex}.dario-type{letter-spacing:-2px;font-family:Georgia,serif;font-size:clamp(38px,5vw,68px);line-height:1}.dario-type em{color:#c9a36b;font-weight:400}.palette-list{gap:20px;font-size:11px;display:grid}.palette-list>span{align-items:center;gap:14px;display:flex}.palette-list i{background:var(--swatch);border:1px solid #ffffff30;border-radius:50%;width:30px;height:30px;display:block}.token-demo{--demo-bg:#f0f2fa;--demo-surface:#fff;--demo-ink:#20251f;--demo-muted:#646d7c;--demo-action:#3046ff;--demo-on-action:#fff;color:var(--demo-ink);background:var(--demo-bg);transition:opacity var(--stagger-dur) var(--stagger-ease), transform var(--stagger-dur) var(--stagger-ease), background-color .35s ease, color .35s ease;border-radius:7px;margin-top:38px;padding:32px}.token-demo[data-theme=dark]{--demo-bg:#171b29;--demo-surface:#252b3d;--demo-ink:#f6f7ff;--demo-muted:#bac3d7;--demo-action:#a3aeff;--demo-on-action:#171b29}.demo-toolbar{justify-content:space-between;align-items:center;gap:15px;font-size:13px;display:flex}.theme-toggle{min-height:40px;color:var(--demo-ink);background:var(--demo-surface);border-radius:30px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;display:flex}.theme-toggle[hidden]{display:none}.theme-toggle:focus-visible{outline-color:var(--demo-action)}.theme-icon{font-size:18px}.token-architecture{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 0;padding:0;list-style:none;display:grid}.token-architecture>li{background:var(--demo-surface);border-radius:5px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-width:0;padding:23px 20px;transition:background-color .35s;display:flex}.token-level{margin-bottom:26px;font-size:12px}.token-swatch{background:var(--demo-action);border-radius:50%;width:43px;height:43px;margin-bottom:27px;display:block}.token-glyph{color:var(--demo-action);margin-bottom:27px;font-size:38px;line-height:43px}.token-architecture code{overflow-wrap:anywhere;font-size:10px;line-height:1.5}.token-architecture code+code,.token-architecture code+span{color:var(--demo-muted);margin-top:8px;font-size:10px;line-height:1.5}.sample-action{background:var(--demo-action);color:var(--demo-on-action);border-radius:6px;align-items:center;gap:20px;margin-bottom:27px;padding:13px 16px;font-size:12px;display:flex}.demo-note{color:var(--demo-muted);margin:22px 0 0;font-size:11px}.case-body .component-figure{margin-top:38px}.component-board{background:#f0f2fa;border-radius:7px;padding:36px}.component-row+.component-row{border-top:1px solid #d9deeb;margin-top:34px;padding-top:32px}.component-name{letter-spacing:-.6px;margin-bottom:26px;font-size:19px}.component-name>span{color:#606a7a;letter-spacing:0;margin-top:6px;font-size:11px;display:block}.button-specimens{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.button-specimens>div,.input-specimens>div{flex-direction:column;align-items:flex-start;gap:13px;min-width:0;display:flex}.component-board small{color:#636c7c;font-size:10px}.specimen-button{color:#fff;background:#3046ff;border-radius:6px;padding:12px 16px;font-size:11px;display:inline-block}.specimen-hover{background:#2438d6}.specimen-focus{outline-offset:3px;outline:2px solid #3046ff}.specimen-active{background:#1b2ba8}.specimen-disabled{color:#687086;background:#dce0ec}.input-specimens{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.specimen-label{font-size:11px}.specimen-input{background:#fff;border:1px solid #aeb7ca;border-radius:5px;justify-content:space-between;align-items:center;gap:5px;width:100%;padding:13px 11px;font-size:11px;display:flex}.input-focus{outline-offset:1px;border-color:#3046ff;outline:2px solid #3046ff33}.input-error{color:#a93537;border-color:#a93537}.component-board .error-text{color:#a93537}.delivery-pipeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:40px 0 0;padding:0;list-style:none;display:grid}.delivery-pipeline li{border-top:2px solid #cbd2ff;padding-top:22px;position:relative}.delivery-pipeline li:not(:last-child):after{content:"→";color:var(--primary);position:absolute;top:22px;right:-23px}.delivery-pipeline strong{font-size:14px;font-weight:550;display:block}.delivery-pipeline span{color:#69705f;margin-top:9px;font-size:11px;display:block}.case-metrics{border-top:1px solid #e1e5dd;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:40px 0 0;padding:40px 0;display:grid}.case-metrics dt{white-space:nowrap;letter-spacing:-3px;color:var(--primary);font-size:clamp(38px,5vw,62px);line-height:1.1}.case-metrics dd{color:#68705f;max-width:180px;margin:14px 0 0;font-size:12px;line-height:1.6}.next-project{border-top:1px solid #e1e5dd;margin-top:100px;padding-top:32px}.case-section:has(>.case-metrics)+.next-project{margin-top:0}.next-project>a{align-items:center;gap:32px;padding:4px 0;display:flex}.next-project>a>div{flex:1}.next-project div>span{color:#747970;margin-bottom:10px;font-size:11px;display:block}.next-project strong{letter-spacing:-1.7px;font-size:clamp(30px,4vw,48px);font-weight:500}.next-project img{object-fit:cover;border-radius:5px;width:180px;height:112px}.next-arrow{transition:transform .45s var(--ease-out);font-size:38px;font-weight:400}.next-project a:hover .next-arrow{transform:translate(4px,-4px)}.case-footer{padding-block:30px;padding-bottom:calc(30px + var(--safe-bottom));align-items:center;gap:30px;margin-top:85px;display:flex}.case-footer .contact-email{margin-right:auto}.case-footer>span{color:#747970;font-size:10px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.case-section-heading{grid-template-columns:135px minmax(0,1fr);gap:25px}.case-copy,.case-points,.case-section>.case-text-link,.case-visit{margin-left:160px}.token-demo,.component-board{padding:25px}.token-architecture>li{padding:20px 13px}.button-specimens{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}@media (width<=700px){.case-back,.case-hero .intro,.case-meta dt,.case-label,.case-flow small,.palette-list,.demo-toolbar,.theme-toggle,.token-level,.sample-action,.demo-note,.component-name>span,.component-board small,.specimen-label,.specimen-input,.delivery-pipeline span,.next-project div>span,.case-footer>span{font-size:14px;line-height:1.5}.case-points dt,.case-points dd,.case-text-link,.delivery-pipeline strong{font-size:16px}.case-tagline{font-size:21px}.case-back{margin-top:25px}.case-page .case-hero{padding-top:34px;padding-bottom:28px}.case-page .case-hero h1{font-size:clamp(50px,10.7vw,72px)}.case-tagline{max-width:350px;margin-bottom:27px}.case-meta{grid-template-columns:1fr 1fr;gap:20px;padding-top:20px}.case-meta>div:last-child{grid-column:1/-1}.case-meta dd{font-size:14px}.case-cover>img{aspect-ratio:4/3}.case-design-system .case-cover>img{aspect-ratio:3/2}.case-section{margin-top:65px}.case-section-heading{display:block}.case-label{margin:0 0 18px}.case-section h2{letter-spacing:-1.1px;font-size:34px}.case-copy{margin:20px 0 0;font-size:16px;line-height:1.75}.case-points{grid-template-columns:1fr;gap:25px;margin:25px 0 0}.case-images{margin-top:28px}.case-images-pair{gap:12px}.case-images-pair img{aspect-ratio:3/5}.case-body figcaption{font-size:14px}.case-flow{flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px;padding:30px}.case-flow>[aria-hidden]{transform:rotate(90deg)}.dario-palette{flex-direction:column;align-items:flex-start;gap:32px;padding:32px}.palette-list{gap:12px}.token-demo,.component-board{margin-top:28px;padding:22px 18px}.demo-toolbar{flex-direction:column;align-items:flex-start}.token-architecture{grid-template-columns:1fr}.token-architecture>li{padding:22px}.token-level,.token-swatch,.token-glyph,.sample-action{margin-bottom:17px}.token-architecture code,.token-architecture code+code,.token-architecture code+span{font-size:14px}.button-specimens{grid-template-columns:1fr 1fr;gap:24px 16px}.specimen-button{padding:11px 12px;font-size:14px}.input-specimens{grid-template-columns:1fr;gap:24px}.delivery-pipeline{grid-template-columns:1fr;gap:30px}.delivery-pipeline li:not(:last-child):after{content:"↓";top:auto;bottom:-25px;right:0}.case-metrics{grid-template-columns:1fr;gap:28px;padding:28px 0}.case-metrics>div{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:20px;display:grid}.case-metrics dt{letter-spacing:-2px;font-size:43px}.case-metrics dd{margin:0;font-size:14px}.case-section>.case-text-link,.case-visit{margin-left:0}.next-project{margin-top:65px;padding-top:25px}.next-project>a{gap:18px}.next-project img{width:82px;height:80px}.next-project strong{letter-spacing:-1px;font-size:27px}.next-arrow{font-size:24px}.case-footer{flex-wrap:wrap;gap:20px;margin-top:45px}.case-footer>span{width:100%}}@media (prefers-reduced-motion:reduce){.token-demo,.token-architecture>li,.next-arrow{transition:none}.next-project a:hover .next-arrow{transform:none}}