/* EB Productores — estilos del sitio
   Tokens: azul noche #0C1440 · azul EB #16235E · verde EB #007A37 · lima #66B22F · fluo #B8F26A · crema #F4F5F0
   Breakpoints: < 600 mobile · 600–899 tablet · ≥ 900 desktop · menú completo ≥ 1180 (hamburguesa debajo) */

@font-face{font-family:Outfit;src:url(../fonts/outfit.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Raleway;src:url(../fonts/raleway.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(../fonts/instrument-serif-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --noche:#0C1440;--azul:#16235E;--verde:#007A37;--lima:#66B22F;--fluo:#B8F26A;--crema:#F4F5F0;--blanco:#fff;--alerta:#FF6B3D;
  --pad-x:clamp(18px,4vw,56px);--sec-y:clamp(96px,10vw,160px);
  --e-out:cubic-bezier(.16,1,.3,1);--e-soft:cubic-bezier(.2,.7,.2,1);
  --line-d:rgba(255,255,255,.14);--line-l:rgba(12,20,64,.14);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
html,body{margin:0;background:var(--noche);color:#fff;-webkit-font-smoothing:antialiased}
body{font-family:Raleway,sans-serif;overflow-x:clip}
/* ninguna imagen se deforma si su contenedor es más angosto que ella */
img{max-width:100%;height:auto}
a{color:var(--lima);text-decoration:none}
a:hover{color:#fff}
button{font:inherit}
::selection{background:var(--lima);color:var(--noche)}
:focus-visible{outline:2px solid var(--lima);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-60px;z-index:100;background:var(--lima);color:var(--noche);padding:12px 18px;border-radius:999px;font-family:Outfit,sans-serif;font-weight:600;transition:top .2s}
.skip:focus{top:16px;color:var(--noche)}

@keyframes ebMarq{from{transform:translateX(0)}to{transform:translateX(-33.333%)}}
/* cada tira repite sus fotos 4 veces y se desplaza exactamente una repetición: el loop nunca deja huecos */
@keyframes ebColUp{from{transform:translateY(0)}to{transform:translateY(calc(-25% - 3.5px))}}
@keyframes ebColDown{from{transform:translateY(calc(-25% - 3.5px))}to{transform:translateY(0)}}
@keyframes ebFloatA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(4%,-3%) scale(1.05)}}
@keyframes ebFloatB{0%,100%{transform:translate(0,0)}33%{transform:translate(-40%,30%)}66%{transform:translate(-15%,-20%)}}
@keyframes ebRowL{from{transform:translateX(0)}to{transform:translateX(calc(-25% - 2.5px))}}
@keyframes ebRowR{from{transform:translateX(calc(-25% - 2.5px))}to{transform:translateX(0)}}
@keyframes ebBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes ebCue{0%{transform:translateY(0);opacity:0}25%{opacity:1}70%{opacity:1}100%{transform:translateY(12px);opacity:0}}

/* ---------- utilidades ---------- */
.wrap{max-width:1440px;width:100%;margin:0 auto}
.tag{font-family:Outfit,sans-serif;font-weight:500;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--lima);text-wrap:balance}
.tag--verde{color:var(--verde)}
.tag--blanco{color:#fff;opacity:.85}
.serif{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400}
.acc-lima{color:var(--lima)}
.acc-verde{color:var(--verde)}
.h2{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(40px,5vw,84px);line-height:.92;letter-spacing:-.045em;margin:18px 0 0}
.lead{font-size:clamp(17px,1.3vw,20px);line-height:1.65;margin:28px 0 0;max-width:52ch;opacity:.9;text-wrap:pretty}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Outfit,sans-serif;font-weight:600;font-size:15px;padding:12px 20px;border-radius:999px;transition:all .25s;cursor:pointer;border:0}
.btn--line{border:1px solid rgba(255,255,255,.3);color:#fff}
.btn--line:hover{background:#fff;color:var(--noche);border-color:#fff}
.btn--lima{background:var(--lima);color:var(--noche)}
.btn--lima:hover{background:#fff;color:var(--noche)}
.on-mobile{display:none!important}
@media (max-width:899.98px){
  .on-desktop{display:none!important}
  .on-mobile{display:block!important}
  .nav__wa-round.on-mobile,.dots.on-mobile,.map__open.on-mobile{display:flex!important}
}

/* ---------- nav ---------- */
.nav{position:fixed;top:14px;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:0 var(--pad-x);pointer-events:none}
.nav__bar{pointer-events:auto;width:100%;max-width:1440px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:8px 0;border-radius:999px;transition:background .4s,border-color .4s,padding .4s var(--e-out);background:rgba(12,20,64,0);border:1px solid rgba(255,255,255,0);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.is-scrolled:not(.menu-open) .nav__bar{padding:8px 8px 8px 20px;background:rgba(12,20,64,.78);border-color:rgba(255,255,255,.12)}
.nav__logo{display:flex;align-items:center;justify-self:start}
/* el logo escala por ancho con alto automático: nunca se deforma (proporción 429×99) */
.nav__logo{min-width:0}
.nav__logo img{display:block;--lh:58px;width:calc(var(--lh) * 4.3333);max-width:100%;height:auto;transition:width .4s var(--e-soft)}
.is-scrolled .nav__logo img{--lh:36px}
.nav__links{display:flex;gap:4px;font-family:Outfit,sans-serif;font-weight:500;font-size:15px}
.nav__links a{color:#fff;padding:10px 16px;border-radius:999px;transition:background .25s}
.nav__links a:hover{background:rgba(255,255,255,.1)}
.nav__actions{display:flex;align-items:center;gap:8px;justify-self:end;grid-column:3}
.nav__wa-round{width:46px;height:46px;border-radius:50%;background:var(--lima);display:flex;align-items:center;justify-content:center}
.burger{width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.12);cursor:pointer;display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.burger span{display:block;width:18px;height:2px;background:#fff;transition:transform .3s}
.menu-open .burger span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-open .burger span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
@media (max-width:1179.98px){.nav__links{display:none}.burger{display:flex}.nav__bar{grid-template-columns:minmax(0,1fr) auto}.nav__actions{grid-column:2}}
@media (max-width:899.98px){.nav__logo img{--lh:40px}.is-scrolled .nav__logo img{--lh:30px}}

.menu{position:fixed;inset:0;z-index:45;background:var(--noche);padding:96px 20px 24px;display:none;flex-direction:column;height:100dvh;overflow-y:auto}
.menu-open .menu{display:flex}
@media (min-width:1180px){.menu-open .menu{display:none}}
.menu__link{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(22px,6.4vw,28px);letter-spacing:-.03em;color:#fff;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:baseline}
.menu__link span:last-child{font-size:14px;color:var(--lima)}
.menu__btns{margin-top:auto;padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.menu__btns a{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;font-family:Outfit,sans-serif;font-weight:600;font-size:16px}
.menu__btns a:first-child{background:var(--lima);color:var(--noche)}
.menu__btns a:last-child{border:1px solid rgba(255,255,255,.3);color:#fff}
.menu__rows{margin-top:16px;display:flex;flex-direction:column}
.menu__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12);color:#fff}
.menu__row>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.menu__row small{font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lima)}
.menu__row b{font-family:Outfit,sans-serif;font-weight:500;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.circle-arrow{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:14px}

/* ---------- 01 hero ---------- */
.hero{position:relative;height:100vh;min-height:620px;max-height:1000px;padding:clamp(96px,11vh,130px) var(--pad-x) clamp(28px,5vh,56px);display:flex;flex-direction:column;justify-content:center}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,4vw,72px);align-items:center}
.hero__text{position:relative;z-index:2}
.hero h1{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(48px,min(7vw,12vh),120px);line-height:.9;letter-spacing:-.05em;margin:20px 0 0}
.rot{display:block;height:1.08em;overflow:hidden;margin-top:.04em}
.rot__track{display:flex;flex-direction:column;letter-spacing:-.02em;color:var(--lima);transition:transform .9s cubic-bezier(.76,0,.24,1)}
.rot__track span{display:block;height:1.08em;line-height:1.08em;white-space:nowrap}
.hero__p{font-size:clamp(17px,1.35vw,20px);line-height:1.6;margin:clamp(16px,3vh,28px) 0 0;max-width:42ch;opacity:.82;text-wrap:pretty}
.ask{margin-top:clamp(20px,4vh,36px);max-width:560px}
.ask__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;color:var(--noche);border-radius:999px;padding:8px 8px 8px 26px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);transition:transform .3s}
.ask__bar:hover{transform:translateY(-2px);color:var(--noche)}
.ask__txt{font-family:Outfit,sans-serif;font-size:clamp(15px,4.2vw,20px);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ask__typed{color:var(--verde)}
.ask__caret{display:inline-block;width:2px;height:1em;background:var(--verde);vertical-align:-3px;margin-left:2px;animation:ebBlink 1s infinite}
.ask__go{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--verde);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}
.chips{display:flex;flex-wrap:wrap;overflow-x:auto;scrollbar-width:none;gap:8px;margin-top:14px}
.chips::-webkit-scrollbar{display:none}
.chip{flex-shrink:0;white-space:nowrap;font-family:Outfit,sans-serif;font-weight:500;font-size:14px;padding:10px 16px;min-height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;cursor:pointer;transition:all .25s}
.chip:hover{background:#fff;color:var(--noche);border-color:#fff}
.hero__art{position:relative;justify-self:center;width:min(100%,600px);height:min(calc(100vh - 200px),680px);transition:transform .8s var(--e-soft)}
.hero__cols{position:absolute;left:4%;right:4%;top:-6%;bottom:-6%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;overflow:hidden;transform:rotate(-7deg);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.9) 20%,rgba(0,0,0,.9) 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.9) 20%,rgba(0,0,0,.9) 80%,transparent 100%)}
.hero__col{display:flex;flex-direction:column;gap:14px;will-change:transform}
.hero__col:nth-child(1){animation:ebColUp 38s linear infinite}
.hero__col:nth-child(2){animation:ebColDown 44s linear infinite}
.hero__col:nth-child(3){animation:ebColUp 34s linear infinite}
.tile-img{aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:var(--azul);flex-shrink:0}
.tile-img img,.row-img img{width:100%;height:100%;object-fit:cover;display:block}
.hero__rows{position:relative;z-index:0;margin:-110px -18px 0;height:380px;overflow:hidden;opacity:.9;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 25%,#000 55%,#000 80%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 25%,#000 55%,#000 80%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-composite:intersect}
.hero__rows-in{position:absolute;left:-20%;right:-20%;top:50%;display:flex;flex-direction:column;gap:10px;transform:translateY(-50%) rotate(-7deg)}
.hero__row{display:flex;gap:10px;width:max-content}
.hero__row:nth-child(1){animation:ebRowL 30s linear infinite}
.hero__row:nth-child(2){animation:ebRowR 34s linear infinite}
.row-img{width:150px;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--azul);flex-shrink:0}
@media (max-width:899.98px){
  .hero{height:auto;max-height:none}
  .hero__grid{grid-template-columns:minmax(0,1fr)}
  .chips{flex-wrap:nowrap;margin-right:-18px;padding-right:18px}
  .hero__rows.on-mobile{display:block!important}
}

/* indicador "Descubrí más": abajo del hero en desktop; fijo abajo de la pantalla en mobile; se oculta al scrollear */
.cue{position:absolute;left:50%;bottom:clamp(20px,4vh,40px);translate:-50% 0;z-index:40;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;font-family:Outfit,sans-serif;font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;transition:opacity .4s,color .25s}
.cue:hover{color:var(--lima)}
.cue__mouse{width:26px;height:40px;border-radius:14px;border:1.5px solid currentColor;display:flex;justify-content:center;padding-top:8px}
.cue__mouse span{width:4px;height:8px;border-radius:2px;background:var(--lima);animation:ebCue 1.8s cubic-bezier(.16,1,.3,1) infinite}
.cue-off .cue,.menu-open .cue{opacity:0;pointer-events:none}
.no-js .cue{display:none}
@media (max-width:899.98px){.cue{position:fixed;bottom:max(20px,env(safe-area-inset-bottom))}}

/* ---------- 02 compañías ---------- */
.logos{padding:28px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;align-items:center}
.logos__track{display:flex;width:max-content;animation:ebMarq 32s linear infinite;align-items:center;margin:0;padding:0;list-style:none}
.logos__track li{display:flex;flex-shrink:0;align-items:center;gap:clamp(40px,5vw,80px);padding-right:clamp(40px,5vw,80px)}
.logos__track img{display:block;flex-shrink:0;height:var(--h);width:auto;filter:brightness(0) invert(1);opacity:.75}
.logos__track li::after{content:"";flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--lima)}
@media (max-width:899.98px){
  .logos{padding:22px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .logos::-webkit-scrollbar{display:none}
  .logos__track{animation:none}
  .logos__track img{height:calc(var(--h)*.78)}
  .logos__track li{gap:32px;padding-right:32px}
}

/* ---------- 03 manifiesto / cierre (palabras que se encienden) ---------- */
.man{background:var(--verde)}
.man__box{display:flex;flex-direction:column;justify-content:center;padding:clamp(96px,12vw,200px) var(--pad-x)}
.man__in{max-width:1280px;width:100%;margin:0 auto}
.man__p{font-family:Outfit,sans-serif;font-weight:400;font-size:clamp(30px,4.2vw,68px);line-height:1.08;letter-spacing:-.03em;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:0 .26em}
.w{transition:opacity .4s,color .4s;opacity:.18;color:#fff}
.w.is-on{opacity:1}
.man__p .w.acc{font-family:"Instrument Serif",serif;font-style:italic}
.man__p .w.acc.is-on{color:var(--fluo)}
.no-js .w{opacity:1}

/* ---------- 04 servicios ---------- */
.svc{background:var(--crema);color:var(--noche);position:relative}
.svc__sticky{position:relative;height:100vh;min-height:680px;max-height:1000px;padding:clamp(96px,9vw,120px) var(--pad-x) 48px;display:flex}
.svc__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(40px,5vw,88px)}
.svc__left{display:flex;flex-direction:column;justify-content:space-between;min-height:0}
.svc h2{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(40px,4.6vw,76px);line-height:.92;letter-spacing:-.045em;margin:18px 0 0}
.svc__list{display:flex;flex-direction:column;border-top:1px solid var(--line-l)}
.svc__item{all:unset;cursor:pointer;position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line-l);transition:opacity .35s;opacity:.38}
.svc__item:focus-visible{outline:2px solid var(--verde);outline-offset:2px}
.svc__item.is-on{opacity:1}
.svc__item span:first-child{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:var(--verde)}
.svc__item span:nth-child(2){font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(20px,1.8vw,28px);letter-spacing:-.02em}
.svc__item i{width:10px;height:10px;border-radius:50%;transition:transform .35s,background .35s;background:rgba(12,20,64,.2)}
.svc__item.is-on i{background:var(--verde);transform:scale(1.4)}
.svc__prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--verde);transform-origin:left;transform:scaleX(0)}
.svc__card{position:relative;border-radius:32px;overflow:hidden;background:var(--noche);min-height:0}
.svc__img{position:absolute;inset:0;transition:opacity .7s,transform 1.2s var(--e-soft);opacity:0;transform:scale(1.08)}
.svc__img.is-on{opacity:1;transform:scale(1)}
.svc__img img{width:100%;height:100%;object-fit:cover;display:block}
.svc__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,20,64,0) 35%,rgba(12,20,64,.88) 100%)}
.svc__info{position:absolute;left:0;right:0;bottom:0;padding:clamp(24px,3vw,44px);color:#fff}
.svc__n{font-family:Outfit,sans-serif;font-weight:500;font-size:14px;color:var(--lima)}
.svc__t{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(34px,3.6vw,56px);letter-spacing:-.035em;line-height:1;margin:10px 0 0}
.svc__d{font-size:clamp(15px,1.1vw,17px);line-height:1.6;margin:14px 0 0;max-width:54ch;opacity:.9;text-wrap:pretty}
.svc__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;align-items:center}
.svc__tags span{font-family:Outfit,sans-serif;font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3)}
.svc__cta{margin-left:auto;display:inline-flex;align-items:center;gap:10px;background:var(--lima);color:var(--noche);font-family:Outfit,sans-serif;font-weight:600;font-size:15px;padding:14px 22px;border-radius:999px}
.svc__cta:hover{background:#fff;color:var(--noche)}
.svc__m{padding:96px 18px 72px}
.svc__m h2{font-size:44px;margin:16px 0 32px}
.carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:0 18px 4px;scroll-padding:0 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.carousel::-webkit-scrollbar{display:none}
.mcard{flex:0 0 86%;scroll-snap-align:start;border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(12,20,64,.08);display:flex;flex-direction:column}
.mcard__img{height:180px;position:relative;background:var(--azul)}
.mcard__img img{width:100%;height:100%;object-fit:cover;display:block}
.mcard__body{padding:22px;display:flex;flex-direction:column;flex:1}
.mcard__n{font-family:Outfit,sans-serif;font-size:13px;font-weight:500;color:var(--verde)}
.mcard h3{font-family:Outfit,sans-serif;font-weight:500;font-size:28px;letter-spacing:-.03em;margin:6px 0 0}
.mcard p{font-size:15px;line-height:1.6;margin:10px 0 20px}
.mcard a{display:inline-flex;margin-top:auto;align-self:flex-start;background:var(--verde);color:#fff;font-family:Outfit,sans-serif;font-weight:600;font-size:15px;padding:14px 22px;border-radius:999px;min-height:48px;align-items:center}
.dots{display:flex;gap:6px;justify-content:center;margin-top:32px}
.dots span{height:6px;width:6px;border-radius:6px;transition:width .35s,background .35s;background:rgba(12,20,64,.2)}
.dots span.is-on{width:22px;background:var(--verde)}
.dots--dark span{background:rgba(255,255,255,.25)}
.dots--dark span.is-on{background:var(--lima)}
@media (max-width:899.98px){.svc__m.on-mobile{display:block!important}}

/* ---------- 05 por qué ---------- */
.why{padding:var(--sec-y) var(--pad-x)}
.row-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.why h2{margin:0;max-width:12ch}
.why__list{margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--line-d)}
.reason{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px 40px;align-items:center;padding:clamp(22px,2.4vw,36px) 0;border-bottom:1px solid var(--line-d);transition:border-color .35s;color:#fff;cursor:default}
.reason__h{display:flex;align-items:baseline;gap:clamp(16px,2vw,32px);margin:0;font-weight:inherit}
.reason__h span:first-child{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:var(--lima);transition:color .3s}
.reason__h span:last-child{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(28px,3.4vw,56px);letter-spacing:-.04em;line-height:1;transition:color .35s}
.reason p{font-size:clamp(15px,1.15vw,18px);line-height:1.6;margin:0;max-width:44ch;text-wrap:pretty;transition:opacity .4s;opacity:.6}
.reason.is-on{border-bottom-color:var(--lima)}
.reason.is-on .reason__h span:last-child{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--lima)}
.reason.is-on p{opacity:1}
@media (max-width:899.98px){.reason p{opacity:1}}

/* ---------- 06 25 años ---------- */
.yrs{background:var(--crema);color:var(--noche);overflow:hidden}
.yrs__in{padding:clamp(80px,9vw,140px) var(--pad-x) clamp(56px,6vw,96px)}
.yrs__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(24px,4vw,64px);align-items:end}
.yrs__num{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;font-size:clamp(170px,26vw,440px);line-height:.8;letter-spacing:-.04em;color:var(--verde);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:default;transform-origin:left bottom;transition:color .5s var(--e-out),transform .7s var(--e-out)}
.yrs__num:hover{color:var(--lima);transform:translateX(14px) rotate(-4deg)}
.yrs__txt{padding-bottom:clamp(8px,1.5vw,24px)}
.yrs__h{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(34px,3.8vw,60px);letter-spacing:-.04em;line-height:1;margin:0}
.yrs__h .serif{display:block;margin-top:6px;color:var(--verde)}
.yrs__p{font-size:clamp(16px,1.2vw,18px);line-height:1.65;margin:20px 0 0;max-width:46ch;text-wrap:pretty}
.strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}
.mod{position:relative;aspect-ratio:1;overflow:hidden}
.mod__rot{position:absolute;inset:0;transition:transform .9s cubic-bezier(.7,0,.2,1)}
.mod__c{position:absolute;border-radius:50%;left:0;width:100%;height:100%;top:50%}
.mod--q .mod__c{width:200%;height:200%;top:0}
@media (max-width:899.98px){.yrs__grid{text-align:center;justify-items:center}.yrs__p{margin-left:auto;margin-right:auto}}

/* ---------- 07 nosotros + equipo ---------- */
.about{padding:var(--sec-y) var(--pad-x) clamp(64px,8vw,120px)}
.about__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(40px,5vw,88px);align-items:center}
.about__photo{position:relative;width:100%;aspect-ratio:1448/1086;overflow:hidden;transition:clip-path .15s linear;clip-path:inset(0 round 32px)}
.about__photo img{width:100%;height:100%;object-fit:cover;display:block}
.pill{position:absolute;left:clamp(16px,2.4vw,32px);bottom:clamp(16px,2.4vw,32px);background:var(--lima);color:var(--noche);font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(16px,1.6vw,22px);padding:12px 22px;border-radius:999px}
.about .lead+.lead{margin-top:20px}
.team{padding:0 var(--pad-x) var(--sec-y)}
.team h2{font-size:clamp(36px,4.4vw,72px);margin:0}
.team__list{margin-top:clamp(32px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:clamp(12px,1.6vw,24px);scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;padding:0}
.team__list::-webkit-scrollbar{display:none}
.person{display:flex;flex-direction:column;gap:14px;scroll-snap-align:start}
.person__photo{position:relative;aspect-ratio:3/4;border-radius:24px 24px 0 0;overflow:hidden;background:linear-gradient(180deg,#1C2B6E,#0C1440)}
.blob-a,.blob-b{position:absolute;aspect-ratio:1;border-radius:50%;animation-play-state:paused!important}
.blob-a{left:6%;top:17%;width:88%;background:var(--verde);animation:ebFloatA 9s ease-in-out infinite}
.blob-b{right:5%;top:9%;width:18%;background:var(--lima);animation:ebFloatB 7s ease-in-out infinite}
.person__photo:hover .blob-a,.person__photo:hover .blob-b{animation-play-state:running!important}
.person__photo img{position:absolute;left:9%;bottom:0;width:82%;height:auto;display:block;transform-origin:50% 100%;transition:scale .8s var(--e-out)}
.person__photo:hover img{scale:1.04}
.person__photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,rgba(12,20,64,0) 0%,rgba(12,20,64,.7) 55%,#0C1440 100%);pointer-events:none}
.person h3{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(18px,1.5vw,22px);letter-spacing:-.02em;margin:0}
.person p{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(11px,.85vw,13px);line-height:1.3;color:var(--lima);margin:6px 0 0;text-wrap:balance}
@media (max-width:899.98px){
  .team__list{display:flex;overflow-x:auto;margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;scroll-padding:0 18px}
  .person{flex:0 0 42%}
  .person p{font-size:13px}
}

/* ---------- 08 San Cristóbal ---------- */
.sc{padding:0 var(--pad-x) var(--sec-y)}
.sc__card{background:var(--azul);border-radius:36px;padding:clamp(28px,4vw,64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(28px,4vw,64px);align-items:center}
.sc h2{font-size:clamp(32px,3.6vw,56px);line-height:1;letter-spacing:-.04em;text-wrap:balance}
.sc p{font-size:clamp(16px,1.2vw,18px);line-height:1.65;margin:0;max-width:50ch;opacity:.88;text-wrap:pretty}
.sc__btn{display:inline-flex;align-items:center;gap:10px;margin-top:28px;background:#fff;color:var(--noche);font-family:Outfit,sans-serif;font-weight:600;font-size:16px;padding:16px 26px;border-radius:999px;transition:all .25s}
.sc__btn:hover{background:var(--lima);color:var(--noche)}

/* ---------- 09 FAQ ---------- */
.faq{background:var(--crema);color:var(--noche);padding:var(--sec-y) var(--pad-x)}
.faq__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(32px,5vw,88px);align-items:start}
.faq__intro p{font-size:17px;line-height:1.6;margin:24px 0 0;max-width:36ch}
.faq__wa{display:inline-flex;margin-top:24px;background:var(--noche);color:#fff;font-family:Outfit,sans-serif;font-weight:600;font-size:15px;padding:14px 22px;border-radius:999px}
.faq__wa:hover{background:var(--verde);color:#fff}
.faq__list{border-bottom:1px solid var(--line-l)}
.qa{border-top:1px solid var(--line-l)}
.qa h3{margin:0;font:inherit}
.qa__btn{all:unset;cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;box-sizing:border-box}
.qa__btn:focus-visible{outline:2px solid var(--verde);outline-offset:2px}
.qa__q{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(19px,1.6vw,24px);letter-spacing:-.02em}
.qa__plus{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .4s var(--e-soft),background .3s;background:rgba(12,20,64,.06);color:var(--noche)}
.qa__a{display:grid;transition:grid-template-rows .45s var(--e-soft);grid-template-rows:0fr}
.qa__a>div{overflow:hidden}
.qa__a p{font-size:16px;line-height:1.65;margin:0 0 24px;max-width:56ch;padding-right:56px}
.qa.is-open .qa__plus{transform:rotate(45deg);background:var(--verde);color:#fff}
.qa.is-open .qa__a{grid-template-rows:1fr}
@media (max-width:899.98px){
  .faq{padding-top:64px;padding-bottom:64px}
  .faq__grid{gap:32px}
  .faq__intro p{margin-top:16px}
  .faq__wa{margin-top:20px}
  .qa__btn{padding:16px 0}
  .qa__a p{margin:0 0 16px;padding-right:0}
}

/* ---------- 09b Revisá tu póliza ---------- */
.poliza{margin:clamp(56px,7vw,112px) auto 0;scroll-margin-top:110px;background:var(--noche);color:#fff;border-radius:32px;padding:clamp(24px,4vw,64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(28px,5vw,88px);align-items:start}
.poliza__h,.nums__h{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(32px,3.4vw,52px);line-height:.95;letter-spacing:-.04em;margin:16px 0 0;text-wrap:balance}
.poliza__p{font-size:16px;line-height:1.6;margin:16px 0 0;max-width:42ch;opacity:.88;text-wrap:pretty}
.poliza__tag{display:inline-flex;align-items:center;gap:10px;margin:0;color:var(--alerta);font-family:Outfit,sans-serif;font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.poliza__dot{position:relative;width:24px;height:24px;flex-shrink:0;display:flex}
.poliza__dot::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--alerta);animation:ebPing 1.8s ease-out infinite}
.poliza__dot>span{position:relative;width:24px;height:24px;border-radius:50%;background:var(--alerta);color:var(--noche);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:0}
@keyframes ebPing{0%{transform:scale(1);opacity:.6}80%,100%{transform:scale(2.2);opacity:0}}
.acc-alerta{color:var(--alerta)}
.poliza__btn{margin-top:24px;min-height:48px;padding:0 22px;background:#fff;color:var(--noche);border:1.5px solid #fff;transition:all .25s}
.poliza__btn:hover{background:transparent;color:#fff}
.poliza__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line-d)}
.poliza__list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;padding:20px 0;border-bottom:1px solid var(--line-d);transition:border-color .35s}
@media (hover:hover){.poliza__list li:hover{border-bottom-color:var(--alerta)}.poliza__list li:hover h3{color:var(--alerta)}}
.poliza__list li>span{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:var(--alerta);padding-top:4px}
.poliza__list h3{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(20px,1.8vw,24px);letter-spacing:-.02em;margin:0;transition:color .35s}
.poliza__list p{font-size:15px;line-height:1.6;margin:6px 0 0;opacity:.85;text-wrap:pretty}

/* ---------- 09c Números útiles ---------- */
.nums{margin:clamp(56px,7vw,112px) auto 0;scroll-margin-top:110px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(24px,5vw,88px);align-items:start}
.nums__intro>p:last-child{font-size:16px;line-height:1.6;margin:16px 0 0;max-width:40ch;text-wrap:pretty}
.nums__side{min-width:0}
.nums__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
.ncard{background:#fff;border-radius:24px;padding:clamp(20px,2vw,28px);border:1px solid rgba(12,20,64,.08);display:flex;flex-direction:column;gap:16px;scroll-snap-align:start}
.ncard__logo{width:auto;align-self:flex-start;display:block}
.ncard__rows{display:flex;flex-direction:column;border-top:1px solid rgba(12,20,64,.1)}
.nrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;min-height:44px;border-bottom:1px solid rgba(12,20,64,.1);color:var(--noche);transition:color .25s}
.nrow:hover{color:var(--verde)}
.nrow>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.nrow small{font-family:Outfit,sans-serif;font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--verde)}
.nrow b{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(22px,2vw,26px);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.nrow i{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--verde);color:#fff;display:flex;align-items:center;justify-content:center}
.ncard__note{font-size:14px;line-height:1.55;margin:0;opacity:.8;text-wrap:pretty}
@media (max-width:899.98px){
  .nums__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -18px;padding:0 18px;scroll-padding:0 18px}
  .nums__list::-webkit-scrollbar{display:none}
  .ncard{flex:0 0 86%}
}

/* ---------- 10 contacto ---------- */
.contact{position:relative;padding:var(--sec-y) var(--pad-x)}
.contact__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(40px,5vw,88px);align-items:start}
.contact h2{font-size:clamp(48px,6.6vw,120px);line-height:.88;letter-spacing:-.05em}
.contact__p{font-size:clamp(16px,1.2vw,18px);line-height:1.65;margin:28px 0 0;max-width:42ch;opacity:.85;text-wrap:pretty}
.data{margin-top:40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-d);border:1px solid var(--line-d);border-radius:24px;overflow:hidden;font-style:normal}
.data>*{background:var(--noche);padding:22px;color:#fff}
.data a:hover{background:var(--azul);color:#fff}
.data small{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-family:Outfit,sans-serif}
.data b{display:block;font-family:Outfit,sans-serif;font-weight:500;font-size:18px;margin-top:8px}
.data .big{font-size:20px}
.data .mail{font-size:16px;word-break:break-all}
.form{background:#fff;color:var(--noche);border-radius:32px;padding:clamp(24px,3vw,44px);position:relative;overflow:hidden}
.steps{display:flex;gap:6px;margin-bottom:28px;max-width:60%}
.steps span{flex:1;height:4px;border-radius:4px;transition:background .3s;background:rgba(12,20,64,.12)}
.steps span.is-on{background:var(--verde)}
.form__h{font-family:Outfit,sans-serif;font-weight:500;font-size:22px;letter-spacing:-.02em;margin:0 0 16px;padding:0;float:left;width:100%}
.form__h+*{clear:both;margin-top:0!important}
.form fieldset{border:0;margin:32px 0 0;padding:0;min-width:0}
.form fieldset:first-of-type{margin-top:0}
.form fieldset:last-of-type{margin-top:28px}
.kinds{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.kind{font-family:Outfit,sans-serif;font-weight:500;font-size:15px;padding:11px 18px;min-height:44px;border-radius:999px;cursor:pointer;transition:all .2s;border:1px solid rgba(12,20,64,.18);background:#fff;color:var(--noche)}
.kind[aria-pressed="true"]{background:var(--noche);color:#fff;border-color:var(--noche)}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin-top:14px}
.field{font-family:Raleway,sans-serif;font-size:16px;font-weight:500;padding:17px 20px;border-radius:16px;border:1px solid rgba(12,20,64,.16);background:var(--crema);color:var(--noche);outline:none;width:100%;transition:border-color .2s,background .2s}
.field:focus{border-color:var(--verde);background:#fff}
.field::placeholder{color:rgba(12,20,64,.55)}
textarea.field{margin-top:12px;resize:vertical;display:block}
.sends{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;margin-top:14px}
.send{border:0;font-family:Outfit,sans-serif;font-weight:600;font-size:16px;padding:18px 24px;border-radius:999px;cursor:pointer;transition:all .25s;opacity:.5}
.form.is-ok .send{opacity:1}
.send--mail{background:var(--noche);color:#fff}
.send--mail:hover{background:var(--verde)}
.send--wa{background:var(--lima);color:var(--noche)}
.send--wa:hover{background:var(--verde);color:#fff}
.form__hint{font-size:14px;line-height:1.5;margin:12px 0 0;color:#B42318;min-height:0}
.form__hint:empty{display:none}
.thanks{padding:clamp(24px,4vw,56px) 0 clamp(8px,2vw,24px)}
.thanks p{font-size:clamp(16px,1.3vw,18px);line-height:1.6;margin:20px 0 0;max-width:36ch}
.thanks .thanks__h{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(48px,6vw,88px);letter-spacing:-.045em;line-height:.95;margin:0;max-width:none;text-wrap:balance;overflow-wrap:anywhere}
.thanks button{margin-top:24px;background:transparent;border:1px solid var(--noche);color:var(--noche);font-family:Outfit,sans-serif;font-weight:500;font-size:15px;padding:13px 22px;border-radius:999px;cursor:pointer}
@media (max-width:899.98px){
  .contact__grid{gap:0}
  .contact__info{display:contents}
  .form{order:1;margin-top:32px}
  .data{order:2;grid-template-columns:minmax(0,1fr)}
}

/* ---------- 11 mapa ---------- */
.map{padding:0 var(--pad-x)}
.map__box{position:relative;height:clamp(280px,30vw,420px);border-radius:32px;overflow:hidden;background:var(--azul)}
.map__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 20px;text-align:center;font-family:Outfit,sans-serif;font-weight:500;font-size:15px;color:rgba(255,255,255,.6)}
.map__box iframe{position:relative;width:100%;height:100%;border:0;display:block;filter:grayscale(1) invert(.92) hue-rotate(180deg) contrast(.9)}
.map__open{position:absolute;inset:0;align-items:flex-end;justify-content:center;padding:20px;background:linear-gradient(180deg,rgba(12,20,64,0) 40%,rgba(12,20,64,.7))}
.map__open span{display:inline-flex;align-items:center;min-height:48px;background:#fff;color:var(--noche);font-family:Outfit,sans-serif;font-weight:600;font-size:15px;padding:0 22px;border-radius:999px}
@media (max-width:899.98px){.map__open.on-mobile{display:flex!important}}

/* ---------- footer ---------- */
.foot{padding:var(--sec-y) var(--pad-x) 0}
.close-wrap{display:flex;align-items:center}
.close{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(48px,8.6vw,164px);line-height:.88;letter-spacing:-.055em;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;width:100%;gap:0 .22em;margin:0}
.close .w{opacity:.15;transition:opacity .5s,color .5s}
.close .w.is-on{opacity:1}
.close .w.acc{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--lima)}
.stars{display:flex;gap:2px}
.foot__cols{margin-top:clamp(96px,10vw,160px);padding-top:40px;border-top:1px solid var(--line-d);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:40px}
.foot__logo{width:243px;max-width:100%;height:auto;display:block}
.foot__brand{display:flex;flex-direction:column;gap:20px}
.foot__rate{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.foot__rate span{font-size:15px;line-height:1.5;opacity:.85;max-width:28ch}
.foot__rate a{display:inline-flex;align-items:center;min-height:44px;color:var(--lima);font-family:Outfit,sans-serif;font-weight:600;font-size:15px}
.foot__rate a:hover{color:#fff}
.foot__col{display:flex;flex-direction:column;gap:10px;font-size:15px;font-style:normal}
.foot__col h2{font-family:Outfit,sans-serif;font-size:12px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--lima);margin:0 0 6px}
.foot__col span{opacity:.85}
.foot__col a{color:#fff}
.foot__col a.mail{word-break:break-all}
.foot__col address{gap:10px}
@media (max-width:899.98px){
  .foot__cols{gap:28px}
  .foot__cols>*+*{border-top:1px solid var(--line-d);padding-top:28px}
  .foot__col address{gap:0}
  .foot__col address span{display:flex;align-items:center;min-height:32px}
  .foot__col address a{display:flex;align-items:center;min-height:44px;margin:-6px 0}
  .foot__bottom{align-items:center}
  .foot__bottom a{display:inline-flex;align-items:center;min-height:44px}
}
.socials{display:flex;gap:10px}
.socials a{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .35s var(--e-out),color .35s,border-color .35s,transform .45s cubic-bezier(.34,1.56,.64,1)}
.socials a:hover{background:var(--lima);color:var(--noche);border-color:var(--lima);transform:translateY(-4px) rotate(-10deg) scale(1.08)}
.ssn img{width:100%;max-width:260px;height:auto;display:block}
.foot__bottom{margin-top:clamp(56px,6vw,88px);padding:28px 0;border-top:1px solid var(--line-d);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;opacity:.55}
.foot__bottom a{color:#fff}

/* ---------- tablet (600–899px): carruseles de a ~2 tarjetas ---------- */
@media (min-width:600px) and (max-width:899.98px){
  .mcard{flex-basis:58%}
  .mcard__img{height:240px}
  .person{flex-basis:38%}
  .ncard{flex-basis:58%}
  .data{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc__m h2{font-size:56px}
}

/* ---------- trama de fondo (la inserta el JS) ---------- */
[data-trama]{position:relative;isolation:isolate;overflow:clip}
.trama{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:420px 420px;background-attachment:fixed;transition:opacity .4s;--x:-999px;--y:-999px;-webkit-mask-image:radial-gradient(circle 240px at var(--x) var(--y),#000 0%,rgba(0,0,0,.5) 45%,transparent 100%);mask-image:radial-gradient(circle 240px at var(--x) var(--y),#000 0%,rgba(0,0,0,.5) 45%,transparent 100%)}
.trama--touch{-webkit-mask-image:radial-gradient(circle at 100% 0%,#000 0%,rgba(0,0,0,.35) 30%,transparent 55%);mask-image:radial-gradient(circle at 100% 0%,#000 0%,rgba(0,0,0,.35) 30%,transparent 55%)}

/* ---------- cursor propio ---------- */
.cur{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;border-radius:50%;will-change:transform;opacity:0}
.cur--ring{width:40px;height:40px;margin:-20px 0 0 -20px;border:1.5px solid var(--lima);transition:width .35s var(--e-out),height .35s var(--e-out),margin .35s var(--e-out),background .3s,opacity .3s}
.cur--ring.is-big{width:64px;height:64px;margin:-32px 0 0 -32px;background:rgba(102,178,47,.18)}
.cur--dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--lima);transition:opacity .3s}
.has-cursor,.has-cursor *{cursor:none!important}

/* ---------- 404 ---------- */
.nf{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px var(--pad-x) 64px}
.nf h1{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(48px,8vw,120px);line-height:.9;letter-spacing:-.05em;margin:20px 0 0}
.nf p{font-size:clamp(17px,1.35vw,20px);line-height:1.6;max-width:44ch;opacity:.82;margin:24px 0 0}
.nf .btn{margin-top:32px;padding:16px 26px;font-size:16px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}