/* ============================================================
   ANTARCTIC LIFE — polar night design system
   primitive -> semantic -> component (OKLCH)
   ============================================================ */
:root{
  /* primitives */
  --p-polar-950: oklch(0.155 0.022 250);
  --p-polar-900: oklch(0.205 0.028 248);
  --p-polar-800: oklch(0.27 0.032 246);
  --p-ice-100:   oklch(0.955 0.012 230);
  --p-ice-300:   oklch(0.83 0.03 232);
  --p-ice-500:   oklch(0.68 0.035 235);
  --p-glacier:   oklch(0.8 0.095 214);
  --p-glacier-d: oklch(0.7 0.1 218);

  /* semantics */
  --bg:        var(--p-polar-950);
  --bg-2:      var(--p-polar-900);
  --ink:       var(--p-ice-100);
  --ink-2:     var(--p-ice-500);
  --accent:    var(--p-glacier);
  --accent-d:  var(--p-glacier-d);
  --line:      oklch(0.35 0.03 246 / 0.55);

  /* type */
  --f-display: "Oswald", "Arial Narrow", sans-serif;
  --f-serif:   "Instrument Serif", Georgia, serif;
  --f-ui:      "Space Grotesk", "Segoe UI", sans-serif;

  /* rhythm */
  --pad: clamp(1.25rem, 4vw, 4rem);
  --ease-cine: cubic-bezier(.2,.6,0,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
html.lenis, html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}

body{
  font:400 1rem/1.65 var(--f-ui);
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
em{font-family:var(--f-serif);font-style:italic;font-weight:400}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
::selection{background:var(--accent);color:var(--p-polar-950)}

.label{
  font:500 .72rem/1 var(--f-ui);
  letter-spacing:.22em;
  color:var(--ink-2);
  text-transform:uppercase;
}
.label--light{color:oklch(0.9 0.02 230 / .75)}

/* ============ PRELOADER ============ */
.preloader{
  position:fixed;inset:0;z-index:200;
  background:var(--p-polar-950);
  display:flex;align-items:center;justify-content:center;
}
.preloader__inner{text-align:center}
.preloader__label{
  font:500 .7rem/1 var(--f-ui);letter-spacing:.34em;color:var(--ink-2);
  margin-bottom:1rem;
}
.preloader__count{
  font:200 clamp(3rem,10vw,7rem)/1 var(--f-display);
  color:var(--ink);letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
}

/* ============ PROGRESS ============ */
.progress{
  position:fixed;top:0;left:0;right:0;height:2px;z-index:150;
  background:transparent;pointer-events:none;
}
.progress__bar{
  display:block;height:100%;width:100%;
  background:var(--accent);
  transform:scaleX(0);transform-origin:left;
}

/* ============ CURSOR ============ */
.cursor{position:fixed;top:0;left:0;z-index:190;pointer-events:none;mix-blend-mode:difference}
.cursor__dot,.cursor__ring{
  position:absolute;top:0;left:0;border-radius:50%;
  transform:translate(-50%,-50%);
}
.cursor__dot{width:6px;height:6px;background:#fff}
.cursor__ring{
  width:36px;height:36px;border:1px solid oklch(1 0 0 / .8);
  transition:width .25s,height .25s,border-color .25s;
}
.cursor.is-hover .cursor__ring{width:56px;height:56px}
.cursor.is-drag .cursor__ring{width:64px;height:64px;border-style:dashed}
@media (pointer:coarse){.cursor{display:none}}

/* ============ HEADER ============ */
.header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.1rem var(--pad);
  transition:background .4s,backdrop-filter .4s,padding .4s;
}
.header.is-scrolled{
  background:oklch(0.155 0.022 250 / .72);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  padding-block:.75rem;
}
.header__brand{
  font:400 .95rem/1 var(--f-display);
  letter-spacing:.18em;color:var(--ink);
}
.header__brand sup{font-size:.5em;letter-spacing:0;opacity:.6}
.header__nav{display:flex;gap:2.2rem}
.header__nav a{
  font:500 .72rem/1 var(--f-ui);letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-2);
  padding:.5rem 0;
  position:relative;
  transition:color .25s;
}
.header__nav a::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;
  background:var(--accent);
  transform:scaleX(0);transform-origin:right;
  transition:transform .35s var(--ease-cine);
}
.header__nav a:hover{color:var(--ink)}
.header__nav a:hover::after{transform:scaleX(1);transform-origin:left}
.header__cta{
  font:500 .72rem/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;
  color:var(--p-polar-950);background:var(--accent);
  padding:.7rem 1.2rem;border-radius:999px;
  display:inline-flex;align-items:center;gap:.45rem;
  transition:background .25s,transform .25s;
}
.header__cta:hover{background:var(--ink);transform:translateY(-1px)}
.header__burger{
  display:none;background:none;border:0;
  width:44px;height:44px;position:relative;
}
.header__burger span{
  position:absolute;left:10px;right:10px;height:1.5px;background:var(--ink);
  transition:transform .35s var(--ease-cine),top .35s;
}
.header__burger span:nth-child(1){top:18px}
.header__burger span:nth-child(2){top:26px}
.header__burger[aria-expanded="true"] span:nth-child(1){top:18px;transform:rotate(45deg)}
.header__burger[aria-expanded="true"] span:nth-child(2){top:18px;transform:rotate(-45deg)}

/* ============ MOBILE MENU ============ */
.menu{
  position:fixed;inset:0;z-index:95;
  background:var(--p-polar-950);
  display:flex;flex-direction:column;justify-content:center;gap:2rem;
  padding:var(--pad);
}
.menu[hidden]{display:none}
.menu__nav{display:flex;flex-direction:column;gap:.4rem}
.menu__link{
  font:300 clamp(2.6rem,11vw,4.5rem)/1.12 var(--f-display);
  text-transform:uppercase;letter-spacing:.02em;color:var(--ink);
  border-bottom:1px solid var(--line);
  padding:.35rem 0;
}
.menu__link--cta{color:var(--accent);font-size:clamp(1.4rem,6vw,2rem)}
.menu__foot{font:500 .68rem/1 var(--f-ui);letter-spacing:.3em;color:var(--ink-2)}

/* ============ HERO ============ */
.hero{
  position:relative;min-height:100dvh;
  display:flex;flex-direction:column;justify-content:flex-end;
  overflow:hidden;
}
.hero__media{position:absolute;inset:0;z-index:0}
.hero__img{
  width:100%;height:100%;object-fit:cover;
  transform-origin:center 60%;
}
.hero__shade{
  position:absolute;inset:0;
  background:
    linear-gradient(to top, oklch(0.155 0.022 250 / .92) 0%, oklch(0.155 0.022 250 / .25) 38%, transparent 62%),
    linear-gradient(to bottom, oklch(0.155 0.022 250 / .5) 0%, transparent 26%);
}
.hero__content{
  position:relative;z-index:1;
  padding:0 var(--pad) clamp(2rem,5vh,4rem);
}
.hero__kicker{
  font:500 .72rem/1 var(--f-ui);letter-spacing:.3em;color:var(--p-ice-300);
  margin-bottom:clamp(1rem,3vh,2rem);
}
.hero__title{
  font:200 clamp(4rem,15.5vw,15rem)/0.96 var(--f-display);
  text-transform:uppercase;letter-spacing:-.005em;
  color:var(--ink);
  margin-left:-.04em;
}
.hero__line{display:block;overflow:hidden}
.hero__line--indent{padding-left:clamp(2rem,9vw,10rem)}
.hero__word{display:inline-block;will-change:transform}
.hero__reg{
  font-family:var(--f-display);font-style:normal;
  font-size:.16em;vertical-align:super;opacity:.55;letter-spacing:0;
}
.hero__row{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:1.5rem;margin-top:clamp(1.4rem,4vh,2.6rem);
}
.hero__claim{
  font:400 clamp(1.15rem,2.2vw,1.6rem)/1.35 var(--f-ui);
  color:var(--p-ice-300);max-width:34ch;
}
.hero__claim em{color:var(--ink);font-size:1.08em}
.hero__actions{display:flex;gap:.9rem;flex-wrap:wrap}
.hero__scroll{
  position:absolute;right:var(--pad);bottom:clamp(2rem,5vh,4rem);z-index:1;
  display:flex;flex-direction:column;align-items:center;gap:.7rem;
}
.hero__scroll-label{
  font:500 .62rem/1 var(--f-ui);letter-spacing:.32em;color:var(--ink-2);
  writing-mode:vertical-rl;
}
.hero__scroll-line{
  width:1px;height:64px;background:oklch(0.9 0.02 230 / .22);
  overflow:hidden;display:block;
}
.hero__scroll-line span{
  display:block;width:100%;height:40%;
  background:var(--accent);
  animation:scrollhint 2.2s var(--ease-cine) infinite;
}
@keyframes scrollhint{
  0%{transform:translateY(-110%)}
  60%,100%{transform:translateY(270%)}
}

/* ============ BUTTONS ============ */
.btn{
  font:500 .78rem/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:.55rem;
  padding:1rem 1.7rem;border-radius:999px;
  transition:transform .25s var(--ease-cine),background .25s,color .25s,border-color .25s;
  border:1px solid transparent;
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn .arrow{transition:transform .25s}
.btn:hover .arrow{transform:translate(2px,-2px)}
.btn--solid{background:var(--accent);color:var(--p-polar-950)}
.btn--solid:hover{background:var(--ink)}
.btn--ghost{border-color:oklch(0.9 0.02 230 / .35);color:var(--ink)}
.btn--ghost:hover{border-color:var(--ink);background:oklch(0.9 0.02 230 / .08)}
.btn--big{
  background:var(--ink);color:var(--p-polar-950);
  font-size:.92rem;padding:1.35rem 2.6rem;
}
.btn--big:hover{background:var(--accent)}

/* ============ MARQUEE ============ */
.marquee{
  border-block:1px solid var(--line);
  padding:1.15rem 0;overflow:hidden;
  background:var(--bg);
}
.marquee__track{
  display:flex;width:max-content;
  animation:marquee 38s linear infinite;
}
.marquee__item{
  font:300 clamp(1.6rem,3.4vw,2.9rem)/1 var(--f-display);
  text-transform:uppercase;letter-spacing:.05em;
  color:transparent;
  -webkit-text-stroke:1px oklch(0.75 0.03 235 / .6);
  white-space:nowrap;
}
.marquee__item i{
  font-style:normal;color:var(--accent);
  -webkit-text-stroke:0;
  margin:0 1.2rem;font-size:.6em;vertical-align:middle;
}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ============ MANIFESTO ============ */
.manifesto{padding:clamp(6rem,14vh,10rem) var(--pad)}
.manifesto__grid{
  display:grid;grid-template-columns:1fr 2.2fr;
  gap:clamp(2rem,5vw,5rem);
  max-width:1500px;margin:0 auto;
}
.manifesto__meta{display:flex;flex-direction:column;gap:1rem}
.manifesto__coord{
  font:300 .8rem/1.5 var(--f-ui);letter-spacing:.14em;color:var(--ink-2);
}
.statement{
  font:300 clamp(2.3rem,5.4vw,5rem)/1.08 var(--f-display);
  text-transform:uppercase;letter-spacing:.005em;
  max-width:16ch;
}
.statement em{
  font-size:1.04em;letter-spacing:0;
  color:var(--accent);
  text-transform:none;
}
.manifesto__text{
  margin-top:2.4rem;max-width:56ch;
  font-size:1.05rem;color:var(--p-ice-300);
}
.manifesto__text strong{color:var(--ink);font-weight:500}
.manifesto__stats{
  list-style:none;display:flex;flex-wrap:wrap;gap:clamp(2rem,6vw,5rem);
  margin-top:3.2rem;padding-top:2.2rem;border-top:1px solid var(--line);
}
.manifesto__stats strong{
  display:block;font:200 clamp(2.6rem,5vw,4.2rem)/1 var(--f-display);
  color:var(--accent);
}
.manifesto__stats span{
  font:500 .68rem/1.4 var(--f-ui);letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-2);
}

/* ============ HOW ============ */
.how{padding:clamp(5rem,12vh,9rem) var(--pad);background:var(--bg-2)}
.how__head{max-width:1500px;margin:0 auto clamp(3rem,7vh,5rem)}
.how__title{
  font:300 clamp(2.3rem,5.4vw,5rem)/1.08 var(--f-display);
  text-transform:uppercase;margin-top:1rem;
}
.how__title em{color:var(--accent);text-transform:none}
.how__grid{
  display:grid;grid-template-columns:minmax(280px,420px) 1fr;
  gap:clamp(2.5rem,7vw,7rem);
  max-width:1500px;margin:0 auto;
}
.how__phone-col{position:relative;height:100%}
.phone{
  position:sticky;top:12vh;
  width:min(320px,100%);
  margin-inline:auto;
  aspect-ratio:9/19;
  border-radius:44px;
  border:1px solid oklch(0.45 0.03 246);
  background:var(--p-polar-950);
  padding:10px;
  box-shadow:0 40px 80px oklch(0.1 0.02 250 / .6), inset 0 0 0 1px oklch(0.2 0.02 250);
}
.phone__notch{
  position:absolute;top:22px;left:50%;transform:translateX(-50%);
  width:34%;height:22px;border-radius:12px;
  background:var(--p-polar-950);z-index:3;
}
.phone__screen{
  position:relative;width:100%;height:100%;
  border-radius:34px;overflow:hidden;
  background:var(--p-polar-900);
}
.screen{
  position:absolute;inset:0;
  opacity:0;transform:translateY(14px);
  transition:opacity .55s var(--ease-cine),transform .55s var(--ease-cine);
  background:#eef2f6;
}
.screen.is-active{opacity:1;transform:translateY(0)}
.screen img{width:100%;height:100%;object-fit:cover;object-position:top center}

.how__steps{display:flex;flex-direction:column}
.step{
  min-height:72vh;
  display:flex;flex-direction:column;justify-content:center;
  border-top:1px solid var(--line);
  padding:3rem 0;
}
.step:last-child{border-bottom:1px solid var(--line)}
.step__num{
  font:200 .85rem/1 var(--f-display);letter-spacing:.3em;
  color:var(--accent);margin-bottom:1.4rem;
}
.step__title{
  font:300 clamp(2.2rem,4.6vw,4rem)/1 var(--f-display);
  text-transform:uppercase;margin-bottom:1.2rem;
}
.step__text{max-width:46ch;color:var(--p-ice-300);font-size:1.05rem}
.step__text strong{color:var(--ink);font-weight:500}

/* ============ SPECIES ============ */
.species{background:var(--bg);position:relative}
.species__pin{
  min-height:100dvh;
  display:flex;flex-direction:column;justify-content:center;
  overflow:hidden;
  padding:clamp(4.5rem,9vh,6rem) 0 clamp(2rem,5vh,3.5rem);
}
.species__head{
  padding:0 var(--pad);
  display:flex;align-items:baseline;justify-content:space-between;gap:2rem;flex-wrap:wrap;
  margin-bottom:clamp(1.6rem,4vh,3rem);
}
.species__title{
  font:300 clamp(2.2rem,5vw,4.6rem)/1 var(--f-display);
  text-transform:uppercase;
}
.species__title em{color:var(--accent);text-transform:none}
.species__track{
  display:flex;gap:clamp(1rem,2.5vw,2.2rem);
  padding:0 var(--pad);
  width:max-content;
  will-change:transform;
}
.spanel{
  position:relative;
  width:clamp(300px,58vw,760px);
  flex-shrink:0;
}
.spanel__media{
  height:min(62vh,640px);
  overflow:hidden;border-radius:6px;
}
.spanel__media img{
  width:100%;height:100%;object-fit:cover;
  transform:scale(1.12);
  will-change:transform;
}
.spanel__cap{
  display:flex;align-items:baseline;gap:1.2rem;flex-wrap:wrap;
  padding-top:1.1rem;
}
.spanel__idx{font:300 .75rem/1 var(--f-display);letter-spacing:.25em;color:var(--accent)}
.spanel__name{
  font:300 clamp(1.5rem,2.6vw,2.4rem)/1 var(--f-display);
  text-transform:uppercase;
}
.spanel__latin{
  font:400 .95rem/1.4 var(--f-serif);font-style:italic;
  color:var(--ink-2);margin-left:auto;
}
.species__progress{
  margin:clamp(1.6rem,4vh,2.6rem) var(--pad) 0;
  height:1px;background:var(--line);position:relative;
}
.species__progress span{
  position:absolute;inset:0;background:var(--accent);
  transform:scaleX(0);transform-origin:left;
}

/* ============ EXPEDITION ============ */
.expedition{
  position:relative;min-height:110dvh;
  display:flex;align-items:center;
  overflow:hidden;
}
.expedition__media{position:absolute;inset:-12% 0;z-index:0}
.expedition__img{width:100%;height:100%;object-fit:cover}
.expedition__shade{
  position:absolute;inset:0;
  background:linear-gradient(to right, oklch(0.155 0.022 250 / .88) 0%, oklch(0.155 0.022 250 / .35) 55%, transparent 100%);
}
.expedition__content{
  position:relative;z-index:1;
  padding:0 var(--pad);
  max-width:1500px;margin:0 auto;width:100%;
}
.expedition__title{
  font:300 clamp(2.6rem,7vw,6.4rem)/1 var(--f-display);
  text-transform:uppercase;margin:1rem 0 2.6rem;
}
.expedition__title em{color:var(--accent);text-transform:none}
.expedition__list{list-style:none;max-width:620px}
.expedition__list li{
  display:flex;flex-direction:column;gap:.15rem;
  padding:1.15rem 0;border-top:1px solid oklch(0.9 0.02 230 / .25);
}
.expedition__list li:last-child{border-bottom:1px solid oklch(0.9 0.02 230 / .25)}
.expedition__list span{
  font:400 clamp(1.15rem,2vw,1.5rem)/1.2 var(--f-display);
  text-transform:uppercase;letter-spacing:.05em;
}
.expedition__list i{
  font:400 .85rem/1.5 var(--f-ui);font-style:normal;
  color:var(--p-ice-300);
}

/* ============ CONSERVATION ============ */
.conservation{
  display:grid;grid-template-columns:1.15fr 1fr;
  gap:clamp(2rem,5vw,5rem);
  padding:clamp(5rem,12vh,9rem) var(--pad);
  max-width:1600px;margin:0 auto;
  align-items:center;
}
.conservation__media{
  height:min(78vh,720px);overflow:hidden;border-radius:6px;
}
.conservation__media img{
  width:100%;height:112%;object-fit:cover;will-change:transform;
}
.conservation__title{
  font:300 clamp(2.2rem,4.8vw,4.4rem)/1.08 var(--f-display);
  text-transform:uppercase;margin:1rem 0 1.8rem;
}
.conservation__title em{color:var(--accent);text-transform:none}
.conservation__text{max-width:48ch;color:var(--p-ice-300);font-size:1.05rem}
.conservation__text strong{color:var(--ink);font-weight:500}
.conservation__note{
  margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid var(--line);
  font:500 .68rem/1.6 var(--f-ui);letter-spacing:.3em;color:var(--ink-2);
}

/* ============ PROJECT ============ */
.project{
  padding:clamp(7rem,16vh,12rem) var(--pad);
  background:var(--bg-2);
  text-align:center;
}
.project .label{display:block;margin-bottom:1.4rem}
.project__title{
  font:300 clamp(2.6rem,7vw,6.4rem)/1.02 var(--f-display);
  text-transform:uppercase;
  max-width:14ch;margin:0 auto;
}
.project__title em{color:var(--accent);text-transform:none}
.project__text{
  max-width:56ch;margin:2.4rem auto 0;
  color:var(--p-ice-300);font-size:1.05rem;
}
.project__text strong{color:var(--ink);font-weight:500}
.project__cta{margin-top:3.6rem;display:flex;flex-direction:column;align-items:center;gap:1.6rem}
.project__soon{font:500 .7rem/1 var(--f-ui);letter-spacing:.32em;color:var(--ink-2)}

/* ============ FOOTER ============ */
.footer{padding:clamp(3rem,8vh,5rem) var(--pad) 2rem;border-top:1px solid var(--line)}
.footer__seal{
  width:clamp(90px,10vw,130px);height:auto;
  margin:0 auto clamp(1.4rem,3vh,2.2rem);
  opacity:.9;
}
.footer__word{
  display:block;text-align:center;
  font:200 clamp(3rem,11.5vw,11rem)/1 var(--f-display);
  text-transform:uppercase;letter-spacing:.01em;
  color:transparent;
  -webkit-text-stroke:1px oklch(0.6 0.03 240 / .55);
  transition:color .5s var(--ease-cine);
  white-space:nowrap;
}
.footer__word:hover{color:var(--ink);-webkit-text-stroke-color:transparent}
.footer__row{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;
  margin-top:clamp(2.5rem,6vh,4rem);
  padding-top:1.6rem;border-top:1px solid var(--line);
}
.footer__nav{display:flex;gap:1.8rem;flex-wrap:wrap}
.footer__nav a{
  font:500 .68rem/1 var(--f-ui);letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-2);padding:.4rem 0;transition:color .25s;
}
.footer__nav a:hover{color:var(--ink)}
.footer__credit,.footer__made{
  font:400 .68rem/1.6 var(--f-ui);letter-spacing:.12em;color:var(--ink-2);
}

/* ============ REVEAL HELPERS ============ */
[data-split] .w{display:inline-block;overflow:hidden;vertical-align:bottom}
[data-split] .w > span{display:inline-block;will-change:transform}
[data-fade]{will-change:transform,opacity}

/* ============ RESPONSIVE ============ */
@media (max-width:1023px){
  .manifesto__grid{grid-template-columns:1fr;gap:2rem}
  .how__grid{grid-template-columns:1fr}
  .how__phone-col{order:-1;margin-bottom:1rem}
  .phone{position:relative;top:0}
  .step{min-height:0;padding:2.6rem 0}
  .conservation{grid-template-columns:1fr}
  .conservation__media{height:min(60vh,520px)}
}
@media (max-width:767px){
  .header__nav,.header__cta{display:none}
  .header__burger{display:block}
  .hero__scroll{display:none}
  .hero__row{flex-direction:column;align-items:flex-start}
  .hero__line--indent{padding-left:clamp(1rem,10vw,3rem)}
  .spanel{width:82vw;scroll-snap-align:center}
  .spanel__media{height:52vh}
  .spanel__latin{margin-left:0;flex-basis:100%}
  .species__pin{min-height:0;overflow:visible}
  .species__track{
    width:auto;max-width:100%;
    overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:1rem;
    scrollbar-width:none;
    will-change:auto;
  }
  .species__track::-webkit-scrollbar{display:none}
  .footer__row{flex-direction:column;align-items:flex-start}
}

/* ============ REDUCED MOTION ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .marquee__track{animation:none;transform:none}
  .hero__img{transform:none!important}
  .spanel__media img{transform:none}
}

/* ============ IDIOMAS, TIENDAS, SIN FINES DE LUCRO Y BANDERAS (sitio en es / en / pt) ============ */
.header__right{display:flex;align-items:center;gap:1.4rem}
.header__lang,.menu__lang{display:flex;align-items:center;gap:.45rem;font:500 .72rem/1 var(--f-ui);letter-spacing:.16em;color:var(--ink-2)}
.header__lang a,.menu__lang a{color:var(--ink-2);padding:.35rem .1rem;transition:color .25s}
.header__lang a:hover,.menu__lang a:hover{color:var(--ink)}
.header__lang strong,.menu__lang strong{color:var(--accent);font-weight:500}
.menu__lang{font-size:1rem;gap:.8rem;margin:2rem 0 1.4rem}

.hero__side{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}
.stores{display:flex;flex-wrap:wrap;gap:.75rem}
.stores--center{justify-content:center}
.store{
  display:inline-flex;align-items:center;gap:.7rem;height:3.4rem;padding:0 1.15rem;
  background:#000;color:#fff;border:1px solid #A6A6A6;border-radius:.75rem;cursor:default;
}
.store svg{width:1.65rem;height:1.65rem;flex:none}
.store__txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1;text-align:left}
.store__sm{font:500 .6rem/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.28rem;opacity:.9}
.store__lg{font:600 1.22rem/1 var(--f-ui);letter-spacing:-.01em}

.project__nonprofit{
  max-width:46rem;margin:2.2rem auto 0;text-align:center;
  font-size:.98rem;line-height:1.6;color:var(--p-ice-300);
  padding:1rem 1.4rem;border:1px solid var(--line);border-radius:1rem;
}
.project__nonprofit strong{color:var(--accent);font-weight:500}

.footer__made{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.flags{display:inline-flex;gap:.4rem;align-items:center}
.flags img{width:24px;height:16px;border-radius:2px;box-shadow:0 0 0 1px oklch(0.9 0.02 230 / .25);display:block}

@media (max-width:767px){
  .header__right{display:none}
  .hero__side{align-items:flex-start}
  .store{height:3.1rem;padding:0 .95rem}
  .store__lg{font-size:1.1rem}
}
@media (min-width:768px){.hero__row{padding-right:2.6rem}}

/* ============ EXPLORAR — ATLAS (0.16.0) ============ */
.explore{padding:clamp(6rem,14vh,10rem) var(--pad);background:var(--bg-2);overflow:hidden}
.explore__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2.5rem,6vw,6rem);align-items:center;max-width:1500px;margin:0 auto}
.explore .label{display:block;margin-bottom:1.4rem}
.explore__title{font:300 clamp(2.3rem,5.4vw,5rem)/1.05 var(--f-display);text-transform:uppercase;max-width:16ch}
.explore__title em{color:var(--accent);text-transform:none}
.explore__text{max-width:52ch;margin-top:1.8rem;font-size:1.05rem;color:var(--p-ice-300)}
.explore__text strong{color:var(--ink);font-weight:500}
.explore__list{list-style:none;margin-top:2.4rem;display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 2.2rem}
.explore__list li{display:flex;gap:.9rem;align-items:flex-start}
.explore__list strong{display:block;font:500 .78rem/1.3 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:.35rem}
.explore__list p{font-size:.93rem;line-height:1.55;color:var(--ink-2)}
.explore__mark{flex:none;width:14px;height:14px;margin-top:.15rem}
.explore__mark--story{background:#C98A3A;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.explore__mark--site{background:#8E63C7;transform:rotate(45deg) scale(.8)}
.explore__mark--base{background:#D0453A;border-radius:3px}
.explore__mark--around{border-radius:50%;background:#3FB27A;box-shadow:0 0 0 4px oklch(0.7 0.13 155 / .25)}
.explore__stats{list-style:none;display:flex;flex-wrap:wrap;gap:clamp(1.6rem,4vw,3.4rem);margin-top:2.8rem;padding-top:2rem;border-top:1px solid var(--line)}
.explore__stats strong{display:block;font:200 clamp(2.2rem,4vw,3.4rem)/1 var(--f-display);color:var(--accent)}
.explore__stats span{font:500 .66rem/1.4 var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}
.explore__phones{position:relative;height:clamp(520px,62vw,700px);max-width:560px;width:100%;margin:0 auto}
.xphone{
  position:absolute;width:min(300px,62%);aspect-ratio:780/1688;border-radius:40px;padding:9px;
  border:1px solid oklch(0.45 0.03 246);background:var(--p-polar-950);
  box-shadow:0 40px 80px oklch(0.1 0.02 250 / .6),inset 0 0 0 1px oklch(0.2 0.02 250);
}
.xphone__screen{width:100%;height:100%;border-radius:31px;overflow:hidden;background:#eef2f6}
.xphone__screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.xphone--back{right:0;top:0;transform:rotate(5deg);opacity:.92}
.xphone--front{left:0;bottom:0;transform:rotate(-3deg)}
@media (max-width:1023px){
  .explore__grid{grid-template-columns:1fr}
  .explore__phones{height:auto;aspect-ratio:1/1.05;max-width:520px}
}
@media (max-width:600px){
  .explore__list{grid-template-columns:1fr}
  .xphone{border-radius:30px;padding:7px}
  .xphone__screen{border-radius:24px}
}