/* Architecture / a project journal with typographic directory and alternating spreads. */
.site-header{padding-top:35px;padding-bottom:35px}.brand{font-family:var(--sans);font-size:24px;letter-spacing:-1px;font-weight:700}.hero{grid-template-columns:.7fr 1.3fr;gap:10%;align-items:start;padding-top:65px;padding-bottom:90px}.hero-copy{padding-top:35px}.hero h1{font-family:var(--serif);font-size:clamp(54px,5.4vw,78px);line-height:1.07}.hero .intro{font-size:15px}.hero .visual{height:620px}.hero .button{background:transparent;color:var(--ink);border-width:0 0 1px;padding-left:0;padding-right:0;min-height:44px}.hero .hero-actions{gap:18px}.services .section-head{display:block}.services .section-head>p{margin-top:25px;max-width:550px}.services{padding-top:20px;border-top:1px solid var(--line)}.gallery{background:#e4e7e0}.project-sequence{display:block}.project-sequence .gallery-item{display:grid;grid-template-columns:1.5fr .6fr;gap:0 6%;width:100%;padding-bottom:70px;align-items:start;text-align:left}.project-sequence .gallery-item img{grid-row:1/3;aspect-ratio:1.65/1;width:100%;height:auto}.project-sequence .gallery-item .project-caption{font-family:var(--serif);font-size:32px;line-height:1.3;border-top:1px solid var(--line);padding:18px 0}.project-sequence .gallery-item .project-description{align-self:start}.project-sequence .gallery-item:nth-child(2){grid-template-columns:.6fr 1.5fr}.project-sequence .gallery-item:nth-child(2) img{grid-column:2}.project-sequence .gallery-item:nth-child(2) span{grid-column:1}.project-sequence .gallery-item:last-child{padding-bottom:0}.about{display:block;max-width:1100px;margin:auto}.about-head{display:grid;grid-template-columns:1fr 1fr;gap:0 8%}.about-head .kicker{grid-column:1/-1}.about-head>p:not(.kicker){margin-top:0}.process{display:flex;gap:30px;margin-top:50px}.process article{flex:1;display:block}.process h3{margin:18px 0}.design-consultation{grid-template-columns:.85fr 1.15fr}.faq{background:#e9ece5}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:35px;padding-top:25px;padding-bottom:55px}.hero-copy{padding-top:0}.hero h1{font-size:58px}.hero .visual{height:400px}.project-sequence .gallery-item,.project-sequence .gallery-item:nth-child(2){display:block;padding-bottom:40px}.project-sequence .gallery-item img{aspect-ratio:4/3}.project-sequence .gallery-item .project-caption{font-size:25px}.about-head{display:block}.about-head>p:not(.kicker){margin-top:22px}.process{display:block;margin-top:30px}.design-consultation{grid-template-columns:1fr}}