.project-filters{display:flex;flex-wrap:wrap;gap:12px;margin:35px 0 55px}.project-filters button{border:1px solid #a18a6255;padding:10px 22px;background:transparent;color:#142d3b;cursor:pointer}.project-filters button[aria-pressed=true]{background:#142d3b;color:#f7edda}.project-records{display:grid;gap:65px}.record{display:grid;grid-template-columns: .85fr 1.15fr;gap:6%;align-items:start;scroll-margin-top:35px}.record[hidden]{display:none}.record-image{height:310px;background:#f1f0eb;overflow:hidden}.record-image img{width:100%;height:100%;object-fit:contain}.record-copy h2{font-size:29px}.record-copy .eyebrow{margin:0 0 16px}.record-status{color:#94703b;font-size:12px;letter-spacing:1px}.record-copy details{margin-top:24px}.record-copy summary{cursor:pointer;color:#142d3b;font-size:13px}.record-copy p{font-size:14px}.project-type{height:100%;display:grid;place-items:center;color:#bca477;font:italic 35px 'Cormorant Garamond',serif;letter-spacing:4px;background:linear-gradient(130deg,#0b2231,#214455)}
@media(max-width:700px){.record{grid-template-columns:1fr;gap:24px}.record-image{height:260px}.record-copy h2{font-size:25px}.project-records{gap:50px}}
.detail-intro{padding-top:40px;padding-bottom:40px}.detail-intro .eyebrow{margin-top:40px}.detail-intro h1{font-size:clamp(30px,3.8vw,52px)}.detail-intro>p{max-width:950px}.detail-section{padding:35px 0 45px}.detail-section>p{max-width:950px}.detail-section h2{font-size:28px}.detail-work{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:25px}.detail-work b{font:32px 'Cormorant Garamond',serif;color:#a18a62}.detail-work h3{font-size:22px;margin-top:12px}.status-panel{padding:30px 35px;background:#a18a620b}.detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:25px}.detail-gallery figure{margin:0}.detail-gallery a{display:block;background:#f0efeb;height:330px;cursor:zoom-in}.detail-gallery img{width:100%;height:100%;object-fit:contain}.detail-gallery figcaption{font-size:12px;color:#687a82;margin-top:9px}.detail-next{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:45px 0 70px}.photo-dialog{border:0;background:#0b2231f5;color:white;width:94vw;max-width:1400px;height:90vh;padding:45px 65px;overflow:hidden}.photo-dialog::backdrop{background:#000b}.photo-dialog img{width:100%;height:calc(100% - 35px);object-fit:contain}.photo-dialog button{position:absolute;background:none;border:0;color:white;font-size:38px;cursor:pointer;padding:10px}.photo-close{right:8px;top:0}.photo-prev{left:8px;top:45%}.photo-next{right:8px;top:45%}.photo-count{text-align:center;color:#eee;margin:7px}.gallery-open:focus-visible{outline:2px solid #a18a62}
@media(max-width:700px){.detail-work{grid-template-columns:1fr;gap:20px}.detail-gallery{grid-template-columns:1fr 1fr;gap:15px}.detail-gallery a{height:230px}.detail-next{align-items:start;flex-direction:column}.photo-dialog{padding:45px 35px}.status-panel{padding:25px}.detail-section{padding-top:25px;padding-bottom:25px}}
.detail-photo-lead{display:flex;gap:20px;margin-bottom:28px}.detail-photo-lead figure{margin:0;flex:1;min-width:0;background:#efeee9}.detail-photo-lead a{display:block;height:340px}.detail-photo-lead img{width:100%;height:100%;object-fit:contain}.detail-photo-lead figcaption{padding:8px 14px;font-size:12px;color:#687a82}@media(max-width:700px){.detail-photo-lead{gap:12px}.detail-photo-lead a{height:210px}}
/* Larger, borderless source images, retaining their complete proportions. */
.record{grid-template-columns:1.1fr 1fr;gap:5%}.record-image{height:auto;background:transparent;overflow:visible}.record-image img{width:100%;height:auto;max-height:none;border:0;box-shadow:none}
.detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;align-items:start}.detail-gallery a,.detail-photo-lead a{height:auto;background:transparent}.detail-gallery img,.detail-photo-lead img{width:100%;height:auto;max-height:none;border:0;box-shadow:none}.detail-photo-lead{align-items:flex-start;gap:30px}.detail-photo-lead figure{background:transparent}.detail-photo-lead figcaption{padding:10px 0}.detail-gallery figure{background:transparent}
.photo-dialog{background:#fbfbf9;color:#142d3b;width:98vw;max-width:none;height:96vh;padding:40px 40px 20px;box-shadow:none}.photo-dialog::backdrop{background:#fbfbf9e8}.photo-dialog button,.photo-count{color:#142d3b}.photo-dialog img{border:0;box-shadow:none}
@media(max-width:700px){.record{grid-template-columns:1fr}.detail-gallery{grid-template-columns:1fr;gap:28px}.detail-photo-lead{display:block}.detail-photo-lead figure+figure{margin-top:25px}.detail-gallery a,.detail-photo-lead a,.record-image{height:auto}.photo-dialog{padding:45px 28px 15px}}
/* Editorial hierarchy: primary narrative left, supporting images right. */
.record{grid-template-columns:1.35fr .65fr;gap:7%}.record-copy{grid-column:1;grid-row:1}.record-image{grid-column:2;grid-row:1}.record-image img{max-height:340px;object-fit:contain;object-position:top right}
.project-editorial{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:8%;align-items:start;padding-bottom:40px}.project-narrative>.wrap{width:100%;max-width:none}.project-narrative .detail-section{padding-top:0;padding-bottom:40px}.project-narrative .detail-work{grid-template-columns:1fr;gap:26px}.project-narrative .detail-work article{position:relative;padding-left:50px}.project-narrative .detail-work b{position:absolute;left:0;top:0}.project-narrative .detail-work h3{margin-top:0}.project-narrative .status-panel{padding:25px;background:transparent}.project-narrative p{font-size:16px;line-height:2}.project-visuals h2{font-size:18px}.project-visuals>p{font-size:12px}.project-visuals .detail-gallery{grid-template-columns:1fr;gap:24px}.project-visuals .detail-gallery img{max-height:320px;object-fit:contain;object-position:left top}.project-visuals .detail-gallery figcaption{font-size:11px}.detail-intro{padding-bottom:45px}
@media(max-width:700px){.record{grid-template-columns:1fr}.record-copy,.record-image{grid-column:auto;grid-row:auto}.record-copy{order:0}.record-image{order:1}.project-editorial{grid-template-columns:1fr;gap:20px}.project-visuals .detail-gallery{grid-template-columns:1fr 1fr;gap:15px}.project-visuals .detail-gallery img{max-height:240px}.project-narrative p{font-size:14px}}
.more-project-photos{grid-column:1/-1}.more-project-photos summary{cursor:pointer;color:#94703b;padding:12px 0}.more-project-photos figure{margin-top:20px}
/* Transformer case study: narrative-led stages with visible source photography. */
.story-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:7%;align-items:start;padding:38px 0 58px}.story-copy h2{font-size:clamp(24px,2.5vw,34px);line-height:1.5;margin:18px 0 24px}.story-copy>p{font-size:17px;line-height:2}.story-copy dl{margin-top:32px}.story-copy dl>div{padding:12px 0}.story-copy dt{font-size:12px;color:#94703b;letter-spacing:2px;margin-bottom:8px}.story-copy dd{margin:0;font-size:16px;color:#142d3b}.story-photos{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px}.story-photos figure{margin:0;min-width:0}.story-photos a{display:block;background:transparent;cursor:zoom-in}.story-photos img{display:block;width:100%;height:230px;object-fit:contain;object-position:left center;border:0;box-shadow:none}.story-photos figcaption{font-size:12px;color:#687a82;padding-top:10px}.story-stage:first-child .story-photos{grid-template-columns:1fr 1fr}.story-stage:last-child{padding-bottom:20px}.story-stage:last-child .story-copy{grid-column:1/-1;max-width:850px}@media(max-width:700px){.story-stage{grid-template-columns:1fr;gap:24px;padding:25px 0 40px}.story-copy>p{font-size:15px}.story-photos img{height:190px}}
/* Compact case-study rhythm: consistent reading width and close image pairing. */
body:has(.project-records) main>.section.wrap{max-width:1200px;width:calc(100% - 80px)}
.project-records{gap:56px}.record{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center}.record-copy h2{font-size:clamp(24px,2.2vw,32px);line-height:1.45;margin:12px 0 16px}.record-copy .eyebrow{font-size:11px;margin:0 0 12px;letter-spacing:2px}.record-copy p{font-size:15px;line-height:1.85;margin:14px 0}.record-copy .record-status{font-size:12px}.record-copy .textlink{margin-top:16px}.record-image{width:100%;height:auto;align-self:center}.record-image img{display:block;width:100%;height:290px;max-height:none;object-fit:contain;object-position:center}.record-caption{display:block;font-size:11px;color:#687a82;margin-top:10px}.record:is(#energy,#asphalt) .record-image img{object-fit:cover}.project-type{display:none}
.transformer-story,.detail-intro:has(+.transformer-story){max-width:1200px;width:calc(100% - 80px)}.story-stage{gap:36px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);padding:30px 0 42px}.story-copy>p{font-size:16px;line-height:1.9}.story-copy h2{font-size:28px}.story-copy dl{margin-top:20px}.story-photos{gap:16px 12px}.story-photos img{height:220px}.story-stage:last-child{display:block;max-width:100%}.story-stage:last-child .story-copy{max-width:none}.story-stage:last-child dl{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-editorial{max-width:1200px;gap:36px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
@media(max-width:700px){body:has(.project-records) main>.section.wrap,.transformer-story,.detail-intro:has(+.transformer-story){width:calc(100% - 40px)}.record,.story-stage,.project-editorial{grid-template-columns:1fr;gap:24px}.record-copy,.record-image{grid-column:auto;grid-row:auto}.record-image img{height:260px}.project-records{gap:48px}.story-copy h2{font-size:24px}.story-photos img{height:190px}.story-stage:last-child dl{grid-template-columns:1fr;gap:0}}
.record{align-items:start}.record-image{align-self:start}.record-image img{object-position:left center}