/* ============ EXMACHINA LATINO AMERICA ============ */
@font-face{font-family:'Umami';src:url('../fonts/NTUmamiTrial-Bold.otf') format('opentype');font-weight:700;font-display:block}
@font-face{font-family:'Dapper';src:url('../fonts/NTDapperTrial-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Dapper';src:url('../fonts/NTDapperTrial-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:'Neureal';src:url('../fonts/OONeurealTrial-SemiMono.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'NeurealMono';src:url('../fonts/OONeurealTrial-Mono.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Jabin';src:url('../fonts/Jabin-BoldSwash2.ttf') format('truetype');font-weight:700;font-display:block}

:root{
  --tinta:#100303;
  --oxblood:#1E0606;
  --rojo:#2E0909;
  --naranja:#FF3700;
  --gris:#B4B1B1;
  --blanco:#FFFFFF;
  --crema:#EDE7E1;
  --cyan:#4FC8F2;
  --teal:#2E5D4B;
  --sage:#A9C3B4;
  --wrap:min(92vw,1360px);
  --r-lg:28px;
  --r-md:18px;
  --dur:.75s;
  --ease:cubic-bezier(.22,1,.36,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
html.lenis{scroll-behavior:auto}
body{
  font-family:'Dapper',system-ui,-apple-system,sans-serif;
  background:var(--blanco);
  color:var(--rojo);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
::selection{background:var(--naranja);color:var(--blanco)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.wrap{width:var(--wrap);margin-inline:auto}
.mono{font-family:'NeurealMono',monospace}
.jabin{font-family:'Jabin',serif;font-weight:700}
.u-font{font-family:'Umami',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.005em;line-height:.94}
.c-naranja{color:var(--naranja)}
.c-blanco{color:var(--blanco)}
.c-tinta{color:var(--tinta)}
.plus{width:1em;height:1em;display:inline-block;vertical-align:-.12em;color:var(--naranja)}

/* accent overlay for Umami (trial lacks acute vowels) */
.dx{position:relative;display:inline-block}
.dx i{position:absolute;left:52%;top:-.30em;transform:translateX(-50%);font-family:'Dapper',sans-serif;font-style:normal;font-size:.62em;line-height:1;letter-spacing:0}
.nb{white-space:nowrap}

/* ---------- LOADER ---------- */
.loader{position:fixed;inset:0;z-index:200;background:var(--tinta);display:grid;place-items:center;animation:loaderAuto .65s var(--ease) 2.6s forwards}
.loader.is-done{animation:loaderOut .65s var(--ease) forwards}
@keyframes loaderOut{to{transform:translateY(-100%);}}
@keyframes loaderAuto{to{transform:translateY(-100%);visibility:hidden}}
.loader-inner{display:flex;flex-direction:column;align-items:center;gap:28px;width:min(64vw,540px)}
.loader-plus{width:54px;height:54px;color:var(--naranja);animation:spin 2.4s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.loader-word{width:100%;fill:var(--naranja);opacity:0;animation:fadeUp .8s var(--ease) .15s forwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- HEADER / NAV ---------- */
.hdr{position:absolute;top:0;left:0;right:0;z-index:40;padding:26px clamp(18px,3.2vw,46px);pointer-events:none}
.brand{display:flex;align-items:flex-end;gap:14px;pointer-events:auto;width:fit-content;padding:8px 0}
.brand-word{height:clamp(17px,1.6vw,23px);width:auto;fill:var(--naranja);color:var(--naranja)}
.brand-word use[href="#lgPlus"]{stroke:var(--naranja)}
.brand-script{height:clamp(22px,2.1vw,30px);width:auto;fill:var(--crema)}
#lgPlus{stroke:currentColor}

.pill{
  position:fixed;top:22px;right:clamp(16px,3vw,42px);z-index:100;
  display:flex;gap:6px;padding:6px;border-radius:999px;
  background:rgba(16,3,3,.42);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);
  backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 8px 32px rgba(16,3,3,.25);
  opacity:0;transform:translateY(-14px);
  animation:pillIn .8s var(--ease) 2.9s forwards;
}
@keyframes pillIn{to{opacity:1;transform:none}}
.pill-link{
  font-size:15px;color:var(--blanco);padding:11px 24px;border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  transition:background .3s,border-color .3s,color .3s;
  min-height:44px;display:flex;align-items:center;
}
.pill-link:hover{background:rgba(255,255,255,.10)}
.pill-link.is-active{background:var(--naranja);border-color:var(--naranja);color:var(--blanco)}

/* ---------- HERO ---------- */
.hero{position:relative;height:100svh;min-height:560px;background:var(--tinta);overflow:hidden}
.hero-slides{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
.hero-slide.is-active{opacity:1}
.hero-slide picture{display:block;width:100%;height:100%}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center 32%;transform:scale(1.05)}
.hero-slide.is-active img{animation:kenburns 7s ease-out forwards}
@keyframes kenburns{from{transform:scale(1.09)}to{transform:scale(1.0)}}
.hero::after{content:'';position:absolute;inset:auto 0 0 0;height:18%;background:linear-gradient(to top,rgba(16,3,3,.35),transparent);pointer-events:none}
.hero-dots{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;gap:14px;z-index:5}
.dot{width:11px;height:11px;border-radius:50%;border:0;background:rgba(255,255,255,.45);cursor:pointer;padding:0;transition:background .3s,transform .3s;position:relative}
.dot::after{content:'';position:absolute;inset:-17px} /* 11px dot -> 45px hit area */
.dot.is-active{background:var(--naranja);transform:scale(1.25)}

/* ---------- INTRO ---------- */
.intro{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,96px);align-items:center;padding:clamp(84px,10vw,150px) 0}
.eyebrow{font-family:'Neureal',monospace;font-size:14px;letter-spacing:.14em;color:var(--rojo);margin-bottom:30px}
.intro-h{font-weight:400;font-size:clamp(27px,2.9vw,42px);line-height:1.22;letter-spacing:-.01em;margin-bottom:30px;max-width:21em}
.intro-p{font-size:clamp(17px,1.45vw,21px);line-height:1.55;color:var(--rojo);max-width:34em}
.intro-img{border-radius:var(--r-md);overflow:hidden;aspect-ratio:1445/981}
.intro-img img{width:100%;height:100%;object-fit:cover}

/* ---------- LA OPORTUNIDAD ---------- */
.oport{padding:clamp(10px,2vw,28px) clamp(10px,1.6vw,24px) clamp(48px,6vw,90px)}
.oport-card{background:var(--oxblood);border-radius:var(--r-lg);padding:clamp(30px,4.5vw,68px);max-width:1600px;margin-inline:auto}
.tag{display:flex;align-items:center;gap:12px;color:var(--naranja);font-size:clamp(17px,1.5vw,21px);margin-bottom:clamp(28px,4vw,54px)}
.tag .plus{font-size:1.25em}
.oport-head{max-width:820px;margin-inline:auto;text-align:left;margin-bottom:clamp(36px,5vw,72px)}
.oport-h{font-weight:400;font-size:clamp(30px,3.9vw,56px);line-height:1.12;letter-spacing:-.012em;margin-bottom:28px}
.oport-sub{font-size:clamp(19px,2vw,28px);line-height:1.3;max-width:24em}
.servs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px)}
.serv{
  position:relative;border-radius:var(--r-md);overflow:hidden;cursor:pointer;isolation:isolate;
  aspect-ratio:1034/1120;
  background:linear-gradient(178deg,var(--edge) 30%,var(--deep) 100%);
  outline-offset:3px;
}
.serv:focus-visible{outline:3px solid var(--naranja)}
.serv-img{position:absolute;inset:0 0 auto 0;height:64%;overflow:hidden}
.serv-img img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .9s var(--ease)}
.serv-img::after{content:'';position:absolute;inset:auto 0 0 0;height:52%;background:linear-gradient(to bottom,transparent,var(--edge))}
.serv::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(10,7,6,.92) 0%,rgba(10,7,6,.72) 30%,rgba(10,7,6,.34) 55%,rgba(10,7,6,.06) 78%,transparent 100%);opacity:.9;transition:opacity .5s}
.serv-num{position:absolute;top:18px;right:20px;z-index:3;font-family:'NeurealMono',monospace;color:var(--naranja);font-size:15px;text-shadow:0 1px 8px rgba(10,7,6,.55),0 0 2px rgba(10,7,6,.4)}
.serv-body{position:absolute;inset:auto 0 0 0;z-index:2;padding:clamp(18px,1.8vw,28px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.serv-t{font-weight:400;font-size:clamp(23px,2vw,31px);line-height:1.1;color:var(--blanco);letter-spacing:-.01em}
.serv-plus{font-size:22px;transition:transform .5s var(--ease)}
.serv-d{
  font-size:clamp(14px,1.05vw,15.5px);line-height:1.5;color:rgba(255,255,255,.92);max-width:34em;
  opacity:0;transform:translateY(14px);
  transition:opacity .55s var(--ease) .06s,transform .55s var(--ease) .06s;
}
@media (hover:hover){
  .serv:hover .serv-d,.serv:focus-visible .serv-d,.serv.is-open .serv-d{opacity:1;transform:none}
  .serv:hover .serv-img img{transform:scale(1.06)}
  .serv:hover .serv-plus{transform:rotate(135deg)}
  .serv:hover::after{opacity:1}
}
@media (hover:none){
  .serv.is-open .serv-d{opacity:1;transform:none}
  .serv.is-open .serv-plus{transform:rotate(135deg)}
  .serv.is-open::after{opacity:1}
}

/* ---------- CLIENTES ---------- */
.clients{padding:clamp(90px,11vw,170px) 0 clamp(70px,8vw,120px)}
.statement{
  font-weight:400;font-size:clamp(30px,4.6vw,66px);line-height:1.12;letter-spacing:-.015em;
  color:var(--rojo);max-width:19em;margin-bottom:clamp(56px,7vw,110px);
}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marquee-track{display:flex;gap:clamp(14px,1.6vw,24px);width:max-content;animation:mq var(--mq-dur,52s) linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.mq-item{flex:0 0 auto;width:clamp(190px,20vw,300px);aspect-ratio:300/135;border-radius:14px;background:#F4F4F3;display:grid;place-items:center;overflow:hidden}
.mq-item img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.9;transition:opacity .3s}
.mq-item:hover img{opacity:1}

/* ---------- SOMOS ---------- */
.somos{padding-bottom:clamp(60px,7vw,110px)}
.somos-lockup{text-align:center;padding:clamp(30px,4vw,60px) 0 clamp(70px,9vw,140px)}
.somos-h{display:block}
.somos-h>span{display:block}
.somos-h .u-font{font-size:clamp(44px,8.4vw,124px);line-height:.92}
.somos-script{font-size:clamp(40px,7.6vw,112px);line-height:.52;position:relative;z-index:2;display:block;transform:translateY(-.04em)}
.somos-sub{font-size:clamp(28px,4.4vw,66px) !important;position:relative;z-index:1;max-width:15.5em;margin-inline:auto;padding-top:.12em}
.anio{display:flex;align-items:center;justify-content:center;gap:clamp(36px,7vw,110px);margin:clamp(36px,4.5vw,64px) 0}
.anio .mono{font-size:clamp(26px,3vw,44px);letter-spacing:.06em}
.anio img{width:clamp(96px,11vw,150px);height:auto}
.mono-block{font-family:'NeurealMono',monospace;font-size:clamp(13px,1.25vw,17px);line-height:1.75;letter-spacing:.05em;color:var(--rojo);max-width:44em;margin-inline:auto;text-transform:uppercase}

/* ---------- MANIFIESTO ---------- */
.mani{display:flex;flex-direction:column;gap:clamp(90px,12vw,190px);padding-bottom:clamp(90px,11vw,170px)}
.mani-item{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.mani-num{color:var(--rojo);font-size:15px;letter-spacing:.1em;margin-bottom:26px;position:relative;z-index:2}
.mani-h{font-size:clamp(34px,5.6vw,82px);color:var(--rojo);max-width:15em;position:relative;z-index:2;margin-bottom:30px}
.mani-h .jabin{font-style:normal;text-transform:none;font-size:1.14em;line-height:.7;vertical-align:-.06em;letter-spacing:0;display:inline-block;margin:0 .06em}
.mani-p{font-size:clamp(17.5px,2vw,28px);line-height:1.42;max-width:31em;position:relative;z-index:2}
.mani-ghost{
  position:absolute;z-index:0;top:50%;left:50%;
  transform:translate(calc(-50% + var(--gx,0px)),-50%);
  font-size:clamp(150px,26vw,390px);letter-spacing:-.02em;
  color:var(--cyan);line-height:1;pointer-events:none;white-space:nowrap;
}
.mani-item:nth-child(odd) .mani-ghost{--gx:-4vw}
.mani-item:nth-child(even) .mani-ghost{--gx:4vw}
[data-ilum] .w{opacity:var(--dim,.13)}
.no-js [data-ilum] .w,[data-ilum].ilum-done .w{opacity:1}

/* ---------- TRABAJO ---------- */
.trabajo{padding:0 clamp(10px,1.6vw,24px) clamp(60px,7vw,110px)}
.wfpc{
  position:relative;background:var(--teal);border-radius:var(--r-lg);
  max-width:1600px;margin-inline:auto;
  padding:clamp(30px,4.5vw,68px);
  display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,4vw,60px);
  color:var(--blanco);
}
.wfpc-num{position:absolute;top:clamp(24px,3vw,48px);right:clamp(24px,3vw,48px);color:var(--sage);font-size:clamp(18px,1.8vw,26px)}
.wfpc-h{font-weight:400;font-size:clamp(30px,3.8vw,56px);line-height:1.08;letter-spacing:-.012em;max-width:14em}
.wfpc-sage{color:var(--sage)}
.wfpc-plus{font-size:26px;color:var(--blanco);margin:26px 0 22px;display:block}
.wfpc-p{font-size:clamp(15.5px,1.3vw,18px);line-height:1.55;color:rgba(255,255,255,.92);max-width:36em;margin-bottom:clamp(30px,4vw,56px)}
.wfpc-q p{font-size:clamp(18px,1.7vw,24px);line-height:1.4;max-width:22em;margin-bottom:26px}
.wfpc-who{display:flex;gap:16px;align-items:center}
.wfpc-who img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.wfpc-who div{display:flex;flex-direction:column;gap:2px}
.wfpc-who strong{font-weight:500;font-size:17px}
.wfpc-who span{color:var(--sage);font-size:14.5px}
.wfpc-who em{font-style:normal;font-size:13.5px;font-family:'Neureal',monospace;letter-spacing:.03em}
.wfpc-imgs{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(12px,1.4vw,20px);align-content:end}
.wfpc-imgs figure{border-radius:14px;overflow:hidden;aspect-ratio:1/1}
.wfpc-imgs figure:last-child{aspect-ratio:508/637}
.wfpc-imgs img{width:100%;height:100%;object-fit:cover}

/* mosaic placeholders */
.mosaic{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:clamp(150px,17vw,270px);gap:clamp(14px,1.6vw,24px);margin-top:clamp(14px,1.6vw,24px)}
.m-a{grid-column:span 3;grid-row:span 2}
.m-b{grid-column:span 2;grid-row:span 1}
.m-c{grid-column:span 2;grid-row:span 1}
.m-d{grid-column:span 2;grid-row:span 2}
.m-e{grid-column:span 3;grid-row:span 2}
.mcard{
  position:relative;background:var(--bg);color:var(--fg);border-radius:var(--r-md);
  padding:24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;
  overflow:hidden;transition:transform .5s var(--ease);
}
.mcard:hover{transform:scale(.985)}
.mcard-meta{position:absolute;top:20px;left:22px;font-size:12.5px;letter-spacing:.1em;opacity:.85}
.mcard-plus{font-size:clamp(34px,3.6vw,54px);color:var(--fg);opacity:.9;transition:transform .6s var(--ease)}
.mcard:hover .mcard-plus{transform:rotate(90deg)}
.mcard-t{font-size:clamp(19px,1.9vw,27px);letter-spacing:-.01em}

/* ---------- EQUIPO ---------- */
.equipo-sec{padding:clamp(40px,5vw,80px) clamp(10px,1.6vw,24px) clamp(60px,7vw,110px)}
.equipo-h{font-size:clamp(64px,11vw,168px);color:var(--rojo);letter-spacing:-.02em;line-height:1;margin-bottom:clamp(30px,4vw,56px)}
.equipo-card{
  background:#1A0505;border-radius:var(--r-lg);max-width:1600px;margin-inline:auto;
  padding:clamp(26px,4vw,64px);display:flex;flex-direction:column;gap:clamp(56px,7vw,110px);
}
.member{display:grid;grid-template-columns:minmax(260px,460px) 1fr;gap:clamp(26px,5vw,80px);align-items:center}
.member-ph{border-radius:16px;overflow:hidden;aspect-ratio:1090/1322;background:#12131E}
.member-ph--clawd{background:#EDEBE4}
.member-ph img{width:100%;height:100%;object-fit:cover}
.member-txt{text-align:right;color:var(--naranja);display:flex;flex-direction:column;align-items:flex-end}
.member-name{font-size:clamp(64px,9vw,150px);line-height:.9;margin-bottom:18px}
.member-caps{font-family:'Umami',sans-serif;text-transform:uppercase;font-size:clamp(17px,1.7vw,25px);letter-spacing:.01em;margin-bottom:6px}
.member-role{font-size:clamp(16px,1.5vw,22px);margin-bottom:26px}
.member-bio{font-size:clamp(12.5px,1.05vw,15px);line-height:1.8;max-width:56em;letter-spacing:.01em}
.member-bio + .member-bio{margin-top:14px}
.member-link{text-decoration:underline;text-underline-offset:4px}
.member-link:hover{color:var(--crema)}

/* ---------- FOOTER ---------- */
.foot{background:var(--naranja);color:var(--rojo);padding-top:clamp(70px,8vw,120px);overflow:hidden}
.foot-top{display:grid;grid-template-columns:1.4fr .6fr;gap:clamp(40px,6vw,100px);align-items:start;padding-bottom:clamp(70px,9vw,140px)}
.foot-item{margin-bottom:clamp(36px,4.5vw,64px)}
.foot-item .plus{font-size:clamp(20px,2vw,30px);color:var(--rojo);display:block;margin-bottom:16px}
.foot-big{
  font-size:clamp(24px,3.6vw,54px);letter-spacing:-.015em;line-height:1.15;
  border-bottom:2px solid currentColor;padding-bottom:.08em;
  background-image:linear-gradient(currentColor,currentColor);background-size:0% 2px;background-repeat:no-repeat;background-position:0 100%;
  transition:opacity .3s;word-break:break-word;
}
.foot-big:hover{opacity:.72}
.foot-cols{display:flex;gap:clamp(40px,5vw,90px);padding-top:10px}
.foot-col{display:flex;flex-direction:column;gap:16px}
.foot-label{font-family:'Neureal',monospace;font-size:13.5px;letter-spacing:.06em;display:flex;align-items:center;gap:9px;margin-bottom:14px}
.foot-label .plus{color:var(--rojo);font-size:1.3em}
.foot-col a{font-size:clamp(17px,1.5vw,21px);width:fit-content;position:relative}
.foot-col a::after{content:'';position:absolute;left:0;bottom:-3px;height:1.5px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.foot-col a:hover::after{transform:scaleX(1);transform-origin:left}
.arrw{font-family:'Neureal',monospace;font-size:.85em}
.foot-logo{position:relative;width:98%;margin:0 auto;line-height:0;overflow:hidden;padding-top:1.5%}
.giant-word{width:100%;height:auto;fill:var(--rojo);color:var(--rojo);position:relative;z-index:1}
.giant-word use[href="#lgPlus"]{stroke:var(--rojo)}
.giant-script{position:relative;width:88%;height:auto;fill:var(--gris);margin-top:-4.2%;margin-bottom:-3.4%;z-index:2}

/* ---------- REVEALS (JS-gated) ---------- */
html.js [data-reveal],html.js [data-reveal-group]>*{opacity:0;transform:translateY(34px)}
html.js [data-clip]{clip-path:inset(14% 6% 14% 6% round 18px);transform:scale(1.05)}
html.js.anim-ready [data-reveal],html.js.anim-ready [data-reveal-group]>*,html.js.anim-ready [data-clip]{opacity:initial;transform:initial}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1080px){
  .servs{grid-template-columns:1fr 1fr}
  .serv:last-child{grid-column:span 2;aspect-ratio:2.1/1.05}
  .mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(160px,24vw,240px)}
  .m-a,.m-b,.m-c,.m-d,.m-e{grid-column:span 1;grid-row:span 1}
  .m-a,.m-e{grid-column:span 2}
}
@media (max-width:880px){
  .intro{grid-template-columns:1fr}
  .intro-img{order:-1}
  .wfpc{grid-template-columns:1fr}
  .member{grid-template-columns:1fr;gap:26px}
  .member-ph{max-width:420px}
  .member-txt{text-align:left;align-items:flex-start}
  .foot-top{grid-template-columns:1fr}
}
@media (max-width:720px){
  .hdr{padding:20px 18px}
  .brand-word{height:15px}
  .brand-script{height:19px}
  .pill{top:auto;bottom:calc(16px + env(safe-area-inset-bottom));right:50%;transform:translate(50%,14px)}
  @keyframes pillIn{to{opacity:1;transform:translate(50%,0)}}
  .pill-link{padding:11px 18px;font-size:14px}
  .servs{grid-template-columns:1fr}
  .serv,.serv:last-child{grid-column:span 1;aspect-ratio:1034/860}
  .serv-img{height:72%}
  /* full-bleed cover at 375px would blow the image up ~4x; a shorter hero + the
     0.63 mobile crop lands within a few px of the artwork's real proportions */
  .hero{height:72svh;min-height:460px}
  .hero-slide img{object-position:center 50%;transform:none}
  .hero-slide.is-active img{animation:none}
  .hero-dots{bottom:calc(84px + env(safe-area-inset-bottom))}
  .mani-p{font-size:17px}
  .wfpc-imgs{grid-template-columns:1fr 1fr}
  .foot-cols{gap:48px}
  .foot-logo{width:100%}
}

/* ---------- REDUCED MOTION ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .marquee-track{animation:none;flex-wrap:wrap;width:auto}
  .hero-slide.is-active img{animation:none;transform:none}
  .loader{animation-delay:.4s}
  .loader-plus{animation:none}
  [data-ilum] .w{opacity:1 !important}
  html.js [data-reveal],html.js [data-reveal-group]>*,html.js [data-clip]{opacity:1;transform:none;clip-path:none}
  .pill{animation-delay:.5s}
}