:root{--paper:#f0efeb;--ink:#292c29;--accent:#787467}html{scroll-behavior:auto}.arch-hero{display:grid;grid-template-columns:48% 52%;min-height:690px}.arch-hero-copy{padding:65px 9% 38px 12%;display:flex;flex-direction:column;align-items:flex-start}.arch-hero h1{font-size:clamp(54px,5.8vw,90px);line-height:1.05;letter-spacing:-.055em;margin:30px 0}.arch-hero h1 em{color:#767267}.arch-lead{font-size:16px;line-height:1.8;max-width:410px;color:#646860}.arch-hero-copy>.text-link{margin-top:26px}.arch-tags{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:9px;letter-spacing:.08em;margin-top:auto;padding-top:55px;color:#73786e}.arch-hero-photo{margin:0;position:relative;min-width:0}.arch-hero-photo>img{width:100%;height:100%;max-height:780px;object-fit:cover;object-position:center}.arch-hero-photo figcaption{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:white;background:#222820a6;padding:12px;letter-spacing:.07em}.arch-intro{padding:105px 7%;border-bottom:1px solid var(--line)}.arch-intro h2{font-size:clamp(38px,4.2vw,65px);margin:30px 0}.arch-intro>div{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-left:35%}.arch-intro p:not(.eyebrow){font-size:15px;line-height:1.85;color:#687066}.arch-projects,.arch-services{padding:90px 7%}.arch-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.arch-section-head h2{font-size:clamp(42px,4.8vw,70px);margin-top:22px}.arch-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 35px}.arch-project figure{margin:0;overflow:hidden}.arch-project figure img{display:block;width:100%;height:570px;object-fit:cover;transition:transform .4s}.arch-project:hover figure img{transform:scale(1.02)}.arch-project h3{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:22px 0 10px}.arch-project>div>span{font-size:10px;letter-spacing:.1em;color:#696f64}.arch-project-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;background:#e5e3db}.arch-project-wide>div{padding:70px 12%;align-self:center}.arch-project-wide h3{font-size:42px;line-height:1.15;margin:25px 0}.arch-project-wide p:not(.eyebrow){font-size:15px;line-height:1.8;margin-bottom:25px;color:#686d62}.arch-proof{font-size:11px;color:#788073;margin-top:28px}.arch-services{background:#343b35;color:#eeeae1}.arch-services em{color:#c3b99f}.arch-services .eyebrow{color:#bfc7b8}.arch-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.arch-service-grid article{border-top:1px solid #6b7366;padding-top:28px;display:flex;flex-direction:column;align-items:start}.arch-service-grid article>span{font-size:12px;color:#b1baa9}.arch-service-grid h3{font:34px/1.18 Georgia,serif;margin:30px 0 22px}.arch-service-grid p{color:#c2c9bb;font-size:14px;line-height:1.9;margin-bottom:30px}.arch-service-grid .text-link{margin-top:auto;color:#eeeae1;border-color:#aab29f;font-size:13px}.arch-process{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding:100px 7%}.arch-process h2{font-size:clamp(40px,4.5vw,64px);margin:25px 0 35px}.arch-process ol{list-style:none;margin:0;padding:0}.arch-process li{display:flex;gap:30px;padding:25px 0;border-top:1px solid var(--line)}.arch-process li>span{font-size:12px;color:#7a8073;padding-top:6px}.arch-process h3{font:27px Georgia,serif;margin:0 0 12px}.arch-process p{font-size:14px;line-height:1.8;color:#6e7569}.arch-studio{display:grid;grid-template-columns:1fr 1fr;background:#e8e5dd}.arch-studio>img{height:650px;width:100%;object-fit:cover;object-position:center}.arch-studio>div{padding:70px 12%;align-self:center}.arch-studio h2{font-size:clamp(37px,4vw,60px);margin:30px 0}.arch-studio p:not(.eyebrow){font-size:15px;line-height:1.85;color:#687064;margin-bottom:20px}.arch-home-bridge{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:65px 7%;border-bottom:1px solid var(--line)}.arch-home-bridge h2{font-size:42px;margin:20px 0}.arch-home-bridge p:not(.eyebrow){font-size:14px;color:#72786c;line-height:1.7}.arch-home-bridge .button{flex-shrink:0}.arch-contact{padding:100px 7%;text-align:center}.arch-contact h2{font-size:clamp(40px,5vw,76px);margin:30px 0 40px}.arch-contact>div{display:flex;align-items:center;justify-content:center;gap:35px}.arch-contact>p:last-child{font-size:10px;letter-spacing:.13em;margin-top:35px}.footer-brand img{height:auto;object-fit:contain}
@media(max-width:1000px){.arch-hero{min-height:570px}.arch-hero-copy{padding:45px 8% 30px 10%}.arch-hero h1{font-size:57px}.arch-intro>div{margin-left:15%;gap:35px}.arch-project figure img{height:430px}.arch-service-grid{gap:25px}.arch-service-grid h3{font-size:29px}.arch-studio>div{padding:45px 9%}}
@media(max-width:650px){.arch-hero{grid-template-columns:1fr}.arch-hero-copy{padding:38px 7%}.arch-hero h1{font-size:clamp(47px,12vw,68px);margin:22px 0}.arch-hero .eyebrow{font-size:10px}.arch-tags{padding-top:35px;font-size:8px}.arch-hero-photo>img{height:520px}.arch-hero-photo figcaption{font-size:8px;left:18px;right:18px;bottom:18px}.arch-intro,.arch-projects,.arch-services,.arch-process,.arch-contact{padding:60px 7%}.arch-intro h2{font-size:38px}.arch-intro>div{margin:0;grid-template-columns:1fr;gap:18px}.arch-section-head{display:block;margin-bottom:30px}.arch-section-head>.text-link{margin-top:25px}.arch-project-grid{grid-template-columns:1fr;gap:35px}.arch-project figure img{height:440px}.arch-project h3{font-size:25px}.arch-project-wide{grid-column:auto;grid-template-columns:1fr}.arch-project-wide>div{padding:35px 8%}.arch-project-wide h3{font-size:35px}.arch-service-grid{grid-template-columns:1fr;gap:35px}.arch-service-grid h3{font-size:33px;margin:20px 0}.arch-process{grid-template-columns:1fr;gap:35px}.arch-studio{grid-template-columns:1fr}.arch-studio>img{height:420px}.arch-studio>div{padding:45px 7%}.arch-home-bridge{padding:45px 7%;flex-direction:column;align-items:start;gap:25px}.arch-home-bridge h2{font-size:35px}.arch-contact>div{flex-direction:column;gap:25px}.arch-projects .arch-proof{line-height:1.7}.arch-project figure img{height:auto;aspect-ratio:4/5}}
@media(prefers-reduced-motion:reduce){.arch-project figure img{transition:none}}