/* Identidad y jerarquía corporativa de Constructora Nase. */
:root{--ink:#101d27;--panel:#1a2c39;--cream:#f6f7f5;--accent:#78cde0;--muted:#aebfc9;--line:#d6e0e3}
body{font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
header{height:104px;padding:0 5%;gap:30px;background:#101d27f5;backdrop-filter:blur(16px)}
.brand{flex-direction:row;align-items:center;gap:15px;white-space:normal;flex-shrink:0;text-align:left}
.brand .nase-logo{width:72px;height:66px;flex-shrink:0;object-fit:contain;padding:3px;background:#fff;border-radius:4px}
.brand .brand-copy{display:flex;flex-direction:column;gap:6px;margin:0;color:#f1f5f7}
.brand b{font-size:20px;line-height:1.04;letter-spacing:.025em;color:#fff;font-weight:700}
.brand small{display:block;margin:0;letter-spacing:.17em;font-size:8px;color:#b8cbd5;line-height:1.4}
nav{gap:28px;align-items:center;font-size:13px}nav a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid transparent;transition:color .18s,border-color .18s}nav a:hover{color:var(--accent);border-color:var(--accent)}
.contact-nav{display:inline-flex;align-items:center;justify-content:center;border:1px solid #78cde078;padding:10px 17px;min-height:44px;font-size:12px;white-space:nowrap;transition:background .18s}.contact-nav:hover{background:#78cde017}
.hero{grid-template-columns:1fr 1fr;min-height:690px}.hero-content{padding:52px 8% 32px 10%;justify-content:center}
.hero-content h1{font-size:clamp(44px,4.8vw,72px);line-height:1.05;margin:26px 0 24px;font-weight:500;letter-spacing:-.055em}
.hero .eyebrow{color:#b7cbd6;font-size:10px;letter-spacing:.2em}
.founding{margin:20px 0 0;gap:18px}.founding strong{color:var(--accent);font-size:48px;font-weight:500}.founding span{color:#b8cad5;font-size:10px;letter-spacing:.13em;line-height:1.6}
.hero-text{font-size:16px;max-width:450px;color:#c4d0d8;line-height:1.75}.actions{gap:18px;margin-top:28px}.button{border:1px solid transparent;background:var(--accent);padding:16px 23px;font-size:12px;transition:background .18s,transform .18s}.button:hover{background:#a5e0ec;transform:translateY(-2px)}
.hero-bottom{margin-top:38px;padding-top:24px;border-top:1px solid #ffffff24;font-size:8px;letter-spacing:.13em;align-items:center}.hero-photo>img{min-height:690px;filter:brightness(.9);object-position:50% center}.photo-label{background:#101d27bd;padding:10px 13px;top:24px;left:24px;letter-spacing:.13em}
section:not(.hero){padding:92px 7%}.section-heading{margin-bottom:44px}.section-heading h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.04em}.section-heading>p:last-child:not(.eyebrow){font-size:16px;line-height:1.75;color:#4d6573;max-width:650px}
.web-paths{border-bottom:1px solid #d6e0e3}.web-paths .section-heading{margin-bottom:0;max-width:900px}.web-paths .eyebrow{color:#34687c}
.services{grid-template-columns:repeat(2,1fr);gap:38px 60px}.service{padding-top:22px}.service h3{font-size:26px;margin:18px 0 14px}.service p{font-size:14px;max-width:470px;line-height:1.8;color:#c0ced7}.number{color:var(--accent)}
.web-projects h3{font-size:29px;line-height:1.16}.web-projects p:last-child{font-size:14px;line-height:1.75;color:#4d6573}.web-text-link{font-size:13px;color:#244e61;border-color:#6c9ba9;padding:10px 0;min-height:44px}.web-photo-strip{gap:20px}.web-photo-strip img{aspect-ratio:1.4;object-fit:cover}.note{color:#536b78}
.company-grid{max-width:850px}.company-grid h3{font-size:30px}.company-grid p{font-size:16px;line-height:1.8}.year{color:#274453}.timeline{grid-template-columns:repeat(3,1fr)}.timeline>div:before{background:#448aa1}
.gallery img{border-radius:2px}.gallery a{display:block;overflow:hidden}.gallery a:focus-visible{outline-offset:3px}.project>p:not(.eyebrow){font-size:14px;line-height:1.8}.project .client{font-size:11px!important}
.equipment p:last-child{font-size:14px;line-height:1.75}.equipment h3{font-size:27px}.equipment-layout{gap:50px}.equipment-photo img{filter:none}.availability{font-size:12px;color:#bdcdd6}
.contact-grid a{font-size:14px;min-height:32px}.contact-grid p{font-size:14px;line-height:1.7}.contact-grid h3{font-size:27px}
footer{background:#0b1620;padding:40px 5%;gap:35px}footer p{font-size:11px;line-height:1.8}footer .nase-logo{width:58px;height:52px}footer .brand b{font-size:16px}footer>a{font-size:12px;min-height:44px;display:flex;align-items:center}
:focus-visible{outline:3px solid #368da5;outline-offset:5px}
@media(min-width:761px) and (max-width:1100px){header{height:auto;padding:16px 4%;gap:18px}nav{order:3;width:100%;justify-content:space-between;gap:14px}.hero-content{padding:42px 7%}.hero-content h1{font-size:clamp(40px,5vw,56px)}.brand b{font-size:18px}.hero{min-height:640px}.hero-photo>img{min-height:640px}}
@media(max-width:760px){header{padding:16px 6% 10px;gap:14px;min-height:0;position:relative}.brand{gap:10px;max-width:calc(100% - 94px)}.brand .nase-logo{width:56px;height:52px}.brand b{font-size:16px;letter-spacing:.02em}.brand small{font-size:7px;letter-spacing:.08em}.contact-nav{font-size:10px;min-height:40px;padding:9px 10px}nav{order:3;width:100%;gap:12px;justify-content:space-between;flex-wrap:nowrap;font-size:11px;padding:0;border-top:1px solid #ffffff20}nav a{min-height:42px}.hero{grid-template-columns:1fr;min-height:0}.hero-content{padding:34px 6% 28px}.hero-content h1{font-size:clamp(40px,10.3vw,62px);margin:24px 0 20px}.hero .eyebrow{font-size:9px}.founding{gap:16px;margin:18px 0 0}.founding strong{font-size:43px}.founding span{font-size:9px}.hero-text{font-size:14px;line-height:1.8}.actions{margin-top:24px}.hero-bottom{margin-top:30px;font-size:7px;padding-top:18px;gap:15px}.hero-photo{height:300px}.hero-photo>img{min-height:0;height:100%;object-position:center 60%}.photo-label{top:16px;left:6%;font-size:8px;padding:8px 10px}section:not(.hero){padding:56px 6%}.section-heading h2{font-size:34px}.section-heading>p:last-child:not(.eyebrow){font-size:14px}.services{grid-template-columns:1fr;gap:28px}.service h3{font-size:25px}.service p{font-size:14px}.web-projects{gap:28px}.web-projects h3{font-size:28px}.web-photo-strip{grid-template-columns:1fr 1fr;gap:12px}.web-photo-strip img:first-child{grid-column:1/-1;aspect-ratio:1.7}.web-photo-strip img{aspect-ratio:1.2}.company-grid p{font-size:14px}.company-grid h3{font-size:27px}.timeline{grid-template-columns:1fr;gap:0}.timeline>div{padding:20px 0;border-bottom:1px solid #c7d4da}.equipment-grid{grid-template-columns:1fr}.equipment-layout{gap:30px}.equipment-photo img{height:260px}.equipment h3{font-size:26px}.equipment p:last-child{font-size:14px}.gallery-heading{margin-top:36px}.gallery-heading h3{font-size:30px}.gallery-heading p{font-size:12px}.gallery{gap:18px 12px}figcaption{font-size:11px}.contact-grid{gap:30px}.contact-grid h3{font-size:25px}footer{padding:32px 6%;gap:22px}.web-cta h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.button:hover{transform:none}}
@media(max-width:760px){header{height:auto}nav{align-self:stretch}nav a{line-height:1.4}.gallery-heading p{max-width:none}}
.capabilities .section-heading>p:last-child:not(.eyebrow),.equipment-section .section-heading>p:last-child:not(.eyebrow),.contact .section-heading>p:last-child:not(.eyebrow){color:#c0cfd8}.contact>div:first-child>p:last-child{color:#c0cfd8}.capabilities .note,.equipment-section .note,.contact .note{color:#b7cbd5}

section.nase-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;padding:40px 7%;background:#e7eef0;border-bottom:1px solid #ccdce3}.nase-facts strong{font-size:46px;font-weight:500;letter-spacing:-.05em;display:block;color:#204655;line-height:1.1}.nase-facts span{font-size:11px;color:#466270;display:block;margin-top:9px}.nase-facts p{grid-column:1/-1;font-size:11px;color:#526b77;border-top:1px solid #c2d4db;padding-top:17px;margin:0}.hero .text-link{font-size:12px;color:#c8d9e3;min-height:44px;display:flex;align-items:center;border-color:#78cde066}.hero .text-link:hover{color:#78cde0}@media(max-width:760px){section.nase-facts{grid-template-columns:repeat(3,1fr);gap:24px 14px;padding:32px 6%}.nase-facts strong{font-size:34px}.nase-facts span{font-size:10px}.nase-facts div:first-child{grid-column:span 2}.nase-facts p{font-size:10px}.hero .text-link{font-size:11px}}