/* Keep the architectural photography close to its native resolution. */
.film-hero{width:min(100%,1440px);height: min(720px,calc(100svh - 100px));min-height:620px;max-height:720px;margin:0 auto}
.film-copy h1{font-size:clamp(42px,4.4vw,65px)}
.film-copy .eyebrow{margin-bottom:19px}
.film-philosophy{font-size:22px;margin-top:23px}
.film-intro{font-size:12px;margin-top:13px}
.film-actions{margin-top:20px}
.film-shade{background:linear-gradient(90deg,#0d1912a6,#0d19123b 47%,transparent 78%),linear-gradient(0deg,#0d1912b0,transparent 24%)}
.original-philosophy{padding-top:85px;padding-bottom:85px;align-items:center}
.original-philosophy h2{font-size:clamp(28px,3vw,42px)}
.original-philosophy p{max-width:590px;font-size:14px}
.projects-section{padding-bottom:85px}
.project-grid>.project-card:nth-child(even){margin-top:0}
.project-image{aspect-ratio:1.6}
.section-head h2{font-size:clamp(28px,3vw,40px)}
.original-process-head h2{font-size:clamp(28px,3vw,40px);line-height:1.45}
.principal-home{grid-template-columns:minmax(0,350px) minmax(0,1fr);justify-content:center;gap:75px;padding-top:25px;padding-bottom:90px;max-width:1200px}
.principal-home>img{width:100%;height:auto;max-height:410px;object-fit:cover;object-position:center;border-radius:2px}
.principal-home h2{font-size:29px}
.principal-home .architect-quote{font-size:21px;line-height:1.8;margin:24px 0}
.principal-summary{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:15px}
.page-intro{padding-top:65px;padding-bottom:45px}
.page-intro h1{font-size:clamp(38px,4.3vw,62px);line-height:1.3}
.office-philosophy{grid-template-columns:minmax(150px,.6fr) minmax(0,1.6fr);gap:75px;padding-top:25px;padding-bottom:75px}
.office-mark{max-width:230px;padding:20px;justify-self:center}
.office-philosophy h2{font-size:34px;margin-bottom:22px}
.office-philosophy p{font-size:14px;max-width:710px;margin-top:16px}
.original-profile{grid-template-columns:minmax(0,370px) minmax(0,1fr);gap:75px;padding-top:60px;padding-bottom:75px;border-top:1px solid var(--line)}
.original-profile .about-portrait{max-height:495px;width:100%;height:auto;object-fit:cover;border-radius:2px}
.original-profile h2{margin-top:0;font-size:34px}
.original-profile .timeline li{font-size:13px;padding:11px 0}
.original-profile .architect-quote{font-size:20px;margin-top:24px}
.brand-story{padding-top:0;padding-bottom:65px;border-top:0}
.brand-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.brand-details summary{list-style:none;cursor:pointer;font-size:17px;padding:24px 0;display:flex;justify-content:space-between;gap:20px}
.brand-details summary::-webkit-details-marker{display:none}
.brand-details summary>span{font-size:22px;color:var(--bronze)}
.brand-details[open] summary>span{transform:rotate(45deg)}
.brand-details-body{padding:15px 0 30px}
.brand-details .brand-board{max-width:880px;margin:auto}
.brand-details .brand-board-link{background:transparent}
@media(max-width:1000px){.film-copy h1{font-size:55px}.principal-home,.original-profile{gap:40px}.office-philosophy{gap:40px}.office-philosophy h2{font-size:29px}}
@media(max-width:700px){.film-hero{width:100%;height:620px;min-height:0;max-height:none}.film-copy{top:45%}.film-copy h1{font-size:clamp(37px,9.3vw,55px)}.film-philosophy{font-size:18px;margin-top:20px}.film-intro{font-size:11px}.film-copy .eyebrow{margin-bottom:19px}.film-shade{background:linear-gradient(90deg,#101d1599,#101d1538),linear-gradient(0deg,#101d15b3,transparent 26%)}.original-philosophy{padding-top:60px;padding-bottom:60px}.projects-section{padding-bottom:65px}.principal-home{grid-template-columns:1fr;gap:28px;padding-top:5px;padding-bottom:60px}.principal-home>img{width: min(100%,290px);max-height:365px;justify-self:center}.principal-home h2{font-size:27px}.principal-home .architect-quote{font-size:19px}.page-intro{padding-top:45px;padding-bottom:35px}.page-intro h1{font-size:37px}.office-philosophy{grid-template-columns:1fr;gap:25px;padding-top:0;padding-bottom:50px}.office-mark{display:none}.office-philosophy h2{font-size:28px}.original-profile{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:50px}.original-profile .about-portrait{width:min(100%,320px);max-height:425px;justify-self:center}.original-profile .architect-quote{font-size:18px}.brand-story{padding-bottom:50px}.brand-details summary{font-size:15px}}