/* An uninterrupted photographic cover, from the header to the next section. */
.home-page{overflow-x:clip}.home-page:before{display:none}
.home-page .header{position:relative;z-index:5;background:transparent}
.home-page .hero{position:relative;isolation:isolate;display:block;width:100vw;left:50%;margin-left:-50vw;margin-top:-98px;min-height:clamp(810px,100svh,1050px);padding:130px max(5vw,24px) 360px;border:0;border-radius:0;background:#090b13;overflow:hidden}
.home-page .hero-photo{position:absolute;inset:0;z-index:-2;min-height:0;margin:0;border-radius:0;overflow:hidden}
.home-page .hero-photo>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom}
.home-page .hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#090b1380 0%,#090b131a 48%,transparent 65%,#090b13 100%)}
.home-page .hero-copy{position:relative;z-index:2;text-align:center;padding:0;max-width:850px;margin:auto}
.home-page .hero-badge{margin-bottom:18px;background:#17132299;border:1px solid #ffffff12}
.home-page .hero h1{max-width:none;font-size:clamp(48px,5.4vw,78px);line-height:1.05;margin-bottom:18px;text-shadow:0 2px 30px #0008}
.home-page .hero h1 br{display:none}.home-page .hero h1 em:before{content:' '}
.home-page .hero .intro{font-size:17px;line-height:1.5;margin-bottom:23px;color:#d6d1e1;text-shadow:0 2px 12px #000}
.home-page .hero-actions{justify-content:center;flex-direction:row;align-items:center;gap:14px}
.home-page .hero-benefits{justify-content:center;max-width:none;margin-top:25px;gap:22px}
.home-page .hero-benefits>div{background:#090b1366;padding:7px 11px;backdrop-filter:blur(6px);text-align:left}
.home-page .hero-benefits>div:nth-child(3){display:flex}
.home-page #coleccion{position:relative;padding-top:35px}
@media(max-width:850px){.home-page .hero{margin-top:-126px;padding-top:160px;min-height:830px;padding-bottom:330px}.home-page .hero-photo>img{object-fit:contain;object-position:center bottom}.home-page .hero-photo:after{background:linear-gradient(180deg,#090b1355 0%,transparent 65%,#090b13 100%)}.home-page .hero h1{font-size:58px}.home-page .hero-benefits{gap:12px}}
@media(max-width:600px){.home-page .hero{margin-top:-125px;min-height:730px;padding:160px 22px 240px}.home-page .hero-copy{max-width:520px}.home-page .hero h1{font-size:clamp(43px,10vw,58px);line-height:1.08;margin-bottom:18px}.home-page .hero h1 br{display:block}.home-page .hero .intro{font-size:15px;line-height:1.65}.home-page .hero-actions{gap:10px}.home-page .hero-benefits{gap:10px;margin-top:22px}.home-page .hero-benefits>div{padding:0;background:transparent;gap:6px}.home-page .hero-benefits small{font-size:11px}.home-page .hero-benefits strong{font-size:11px}.home-page .hero-photo{bottom:20px}.home-page .hero-photo>img{width:100%;object-fit:contain;object-position:center bottom}.home-page #coleccion{padding-top:15px}}

.home-page .hero-badge{margin-bottom:12px}
.home-page .hero h1{margin-bottom:12px}
.home-page .hero .intro{margin-bottom:18px}
.home-page .hero>.hero-benefits{position:absolute;bottom:34px;left:20px;right:20px;z-index:2;margin:0}
@media(max-width:600px){.home-page .hero>.hero-benefits{bottom:24px;gap:9px}.home-page .hero-photo{bottom:40px}}

/* Match the light mask to the photograph, including its responsive framing. */
.home-page .hero{min-height:clamp(860px,100svh,1100px)}
.home-page .hero-photo>img,.home-page .hero-duro-glow{transform:translateY(30px)}
.home-page .hero-duro-glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
.home-page .hero-photo:after{z-index:2;pointer-events:none}
.duro-breath{opacity:.15;animation:duro-breathe 4.8s ease-in-out infinite;will-change:opacity}
@keyframes duro-breathe{0%,100%{opacity:.12}50%{opacity:.95}}
@media(max-width:850px){.home-page .hero{min-height:880px}}
@media(max-width:600px){.home-page .hero{min-height:760px}.home-page .hero-photo>img,.home-page .hero-duro-glow{transform:translateY(20px)}}
@media(prefers-reduced-motion:reduce){.duro-breath{animation:none;opacity:.45;will-change:auto}}
/* Keep the source image at full viewport width, including on wide screens. */
.home-page .hero{min-height:max(860px,calc(100vw * 941 / 1672 + 30px))}
.home-page .hero-photo>img{inset:auto 0 0;width:100%;height:auto;object-fit:initial}
.home-page .hero-duro-glow{inset:auto 0 0;width:100%;height:auto;aspect-ratio:1672 / 941}
@media(max-width:850px){.home-page .hero{min-height:880px}}
@media(max-width:600px){.home-page .hero{min-height:760px}.home-page .hero-photo>img{width:100%;height:auto;object-fit:initial}}
/* Center the copy within the open space above the equipment. */
.home-page .hero{min-height:max(950px,calc(100vw * 941 / 1672 + 110px));padding-top:max(140px,calc(13vw - 70px))}
.home-page .hero-copy{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1100px;margin:0 auto;text-align:center}
.home-page .hero-badge{font-size:13px;padding:6px 14px;margin-bottom:18px}
.home-page .hero h1{width:100%;font-size:clamp(54px,6vw,90px);line-height:1.06;margin-bottom:20px}
.home-page .hero .intro{max-width:850px;font-size:20px;line-height:1.55;margin:0 auto 25px}
.home-page .hero-actions{width:100%;justify-content:center;gap:18px}
.home-page .hero-actions .button{font-size:15px;min-height:52px;padding:15px 25px}
@media(max-width:850px){.home-page .hero{padding-top:170px;min-height:950px}.home-page .hero h1{font-size:clamp(55px,7.6vw,65px)}.home-page .hero .intro{font-size:18px}.home-page .hero-actions .button{font-size:14px;padding:14px 21px}}
@media(max-width:600px){.home-page .hero{padding-top:170px;min-height:820px}.home-page .hero-copy{max-width:540px}.home-page .hero h1{font-size:clamp(48px,11vw,62px);margin-bottom:18px}.home-page .hero .intro{font-size:16px;line-height:1.65}.home-page .hero-badge{font-size:12px}.home-page .hero-actions{gap:12px}.home-page .hero-actions .button{font-size:13px;min-height:48px;padding:13px 18px}}
/* Trim the empty dark base of the hero without moving the equipment or its light. */
.home-page .hero{margin-bottom:calc(20px - 13vw)}
@media(max-width:600px){.home-page .hero{margin-bottom:-40px}}

/* The original plates and their breathing light travel as a single layer. */
.duro-mounts{visibility:hidden}
.plates-ready .duro-mounts{visibility:visible}
.duro-plate{transform-box:view-box}
.plates-ready .duro-plate{animation:duro-out-and-home 5.6s cubic-bezier(.45,0,.2,1) infinite;animation-delay:var(--plate-delay);will-change:transform}
.plates-ready .duro-plate-surface{animation:duro-depth 5.6s ease-in-out infinite;animation-delay:var(--plate-delay)}
@keyframes duro-out-and-home{
  0%,9%,45%,100%{transform:translate(0,0) scale(1)}
  20%,32%{transform:translate(var(--plate-x),76px) scale(1.16)}
}
@keyframes duro-depth{
  0%,9%,45%,100%{filter:drop-shadow(0 0 0 #0000)}
  20%,32%{filter:drop-shadow(0 15px 9px #000a)}
}
.motion-paused .duro-plate,.motion-paused .duro-plate-surface,.motion-paused .duro-breath{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .plates-ready .duro-plate,.plates-ready .duro-plate-surface{animation:none;transform:none;filter:none;will-change:auto}
}
