/* Project detail heroes only. Homepage and overview CSS remain unchanged. */
.project-hero{--hero-cream:#eee9df;--hero-ink:#202323;color:var(--hero-ink)}
.project-hero *{box-sizing:border-box}
.project-hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(44px,5.3vw,82px);line-height:.95;letter-spacing:-.02em;margin:0;text-wrap:balance;overflow-wrap:break-word}
.project-hero .hero-kicker{font-family:'Barlow',sans-serif;font-size:12px;letter-spacing:.14em;line-height:1.6;margin:0 0 14px;color:#bd5c35;text-transform:uppercase}
.project-hero p.hero-summary{text-wrap:balance;font-family:'Barlow',sans-serif;font-weight:400;font-size:clamp(18px,1.5vw,23px);line-height:1.55;max-width:760px;margin:0}
.project-hero .hero-image-link{display:block;min-width:0;position:relative;color:inherit;overflow:hidden}
.project-hero .project-hero-image{display:block;width:100%;height:auto;max-width:100%;margin:0}
.project-hero .hero-image-link:focus-visible{outline:4px solid #df804d;outline-offset:4px}
.project-hero .hero-caption{position:static;inset:auto;display:block;color:inherit;font:11px/1.5 'Barlow',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:14px 0 0}
.project-hero .hero-preserved-photo[hidden]{display:none!important}
.project-scene{background:var(--hero-ink);padding-top:30px}
.project-scene-frame{position:relative;max-width:1440px;margin:auto;isolation:isolate}
.project-scene-frame>.hero-image-link{aspect-ratio:var(--scene-ratio,2.2)}
.project-scene-frame>.hero-image-link .project-hero-image{height:100%;object-fit:cover;object-position:50% var(--scene-y,50%)}
.project-scene-title{position:absolute;z-index:1;left:clamp(24px,4.2vw,64px);bottom:clamp(24px,4vw,56px);max-width:var(--title-width,65%);color:var(--hero-cream);pointer-events:none;text-shadow:0 2px 20px #0008}
.project-scene-title .hero-kicker{color:#ffac79}
.project-scene-frame:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#101717b3);pointer-events:none}
.project-scene-top .project-scene-title{bottom:auto;top:clamp(24px,4vw,56px)}
.project-scene-top .project-scene-frame:after{inset:0 0 45%;background:linear-gradient(#101717a8,transparent)}
.project-scene-above .project-scene-title{position:relative;left:auto;bottom:auto;max-width:1100px;padding:24px clamp(24px,4.2vw,64px) 32px;text-shadow:none}
.project-scene-above .project-scene-frame:after{display:none}
.project-scene-intro p.hero-summary{max-width:960px}
.project-scene-intro{background:var(--hero-cream);padding:34px max(24px,calc((100% - 1312px)/2)) 40px}
.project-object{background:var(--hero-cream);padding:clamp(36px,5vw,72px) max(24px,calc((100% - 1312px)/2));display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
.project-object-copy{max-width:580px}
.project-object-copy .hero-summary{margin-top:28px!important}
.project-object-media{margin:0;justify-self:end;width:min(100%,var(--object-width,540px))}
.project-object-media .project-hero-image{object-fit:contain}
.project-pair{background:var(--hero-cream);padding:clamp(36px,5vw,72px) max(24px,calc((100% - 1312px)/2)) 40px}
.project-pair-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end;margin-bottom:32px}
.project-pair-images{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);gap:20px;align-items:stretch}
.project-pair-images figure{margin:0;min-width:0}
.project-pair-primary>.hero-image-link{aspect-ratio:1.5;background:#252827}
.project-pair-primary .project-hero-image{height:100%;object-fit:contain}
.project-pair-secondary>.hero-image-link{height:calc(100% - 31px);min-height:180px}
.project-pair-secondary .project-hero-image{position:absolute;inset:0;height:100%;object-fit:cover;object-position:50% 50%}
@media(min-width:901px){.project-scene-right .project-scene-title{left:auto;right:clamp(24px,4.2vw,64px);text-align:right}}
@media(max-width:900px){
.project-hero h1{font-size:clamp(44px,8vw,70px)}
.project-scene{padding-top:0}
.project-scene-title,.project-scene-top .project-scene-title,.project-scene-above .project-scene-title{position:relative;left:auto;top:auto;bottom:auto;max-width:none;padding:32px 24px;text-shadow:none}
.project-scene-frame:after{display:none}
.project-scene-frame>.hero-image-link{aspect-ratio:auto}
.project-scene-frame>.hero-image-link .project-hero-image{height:auto;object-fit:contain}
.project-scene-intro{padding:28px 24px 32px}
.project-object{grid-template-columns:1fr;padding:36px 24px;gap:32px}
.project-object-media{width:min(90%,var(--object-mobile-width,520px))}
.project-pair{padding:36px 24px}
.project-pair-heading{grid-template-columns:1fr;gap:24px}
.project-pair-images{grid-template-columns:1fr;gap:24px}
.project-pair-primary>.hero-image-link{aspect-ratio:auto}
.project-pair-primary .project-hero-image{height:auto;object-fit:contain}
.project-pair-secondary>.hero-image-link{height:auto;min-height:0;aspect-ratio:1.8}
}
@media(prefers-reduced-motion:reduce){.project-hero *{scroll-behavior:auto}}