/* The approved metal artwork becomes an integrated, live anniversary masthead. */
.hero.monument-hero{position:relative;isolation:isolate;background:#101010;padding-top:34px}
.monument-hero:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 78% 76%,#a9181114,transparent 48%);pointer-events:none}
.monument-hero .hero-grid{grid-template-columns:.96fr 1.04fr;gap:2%;min-height:570px;align-items:center}
.monument-hero .hero-copy{position:relative;z-index:2;padding:35px 0 32px}
.monument-kicker{display:flex;align-items:center;gap:11px;margin-top:42px;color:#ee393d;font-size:10px;font-weight:700;letter-spacing:.18em;line-height:1.6}
.monument-kicker>span{height:5px;width:5px;background:currentColor;flex:none}
.monument-hero h1{font-size:clamp(64px,6.4vw,104px);line-height:.98;margin:21px 0 25px;letter-spacing:-.01em}
.monument-hero .hero-lead{font-size:11px;line-height:1.95;letter-spacing:.075em;max-width:47ch}
.monument-hero .hero-actions{margin-top:29px;gap:25px}
.monument-hero .keep-phrase{white-space:nowrap}
.monument-hero .hero-baseline{margin-top:6px;position:relative;z-index:2}
.anniversary-monument{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:20px;isolation:isolate}
.monument-art{position:relative;flex:none;width:100%;aspect-ratio:1122/950;max-width:680px;overflow:hidden;margin-top:-12px;transform-origin:50% 70%;animation:monument-rise 10s ease-in-out infinite;mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 90%,transparent 100%)}
.monument-metal{position:absolute;inset:0;background:url('assets/aniversario-corporativo.webp') center top/100% auto no-repeat;mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 88%,transparent 100%)}
.monument-sheen{position:absolute;inset:8% 10% 6%;background:linear-gradient(105deg,transparent 35%,#f5e5ce12 49%,transparent 60%);mix-blend-mode:screen;transform:translateX(-110%);animation:metal-light 10s ease-in-out infinite;pointer-events:none}
.monument-halo{position:absolute;z-index:-1;bottom:17%;left:8%;right:0;height:25%;background:radial-gradient(ellipse,#ed292923,transparent 69%);filter:blur(24px);animation:anniversary-glow 10s ease-in-out infinite;pointer-events:none}
.monument-signature{position:relative;margin-top:-13px;display:flex;align-items:center;flex-direction:column;gap:13px;text-align:center}
.monument-signature strong{font-family:var(--display);font-weight:700;font-size:clamp(48px,5.6vw,88px);letter-spacing:.1em;line-height:.9;color:#e7e4dd;padding-left:.1em}
.monument-signature>span{font-size:8px;letter-spacing:.25em;color:#a09c96;font-weight:600}
.monument-motion{display:flex;align-items:center;gap:7px;margin-top:22px;padding:7px 9px;background:transparent;color:#999;border:1px solid #3d3533;font-size:7px;letter-spacing:.1em;line-height:1.3;transition:color .2s,border-color .2s}
.monument-motion svg{width:10px;height:10px}
.monument-motion:hover{color:#fff;border-color:#b49e93}
.monument-hero.motion-paused .monument-art,.monument-hero.motion-paused .monument-sheen,.monument-hero.motion-paused .monument-halo{animation-play-state:paused}
@keyframes monument-rise{0%,100%{transform:translateY(2px)}50%{transform:translateY(-6px)}}
@keyframes metal-light{0%,20%{transform:translateX(-110%);opacity:0}35%{opacity:1}65%,100%{transform:translateX(110%);opacity:0}}
@keyframes anniversary-glow{0%,100%{opacity:.55}50%{opacity:1}}
.hero-fleet{background:#171717;color:#fff;padding:66px var(--pad) 60px;border-top:1px solid #292929;overflow:hidden}
.hero-fleet-inner{max-width:1480px;margin:auto;display:grid;grid-template-columns:.65fr 1.35fr;gap:8%;align-items:center}
.hero-fleet-intro{min-width:0}
.hero-fleet-intro .eyebrow{font-size:8px;letter-spacing:.14em;line-height:1.7}
.hero-fleet-intro h2{font-size:clamp(36px,4.1vw,66px);line-height:1.02;margin:22px 0 23px}
.hero-fleet-intro>p:not(.eyebrow){color:#aaa;font-size:12px;line-height:1.85;max-width:29ch}
.hero-fleet-intro .text-link{font-size:9px;letter-spacing:.08em;margin-top:27px}
.hero-fleet .photo-label{display:flex;justify-content:space-between;margin-bottom:13px;color:#999;font-size:8px;letter-spacing:.13em}
.hero-fleet .hero-slide .hero-image-wrap{aspect-ratio:16/9;background:#1e1e1e}
.hero-fleet .hero-slide figcaption{min-height:76px}
.hero-fleet .hero-slide figcaption>strong{font-size:22px}
.hero-fleet .carousel-controls{margin-top:0;padding-top:13px;border-top:1px solid #3e3e3e}
.hero-fleet .carousel-buttons button{color:#fff;border-color:#555}
@media(min-width:1700px){.monument-hero .hero-grid{min-height:650px}.monument-art{width:100%}}
@media(max-width:1100px){.monument-hero .hero-grid{min-height:500px}.monument-hero h1{font-size:clamp(53px,6.3vw,71px)}.monument-kicker{margin-top:31px;font-size:9px}.monument-hero .hero-lead{font-size:10px}.monument-hero .hero-actions{gap:20px}.monument-signature strong{font-size:56px}.monument-signature>span{font-size:7px;letter-spacing:.18em}.monument-motion{margin-top:18px}.hero-fleet{padding-top:50px;padding-bottom:48px}.hero-fleet-inner{gap:6%}}
@media(max-width:800px) and (min-width:681px){.monument-hero .hero-grid{min-height:470px}.monument-hero h1{font-size:clamp(44px,6.1vw,51px)}.monument-hero .hero-copy{padding-top:26px}.monument-hero .eyebrow{font-size:8px}.monument-signature strong{font-size:50px}.monument-art{width:115%}.monument-hero .hero-actions{gap:17px;flex-wrap:wrap}.monument-motion{font-size:6px}.hero-fleet-intro h2{font-size:33px}}
@media(max-width:680px){.hero.monument-hero{padding-top:15px}.monument-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.anniversary-monument{grid-row:1;width:100%;padding:0;margin:0 auto 10px;max-width:440px}.monument-art{width:100%;max-width:380px;margin-top:-16px;aspect-ratio:1122/950}.monument-signature{margin-top:-12px;gap:9px}.monument-signature strong{font-size:48px}.monument-signature>span{font-size:7px;letter-spacing:.23em}.monument-motion{margin-top:13px;padding:5px 8px}.monument-halo{bottom:13%;height:34%}.monument-hero .hero-copy{padding:25px 0 26px}.monument-hero .hero-copy>.eyebrow{font-size:8px;letter-spacing:.15em}.monument-kicker{margin-top:23px;font-size:8px;letter-spacing:.14em}.monument-hero h1{font-size:clamp(49px,12.6vw,82px);line-height:.98;margin:20px 0 22px}.monument-hero .hero-lead{font-size:11px;max-width:44ch}.monument-hero .hero-actions{gap:20px;margin-top:25px}.monument-hero .hero-baseline{margin-top:7px}.hero-fleet{padding:38px var(--pad) 35px}.hero-fleet-inner{grid-template-columns:minmax(0,1fr);gap:29px}.hero-fleet-intro h2{font-size:clamp(37px,10vw,54px);margin:14px 0 17px;max-width:13ch}.hero-fleet-intro h2 br{display:none}.hero-fleet-intro h2 br:after{content:' '}.hero-fleet-intro>p:not(.eyebrow){font-size:12px;max-width:34ch}.hero-fleet-intro .text-link{margin-top:20px}.hero-fleet .hero-slide figcaption>strong{font-size:20px}.hero-fleet .hero-slide figcaption{min-height:81px}.hero-fleet .carousel-dots{gap:6px}.hero-fleet .carousel-dots button{width:17px}.hero-fleet .carousel-dots button.active{width:27px}.hero-fleet .carousel-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){.monument-art,.monument-sheen,.monument-halo{animation:none!important;transform:none}.monument-sheen,.monument-motion{display:none}}

/* Anniversary brand signature, matching the approved poster. */
.monument-signature>.monument-brand{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:5px;font-size:11px;line-height:1.4;letter-spacing:.22em;font-weight:600;color:#e7e4dd}
.monument-brand:before{content:"";display:block;width:50px;height:2px;background:var(--red)}
@media(max-width:680px){.monument-signature>.monument-brand{font-size:9px;gap:12px;margin-top:4px}.monument-brand:before{width:40px}}