:root{
  --navy:#1C294F;
  --navy-deep:#131d3a;
  --navy-ink:#0d1528;
  --orange:#ED6324;
  --amber:#FFC85C;
  --bright:#0074D9;
  --slate:#4A5765;
  --charcoal:#2B2E33;
  --paper:#F4F3EE;
  --rule:rgba(255,255,255,.14);
  --rule-dk:rgba(28,41,79,.14);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{
  font-family:'Roboto',system-ui,sans-serif;
  font-weight:400;
  color:#e8ecf4;
  background:var(--navy);
  line-height:1.55;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}

.display{
  font-family:'Oswald',system-ui,sans-serif;
  font-weight:500;
  letter-spacing:.005em;
  line-height:.95;
  text-transform:uppercase;
}
.eyebrow{
  font-family:'Oswald',system-ui,sans-serif;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:12px;
  color:var(--orange);
}
.dot{color:var(--orange)}

.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,56px)}
.grid{display:grid;gap:clamp(24px,4vw,64px)}

/* ============ NAV ============ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  backdrop-filter:blur(14px);
  background:rgba(13,21,40,.72);
  border-bottom:1px solid var(--rule);
  transition:background .3s ease;
}
.nav .bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px clamp(20px,5vw,56px);
  max-width:1280px;margin:0 auto;
}
.logo{
  display:flex;align-items:center;gap:10px;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:26px;
  letter-spacing:.04em;color:#fff;
}
.logo svg{height:30px;width:auto}
.nav ul{display:flex;gap:36px;list-style:none;align-items:center}
.nav li a{
  font-family:'Oswald',sans-serif;font-weight:400;
  font-size:13px;letter-spacing:.18em;text-transform:uppercase;
  color:#cfd5e2;transition:color .2s;
  position:relative;padding:6px 0;
}
.nav li a:hover{color:#fff}
.nav li a.active{color:#fff}
.nav li a.active::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--orange);
}
.nav .cta{
  font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;
  padding:10px 18px;border:1px solid var(--orange);color:#fff;
  transition:background .2s,color .2s;
}
.nav .cta:hover{background:var(--orange)}

.menu-btn{display:none;width:28px;height:20px;position:relative}
.menu-btn span{position:absolute;left:0;right:0;height:2px;background:#fff;transition:transform .3s}
.menu-btn span:nth-child(1){top:0}
.menu-btn span:nth-child(2){top:50%;transform:translateY(-50%)}
.menu-btn span:nth-child(3){bottom:0}

/* ============ SHARED BUTTONS ============ */
.btn-primary{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Oswald',sans-serif;font-size:14px;letter-spacing:.2em;text-transform:uppercase;
  padding:16px 26px;background:var(--orange);color:#fff;
  transition:transform .2s,background .2s;
}
.btn-primary:hover{background:#ff7438;transform:translateY(-1px)}
.btn-ghost{
  display:inline-flex;align-items:center;gap:12px;
  font-family:'Oswald',sans-serif;font-size:14px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--orange);
  border-bottom:1px solid var(--orange);padding:6px 2px;
  transition:gap .2s;
}
.btn-ghost:hover{gap:16px}
.btn-ghost svg{transition:transform .2s}
.btn-ghost:hover svg{transform:translateX(4px)}

.chapter-tag{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--orange);margin-bottom:18px;
}
.chapter-tag::before{content:"";width:22px;height:1px;background:var(--orange)}

/* ============ HERO ============ */
.hero{
  position:relative;
  padding:clamp(140px,20vh,200px) 0 clamp(80px,10vh,120px);
  background:
    radial-gradient(ellipse 80% 60% at 20% 30%, rgba(237,99,36,.08), transparent 60%),
    radial-gradient(ellipse 90% 70% at 85% 80%, rgba(0,116,217,.08), transparent 55%),
    linear-gradient(180deg, var(--navy-ink) 0%, var(--navy) 100%);
  overflow:hidden;
}
.hero::before{
  content:"";position:absolute;inset:0;opacity:.18;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  pointer-events:none;
}
.hero .grid{grid-template-columns:1.15fr 1fr;align-items:end}
.hero h1{
  font-family:'Oswald',sans-serif;
  font-weight:500;
  font-size:clamp(52px, 7.2vw, 108px);
  line-height:.92;
  letter-spacing:-.005em;
  color:#fff;
  text-transform:uppercase;
}
.hero h1 .accent{color:var(--orange)}
.hero h1 .dim{color:rgba(255,255,255,.42)}

.hero .copy{margin-top:28px;max-width:480px;color:#b8c0d0;font-size:16px;line-height:1.65;font-weight:300}
.hero .copy p + p{margin-top:14px}
.hero .copy strong{color:#fff;font-weight:500}
.hero .cta-row{margin-top:36px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}

.video-frame{
  position:relative;aspect-ratio: 16 / 10;width:100%;
  background:linear-gradient(135deg,#0c1529,#1a274b);
  border:1px solid var(--rule);
  overflow:hidden;
  cursor:pointer;
}
.video-frame::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.5));
  pointer-events:none;
}
.video-frame img{width:100%;height:100%;object-fit:cover;opacity:.72}
.play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:88px;height:88px;border-radius:50%;
  background:rgba(237,99,36,.92);
  display:flex;align-items:center;justify-content:center;
  transition:transform .3s, box-shadow .3s;
  box-shadow:0 0 0 0 rgba(237,99,36,.6);
  z-index:2;
}
.video-frame:hover .play{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 18px rgba(237,99,36,0)}
.play svg{width:30px;height:30px;margin-left:4px;fill:#fff}
.vcaps{
  position:absolute;inset:auto 0 0 0;padding:18px 22px;
  display:flex;justify-content:space-between;align-items:center;
  font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.7);
  z-index:2;
}

/* ============ PAGE HEADER (used on subpages) ============ */
.page-head{
  position:relative;
  padding:clamp(150px,22vh,220px) 0 clamp(60px,8vh,90px);
  background:
    radial-gradient(ellipse 80% 60% at 20% 30%, rgba(237,99,36,.06), transparent 60%),
    linear-gradient(180deg, var(--navy-ink) 0%, var(--navy) 100%);
  border-bottom:1px solid var(--rule);
  overflow:hidden;
}
.page-head::before{
  content:"";position:absolute;inset:0;opacity:.15;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  pointer-events:none;
}
.page-head .wrap{position:relative;z-index:1}
.page-head h1{
  font-family:'Oswald',sans-serif;font-weight:500;
  font-size:clamp(56px,7vw,110px);line-height:.92;color:#fff;
  text-transform:uppercase;letter-spacing:-.005em;
  max-width:14ch;
}
.page-head .sub{
  margin-top:24px;max-width:56ch;
  color:#c5ccdb;font-weight:300;font-size:18px;line-height:1.6;
}
.breadcrumb{
  display:flex;gap:14px;align-items:center;margin-bottom:24px;
  font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--orange);
}
.breadcrumb a{color:rgba(255,255,255,.5);transition:color .2s}
.breadcrumb a:hover{color:#fff}
.breadcrumb::before{content:"";width:24px;height:1px;background:var(--orange)}

/* ============ CONTENT BLOCKS (SHARED) ============ */
.section-dark{background:var(--navy);padding:clamp(80px,12vh,140px) 0;color:#fff}
.section-light{background:#fff;color:var(--navy);padding:clamp(80px,12vh,140px) 0;border-top:6px solid var(--navy-ink)}
.section-paper{background:var(--paper);color:var(--navy);padding:clamp(80px,12vh,140px) 0}

.section-dark h2, .section-paper h2, .section-light h2{
  font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500;
  line-height:.96;letter-spacing:.005em;
}
.section-dark h2{color:#fff;font-size:clamp(40px,5vw,72px)}
.section-light h2, .section-paper h2{color:var(--navy);font-size:clamp(40px,5vw,72px)}

.section-dark h3, .section-light h3, .section-paper h3{
  font-family:'Oswald',sans-serif;text-transform:uppercase;
  font-weight:500;font-size:clamp(22px,2.4vw,30px);
  letter-spacing:.01em;line-height:1.15;margin-bottom:14px;
}
.section-dark h3{color:#fff}
.section-light h3, .section-paper h3{color:var(--navy)}

.section-dark p{color:#c5ccdb;font-weight:300;font-size:16.5px;line-height:1.7}
.section-light p, .section-paper p{color:var(--charcoal);font-size:16px;line-height:1.7}
.section-dark p + p, .section-light p + p, .section-paper p + p{margin-top:14px}
.section-dark .strong, .section-light .strong, .section-paper .strong{
  font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500;
  font-size:clamp(20px,2vw,26px);letter-spacing:.01em;margin:12px 0;line-height:1.2;
}
.section-dark .strong{color:#fff}
.section-light .strong, .section-paper .strong{color:var(--navy)}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:start}
.two-col.offset{grid-template-columns:1.2fr 1fr}
.two-col.tight{grid-template-columns:1fr 1.1fr}

.photo-block{
  aspect-ratio: 4 / 5;width:100%;
  background-size:cover;background-position:center;
  filter:saturate(1.1) contrast(1.05);
}
.photo-block.wide{aspect-ratio: 4 / 3}
.photo-block.square{aspect-ratio: 1 / 1}

.bullets{list-style:none}
.bullets li{
  padding:14px 0;border-top:1px solid var(--rule);
  display:flex;gap:14px;align-items:baseline;color:#d3d9e7;font-weight:300;
}
.bullets li:first-child{border-top:0}
.bullets li::before{content:"—";color:var(--orange);flex-shrink:0}

.section-light .bullets li, .section-paper .bullets li{border-top-color:var(--rule-dk);color:var(--charcoal)}

.kicker-lg{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(30px,3.4vw,44px);line-height:1.1;
  color:var(--orange);text-transform:uppercase;letter-spacing:.005em;
  margin-top:28px;
}

/* ============ TIMELINE ============ */
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,4vw,48px);margin-top:48px}
.timeline .item{
  padding:32px 28px;background:var(--navy-ink);border:1px solid var(--rule);
  position:relative;transition:transform .3s, border-color .3s;
}
.timeline .item:hover{transform:translateY(-3px);border-color:var(--orange)}
.timeline .item::before{
  content:attr(data-n);
  position:absolute;top:18px;right:22px;
  font-family:'Oswald',sans-serif;font-size:40px;font-weight:700;
  color:rgba(237,99,36,.3);line-height:1;
}
.timeline .item h4{
  font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;
  font-size:20px;color:#fff;margin-bottom:12px;letter-spacing:.02em;max-width:16ch;
}
.timeline .item p{font-size:14.5px;color:#b8c0d0;font-weight:300;line-height:1.6}
.timeline .item p + p{margin-top:10px}

/* ============ FOOTER ============ */
footer{
  background:var(--navy-ink);color:#c5ccdb;
  padding:clamp(70px,10vh,110px) 0 40px;
  border-top:1px solid var(--rule);
}
footer .top{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:clamp(30px,4vw,60px);
  padding-bottom:60px;border-bottom:1px solid var(--rule);
}
footer .brand .logo{margin-bottom:22px}
footer .brand p{color:#a5adc3;font-size:14px;line-height:1.7;max-width:32ch}
footer h4{
  font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500;
  font-size:12px;letter-spacing:.26em;color:var(--orange);margin-bottom:18px;
}
footer address{font-style:normal;font-size:14px;line-height:1.7;color:#d3d9e7}
footer address strong{color:#fff;font-weight:500;display:block;margin-bottom:6px;font-family:'Oswald',sans-serif;letter-spacing:.04em}
footer address a:hover{color:var(--orange)}
footer ul{list-style:none;display:grid;gap:12px}
footer ul a{font-size:14px;color:#d3d9e7;transition:color .2s}
footer ul a:hover{color:var(--orange)}
footer .bot{
  padding-top:28px;display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:14px;
  font-size:12px;color:#8b93aa;letter-spacing:.05em;
}
footer .bot .social{display:flex;gap:14px}
footer .bot .social a{
  width:36px;height:36px;border:1px solid var(--rule);
  display:inline-flex;align-items:center;justify-content:center;
  transition:border-color .2s,color .2s;
}
footer .bot .social a:hover{border-color:var(--orange);color:var(--orange)}

/* ============ FINAL CTA STRIP ============ */
.final-cta{
  background:var(--orange);
  padding:clamp(70px,10vh,110px) 0;
  color:#fff;
  position:relative;overflow:hidden;
}
.final-cta::before{
  content:"";position:absolute;inset:0;opacity:.1;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  mix-blend-mode:multiply;
}
.final-cta .grid{grid-template-columns:1.5fr 1fr;align-items:center;position:relative;z-index:1}
.final-cta h2{
  font-size:clamp(40px,5vw,72px);color:#fff;line-height:.98;
  text-transform:uppercase;font-family:'Oswald',sans-serif;font-weight:500;
}
.final-cta p{color:rgba(255,255,255,.88);font-size:16px;margin-top:16px;max-width:44ch;font-weight:300}
.final-cta .btn{
  display:inline-flex;align-items:center;gap:14px;
  font-family:'Oswald',sans-serif;font-size:15px;letter-spacing:.22em;text-transform:uppercase;
  padding:20px 32px;background:var(--navy-ink);color:#fff;
  transition:background .2s;
}
.final-cta .btn:hover{background:#000}

/* ============ HOME-SPECIFIC (kept from original) ============ */
.sounds{padding:clamp(80px,12vh,140px) 0;background:var(--navy);position:relative;border-top:1px solid var(--rule)}
.sounds .grid{grid-template-columns:.75fr 1.25fr;gap:clamp(40px,6vw,90px);align-items:center}
.sounds h2{font-size:clamp(44px,5.6vw,84px);color:#fff;max-width:9ch;font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500;line-height:.95}
.sounds .equipment{position:relative}
.sounds .equipment .photo{aspect-ratio:5/4;width:100%;background:linear-gradient(135deg,#0c1529,#1a274b) center/cover;background-image:linear-gradient(135deg, rgba(237,99,36,.15), rgba(13,21,40,.6)), url("https://images.unsplash.com/photo-1565636192335-1a4f8d6a3bda?auto=format&fit=crop&w=1600&q=80");background-size:cover;background-position:center;filter:saturate(1.1) contrast(1.05)}
.sounds .callout{position:absolute;right:0;bottom:-8%;max-width:560px;width:90%;background:#fff;color:var(--navy);padding:42px 46px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.sounds .callout::before{content:"";position:absolute;top:0;left:0;width:48px;height:3px;background:var(--orange)}
.sounds .callout p{font-size:15.5px;line-height:1.68;color:var(--charcoal)}
.sounds .callout p + p{margin-top:16px}
.sounds .callout .kicker{font-family:'Oswald',sans-serif;font-weight:600;color:var(--navy);text-transform:uppercase;letter-spacing:.08em;font-size:15px;margin-bottom:10px}

.plan{background:#fff;color:var(--navy);padding:clamp(80px,12vh,140px) 0;border-top:6px solid var(--navy-ink);position:relative}
.plan h2{font-size:clamp(38px,4.6vw,64px);color:var(--navy);max-width:20ch;margin-bottom:48px;font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500;line-height:.95}
.plan .two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.plan .col h3{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;font-size:14px;letter-spacing:.24em;color:var(--orange);margin-bottom:18px}
.plan ul{list-style:none}
.plan ul li{padding:14px 0;border-bottom:1px solid var(--rule-dk);color:var(--charcoal);font-size:16px;display:flex;gap:14px;align-items:baseline}
.plan ul li::before{content:"";display:inline-block;width:6px;height:6px;background:var(--orange);transform:translateY(3px);flex-shrink:0}
.plan .ask{font-family:'Oswald',sans-serif;font-weight:500;font-size:clamp(22px,2.2vw,30px);color:var(--navy);line-height:1.2;text-transform:uppercase;letter-spacing:.01em}
.plan .ask p + p{margin-top:10px;color:var(--slate)}
.plan .cta-row{margin-top:40px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.plan .note{margin-top:56px;padding-top:28px;border-top:1px solid var(--rule-dk);color:var(--slate);font-size:15px;max-width:56ch}

.approach{background:var(--navy-ink);color:#fff;position:relative;overflow:hidden}
.approach .hero-img{position:absolute;inset:0;z-index:0;background:url("https://images.unsplash.com/photo-1473187983305-f615310e7daa?auto=format&fit=crop&w=2000&q=80") center/cover;opacity:.42;filter:grayscale(30%) contrast(1.1)}
.approach::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg, rgba(13,21,40,.72), rgba(13,21,40,.92))}
.approach .inner{position:relative;z-index:2;padding:clamp(100px,14vh,160px) 0}
.approach h2{font-size:clamp(56px,7vw,120px);line-height:.9;color:#fff;margin-bottom:44px;max-width:11ch;font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500}
.approach .two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px)}
.approach p{color:#c5ccdb;font-weight:300;font-size:16.5px;line-height:1.7}
.approach p + p{margin-top:16px}
.approach .strong{color:#fff;font-weight:500;font-size:20px;line-height:1.5;margin:14px 0}
.approach ul{list-style:none;margin-top:18px}
.approach ul li{padding:12px 0;border-top:1px solid var(--rule);display:flex;gap:12px;align-items:baseline;font-weight:300;color:#d2d8e6}
.approach ul li:first-child{border-top:0}
.approach ul li::before{content:"—";color:var(--orange);flex-shrink:0}

.call{background:var(--navy);padding:clamp(80px,12vh,140px) 0}
.call .card{background:var(--navy-ink);border:1px solid var(--rule);padding:clamp(36px,5vw,70px);display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(40px,6vw,80px);align-items:center;position:relative;overflow:hidden}
.call .card::before{content:"";position:absolute;top:0;left:0;width:60px;height:2px;background:var(--orange)}
.call h2{font-size:clamp(40px,5vw,72px);color:#fff;line-height:.96;max-width:10ch;margin-bottom:32px;font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500}
.call .card p{color:#c1c8d8;font-weight:300;font-size:16px;line-height:1.7}
.call .card p + p{margin-top:14px}
.call .card .big{font-size:20px;color:#fff;font-weight:500;line-height:1.5;margin-bottom:8px}
.call .card .equipment-shot{aspect-ratio:3/4;width:100%;background:url("https://images.unsplash.com/photo-1604242692760-2f7b0c26856d?auto=format&fit=crop&w=1000&q=80") center/cover;filter:saturate(1.2) contrast(1.1)}
.call .cta-row{margin-top:28px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}

.stats{padding:50px 0;background:var(--navy)}
.stats .bar{background:#fff;color:var(--navy);display:grid;grid-template-columns:repeat(3,1fr);padding:44px 20px;position:relative}
.stats .bar::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--orange) 0%, var(--orange) 33%, transparent 33%)}
.stats .stat{text-align:center;padding:12px 20px;border-left:1px solid var(--rule-dk)}
.stats .stat:first-child{border-left:0}
.stats .stat .n{font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(36px,4.5vw,58px);line-height:1;color:var(--orange);letter-spacing:-.01em}
.stats .stat .l{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--navy);margin-top:12px}

.video-full{position:relative;aspect-ratio:21/9;background:linear-gradient(180deg, rgba(13,21,40,.2), rgba(13,21,40,.6)),url("https://images.unsplash.com/photo-1518837695005-2083093ee35b?auto=format&fit=crop&w=2400&q=80") center/cover;cursor:pointer}
.video-full .play{width:104px;height:104px}
.video-full .timestamp{position:absolute;bottom:24px;left:32px;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.video-full .chapter{position:absolute;top:32px;left:32px;font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--orange)}

.built{background:var(--navy);padding:clamp(80px,12vh,140px) 0}
.built .top{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,6vw,80px);align-items:start;margin-bottom:60px}
.built .top .photo{aspect-ratio:4/3;background:url("https://images.unsplash.com/photo-1532153955177-f59af40d6472?auto=format&fit=crop&w=1400&q=80") center/cover;filter:saturate(1.1) contrast(1.05)}
.built h2{font-size:clamp(36px,4.4vw,58px);color:#fff;line-height:1;margin-bottom:24px;font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500}
.built p.lead{color:#c5ccdb;font-weight:300;font-size:16.5px;line-height:1.7;max-width:42ch}
.built .story{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}
.built .story .photo{aspect-ratio:4/5;background:linear-gradient(180deg, rgba(237,99,36,.08), rgba(13,21,40,.22)),url("https://images.unsplash.com/photo-1587293852726-70cdb56c2866?auto=format&fit=crop&w=1400&q=80") center/cover}
.built .story p{color:#c5ccdb;font-weight:300;font-size:16.5px;line-height:1.7}
.built .story p + p{margin-top:14px}
.built .story .quote{font-family:'Oswald',sans-serif;font-size:clamp(20px,2vw,26px);color:#fff;font-weight:500;line-height:1.35;padding:20px 0;border-left:2px solid var(--orange);padding-left:20px;margin:20px 0;text-transform:uppercase;letter-spacing:.01em}
.built .kicker{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(30px,3.4vw,44px);color:var(--orange);text-transform:uppercase;margin-top:36px;letter-spacing:.005em;line-height:1.1}
.built ul{list-style:none;margin-top:22px}
.built ul li{color:#d3d9e7;padding:10px 0;border-top:1px solid var(--rule);display:flex;gap:14px;align-items:baseline;font-weight:300}
.built ul li::before{content:"✕";color:var(--orange);font-size:11px;transform:translateY(-2px)}
.built ul li:first-child{border-top:0}

.what{background:#fff;color:var(--navy);padding:clamp(80px,12vh,140px) 0;border-top:6px solid var(--navy-ink)}
.what .grid{grid-template-columns:1.1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}
.what h2{font-size:clamp(44px,5.6vw,86px);line-height:.95;margin-bottom:28px;color:var(--navy);font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500}
.what p.lead{font-size:16.5px;color:var(--charcoal);line-height:1.7;max-width:46ch;font-weight:400}
.what ol{list-style:none;margin-top:32px;counter-reset:item}
.what ol li{counter-increment:item;padding:22px 0;border-top:1px solid var(--rule-dk);display:grid;grid-template-columns:40px 1fr;gap:20px;align-items:start;color:var(--charcoal);font-size:15.5px;line-height:1.6}
.what ol li::before{content:"0" counter(item);font-family:'Oswald',sans-serif;color:var(--orange);font-weight:600;font-size:14px;letter-spacing:.2em;padding-top:2px}
.what .visual{aspect-ratio:4/5;background:url("https://images.unsplash.com/photo-1617886322168-72b886573c5f?auto=format&fit=crop&w=1400&q=80") center/cover;filter:saturate(1.15) contrast(1.05)}

.wherever{background:var(--paper);color:var(--navy);padding:clamp(80px,12vh,140px) 0;border-top:1px solid var(--rule-dk)}
.wherever .grid{grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:start}
.wherever h2{font-size:clamp(44px,5.6vw,84px);line-height:.95;margin-bottom:30px;color:var(--navy);font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500}
.wherever p{color:var(--charcoal);font-size:16px;line-height:1.65;max-width:48ch}
.wherever p + p{margin-top:14px}
.wherever .regions{list-style:none;margin-top:8px}
.wherever .regions li{display:flex;align-items:center;gap:18px;padding:22px 4px;border-top:1px solid var(--rule-dk);font-family:'Oswald',sans-serif;font-weight:500;font-size:clamp(28px,3vw,40px);text-transform:uppercase;color:var(--navy);letter-spacing:.01em;transition:padding-left .2s,color .2s}
.wherever .regions li:hover{padding-left:14px;color:var(--orange)}
.wherever .regions li .tag{font-family:'Roboto',sans-serif;font-size:11px;letter-spacing:.22em;color:var(--slate);font-weight:400;margin-left:auto}
.wherever .regions li:first-child{border-top:1px solid var(--navy)}
.wherever .cta-row{margin-top:44px}

.rethink{background:#fff;padding:clamp(80px,12vh,140px) 0;border-top:6px solid var(--navy-ink)}
.rethink .grid{grid-template-columns:1.1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}
.rethink h2{font-size:clamp(48px,6vw,90px);line-height:.94;color:var(--navy);margin-bottom:28px;max-width:12ch;font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500}
.rethink p{color:var(--charcoal);font-size:16.5px;line-height:1.7;max-width:46ch}
.rethink p + p{margin-top:14px}
.rethink ul{list-style:none;margin:22px 0}
.rethink ul li{padding:12px 0;border-top:1px solid var(--rule-dk);font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500;font-size:18px;letter-spacing:.06em;color:var(--navy)}
.rethink ul li:first-child{border-top:0}
.rethink .visual{aspect-ratio:4/5;background:linear-gradient(180deg, rgba(237,99,36,.15), rgba(28,41,79,.22)),url("https://images.unsplash.com/photo-1623961990059-28356e226a77?auto=format&fit=crop&w=1400&q=80") center/cover}

/* ============ ANIMATIONS ============ */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease, transform .9s ease}
.reveal.in{opacity:1;transform:none}

/* ============ RESPONSIVE ============ */
@media (max-width:960px){
  .nav ul{display:none}
  .nav .cta{display:none}
  .menu-btn{display:block}
  .hero .grid,
  .sounds .grid,
  .plan .two,
  .approach .two,
  .call .card,
  .built .top,
  .built .story,
  .what .grid,
  .wherever .grid,
  .rethink .grid,
  .final-cta .grid,
  .two-col,
  .two-col.offset,
  .two-col.tight{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr}
  .sounds .callout{position:static;margin-top:-30px;width:calc(100% - 32px);margin-left:16px}
  .stats .bar{grid-template-columns:1fr;gap:20px}
  .stats .stat{border-left:0;border-top:1px solid var(--rule-dk)}
  .stats .stat:first-child{border-top:0}
  footer .top{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  footer .top{grid-template-columns:1fr}
  .hero{padding-top:120px}
}