@media(min-width:721px){.site-header{top:31px;height:58px;padding:0 5vw;background:transparent!important;border-bottom:0!important}.brand{position:relative;z-index:2}.site-nav{position:absolute!important;inset:0!important;transform:none!important;display:flex;justify-content:center;align-items:stretch;gap:0;background:transparent!important;text-align:center}.site-nav a{position:relative;display:flex;align-items:center;height:58px;padding:0 22px;color:#d8dee2;font-size:12px;letter-spacing:.14em;border:0;transition:color .2s,background-color .2s}.site-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#e15c3f;transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.site-nav a:hover,.site-nav a:focus-visible{background:rgba(0,0,0,.1);color:#fff!important}.site-nav a:hover::after,.site-nav a:focus-visible::after{transform:scaleX(1)}.site-nav .nav-cta{padding:0 22px}}
 .site-header{border-bottom:0!important}
@media(min-width:721px){.site-nav{position:absolute;left:50%!important;right:auto!important;transform:translateX(-50%)!important}.hero-content{top:55%!important}}
 .hero-content{position:absolute!important;left:50%;top:50%;width:100%;max-width:1000px!important;margin:0!important;padding-top:0;transform:translate(-50%,-50%)!important;text-align:center;isolation:isolate}.hero-content::before{content:"";position:absolute;z-index:-1;inset:-42px -70px;background:rgba(0,0,0,.38);filter:blur(32px);border-radius:18px}.hero-insignia{display:block;width:clamp(270px,30vw,450px);height:auto;margin:0 auto 24px;object-fit:contain}.hero-content h1{margin-left:auto;margin-right:auto;margin-bottom:18px}.hero-content .eyebrow{justify-content:center;font-size:13px;margin:0 auto 28px}.hero-copy{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}
body{overflow-x:hidden}
@media(max-width:720px){.hero-content{min-width:0}}
:root{--ink:#171b18;--paper:#e8e8df;--olive:#7c865f;--orange:#e16b3a;--muted:#8f958d;--line:rgba(232,232,223,.18);--serif:'Barlow Condensed',sans-serif;--body:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}.announcement{background:var(--orange);color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700;padding:8px}.site-header{position:absolute;z-index:5;top:31px;left:0;width:100%;padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px;object-fit:contain}.brand b,.brand small{display:block;line-height:1}.brand b{font-family:var(--serif);font-size:21px;letter-spacing:.04em}.brand small{color:#d2d5ca;font-size:8px;letter-spacing:.2em;margin-top:5px}.site-nav{display:flex;align-items:center;gap:38px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.13em}.site-nav a{transition:color .2s}.site-nav a:hover{color:var(--orange)}.nav-cta{border:1px solid rgba(255,255,255,.55);padding:10px 16px}.nav-cta span,.button span{font-size:17px;margin-left:10px}.menu-toggle{display:none;background:none;border:0;color:#fff;text-transform:uppercase;letter-spacing:.15em;font-size:10px}.menu-toggle span{font-size:20px;margin-left:8px}.hero{min-height:850px;height:94vh;position:relative;display:flex;align-items:center;color:#fff;background:url('https://15thmeu.net/images/hero/panel-formation.jpg') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,19,17,.95) 0%,rgba(15,19,17,.63) 47%,rgba(15,19,17,.2) 100%),linear-gradient(0deg,rgba(15,19,17,.78),transparent 38%)}.hero-content{position:relative;margin:0 5vw;max-width:700px;padding-top:85px}.eyebrow,.kicker{display:flex;align-items:center;gap:13px;text-transform:uppercase;font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--orange)}.eyebrow i{display:block;width:40px;height:1px;background:var(--orange)}h1,h2,h3{font-family:var(--serif);font-weight:600;text-transform:uppercase;line-height:.9;margin:25px 0;letter-spacing:.015em}h1{font-size:clamp(64px,8vw,124px);max-width:800px;margin:27px 0 30px}h1 em,h2 em{color:var(--olive);font-style:normal}.hero-copy{max-width:405px;color:#d6d8cf;font-size:14px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;align-items:center;padding:16px 22px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700}.button-light{background:#e9e9e0;color:var(--ink)}.button-dark{background:var(--orange);color:#fff}.text-link,.arrow-link{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.text-link span{color:var(--orange);font-size:17px;margin-left:12px}.hero-note{position:absolute;right:5vw;bottom:12%;display:flex;gap:15px;align-items:flex-start;text-transform:uppercase;font-size:9px;letter-spacing:.13em;line-height:1.7;color:#cbd0c2}.hero-note .line{height:50px;width:1px;background:var(--orange)}.scroll-cue{position:absolute;bottom:34px;left:5vw;text-transform:uppercase;letter-spacing:.17em;font-size:9px;color:#bec4b7}.scroll-cue span{margin-left:13px;color:var(--orange);font-size:17px}.section-pad{padding:120px 8vw}.section-label{color:var(--orange);font-size:10px;letter-spacing:.18em;font-weight:700;margin-bottom:70px}.intro-grid,.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end}.section-heading h2,.culture-heading h2,.elements h2,.join h2{font-size:clamp(52px,6vw,91px)}.section-heading .kicker,.culture-heading .kicker{color:var(--orange)}.section-heading p{max-width:470px}.intro-body{max-width:455px;color:#5d645c}.lead{font-size:19px!important;line-height:1.55;color:var(--ink);margin-bottom:28px}.arrow-link{display:inline-block;margin-top:22px;border-bottom:1px solid var(--orange);padding-bottom:7px}.arrow-link span{color:var(--orange);font-size:17px;margin-left:16px}.image-panel{margin-top:84px;position:relative}.image-panel img{width:100%;display:block;aspect-ratio:1.95/1;object-fit:cover;filter:saturate(.7)}.image-panel span{position:absolute;bottom:14px;left:17px;color:#fff;font-size:9px;letter-spacing:.12em}.dark-section{background:var(--ink);color:var(--paper)}.split-grid{align-items:center}.split-grid .image-panel{margin:0}.split-grid .image-panel img{aspect-ratio:.95/1}.split-grid .section-heading p{max-width:480px;color:#aeb5ab;margin-top:30px}.culture{background:#d2d4c8}.culture-heading{text-align:center;margin-bottom:75px}.culture-heading h2{margin-top:25px}.culture-heading .kicker{justify-content:center}.culture-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #969c90;border-bottom:1px solid #969c90}.culture-card{padding:30px 25px 38px;border-right:1px solid #969c90;min-height:260px}.culture-card:last-child{border:0}.card-number{font-size:10px;color:var(--orange);letter-spacing:.14em}.culture-card h3{font-size:37px;margin:52px 0 20px}.culture-card p{font-size:12px;color:#555d53;line-height:1.7}.elements-top{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end;margin-bottom:75px}.elements-top p{color:#aeb5ab;max-width:450px;margin:0 0 13px}.element-list{border-top:1px solid var(--line)}.element{display:grid;grid-template-columns:160px 1fr 50px;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:28px 0}.element-code{font-family:var(--serif);font-size:34px;color:var(--orange)}.element h3{font-size:30px;margin:0 0 7px}.element p{margin:0;color:#9ea69c;font-size:12px}.element-arrow{font-size:25px;color:var(--orange);text-align:right}.join{background:var(--orange);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:end}.join .kicker{color:#ffc8ad}.join h2{margin-bottom:28px}.join h2 em{color:#ffe0cf}.join-content p{max-width:440px;color:#ffdfd0;margin-bottom:34px}.stats{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.35)}.stats div{padding:23px 10px 20px 0;border-bottom:1px solid rgba(255,255,255,.35)}.stats div:nth-child(odd){border-right:1px solid rgba(255,255,255,.35)}.stats div:nth-child(even){padding-left:25px}.stats strong,.stats span{display:block}.stats strong{font-family:var(--serif);font-size:41px;line-height:1}.stats span{font-size:9px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;margin-top:9px}.footer{background:#101411;color:#aeb5ab;padding:55px 8vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px}.footer-brand{color:#fff}.footer-links{display:flex;gap:25px;text-transform:uppercase;font-size:9px;letter-spacing:.14em}.footer p{font-size:10px;margin:0;text-align:right}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:720px){.announcement{font-size:8px}.site-header{top:27px;padding:16px 6vw}.site-nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--ink);padding:25px 6vw;flex-direction:column;align-items:flex-start;gap:23px}.site-nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:720px;height:100svh;background-position:60% center}.hero-content{margin:0 6vw;padding-top:70px}.eyebrow{font-size:8px;gap:8px}.eyebrow i{width:18px}h1{font-size:52px;line-height:.88;margin:24px 0}.hero-copy{font-size:12px;max-width:300px}.hero-note{display:none}.section-pad{padding:75px 6vw}.section-label{margin-bottom:45px}.intro-grid,.split-grid,.elements-top,.join{grid-template-columns:1fr;gap:45px}.section-heading h2,.culture-heading h2,.elements h2,.join h2{font-size:58px}.intro-body .lead{font-size:16px!important}.image-panel{margin-top:55px}.split-grid .image-panel{order:2}.culture-heading{text-align:left;margin-bottom:45px}.culture-heading .kicker{justify-content:flex-start}.culture-grid{grid-template-columns:1fr 1fr}.culture-card{min-height:255px;padding:20px 15px}.culture-card:nth-child(2){border-right:0}.culture-card:nth-child(3){border-top:1px solid #969c90}.culture-card h3{font-size:29px;margin:40px 0 15px}.culture-card p{font-size:11px}.elements-top{margin-bottom:45px}.element{grid-template-columns:64px 1fr 20px;gap:12px;padding:22px 0}.element-code{font-size:25px}.element h3{font-size:24px}.element p{font-size:11px;line-height:1.5}.join{gap:50px}.stats{margin-top:20px}.footer{grid-template-columns:1fr;gap:25px;padding:45px 6vw}.footer-links{flex-wrap:wrap}.footer p{text-align:left}.button{padding:15px 17px}}

/* Reglas finales de la cabecera: prevalecen sobre el CSS anterior. */
body > .announcement {
  position: fixed;
  z-index: 1001;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
}

body > .site-header {
  position: fixed !important;
  z-index: 1000;
  background: linear-gradient(90deg, rgba(20,25,21,.98), rgba(61,62,55,.94)) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.18);
}

.hero-content::before {
  left: 50% !important;
  right: auto !important;
  width: 100vw;
  transform: translateX(-50%);
}

.hero {
  overflow: hidden;
}

.hero-video {
  position: absolute;
  inset: -6px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  object-fit: cover;
  filter: blur(5px) brightness(.58) saturate(.8);
  transform: scale(1.015);
  pointer-events: none;
}

.statement-section {
  min-height: 55svh;
  padding: 90px 8vw;
  display: grid;
  place-items: center;
  background: #0d0f12;
}

.statement-section p {
  width: min(100%, 960px);
  margin: 0;
  color: #fff;
  font-family: var(--serif);
  font-size: clamp(18px, 2.4vw, 35px);
  font-weight: 500;
  line-height: 1.22;
  text-align: center;
}

.unit-facts {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  margin: 0;
  padding: 64px 7vw 62px;
  color: #fff;
  background: #0d0f12;
}

.unit-facts::before,
.unit-facts::after {
  content: "";
  position: absolute;
  right: 5vw;
  left: 5vw;
  height: 1px;
  background: rgba(255,255,255,.1);
}

.unit-facts::before { top: 0; }
.unit-facts::after { bottom: 0; }

.unit-fact {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.unit-fact strong {
  font-family: var(--body);
  font-size: clamp(36px, 3.1vw, 52px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.04em;
}

.unit-fact strong.unit-fact-accent {
  color: #e15c3f;
}

.unit-fact span {
  margin-top: 14px;
  color: #b8bfcc;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.unit-fact small {
  margin-top: 8px;
  color: #e15c3f;
  font-size: 10px;
  line-height: 1.4;
}

.join .button-dark {
  background: #9f351e;
  color: #fff;
  box-shadow: 0 8px 22px rgba(74,20,10,.24);
  transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.join .button-dark:hover,
.join .button-dark:focus-visible {
  background: #7f2918;
  transform: translateY(-2px);
  box-shadow: 0 11px 26px rgba(74,20,10,.34);
}

@media (min-width: 721px) {
  .hero {
    box-sizing: border-box;
    height: auto !important;
    min-height: 100svh !important;
    padding-top: 89px;
    align-items: flex-start;
  }

  .hero-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    margin: 0 auto !important;
    padding: 10px 5vw 10px;
    transform: none !important;
  }

  .hero-insignia {
    width: clamp(110px, 16vw, 250px);
  }

  body > .site-header .site-nav > a {
    position: relative;
    cursor: pointer;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    color: #d8dee2 !important;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease;
  }

  body > .site-header .site-nav > a::after {
    content: none !important;
  }

  body > .site-header .site-nav > a:hover,
  body > .site-header .site-nav > a:focus-visible {
    color: #fff !important;
    border-bottom-color: #e15c3f !important;
    background-color: rgba(0,0,0,.1);
  }
}

@media (max-width: 720px) {
  .statement-section {
    min-height: 50svh;
    padding: 70px 7vw;
  }

  .statement-section p {
    font-size: clamp(18px, 5vw, 23px);
  }

  .unit-facts {
    grid-template-columns: repeat(2, 1fr);
    gap: 42px 16px;
    padding: 52px 6vw;
  }

  .unit-fact strong {
    font-size: 34px;
  }

  .hero {
    box-sizing: border-box;
    height: auto !important;
    min-height: 100svh !important;
    padding-top: 104px;
    align-items: flex-start;
  }

  .hero-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    margin: 0 auto !important;
    padding: 10px 6vw 10px;
    transform: none !important;
  }

  .hero-insignia {
    width: clamp(90px, 26vw, 130px);
  }

  .hero-actions {
    flex-wrap: wrap;
  }
}

/* Slider expansible de roles */
.elements .element-list {
  display: flex;
  height: 480px;
  gap: 12px;
  border: 0;
}

.elements .role-card {
  position: relative;
  isolation: isolate;
  display: flex;
  min-width: 0;
  flex: 1 1 0;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  overflow: hidden;
  padding: 32px 24px;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 11px;
  background: var(--role-image) var(--role-position, center)/cover no-repeat;
  transition: flex-grow .65s cubic-bezier(.22,1,.36,1), border-color .25s ease;
}

.elements .role-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(0deg,rgba(9,11,10,.96),rgba(9,11,10,.12) 70%),rgba(7,10,9,.35);
  transition: background-color .3s ease;
}

.elements .role-card:hover,
.elements .role-card:focus-visible {
  border-color: rgba(225,92,63,.7);
  outline: none;
}

.elements .role-card.is-active {
  flex-grow: 3.1;
}

.elements .role-card .element-code {
  position: absolute;
  right: 24px;
  bottom: 44%;
  left: 24px;
  color: rgba(255,255,255,.62);
  font-family: var(--body);
  font-size: clamp(42px, 4vw, 66px);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  transition: bottom .65s cubic-bezier(.22,1,.36,1),font-size .65s cubic-bezier(.22,1,.36,1),color .45s ease,letter-spacing .65s cubic-bezier(.22,1,.36,1),text-align .2s ease;
}

.elements .role-card.is-active .element-code {
  bottom: 158px;
  color: var(--orange);
  font-size: 12px;
  letter-spacing: .2em;
  text-align: left;
}

.elements .role-card:last-child.is-active .element-code {
  bottom: 190px;
}

.elements .role-card-content {
  width: 100%;
}

.elements .role-card-content h3,
.elements .role-card-content p {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .25s ease,transform .35s ease;
}

.elements .role-card-content h3 {
  margin: 0 0 14px;
  font-size: clamp(30px, 3vw, 48px);
}

.elements .role-card-content p {
  max-width: 560px;
  margin: 0;
  color: #d1d5cf;
  font-size: 13px;
  line-height: 1.75;
}

.elements .role-card.is-active .role-card-content h3,
.elements .role-card.is-active .role-card-content p {
  opacity: 1;
  transform: none;
  transition-delay: .18s;
}

@media (max-width: 720px) {
  .elements .element-list {
    height: 430px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .elements .element-list::-webkit-scrollbar { display: none; }

  .elements .role-card,
  .elements .role-card.is-active {
    min-width: 82vw;
    flex: 0 0 82vw;
    scroll-snap-align: center;
  }

  .elements .role-card .element-code,
  .elements .role-card.is-active .element-code {
    position: static;
    margin: 0 0 12px;
    color: var(--orange);
    font-size: 12px;
    letter-spacing: .2em;
    text-align: left;
  }

  .elements .role-card-content h3,
  .elements .role-card-content p {
    opacity: 1;
    transform: none;
  }
}