.site-nav [aria-current=page]{color:#171717;text-decoration:underline;text-underline-offset:6px}.contract-page .hero-title{font-size:clamp(5rem,12vw,172px)}.contract-page #heroBg{opacity:.14}.contract-page #heroBg img{object-position:center}.contract-clients{margin:58px auto 40px;overflow:auto;max-width:1000px}.contract-clients img{width:100%;display:block;height:auto}.contract-thanks{max-width:860px;font-size:14px;line-height:1.9;color:#737373;margin:0 auto;text-align:center}.contract-projects{row-gap:48px}.contract-projects .project-caption{align-items:start}.contract-projects h3{max-width:260px}.contract-parquet-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:78px;align-items:center}.parquet-gallery .portfolio-item{aspect-ratio:4/3}.contract-materials .exp-row{padding:30px 0;border-bottom:1px solid #e5e5e5}.contract-materials .exp-row:last-child{border:0}.contract-materials h3{font-size:34px;line-height:1.2;letter-spacing:-.03em;margin-bottom:13px}.contract-materials p{font-size:14px;line-height:1.8;color:#737373}.finishes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.finish-card{display:block;aspect-ratio:2/1;overflow:hidden;border-radius:14px;border:1px solid #e5e5e5;background:#f5f5f5;transition:transform .3s,border-color .3s}.finish-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.finish-card:hover img{transform:scale(1.04)}.finish-card:hover{border-color:#737373}
@media(max-width:1199px){.contract-parquet-layout{gap:44px}.contract-projects h3{max-width:230px}.contract-materials h3{font-size:29px}}
@media(max-width:899px){.contract-page .hero-title{font-size:clamp(80px,14vw,126px)}.contract-parquet-layout{gap:28px}.contract-materials h3{font-size:25px}.contract-projects .project-caption{display:block}.contract-projects .project-caption span{display:block;margin-top:7px}.finishes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:767px){.contract-page .hero-title{font-size:clamp(43px,14.1vw,100px)}.contract-page .hero-kicker{font-size:9px}.contract-page main>section.py-28{padding-top:78px;padding-bottom:78px}.contract-page .hero-description{max-width:270px}.contract-clients{margin:34px 0;scrollbar-width:thin}.contract-clients img{width:720px;min-width:720px;max-width:none}.contract-thanks{text-align:left;font-size:13px}.contract-projects{row-gap:34px}.contract-projects h3{max-width:none}.contract-projects .project-caption{display:flex}.contract-projects .project-caption span{margin-top:0}.contract-parquet-layout{grid-template-columns:1fr;gap:24px}.contract-materials h3{font-size:30px}.contract-materials p{font-size:13px}.contract-materials .exp-row{padding:24px 0}.finishes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.finish-card{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.finish-card,.finish-card img{transition:none}.finish-card:hover img{transform:none}}
/* Hero fotográfico, con los mismos elementos blancos que la portada. */
.contract-page .hero-section{background:#171717;color:#fff}
.contract-page #heroBg{opacity:1}
.contract-page #heroBg:after{background:linear-gradient(180deg,#0004,transparent 35%,#0004),linear-gradient(90deg,#0009,#0006)}
.contract-page .hero-title,.contract-page .hero-kicker,.contract-page .hero-description,.contract-page .hero-explore,.contract-page .hero-explore:hover{color:#fff}
.contract-page .hero-bottom,.contract-page .hero-principles span+span{border-color:#ffffff5c}
.contract-page #webgl-hero{z-index:1;filter:brightness(0) invert(1);mix-blend-mode:screen;opacity:.5}
.contract-page.hero-is-visible .site-nav{background:transparent;border-color:#ffffff38;backdrop-filter:none;color:#fff}
.contract-page.hero-is-visible .brand-logo{filter:none}
.contract-page.hero-is-visible .desktop-navigation,.contract-page.hero-is-visible .desktop-navigation a:hover,.contract-page.hero-is-visible .site-nav [aria-current=page]{color:#fff}
.contract-page.hero-is-visible .nav-link:after{background:#fff}
.contract-page.hero-is-visible .nav-contact,.contract-page.hero-is-visible .menu-toggle{color:#fff;border-color:#ffffff80}
.contract-page.hero-is-visible .nav-contact:hover{background:#ffffff20;color:#fff}
.contract-page.hero-is-visible .mobile-navigation{background:#171717;color:#fff;border-color:#ffffff38}
.contract-page.hero-is-visible .mobile-navigation a{border-color:#ffffff30}