.preview-media{display:block;overflow:hidden;background:#f8f9fc;border-radius:0 24px 24px 24px} .preview-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain} .preview-page .page-hero--preview{background:#f8f9fc;color:#263047;border-radius:0;padding-bottom:4rem} .page-hero--preview h1{text-shadow:none;color:#263047} .page-hero--preview .breadcrumbs a{color:#465371;border-color:#a1aac1} .page-hero__preview{margin:3rem 0 0;max-width:80rem} .page-hero__preview figcaption{font:1.2rem/1.5 Arial,sans-serif;color:#647087;margin-top:.8rem} .case-card.case-card--preview{grid-template-columns:minmax(0,1fr);align-content:start;gap:2rem;padding:1.8rem} .case-card--preview .case-card__media{width:100%;min-width:0} .case-card--preview .case-card__body{min-width:0} .case-card--preview .case-card__media img{border-radius:0} .portfolio .card .preview-media{width:100%;margin-bottom:1rem} .portfolio .card .preview-media img{width:100%;height:auto;margin:0;border-radius:0;object-fit:contain} .portfolio .card:focus-visible{outline:3px solid #7155af;outline-offset:5px} .project-stories{padding-bottom:6rem}.project-stories .case-card h3 a{color:inherit} .preview-home{max-width:112rem;margin:4rem auto;padding:0 2rem}.preview-home figure{margin:0} @media(min-width:960px){.page-hero--preview .page-hero__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:4rem;align-items:center}.page-hero__preview{margin:0}.page-hero--preview h1{font-size:clamp(3.4rem,4vw,5.6rem)}} @media(prefers-reduced-motion:reduce){.preview-page *{scroll-behavior:auto!important}}