:root {
  --ink: #061215;
  --deep: #071f26;
  --brand: #0b3440;
  --brand-2: #0f4653;
  --brand-3: #1f6471;
  --paper: #edf1ee;
  --muted: #9aacaa;
  --line: rgba(230, 240, 238, .16);
  --accent: #c7d8d3;
  --shadow: 0 24px 80px rgba(0,0,0,.35);
  --max: 1500px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  min-width: 320px;
  background: var(--ink);
  color: var(--paper);
  font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
::selection { background: var(--paper); color: var(--ink); }

.intro {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 55%, rgba(34, 102, 113, .36), transparent 34%),
    linear-gradient(135deg, #061a20, var(--brand) 48%, #071a1f);
  overflow: hidden;
  transition: opacity .95s cubic-bezier(.7,0,.2,1), visibility .95s;
}
.intro.intro-out { opacity: 0; visibility: hidden; pointer-events: none; }
#smoke-canvas { position:absolute; inset:0; width:100%; height:100%; opacity:.82; filter: blur(1px); }
.intro-vignette { position:absolute; inset:0; background:radial-gradient(circle, transparent 35%, rgba(0,0,0,.48) 100%); }
.intro-mark { position:relative; z-index:2; text-align:center; opacity:0; transform:translateY(12px) scale(.985); animation:introMark 1.25s .55s forwards ease-out; }
.intro-eyebrow { font-family:"Manrope",sans-serif; font-weight:600; letter-spacing:.44em; font-size:clamp(2.7rem,7vw,7.6rem); line-height:.9; }
.intro-wordmark { margin-top:1rem; font-family:"Manrope",sans-serif; font-size:clamp(.68rem,1.2vw,1rem); letter-spacing:.42em; opacity:.82; }
.intro-line { width:0; height:1px; background:rgba(255,255,255,.48); margin:1.6rem auto 1rem; animation:introLine 1s 1.2s forwards; }
.intro-tagline { font-size:.66rem; letter-spacing:.34em; color:rgba(236,245,243,.66); opacity:0; animation:fadeIn 1s 1.5s forwards; }
@keyframes introMark { to { opacity:1; transform:none; } }
@keyframes introLine { to { width:180px; } }
@keyframes fadeIn { to { opacity:1; } }

.site-shell { opacity:0; animation:siteIn 1.2s 2.9s forwards; }
@keyframes siteIn { to { opacity:1; } }

.topbar {
  position:fixed;
  top:0; left:0; right:0;
  z-index:1000;
  height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 clamp(22px,4vw,68px);
  border-bottom:1px solid transparent;
  transition:background .35s,border-color .35s,backdrop-filter .35s;
}
.topbar.scrolled { background:rgba(4,17,21,.72); backdrop-filter:blur(18px); border-color:var(--line); }
.brand { display:inline-flex; flex-direction:column; gap:2px; }
.brand-main { font-family:"Manrope",sans-serif; font-weight:600; letter-spacing:.21em; font-size:1.05rem; }
.brand-sub { letter-spacing:.27em; font-size:.45rem; color:rgba(240,244,243,.62); }
.desktop-nav { display:flex; gap:2.2rem; align-items:center; }
.desktop-nav a { font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; color:rgba(239,245,243,.75); transition:color .2s; }
.desktop-nav a:hover { color:white; }
.menu-button { display:none; border:0; background:transparent; color:white; text-transform:uppercase; letter-spacing:.15em; font-size:.72rem; cursor:pointer; }
.mobile-menu { position:fixed; inset:86px 0 auto 0; z-index:999; padding:24px; background:rgba(4,17,21,.96); border-bottom:1px solid var(--line); }
.mobile-menu a { display:block; padding:14px 0; border-bottom:1px solid var(--line); text-transform:uppercase; letter-spacing:.14em; }

.hero {
  position:relative;
  min-height:100svh;
  display:flex;
  align-items:flex-end;
  padding:150px clamp(22px,6vw,100px) clamp(70px,8vw,120px);
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(5,20,24,.12), rgba(5,20,24,.76)),
    radial-gradient(circle at 76% 46%, rgba(28,104,115,.28), transparent 30%),
    linear-gradient(135deg, #0a2d37 0%, #081b22 50%, #040b0e 100%);
}
.hero-grid, .map-grid {
  position:absolute; inset:0; opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom, transparent 0%, black 18%, black 75%, transparent 100%);
}
.hero-glow { position:absolute; width:40vw; height:40vw; border-radius:50%; filter:blur(80px); opacity:.22; animation:floatGlow 12s infinite alternate ease-in-out; }
.hero-glow-a { top:16%; right:-8%; background:#2b7885; }
.hero-glow-b { bottom:-20%; left:18%; background:#173a43; animation-delay:-4s; }
@keyframes floatGlow { to { transform:translate3d(-4vw,4vh,0) scale(1.15); } }
.hero-copy { position:relative; z-index:3; width:min(820px,82vw); }
.kicker { text-transform:uppercase; letter-spacing:.28em; font-size:.68rem; color:var(--muted); margin-bottom:1.4rem; }
h1,h2 { font-family:"Manrope",sans-serif; margin:0; letter-spacing:-.045em; font-weight:500; }
h1 { font-size:clamp(4.2rem,10.4vw,10.8rem); line-height:.79; }
h1 span,h2 span { color:rgba(230,240,238,.52); }
.hero-copy p { max-width:650px; font-size:clamp(1rem,1.5vw,1.25rem); color:rgba(235,242,240,.7); line-height:1.7; margin:2.2rem 0 2.4rem; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.cta { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 20px; border:1px solid var(--line); text-transform:uppercase; letter-spacing:.13em; font-size:.68rem; transition:transform .25s, background .25s, border-color .25s; }
.cta:hover { transform:translateY(-2px); }
.cta-primary { background:var(--paper); color:var(--ink); border-color:var(--paper); }
.cta-primary:hover { background:white; }
.cta-ghost { background:rgba(255,255,255,.03); backdrop-filter:blur(10px); }
.hero-orbit { position:absolute; right:clamp(-160px,2vw,40px); top:18%; width:min(42vw,650px); aspect-ratio:1; z-index:2; }
.orbit-ring { position:absolute; inset:8%; border:1px solid rgba(255,255,255,.14); border-radius:50%; animation:spin 22s linear infinite; }
.ring-two { inset:24%; border-style:dashed; animation-direction:reverse; animation-duration:32s; }
.orbit-ring::after { content:""; position:absolute; width:10px; height:10px; border-radius:50%; background:var(--accent); top:-5px; left:50%; box-shadow:0 0 24px rgba(199,216,211,.6); }
.orbit-core { position:absolute; inset:41%; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 80px rgba(55,146,160,.2); }
.orbit-label { position:absolute; font-size:.58rem; letter-spacing:.24em; color:rgba(233,242,240,.5); }
.orbit-label-a { top:8%; left:48%; }.orbit-label-b { right:3%; top:50%; }.orbit-label-c { bottom:10%; left:27%; }
@keyframes spin { to { transform:rotate(360deg); } }
.scroll-cue { position:absolute; right:clamp(24px,4vw,70px); bottom:42px; z-index:3; writing-mode:vertical-rl; text-transform:uppercase; letter-spacing:.22em; font-size:.54rem; color:rgba(255,255,255,.42); display:flex; align-items:center; gap:10px; }
.scroll-cue span { display:block; width:1px; height:60px; background:linear-gradient(var(--paper),transparent); }

.section-pad { padding:clamp(90px,11vw,180px) clamp(22px,6vw,100px); }
.statement { position:relative; display:grid; grid-template-columns:120px 1fr; max-width:var(--max); margin:auto; }
.statement-index { color:rgba(255,255,255,.24); letter-spacing:.2em; font-size:.7rem; padding-top:12px; }
.statement-copy h2,.section-heading h2,.service-content h2,.join-copy h2,.finale h2 { font-size:clamp(3rem,7vw,7.4rem); line-height:.9; }
.statement-copy p { max-width:760px; color:var(--muted); font-size:clamp(1rem,1.5vw,1.2rem); line-height:1.75; margin-top:2.5rem; }

.markets { position:relative; background:#08171b; overflow:hidden; }
.section-heading { max-width:var(--max); margin:0 auto 70px; display:grid; grid-template-columns:1.4fr .6fr; gap:50px; align-items:end; }
.section-heading p { color:var(--muted); line-height:1.7; max-width:460px; justify-self:end; }
.market-stage { position:relative; max-width:var(--max); min-height:650px; margin:auto; border:1px solid var(--line); background:linear-gradient(145deg,#0b252d,#071417); overflow:hidden; box-shadow:var(--shadow); }
.market-map { position:absolute; inset:6% 4% 4%; width:92%; height:90%; }
.us-silhouette { fill:rgba(220,233,229,.035); stroke:rgba(220,233,229,.20); stroke-width:1.5; }
.route-line { fill:none; stroke:rgba(168,205,197,.28); stroke-width:1.2; stroke-dasharray:8 10; animation:dash 24s linear infinite; }
.route-line-two { animation-duration:18s; }.route-line-three { animation-duration:31s; }
@keyframes dash { to { stroke-dashoffset:-400; } }
.market-dot { position:absolute; display:flex; flex-direction:column; align-items:flex-start; gap:3px; border:0; color:white; background:transparent; cursor:pointer; text-align:left; padding-left:22px; }
.market-dot span { position:absolute; left:0; top:5px; width:10px; height:10px; border-radius:50%; background:var(--paper); box-shadow:0 0 0 7px rgba(214,231,226,.08),0 0 30px rgba(214,231,226,.4); }
.market-dot span::after { content:""; position:absolute; inset:-9px; border:1px solid rgba(214,231,226,.25); border-radius:50%; animation:pulse 2.6s infinite; }
@keyframes pulse { 0%,100% { transform:scale(.6); opacity:0; } 45% { opacity:1; } 100% { transform:scale(1.6); } }
.market-dot b { font-size:.72rem; text-transform:uppercase; letter-spacing:.18em; font-weight:500; }
.market-dot small { color:var(--muted); font-size:.6rem; }
.market-dot:hover b,.market-dot.active b { color:#fff; text-shadow:0 0 20px rgba(255,255,255,.4); }
.wa { left:17%; top:26%; }.tx { left:67%; top:65%; }.co { left:53%; top:45%; }.nv { left:38%; top:49%; }
.map-readout { position:absolute; left:32px; bottom:28px; border-left:1px solid rgba(255,255,255,.3); padding-left:16px; display:flex; flex-direction:column; gap:6px; }
.map-readout span { font-size:.54rem; letter-spacing:.24em; color:var(--muted); }
.map-readout strong { font-weight:500; letter-spacing:.08em; }.map-readout small { color:var(--muted); }

.services { display:grid; grid-template-columns:1fr 1fr; }
.service-panel { position:relative; min-height:820px; padding:70px clamp(28px,5vw,78px); overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; }
.panel-sell { background:linear-gradient(145deg,#d8ded9 0%,#bfc9c4 100%); color:#0c171a; }
.panel-buy { background:linear-gradient(145deg,#102c33,#071316); }
.service-panel::after { content:""; position:absolute; width:560px; height:560px; border-radius:50%; right:-280px; top:140px; border:1px solid currentColor; opacity:.08; box-shadow:0 0 0 80px currentColor,0 0 0 160px currentColor; }
.service-number { font-size:.62rem; letter-spacing:.2em; opacity:.5; }
.service-content { position:relative; z-index:2; max-width:620px; }
.service-content p { max-width:520px; line-height:1.75; opacity:.7; }
.campaign-rail { position:relative; z-index:2; display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:.56rem; letter-spacing:.15em; opacity:.62; }
.campaign-rail i { display:block; flex:1 1 30px; min-width:24px; height:1px; background:currentColor; opacity:.35; }
.data-stack { position:relative; z-index:2; display:grid; gap:8px; max-width:520px; }
.data-stack div { display:flex; justify-content:space-between; padding:14px 0; border-top:1px solid var(--line); font-size:.62rem; letter-spacing:.15em; }
.data-stack b { color:var(--accent); font-weight:500; }

.systems { background:#050d10; }
.systems-grid { position:relative; max-width:1200px; height:650px; margin:auto; border:1px solid var(--line); background:radial-gradient(circle at center,rgba(32,95,105,.24),transparent 28%); overflow:hidden; }
.systems-lines { position:absolute; inset:0; width:100%; height:100%; }
.systems-lines line { stroke:rgba(204,224,219,.15); stroke-width:1; stroke-dasharray:5 8; }
.system-node { position:absolute; min-width:120px; padding:15px 18px; border:1px solid rgba(223,236,232,.2); background:rgba(7,23,27,.72); backdrop-filter:blur(12px); text-align:center; font-size:.58rem; letter-spacing:.18em; box-shadow:0 12px 40px rgba(0,0,0,.22); }
.center-node { left:50%; top:50%; transform:translate(-50%,-50%); min-width:190px; padding:24px; background:rgba(20,67,76,.65); }
.node-client { left:9%; top:13%; }.node-agent { right:8%; top:13%; }.node-data { left:7%; bottom:13%; }.node-market { right:8%; bottom:13%; }.node-media { left:50%; top:7%; transform:translateX(-50%); }.node-transaction { left:50%; bottom:7%; transform:translateX(-50%); }

.join { position:relative; min-height:850px; padding:clamp(90px,10vw,160px) clamp(22px,6vw,100px); display:grid; grid-template-columns:1fr .5fr; gap:70px; align-items:center; overflow:hidden; background:linear-gradient(120deg,#163b43,#0b1a1f 60%,#060d10); }
.join::before { content:""; position:absolute; inset:-30%; background:conic-gradient(from 180deg at 70% 55%, transparent,rgba(85,150,158,.16),transparent 35%); animation:spin 30s linear infinite; }
.join-noise { position:absolute; inset:0; opacity:.16; background-image:radial-gradient(circle at 20% 20%,white .7px,transparent .8px); background-size:9px 9px; mask-image:linear-gradient(90deg,black,transparent 85%); }
.join-copy,.join-stat { position:relative; z-index:2; }
.join-copy { max-width:800px; }.join-copy p { max-width:640px; line-height:1.75; color:var(--muted); margin:2rem 0; }
.join-stat { border-left:1px solid var(--line); padding-left:28px; display:flex; flex-direction:column; gap:10px; }
.join-stat span,.join-stat small { color:var(--muted); font-size:.62rem; letter-spacing:.16em; }.join-stat strong { font-family:"Manrope",sans-serif; font-size:1.4rem; font-weight:500; }

.finale { position:relative; min-height:700px; display:flex; align-items:center; background:#e1e6e2; color:#0b171a; overflow:hidden; }
.finale-copy { position:relative; z-index:2; }.finale p { margin:1.8rem 0 2.2rem; color:#5a6665; }.finale .cta-primary { background:#0b171a; color:white; border-color:#0b171a; }
.finale-mark { position:absolute; right:-3vw; bottom:-20vw; font-family:"Manrope",sans-serif; font-size:70vw; line-height:.8; opacity:.035; font-weight:600; }

.footer { padding:55px clamp(22px,6vw,100px) 36px; background:#030809; }
.footer-compliance { display:flex; justify-content:flex-end; align-items:center; gap:14px; min-height:26px; margin-top:-6px; margin-bottom:18px; }
.footer-mark { display:block; width:auto; object-fit:contain; opacity:.82; }
.footer-mark-eho { height:21px; filter:invert(1); }
.footer-mark-mls { height:19px; max-width:61px; }
.footer-line { height:1px; background:var(--line); margin:35px 0 24px; }
.footer-meta { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; color:rgba(255,255,255,.42); font-size:.58rem; letter-spacing:.14em; text-transform:uppercase; }

.reveal { opacity:0; transform:translateY(34px); transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1); }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 900px) {
  .desktop-nav { display:none; }.menu-button { display:block; }
  .hero { align-items:center; padding-top:130px; }.hero-copy { width:100%; }.hero-orbit { width:85vw; right:-38vw; top:22%; opacity:.52; }.scroll-cue { display:none; }
  .statement { grid-template-columns:1fr; }.statement-index { margin-bottom:30px; }
  .section-heading { grid-template-columns:1fr; gap:26px; }.section-heading p { justify-self:start; }
  .services { grid-template-columns:1fr; }.service-panel { min-height:680px; }
  .join { grid-template-columns:1fr; }.join-stat { margin-top:50px; }
  .market-stage { min-height:560px; }.market-map { transform:scale(1.2); transform-origin:center; }
  .wa { left:10%; top:25%; }.tx { left:66%; top:66%; }.co { left:49%; top:44%; }.nv { left:33%; top:50%; }
  .systems-grid { height:600px; }.system-node { min-width:90px; padding:12px; font-size:.5rem; }.center-node { min-width:145px; }
}

@media (max-width: 560px) {
  .topbar { height:72px; }.mobile-menu { inset:72px 0 auto 0; }
  .hero { min-height:92svh; padding-bottom:56px; }.hero-actions { width:100%; }.cta { width:100%; }
  h1 { font-size:clamp(3.7rem,19vw,6.2rem); }
  .statement-copy h2,.section-heading h2,.service-content h2,.join-copy h2,.finale h2 { font-size:clamp(2.8rem,14vw,4.8rem); }
  .market-stage { min-height:530px; }.market-map { inset:4% -24%; width:148%; }
  .market-dot small { display:none; }.market-dot b { font-size:.56rem; }.map-readout { left:18px; right:18px; bottom:18px; }.map-readout small { max-width:260px; }
  .service-panel { padding:54px 24px; min-height:620px; }.campaign-rail i { display:none; }.campaign-rail { gap:14px 18px; }
  .systems-grid { height:520px; }.systems-lines { opacity:.65; }
  .node-client { left:4%; top:10%; }.node-agent { right:4%; top:10%; }.node-data { left:4%; bottom:12%; }.node-market { right:4%; bottom:12%; }.node-media { top:24%; }.node-transaction { bottom:26%; }
  .join { min-height:760px; }.footer-meta { flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; }
  .intro { display:none; }.site-shell { opacity:1; }.reveal { opacity:1; transform:none; }
}

/* v0.2 — cinematic Cordell brand entrance */
.intro {
  background: #061b22;
  isolation: isolate;
}
#smoke-canvas { opacity: .94; filter: blur(7px) saturate(.82); transform: scale(1.04); }
.intro-light {
  position:absolute; inset:-20%; z-index:0;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(78,137,145,.18) 0%, rgba(20,69,79,.08) 28%, transparent 60%),
    linear-gradient(115deg, transparent 25%, rgba(180,220,219,.035) 48%, transparent 68%);
  opacity:.25; animation:introLight 3.25s cubic-bezier(.2,.65,.2,1) forwards;
}
.intro-vignette { z-index:1; background:radial-gradient(ellipse at center, transparent 20%, rgba(1,10,13,.28) 56%, rgba(0,4,6,.78) 100%); }
.intro-logo-wrap {
  position:relative; z-index:3; width:min(440px,58vw);
  opacity:0; transform:scale(.965); filter:blur(9px);
  animation:logoDiscover 1.25s .22s cubic-bezier(.18,.75,.2,1) forwards,
            logoDepart .72s 2.55s cubic-bezier(.65,0,.25,1) forwards;
}
.intro-logo { display:block; width:100%; height:auto; filter:drop-shadow(0 0 28px rgba(222,245,242,.10)); }
.intro-wash {
  position:absolute; z-index:4; inset:-25%; pointer-events:none;
  background:radial-gradient(ellipse at 50% 52%, rgba(166,207,207,.19), rgba(37,91,101,.12) 28%, transparent 58%);
  opacity:0; transform:scale(.78);
  animation:atmosphericPass .9s 2.48s cubic-bezier(.5,0,.2,1) forwards;
  mix-blend-mode:screen;
}
@keyframes logoDiscover {
  0% { opacity:0; transform:scale(.965); filter:blur(9px); }
  58% { opacity:.86; filter:blur(1.5px); }
  100% { opacity:1; transform:scale(1); filter:blur(0); }
}
@keyframes logoDepart {
  to { opacity:0; transform:scale(1.035); filter:blur(7px); }
}
@keyframes atmosphericPass {
  0% { opacity:0; transform:scale(.78); }
  48% { opacity:.8; }
  100% { opacity:0; transform:scale(1.55); }
}
@keyframes introLight { 0%{opacity:.08;transform:translateX(-3%)} 55%{opacity:.42} 100%{opacity:.18;transform:translateX(3%)} }
.site-shell { opacity:0; animation:siteIn .85s 2.78s forwards; }
@media (max-width:700px){ .intro-logo-wrap{width:min(360px,72vw)} }
@media (prefers-reduced-motion: reduce){ .intro-logo-wrap{opacity:1;filter:none;transform:none;animation:none}.intro-wash,.intro-light{animation:none} }


/* v0.3 — cinematic brand entrance benchmarked to the approved smoky mockup */
body.intro-active { overflow:hidden; }
.intro.intro-v03 {
  position:fixed; inset:0; z-index:9999; display:grid; place-items:center;
  background:#020608;
  overflow:hidden;
  isolation:isolate;
  opacity:1; visibility:visible;
  transition:opacity .9s cubic-bezier(.7,0,.2,1), visibility .9s;
}
.intro.intro-v03.intro-out { opacity:0; visibility:hidden; pointer-events:none; }
.intro-v03 #smoke-canvas {
  position:absolute; inset:-3%; width:106%; height:106%; z-index:1;
  opacity:.9; filter:blur(12px) contrast(1.04); transform:scale(1.05);
}
.intro-atmosphere { position:absolute; inset:-18%; z-index:1; overflow:hidden; }
.fog-bank {
  position:absolute; border-radius:50%; pointer-events:none;
  filter:blur(58px); opacity:0; mix-blend-mode:screen;
  background:
    radial-gradient(ellipse at 38% 50%, rgba(241,245,243,.24), rgba(117,132,133,.11) 30%, rgba(26,37,39,.03) 58%, transparent 72%);
}
.fog-a { width:78vw; height:34vw; left:-34vw; top:32%; animation:fogA 5.2s .1s cubic-bezier(.18,.7,.25,1) both; }
.fog-b { width:76vw; height:32vw; right:-35vw; top:24%; animation:fogB 5.2s .25s cubic-bezier(.18,.7,.25,1) both; }
.fog-c { width:52vw; height:28vw; left:24vw; top:-18vw; opacity:0; animation:fogC 5.1s .4s ease-out both; }
.fog-d { width:64vw; height:26vw; left:18vw; bottom:-18vw; animation:fogD 4.8s .65s ease-out both; }
@keyframes fogA { 0%{opacity:0;transform:translateX(-8%) scale(.8)} 22%{opacity:.36} 58%{opacity:.72;transform:translateX(46%) scale(1.1)} 82%{opacity:.54} 100%{opacity:0;transform:translateX(76%) scale(1.34)} }
@keyframes fogB { 0%{opacity:0;transform:translateX(9%) scale(.8)} 24%{opacity:.28} 58%{opacity:.68;transform:translateX(-42%) scale(1.12)} 82%{opacity:.5} 100%{opacity:0;transform:translateX(-74%) scale(1.36)} }
@keyframes fogC { 0%{opacity:0;transform:translateY(-8%) scale(.8)} 32%{opacity:.22} 68%{opacity:.35;transform:translateY(38%) scale(1.12)} 100%{opacity:0;transform:translateY(62%) scale(1.35)} }
@keyframes fogD { 0%{opacity:0;transform:translateY(18%) scale(.82)} 40%{opacity:.18} 72%{opacity:.28;transform:translateY(-22%) scale(1.08)} 100%{opacity:0;transform:translateY(-45%) scale(1.3)} }

.intro-beam {
  position:absolute; z-index:2; top:-18vh; left:50%; width:34vw; height:76vh;
  transform:translateX(-50%) perspective(500px) rotateX(18deg);
  transform-origin:50% 0%;
  background:linear-gradient(180deg, rgba(239,244,242,.13), rgba(166,178,177,.035) 38%, transparent 76%);
  filter:blur(18px); opacity:0; clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);
  animation:beamDiscover 4.5s .25s ease-out both;
}
@keyframes beamDiscover { 0%{opacity:0} 28%{opacity:.12} 56%{opacity:.28} 78%{opacity:.18} 100%{opacity:0} }
.intro-v03 .intro-vignette {
  position:absolute; inset:0; z-index:5; pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 48%, transparent 0 22%, rgba(0,0,0,.12) 48%, rgba(0,0,0,.68) 84%, rgba(0,0,0,.92) 100%),
    linear-gradient(180deg, rgba(0,0,0,.46), transparent 26%, transparent 70%, rgba(0,0,0,.6));
}
.intro-brand-lockup {
  position:relative; z-index:4; width:min(560px,72vw); text-align:center;
  display:flex; flex-direction:column; align-items:center;
  transform:translateY(-1vh);
}
.intro-monogram-frame {
  width:min(295px,40vw); opacity:0; transform:scale(.88); filter:blur(14px);
  animation:monogramReveal 1.35s .55s cubic-bezier(.18,.78,.18,1) forwards,
            brandDeparture .85s 3.72s cubic-bezier(.55,0,.18,1) forwards;
}
.intro-monogram { width:100%; height:auto; display:block; filter:drop-shadow(0 0 34px rgba(255,255,255,.08)); }
@keyframes monogramReveal { 0%{opacity:0;transform:scale(.88);filter:blur(14px)} 52%{opacity:.72;filter:blur(3px)} 100%{opacity:1;transform:scale(1);filter:blur(0)} }
.intro-cordell {
  margin-top:18px; font-family:"Manrope",sans-serif; font-size:clamp(2rem,4vw,3.55rem); font-weight:500;
  letter-spacing:.34em; padding-left:.34em; color:#f3f5f4; opacity:0; transform:translateY(8px);
  animation:textResolve .8s 1.45s cubic-bezier(.2,.8,.2,1) forwards, brandDeparture .75s 3.76s forwards;
}
.intro-group {
  margin-top:7px; font-family:"DM Sans",sans-serif; font-size:clamp(.62rem,1.1vw,.95rem); font-weight:400;
  letter-spacing:.48em; padding-left:.48em; color:rgba(244,247,246,.78); opacity:0; transform:translateY(7px);
  animation:textResolve .78s 1.78s cubic-bezier(.2,.8,.2,1) forwards, brandDeparture .72s 3.78s forwards;
}
@keyframes textResolve { to{opacity:1;transform:none} }
.intro-rule { width:168px; height:18px; margin-top:27px; position:relative; opacity:0; animation:ruleShow .8s 2.08s forwards, brandDeparture .66s 3.8s forwards; }
.intro-rule::before { content:""; position:absolute; left:0; right:0; top:50%; height:1px; background:linear-gradient(90deg,transparent,rgba(246,248,247,.5),transparent); }
.intro-rule span { position:absolute; left:50%; top:calc(50% - 1px); width:0; height:2px; background:white; box-shadow:0 0 12px rgba(255,255,255,.55); transform:translateX(-50%); animation:ruleSpark .95s 2.12s ease-out forwards; }
@keyframes ruleShow { to{opacity:1} }
@keyframes ruleSpark { 0%{width:0;opacity:0} 35%{opacity:1} 100%{width:46px;opacity:.7} }
.intro-tagline-v03 {
  margin-top:2px; font-size:clamp(.55rem,.85vw,.72rem); letter-spacing:.42em; padding-left:.42em;
  color:rgba(237,241,240,.55); opacity:0; transform:translateY(6px);
  animation:textResolve .75s 2.28s forwards, brandDeparture .62s 3.8s forwards;
}
@keyframes brandDeparture { to{opacity:0;transform:scale(1.045) translateY(-4px);filter:blur(8px)} }
.intro-reflection {
  position:absolute; z-index:2; left:12%; right:12%; bottom:7vh; height:22vh; opacity:0;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(222,229,228,.14), rgba(67,80,81,.035) 34%, transparent 68%),
    repeating-linear-gradient(176deg, rgba(255,255,255,.028) 0 1px, transparent 1px 8px);
  filter:blur(7px); transform:perspective(420px) rotateX(68deg) scaleX(.8);
  transform-origin:50% 0%; animation:reflectionIn 3.7s 1.15s ease-out both;
}
@keyframes reflectionIn { 0%{opacity:0} 45%{opacity:.42} 82%{opacity:.2} 100%{opacity:0} }
.intro-transition-cloud {
  position:absolute; z-index:6; left:50%; top:50%; width:18vw; height:18vw; border-radius:50%;
  transform:translate(-50%,-50%) scale(.35); opacity:0; pointer-events:none;
  background:radial-gradient(circle, rgba(210,218,217,.42) 0%, rgba(101,114,116,.3) 20%, rgba(35,48,51,.24) 42%, rgba(4,9,11,.12) 62%, transparent 72%);
  filter:blur(28px); mix-blend-mode:screen;
  animation:transitionCloud .95s 3.68s cubic-bezier(.55,0,.15,1) forwards;
}
@keyframes transitionCloud { 0%{opacity:0;transform:translate(-50%,-50%) scale(.3)} 36%{opacity:.65} 70%{opacity:.38} 100%{opacity:0;transform:translate(-50%,-50%) scale(10)} }
.intro-skip {
  position:absolute; z-index:7; right:28px; top:24px; border:0; background:transparent;
  color:rgba(255,255,255,.28); font-size:.52rem; letter-spacing:.22em; cursor:pointer; opacity:0;
  animation:skipIn .5s 1.2s forwards; transition:color .2s,opacity .2s;
}
.intro-skip:hover { color:rgba(255,255,255,.72); }
@keyframes skipIn { to{opacity:1} }
.site-shell { opacity:1 !important; animation:none !important; }

@media (max-width:700px) {
  .intro-brand-lockup { width:86vw; }
  .intro-monogram-frame { width:min(250px,55vw); }
  .intro-cordell { letter-spacing:.27em; padding-left:.27em; }
  .intro-group { letter-spacing:.34em; padding-left:.34em; }
  .fog-a,.fog-b { width:120vw; height:60vw; }
  .intro-beam { width:68vw; }
}
@media (prefers-reduced-motion: reduce) {
  .intro.intro-v03 { display:none !important; }
  body.intro-active { overflow:auto; }
}

/* ===== Section 0 / Version 0.4 — slower cinematic brand veil ===== */
.intro.intro-v04{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#010405;overflow:hidden;isolation:isolate;opacity:1;visibility:visible;transition:opacity 1.55s cubic-bezier(.55,0,.18,1),visibility 1.55s}
.intro.intro-v04.intro-out{opacity:0;visibility:hidden;pointer-events:none}
.intro-v04 #smoke-canvas{position:absolute;inset:-5%;width:110%;height:110%;z-index:2;opacity:1;filter:blur(7px) contrast(1.12);transform:scale(1.07)}
.intro-v04 .intro-atmosphere{position:absolute;inset:-22%;z-index:2;overflow:hidden}
.intro-v04 .fog-bank{position:absolute;border-radius:50%;pointer-events:none;filter:blur(48px);opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse at 42% 50%,rgba(245,248,247,.33),rgba(145,158,159,.15) 28%,rgba(45,57,59,.06) 56%,transparent 74%)}
.intro-v04 .fog-a{width:92vw;height:42vw;left:-46vw;top:28%;animation:v04FogA 9.3s .1s cubic-bezier(.16,.72,.2,1) both}
.intro-v04 .fog-b{width:94vw;height:44vw;right:-48vw;top:20%;animation:v04FogB 9.3s .25s cubic-bezier(.16,.72,.2,1) both}
.intro-v04 .fog-c{width:64vw;height:34vw;left:18vw;top:-22vw;animation:v04FogC 9.2s .6s ease-in-out both}
.intro-v04 .fog-d{width:74vw;height:32vw;left:13vw;bottom:-23vw;animation:v04FogD 9s .8s ease-in-out both}
@keyframes v04FogA{0%{opacity:0;transform:translateX(-8%) scale(.8)}15%{opacity:.2}38%{opacity:.7;transform:translateX(38%) scale(1.04)}68%{opacity:.84;transform:translateX(54%) scale(1.17)}84%{opacity:.58}100%{opacity:0;transform:translateX(86%) scale(1.46)}}
@keyframes v04FogB{0%{opacity:0;transform:translateX(8%) scale(.8)}16%{opacity:.18}40%{opacity:.68;transform:translateX(-36%) scale(1.05)}69%{opacity:.82;transform:translateX(-52%) scale(1.18)}84%{opacity:.55}100%{opacity:0;transform:translateX(-86%) scale(1.46)}}
@keyframes v04FogC{0%{opacity:0;transform:translateY(-10%) scale(.78)}25%{opacity:.18}55%{opacity:.42;transform:translateY(28%) scale(1.05)}78%{opacity:.34}100%{opacity:0;transform:translateY(66%) scale(1.4)}}
@keyframes v04FogD{0%{opacity:0;transform:translateY(18%) scale(.8)}28%{opacity:.14}58%{opacity:.36;transform:translateY(-18%) scale(1.08)}80%{opacity:.3}100%{opacity:0;transform:translateY(-58%) scale(1.38)}}
.intro-v04 .intro-beam{position:absolute;z-index:3;top:-20vh;left:50%;width:38vw;height:80vh;transform:translateX(-50%) perspective(500px) rotateX(18deg);transform-origin:50% 0;background:linear-gradient(180deg,rgba(242,246,245,.16),rgba(166,178,177,.04) 40%,transparent 78%);filter:blur(20px);opacity:0;clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);animation:v04Beam 8.5s .4s ease-in-out both}
@keyframes v04Beam{0%{opacity:0}22%{opacity:.08}43%{opacity:.28}70%{opacity:.22}86%{opacity:.12}100%{opacity:0}}
.intro-v04 .intro-vignette{position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 0 20%,rgba(0,0,0,.08) 46%,rgba(0,0,0,.6) 84%,rgba(0,0,0,.94) 100%),linear-gradient(180deg,rgba(0,0,0,.5),transparent 27%,transparent 70%,rgba(0,0,0,.62))}
.intro-v04 .intro-brand-lockup{position:relative;z-index:5;width:min(660px,78vw);text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateY(-1vh)}
.intro-v04 .intro-monogram-frame{width:min(300px,40vw);opacity:0;transform:scale(.88);filter:blur(18px);animation:v04Monogram 2.8s 1.15s cubic-bezier(.16,.74,.18,1) forwards,v04MonogramYield 1.25s 4.15s ease-in-out forwards}
@keyframes v04Monogram{0%{opacity:0;transform:scale(.88);filter:blur(18px)}30%{opacity:.16;filter:blur(12px)}68%{opacity:.7;filter:blur(4px)}100%{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes v04MonogramYield{0%{opacity:1;transform:scale(1);filter:blur(0)}100%{opacity:0;transform:scale(1.035);filter:blur(7px)}}
.intro-v04 .intro-full-logo-wrap{width:min(590px,72vw);margin-top:-210px;opacity:0;transform:scale(.975) translateY(8px);filter:blur(9px);animation:v04FullLogo 1.75s 4.35s cubic-bezier(.2,.75,.2,1) forwards,v04BrandDeparture 1.35s 7.65s cubic-bezier(.5,0,.16,1) forwards}
.intro-v04 .intro-full-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 0 30px rgba(255,255,255,.08))}
@keyframes v04FullLogo{to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}
.intro-v04 .intro-rule{width:168px;height:18px;margin-top:22px;position:relative;opacity:0;animation:v04Resolve .9s 5.65s forwards,v04BrandDeparture 1.2s 7.7s forwards}
.intro-v04 .intro-rule::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(246,248,247,.46),transparent)}
.intro-v04 .intro-rule span{position:absolute;left:50%;top:calc(50% - 1px);width:0;height:2px;background:white;box-shadow:0 0 12px rgba(255,255,255,.5);transform:translateX(-50%);animation:v04Rule 1.1s 5.72s ease-out forwards}
@keyframes v04Rule{0%{width:0;opacity:0}35%{opacity:1}100%{width:46px;opacity:.65}}
.intro-v04 .intro-tagline-v04{margin-top:2px;font-size:clamp(.55rem,.85vw,.72rem);letter-spacing:.42em;padding-left:.42em;color:rgba(237,241,240,.62);opacity:0;transform:translateY(6px);animation:v04Resolve 1.05s 5.85s forwards,v04BrandDeparture 1.15s 7.72s forwards}
@keyframes v04Resolve{to{opacity:1;transform:none}}
@keyframes v04BrandDeparture{0%{opacity:1}100%{opacity:0;transform:scale(1.025) translateY(-4px);filter:blur(8px)}}
.intro-v04 .intro-reflection{position:absolute;z-index:3;left:10%;right:10%;bottom:5vh;height:24vh;opacity:0;background:radial-gradient(ellipse at 50% 0%,rgba(222,229,228,.16),rgba(67,80,81,.04) 34%,transparent 68%),repeating-linear-gradient(176deg,rgba(255,255,255,.025) 0 1px,transparent 1px 8px);filter:blur(8px);transform:perspective(420px) rotateX(68deg) scaleX(.8);transform-origin:50% 0;animation:v04Reflection 7.8s 1.8s ease-in-out both}
@keyframes v04Reflection{0%{opacity:0}30%{opacity:.18}60%{opacity:.34}82%{opacity:.2}100%{opacity:0}}
.intro-v04 .intro-transition-cloud{position:absolute;z-index:7;left:50%;top:50%;width:22vw;height:22vw;border-radius:50%;transform:translate(-50%,-50%) scale(.4);opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(210,218,217,.32) 0%,rgba(101,114,116,.23) 23%,rgba(35,48,51,.18) 45%,rgba(4,9,11,.08) 64%,transparent 74%);filter:blur(30px);mix-blend-mode:screen;animation:v04Transition 1.75s 7.55s cubic-bezier(.48,0,.12,1) forwards}
@keyframes v04Transition{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}30%{opacity:.5}64%{opacity:.25}100%{opacity:0;transform:translate(-50%,-50%) scale(11)}}
.intro-v04 .intro-skip{position:absolute;z-index:8;right:28px;top:24px;border:0;background:transparent;color:rgba(255,255,255,.25);font-size:.52rem;letter-spacing:.22em;cursor:pointer;opacity:0;animation:skipIn .6s 1.5s forwards;transition:color .2s,opacity .2s}.intro-v04 .intro-skip:hover{color:rgba(255,255,255,.72)}
@media(max-width:700px){.intro-v04 .intro-brand-lockup{width:88vw}.intro-v04 .intro-monogram-frame{width:min(250px,56vw)}.intro-v04 .intro-full-logo-wrap{width:min(570px,84vw);margin-top:-170px}.intro-v04 .fog-a,.intro-v04 .fog-b{width:130vw;height:66vw}.intro-v04 .intro-beam{width:72vw}}
@media(prefers-reduced-motion:reduce){.intro.intro-v04{display:none!important}body.intro-active{overflow:auto}}

/* ===== Section 0 / Version 0.5 — single continuous logo assembly ===== */
.intro.intro-v05{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#010405;overflow:hidden;isolation:isolate;opacity:1;visibility:visible;transition:opacity 1.6s cubic-bezier(.55,0,.18,1),visibility 1.6s}
.intro.intro-v05.intro-out{opacity:0;visibility:hidden;pointer-events:none}
.intro-v05 #smoke-canvas{position:absolute;inset:-5%;width:110%;height:110%;z-index:2;opacity:1;filter:blur(6px) contrast(1.18);transform:scale(1.07)}
.intro-v05 .intro-atmosphere{position:absolute;inset:-22%;z-index:2;overflow:hidden}
.intro-v05 .fog-bank{position:absolute;border-radius:50%;pointer-events:none;filter:blur(44px);opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse at 42% 50%,rgba(245,248,247,.42),rgba(145,158,159,.21) 28%,rgba(45,57,59,.08) 56%,transparent 74%)}
.intro-v05 .fog-a{width:98vw;height:46vw;left:-49vw;top:27%;animation:v05FogA 9.8s .05s cubic-bezier(.16,.72,.2,1) both}
.intro-v05 .fog-b{width:100vw;height:48vw;right:-51vw;top:18%;animation:v05FogB 9.8s .18s cubic-bezier(.16,.72,.2,1) both}
.intro-v05 .fog-c{width:70vw;height:38vw;left:15vw;top:-24vw;animation:v05FogC 9.6s .45s ease-in-out both}
.intro-v05 .fog-d{width:80vw;height:36vw;left:10vw;bottom:-25vw;animation:v05FogD 9.5s .65s ease-in-out both}
@keyframes v05FogA{0%{opacity:0;transform:translateX(-10%) scale(.78)}13%{opacity:.24}37%{opacity:.78;transform:translateX(39%) scale(1.04)}68%{opacity:.92;transform:translateX(55%) scale(1.2)}84%{opacity:.62}100%{opacity:0;transform:translateX(88%) scale(1.48)}}
@keyframes v05FogB{0%{opacity:0;transform:translateX(10%) scale(.78)}14%{opacity:.22}39%{opacity:.76;transform:translateX(-37%) scale(1.05)}69%{opacity:.9;transform:translateX(-53%) scale(1.2)}84%{opacity:.6}100%{opacity:0;transform:translateX(-88%) scale(1.48)}}
@keyframes v05FogC{0%{opacity:0;transform:translateY(-12%) scale(.78)}23%{opacity:.2}55%{opacity:.48;transform:translateY(30%) scale(1.08)}80%{opacity:.38}100%{opacity:0;transform:translateY(68%) scale(1.42)}}
@keyframes v05FogD{0%{opacity:0;transform:translateY(20%) scale(.8)}26%{opacity:.17}58%{opacity:.42;transform:translateY(-20%) scale(1.1)}81%{opacity:.34}100%{opacity:0;transform:translateY(-60%) scale(1.4)}}
.intro-v05 .intro-beam{position:absolute;z-index:3;top:-20vh;left:50%;width:40vw;height:82vh;transform:translateX(-50%) perspective(500px) rotateX(18deg);transform-origin:50% 0;background:linear-gradient(180deg,rgba(242,246,245,.18),rgba(166,178,177,.05) 40%,transparent 78%);filter:blur(20px);opacity:0;clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);animation:v05Beam 9s .35s ease-in-out both}
@keyframes v05Beam{0%{opacity:0}20%{opacity:.09}43%{opacity:.31}70%{opacity:.24}88%{opacity:.11}100%{opacity:0}}
.intro-v05 .intro-vignette{position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 0 20%,rgba(0,0,0,.07) 46%,rgba(0,0,0,.58) 84%,rgba(0,0,0,.94) 100%),linear-gradient(180deg,rgba(0,0,0,.48),transparent 27%,transparent 70%,rgba(0,0,0,.62))}
.intro-v05 .intro-brand-lockup{position:relative;z-index:5;width:min(760px,82vw);text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateY(-1vh)}
.intro-v05 .intro-logo-assembly{width:min(680px,78vw);overflow:hidden;opacity:0;clip-path:inset(0 55% 0 0);filter:blur(16px);transform:scale(.985);transform-origin:center center;animation:v05LogoDiscover 3.25s 1.05s cubic-bezier(.16,.74,.18,1) forwards,v05LogoComplete 1.8s 4.15s cubic-bezier(.2,.75,.2,1) forwards,v05BrandDeparture 1.35s 8.15s cubic-bezier(.5,0,.16,1) forwards}
.intro-v05 .intro-logo-base{display:block;width:100%;height:auto;filter:drop-shadow(0 0 34px rgba(255,255,255,.09))}
@keyframes v05LogoDiscover{0%{opacity:0;clip-path:inset(0 55% 0 0);filter:blur(16px);transform:scale(.985)}28%{opacity:.14;filter:blur(11px)}68%{opacity:.72;filter:blur(3px)}100%{opacity:1;clip-path:inset(0 55% 0 0);filter:blur(0);transform:scale(1)}}
@keyframes v05LogoComplete{0%{clip-path:inset(0 55% 0 0)}28%{clip-path:inset(0 49% 0 0)}100%{clip-path:inset(0 0 0 0)}}
.intro-v05 .intro-rule{width:min(270px,36vw);height:22px;margin-top:24px;position:relative;opacity:0;animation:v05Resolve .95s 5.72s forwards,v05BrandDeparture 1.2s 8.18s forwards}
.intro-v05 .intro-rule::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(246,248,247,.66),transparent)}
.intro-v05 .intro-rule span{position:absolute;left:50%;top:calc(50% - 1px);width:0;height:2px;background:white;box-shadow:0 0 14px rgba(255,255,255,.58);transform:translateX(-50%);animation:v05Rule 1.15s 5.78s ease-out forwards}
@keyframes v05Rule{0%{width:0;opacity:0}35%{opacity:1}100%{width:82px;opacity:.75}}
.intro-v05 .intro-tagline-v05{margin-top:5px;font-family:"DM Sans",sans-serif;font-size:clamp(.78rem,1.25vw,1.02rem);font-weight:500;letter-spacing:.34em;padding-left:.34em;color:rgba(244,247,246,.82);text-shadow:0 0 18px rgba(255,255,255,.08);opacity:0;transform:translateY(7px);animation:v05Resolve 1.05s 5.95s forwards,v05BrandDeparture 1.15s 8.2s forwards}
@keyframes v05Resolve{to{opacity:1;transform:none}}
@keyframes v05BrandDeparture{0%{opacity:1}100%{opacity:0;transform:scale(1.022) translateY(-4px);filter:blur(8px)}}
.intro-v05 .intro-reflection{position:absolute;z-index:3;left:9%;right:9%;bottom:4vh;height:25vh;opacity:0;background:radial-gradient(ellipse at 50% 0%,rgba(222,229,228,.18),rgba(67,80,81,.05) 34%,transparent 68%),repeating-linear-gradient(176deg,rgba(255,255,255,.026) 0 1px,transparent 1px 8px);filter:blur(8px);transform:perspective(420px) rotateX(68deg) scaleX(.8);transform-origin:50% 0;animation:v05Reflection 8.4s 1.5s ease-in-out both}
@keyframes v05Reflection{0%{opacity:0}30%{opacity:.2}60%{opacity:.38}84%{opacity:.2}100%{opacity:0}}
.intro-v05 .intro-transition-cloud{position:absolute;z-index:7;left:50%;top:50%;width:24vw;height:24vw;border-radius:50%;transform:translate(-50%,-50%) scale(.4);opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(210,218,217,.34) 0%,rgba(101,114,116,.25) 23%,rgba(35,48,51,.18) 45%,rgba(4,9,11,.08) 64%,transparent 74%);filter:blur(30px);mix-blend-mode:screen;animation:v05Transition 1.9s 8.05s cubic-bezier(.48,0,.12,1) forwards}
@keyframes v05Transition{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}30%{opacity:.52}64%{opacity:.26}100%{opacity:0;transform:translate(-50%,-50%) scale(11)}}
.intro-v05 .intro-skip{position:absolute;z-index:8;right:28px;top:24px;border:0;background:transparent;color:rgba(255,255,255,.25);font-size:.52rem;letter-spacing:.22em;cursor:pointer;opacity:0;animation:skipIn .6s 1.5s forwards;transition:color .2s,opacity .2s}.intro-v05 .intro-skip:hover{color:rgba(255,255,255,.72)}
@media(max-width:700px){.intro-v05 .intro-brand-lockup{width:92vw}.intro-v05 .intro-logo-assembly{width:min(680px,88vw)}.intro-v05 .intro-rule{width:min(230px,48vw)}.intro-v05 .intro-tagline-v05{font-size:clamp(.66rem,2.6vw,.86rem);letter-spacing:.27em;padding-left:.27em}.intro-v05 .fog-a,.intro-v05 .fog-b{width:136vw;height:70vw}.intro-v05 .intro-beam{width:74vw}}
@media(prefers-reduced-motion:reduce){.intro.intro-v05{display:none!important}body.intro-active{overflow:auto}}

/* ===== Section 0 / Version 0.6 — HQ luxury material pass ===== */
.intro.intro-v06{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 44%,#101416 0%,#06090a 35%,#010203 72%,#000 100%);overflow:hidden;isolation:isolate;opacity:1;visibility:visible;transition:opacity 1.55s cubic-bezier(.55,0,.18,1),visibility 1.55s}
.intro.intro-v06.intro-out{opacity:0;visibility:hidden;pointer-events:none}
.intro-v06 #smoke-canvas{position:absolute;inset:-5%;width:110%;height:110%;z-index:2;opacity:1;filter:blur(3px) contrast(1.34);transform:scale(1.055);animation:v06Camera 8.5s linear both}
@keyframes v06Camera{from{transform:scale(1.055)}to{transform:scale(1.085)}}
.intro-v06 .intro-atmosphere{position:absolute;inset:-18%;z-index:2;overflow:hidden;animation:v06Camera 8.5s linear both}
.intro-v06 .fog-bank{position:absolute;border-radius:48%;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:blur(38px) contrast(1.18);background:radial-gradient(ellipse at 48% 46%,rgba(229,232,229,.34),rgba(142,150,149,.18) 24%,rgba(65,75,77,.08) 48%,transparent 72%)}
.intro-v06 .fog-a{width:94vw;height:42vw;left:-48vw;top:27%;animation:v06FogA 8.5s .05s cubic-bezier(.18,.72,.2,1) both}
.intro-v06 .fog-b{width:98vw;height:45vw;right:-50vw;top:20%;animation:v06FogB 8.5s .1s cubic-bezier(.18,.72,.2,1) both}
.intro-v06 .fog-c{width:58vw;height:27vw;left:20vw;top:-18vw;animation:v06FogC 8.2s .2s ease-in-out both}
.intro-v06 .fog-d{width:74vw;height:31vw;left:13vw;bottom:-21vw;animation:v06FogD 8.2s .4s ease-in-out both}
@keyframes v06FogA{0%{opacity:0;transform:translateX(-7%) scale(.8)}14%{opacity:.3}38%{opacity:.72;transform:translateX(42%) scale(1.04)}68%{opacity:.8;transform:translateX(57%) scale(1.17)}86%{opacity:.42}100%{opacity:0;transform:translateX(88%) scale(1.38)}}
@keyframes v06FogB{0%{opacity:0;transform:translateX(7%) scale(.8)}15%{opacity:.28}40%{opacity:.7;transform:translateX(-40%) scale(1.05)}69%{opacity:.78;transform:translateX(-55%) scale(1.17)}86%{opacity:.4}100%{opacity:0;transform:translateX(-88%) scale(1.38)}}
@keyframes v06FogC{0%{opacity:0;transform:translateY(-8%) scale(.8)}28%{opacity:.18}57%{opacity:.42;transform:translateY(34%) scale(1.08)}82%{opacity:.25}100%{opacity:0;transform:translateY(62%) scale(1.3)}}
@keyframes v06FogD{0%{opacity:0;transform:translateY(18%) scale(.82)}30%{opacity:.14}60%{opacity:.34;transform:translateY(-22%) scale(1.1)}83%{opacity:.22}100%{opacity:0;transform:translateY(-55%) scale(1.3)}}
.intro-v06 .intro-beam{position:absolute;z-index:3;top:-25vh;left:50%;width:34vw;height:86vh;transform:translateX(-50%) perspective(600px) rotateX(16deg);transform-origin:50% 0;background:linear-gradient(180deg,rgba(239,241,237,.21),rgba(182,189,187,.075) 35%,rgba(115,126,126,.02) 61%,transparent 80%);filter:blur(14px);opacity:0;clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);animation:v06Beam 8.2s .05s ease-in-out both}
@keyframes v06Beam{0%{opacity:0}10%{opacity:.08}24%{opacity:.23}48%{opacity:.34}72%{opacity:.25}88%{opacity:.08}100%{opacity:0}}
.intro-v06 .intro-vignette{position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(ellipse at 50% 47%,transparent 0 18%,rgba(0,0,0,.05) 42%,rgba(0,0,0,.5) 78%,rgba(0,0,0,.93) 100%),linear-gradient(180deg,rgba(0,0,0,.55),transparent 24%,transparent 67%,rgba(0,0,0,.7))}
.intro-v06 .intro-brand-lockup{position:relative;z-index:5;width:min(800px,84vw);text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateY(-1vh) scale(.995);animation:v06BrandCamera 7.8s .45s cubic-bezier(.2,.6,.2,1) both}
@keyframes v06BrandCamera{0%{transform:translateY(-1vh) scale(.985)}100%{transform:translateY(-1.2vh) scale(1.018)}}
.intro-v06 .intro-logo-assembly{position:relative;width:min(710px,79vw);aspect-ratio:2.865/1;opacity:0;clip-path:inset(0 55% 0 0);filter:blur(6px);transform:translateZ(0);animation:v06CG 1.05s .72s cubic-bezier(.2,.82,.2,1) forwards,v06Assemble 1.25s 1.62s cubic-bezier(.18,.76,.18,1) forwards,v06Departure 1.2s 7.25s cubic-bezier(.5,0,.16,1) forwards}
.intro-v06 .intro-logo-material,.intro-v06 .intro-logo-edge,.intro-v06 .intro-logo-sheen{position:absolute;inset:0;-webkit-mask:url('./cordell-logo-full-white.png') center/contain no-repeat;mask:url('./cordell-logo-full-white.png') center/contain no-repeat}
.intro-v06 .intro-logo-material{background:linear-gradient(112deg,#4d5051 0%,#8e9292 17%,#d7d9d6 34%,#737777 50%,#e5e6e2 66%,#969a99 80%,#55595a 100%);filter:drop-shadow(0 11px 14px rgba(0,0,0,.72)) drop-shadow(0 1px 1px rgba(255,255,255,.16));}
.intro-v06 .intro-logo-edge{inset:-1px;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.06) 27%,rgba(0,0,0,.28) 65%,rgba(255,255,255,.22));opacity:.42;filter:blur(.35px);transform:translateY(-.5px)}
.intro-v06 .intro-logo-sheen{background:linear-gradient(104deg,transparent 20%,rgba(255,255,255,.02) 36%,rgba(255,255,255,.78) 46%,rgba(255,255,255,.14) 51%,transparent 62%);background-size:240% 100%;background-position:120% 0;mix-blend-mode:screen;opacity:0;animation:v06Sheen 2.1s 2.75s cubic-bezier(.2,.65,.2,1) forwards,v06SheenSecond 1.6s 5.45s ease-in-out forwards}
@keyframes v06CG{0%{opacity:0;filter:blur(6px);clip-path:inset(0 55% 0 0)}28%{opacity:.28;filter:blur(3px)}100%{opacity:1;filter:blur(0);clip-path:inset(0 55% 0 0)}}
@keyframes v06Assemble{0%{clip-path:inset(0 55% 0 0)}16%{clip-path:inset(0 51% 0 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes v06Sheen{0%{opacity:0;background-position:120% 0}20%{opacity:.55}65%{opacity:.36}100%{opacity:0;background-position:-70% 0}}
@keyframes v06SheenSecond{0%{opacity:0;background-position:105% 0}35%{opacity:.24}100%{opacity:0;background-position:-45% 0}}
@keyframes v06Departure{0%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(7px);transform:scale(1.025) translateY(-3px)}}
.intro-v06 .intro-rule{width:min(300px,38vw);height:22px;margin-top:20px;position:relative;opacity:0;animation:v06Resolve .72s 3.55s forwards,v06Departure 1.08s 7.3s forwards}
.intro-v06 .intro-rule::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(198,202,201,.18) 12%,rgba(229,231,228,.72) 50%,rgba(198,202,201,.18) 88%,transparent)}
.intro-v06 .intro-rule span{position:absolute;left:50%;top:calc(50% - 1px);width:0;height:2px;background:linear-gradient(90deg,#7b7f7f,#e5e6e2,#8b8f8e);box-shadow:0 0 11px rgba(226,229,225,.28);transform:translateX(-50%);animation:v06Rule .9s 3.62s ease-out forwards}
@keyframes v06Rule{0%{width:0;opacity:0}35%{opacity:1}100%{width:108px;opacity:.85}}
.intro-v06 .intro-tagline-v06{margin-top:5px;font-family:"DM Sans",sans-serif;font-size:clamp(.82rem,1.28vw,1.06rem);font-weight:500;letter-spacing:.33em;padding-left:.33em;color:#c7cac8;text-shadow:0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.72);opacity:0;transform:translateY(6px);animation:v06Resolve .8s 3.8s forwards,v06Departure 1.05s 7.32s forwards}
@keyframes v06Resolve{to{opacity:1;transform:none}}
.intro-v06 .intro-reflection{position:absolute;z-index:3;left:16%;right:16%;bottom:5vh;height:23vh;opacity:0;background:radial-gradient(ellipse at 50% 0%,rgba(191,197,195,.13),rgba(70,78,79,.035) 38%,transparent 69%);filter:blur(10px);transform:perspective(480px) rotateX(70deg) scaleX(.72);transform-origin:50% 0;animation:v06Reflection 7.7s .9s ease-in-out both}
@keyframes v06Reflection{0%{opacity:0}22%{opacity:.18}50%{opacity:.36}78%{opacity:.22}100%{opacity:0}}
.intro-v06 .intro-transition-cloud{position:absolute;z-index:8;left:50%;top:50%;width:22vw;height:22vw;border-radius:50%;transform:translate(-50%,-50%) scale(.45);opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(193,200,198,.22),rgba(82,94,96,.16) 32%,rgba(16,25,27,.1) 56%,transparent 74%);filter:blur(26px);mix-blend-mode:screen;animation:v06Transition 1.5s 7.12s cubic-bezier(.48,0,.12,1) forwards}
@keyframes v06Transition{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}32%{opacity:.38}68%{opacity:.18}100%{opacity:0;transform:translate(-50%,-50%) scale(12)}}
.intro-v06 .intro-skip{position:absolute;z-index:9;right:28px;top:24px;border:0;background:transparent;color:rgba(218,221,218,.26);font-size:.52rem;letter-spacing:.22em;cursor:pointer;opacity:0;animation:skipIn .5s 1.1s forwards;transition:color .2s,opacity .2s}.intro-v06 .intro-skip:hover{color:rgba(235,237,234,.72)}
@media(max-width:700px){.intro-v06 .intro-brand-lockup{width:94vw}.intro-v06 .intro-logo-assembly{width:min(710px,90vw)}.intro-v06 .intro-rule{width:min(250px,50vw)}.intro-v06 .intro-tagline-v06{font-size:clamp(.7rem,2.7vw,.9rem);letter-spacing:.25em;padding-left:.25em}.intro-v06 .fog-a,.intro-v06 .fog-b{width:135vw;height:66vw}.intro-v06 .intro-beam{width:70vw}}
@media(prefers-reduced-motion:reduce){.intro.intro-v06{display:none!important}body.intro-active{overflow:auto}}

/* v0.7 — Cordell HQ: dimensional graphite entity + center-impact entry pulse */
.intro.intro-v07{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 43%,#111719 0%,#06090a 34%,#010203 72%,#000 100%);overflow:hidden;isolation:isolate;opacity:1;visibility:visible;transition:opacity 1.55s cubic-bezier(.55,0,.18,1),visibility 1.55s}
.intro.intro-v07.intro-out{opacity:0;visibility:hidden;pointer-events:none}
.intro-v07 #smoke-canvas{position:absolute;inset:-5%;width:110%;height:110%;z-index:2;opacity:.92;filter:blur(2px) contrast(1.46);transform:scale(1.055);animation:v07Camera 8.7s linear both}
@keyframes v07Camera{from{transform:scale(1.045)}to{transform:scale(1.09)}}
.intro-v07 .intro-atmosphere{position:absolute;inset:-18%;z-index:2;overflow:hidden;animation:v07Camera 8.7s linear both}
.intro-v07 .fog-bank{position:absolute;border-radius:48%;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:blur(34px) contrast(1.25);background:radial-gradient(ellipse at 48% 46%,rgba(220,226,223,.30),rgba(117,131,130,.16) 23%,rgba(42,56,59,.075) 49%,transparent 72%)}
.intro-v07 .fog-a{width:92vw;height:40vw;left:-47vw;top:29%;animation:v06FogA 8.6s .05s cubic-bezier(.18,.72,.2,1) both}
.intro-v07 .fog-b{width:96vw;height:43vw;right:-49vw;top:21%;animation:v06FogB 8.6s .1s cubic-bezier(.18,.72,.2,1) both}
.intro-v07 .fog-c{width:58vw;height:27vw;left:20vw;top:-18vw;animation:v06FogC 8.3s .2s ease-in-out both}
.intro-v07 .fog-d{width:74vw;height:31vw;left:13vw;bottom:-21vw;animation:v06FogD 8.3s .4s ease-in-out both}
.intro-v07 .intro-beam{position:absolute;z-index:3;top:-28vh;left:50%;width:29vw;height:89vh;transform:translateX(-50%) perspective(600px) rotateX(16deg);transform-origin:50% 0;background:linear-gradient(180deg,rgba(232,238,234,.18),rgba(156,170,167,.065) 34%,rgba(80,101,103,.018) 62%,transparent 81%);filter:blur(12px);opacity:0;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);animation:v06Beam 8.3s .05s ease-in-out both}
.intro-v07 .intro-vignette{position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(ellipse at 50% 47%,transparent 0 20%,rgba(0,0,0,.06) 43%,rgba(0,0,0,.52) 79%,rgba(0,0,0,.95) 100%),linear-gradient(180deg,rgba(0,0,0,.57),transparent 25%,transparent 68%,rgba(0,0,0,.76))}
.intro-v07 .intro-brand-lockup{position:relative;z-index:5;width:min(840px,86vw);text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateY(-1vh) scale(.992);animation:v06BrandCamera 8s .4s cubic-bezier(.2,.6,.2,1) both}
.intro-v07 .intro-logo-assembly{position:relative;width:min(740px,80vw);height:min(230px,25vw);min-height:150px;opacity:1;filter:none;clip-path:none;transform:translateZ(0);animation:v07Departure 1.15s 7.45s cubic-bezier(.5,0,.16,1) forwards}
@keyframes v07Departure{to{opacity:0;transform:scale(1.025);filter:blur(4px)}}

/* Each logo component is independently transparent: no rectangular full-logo lighting layer. */
.intro-v07 .cg-object{position:absolute;left:0;top:0;width:42.1%;height:100%;opacity:0;transform:translateY(2px) scale(.982);animation:v07CGIn .82s .62s cubic-bezier(.18,.82,.2,1) forwards;filter:drop-shadow(0 18px 17px rgba(0,0,0,.62))}
@keyframes v07CGIn{0%{opacity:0;transform:translateY(3px) scale(.982);filter:blur(3px) drop-shadow(0 18px 17px rgba(0,0,0,.62))}45%{opacity:.78;filter:blur(.5px) drop-shadow(0 18px 17px rgba(0,0,0,.62))}100%{opacity:1;transform:none;filter:blur(0) drop-shadow(0 18px 17px rgba(0,0,0,.62))}}
.intro-v07 .cg-object i{position:absolute;inset:0;-webkit-mask:url('./cordell-cg-mask.png') center/contain no-repeat;mask:url('./cordell-cg-mask.png') center/contain no-repeat}
.intro-v07 .cg-depth{background:#111516;opacity:.94}
.intro-v07 .cg-depth.d1{transform:translate(1px,1px)}.intro-v07 .cg-depth.d2{transform:translate(2px,2px);background:#15191a}.intro-v07 .cg-depth.d3{transform:translate(3px,3px);background:#191d1e}.intro-v07 .cg-depth.d4{transform:translate(4px,4px);background:#0d1112}.intro-v07 .cg-depth.d5{transform:translate(5px,5px);background:#090c0d}.intro-v07 .cg-depth.d6{transform:translate(6px,6px);background:#050708;opacity:.8}
.intro-v07 .cg-face{background:linear-gradient(150deg,#747b7b 0%,#363c3d 18%,#202627 43%,#3d4444 67%,#171c1d 100%);box-shadow:inset 0 1px rgba(255,255,255,.12)}
.intro-v07 .cg-rim{background:linear-gradient(145deg,rgba(224,230,226,.75) 0%,rgba(118,128,127,.18) 17%,transparent 31%,transparent 62%,rgba(184,194,191,.20) 78%,rgba(236,239,235,.48) 100%);opacity:.48;transform:translate(-.6px,-.6px);filter:blur(.15px)}
.intro-v07 .cg-specular{background:linear-gradient(108deg,transparent 31%,rgba(255,255,255,0) 39%,rgba(225,232,228,.58) 47%,rgba(255,255,255,.13) 50%,transparent 57%);background-size:260% 100%;background-position:125% 0;mix-blend-mode:screen;opacity:0;animation:v07Specular 2.25s 2.75s cubic-bezier(.2,.65,.2,1) forwards,v07Specular2 1.65s 5.45s ease-in-out forwards}
@keyframes v07Specular{0%{opacity:0;background-position:125% 0}20%{opacity:.36}72%{opacity:.42}100%{opacity:0;background-position:-28% 0}}@keyframes v07Specular2{0%{opacity:0;background-position:112% 0}35%{opacity:.25}100%{opacity:0;background-position:-12% 0}}

.intro-v07 .divider-object{position:absolute;left:47.6%;top:0;width:1.2%;height:100%;opacity:0;transform:scaleY(.08);transform-origin:50% 50%;background:linear-gradient(180deg,transparent 1%,rgba(205,211,207,.78) 11%,#737b7a 50%,rgba(215,220,216,.76) 89%,transparent 99%);-webkit-mask:url('./cordell-divider-mask.png') center/contain no-repeat;mask:url('./cordell-divider-mask.png') center/contain no-repeat;animation:v07Divider .62s 1.28s cubic-bezier(.2,.75,.2,1) forwards;filter:drop-shadow(0 0 4px rgba(207,217,213,.14))}
@keyframes v07Divider{to{opacity:1;transform:scaleY(1)}}
.intro-v07 .wordmark-object{position:absolute;right:0;top:0;width:48.3%;height:100%;opacity:0;transform:translateX(-5px);animation:v07WordIn .82s 1.62s cubic-bezier(.2,.76,.2,1) forwards}
@keyframes v07WordIn{0%{opacity:0;transform:translateX(-5px);filter:blur(2px)}100%{opacity:1;transform:none;filter:none}}
.intro-v07 .wordmark-object i{position:absolute;inset:0;-webkit-mask:url('./cordell-wordmark-mask.png') center/contain no-repeat;mask:url('./cordell-wordmark-mask.png') center/contain no-repeat}
.intro-v07 .word-face{background:linear-gradient(180deg,#aab0ae 0%,#727978 42%,#3c4343 100%);filter:drop-shadow(0 5px 7px rgba(0,0,0,.54))}
.intro-v07 .word-light{background:linear-gradient(105deg,transparent 22%,rgba(238,242,239,.48) 45%,transparent 58%);background-size:230% 100%;background-position:115% 0;mix-blend-mode:screen;opacity:0;animation:v07WordSweep 1.65s 3.1s ease-in-out forwards}
@keyframes v07WordSweep{0%{opacity:0;background-position:115% 0}30%{opacity:.3}100%{opacity:0;background-position:-15% 0}}

/* HQ entry line: energy originates at center, hits both walls, flashes, resets. */
.intro-v07 .intro-rule{width:min(390px,43vw);height:26px;margin-top:15px;position:relative;opacity:0;animation:v07Resolve .5s 2.55s forwards,v07Departure 1.05s 7.48s forwards}
.intro-v07 .intro-rule .rule-base{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(120,130,129,.34) 9%,rgba(172,180,177,.47) 50%,rgba(120,130,129,.34) 91%,transparent)}
.intro-v07 .intro-rule .rule-pulse{position:absolute;left:50%;top:calc(50% - 1px);width:2px;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(193,201,198,.72),#eef1ed 50%,rgba(193,201,198,.72));box-shadow:0 0 9px rgba(220,228,224,.48);animation:v07Pulse 1.58s 2.78s cubic-bezier(.2,.68,.18,1) infinite}
.intro-v07 .intro-rule .wall{position:absolute;top:calc(50% - 4px);width:1px;height:9px;background:#e4e8e4;opacity:0;box-shadow:0 0 8px rgba(229,235,231,.52);animation:v07Wall 1.58s 2.78s ease-out infinite}
.intro-v07 .intro-rule .wall-left{left:0}.intro-v07 .intro-rule .wall-right{right:0}
@keyframes v07Pulse{0%{width:2px;height:2px;opacity:.28;box-shadow:0 0 5px rgba(220,228,224,.24)}15%{opacity:1}72%{width:100%;height:2px;opacity:.95;box-shadow:0 0 11px rgba(226,232,228,.45)}82%{width:100%;height:4px;opacity:1;box-shadow:0 0 17px rgba(235,240,236,.7)}90%{width:100%;height:1px;opacity:.18}100%{width:2px;height:1px;opacity:0}}
@keyframes v07Wall{0%,68%{opacity:0;transform:scaleY(.35)}78%{opacity:.95;transform:scaleY(1.8)}86%{opacity:.28;transform:scaleY(.7)}100%{opacity:0;transform:scaleY(.35)}}
@keyframes v07Resolve{to{opacity:1}}
.intro-v07 .intro-tagline-v07{margin-top:3px;font-family:"DM Sans",sans-serif;font-size:clamp(.84rem,1.3vw,1.08rem);font-weight:500;letter-spacing:.34em;padding-left:.34em;color:#b9bfbc;text-shadow:0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.76);opacity:0;transform:translateY(5px);animation:v07TagIn .7s 2.9s forwards,v07Departure 1.05s 7.5s forwards}
@keyframes v07TagIn{to{opacity:1;transform:none}}
.intro-v07 .intro-reflection{position:absolute;z-index:3;left:20%;right:20%;bottom:4.5vh;height:20vh;opacity:0;background:radial-gradient(ellipse at 50% 0%,rgba(141,151,148,.075),rgba(45,55,56,.022) 39%,transparent 68%);filter:blur(11px);transform:perspective(520px) rotateX(72deg) scaleX(.68);transform-origin:50% 0;animation:v06Reflection 7.9s .85s ease-in-out both}
.intro-v07 .intro-transition-cloud{position:absolute;z-index:8;left:50%;top:50%;width:24vw;height:24vw;border-radius:50%;transform:translate(-50%,-50%) scale(.45);opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(169,181,177,.16),rgba(65,82,84,.12) 33%,rgba(13,24,26,.08) 57%,transparent 75%);filter:blur(28px);mix-blend-mode:screen;animation:v06Transition 1.55s 7.28s cubic-bezier(.48,0,.12,1) forwards}
.intro-v07 .intro-skip{position:absolute;z-index:9;right:28px;top:24px;border:0;background:transparent;color:rgba(218,221,218,.25);font-size:.52rem;letter-spacing:.22em;cursor:pointer;opacity:0;animation:skipIn .5s 1.05s forwards;transition:color .2s,opacity .2s}.intro-v07 .intro-skip:hover{color:rgba(235,237,234,.72)}
@media(max-width:700px){.intro-v07 .intro-brand-lockup{width:95vw}.intro-v07 .intro-logo-assembly{width:92vw;height:31vw;min-height:118px}.intro-v07 .intro-rule{width:min(330px,62vw)}.intro-v07 .intro-tagline-v07{font-size:clamp(.7rem,2.7vw,.9rem);letter-spacing:.25em;padding-left:.25em}.intro-v07 .fog-a,.intro-v07 .fog-b{width:138vw;height:69vw}.intro-v07 .intro-beam{width:72vw}}
@media(prefers-reduced-motion:reduce){.intro.intro-v07{display:none!important}body.intro-active{overflow:auto}}

/* ===== Section 0 / v0.8 — HQ stone + fog art-direction pass ===== */
.intro.intro-v08{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#010304;overflow:hidden;isolation:isolate;opacity:1;visibility:visible;transition:opacity 1.65s cubic-bezier(.55,0,.18,1),visibility 1.65s}
.intro.intro-v08.intro-out{opacity:0;visibility:hidden;pointer-events:none}
.intro-v08 #smoke-canvas{position:absolute;inset:-4%;width:108%;height:108%;z-index:3;opacity:1;filter:blur(1.2px) contrast(1.62);transform:scale(1.04);animation:v08Camera 9.4s linear both}
.intro-v08 .intro-atmosphere{position:absolute;inset:-16%;z-index:2;overflow:hidden}
.intro-v08 .fog-bank{position:absolute;border-radius:46%;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:blur(28px) contrast(1.42);background:radial-gradient(ellipse at 48% 48%,rgba(225,229,226,.32),rgba(128,137,136,.16) 25%,rgba(47,57,59,.07) 52%,transparent 72%)}
.intro-v08 .fog-a{width:88vw;height:42vw;left:-45vw;top:31%;animation:v08FogA 9.2s .05s cubic-bezier(.18,.72,.2,1) both}
.intro-v08 .fog-b{width:91vw;height:44vw;right:-47vw;top:27%;animation:v08FogB 9.2s .08s cubic-bezier(.18,.72,.2,1) both}
.intro-v08 .fog-c{width:52vw;height:25vw;left:24vw;top:-17vw;animation:v08FogC 9s .1s ease-in-out both}
.intro-v08 .fog-d{width:86vw;height:31vw;left:7vw;bottom:-23vw;animation:v08FogD 9s .2s ease-in-out both}
.intro-v08 .intro-beam{position:absolute;z-index:3;top:-30vh;left:50%;width:34vw;height:95vh;transform:translateX(-50%);transform-origin:50% 0;background:linear-gradient(180deg,rgba(238,241,238,.24),rgba(177,184,181,.075) 34%,rgba(91,104,104,.018) 64%,transparent 84%);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);filter:blur(13px);opacity:0;animation:v08Beam 9s .05s ease-in-out both}
.intro-v08::before{content:"";position:absolute;z-index:1;left:-8%;right:-8%;bottom:-17%;height:52%;background:linear-gradient(180deg,transparent 0%,rgba(16,22,23,.30) 18%,rgba(4,7,8,.92) 72%),repeating-linear-gradient(174deg,rgba(255,255,255,.024) 0 1px,transparent 1px 8px);transform:perspective(720px) rotateX(64deg);transform-origin:50% 100%;filter:contrast(1.35);opacity:.9}
.intro-v08::after{content:"";position:absolute;z-index:2;left:12%;right:12%;bottom:3%;height:28%;background:radial-gradient(ellipse at 50% 0%,rgba(214,219,215,.14),rgba(100,111,109,.04) 28%,transparent 65%);filter:blur(8px);transform:perspective(650px) rotateX(68deg);transform-origin:50% 0%;opacity:.75}
.intro-v08 .intro-vignette{position:absolute;inset:0;z-index:8;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 0 24%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.58) 82%,rgba(0,0,0,.96) 100%),linear-gradient(180deg,rgba(0,0,0,.38),transparent 28%,transparent 66%,rgba(0,0,0,.76))}
.intro-v08 .intro-brand-lockup{position:relative;z-index:6;width:min(900px,88vw);text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateY(-3vh) scale(.99);animation:v08BrandCamera 8.8s .25s cubic-bezier(.2,.6,.2,1) both}
.intro-v08 .intro-logo-assembly{position:relative;width:min(790px,82vw);height:min(246px,25.5vw);min-height:158px;animation:v08Departure 1.2s 8.0s cubic-bezier(.5,0,.16,1) forwards}
.intro-v08 .cg-object{position:absolute;left:0;top:0;width:42.1%;height:100%;opacity:0;transform:translateY(2px) scale(.986);animation:v08CGIn .9s .52s cubic-bezier(.18,.82,.2,1) forwards;filter:drop-shadow(0 25px 18px rgba(0,0,0,.72)) drop-shadow(0 5px 2px rgba(0,0,0,.8))}
.intro-v08 .cg-object i{position:absolute;inset:0;-webkit-mask:url('./cordell-cg-mask.png') center/contain no-repeat;mask:url('./cordell-cg-mask.png') center/contain no-repeat}
.intro-v08 .cg-depth{background:#080b0c;opacity:.98}.intro-v08 .cg-depth.d1{transform:translate(1px,1px)}.intro-v08 .cg-depth.d2{transform:translate(2px,2px)}.intro-v08 .cg-depth.d3{transform:translate(4px,4px);background:#0b0e0f}.intro-v08 .cg-depth.d4{transform:translate(6px,6px);background:#050708}.intro-v08 .cg-depth.d5{transform:translate(8px,8px);background:#030405}.intro-v08 .cg-depth.d6{transform:translate(10px,10px);background:#010203}
.intro-v08 .cg-face{background-color:#242829;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' seed='8'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E"),linear-gradient(148deg,#555b5a 0%,#303535 19%,#1b2021 43%,#343938 67%,#171b1c 100%);background-blend-mode:soft-light,normal;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.intro-v08 .cg-rim{background:linear-gradient(145deg,rgba(238,239,234,.72) 0%,rgba(143,148,144,.16) 13%,transparent 27%,transparent 67%,rgba(188,191,185,.13) 80%,rgba(240,239,232,.42) 100%);opacity:.52;transform:translate(-.7px,-.7px);filter:blur(.1px)}
.intro-v08 .cg-specular{background:linear-gradient(108deg,transparent 35%,rgba(255,255,255,0) 42%,rgba(234,232,220,.52) 48%,rgba(255,250,236,.13) 51%,transparent 57%);background-size:280% 100%;background-position:130% 0;mix-blend-mode:screen;opacity:0;animation:v08Specular 2.6s 2.75s cubic-bezier(.2,.65,.2,1) forwards,v08Specular2 2s 5.8s ease-in-out forwards}
.intro-v08 .divider-object{position:absolute;left:47.6%;top:0;width:1.2%;height:100%;opacity:0;transform:scaleY(.06);transform-origin:50% 50%;background:linear-gradient(180deg,transparent 1%,rgba(232,231,223,.8) 11%,#8b8d88 50%,rgba(228,227,219,.75) 89%,transparent 99%);-webkit-mask:url('./cordell-divider-mask.png') center/contain no-repeat;mask:url('./cordell-divider-mask.png') center/contain no-repeat;animation:v08Divider .7s 1.3s cubic-bezier(.2,.75,.2,1) forwards;filter:drop-shadow(0 0 5px rgba(225,221,205,.18))}
.intro-v08 .wordmark-object{position:absolute;right:0;top:0;width:48.3%;height:100%;opacity:0;transform:translateX(-4px);animation:v08WordIn .88s 1.68s cubic-bezier(.2,.76,.2,1) forwards}
.intro-v08 .wordmark-object i{position:absolute;inset:0;-webkit-mask:url('./cordell-wordmark-mask.png') center/contain no-repeat;mask:url('./cordell-wordmark-mask.png') center/contain no-repeat}
.intro-v08 .word-face{background:linear-gradient(180deg,#e1e1dc 0%,#aaaEaa 39%,#626766 100%);filter:drop-shadow(0 7px 8px rgba(0,0,0,.62))}
.intro-v08 .word-light{background:linear-gradient(105deg,transparent 25%,rgba(255,252,239,.48) 46%,transparent 58%);background-size:240% 100%;background-position:120% 0;mix-blend-mode:screen;opacity:0;animation:v08WordSweep 1.9s 3.2s ease-in-out forwards}
.intro-v08 .intro-rule{width:min(520px,52vw);height:28px;margin-top:10px;position:relative;opacity:0;animation:v08Resolve .55s 2.65s forwards,v08Departure 1.1s 8.02s forwards}
.intro-v08 .intro-rule .rule-base{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(125,130,126,.36) 7%,rgba(185,186,178,.50) 50%,rgba(125,130,126,.36) 93%,transparent)}
.intro-v08 .intro-rule .rule-pulse{position:absolute;left:50%;top:calc(50% - 1px);width:2px;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(215,211,197,.75),#fff9e8 50%,rgba(215,211,197,.75));box-shadow:0 0 11px rgba(240,232,207,.48);animation:v08Pulse 2.85s 2.95s cubic-bezier(.18,.62,.18,1) infinite}
.intro-v08 .intro-rule .wall{position:absolute;top:calc(50% - 5px);width:1px;height:11px;background:#f1ecdc;opacity:0;box-shadow:0 0 11px rgba(241,232,203,.56);animation:v08Wall 2.85s 2.95s ease-out infinite}.intro-v08 .intro-rule .wall-left{left:0}.intro-v08 .intro-rule .wall-right{right:0}
.intro-v08 .intro-tagline-v07{margin-top:2px;font-family:"DM Sans",sans-serif;font-size:clamp(.88rem,1.32vw,1.12rem);font-weight:500;letter-spacing:.34em;padding-left:.34em;color:#c9c9c3;text-shadow:0 1px 0 rgba(255,255,255,.05),0 10px 25px rgba(0,0,0,.78);opacity:0;transform:translateY(5px);animation:v08TagIn .72s 3.02s forwards,v08Departure 1.1s 8.04s forwards}
.intro-v08 .intro-reflection{position:absolute;z-index:4;left:17%;right:17%;bottom:2.5vh;height:27vh;opacity:0;background:radial-gradient(ellipse at 50% 0%,rgba(210,211,202,.12),rgba(83,91,89,.035) 37%,transparent 69%),repeating-linear-gradient(176deg,rgba(255,255,255,.022) 0 1px,transparent 1px 8px);filter:blur(7px);transform:perspective(560px) rotateX(70deg) scaleX(.76);transform-origin:50% 0;animation:v08Reflection 8.8s .7s ease-in-out both}
.intro-v08 .intro-transition-cloud{position:absolute;z-index:9;left:50%;top:50%;width:26vw;height:26vw;border-radius:50%;transform:translate(-50%,-50%) scale(.45);opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(182,187,181,.18),rgba(74,85,84,.12) 34%,rgba(12,20,21,.08) 58%,transparent 76%);filter:blur(30px);mix-blend-mode:screen;animation:v08Transition 1.7s 7.78s cubic-bezier(.48,0,.12,1) forwards}
.intro-v08 .intro-skip{position:absolute;z-index:10;right:28px;top:24px;border:0;background:transparent;color:rgba(218,221,218,.25);font-size:.52rem;letter-spacing:.22em;cursor:pointer;opacity:0;animation:skipIn .5s 1.05s forwards;transition:color .2s,opacity .2s}.intro-v08 .intro-skip:hover{color:rgba(235,237,234,.72)}
@keyframes v08CGIn{0%{opacity:0;filter:drop-shadow(0 25px 18px rgba(0,0,0,.72)) brightness(.28);transform:translateY(3px) scale(.982)}42%{opacity:.58;filter:drop-shadow(0 25px 18px rgba(0,0,0,.72)) brightness(.54)}100%{opacity:1;filter:drop-shadow(0 25px 18px rgba(0,0,0,.72)) drop-shadow(0 5px 2px rgba(0,0,0,.8)) brightness(1);transform:none}}
@keyframes v08Divider{to{opacity:1;transform:scaleY(1)}}@keyframes v08WordIn{to{opacity:1;transform:none}}@keyframes v08Resolve{to{opacity:1}}@keyframes v08TagIn{to{opacity:1;transform:none}}
@keyframes v08Pulse{0%,10%{width:2px;opacity:.15}18%{opacity:1}76%{width:100%;opacity:1;height:2px;box-shadow:0 0 11px rgba(240,232,207,.48)}84%{width:100%;height:5px;opacity:1;box-shadow:0 0 18px rgba(250,239,204,.72)}91%,100%{width:100%;height:1px;opacity:0}}
@keyframes v08Wall{0%,74%{opacity:0;transform:scaleY(.35)}80%{opacity:.95;transform:scaleY(1.45)}87%{opacity:.25;transform:scaleY(.75)}94%,100%{opacity:0;transform:scaleY(.35)}}
@keyframes v08Specular{0%{opacity:0;background-position:130% 0}18%{opacity:.12}55%{opacity:.58}100%{opacity:0;background-position:-30% 0}}@keyframes v08Specular2{0%{opacity:0;background-position:115% 0}48%{opacity:.28}100%{opacity:0;background-position:-10% 0}}@keyframes v08WordSweep{0%{opacity:0;background-position:120% 0}45%{opacity:.42}100%{opacity:0;background-position:-20% 0}}
@keyframes v08FogA{0%{opacity:0;transform:translateX(-7%) scale(.9)}18%{opacity:.55}58%{opacity:.82;transform:translateX(42%) scale(1.06)}100%{opacity:.20;transform:translateX(60%) scale(1.14)}}@keyframes v08FogB{0%{opacity:0;transform:translateX(8%) scale(.9)}20%{opacity:.52}60%{opacity:.78;transform:translateX(-40%) scale(1.06)}100%{opacity:.18;transform:translateX(-58%) scale(1.14)}}@keyframes v08FogC{0%{opacity:0;transform:translateY(-10%) scale(.8)}30%{opacity:.26}70%{opacity:.34;transform:translateY(42%) scale(1.15)}100%{opacity:.12;transform:translateY(55%) scale(1.2)}}@keyframes v08FogD{0%{opacity:0;transform:translateY(14%) scale(.9)}30%{opacity:.22}70%{opacity:.32;transform:translateY(-22%) scale(1.08)}100%{opacity:.10;transform:translateY(-30%) scale(1.12)}}
@keyframes v08Beam{0%{opacity:0}18%{opacity:.42}52%{opacity:.72}78%{opacity:.56}100%{opacity:.12}}@keyframes v08Camera{from{transform:scale(1.04)}to{transform:scale(1.085)}}@keyframes v08BrandCamera{from{transform:translateY(-3vh) scale(.985)}to{transform:translateY(-3.2vh) scale(1.015)}}@keyframes v08Reflection{0%{opacity:0}26%{opacity:.34}70%{opacity:.48}100%{opacity:.08}}@keyframes v08Departure{to{opacity:0;filter:blur(4px);transform:scale(1.018)}}@keyframes v08Transition{0%{opacity:0;transform:translate(-50%,-50%) scale(.45)}45%{opacity:.58}100%{opacity:0;transform:translate(-50%,-50%) scale(4.8)}}
@media(max-width:700px){.intro-v08 .intro-brand-lockup{width:96vw}.intro-v08 .intro-logo-assembly{width:93vw;height:31vw;min-height:118px}.intro-v08 .intro-rule{width:min(430px,70vw)}.intro-v08 .intro-tagline-v07{font-size:clamp(.7rem,2.7vw,.92rem);letter-spacing:.25em;padding-left:.25em}.intro-v08 .fog-a,.intro-v08 .fog-b{width:140vw;height:72vw}.intro-v08 .intro-beam{width:76vw}}
@media(prefers-reduced-motion:reduce){.intro.intro-v08{display:none!important}body.intro-active{overflow:auto}}

/* ===== Section 1 / The Company — cinematic editorial pass ===== */
.hero.hero-company{
  min-height:100svh;display:block;padding:0;position:relative;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(2,8,10,.05) 0%,rgba(2,8,10,.18) 48%,rgba(2,8,10,.92) 100%),
    radial-gradient(ellipse at 72% 36%,rgba(34,91,99,.20),transparent 38%),
    linear-gradient(118deg,#071f26 0%,#07181d 45%,#03090b 100%);
}
.hero-company::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent 35%,rgba(0,0,0,.20));pointer-events:none;z-index:1}
.company-grid{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(rgba(222,235,232,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(222,235,232,.055) 1px,transparent 1px);background-size:clamp(64px,6vw,110px) clamp(64px,6vw,110px);mask-image:linear-gradient(90deg,black 0%,black 42%,transparent 82%)}
.company-haze{position:absolute;border-radius:50%;filter:blur(90px);opacity:.20;animation:companyDrift 16s ease-in-out infinite alternate;pointer-events:none}
.company-haze-a{width:56vw;height:34vw;left:-18vw;bottom:-10vw;background:#255761}
.company-haze-b{width:42vw;height:32vw;right:-8vw;top:10vh;background:#173f47;animation-delay:-7s}
@keyframes companyDrift{to{transform:translate3d(5vw,-2vh,0) scale(1.12)}}
.company-ghost-mark{position:absolute;z-index:0;right:-5vw;top:10vh;width:min(52vw,840px);height:min(68vh,720px);opacity:.055;background:#dce4e1;-webkit-mask:url('./cordell-cg-mask.png') center/contain no-repeat;mask:url('./cordell-cg-mask.png') center/contain no-repeat;filter:blur(.2px);transform:rotate(-3deg)}
.company-rail{position:absolute;z-index:3;left:clamp(24px,5.5vw,92px);right:clamp(24px,5.5vw,92px);top:clamp(116px,14vh,160px);display:flex;align-items:center;gap:22px;color:rgba(228,236,234,.46);font-size:.57rem;letter-spacing:.24em;text-transform:uppercase}
.company-rail-line{height:1px;flex:1;background:linear-gradient(90deg,rgba(224,235,232,.25),rgba(224,235,232,.04))}
.company-copy{position:absolute;z-index:3;left:clamp(24px,5.5vw,92px);bottom:clamp(155px,18vh,210px);width:min(980px,76vw)}
.company-copy .kicker{margin-bottom:1.7rem;color:rgba(198,214,210,.64)}
.company-copy h1{font-size:clamp(4.5rem,10.2vw,10.5rem);line-height:.77;letter-spacing:-.06em;font-weight:500;text-shadow:0 18px 60px rgba(0,0,0,.25)}
.company-copy h1 span{color:rgba(218,228,225,.40)}
.company-lede{width:min(690px,70vw);font-size:clamp(1rem,1.35vw,1.22rem)!important;line-height:1.75!important;color:rgba(225,234,231,.66)!important;margin:2.15rem 0 2.2rem!important}
.hero-company .cta{min-height:48px;padding:0 22px}
.hero-company .cta-primary{background:#e4e8e5;color:#071316;border-color:#e4e8e5}
.company-principles{position:absolute;z-index:3;right:clamp(24px,5.5vw,92px);bottom:clamp(70px,8vh,94px);width:min(480px,36vw);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(226,236,233,.18);padding-top:18px;gap:20px}
.company-principles div{display:flex;flex-direction:column;gap:5px}.company-principles span{font-size:.5rem;letter-spacing:.2em;color:rgba(218,230,226,.34)}.company-principles strong{font-size:.62rem;letter-spacing:.18em;font-weight:500;color:rgba(237,242,240,.78)}.company-principles small{font-size:.64rem;line-height:1.45;color:rgba(206,220,216,.38)}
.company-scroll{position:absolute;z-index:3;left:clamp(24px,5.5vw,92px);bottom:clamp(38px,5vh,60px);display:flex;align-items:center;gap:15px;color:rgba(229,237,235,.34);font-size:.5rem;letter-spacing:.22em}.company-scroll i{display:block;width:70px;height:1px;background:linear-gradient(90deg,rgba(225,235,232,.4),transparent);position:relative;overflow:hidden}.company-scroll i::after{content:"";position:absolute;left:-20%;top:0;width:22%;height:1px;background:#eef3f0;animation:companyScan 2.6s ease-in-out infinite}@keyframes companyScan{50%,100%{left:105%}}
@media(max-width:900px){.company-rail{top:110px}.company-rail span:last-child{display:none}.company-copy{width:auto;right:24px;bottom:190px}.company-copy h1{font-size:clamp(4rem,14vw,7.4rem)}.company-ghost-mark{width:78vw;right:-24vw;top:18vh;opacity:.045}.company-principles{left:24px;right:24px;bottom:70px;width:auto}.company-scroll{display:none}}
@media(max-width:560px){.hero.hero-company{min-height:94svh}.company-rail{left:22px;right:22px;top:94px}.company-copy{left:22px;right:22px;bottom:205px}.company-copy h1{font-size:clamp(3.55rem,18vw,5.8rem);line-height:.8}.company-lede{width:100%;font-size:.94rem!important;margin:1.55rem 0 1.65rem!important}.company-principles{left:22px;right:22px;bottom:48px;gap:10px}.company-principles small{display:none}.company-principles strong{font-size:.53rem}.company-ghost-mark{width:100vw;right:-42vw;top:17vh}}

/* ===== Section 1 / v0.2 — local-everywhere gateway refinement ===== */
.hero.hero-company{--cg-x:0px;--cg-y:0px;--cg-scroll:0px}
.company-ghost-mark{
  right:-2vw;top:12vh;width:min(47vw,760px);height:min(66vh,690px);opacity:.052;
  transform:translate3d(var(--cg-x),calc(var(--cg-y) + var(--cg-scroll)),0) scale(1);
  transform-origin:50% 50%;
  transition:transform 1.15s cubic-bezier(.2,.7,.2,1),opacity .5s;
  filter:drop-shadow(0 30px 70px rgba(0,0,0,.18));
}
.company-ghost-mark::after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.42) 48%,transparent 62%);background-size:260% 100%;background-position:120% 0;-webkit-mask:url('./cordell-cg-mask.png') center/contain no-repeat;mask:url('./cordell-cg-mask.png') center/contain no-repeat;opacity:.13;animation:companyMarkLight 9s ease-in-out infinite}
@keyframes companyMarkLight{0%,20%{background-position:125% 0;opacity:0}45%{opacity:.16}70%,100%{background-position:-25% 0;opacity:0}}
.company-rail{right:clamp(24px,5.5vw,92px)}
.company-rail-line{position:relative;overflow:hidden}
.company-rail-line i{position:absolute;top:0;left:-14%;width:14%;height:1px;background:linear-gradient(90deg,transparent,rgba(239,245,242,.75),transparent);animation:companyRailScan 7.2s 1.2s ease-in-out infinite}
@keyframes companyRailScan{0%,14%{left:-14%;opacity:0}22%{opacity:1}58%{left:100%;opacity:.8}64%,100%{left:100%;opacity:0}}
.company-copy{bottom:clamp(235px,28vh,310px);width:min(930px,72vw)}
.company-copy h1{font-size:clamp(4.5rem,9.8vw,10rem)}
.company-lede{width:min(600px,62vw);margin:2rem 0 0!important}
.company-gateway{position:absolute;z-index:4;left:clamp(24px,5.5vw,92px);right:clamp(24px,5.5vw,92px);bottom:clamp(78px,9vh,105px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(226,236,233,.18);border-bottom:1px solid rgba(226,236,233,.10)}
.company-gateway a{min-height:86px;padding:17px 18px 15px 0;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;border-right:1px solid rgba(226,236,233,.10);position:relative;overflow:hidden;transition:background .35s,color .35s}
.company-gateway a:not(:first-child){padding-left:18px}.company-gateway a:last-child{border-right:0}
.company-gateway a::before{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(235,242,239,.72);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.company-gateway a:hover{background:rgba(255,255,255,.025)}.company-gateway a:hover::before{transform:scaleX(1)}
.company-gateway span{font-size:.48rem;letter-spacing:.16em;color:rgba(218,230,226,.34)}
.company-gateway strong{font-family:"Manrope",sans-serif;font-size:.7rem;letter-spacing:.22em;font-weight:500;color:rgba(239,244,242,.80)}
.company-gateway i{font-style:normal;color:rgba(230,239,236,.34);transform:translateX(-4px);transition:transform .35s,color .35s}.company-gateway a:hover i{transform:translateX(2px);color:rgba(245,248,247,.8)}
.company-scroll{bottom:clamp(31px,4vh,48px)}
@media(max-width:900px){.company-copy{bottom:260px;width:auto}.company-ghost-mark{width:72vw;right:-17vw;top:17vh}.company-gateway{left:24px;right:24px;bottom:72px}.company-gateway a{min-height:76px;grid-template-columns:26px 1fr auto;padding-right:10px}.company-gateway a:not(:first-child){padding-left:10px}.company-scroll{display:none}}
@media(max-width:560px){.company-copy{bottom:300px}.company-lede{width:100%}.company-gateway{grid-template-columns:1fr 1fr;bottom:42px}.company-gateway a{min-height:64px}.company-gateway a:nth-child(2){border-right:0}.company-gateway a:nth-child(-n+2){border-bottom:1px solid rgba(226,236,233,.10)}.company-ghost-mark{width:94vw;right:-30vw;top:18vh}}
@media(prefers-reduced-motion:reduce){.company-ghost-mark{transform:none!important}.company-ghost-mark::after,.company-rail-line i{animation:none!important}}

/* ===== Section 1 / v0.3 — architectural CG + responsive gateway motion ===== */
@media(min-width:901px){
  .company-ghost-mark{
    right:-11vw;
    top:10vh;
    width:min(57vw,920px);
    height:min(70vh,760px);
    opacity:.047;
  }
}

.company-gateway a{
  --hover-shift:0px;
  isolation:isolate;
}
.company-gateway a::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.028) 48%,rgba(255,255,255,0) 100%);
  transform:translateX(-110%);
  transition:transform .72s cubic-bezier(.2,.75,.2,1);
}
.company-gateway a:hover::after{transform:translateX(110%)}
.company-gateway strong{
  transform:translateX(var(--hover-shift));
  transition:transform .42s cubic-bezier(.2,.75,.2,1),color .35s;
}
.company-gateway a:hover{--hover-shift:6px}
.company-gateway a:hover strong{color:rgba(248,250,249,.96)}
.company-gateway a:hover span{color:rgba(226,236,233,.58)}
.company-gateway a:hover i{transform:translateX(8px);color:rgba(245,248,247,.92)}

@media(max-width:900px){
  .company-ghost-mark{right:-22vw;width:78vw;top:16vh}
}
@media(max-width:560px){
  .company-ghost-mark{right:-35vw;width:100vw;top:17vh}
}

/* Section 02 — Seller editorial */
.seller-editorial{position:relative;min-height:100vh;overflow:hidden;background:#06161b;color:#f1f3f1;display:flex;align-items:flex-end;padding:clamp(92px,11vh,132px) clamp(28px,7vw,112px) clamp(70px,9vh,104px);isolation:isolate}
.seller-editorial::before{content:"";position:absolute;inset:0;z-index:-5;background:radial-gradient(circle at 73% 38%,rgba(155,181,184,.12),transparent 26%),linear-gradient(112deg,#071a20 0%,#08252d 44%,#061319 100%)}
.seller-scene{position:absolute;inset:0;z-index:-3;overflow:hidden;transform:scale(1.02);transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}
.seller-frame{position:absolute;border:1px solid rgba(224,235,233,.15);box-shadow:0 30px 90px rgba(0,0,0,.35)}
.frame-a{width:46vw;height:62vh;right:7vw;top:16vh;transform:skewY(-2deg);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,0))}
.frame-b{width:29vw;height:43vh;right:15vw;top:26vh;border-color:rgba(229,238,236,.23);background:linear-gradient(145deg,rgba(198,216,215,.055),rgba(255,255,255,0))}
.frame-c{width:16vw;height:27vh;right:21vw;top:34vh;border-color:rgba(229,238,236,.3);box-shadow:inset 0 0 80px rgba(164,190,191,.04)}
.seller-glow{position:absolute;width:52vw;height:68vh;right:-3vw;top:8vh;background:radial-gradient(ellipse,rgba(164,190,191,.14),rgba(164,190,191,.035) 38%,transparent 68%);filter:blur(18px)}
.seller-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,19,.94) 0%,rgba(4,15,19,.68) 43%,rgba(4,15,19,.14) 72%,rgba(4,15,19,.44) 100%)}
.seller-scan{position:absolute;top:0;bottom:0;width:1px;right:29vw;background:linear-gradient(180deg,transparent,rgba(224,237,234,.45),transparent);opacity:.35;animation:sellerScan 7s ease-in-out infinite}
@keyframes sellerScan{0%,100%{transform:translateX(-9vw);opacity:0}18%{opacity:.28}52%{opacity:.45}82%{opacity:.12}100%{transform:translateX(12vw);opacity:0}}
.seller-rail{position:absolute;top:clamp(104px,13vh,150px);left:clamp(28px,7vw,112px);right:clamp(28px,7vw,112px);display:flex;align-items:center;gap:24px;font-size:.62rem;letter-spacing:.22em;color:rgba(238,243,241,.58)}
.seller-rail-line{height:1px;flex:1;background:rgba(235,242,240,.14);position:relative;overflow:hidden}.seller-rail-line i{position:absolute;inset:0 auto 0 -16%;width:16%;background:linear-gradient(90deg,transparent,rgba(239,246,244,.72),transparent);animation:sellerRail 6.8s ease-in-out infinite}
@keyframes sellerRail{0%,16%{left:-18%;opacity:0}30%{opacity:1}68%{opacity:.65}84%,100%{left:104%;opacity:0}}
.seller-copy{position:relative;z-index:2;width:min(820px,72vw)}
.seller-copy .kicker{margin-bottom:22px;color:rgba(235,241,239,.58)}
.seller-copy h2{font-family:'Manrope',sans-serif;font-size:clamp(4rem,8.4vw,9rem);line-height:.82;letter-spacing:-.065em;font-weight:500;margin:0;text-transform:uppercase}
.seller-copy h2 span{color:rgba(237,242,240,.46)}
.seller-copy p{font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.65;max-width:560px;color:rgba(235,241,239,.68);margin:34px 0 30px}
.seller-link{display:inline-flex;align-items:center;gap:26px;color:#f1f3f1;text-decoration:none;font-size:.68rem;letter-spacing:.19em;padding:14px 0;border-bottom:1px solid rgba(239,245,243,.28);transition:border-color .35s ease,gap .35s ease}.seller-link i{font-style:normal;font-size:1rem}.seller-link:hover{gap:38px;border-color:rgba(239,245,243,.8)}
.seller-edge{position:absolute;right:clamp(28px,4vw,70px);bottom:clamp(72px,8vh,100px);display:flex;align-items:center;gap:16px;transform:rotate(-90deg) translateX(100%);transform-origin:right bottom;font-size:.55rem;letter-spacing:.24em;color:rgba(235,241,239,.38)}.seller-edge i{width:52px;height:1px;background:rgba(235,241,239,.25)}
.services-single{display:block}.services-single .service-panel{min-height:760px}
@media(max-width:800px){.seller-editorial{min-height:860px;padding:120px 24px 64px}.seller-rail{top:96px;left:24px;right:24px}.seller-copy{width:100%}.seller-copy h2{font-size:clamp(3.3rem,16vw,5.5rem)}.frame-a{width:82vw;height:46vh;right:-20vw;top:21vh}.frame-b{width:58vw;height:34vh;right:-5vw;top:27vh}.frame-c{width:35vw;height:22vh;right:7vw;top:33vh}.seller-glow{width:90vw;right:-30vw}.seller-edge{display:none}}
@media(prefers-reduced-motion:reduce){.seller-scan,.seller-rail-line i{animation:none}}


/* Section 2 v0.2 — editorial property windows */
.seller-frame{overflow:hidden;background:rgba(7,22,27,.42);backdrop-filter:blur(1px)}
.seller-frame::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(145deg,rgba(5,19,23,.22),rgba(4,15,19,.72));pointer-events:none;transition:opacity .9s ease}
.property-image{position:absolute;inset:-5%;display:block;background-image:url('https://images.unsplash.com/photo-1762811054947-605b20298615?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=70&w=2200');background-repeat:no-repeat;background-size:cover;filter:saturate(.62) contrast(1.08) brightness(.58);opacity:.72;will-change:transform,filter,opacity;transition:filter 1.1s ease,opacity 1.1s ease;animation:propertyDrift 16s ease-in-out infinite alternate}
.property-image-a{background-position:56% 50%;transform:scale(1.08)}
.property-image-b{background-position:72% 45%;transform:scale(1.14);animation-delay:-5s}
.property-image-c{background-position:35% 58%;transform:scale(1.2);animation-delay:-9s}
.frame-a{border-color:rgba(224,235,233,.18)}
.frame-b{border-color:rgba(224,235,233,.24)}
.frame-c{border-color:rgba(224,235,233,.31)}
.seller-editorial:hover .seller-frame::after{opacity:.64}
.seller-editorial:hover .property-image{filter:saturate(.72) contrast(1.1) brightness(.67);opacity:.82}
.seller-scene::after{content:"";position:absolute;right:3vw;top:18vh;width:42vw;height:58vh;z-index:4;pointer-events:none;background:linear-gradient(105deg,transparent 0 42%,rgba(217,235,231,.055) 49%,transparent 56%);transform:translateX(-18vw);animation:propertyLight 9s cubic-bezier(.4,0,.2,1) infinite}
@keyframes propertyDrift{0%{translate:-1.5% -1%;scale:1.01}100%{translate:1.5% 1%;scale:1.045}}
@keyframes propertyLight{0%,18%{transform:translateX(-22vw);opacity:0}32%{opacity:.7}68%{opacity:.45}82%,100%{transform:translateX(30vw);opacity:0}}
@media(max-width:800px){.property-image{background-size:cover}.seller-scene::after{right:-20vw;width:90vw}}
@media(prefers-reduced-motion:reduce){.property-image,.seller-scene::after{animation:none}}

/* Section 2 v0.3 — the property takes the stage */
.seller-editorial{--stage-open:.56;background:#020708;align-items:center;padding-top:clamp(118px,14vh,158px)}
.seller-editorial::before{background:radial-gradient(ellipse at 72% 47%,rgba(134,159,157,.055),transparent 31%),linear-gradient(110deg,#020708 0%,#041015 46%,#020607 100%)}
.seller-stage{transform:none;transition:none;background:#020607}
.stage-darkness{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 48%,rgba(18,39,42,.38),transparent 34%),linear-gradient(90deg,rgba(1,4,5,.99) 0%,rgba(2,7,9,.94) 48%,rgba(1,4,5,.97) 100%)}
.stage-beam{position:absolute;top:-18vh;height:112vh;width:32vw;opacity:.48;filter:blur(2px);mix-blend-mode:screen;transform-origin:50% 0;will-change:transform,opacity}
.beam-left{left:53%;background:linear-gradient(102deg,transparent 3%,rgba(188,207,202,.02) 25%,rgba(190,211,206,.15) 67%,rgba(226,235,231,.03) 91%,transparent);clip-path:polygon(46% 0,64% 0,100% 100%,0 100%);transform:translateX(-50%) rotate(calc(-8deg * var(--stage-open)))}
.beam-right{left:66%;background:linear-gradient(258deg,transparent 3%,rgba(188,207,202,.02) 25%,rgba(190,211,206,.13) 67%,rgba(226,235,231,.025) 91%,transparent);clip-path:polygon(36% 0,54% 0,100% 100%,0 100%);transform:translateX(-50%) rotate(calc(8deg * var(--stage-open)))}
.stage-haze{position:absolute;border-radius:50%;filter:blur(44px);opacity:.24;animation:stageHaze 13s ease-in-out infinite alternate}
.haze-a{width:45vw;height:18vh;left:48%;top:38%;background:rgba(145,171,168,.11);transform:rotate(-8deg)}
.haze-b{width:34vw;height:14vh;left:58%;top:54%;background:rgba(206,219,215,.075);animation-delay:-6s}
.stage-floor{position:absolute;left:38%;right:-8%;bottom:-8vh;height:45vh;background:linear-gradient(180deg,transparent 0%,rgba(82,108,106,.035) 43%,rgba(160,180,175,.055) 72%,rgba(2,6,7,.02)),repeating-linear-gradient(90deg,transparent 0 11.9vw,rgba(202,219,214,.025) 12vw);transform:perspective(650px) rotateX(67deg);transform-origin:bottom;opacity:.7}
.stage-horizon{position:absolute;left:46%;right:3%;bottom:23%;height:1px;background:linear-gradient(90deg,transparent,rgba(202,220,215,.2),transparent);box-shadow:0 0 28px rgba(176,202,196,.08)}
.stage-audience{position:absolute;right:-.025em;top:49%;transform:translateY(-50%);font:500 clamp(8rem,18vw,21rem)/.75 'Manrope',sans-serif;letter-spacing:-.075em;color:rgba(223,232,229,.018);white-space:nowrap;user-select:none}
.stage-grain{position:absolute;inset:0;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
.seller-copy{width:min(900px,76vw);mix-blend-mode:normal}
.seller-copy .kicker{margin-bottom:28px}
.seller-copy h2{font-size:clamp(4.2rem,8.8vw,9.5rem);position:relative;text-shadow:0 8px 45px rgba(0,0,0,.48)}
.seller-copy h2 span{color:rgba(237,242,240,.44);position:relative}
.seller-copy h2 span::after{content:"";position:absolute;left:0;right:0;bottom:-.08em;height:1px;background:linear-gradient(90deg,rgba(231,240,237,.05),rgba(231,240,237,.36),rgba(231,240,237,.03));transform:scaleX(var(--stage-open));transform-origin:left;transition:transform .2s linear}
.seller-copy p{max-width:610px}
.seller-edge{color:rgba(235,241,239,.48)}
@keyframes stageHaze{0%{translate:-3% 0;scale:.96;opacity:.16}100%{translate:4% 2%;scale:1.06;opacity:.3}}
@media(max-width:800px){.seller-editorial{--stage-open:.72;align-items:flex-end}.stage-beam{width:70vw;left:60%;opacity:.34}.beam-right{left:74%}.stage-floor{left:20%;right:-40%}.stage-audience{font-size:32vw;right:-25vw;top:42%}.seller-copy{width:100%}.seller-copy h2{font-size:clamp(3.3rem,16vw,5.5rem)}}
@media(prefers-reduced-motion:reduce){.stage-haze{animation:none}}

/* Section 2 v0.4 — cinematic aperture, no visible spotlight cone */
.seller-editorial{--reveal:0;--aperture:8%;background:#010405;min-height:108vh;isolation:isolate}
.seller-editorial::before{background:radial-gradient(ellipse at 68% 49%,rgba(105,135,132,.055),transparent 31%),linear-gradient(110deg,#010405 0%,#030b0e 48%,#010405 100%)}
.seller-stage{background:#010405;overflow:hidden}
.stage-darkness{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 50%,rgba(68,91,89,.09),transparent 24%),linear-gradient(90deg,#010304 0%,#020708 51%,#010304 100%)}
.stage-curtain{position:absolute;top:-8%;bottom:-8%;width:64%;z-index:5;background:linear-gradient(90deg,#010304 0%,#020607 78%,rgba(2,7,8,.92) 100%);filter:drop-shadow(0 0 70px rgba(0,0,0,.95));will-change:transform}
.curtain-left{left:-14%;transform:translate3d(calc(-1 * var(--reveal) * 17%),0,0);clip-path:polygon(0 0,100% 0,91% 100%,0 100%)}
.curtain-right{right:-14%;transform:translate3d(calc(var(--reveal) * 17%),0,0);background:linear-gradient(270deg,#010304 0%,#020607 78%,rgba(2,7,8,.92) 100%);clip-path:polygon(0 0,100% 0,100% 100%,9% 100%)}
.stage-light-core{position:absolute;z-index:2;left:67%;top:3%;bottom:5%;width:clamp(12px,calc(16px + var(--reveal) * 16vw),240px);transform:translateX(-50%);background:linear-gradient(180deg,transparent 0%,rgba(221,231,226,.035) 11%,rgba(196,214,208,.11) 38%,rgba(224,234,229,.16) 58%,rgba(168,193,186,.07) 79%,transparent 100%);filter:blur(calc(13px + var(--reveal) * 18px));opacity:calc(.08 + var(--reveal) * .62);border-radius:50%;mix-blend-mode:screen}
.stage-bloom{position:absolute;z-index:1;left:67%;top:47%;width:calc(18vw + var(--reveal) * 34vw);height:calc(24vh + var(--reveal) * 34vh);transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(181,204,198,.12) 0%,rgba(120,151,147,.055) 32%,rgba(66,94,91,.02) 55%,transparent 74%);filter:blur(32px);opacity:calc(.08 + var(--reveal) * .7)}
.stage-haze{z-index:3;filter:blur(55px);mix-blend-mode:screen;opacity:calc(.04 + var(--reveal) * .22)}
.haze-a{width:58vw;height:13vh;left:38%;top:43%;background:linear-gradient(90deg,transparent,rgba(171,194,188,.11),transparent);transform:rotate(-4deg);animation:stageHazeV4 14s ease-in-out infinite alternate}
.haze-b{width:44vw;height:10vh;left:48%;top:58%;background:linear-gradient(90deg,transparent,rgba(207,220,216,.07),transparent);animation:stageHazeV4b 17s -6s ease-in-out infinite alternate}
.stage-floor{z-index:1;left:34%;right:-10%;bottom:-18vh;height:52vh;background:radial-gradient(ellipse at 52% 2%,rgba(177,198,192,.085),transparent 43%),linear-gradient(180deg,rgba(71,94,91,.025),rgba(1,4,5,0) 72%);transform:perspective(760px) rotateX(72deg);opacity:calc(.12 + var(--reveal) * .72)}
.stage-floor::after{content:"";position:absolute;left:15%;right:5%;top:7%;height:1px;background:linear-gradient(90deg,transparent,rgba(219,230,226,.18),transparent);box-shadow:0 0 35px rgba(179,205,198,.13)}
.stage-horizon{z-index:2;left:40%;right:3%;bottom:23%;opacity:calc(.08 + var(--reveal) * .65);background:linear-gradient(90deg,transparent,rgba(213,226,221,.19),transparent)}
.stage-dust{position:absolute;z-index:4;inset:14% 8% 14% 42%;opacity:calc(var(--reveal) * .32);background-image:radial-gradient(circle at 12% 18%,rgba(235,241,238,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 39% 47%,rgba(235,241,238,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 71% 29%,rgba(235,241,238,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 84% 63%,rgba(235,241,238,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 53% 76%,rgba(235,241,238,.5) 0 1px,transparent 1.5px);background-size:210px 180px,270px 240px,330px 260px,290px 210px,240px 300px;filter:blur(.15px);animation:dustFloat 16s linear infinite}
.stage-grain{z-index:6;opacity:.11}
.seller-copy{z-index:8;width:min(920px,77vw)}
.seller-copy h2{font-size:clamp(4.2rem,8.8vw,9.5rem);letter-spacing:-.065em;line-height:.82;text-shadow:0 12px 55px rgba(0,0,0,.72)}
.seller-copy h2 span{color:rgba(239,243,241,calc(.30 + var(--reveal) * .48));text-shadow:0 0 calc(var(--reveal) * 34px) rgba(202,220,214,.10);transition:none}
.seller-copy h2 span::after{display:none}
.seller-copy p{position:relative;z-index:9}
.seller-rail,.seller-edge{z-index:9}
@keyframes stageHazeV4{from{transform:translate3d(-4%,0,0) rotate(-4deg) scale(.95)}to{transform:translate3d(5%,2%,0) rotate(-1deg) scale(1.08)}}
@keyframes stageHazeV4b{from{transform:translate3d(3%,0,0) scale(.96)}to{transform:translate3d(-5%,-2%,0) scale(1.1)}}
@keyframes dustFloat{from{transform:translate3d(0,0,0)}to{transform:translate3d(-18px,-26px,0)}}
@media(max-width:800px){.seller-editorial{--aperture:18%}.seller-copy{width:100%}.stage-light-core,.stage-bloom{left:72%}.stage-curtain{width:72%}.curtain-left{left:-25%}.curtain-right{right:-25%}.stage-dust{inset:12% 0 12% 28%}}
@media(prefers-reduced-motion:reduce){.stage-dust,.haze-a,.haze-b{animation:none!important}.curtain-left{transform:translateX(-12%)}.curtain-right{transform:translateX(12%)}.seller-editorial{--reveal:.75}}

/* SECTION 2 v0.5 — property launch */
.seller-launch{height:220vh;position:relative;background:#020708;color:#f1f3f1}
.seller-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(circle at 58% 46%,#0a2429 0%,#06171b 34%,#020708 72%);isolation:isolate}
.launch-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden}.launch-atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 38%,transparent 72%,rgba(0,0,0,.42)),radial-gradient(ellipse at 60% 58%,rgba(133,164,163,.08),transparent 38%)}
.launch-atmosphere i{position:absolute;border-radius:50%;filter:blur(70px);background:rgba(116,150,151,.08);animation:launchFog 14s ease-in-out infinite alternate}.launch-atmosphere i:nth-child(1){width:48vw;height:25vh;left:20vw;top:25vh}.launch-atmosphere i:nth-child(2){width:36vw;height:30vh;right:4vw;bottom:12vh;animation-delay:-5s}.launch-atmosphere i:nth-child(3){width:30vw;height:20vh;left:2vw;bottom:8vh;animation-delay:-9s}@keyframes launchFog{to{transform:translate3d(4vw,-2vh,0) scale(1.14);opacity:.55}}
.seller-launch .seller-rail{position:absolute;z-index:8;top:clamp(96px,12vh,138px);left:clamp(28px,7vw,112px);right:clamp(28px,7vw,112px);display:flex;align-items:center;gap:24px;font-size:.62rem;letter-spacing:.22em;color:rgba(238,243,241,.58)}
.launch-intro{position:absolute;z-index:5;left:clamp(28px,7vw,112px);top:50%;transform:translateY(-43%);width:min(650px,52vw);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.75,.2,1)}
.launch-intro .kicker{margin-bottom:24px}.launch-intro h2{font-size:clamp(3.2rem,5.7vw,6.6rem);line-height:.86;letter-spacing:-.07em;font-weight:500;margin:0}.launch-intro h2 span{color:#778382}.launch-intro p{max-width:590px;margin:28px 0 0;color:rgba(236,241,239,.7);font-size:clamp(.95rem,1.1vw,1.18rem);line-height:1.7}
.property-launch{position:absolute;z-index:4;inset:16vh 5vw 8vh 36vw;opacity:0;transform:translate3d(7vw,3vh,0) scale(.94);transition:opacity .9s ease,transform 1.15s cubic-bezier(.16,.78,.2,1)}
.property-hero{position:absolute;left:13%;top:9%;width:62%;height:70%;overflow:hidden;background:#0c2024;box-shadow:0 45px 100px rgba(0,0,0,.55);border:1px solid rgba(220,233,230,.12)}
.property-photo,.campaign-image,.detail-image{position:absolute;inset:-4%;background:url('https://images.unsplash.com/photo-1762811054947-605b20298615?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=78&w=2200') center/cover no-repeat;filter:saturate(.55) contrast(1.08) brightness(.68);animation:launchPhoto 14s ease-in-out infinite alternate}@keyframes launchPhoto{to{transform:scale(1.055) translate3d(-1.2%,.6%,0)}}
.property-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 48%,rgba(0,0,0,.78)),linear-gradient(90deg,rgba(0,0,0,.22),transparent 45%)}
.property-meta{position:absolute;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;font-size:.53rem;letter-spacing:.2em;color:rgba(255,255,255,.7)}.property-meta b{font-weight:500}
.property-caption{position:absolute;left:25px;bottom:24px;display:flex;flex-direction:column;gap:4px}.property-caption span{font-size:.5rem;letter-spacing:.24em}.property-caption strong{font-size:clamp(1.2rem,2vw,2rem);font-weight:500;letter-spacing:-.04em}
.campaign-card{position:absolute;background:#0b191d;border:1px solid rgba(225,236,233,.16);box-shadow:0 22px 60px rgba(0,0,0,.45);overflow:hidden;opacity:.9}.campaign-card>span{position:absolute;left:14px;bottom:12px;font-size:.46rem;letter-spacing:.18em;color:rgba(245,248,247,.75);z-index:2}.card-film{width:20%;height:44%;right:2%;top:4%;transform:rotate(2deg);animation:cardFloatA 7s ease-in-out infinite alternate}.campaign-image{background-position:70% 45%;filter:saturate(.45) brightness(.52)}.card-film:after,.card-detail:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.8))}
.card-editorial{width:22%;height:28%;left:0;bottom:5%;transform:rotate(-2deg);display:grid;place-items:center;background:linear-gradient(145deg,#10262b,#061014);animation:cardFloatB 8s ease-in-out infinite alternate}.editorial-mark{font-size:clamp(4rem,8vw,9rem);font-weight:500;letter-spacing:-.12em;color:rgba(210,222,219,.1)}
.card-detail{width:23%;height:31%;right:0;bottom:3%;transform:rotate(1.5deg);animation:cardFloatB 9s ease-in-out infinite alternate-reverse}.detail-image{background-position:20% 62%;transform:scale(1.35);filter:saturate(.35) brightness(.48)}
.card-market{width:18%;height:22%;left:1%;top:7%;padding:20px;background:#e9eeeb;color:#091417;animation:cardFloatA 8.5s ease-in-out infinite alternate-reverse}.card-market>span{position:static;color:#091417;font-size:.52rem;line-height:1.5}.card-market i{position:absolute;left:20px;right:20px;top:55%;height:1px;background:#52615f}.card-market b{position:absolute;left:20px;bottom:17px;font-size:.55rem;letter-spacing:.18em;font-weight:600}
@keyframes cardFloatA{to{transform:translateY(-10px) rotate(.5deg)}}@keyframes cardFloatB{to{transform:translateY(8px) rotate(.5deg)}}
.launch-label{position:absolute;z-index:9;font-size:.55rem;letter-spacing:.26em;color:rgba(227,238,235,.55);opacity:0;transition:opacity .6s ease,transform .8s ease}.label-position{left:14%;top:3%}.label-present{right:7%;top:51%}.label-launch{left:20%;bottom:1%}.launch-signal{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(215,231,227,.45),transparent);animation:signal 4.8s linear infinite}.signal-a{width:38%;top:18%;left:5%}.signal-b{width:30%;bottom:18%;right:4%;animation-delay:-2.3s}@keyframes signal{from{transform:translateX(-25%);opacity:0}25%{opacity:.5}to{transform:translateX(65%);opacity:0}}
.seller-payoff{position:absolute;z-index:7;left:clamp(28px,7vw,112px);bottom:8vh;display:flex;align-items:center;gap:22px;opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .8s ease}.seller-payoff>span{font-size:.54rem;letter-spacing:.18em;color:rgba(232,239,237,.48)}.seller-payoff strong{font-size:.6rem;letter-spacing:.18em;font-weight:500}.seller-payoff .seller-link{margin-left:20px}
.seller-edge{position:absolute;z-index:8;right:2.4vw;bottom:9vh;display:flex;align-items:center;gap:16px;writing-mode:vertical-rl;font-size:.5rem;letter-spacing:.25em;color:rgba(235,242,240,.45)}.seller-edge i{height:44px;width:1px;background:rgba(235,242,240,.25)}
.seller-launch.launch-active .launch-intro{opacity:.12;transform:translateY(-43%) translateX(-3vw) scale(.96)}.seller-launch.launch-active .property-launch{opacity:1;transform:none}.seller-launch.launch-active .launch-label{opacity:1;transform:translateY(-4px)}.seller-launch.launch-payoff .seller-payoff{opacity:1;transform:none}.seller-launch.launch-payoff .property-launch{transform:translate3d(0,-2vh,0) scale(.97);opacity:.72}
@media(max-width:900px){.seller-launch{height:190vh}.launch-intro{width:82vw}.property-launch{inset:24vh 4vw 14vh 14vw}.seller-launch.launch-active .launch-intro{opacity:.08}.seller-payoff{right:8vw;flex-wrap:wrap;gap:10px}.seller-payoff .seller-link{width:100%;margin:8px 0 0}.card-market,.card-editorial{display:none}}
@media(prefers-reduced-motion:reduce){.launch-atmosphere i,.property-photo,.campaign-image,.detail-image,.campaign-card,.launch-signal{animation:none}}

/* SECTION 2 v0.6 — location-neutral property study */
.property-study{inset:15vh 6vw 9vh 40vw;opacity:0;transform:translate3d(6vw,2vh,0) scale(.95);transition:opacity .9s ease,transform 1.15s cubic-bezier(.16,.78,.2,1)}
.property-stage{position:absolute;left:12%;top:7%;width:70%;height:72%;overflow:hidden;border:1px solid rgba(220,233,230,.13);background:linear-gradient(145deg,rgba(13,35,40,.88),rgba(3,11,13,.96));box-shadow:0 48px 110px rgba(0,0,0,.5)}
.property-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 54% 42%,rgba(172,196,190,.11),transparent 38%),linear-gradient(120deg,transparent 0 46%,rgba(213,228,223,.055) 49%,transparent 52%);animation:propertyLightSweep 7s ease-in-out infinite}
@keyframes propertyLightSweep{0%,18%{transform:translateX(-35%);opacity:.2}55%{opacity:1}100%{transform:translateX(35%);opacity:.25}}
.property-blueprint{position:absolute;inset:15% 12% 17%;opacity:.38;filter:drop-shadow(0 0 18px rgba(180,205,198,.08));animation:propertyBreathe 8s ease-in-out infinite alternate}
@keyframes propertyBreathe{to{transform:scale(1.018) translateY(-4px);opacity:.52}}
.property-blueprint i{position:absolute;display:block;border-color:rgba(205,221,216,.38)}
.property-blueprint .roof{left:10%;right:9%;top:10%;height:26%;border-left:1px solid;border-top:1px solid;transform:skewY(-10deg)}
.property-blueprint .wall-a{left:10%;top:30%;width:49%;height:52%;border:1px solid}.property-blueprint .wall-b{left:59%;top:25%;width:31%;height:57%;border:1px solid}
.property-blueprint .window{border:1px solid;width:13%;height:18%;top:43%}.property-blueprint .win-a{left:20%}.property-blueprint .win-b{left:68%}.property-blueprint .door{left:43%;bottom:18%;width:12%;height:30%;border:1px solid}.property-blueprint .ground{left:4%;right:3%;bottom:17%;height:1px;background:rgba(205,221,216,.35)}
.property-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,6,8,.5),transparent 35%,rgba(1,6,8,.15)),linear-gradient(180deg,transparent 55%,rgba(1,6,8,.72))}
.property-stage-label{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:.5rem;letter-spacing:.22em;color:rgba(238,244,242,.58)}.property-stage-label b{font-weight:500}
.property-stage-word{position:absolute;left:24px;bottom:22px;font-size:clamp(1.45rem,2.6vw,2.8rem);line-height:.9;letter-spacing:-.055em;font-weight:500;color:rgba(241,245,243,.9)}
.property-fragment{position:absolute;border:1px solid rgba(220,233,230,.14);background:rgba(7,22,26,.76);backdrop-filter:blur(9px);box-shadow:0 24px 55px rgba(0,0,0,.28);overflow:hidden;opacity:0;transition:opacity .7s ease,transform 1s cubic-bezier(.2,.75,.2,1)}
.property-fragment:before{content:"";position:absolute;inset:14%;border:1px solid rgba(206,223,218,.16);background:linear-gradient(135deg,transparent 48%,rgba(214,230,225,.08) 49% 51%,transparent 52%)}
.property-fragment span{position:absolute;left:14px;bottom:12px;font-size:.48rem;letter-spacing:.22em;color:rgba(238,244,242,.72)}
.fragment-a{width:25%;height:25%;left:0;top:17%;transform:translate(34px,18px) rotate(-2deg)}.fragment-b{width:24%;height:32%;right:0;top:9%;transform:translate(-30px,28px) rotate(2deg)}.fragment-c{width:27%;height:22%;right:2%;bottom:4%;transform:translate(-34px,-20px) rotate(1deg)}
.property-orbit{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(215,231,227,.35),transparent);opacity:.25;animation:signal 5.4s linear infinite}.orbit-a{width:44%;left:1%;top:13%}.orbit-b{width:35%;right:0;bottom:17%;animation-delay:-2.4s}
.seller-launch.launch-active .property-study{opacity:1;transform:none}.seller-launch.launch-active .property-fragment{opacity:.82}.seller-launch.launch-active .fragment-a{transform:translate(-12px,-8px) rotate(-1deg)}.seller-launch.launch-active .fragment-b{transform:translate(12px,-10px) rotate(1deg)}.seller-launch.launch-active .fragment-c{transform:translate(14px,10px) rotate(.5deg)}
.seller-launch.launch-payoff .property-study{transform:translate3d(0,-2vh,0) scale(.95);opacity:.42}.seller-payoff-v06{left:auto;right:7vw;bottom:8vh;display:flex;align-items:flex-end;gap:38px}.seller-payoff-v06 .payoff-copy{display:flex;flex-direction:column;gap:4px}.seller-payoff-v06 .payoff-copy>span{font-size:.5rem;letter-spacing:.24em;color:rgba(232,239,237,.46)}.seller-payoff-v06 .payoff-copy strong{font-size:clamp(1.5rem,2.4vw,2.8rem);line-height:1;font-weight:500;letter-spacing:-.05em}.seller-payoff-v06 .payoff-copy p{margin:5px 0 0;font-size:.75rem;color:rgba(232,239,237,.62)}.seller-payoff-v06 .seller-link{margin:0 0 2px}
.seller-edge span{font-size:0}.seller-edge span:after{content:"POSITIONED TO BE SEEN";font-size:.5rem}
@media(max-width:900px){.property-study{inset:24vh 4vw 16vh 12vw}.property-stage{left:9%;width:76%}.fragment-a{display:none}.seller-payoff-v06{left:8vw;right:8vw;align-items:flex-start;flex-direction:column;gap:16px}.seller-payoff-v06 .seller-link{width:auto;margin:0}.seller-launch.launch-active .launch-intro{opacity:.07}}
@media(prefers-reduced-motion:reduce){.property-stage:before,.property-blueprint,.property-orbit{animation:none}}

/* Section 3 v0.2 — BUY: connected-market map */
.buyer-discovery{height:215vh;position:relative;background:#020708;color:#f1f3f1}
.buyer-sticky{position:sticky;top:0;height:100vh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 70% 48%,rgba(17,58,66,.68),rgba(4,20,25,.72) 34%,#020708 72%)}
.buyer-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(205,225,222,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(205,225,222,.05) 1px,transparent 1px);background-size:9vw 9vw;mask-image:linear-gradient(90deg,transparent 35%,#000 58%,#000 100%)}
.buyer-rail{position:absolute;z-index:8;top:clamp(96px,12vh,138px);left:clamp(28px,7vw,112px);right:clamp(28px,7vw,112px);display:flex;align-items:center;gap:24px;font-size:.62rem;letter-spacing:.22em;color:rgba(238,243,241,.58)}
.buyer-rail-line{height:1px;flex:1;background:rgba(235,242,240,.14);position:relative;overflow:hidden}.buyer-rail-line i{position:absolute;inset:0 auto 0 -16%;width:16%;background:linear-gradient(90deg,transparent,rgba(239,246,244,.72),transparent);animation:buyerRail 6.8s ease-in-out infinite}
@keyframes buyerRail{0%,16%{left:-18%;opacity:0}30%{opacity:1}68%{opacity:.65}84%,100%{left:104%;opacity:0}}
.buyer-copy{position:absolute;z-index:7;left:clamp(28px,7vw,112px);top:48%;transform:translateY(-48%);width:min(610px,40vw);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}
.buyer-copy .kicker{margin-bottom:25px;color:rgba(235,241,239,.58)}
.buyer-copy h2{font-family:'Manrope',sans-serif;font-size:clamp(3.8rem,6.8vw,7.7rem);line-height:.84;letter-spacing:-.065em;font-weight:500;margin:0;text-transform:uppercase}.buyer-copy h2 span{color:rgba(237,242,240,.45)}
.buyer-copy p{font-size:clamp(.92rem,1.08vw,1.08rem);line-height:1.65;max-width:490px;color:rgba(235,241,239,.64);margin:30px 0 0}
.buyer-where{margin-top:35px;font-size:.57rem;letter-spacing:.25em;color:rgba(235,242,240,.5);position:relative;padding-left:62px}.buyer-where:before{content:"";position:absolute;left:0;top:50%;width:43px;height:1px;background:rgba(235,242,240,.28)}
.buyer-map{position:absolute;z-index:5;right:2.5vw;top:18vh;width:58vw;height:67vh;transition:transform 1.3s cubic-bezier(.2,.8,.2,1),opacity .8s ease}
.buyer-map-svg{width:100%;height:100%;overflow:visible}.map-land{fill:rgba(13,34,39,.46);stroke:rgba(211,229,225,.20);stroke-width:1.2;vector-effect:non-scaling-stroke}.map-land path+path{fill:none;stroke:rgba(211,229,225,.09);stroke-width:.7}
.map-route{fill:none;stroke:url(#routeFade);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:10 22;filter:url(#routeGlow);animation:mapFlow 8s linear infinite}.route-two{animation-duration:10s;animation-direction:reverse;opacity:.7}.route-three{animation-duration:12s;animation-delay:-4s;opacity:.55}@keyframes mapFlow{to{stroke-dashoffset:-128}}
.map-nodes circle{fill:#eef5f2;opacity:.75;filter:url(#routeGlow);animation:mapNode 4.4s ease-in-out infinite}.map-nodes circle:nth-child(2n){animation-delay:-1.5s}.map-nodes circle:nth-child(3n){animation-delay:-2.8s}@keyframes mapNode{0%,100%{opacity:.25}50%{opacity:1}}
.state-hotspots{position:absolute;inset:0}.state-hotspot{position:absolute;left:var(--x);top:var(--y);width:54px;height:54px;transform:translate(-50%,-50%);border:0;background:transparent;border-radius:50%;cursor:pointer;padding:0}.state-hotspot:before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border:1px solid rgba(234,244,241,.65);border-radius:50%;transform:translate(-50%,-50%);opacity:.35;transition:.35s}.state-hotspot:hover:before,.state-hotspot:focus-visible:before,.state-hotspot.active:before{width:15px;height:15px;opacity:1;box-shadow:0 0 24px rgba(226,244,238,.55);background:rgba(238,247,244,.12)}.state-hotspot:focus-visible{outline:1px solid rgba(238,247,244,.6);outline-offset:2px}
.state-readout{position:absolute;right:5%;top:13%;min-width:230px;text-align:right;pointer-events:none;transition:opacity .3s ease,transform .35s ease}.state-readout small{display:block;font-size:.48rem;letter-spacing:.28em;color:rgba(235,242,240,.38);margin-bottom:8px}.state-readout strong{font-family:'Manrope',sans-serif;font-size:clamp(1.7rem,2.7vw,3.4rem);line-height:.9;letter-spacing:-.04em;font-weight:500;color:rgba(241,246,244,.9)}
.map-caption{position:absolute;left:7%;right:2%;bottom:0;display:flex;align-items:center;gap:15px;font-size:.5rem;letter-spacing:.2em;color:rgba(235,242,240,.38)}.map-caption i{height:1px;flex:1;background:rgba(235,242,240,.15)}.map-caption strong{font-weight:500;color:rgba(239,245,243,.7)}
.buyer-payoff{position:absolute;z-index:9;left:clamp(28px,7vw,112px);bottom:8vh;opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .9s ease;display:flex;flex-direction:column;align-items:flex-start}.buyer-payoff>span{font-size:.52rem;letter-spacing:.22em;color:rgba(235,242,240,.45);margin-bottom:7px}.buyer-payoff>strong{font-family:'Manrope',sans-serif;font-size:clamp(2rem,3.4vw,4.4rem);line-height:.95;letter-spacing:-.05em;font-weight:500}.buyer-actions{display:flex;gap:30px;margin-top:22px}.buyer-actions a{color:#f1f3f1;text-decoration:none;font-size:.6rem;letter-spacing:.18em;border-bottom:1px solid rgba(239,245,243,.25);padding:10px 0;transition:gap .3s ease,border-color .3s ease;display:flex;gap:18px}.buyer-actions a:hover{gap:27px;border-color:rgba(239,245,243,.75)}.buyer-actions i{font-style:normal}
.buyer-edge{position:absolute;right:2.5vw;bottom:9vh;z-index:8;writing-mode:vertical-rl;font-size:.5rem;letter-spacing:.24em;color:rgba(235,242,240,.38);display:flex;align-items:center;gap:15px}.buyer-edge i{width:1px;height:44px;background:rgba(235,242,240,.22)}
.buyer-discovery.choice-active .buyer-copy{opacity:.24;transform:translateY(-52%) translateX(-1vw)}.buyer-discovery.choice-active .buyer-map{transform:scale(1.025)}.buyer-discovery.choice-payoff .buyer-payoff{opacity:1;transform:none}.buyer-discovery.choice-payoff .buyer-map{transform:translateX(4vw) scale(.93);opacity:.55}.buyer-discovery.choice-payoff .buyer-copy{opacity:0}
@media(max-width:900px){.buyer-discovery{height:190vh}.buyer-copy{width:82vw;top:34%}.buyer-copy h2{font-size:clamp(3.3rem,14vw,5.6rem)}.buyer-map{right:-18vw;top:42vh;width:112vw;height:45vh;opacity:.8}.state-readout{right:18%;top:6%;min-width:160px}.state-readout strong{font-size:1.65rem}.buyer-payoff{right:7vw;bottom:8vh}.buyer-payoff>strong{font-size:clamp(2.2rem,10vw,4rem)}.buyer-actions{flex-direction:column;gap:6px}.buyer-edge{display:none}.state-hotspot{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.buyer-rail-line i,.map-route,.map-nodes circle{animation:none!important}}

/* Section 3 v0.3 — factual North America map */
.buyer-map-factual{right:1.5vw;top:14vh;width:63vw;height:72vh}
.buyer-map-factual .buyer-map-svg{width:100%;height:100%;overflow:visible}
.na-countries,.na-states,.na-routes,.na-nodes{pointer-events:none}
.map-country{fill:rgba(11,28,32,.34);stroke:rgba(210,228,223,.17);stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .28s ease,stroke .28s ease,opacity .28s ease,filter .28s ease;pointer-events:auto;cursor:pointer}
.map-country-us{fill:rgba(8,25,30,.2);pointer-events:none}
.map-province,.map-state{fill:rgba(11,31,36,.25);stroke:rgba(214,231,227,.115);stroke-width:.7;vector-effect:non-scaling-stroke;transition:fill .28s ease,stroke .28s ease,opacity .28s ease,filter .28s ease;pointer-events:auto;cursor:pointer;outline:none}
.map-state:hover,.map-state:focus-visible,.map-province:hover,.map-province:focus-visible,.map-country:hover,.map-country:focus-visible,.map-active{fill:rgba(135,164,157,.16);stroke:rgba(239,247,244,.82);filter:drop-shadow(0 0 10px rgba(226,244,238,.16))}
.map-muted{opacity:.30}
.map-active{opacity:1}
.na-routes,.na-nodes{pointer-events:none}
.map-route.factual-route{fill:none;stroke:url(#routeFade);stroke-width:1.35;stroke-dasharray:2 13;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:url(#routeGlow);opacity:.58;animation:factualRoute 9.5s linear infinite;animation-delay:var(--route-delay,0s)}
.factual-node{fill:rgba(235,245,242,.76);stroke:rgba(225,241,236,.55);stroke-width:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(228,246,240,.68));animation:factualNode 3.6s ease-in-out infinite;animation-delay:var(--node-delay,0s)}
@keyframes factualRoute{to{stroke-dashoffset:-150}}
@keyframes factualNode{0%,100%{opacity:.34;r:2.8}50%{opacity:1;r:4.4}}
.buyer-map-factual .state-readout{right:3%;top:10%;min-width:260px}
.buyer-map-factual .map-caption{left:12%;right:4%;bottom:2%}
.map-source{position:absolute;left:12%;bottom:-2%;font-size:.42rem;letter-spacing:.26em;color:rgba(232,242,239,.22);white-space:nowrap}
.buyer-discovery.map-hovering .buyer-copy{opacity:.30}
@media(max-width:900px){.buyer-map-factual{right:-20vw;top:40vh;width:125vw;height:52vh}.buyer-map-factual .state-readout{right:18%;top:3%;min-width:180px}.buyer-map-factual .map-caption{left:18%;right:17%}.map-source{left:18%;bottom:-4%}}
@media(prefers-reduced-motion:reduce){.map-route.factual-route,.factual-node{animation:none}}

/* Section 3 v0.5 — keep buyer story present + improve factual map legibility */
.buyer-discovery.choice-active .buyer-copy{
  opacity:.42;
  transform:translateY(-50%) translateX(-.35vw);
}
.buyer-discovery.choice-payoff .buyer-copy{
  opacity:.34;
  transform:translateY(-50%) translateX(-.45vw);
}
.buyer-discovery.map-hovering .buyer-copy{
  opacity:.46;
}
.buyer-discovery.choice-payoff .buyer-map{
  transform:translateX(2.5vw) scale(.96);
  opacity:.82;
}

/* Brighter factual boundaries without turning the map into a conventional atlas */
.map-country{
  fill:rgba(11,28,32,.42);
  stroke:rgba(221,236,232,.29);
  stroke-width:1.15;
}
.map-country-us{fill:rgba(8,25,30,.26)}
.map-province,.map-state{
  fill:rgba(11,31,36,.30);
  stroke:rgba(224,238,234,.235);
  stroke-width:.82;
}
.map-state:hover,.map-state:focus-visible,
.map-province:hover,.map-province:focus-visible,
.map-country:hover,.map-country:focus-visible,.map-active{
  fill:rgba(143,174,166,.20);
  stroke:rgba(247,251,249,.94);
  stroke-width:1.18;
  filter:drop-shadow(0 0 12px rgba(226,244,238,.22));
}
.map-muted{opacity:.48}
.map-route.factual-route{opacity:.70;stroke-width:1.5}
.factual-node{opacity:.88}

@media(max-width:900px){
  .buyer-discovery.choice-active .buyer-copy,
  .buyer-discovery.choice-payoff .buyer-copy,
  .buyer-discovery.map-hovering .buyer-copy{opacity:.38}
  .buyer-discovery.choice-payoff .buyer-map{opacity:.86}
}


/* Section 3 v0.6 — Hawaii route, Nevada node, bottom-right label clearance */
.buyer-map-factual .map-caption{
  right:12%;
  bottom:3%;
}
.buyer-edge{
  right:.9vw;
  bottom:5vh;
}
@media(max-width:1200px) and (min-width:901px){
  .buyer-map-factual .map-caption{right:14%;}
  .buyer-edge{right:.6vw;}
}


/* =========================================================
   SECTION 4 — INVEST / Opportunity Study
   Added on top of restored ac96fa3 baseline. No prior styles changed.
   ========================================================= */
.invest-discovery{position:relative;height:220vh;background:#050d10;color:var(--paper)}
.invest-sticky{position:sticky;top:0;height:100vh;min-height:720px;overflow:hidden;background:radial-gradient(circle at 68% 46%,rgba(25,83,92,.25),transparent 28%),linear-gradient(130deg,#061317 0%,#071b20 48%,#040a0c 100%)}
.invest-grid{position:absolute;inset:0;opacity:.10;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:76px 76px;mask-image:radial-gradient(circle at 68% 50%,black 0 44%,transparent 80%)}
.invest-glow{position:absolute;right:7%;top:15%;width:52vw;height:52vw;border-radius:50%;background:radial-gradient(circle,rgba(63,126,134,.14),transparent 65%);filter:blur(20px);animation:investBreathe 7s ease-in-out infinite alternate}
@keyframes investBreathe{to{transform:scale(1.08);opacity:.72}}
.invest-rail{position:absolute;left:5.8vw;right:5.8vw;top:128px;display:flex;align-items:center;gap:24px;z-index:5;font-size:.62rem;letter-spacing:.24em;color:rgba(235,243,241,.62)}
.invest-rail-line{height:1px;flex:1;background:rgba(235,243,241,.15);position:relative;overflow:hidden}.invest-rail-line i{position:absolute;left:-18%;top:0;width:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(235,243,241,.8),transparent);animation:investRail 4.8s linear infinite}
@keyframes investRail{to{left:100%}}
.invest-copy{position:absolute;left:5.8vw;top:30%;width:min(38vw,610px);z-index:4;transition:opacity .7s,transform .7s}.invest-copy h2{font-size:clamp(4rem,6.3vw,7.2rem);line-height:.83}.invest-copy p{max-width:540px;margin:2rem 0 0;color:rgba(233,241,239,.56);font-size:clamp(.92rem,1.2vw,1.08rem);line-height:1.7}.invest-note{margin-top:2.1rem;display:flex;align-items:center;gap:14px;font-size:.56rem;letter-spacing:.22em;color:rgba(235,243,241,.45)}.invest-note i{width:36px;height:1px;background:rgba(235,243,241,.25)}
.invest-field{position:absolute;right:5vw;top:22%;width:min(52vw,860px);height:min(64vh,640px);z-index:3;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.invest-orbit{position:absolute;border:1px solid rgba(220,235,231,.11);border-radius:50%;pointer-events:none}.invest-orbit-a{inset:3% 11%;animation:investSpin 30s linear infinite}.invest-orbit-b{inset:16% 24%;border-style:dashed;animation:investSpin 40s linear infinite reverse}@keyframes investSpin{to{transform:rotate(360deg)}}
.invest-crosshair{position:absolute;left:50%;top:50%;width:130px;height:130px;transform:translate(-50%,-50%);border:1px solid rgba(230,242,238,.15);border-radius:50%}.invest-crosshair:before,.invest-crosshair:after{content:"";position:absolute;background:rgba(230,242,238,.10)}.invest-crosshair:before{width:190px;height:1px;left:-30px;top:64px}.invest-crosshair:after{width:1px;height:190px;left:64px;top:-30px}.invest-crosshair i{position:absolute;inset:14px;border:1px solid rgba(230,242,238,.08);border-radius:50%}
.invest-scan{position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(224,241,237,.75),transparent);box-shadow:0 0 24px rgba(192,226,219,.28);animation:investScan 5.6s ease-in-out infinite}@keyframes investScan{0%,100%{top:10%;opacity:0}12%{opacity:1}50%{top:86%;opacity:.75}88%{opacity:1}}
.invest-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.invest-lines path{fill:none;stroke:rgba(203,225,219,.17);stroke-width:1;stroke-dasharray:5 9;animation:investDash 20s linear infinite}@keyframes investDash{to{stroke-dashoffset:-280}}
.invest-node{position:absolute;width:155px;min-height:86px;padding:13px 14px 12px;border:1px solid rgba(220,236,232,.13);background:rgba(6,20,24,.64);backdrop-filter:blur(10px);color:rgba(236,244,242,.58);text-align:left;cursor:pointer;transition:transform .35s,border-color .35s,color .35s,background .35s,box-shadow .35s;z-index:5}.invest-node:hover,.invest-node.active{color:#f1f5f3;border-color:rgba(229,241,238,.42);background:rgba(13,42,48,.74);box-shadow:0 16px 55px rgba(0,0,0,.26)}.invest-node:hover{transform:translateY(-3px)}.invest-node .node-index{display:block;font-size:.48rem;letter-spacing:.18em;opacity:.45;margin-bottom:10px}.invest-node strong{font-family:"Manrope",sans-serif;font-size:.82rem;letter-spacing:.12em;font-weight:500}.invest-node small{display:block;font-size:.53rem;letter-spacing:.14em;margin-top:6px;color:rgba(225,238,234,.42)}.invest-node i{position:absolute;width:7px;height:7px;border-radius:50%;background:#dce9e5;box-shadow:0 0 0 7px rgba(220,233,229,.05),0 0 24px rgba(220,233,229,.35)}
.node-income{left:4%;top:11%}.node-income i{right:-4px;bottom:17px}.node-land{right:2%;top:8%}.node-land i{left:-4px;bottom:18px}.node-commercial{right:0;bottom:7%}.node-commercial i{left:-4px;top:20px}.node-development{left:3%;bottom:4%}.node-development i{right:-4px;top:19px}
.invest-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:235px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(224,239,235,.20);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,rgba(25,72,80,.34),rgba(6,20,24,.48) 62%,transparent 64%);box-shadow:0 0 100px rgba(39,109,119,.16);z-index:4}.invest-core:after{content:"";position:absolute;inset:18px;border:1px solid rgba(226,239,236,.09);border-radius:50%}.invest-core span{font-size:.48rem;letter-spacing:.23em;color:rgba(231,241,238,.42)}.invest-core strong{margin-top:11px;font-family:"Manrope",sans-serif;font-size:1.35rem;letter-spacing:.08em;font-weight:500}.invest-core small{margin-top:10px;width:135px;font-size:.48rem;line-height:1.7;letter-spacing:.16em;color:rgba(231,241,238,.38)}
.invest-lenses{position:absolute;right:7vw;bottom:13%;display:flex;gap:0;z-index:5;border-top:1px solid rgba(226,239,235,.14)}.invest-lenses button{border:0;border-bottom:1px solid rgba(226,239,235,.14);background:transparent;color:rgba(232,242,239,.38);padding:14px 19px;font-size:.54rem;letter-spacing:.18em;cursor:pointer;transition:color .25s,background .25s}.invest-lenses button+button{border-left:1px solid rgba(226,239,235,.12)}.invest-lenses button.active,.invest-lenses button:hover{color:#f0f5f3;background:rgba(255,255,255,.025)}
.invest-payoff{position:absolute;left:5.8vw;bottom:8%;z-index:6;opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.invest-payoff>span{font-size:.53rem;letter-spacing:.22em;color:rgba(233,242,240,.42)}.invest-payoff>strong{display:block;margin-top:8px;font-family:"Manrope",sans-serif;font-size:clamp(2.4rem,4.3vw,5rem);line-height:.9;letter-spacing:-.045em;font-weight:500}.invest-payoff>a{display:inline-flex;gap:40px;align-items:center;margin-top:24px;padding:13px 0;border-bottom:1px solid rgba(229,241,237,.32);font-size:.58rem;letter-spacing:.18em}.invest-edge{position:absolute;right:2.2vw;bottom:7%;writing-mode:vertical-rl;font-size:.49rem;letter-spacing:.24em;color:rgba(233,242,239,.32);z-index:4}.invest-edge i{display:block;width:1px;height:50px;background:rgba(230,241,238,.18);margin-top:14px}
.invest-discovery.invest-focused .invest-copy{opacity:.45;transform:translateX(-12px)}.invest-discovery.invest-payoff-active .invest-payoff{opacity:1;transform:none}.invest-discovery.invest-payoff-active .invest-copy{opacity:.18}.invest-discovery.invest-payoff-active .invest-field{transform:translateX(4%) scale(.94)}
.invest-discovery[data-lens="POSITION"] .invest-field{filter:contrast(1.05) brightness(1.03)}.invest-discovery[data-lens="POSITION"] .invest-orbit-a{transform:scale(.94)}.invest-discovery[data-lens="POTENTIAL"] .invest-field{filter:brightness(1.12)}.invest-discovery[data-lens="POTENTIAL"] .invest-orbit-b{border-color:rgba(226,240,236,.24)}
@media(max-width:1000px){.invest-discovery{height:auto}.invest-sticky{position:relative;height:auto;min-height:1180px}.invest-copy{left:6vw;top:18%;width:72vw}.invest-field{top:44%;right:2vw;width:92vw;height:520px}.invest-lenses{right:6vw;bottom:8%}.invest-payoff{bottom:4%;max-width:70vw}.invest-edge{display:none}}
@media(max-width:650px){.invest-sticky{min-height:1260px}.invest-rail{top:102px}.invest-copy{top:16%;width:88vw}.invest-copy h2{font-size:clamp(3.6rem,17vw,5.4rem)}.invest-field{top:43%;height:470px}.invest-node{width:120px;min-height:72px;padding:10px}.invest-core{width:180px}.node-income{left:1%}.node-land{right:1%}.node-development{left:1%}.node-commercial{right:1%}.invest-lenses{left:6vw;right:auto;bottom:13%}.invest-lenses button{padding:12px 10px;font-size:.46rem}.invest-payoff{left:6vw;bottom:3%;max-width:88vw}.invest-payoff>strong{font-size:clamp(2rem,10vw,3.5rem)}}

/* Section 4 v0.2 — INVEST hierarchy / legibility refinement */
.invest-copy{top:29%;width:min(39vw,630px)}
.invest-copy p{max-width:570px;color:rgba(233,241,239,.68);font-size:clamp(1rem,1.28vw,1.16rem);line-height:1.62}
.invest-node{width:174px;min-height:96px;padding:15px 16px 14px}
.invest-node .node-index{font-size:.54rem;margin-bottom:11px}
.invest-node strong{font-size:.94rem;letter-spacing:.105em}
.invest-node small{font-size:.60rem;margin-top:7px;color:rgba(225,238,234,.52)}
.invest-core{width:258px}
.invest-core span{font-size:.54rem;color:rgba(231,241,238,.52)}
.invest-core strong{font-size:1.55rem}
.invest-core small{width:158px;font-size:.54rem;color:rgba(231,241,238,.48)}
.invest-lenses button{padding:15px 21px;font-size:.60rem}
.invest-payoff{bottom:9%;max-width:min(47vw,760px)}
.invest-payoff>span{font-size:.59rem;color:rgba(233,242,240,.55)}
.invest-payoff>strong{font-size:clamp(2.7rem,4.1vw,4.8rem);line-height:.91}
.invest-payoff>a{font-size:.62rem}
/* The payoff is a true second state, never an overlay on the opening copy. */
.invest-discovery.invest-payoff-active .invest-copy{opacity:0;transform:translateX(-34px);pointer-events:none}
.invest-discovery.invest-payoff-active .invest-field{transform:translateX(5%) scale(.91);opacity:.72}
.invest-discovery.invest-payoff-active .invest-lenses{opacity:.55}
.invest-copy,.invest-field,.invest-lenses{transition:opacity .75s ease,transform .85s cubic-bezier(.22,1,.36,1)}
@media(max-width:1000px){.invest-payoff{max-width:76vw}.invest-node{width:155px}.invest-core{width:225px}}
@media(max-width:650px){.invest-node{width:132px;min-height:78px}.invest-node strong{font-size:.72rem}.invest-node small{font-size:.51rem}.invest-core{width:188px}.invest-payoff{max-width:88vw}}

/* Section 4 v0.3 — mirror BUY payoff behavior: opening thought recedes, never disappears */
.invest-discovery.invest-payoff-active .invest-copy{
  opacity:.20;
  transform:translateY(-50%) translateX(-1vw) scale(.985);
  pointer-events:none;
}
.invest-discovery.invest-payoff-active .invest-copy h2{opacity:.78}
.invest-discovery.invest-payoff-active .invest-copy p,
.invest-discovery.invest-payoff-active .invest-copy .kicker,
.invest-discovery.invest-payoff-active .invest-copy .invest-note{opacity:.48}
.invest-discovery.invest-payoff-active .invest-field{
  transform:translateX(4%) scale(.93);
  opacity:.70;
}
.invest-discovery.invest-payoff-active .invest-lenses{opacity:.52}
@media(max-width:1000px){
  .invest-discovery.invest-payoff-active .invest-copy{opacity:.14;transform:translateX(-1vw) scale(.985)}
}

/* Section 5 v0.1 — JOIN: the site turns inward and speaks directly to agents. */
.join-discovery{position:relative;height:220svh;background:#050d10;color:var(--paper)}
.join-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(circle at 72% 48%,rgba(29,83,92,.18),transparent 31%),linear-gradient(128deg,#07161a 0%,#050d10 54%,#030708 100%)}
.join-grid-v01{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(230,240,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(230,240,238,.07) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,black 18%,black 88%,transparent)}
.join-light-v01{position:absolute;width:62vw;height:62vw;right:-14vw;top:4vh;border-radius:50%;background:radial-gradient(circle,rgba(75,142,151,.17),rgba(28,83,91,.07) 34%,transparent 67%);filter:blur(20px);animation:joinBreathe 8s ease-in-out infinite alternate}
@keyframes joinBreathe{to{transform:scale(1.08) translate3d(-2vw,1vh,0);opacity:.72}}
.join-rail-v01{position:absolute;left:clamp(22px,4vw,68px);top:118px;display:flex;align-items:center;gap:18px;font-size:.58rem;letter-spacing:.24em;color:rgba(236,244,242,.54);z-index:5}.join-rail-v01>span:last-child{width:120px;height:1px;background:rgba(230,240,238,.13);overflow:hidden}.join-rail-v01 i{display:block;width:38%;height:100%;background:rgba(230,240,238,.72);animation:joinRail 3.2s ease-in-out infinite alternate}@keyframes joinRail{to{transform:translateX(200%)}}
.join-copy-v01{position:absolute;z-index:4;left:clamp(22px,6vw,100px);top:50%;transform:translateY(-45%);width:min(47vw,760px);transition:opacity .8s,transform .9s,filter .9s}
.join-copy-v01 h2{font-size:clamp(4rem,7.5vw,8.3rem);line-height:.82}.join-copy-v01 p{max-width:600px;color:rgba(231,239,237,.66);font-size:clamp(.95rem,1.15vw,1.12rem);line-height:1.72;margin:2rem 0 0}.join-whisper-v01{display:flex;align-items:center;gap:14px;margin-top:2.2rem;font-size:.56rem;letter-spacing:.23em;color:rgba(231,239,237,.42)}.join-whisper-v01 i{width:42px;height:1px;background:rgba(231,239,237,.34)}
.join-architecture-v01{position:absolute;z-index:3;right:clamp(20px,4vw,72px);top:50%;transform:translateY(-48%);width:min(48vw,760px);height:min(68vh,650px);transition:opacity .8s,transform .9s,filter .9s}
.join-axis-v01{position:absolute;left:50%;top:7%;bottom:7%;width:1px;background:linear-gradient(transparent,rgba(220,237,233,.24),transparent)}
.join-frame-v01{position:absolute;width:43%;height:22%;border:1px solid rgba(222,238,234,.18);background:rgba(8,27,31,.44);backdrop-filter:blur(10px);padding:20px 22px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .5s,border-color .5s,background .5s;box-shadow:0 24px 70px rgba(0,0,0,.16)}
.join-frame-v01 span{font-size:.5rem;letter-spacing:.22em;color:rgba(226,240,236,.43)}.join-frame-v01 strong{font-family:Manrope,sans-serif;font-size:clamp(1.15rem,1.7vw,1.75rem);font-weight:500;letter-spacing:.05em;margin-top:6px}.join-frame-v01 i{position:absolute;left:-1px;bottom:-1px;height:1px;width:0;background:rgba(226,240,236,.8);transition:width .8s}.join-frame-v01:hover{transform:translateY(-5px);border-color:rgba(222,238,234,.42);background:rgba(15,49,55,.56)}.join-frame-v01:hover i{width:100%}
.frame-one{left:0;top:8%}.frame-two{right:0;top:39%}.frame-three{left:0;bottom:7%}
.join-core-v01{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:31%;aspect-ratio:1;border:1px solid rgba(225,240,236,.28);border-radius:50%;background:radial-gradient(circle,rgba(28,81,89,.48),rgba(7,22,26,.88) 66%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 80px rgba(68,132,140,.14)}.join-core-v01 small{font-size:.45rem;letter-spacing:.24em;color:rgba(230,241,238,.46)}.join-core-v01 strong{font-family:Manrope,sans-serif;font-size:clamp(1.1rem,1.8vw,1.7rem);font-weight:500;letter-spacing:.13em;margin:.45rem 0}.join-core-v01 span{font-size:.43rem;letter-spacing:.15em;color:rgba(230,241,238,.45);max-width:120px;line-height:1.5}
.join-orbit-v01{position:absolute;border:1px solid rgba(226,240,236,.10);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:52%;aspect-ratio:1;animation:joinSpin 28s linear infinite}.orbit-two{width:76%;aspect-ratio:1;border-style:dashed;animation:joinSpin 44s linear infinite reverse}@keyframes joinSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.join-payoff-v01{position:absolute;z-index:6;left:clamp(22px,6vw,100px);bottom:clamp(70px,9vh,105px);opacity:0;transform:translateY(22px);pointer-events:none;transition:opacity .8s,transform .9s;width:min(700px,55vw)}.join-payoff-v01>span{font-size:.55rem;letter-spacing:.24em;color:rgba(231,240,238,.45)}.join-payoff-v01>strong{display:block;font-family:Manrope,sans-serif;font-size:clamp(2.5rem,4.4vw,5rem);line-height:.9;font-weight:500;letter-spacing:-.04em;margin:.8rem 0}.join-payoff-v01 p{color:rgba(231,240,238,.62);margin:0 0 1.5rem}.join-payoff-v01 a{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid rgba(230,240,238,.35);padding-bottom:9px;font-size:.62rem;letter-spacing:.16em}.join-payoff-v01 a i{font-style:normal;transition:transform .25s}.join-payoff-v01 a:hover i{transform:translateX(6px)}
.join-edge-v01{position:absolute;z-index:5;right:clamp(20px,3vw,54px);bottom:30px;display:flex;align-items:center;gap:14px;font-size:.49rem;letter-spacing:.22em;color:rgba(231,240,238,.34)}.join-edge-v01 i{width:62px;height:1px;background:rgba(231,240,238,.22)}
.join-discovery.join-payoff-active .join-copy-v01{opacity:.18;transform:translateY(-45%) scale(.965);filter:blur(.15px)}
.join-discovery.join-payoff-active .join-architecture-v01{opacity:.38;transform:translateY(-48%) scale(.985)}
.join-discovery.join-payoff-active .join-payoff-v01{opacity:1;transform:none;pointer-events:auto}
@media(max-width:900px){.join-copy-v01{width:76vw;top:40%}.join-architecture-v01{width:72vw;right:-24vw;opacity:.55}.join-payoff-v01{width:78vw}.join-discovery.join-payoff-active .join-copy-v01{opacity:.16}.join-edge-v01{display:none}}
@media(max-width:560px){.join-discovery{height:200svh}.join-copy-v01{width:88vw;top:37%}.join-copy-v01 h2{font-size:clamp(3.3rem,16vw,5.4rem)}.join-copy-v01 p{font-size:.9rem}.join-architecture-v01{width:92vw;right:-42vw;top:57%;height:52vh}.join-frame-v01{padding:12px;width:46%}.join-payoff-v01{width:88vw;bottom:72px}.join-payoff-v01>strong{font-size:clamp(2.4rem,11vw,3.8rem)}}


/* Section 5 v0.2 — preserve the opening as a recessed layer; keep the framework readable. */
.join-frame-v01 em{font-style:normal;font-size:.54rem;letter-spacing:.12em;color:rgba(226,240,236,.55);margin-top:7px}
.join-core-v01{z-index:2;width:29%}
.join-core-v01 strong{margin:.42rem 0 .12rem;font-size:clamp(1.05rem,1.65vw,1.55rem)}
.join-core-v01 b{font-family:Manrope,sans-serif;font-size:clamp(.42rem,.55vw,.56rem);font-weight:600;letter-spacing:.2em;color:rgba(238,246,244,.84);margin-bottom:.72rem}
.join-core-v01 span{max-width:180px;font-size:.38rem;letter-spacing:.16em;line-height:1.55}
.frame-two{right:-1%;top:37%;z-index:4}
.join-payoff-v01{bottom:clamp(46px,5.4vh,66px);width:min(650px,43vw)}
.join-payoff-v01>strong{font-size:clamp(2.15rem,3.65vw,4.15rem);line-height:.93}
.join-discovery.join-payoff-active .join-copy-v01{opacity:.15;transform:translateY(-63%) scale(.84);filter:none;transform-origin:left center}
.join-discovery.join-payoff-active .join-copy-v01 p,.join-discovery.join-payoff-active .join-whisper-v01{opacity:.42}
.join-discovery.join-payoff-active .join-architecture-v01{opacity:.82;transform:translateY(-48%) scale(.985);filter:none}
.join-discovery.join-payoff-active .join-frame-v01{border-color:rgba(222,238,234,.28);background:rgba(8,27,31,.58)}
.join-discovery.join-payoff-active .join-core-v01{border-color:rgba(225,240,236,.42);box-shadow:0 0 90px rgba(68,132,140,.2)}
@media(max-width:900px){.join-discovery.join-payoff-active .join-copy-v01{opacity:.13;transform:translateY(-60%) scale(.8)}.join-discovery.join-payoff-active .join-architecture-v01{opacity:.68}.join-payoff-v01{width:72vw}}
@media(max-width:560px){.join-discovery.join-payoff-active .join-copy-v01{opacity:.11}.join-payoff-v01{width:88vw;bottom:58px}.join-payoff-v01>strong{font-size:clamp(2.2rem,10vw,3.45rem)}}


/* Section 5 v0.3 — smoother scroll-led choreography + clear Momentum spacing. */
.join-discovery{height:188svh}
.join-copy-v01,
.join-architecture-v01,
.join-payoff-v01{will-change:transform,opacity}
.join-architecture-v01{right:clamp(14px,2.7vw,46px);width:min(50vw,790px)}
.join-core-v01{width:26%;z-index:2}
.join-frame-v01{width:39%;height:21%}
.frame-one{left:0;top:7%}
.frame-two{right:-4%;top:38%;z-index:4}
.frame-three{left:0;bottom:6%}
.join-payoff-v01{bottom:clamp(42px,5vh,62px)}
.join-continue-v03{position:absolute;z-index:7;left:50%;bottom:20px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;font-size:.47rem;letter-spacing:.24em;color:rgba(231,240,238,.36);opacity:calc(.8 - (var(--join-progress,0) * .7));pointer-events:none}
.join-continue-v03 i{display:block;width:1px;height:32px;background:linear-gradient(to bottom,rgba(231,240,238,.15),rgba(231,240,238,.65),rgba(231,240,238,.15));animation:joinContinue 1.6s ease-in-out infinite}
@keyframes joinContinue{0%,100%{transform:scaleY(.48);transform-origin:top;opacity:.35}50%{transform:scaleY(1);transform-origin:top;opacity:.95}}

/* Continuous interpolation instead of a hard threshold jump. */
.join-copy-v01{
  opacity:calc(1 - (var(--join-fade,0) * .84));
  transform:translateY(calc(-45% - (var(--join-fade,0) * 13%))) scale(calc(1 - (var(--join-fade,0) * .14)));
  transform-origin:left center;
  filter:none;
}
.join-copy-v01 p,.join-whisper-v01{opacity:calc(1 - (var(--join-fade,0) * .58))}
.join-architecture-v01{
  opacity:calc(.96 - (var(--join-fade,0) * .10));
  transform:translateY(-48%) translateX(calc(var(--join-fade,0) * 1.4vw)) scale(calc(1 - (var(--join-fade,0) * .015)));
}
.join-payoff-v01{
  opacity:var(--join-payoff,0);
  transform:translateY(calc((1 - var(--join-payoff,0)) * 28px));
  pointer-events:none;
}
.join-discovery.join-payoff-active .join-payoff-v01{pointer-events:auto}
.join-discovery.join-payoff-active .join-copy-v01,
.join-discovery.join-payoff-active .join-architecture-v01{filter:none}

@media(max-width:1100px){
  .join-architecture-v01{width:min(49vw,720px);right:8px}
  .join-frame-v01{width:38%}
  .frame-two{right:-2%}
  .join-core-v01{width:25%}
}
@media(max-width:900px){
  .join-discovery{height:176svh}
  .join-architecture-v01{width:70vw;right:-20vw}
  .frame-two{right:2%}
  .join-continue-v03{display:none}
}
@media(max-width:560px){.join-discovery{height:165svh}}

/* v0.4 — universal scroll affordance for every primary homepage section. */
.section-continue{
  position:absolute;
  z-index:12;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  pointer-events:none;
  font-size:.47rem;
  font-family:"Manrope",sans-serif;
  font-weight:500;
  letter-spacing:.24em;
  color:rgba(231,240,238,.42);
  text-transform:uppercase;
  transition:opacity .35s ease;
}
.section-continue i{
  display:block;
  width:1px;
  height:34px;
  background:linear-gradient(to bottom,rgba(231,240,238,.10),rgba(238,248,245,.88),rgba(231,240,238,.08));
  box-shadow:0 0 10px rgba(216,240,235,.18);
  animation:sectionContinuePulse 1.55s ease-in-out infinite;
}
@keyframes sectionContinuePulse{
  0%,100%{transform:scaleY(.44);transform-origin:top;opacity:.28;filter:brightness(.9)}
  48%{transform:scaleY(1);transform-origin:top;opacity:1;filter:brightness(1.55)}
}
.hero-company>.section-continue{bottom:20px}
.seller-sticky>.section-continue,
.buyer-sticky>.section-continue,
.invest-sticky>.section-continue,
.join-sticky>.section-continue{position:absolute}
/* Keep cues visible throughout sticky storytelling, then soften near the release. */
.continue-join{opacity:calc(.84 - (var(--join-progress,0) * .58))}
@media(max-width:900px){
  .section-continue{bottom:14px;font-size:.44rem}
  .section-continue i{height:26px}
}
@media(max-width:560px){.section-continue{display:none}}
.join-continue-v03{display:none!important}

/* Section 06 — CONTACT v0.1 */
.finale-v02{
  position:relative;
  min-height:100svh;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  align-items:center;
  gap:clamp(54px,8vw,140px);
  padding:clamp(130px,12vw,190px) clamp(34px,6vw,100px) clamp(110px,9vw,150px);
  background:#e1e6e2;
  color:#0a171a;
  overflow:hidden;
  isolation:isolate;
}
.finale-grid-v02{
  position:absolute; inset:0; z-index:-3; opacity:.42;
  background-image:
    linear-gradient(rgba(8,24,27,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8,24,27,.035) 1px, transparent 1px);
  background-size:86px 86px;
  mask-image:linear-gradient(90deg,transparent 0,black 28%,black 100%);
}
.finale-orbit-v02{
  position:absolute; right:-7vw; top:50%; width:min(62vw,930px); aspect-ratio:1;
  transform:translateY(-50%); border:1px solid rgba(7,24,27,.09); border-radius:50%;
  z-index:-2;
}
.finale-orbit-v02::before,.finale-orbit-v02::after{
  content:""; position:absolute; border:1px solid rgba(7,24,27,.065); border-radius:50%; inset:12%;
}
.finale-orbit-v02::after{inset:28%;}
.finale-orbit-v02 i{position:absolute; background:#0b1b1e; opacity:.15;}
.finale-orbit-v02 i:nth-child(1){width:1px;height:100%;left:50%;top:0;}
.finale-orbit-v02 i:nth-child(2){height:1px;width:100%;left:0;top:50%;}
.finale-orbit-v02 i:nth-child(3){width:9px;height:9px;border-radius:50%;left:calc(50% - 4px);top:calc(50% - 4px);box-shadow:0 0 0 12px rgba(9,29,32,.035);opacity:.55;}
.finale-rail-v02{
  position:absolute; top:38px; left:clamp(34px,6vw,100px); right:clamp(34px,6vw,100px);
  display:flex; align-items:center; gap:22px; text-transform:uppercase; letter-spacing:.24em;
  font-size:.58rem; color:rgba(8,24,27,.55);
}
.finale-rail-v02>span:last-child{height:1px; flex:1; background:rgba(8,24,27,.16); position:relative; overflow:hidden;}
.finale-rail-v02>span:last-child i{position:absolute; left:0; top:0; width:72px; height:1px; background:#102a2e; animation:finaleRail 5s ease-in-out infinite;}
@keyframes finaleRail{0%,100%{transform:translateX(0);opacity:.35}50%{transform:translateX(240px);opacity:.85}}
.finale-copy-v02{max-width:790px; position:relative; z-index:3;}
.finale-copy-v02 .kicker{color:rgba(8,24,27,.52); letter-spacing:.27em; text-transform:uppercase; font-size:.66rem; margin-bottom:26px;}
.finale-v02 .finale-copy-v02 h2{
  margin:0; font-family:"Manrope",sans-serif; font-size:clamp(5.2rem,10vw,10.5rem); line-height:.78;
  letter-spacing:-.075em; font-weight:400; color:#09171a;
}
.finale-v02 .finale-copy-v02 h2 span{color:#55706f;}
.finale-v02 .finale-copy-v02 p{max-width:650px; margin:38px 0 34px; color:#4e5f5e; font-size:clamp(1rem,1.28vw,1.16rem); line-height:1.7;}
.finale-primary-v02{
  display:inline-flex; align-items:center; justify-content:space-between; gap:60px; min-width:min(390px,100%);
  padding:19px 22px; border:1px solid #0b2024; background:#0b2024; color:#f1f4f1; text-decoration:none;
  font-size:.66rem; letter-spacing:.18em; transition:transform .35s ease,background .35s ease,color .35s ease;
}
.finale-primary-v02:hover{transform:translateY(-3px); background:transparent; color:#0b2024;}
.finale-primary-v02 i{font-style:normal; font-size:1rem;}
.finale-email-v02{display:block; width:max-content; margin-top:22px; color:#536261; text-decoration:none; font-size:.58rem; letter-spacing:.2em; border-bottom:1px solid rgba(8,24,27,.22); padding-bottom:7px;}
.finale-email-v02:hover{color:#0a171a;}
.finale-paths-v02{
  position:relative; z-index:3; align-self:center; width:100%; max-width:680px; justify-self:end;
  border-top:1px solid rgba(8,24,27,.22);
}
.finale-paths-head{display:flex; justify-content:space-between; padding:0 0 15px; margin-top:-26px; color:rgba(8,24,27,.43); font-size:.54rem; letter-spacing:.19em;}
.finale-paths-v02>a{
  position:relative; display:grid; grid-template-columns:42px 1fr auto; grid-template-areas:"n t a" ". e a";
  align-items:center; gap:5px 14px; padding:24px 4px; border-bottom:1px solid rgba(8,24,27,.16);
  text-decoration:none; color:#0a171a; overflow:hidden;
}
.finale-paths-v02>a::before{content:""; position:absolute; inset:0; background:#0d262a; transform:translateX(-102%); transition:transform .45s cubic-bezier(.22,1,.36,1); z-index:-1;}
.finale-paths-v02>a:hover::before{transform:translateX(0);}
.finale-paths-v02>a:hover{color:#eef3ef;}
.finale-paths-v02 b{grid-area:n; font-size:.55rem; letter-spacing:.18em; font-weight:500; opacity:.42;}
.finale-paths-v02 strong{grid-area:t; font-family:"Manrope",sans-serif; font-size:clamp(1.15rem,1.7vw,1.65rem); font-weight:450; letter-spacing:-.015em;}
.finale-paths-v02 em{grid-area:e; font-style:normal; font-size:.63rem; color:#667675; transition:color .3s ease;}
.finale-paths-v02>a:hover em{color:rgba(241,245,242,.6);}
.finale-paths-v02 i{grid-area:a; font-style:normal; font-size:1.05rem; padding-right:10px; transition:transform .35s ease;}
.finale-paths-v02>a:hover i{transform:translateX(6px);}
.finale-word-v02{
  position:absolute; left:4vw; bottom:-3.5vw; z-index:-1; font-family:"Manrope",sans-serif;
  font-size:clamp(7rem,19vw,20rem); line-height:.7; font-weight:650; letter-spacing:-.08em;
  color:rgba(7,24,27,.025); white-space:nowrap; user-select:none;
}
.continue-finale{color:rgba(8,24,27,.42)!important; bottom:26px!important;}
.continue-finale i{background:linear-gradient(to bottom,rgba(8,24,27,.12),rgba(8,24,27,.75),rgba(8,24,27,.12))!important;}
@media (max-width:1000px){
  .finale-v02{grid-template-columns:1fr; gap:80px; padding-top:140px;}
  .finale-paths-v02{justify-self:start; max-width:760px;}
  .finale-orbit-v02{right:-38vw; width:105vw; opacity:.55;}
}
@media (max-width:600px){
  .finale-v02{padding:120px 24px 100px; gap:64px;}
  .finale-rail-v02{left:24px;right:24px;top:30px;}
  .finale-v02 .finale-copy-v02 h2{font-size:clamp(4.6rem,25vw,7rem);}
  .finale-primary-v02{min-width:100%;gap:18px;}
  .finale-paths-v02>a{grid-template-columns:32px 1fr auto;padding:20px 2px;}
  .finale-paths-v02 strong{font-size:1.05rem;}
  .finale-paths-v02 em{font-size:.58rem;}
}


/* Section 06 — CONTACT v0.2: five-route refinement */
@media (min-width:1001px){
  .finale-v02{gap:clamp(44px,6vw,105px);}
  .finale-paths-v02{max-width:720px;}
  .finale-paths-v02>a{padding:19px 4px;gap:3px 14px;}
  .finale-paths-v02 strong{font-size:clamp(1.02rem,1.42vw,1.42rem);line-height:1.08;}
  .finale-paths-v02 em{font-size:.6rem;}
}

@media (max-width:700px){ .footer-compliance{justify-content:flex-start;gap:12px;flex-wrap:wrap}.footer-mark-eho{height:21px}.footer-mark-mls{height:19px;max-width:61px} }

/* Homepage v1.1 — inactivity guidance: encourage exploration without taking over scrolling. */
.section-continue{
  will-change:transform,opacity,filter;
}
.section-continue.idle-attention{
  color:rgba(240,248,246,.76);
  filter:drop-shadow(0 0 7px rgba(225,246,241,.20));
  animation:idleContinueLift 2.4s cubic-bezier(.22,.8,.28,1) infinite;
}
.section-continue.idle-attention i{
  height:42px;
  box-shadow:0 0 16px rgba(222,247,241,.42);
  animation:idleContinueBeam 1.18s cubic-bezier(.2,.7,.25,1) infinite;
}
.section-continue.idle-peek{
  animation:idleContinuePeek 2.8s cubic-bezier(.22,.8,.28,1) infinite;
}
.section-continue.idle-peek::after{
  content:"";
  position:absolute;
  left:50%;
  top:calc(100% + 2px);
  width:34px;
  height:1px;
  transform:translateX(-50%) scaleX(.25);
  transform-origin:center;
  background:linear-gradient(90deg,transparent,rgba(235,249,245,.62),transparent);
  opacity:.2;
  animation:idleHorizon 2.8s ease-in-out infinite;
}
@keyframes idleContinueLift{
  0%,100%{filter:drop-shadow(0 0 4px rgba(225,246,241,.10));opacity:.68}
  45%{filter:drop-shadow(0 0 12px rgba(225,246,241,.34));opacity:1}
}
@keyframes idleContinueBeam{
  0%{transform:scaleY(.20);transform-origin:top;opacity:.18;filter:brightness(.9)}
  52%{transform:scaleY(1);transform-origin:top;opacity:1;filter:brightness(1.75)}
  100%{transform:scaleY(.30);transform-origin:bottom;opacity:.12;filter:brightness(1)}
}
@keyframes idleContinuePeek{
  0%,100%{translate:0 0}
  42%{translate:0 7px}
  62%{translate:0 3px}
}
@keyframes idleHorizon{
  0%,100%{opacity:.12;transform:translateX(-50%) scaleX(.25)}
  48%{opacity:.72;transform:translateX(-50%) scaleX(1)}
}
/* Contact is the destination; its cue can glow, but never suggests another numbered section beyond the footer. */
.continue-finale.idle-peek::after{display:none}
@media (prefers-reduced-motion: reduce){
  .section-continue.idle-attention,.section-continue.idle-peek,.section-continue.idle-attention i{animation:none!important}
  .section-continue.idle-peek::after{display:none!important}
}

/* =========================================================
   SECTION 02 — SELL v0.7 / photographic campaign progression
   Property media is intentionally controlled in CSS so the
   source photography remains unaltered.
   ========================================================= */
.property-study-media{
  --p:var(--launch-progress,0);
}
.property-study-media .property-stage{
  background:linear-gradient(145deg,rgba(13,35,40,.90),rgba(3,11,13,.98));
}
.property-study-media .property-blueprint{
  z-index:3;
  opacity:clamp(.06,calc(.44 - (var(--p) * .52)),.38);
  transition:opacity .25s linear,filter .35s ease;
}
.property-study-media .property-stage:before{
  z-index:5;
  pointer-events:none;
}
.seller-photo-stack{
  position:absolute;
  inset:0;
  z-index:2;
  overflow:hidden;
  background:#07161a;
}
.seller-photo{
  position:absolute;
  inset:-2.5%;
  margin:0;
  opacity:0;
  transform:scale(1.055) translate3d(1.5%,.5%,0);
  will-change:opacity,transform,filter;
  transition:filter .25s linear;
}
.seller-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.seller-photo-kitchen{
  opacity:clamp(0,calc((var(--p) - .10) * 7),1);
  filter:saturate(.46) contrast(1.08) brightness(.53);
  transform:scale(1.13) translate3d(1.8%,1%,0);
}
.seller-photo-living{
  opacity:clamp(0,calc((var(--p) - .31) * 7),1);
  filter:saturate(.50) contrast(1.07) brightness(.57);
  transform:scale(1.09) translate3d(-1%,.8%,0);
}
.seller-photo-pool{
  opacity:clamp(0,calc((var(--p) - .52) * 7),1);
  filter:saturate(.62) contrast(1.05) brightness(.61);
  transform:scale(1.07) translate3d(.5%,0,0);
}
.seller-photo-exterior{
  opacity:clamp(0,calc((var(--p) - .72) * 8),1);
  filter:saturate(.78) contrast(1.04) brightness(.72);
  transform:scale(1.045) translate3d(0,0,0);
}
/* progressively dim the prior frame as the next one arrives */
.seller-photo-kitchen{mask-image:linear-gradient(#000,#000)}
.seller-photo-kitchen:after,
.seller-photo-living:after,
.seller-photo-pool:after,
.seller-photo-exterior:after{content:"";position:absolute;inset:0}

.property-study-media .property-veil{
  z-index:6;
  background:
    linear-gradient(90deg,rgba(1,6,8,.58),rgba(1,6,8,.12) 40%,rgba(1,6,8,.18)),
    linear-gradient(180deg,rgba(1,6,8,.08),transparent 48%,rgba(1,6,8,.80));
  opacity:clamp(.34,calc(.76 - (var(--p) * .33)),.76);
}
.property-study-media .property-stage-label,
.property-study-media .property-stage-word{z-index:7}
.property-study-media .property-stage-word{
  opacity:clamp(.18,calc((var(--p) - .38) * 2.2),.92);
  text-shadow:0 2px 24px rgba(0,0,0,.55);
}

.property-study-media .fragment-photo:before{
  inset:0;
  border:0;
  background-position:center;
  background-size:cover;
  filter:saturate(.38) contrast(1.08) brightness(.42);
  transform:scale(1.06);
}
.property-study-media .fragment-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,8,10,.10),rgba(2,8,10,.82));
}
.property-study-media .fragment-photo span{z-index:3;text-shadow:0 1px 12px rgba(0,0,0,.7)}
.property-study-media .fragment-kitchen:before{background-image:url('./seller-01-kitchen.jpg');background-position:56% 56%}
.property-study-media .fragment-living:before{background-image:url('./seller-02-living.jpg');background-position:50% 50%}
.property-study-media .fragment-pool:before{background-image:url('./seller-03-pool.jpg');background-position:54% 55%}

/* The fragments arrive in sequence instead of all at once. */
.seller-launch.launch-active .property-study-media .fragment-a{
  opacity:clamp(.10,calc((var(--p) - .11) * 4.5),.84);
}
.seller-launch.launch-active .property-study-media .fragment-b{
  opacity:clamp(0,calc((var(--p) - .30) * 4.5),.84);
}
.seller-launch.launch-active .property-study-media .fragment-c{
  opacity:clamp(0,calc((var(--p) - .49) * 4.5),.84);
}

/* At payoff, the final exterior becomes the visual conclusion rather
   than letting the photography disappear behind the copy. */
.seller-launch.launch-payoff .property-study-media{
  opacity:.76;
  transform:translate3d(0,-1.2vh,0) scale(.965);
}
.seller-launch.launch-payoff .property-study-media .property-blueprint{opacity:.04}
.seller-launch.launch-payoff .property-study-media .property-stage-word{opacity:.82}

@media(max-width:900px){
  .seller-photo-kitchen{transform:scale(1.22) translate3d(3%,0,0)}
  .seller-photo-living{transform:scale(1.17)}
  .seller-photo-pool{transform:scale(1.16)}
  .seller-photo-exterior{transform:scale(1.14)}
}
@media(prefers-reduced-motion:reduce){
  .seller-photo{transform:none!important}
  .seller-photo-kitchen{opacity:0}
  .seller-photo-living{opacity:0}
  .seller-photo-pool{opacity:0}
  .seller-photo-exterior{opacity:.72}
}


/* October 2026 brand image: original proportions, no recreated artwork. */
.brand-oct2026 { flex-direction:row; align-items:center; width:min(204px,29vw); }
.brand-oct2026-image { display:block; width:100%; height:auto; object-fit:contain; filter:brightness(1.9); }
.footer-brand.brand-oct2026 { width:clamp(210px,24vw,300px); }
.footer-brand .brand-oct2026-image { filter:brightness(1.9); }
/* Three clipped copies of the SAME image preserve every edge and spacing
   while keeping the CG / divider / wordmark cinematic reveal. */
.intro-v08 .cg-object,.intro-v08 .divider-object,.intro-v08 .wordmark-object { display:none; }
.intro-v08 .intro-oct2026-image {
  display:block; position:absolute; inset:0; width:100%; height:100%;
  object-fit:contain; opacity:0;
  filter:brightness(1.75);
  pointer-events:none;
}
.intro-v08 .intro-oct2026-cg {
  clip-path:inset(0 55% 0 0);
  animation:oct2026BrandIn 1s .55s cubic-bezier(.18,.82,.2,1) both;
}
.intro-v08 .intro-oct2026-divider {
  clip-path:inset(0 50% 0 45%);
  animation:oct2026BrandIn .65s 1.35s cubic-bezier(.2,.75,.2,1) both;
}
.intro-v08 .intro-oct2026-wordmark {
  clip-path:inset(0 0 0 50%);
  animation:oct2026BrandIn 1s 1.7s cubic-bezier(.2,.76,.2,1) both;
}
@keyframes oct2026BrandIn {
  from { opacity:0; }
  to { opacity:1; }
}
/* Consistent sizing for the two distinct compliance marks. */
.footer-compliance { gap:16px; min-height:26px; }
.footer-compliance .footer-mark {
  display:block; height:24px; width:auto; max-width:80px;
  object-fit:contain; opacity:.86;
}
.footer-compliance .footer-mark-eho { height:24px; max-width:80px; filter:invert(1); }
.footer-compliance .footer-mark-mls { height:24px; max-width:80px; }
@media(max-width:700px) {
  .brand-oct2026 { width:170px; }
  .footer-brand.brand-oct2026 { width:230px; }
  .footer-compliance { gap:14px; flex-wrap:wrap; }
  .footer-compliance .footer-mark,
  .footer-compliance .footer-mark-eho,
  .footer-compliance .footer-mark-mls { height:22px; max-width:74px; }
}
@media(max-width:380px) { .brand-oct2026 { width:148px; } }
@media(prefers-reduced-motion:reduce) {
  .intro-v08 .intro-oct2026-image { animation:none; opacity:1; transform:none; }
}


/* October 2026 polish: keep the source logo sharp in every frame. */
.footer-meta .footer-tagline { text-transform:none; }
.intro-v08 .intro-brand-lockup {
  top:-3vh;
  transform:none;
  animation:none;
}
/* Fade the assembled image out without blur(4px) or scale. */
.intro-v08 .intro-logo-assembly {
  animation:oct2026SharpDeparture 1.2s 8s cubic-bezier(.5,0,.16,1) forwards;
}
@keyframes oct2026SharpDeparture { to { opacity:0; } }
/* Preserve lossless PNG's native antialiasing without pixelation. */
.brand-oct2026-image,.intro-v08 .intro-oct2026-image { image-rendering:auto; }