@layer reset,base;@layer components{.cases-hero{position:relative}.cases-hero .intro{max-width:660px}.cases-hero .text-link{margin-top:24px}.cases-hero-line{width:42%;color:var(--blue);opacity:.12;pointer-events:none;position:absolute;inset-block-end:8%;inset-inline-end:2%}.case-gallery [hidden]{display:none!important}.case-gallery-heading{margin-bottom:30px}.case-gallery-heading h2{font-size:clamp(2.6rem,4vw,4rem)}.case-filters{flex-wrap:wrap;gap:10px;margin-block:24px;display:flex}.case-filter{border:1px solid var(--line);color:var(--ink);background:#fff;min-height:44px;padding:10px 18px;font-size:.84rem}.case-filter[aria-pressed=true]{border-color:var(--blue);background:var(--blue);color:#fff}.case-status,.case-note{color:var(--muted);font-size:.84rem;line-height:1.7}.case-status{margin-bottom:24px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.case-card{border:1px solid var(--line);background:#fff;overflow:hidden}.case-card-photos{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.case-photo{background:#f1f4f7;flex-direction:column;min-width:0;display:flex}.case-photo img{aspect-ratio:4/3;object-fit:contain;background:#f1f4f7;width:100%}.case-photo figcaption{text-transform:uppercase;letter-spacing:.12em;color:var(--ink);border-top:1px solid var(--line);background:#fff;padding:10px 14px;font-size:.72rem}.case-card-copy{padding:28px}.case-card-copy h3{font-family:var(--display);margin-block:14px 12px;font-size:1.85rem}.case-card-copy p:not(.eyebrow){color:var(--muted);font-size:.86rem}.case-card-copy .case-meta{margin-bottom:14px}.case-view{border:0;border-bottom:1px solid var(--line);color:var(--blue);text-align:start;background:0 0;min-height:44px;margin-top:22px}.case-more{margin-top:32px}.case-note{max-width:900px;margin-top:26px}.case-empty{border:1px solid var(--line);background:var(--soft);grid-template-columns:150px minmax(0,1fr);align-items:center;gap:40px;padding:45px;display:grid}.case-empty svg{color:var(--blue);width:150px}.case-empty h3{font-family:var(--display);margin-block:14px;font-size:2.3rem}.case-empty p{color:var(--muted);max-width:650px;font-size:.95rem}.case-empty .text-link{margin-top:22px}.case-load-error{border:1px solid var(--line);background:var(--soft);padding:clamp(26px,4vw,45px)}.case-load-error h3{font-family:var(--display);margin-bottom:18px;font-size:clamp(1.8rem,4vw,2.3rem)}.case-load-error p{color:var(--muted);max-width:650px;font-size:.95rem}.case-retry-actions{flex-wrap:wrap;align-items:center;gap:20px 30px;margin-top:24px;display:flex}.case-retry-actions .button:disabled{cursor:wait;opacity:.7}.cases-principles{padding-block:10px 100px}.case-dialog{border:1px solid var(--line);width:min(1100px,100vw - 40px);max-height:90dvh;color:var(--ink);background:#fff;padding:30px;overflow:auto}.case-dialog::backdrop{background:#172d56bb}.case-dialog-top{z-index:1;background:#fff;justify-content:space-between;align-items:center;gap:24px;padding-block:8px 18px;display:flex;position:sticky;top:-30px}.case-close{border:1px solid var(--line);min-height:44px;color:var(--ink);white-space:nowrap;background:#fff;padding:10px 18px}.case-dialog h2{margin-block:16px;font-size:clamp(2rem,4vw,3.6rem)}.case-dialog-meta,.case-dialog-description{color:var(--muted);margin-block:18px;font-size:.92rem}.case-dialog-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.case-dialog-photos img{max-height:55dvh}.case-photo-placeholder{aspect-ratio:4/3;text-align:center;color:var(--muted);background:repeating-linear-gradient(135deg,#edf3ff 0 20px,#e7eef8 20px 21px);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.case-photo-placeholder span{font-family:var(--display);color:var(--ink);font-size:1.45rem}.case-photo-placeholder small{font-size:.75rem}.case-photo-error{color:var(--muted);padding:25px;font-size:.85rem}}@layer responsive{@media (width<=900px){.case-grid{gap:20px}.case-card-copy{padding:22px}.case-empty{grid-template-columns:90px minmax(0,1fr);gap:25px;padding:32px}.case-empty svg{width:90px}}@media (width<=650px){.case-grid{grid-template-columns:1fr}.case-empty{grid-template-columns:1fr;padding:26px}.case-empty svg{width:110px}.case-empty h3{font-size:2rem}.case-dialog{width:calc(100vw - 24px);padding:20px}.case-dialog-top{gap:12px;top:-20px}.case-dialog-top .eyebrow{font-size:.6rem}.case-dialog-photos{grid-template-columns:1fr;gap:16px}.case-dialog-photos img{max-height:50dvh}.cases-principles{padding-bottom:70px}}}@layer signature;