/* Home only: neutral anthracite, continuous road scene and mineral paper. */
body:has(.hero-action){background:#101010;--muted:#aeaeac}
body:has(.hero-action) .site-header{z-index:4;border:0}
body:has(.hero-action) .site-header::after{background:linear-gradient(90deg,#ffffff30 0%,#ffffff30 68%,transparent 74%,transparent 85%,#ffffff30 92%)}
.hero-action,.hero-action .hero-grid{min-height:clamp(660px,calc(56vw - 100px),820px)}
.hero-action{background:#101010;overflow:visible}
.hero-action::before{inset:-100px 0 0;background:#101010}
.hero-action.hero::after{inset:-100px 0 0;background:url('/assets/mineral-grain.svg') 0 0/380px;mix-blend-mode:soft-light;opacity:.16;z-index:2}
.hero-action .hero-copy{padding:70px 0 110px;z-index:3}
.hero-action .hero-territory{margin-top:28px;font-family:Consolas,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#aaa;word-spacing:.3em}
.hero-action .hero-description{color:#c3c3c0!important}
.hero-action .hero-kicker{color:#b9b9b6!important}
.hero-action h1{width:760px;font-size:clamp(54px,5.7vw,92px);line-height:1.02;letter-spacing:-.045em}
.hero-action .hero-visual{position:absolute;inset:-100px calc(var(--margin) * -1) 0;overflow:hidden;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;pointer-events:none}
.hero-action .hero-visual picture{inset:0}
.hero-action .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:58% 42%;filter:saturate(.78) brightness(.72) contrast(1.06);mask-image:none;-webkit-mask-image:none;animation:none}
.hero-action .hero-visual picture::after{background:linear-gradient(90deg,#08080850 0%,#08080835 34%,transparent 66%,#08080820),linear-gradient(180deg,#08080820,transparent 23%,transparent 76%,#101010 100%);inset:0}
.hero-action .hero-depth{display:none}
.latest{background:radial-gradient(ellipse at 18% 16%,#e5e5e2,transparent 70%),linear-gradient(110deg,#dcdcd9,#d5d6d4);--muted:#62645f}
.latest::before{opacity:.13;background-size:320px}
#proyecto.project{background:#101010;--muted:#adadab}
#proyecto.project::before{right:-3%;bottom:0;width:94%;height:100%;background:url('/assets/garage-atmosphere.webp') center 58%/cover no-repeat;opacity:.85;filter:grayscale(.4) brightness(.95);mask-image:linear-gradient(90deg,transparent,#000 30%),linear-gradient(180deg,transparent,#000 30%,#000 78%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%),linear-gradient(180deg,transparent,#000 30%,#000 78%,transparent);-webkit-mask-composite:source-in}
#proyecto.project::after{background:linear-gradient(90deg,#101010 0%,#101010c9 25%,#10101025 62%,#10101030),linear-gradient(180deg,#101010 0%,transparent 35%,transparent 68%,#101010 100%);opacity:1}
#proyecto .project-body,#proyecto .process{text-shadow:0 2px 12px #101010}
@media(min-width:761px) and (max-width:1100px){.hero-action,.hero-action .hero-grid{min-height:580px}.hero-action h1{width:590px;font-size:clamp(46px,6vw,65px)}.hero-action .hero-visual{left:calc(var(--margin) * -1);top:-100px}.hero-action .hero-visual img{object-position:65% center}}
@media(max-width:760px){
 body:has(.hero-action) .site-header::after{background:#ffffff30}
 .hero-action,.hero-action .hero-grid{min-height:auto}
 .hero-action .hero-copy{padding:40px 0 0}
 .hero-action .hero-territory{font-size:10px;letter-spacing:.06em;word-spacing:.1em;max-width:none;white-space:nowrap;margin-top:20px}
 .hero-action h1{width:auto;font-size:clamp(40px,11.7vw,68px)}
 .hero-action .hero-visual{position:relative;inset:auto;width:calc(100% + var(--margin) * 2);height:370px;margin:0 calc(var(--margin) * -1);mix-blend-mode:normal}
 .hero-action .hero-visual img{object-position:78% center;filter:saturate(.78) brightness(.69) contrast(1.06)}
 .hero-action .hero-visual picture::after{background:linear-gradient(180deg,#101010 0%,#10101030 24%,transparent 46%,#101010 100%),linear-gradient(90deg,#10101060,transparent 45%,#10101030)}
 .hero-action.hero::after{opacity:.12}
 #proyecto.project::before{right:-24%;bottom:160px;width:135%;height:650px;background-image:url('/assets/garage-atmosphere-small.webp');background-size:auto 480px;background-position:center;opacity:.56;filter:grayscale(.5) brightness(.85)}
 #proyecto.project::after{background:linear-gradient(90deg,#101010b0,#10101045),linear-gradient(180deg,#101010 0%,transparent 38%,transparent 68%,#101010 92%)}
}