.arch-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:660px;background:#123744;color:#f8f9f7;overflow:hidden}
.arch-hero-copy{align-self:center;padding:75px 8% 78px 12%}
.arch-hero h1{font-size:clamp(3.2rem,5vw,5.3rem);line-height:1.07;letter-spacing:-.05em;max-width:720px}
.arch-hero-copy>p:not(.eyebrow){max-width:590px;color:#c5c9c0;font-size:1.12rem;line-height:1.8}
.arch-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px}
.arch-hero-actions .button{min-width:230px}
.arch-secondary{border-bottom:1px solid #efbd58;padding:10px 0;font-weight:650}
.arch-hero-image{position:relative;min-height:660px;overflow:hidden;background:#4c4233}
.arch-hero-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 34%}
.arch-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#123744b8)}
.arch-hero-image span{position:absolute;bottom:28px;left:30px;z-index:1;font-size:.77rem;letter-spacing:.16em;font-weight:700;color:#fff}
.arch-services h2 em,.arch-gallery h2 em{color:#a07a2c}
.arch-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:45px}
.arch-service-grid article{padding:32px;border:1px solid #d9d6c8;border-radius:20px;background:#fff;box-shadow:0 12px 34px #17210f0a}
.arch-service-grid article>span{color:#a17423;font-weight:700}
.arch-service-grid h3{font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.25;letter-spacing:-.025em;margin:20px 0 14px}
.arch-service-grid p{margin:0;color:#62695f;line-height:1.8}
.arch-gallery{background:#e8e8e2}
.arch-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:45px 0 25px}
.arch-gallery-grid figure{margin:0;min-width:0;overflow:hidden;border-radius:16px;background:#123744;color:#fff}
.arch-gallery-grid img{display:block;width:100%;height:400px;object-fit:cover}
.arch-gallery-grid figure:nth-child(2) img{object-position:center 25%}
.arch-gallery-grid figcaption{padding:16px 20px;font-weight:650}
.arch-contact{background:#10323d;color:#f8f9f7;text-align:center}
.arch-contact .eyebrow{justify-content:center;color:#efbd58}
.arch-contact h2{font-size:clamp(2.6rem,5vw,4.4rem);margin-bottom:17px}
.arch-contact>p:not(.eyebrow){max-width:640px;margin:0 auto 26px;color:#c8cdc4;font-size:1.08rem}
.arch-contact-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px}
.arch-contact-actions>a:last-child{text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){.arch-hero{grid-template-columns:1fr}.arch-hero-copy{padding:55px 6%}.arch-hero-image{min-height:450px}.arch-gallery-grid img{height:300px}}
@media(max-width:550px){.arch-hero h1{font-size:clamp(2.4rem,10vw,3.5rem)}.arch-hero-copy>p:not(.eyebrow){font-size:1rem}.arch-hero-image{min-height:380px}.arch-service-grid,.arch-gallery-grid{grid-template-columns:1fr}.arch-gallery-grid img{height:280px}.arch-hero-actions .button{width:100%}.arch-contact-actions .button{width:100%}}