/* Portfolio spreads: adjoining panels, intact imagery and deliberate negative space. */
.folio{background:#000}
.folio-spread{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 0;background:#000;color:#fff;margin:0 0 24px;align-items:start}
.col-2{grid-column:span 2}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}
.folio-image{margin:0;min-width:0;padding:0;display:flex;align-items:flex-start;justify-content:flex-end;background:transparent}
.folio-image:first-child{justify-content:flex-start}
.folio-image.edge-left{justify-content:flex-start}
.folio-image.edge-right{justify-content:flex-end}
.folio .folio-image img{display:block;width:auto;height:auto;max-width:100%;max-height:max(80px,calc(100svh - 180px));object-fit:contain;margin:0;transform:none}
.folio-title{background:#000;color:#fff;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(32px,4vw,70px);min-height:320px}
.folio-title h1{font-family:Faculty Glyphic,Arial,sans-serif;font-weight:450;font-size:clamp(32px,4.2vw,68px);letter-spacing:-.055em;line-height:1.05;margin:0 0 22px}
.folio-title .subtitle{font-size:12px;line-height:1.7;margin:0 0 28px;color:#ff4b24}
.folio-title .brief{font-size:12px;line-height:1.9;max-width:44ch;color:#ddd}
.folio-copy{display:flex;align-items:flex-end;min-width:0;padding:clamp(24px,3vw,48px)}
.folio-copy p{font-size:clamp(12px,1vw,15px);line-height:1.85;max-width:40ch;color:#ddd}
.folio-space{min-height:0}
.folio-copy{align-self:stretch}
.folio-jacket{margin-bottom:24px}
@media(max-width:700px){.folio-spread{grid-template-columns:1fr;margin-bottom:12px}.folio-spread>*{grid-column:1}.folio-space{display:none}.folio-title{padding:40px 6vw;min-height:0}.folio-title h1{font-size:42px}.folio-copy{padding:32px 6vw;min-height:0}.folio-copy p{font-size:14px;max-width:none}.folio .folio-image img{max-height:max(80px,calc(100svh - 160px))}.folio-jacket{margin-bottom:24px}}

/* Preserve white only within CAD images, without surrounding panel fills. */
@media(max-width:700px){.folio-spread{margin-bottom:24px}.folio-image.edge-left,.folio-image.edge-right{justify-content:flex-start}}
.folio-image img[src*="concepts-"],.folio-image img[src$="final-cad.webp"],.folio-image img[src$="track-jacket-centred.webp"]{background:#f1f1f1}

.folio-title .brief{font-size:clamp(12px,1vw,15px);line-height:1.85}
@media(max-width:700px){.folio-title .brief{font-size:14px}}