/* Quarry & Beam: architectural publication, panoramic lead and asymmetric project index. */
[data-design="architecture"] .demo-site-header { border: 0; }
.architect-opening { padding: 36px 5vw 0; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,.65fr); gap: 32px 7vw; align-items: end; }
.architect-title>p { font-size: .72rem; margin: 0 0 24px; }
[data-design="architecture"] .architect-title h1 { max-width: 16ch; font-size: clamp(3.5rem,6.3vw,7rem); }
.architect-caption { padding-bottom: 8px; }
.architect-drawing { grid-column: 1/-1; }
.architect-drawing .brand-photo { height: 480px; object-fit: cover; }
.architect-folio { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,.65fr); }
[data-design="architecture"] .architect-folio .brand-services { padding-right: 4vw; }
[data-design="architecture"] .folio article { display: grid; grid-template-columns: 35px minmax(0,1fr); gap: 0 24px; border-top: 1px solid var(--color-rule); padding: 30px 0; }
.folio article p { grid-column: 2; }
.architect-folio .brand-about { background: var(--color-surface); padding: 60px 3vw; }
.architect-folio .brand-about h2 { font-size: 2rem; }
.architect-folio .brand-gallery { grid-template-columns: minmax(0,1fr); }
[data-design="architecture"] .brand-process ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; border-top: 1px solid var(--color-rule); }
[data-design="architecture"] .brand-contact { background: var(--color-ink); color: var(--color-paper); }
@media(max-width:760px){.architect-opening,.architect-folio { grid-template-columns: minmax(0,1fr); }.architect-drawing .brand-photo { height: 300px; }[data-design="architecture"] .brand-process ol { grid-template-columns: minmax(0,1fr); }.architect-folio .brand-about { padding:48px 6vw; }}