.project-detail{background:radial-gradient(ellipse at 92% 9%,#12374277,transparent 42%),var(--navy)}
.project-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,5vw,80px);padding:50px var(--gutter) 72px;align-items:center}
.project-kicker{font:600 10px/1.8 Montserrat,Arial,sans-serif;letter-spacing:.16em;color:var(--cyan);margin-bottom:20px}
.project-intro h1{font-size:clamp(29px,3.1vw,44px);font-weight:500;line-height:1.5;margin:0 0 24px;text-wrap:balance}
.project-summary{font-size:16px;line-height:1.95;color:var(--muted);margin-bottom:30px}
.project-cover{margin:0;position:relative;padding:11px;border:1px solid #3d6976;background:linear-gradient(135deg,#17384666,#071a2588);box-shadow:0 20px 60px #0003}
.project-cover:before{content:"";position:absolute;left:20%;right:20%;top:-1px;height:1px;background:var(--cyan);box-shadow:0 0 20px #64e5dc66;pointer-events:none}
.project-cover img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#06131a;display:block}
.project-cover figcaption{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:10px;line-height:1.8;padding:14px 5px 3px}
.project-cover figcaption span{white-space:nowrap;color:var(--cyan)}
.project-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:64px var(--gutter);border-block:1px solid var(--border)}
.project-story h2,.project-next h2,.project-section-heading h2{font-size:clamp(25px,2.6vw,34px);line-height:1.6;font-weight:500}
.project-story h2 em{color:var(--cyan);font-style:normal}
.project-facts{margin:0}.project-facts>div{padding:0 0 23px;margin-bottom:23px;border-bottom:1px solid var(--border)}.project-facts>div:last-child{margin:0;border:0;padding-bottom:0}
.project-facts dt{font-size:11px;color:var(--cyan);margin-bottom:10px;letter-spacing:.07em}.project-facts dd{margin:0;color:var(--muted);font-size:15px;line-height:1.9}
.project-photographs{padding:64px var(--gutter);scroll-margin-top:110px}.project-section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.project-section-heading .project-kicker{margin-bottom:9px}.project-section-heading>span{color:var(--muted);font:500 10px/1.8 Montserrat,sans-serif;white-space:nowrap}
.project-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-photo-grid button{position:relative;overflow:hidden;background:#0a202b;border:1px solid #294956;padding:7px;cursor:pointer;min-width:0;transition:border-color .2s,transform .3s}
.project-photo-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#06131a}.project-photo-grid button>span{position:absolute;bottom:13px;right:13px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #7ce6dc66;border-radius:50%;background:#061922cc;color:var(--cyan)}
.project-photo-grid button:hover{transform:translateY(-3px);border-color:var(--cyan)}.project-photo-grid button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.project-next{padding:56px var(--gutter) 72px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;border-top:1px solid var(--border)}.project-next p:not(.project-kicker){color:var(--muted);line-height:1.9;margin:18px 0 26px}.project-next nav{display:grid;gap:10px}.project-next nav a{padding:20px;border:1px solid var(--border);font-size:13px;color:var(--muted)}.project-next nav a:hover{border-color:var(--cyan);color:var(--cyan)}
.gallery-project-detail-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 4px;color:var(--cyan);font-size:12px;border-bottom:1px solid var(--border)}.gallery-project-detail-link:hover{color:#e0fffa}.gallery-project-entry{display:grid;grid-template-rows:1fr auto;grid-column:span 3;grid-row:span 1;min-width:0;min-height:0}.gallery-project-entry:first-child{grid-column:span 6;grid-row:span 2}.gallery-project-entry .gallery-project{width:100%;height:100%;grid-column:auto;grid-row:auto;min-height:0}
@media(max-width:800px){.project-hero,.project-story{gap:32px}.project-hero{padding-top:35px}.project-intro h1{font-size:29px}.project-summary{font-size:14px}.project-next{gap:30px}.project-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.project-hero,.project-story,.project-next{grid-template-columns:1fr;padding-top:34px;padding-bottom:40px}.project-hero{gap:36px}.project-photographs{padding-top:40px;padding-bottom:40px}.project-photo-grid{gap:10px}.project-photo-grid button{padding:4px}.project-section-heading{align-items:start;gap:12px}.project-section-heading>span{font-size:9px}.project-section-heading h2{font-size:25px}.project-summary{line-height:1.9}.project-cover figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.project-photo-grid button{transition:none}.project-photo-grid button:hover{transform:none}}


@media(max-width:800px){.gallery-project-entry{grid-column:auto;grid-row:auto}.gallery-project-entry:first-child{grid-column:span 2;grid-row:auto}}@media(max-width:520px){.gallery-project-entry:first-child{grid-column:auto}}
