/* A decorative layer below the site, never an input target. */
body{isolation:isolate}
/* The artwork stays fixed. There is no animated decorative layer. */
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url('/assets/finite-element-background.webp') center/cover no-repeat;opacity:.16;animation:none;transition:none;transform:none}
/* Keep the name an introduction, rather than the dominant graphic. */
.intro h1{font-size:clamp(36px,3.5vw,48px);font-weight:550;line-height:1.15;letter-spacing:-.035em}
.intro-copy .eyebrow{margin-bottom:20px}
.intro-lead{margin-top:23px}
.intro-fields{font-size:clamp(17px,1.45vw,21px);line-height:1.7;margin-top:18px;letter-spacing:-.015em;text-wrap:balance;color:var(--muted)}
.intro-fields .divider{color:var(--terra-ink);padding-inline:4px}
.intro-fields .field{white-space:nowrap}
@media(max-width:480px){.intro-fields .field{display:block}.intro-fields .divider{display:none}}
.collection-bar span{color:var(--muted)}
.validation-list .validation-type{color:var(--muted)}
.site-footer nav{align-items:center}
/* Translucent surfaces keep all live text at full opacity. */
.project-card{background:rgba(26,26,29,.78);border-color:#555157;transition:background-color .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}
.project-card .card-visual{background:transparent}
.project-card .card-visual img{opacity:.94;transition:opacity .2s var(--ease);transform:none}
.project-card:hover,.project-card:focus-within,.project-card:active{background:#1a1a1d;border-color:#b39787;box-shadow:0 0 0 1px #e2a0821c,0 12px 32px #0003,inset 0 1px 0 #f1eee81a;transform:none}
.project-card:hover .card-visual img,.project-card:focus-within .card-visual img,.project-card:active .card-visual img{opacity:1;transform:none}
@media(max-width:800px){body:before{opacity:.11}.intro h1{font-size:40px}.site-footer nav{gap:12px 20px}}
@media(max-width:400px){.intro h1{font-size:36px}}
@media(forced-colors:active){body:before{display:none!important}.project-card,.project-card:hover,.project-card:focus-within{background:Canvas}.project-card .card-visual img{opacity:1}}
@media print{body:before{display:none!important}.intro h1{font-size:32px}.project-card{background:white;box-shadow:none}.project-card .card-visual img{opacity:1}}