:root {
  --v36-night: #08110d;
  --v36-forest: #10231b;
  --v36-moss: #274636;
  --v36-ivory: #f5efe3;
  --v36-muted: rgba(245, 239, 227, .72);
  --v36-gold: #d6b879;
  --v36-line: rgba(214, 184, 121, .38);
  --v36-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --v36-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--v36-night); }
body.v36-site {
  margin: 0;
  color: var(--v36-ivory);
  background: var(--v36-night);
  font-family: var(--v36-sans);
  text-rendering: optimizeLegibility;
}
.v36-site img, .v36-site video { display: block; width: 100%; }
.v36-site a { color: inherit; }
.v36-site button { font: inherit; }
.v36-skip {
  position: fixed;
  z-index: 1000;
  top: 8px;
  left: 8px;
  padding: 10px 14px;
  color: #111;
  background: white;
  transform: translateY(-150%);
}
.v36-skip:focus { transform: none; }

.v36-header {
  position: fixed;
  z-index: 80;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px clamp(20px, 4vw, 64px);
  background: linear-gradient(to bottom, rgba(5, 10, 8, .76), transparent);
  transition: padding .3s ease, background .3s ease;
}
.v36-header.is-scrolled {
  padding-top: 13px;
  padding-bottom: 13px;
  background: rgba(7, 15, 11, .9);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .2);
  backdrop-filter: blur(16px);
}
.v36-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: white;
  text-decoration: none;
  font: 500 16px/1 var(--v36-serif);
  letter-spacing: .02em;
}
.v36-brand__mark {
  display: grid;
  place-items: center;
  width: 38px;
  aspect-ratio: 1;
  border: 1px solid var(--v36-line);
  border-radius: 50%;
  color: var(--v36-gold);
  font: 700 10px/1 var(--v36-sans);
  letter-spacing: .15em;
}
.v36-nav { display: flex; align-items: center; gap: clamp(14px, 2.5vw, 34px); }
.v36-nav a {
  color: white;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-decoration: none;
  text-transform: uppercase;
}
.v36-nav__cta {
  padding: 12px 18px;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 999px;
  background: rgba(0,0,0,.12);
}
.v36-menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 50%;
  color: white;
  background: rgba(0,0,0,.2);
}

.v36-hero {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  isolation: isolate;
}
.v36-hero__media {
  position: absolute;
  z-index: -3;
  inset: -2%;
  width: 104%;
  height: 104%;
  object-fit: cover;
  transform: scale(1.015);
  transition: transform 1.6s cubic-bezier(.2,.8,.2,1);
}
.v36-ready .v36-hero__media { transform: scale(1); }
.v36-hero__shade {
  position: absolute;
  z-index: -2;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4,10,7,.93) 0%, rgba(4,10,7,.54) 46%, rgba(4,10,7,.08) 78%),
    linear-gradient(0deg, rgba(4,10,7,.72) 0%, transparent 48%);
}
.v36-hero__content {
  position: absolute;
  z-index: 5;
  left: clamp(24px, 8vw, 120px);
  bottom: clamp(76px, 12vh, 130px);
  width: min(760px, calc(100% - 48px));
}
.v36-kicker {
  margin: 0 0 18px;
  color: var(--v36-gold);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .24em;
  text-transform: uppercase;
}
.v36-hero h1, .v36-story h2, .v36-guide h2, .v36-final h2 {
  margin: 0;
  font-family: var(--v36-serif);
  font-weight: 400;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.v36-hero h1 {
  max-width: 840px;
  font-size: clamp(52px, 7vw, 110px);
  line-height: .9;
}
.v36-hero__lead {
  max-width: 590px;
  margin: 26px 0 0;
  color: rgba(255,255,255,.86);
  font-size: clamp(15px, 1.4vw, 20px);
  line-height: 1.55;
}
.v36-actions { display: flex; align-items: center; gap: 24px; margin-top: 32px; }
.v36-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 51px;
  padding: 0 24px;
  border: 1px solid var(--v36-line);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .13em;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform .25s ease, background .25s ease, color .25s ease;
}
.v36-button:hover { transform: translateY(-2px); }
.v36-site .v36-button--light { color: #111912; border-color: var(--v36-ivory); background: var(--v36-ivory); }
.v36-button--line { background: rgba(255,255,255,.03); }
.v36-text-link { font-size: 12px; text-decoration: none; }
.v36-text-link span { margin-left: 8px; color: var(--v36-gold); }
.v36-hero__count {
  position: absolute;
  z-index: 4;
  right: clamp(22px, 4vw, 64px);
  bottom: 42px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 9px;
  letter-spacing: .16em;
}
.v36-hero__count i { display: block; width: 65px; height: 1px; background: rgba(255,255,255,.4); }
.v36-hero__count i::before { content: ""; display: block; width: 50%; height: 1px; background: var(--v36-gold); }
.v36-proof {
  position: absolute;
  z-index: 4;
  top: 108px;
  right: clamp(22px, 4vw, 64px);
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
  writing-mode: vertical-rl;
}

.v36-home-hero { background: var(--v36-night); }
.v36-home-hero__back {
  position: absolute;
  z-index: -4;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.82) brightness(.48);
}
.v36-home-hero::before {
  content: "";
  position: absolute;
  z-index: -3;
  inset: 0;
  background: linear-gradient(90deg, rgba(4,10,7,.96) 0%, rgba(4,10,7,.9) 40%, rgba(4,10,7,.28) 70%, rgba(4,10,7,.72) 100%);
}
.v36-home-hero__copy {
  position: absolute;
  z-index: 5;
  left: clamp(24px, 7vw, 108px);
  top: 50%;
  width: min(51vw, 720px);
  transform: translateY(-42%);
}
.v36-home-hero__copy h1 { font-size: clamp(58px, 7vw, 112px); }
.v36-film {
  position: absolute;
  z-index: 2;
  top: 4svh;
  right: clamp(48px, 8vw, 128px);
  width: min(35vw, 470px);
  height: 92svh;
  padding: 8px;
  border: 1px solid var(--v36-line);
  background: rgba(4,10,7,.64);
  box-shadow: 0 35px 100px rgba(0,0,0,.52), 0 0 60px rgba(214,184,121,.08);
}
.v36-film::before {
  content: "";
  position: absolute;
  inset: 8px;
  z-index: -1;
  background: var(--v36-film-poster) center/cover no-repeat;
  filter: blur(24px) brightness(.58);
  transform: scale(1.08);
}
.v36-film video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #07100c;
}
.v36-film__label {
  position: absolute;
  right: -32px;
  bottom: 58px;
  color: rgba(255,255,255,.64);
  font-size: 8px;
  letter-spacing: .18em;
  text-transform: uppercase;
  writing-mode: vertical-rl;
}
.v36-video-toggle {
  position: absolute;
  z-index: 6;
  right: 17px;
  bottom: 17px;
  min-width: 74px;
  min-height: 38px;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 999px;
  color: white;
  background: rgba(0,0,0,.46);
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
}

.v36-story {
  position: relative;
  min-height: 1080px;
  padding: clamp(105px, 12vw, 180px) clamp(24px, 7vw, 110px);
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 18%, rgba(68,109,82,.22), transparent 32%),
    linear-gradient(150deg, #13261e 0%, #08110d 62%, #0b1812 100%);
}
.v36-story::before, .v36-guide::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9vw;
  width: 1px;
  background: linear-gradient(var(--v36-line), transparent 82%);
}
.v36-story__copy { position: relative; z-index: 5; width: min(540px, 92%); margin-left: 8vw; }
.v36-story h2, .v36-guide h2, .v36-final h2 { font-size: clamp(42px, 5vw, 76px); line-height: .97; }
.v36-story__copy > p:not(.v36-kicker), .v36-guide__intro {
  max-width: 530px;
  margin: 26px 0 0;
  color: var(--v36-muted);
  font-size: 15px;
  line-height: 1.75;
}
.v36-collage { position: relative; min-height: 630px; margin-top: 62px; }
.v36-frame {
  position: absolute;
  margin: 0;
  padding: 9px;
  border: 1px solid var(--v36-line);
  background: #0f1d17;
  box-shadow: 0 30px 90px rgba(0,0,0,.52);
}
.v36-frame::after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 9px;
  border: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(0deg, rgba(0,0,0,.56), transparent 44%);
}
.v36-frame img { height: 100%; object-fit: cover; }
.v36-frame figcaption {
  position: absolute;
  z-index: 3;
  left: 25px;
  right: 25px;
  bottom: 22px;
  font: 23px/1.15 var(--v36-serif);
  text-shadow: 0 3px 20px #000;
}
.v36-frame figcaption span {
  display: block;
  margin-bottom: 7px;
  color: var(--v36-gold);
  font: 750 8px/1 var(--v36-sans);
  letter-spacing: .19em;
  text-transform: uppercase;
}
.v36-frame--main { z-index: 1; right: 0; top: 0; width: 63%; height: 470px; transform: rotate(.4deg); }
.v36-frame--side { z-index: 2; left: 5%; top: 160px; width: 31%; height: 430px; transform: rotate(-1.2deg); }
.v36-frame--detail { z-index: 3; right: 8%; top: 405px; width: 30%; height: 215px; transform: rotate(1deg); }
.v36-facts {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  width: min(1050px, 90%);
  margin: 28px auto 0;
  border-top: 1px solid var(--v36-line);
  border-bottom: 1px solid var(--v36-line);
}
.v36-fact { padding: 22px clamp(16px, 2vw, 30px); }
.v36-fact + .v36-fact { border-left: 1px solid var(--v36-line); }
.v36-fact strong {
  display: block;
  margin-bottom: 8px;
  color: var(--v36-gold);
  font-size: 9px;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.v36-fact span { color: var(--v36-muted); font-size: 13px; line-height: 1.5; }

.v36-guide {
  position: relative;
  padding: clamp(110px, 13vw, 190px) clamp(24px, 8vw, 130px);
  background: #0a1510;
}
.v36-guide__heading { width: min(780px, 90%); margin-left: 7vw; }
.v36-guide__chapters { width: min(1050px, 88%); margin: 78px auto 0; counter-reset: chapter; }
.v36-chapter {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: clamp(22px, 4vw, 70px);
  padding: 34px 0;
  border-top: 1px solid rgba(214,184,121,.22);
  counter-increment: chapter;
}
.v36-chapter::before {
  content: "0" counter(chapter);
  color: var(--v36-gold);
  font: 11px/1 var(--v36-sans);
  letter-spacing: .14em;
}
.v36-chapter p { max-width: 780px; margin: 0; color: var(--v36-muted); font-size: 17px; line-height: 1.75; }

.v36-final {
  position: relative;
  min-height: 700px;
  display: grid;
  place-items: center;
  padding: 100px 24px;
  overflow: hidden;
  text-align: center;
  isolation: isolate;
}
.v36-final__media {
  position: absolute;
  z-index: -3;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.v36-final::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  background: radial-gradient(circle, rgba(7,15,11,.38), rgba(7,15,11,.9));
}
.v36-final__content { width: min(850px, 95%); }
.v36-final p:not(.v36-kicker) { max-width: 590px; margin: 24px auto 31px; color: rgba(255,255,255,.78); line-height: 1.7; }
.v36-final .v36-actions { justify-content: center; }

.v36-footer {
  padding: 70px clamp(24px, 7vw, 110px) 30px;
  border-top: 1px solid rgba(214,184,121,.18);
  background: #060d0a;
}
.v36-footer__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; }
.v36-footer__brand { font: 32px/1 var(--v36-serif); }
.v36-footer__links { display: grid; grid-template-columns: repeat(3, auto); gap: 16px 28px; }
.v36-footer__links a { color: var(--v36-muted); font-size: 12px; text-decoration: none; }
.v36-footer__bottom {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: 58px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.42);
  font-size: 10px;
}
.v36-reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .8s ease; }
.v36-reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .v36-nav a:not(.v36-nav__cta) { display: none; }
  .v36-menu-toggle { display: block; }
  .v36-nav.is-open {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
    background: rgba(6,13,10,.97);
  }
  .v36-nav.is-open a:not(.v36-nav__cta) { display: block; font-size: 14px; }
  .v36-nav.is-open .v36-nav__cta { font-size: 14px; }
  .v36-menu-toggle { position: relative; z-index: 2; }
  .v36-home-hero__copy { width: min(46vw, 600px); }
  .v36-film { right: 24px; width: min(43vw, 430px); }
}

@media (max-width: 700px) {
  .v36-header { padding: 15px 17px; }
  .v36-brand > span:last-child { display: none; }
  .v36-brand__mark { width: 35px; }
  .v36-nav__cta { padding: 10px 14px; }
  .v36-menu-toggle { width: 40px; height: 40px; }
  .v36-hero { min-height: 820px; }
  .v36-hero__shade {
    background:
      linear-gradient(0deg, rgba(4,10,7,.94) 0%, rgba(4,10,7,.55) 50%, rgba(4,10,7,.08) 82%),
      linear-gradient(90deg, rgba(4,10,7,.28), transparent);
  }
  .v36-hero__content { left: 21px; right: 21px; bottom: 78px; width: auto; }
  .v36-hero h1 { font-size: clamp(46px, 13.7vw, 65px); line-height: .92; }
  .v36-hero__lead { margin-top: 19px; font-size: 15px; }
  .v36-actions { align-items: flex-start; flex-direction: column; gap: 17px; margin-top: 26px; }
  .v36-button { min-height: 49px; padding: 0 20px; font-size: 9px; }
  .v36-proof { display: none; }
  .v36-hero__count { right: 20px; bottom: 25px; }

  .v36-home-hero { min-height: 100svh; }
  .v36-home-hero::before {
    background: linear-gradient(0deg, rgba(4,10,7,.98) 0%, rgba(4,10,7,.78) 39%, rgba(4,10,7,.06) 74%);
  }
  .v36-home-hero__copy {
    top: auto;
    left: 21px;
    right: 21px;
    bottom: 28px;
    width: auto;
    transform: none;
  }
  .v36-home-hero__copy h1 { font-size: clamp(47px, 13.5vw, 58px); }
  .v36-home-hero__copy .v36-hero__lead { margin-top: 14px; font-size: 13px; line-height: 1.42; }
  .v36-home-hero__copy .v36-actions { gap: 12px; margin-top: 18px; }
  .v36-film {
    top: 0;
    right: 0;
    width: 100%;
    height: 64svh;
    padding: 0;
    border: 0;
    background: #07100c;
    box-shadow: none;
  }
  .v36-film::before { inset: 0; }
  .v36-film__label { display: none; }
  .v36-video-toggle { top: 68px; right: 15px; bottom: auto; }
  .ddg-consent-v22__manage {
    right: 6px !important;
    bottom: 6px !important;
    left: auto !important;
    min-height: 34px !important;
    padding: 0 11px !important;
    font-size: 8px !important;
    opacity: .78;
  }

  .v36-story { min-height: 1430px; padding: 98px 21px 118px; }
  .v36-story::before, .v36-guide::before { left: 21px; }
  .v36-story__copy { width: auto; margin-left: 15px; }
  .v36-story h2, .v36-guide h2, .v36-final h2 { font-size: 43px; }
  .v36-collage { min-height: 845px; margin-top: 55px; }
  .v36-frame--main { right: -5px; top: 0; width: 89%; height: 385px; }
  .v36-frame--side { left: 0; top: 325px; width: 63%; height: 380px; }
  .v36-frame--detail { right: 0; top: 645px; width: 66%; height: 220px; }
  .v36-frame figcaption { left: 19px; bottom: 18px; font-size: 19px; }
  .v36-facts { grid-template-columns: 1fr; width: calc(100% - 32px); margin-top: 24px; }
  .v36-fact + .v36-fact { border-top: 1px solid var(--v36-line); border-left: 0; }

  .v36-guide { padding: 100px 21px 120px; }
  .v36-guide__heading { width: auto; margin-left: 15px; }
  .v36-guide__chapters { width: calc(100% - 30px); margin-top: 52px; }
  .v36-chapter { grid-template-columns: 42px 1fr; gap: 12px; padding: 27px 0; }
  .v36-chapter p { font-size: 15px; line-height: 1.7; }
  .v36-final { min-height: 670px; }
  .v36-final .v36-actions { align-items: center; }
  .v36-footer { padding: 58px 21px 25px; }
  .v36-footer__top { flex-direction: column; }
  .v36-footer__links { grid-template-columns: 1fr 1fr; }
  .v36-footer__bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .v36-hero__media, .v36-reveal, .v36-button { transition: none; }
  .v36-reveal { opacity: 1; transform: none; }
}