@media(max-width:1260px){.nav-links{gap:15px}.nav-links a{font-size:12px}.header-cta{padding-inline:13px}.footer-main{grid-template-columns:1.5fr .65fr 1fr 1fr}.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(3,1fr)}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-card-image{height:290px}}
@media(max-width:1040px){:root{--header:76px;--pad:clamp(19px,4vw,44px)}.site-header{gap:13px}.brand-words strong{font-size:18px}.brand-symbol{width:35px}.brand-words>span{font-size:7px}.nav-links{gap:12px}.nav-links a{font-size:11px}.header-cta span{display:none}.header-cta{padding:12px}.header-cta svg{width:18px;height:18px}.hero h1{font-size:clamp(52px,7.5vw,84px)}.service-card-body{padding:24px 22px 63px}.service-card h3{font-size:21px}.service-img-wrap{height:212px}.split-layout,.service-detail-grid{gap:45px}.faq-layout{gap:45px}.footer-main{gap:24px}.signature-image{min-height:480px}}
@media(max-width:860px){:root{--header:73px}.site-header{padding-inline:15px}.brand-symbol{width:37px}.brand-words strong{font-size:21px}.brand-words>span{font-size:8px}.menu-toggle{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:5px;margin-left:0;width:42px;height:42px;background:transparent;border:1px solid #ffffff50;border-radius:3px;padding:10px}.menu-toggle span{height:2px;width:21px;background:#fff;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}.header-cta{margin-left:auto}.header-cta span{display:inline}.nav-links{position:absolute;top:var(--header);left:0;right:0;background:#0f202b;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px 18px 26px;box-shadow:0 18px 30px #0003;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.nav-links.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.nav-links a{font-size:17px;padding:14px 8px;border-bottom:1px solid #ffffff1e}.nav-links a.is-active:after{display:none}.mobile-nav-call{display:flex!important;gap:9px;align-items:center;color:var(--accent)!important}.mobile-nav-call svg{width:19px}.hero{min-height:580px}.hero h1{font-size:clamp(50px,8.5vw,77px)}.section-heading{display:block}.section-heading-side{width:auto;max-width:650px;margin-top:20px}.section-heading-side p{margin:0 0 15px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-statement,.about-opening-grid,.contact-primary-grid{gap:35px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:45px}.about-photo-band{height:420px}.signature-project-grid{gap:45px}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-inner{gap:35px}}
@media(max-width:700px){:root{--pad:20px}.section{padding-block:76px}.hero{min-height:0;height:100svh}.hero-inner{padding-top:var(--header);padding-bottom:0}.hero h1{font-size:clamp(42px,10vw,65px);line-height:1.075;letter-spacing:-.055em;text-wrap:wrap}.hero-actions{margin-top:30px}.hero-shading{background:linear-gradient(90deg,#06121ce8,#06121ca6 75%,#06121c60),linear-gradient(0deg,#06121c88,transparent 55%)}.hero-home .hero-background{background-position:57% center}.hero-services .hero-background{background-position:53% center}.hero-works .hero-background{background-position:48% center}.hero-about .hero-background{background-position:53% center}.hero-contact .hero-background{background-position:56% center}.trust-grid{grid-template-columns:1fr}.trust-grid>div{padding:17px 0;min-height:70px;border-right:0;border-bottom:1px solid #ffffff25}.trust-grid>div:last-child{border:0}.split-layout,.service-detail-grid,.intro-statement,.faq-layout,.two-col-info,.signature-project-grid,.about-opening-grid,.geometry-grid,.contact-primary-grid{grid-template-columns:1fr;gap:35px}.intro-section .intro-photo{margin-top:6px}.intro-photo .image-frame{aspect-ratio:4/4.5}.image-side-label{left:0;bottom:15px}.section-heading{margin-bottom:32px}.services-grid{grid-template-columns:1fr;gap:19px}.service-img-wrap{height:auto;aspect-ratio:1.35}.service-card-body{min-height:0;padding:25px 25px 75px}.service-card h3{font-size:24px}.dark-feature{grid-template-columns:1fr}.dark-feature-image{height:380px;min-height:0}.dark-feature-copy{padding:70px var(--pad)}.dark-feature-copy h2{font-size:41px}.preview-layout{grid-template-columns:1fr;grid-template-rows:none}.preview-item,.preview-large{grid-row:auto;height:auto;aspect-ratio:1.18}.preview-item>span,.preview-large>span{font-size:21px}.process-grid{grid-template-columns:1fr}.process-item{min-height:0;padding:27px 25px}.step-count{margin-bottom:15px;font-size:34px}.audience-layout .image-frame{aspect-ratio:1.1}.faq-layout h2{max-width:570px}.faq-layout>div:first-child p{max-width:none}.cta-inner{display:block}.cta-inner h2{font-size:42px}.cta-side{margin-top:33px;align-items:flex-start}.cta-side .btn{width:min(100%,295px)}.intro-statement h2{font-size:clamp(41px,10vw,66px)}.quick-nav-inner{display:block}.quick-nav-inner>span{display:block;margin:0 0 17px}.service-detail-alt .service-detail-visual{order:0}.service-detail-visual .image-frame{aspect-ratio:1.06}.service-detail-text h2{font-size:40px}.service-detail-grid{gap:29px}.service-detail:nth-child(odd) .service-detail-visual{order:0}.simple-list p{gap:13px;font-size:14px}.gallery-heading h2{font-size:clamp(47px,10vw,74px)}.gallery-heading p{font-size:16px}.signature-image{height:450px;min-height:0}.signature-project-text{padding:5px 0 55px}.work-grid{grid-template-columns:1fr}.work-card:first-child{grid-column:auto}.work-card-photo,.work-card:first-child .work-card-photo{aspect-ratio:1.15}.work-card-text strong{font-size:19px}.video-grid{grid-template-columns:1fr}.video-card-image{height:auto;aspect-ratio:1.25}.statement-grid{grid-template-columns:1fr;gap:23px}.statement-grid h3{margin:15px 0}.about-photo-band{grid-template-columns:1fr;height:auto;gap:13px;padding-inline:var(--pad)}.about-photo-band>div{height:auto;aspect-ratio:1.15;border-radius:3px}.about-photo-band>div:nth-child(2){aspect-ratio:1.25}.principles-grid{grid-template-columns:1fr}.principles-grid article{min-height:0;padding:28px}.principles-grid h3{margin:22px 0 11px}.contact-big-copy h2{font-size:clamp(49px,11vw,72px)}.massive-number{font-size:clamp(29px,7.5vw,42px)}.contact-method{padding:17px 15px;gap:13px}.contact-method strong{font-size:21px}.contact-method-icon{width:43px;height:43px}.contact-method .email-strong{font-size:16px}.inquiry-grid{grid-template-columns:1fr;gap:13px}.inquiry-grid article{min-height:0}.map-box{border-width:5px}.map-box iframe{height:345px}.map-bottom{align-items:flex-start;flex-direction:column}.footer{padding-top:67px}.footer-main{grid-template-columns:1fr;gap:35px;padding-bottom:50px}.footer-brand-column{max-width:470px}.footer-col h2{margin-bottom:5px}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding-block:22px}.floating-actions{right:14px;bottom:18px;gap:10px}.floating-actions a{height:48px;width:48px}.footer-col a{font-size:14px}}
@media(max-width:420px){:root{--pad:16px;--header:69px}.site-header{padding:0 12px;gap:10px}.brand{gap:7px}.brand-symbol{width:30px}.brand-words strong{font-size:18px}.brand-words>span{font-size:6.8px;letter-spacing:.1em}.header-cta{width:42px;height:40px;min-height:40px;padding:0}.header-cta span{display:none}.menu-toggle{height:40px;width:40px}.hero h1{font-size:clamp(42px,11vw,51px)}.hero-actions{align-items:stretch;gap:9px}.hero-actions .btn{min-height:50px;padding:12px 16px;font-size:10px}.cta-inner h2,.dark-feature-copy h2{font-size:35px}.contact-method .email-strong{font-size:14px}.contact-method{gap:10px}.contact-method-icon{width:38px;height:38px}.contact-method>svg:last-child{width:15px}.massive-number{font-size:29px}.work-filter-bar{gap:7px}.filter-btn{padding:9px 11px;font-size:11px}.preview-item>span{font-size:18px}.footer-contact a:first-of-type{font-size:17px}}
@media(max-height:670px) and (min-width:701px){.hero{min-height:600px}.hero h1{font-size:clamp(50px,6vw,77px)}}