/* Self-hosted fonts - 7 woff2 files in /assets/fonts/ · no CDN round-trip */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/cormorant-garamond-v21-latin-300.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/cormorant-garamond-v21-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300;font-display:swap;src:url('/assets/fonts/cormorant-garamond-v21-latin-300italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/cormorant-garamond-v21-latin-italic.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/hanken-grotesk-v5-latin-300.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/hanken-grotesk-v5-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/hanken-grotesk-v5-latin-500.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond Fallback';src:local('Georgia'),local('Times New Roman');size-adjust:96%;ascent-override:90%;descent-override:22%;line-gap-override:0%}
@font-face{font-family:'Cormorant SC';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/cormorant-sc-v19-latin-300.woff2') format('woff2')}
@font-face{font-family:'Cormorant SC';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/cormorant-sc-v19-latin-regular.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-v20-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/spectral-v15-latin-300.woff2') format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/spectral-v15-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Spectral';font-style:italic;font-weight:300;font-display:swap;src:url('/assets/fonts/spectral-v15-latin-300italic.woff2') format('woff2')}
:root{
 --bg:#060905;--bg-d:#040603;--bg-s:#0b0d09;--surf:#131108;
 --ink:#fbf8f3;--ink-s:#b3a99c;
 --hl:rgba(220,200,150,.12);--hl2:rgba(220,200,150,.055);--hl3:rgba(220,200,150,.025);
 --gold:#c8b888;--gold-h:#ddd0a8;--gold-d:#7a6e50;
 --ember:#b86c2a;--ember-d:rgba(184,108,42,.11);
 --bone:#ede5d8;
 --red:oklch(0.38 0.14 20);--red-d:#a00d24;--red-deep:#6e0616;
 --esp:#2a1508;
 --d:'Cormorant SC','Cormorant Garamond','Cormorant Garamond Fallback','Georgia',serif;
 --b:'Spectral','Cormorant Garamond','Georgia',serif;
 --s:'Hanken Grotesk',system-ui,sans-serif;
 --m:'IBM Plex Mono',monospace;
 /* luxury easing: fast depart, slow settle = authority, not utility */
 --e:cubic-bezier(.16,1,.3,1);
 --r:2px;--rm:6px;
 /* OKLCH color science - gradients between these stay saturated, never muddy gray */
 --red-ok:oklch(0.38 0.17 25);
 --gold-ok:oklch(0.72 0.13 85);
 /* ── SYSTEM TOKENS - roles, not places. Edit HERE to restyle globally (builder/DESIGN_SYSTEM.md) ── */
 --t-stmt:clamp(37px,5.4vw,77px); /* statement h2: lineup, mastermind, apply */
 --t-h2:clamp(25px,3vw,38px);     /* standard section h2 - anchored on IC-section vibe */
 --t-h3:clamp(23px,2.2vw,31px);   /* sub-heading */
 --t-body:clamp(23px,1.75vw,26px); /* body copy - +4px bump */
 --sp-sec:clamp(32px,4.5vw,56px); /* section vertical rhythm */
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizeLegibility;font-optical-sizing:auto;overflow-x:clip;background:var(--esp);overscroll-behavior-y:none}
body{background:var(--bg);color:var(--ink);font-family:var(--s);font-weight:300;overflow-x:clip;overscroll-behavior-y:none;min-height:100svh}
h1,h2,h3{font-family:var(--d);font-weight:300;line-height:.92;letter-spacing:-.024em;font-optical-sizing:auto}
/* Gold gradient headings - luxury warm on dark sections */
.six-lc h2,.six-hdr h2,.who h2,.faq h2,.impr-left h2,
#apply .app-text h2,.bwy-text h2,.bm-header h2,
.ph-text h2,.ic-room-h,.mem-entry-h,.fm-text h2,.hm-hd h2,.tm-hd h2,.rt-manifesto{
 background:linear-gradient(135deg,#f0e0b0 0%,#c8b888 40%,#c8903c 100%);
 -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
em{font-style:italic}
p{font-family:var(--b);font-style:normal;font-weight:300;line-height:1.78;color:rgba(228,218,190,.84)}
.ey{font-family:var(--m);font-size:13px;font-weight:400;text-transform:uppercase;
 letter-spacing:.22em;color:var(--gold);display:block;margin-bottom:14px}
.wrap{padding-inline:clamp(48px,8vw,140px)}

/* progress */
#prog{position:fixed;top:0;left:0;height:1.5px;
 background:linear-gradient(90deg,var(--gold-d),var(--gold-h));
 transform-origin:left;transform:scaleX(0);z-index:200;pointer-events:none}

/* grain - research: 0.03-0.06 = filmic sweet spot, >0.18 = dirty noise */
.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.048;mix-blend-mode:overlay;
 background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0/200px}

/* ── WALLS - color rooms with diagonal gradient warmth ─────────
 Each section has its own gradient direction (golden angle ≈ 148-160°)
 The angle creates diagonal tension - not static, not random
 ─────────────────────────────────────────────────────────── */
.wall-dark{
 background-color:var(--esp);
 isolation:isolate;
 background-image:
 radial-gradient(circle 42vw at 50% 25%,rgba(184,108,42,.18) 0%,transparent 62%),
 radial-gradient(circle 30vw at 50% 85%,rgba(184,108,42,.07) 0%,transparent 55%),
 linear-gradient(to right,rgba(0,0,0,.24) 0%,transparent 12%,transparent 88%,rgba(0,0,0,.24) 100%),
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.024'/%3E%3C/svg%3E");
 background-size:auto,auto,auto,400px 400px
}
.wall-bone{
 background-color:var(--bone);
 background-image:
 /* warm stone gradient - slightly cooler at top, warmer at base */
 linear-gradient(160deg,rgba(237,229,216,1) 0%,rgba(220,208,188,.9) 58%,rgba(210,195,168,.8) 100%),
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.044'/%3E%3C/svg%3E");
 background-size:auto,300px 300px
}
.wall-esp{
 background-color:var(--esp);
 background-image:
  radial-gradient(circle 44vw at 50% 28%,rgba(184,108,42,.22) 0%,transparent 62%),
  radial-gradient(circle 30vw at 50% 88%,rgba(184,108,42,.09) 0%,transparent 55%),
  linear-gradient(to right,rgba(0,0,0,.28) 0%,transparent 12%,transparent 88%,rgba(0,0,0,.28) 100%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
 background-size:auto,auto,auto,400px 400px
}
/* ── P25: kill all vertical ratio lines (!important beats JS inline display) ── */
.al-v{display:none!important}
/* P26 removed (round 5): ONE clean wall, no overlay dissolves - lights only */
/* ── P27: UNIFIED CONTENT TYPE SYSTEM (WTU-inspired, all sections except hero/nav/footer) ── */
/* Eyebrow labels - refine tracking for editorial authority */
section .ey{letter-spacing:.26em;color:rgba(200,184,136,.52);font-size:13.5px}
/* Section h2 - override .92 global line-height at content-section scale */
section h2{font-size:var(--t-h2);letter-spacing:-.026em;line-height:1.06}
/* Sub-headings h3 - Cormorant italic, editorial sub-scale */
section h3{
 font-family:var(--d);font-style:italic;font-weight:300;
 font-size:var(--t-h3);letter-spacing:-.016em;line-height:1.14;
 color:rgba(242,237,229,.9)
}
/* Body paragraphs - Spectral upright (Tobi pick #5; em stays italic via global em rule). specificity 0,0,2 so any .class p wins */
section p{
 font-family:var(--b);font-style:normal;font-weight:300;
 font-size:var(--t-body);color:rgba(240,236,228,.85);line-height:1.78
}
/* Sub/meta text - Hanken light, muted */
section .sub,section .sub-p,section .sub-t{
 font-family:var(--s);font-size:18px;font-weight:300;
 color:rgba(242,237,229,.55);line-height:1.65;font-style:normal
}
/* Stat numbers - Cormorant italic gold (unified ax-n pattern) */
section .ax-n{
 font-family:var(--d);font-style:italic;font-weight:300;
 font-size:clamp(27px,3vw,47px);color:var(--gold-h);line-height:1
}
/* Stat labels - IBM Mono ultra-tight (weight:400 only - GFonts loads 400 only) */
section .ax-k{
 font-family:var(--m);font-weight:400;font-size:13px;
 letter-spacing:.18em;text-transform:uppercase;color:rgba(200,184,136,.5)
}
/* EXCEPTION: bone/light bg sections - Hanken dark text, no italic */
.wall-bone p,.lineup p{
 font-family:var(--s);color:rgba(40,30,15,.72);font-style:normal;
 font-size:clamp(18px,1.4vw,20px)
}
.wall-bone h3,.lineup h3{color:rgba(40,30,15,.85);font-style:normal}
.wall-bone .ey,.lineup .ey{color:rgba(80,60,20,.55)}
/* EXCEPTION: mastermind section on red bg */
#mastermind h3,#mastermind p{font-family:var(--s);color:rgba(242,237,229,.88);font-style:normal}
.wall-red{
 isolation:isolate;
 background:
 linear-gradient(148deg in oklch,oklch(0.40 0.18 25) 0%,oklch(0.30 0.16 22) 44%,oklch(0.18 0.12 18) 100%),
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.022'/%3E%3C/svg%3E") 0/400px
}

/* reveals */
.rz{opacity:0;transform:translateY(28px) scale(.98);transition:opacity .95s var(--e),transform .95s var(--e)}
/* Above-the-fold hero: reveal via CSS load-animation, NOT JS-gated (paints immediately, fixes 4.1s FCP) */
#hero .rz{animation:heroRz .9s var(--e) both}
#hero .rz.d2{animation-delay:.16s}
#hero .rz.d3{animation-delay:.32s}
@keyframes heroRz{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#hero .rz{animation:none;opacity:1;transform:none}}
.rz.in{opacity:1;transform:none}
/* 80ms stagger steps - research: 50-80ms = wave/breathing, >120ms = sluggish */
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}

/* ── SEAMS - horizontal boundary lines with glow, same logic as architectural lines ── */
.seam{height:1px;display:block;position:relative}
/* red→gold glow seam - colour flow with glow connecting sections */
.s-dk-red{
 background:linear-gradient(90deg,transparent 0%,rgba(204,18,48,.42) 36%,rgba(190,140,55,.25) 60%,transparent 100%);
 box-shadow:0 0 6px rgba(204,18,48,.22),0 0 22px rgba(184,108,42,.1),0 0 44px rgba(204,18,48,.07)
}
.s-red-dk{
 background:linear-gradient(90deg,transparent 0%,rgba(184,108,42,.16) 38%,rgba(204,18,48,.18) 58%,transparent 100%);
 box-shadow:0 0 4px rgba(204,18,48,.08),0 0 10px rgba(184,108,42,.04)
}
/* neutral gold seam */
.s-dk-dk{
 background:linear-gradient(90deg,transparent 0%,rgba(200,168,80,.07) 38%,rgba(200,168,80,.1) 62%,transparent 100%);
 box-shadow:0 0 6px rgba(184,108,42,.04)
}
/* bone→dark: warmth fading */
.s-bn-dk{
 background:linear-gradient(90deg,transparent 0%,rgba(200,185,155,.12) 30%,rgba(184,108,42,.1) 55%,rgba(120,70,20,.06) 75%,transparent 100%);
 box-shadow:0 0 5px rgba(184,108,42,.05)
}
/* dark→espresso: subtle warmth shift */
.s-dk-esp{
 background:linear-gradient(90deg,transparent 0%,rgba(80,40,10,.18) 42%,rgba(100,55,12,.14) 62%,transparent 100%);
 box-shadow:0 0 4px rgba(80,40,10,.08)
}
.s-esp-dk{
 background:linear-gradient(90deg,transparent 0%,rgba(100,55,12,.12) 40%,rgba(80,40,10,.1) 60%,transparent 100%);
 box-shadow:0 0 4px rgba(60,30,8,.06)
}

/* shimmer */
.shim{position:relative;overflow:hidden}
.shim::before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;
 background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%);
 transform:translateX(-150%);transition:transform 1.1s var(--e)}
.shim:hover::before{transform:translateX(150%)}

/* ══ @property - enables gradient ANIMATION on lines (not possible without this) ══ */
@property --alp { syntax: '<color>'; inherits: false; initial-value: rgba(204,18,48,.30) }
@property --alm { syntax: '<color>'; inherits: false; initial-value: rgba(200,152,60,.18) }
@property --alg { syntax: '<color>'; inherits: false; initial-value: rgba(184,108,42,.20) }
@property --algh { syntax: '<color>'; inherits: false; initial-value: rgba(200,168,80,.15) }

/* Breathing keyframes - lines pulse between red-dominant and gold-dominant */
@keyframes lineBreathe {
 0%,100% { --alp:rgba(204,18,48,.28); --alm:rgba(200,152,60,.15) }
 50% { --alp:rgba(204,18,48,.44); --alm:rgba(200,168,80,.32) }
}
@keyframes lineBreatheGold {
 0%,100% { --alg:rgba(184,108,42,.18); --algh:rgba(200,168,80,.12) }
 50% { --alg:rgba(184,108,42,.32); --algh:rgba(200,168,80,.24) }
}

/* ═══ ARCHITECTURAL LINES ══════════════════════════════
 Golden ratio positioning (61.8% / 38.2%) - editorial crosshair
 Lines carry red → gold gradient + soft glow - not neon, felt not shouted
 @property enables the gradient to breathe (animate) - impossible with plain CSS
 Glow rule: max 8px primary / 22px halo, opacity .15-.4 only
 mix-blend-mode: screen = luminous, not painted - blends with bg for depth
 ════════════════════════════════════════════════════ */
.al{position:absolute;pointer-events:none;z-index:1}

/* Vertical: animated red→gold breathing + mix-blend-mode:screen for luminous depth */
.al-v{
 top:0;bottom:0;width:1px;
 background:linear-gradient(to bottom,transparent 0%,var(--alp) 12%,var(--alm) 48%,var(--alp) 86%,transparent 100%);
 box-shadow:0 0 8px rgba(204,18,48,.18),0 0 22px rgba(204,18,48,.08);
 mix-blend-mode:screen;
 animation:lineBreathe 9s ease-in-out infinite;
 animation-delay:var(--al-delay,0s)
}

/* Horizontal: same breathe on gold-shifted timing */
.al-h{
 left:0;right:0;height:.5px;
 background:linear-gradient(to right,transparent 0%,var(--alp) 10%,var(--alm) 45%,var(--alp) 88%,transparent 100%);
 box-shadow:0 0 7px rgba(184,108,42,.09),0 0 20px rgba(184,108,42,.04);
 mix-blend-mode:screen;
 animation:lineBreathe 11s ease-in-out infinite;
 animation-delay:var(--al-delay,1.5s)
}

/* Gold variant - warm honey, slightly delayed offset breathing */
.al-v.gold{
 background:linear-gradient(to bottom,transparent 0%,var(--alg) 14%,var(--algh) 52%,var(--alg) 86%,transparent 100%);
 box-shadow:0 0 7px rgba(184,108,42,.14),0 0 22px rgba(184,108,42,.05);
 mix-blend-mode:screen;
 animation:lineBreatheGold 13s ease-in-out infinite;
 --al-delay:0s
}
.al-h.gold{
 background:linear-gradient(to right,transparent 0%,var(--alg) 12%,var(--algh) 50%,var(--alg) 88%,transparent 100%);
 box-shadow:0 0 9px rgba(184,108,42,.1),0 0 26px rgba(184,108,42,.04);
 mix-blend-mode:screen;
 animation:lineBreatheGold 17s ease-in-out infinite;
 --al-delay:2s
}

/* Cool interrupt - one teal, complementary tension. Used ONCE (stats section) */
.al-v.cool{
 background:linear-gradient(to bottom,transparent 0%,rgba(100,190,200,.22) 20%,rgba(80,170,180,.14) 80%,transparent 100%);
 box-shadow:0 0 6px rgba(100,190,200,.1),0 0 16px rgba(100,190,200,.04);
 mix-blend-mode:screen;
 animation:none
}

/* stamp */
.stamp{position:absolute;top:22px;right:clamp(18px,3.5vw,48px);font-family:var(--d);font-style:italic;
 font-size:clamp(44px,6vw,88px);font-weight:300;opacity:.025;line-height:1;
 pointer-events:none;user-select:none;z-index:0;letter-spacing:-.04em}

/* ══ Section isolation - contains mix-blend-mode, prevents leaking to page backdrop ══ */
#mastermind{isolation:isolate}
#stats-sec{isolation:isolate}
#core{isolation:isolate}
.who{isolation:isolate}

/* ══ HERO LINE OVERRIDES - bright red/orange, flame-like, strongly visible ══
 Base .al-v/.al-h are subtle; hero version is BOLD - signals editorial confidence
 "flowing" = a bright band travels along the line like liquid light ════════ */
.hero .al-v {
 width:1px; /* visible thickness needed for glow to work */
 background:linear-gradient(to bottom,
 transparent 0%,
 rgba(255,70,10,.7) 12%,
 rgba(240,60,10,.6) 42%,
 rgba(255,80,20,.65) 72%,
 rgba(255,70,10,.5) 88%,
 transparent 100%
 );
 box-shadow:
 0 0 6px rgba(255,60,10,.45),
 0 0 18px rgba(255,50,10,.28),
 0 0 44px rgba(204,18,48,.14);
 mix-blend-mode:screen;
 animation:lineBreathe 9s ease-in-out infinite;
 overflow:visible;
}
.hero .al-h {
 height:1px;
 background:linear-gradient(to right,
 transparent 0%,
 rgba(255,70,10,.7) 14%,
 rgba(255,100,20,.85) 38%,
 rgba(240,80,10,.78) 50%,
 rgba(255,100,20,.85) 62%,
 rgba(255,70,10,.7) 86%,
 transparent 100%
 );
 box-shadow:
 0 0 8px rgba(255,70,10,.5),
 0 0 24px rgba(255,50,10,.28),
 0 0 52px rgba(204,18,48,.13);
 mix-blend-mode:screen;
 animation:none;
}
/* Flow shimmer - bright band slides along the hero lines */
.hero .al-v::after,.hero .al-h::after {
 content:'';position:absolute;pointer-events:none;
}
.hero .al-v::after {
 left:0;right:0;height:32%;
 background:linear-gradient(to bottom,transparent,rgba(255,130,40,.75),transparent);
 animation:flowDown 3.5s cubic-bezier(.4,0,.6,1) infinite;
}
.hero .al-h::after {
 top:0;bottom:0;width:28%;
 background:linear-gradient(to right,transparent,rgba(255,130,40,.75),transparent);
 animation:flowRight 4s cubic-bezier(.4,0,.6,1) infinite;
}
@keyframes flowDown {
 0% {transform:translateY(-100%);opacity:0}
 15% {opacity:1}
 85% {opacity:1}
 100% {transform:translateY(350%);opacity:0}
}
@keyframes flowRight {
 0% {transform:translateX(-100%);opacity:0}
 15% {opacity:1}
 85% {opacity:1}
 100% {transform:translateX(400%);opacity:0}
}

/* Shimmer on all section al-v lines - slower, subtler than hero (hero has its own stronger version) */
.al-v::after{
 content:'';position:absolute;pointer-events:none;
 left:0;right:0;height:28%;
 background:linear-gradient(to bottom,transparent,rgba(255,100,30,.50),transparent);
 animation:flowDown 5.5s cubic-bezier(.4,0,.6,1) infinite;
 animation-delay:1.8s;
}
/* shimmer uses warm white so it stays visible with normal blend */
.al-v.on-red::after{
 background:linear-gradient(to bottom,transparent,rgba(255,220,160,.45),transparent);
}

/* ══ RED SECTION LINE - normal blend at visible opacity (screen bleeds out on isolated red bg) ══ */
.al-v.on-red {
 width:2px;
 z-index:20;
 background:linear-gradient(to bottom,
 transparent 0%,
 rgba(180,12,28,.72) 5%,
 rgba(200,18,36,.88) 50%,
 rgba(160,10,24,.62) 88%,
 transparent 100%
 );
 box-shadow:
 0 0 4px rgba(0,0,0,.85),
 0 0 14px rgba(80,0,10,.65),
 0 0 32px rgba(40,0,6,.45),
 0 0 60px rgba(10,0,2,.25);
 mix-blend-mode:normal;
 animation:none;
}

/* ══ SIX + WHO section lines - red, standard glow ══ */
.al-v.sec-line {
 width:1px;
 mix-blend-mode:screen;
 animation:lineBreathe 9s ease-in-out infinite;
}

/* ══ MASTERMIND lines - golden shimmer on red ══ */
#mastermind .al-v.gold { display:none } /* vertical line removed */
#mastermind .al-h.gold {
 height:1px;
 background:linear-gradient(to right,transparent 0%,rgba(190,140,55,.5) 14%,rgba(210,160,60,.62) 38%,rgba(200,150,58,.55) 62%,rgba(190,140,55,.45) 86%,transparent 100%);
 box-shadow:0 0 5px rgba(190,140,55,.28),0 0 18px rgba(190,140,55,.12),0 0 40px rgba(190,140,55,.04);
 mix-blend-mode:screen;
 opacity:1;
 overflow:visible;
}
#mastermind .al-h.gold::after{
 content:'';position:absolute;top:0;height:1px;width:22%;
 background:linear-gradient(to right,transparent,rgba(250,200,90,.8),transparent);
 box-shadow:0 0 8px rgba(250,200,90,.45),0 0 24px rgba(250,190,70,.22);
 animation:flowRight 6s cubic-bezier(.4,0,.6,1) infinite;
}
/* ══ MASTERMIND on red - text + line overrides ══ */
#mastermind.lineup h2{color:var(--ink);font-size:var(--t-h2);letter-spacing:-.026em;line-height:1.06}
#mastermind.lineup h2 em{font-style:italic;color:var(--gold-h)}
#mastermind .lm-row span{color:rgba(242,237,229,.75)}
#mastermind .lm-row span:first-child{color:var(--ink);font-family:var(--d);font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1}
#mastermind .lm-row{border-top:.5px solid rgba(255,255,255,.18)}
#mastermind .d-btn{background:rgba(255,255,255,.25)}
#mastermind .d-btn.on{background:rgba(255,255,255,.85)}
#mastermind .cc-frame{border-radius:0}
#mastermind .cc{border-radius:0}
/* shift video crop 0.75cm (≈28px) right so subjects are better framed */
#mastermind .cc-frame video{object-position:calc(50% + 28px) 50%;opacity:1}
/* testimonial cards: view()-timeline reveal fails inside the nested horizontal-scroll row, leaving cards+videos stuck at opacity:0 (black cards) - keep them always visible */
.vc.rz{opacity:1;transform:none}
.vc video{opacity:1;filter:saturate(1.2) brightness(1.07) contrast(1.07)}
#mastermind .cc::before{border-radius:8px}
#mastermind .car-wrap::after{background:linear-gradient(to left,#2a1508,transparent)}
/* car margin-left = same start-x as six-lc text: matches six-lc padding-left */
#mastermind .car{margin-left:clamp(24px,3.5vw,48px)}
#mastermind .car-track{padding-left:0}
#mastermind .pdl-red-bleed,#mastermind .pdl-bot-bleed{display:block}
.fq[aria-expanded="true"]{color:var(--gold-h)}

/* ══ CSS Scroll-Driven Animations - @supports ensures Safari/old Firefox get JS fallback ══ */
@supports (animation-timeline: view()) {
 /* Sections fade+rise purely via scroll, no JS needed in supporting browsers */
 /* :not(.vc) - testimonial cards live in a nested horizontal scroller, where
    view()-timeline never progresses, leaving them stuck at opacity:0 (black cards) */
 .rz:not(.vc) {
 animation: sdReveal linear both;
 animation-timeline: view();
 animation-range: entry 0% cover 43%;
 /* Override opacity:0 initial state - scroll drives it */
 opacity: 0;
 transform: translateY(24px) scale(.985);
 }
 .rz.d1 { animation-range: entry 4% cover 47% }
 .rz.d2 { animation-range: entry 8% cover 51% }
 .rz.d3 { animation-range: entry 12% cover 55% }
 /* Apply to all content elements, not just .rz-tagged */
 h1,h2,h3,h4,img:not(.nav-logo-img),picture,.ey,.sh,.sub,.rule,section>p,section>.wrap>p {
 animation: sdReveal linear both;
 animation-timeline: view();
 animation-range: entry 0% cover 43%;
 opacity: 0;
 transform: translateY(24px) scale(.985);
 }
 .rz.in { /* no-op when scroll handles it */ }

 @keyframes sdReveal {
 from { opacity: 0; transform: translateY(24px) scale(.985) }
 to { opacity: 1; transform: none }
 }
}

/* ══ NAV ══ */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:12px clamp(20px,5vw,52px);
 background:linear-gradient(rgba(40,23,12,.82),rgba(32,18,9,.7));
 backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:.5px solid rgba(200,160,100,.14)}
.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.nav-center{display:flex;align-items:center;justify-content:center;gap:4px}
.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;position:relative}

.nav-logo{display:inline-flex;align-items:center;text-decoration:none;padding:0;border:none;background:none;transition:opacity .3s}
.nav-logo:hover{opacity:.82}
.nav-logo-img{width:26px;height:26px;border-radius:50%;object-fit:cover;display:block;filter:drop-shadow(0 0 6px rgba(200,160,60,.25))}
.nav-seal{width:25px;height:25px;border-radius:50%;flex-shrink:0;
 background:rgba(255,255,255,.94);
 display:grid;place-items:center;font-family:var(--d);font-size:10px;color:oklch(0.14 0.06 25);overflow:hidden;position:relative;
 box-shadow:0 0 0 .5px rgba(255,255,255,.6)}
.nav-seal::after{content:'';position:absolute;inset:0;border-radius:50%;
 background:linear-gradient(105deg,transparent,rgba(255,255,255,.38) 50%,transparent);
 transform:translateX(-200%);animation:shimLoop 7s linear infinite}
@keyframes shimLoop{to{transform:translateX(200%)}}
.nav-links{display:none;gap:26px;align-items:center}
.nav-links a.nav-founder{font-size:13px;letter-spacing:.18em;color:rgba(242,237,229,.55)}
.nav-links a.nav-founder:hover{color:rgba(242,237,229,.85)}
.nav-links a{font-family:var(--m);font-size:13px;text-transform:uppercase;letter-spacing:.18em;
 color:rgba(242,237,229,.78);text-decoration:none;transition:color .3s;position:relative;padding-bottom:2px;user-select:none;-webkit-user-select:none}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:.5px;
 background:rgba(255,255,255,.5);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--e)}
.nav-links a.active::after,.nav-links a:hover::after{transform:scaleX(1)}
.nav-links a.active{color:var(--ink)}
/* ── nav-cta: frosted glass pill - plastisch ── */
.nav-cta{padding:9px 21px;border:.5px solid rgba(200,184,136,.26);font-family:var(--m);font-size:11.5px;
 font-weight:400;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;cursor:pointer;
 color:rgba(225,210,170,.82);border-radius:2px;display:inline-flex;align-items:center;gap:7px;
 background:rgba(200,184,136,.07);backdrop-filter:blur(12px);
 box-shadow:
 0 1px 0 rgba(200,184,136,.15) inset,
 0 -1px 0 rgba(0,0,0,.2) inset,
 0 2px 8px rgba(0,0,0,.22),
 0 8px 22px rgba(0,0,0,.28);
 transition:opacity .28s var(--e),border-color .3s var(--e),background .3s var(--e),transform .3s var(--e),box-shadow .3s var(--e)}
.nav-cta:hover{border-color:rgba(200,184,136,.55);background:rgba(200,184,136,.12);color:var(--gold-h);
 transform:translateY(-2px);
 box-shadow:
 0 1px 0 rgba(200,184,136,.22) inset,
 0 -1px 0 rgba(0,0,0,.26) inset,
 0 8px 24px rgba(0,0,0,.36),
 0 20px 44px rgba(0,0,0,.38)}
.nav-cta:active{transform:translateY(0);background:rgba(200,184,136,.16);transition-duration:.08s;
 box-shadow:0 1px 0 rgba(0,0,0,.2) inset,0 1px 4px rgba(0,0,0,.32)}
@media(max-width:860px){.nav-links,.nav-members,.nav-toggles{display:none}}
/* ── HAMBURGER BUTTON (mobile only) ── */
.nav-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
 width:26px;height:26px;padding:0;
 background:none;border:none;border-radius:0;
 cursor:pointer;z-index:200;-webkit-tap-highlight-color:transparent;flex-shrink:0;
 transition:opacity .22s}
.nav-hamburger:hover{opacity:.7;background:none;border:none}
.nav-hamburger:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
@media(max-width:860px){.nav-hamburger{display:flex}}
.hb{display:block;width:14px;height:1px;background:rgba(225,210,170,.82);border-radius:1px;
 transition:transform .36s var(--e),opacity .24s var(--e),width .24s var(--e)}
.nav-hamburger[aria-expanded="true"] .hb:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-hamburger[aria-expanded="true"] .hb:nth-child(2){opacity:0;width:0}
.nav-hamburger[aria-expanded="true"] .hb:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
/* ── DROPDOWN PANEL ── */
.nav-overlay{position:fixed;top:64px;right:0;left:auto;z-index:400;
 width:clamp(280px,40vw,340px);height:calc(100dvh - 64px);
 display:flex;flex-direction:column;
 background:oklch(0.07 0.038 44 / 0.97);
 backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
 border-left:.5px solid rgba(200,184,136,.18);
 box-shadow:-8px 0 48px rgba(0,0,0,.55);
 transform:translateX(100%);opacity:0;visibility:hidden;pointer-events:none;
 transition:transform .44s var(--e),opacity .44s var(--e),visibility .44s var(--e)}
.nav-overlay.is-open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:all}
/* links container */
.nav-ov-inner{display:flex;flex-direction:column;flex:1;padding:32px 26px 38px}
/* Tobi 2026-07-30: dropped the "Main Site" label to free vertical space; all three groups now share
   one fixed gap (below) instead of mismatched margins, so Founder-Trips and Work With Us-Get Recommended
   read as the same distance apart. */
.nav-ov-links{display:flex;flex-direction:column;flex:1;justify-content:center;gap:20px}
.ov-group{display:flex;flex-direction:column}
.ov-group--main{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ov-group--main .ov-link{border:.5px solid rgba(200,184,136,.25);border-radius:8px;background:rgba(200,184,136,.04);padding:12px 10px;font-size:15px;gap:8px}
.ov-group--main .ov-link--cta{grid-column:1/-1;background:rgba(200,152,60,.09);border-color:rgba(200,184,136,.4)}
.ov-group--main .ov-t::after{display:none}
.ov-link{position:relative;display:flex;align-items:baseline;gap:14px;
 font-family:var(--d);font-style:normal;font-weight:300;
 font-size:clamp(19px,5vw,23px);line-height:1.15;color:var(--ink);text-decoration:none;
 padding:11px 0;
 opacity:0;transform:translateX(16px);
 transition:color .28s var(--e),opacity .4s var(--e),transform .4s var(--e)}
.ov-idx{font-family:var(--m);font-style:normal;font-size:9px;letter-spacing:.18em;
 color:var(--gold-d);min-width:2.2em;flex-shrink:0;transition:color .28s}
.ov-t{position:relative}
.ov-t::after{content:'';position:absolute;left:0;bottom:.02em;height:1px;width:0;background:var(--gold);transition:width .34s var(--e)}
.ov-link:hover,.ov-link:focus-visible{color:var(--gold-h);outline:none}
.ov-link:hover .ov-idx,.ov-link:focus-visible .ov-idx{color:var(--gold)}
.ov-link:hover .ov-t::after,.ov-link:focus-visible .ov-t::after{width:100%}
.ov-link--cta{color:var(--gold-h)}
.ov-link--cta .ov-idx{color:var(--gold)}
/* group B: the dominant destinations block */
.ov-group--dest{gap:0;padding:6px 16px;
 border:.5px solid rgba(200,184,136,.2);border-radius:8px;
 background:linear-gradient(180deg,rgba(200,152,60,.075),rgba(200,152,60,.02));
 opacity:0;transform:translateY(12px);transition:opacity .5s var(--e) .30s,transform .5s var(--e) .30s}
.nav-overlay.is-open .ov-group--dest{opacity:1;transform:none}
.ov-dest{justify-content:space-between;align-items:center;
 font-size:clamp(24px,6.6vw,30px);font-weight:400;color:var(--gold-h);
 padding:15px 4px;border-bottom:.5px solid rgba(200,184,136,.12);
 opacity:1;transform:none;transition:color .28s var(--e)}
.ov-group--dest .ov-dest:last-child{border-bottom:none}
.ov-group--start{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ov-group--start .ov-dest{border:.5px solid rgba(200,184,136,.25);border-radius:8px;background:rgba(200,184,136,.04);font-size:15px;padding:12px 10px;justify-content:center;text-align:center;border-bottom:none}
.ov-group--start .ov-dest:first-child{grid-column:1/-1}
.ov-group--start .ov-go{display:none}
.ov-dest-txt{display:flex;flex-direction:column;gap:2px}
.ov-sub{font-family:var(--m);font-size:12px;letter-spacing:.05em;font-weight:400;color:rgba(200,184,136,.5)}
.ov-go{font-family:var(--m);font-style:normal;font-size:15px;color:var(--gold-d);
 transform:translateX(-4px);opacity:.55;transition:transform .3s var(--e),opacity .3s var(--e),color .3s}
.ov-dest:hover,.ov-dest:focus-visible{color:var(--gold)}
.ov-dest:hover .ov-go,.ov-dest:focus-visible .ov-go{transform:translateX(0);opacity:1;color:var(--gold)}
/* stagger: group A items only; group B fades in as one framed unit */
.nav-overlay.is-open .ov-group--main .ov-link{opacity:1;transform:none}
.ov-group--main .ov-link:nth-child(1){transition-delay:.08s}
.ov-group--main .ov-link:nth-child(2){transition-delay:.12s}
.ov-group--main .ov-link:nth-child(3){transition-delay:.16s}
.ov-group--main .ov-link:nth-child(4){transition-delay:.20s}
.ov-group--main .ov-link:nth-child(5){transition-delay:.24s}
.ov-group--main .ov-link:nth-child(6){transition-delay:.28s}
.nav-ov-meta{display:none}
.ov-utils{display:none}
body.nav-is-open{overflow:hidden;position:fixed;width:100%}
@media(max-height:640px){.ov-link{font-size:clamp(18px,5.5vw,22px);padding:9px 0}.ov-dest{font-size:clamp(21px,6vw,26px);padding:11px 4px}}
/* #34: on mobile the 280px drawer felt cramped - go full-width so the menu breathes */
@media(max-width:860px){.nav-overlay{width:100%;left:0;right:0;border-left:none;box-shadow:0 24px 64px rgba(0,0,0,.6)}
 .nav-ov-inner{padding:30px 22px 34px}}
@media(min-width:861px){.nav-overlay{top:51px;height:calc(100dvh - 51px)}}
/* ── ACCESS BADGE + HERO QUOTE ── */
.acc-badge{display:inline-flex;align-items:center;gap:9px;padding:6px 13px 6px 10px;border:.5px solid rgba(200,184,136,.18);border-radius:20px;background:rgba(200,152,60,.04);backdrop-filter:blur(8px);width:fit-content;margin-bottom:16px}
.acc-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0;animation:pdot 2.8s ease-in-out infinite;box-shadow:0 0 6px rgba(200,184,136,.65)}
.acc-text{font-family:var(--m);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:rgba(200,184,136,.52);white-space:nowrap}
@media(max-width:600px){.acc-text{letter-spacing:.14em;font-size:8px}}
.hero-quote{margin:0 0 16px;padding:12px 0 12px 14px;border-left:1.5px solid rgba(200,152,60,.28);display:flex;flex-direction:column;gap:9px}
.hq-text{font-family:var(--d);font-style:italic;font-size:clamp(12px,.95vw,14px);color:rgba(232,225,210,.72);line-height:1.65;margin:0;max-width:42ch}
.hq-attr{display:flex;align-items:center;gap:8px}
.hq-face{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(200,152,60,.22)}
.hq-name{font-family:var(--m);font-size:9px;letter-spacing:.14em;color:var(--gold-h);font-weight:400}
.hq-sep{color:rgba(200,195,180,.2);font-size:10px}
.hq-meta{font-family:var(--m);font-size:9px;letter-spacing:.1em;color:rgba(200,195,180,.45)}

/* ══ HERO ══ */
.hero{padding-top:clamp(48px,6vw,72px);padding-bottom:clamp(32px,4vw,52px);
 min-height:auto;
 position:relative;isolation:isolate
}
.hero-blobs{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(72px);will-change:transform}
.b1{width:52%;height:48%;left:-8%;top:-12%;
 background:radial-gradient(ellipse,rgba(184,108,42,.055),transparent 65%);
 opacity:.75}
.b2{width:40%;height:38%;right:-6%;top:25%;
 background:radial-gradient(ellipse,rgba(120,160,80,.032),transparent 65%);
 opacity:.55}
.b3{width:36%;height:34%;left:32%;bottom:-8%;
 background:radial-gradient(ellipse,rgba(184,108,42,.028),transparent 65%);
 opacity:.45}
.drift{position:absolute;pointer-events:none;user-select:none;
 font-family:var(--d);font-style:italic;opacity:.018;font-weight:300;white-space:nowrap;color:var(--ink)}
.dr1{font-size:clamp(80px,14vw,210px);left:-2%;top:30%;animation:dA 35s ease-in-out infinite}
.dr2{font-size:clamp(36px,5.5vw,80px);right:0%;bottom:12%;animation:dB 27s ease-in-out infinite}
@keyframes dA{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-7px)}}
@keyframes dB{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,14px)}}
.hero-wrap{position:relative;z-index:2}
.hero-strip{overflow:hidden;margin-bottom:clamp(22px,3.5vw,36px);
 border-bottom:.5px solid var(--hl2)}
.hero-strip-track{display:flex;align-items:center;gap:0;padding-bottom:16px;
 font-family:var(--m);font-size:9px;font-weight:400;letter-spacing:.3em;
 text-transform:uppercase;color:rgba(200,195,180,.38);
 white-space:nowrap;width:max-content;
 animation:marqScroll 41.7s linear infinite}
@keyframes marqScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.hero-strip-track .sp{width:3px;height:3px;border-radius:50%;background:var(--gold-d);
 margin:0 18px;flex-shrink:0;
 animation:pdot 2.8s ease-in-out infinite}
@keyframes pdot{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.7)}}
.hero-strip-track .sep{margin:0 26px;color:rgba(200,195,180,.18);font-size:7px}
/* Golden ratio grid: text in 61.8% column, portal in 38.2% - matching the vertical line */
.hero-grid{display:grid;grid-template-columns:61.8fr 38.2fr;gap:0;align-items:start}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:36px}}
@media(max-width:860px){.hero-portal-wrap{position:relative;width:100%;top:auto;bottom:auto;right:auto;left:auto;padding:0 clamp(8px,4vw,16px);pointer-events:all}}
.hero-text{display:flex;flex-direction:column;gap:16px;padding-right:clamp(20px,4vw,52px)}
.h1{font-family:var(--d);font-weight:300;font-size:clamp(44px,8vw,108px);line-height:.90;letter-spacing:-.028em;font-style:italic}
.h1 .l1{display:block;color:rgba(242,237,229,.68)}
.h1 .l2{display:block;color:#f5f1e9;font-size:clamp(42px,7.8vw,104px)}
.hero-line{height:.5px;width:clamp(36px,5vw,68px);background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);margin:2px 0}
.hero-deck{font-family:var(--d);font-style:italic;font-weight:300;font-size:clamp(14px,1.15vw,18px);color:rgba(232,225,210,.88);
 line-height:1.72;max-width:44ch}
.hero-ctas{display:flex;flex-wrap:wrap;gap:11px;align-items:center}
/* arrow - letter-spacing fix + optical vertical centering */
.a-r{letter-spacing:0;line-height:1;display:inline-block;transform:translateY(.5px)}
/* ── btn: raised glass - top highlight + bottom shadow = plastisch ── */
.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 24px;
 font-family:var(--m);font-weight:400;font-size:10px;letter-spacing:.28em;
 text-transform:uppercase;text-decoration:none;color:var(--ink);cursor:pointer;
 background:linear-gradient(180deg,rgba(255,255,255,.11) 0%,rgba(255,255,255,.04) 45%,rgba(0,0,0,.1) 100%),rgba(26,32,18,.72);
 border:.5px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);
 box-shadow:
 0 1.5px 0 rgba(255,255,255,.24) inset,
 0 -1px 0 rgba(0,0,0,.32) inset,
 0 1px 3px rgba(0,0,0,.22),
 0 6px 18px rgba(0,0,0,.32),
 0 22px 44px -14px rgba(0,0,0,.48);
 transition:border-color .3s var(--e),transform .3s var(--e),box-shadow .3s var(--e);border-radius:var(--r)}
.btn:hover{border-color:rgba(255,255,255,.32);transform:translateY(-3px);
 box-shadow:
 0 1.5px 0 rgba(255,255,255,.28) inset,
 0 -1px 0 rgba(0,0,0,.38) inset,
 0 1px 2px rgba(0,0,0,.1),
 0 14px 32px rgba(0,0,0,.4),
 0 36px 64px -18px rgba(0,0,0,.58)}
.btn:active{transform:translateY(1px);transition-duration:.08s;
 box-shadow:
 0 1px 0 rgba(0,0,0,.24) inset,
 0 -1px 0 rgba(255,255,255,.06) inset,
 0 1px 4px rgba(0,0,0,.38)}
.btn-ghost{display:inline-flex;align-items:center;gap:9px;font-family:var(--m);font-size:10px;
 font-weight:400;text-transform:uppercase;letter-spacing:.28em;
 color:#f5f1e9;text-decoration:none;transition:color .3s;padding:9px 0}
.btn-ghost .tail{display:inline-block;height:1px;width:16px;background:rgba(245,241,233,.78);
 transition:width .5s var(--e),background .4s}
.btn-ghost:hover{color:var(--gold)}.btn-ghost:hover .tail{width:36px;background:var(--gold)}
/* hero portal - full right column (master-line → right edge, top → bottom of hero) */
/* video CENTERED in the square formed by master vertical line + right page edge + hero seams */
.hero-portal-wrap{
 position:absolute;right:0;
 left:var(--master-pct,61.8%);top:-5.3cm;bottom:0;
 width:auto;
 display:flex;align-items:flex-start;justify-content:center;
 padding:clamp(10px,2vw,24px);
 pointer-events:none;
}
.hero-portal-wrap>*{pointer-events:all}
.hero-portal{position:relative;width:100%;max-width:680px;
 margin-top:65px;margin-left:clamp(2px,.3vw,4px);
 aspect-ratio:16/9;border-radius:0;overflow:hidden;
 border:.5px solid rgba(190,205,165,.1);
 box-shadow:0 1px 0 rgba(255,255,255,.09) inset,0 0 80px -30px rgba(140,180,90,.1),0 44px 90px -20px rgba(0,0,0,.82);
 background:#000;
 isolation:isolate}
.hero-portal .c-mark{position:absolute;width:14px;height:14px;z-index:10;pointer-events:none;
 border-color:rgba(198,155,60,.5);border-style:solid}
.hero-portal .c-mark.tl{top:8px;left:8px;border-width:1px 0 0 1px}
.hero-portal .c-mark.tr{top:8px;right:8px;border-width:1px 1px 0 0}
.hero-portal .c-mark.bl{bottom:8px;left:8px;border-width:0 0 1px 1px}
.hero-portal .c-mark.br{bottom:8px;right:8px;border-width:0 1px 1px 0}
/* 16:9 portal - video fills frame with cover crop, no letterboxing */
.hero-portal video{
 position:absolute;top:50%;left:50%;
 width:100%;height:100%;
 transform:translate(-50%,-50%);
 object-fit:cover;
 background:#0a0d08;
 z-index:1;opacity:.85;filter:contrast(1.05) brightness(.75);
 cursor:pointer
}
.hero-portal{cursor:pointer}
.hero-portal::after{content:'';position:absolute;top:50%;left:50%;width:62px;height:62px;border-radius:50%;
 background:rgba(0,0,0,.32);border:.5px solid rgba(255,255,255,.45);backdrop-filter:blur(8px);
 transform:translate(-50%,-50%);z-index:4;pointer-events:none;
 transition:background .3s,border-color .3s,transform .35s var(--e);opacity:.78}
.hero-portal::before{content:'';position:absolute;top:50%;left:50%;z-index:5;
 width:0;height:0;border-style:solid;border-width:9px 0 9px 14px;
 border-color:transparent transparent transparent rgba(255,255,255,.95);
 transform:translate(-30%,-50%);pointer-events:none;opacity:.92;
 transition:transform .35s var(--e)}
.hero-portal:hover::after{background:rgba(184,108,42,.45);border-color:rgba(200,184,136,.7);transform:translate(-50%,-50%) scale(1.1)}
.hero-portal .vid-ov{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(9,12,7,.8))}
.hero-portal .cap{position:absolute;left:14px;right:14px;bottom:12px;z-index:3;display:flex;justify-content:space-between;align-items:flex-end}
.cap .l{font-family:var(--m);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:rgba(225,215,195,.78);line-height:1.5}
.cap .r{font-family:var(--m);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:rgba(225,215,195,.78);text-align:right;line-height:1.5}
@keyframes portal-spin{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}
.hero-portal.spin{animation:portal-spin .52s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}

/* ══ VALUE STRIP - static, spread ══ */
.mq{padding:clamp(10px,1.4vw,16px) 0;background:var(--bg-d)}
.mq-track{display:flex;justify-content:space-between;align-items:center;
 padding:0 clamp(18px,6vw,80px);color:#c8b888;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ax-item{font-family:var(--d);font-style:italic;font-size:clamp(10px,1.05vw,13px);
 letter-spacing:.02em;color:#c8b888;white-space:nowrap}
.orn{font-style:italic;color:#c8b888;font-family:var(--d);font-size:clamp(10px,1.05vw,13px);line-height:1}
.ax-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.ax-n{font-family:var(--d);font-style:normal;font-size:clamp(1.2rem,1.9vw,1.9rem);color:#c8b888;line-height:1;font-weight:300;letter-spacing:-.01em}
.ax-k{font-family:var(--m);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:rgba(200,184,136,.52);white-space:nowrap}

/* ══ RED + TESTIMONIALS ══ */
/* compact: less vertical space, text efficient */
.red-testi{display:flex;flex-direction:column;
 position:relative;overflow:hidden;isolation:isolate;
 background-color:var(--esp);
 background-image:
  radial-gradient(ellipse 75% 55% at 16% 60%,rgba(164,80,18,.14) 0%,transparent 62%),
  radial-gradient(ellipse 75% 55% at 84% 60%,rgba(164,80,18,.14) 0%,transparent 62%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
 background-size:auto,auto,400px 400px}
.rt-left{
 background:transparent;
 padding:clamp(40px,5.5vw,72px) clamp(24px,3.5vw,48px) clamp(10px,1.2vw,11.5px);
 display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;
 position:relative;overflow:hidden;z-index:1}
.rt-left::before{display:none}
.rt-left::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0}
.rt-ghost{position:absolute;right:-5%;bottom:-10%;font-family:var(--d);font-style:italic;
 font-size:clamp(60px,12vw,160px);font-weight:300;color:rgba(255,255,255,.022);
 pointer-events:none;user-select:none;white-space:nowrap;animation:dA 43s ease-in-out infinite}
/* single ambient bridge at top - z-index:0, NEVER over content */
.red-testi::before{content:'';position:absolute;top:0;left:0;right:0;
 height:clamp(90px,13vw,160px);pointer-events:none;z-index:0;
 background:linear-gradient(to bottom,var(--esp) 0%,rgba(42,21,8,.5) 45%,transparent 100%)}
/* fade testi bottom toward six's amber warmth */
.red-testi::after{content:'';position:absolute;bottom:0;left:0;right:0;
 height:clamp(140px,18vw,280px);pointer-events:none;z-index:0;
 background:linear-gradient(to bottom,transparent 0%,rgba(184,108,42,.26) 100%)}
.rt-manifesto{font-family:var(--d);font-weight:300;white-space:nowrap;
 font-size:var(--t-h2);line-height:1.06;letter-spacing:-.026em;position:relative;z-index:1}
.rt-manifesto em{font-style:italic;color:var(--gold-h)}
.red-testi .ey{color:var(--gold);margin-bottom:4px}
.rt-rule{height:.5px;width:24px;background:var(--gold-d);opacity:.65;margin:0 auto}
.rt-cta{display:inline-flex;align-items:center;gap:10px;
 font-family:var(--m);font-size:9px;font-weight:400;letter-spacing:.34em;
 text-transform:uppercase;text-decoration:none;color:var(--ink);cursor:pointer;
 padding-bottom:2px;border-bottom:.5px solid rgba(242,237,229,.2);
 transition:gap .4s,border-color .3s;align-self:center;position:relative;z-index:1}
.rt-cta:hover{gap:18px;border-color:rgba(242,237,229,.6)}
/* stats - more prominent font */
.rt-stats{display:flex;gap:0;padding-top:12px;border-top:.5px solid rgba(242,237,229,.1);position:relative;z-index:1;align-items:flex-start}
.rs{flex:1;display:flex;flex-direction:column}
.rs .n{font-family:var(--d);font-size:clamp(31px,3.6vw,49px);color:var(--ink);
 font-weight:400;letter-spacing:-.04em;line-height:1;margin-bottom:2px;
 font-variant-numeric:lining-nums tabular-nums}
.rs .l{font-family:var(--m);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
/* BELOW the text: video filmstrip on the same clean wall */
.rt-right{
 background:transparent;
 padding:clamp(14px,2vw,22px) clamp(20px,3vw,40px) clamp(28px,3.5vw,48px);
 position:relative;z-index:2;overflow:visible;isolation:isolate}
.vc::before{content:none}
.vc{position:relative;flex:1;aspect-ratio:16/9;
 max-height:clamp(96px,13vh,150px);
 border-radius:0;overflow:hidden;background:#120709;
 border:.5px solid rgba(200,184,136,.22);
 box-shadow:0 18px 40px -18px rgba(0,0,0,.75);
 transition:transform .35s var(--e),box-shadow .35s var(--e),border-color .35s;z-index:2;cursor:pointer}
.vc:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 28px -6px rgba(0,0,0,.6);border-color:rgba(200,184,136,.42)}
.vc img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s var(--e);filter:saturate(1.2) brightness(1.07) contrast(1.07)}
.vc:hover img{transform:scale(1.04)}
/* #19: dark video overlay removed (looked too heavy). .vc-name keeps its own
   bottom scrim below, so the name stays legible without this full-card overlay.
   mobile.css .vc .vc-ov (#320) only sets background, so display:none wins there too. */
.vc-ov{display:none}
/* #18: play-button icon overlay removed from testimonial videos. mobile.css
   .vc-play rules (#321) only set size/bg, never display, so this wins sitewide. */
.vc-play{display:none}
.vc-name{position:absolute;left:0;right:0;bottom:0;z-index:4;
 padding:64px 14px 11px 15px;text-align:left;
 font-family:var(--d);font-style:normal;font-size:clamp(14px,1.5vw,20px);letter-spacing:-.01em;
 color:rgba(238,220,178,.7);
 background:linear-gradient(to top,rgba(4,5,3,.9),rgba(4,5,3,.46) 58%,transparent);
 text-shadow:0 2px 22px rgba(0,0,0,.72),0 0 44px rgba(0,0,0,.38);
 pointer-events:none}
.vc-lead .vc-name{font-size:clamp(18px,2vw,26px);padding:82px 18px 15px 20px}
/* outcome strip under the six-card film */
.six-oc{position:relative;margin:0 clamp(80px,7.5vw,110px);background:var(--esp);border-top:.5px solid rgba(200,184,136,.14);border-bottom:.5px solid rgba(200,184,136,.14)}
.six-oc-inner{padding:clamp(30px,4vw,44px) clamp(16px,3vw,40px) clamp(34px,4vw,48px);text-align:center}
.six-oc-lead{font-family:var(--m);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:rgba(200,184,136,.55);margin-bottom:20px}
.six-oc-stats{max-width:480px;margin:0 auto}
.six-oc .hs{display:grid;grid-template-columns:1fr 1fr;align-items:baseline;column-gap:20px;padding:12px 0}
.six-oc .hs+.hs{border-top:.5px solid rgba(200,184,136,.09)}
.six-oc .hs-n{font-family:var(--d);font-style:italic;font-weight:400;font-size:clamp(1.6rem,2.1vw,2.05rem);line-height:1;text-align:right;background:linear-gradient(135deg,#f0e0b0,#c8b888 45%,#c8903c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.six-oc .hs-k{font-family:var(--m);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:rgba(200,184,136,.68);white-space:nowrap;text-align:left}
@media(max-width:640px){.six-oc{margin:0 clamp(18px,6vw,80px)}.six-oc .hs{column-gap:14px}.six-oc .hs-k{font-size:9.5px;letter-spacing:.18em;white-space:normal}}
.six-stat{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0 16px 0;padding:8px 8px 0;text-align:center;border-top:.5px solid rgba(200,184,136,.25);position:relative;z-index:3}
.six-stat-n{font-family:var(--d);font-style:italic;font-weight:400;font-size:clamp(1.35rem,1.8vw,2rem);line-height:1;color:#e3ba79;text-shadow:0 1px 12px rgba(0,0,0,.72),0 0 30px rgba(60,26,4,.55)}
.six-stat-k{font-family:var(--m);font-size:8.5px;letter-spacing:.24em;text-transform:uppercase;color:rgba(206,178,120,.72)}
.vc-play::after{content:'';width:0;height:0;border-style:solid;
 border-width:4px 0 4px 7px;border-color:transparent transparent transparent rgba(255,255,255,.9);margin-left:2px}

/* ══ TESTIMONIAL SCROLL LINE (one block per testimonial, looks like a scrollbar) ══ */
.rt-scroll-dots{display:flex;gap:4px;align-items:center;justify-content:center;
 max-width:560px;margin:0 auto;padding:26px clamp(24px,4vw,48px) 6px}
.rt-dot{height:3px;flex:1 1 0;background:rgba(200,184,136,.22);border-radius:100px;
 transition:background .45s,transform .35s;transform-origin:center}
.rt-dot--active{background:linear-gradient(to right,var(--gold-d),var(--gold),var(--gold-d));
 box-shadow:0 0 9px rgba(200,184,136,.5);transform:scaleY(1.7)}
@media (max-width:860px){
.rt-scroll-dots{flex:0 0 auto;align-self:center;gap:3px;width:219px;max-width:82vw;margin:0 auto;padding:5px 0 2px}
.rt-dot{height:1.75px;flex:1 1 0;background:rgba(200,184,136,.18);border-radius:100px;box-shadow:none;transform:none;transition:background .5s ease}
.rt-dot--active{background:var(--gold);box-shadow:0 0 3px rgba(200,184,136,.35);transform:none}
}

/* ══ THE SIX ══ */
/* six top bleeds amber upward into red-testi boundary (-12vw = ~33% of element past edge) */
#core::before{content:'';position:absolute;top:-12vw;left:0;right:0;
 height:clamp(280px,36vw,520px);pointer-events:none;z-index:0;
 background:radial-gradient(circle 52vw at 50% 0%,rgba(184,108,42,.30) 0%,transparent 65%)}
#core{position:relative;overflow-x:clip;overflow-y:visible;
 background-color:var(--esp);
 background-image:
  radial-gradient(circle 52vw at 50% 22%,rgba(184,108,42,.30) 0%,transparent 62%),
  radial-gradient(circle 36vw at 50% 88%,rgba(184,108,42,.16) 0%,transparent 55%),
  linear-gradient(to right,rgba(0,0,0,.24) 0%,transparent 12%,transparent 88%,rgba(0,0,0,.24) 100%)}
.six-outer{display:grid;grid-template-columns:clamp(180px,20vw,260px) 1fr;min-height:clamp(420px,52vw,600px)}
@media(max-width:780px){.six-outer{grid-template-columns:1fr}}
.six-lc{border-right:.5px solid var(--hl2);padding:clamp(32px,4.5vw,54px) clamp(18px,2.5vw,32px) clamp(32px,4.5vw,54px) clamp(24px,3.5vw,48px);
 display:flex;flex-direction:column;justify-content:center;gap:10px;position:relative}
.six-lc::after{content:'';position:absolute;bottom:-20%;left:-20%;width:160%;height:80%;
 background:radial-gradient(ellipse,rgba(184,108,42,.04),transparent 65%);pointer-events:none}
.six-lc h2{font-size:var(--t-h2);letter-spacing:-.025em;color:var(--ink);line-height:1.02}
.six-lc h2 em{color:var(--gold-h)}
.six-lc .rule{width:24px;height:.5px;background:var(--gold-d);opacity:.7}
.rule{margin:0 auto}
.six-lc .sub{font-family:var(--s);font-size:15px;color:rgba(242,237,229,.55);line-height:1.65;max-width:18ch}
.six-rc{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.six-rc::after{content:'';position:absolute;right:0;top:0;bottom:0;width:88px;
 background:linear-gradient(to left,#2a1508,transparent);pointer-events:none;z-index:3}
/* Equal top+bottom padding → cards vertically centered in section */
.six-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:clamp(16px,1.8vw,26px);
 padding:clamp(32px,4.5vw,52px) 24px; /* symmetric top/bottom = equal space above/below cards */
 scrollbar-width:none;align-items:flex-end}
.six-grid::-webkit-scrollbar{display:none}
.six-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 24px 0}
.six-ticks{display:flex;justify-content:center;align-items:center;gap:6px}
.six-ticks i{display:block;width:27px;height:2px;border-radius:100px;background:rgba(200,184,136,.22);transition:background .2s}
.six-ticks i.active{background:var(--gold);box-shadow:0 0 6px rgba(200,184,136,.35)}
/* gap between card 2 and 3 widened so master vertical line falls cleanly between them */
/* uniform gaps between all 6 cards - line falls between card[1]/card[2] via #six-grid dynamic padding-left */
/* round 5: uniform cards - title sits ABOVE the video in a column wrapper */
.six-item{flex:0 0 auto;display:flex;flex-direction:column;gap:9px;
 width:clamp(171px,18.9vw,243px);scroll-snap-align:start}
/* 3-layer hue-matched shadow - contact + depth + atmospheric - research-backed depth */
.six-card{width:100%;position:relative;
 aspect-ratio:9/16;border-radius:var(--r);overflow:hidden;background:var(--surf);
 isolation:isolate;z-index:2;border:.5px solid rgba(200,184,136,.22);
 box-shadow:
 0 1px 2px rgba(0,0,0,.08),
 0 8px 24px rgba(0,0,0,.18),
 0 4px 10px -4px rgba(0,0,0,.10);
 transition:transform .5s var(--e),box-shadow .5s var(--e),border-color .5s var(--e)}
.six-card:hover{transform:translateY(-5px);border-color:rgba(200,184,136,.52);
 box-shadow:
 0 1px 2px rgba(0,0,0,.08),
 0 12px 32px rgba(0,0,0,.24),
 0 6px 14px -4px rgba(0,0,0,.18),
 0 0 0 .5px rgba(184,108,42,.3),
 0 0 52px rgba(184,108,42,.2)
}
.six-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--surf);
 transition:transform .9s;
 filter:saturate(1.2) brightness(1.07) contrast(1.07);
}
.six-card:hover .six-vid{transform:scale(1.04)}
/* sdReveal (base rule, line ~546) targets bare video/img tags site-wide and fights the
   poster's instant-load + the hover video's inline opacity:0 - kill it here same as .rz mobile fix */
.six-card .six-vid{animation:none!important;animation-timeline:auto!important;animation-range:normal!important;transform:none}
.six-card img.six-poster{opacity:1!important}
.six-card::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(180deg,rgba(8,10,6,.05) 0%,rgba(8,10,6,.42) 100%)}
.six-num{position:absolute;right:11px;top:9px;z-index:2;font-family:var(--d);
 font-size:clamp(36px,6vw,66px);font-weight:300;color:rgba(220,210,175,.09);pointer-events:none;user-select:none;
 -webkit-text-stroke:1px rgba(198,155,60,.07)}
.six-meta{padding:0 4px;pointer-events:none;text-align:center;min-height:34px;
 display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.six-lbl-t{font-family:var(--m);font-size:9.5px;font-weight:400;letter-spacing:.34em;text-transform:uppercase;color:rgba(206,178,120,.72);margin-bottom:9px;user-select:none;-webkit-user-select:none;display:inline-flex;align-items:center;gap:8px;padding-left:.34em}
.six-lbl-t::before,.six-lbl-t::after{content:'';width:15px;height:.5px;flex-shrink:0;background:linear-gradient(to right,rgba(200,184,136,.04),rgba(198,155,60,.6))}
.six-lbl-t::after{transform:scaleX(-1)}
/* Pillar heading: display serif italic (matches site soul, not generic sans). Solid+shadow, NOT gradient-clip (invisible over video). */
.six-h{font-family:var(--d);font-style:italic;font-weight:300;font-size:clamp(24px,2.6vw,33px);line-height:1.06;
 color:#e3ba79;letter-spacing:-.018em;text-shadow:0 1px 12px rgba(0,0,0,.72),0 0 30px rgba(60,26,4,.55);white-space:nowrap}
.six-h em{color:var(--gold-h);font-style:italic}
.six-h--sm{font-style:normal;font-size:clamp(16px,1.7vw,21px)}

/* SIX section redesign: header row + film-roll video container */
.six-hdr{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:clamp(18px,2.4vw,30px) clamp(24px,3.5vw,48px) clamp(10px,1.2vw,11.5px)}
.six-hdr-text{display:flex;flex-direction:column;gap:10px;align-items:center}
.six-hdr-text .ey{margin-bottom:4px}
.six-hdr h2{font-size:var(--t-h2);letter-spacing:-.025em;color:var(--ink);line-height:1.02}
.six-hdr h2 em{color:var(--gold-h)}
.six-film{position:relative;overflow:hidden;background:var(--esp);margin-left:0}
.six-film::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(to right,rgba(0,0,0,.6) 0%,transparent 2.5%,transparent 94%,rgba(0,0,0,.55) 100%)}
.six-film::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle 44vw at 50% 0%,rgba(184,108,42,.18) 0%,transparent 65%)}
.six-film-rfade{position:absolute;right:0;top:0;bottom:0;width:88px;background:linear-gradient(to left,var(--esp),transparent);pointer-events:none;z-index:3}
.six-film .six-grid{position:relative;z-index:2;padding-left:32px;padding-right:34px;padding-top:clamp(12px,1.6vw,20px);padding-bottom:clamp(4px,0.5vw,6px);scroll-padding-left:32px}
.six-film .six-nav{position:relative;z-index:2;margin:20px 34px 8px}
@media(max-width:768px){.six-film .six-nav{display:none}}
/* black-bottom fix: strips stop above the bottom edge, esp shows through */
.six-film .film-l,.six-film .film-r{bottom:clamp(18px,2vw,26px)}
.six-stat::before{content:'';position:absolute;inset:-8px;border-radius:4px;background:radial-gradient(ellipse at 50% 50%,rgba(184,108,42,.08) 0%,transparent 70%);pointer-events:none;z-index:-1}
@media(max-width:780px){.six-hdr{padding:clamp(20px,4vw,32px) 16px clamp(10px,1.4vw,14px)}}


/* ══ ORNAMENTAL DIVIDER ══ */
.div-orn{background:var(--bg);padding:clamp(16px,2.2vw,24px) 0;
 position:relative}
.div-orn::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 width:clamp(100px,18vw,260px);height:.5px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.div-inner{display:flex;align-items:center;justify-content:center;gap:20px;position:relative}
.div-inner span{font-family:var(--d);font-style:italic;font-size:clamp(9px,.9vw,12px);color:rgba(200,190,168,.28);letter-spacing:.18em}
.div-dot{width:3px;height:3px;border-radius:50%;background:var(--gold-d);opacity:.55;display:inline-block}

/* ══ SPEAKERS (no arrows) ══ */
.lineup{padding:clamp(32px,4.5vw,58px) 0;
 text-align:center;position:relative;overflow:visible}
/* mastermind top bleeds amber upward into six boundary */
.lineup::before{content:'';position:absolute;left:50%;top:-12vw;transform:translateX(-50%);
 width:100%;height:clamp(280px,36vw,520px);
 background:radial-gradient(circle 52vw at 50% 0%,rgba(184,108,42,.26) 0%,transparent 65%);pointer-events:none;z-index:0}

.lineup .ey{color:#7a6e50}
.lineup h2{font-family:var(--d);font-size:var(--t-stmt);letter-spacing:-.03em;line-height:1.06;color:#3a2e20}
.lineup h2 em{font-style:italic;color:#1a140c}
.car-wrap{position:relative;margin-top:clamp(16px,2vw,22px)}
.car{overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.car::-webkit-scrollbar{display:none}
.car-track{display:flex;gap:9px;padding:0 max(22px,calc((100vw - 1300px)/2));min-width:max-content}
.car-wrap::after{content:'';position:absolute;right:0;top:0;bottom:0;width:100px;
 background:linear-gradient(to left,var(--bone),transparent);pointer-events:none;z-index:3}
.cc{flex:0 0 auto;width:clamp(272px,32vw,406px);border-radius:var(--rm);overflow:visible;background:transparent;
 position:relative;
 transition:transform .5s var(--e),box-shadow .5s var(--e)}
/* Outward warm glow - radiates INTO the bone background only, never onto the video frame. */
.cc::before{content:'';position:absolute;inset:-5% -4% -4% -4%;border-radius:calc(var(--rm) + 8px);
 background:radial-gradient(ellipse 68% 72% at 50% 50%,oklch(0.62 0.16 55 / 0.16),oklch(0.55 0.18 35 / 0.09) 40%,transparent 62%);
 filter:blur(16px);z-index:-1;pointer-events:none;
 opacity:.48;transition:opacity .55s var(--e),inset .55s var(--e)}
.cc:hover::before{opacity:.70;inset:-9% -7% -7% -7%}
.cc:hover{transform:translateY(-3px)}
/* Frame itself: ONLY drop shadow - no warm glow on the video (Tobi: glow outside only) */
.cc-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--rm);cursor:zoom-in;
 box-shadow:0 3px 8px -3px rgba(0,0,0,.08)}
.cc:hover .cc-frame{box-shadow:0 5px 12px -3px rgba(0,0,0,.12)}
/* speaker poster image - always visible, video fades in on hover */
.cc-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
 filter:grayscale(60%) brightness(.78);transition:filter .6s var(--e);
 filter:brightness(.78);transition:filter .5s}
.cc:hover .cc-poster{filter:grayscale(0%) brightness(.88)}
.cc-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
 filter:brightness(.82);transition:filter .5s,transform .7s,opacity .4s;opacity:0}
.cc:hover .cc-frame video{filter:brightness(.95);transform:scale(1.04);opacity:1}
.cc-frame::after,.cc-frame::before{content:none}
.car-dots{display:flex;gap:3px;justify-content:center;margin-top:12px}
.d-btn{width:16px;height:2px;background:rgba(26,20,12,.1);border:none;padding:11px 8px;
 box-sizing:content-box;transition:background .3s;cursor:pointer}
.d-btn.on{background:#3a2e20}
.lm-row{display:flex;gap:13px;justify-content:center;margin:20px auto 0;
 font-family:var(--m);font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:400;
 color:#3a2e20;flex-wrap:wrap;padding:14px 0 4px;border-top:.5px solid rgba(26,20,12,.1)}
.lm-row span{color:rgba(40,30,15,.7)}
.lm-row span:first-child{color:var(--gold-h);font-family:var(--d);font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1}

/* ══ WHO + PROGRAM HISTORY - merged split section ══ */
.who{padding:clamp(28px,4vw,52px) 0;position:relative;overflow:visible}
/* who top bleeds amber upward into mastermind boundary */
.who::before{content:'';position:absolute;left:0;right:0;top:-12vw;
 height:clamp(280px,36vw,520px);pointer-events:none;z-index:0;
 background:radial-gradient(circle 52vw at 50% 0%,rgba(184,108,42,.24) 0%,transparent 65%)}
.who .sh{text-align:center}
/* The split: WHO left 62%, PROG-HIST right 38% */
.who-split{display:grid;grid-template-columns:var(--master-pct,62%) 1fr;min-height:clamp(300px,34vw,460px)}
@media(max-width:820px){.who-split{grid-template-columns:1fr;grid-template-rows:auto auto}}
.who-left{padding:clamp(28px,4vw,52px) clamp(20px,3.5vw,44px);border-right:.5px solid var(--hl2);position:relative}
.who-right{position:relative;overflow:hidden;isolation:isolate;padding:0;
 min-height:clamp(300px,34vw,460px);
 background-color:var(--bg);
 background-image:
 radial-gradient(ellipse at 50% 25%,rgba(184,108,42,.04) 0%,transparent 58%),
 linear-gradient(148deg,rgba(184,108,42,.022) 0%,transparent 52%,rgba(204,18,48,.015) 100%),
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.024'/%3E%3C/svg%3E");
 background-size:auto,auto,400px 400px}
@media(max-width:820px){.who-left{border-right:none;border-bottom:.5px solid var(--hl2)}}
.sh{text-align:left;padding-bottom:clamp(14px,2vw,22px)}
.sh .ey{margin-bottom:14px}
.who-grid{display:flex;flex-direction:column;background:none;gap:0;border-bottom:.5px solid rgba(200,184,136,.12)}
@media(max-width:560px){.who-grid{flex-direction:column}}
.wc{background:none;padding:16px 0;cursor:pointer;border-top:.5px solid rgba(200,184,136,.12);transition:border-top-color .25s}
.wc:hover{background:none}
.wc .wl{font-family:var(--m);font-size:13px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:rgba(222,208,168,.65);margin-bottom:0;display:flex;justify-content:space-between;align-items:center;gap:14px;transition:color .22s;line-height:1.5;user-select:none}
.wc:hover .wl,.wc.open .wl{color:rgba(222,208,168,.88)}
.wc .wl::after{content:'+';font-family:var(--m);font-size:18px;font-weight:400;letter-spacing:0;color:rgba(200,184,136,.3);transition:transform .32s var(--e),color .22s;flex-shrink:0}
.wc.open .wl::after{transform:rotate(45deg);color:rgba(200,184,136,.65)}
.wc .wd{font-family:var(--d);font-style:italic;font-weight:300;font-size:14px;color:rgba(228,218,190,.62);line-height:1.74;letter-spacing:.005em;
 max-height:0;overflow:hidden;opacity:0;transition:max-height .42s cubic-bezier(.4,0,.2,1),padding-top .42s,opacity .3s}
.wc.open .wd{max-height:300px;padding-top:8px;opacity:1}
/* who-right = S5 fan-centred prog-hist panel (scoped under .who-right) */
.who-right .wr-pdl{position:absolute;inset:0;z-index:1;pointer-events:none;
 background:
 repeating-linear-gradient(45deg,rgba(242,237,229,.02) 0,rgba(242,237,229,.02) 1px,transparent 1px,transparent 8px),
 repeating-linear-gradient(-45deg,rgba(242,237,229,.02) 0,rgba(242,237,229,.02) 1px,transparent 1px,transparent 8px);
 mix-blend-mode:overlay}
.who-right .wr-bloom{position:absolute;inset:0;z-index:2;pointer-events:none;
 background:
 radial-gradient(ellipse 45% 60% at 14% 40%,rgba(196,14,36,.32) 0%,rgba(180,40,15,.12) 45%,transparent 68%),
 radial-gradient(ellipse 30% 45% at 5% 48%,rgba(210,25,18,.18) 0%,transparent 55%)}
.who-right .wr-mac{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.who-right .wr-mg{position:absolute;top:0;object-fit:cover;object-position:50% 5%;display:block}
.who-right .wr-mg3{width:52%;height:84%;mix-blend-mode:screen;filter:brightness(1.3) blur(5px);opacity:.07;left:-4%;right:auto}
.who-right .wr-mg2{width:40%;height:80%;mix-blend-mode:screen;filter:brightness(1.55) blur(1.5px);opacity:.16;left:-4%;right:auto;
 -webkit-mask-image:radial-gradient(ellipse 72% 82% at 30% 30%,black 24%,transparent 70%);
 mask-image:radial-gradient(ellipse 72% 82% at 30% 30%,black 24%,transparent 70%)}
.who-right .wr-mg1{width:30%;height:78%;mix-blend-mode:screen;filter:brightness(1.8) contrast(1.1) saturate(.72);opacity:.9;left:-4%;right:auto;
 -webkit-mask-image:radial-gradient(ellipse 55% 70% at 30% 32%,black 28%,rgba(0,0,0,.55) 50%,transparent 74%);
 mask-image:radial-gradient(ellipse 55% 70% at 30% 32%,black 28%,rgba(0,0,0,.55) 50%,transparent 74%)}
.who-right .wr-wire{position:absolute;top:0;left:12%;z-index:5;width:1.5px;height:30%;pointer-events:none;
 background:linear-gradient(to bottom,rgba(210,65,35,.34) 0%,rgba(190,90,38,.12) 65%,transparent 100%)}
.who-right .wr-fan{position:absolute;top:45%;right:clamp(18px,4vw,60px);transform:translate(0.2cm,-50%);z-index:22;cursor:pointer}
.who-right .wr-fan-inner{position:relative;width:clamp(150px,21vw,265px)}
.who-right .wr-pol{position:absolute;width:100%;aspect-ratio:3/4;background:#ebe6de;padding:5px 5px 20px;box-shadow:0 8px 22px -6px rgba(0,0,0,.55)}
.who-right .wr-pol1{transform:rotate(-9deg) translate(-14px,8px);z-index:1;opacity:.26}
.who-right .wr-pol2{transform:rotate(-4deg) translate(-5px,3px);z-index:2;opacity:.58}
.who-right .wr-pol3{transform:rotate(1.5deg);z-index:3}
.who-right .wr-pi{position:relative;overflow:hidden;aspect-ratio:3/4}
.who-right .wr-pi img.b{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%;filter:brightness(.78)}
.who-right .wr-pi img.h{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;mix-blend-mode:hard-light;display:block}
.who-right .wr-spacer{width:100%;aspect-ratio:3/4;visibility:hidden}
.who-right .wr-cap{position:absolute;bottom:clamp(26px,4.2vw,54px);left:clamp(22px,3.5vw,44px);z-index:20}
.who-right .wr-cap .ey{display:block;margin-bottom:9px}
.who-right .wr-cap h3{font-family:var(--d);font-style:italic;font-weight:300;font-size:24px;color:var(--ink);letter-spacing:-.025em;line-height:1}
.who-right .wr-cap h3 em{color:var(--gold-h)}
.who-right .wr-cap .ph-btn{margin-top:14px}

/* ══ WHO TIMELINE ══ */
.who-tl{position:relative;flex:1;min-height:260px;display:flex;flex-direction:column}
.wtl-track{position:absolute;left:calc(50% - .25px);top:0;bottom:0;width:.5px;background:rgba(200,178,110,.12)}
.wtl-glow{position:absolute;left:calc(50% - .5px);top:0;width:1px;height:60px;
 background:linear-gradient(to bottom,transparent,rgba(200,158,70,.75) 50%,transparent);
 pointer-events:none;transition:top .08s linear;box-shadow:0 0 8px 2px rgba(200,158,70,.22)}
.wtl-events{width:100%;display:flex;flex-direction:column;gap:clamp(16px,2.4vw,28px);padding:6px 0;position:relative;z-index:1}
.wtl-item{display:grid;grid-template-columns:1fr 14px 1fr;align-items:center;gap:8px}
.wtl-date{font-family:var(--m);font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:rgba(200,178,110,.4);text-align:right;line-height:1.2}
.wtl-dot{width:6px;height:6px;border-radius:50%;background:rgba(200,158,70,.25);border:.5px solid rgba(200,158,70,.4);justify-self:center;transition:all .4s var(--e)}
.wtl-item.lit .wtl-dot{background:rgba(200,158,70,.9);box-shadow:0 0 10px 3px rgba(200,158,70,.45);border-color:rgba(200,158,70,1)}
.wtl-item.lit .wtl-date{color:rgba(200,178,110,.72)}
.wtl-item.lit .wtl-name{color:var(--ink)}
.wtl-name{font-family:var(--m);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-s);line-height:1.2}
.wtl-special .wtl-name{color:var(--gold-d);font-style:italic}
.wtl-special .wtl-dot{border-color:rgba(200,158,70,.6)}

/* ══ NEW CONTENT SECTIONS ══ */
.bwy-sec{padding:clamp(60px,8vw,120px) clamp(20px,5vw,52px);background:var(--bg-d);position:relative;overflow:hidden}
.bwy-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
@media(max-width:820px){.bwy-inner{grid-template-columns:1fr}}
.bwy-text .ey{margin-bottom:14px}
.bwy-text h2{font-size:clamp(24px,3.5vw,52px);margin-bottom:20px;line-height:1.1}
.bwy-text p{font-family:var(--d);font-style:italic;font-weight:300;font-size:clamp(14px,1.15vw,17px);color:rgba(240,236,228,.85);line-height:1.78;max-width:44ch;margin-bottom:16px}
.bwy-text p:last-child{margin-bottom:0}
.bwy-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.bwy-img{border-radius:var(--r);overflow:hidden;aspect-ratio:3/4}
.bwy-wide{grid-column:1/-1;aspect-ratio:16/7}
.bwy-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--e);filter:brightness(.88)}
.bwy-img:hover img{transform:scale(1.04)}

.bm-sec{padding:clamp(60px,8vw,120px) clamp(20px,5vw,52px);background:var(--bg);position:relative;overflow:hidden}
.bm-inner{max-width:1200px;margin:0 auto}
.bm-header{text-align:center;margin-bottom:clamp(32px,5vw,64px)}
.bm-header .ey{margin-bottom:14px;display:block}
.bm-header h2{font-size:clamp(24px,3.5vw,52px);margin-bottom:16px}
.bm-header p{font-family:var(--d);font-style:italic;font-weight:300;font-size:clamp(14px,1.15vw,17px);color:rgba(240,236,228,.85);line-height:1.78;max-width:52ch;margin:0 auto}
.bm-row{display:grid;gap:8px;margin-bottom:12px}
.bm-row-3{grid-template-columns:repeat(3,1fr)}
.bm-row-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:680px){.bm-row-3,.bm-row-2{grid-template-columns:1fr 1fr}}
.bm-img{border-radius:var(--r);overflow:hidden;aspect-ratio:4/3}
.bm-img img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.88);transition:transform .6s var(--e)}
.bm-img:hover img{transform:scale(1.04)}
.bm-label{font-family:var(--m);font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-d);margin:16px 0 8px;display:block}

/* ══ STATS - premium glowing dividers ══ */
.stats-sec{background:var(--bg-d);position:relative;overflow:hidden}
/* ambient glow strip behind stats */
.stats-sec::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;
 background:linear-gradient(to right,transparent 0%,rgba(184,108,42,.22) 20%,rgba(204,18,48,.16) 50%,rgba(184,108,42,.22) 80%,transparent 100%);
 box-shadow:0 0 18px rgba(184,108,42,.08)}
.stat-grid{display:grid;grid-template-columns:repeat(6,1fr)}
@media(max-width:680px){.stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:400px){.stat-grid{grid-template-columns:repeat(2,1fr)}}
.sc{padding:clamp(18px,2.6vw,32px) clamp(10px,1.8vw,22px) clamp(16px,2.2vw,26px);
 position:relative;transition:background .5s var(--e);text-align:center;
 border-right:none}
/* glowing separator - replaces plain border, more presence */
.sc:not(:last-child)::after{
 content:'';position:absolute;right:0;top:15%;bottom:15%;width:.5px;
 background:linear-gradient(to bottom,transparent,rgba(184,108,42,.35) 30%,rgba(204,18,48,.22) 50%,rgba(184,108,42,.35) 70%,transparent);
 box-shadow:0 0 6px rgba(184,108,42,.12),0 0 18px rgba(184,108,42,.06)}
.sc:hover{background:rgba(184,108,42,.03)}
.sc .num{font-family:var(--d);font-size:clamp(22px,3.2vw,44px);color:var(--gold-h);letter-spacing:-.04em;line-height:1;font-weight:300;display:block;font-variant-numeric:lining-nums tabular-nums}
.sc .lbl{font-family:var(--m);font-size:clamp(9px,0.72vw,11px);font-weight:400;text-transform:uppercase;letter-spacing:.22em;color:var(--gold-d);margin-top:6px;display:block}

/* ══ PROGRAM HISTORY - compact, image-forward ══ */
.prog-hist{padding:clamp(14px,2vw,24px) 0;background:var(--bg-d);position:relative;overflow:hidden}
.prog-hist::before{content:'';position:absolute;right:0;top:0;bottom:0;width:30%;
 background:linear-gradient(to left,rgba(184,108,42,.025),transparent);pointer-events:none}
.ph-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px);align-items:center}
@media(max-width:680px){.ph-inner{grid-template-columns:1fr}}
.ph-text .ey{margin-bottom:6px}
.ph-text h2{font-size:clamp(18px,2.2vw,32px);margin-bottom:6px}
.ph-text p{font-size:clamp(10px,.85vw,12px);max-width:32ch;line-height:1.65}
.ph-btn{display:inline-flex;align-items:center;gap:10px;margin-top:16px;
 font-family:var(--m);font-size:9px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;
 text-decoration:none;color:var(--gold);padding-bottom:2px;border-bottom:.5px solid var(--gold-d);
 transition:gap .4s,color .3s;cursor:pointer;background:none;border-left:none;border-right:none;border-top:none}
.ph-btn:hover{gap:16px;color:var(--gold-h)}
.ph-btn:focus-visible{outline:1.5px solid rgba(200,184,136,.65);outline-offset:4px;border-radius:var(--r)}
.vpp-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--m);font-size:13px;font-weight:400;
 letter-spacing:.26em;text-transform:uppercase;color:rgba(200,184,136,.78);
 background:none;border:.5px solid rgba(200,184,136,.32);padding:11px 26px;border-radius:2px;
 cursor:pointer;transition:color .3s,border-color .3s,background .3s}
.vpp-btn:hover{color:var(--gold-h);border-color:rgba(200,184,136,.6);background:rgba(200,184,136,.04)}
/* SMALLER image - dissolves into dark bg at edges */
.ph-image{border-radius:var(--r);overflow:hidden;
 max-width:320px;
 box-shadow:0 12px 36px -8px rgba(0,0,0,.7);border:.5px solid var(--hl2);position:relative}
.ph-image img{width:100%;display:block;filter:brightness(.88)}
/* Edge-dissolve: image bleeds into dark background at bottom and sides */
.ph-image::after{
 content:'';position:absolute;inset:0;pointer-events:none;z-index:2;
 background:
 linear-gradient(to bottom, transparent 50%, rgba(6,9,5,.85) 100%),
 linear-gradient(to right, rgba(6,9,5,.4) 0%, transparent 22%, transparent 78%, rgba(6,9,5,.4) 100%);
}
.ph-image::before{content:'';position:absolute;top:-3px;left:14px;z-index:4;
 width:32px;height:9px;background:rgba(237,229,216,.1);transform:rotate(-2deg)}

/* ══ IMPRESSIONS - film roll + espresso ══ */
.impr{display:grid;grid-template-columns:clamp(160px,18vw,280px) 1fr;
 min-height:clamp(280px,36vw,400px);overflow:hidden;
 position:relative;isolation:isolate}
/* ── Full-section-width seam projections - positioned as % of FULL .impr width ── */
.impr-seam-top{position:absolute;inset:0;pointer-events:none;z-index:1;mix-blend-mode:screen;
 background-image:
 /* WHO floor-lamp L */
 radial-gradient(circle 158px at 5% 0%,rgba(222,148,40,.34) 0%,rgba(180,100,18,.11) 52%,transparent 82%),
 /* WHO floor-lamp R */
 radial-gradient(ellipse 14% 39% at 100% 0%,rgba(218,144,38,.34) 0%,rgba(172,96,16,.11) 52%,transparent 82%),
 /* thin seam-edge warmth full-width */
 radial-gradient(ellipse 100% 8% at 50% 0%,rgba(80,40,8,.14) 0%,transparent 100%)}
.impr-seam-bot{position:absolute;inset:0;pointer-events:none;z-index:1;mix-blend-mode:screen;
 background-image:
 /* FAQ pendant - X narrowed 30% extra + 7% global */
 radial-gradient(ellipse 9% 30% at 26% 106%,rgba(235,165,55,.38) 0%,rgba(188,122,32,.13) 44%,transparent 72%),
 radial-gradient(ellipse 61px 87px at 26% 100%,rgba(252,185,64,.24) 0%,transparent 58%),
 /* thin seam-edge warmth full-width */
 radial-gradient(ellipse 100% 8% at 50% 100%,rgba(80,40,8,.14) 0%,transparent 100%)}
/* ── UNIFIED SEAM GLOW: reusable warm amber pool that bridges a section boundary.
   Screen-blend so it only ADDS light on dark walls. Drop <div class="seam seam-t|seam-b">
   into any dark section to complete a transition where only one side glowed. ── */
.seam{position:absolute;left:0;right:0;pointer-events:none;z-index:1;mix-blend-mode:screen}
.seam-t{top:0;height:clamp(150px,20vw,300px);
 background:radial-gradient(ellipse 64% 100% at 50% 0%,rgba(184,108,42,.22) 0%,rgba(184,108,42,.07) 42%,transparent 72%)}
.seam-b{bottom:0;height:clamp(150px,20vw,300px);
 background:radial-gradient(ellipse 64% 100% at 50% 100%,rgba(184,108,42,.22) 0%,rgba(184,108,42,.07) 42%,transparent 72%)}
@media(max-width:740px){.impr{grid-template-columns:1fr;grid-template-rows:auto auto}}
.impr-left{padding:clamp(24px,3.5vw,44px) clamp(16px,2.5vw,32px);
 display:flex;flex-direction:column;justify-content:center;
 background:var(--esp);border-right:.5px solid rgba(140,90,30,.15);position:relative;isolation:isolate}
.impr-left::after{content:'';position:absolute;bottom:-10%;left:-10%;width:80%;height:80%;
 pointer-events:none;z-index:0}
/* ── Section top amber glow - WTU card style, consistent across all sections ── */
.pdl-red-bleed{position:absolute;inset:0;pointer-events:none;z-index:1;
 background-image:radial-gradient(ellipse 82% 40% at 50% 0%,rgba(184,108,42,.18) 0%,transparent 65%)}
/* ── pdl-pat: diagonal stripes removed (replaced by esp bg + card borders) ── */
.pdl-pat,.pdl-glow{position:absolute;inset:0;pointer-events:none;z-index:-1}
.pdl-pat{display:none}
.pdl-glow{
 background-image:
 /* pendant - X narrowed 30% extra on top of 7% global */
 radial-gradient(ellipse 34% 51% at 26% -6%,rgba(228,158,48,.25) 0%,rgba(182,118,28,.08) 38%,transparent 64%),
 radial-gradient(ellipse 21% 35% at 26% -4%,rgba(242,172,56,.18) 0%,transparent 58%),
 radial-gradient(ellipse 55px 79px at 26% 0%,rgba(248,178,60,.14) 0%,transparent 52%),
 /* floor lamps - 7% only */
 radial-gradient(circle 190px at 5% 96%,rgba(220,142,38,.24) 0%,rgba(178,102,18,.08) 42%,transparent 66%),
 radial-gradient(circle 158px at 95% 96%,rgba(220,142,42,.20) 0%,rgba(168,98,16,.07) 40%,transparent 62%),
 radial-gradient(ellipse 100% 24% at 50% 100%,rgba(100,52,8,.18) 0%,transparent 100%)}
/* ── Seam-edge projections: WHO floor-lamps → IMPRESSIONS top edge; FAQ pendant → IMPRESSIONS bottom edge ── */
/* TIGHT: fades within top/bottom 25% only - clearly from seam, not an interior own-light */
.pdl-cross-top{position:absolute;inset:0;pointer-events:none;z-index:-1;
 background-image:
 /* WHO floor-lamp L - small pool, fully gone by ~30% down */
 radial-gradient(circle 165px at 5% 0%,rgba(222,148,40,.48) 0%,rgba(180,100,18,.16) 52%,transparent 84%),
 /* WHO floor-lamp R */
 radial-gradient(circle 145px at 95% 0%,rgba(218,144,38,.40) 0%,rgba(172,96,16,.12) 50%,transparent 82%),
 /* Thin seam-edge warmth strip, full width */
 radial-gradient(ellipse 100% 16% at 50% 0%,rgba(88,44,10,.28) 0%,transparent 100%)}
.pdl-cross-bot{position:absolute;inset:0;pointer-events:none;z-index:-1;
 background-image:
 /* FAQ pendant drop - tight ellipse, fully gone by ~25% from bottom */
 radial-gradient(ellipse 60% 38% at 26% 106%,rgba(235,165,55,.50) 0%,rgba(188,122,32,.16) 44%,transparent 72%),
 /* Bright hot-spot directly at seam edge */
 radial-gradient(circle 120px at 26% 100%,rgba(252,185,64,.32) 0%,transparent 60%),
 /* Thin seam-edge warmth strip, full width */
 radial-gradient(ellipse 100% 16% at 50% 100%,rgba(88,44,10,.28) 0%,transparent 100%)}
/* ── Pendant bleeds INTO preceding section bottom: six→red-testi bottom, who→mastermind bottom ── */
.pdl-bot-bleed{position:absolute;inset:0;pointer-events:none;z-index:1;mix-blend-mode:screen;
 background-image:
 radial-gradient(ellipse 49% 43% at 26% 108%,rgba(228,158,48,.24) 0%,rgba(182,118,28,.08) 42%,transparent 66%),
 radial-gradient(ellipse 32% 34% at 26% 102%,rgba(242,172,56,.18) 0%,transparent 56%),
 radial-gradient(ellipse 100% 18% at 50% 100%,rgba(80,38,8,.14) 0%,transparent 100%)}
.impr-left .ey{color:rgba(180,140,80,.78)}
.impr-left h2{font-size:var(--t-h2);margin-bottom:7px;line-height:1.04;color:var(--ink)}
.impr-left h2 em{color:var(--gold-h)}.impr-left h2 em span{color:var(--ink)}
.impr-left .sub{font-family:var(--d);font-style:italic;font-size:clamp(10px,.9vw,12px);
 color:rgba(200,185,160,.48);line-height:1.65;max-width:20ch}
.impr-stats{display:flex;flex-direction:column;gap:10px;margin-top:60px;padding-top:16px;
 border-top:.5px solid rgba(180,140,80,.18);max-width:24ch}
.is-row{display:flex;align-items:baseline;gap:12px}
.is-n{font-family:var(--d);font-weight:300;font-size:clamp(25px,2.7vw,34px);color:var(--gold-h);
 letter-spacing:-.04em;line-height:1;min-width:82px;text-shadow:0 0 14px rgba(200,152,60,.28);
 font-variant-numeric:lining-nums tabular-nums}
.is-sfx{font-size:.62em;opacity:.85;margin-left:1px;letter-spacing:0}
.is-n-key{background:linear-gradient(135deg,var(--gold-d) 0%,var(--gold-h) 48%,rgba(255,228,120,.95) 100%);
 -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}
.is-l{font-family:var(--m);font-size:14.5px;letter-spacing:.12em;text-transform:uppercase;
 color:rgba(238,224,192,.92);font-weight:500;flex:1;text-shadow:0 1px 8px rgba(0,0,0,.35)}
/* ══ FILM ROLL ══ */
.impr-right{overflow:hidden;position:relative;background:var(--esp)}
/* 35mm film strip - authentic proportions: 24px wide, 44px pitch, rectangular holes */
.film-l,.film-r{
 position:absolute;top:0;bottom:0;width:26px;z-index:4;pointer-events:none;
 /* Aged celluloid base: dark warm brown-black */
 background-color:#0b0702;
}
/* Sprocket holes via repeating gradient - rectangular punches, warm amber edges */
.film-l::after,.film-r::after{
 content:'';position:absolute;inset:0;
 background-image:
 /* Sprocket hole: gap→amber-edge→dark-hole→amber-edge→gap, pitch 44px */
 repeating-linear-gradient(
 to bottom,
 transparent 0px, transparent 5px,
 rgba(180,120,40,.2) 5px, rgba(180,120,40,.2) 6px,
 rgba(18,10,4,.9) 6px, rgba(18,10,4,.9) 20px,
 rgba(180,120,40,.2) 20px, rgba(180,120,40,.2) 21px,
 transparent 21px, transparent 44px
 );
 background-size:26px 44px;
}
/* Amber aging light on inner edge - film pickup roll warmth */
.film-l::before{
 content:'';position:absolute;inset:0;
 background:linear-gradient(to right,rgba(120,55,8,.22) 0%,rgba(160,80,15,.1) 55%,transparent 100%);
}
.film-r::before{
 content:'';position:absolute;inset:0;
 background:linear-gradient(to left,rgba(120,55,8,.22) 0%,rgba(160,80,15,.1) 55%,transparent 100%);
}
.film-l{left:0}
.film-r{right:0}
/* Film vignette: strong edge darken to sell the celluloid feel */
.impr-right::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
 background:linear-gradient(to right,rgba(0,0,0,.5) 0%,transparent 8%,transparent 92%,rgba(0,0,0,.5) 100%)}
.impr-scroll{display:flex;overflow-x:auto;height:100%;scrollbar-width:none;
 gap:clamp(8px,1.2vw,14px);scroll-snap-type:x mandatory;align-items:center;
 /* start polaroids more to the right */
 padding:clamp(14px,2vw,22px) clamp(16px,3vw,36px) clamp(14px,2vw,22px) clamp(28px,5vw,56px);
 position:relative;z-index:2}
.impr-scroll::-webkit-scrollbar{display:none}
.impr-scroll-bar{position:absolute;bottom:14px;left:clamp(28px,5vw,56px);right:clamp(16px,3vw,36px);
 height:1.5px;background:rgba(200,184,136,.07);border-radius:100px;z-index:6}
.impr-scroll-thumb{position:absolute;left:0;top:0;height:100%;min-width:28px;
 background:linear-gradient(to right,#6b5f42,#8a7a56,#6b5f42);
 border-radius:100px;box-shadow:0 0 10px rgba(138,122,86,.35);
 transition:width .12s,transform .12s}

/* Film filter on polaroid images - feColorMatrix warm shadows + subtle grain = 35mm feel */
.slot-img img{filter:url(#film35mm) brightness(.94);transition:filter .4s}
.slot:hover .slot-img img{filter:url(#film35mm) brightness(.99)}

/* FILM NEGATIVES - dark slide-frame look, not white polaroid */
.slot{flex:0 0 auto;width:clamp(120px,14vw,175px);scroll-snap-align:center;
 /* dark film frame: near-black with subtle warm-tint like 35mm mount */
 background:#0e0a06;
 border:.5px solid rgba(120,80,30,.28);
 padding:6px;
 box-shadow:0 14px 32px -6px rgba(0,0,0,.8),0 2px 4px -1px rgba(0,0,0,.5),
 inset 0 0 0 .5px rgba(180,120,40,.08);
 transform:rotate(var(--sr,0deg));
 transition:transform .55s var(--e),box-shadow .55s var(--e);position:relative}
.slot:nth-child(1){--sr:-2.2deg}.slot:nth-child(2){--sr:1.8deg}
.slot:nth-child(3){--sr:-3.1deg}.slot:nth-child(4){--sr:2.6deg}
.slot:nth-child(5){--sr:-1.8deg}.slot:nth-child(6){--sr:3.2deg}
.slot:hover{transform:rotate(0deg) translateY(-10px) scale(1.055)!important;
 box-shadow:0 28px 56px -6px rgba(0,0,0,.9),0 0 20px rgba(180,120,40,.08)!important}
/* film number notch strip at top */
.slot::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;
 background:repeating-linear-gradient(90deg,
 transparent,transparent 8px,
 rgba(180,120,40,.15) 8px,rgba(180,120,40,.15) 12px,
 transparent 12px,transparent 20px);
 border-bottom:.5px solid rgba(120,80,30,.2)}
.slot-photos{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}
.slot-img{position:relative;overflow:hidden}
.slot-img img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 25%;display:block;
 filter:url(#film35mm) brightness(.91) contrast(1.01);transition:filter .4s}
/* per-image focal point corrections */
.impr-scroll .slot:nth-child(1) .slot-img:nth-child(2) img{object-position:center 14%} /* a2 up 0.4cm */
.impr-scroll .slot:nth-child(1) .slot-img:nth-child(3) img{object-position:center 48%} /* a3 */
.impr-scroll .slot:nth-child(6) .slot-img:nth-child(2) img{object-position:center 34%} /* d2 up 0.9cm */
.impr-scroll .slot:nth-child(2) .slot-img:nth-child(1) img{object-position:50% calc(50% - .3cm)} /* e1 down 0.3cm (moved to slot 2) */
.impr-scroll .slot:nth-child(2) .slot-img:nth-child(2) img{object-position:50% calc(50% - .2cm)} /* e2 down 0.2cm (moved to slot 2) */
.impr-scroll .slot:nth-child(2) .slot-img:nth-child(3) img{object-position:center 48%} /* e3 (moved to slot 2) */
.impr-scroll .slot:nth-child(8) .slot-img:nth-child(3) img{object-position:50% calc(50% - .2cm)} /* c3 down 0.2cm */
.impr-scroll .slot:nth-child(7) .slot-img:nth-child(1) img{object-position:center 48%;transform:rotate(270deg) scale(1.34)!important} /* b1 rot270 → subjects upright (moved to slot 7) */
.impr-scroll .slot:nth-child(9) .slot-img:nth-child(2) img{object-position:center calc(11% - 0.2cm)} /* g12 up 0.7cm total */
.impr-scroll .slot:nth-child(9) .slot-img:nth-child(3) img{object-position:center 50%} /* g13 new image */
.impr-scroll .slot:nth-child(10) .slot-img:nth-child(1) img{object-position:center 48%;transform:rotate(270deg) scale(1.33)!important} /* h1 rot270 */
.impr-scroll .slot:nth-child(10) .slot-img:nth-child(2) img{object-position:50% calc(50% - .6cm)} /* g2 down 0.6cm */
.impr-scroll .slot:nth-child(10) .slot-img:nth-child(3) img{object-position:50% calc(50% - .3cm)} /* h3 down 0.9cm total */
/* new blocks A (slot3: audience/mastermind/laptops) + B (slot4: drone/camera/filming) */
.impr-scroll .slot:nth-child(3) .slot-img:nth-child(2) img{object-position:center 62%} /* n2 mastermind: show more middle-to-bottom */
.impr-scroll .slot:nth-child(3) .slot-img:nth-child(3) img{object-position:58% 25%} /* n3 laptops: tiny bit more right */
.impr-scroll .slot:nth-child(4) .slot-img:nth-child(2) img{object-position:center 55%} /* n5 camera: a little more middle-and-lower */
.slot:hover .slot-img img{filter:url(#film35mm) brightness(.97) contrast(1.01)}
/* Cinematic vignette - bleeds into dark frame */
.slot-img::after{
 content:'';position:absolute;inset:0;pointer-events:none;z-index:2;
 box-shadow:inset 0 0 16px rgba(0,0,0,.55),inset 0 0 4px rgba(0,0,0,.3);
 background:radial-gradient(ellipse 80% 78% at 50% 50%,transparent 42%,rgba(0,0,0,.32) 100%);
}
.slot-label{display:none}

/* ══ PARTNER / TRIPS ══ */
.partner{padding:clamp(80px,10vw,130px) 0 clamp(90px,11vw,140px)}
.partner .sh{text-align:center}
.pt-sub{font-size:clamp(12px,.9vw,13px);font-weight:300;line-height:1.78;color:rgba(240,236,228,.72);
 max-width:440px;margin:clamp(14px,1.8vw,20px) auto 0}
.pt-rule{width:32px;height:.5px;background:linear-gradient(to right,transparent,var(--gold-d),transparent);
 opacity:.55;margin:clamp(20px,2.5vw,28px) auto 0}
.pt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;
 margin-top:clamp(44px,6vw,72px)}
.pt-card{padding:clamp(40px,5vw,64px) clamp(24px,3vw,44px) clamp(40px,5vw,56px);
 position:relative;overflow:hidden;transition:background .4s}
.pt-card:not(:last-child){border-right:.5px solid var(--hl2)}
.pt-card::after{content:'';position:absolute;inset:0;
 background:radial-gradient(ellipse at 50% 0%,rgba(140,110,50,.06) 0%,transparent 65%);
 opacity:0;transition:opacity .5s;pointer-events:none}
.pt-card:hover::after{opacity:1}
.pt-card-ghost{position:absolute;top:clamp(12px,2vw,22px);right:clamp(14px,2vw,28px);
 font-family:var(--d);font-size:clamp(80px,11vw,128px);font-weight:300;font-style:italic;
 line-height:1;color:rgba(206,193,158,.05);pointer-events:none;user-select:none;
 letter-spacing:-.02em;transition:color .4s;z-index:0}
.pt-card:hover .pt-card-ghost{color:rgba(206,193,158,.09)}
.pt-card-accent{width:24px;height:.5px;background:var(--gold-d);opacity:.5;
 margin-bottom:clamp(18px,2vw,24px);transition:width .35s,opacity .35s}
.pt-card:hover .pt-card-accent{width:36px;opacity:.75}
.pt-card-tag{font-family:var(--m);font-size:clamp(7.5px,.65vw,8.5px);letter-spacing:.22em;
 text-transform:uppercase;color:var(--gold-d);display:block;
 margin-bottom:clamp(10px,1.4vw,14px);opacity:.72}
.pt-card-title{font-family:var(--d);font-size:clamp(28px,3.2vw,42px);font-weight:300;
 line-height:1.06;color:var(--ink);margin-bottom:clamp(14px,1.8vw,20px)}
.pt-card-title em{font-style:italic;color:var(--gold);display:block}
.pt-card-desc{font-family:var(--d);font-style:italic;font-weight:300;font-size:clamp(13px,1vw,16px);
 line-height:1.78;color:rgba(240,236,228,.82);margin-bottom:clamp(24px,3vw,36px)}
.pt-cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--m);
 font-size:clamp(8.5px,.75vw,10px);letter-spacing:.18em;text-transform:uppercase;
 color:var(--gold-d);text-decoration:none;border-bottom:.5px solid rgba(206,193,158,.24);
 padding-bottom:4px;transition:color .28s,border-color .28s,gap .28s}
.pt-cta .a-r{display:inline-block;font-style:normal;transition:transform .28s}
.pt-cta:hover{color:var(--gold);border-color:rgba(206,193,158,.55);gap:13px}
.pt-cta:hover .a-r{transform:translateX(3px)}
.pt-proof{display:flex;align-items:center;justify-content:center;
 gap:clamp(12px,2vw,24px);border-top:.5px solid rgba(220,205,160,.07);
 padding-top:clamp(22px,3vw,32px);margin-top:clamp(36px,5vw,52px)}
.pt-proof-item{font-family:var(--s);font-size:clamp(7px,.6vw,8.5px);letter-spacing:.18em;
 text-transform:uppercase;color:rgba(160,146,112,.28)}
.pt-proof-sep{color:rgba(206,193,158,.15);font-size:7px}
/* proof chips - link to CH sections as evidence */
.pt-proof-label{font-family:var(--s);font-size:clamp(6.5px,.58vw,7.5px);letter-spacing:.16em;
 text-transform:uppercase;color:rgba(179,169,156,.35);margin-top:clamp(22px,2.8vw,30px);
 margin-bottom:9px;display:block}
.pt-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:clamp(22px,2.8vw,30px)}
.pt-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--s);
 font-size:clamp(7px,.6vw,8px);letter-spacing:.16em;text-transform:uppercase;
 color:var(--gold-d);text-decoration:none;border:.5px solid rgba(220,200,150,.18);
 padding:5px 9px;transition:border-color .25s,color .25s,background .25s}
.pt-chip:hover{color:var(--gold);border-color:rgba(220,200,150,.42);background:rgba(220,200,150,.03)}
.pt-chip-arr{font-style:normal;transition:transform .25s;display:inline-block}
.pt-chip:hover .pt-chip-arr{transform:translateX(2px)}
/* scroll offset so sub-anchors clear the sticky nav */
#villa,#brand,#creator{scroll-margin-top:72px}
@media(max-width:720px){
 .pt-grid{grid-template-columns:1fr}
 .pt-card:not(:last-child){border-right:none;border-bottom:.5px solid var(--hl2)}
 .pt-card-ghost{font-size:80px}
}

/* ══ FAQ ══ */
.faq{padding:clamp(28px,4vw,52px) 0}
.faq .sh{text-align:center}
/* FAQ-only: drop wall-dark's orange glow layers, keep vignette+noise (six/who unaffected) */
#faq{
 background-image:
 linear-gradient(to right,rgba(0,0,0,.24) 0%,transparent 12%,transparent 88%,rgba(0,0,0,.24) 100%),
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.024'/%3E%3C/svg%3E");
 background-size:auto,400px 400px
}
.faq-list{max-width:720px;margin:0 auto;padding:0 clamp(18px,3.5vw,32px)}
.fi{border:.5px solid rgba(200,184,136,.1);background:rgba(200,184,136,.02);border-radius:0;margin-bottom:4px;overflow:hidden;transition:border-color .25s,background .25s}
.fi:hover{border-color:rgba(200,184,136,.22);background:rgba(200,184,136,.035)}
.fi.open{background:rgba(200,184,136,.045);border-color:rgba(200,184,136,.28)}
.fq{width:100%;text-align:left;background:none;border:none;cursor:pointer;
 padding:14px 16px 12px;display:flex;justify-content:space-between;align-items:center;gap:14px;
 font-family:var(--s);font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;
 color:rgba(222,208,168,.65);line-height:1.5;user-select:none;transition:color .22s}
.fq:hover,.fi.open .fq{color:rgba(222,208,168,.88)}
.fi-ic{font-family:var(--m);font-size:18px;font-weight:400;color:rgba(200,184,136,.3);line-height:1;flex-shrink:0;transition:transform .32s var(--e),color .22s;width:auto;height:auto;position:static;opacity:1}
.fi-ic::before{content:'+';display:block;position:static;background:none;border-radius:0;width:auto;height:auto;top:auto;left:auto;transform:none;transition:none}
.fi-ic::after{display:none}
.fi.open .fi-ic{transform:rotate(45deg);color:rgba(200,184,136,.65)}
/* #who audience labels: centered (Creators/Entrepreneurs/etc), icon pinned to right edge */
#who .fq,#faq .fq{justify-content:center;position:relative;text-align:center}
#who .fq .fi-ic,#faq .fq .fi-ic{position:absolute;right:16px;top:50%;transform:translateY(-50%)}
.fa{font-family:var(--d);font-style:italic;font-size:11.5px;font-weight:300;
 color:rgba(228,218,190,.6);line-height:1.7;letter-spacing:.015em;
 max-height:0;overflow:hidden;transition:max-height .42s cubic-bezier(.4,0,.2,1)}
.fi.open .fa{max-height:min(58vh,420px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.fi.open .fa::-webkit-scrollbar{width:5px}
.fi.open .fa::-webkit-scrollbar-thumb{background:rgba(200,184,136,.28);border-radius:3px}
.fi.open .fa{scrollbar-width:thin;scrollbar-color:rgba(200,184,136,.28) transparent}
.fa p{padding:4px 16px 18px}
/* ── FAQ more ── */
.faq-extra{max-height:0;overflow:hidden;transition:max-height .48s cubic-bezier(.4,0,.2,1)}
.faq-more-btn{width:100%;text-align:center;background:none;border:.5px solid rgba(200,184,136,.1);border-radius:3px;cursor:pointer;
 padding:14px 0;font-family:var(--m);font-size:13px;letter-spacing:.18em;text-transform:uppercase;
 color:var(--gold-d);transition:color .3s,border-color .3s;display:block;margin-top:8px}
.faq-more-btn:hover{color:var(--gold);border-color:rgba(200,184,136,.3)}
.faq-more-ic{font-style:normal;margin-left:5px;display:inline-block;transition:transform .3s}

/* ══ APPLY ══ */
#apply{background-color:var(--esp);
 background-image:
  radial-gradient(circle 42vw at 50% 25%,rgba(184,108,42,.18) 0%,transparent 62%),
  radial-gradient(circle 30vw at 50% 85%,rgba(184,108,42,.07) 0%,transparent 55%),
  linear-gradient(to right,rgba(0,0,0,.24) 0%,transparent 12%,transparent 88%,rgba(0,0,0,.24) 100%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.024'/%3E%3C/svg%3E");
 background-size:auto,auto,auto,400px 400px;
 padding:clamp(32px,4vw,52px) 0 clamp(24px,3vw,40px);position:relative;overflow:visible
}
/* apply top bleeds amber upward into faq boundary */
#apply::before{content:'';position:absolute;left:0;right:0;top:-12vw;
 height:clamp(280px,36vw,520px);pointer-events:none;z-index:0;
 background:radial-gradient(circle 52vw at 50% 0%,rgba(184,108,42,.26) 0%,transparent 65%)}
.ag{position:absolute;pointer-events:none;user-select:none;z-index:0;
 font-family:var(--d);font-style:italic;font-size:clamp(80px,14vw,240px);font-weight:300;
 color:rgba(242,237,229,.02);white-space:nowrap}
#apply .ag{left:-2%;top:-10%}
#hero .ag{right:2%;top:58%;left:auto;z-index:2;color:rgba(255,255,255,.1)}
#red-testi .ag{left:-2%;top:-8%}
#core .ag{right:-2%;top:-8%;left:auto}
#mastermind .ag{left:-2%;top:-8%;font-size:clamp(60px,11vw,190px)}
.who .ag{right:-2%;top:-8%;left:auto}
.impr-left .ag{left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(32px,8vw,64px)}
#faq .ag{left:-2%;top:-8%}
.app-inner{position:relative;z-index:2;width:100%;
 display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vw,28px)}
.app-text{text-align:center;padding:clamp(10px,1.5vw,20px) clamp(32px,4vw,64px) clamp(12px,1.5vw,20px);
 display:flex;flex-direction:column;justify-content:center;align-items:center}
.app-text h2{margin-bottom:24px}
.app-text h2 em{color:var(--gold-h)}
.app-text .app-rule{margin:0 auto 10px}
@media(max-width:660px){.app-text{padding:clamp(20px,4vw,36px) clamp(20px,5vw,40px) 4px}}
.app-rule{height:.5px;width:40px;background:rgba(200,184,136,.3);margin-bottom:10px}
.app-note{font-family:var(--m);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:rgba(242,237,229,.55)}
.app-select{font-family:var(--s);font-size:14px;letter-spacing:.12em;color:rgba(242,237,229,.55);margin-top:8px;font-style:italic;text-transform:none}
.app-cycle{font-family:var(--s);font-size:13px;letter-spacing:.12em;color:rgba(242,237,229,.36);margin-top:4px;font-style:italic;text-transform:none}
.app-form{width:100%;max-width:620px;margin:0 auto;padding:clamp(10px,1.5vw,20px) clamp(24px,4vw,48px) clamp(14px,2vw,24px)}
.ff{position:relative;margin-top:20px}
.ff:first-child{margin-top:0}
.app-form input:not([type="checkbox"]),.app-form textarea{width:100%;background:transparent;border:none;
 border-bottom:.5px solid rgba(242,237,229,.18);padding:16px 0 10px;font-family:var(--d);font-size:22px;
 color:var(--ink);outline:none;transition:border-color .3s;resize:none}
.app-form input::placeholder,.app-form textarea::placeholder{color:transparent}
.app-form input:focus:not([type="checkbox"]),.app-form textarea:focus{border-color:rgba(242,237,229,.5)}
.ff label{position:absolute;left:0;top:16px;font-family:var(--m);font-size:17px;font-weight:400;
 letter-spacing:.18em;text-transform:uppercase;color:rgba(242,237,229,.42);
 transform-origin:left top;transition:transform .22s var(--e),color .22s;pointer-events:none}
.ff input:focus ~ label,.ff input:not(:placeholder-shown) ~ label,
.ff textarea:focus ~ label,.ff textarea:not(:placeholder-shown) ~ label{
 transform:translateY(-18px) scale(.72);color:rgba(242,237,229,.6)}
.ff label.ff-long{font-size:17px;line-height:1.3}
.ff textarea:focus ~ label.ff-long,.ff textarea:not(:placeholder-shown) ~ label.ff-long{
 transform:translateY(-26px) scale(.72)}
.app-form textarea{min-height:100px;font-size:21px;padding-top:40px}
.form-gdpr{font-size:7px;line-height:1.55;letter-spacing:.05em;color:rgba(242,237,229,.32);margin-top:14px;max-width:44ch;margin-left:auto;margin-right:auto;text-align:center}
.form-gdpr a{color:rgba(242,237,229,.35);text-underline-offset:2px}
.form-gdpr a:hover{color:rgba(242,237,229,.65)}
.f-legal{display:flex;gap:14px;align-items:center;width:100%;padding-top:8px;border-top:.5px solid rgba(255,235,220,.05);margin-top:4px;flex-wrap:wrap}
.f-legal a{font-family:var(--m);font-size:7px;letter-spacing:.18em;text-transform:uppercase;color:rgba(200,184,136,.28);text-decoration:none;transition:color .3s}
.f-legal a:hover{color:rgba(200,184,136,.55)}
.f-copy{font-family:var(--m);font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:rgba(200,184,136,.22);margin-left:auto}
.app-form button{margin-top:32px;background:var(--gold);color:var(--esp);border:none;padding:14px 0;width:100%;
 font-family:var(--m);font-size:16px;font-weight:400;letter-spacing:.34em;text-transform:uppercase;cursor:pointer;
 transition:background .3s,box-shadow .3s}
.app-form button:hover{background:var(--gold-h);box-shadow:0 6px 18px rgba(0,0,0,.14)}
.opt{font-size:13px;letter-spacing:.15em;opacity:.5;text-transform:uppercase;font-style:normal;margin-left:5px;font-weight:400}
.app-wa{margin-top:20px}
.wa-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;
 font-family:var(--m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
 color:var(--gold);text-decoration:none;white-space:nowrap;
 background:rgba(200,184,136,.06);border:.5px solid rgba(200,184,136,.34);border-radius:100px;
 padding:12px 24px;width:260px;box-sizing:border-box;
 transition:background .3s,border-color .3s}
.wa-link:hover{background:rgba(200,184,136,.12);border-color:rgba(200,184,136,.5)}
.wa-link svg{opacity:.55;flex-shrink:0;transition:opacity .3s}
.wa-link:hover svg{opacity:.85}

/* C1: testimonial avatar strip */
.tm-strip{display:flex;gap:8px;padding:clamp(28px,4vw,48px) clamp(20px,5vw,72px) 0;justify-content:center;flex-wrap:wrap}
/* #24: thumbnail video-switch selector shrunk 52 -> 40px (was too large) */
.tm-thumb-btn{width:36.8px;height:36.8px;border-radius:50%;overflow:hidden;flex-shrink:0;cursor:pointer;border:1.5px solid rgba(200,184,136,.22);transition:border-color .3s,transform .25s;position:relative;background:none;padding:0}
.tm-thumb-btn:hover{border-color:rgba(200,184,136,.75);transform:scale(1.1)}
.tm-thumb-btn img{width:100%;height:100%;object-fit:cover;filter:grayscale(30%);transition:filter .3s;display:block}
.tm-thumb-btn:hover img{filter:grayscale(0%)}
/* ══ MORE TESTIMONIALS BUTTON ══ */
.rt-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
/* vc-area: horizontal row - blaze (vc-lead) beside scroll row at same height */
.vc-area{display:flex;flex-direction:row;align-items:stretch;width:100%;overflow:visible;
 gap:9px;padding-left:clamp(8px,.7vw,11px);position:relative}
.vc-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;
 gap:9px;flex:1;
 overflow-x:auto;scroll-snap-type:x mandatory;
 scrollbar-width:none;-webkit-overflow-scrolling:touch;
 padding-left:clamp(32px,6vw,80px);padding-right:clamp(32px,6vw,80px)}
.vc-row::-webkit-scrollbar{display:none}
/* all cards: identical size - uniform row, matches #mastermind .cc's clamp(272px,32vw,406px)
   formula so testimonial + speaker cards read as one visual system (Tobi ask 2026-07-19).
   #17 bump reverted, mobile-only size lives in mobile.css */
.vc-row .vc{flex:0 0 auto;width:clamp(272px,32vw,406px);max-height:none;scroll-snap-align:start}
/* vc-lead: same width as row cards now (was a larger hero size) - uniform sizing
   matches mastermind's uniform .cc cards, mobile #503 already applies the same logic */
.vc-lead{flex:0 0 auto;width:clamp(272px,32vw,406px);max-height:none;
 position:relative;z-index:2;margin-left:-24px;
 box-shadow:0 14px 54px -8px rgba(0,0,0,.92),0 0 0 .5px rgba(255,255,255,.14)}
/* placeholder slot cards - dashed border = "more coming" */
.vc-ph{cursor:default;background:rgba(255,255,255,.015);pointer-events:none}
.vc-ph-in{position:absolute;inset:6px;border:.5px dashed rgba(255,255,255,.1);border-radius:calc(var(--r) - 4px)}
/* ══ CUSTOM SCROLLBARS - gold gradient · thin · modals only · not html/body ══ */
.pm-top::-webkit-scrollbar{width:3px}
.pm-top::-webkit-scrollbar-track{background:rgba(200,184,136,.06);border-radius:100px}
.pm-top::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--gold-d),var(--gold),var(--gold-d));border-radius:100px;box-shadow:0 0 6px rgba(200,184,136,.25)}
.pm-top{scrollbar-width:thin;scrollbar-color:var(--gold) rgba(200,184,136,.06)}
/* apply-form textareas: same subtle gold scrollbar, desktop only (ignored on most mobile browsers) */
.app-form textarea::-webkit-scrollbar{width:3px}
.app-form textarea::-webkit-scrollbar-track{background:rgba(200,184,136,.06);border-radius:100px}
.app-form textarea::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--gold-d),var(--gold),var(--gold-d));border-radius:100px;box-shadow:0 0 6px rgba(200,184,136,.25)}
.app-form textarea{scrollbar-width:thin;scrollbar-color:var(--gold) rgba(200,184,136,.06)}

/* ══ FOOTER - red, no black bottom ══ */
footer{background:var(--esp);padding:clamp(10px,1.5vw,18px) clamp(24px,6vw,80px) clamp(10px,1.5vw,16px);
 display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;border-top:.5px solid rgba(200,184,136,.07)}
.f-row{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap;gap:10px}
.f-logo{font-family:var(--d);font-size:11px;letter-spacing:.06em;color:rgba(200,184,136,.55)}
.f-links{display:flex;gap:14px;align-items:center}
.f-links a{font-family:var(--m);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;
 color:rgba(200,184,136,.38);text-decoration:none;transition:color .3s}
.f-links a:hover{color:rgba(200,184,136,.72)}
/* founder open button in footer */
.f-founder{font-family:var(--m);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;
 color:rgba(200,184,136,.38);text-decoration:none;transition:color .3s;cursor:pointer;
 background:none;border:none;padding:0}
.f-founder:hover{color:rgba(200,184,136,.72)}
.f-kw{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;width:100%;margin-top:2px;padding-top:4px;border-top:.5px solid rgba(200,184,136,.06)}
.f-kw a{font-family:var(--m);font-size:5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(200,184,136,.14);text-decoration:none;transition:color .3s;padding:1px 0}
.f-kw a:hover{color:rgba(200,184,136,.42)}
.f-kw-sep{margin:0 6px;color:rgba(200,184,136,.1);font-size:5px;line-height:1}

/* ══ MODALS ══ */
/* video lightbox */
.vbox{position:fixed;inset:0;z-index:9000;background:rgba(2,4,2,.88);backdrop-filter:blur(28px);display:none;place-items:center}
.vbox.open{display:grid}
.vbox-inner{position:relative;max-width:92vw;width:auto;max-height:74vh;
 display:flex;flex-direction:column;
 border-radius:var(--rm);overflow:hidden;
 box-shadow:0 24px 80px -12px rgba(0,0,0,.9),0 0 0 .5px rgba(200,184,136,.12)}
.vbox-vid{width:100%;height:auto;max-width:92vw;max-height:64vh;object-fit:contain;display:block;background:rgb(8,5,2);flex:0 0 auto;margin:0 auto}
/* loading spinner - visible while heavy videos buffer (testimonials are large) */
.vbox-spin{position:absolute;inset:0;z-index:15;display:none;place-items:center;pointer-events:none}
.vbox-spin.on{display:grid}
.vbox-spin span{width:42px;height:42px;border-radius:50%;
 border:2.5px solid rgba(245,241,233,.18);border-top-color:var(--gold-h);
 animation:vboxspin .7s linear infinite}
@keyframes vboxspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.vbox-spin span{animation-duration:1.6s}}
.vbox-x{position:absolute;top:10px;right:10px;background:rgba(14,10,6,.72);
 backdrop-filter:blur(8px);border:.5px solid rgba(200,178,130,.22);border-radius:50%;
 width:34px;height:34px;display:grid;place-items:center;
 color:rgba(220,200,155,.85);font-size:18px;font-weight:300;
 cursor:pointer;z-index:20;transition:background .25s,border-color .25s,color .25s}
.vbox-x:hover{background:rgba(28,20,10,.88);border-color:rgba(200,178,130,.48);color:rgba(240,220,175,.96)}
.vbox-nav{position:absolute;top:50%;transform:translateY(-50%);
 background:rgba(12,8,4,.68);border:.5px solid rgba(200,178,130,.28);
 color:rgba(220,200,155,.88);width:54px;height:54px;border-radius:50%;
 font-size:26px;line-height:1;cursor:pointer;z-index:10;display:none;
 align-items:center;justify-content:center;
 backdrop-filter:blur(8px);transition:background .25s,border-color .25s,transform .25s}
.vbox.open .vbox-nav.show{display:flex}
.vbox-prev{left:clamp(12px,3vw,40px)}
.vbox-next{right:clamp(12px,3vw,40px)}
.vbox-nav:hover{background:rgba(28,20,10,.88);border-color:rgba(200,178,130,.52);transform:translateY(-50%) scale(1.08)}
.vbox-count{display:none!important;position:absolute;bottom:18px;left:50%;transform:translateX(-50%);
 font-family:var(--m);font-size:11px;letter-spacing:.22em;text-transform:uppercase;
 color:rgba(220,210,185,.5);z-index:5;display:none}
.vbox.open .vbox-count.show{display:block}
.vbox-swipe-hint{display:none;position:absolute;bottom:44px;left:50%;transform:translateX(-50%);
 font-family:var(--m);font-size:9px;letter-spacing:.18em;text-transform:uppercase;
 color:rgba(220,210,185,.4);z-index:5;pointer-events:none}
.vbox-controls{margin:10px 16px 0;z-index:20;
 display:none;gap:12px;align-items:center;padding:10px 14px;
 background:rgba(0,0,0,.62);backdrop-filter:blur(10px);
 border-radius:8px;border:.5px solid rgba(245,241,233,.1)}
.vbox-controls button{background:none;border:none;color:rgba(245,241,233,.9);
 font-size:12px;cursor:pointer;padding:4px 8px;line-height:1}
.vbox-controls button:hover{color:#fff}
/* #23: SVG media icons sized to match the old emoji controls, inherit champagne color */
.vbox-controls #vc-play svg,.vbox-controls #vc-mute svg{width:17px;height:17px;display:block}
.vbox-controls input[type=range]{flex:1;height:4px;-webkit-appearance:none;appearance:none;
 background:rgba(245,241,233,.2);border-radius:2px;outline:none;cursor:pointer}
.vbox-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;
 width:13px;height:13px;background:var(--gold-h);border-radius:50%;cursor:pointer}
.vbox-controls input[type=range]::-moz-range-thumb{width:13px;height:13px;background:var(--gold-h);border-radius:50%;cursor:pointer;border:none}
.vbox-controls #vc-time{font-family:var(--s);font-size:11px;color:rgba(245,241,233,.7);min-width:36px;letter-spacing:.04em}
.vbox-controls #vc-speed{font-family:var(--s);font-size:12px;font-weight:600;letter-spacing:.02em;min-width:34px}
/* ══ CHAPTER NAVIGATION - jump to question (refined) ══ */
.vbox-chapters{padding:15px 18px 17px;display:none;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
 background:linear-gradient(to bottom,rgba(14,8,3,.98),rgba(9,5,2,.99));
 border-top:.5px solid rgba(200,178,130,.16)}
.vbox-chapters.has-ch{display:block}
.vbox-chapters::before{content:'Jump to';display:block;
 font-family:var(--m);font-size:8.5px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;
 color:rgba(200,178,130,.5);margin:0 0 11px 1px}
.ch-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}
.ch-item{display:flex;align-items:center;gap:11px;padding:8px 11px 8px 9px;border-radius:7px;
 background:rgba(245,241,233,.014);border:.5px solid rgba(245,241,233,.05);
 cursor:pointer;transition:background .2s var(--e),border-color .2s var(--e),transform .12s var(--e)}
.ch-item:hover{background:rgba(200,178,130,.06);border-color:rgba(200,178,130,.2)}
.ch-item:active{transform:scale(.985)}
.ch-item.active{background:rgba(200,178,130,.09);border-color:rgba(200,178,130,.32)}
.ch-num{width:21px;height:21px;border-radius:5px;flex-shrink:0;
 border:.5px solid rgba(200,178,130,.32);background:rgba(200,178,130,.05);
 color:rgba(222,208,172,.72);font-family:var(--m);font-size:9.5px;font-weight:600;letter-spacing:.02em;
 display:grid;place-items:center;line-height:1;cursor:pointer;
 transition:background .2s var(--e),border-color .2s var(--e),color .2s var(--e),box-shadow .2s var(--e)}
.ch-item:hover .ch-num{border-color:rgba(200,178,130,.58);color:rgba(234,222,190,.92)}
.ch-num.active{background:linear-gradient(135deg,#dcc78e,#c2aa6c);border-color:rgba(220,200,142,1);
 color:#1c1207;box-shadow:0 0 0 1px rgba(200,178,130,.22),0 3px 11px rgba(184,152,82,.3)}
.ch-q{font-family:var(--m);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;
 color:rgba(245,241,233,.5);line-height:1.35;transition:color .2s var(--e)}
.ch-item:hover .ch-q{color:rgba(245,241,233,.78)}
.ch-item.active .ch-q{color:rgba(238,228,198,.95)}
/* desktop refinement: columns adapt to available width (no forced wrap) + styled scrollbar instead of default OS bar */
@media(min-width:861px){
 .vbox-chapters::-webkit-scrollbar{width:5px}
 .vbox-chapters::-webkit-scrollbar-track{background:rgba(200,184,136,.06);border-radius:100px}
 .vbox-chapters::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--gold-d),var(--gold),var(--gold-d));border-radius:100px;box-shadow:0 0 6px rgba(200,184,136,.25)}
 .vbox-chapters{scrollbar-width:thin;scrollbar-color:var(--gold) rgba(200,184,136,.06)}
}

/* pillar modal - no autoplay, 3 images + explanation */
.pm{position:fixed;inset:0;z-index:950;display:flex;align-items:center;justify-content:center;
 padding:clamp(12px,3.5vw,36px);opacity:0;pointer-events:none;transition:opacity .38s var(--e)}
.pm.open{opacity:1;pointer-events:all}
.pm-bg{position:absolute;inset:0;background:rgba(10,5,2,.93);backdrop-filter:blur(18px)}
.pm-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;
 width:100%;max-width:800px;max-height:92vh;
 background-color:var(--esp);
 background-image:
  radial-gradient(ellipse 72% 72% at 50% 20%,rgba(184,108,42,.22) 0%,transparent 60%),
  radial-gradient(ellipse 55% 55% at 50% 98%,rgba(184,108,42,.10) 0%,transparent 55%),
  linear-gradient(to right,rgba(0,0,0,.30) 0%,transparent 12%,transparent 88%,rgba(0,0,0,.30) 100%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
 background-size:auto,auto,auto,400px 400px;
 border:.5px solid var(--hl2);border-radius:var(--rm);overflow:hidden;
 transform:translateY(16px);transition:transform .38s var(--e);
 box-shadow:0 32px 96px -16px rgba(0,0,0,.7),0 0 0 .5px rgba(200,184,136,.08)}
.pm.open .pm-panel{transform:none}
.pm-top{display:block;flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:clamp(12px,1.5vw,20px) clamp(20px,2.5vw,36px)}
.pm-top::after{content:'';display:table;clear:both}
.pm-right-col{float:right;width:clamp(110px,11vw,130px);margin-left:clamp(16px,2vw,24px);margin-bottom:12px}
@media(max-width:700px){.pm-right-col{float:none;width:100%;margin-left:0}.pm-imgs{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,72px)}}
.pm-left{display:flex;flex-direction:column;overflow:hidden;background:rgba(6,4,2,.97);border-radius:calc(var(--r) - 2px);width:100%}
.pm-vid-wrap{position:relative;width:100%;aspect-ratio:9/16;border:.5px solid rgba(200,160,80,.38);box-shadow:0 6px 28px -4px rgba(0,0,0,.65),0 0 0 1px rgba(200,160,80,.07);border-radius:calc(var(--r) - 2px);overflow:hidden;cursor:pointer;background:#000;flex-shrink:0}
.pm-vid-wrap::after{content:'';display:none}
.pm-vid-wrap video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;filter:saturate(1.2) brightness(1.07) contrast(1.07)}
/* play button - video does NOT autoplay */
.pm-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
 width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);
 border:.5px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);z-index:5;
 display:grid;place-items:center;transition:all .28s var(--e);cursor:pointer}
.pm-play::after{content:'';width:0;height:0;border-style:solid;border-width:6px 0 6px 11px;
 border-color:transparent transparent transparent rgba(255,255,255,.9);margin-left:2px}
.pm-play.playing{opacity:0;pointer-events:none}
.pm-play:hover{background:rgba(184,108,42,.4);border-color:rgba(200,184,136,.6);transform:translate(-50%,-50%) scale(1.1)}
.pm-bar{display:flex;justify-content:flex-end;padding:10px 14px 0;flex-shrink:0}
.pm-arr{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;
 background:rgba(14,12,8,.72);border:.5px solid rgba(200,160,80,.28);
 color:rgba(220,195,140,.75);font-size:15px;cursor:pointer;display:grid;place-items:center;
 transition:all .32s;z-index:10;backdrop-filter:blur(8px);
 opacity:0;pointer-events:none}
.pm.open .pm-arr{opacity:1;pointer-events:all}
.pm-arr:hover{background:rgba(200,160,80,.18);border-color:rgba(220,195,140,.6);color:#fff;transform:translateY(-50%) scale(1.08)}
.pm-arr-l{left:max(4px,calc(50% - 440px - 1.2cm))}
.pm-arr-r{right:max(4px,calc(50% - 440px - 1.2cm))}
.pm-arr--hidden{opacity:0!important;pointer-events:none!important}
.pm-x{background:rgba(200,160,80,.07);border:.5px solid rgba(200,160,80,.22);
 color:rgba(220,195,140,.6);width:28px;height:28px;border-radius:50%;
 cursor:pointer;display:grid;place-items:center;font-size:13px;transition:all .3s;flex-shrink:0}
.pm-x:hover{background:rgba(200,160,80,.18);border-color:rgba(220,195,140,.52);color:rgba(245,225,175,.95)}
/* image strip - full-width at panel bottom, one cinematic row */
.pm-imgs{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,146px);gap:3px;flex-shrink:0;clear:both;
 margin-top:calc(8px + 0.3cm);padding-top:0.3cm;
 border-top:1px solid transparent;
 border-image:linear-gradient(to right,transparent,var(--gold-d) 20%,var(--gold-h) 50%,var(--gold-d) 80%,transparent) 1}
.pm-img{overflow:hidden;background:var(--bg-d);border-radius:calc(var(--r) - 2px);cursor:zoom-in;position:relative}
.pm-img img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.85);transform:scale(var(--pm-zoom,1));
 transition:filter .4s,transform .6s}
.pm-img::after{content:'';position:absolute;inset:0;pointer-events:none}
.pm-img:hover img{filter:brightness(1);transform:scale(1.06)}
.pm-img--rot90 img{transform:rotate(90deg) scale(calc(1.45 * var(--pm-zoom,1)))!important}
.pm-img--rot90:hover img{transform:rotate(90deg) scale(calc(1.51 * var(--pm-zoom,1)))!important}
.pm-img--rotn90 img{transform:rotate(-90deg) scale(calc(1.45 * var(--pm-zoom,1)))!important}
.pm-img--rotn90:hover img{transform:rotate(-90deg) scale(calc(1.51 * var(--pm-zoom,1)))!important}
.pm-img--rot180 img{transform:rotate(180deg) scale(var(--pm-zoom,1))!important}
.pm-img--rot180:hover img{transform:rotate(180deg) scale(calc(1.06 * var(--pm-zoom,1)))!important}
.pm-vid-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .25s}
.pm-vid-play-btn::before{content:'';width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.52);border:1.5px solid rgba(245,241,233,.55);display:flex;align-items:center;justify-content:center}
.pm-vid-play-btn::after{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:7px 0 7px 13px;border-color:transparent transparent transparent rgba(245,241,233,.9);margin-left:3px}
.pm-img:hover .pm-vid-play-btn{opacity:0}
.pm-info{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
.pm-ey{font-family:var(--m);font-size:13px;font-weight:400;letter-spacing:.26em;text-transform:uppercase;color:rgba(200,184,136,.72);
 text-shadow:0 0 16px rgba(200,152,60,.3)}
.pm-h{font-family:var(--d);font-weight:300;font-size:clamp(21px,2.5vw,33px);letter-spacing:-.024em;line-height:1.06;
 background:linear-gradient(135deg,#f0e0b0 0%,#c8b888 40%,#c8903c 100%);
 -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pm-rule{height:.5px;width:32px;background:var(--gold-d)}
.pm-stats{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 14px;margin:6px 0 4px;padding:12px 0;
 border-top:.5px solid var(--hl);border-bottom:.5px solid var(--hl);position:relative}
.pm-stats::before{content:'';position:absolute;left:0;right:0;top:-.5px;height:.5px;
 background:linear-gradient(to right,transparent,rgba(200,152,60,.22) 30%,rgba(200,152,60,.22) 70%,transparent)}
.pm-stat-row{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:48px}
.pm-stat-n{font-family:var(--d);font-size:clamp(20px,2vw,28px);color:var(--gold-h);letter-spacing:-.035em;line-height:1;font-weight:300;flex-shrink:0;font-variant-numeric:tabular-nums;
 text-shadow:0 0 18px rgba(200,152,60,.35)}
.pm-stat-l{font-family:var(--m);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(220,200,160,.62);line-height:1.5;max-width:14ch;opacity:.9;font-weight:400}
.pm-b{font-family:var(--d);font-style:italic;font-weight:300;font-size:clamp(20px,1.45vw,23.5px);color:rgba(228,218,190,.74);line-height:1.74;margin-top:4px}
.pm-b p{margin:0 0 1em}
.pm-b p:last-child{margin-bottom:0}
.fc-link{color:#c8903c;text-decoration:none;border-bottom:1px solid rgba(200,144,60,.4);padding-bottom:1px;cursor:pointer;transition:border-color .2s,color .2s}
.fc-link:hover{color:#e0a850;border-bottom-color:#e0a850}
.g3-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;will-change:opacity}
.g3-modal.open{opacity:1;pointer-events:all}
.g3-bg{position:absolute;inset:0;background:rgba(4,3,2,.88);backdrop-filter:blur(6px)}
.g3-panel{position:relative;z-index:1;background:rgba(10,8,5,.96);border:.5px solid rgba(200,160,80,.2);border-radius:var(--r);width:min(800px,92vw);padding:clamp(16px,2vw,28px);overflow:visible;backface-visibility:hidden}
.g3-x{position:absolute;top:-14px;right:-14px;background:rgba(200,160,80,.07);border:.5px solid rgba(200,160,80,.22);color:rgba(220,195,140,.6);width:32px;height:32px;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:15px;transition:all .3s;flex-shrink:0}
.g3-x:hover{background:rgba(200,160,80,.18);border-color:rgba(220,195,140,.52);color:rgba(245,225,175,.95)}
.pm-x:focus-visible,.g3-x:focus-visible{outline:2px solid rgba(200,160,80,.6);outline-offset:2px}
.pm-x:focus:not(:focus-visible),.g3-x:focus:not(:focus-visible){outline:none}
.six-card:focus-visible{outline:2px solid rgba(200,160,80,.5);outline-offset:3px;border-radius:4px}
.pm-x,.pm-arr,.g3-x,.vbox-nav,.fq,.wc,.tm-x{touch-action:manipulation}
.six-card{cursor:pointer}
@media(max-width:480px){.g3-grid{grid-template-columns:repeat(2,1fr)}.g3-panel{padding:clamp(12px,4vw,18px)}}
.g3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.g3-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;cursor:default;border-radius:4px;transition:opacity .2s;filter:saturate(1.2) brightness(1.07) contrast(1.07)}
.pm-b::first-letter{float:none;font-size:inherit;color:inherit;font-weight:inherit;font-style:normal;line-height:inherit;padding:0}

/* history modal */
.hist-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;
 opacity:0;pointer-events:none;transition:opacity .45s var(--e);overflow-y:hidden}
.hist-modal.open{opacity:1;pointer-events:all;overflow-y:auto}
.hm-bg{position:fixed;inset:0;backdrop-filter:blur(16px);
 background-color:var(--esp);
 background-image:
  radial-gradient(circle 50vw at 50% 6%,rgba(184,108,42,.24) 0%,transparent 60%),
  radial-gradient(circle 42vw at 50% 94%,rgba(184,108,42,.11) 0%,transparent 58%),
  linear-gradient(to right,rgba(0,0,0,.30) 0%,transparent 13%,transparent 87%,rgba(0,0,0,.30) 100%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
 background-size:auto,auto,auto,400px 400px}
.hm-panel{position:relative;z-index:1;width:100%;max-width:1040px;
 padding:clamp(100px,10vw,140px) clamp(18px,4.5vw,56px) 80px;min-height:100dvh}
.hm-panel::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);
 width:100%;height:clamp(200px,30vw,420px);
 background:radial-gradient(circle 44vw at 50% 0%,rgba(184,108,42,.15) 0%,transparent 65%);
 pointer-events:none;z-index:0}
.hm-x{position:fixed;top:80px;right:20px;z-index:2;width:38px;height:38px;border-radius:50%;
 background:rgba(220,200,150,.05);border:.5px solid var(--hl2);color:var(--ink);font-size:17px;
 cursor:pointer;display:grid;place-items:center;transition:background .3s}
.hm-x:hover{background:var(--ink);color:var(--bg-d)}
.hm-hd{text-align:center;margin-bottom:clamp(28px,4vw,48px);position:relative;z-index:1}
.hm-hd::before{content:'Across events';display:block;font-family:var(--m);font-size:11px;
 letter-spacing:.26em;text-transform:uppercase;color:rgba(200,184,136,.5);margin-bottom:14px}
.hm-hd h2{font-size:var(--t-stmt);letter-spacing:-.03em;line-height:.93;color:var(--ink)}
.hm-hd p{font-family:var(--d);font-style:italic;font-size:var(--t-body);color:rgba(242,237,229,.72);margin-top:9px}
.nav-cta--soon{opacity:.4;pointer-events:none;cursor:default;position:relative}
.nav-cta--soon:hover{transform:none;border-color:rgba(200,184,136,.26);background:rgba(200,184,136,.07)}
.soon-tag{font-size:8px;letter-spacing:.16em;opacity:.85;margin-left:2px}
.hist-ev{margin-bottom:clamp(24px,3.5vw,44px);padding-bottom:clamp(24px,3.5vw,44px);border-bottom:.5px solid var(--hl2);position:relative;z-index:1}
.hist-ev:last-child{border-bottom:none}
.hist-lbl{font-family:var(--m);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);
 margin-bottom:12px;display:flex;align-items:center;gap:14px}
.hist-date{font-style:normal;letter-spacing:.16em;color:rgba(200,184,136,.65);font-size:10px;font-family:var(--m);text-transform:uppercase}
.hist-pages{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.hist-page{aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;background:var(--esp);cursor:zoom-in;
 border:.5px solid rgba(200,184,136,.22);
 box-shadow:0 4px 16px rgba(0,0,0,.32),0 1px 3px rgba(0,0,0,.18);
 transition:border-color .35s var(--e),box-shadow .35s var(--e),transform .35s var(--e)}
.hist-page:hover{border-color:rgba(200,184,136,.48);transform:translateY(-3px);
 box-shadow:0 8px 28px rgba(0,0,0,.38),0 0 0 .5px rgba(184,108,42,.22),0 0 24px rgba(184,108,42,.12)}
.hist-page img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:brightness(.92);transition:filter .4s,transform .7s}
.hist-page:hover img{filter:brightness(1.06);transform:scale(1.03)}
@media(max-width:600px){.hist-pages{grid-template-columns:repeat(2,1fr);gap:7px}}
.ev-testims{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.ev-testim video{width:100%;border-radius:var(--r);background:#000;display:block}
.ev-testim-name{font-family:var(--m);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.8;margin-bottom:8px}
.ev-testim-chaps{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ev-chap-btn{font-family:var(--m);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:rgba(200,184,136,.75);background:rgba(200,184,136,.06);border:.5px solid rgba(200,184,136,.22);border-radius:20px;padding:5px 12px;cursor:pointer;transition:all .25s;white-space:nowrap}
.ev-chap-btn:hover{color:var(--gold);background:rgba(200,184,136,.14);border-color:rgba(200,184,136,.5)}
@media(max-width:600px){.ev-testims{grid-template-columns:1fr}}
.hpg-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;
 width:28px;height:28px;border-radius:50%;background:rgba(4,6,3,.72);
 border:.5px solid rgba(220,210,185,.2);color:rgba(220,210,185,.8);font-size:15px;
 cursor:pointer;display:grid;place-items:center;opacity:0;transition:opacity .25s;line-height:1}
/* hpg-nav intentionally hidden - nav only in fullscreen (imgFs has own prev/next) */
.hpg-prev{left:5px}
.hpg-next{right:5px}

/* ══ FOR MEMBERS - FOMO modal ══ */
/* ── MEMBERS MODAL - Grand Doors ── */
.mem-modal{position:fixed;inset:0;z-index:980;opacity:0;pointer-events:none;transition:opacity .5s var(--e)}
.mem-modal.open{opacity:1;pointer-events:all}
.mem-room{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,#2a1d0d 0%,#100c06 45%,#060402 100%);overflow:hidden}
.mem-grain{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.07;mix-blend-mode:overlay}
.mem-light-src{position:absolute;top:-25%;left:50%;transform:translateX(-50%);width:80%;height:60%;background:radial-gradient(ellipse,rgba(180,115,35,.22) 0%,transparent 68%);pointer-events:none;z-index:0}
.mem-stage{position:absolute;inset:0;display:flex;perspective:2400px;perspective-origin:50% 42%;z-index:2;pointer-events:none}
.mem-door{flex:1;height:100%;position:relative;overflow:hidden;backface-visibility:hidden;background:repeating-linear-gradient(91deg,transparent 0,transparent 4px,rgba(0,0,0,.055) 4px,rgba(0,0,0,.055) 5px),repeating-linear-gradient(180deg,transparent 0,transparent 58px,rgba(255,255,255,.01) 58px,rgba(255,255,255,.01) 59px),linear-gradient(162deg,#3d2812 0%,#1b1208 48%,#2c1d0d 100%);transition:transform 1.5s cubic-bezier(.16,1,.3,1)}
.mem-door-wood{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='900'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82 0.011' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0.25'/%3E%3C/filter%3E%3Crect width='400' height='900' filter='url(%23w)'/%3E%3C/svg%3E");background-size:100% 100%;opacity:.2;mix-blend-mode:overlay;pointer-events:none}
.mem-door::before{content:'';position:absolute;inset:8% 14% 8% 14%;border:.5px solid rgba(200,180,120,.2);border-radius:2px;pointer-events:none;box-shadow:inset 0 0 0 14px rgba(0,0,0,.08),0 0 0 .5px rgba(0,0,0,.5),inset 2px 2px 0 rgba(255,235,150,.05),inset -2px -2px 0 rgba(0,0,0,.15)}
.mem-door::after{content:'';position:absolute;inset:20% 24% 20% 24%;border:.5px solid rgba(200,180,120,.1);border-radius:1px;pointer-events:none}
.mem-door-l{transform-origin:left center;border-right:.5px solid rgba(210,185,120,.45)}
.mem-door-r{transform-origin:right center;border-left:.5px solid rgba(210,185,120,.45)}
.mem-door-l.open{transform:perspective(2400px) rotateY(-108deg)}
.mem-door-r.open{transform:perspective(2400px) rotateY(108deg)}
.mem-handle{position:absolute;top:50%;width:6px;height:44px;background:linear-gradient(180deg,#e0c870 0%,#8c6420 32%,#cba540 64%,#e0c870 100%);border-radius:3px;box-shadow:0 3px 12px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,245,170,.55);transform-origin:top center;transition:transform .48s var(--e);z-index:2}
.mem-handle-l{right:22px;transform:translateY(-50%)}
.mem-handle-r{left:22px;transform:translateY(-50%)}
.mem-stage.pressing .mem-handle-l{transform:translateY(-50%) rotate(-34deg)}
.mem-stage.pressing .mem-handle-r{transform:translateY(-50%) rotate(34deg)}
@keyframes doorRattle{0%,100%{transform:translateX(0)}12%{transform:translateX(-14px)}28%{transform:translateX(12px)}44%{transform:translateX(-9px)}60%{transform:translateX(8px)}76%{transform:translateX(-5px)}90%{transform:translateX(4px)}}
.mem-stage.rattling{animation:doorRattle .65s cubic-bezier(.36,.07,.19,.97)}
.mem-seam{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(200,175,100,.16) 25%,rgba(255,215,110,.4) 50%,rgba(200,175,100,.16) 75%,transparent 100%);z-index:3;pointer-events:none}
.mem-entry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;text-align:center;width:clamp(240px,32vw,340px);transition:opacity .4s var(--e),transform .5s var(--e)}
.mem-entry.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-56%)}
.mem-entry-ey{font-family:var(--s);font-size:10px;letter-spacing:.56em;text-transform:uppercase;color:rgba(200,178,110,.78);margin-bottom:22px}
/* inner circle entry block within mem-entry */
.mem-ic-sep{width:1px;height:34px;background:linear-gradient(to bottom,transparent,rgba(200,178,110,.16),transparent);margin:20px auto 0}
.mem-ic-entry{margin-top:16px;text-align:center}
.mem-ic-entry-lbl{font-family:var(--s);font-size:7px;letter-spacing:.6em;text-transform:uppercase;color:rgba(200,168,90,.38);margin-bottom:8px}
.mem-ic-entry-sub{font-family:var(--d);font-style:italic;font-size:11px;color:rgba(180,152,85,.22);margin:0 0 14px;line-height:1.4}
.mem-ic-entry-btn{background:none;border:.5px solid rgba(200,168,90,.16);color:rgba(200,168,90,.44);font-family:var(--s);font-size:7.5px;letter-spacing:.38em;text-transform:uppercase;padding:9px 20px;cursor:pointer;transition:all .35s;display:inline-block}
.mem-ic-entry-btn:hover{border-color:rgba(200,168,90,.42);color:rgba(200,168,90,.82)}
.mem-entry-h{font-family:var(--d);font-style:italic;font-weight:300;font-size:clamp(20px,2.6vw,30px);color:rgba(238,222,192,.88);line-height:1.0;letter-spacing:-.022em;margin-bottom:26px}
.mem-form{display:flex;gap:8px;align-items:center;justify-content:center;margin-bottom:10px}
.mem-pw{background:rgba(8,6,3,.8);border:.5px solid rgba(200,178,110,.28);color:var(--ink);font-family:var(--s);font-size:12px;letter-spacing:.16em;padding:11px 14px;border-radius:4px;width:160px;outline:none;transition:border-color .3s;backdrop-filter:blur(10px)}
.mem-pw:focus{border-color:rgba(200,178,110,.62)}
.mem-pw::placeholder{color:rgba(200,178,110,.2);letter-spacing:.1em}
.mem-submit{background:rgba(200,178,110,.1);border:.5px solid rgba(200,178,110,.32);color:var(--gold-h);font-family:var(--s);font-size:10px;letter-spacing:.22em;padding:11px 16px;border-radius:4px;cursor:pointer;transition:all .3s;white-space:nowrap}
.mem-submit:hover{background:rgba(200,178,110,.24);color:var(--ink)}
.mem-err{font-family:var(--s);font-size:8px;letter-spacing:.2em;color:rgba(200,55,35,.7);text-transform:uppercase;opacity:0;transition:opacity .3s;margin-bottom:0}
.mem-err.show{opacity:1}
.mem-entry-hint{font-family:var(--d);font-style:italic;font-size:11.5px;color:rgba(178,152,95,.28);margin-top:14px;line-height:1.5}
/* inner circle request modal */
.ic-req-modal{position:fixed;inset:0;z-index:10100;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:opacity .5s var(--e);background:rgba(2,1,0,.88);backdrop-filter:blur(14px)}
.ic-req-modal.open{opacity:1;pointer-events:all}
.ic-req-box{position:relative;width:clamp(280px,32vw,360px);padding:44px 40px 38px;background:radial-gradient(ellipse at 50% 0%,rgba(52,32,8,.96) 0%,rgba(6,4,2,.99) 60%);border:.5px solid rgba(200,168,90,.2);text-align:center}
.ic-req-x{position:absolute;top:14px;right:18px;background:none;border:none;color:rgba(200,168,90,.28);font-size:20px;cursor:pointer;line-height:1;padding:4px;transition:color .3s}
.ic-req-x:hover{color:rgba(200,168,90,.7)}
.ic-req-ey{font-family:var(--s);font-size:6.5px;letter-spacing:.62em;text-transform:uppercase;color:rgba(200,168,90,.3);margin-bottom:12px}
.ic-req-h{font-family:var(--d);font-style:italic;font-weight:300;font-size:clamp(22px,2.4vw,28px);color:rgba(238,218,180,.88);letter-spacing:-.02em;margin:0 0 28px;line-height:1}
.icrf{position:relative;margin-bottom:14px;text-align:left}
.icrf input,.icrf textarea{width:100%;background:rgba(4,2,0,.72);border:.5px solid rgba(200,168,90,.18);color:rgba(238,218,180,.84);font-family:var(--s);font-size:11px;letter-spacing:.08em;padding:18px 12px 6px;outline:none;resize:none;transition:border-color .3s;border-radius:0;-webkit-appearance:none;box-sizing:border-box}
.icrf textarea{height:84px;padding-top:20px}
.icrf input:focus,.icrf textarea:focus{border-color:rgba(200,168,90,.46)}
.icrf label{position:absolute;top:11px;left:12px;font-family:var(--s);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:rgba(200,168,90,.3);pointer-events:none;transition:all .22s var(--e);transform-origin:left top}
.icrf input:not(:placeholder-shown)+label,.icrf input:focus+label,.icrf textarea:not(:placeholder-shown)+label,.icrf textarea:focus+label{transform:translateY(-5px) scale(.8);color:rgba(200,168,90,.48)}
.ic-req-submit{width:100%;background:rgba(200,168,90,.08);border:.5px solid rgba(200,168,90,.28);color:rgba(200,168,90,.72);font-family:var(--s);font-size:9px;letter-spacing:.38em;text-transform:uppercase;padding:14px;cursor:pointer;transition:all .35s;margin-top:8px}
.ic-req-submit:hover{background:rgba(200,168,90,.18);color:var(--ink)}
.ic-req-ok{display:none;padding:18px 0 8px}
.ic-req-ok-h{font-family:var(--d);font-style:italic;font-size:clamp(18px,2vw,22px);color:rgba(238,218,180,.8);margin-bottom:8px}
.ic-req-ok-p{font-family:var(--d);font-style:italic;font-size:11px;color:rgba(180,152,85,.35);line-height:1.5}
.mem-behind{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% -8%,#3e2810 0%,#1c1308 44%,#0a0604 100%);opacity:0;pointer-events:none;transition:opacity 1.1s .55s;z-index:1;padding:clamp(32px,6vw,80px)}
.mem-behind.reveal{opacity:1;pointer-events:all}
.mem-content{max-width:520px;width:100%;text-align:center}
.mem-content-ey{font-family:var(--s);font-size:7.5px;letter-spacing:.44em;text-transform:uppercase;color:rgba(200,178,110,.38);margin-bottom:28px}
.mem-content-h{font-family:var(--d);font-weight:300;font-style:italic;font-size:clamp(26px,3.6vw,44px);color:var(--ink);letter-spacing:-.025em;line-height:.95;margin-bottom:36px}
.mem-content-h em{color:var(--gold-h)}
.mem-items{display:flex;flex-direction:column;margin:0 auto 34px;max-width:400px;text-align:left}
.mem-item{padding:15px 0;border-bottom:.5px solid rgba(200,178,110,.1)}
.mem-item:first-child{border-top:.5px solid rgba(200,178,110,.1)}
.mem-item-title{font-family:var(--s);font-size:8.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.mem-item-body{font-family:var(--d);font-style:italic;font-size:clamp(12.5px,.82vw,14.5px);color:rgba(220,205,172,.62);line-height:1.52}
.mem-content-foot{font-family:var(--d);font-style:italic;font-size:12px;color:rgba(178,152,95,.32);line-height:1.6}
.mem-x{position:fixed;top:18px;right:22px;z-index:990;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.04);border:.5px solid rgba(200,178,110,.16);color:rgba(200,178,110,.45);font-size:17px;cursor:pointer;display:grid;place-items:center;transition:all .3s;line-height:1}
.mem-x:hover{background:rgba(255,255,255,.09);color:var(--gold)}

/* ══ INNER CIRCLE PORTAL ══ */
.ic-portal{position:fixed;inset:0;z-index:9800;opacity:0;pointer-events:none;
 transition:opacity .6s var(--e);display:flex;align-items:center;justify-content:center;
 background:#030502}
.ic-portal.open{opacity:1;pointer-events:all}
.ic-portal-bg{position:absolute;inset:0;
 background:radial-gradient(ellipse 80% 60% at 50% 20%,rgba(100,65,15,.22) 0%,rgba(4,5,3,.99) 60%);
 pointer-events:none}
/* Scene - seal + door + enter button */
.ic-scene{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;
 transition:opacity .5s var(--e),transform .5s var(--e)}
.ic-scene.fade{opacity:0;pointer-events:none;transform:scale(1.06) translateY(-10px)}
.ic-seal-tag{font-family:var(--s);font-size:6px;letter-spacing:.7em;text-transform:uppercase;
 color:rgba(200,160,70,.28);text-align:center;margin-bottom:14px}
.ic-seal-ring{width:48px;height:48px;border-radius:50%;border:.5px solid rgba(200,160,70,.22);
 display:grid;place-items:center;margin:0 auto 20px;
 background:radial-gradient(circle at 32% 28%,rgba(220,190,100,.14),rgba(140,100,35,.06) 55%,transparent);
 font-family:var(--d);font-size:13px;letter-spacing:.1em;color:rgba(200,155,60,.5)}
/* The arch door */
.ic-door-outer{width:min(36vw,280px);height:min(60vh,460px);position:relative;
 border-top-left-radius:min(18vw,140px) min(14vw,108px);
 border-top-right-radius:min(18vw,140px) min(14vw,108px);
 overflow:hidden;perspective:1600px;perspective-origin:50% 44%;
 border:.5px solid rgba(200,160,60,.26);
 box-shadow:0 0 60px -20px rgba(160,110,30,.18),0 40px 80px -20px rgba(0,0,0,.95)}
.ic-door-half{position:absolute;top:0;width:50%;height:100%;backface-visibility:hidden;
 background:repeating-linear-gradient(92deg,transparent 0,transparent 5px,rgba(0,0,0,.035) 5px,rgba(0,0,0,.035) 6px),
 repeating-linear-gradient(180deg,transparent 0,transparent 72px,rgba(255,255,255,.008) 72px,rgba(255,255,255,.008) 73px);
 transition:transform 1.6s cubic-bezier(.16,1,.3,1)}
.ic-door-half::before{content:'';position:absolute;inset:10% 18% 10% 18%;
 border:.5px solid rgba(200,170,80,.14);pointer-events:none}
.ic-door-l-h{left:0;transform-origin:left center;
 background-image:repeating-linear-gradient(92deg,transparent 0,transparent 5px,rgba(0,0,0,.035) 5px,rgba(0,0,0,.035) 6px),
 linear-gradient(158deg,#3d2a10 0%,#1c1208 48%,#2a1d0d 100%);
 border-right:.5px solid rgba(210,175,80,.35)}
.ic-door-r-h{right:0;transform-origin:right center;
 background-image:repeating-linear-gradient(92deg,transparent 0,transparent 5px,rgba(0,0,0,.035) 5px,rgba(0,0,0,.035) 6px),
 linear-gradient(158deg,#2a1d0d 0%,#1c1208 48%,#3d2a10 100%);
 transition-delay:.06s}
.ic-door-l-h.open{transform:rotateY(-118deg)}
.ic-door-r-h.open{transform:rotateY(118deg)}
.ic-door-glow{position:absolute;inset:0;
 background:radial-gradient(ellipse 50% 55% at 50% 55%,rgba(175,118,28,.45),transparent 65%);
 opacity:0;transition:opacity 1.8s .4s;pointer-events:none;z-index:0}
.ic-door-outer.open .ic-door-glow{opacity:1}
.ic-door-seam{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;
 background:linear-gradient(180deg,transparent,rgba(200,160,60,.4) 30%,rgba(255,210,100,.42) 50%,rgba(200,160,60,.4) 70%,transparent);
 z-index:3;pointer-events:none}
.ic-knob{position:absolute;top:50%;width:6px;height:6px;border-radius:50%;
 background:radial-gradient(circle at 32% 32%,rgba(245,205,105,.95),rgba(155,105,28,.85));
 box-shadow:0 1px 6px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,240,160,.35);
 transform:translateY(-50%);z-index:4;transition:transform .3s}
.ic-knob-l{right:10px}.ic-knob-r{left:10px}
/* Enter button */
.ic-enter-btn{margin-top:22px;font-family:var(--s);font-size:8.5px;letter-spacing:.5em;text-transform:uppercase;
 color:rgba(200,160,70,.45);background:none;border:.5px solid rgba(200,160,70,.16);
 padding:10px 24px;cursor:pointer;transition:all .35s;display:inline-flex;align-items:center;gap:12px}
.ic-enter-btn:hover{color:rgba(200,160,70,.82);border-color:rgba(200,160,70,.36)}
.ic-enter-dash{display:inline-block;width:14px;height:.5px;background:currentColor;flex-shrink:0}
/* Inner circle password gate */
.ic-pw{margin-top:22px;display:block;background:rgba(8,6,3,.8);border:.5px solid rgba(200,160,70,.28);color:var(--ink);font-family:var(--s);font-size:12px;letter-spacing:.16em;padding:11px 14px;border-radius:4px;width:170px;outline:none;text-align:center;transition:border-color .3s;backdrop-filter:blur(10px)}
.ic-pw:focus{border-color:rgba(200,160,70,.6)}
.ic-pw::placeholder{color:rgba(200,160,70,.2);letter-spacing:.1em}
.ic-pw.shake{animation:icShake .42s}
@keyframes icShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.ic-enter-btn{margin-top:14px}
.ic-err{margin-top:11px;font-family:var(--s);font-size:8px;letter-spacing:.2em;color:rgba(200,55,35,.72);text-transform:uppercase;opacity:0;transition:opacity .3s}
.ic-err.show{opacity:1}
/* The inner circle room */
.ic-room{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;
 transition:opacity 1s .9s;overflow-y:hidden;
 background:radial-gradient(ellipse at 50% -8%,#3e2810 0%,#1a1108 44%,#080503 100%);
 padding:clamp(48px,7vw,96px) clamp(24px,6vw,80px) clamp(48px,6vw,80px)}
.ic-room.on{opacity:1;pointer-events:all;overflow-y:auto}
.ic-room-inner{max-width:660px;margin:0 auto}
.ic-room-ey{font-family:var(--s);font-size:7px;letter-spacing:.6em;text-transform:uppercase;
 color:rgba(200,160,70,.35);margin-bottom:26px}
.ic-room-h{font-family:var(--d);font-weight:300;font-style:italic;
 font-size:clamp(26px,4vw,56px);color:rgba(235,220,190,.9);
 letter-spacing:-.028em;line-height:.92;margin-bottom:clamp(32px,5vw,60px)}
.ic-room-h em{color:var(--gold-h)}
.ic-row{display:flex;gap:clamp(18px,2.5vw,36px);padding:clamp(20px,2.6vw,34px) 0;
 border-bottom:.5px solid rgba(200,160,70,.07);align-items:flex-start}
.ic-row:first-of-type{border-top:.5px solid rgba(200,160,70,.07)}
.ic-rn{font-family:var(--d);font-style:italic;font-weight:300;font-size:clamp(30px,4vw,52px);
 color:rgba(200,160,70,.11);line-height:1;flex-shrink:0;width:clamp(40px,5vw,60px);
 -webkit-text-stroke:.5px rgba(200,160,70,.09)}
.ic-lbl{font-family:var(--s);font-size:7px;letter-spacing:.4em;text-transform:uppercase;
 color:rgba(200,160,70,.4);margin-bottom:7px}
.ic-rh{font-family:var(--d);font-weight:300;font-size:clamp(14px,1.5vw,19px);
 color:rgba(230,215,185,.88);line-height:1.06;letter-spacing:-.013em;margin-bottom:7px}
.ic-rh em{font-style:italic;color:var(--gold-h)}
.ic-rd{font-family:var(--d);font-style:italic;font-size:clamp(11px,.88vw,13px);
 color:rgba(200,185,155,.38);line-height:1.65;margin-bottom:9px}
.ic-ra{font-family:var(--s);font-size:8px;letter-spacing:.24em;text-transform:uppercase;
 color:rgba(200,160,70,.42);text-decoration:none;transition:color .3s;display:inline-flex;align-items:center;gap:8px}
.ic-ra:hover{color:rgba(200,160,70,.82)}
.ic-tag{opacity:.55;font-size:7px;letter-spacing:.18em;margin-left:4px}
/* IC close */
.ic-x{position:fixed;top:18px;right:22px;z-index:9810;width:32px;height:32px;border-radius:50%;
 background:rgba(200,160,70,.04);border:.5px solid rgba(200,160,70,.12);
 color:rgba(200,160,70,.3);font-size:16px;cursor:pointer;
 display:none;place-items:center;transition:all .3s;line-height:1}
.ic-x:hover{background:rgba(200,160,70,.1);color:rgba(200,160,70,.75)}
.ic-portal.open .ic-x{display:grid}

/* Nav "For Members" button */
.nav-members{font-family:var(--m);font-size:9px;letter-spacing:.26em;text-transform:uppercase;
 color:rgba(242,237,229,.72);background:none;border:.5px solid rgba(255,255,255,.22);
 padding:6px 12px;border-radius:20px;cursor:pointer;transition:all .35s;white-space:nowrap}
.nav-members:hover{color:var(--ink);border-color:rgba(255,255,255,.55);
 background:rgba(255,255,255,.08)}

/* special event label styling */
.hist-lbl.special{color:var(--gold-h)}
.hist-ev.special-ev .hist-lbl::before{content:'★ ';color:var(--gold);opacity:.7}

/* founder modal */
.founder-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;
 padding:0;opacity:0;pointer-events:none;transition:opacity .4s var(--e);overflow-y:hidden}
.founder-modal.open{opacity:1;pointer-events:all;overflow-y:auto}
.fm-bg{position:absolute;inset:0;background:rgba(4,6,3,.93);backdrop-filter:blur(20px)}
.fm-panel{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.4fr;grid-template-rows:minmax(0,1fr);
 width:100%;max-width:none;min-height:100dvh;background:var(--surf);
 transform:translateY(18px);transition:transform .4s var(--e)}
.founder-modal.open .fm-panel{transform:none}
@media(max-width:640px){.fm-panel{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}}
.fm-img{position:sticky;top:0;align-self:start;overflow:hidden;height:100dvh;min-height:220px}
@media(max-width:640px){.fm-img{position:relative;height:auto}}
.fm-img img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.82);
 object-position:center top}
.fm-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--surf) 0%,transparent 40%)}
.fm-x{position:fixed;top:80px;right:20px;z-index:10;background:rgba(220,200,150,.05);
 border:.5px solid var(--hl2);color:var(--ink);width:38px;height:38px;border-radius:50%;
 cursor:pointer;display:grid;place-items:center;font-size:17px;transition:background .3s}
.fm-x:hover{background:var(--ink);color:var(--bg-d)}
.fm-text{padding:clamp(60px,7vw,100px) clamp(24px,3.5vw,44px) clamp(24px,3.5vw,44px);overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:13px;scrollbar-width:none;-ms-overflow-style:none}
@media(max-width:640px){.fm-text{padding-top:clamp(60px,10vw,90px)}}
.fm-text::-webkit-scrollbar{display:none}
.fm-scrollcue{display:none}
@media(max-width:640px){
.fm-scrollcue{display:flex;align-items:center;gap:6px;position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:5;padding:6px 14px;border-radius:100px;background:rgba(10,9,6,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--m);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-h);pointer-events:none;opacity:1;transition:opacity .4s var(--e);animation:fmScrollBounce 1.6s ease-in-out infinite}
.fm-scrollcue.hide{opacity:0}
.fm-scrollcue::after{content:'↓'}
}
@keyframes fmScrollBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(4px)}}
.fm-text .ey{margin-bottom:6px}
.fm-text h2{font-size:clamp(28px,3.5vw,52px)}
.fm-rule{height:.5px;width:36px;background:var(--gold-d)}
.fm-text .fm-lead{font-family:var(--b);font-style:normal;font-weight:400;font-size:clamp(15.7px,1.3vw,19px);color:var(--gold-h);line-height:1.6;margin-top:11px}
.fm-text .fm-exp{font-family:var(--b);font-weight:300;font-size:clamp(14.7px,1.1vw,16px);line-height:1.78;color:rgba(228,218,190,.84)}
.fm-text p{font-family:var(--b);font-weight:300;font-size:clamp(13px,1.05vw,15px);line-height:1.78;color:rgba(228,218,190,.84)}
.fm-ig{margin-top:4px;padding-top:14px;border-top:.5px solid var(--hl2);display:flex;flex-direction:column;gap:11px}
.fm-ig-h{display:flex;align-items:center;gap:7px;font-family:var(--m);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-d)}
.fm-ig-h svg{width:12px;height:12px}
.fm-ig-h .dot{width:3px;height:3px;border-radius:50%;background:var(--gold-d);opacity:.6}
.fm-text .fm-ig-cap{font-family:var(--b);font-style:normal;font-weight:300;font-size:clamp(13px,1vw,14.5px);line-height:1.7;color:rgba(228,218,190,.84)}
.fm-ig-gal{display:flex;align-items:flex-start;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:9px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.fm-ig-gal::-webkit-scrollbar{height:3px}
.fm-ig-gal::-webkit-scrollbar-track{background:transparent}
.fm-ig-gal::-webkit-scrollbar-thumb{background:linear-gradient(to right,transparent,var(--gold) 25%,var(--gold) 75%,transparent);border-radius:100px;box-shadow:0 0 8px 2px rgba(200,184,136,.55),0 0 3px rgba(255,245,220,.6)}
.fm-ig-gal img{width:47.625%;height:auto;flex:0 0 47.625%;aspect-ratio:147/184;object-fit:cover;border-radius:8px;border:.5px solid var(--hl2);scroll-snap-align:start;cursor:pointer;filter:brightness(.9);transition:filter .35s var(--e),transform .35s var(--e)}
.fm-ig-gal img:hover{filter:brightness(1.04);transform:translateY(-2px)}
.fm-ig-link{font-family:var(--m);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-h);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap .3s var(--e)}
.fm-ig-link:hover{gap:11px}
.fm-lb{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;background:rgba(6,9,5,.93);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:zoom-out;padding:6vh 5vw;opacity:0;transition:opacity .3s var(--e)}
.fm-lb.open{display:flex;opacity:1}
.fm-lb img{max-width:88vw;max-height:88vh;object-fit:contain;border-radius:10px;box-shadow:0 30px 90px rgba(0,0,0,.6);border:.5px solid var(--hl2)}
.fm-lb-x{position:absolute;top:22px;right:26px;width:44px;height:44px;border:0;background:rgba(0,0,0,.4);color:var(--ink);font-size:26px;line-height:1;border-radius:50%;cursor:pointer;transition:background .25s var(--e)}
.fm-lb-x:hover{background:rgba(0,0,0,.7)}
.fm-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;background:rgba(0,0,0,.4);color:var(--ink);font-size:30px;line-height:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s var(--e);z-index:2}
.fm-lb-nav:hover{background:rgba(0,0,0,.7)}
.fm-lb-prev{left:3vw}
.fm-lb-next{right:3vw}
@media(max-width:600px){.fm-lb-nav{width:44px;height:44px;font-size:26px}.fm-lb-prev{left:2vw}.fm-lb-next{right:2vw}}
.fm-socials{display:flex;gap:16px;padding-top:4px;border-top:.5px solid var(--hl2);margin-top:4px}
.fm-socials a{font-family:var(--m);font-size:9px;letter-spacing:.2em;text-transform:uppercase;
 color:var(--gold-d);text-decoration:none;transition:color .3s}
.fm-socials a:hover{color:var(--gold-h)}

/* ══ MOBILE / TOUCH ENHANCEMENTS ══ */
/* Carousels: native momentum scroll on iOS, pan horizontally without blocking vertical */
.six-grid,.impr-scroll,.car,.tm-scroll{
 -webkit-overflow-scrolling:touch;
 touch-action:pan-x pan-y;
}
/* Safe areas for notch devices */
.wrap{padding-left:max(clamp(18px,6vw,80px),env(safe-area-inset-left));
 padding-right:max(clamp(18px,6vw,80px),env(safe-area-inset-right))}
footer{padding-bottom:max(clamp(16px,2.2vw,26px),env(safe-area-inset-bottom))}
/* Touch devices: disable 3D card tilt (interferes with scroll) */
@media(hover:none),(pointer:coarse){
 .six-card:hover{transform:none!important}
 .cc:hover{transform:none!important}
 .slot:hover{transform:rotate(var(--sr,0deg)) scale(1.03) translateY(-6px)!important}
 /* Larger tap targets */
 .fq{padding:20px 0}
 .nav-links a{padding:8px 4px}
}
/* Reduced motion: kill non-essential animations */
@media(prefers-reduced-motion:reduce){
 .rz,.d1,.d2,.d3,.d4{transition:opacity .3s!important;transform:none!important}
 .al-v::after,.al-h::after{animation:none!important}
 .blob,.arch-glow{animation:none!important}
 .shim::after{animation:none!important}
 .hero-strip-track,.mq-track{animation:none!important}
 .hero-strip-track .sp{animation:none!important}
 .g3-modal,.pm,.vbox,.mem-modal{transition:none!important}
 .g3-panel,.pm-panel{transition:none!important}
 .hero-portal.spin{animation:none!important}
 .wc .wd{transition:none!important}
}
/* A8: global reduced-motion catch-all - calms every animation/transition/smooth-scroll site-wide (reveal .rz, lineBreathe, portal-spin, carousels) */
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* Small phones: tighten spacing */
@media(max-width:390px){
 .h1{font-size:clamp(36px,10vw,50px)!important}
 .red-testi{grid-template-columns:1fr}
 .who-split{grid-template-columns:1fr}
}
/* will-change: only on actively animating GPU layers */
.al-v::after,.al-h::after,.blob{will-change:transform}
.grain{will-change:opacity}
.hero-portal video,.six-vid{will-change:transform}
/* improvements: will-change for overlay transitions */
.pm{will-change:opacity}
.vbox{will-change:opacity}
.rz{will-change:opacity,transform}

/* 1. branded text selection */
::selection{background:rgba(200,184,136,.22);color:var(--ink)}

/* 2. scroll padding so anchors don't hide under sticky nav (~64px nav) */
:root{scroll-padding-top:72px}

/* 3. balance heading line breaks - modern CSS, no-op on unsupported */
h1,h2,h3,.h1{text-wrap:balance}

/* 4. zoom-out cursor inside lightbox (cursor:zoom-out already on #img-fs wrapper,
 but the img element needs it too to override the default cursor) */
#img-fs-el{cursor:zoom-out}

/* 5. prevent scroll bleeding out of scroll containers */
.six-grid,.car,.tm-scroll{overscroll-behavior-x:contain;overscroll-behavior-y:auto}

/* 6. branded focus ring - replaces browser default on dark bg */
:focus-visible{outline:1.5px solid rgba(200,184,136,.65);outline-offset:2px;border-radius:var(--r)}
a:focus-visible,button:focus-visible{outline-offset:3px}

/* 7. layout containment on modal panel to prevent side-effect reflows */
.pm-panel{contain:layout style}

/* 8. tap highlight removal on interactive cards not yet covered */
.six-card,.hero-portal,.slot-img,.wr-fan,.faq-item,.tm-card,.vc{-webkit-tap-highlight-color:transparent}

/* 9. grain: strict containment - it's full-screen fixed overlay, safe to isolate */
.grain{contain:strict}

/* 10. smooth img-fs nav button transitions (replace inline transition with class rule) */
#img-fs-prev,#img-fs-next{transition:all .28s var(--e);touch-action:manipulation}
#img-fs-prev:hover,#img-fs-next:hover{background:rgba(200,175,110,.22)!important}

/* 11. img-fs image subtle entrance */
#img-fs-el{transition:opacity .2s;user-select:none;-webkit-user-select:none}

/* 12. print: hide decorative chrome, show content only */
@media print{
 .grain,.al,.seam,.hero-portal-wrap,.vbox,.pm,.hist-modal,
 .founder-modal,#img-fs,.lineup .car,.stat-grid,section.impr,footer{display:none!important}
 body{background:#fff!important;color:#111!important}
 h1,h2,h3{color:#111!important}
}

/* 31. content-visibility: skip rendering heavy off-screen sections (impressions + testimonials) */
section.impr{content-visibility:auto;contain-intrinsic-size:auto 640px}
.lineup{content-visibility:auto;contain-intrinsic-size:auto 560px}

/* 32. smooth image rendering in lightbox */
#img-fs-el{image-rendering:auto}

/* 33. speaker carousel: snap-stop so swipe can't skip cards */
.cc{scroll-snap-align:start;scroll-snap-stop:always}

/* 34. subtitle/label text: prevent orphaned words on small viewports */
.ey,.six-lbl-t,.cap .l,.cap .r{text-wrap:nowrap}

/* 35. href underline animation for footer links */
.f-links a{text-underline-offset:3px;text-decoration-thickness:1px}

/* CLS prevention - explicit aspect ratios reduce layout shift */
.vc img,.cc-poster{aspect-ratio:16/9}
.slot-img img{aspect-ratio:4/3}
.hist-page img{aspect-ratio:3/4}
/* ── LIGHT THEME ── */
[data-theme="light"]{
 --bg:oklch(97% .008 85);
 --ink:oklch(18% .012 65);
 --bone:oklch(94% .012 82);
 --gold:oklch(52% .12 68);
 --gold-h:oklch(40% .10 68);
 --ember:oklch(55% .14 25);
}
[data-theme="light"] .nav{background:rgba(245,240,232,.92);border-color:rgba(80,60,40,.12)}
[data-theme="light"] .mem-room{background:radial-gradient(ellipse at 50% 0%,#c8a870 0%,#a07840 45%,#604820 100%)}
[data-theme="light"] .mem-door{background:repeating-linear-gradient(91deg,transparent 0,transparent 4px,rgba(0,0,0,.04) 4px,rgba(0,0,0,.04) 5px),linear-gradient(162deg,#d4b070 0%,#8c6430 48%,#b88840 100%)}
/* ── NAV TOGGLE BUTTONS ── */
.nav-toggles{display:flex;gap:8px;align-items:center}
.nav-theme-btn{background:transparent;border:.5px solid rgba(255,255,255,.22);color:rgba(242,237,229,.72);font-family:var(--m);font-size:8px;letter-spacing:.22em;text-transform:uppercase;padding:5px 9px;border-radius:3px;cursor:pointer;transition:all .28s;line-height:1}
.nav-theme-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);color:var(--ink)}
/* ── CAROUSEL NAV ARROWS ── */
.car-nav-btn{position:absolute;top:50%;transform:translateY(-50%);
 width:44px;height:44px;border-radius:50%;
 background:rgba(8,6,4,.75);border:.5px solid rgba(200,175,110,.32);
 color:rgba(220,200,155,.9);font-size:22px;line-height:1;
 cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;
 backdrop-filter:blur(10px);transition:all .28s var(--e);
 box-shadow:0 4px 18px rgba(0,0,0,.55)}
.car-nav-btn:hover{background:rgba(30,20,8,.9);border-color:rgba(200,175,110,.62);color:var(--gold);
 box-shadow:0 6px 24px rgba(0,0,0,.65);transform:translateY(-50%) scale(1.06)}
.car-nav-btn:active{transform:translateY(-50%) scale(.93);transition-duration:.08s;
 box-shadow:0 2px 8px rgba(0,0,0,.5)}
.car-prev{left:18px}
.car-next{right:18px}
/* ── MEMBERS PORTAL (behind doors) ── */
.mem-portal-wrap{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;padding:clamp(24px,4vw,56px) clamp(20px,3.5vw,48px);gap:24px;overflow-y:auto;position:relative}
.mem-nav{display:flex;gap:6px;flex-wrap:wrap}
.mem-nav-btn{background:rgba(255,255,255,.04);border:.5px solid rgba(200,178,110,.18);color:rgba(200,178,110,.5);font-family:var(--s);font-size:8px;letter-spacing:.28em;text-transform:uppercase;padding:8px 14px;border-radius:4px;cursor:pointer;transition:all .28s}
.mem-nav-btn.active,.mem-nav-btn:hover{background:rgba(200,178,110,.12);border-color:rgba(200,178,110,.4);color:rgba(220,195,130,.9)}
.mem-panels{flex:1}
.mem-pnl{display:none;animation:pnlIn .4s var(--e) both}
.mem-pnl.active{display:block}
@keyframes pnlIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mem-pnl-ey{font-family:var(--s);font-size:7px;letter-spacing:.44em;text-transform:uppercase;color:rgba(200,178,110,.38);margin-bottom:14px}
.mem-pnl-h{font-family:var(--d);font-weight:300;font-style:italic;font-size:clamp(22px,2.8vw,36px);color:rgba(235,220,190,.9);letter-spacing:-.022em;line-height:.95;margin-bottom:24px}
.mem-pnl-h em{color:var(--gold-h)}
/* footage */
.mem-footage-list{display:flex;flex-direction:column;gap:0}
.mem-footage-item{display:flex;align-items:center;gap:18px;padding:13px 0;border-bottom:.5px solid rgba(200,178,110,.1)}
.mem-footage-item:first-child{border-top:.5px solid rgba(200,178,110,.1)}
.mem-ed-num{font-family:var(--d);font-style:italic;font-size:clamp(18px,2vw,26px);color:rgba(200,178,110,.45);width:36px;flex-shrink:0;line-height:1}
.mem-ed-links{display:flex;gap:14px;flex-wrap:wrap}
.mem-dl-link{font-family:var(--s);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:rgba(220,195,130,.82);text-decoration:none;transition:color .25s;padding:5px 0;border-bottom:.5px solid rgba(200,178,110,.25)}
.mem-dl-link:hover{color:var(--gold);border-color:var(--gold)}
/* sessions */
.mem-sessions-list{display:flex;flex-direction:column;gap:14px}
.mem-session-item{display:flex;align-items:center;gap:18px;padding:13px 0;border-bottom:.5px solid rgba(200,178,110,.1)}
.mem-session-item:first-child{border-top:.5px solid rgba(200,178,110,.1)}
.mem-session-num{font-family:var(--d);font-style:italic;font-size:clamp(18px,2vw,26px);color:rgba(200,178,110,.45);width:36px;flex-shrink:0}
.mem-session-date{font-family:var(--s);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(220,195,130,.75);margin-bottom:3px}
.mem-session-status{font-family:var(--d);font-style:italic;font-size:13px;color:rgba(200,178,110,.5)}
.mem-sessions-note{font-family:var(--d);font-style:italic;font-size:12px;color:rgba(178,152,95,.32);line-height:1.6;margin-top:8px}
/* speaker */
.mem-speaker-body{font-family:var(--d);font-style:italic;font-size:clamp(13px,.9vw,15px);color:rgba(220,205,172,.6);line-height:1.6;max-width:38ch;margin-bottom:24px}
.mem-speaker-cta{display:inline-flex;align-items:center;font-family:var(--s);font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:rgba(220,195,130,.88);text-decoration:none;padding:12px 22px;border:.5px solid rgba(200,178,110,.38);border-radius:4px;transition:all .3s;margin-bottom:18px}
.mem-speaker-cta:hover{background:rgba(200,178,110,.12);border-color:rgba(200,178,110,.65)}
.mem-speaker-note{font-family:var(--d);font-style:italic;font-size:11px;color:rgba(178,152,95,.3)}
/* ── CO-CREATE FORM (embedded in Be a Speaker panel) ── */
.cc-form-wrap{width:100%;max-width:520px}
.cc-form-sub{font-family:var(--d);font-style:italic;font-size:clamp(12px,.95vw,15px);color:rgba(200,185,150,.45);line-height:1.65;margin-bottom:28px;max-width:44ch}
.ccf{position:relative;margin-top:20px}
.ccf:first-of-type{margin-top:0}
.ccf input,.ccf textarea{width:100%;background:transparent;border:none;
 border-bottom:.5px solid rgba(200,175,100,.2);padding:20px 0 8px;
 font-family:var(--d);font-size:15px;color:rgba(238,222,192,.9);
 outline:none;resize:none;transition:border-color .3s;
 caret-color:rgba(200,160,70,.7)}
.ccf textarea{height:52px;font-style:italic;font-size:14px}
.ccf input::placeholder,.ccf textarea::placeholder{color:transparent}
.ccf input:focus,.ccf textarea:focus{border-bottom-color:rgba(200,175,100,.5)}
.ccf label{position:absolute;left:0;top:20px;
 font-family:var(--s);font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;
 color:rgba(200,175,100,.38);transform-origin:left top;
 transition:transform .22s var(--e),color .22s;pointer-events:none}
.ccf input:focus ~ label,.ccf input:not(:placeholder-shown) ~ label,
.ccf textarea:focus ~ label,.ccf textarea:not(:placeholder-shown) ~ label{
 transform:translateY(-16px) scale(.72);color:rgba(200,175,100,.6)}
.cc-form-btn{display:inline-block;text-decoration:none;margin-top:28px;font-family:var(--s);font-size:9.5px;letter-spacing:.32em;text-transform:uppercase;
 background:rgba(200,178,110,.1);border:.5px solid rgba(200,178,110,.32);
 color:rgba(220,195,130,.88);padding:13px 26px;cursor:pointer;transition:all .35s}
.cc-form-btn:hover{background:rgba(200,178,110,.22);border-color:rgba(200,178,110,.6);color:rgba(238,218,155,.95)}
.cc-form-btn:disabled{opacity:.35;cursor:default}
.cc-form-ok{display:none;text-align:left;padding-top:4px}
.cc-form-ok.show{display:block}
.cc-form-ok-h{font-family:var(--d);font-weight:300;font-style:italic;font-size:clamp(18px,2.2vw,26px);
 color:rgba(235,220,190,.88);letter-spacing:-.02em;line-height:.96;margin-bottom:9px}
.cc-form-ok-h em{color:var(--gold-h)}
.cc-form-ok-p{font-family:var(--d);font-style:italic;font-size:12px;color:rgba(200,185,150,.4);line-height:1.6}

/* ── INNER CIRCLE ── */
.mem-nav-inner{letter-spacing:.42em!important;font-size:7px!important;border-color:rgba(220,210,185,.12)!important;opacity:.68}
.mem-nav-inner.active,.mem-nav-inner:hover{opacity:1}
.mem-inner-gate{padding:clamp(4px,1vw,12px) 0 clamp(18px,2.5vw,30px)}
.mem-inner-gate.gone{display:none}
.mem-inner-form{display:flex;gap:10px;align-items:center;margin:20px 0 8px}
.mem-inner-pw{background:transparent;border:none;border-bottom:.5px solid rgba(220,210,180,.16);color:rgba(238,230,205,.85);font-family:var(--s);font-size:11px;letter-spacing:.2em;padding:9px 2px;width:clamp(140px,18vw,200px);outline:none;transition:border-color .3s}
.mem-inner-pw:focus{border-bottom-color:rgba(220,210,180,.48)}
.mem-inner-pw::placeholder{color:rgba(220,210,180,.13);letter-spacing:.12em}
.mem-inner-btn{background:none;border:none;color:rgba(220,205,160,.5);font-family:var(--s);font-size:9px;letter-spacing:.28em;text-transform:uppercase;padding:8px 0;cursor:pointer;transition:color .25s;white-space:nowrap}
.mem-inner-btn:hover{color:rgba(220,205,160,.85)}
.mem-inner-err{font-family:var(--s);font-size:8px;letter-spacing:.2em;color:rgba(200,55,35,.55);text-transform:uppercase;opacity:0;transition:opacity .3s}
.mem-inner-err.show{opacity:1}
.mem-ic-reveal{display:none}
.mem-ic-reveal.on{display:block;animation:pnlIn .7s var(--e) both}
.mem-ic-hd{padding-bottom:clamp(14px,2vw,22px);border-bottom:.5px solid rgba(220,210,180,.05);margin-bottom:clamp(10px,1.6vw,18px)}
.mem-ic-hd-ey{font-family:var(--s);font-size:6.5px;letter-spacing:.52em;text-transform:uppercase;color:rgba(220,205,160,.22);margin-bottom:11px}
.mem-ic-hd-h{font-family:var(--d);font-weight:300;font-style:italic;font-size:clamp(18px,2.1vw,28px);color:rgba(235,225,200,.65);letter-spacing:-.024em;line-height:.95}
.mem-ic-hd-h em{color:oklch(0.8 0.05 86)}
.mem-ic-row{display:flex;align-items:flex-start;gap:clamp(12px,2.2vw,32px);padding:clamp(13px,1.7vw,20px) 0;border-bottom:.5px solid rgba(220,210,180,.04)}
.mem-ic-row:last-child{border-bottom:none}
.mem-ic-n{font-family:var(--d);font-style:italic;font-size:clamp(20px,2.4vw,32px);color:rgba(220,205,160,.08);width:clamp(24px,2.6vw,38px);flex-shrink:0;line-height:1;letter-spacing:-.02em}
.mem-ic-text{flex:1;min-width:0}
.mem-ic-lbl{font-family:var(--s);font-size:6.5px;letter-spacing:.48em;text-transform:uppercase;color:rgba(220,205,160,.25);margin-bottom:8px}
.mem-ic-h{font-family:var(--d);font-weight:300;font-style:italic;font-size:clamp(15px,1.75vw,22px);color:rgba(235,225,200,.78);letter-spacing:-.02em;line-height:.97;margin-bottom:8px}
.mem-ic-h em{color:oklch(0.8 0.05 86 / 0.74)}
.mem-ic-desc{font-family:var(--d);font-style:italic;font-size:clamp(11px,.77vw,12.5px);color:rgba(200,185,148,.34);line-height:1.62;max-width:34ch;margin-bottom:12px}
.mem-ic-a{display:inline-flex;align-items:center;gap:10px;font-family:var(--s);font-size:8px;letter-spacing:.32em;text-transform:uppercase;color:rgba(220,205,160,.44);text-decoration:none;padding:6px 0;border-bottom:.5px solid rgba(220,205,160,.15);transition:all .22s;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none}
.mem-ic-a:hover{color:rgba(220,205,160,.8);border-bottom-color:rgba(220,205,160,.46)}
.mem-ic-tag{font-size:6.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(180,165,120,.26);padding:3px 7px;border:.5px solid rgba(180,165,120,.09);border-radius:20px}
/* ── CREATOR OS TOOLKIT GRID (inner circle · mem-pnl-inner) ── */
.mem-tk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:9px;margin:14px 0 18px}
.mem-tk-item{padding:13px 15px 14px;border:.5px solid rgba(220,205,160,.07);border-radius:3px;background:rgba(220,205,160,.018);transition:border-color .24s,background .24s}
.mem-tk-item:hover{border-color:rgba(220,205,160,.18);background:rgba(220,205,160,.032)}
.mem-tk-num{font-family:var(--s);font-size:6px;letter-spacing:.4em;text-transform:uppercase;color:rgba(220,205,160,.2);margin-bottom:7px}
.mem-tk-title{font-family:var(--d);font-style:italic;font-size:clamp(12px,1.05vw,14.5px);color:rgba(235,225,200,.72);line-height:1.12;margin-bottom:5px;letter-spacing:-.01em}
.mem-tk-spec{font-family:var(--s);font-size:8.5px;color:rgba(200,185,148,.3);line-height:1.56;letter-spacing:.005em}
.mem-tk-badge{display:inline-block;font-size:6px;letter-spacing:.2em;text-transform:uppercase;color:rgba(184,108,42,.56);padding:2px 7px;border:.5px solid rgba(184,108,42,.2);border-radius:20px;margin-top:7px}
.mem-tk-item{cursor:pointer;position:relative}
.mem-tk-item::after{content:'→';position:absolute;top:11px;right:13px;font-family:var(--s);font-size:11px;color:rgba(220,205,160,.0);transition:color .24s,transform .24s;transform:translateX(-3px)}
.mem-tk-item:hover::after{color:rgba(220,205,160,.5);transform:translateX(0)}
/* ── CREATOR OS READER ── */
.osr{position:fixed;inset:0;z-index:12000;background:rgba(8,7,5,.0);backdrop-filter:blur(0);opacity:0;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1),backdrop-filter .42s}
.osr.open{opacity:1;pointer-events:all;background:rgba(8,7,5,.86);backdrop-filter:blur(6px)}
.osr-sheet{position:absolute;top:0;right:0;bottom:0;width:min(720px,100%);background:linear-gradient(180deg,#100e0a 0%,#0b0a07 100%);border-left:.5px solid rgba(220,205,160,.13);box-shadow:-40px 0 80px rgba(0,0,0,.5);transform:translateX(40px);opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s;overflow-y:hidden;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.osr.open .osr-sheet{transform:translateX(0);opacity:1;pointer-events:auto;overflow-y:auto}
.osr-x{position:fixed;top:22px;right:24px;z-index:12010;width:38px;height:38px;border-radius:50%;border:.5px solid rgba(220,205,160,.22);background:rgba(20,18,13,.7);color:rgba(220,205,160,.7);font-size:19px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .24s;opacity:0;pointer-events:none}
.osr.open .osr-x{opacity:1;pointer-events:all}
.osr-x:hover{border-color:rgba(220,205,160,.5);color:rgba(235,225,200,.95);transform:rotate(90deg)}
.osr-body{padding:64px clamp(26px,6vw,68px) 100px}
.osr-ey{font-family:var(--s);font-size:8px;letter-spacing:.34em;text-transform:uppercase;color:rgba(184,108,42,.7);margin-bottom:13px}
.osr-h1{font-family:var(--d);font-style:italic;font-size:clamp(30px,5.4vw,46px);color:rgba(238,229,206,.95);line-height:1.02;letter-spacing:-.015em;margin-bottom:14px}
.osr-lede{font-family:var(--d);font-style:italic;font-weight:300;font-size:14px;line-height:1.74;color:rgba(206,193,158,.72);max-width:54ch;margin-bottom:8px}
.osr-rule{height:.5px;background:linear-gradient(90deg,rgba(220,205,160,.22),transparent);margin:34px 0 30px}
.osr-sec-n{font-family:var(--s);font-size:7px;letter-spacing:.4em;text-transform:uppercase;color:rgba(220,205,160,.3);margin-bottom:9px}
.osr-sec-h{font-family:var(--d);font-style:italic;font-size:clamp(20px,2.8vw,26px);color:rgba(232,222,198,.9);line-height:1.1;margin-bottom:16px;letter-spacing:-.01em}
.osr-p{font-family:var(--d);font-style:italic;font-weight:300;font-size:13.5px;line-height:1.74;color:rgba(204,191,156,.72);margin-bottom:14px;max-width:60ch}
.osr-p strong,.osr-li strong{color:rgba(232,222,198,.94);font-weight:600}
.osr-p em,.osr-li em{font-family:var(--d);font-style:italic;color:rgba(220,205,160,.85);font-size:1.08em}
.osr-ul{list-style:none;margin:0 0 20px;padding:0}
.osr-li{position:relative;font-family:var(--d);font-style:italic;font-weight:300;font-size:13.5px;line-height:1.7;color:rgba(204,191,156,.72);padding:0 0 12px 20px;max-width:62ch}
.osr-li::before{content:'';position:absolute;left:2px;top:8px;width:5px;height:5px;border:.5px solid rgba(184,108,42,.6);border-radius:50%}
.osr-card{border:.5px solid rgba(220,205,160,.1);border-radius:4px;background:rgba(220,205,160,.022);padding:18px 20px;margin:0 0 14px}
.osr-card-t{font-family:var(--d);font-style:italic;font-size:17px;color:rgba(232,222,198,.9);margin-bottom:7px;line-height:1.12}
.osr-card-p{font-family:var(--d);font-style:italic;font-weight:300;font-size:12.5px;line-height:1.66;color:rgba(204,191,156,.68);margin:0}
.osr-tmpl{font-family:var(--s);font-size:11.5px;line-height:1.62;color:rgba(214,201,166,.82);background:rgba(12,18,16,.5);border:.5px solid rgba(220,205,160,.1);border-left:2px solid rgba(184,108,42,.5);border-radius:3px;padding:13px 16px;margin:0 0 11px;white-space:pre-wrap;word-break:break-word}
.osr-tmpl-lbl{display:block;font-size:7.5px;letter-spacing:.26em;text-transform:uppercase;color:rgba(184,108,42,.66);margin-bottom:8px}
.osr-fill{color:rgba(220,205,160,.95);font-style:italic;font-family:var(--d);font-size:1.12em}
table.osr-tbl{width:100%;border-collapse:collapse;margin:0 0 20px;font-family:var(--s)}
table.osr-tbl th{text-align:left;font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(220,205,160,.42);padding:0 10px 9px 0;border-bottom:.5px solid rgba(220,205,160,.16);font-weight:500}
table.osr-tbl td{font-size:11.5px;color:rgba(206,193,158,.74);padding:10px 10px 10px 0;border-bottom:.5px solid rgba(220,205,160,.055);line-height:1.4}
table.osr-tbl td:first-child{color:rgba(232,222,198,.88);font-weight:500}
.osr-note{font-family:var(--d);font-style:italic;font-weight:300;font-size:12px;line-height:1.6;color:rgba(180,165,120,.5);border-left:1.5px solid rgba(184,108,42,.34);padding:3px 0 3px 14px;margin:0 0 18px;max-width:58ch}
.osr-kj{display:flex;gap:11px;margin-bottom:11px;align-items:baseline}
.osr-kj-num{font-family:var(--d);font-style:italic;font-size:23px;color:rgba(184,108,42,.66);line-height:1;flex-shrink:0;min-width:42px}
.osr-kj-tx{font-family:var(--d);font-style:italic;font-weight:300;font-size:13px;line-height:1.7;color:rgba(206,193,158,.74)}
.osr-foot{font-family:var(--s);font-size:9px;letter-spacing:.04em;color:rgba(160,146,108,.4);line-height:1.6;margin-top:40px;padding-top:18px;border-top:.5px solid rgba(220,205,160,.08)}
.osr-nav{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.osr-chip{font-family:var(--s);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(206,193,158,.5);background:transparent;border:.5px solid rgba(220,205,160,.14);border-radius:20px;padding:6px 13px;cursor:pointer;transition:all .22s;white-space:nowrap}
.osr-chip:hover{border-color:rgba(220,205,160,.4);color:rgba(232,222,198,.85)}
.osr-chip.on{background:rgba(220,205,160,.1);border-color:rgba(220,205,160,.4);color:rgba(238,229,206,.95)}
/* ── HERO V11 ── */
.hero-v11{position:relative;width:100%;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.hero-v11 .l1,.hero-v11 .lv,.hero-v11 .lw{position:absolute;inset:0}
.hero-v11 .l1{background:url('/images/golden_hour/golden_hour_07_sunset-vibrant-1600.webp') center 44%/cover;z-index:0;filter:brightness(1.42) saturate(1.18)}
.hero-v11 .lv{background:url('/images/user/venue/4.webp') center 50%/cover;mask-image:conic-gradient(from 0deg at 58% 42%,transparent 0deg,black 20deg,black 100deg,transparent 120deg,transparent 360deg);-webkit-mask-image:conic-gradient(from 0deg at 58% 42%,transparent 0deg,black 20deg,black 100deg,transparent 120deg,transparent 360deg);opacity:.92;z-index:1;filter:brightness(1.42) saturate(1.18)}
.hero-v11 .lw{background:url('/images/user/work/1.webp') center top/85% auto;mask-image:conic-gradient(from 0deg at 58% 42%,transparent 0deg,transparent 120deg,black 145deg,black 200deg,transparent 218deg,transparent 360deg);-webkit-mask-image:conic-gradient(from 0deg at 58% 42%,transparent 0deg,transparent 120deg,black 145deg,black 200deg,transparent 218deg,transparent 360deg);opacity:.92;z-index:2;filter:brightness(1.42) saturate(1.18)}
.hero-v11 .ov{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(5,8,4,.18) 0%,rgba(5,8,4,.38) 50%,rgba(5,8,4,.72) 100%),radial-gradient(ellipse 100% 85% at 50% 36%,rgba(5,8,4,.08) 0%,transparent 68%)}
.hero-v11 .wash{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 72% 80% at 50% 44%,rgba(210,185,100,.11) 0%,transparent 74%)}
.hero-v11 .grain{position:absolute;inset:0;z-index:5;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23g)'/%3E%3C/svg%3E");background-size:256px 256px;opacity:.05;mix-blend-mode:overlay}
.hero-v11 .fade-bot{position:absolute;bottom:0;left:0;right:0;height:280px;z-index:6;background:linear-gradient(to top,rgba(6,9,5,1) 0%,rgba(6,9,5,.82) 26%,rgba(6,9,5,.22) 58%,transparent 100%);pointer-events:none}
.hero-v11 .strip{position:relative;z-index:10;width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(24px,5vw,72px)}
.hero-v11 .hero-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:22px;padding:72px 0 112px}
.hero-v11 .eyebrow{display:flex;align-items:center;gap:14px;justify-content:center}
.hero-v11 .ey-l{font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:#c8b888}
.hero-v11 .ey-r{font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(200,184,136,.3)}
.hero-v11 .ey-div{width:1px;height:11px;background:rgba(200,184,136,.16)}
.hero-v11 .h1{font-family:'Cormorant SC',serif;font-style:normal;font-weight:300;line-height:1.12;letter-spacing:0;font-size:clamp(2.6rem,5vw,5rem);background:linear-gradient(135deg,#f0e0b0 0%,#c8b888 40%,#c8903c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
@media(min-width:861px){.hero-v11 .h1{font-weight:400}}
.hero-v11 .gx{background:linear-gradient(135deg,#ede0b8 0%,#c8b888 42%,#c8903c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:400;font-size:1.06em;letter-spacing:-.022em}
.hero-v11 .deck{font-family:'IBM Plex Mono',monospace;font-size:1.03rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(242,237,229,.68);max-width:none;white-space:nowrap;line-height:1.6}
.hero-v11 .grule{width:48px;height:1px;background:linear-gradient(90deg,transparent,rgba(200,184,136,.4),transparent);margin:0 auto}
.hero-v11 .rs-row{display:flex;gap:0;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:8px}
.hero-v11 .rs-row .s{display:flex;flex-direction:column;gap:3px;padding:0 14px}
.hero-v11 .rs-row .sdiv{width:1px;background:rgba(220,200,150,.1);align-self:stretch;margin:4px 0}
.hero-v11 .rs-row .n{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(1.5rem,2.2vw,2rem);font-weight:400;line-height:1;background:linear-gradient(135deg,#ede0b8 0%,#c8b888 42%,#c8903c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-v11 .rs-row .l{font-family:'IBM Plex Mono',monospace;font-size:.5rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(242,237,229,.88);margin-top:3px;white-space:nowrap}
.hero-v11 .btns,.app-btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center}
.hero-stats{display:flex;align-items:center;border-top:.5px solid rgba(200,184,136,.1);margin-top:22px;padding-top:18px}
.hs{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 18px}
.hs:first-child{padding-left:0}
.hs:last-child{padding-right:0}
.hs-n{font-family:var(--d);font-style:italic;font-size:clamp(1.6rem,2.2vw,2.06rem);font-weight:400;line-height:1;
 background:linear-gradient(135deg,#fff5cc 0%,#f0c84a 42%,rgba(255,228,80,1) 100%);
 -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
 filter:drop-shadow(0 0 16px rgba(220,170,40,.7))}
.hs-k{font-family:var(--m);font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:rgba(242,237,229,1);white-space:nowrap}
.testi-oc .hs-n{font-size:clamp(2rem,2.8vw,3rem);
 background:linear-gradient(135deg,#f6ead0 0%,#e3ba79 46%,#caa257 100%);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 filter:drop-shadow(0 0 20px rgba(200,150,60,.72))}
.testi-oc .hs-k{font-family:var(--m);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(200,184,136,.68);white-space:nowrap}
.hs-div{width:.5px;height:28px;background:rgba(200,184,136,.55);flex-shrink:0}
@media(max-width:480px){.hero-stats{margin-top:16px;padding-top:12px}.hs{padding:0 12px}.hs-n{font-size:1.5rem}}
.hero-v11 .btn,.app-btns .btn{display:inline-flex;align-items:center;gap:9px;padding:13px 30px;border-radius:2px;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;border:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.hero-v11 .bg,.app-btns .bg{background:linear-gradient(135deg,#ede0b8 0%,#c8b888 42%,#c8903c 100%);color:#060905;font-weight:600;padding:14px 38px;font-size:.86rem;letter-spacing:.06em}
.hero-v11 .bg:hover,.app-btns .bg:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 30px rgba(200,170,60,.22)}
.hero-v11 .bo,.app-btns .bo{background:transparent;color:#f2ede5;border:1px solid rgba(242,237,229,.15)}
.hero-v11 .bo:hover,.app-btns .bo:hover{border-color:rgba(200,184,136,.42);color:#ede0b8}
.app-btns .btn svg{opacity:.55;flex-shrink:0;transition:opacity .3s}
.app-btns .btn:hover svg{opacity:.85}
/* WTU card-style gold hairline borders on sections */
/* .wall-dark,.wall-esp: section top borders removed */
.colour-seam{height:64px;background:linear-gradient(to bottom,var(--esp) 0%,#1a0b04 50%,var(--esp) 100%)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@supports not (mask-image: conic-gradient(black,black)){
.hero-v11 .lv,.hero-v11 .lw{display:none}
}
@media(max-width:860px){
/* MOBILE HERO REDESIGN: the desktop 3-photo conic pinwheel slices badly on a
   narrow portrait frame, so on mobile we drop the two wedge layers and show ONE
   clean full-bleed golden-hour photo. Brightness is pulled down from the desktop
   1.42 (which washed the frame out and killed cream-text contrast) and the dark
   overlay is strengthened, so the headline and buttons stay readable. Layout is
   re-stacked: headline + deck + CTAs sit centred, with the 900+ Alumni/10
   Editions stat row at the BOTTOM of the hero. Everything stays above the
   fold on entry, no scroll needed. Live order rules are in mobile.css
   (.hero-v11 .btns / .hero-stats, !important) - the ones below are shadowed
   by mobile.css and kept only so both files agree on intent. */
.hero-v11 .lv,.hero-v11 .lw{display:none}
.hero-v11 .l1{background-position:center 46%;filter:brightness(.98) saturate(1.14)}
.hero-v11 .ov{background:linear-gradient(180deg,rgba(4,7,3,.6) 0%,rgba(4,7,3,.44) 34%,rgba(4,7,3,.55) 64%,rgba(4,7,3,.9) 100%)}
.hero-v11 .fade-bot{height:200px}
.hero-v11 .grule{display:none}
.hero-v11 .hero-body{justify-content:center;padding:64px 0 84px;gap:18px}
.hero-v11 .h1{order:1}
.hero-v11 .deck{order:2}
.hero-v11 .hero-stats{order:3}
.hero-v11 .hero-note{display:none}
.hero-v11 .btns{order:5;margin-top:4px;transform:none}
.colour-seam{height:40px}
}
@media(max-width:480px){
.hero-v11 .hero-body{gap:14px;padding:52px 0 68px}
.hero-v11 .h1{font-size:clamp(38px,11vw,52px);line-height:1.12;letter-spacing:0}
.hero-v11 .h1 br{display:none}
.hero-v11 .btns,.app-btns{flex-direction:column;width:100%;max-width:280px}
.hero-v11 .btn,.app-btns .btn{width:100%;justify-content:center;padding:14px 24px}
.hero-v11 .deck{font-size:min(3vw,.8rem);letter-spacing:.04em;white-space:normal;max-width:88vw;line-height:1.7}
.hero-v11 .hero-note{white-space:normal;max-width:88vw;letter-spacing:.1em}
.colour-seam{height:28px}
}

/* ══ MOBILE GIGACHARGE: targeted fixes not covered by mobile.css ══ */
/* Sub-task 1: video wiring confirmed correct (all non-pillar videos already
   route through vboxOpen; six pillar cards keep pmOpen as required). No JS changes. */

/* Sub-task 2: remaining CSS gaps */
@media(max-width:768px){
  /* FIX 1: .six-film desktop margin (clamp 80-110px) pushes 26% of
     mobile screen width into dead space. Full-edge-to-edge on phones. */
  .six-film{margin-left:0 !important}
  /* Tighten inner padding to match narrower container */
  .six-film .six-grid{padding-left:clamp(16px,4vw,28px) !important;scroll-padding-left:clamp(16px,4vw,28px) !important}
  .six-film .six-nav{margin-left:clamp(16px,4vw,28px) !important;margin-right:clamp(16px,4vw,28px) !important}

  /* FIX 2: hero .deck has white-space:nowrap; ensure it never clips on
     very narrow screens by permitting wrap at true tiny sizes */
  .hero-v11 .deck{white-space:normal;text-align:center}

  /* FIX 3: six section header button (.vpp-btn) needs full 44px tap target */
  .vpp-btn{min-height:44px;padding-top:10px;padding-bottom:10px}
}

/* #1, unify h2 font-size across the 6 sections who/faq/mastermind/six/
   red-testi/moments (Tobi ask, desktop pass). Reference font-size = #six's
   h2 at 38px plus 1.5pt (about 2px), so 40px. Selectors are ID-scoped so
   they only touch these 6 h2 elements, not the shared --t-h2 root variable,
   which also feeds an unrelated h2 in the #apply section that must stay
   at 38px. */
@media(min-width:861px){
  #who .sh h2,
  #faq .sh h2,
  #mastermind.lineup h2,
  #core .six-hdr h2,
  #red-testi .rt-left h2,
  #moments .impr-left h2{
    font-size:40px !important
  }
}
/* .section-hdr/.section-content: single shared header-to-content gap class
   pair for the 6 sections above, replacing the old per-section overrides.
   One value governs the gap at desktop/laptop: 15px (same value #mastermind
   already used and was approved), 8px at mobile (mobile.css #510).
   #moments is excluded here: .impr is a permanent 2-column grid at this
   width (columns collapse to 1 only under 740px), so header and content
   sit side by side, not stacked, and a stacked-gap value wouldn't apply. */
@media(min-width:861px){
  .section-hdr:not(#moments *){
    padding-bottom:0 !important;
    margin-bottom:0 !important
  }
  .section-content:not(#moments *){
    padding-top:15px !important;
    margin-top:15px !important
  }
}