.prj{padding-block:var(--sp-6) var(--sp-16);display:grid;grid-gap:var(--sp-10);gap:var(--sp-10)}.prj__hero{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--surface-sunken);aspect-ratio:16/9;max-height:300px;width:100%;box-shadow:var(--shadow-md)}@media (min-width:720px){.prj__hero{aspect-ratio:auto;height:300px}}.prj__hero-scrim{position:absolute;inset:0;background:var(--scrim-hero)}.prj__hero-body{position:absolute;inset-inline:0;bottom:0;padding:var(--sp-6);color:var(--white);display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}@media (min-width:720px){.prj__hero-body{padding:var(--sp-8)}}.prj__title{margin:0;font-size:var(--fs-h1);line-height:var(--lh-tight);color:var(--white);max-width:22ch}.prj__where{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin:0;font-size:var(--fs-body);color:var(--sand-100)}.prj__where span{white-space:nowrap}.prj__roles{gap:var(--sp-2);margin-top:var(--sp-1)}.prj__facts,.prj__roles{display:flex;flex-wrap:wrap}.prj__facts{list-style:none;margin:0;padding:0;gap:var(--sp-3)}.prj__facts li{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-subtle);border-radius:var(--r-pill);background:var(--surface-card);font-size:var(--fs-body-sm);color:var(--text-body)}.prj__facts strong{color:var(--navy-800);font-weight:var(--fw-medium)}.prj__section{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}.prj__section h2{margin:0;font-size:var(--fs-h3);color:var(--navy-800)}.prj__lead{margin:0;max-width:70ch;color:var(--text-muted);font-size:var(--fs-body-sm);line-height:var(--lh-body)}.prj__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}@media (min-width:900px){.prj__gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.prj__shot{position:relative;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-sunken);padding:0;border:0;cursor:pointer;display:block;width:100%}.prj__shot:focus-visible{outline:2px solid var(--teal-600);outline-offset:3px}.prj__shot-zoom{position:absolute;inset-block-start:var(--sp-2);inset-inline-end:var(--sp-2);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(11,31,81,.62);color:#fff;opacity:0;transition:opacity .14s ease;pointer-events:none}.prj__shot:focus-visible .prj__shot-zoom,.prj__shot:hover .prj__shot-zoom{opacity:1}.prj__more{justify-self:start;display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);padding:var(--sp-3) var(--sp-5);border:1px solid var(--border-default);border-radius:var(--r-pill);background:var(--surface-card);font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--ink-800);cursor:pointer}.prj__more:hover{border-color:var(--teal-600);color:var(--teal-700)}.prj__more:focus-visible{outline:2px solid var(--teal-600);outline-offset:2px}@media (prefers-reduced-motion:reduce){.prj__shot-zoom{transition:none}}.prj__pros{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-gap:var(--sp-5);gap:var(--sp-5)}.prj__story{background:var(--surface-sunken);border-radius:var(--r-lg);padding:var(--sp-6);display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}.prj__story p{margin:0;max-width:70ch;line-height:var(--lh-body);color:var(--text-body);white-space:pre-line}.prj__story-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.prj__rail{display:flex;gap:var(--sp-5);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--sp-3);scrollbar-width:thin}.prj__rail-item{flex:0 0 min(88vw,340px);scroll-snap-align:start}.prj__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.prj__room{margin-top:var(--sp-6)}.prj__room:first-of-type{margin-top:var(--sp-4)}.prj__room-title{margin:0 0 var(--sp-3);font-size:var(--fs-body-lg);font-weight:var(--fw-medium);color:var(--navy-800)}.prj__styles{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);font-size:var(--fs-body-sm);color:var(--ink-700)}.prj__style{padding:4px var(--sp-3);border-radius:var(--r-pill);background:var(--teal-050);color:var(--teal-800);font-weight:var(--fw-medium);text-decoration:none}.prj__style:hover{background:var(--teal-100);text-decoration:none}.prj__story-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-gap:var(--sp-5);gap:var(--sp-5)}.prj__story-cols h3{margin:0 0 var(--sp-2);font-size:var(--fs-body);color:var(--ink-900)}