/* Franja de obra — fotografía y una franja horizontal de información. */
.site-header{position:absolute;top:0;left:0;right:0;color:#fff}.site-header .nav-contact{background:var(--yellow);color:var(--ink);padding:0 22px;letter-spacing:.04em;text-transform:none}.site-header .nav-contact::after{display:none}
.hero{position:relative;height:clamp(650px,45vw,770px);min-height:0;isolation:isolate;background:#718fae;color:#fff;overflow:hidden}.hero-image{position:absolute;top:0;right:0;height:100%;width:auto;aspect-ratio:1071/1008;object-fit:cover;z-index:-2;mask-image:linear-gradient(90deg,transparent,black 22%)}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#092a404d,transparent 58%),linear-gradient(180deg,#10263666,transparent 40%,#151b2226)}
.hero-copy{position:absolute;left:var(--pad);top:clamp(130px,9.5vw,175px)}.hero h1{font-size:clamp(54px,5vw,80px);line-height:1.03;font-weight:420;letter-spacing:-.03em;text-wrap:initial}.hero h1 span{color:var(--yellow);font-weight:550}.hero-copy>p{margin-top:23px;font-size:clamp(18px,1.5vw,24px);line-height:1.45;text-shadow:0 1px 9px #0004}.hero-copy>p::before{content:'';display:block;width:50px;height:5px;background:var(--yellow);margin-bottom:18px}
.hero-band{position:absolute;left:0;right:0;top:64%;background:var(--yellow);color:var(--ink);padding:18px var(--pad);display:grid;grid-template-columns:260px 1.1fr 1.1fr 1.5fr;gap:26px;align-items:center}.band-brand{border-right:1px solid #7e762f;padding-right:20px}.band-brand .brand-art{width:235px}.band-message{font-size:19px;font-weight:550;line-height:1.3;border-right:1px solid #7e762f;padding-right:20px}.project-meta{display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.4}.project-meta strong{font-weight:550}.hero-band .button{font-size:15px;padding:14px 18px;min-height:54px}.scroll-cue{position:absolute;left:var(--pad);bottom:35px;display:flex;align-items:center;gap:14px;font-size:14px;text-decoration:none;text-shadow:0 1px 5px #000}.down-arrow{width:38px;height:38px;border:1px solid;display:grid;place-items:center;border-radius:50%}.down-arrow svg{transform:rotate(90deg);width:20px}
.works{padding-top:28px;padding-bottom:55px}.section-heading h2{font-size:clamp(30px,3.2vw,48px)}.section-heading h2::before{content:'';display:inline-block;width:65px;height:3px;background:var(--yellow);vertical-align:middle;margin-right:18px}.work-item{position:relative}.work-image img{aspect-ratio:2.35}.work-caption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:38px 20px 17px;color:#fff;background:linear-gradient(transparent,#131714d9)}.work-caption h3{font-size:23px}.work-caption p{display:none}.project-arrow{width:34px;height:34px}.process{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:45px;padding-bottom:45px;background:var(--paper)}.process-intro h2{font-size:34px}.process-diagram{display:none}.process-steps h3{margin-top:24px}.studio{background:#eae7de}.contact h2{font-size:clamp(52px,7vw,100px)}
@media(max-width:1250px) and (min-width:901px){.hero-band{grid-template-columns:210px 1fr 1fr 1.45fr;gap:16px}.band-brand .brand-art{width:190px}.band-message{font-size:16px}.project-meta{font-size:12px}.hero-band .button{font-size:13px;padding:12px;gap:12px}.hero-copy{top:145px}.hero h1{font-size:60px}}
@media(max-width:900px){.hero{height:780px}.site-header{height:82px}.site-header .nav-contact{padding:0;background:transparent;font-size:clamp(30px,6vw,46px)}.menu-open .site-header{color:var(--ink)}.hero-copy{top:130px}.hero h1{font-size:65px}.hero-band{top:auto;bottom:95px;grid-template-columns:1fr 1fr;gap:18px 25px;padding:20px var(--pad)}.band-brand{display:none}.band-message{font-size:18px;border:0;padding:0}.project-meta{font-size:14px}.hero-band .button{grid-column:1/-1;max-width:430px;width:100%}.hero-image{height:100%;width:100%;aspect-ratio:auto;object-position:58% center;mask-image:none}.scroll-cue{bottom:27px}.works-grid{gap:12px}.work-caption{padding:35px 12px 12px}.work-caption h3{font-size:18px}.project-arrow{width:30px;height:30px}}
@media(max-width:600px){.site-header{height:76px}.hero{height:780px}.hero-copy{top:115px;right:var(--pad)}.hero h1{font-size:clamp(36px,8.8vw,52px);font-weight:450}.hero-copy>p{font-size:17px;margin-top:20px}.hero-copy>p::before{height:4px;width:40px;margin-bottom:15px}.hero-image{object-position:64% center}.hero::before{background:linear-gradient(90deg,#102e4770,transparent),linear-gradient(180deg,#162f4052,transparent 65%)}.hero-band{bottom:72px;gap:16px;grid-template-columns:1fr;padding:19px var(--pad)}.band-message{font-size:17px}.band-message br{display:none}.project-meta{padding-top:13px;border-top:1px solid #7e762f;display:block;font-size:13px}.project-meta strong{display:block;margin-bottom:3px}.hero-band .button{font-size:14px;max-width:none}.scroll-cue{font-size:13px;bottom:18px;gap:10px}.down-arrow{width:32px;height:32px}.works{padding-top:30px}.section-heading h2::before{width:25px;margin-right:10px}.works-grid{gap:20px}.work-image img{aspect-ratio:1.65}.work-caption{padding:45px 18px 18px}.work-caption h3{font-size:23px}.project-arrow{width:36px;height:36px}.process-intro h2{font-size:31px}}
@media(max-width:600px){.contact h2{font-size:clamp(36px,10vw,52px)}}