/* Local proposal — 19 October. Scoped to the opening screen. */
.landing .hero.hero-renewed{height:calc(100svh - 92px);min-height:650px;max-height:1100px;display:flex;align-items:center;justify-content:center;background:#12394b;color:#f8faf9;padding:60px 24px 95px;text-align:center;isolation:isolate}
.hero-renewed:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 120%,#3c7b90 0,transparent 60%),linear-gradient(115deg,#0d293b88,transparent 65%)}
.hero-art{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;mask-image:linear-gradient(transparent 4%,#000 45%)}
.hero-art svg{height:100%;width:100%;opacity:.65}
.value-rings{transform-origin:720px 620px;animation:ayg-breathe 12s ease-in-out infinite;stroke-width:1.2}
.value-rings ellipse:nth-child(2n){stroke-width:16;opacity:.17}
.hero-renewed-content{width:100%;max-width:1150px;position:relative;z-index:1}
.hero-eyebrow{font-size:11px;letter-spacing:.2em;display:flex;align-items:center;justify-content:center;gap:10px;color:#bad4dd;margin:0 0 36px}
.hero-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#b8e6e3;box-shadow:0 0 18px #b8e6e3}
.landing .hero-renewed h1{font-size:clamp(48px,5.55vw,86px);line-height:1.12;letter-spacing:-.045em;font-weight:400;margin:0 auto 28px;max-width:1100px;text-wrap:balance}
.landing .hero-renewed h1 em{display:inline;font-size:1.12em;color:#b8dce3;line-height:1;font-weight:400}
.landing .hero-renewed .hero-intro{font-size:18px;line-height:1.65;color:#cadce2;max-width:520px;margin:0 auto 34px}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:14px}
.hero-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 24px;min-height:56px;font-size:14px;border-radius:5px;transition:background .25s,transform .25s;border:1px solid #d9e9ee55}
.landing .hero-actions .hero-primary{background:#f8faf9;color:#173e50;border-color:#f8faf9}
.landing .hero-actions .hero-secondary{background:#ffffff05;color:#f8faf9}
.hero-actions a span{font-size:20px;line-height:1}.landing .hero-actions a:hover{transform:translateY(-3px);background:#d5e9eb;color:#163d50}
.hero-actions a:focus-visible{outline:3px solid #9bd3e6;outline-offset:5px}
.hero-signature{position:absolute;bottom:28px;left:6.25%;right:6.25%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#a7c5d0}
.hero-scroll-line{position:absolute;width:1px;height:30px;background:#a7c5d055;left:50%;bottom:-8px;overflow:hidden}.hero-scroll-line:after{content:"";position:absolute;inset:0;background:#d3e8ee;animation:ayg-scroll 2.5s ease-in-out infinite}
@keyframes ayg-breathe{0%,100%{transform:translateY(30px) scale(.98) rotate(-12deg)}50%{transform:translateY(-10px) scale(1.06) rotate(-8deg)}}
@keyframes ayg-scroll{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
@media(min-width:1500px){.landing .hero-renewed h1{font-size:90px}}
@media(max-width:760px){.landing .hero.hero-renewed{height:calc(100svh - 84px);min-height:590px;max-height:900px;padding:50px 22px 75px}.hero-eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:28px}.landing .hero-renewed h1{font-size:clamp(38px,7.3vw,54px);line-height:1.14;margin-bottom:25px;letter-spacing:-.045em}.landing .hero-renewed h1 em{display:block;margin-top:2px;font-size:1.2em}.landing .hero-renewed .hero-intro{font-size:16px;line-height:1.6;margin-bottom:30px}.hero-actions{gap:10px}.hero-actions a{padding:14px 17px;gap:20px;font-size:13px;min-height:51px}.hero-signature{justify-content:center;bottom:25px;font-size:8px}.hero-signature>span:last-child{display:none}.hero-scroll-line{display:none}.hero-art svg{width:180%;max-width:none;margin-left:-40%;opacity:.6}.hero-art{mask-image:linear-gradient(transparent 25%,#000 85%)}}
@media(max-width:370px){.landing .hero-renewed h1{font-size:35px}.hero-actions a{gap:12px;padding:14px}}
@media(prefers-reduced-motion:reduce){.value-rings,.hero-scroll-line:after{animation:none}}
/* Second direction: bold left-aligned typography and AYG blue light. */
.landing .hero.hero-renewed{text-align:left;justify-content:flex-start;padding:65px 6.25% 75px;background:#143d50}
.hero-renewed-content{max-width:1200px}
.landing .hero-renewed h1{font-size:clamp(60px,6.7vw,106px);line-height:1.03;letter-spacing:-.055em;margin:0 0 35px;max-width:1050px;text-wrap:initial}
.landing .hero-renewed h1 em{display:block;font-family:'AYG Acid',Georgia,serif;font-style:normal;font-weight:400;font-size:1.04em;letter-spacing:-.04em;line-height:1.12;color:#a9d4df;margin-top:5px}
.landing .hero-renewed .hero-intro{margin:0 0 30px;font-size:18px;line-height:1.6;max-width:500px}
.hero-actions{justify-content:flex-start}.hero-actions a{justify-content:center;min-width:155px;font-size:16px;padding:17px 32px;border-radius:3px}
.hero-renewed:before{background:radial-gradient(ellipse at 105% 90%,#4e91a3aa,transparent 57%),linear-gradient(110deg,#0c2b3ddd 5%,transparent 80%)}
.hero-art{inset:-12% -25% -25% 24%;mask-image:linear-gradient(90deg,transparent,#000 65%);transform:rotate(-28deg);opacity:.9}
.hero-art svg{width:100%;height:100%;opacity:.9;filter:blur(1px)}
.value-rings{stroke-width:2.5;animation-duration:18s}.value-rings ellipse:nth-child(2n){stroke-width:42;opacity:.14;filter:blur(9px)}
@media(max-width:760px){.landing .hero.hero-renewed{padding:45px 24px 55px;min-height:590px;height:calc(100svh - 80px)}.landing .hero-renewed h1{font-size:clamp(39px,9.1vw,65px);line-height:1.1;margin-bottom:30px;letter-spacing:-.05em}.landing .hero-renewed h1 em{font-size:1.11em;line-height:1.2;margin-top:5px}.landing .hero-renewed .hero-intro{font-size:16px;margin-bottom:28px}.hero-art{inset:5% -120% -35% -5%;opacity:.75;mask-image:linear-gradient(transparent 10%,#000 90%)}.hero-art svg{width:100%;margin:0}.hero-actions a{min-width:145px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.value-rings{animation:none}}
.landing .hero-renewed h1 em{font-size:1.48em;line-height:.95;letter-spacing:-.035em}
@media(max-width:760px){.landing .hero-renewed h1 em{font-size:1.5em;line-height:1.05;margin-top:9px}}

/* Serif romana para el cierre del titular. */
.landing .hero-renewed h1 em{font-family:Georgia,"Times New Roman",serif;font-style:normal;font-size:1.02em;font-weight:400;letter-spacing:-.065em;line-height:1.1;margin-top:10px}
.landing .hero-renewed h1{margin-bottom:42px}
@media(max-width:760px){.landing .hero-renewed h1 em{font-size:1.06em;line-height:1.15;letter-spacing:-.065em;margin-top:12px}.landing .hero-renewed h1{margin-bottom:35px}}
/* Tamaño del titular de la web actual. */
.landing .hero-renewed h1{font-size:clamp(65px,7.9vw,128px);line-height:.99;max-width:1180px}
.landing .hero-renewed h1 em{font-size:1.18em;line-height:1}
@media(max-width:1000px){.landing .hero-renewed h1{font-size:9.4vw}}
@media(max-width:760px){.landing .hero-renewed h1{font-size:clamp(44px,10.4vw,76px);line-height:1.04}.landing .hero-renewed h1 em{font-size:1.2em;line-height:1.01}}

/* Una misma voz tipográfica en los destacados editoriales. */
.landing em,.landing .footer-main p em,.landing .brand-serif{font-family:Georgia,"Times New Roman",serif;font-style:normal;font-weight:400;letter-spacing:-.055em}
.hero-line{display:block}
.landing .hero-renewed .hero-message{font-size:18px;line-height:1.65;color:#d9e7eb;margin:0;max-width:650px}
.hero-message span{display:block}
.landing .hero-renewed h1{margin-bottom:38px}
@media(max-width:760px){.landing .hero-renewed .hero-message{font-size:15px;line-height:1.7}.landing .hero-renewed h1{margin-bottom:30px}}

.landing .hero-renewed-content{max-width:none}
.landing .hero-renewed h1{max-width:none}

/* Acercar el cierre serif al resto del titular. */
.landing .hero-renewed h1 em{margin-top:-.06em}
@media(max-width:760px){.landing .hero-renewed h1 em{margin-top:-.03em}}
/* Un poco más de aire en el titular, sin alterar su escala. */
.landing .hero-renewed h1{letter-spacing:-.035em}
.landing .hero-renewed h1 em{letter-spacing:-.035em}
@media(max-width:760px){.landing .hero-renewed h1{letter-spacing:-.03em}.landing .hero-renewed h1 em{letter-spacing:-.03em}}
/* Ajuste fino de la separación antes del cierre. */
.landing .hero-renewed h1 em{margin-top:-.02em}
@media(max-width:760px){.landing .hero-renewed h1 em{margin-top:.01em}}

/* Final signature: deeper AYG ink on the light background. */
.landing .footer-main p em{color:#092c3d}

/* AYG kinetic service objects — fixed viewboxes preserve card dimensions. */
.ayg-service-art .advice-orbit,.ayg-service-art .advice-core,.ayg-service-art .brand-flower,.ayg-service-art .brand-signal{transform-origin:220px 165px}
.advice-orbit{animation:ayg-orbit 18s linear infinite}
.advice-core{animation:ayg-guidance 7s ease-in-out infinite}
.direction-top{animation:ayg-layer-top 5s ease-in-out infinite}
.direction-middle{animation:ayg-layer-middle 5s ease-in-out infinite}
.direction-lower{animation:ayg-layer-lower 5s ease-in-out infinite}
.project-one{animation:ayg-assemble-top 6s ease-in-out infinite}
.project-two{animation:ayg-assemble-left 6s ease-in-out infinite}
.project-three{animation:ayg-assemble-right 6s ease-in-out infinite}
.project-point{animation:ayg-joint 6s ease-in-out infinite}
.brand-flower{animation:ayg-orbit 24s linear infinite}
.brand-signal{animation:ayg-signal 4s ease-in-out infinite}
@keyframes ayg-orbit{to{transform:rotate(360deg)}}
@keyframes ayg-guidance{0%,100%{transform:rotate(-8deg) scale(.94)}50%{transform:rotate(8deg) scale(1.03)}}
@keyframes ayg-layer-top{0%,100%{transform:translateY(9px)}50%{transform:translateY(-14px)}}
@keyframes ayg-layer-middle{0%,100%{transform:translateY(5px)}50%{transform:translateY(-3px)}}
@keyframes ayg-layer-lower{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes ayg-assemble-top{0%,15%,100%{transform:translateY(-18px)}45%,65%{transform:translateY(0)}}
@keyframes ayg-assemble-left{0%,15%,100%{transform:translate(-16px,10px)}45%,65%{transform:translate(0,0)}}
@keyframes ayg-assemble-right{0%,15%,100%{transform:translate(16px,10px)}45%,65%{transform:translate(0,0)}}
@keyframes ayg-joint{0%,100%{opacity:.3}45%,65%{opacity:1}}
@keyframes ayg-signal{0%,100%{transform:scale(.91);opacity:.25}50%{transform:scale(1.03);opacity:.7}}
@media(prefers-reduced-motion:reduce){.ayg-service-art *{animation:none!important}}

/* Optical left edge: compensate glyph side bearings, preserve type scale. */
.hero-renewed .hero-line,.hero-renewed .hero-message span{position:relative}
.hero-renewed h1>.hero-line:nth-child(1){left:-.08em}
.hero-renewed h1>.hero-line:nth-child(2){left:-.025em}
.hero-renewed h1>em.hero-line{left:-.045em}
.hero-renewed .hero-message span{left:-.06em}
/* A living eye: recognition, attention and a distinctive point of view. */
.brand-eye-lids,.brand-eye-iris{transform-origin:220px 165px}
.brand-eye-lids{animation:ayg-eye-blink 7s ease-in-out infinite}
.brand-eye-look{animation:ayg-eye-look 7s ease-in-out infinite}
.brand-eye-iris{animation:ayg-orbit 24s linear infinite}
@keyframes ayg-eye-blink{0%,43%,49%,100%{transform:scaleY(1)}46%{transform:scaleY(.08)}}
@keyframes ayg-eye-look{0%,12%,100%{transform:translateX(0)}23%,39%{transform:translateX(16px)}57%,74%{transform:translateX(-16px)}88%{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.ayg-service-art *{animation:none!important}}