.proj-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:72px;padding-top:56px;padding-bottom:80px;display:grid}.proj-wide .proj-hero{grid-template-columns:1fr;gap:56px}.proj-wide .proj-copy{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;column-gap:72px;display:grid}.proj-wide .proj-copy>:not(.proj-facts){grid-column:1}.proj-wide .proj-facts{grid-area:1/2/span 3;align-self:end;margin-top:0}.proj-logo{object-fit:contain;object-position:left;width:auto;max-width:240px;height:44px;margin-bottom:32px}.proj .proj-hero h1{text-wrap:balance;max-width:17ch;margin-bottom:28px;font-size:clamp(38px,4.4vw,60px);line-height:1}.proj-facts{border-top:1px solid var(--industry-hairline-strong);grid-template-columns:repeat(2,minmax(0,max-content));gap:20px 48px;margin:40px 0 0;padding-top:24px;display:grid}.proj-facts div{align-content:start;gap:6px;display:grid}.proj-facts dt{color:var(--industry-muted);font-size:13px}.proj-facts dd{color:var(--industry-ink);margin:0;font-size:15px;font-weight:700}.proj-marks{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.proj-marks li{border:1px solid var(--industry-hairline-strong);background:#fff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.proj .sc-featured{width:100%}.proj .sc-featured.is-portrait{width:min(400px,100%)}.proj .proj-work{padding-top:0}.proj .proj-work h2{max-width:none;margin-bottom:40px}.proj-grid{align-items:stretch;gap:18px;display:flex}.proj-grid>div{flex-direction:column;flex:1 1 0;gap:18px;min-width:0;display:flex}.proj-tile{border-radius:var(--r-lg);background:var(--gray-200);overflow:hidden}.proj-tile button{cursor:zoom-in;width:100%;height:100%;padding:0;display:block}.proj-tile:has(button:focus-visible){outline:2px solid var(--industry-ink);outline-offset:3px}.proj-grid img,.proj-grid video{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease);display:block}.proj-tile button:is(:hover,:focus-visible) :is(img,video){transform:scale(1.03)}.proj-related{border-top:1px solid var(--industry-hairline);padding-top:44px;padding-bottom:64px}.proj .proj-related h2{max-width:none;margin-bottom:28px}.proj-related ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.proj-related a{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);min-height:96px;transition:background .2s var(--ease),border-color .2s var(--ease);align-items:center;padding:18px 16px;display:flex}.proj-related a:hover{background:var(--gray-200);border-color:#0000}.proj-related a:focus-visible{outline:2px solid var(--industry-ink);outline-offset:3px}.proj-related img{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:28px;display:block}.proj-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.proj-actions .industry-button{margin-top:0}.proj-button-outline{border:1px solid var(--industry-ink);color:var(--industry-ink)}.proj-button-outline:hover{background:var(--industry-ink);color:#fff}@media (max-width:900px){.proj-hero{grid-template-columns:1fr;gap:44px;padding-top:40px;padding-bottom:56px}.proj-wide .proj-copy{display:block}.proj-wide .proj-facts{margin-top:40px}.proj-grid,.proj-grid>div{gap:12px}.proj-related ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.proj-facts{grid-template-columns:1fr 1fr;gap:20px 24px}.proj-related ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.proj-related a{min-height:80px;padding:16px 14px}}@media (prefers-reduced-motion:reduce){.proj-grid img,.proj-grid video{transition:none}}
