
.architecture-hero{padding:76px 6%;background:#171c1b;color:#f5f3ec;display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}.architecture-hero h1{font-size:clamp(42px,4.8vw,76px);line-height:1.04;font-weight:500;margin:26px 0;letter-spacing:-.045em}.architecture-hero h1 span{color:#f18c69}.architecture-hero p{font-size:21px;color:#c5cfc8;max-width:600px}.architecture-hero .eyebrow{color:#f18c69}.architecture-hero figure{margin:0}.architecture-hero figure img{width:100%;height:520px;object-fit:cover;object-position:center 65%;border-radius:4px}.architecture-hero figcaption{font-size:13px;color:#c5cfc8;padding-top:14px}.architecture-hero .seo-breadcrumb{color:#cad4cb}.architecture-hero .seo-breadcrumb span[aria-current]{color:white}.architecture-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.architecture-actions .pill{border-color:#738078;color:white}.architecture-copy{max-width:900px;font-size:21px;line-height:1.8}.architecture-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:38px}.architecture-services article{border-top:1px solid #c7cec4;padding:28px 0}.architecture-services h3{font-size:29px;font-weight:500;margin:0 0 16px}.architecture-services p{font-size:19px;max-width:650px;margin:0}.architecture-case{background:#e9ece3;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.architecture-case>img{width:100%;height:auto;border-radius:4px}.architecture-case h2{margin:20px 0}.architecture-case p{max-width:680px}.architecture-case .primary{margin-top:16px}.architecture-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:38px}.architecture-steps article{border-top:1px solid #c7cec4;padding-top:25px}.architecture-steps span{color:#b04f33;font-size:14px;letter-spacing:.15em}.architecture-steps h3{font-size:26px;margin:20px 0 14px;font-weight:500}.architecture-cta{background:#1c2420;color:white}.architecture-cta p{color:#c3d0c5;max-width:750px}.architecture-cta .primary{margin-top:26px}.vega-hero{padding-top:64px;padding-bottom:54px;background:#171c1b;color:#f3f2eb}.vega-hero .eyebrow{color:#f18c69}.vega-hero .seo-breadcrumb{color:#c5cfc8}.vega-hero .seo-breadcrumb span[aria-current]{color:#fff}.vega-hero p{color:#c5cfc8}.vega-hero h1{margin:26px 0}.vega-panorama{width:100%;height:auto;max-height:800px;object-fit:cover;object-position:center 60%}.vega-meta{display:flex;flex-wrap:wrap;gap:14px 32px;margin-top:30px;font-size:16px;color:#c5cfc8}.vega-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:35px}.vega-gallery figure{margin:0;min-width:0}.vega-gallery img{width:100%;height:auto;display:block;border-radius:4px}.vega-gallery figcaption{font-size:14px;color:#69736b;display:flex;justify-content:space-between;gap:20px;padding-top:11px}.vega-gallery a:hover img{outline:2px solid #b95334;outline-offset:3px}.vega-nav{display:flex;flex-wrap:wrap;gap:12px;padding-top:24px}.vega-nav a{border:1px solid #748078;padding:10px 17px;border-radius:30px;font-size:15px}.vega-section{border-bottom:1px solid #d4d9d0}.vega-section>p{max-width:900px}.vega-section .section-heading{margin-bottom:22px}.vega-feature .work img{object-fit:cover!important;aspect-ratio:4/3;height:auto!important;background:#e4e8df}.home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-project-grid .vega-work img{object-fit:cover}.reference-projects .vega-work img{object-fit:cover!important}.service-grid .service-card-wide{grid-column:auto;display:flex}.service-grid .service-card-wide .service-photo{height:auto;min-height:0;aspect-ratio:16/9;border-right:0;border-bottom:1px solid #ffffff12}.service-card-wide .service-photo>img{position:static}.architecture-hero a:focus-visible,.vega-hero a:focus-visible{outline-color:#f18c69}
@media(max-width:850px){.architecture-hero{grid-template-columns:1fr;gap:30px;padding-top:45px}.architecture-hero figure img{height:auto;aspect-ratio:4/3}.architecture-case{grid-template-columns:1fr;gap:30px}.architecture-steps{grid-template-columns:1fr}.architecture-hero h1{font-size:clamp(40px,8vw,65px)}}
@media(max-width:760px){.architecture-services,.vega-gallery,.home-project-grid{grid-template-columns:1fr}.architecture-hero p,.architecture-copy{font-size:19px}.architecture-services h3{font-size:26px}.architecture-services p{font-size:18px}.vega-meta{font-size:14px;gap:10px 20px}.vega-nav{gap:9px}.vega-nav a{font-size:14px}.vega-hero{padding-top:40px}.vega-gallery{gap:28px}.architecture-hero .seo-breadcrumb{font-size:13px}.architecture-hero .seo-breadcrumb a{min-height:auto}.architecture-cta h2{font-size:38px}.architecture-hero .pill{color:#fff}.architecture-actions{gap:12px}}
