[data-direction]{--bg:#0a0a1a;--bg-2:#070714;--gold:#b8964e;--gold-deep:#8a6d35;--gold-light:#d4b271;--gold-bright:#e8c981;--gold-soft:#b8964e1a;--green:#25d366;--text:#f0ece2;--text-dim:#b8b0a0;--muted:#7c746a;--border:#f0ece214;--border-light:#f0ece224;--amber:#d97706;--amber-soft:#d977061f;--serif:"Fraunces", Georgia, serif;--sans:"Inter", -apple-system, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;background:var(--bg);color:var(--text)}[data-direction] *{box-sizing:border-box}[data-direction] img{max-width:100%;display:block}[data-direction] .dir-bg:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(1400px 900px at 20% 10%,#b8964e1a,#0000 55%),radial-gradient(1100px 800px at 85% 75%,#b8964e0f,#0000 55%),linear-gradient(#0a0a1a 0%,#070714 100%);position:fixed;inset:0}[data-direction] .dir-bg:after{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#f0ece205 1px,#0000 0);background-size:40px 40px;position:fixed;inset:0}[data-direction] .mock-banner{z-index:300;background:linear-gradient(90deg, var(--amber-soft), var(--gold-soft), var(--amber-soft));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#f0dfaa;text-align:center;border-bottom:1px solid #d9770633;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:10px 20px;font-size:11px;display:flex;position:fixed;top:0;left:0;right:0}[data-direction] .fixed.top-0.left-0.right-0{top:44px}[data-direction] main{padding-top:44px}@media (max-width:640px){[data-direction] .fixed.top-0.left-0.right-0{top:56px}[data-direction] main{padding-top:56px}}[data-direction] .mock-banner .dot{background:var(--amber);width:6px;height:6px;box-shadow:0 0 8px var(--amber);border-radius:50%;flex-shrink:0;animation:2s infinite dir-pulse}[data-direction] .mock-banner strong{color:var(--gold-bright);font-weight:600}[data-direction] .mock-banner .sep{background:#f0ece24d;border-radius:50%;flex-shrink:0;width:3px;height:3px}[data-direction] .mock-banner a{color:var(--gold-light);text-underline-offset:3px;-webkit-text-decoration:underline #b8964e66;text-decoration:underline #b8964e66}[data-direction] .scroll-bar{background:linear-gradient(90deg, var(--gold), var(--gold-light));z-index:60;width:0;height:2px;transition:width .1s;position:fixed;top:0;left:0;box-shadow:0 0 10px #b8964e80}[data-direction] .cursor-glow{pointer-events:none;z-index:100;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,#b8964e14,#0000 60%);border-radius:50%;width:600px;height:600px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}[data-direction] .dir-rail{z-index:40;opacity:0;flex-direction:column;gap:18px;transition:opacity .6s;display:flex;position:fixed;top:50%;left:32px;transform:translateY(-50%)}[data-direction] .dir-rail.visible{opacity:1}[data-direction] .dir-rail a{color:var(--muted);font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:12px;font-size:10px;text-decoration:none;transition:all .3s;display:flex}[data-direction] .dir-rail a:before{content:"";opacity:.3;background:currentColor;width:24px;height:1px;transition:all .3s}[data-direction] .dir-rail a:hover,[data-direction] .dir-rail a.active{color:var(--gold)}[data-direction] .dir-rail a.active:before{opacity:1;background:var(--gold);width:48px;height:2px}[data-direction] .dir-rail a span:last-child{opacity:0;transition:all .3s;transform:translate(-10px)}[data-direction] .dir-rail a.active span:last-child,[data-direction] .dir-rail a:hover span:last-child{opacity:1;transform:translate(0)}[data-direction] .masthead{flex-direction:column;justify-content:center;max-width:1400px;min-height:92vh;margin:0 auto;padding:80px 40px;display:flex;position:relative}[data-direction] .masthead .issue{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:0;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:60px;font-size:11px;animation:1s .2s forwards dir-fadeUp;display:flex}[data-direction] .masthead .issue:after{content:"";border-top:1px solid var(--border);flex:1;min-width:40px}[data-direction] .masthead h1{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(64px,12vw,200px);font-weight:200;line-height:.88;overflow:hidden}[data-direction] .masthead h1 .line{display:block;overflow:hidden}[data-direction] .masthead h1 .line span{animation:1.1s cubic-bezier(.16,1,.3,1) forwards dir-slideUp;display:inline-block;transform:translateY(120%)}[data-direction] .masthead h1 .line:nth-child(2) span{animation-delay:.15s}[data-direction] .masthead h1 em{color:var(--gold);font-style:italic;font-weight:300}[data-direction] .masthead .dek{max-width:640px;color:var(--text-dim);font-size:19px;line-height:1.65;font-family:var(--serif);opacity:0;margin-top:60px;font-style:italic;font-weight:300;animation:1s .8s forwards dir-fadeUp}[data-direction] .masthead .scroll-cue{font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--muted);opacity:0;align-items:center;gap:14px;margin-top:100px;font-size:11px;animation:1s 1.2s forwards dir-fadeUp;display:flex}[data-direction] .masthead .scroll-cue:before{content:"";background:var(--gold);width:40px;height:1px;animation:2s infinite dir-pulseX}[data-direction] .float-screens{pointer-events:none;flex-direction:column;gap:16px;width:40%;max-width:520px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}[data-direction] .float-screens .mini{box-shadow:0 40px 80px #0009, 0 0 0 1px var(--border);opacity:0;border-radius:10px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}[data-direction] .float-screens .mini:first-child{animation:1.2s 1s forwards dir-floatIn;transform:rotate(-4deg)translate(10%)}[data-direction] .float-screens .mini:nth-child(2){z-index:2;animation:1.2s 1.2s forwards dir-floatIn;transform:rotate(3deg)translate(-8%)}[data-direction] .float-screens .mini:nth-child(3){animation:1.2s 1.4s forwards dir-floatIn;transform:rotate(-2deg)translate(12%)}[data-direction] .gdpr-section{z-index:3;max-width:1400px;margin:0 auto;padding:40px 40px 0;position:relative}[data-direction] .gdpr-note{max-width:960px;color:var(--text-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#d977060f,#b8964e0a);border:1px solid #d9770640;border-radius:12px;align-items:flex-start;gap:14px;margin:0 auto;padding:18px 24px;font-size:13px;line-height:1.6;display:flex}[data-direction] .gdpr-note .icon{background:var(--amber-soft);width:32px;height:32px;color:var(--gold-light);font-weight:600;font-family:var(--serif);border:1px solid #d977064d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}[data-direction] .gdpr-note .body{flex:1;min-width:0}[data-direction] .gdpr-note .body strong{color:var(--gold-bright);font-weight:600}[data-direction] .gdpr-note .body .kicker{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-size:10px;display:block}[data-direction] .scene{max-width:1400px;margin:0 auto;padding:160px 40px;position:relative}[data-direction] .scene .chapter{font-family:var(--serif);color:var(--gold);opacity:.06;letter-spacing:-.05em;pointer-events:none;font-size:clamp(140px,18vw,280px);font-weight:300;line-height:.8;position:absolute;top:60px;left:40px}[data-direction] .scene .timestamp{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);align-items:center;gap:18px;margin-bottom:28px;font-size:11px;display:flex}[data-direction] .scene .timestamp:before{content:"";background:var(--gold);width:40px;height:1px}[data-direction] .scene h2{font-family:var(--serif);letter-spacing:-.035em;max-width:1100px;margin:0 0 32px;font-size:clamp(44px,7vw,96px);font-weight:200;line-height:1}[data-direction] .scene h2 em{color:var(--gold);font-style:italic;font-weight:300}[data-direction] .scene .lede{color:var(--text);max-width:680px;margin:0 0 20px;font-size:18px;line-height:1.7}[data-direction] .scene .lede.dim{color:var(--text-dim)}[data-direction] .scene .caption{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:28px;font-size:10px;display:flex}[data-direction] .scene .caption strong{color:var(--gold);font-weight:500}[data-direction] .reveal{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}[data-direction] .reveal.in-view{opacity:1;transform:translateY(0)}[data-direction] .reveal.delay-1{transition-delay:.12s}[data-direction] .reveal.delay-2{transition-delay:.24s}[data-direction] .reveal.delay-3{transition-delay:.36s}[data-direction] .reveal.delay-4{transition-delay:.48s}[data-direction] .screen-scene{perspective:2400px;margin-top:80px;position:relative}[data-direction] .screen-wrap{transform-style:preserve-3d;will-change:transform;transition:transform .15s ease-out;position:relative}[data-direction] .screen{box-shadow:0 80px 160px -40px #000c, 0 0 0 1px var(--border);border-radius:18px;transition:box-shadow .3s;position:relative;overflow:hidden}[data-direction] .screen:hover{box-shadow:0 80px 200px -40px #b8964e4d,0 0 0 1px #b8964e4d}[data-direction] .screen:before{content:"";filter:blur(60px);z-index:-1;pointer-events:none;opacity:.6;background:radial-gradient(#b8964e40,#0000 60%);transition:opacity .4s;position:absolute;inset:-150px}[data-direction] .screen-wrap:hover .screen:before{opacity:1}[data-direction] .fragment{z-index:5;will-change:transform;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute}[data-direction] .fragment.reveal{opacity:0;transform:translateY(30px)scale(.95)}[data-direction] .fragment.reveal.in-view{opacity:1;transform:translateY(0)scale(1)}[data-direction] .fc-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e0c08eb;border:1px solid #b8964e4d;border-radius:14px;min-width:240px;max-width:300px;padding:14px 16px;box-shadow:0 30px 80px #000000b3}[data-direction] .fc-kicker{font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--gold);align-items:center;gap:8px;margin-bottom:8px;font-size:9px;display:flex}[data-direction] .fc-kicker .pulse-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:1.8s infinite dir-pulse}[data-direction] .fc-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}[data-direction] .fc-body{color:var(--text-dim);font-size:12px;line-height:1.5}[data-direction] .pullquote{text-align:center;max-width:1100px;margin:160px auto;padding:0 40px;position:relative}[data-direction] .pullquote:before{content:"\"";font-family:var(--serif);color:var(--gold);opacity:.08;font-size:340px;line-height:.8;position:absolute;top:-100px;left:50%;transform:translate(-50%)}[data-direction] .pullquote p{font-family:var(--serif);letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(30px,4.2vw,60px);font-style:italic;font-weight:200;line-height:1.15}[data-direction] .pullquote p em{color:var(--gold);font-style:italic}[data-direction] .pullquote .attr{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:32px;font-size:11px}[data-direction] .stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:1300px;margin:160px auto;padding:100px 40px;position:relative}[data-direction] .stats-bar:before{content:"";background:linear-gradient(180deg, var(--gold), transparent);width:1px;height:40px;position:absolute;top:0;left:50%;transform:translate(-50%)}[data-direction] .stats-bar .lbl{text-align:center;font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:50px;font-size:11px}[data-direction] .stats-bar .grid{grid-template-columns:repeat(4,1fr);gap:60px;display:grid}[data-direction] .stats-bar .num{font-family:var(--serif);color:var(--gold);letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(52px,7vw,96px);font-weight:200;line-height:1}[data-direction] .stats-bar .num em{color:var(--muted);margin-left:6px;font-size:.4em;font-style:normal;font-weight:400}[data-direction] .stats-bar .lab{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:11px}[data-direction] .stats-bar .cap{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-align:center;margin-top:60px;font-size:10px}[data-direction] .dir-close{text-align:center;max-width:1100px;margin:200px auto 120px;padding:0 40px;position:relative}[data-direction] .dir-close:before{content:"";background:linear-gradient(180deg, transparent, var(--gold));width:1px;height:60px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}[data-direction] .dir-close .kicker{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:28px;font-size:11px}[data-direction] .dir-close h3{font-family:var(--serif);letter-spacing:-.04em;margin:0 0 56px;font-size:clamp(48px,8vw,120px);font-weight:200;line-height:.95}[data-direction] .dir-close h3 em{color:var(--gold);font-style:italic}[data-direction] .dir-close .cta{background:var(--gold);color:#0a0a0a;letter-spacing:.02em;border-radius:6px;align-items:center;gap:14px;padding:20px 44px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden}[data-direction] .dir-close .cta:hover{transform:translateY(-4px);box-shadow:0 30px 80px #b8964e66}[data-direction] .dir-close .cta:after{content:"→";font-size:18px}[data-direction] .counter{font-variant-numeric:tabular-nums;display:inline-block}@keyframes dir-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}@keyframes dir-pulseX{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.5;transform:scaleX(.4)}}@keyframes dir-floatIn{to{opacity:1}}@keyframes dir-fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes dir-slideUp{to{transform:translateY(0)}}@media (max-width:960px){[data-direction] .dir-rail,[data-direction] .float-screens{display:none}[data-direction] .stats-bar .grid{grid-template-columns:repeat(2,1fr);gap:40px}[data-direction] .fragment{display:none}[data-direction] .scene{padding:90px 24px}[data-direction] .masthead{padding:60px 24px}[data-direction] .masthead .dek{margin-top:40px;font-size:17px}[data-direction] .masthead .scroll-cue{margin-top:60px}[data-direction] .pullquote{margin:100px auto;padding:0 24px}[data-direction] .stats-bar{margin:100px auto;padding:70px 24px}[data-direction] .dir-close{margin:120px auto 80px;padding:0 24px}[data-direction] .gdpr-section{padding:28px 24px 0}[data-direction] .gdpr-note{padding:16px 18px;font-size:12.5px}}@media (max-width:640px){[data-direction] .stats-bar .grid{gap:28px}[data-direction] .stats-bar .num{font-size:44px}[data-direction] .masthead .issue{gap:14px;margin-bottom:40px;font-size:10px}[data-direction] .scene .timestamp{letter-spacing:.2em;font-size:10px}[data-direction] .scene .lede{font-size:16px}[data-direction] .screen-scene{margin-top:50px}[data-direction] .caption{letter-spacing:.14em;font-size:9px}[data-direction] .dir-close .cta{padding:16px 28px;font-size:14px}[data-direction] .gdpr-note{flex-direction:column;gap:10px;padding:14px 16px;font-size:12px}[data-direction] .gdpr-note .icon{width:28px;height:28px;font-size:14px}}@media (max-width:420px){[data-direction] .masthead{padding:50px 20px}[data-direction] .scene{padding:70px 20px}[data-direction] .masthead .dek{font-size:15px}[data-direction] .mock-banner{padding:8px 12px;font-size:9px}[data-direction] .pullquote:before{font-size:220px;top:-60px}}