*{margin:0;padding:0;box-sizing:border-box}
  :root{
    --bg:#07080a; --bg2:#0d0f13; --ink:#eeede8; --dim:var(--ink); --faint:var(--ink);
    --line:rgba(255,255,255,.09); --accent:#42b1ff; --accent-soft:rgba(66,177,255,.14);
    --green:#69d29a; --amber:#e8b34d;
    --panel:#0e1117; --panel2:#12161d;
    --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",Helvetica,Arial,sans-serif;
    --serif:Georgia,"Times New Roman",serif;
    --mono:"WeHaas","Neue Haas Display","Helvetica Neue",sans-serif;
  }
  html{overflow-x:clip;scroll-behavior:smooth}
  body{overflow-x:clip;background-color:var(--bg);background-image:var(--we-paper-dark);background-size:cover;background-position:center;background-attachment:fixed;color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  a{color:inherit;text-decoration:none}
  button{font:inherit;color:inherit;background:transparent;border:none}
  ::selection{background:rgba(66,177,255,.28);color:#fff}
  .wrap{max-width:1080px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}
  .eyebrow{font-family:"FLBold","Arial Black",sans-serif;font-size:.9rem;font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:var(--accent)}

  .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:4px;font-size:.98rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;white-space:nowrap}
  .btn:hover{transform:translateY(-1px)}
  .btn--primary{background:var(--accent);color:#050a12;box-shadow:3px 3px 0 rgba(0,0,0,.55);transform:rotate(-.6deg)}
  .btn--primary:hover{transform:rotate(-.6deg) translateY(-1px);box-shadow:4px 5px 0 rgba(0,0,0,.6)}
  .btn--ghost{border-color:var(--line);color:var(--ink)}
  .btn--ghost:hover{border-color:var(--accent);color:var(--accent)}
  .btn--sm{padding:10px 18px;font-size:.86rem}

/* ---- GLOBAL PASS · the bespoke mega-dropdown nav was deleted here ----
   The `nav{position:fixed}` ELEMENT selector that led this block is why it
   had to go rather than just be left dead: the canonical chassis puts a real
   <nav class="nav-actions"> inside the header, and an element-wide
   `position:fixed` would have ripped the link row out of the bar. The
   `.tdd-*` panel, its thumbnails, its stagger animation and the last
   hardcoded "SF Mono" on this page went with it. */


  /* hero */
  .hero{min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:112px 0 56px;background:
    radial-gradient(1200px 700px at 50% -14%,rgba(66,177,255,.2),transparent 60%),
    radial-gradient(760px 460px at 50% 116%,rgba(66,177,255,.08),transparent 60%),
    var(--we-paper-dark),var(--bg)}
  .hero{background-size:auto,auto,cover;background-position:center,center,center;background-attachment:scroll,scroll,fixed;background-repeat:no-repeat,no-repeat,no-repeat}
  #heroParticles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
  .hero-inner{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:0 24px}
  .hero .eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:30px;padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02)}
  .hero .eyebrow .d{width:6px;height:6px;border-radius:50%;background:var(--accent)}
  .hero h1{font-size:clamp(2.9rem,8.4vw,6.4rem);font-weight:650;letter-spacing:-.045em;line-height:.95}
  .hero h1 .l2{display:block;background:linear-gradient(180deg,#fff,#8fb6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .hero-meta{margin-top:30px;display:inline-flex;align-items:center;gap:clamp(12px,2.4vw,22px);flex-wrap:wrap;justify-content:center;font-size:clamp(.94rem,1.4vw,1.08rem);color:var(--ink)}
  .hero-meta .sep{width:4px;height:4px;border-radius:50%;background:var(--faint)}
  .hero-meta .loc{color:var(--dim)}

  .countdown{margin:38px auto 0;display:inline-flex;gap:clamp(8px,1.8vw,18px);padding:16px clamp(16px,3vw,30px);border:1px solid var(--line);border-radius:18px;background:rgba(12,14,19,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .cd-unit{min-width:clamp(50px,8vw,68px)}
  .cd-num{font-size:clamp(1.6rem,3.4vw,2.5rem);font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1;color:var(--ink)}
  .cd-lbl{margin-top:8px;font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
  .cd-sep{align-self:center;font-size:1.4rem;color:var(--faint);font-weight:300;transform:translateY(-6px)}

  .hero-ctas{margin-top:40px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center}
  .hero-fine{margin-top:24px;font-size:.86rem;color:var(--dim);letter-spacing:.01em}
  .scrollcue{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1px;height:66px;background:rgba(255,255,255,.1);overflow:hidden;z-index:2}
  .scrollcue::after{content:"";position:absolute;left:0;top:-45%;width:100%;height:45%;background:linear-gradient(180deg,transparent,var(--accent));animation:cue 2.4s cubic-bezier(.55,0,.3,1) infinite}
  @keyframes cue{to{top:115%}}

  /* reveal */
  .rv{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1)}
  .rv.on{opacity:1;transform:none}
  .rv2{transition-delay:.1s}.rv3{transition-delay:.2s}
  @media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.scrollcue::after{animation:none}}

  /* sections — tighter, event-scale rhythm */
  .sx{position:relative;padding:clamp(72px,10vw,132px) 0;overflow:hidden}
  .sx--lift{background-image:linear-gradient(180deg,transparent,rgba(10,12,17,.55) 50%,transparent),var(--we-paper-dark);background-size:auto,cover;background-position:center,center;background-attachment:scroll,fixed;background-repeat:no-repeat,no-repeat}
  .kick{display:flex;align-items:center;gap:16px;margin-bottom:clamp(28px,3.6vw,44px)}
  .kick .n{font-family:"FLBold","Arial Black",sans-serif;font-size:.94rem;letter-spacing:.02em;color:var(--accent);white-space:nowrap;text-transform:uppercase;display:inline-block;transform:rotate(-.7deg)}
  .kick.c .n{transform:rotate(.5deg)}
  .kick .ln{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
  .kick.c{justify-content:center}.kick.c .ln{display:none}
  .display{font-size:clamp(2.1rem,5vw,3.7rem);font-weight:650;letter-spacing:-.038em;line-height:1.03}
  .display .soft{color:var(--dim)}
  .lede{font-size:clamp(1.14rem,1.7vw,1.4rem);line-height:1.5;color:var(--dim);font-weight:450}
  .lede b{color:var(--ink);font-weight:550}
  .center{text-align:center}
  .mw{max-width:720px}

  /* the one idea */
  .idea .display{max-width:16ch}
  .idea .valprop{margin:clamp(28px,3.4vw,44px) 0 0;max-width:680px;font-size:clamp(1.1rem,1.6vw,1.32rem);line-height:1.6;color:var(--dim)}
  .idea .valprop b{color:var(--ink);font-weight:550}
  .live{margin-top:clamp(34px,4.2vw,52px);display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:600;letter-spacing:-.025em}
  .live .off{color:var(--faint);text-decoration:line-through;text-decoration-color:rgba(154,159,168,.5)}
  .live .on{color:var(--accent)}

  /* agenda timeline */
  .agenda{max-width:900px;margin:0 auto}
  .ag-row{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,42px);align-items:start;padding:clamp(24px,3.2vw,38px) clamp(10px,2vw,22px);border-top:1px solid var(--line);border-radius:16px;transition:background .3s}
  .agenda .ag-row:last-child{border-bottom:1px solid var(--line)}
  .ag-row:hover{background:linear-gradient(90deg,var(--panel),transparent)}
  .ag-n{font-family:"FLBold","Arial Black",sans-serif;font-size:clamp(1.5rem,2.8vw,2.15rem);color:var(--accent);font-weight:400;line-height:1;padding-top:.06em;display:inline-block;transform:rotate(-2deg)}
  .ag-body h3{font-size:clamp(1.3rem,2.5vw,1.95rem);font-weight:600;letter-spacing:-.028em;line-height:1.1}
  .ag-cmd{margin-top:14px;display:flex;gap:11px;align-items:baseline}
  .ag-cmd .pr{color:var(--accent);font-family:var(--mono);flex-shrink:0}
  .ag-cmd i{font-family:var(--serif);font-style:italic;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.4;color:var(--dim)}

  /* who's in the room */
  .who .display{max-width:16ch}
  .who .sub{margin-top:22px;font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--dim)}
  .who .sub b{color:var(--ink);font-weight:550}
  .cloud{display:flex;flex-wrap:wrap;gap:9px;margin-top:clamp(28px,3.4vw,42px)}
  .cloud span{border:1px solid var(--line);border-radius:999px;padding:9px 17px;font-size:.94rem;color:var(--ink);background:rgba(255,255,255,.02);transition:border-color .2s,color .2s}
  .cloud span:hover{border-color:var(--accent);color:var(--accent)}

  /* proof quote */
  .proof{text-align:center}
  .proof blockquote{max-width:15ch;margin:0 auto;font-family:var(--serif);font-style:italic;font-size:clamp(2rem,5.2vw,3.9rem);line-height:1.14;letter-spacing:-.02em;color:var(--ink)}
  .proof blockquote .mk{color:var(--accent);font-style:normal}
  .proof .attr{margin-top:clamp(26px,3.2vw,40px);color:var(--dim);font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.6;max-width:520px;margin-left:auto;margin-right:auto}
  .proof .attr b{color:var(--ink);font-weight:550}

  /* details — invitation card */
  .invite{position:relative;max-width:860px;margin:0 auto;border-radius:26px;padding:clamp(32px,4.4vw,60px);background:
    radial-gradient(120% 120% at 100% 0,rgba(66,177,255,.13),transparent 55%),
    linear-gradient(180deg,var(--panel2),#090b0f);
    border:1px solid var(--line);overflow:hidden}
  .invite::before{content:"";position:absolute;inset:0;border-radius:26px;padding:1px;background:linear-gradient(135deg,rgba(66,177,255,.55),transparent 40%,transparent 60%,rgba(66,177,255,.24));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
  .invite .seal{font-family:"FLBold","Arial Black",sans-serif;font-size:.94rem;letter-spacing:.02em;text-transform:uppercase;color:var(--accent);display:inline-block;transform:rotate(-.7deg)}
  .invite h3{margin-top:12px;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:650;letter-spacing:-.03em}
  .dgrid{margin-top:clamp(28px,3.4vw,42px);display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
  @media(max-width:620px){.dgrid{grid-template-columns:1fr}}
  .dgrid div{background:rgba(9,11,15,.7);padding:20px 24px}
  .dgrid .t{font-family:"FLBold","Arial Black",sans-serif;font-size:.84rem;letter-spacing:.02em;text-transform:uppercase;color:var(--accent)}
  .dgrid .v{margin-top:8px;font-size:1.1rem;font-weight:550;color:var(--ink);line-height:1.3}

  /* venue */
  .venue-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(26px,3.2vw,42px)}
  .venue-head h2{max-width:14ch}
  .venue-head .vsub{max-width:40ch;color:var(--dim);font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.55}
  .venue-head .vsub a{color:var(--accent);white-space:nowrap}
  .venue-head .vsub a:hover{text-decoration:underline}
  .venue-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:clamp(12px,1.5vw,20px);grid-auto-rows:clamp(300px,40vw,500px)}
  @media(max-width:760px){.venue-grid{grid-template-columns:1fr;grid-auto-rows:clamp(230px,62vw,340px)}}
  .vphoto{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#0a0b0e;height:100%}
  .vphoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
  .vphoto:hover img{transform:scale(1.04)}
  .vphoto.main::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(4,5,9,.84),transparent 44%)}
  .vcap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(18px,2.4vw,30px)}
  .vcap .name{font-weight:600;font-size:clamp(1.1rem,1.9vw,1.42rem);letter-spacing:-.02em;color:#fff}
  .vcap .addr{margin-top:7px;display:flex;align-items:center;gap:8px;color:#c9ccd2;font-size:.92rem}
  .vcap .addr .pin{width:14px;height:14px;flex-shrink:0;color:var(--accent)}

  /* finale */
  .finale{text-align:center;background-image:radial-gradient(900px 520px at 50% 120%,rgba(66,177,255,.16),transparent 60%),var(--we-paper-dark),linear-gradient(var(--bg),var(--bg));background-size:auto,cover,auto;background-position:center,center,center;background-attachment:scroll,fixed,scroll;background-repeat:no-repeat,no-repeat,no-repeat}
  .finale .display{max-width:15ch;margin:0 auto}
  .finale .bring{margin:clamp(28px,3.4vw,42px) auto 0;max-width:560px;font-size:clamp(1.14rem,1.7vw,1.36rem);color:var(--dim);line-height:1.55}
  .finale .bring b{color:var(--ink);font-weight:600}
  .finale .hero-ctas{margin-top:clamp(34px,4vw,48px)}

  /* footer */
  /* GLOBAL PASS · footer treatment (RECON §6 / brand index §14).
     Measured before the change: this footer was TRANSPARENT over a
     paper-dark body, so it did not have the flat-black-over-texture gap
     the teardowns had — the tone already read continuous (22.5 → 25.4 at
     the page bottom against rhode's 23.2). What it did still carry was the
     1px seam the canonical recipe drops. Painting the stock explicitly as
     well makes the page independent of whatever the body is doing and
     matches the reference footer byte for byte. */
  footer{position:relative;z-index:3;border-top:0;margin-top:0;padding:52px 0 60px;
    background-color:#05070a;background-image:var(--we-paper-dark);
    background-size:cover;background-position:center;background-attachment:fixed}
  .foot-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
  .foot-brand{font-weight:700;font-size:1.02rem;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}
  .foot-brand .dot{width:9px;height:9px;border-radius:3px;background:var(--accent)}
  .foot-tag{color:var(--dim);font-size:.92rem;line-height:1.6;max-width:32ch}
  .foot-meta{color:var(--dim);font-size:.9rem;text-align:right;line-height:1.7}
  .foot-meta b{color:var(--ink);font-weight:550}
  @media(max-width:600px){.foot-meta{text-align:left}}

/* ============================================================
   CANONICAL SITE NAV — ported by the global pass
   ------------------------------------------------------------
   One nav across all 26 pages. This page previously carried the
   bespoke `nav#nav` mega-dropdown; the markup is now the teardown
   chassis (header.nav#siteNav > .nav-inner > a.brand + nav.nav-actions
   + .dd#teardownsDd, with the torn strip hanging off the bar) and
   these rules are its stylesheet, transcribed from the COMPUTED
   styles of the reference page rather than from its cascade — the
   teardown sheets override several nav rules further down the file
   (the CTA's hard offset shadow becomes a soft ambient one, .dd-head
   becomes FLBold in brand colour), so reading the source rules alone
   would have ported a nav that does not match what ships.

   Every token the nav needs is declared ON .nav rather than on :root,
   so this block cannot re-tint the page around it (gotcha 9) and is
   byte-identical in all five files that received it.
   ============================================================ */
.nav{
  --nav-bg:#05070a;
  --nav-ink:#f7f8fa;
  --nav-line:rgba(255,255,255,.1);
  --nav-brand:#42b1ff;
  --nav-label:"WeHaas","Neue Haas Display","Helvetica Neue",sans-serif;
  --nav-sans:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
  /* rag depth; the bar's own painted height derives from it — see the
     global-pass note in assets/teardown-rhode.css for the derivation. */
  --nav-tear-h:24px;
  position:fixed;top:0;left:0;right:0;z-index:100;
  height:calc(69px - .558 * var(--nav-tear-h));
  transition:box-shadow .3s,border-color .3s;
  background-color:var(--nav-bg);
  background-image:linear-gradient(rgba(5,7,10,.34),rgba(5,7,10,.52)),var(--we-paper-dark);
  background-size:cover;background-position:center;background-attachment:fixed;
  border-bottom:1px solid transparent;
  /* pinned: .btn-cta and .nav-link carry no line-height of their own, so they
     inherited each host page's body metric and the CTA measured anywhere from
     34px to 40.4px across the five. */
  font-family:var(--nav-sans);line-height:1.65}
@media(max-width:640px){.nav{--nav-tear-h:18px}}
.nav.scrolled{border-bottom-color:var(--nav-line);
  box-shadow:0 8px 18px -11px rgba(0,0,0,.53)}
/* the content box stays 68px and overflows the shorter painted bar, so
   the raised strip supplies the last stretch of paper; z-index 6 keeps
   the CTA and its shadow above the strip (which is 5). */
.nav-inner{max-width:1120px;margin:0 auto;padding:0 24px;height:68px;display:flex;
  align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:6}
/* the host page may already own a .brand class (the tour's 3D-scene HUD does,
   with its own padding) — reset rather than inherit it. */
.nav .brand{display:flex;align-items:center;flex:0 0 auto;height:68px;
  padding:0;margin:0;gap:0;background:none;border:0;text-decoration:none}
.nav .brand img{display:block;width:auto;height:36px;max-width:208px;object-fit:contain}
.nav-actions{display:flex;align-items:center;gap:30px}
.nav-link{color:var(--nav-ink);font-size:.92rem;text-decoration:none;transition:color .18s ease}
.nav-link:hover{color:#fff}
.nav-link[aria-current="page"]{color:#fff}
.nav .btn-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:4px;
  font-size:.85rem;font-weight:700;letter-spacing:-.01em;text-decoration:none;
  background:var(--nav-brand);color:#050a12;white-space:nowrap;
  /* BATCH (V1-F5): the §8 nav-CTA spec is a blur-free hard offset. The
     de-glow pass had replaced it with a soft ambient shadow, making this the
     only button in the theme without the analog signature. Edited HERE rather
     than appended: this rule is `.nav .btn-cta` (0,2,0) and a later bare
     `.btn-cta` (0,1,0) loses to it silently. */
  box-shadow:2px 2px 0 rgba(0,0,0,.5);
  transform:rotate(-.6deg);transition:box-shadow .18s ease,transform .18s ease}
.nav .btn-cta:hover{box-shadow:3px 4px 0 rgba(0,0,0,.55);transform:rotate(-.6deg) translateY(-1px)}
.nav .dd{position:relative}
/* `font:inherit` is a SHORTHAND and resets font-size, so it has to come
   first — after `font-size` it silently put the trigger back to the button's
   16px while the sibling .nav-links stayed at .92rem (V6-2). */
.dd-trigger{display:inline-flex;align-items:center;gap:7px;color:var(--nav-ink);
  font:inherit;font-size:.92rem;border:0;background:none;cursor:pointer;transition:color .18s ease}
.dd-trigger:hover,.dd:hover .dd-trigger,.dd.open .dd-trigger,.dd:focus-within .dd-trigger{color:#fff}
.dd-trigger svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}
.dd:hover .dd-trigger svg,.dd.open .dd-trigger svg,.dd:focus-within .dd-trigger svg{transform:rotate(180deg)}
.dd-panel{position:absolute;top:calc(100% + 12px);left:50%;translate:-50% 0;width:302px;padding:8px;
  border:1px solid var(--nav-line);border-radius:12px;background:rgba(11,15,21,.98);
  box-shadow:0 30px 70px -30px #000,0 0 0 1px rgba(66,177,255,.06);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:70}
.dd:hover .dd-panel,.dd.open .dd-panel,.dd:focus-within .dd-panel{opacity:1;visibility:visible;transform:translateY(0)}
.dd-panel::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.dd-head{font-family:"FLBold","Arial Black",sans-serif;font-size:.74rem;letter-spacing:.02em;
  text-transform:uppercase;color:var(--nav-brand);padding:8px 12px 6px;
  transform:rotate(-.6deg);display:inline-block}
.dd-item{display:flex;gap:11px;align-items:flex-start;padding:10px 12px;border-radius:9px;
  text-decoration:none;transition:background .18s ease}
.dd-item:hover{background:color-mix(in srgb,var(--nav-brand) 10%,transparent)}
.dd-item .ic{flex:0 0 26px;height:26px;border-radius:7px;display:grid;place-items:center;
  background:linear-gradient(150deg,#123a63,#0a1a2e);border:1px solid rgba(66,177,255,.28);
  color:var(--nav-brand);font-family:var(--nav-label);font-size:.62rem;font-weight:700;margin-top:1px}
.dd-item .tt{display:block;color:var(--nav-ink);font-size:.86rem;font-weight:560;line-height:1.25}
.dd-item .ds{display:block;color:var(--nav-ink);font-size:.72rem;line-height:1.3;margin-top:3px}
.dd-item.now{background:color-mix(in srgb,var(--nav-brand) 10%,transparent)}
.dd-item.now .tt{color:var(--nav-brand)}
.dd-item.now .ic{border-color:color-mix(in srgb,var(--nav-brand) 60%,transparent)}
/* the torn bottom edge. Same paper stock AND same darkening veil as the
   bar, both at background-attachment:fixed so the texture and the veil
   register to the viewport — that is what makes the strip a seamless
   continuation of the bar rather than a lighter band under it. */
.nav .tstrip--nav{position:absolute;left:0;right:0;top:100%;margin-top:-1px;
  height:var(--nav-tear-h);pointer-events:none;z-index:5;
  background-color:var(--nav-bg);
  background-image:linear-gradient(rgba(5,7,10,.34),rgba(5,7,10,.52)),var(--we-paper-dark);
  background-size:cover;background-position:center;background-attachment:fixed;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.408));
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-position:0 0;mask-position:0 0;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201200%20120%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%27-40%2C63.5%200.1%2C63.5%207.9%2C64.3%2020.4%2C61.3%2031.1%2C64.5%2055.6%2C67.8%2068.1%2C64.3%2075.9%2C65%2091.6%2C62.8%20118.1%2C67.8%20136.1%2C67.8%20157.1%2C62.3%20162.9%2C64.8%20171.6%2C65.3%20186.4%2C64.8%20198.4%2C62.5%20204.4%2C62.5%20208.4%2C64%20221.6%2C63%20244.4%2C64.8%20259.6%2C60%20266.9%2C63.3%20277.4%2C64%20283.4%2C65.8%20289.9%2C64%20305.4%2C65.8%20316.1%2C64.3%20329.9%2C64.3%20340.9%2C69.5%20354.4%2C66%20363.9%2C66.5%20367.4%2C65.5%20371.9%2C66.5%20386.1%2C65.5%20395.9%2C69.5%20408.6%2C65.3%20426.6%2C64%20436.1%2C67%20444.6%2C65.3%20458.9%2C70%20478.1%2C68%20489.1%2C65.5%20506.6%2C67.5%20520.9%2C66%20527.9%2C69.8%20531.9%2C70.3%20536.4%2C68%20550.1%2C65.8%20562.1%2C61.8%20571.4%2C65.3%20577.6%2C65%20585.4%2C70.3%20600.6%2C68.3%20605.6%2C66%20611.6%2C66.3%20620.1%2C64.5%20625.4%2C66%20640.6%2C64.8%20645.6%2C66.3%20663.4%2C67%20671.1%2C65.5%20681.1%2C67%20691.9%2C64.5%20697.1%2C66%20706.6%2C66%20714.9%2C70%20726.1%2C66.5%20744.6%2C65.8%20749.6%2C67.5%20761.4%2C67%20768.9%2C71.5%20780.9%2C69.3%20786.4%2C70.8%20793.9%2C68%20797.4%2C68%20804.6%2C70.8%20822.6%2C68%20827.9%2C68.8%20833.4%2C71.3%20844.1%2C71.3%20850.1%2C70.3%20857.6%2C65.5%20866.9%2C64.5%20878.6%2C68.5%20884.6%2C66.8%20891.1%2C67.5%20896.1%2C66%20901.1%2C68%20908.1%2C67.3%20912.6%2C69.3%20918.1%2C68.5%20921.1%2C69.8%20931.4%2C68.8%20945.4%2C65%20949.9%2C67.8%20961.1%2C66%20981.4%2C69.5%20992.1%2C68.5%20996.1%2C70.3%201006.1%2C70%201012.9%2C66.5%201018.4%2C66%201025.6%2C68.5%201038.4%2C68.5%201041.1%2C69.5%201048.6%2C66.8%201056.6%2C66.8%201063.6%2C69.3%201070.4%2C69.5%201079.4%2C71.8%201090.4%2C72%201096.9%2C70%201116.6%2C73.5%201127.9%2C69.8%201136.9%2C71.5%201147.4%2C70%201153.9%2C72%201168.6%2C66.8%201178.4%2C67.8%201191.4%2C73%201199.9%2C71%201240%2C71%201240%2C-40%20-40%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201200%20120%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%27-40%2C63.5%200.1%2C63.5%207.9%2C64.3%2020.4%2C61.3%2031.1%2C64.5%2055.6%2C67.8%2068.1%2C64.3%2075.9%2C65%2091.6%2C62.8%20118.1%2C67.8%20136.1%2C67.8%20157.1%2C62.3%20162.9%2C64.8%20171.6%2C65.3%20186.4%2C64.8%20198.4%2C62.5%20204.4%2C62.5%20208.4%2C64%20221.6%2C63%20244.4%2C64.8%20259.6%2C60%20266.9%2C63.3%20277.4%2C64%20283.4%2C65.8%20289.9%2C64%20305.4%2C65.8%20316.1%2C64.3%20329.9%2C64.3%20340.9%2C69.5%20354.4%2C66%20363.9%2C66.5%20367.4%2C65.5%20371.9%2C66.5%20386.1%2C65.5%20395.9%2C69.5%20408.6%2C65.3%20426.6%2C64%20436.1%2C67%20444.6%2C65.3%20458.9%2C70%20478.1%2C68%20489.1%2C65.5%20506.6%2C67.5%20520.9%2C66%20527.9%2C69.8%20531.9%2C70.3%20536.4%2C68%20550.1%2C65.8%20562.1%2C61.8%20571.4%2C65.3%20577.6%2C65%20585.4%2C70.3%20600.6%2C68.3%20605.6%2C66%20611.6%2C66.3%20620.1%2C64.5%20625.4%2C66%20640.6%2C64.8%20645.6%2C66.3%20663.4%2C67%20671.1%2C65.5%20681.1%2C67%20691.9%2C64.5%20697.1%2C66%20706.6%2C66%20714.9%2C70%20726.1%2C66.5%20744.6%2C65.8%20749.6%2C67.5%20761.4%2C67%20768.9%2C71.5%20780.9%2C69.3%20786.4%2C70.8%20793.9%2C68%20797.4%2C68%20804.6%2C70.8%20822.6%2C68%20827.9%2C68.8%20833.4%2C71.3%20844.1%2C71.3%20850.1%2C70.3%20857.6%2C65.5%20866.9%2C64.5%20878.6%2C68.5%20884.6%2C66.8%20891.1%2C67.5%20896.1%2C66%20901.1%2C68%20908.1%2C67.3%20912.6%2C69.3%20918.1%2C68.5%20921.1%2C69.8%20931.4%2C68.8%20945.4%2C65%20949.9%2C67.8%20961.1%2C66%20981.4%2C69.5%20992.1%2C68.5%20996.1%2C70.3%201006.1%2C70%201012.9%2C66.5%201018.4%2C66%201025.6%2C68.5%201038.4%2C68.5%201041.1%2C69.5%201048.6%2C66.8%201056.6%2C66.8%201063.6%2C69.3%201070.4%2C69.5%201079.4%2C71.8%201090.4%2C72%201096.9%2C70%201116.6%2C73.5%201127.9%2C69.8%201136.9%2C71.5%201147.4%2C70%201153.9%2C72%201168.6%2C66.8%201178.4%2C67.8%201191.4%2C73%201199.9%2C71%201240%2C71%201240%2C-40%20-40%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E")}
@media(max-width:880px){.nav-actions .nav-link,.nav-actions .dd{display:none}}
@media(max-width:480px){.nav .brand img{height:28px;max-width:158px}.nav .btn-cta{padding:9px 14px;font-size:.82rem}}

/* ---- BATCH · the Intelligence dropdown was the last navy AI card (V1-F3) ----
   `.dd-panel` shipped as rgba(11,15,21,.98) with a 12px radius, a hairline
   stroke and a blue inner ring; its `.ic` chips were 26px navy-gradient tiles.
   Only surviving navy + AI-gradient element in the theme, and it rode on
   EVERY page. V1 puts the 03:13 screenshot ring precisely on "Intelligence",
   so this is plausibly what that task was pointing at.

   It becomes a torn piece of the same dark paper the nav bar is printed on:
   `--we-paper-dark` from theme.liquid :root, which every page already has, so
   this needs no new tokens and is byte-identical in all 25 nav stylesheets.

   Three mechanics worth keeping straight:
   - the tear is the REPEATING 300x48 tile, not the full-width strip mask. The
     strip mask is a 1200x120 viewBox stretched with preserveAspectRatio:none;
     squeezed into a 28px band it renders ~1.6px of rag, i.e. a straight line
     (measured — it is the same squeeze V2-F5 raised about the nav strip).
   - the shadow is a FILTER, not a box-shadow. A mask clips an element's own
     box-shadow to its box (gotcha 4); drop-shadow() runs on the masked result
     and hugs the torn contour.
   - the bottom padding clears the rag, so the tear eats paper rather than the
     "See all teardowns" row.
   The panel hangs off a fixed nav and is not inside a masked parent, so the
   tear survives here (unlike a .tstrip in a masked zone, gotcha 5). */
.dd-panel{
  border:0;border-radius:0;
  background-color:#14120d;
  background-image:var(--we-paper-dark);
  background-size:cover;background-position:center;
  padding:10px 8px 46px;
  box-shadow:none;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.5)) drop-shadow(0 20px 34px rgba(0,0,0,.5));
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20300%2048%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%27-40%2C23.8%200.1%2C23.8%2023.4%2C23.8%2028.9%2C23%2039.6%2C23%2050.4%2C21.5%2070.6%2C21.5%2081.9%2C23.3%2096.4%2C24.3%2097.1%2C23.8%20103.9%2C22.8%20115.6%2C22.8%20122.1%2C21%20135.6%2C19.5%20146.9%2C19.8%20151.4%2C19.3%20156.1%2C19.5%20165.1%2C21.5%20175.9%2C21.3%20181.1%2C19.8%20191.1%2C21.5%20208.1%2C22%20216.4%2C22%20222.4%2C21%20234.9%2C20.5%20243.1%2C21%20246.4%2C20.5%20246.9%2C21%20249.1%2C20.3%20251.6%2C20.5%20255.6%2C19.8%20265.6%2C19.3%20268.9%2C19.5%20271.9%2C20.5%20273.1%2C21.5%20275.9%2C22%20283.9%2C22.5%20287.4%2C23.5%20291.9%2C23.3%20299.9%2C23.8%20340%2C23.8%20340%2C-40%20-40%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(#000,#000);
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20300%2048%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%27-40%2C23.8%200.1%2C23.8%2023.4%2C23.8%2028.9%2C23%2039.6%2C23%2050.4%2C21.5%2070.6%2C21.5%2081.9%2C23.3%2096.4%2C24.3%2097.1%2C23.8%20103.9%2C22.8%20115.6%2C22.8%20122.1%2C21%20135.6%2C19.5%20146.9%2C19.8%20151.4%2C19.3%20156.1%2C19.5%20165.1%2C21.5%20175.9%2C21.3%20181.1%2C19.8%20191.1%2C21.5%20208.1%2C22%20216.4%2C22%20222.4%2C21%20234.9%2C20.5%20243.1%2C21%20246.4%2C20.5%20246.9%2C21%20249.1%2C20.3%20251.6%2C20.5%20255.6%2C19.8%20265.6%2C19.3%20268.9%2C19.5%20271.9%2C20.5%20273.1%2C21.5%20275.9%2C22%20283.9%2C22.5%20287.4%2C23.5%20291.9%2C23.3%20299.9%2C23.8%20340%2C23.8%20340%2C-40%20-40%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(#000,#000);
  -webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat;
  -webkit-mask-size:300px 48px,100% calc(100% - 46px);
  mask-size:300px 48px,100% calc(100% - 46px);
  -webkit-mask-position:bottom left,top;mask-position:bottom left,top;
}
/* numerals become little white paper tabs with ink on them — the house
   artifact — instead of navy gradient tiles with cyan type. */
.dd-item .ic{
  background:#f4f2e9;border:0;border-radius:2px;
  color:#141109;font-family:"FLBold","Arial Black",sans-serif;
  font-size:.68rem;letter-spacing:0;rotate:-1.5deg;
}
.dd-item:nth-child(odd) .ic{rotate:1.2deg}
/* the current-page row was a blue-tinted rounded slab, which reads as another
   soft UI card on paper. It becomes a torn-off paper marker instead: the row
   keeps the stock, the numeral tab goes full white, and the title takes the
   brand blue (legal here — the ground is dark). */
.dd-item.now{background:rgba(255,255,255,.06);border-radius:0}
.dd-item.now .ic{background:#fff;color:#141109}
.dd-item:hover{border-radius:0}

/* ---- BATCH · nav CTA lost the hard offset shadow (V1-F5) ----
   The de-glow pass replaced the brand's blur-free offset with a soft ambient
   `0 10px 30px -12px`, which BRAND-SYSTEM-INDEX §8 already flags as "worth
   revisiting" — it made the nav CTA the only button in the theme without the
   analog signature. Restored to the §8 nav-CTA spec exactly (2px 2px 0, and
   3px 4px 0 on hover — the small-button values, not the larger `.button`'s).
   Radius and tilt unchanged. */
.btn-cta{box-shadow:2px 2px 0 rgba(0,0,0,.5)}
.btn-cta:hover{box-shadow:3px 4px 0 rgba(0,0,0,.55);transform:rotate(-.6deg) translateY(-1px)}