.hero{position:relative;isolation:isolate;min-height:calc(100svh - 94px);display:flex;align-items:center;padding:clamp(70px,10vw,140px) clamp(24px,7vw,116px);color:#fff;background-image:linear-gradient(90deg,rgba(10,16,23,.88) 0%,rgba(10,16,23,.64) 42%,rgba(10,16,23,.18) 72%,rgba(10,16,23,.12) 100%),url('images/hero-arquitectura-2026.png');background-size:cover;background-position:center center}.hero-copy{position:relative;z-index:1;max-width:860px}.hero .kicker{color:#e1b86f}.hero .lead{max-width:650px;color:rgba(255,255,255,.84)}.hero .primary{color:#202326;background:#d4a85e;border-color:#d4a85e}.hero .secondary{color:#fff;border-color:rgba(255,255,255,.72);background:rgba(8,12,16,.22);backdrop-filter:blur(8px)}.hero-media{display:none}.button{transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}
@media(max-width:950px){.site-header{position:sticky}.hero{min-height:calc(100svh - 80px);padding-top:clamp(80px,15vh,150px);padding-bottom:70px;background-image:linear-gradient(90deg,rgba(8,14,20,.88) 0%,rgba(8,14,20,.62) 70%,rgba(8,14,20,.38) 100%),url('images/hero-arquitectura-2026.png');background-position:58% center}.hero-copy{max-width:720px}.cards a{min-height:auto}.page-hero{min-height:auto}.detail-copy,.contact-layout{gap:45px}.gallery img{height:min(56vw,520px)}}
@media(max-width:600px){html{overflow-x:hidden}body{font-size:15px}.site-header{height:72px}.brand img{width:min(172px,56vw);height:52px}.site-header nav{top:72px;max-height:calc(100svh - 72px);overflow-y:auto;padding:14px 18px 22px}.site-header nav>a,.site-header summary{padding:12px 0}.dropdown{min-width:0;width:100%;padding:8px 12px}.hero{min-height:calc(100svh - 72px);padding:82px 20px 54px;background-image:linear-gradient(180deg,rgba(7,12,18,.52) 0%,rgba(7,12,18,.8) 58%,rgba(7,12,18,.92) 100%),url('images/hero-arquitectura-2026.png');background-position:64% center}.hero h1{font-size:clamp(42px,13vw,62px);line-height:1}.hero .lead{margin-top:24px;font-size:16px;line-height:1.55}.actions{display:grid;width:100%;margin-top:30px}.actions .button{width:100%}.statement,.service-section,.projects,.process,.detail-copy,.contact-layout,.contact-band{padding:64px 20px}.statement p:last-child,.detail-copy>div:last-child>p,.contact-layout>div>p{font-size:17px}.cards{margin-top:40px}.cards a{min-height:270px;padding:28px}.cards h3{margin-top:50px}.project-card img,.project-card.featured img{height:330px}.process ol{margin-top:40px}.page-hero>div{padding:64px 20px}.page-hero h1{font-size:clamp(40px,12vw,58px)}.page-hero figure,.page-hero img{height:340px;min-height:0}.contact-layout form{padding:20px 16px;gap:16px}.contact-layout button{width:100%}.gallery img{height:330px}.contact-band .button{width:100%}footer img{width:min(240px,80vw)}footer>div{display:grid;gap:12px}}
@media(max-width:380px){.hero h1{font-size:38px}.page-hero h1{font-size:38px}.site-header{padding-inline:14px}.menu-button{padding-right:0}.hero,.page-hero>div,.statement,.service-section,.projects,.process,.detail-copy,.contact-layout,.contact-band{padding-left:16px;padding-right:16px}}