/* Nile Active v14: final passport geometry and editorial movement board. */

.motion-draft .na-passport-board-layout{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.motion-draft .na-passport-wall-column,
.motion-draft #race-wall{width:100%!important;max-width:none!important;min-width:0!important}
.motion-draft .na-race-wall__grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,240px))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:clamp(24px,3vw,48px)!important;
  margin-inline:auto!important;
}
.motion-draft .na-race-wall__item{
  width:240px!important;
  max-width:100%!important;
  justify-self:center!important;
  min-width:0!important;
}
.motion-draft .na-passport-card,
.motion-draft .na-passport-card--asset{
  position:relative!important;
  width:240px!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:720/1000!important;
  margin-inline:auto!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:0 18px 42px rgba(5,59,34,.18)!important;
  transform:none;
}
.motion-draft .na-passport-card__inside{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:10px!important;
}
.motion-draft .na-passport-card__cover-leaf{
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:720/1000!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.motion-draft .na-passport-card__cover-image,
.motion-draft .na-passport-card__cover-image--portrait{
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:contrast(1.04) saturate(1.02)!important;
  transform:none!important;
}
.motion-draft .na-passport-card__cover-grain{opacity:.07!important;mix-blend-mode:soft-light!important}
.motion-draft .na-passport-card__caption{
  position:absolute!important;
  top:17px!important;
  right:18px!important;
  bottom:auto!important;
  left:auto!important;
  z-index:12!important;
  width:fit-content!important;
  min-width:0!important;
  max-width:46%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:#d8b233!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
  text-align:right!important;
  pointer-events:none!important;
}
.motion-draft .na-passport-card__runner{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  color:#d8b233!important;
  font:900 clamp(7px,.72vw,10px)/1.08 Archivo,Arial,sans-serif!important;
  letter-spacing:.08em!important;
  text-align:right!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  text-shadow:0 1px 6px rgba(2,23,13,.55)!important;
}
.motion-draft .na-passport-card__type,
.motion-draft .na-passport-card__metrics,
.motion-draft .na-passport-card__status,
.motion-draft .na-passport-card__hint,
.motion-draft .na-v11-cover-credential,
.motion-draft .na-passport-click-sticker{display:none!important}
.motion-draft .na-passport-card:hover .na-passport-card__cover-image,
.motion-draft .na-passport-card:focus-visible .na-passport-card__cover-image{transform:scale(1.012)!important}
.motion-draft .na-passport-card:focus-visible{outline:4px solid #d6272c!important;outline-offset:5px!important}

@media(max-width:760px){
  .motion-draft .na-race-wall__grid{grid-template-columns:minmax(0,240px)!important;gap:20px!important}
}
@media(prefers-reduced-motion:reduce){.motion-draft .na-passport-card__cover-image{transition:none!important}}

/* Final specificity pin: legacy variant selectors must not resize the branch cover geometry. */
html body.motion-draft #race-wall-section .na-race-wall__grid{
  grid-template-columns:repeat(3,minmax(0,240px))!important;
  justify-content:center!important;
  gap:clamp(24px,3vw,48px)!important;
}
html body.motion-draft #race-wall-section .na-race-wall__item{
  width:240px!important;
  max-width:240px!important;
}
html body.motion-draft #race-wall-section .na-race-wall__item .na-passport-card{
  width:240px!important;
  max-width:240px!important;
  height:auto!important;
  aspect-ratio:720/1000!important;
  overflow:hidden!important;
}
html body.motion-draft #race-wall-section .na-race-wall__item .na-passport-card__cover-leaf{
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:720/1000!important;
}
html body.motion-draft #race-wall-section .na-race-wall__item .na-passport-card__cover-image{
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
html body.motion-draft #race-wall-section .na-race-wall__item .na-passport-card__caption{
  position:absolute!important;
  inset:17px 18px auto auto!important;
  width:fit-content!important;
  min-width:0!important;
  max-width:46%!important;
  height:auto!important;
  transform:none!important;
}
html body.motion-draft #race-wall-section .na-race-wall__item .na-passport-card__runner{
  width:auto!important;
  max-width:100%!important;
  color:#d8b233!important;
  font:900 clamp(7px,.72vw,10px)/1.08 Archivo,Arial,sans-serif!important;
  letter-spacing:.08em!important;
  text-align:right!important;
  white-space:normal!important;
  overflow:visible!important;
}
@media(max-width:760px){
  html body.motion-draft #race-wall-section .na-race-wall__grid{grid-template-columns:minmax(0,240px)!important}
}

/* Homepage hero balance v2: full-screen crop, stronger brand hierarchy, top-leading alignment. */
html body.motion-draft .v3-main{width:100%!important;max-width:none!important;overflow-x:hidden!important}
html body.motion-draft .v3-hero{
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  height:calc(100svh - 82px)!important;
  min-height:720px!important;
  max-height:980px!important;
  margin:0!important;
  display:grid!important;
  align-items:start!important;
  padding:clamp(34px,4.2vh,54px) clamp(28px,5.4vw,88px) clamp(36px,4.5vh,58px)!important;
  overflow:hidden!important;
  background:#02170d!important;
}
html body.motion-draft .v3-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(1,12,7,.84) 0%,rgba(1,12,7,.62) 31%,rgba(1,12,7,.23) 61%,rgba(1,12,7,.03) 100%),
    linear-gradient(180deg,rgba(1,12,7,.05) 0%,rgba(1,12,7,0) 56%,rgba(1,12,7,.18) 100%)!important;
}
html body.motion-draft .v3-hero-video{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:58% 50%!important;
  filter:brightness(1.14) saturate(1.07) contrast(.98)!important;
  opacity:1!important;
  transform:scale(1.055)!important;
}
html body.motion-draft .v3-hero-copy{
  position:relative!important;
  z-index:2!important;
  width:min(660px,45vw)!important;
  max-width:660px!important;
  margin:0!important;
  transform:none!important;
}
html body.motion-draft .v3-hero .v3-kicker{
  max-width:600px!important;
  margin:0 0 12px!important;
  color:rgba(249,236,199,.9)!important;
  font-size:10px!important;
  line-height:1.4!important;
  letter-spacing:.28em!important;
  text-shadow:0 2px 16px rgba(0,0,0,.42)!important;
}
html body.motion-draft .v3-display.v3-brand-lockup{
  display:block!important;
  width:min(620px,37vw)!important;
  max-width:100%!important;
  margin:0 0 14px!important;
  font-size:0!important;
  line-height:0!important;
  text-shadow:none!important;
  text-transform:none!important;
}
html body.motion-draft .v3-brand-lockup img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:330px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 12px 30px rgba(0,0,0,.2))!important;
}
html body.motion-draft .v3-hero p:not(.v3-kicker){
  max-width:590px!important;
  margin:0!important;
  font-size:clamp(17px,1.38vw,21px)!important;
  line-height:1.45!important;
  text-shadow:0 3px 18px rgba(0,0,0,.5)!important;
}
html body.motion-draft .v3-hero .v3-actions{
  margin-top:18px!important;
  gap:10px!important;
}
html body.motion-draft .v3-hero-metrics{
  position:absolute!important;
  right:clamp(28px,4.2vw,68px)!important;
  bottom:clamp(48px,6vh,66px)!important;
  left:auto!important;
  width:min(830px,49vw)!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  z-index:3!important;
  transform:none!important;
}
html body.motion-draft .v3-hero-metric{
  min-width:0!important;
  min-height:132px!important;
  padding:17px 18px 15px!important;
  background:rgba(5,59,34,.72)!important;
  border-color:rgba(249,236,199,.28)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
html body.motion-draft .v3-hero-metric strong{font-size:clamp(40px,3.45vw,62px)!important;line-height:.9!important}
html body.motion-draft .v3-hero-metric small{font-size:10px!important;line-height:1.2!important;letter-spacing:.075em!important}

@media(max-width:1180px){
  html body.motion-draft .v3-hero{
    height:auto!important;
    min-height:calc(100svh - 82px)!important;
    max-height:none!important;
    padding:38px clamp(24px,5vw,60px) clamp(190px,20vw,238px)!important;
  }
  html body.motion-draft .v3-hero-copy{width:min(660px,62vw)!important;max-width:660px!important}
  html body.motion-draft .v3-display.v3-brand-lockup{width:min(540px,46vw)!important}
  html body.motion-draft .v3-hero-metrics{left:clamp(24px,5vw,60px)!important;right:clamp(24px,5vw,60px)!important;bottom:38px!important;width:auto!important}
}
@media(max-width:760px){
  html body.motion-draft .v3-hero{
    width:100%!important;
    height:auto!important;
    min-height:auto!important;
    margin:0!important;
    padding:34px 18px 30px!important;
  }
  html body.motion-draft .v3-hero-copy{width:100%!important;max-width:100%!important}
  html body.motion-draft .v3-hero .v3-kicker{font-size:9px!important;letter-spacing:.2em!important;margin-bottom:10px!important}
  html body.motion-draft .v3-display.v3-brand-lockup{width:min(350px,84vw)!important;margin-bottom:12px!important}
  html body.motion-draft .v3-hero p:not(.v3-kicker){max-width:520px!important;font-size:16px!important}
  html body.motion-draft .v3-hero .v3-actions{margin-top:16px!important}
  html body.motion-draft .v3-hero-metrics{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;grid-template-columns:1fr!important;margin-top:26px!important}
  html body.motion-draft .v3-hero-metric{min-height:104px!important}
  html body.motion-draft .v3-hero-video{object-position:62% 50%!important;filter:brightness(1.02) saturate(1.04) contrast(.99)!important;transform:scale(1.03)!important}
  html body.motion-draft .v3-hero::before{background:linear-gradient(90deg,rgba(1,12,7,.84) 0%,rgba(1,12,7,.5) 58%,rgba(1,12,7,.1) 100%),linear-gradient(180deg,rgba(1,12,7,.04),rgba(1,12,7,.34))!important}
}