/* =====================================================================
   PALEONOVA - design system v2
   ===================================================================== */
:root{
  --bg:#0a0908; --bg2:#0e0c0a; --surface:#141009; --surface2:#181309;
  --line:rgba(236,228,210,.10); --line-2:rgba(236,228,210,.18);
  --bone:#efe7d6; --bone-dim:#b7ac95; --muted:#8a8069; --faint:#5f5748;
  --amber:#d8a24a; --amber-hi:#f2c876; --teal:#7fb0a6; --rust:#c06a3f;
  --maxw:1200px; --r:16px;
  --f-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --f-sans:'Manrope',system-ui,-apple-system,Arial,sans-serif;
  --ease:cubic-bezier(.22,.8,.28,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--bone);font-family:var(--f-sans);line-height:1.62;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
::selection{background:var(--amber);color:#160f04}
h1,h2,h3,h4{font-family:var(--f-serif);font-weight:600;line-height:1.03;margin:0;letter-spacing:0}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,52px)}
.kicker{font:600 11px/1 var(--f-sans);letter-spacing:.42em;text-transform:uppercase;color:var(--amber)}
.lead{font-size:clamp(16px,2.2vw,21px);color:var(--bone-dim);max-width:60ch}
.serif-it{font-family:var(--f-serif);font-style:italic}

/* ambient texture */
.grain{position:fixed;inset:0;pointer-events:none;z-index:60;mix-blend-mode:overlay;opacity:.42;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.84' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:260px 260px}

/* ---------------- header ---------------- */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .4s var(--ease),border-color .4s}
.hdr .progress{position:absolute;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,var(--amber),var(--amber-hi));box-shadow:0 0 12px rgba(216,162,74,.6)}
.hdr .inner{display:flex;align-items:center;justify-content:space-between;height:74px;border-bottom:1px solid transparent;transition:.4s var(--ease)}
.hdr.scrolled{background:rgba(10,9,8,.72);backdrop-filter:blur(14px) saturate(1.1)}
.hdr.scrolled .inner{border-color:var(--line)}
.brand{font:700 18px/1 var(--f-serif);letter-spacing:.28em;text-transform:uppercase;color:var(--bone);display:flex;align-items:center;gap:2px}
.brand b{color:var(--amber);font-weight:600}
.brand .mark{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--amber-hi),var(--amber));margin-right:12px;box-shadow:0 0 14px rgba(216,162,74,.7)}
.nav{display:flex;align-items:center;gap:30px}
.nav a{font:500 12px/1 var(--f-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--bone-dim);padding:8px 0;position:relative;transition:color .25s}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--amber);transition:right .3s var(--ease)}
.nav a:hover,.nav a.active{color:var(--bone)} .nav a:hover::after,.nav a.active::after{right:0}
.cta-yt{font:600 11px/1 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:#170f03;
  background:linear-gradient(180deg,var(--amber-hi),var(--amber));padding:11px 17px;border-radius:22px;transition:.25s var(--ease)}
.cta-yt:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(216,162,74,.28)}
.burger{display:none;width:42px;height:42px;border:1px solid var(--line-2);border-radius:11px;background:transparent;cursor:pointer;position:relative}
.burger span{position:absolute;left:11px;right:11px;height:1.5px;background:var(--bone);transition:.3s}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:21px}.burger span:nth-child(3){top:27px}
.mnav{position:fixed;inset:0;z-index:55;background:rgba(8,7,6,.96);backdrop-filter:blur(10px);display:none;flex-direction:column;align-items:center;justify-content:center;gap:26px}
.mnav.on{display:flex}
.mnav a{font:400 30px/1 var(--f-serif);color:var(--bone);letter-spacing:.02em}
.mnav a.active{color:var(--amber)}
.mnav .close{position:absolute;top:22px;right:24px;font:500 12px var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);cursor:pointer}
@media(max-width:860px){.nav,.cta-yt{display:none}.burger{display:block}}

/* ---------------- hero ---------------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}
.hero canvas#dust{position:absolute;inset:0;z-index:0}
.hero .mesh{position:absolute;inset:0;z-index:0;
  background:
   radial-gradient(60% 50% at 80% 12%,rgba(216,162,74,.24),transparent 60%),
   radial-gradient(70% 60% at 12% 96%,rgba(192,106,63,.26),transparent 60%),
   radial-gradient(50% 60% at 50% 50%,rgba(127,176,166,.06),transparent 70%),
   linear-gradient(165deg,#0b0906,#130f0a 55%,#090705)}
.hero .strata{position:absolute;inset:0;z-index:0;opacity:.5;
  background-image:repeating-linear-gradient(0deg,transparent 0 78px,rgba(236,228,210,.03) 78px 79px);mask-image:linear-gradient(180deg,transparent,#000 40%,#000 70%,transparent)}
.hero .vig{position:absolute;inset:0;z-index:1;background:radial-gradient(120% 120% at 50% 42%,transparent 52%,rgba(0,0,0,.66))}
.hero .wrap{position:relative;z-index:2;padding-top:90px;padding-bottom:60px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:clamp(24px,4vw,58px);align-items:center}
.hero h1{font-size:clamp(50px,10vw,142px);line-height:.95;letter-spacing:0}
.hero h1 .row2{color:var(--amber);font-style:italic;font-weight:300}
.hero .lead{margin-top:26px}
.hero .cta{margin-top:38px;display:flex;gap:14px;flex-wrap:wrap}
.hero-film{appearance:none;border:1px solid var(--line-2);border-radius:var(--r);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));color:var(--bone);padding:16px;text-align:left;cursor:pointer;box-shadow:0 28px 70px rgba(0,0,0,.36);transition:.28s var(--ease);width:100%;align-self:center}
.hero-film:hover{transform:translateY(-4px);border-color:rgba(216,162,74,.46);box-shadow:0 34px 90px rgba(0,0,0,.48)}
.hero-film .label{display:block;font:800 10px/1 var(--f-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--amber);margin:0 0 12px}
.hero-film .thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#000 center/cover;border:1px solid var(--line)}
.hero-film .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.48))}
.hero-film .play{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}
.hero-film .play i{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(216,162,74,.92);box-shadow:0 14px 34px rgba(0,0,0,.45)}
.hero-film .meta{display:block;margin-top:15px;font:800 10px/1 var(--f-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
.hero-film .title{display:block;font:600 clamp(24px,2.6vw,32px)/1.05 var(--f-serif);margin-top:9px}
.hero-film .desc{display:block;margin-top:9px;color:var(--bone-dim);font:500 14px/1.55 var(--f-sans)}
.hero .scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;color:var(--muted);font:500 10px var(--f-sans);letter-spacing:.34em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:10px}
.hero .scroll .ln{width:1px;height:40px;background:linear-gradient(var(--amber),transparent);animation:drop 2.2s var(--ease) infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media(max-width:980px){
  .hero{align-items:flex-start}
  .hero .wrap{padding-top:96px;padding-bottom:86px}
  .hero-grid{grid-template-columns:1fr;gap:24px}
  .hero h1{font-size:clamp(46px,13vw,82px)}
  .hero .lead{max-width:58ch}
  .hero .cta{margin-top:24px}
  .hero-film{max-width:520px}
  .hero-film .thumb{aspect-ratio:16/8}
}
@media(max-width:560px){
  .hero .wrap{padding-top:92px}
  .hero h1{font-size:clamp(42px,12vw,64px)}
  .hero .lead{font-size:15px;margin-top:18px}
  .hero-film{padding:13px}
  .hero-film .label{margin-bottom:10px}
  .hero-film .title{font-size:23px}
  .hero-film .desc{font-size:13px}
  .hero .scroll{display:none}
}

.btn{display:inline-flex;align-items:center;gap:9px;font:600 13px var(--f-sans);letter-spacing:.03em;padding:14px 24px;border-radius:26px;border:1px solid transparent;cursor:pointer;transition:.25s var(--ease)}
.btn.primary{background:linear-gradient(180deg,var(--amber-hi),var(--amber));color:#170f03}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(216,162,74,.3)}
.btn.ghost{border-color:var(--line-2);color:var(--bone)}
.btn.ghost:hover{border-color:var(--amber);color:var(--amber-hi);transform:translateY(-2px)}

/* marquee */
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:var(--bg2)}
.marquee .track{display:flex;gap:54px;white-space:nowrap;padding:16px 0;animation:scrollx 40s linear infinite;width:max-content}
.marquee span{font:400 15px/1 var(--f-serif);font-style:italic;letter-spacing:.08em;color:var(--muted)}
.marquee span b{color:var(--amber);font-style:normal;font-weight:400;margin-right:54px}
@keyframes scrollx{to{transform:translateX(-50%)}}

/* sections */
section.blk{position:relative;z-index:2;padding:clamp(64px,10vw,128px) 0}
.eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.eyebrow .ln{height:1px;flex:1;background:var(--line)}
.h2{font-size:clamp(30px,5vw,54px);line-height:1.02}
.sub{color:var(--bone-dim);max-width:62ch;margin-top:16px;font-size:16.5px}

[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
[data-reveal].in{opacity:1;transform:none}

.grid{display:grid;gap:22px} .g2{grid-template-columns:1fr 1fr} .g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.g3{grid-template-columns:1fr}.g2{grid-template-columns:1fr}}

.card{position:relative;border:1px solid var(--line);border-radius:var(--r);padding:30px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.022),transparent);transition:.3s var(--ease)}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 100% at 0% 0%,rgba(216,162,74,.10),transparent 55%);opacity:0;transition:.3s}
.card:hover{border-color:var(--line-2);transform:translateY(-4px)} .card:hover::before{opacity:1}
.card .num{font:600 12px/1 var(--f-sans);letter-spacing:.24em;color:var(--amber)}
.card h3{font-size:25px;margin:14px 0 10px}
.card p{color:var(--bone-dim);font-size:14.5px;margin:0}

/* home discovery sections */
.start-here{padding-bottom:clamp(54px,8vw,92px)}
.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.start-card{display:block;border:1px solid var(--line);border-radius:var(--r);padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.01));transition:.25s var(--ease);min-height:188px}
.start-card:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.start-card .num{font:700 10px/1 var(--f-sans);letter-spacing:.24em;color:var(--amber)}
.start-card h2{font-size:26px;margin:14px 0 10px}
.start-card p{margin:0;color:var(--bone-dim);font-size:14.5px}
.coming-next{padding-top:0}
.next-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.next-list article{border-top:1px solid var(--line);padding-top:18px}
.next-list span{font:700 10px/1 var(--f-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
.next-list h3{font-size:25px;line-height:1.08;margin:10px 0 9px}
.next-list p{color:var(--bone-dim);font-size:14px;margin:0}
.next-cta{margin-top:30px}
.quiz-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start;border:1px solid var(--line);border-radius:var(--r);padding:28px;background:radial-gradient(90% 110% at 0% 0%,rgba(127,176,166,.16),transparent 54%),linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.01))}
.quiz-panel{border:1px solid var(--line);border-radius:14px;padding:18px;background:rgba(0,0,0,.16)}
.quiz-question{font:700 13px/1.4 var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:14px}
.quiz-options{display:grid;gap:10px}
.quiz-options button{text-align:left;border:1px solid var(--line-2);border-radius:12px;background:rgba(255,255,255,.025);color:var(--bone);font:600 14px/1.35 var(--f-sans);padding:13px 14px;cursor:pointer;transition:.2s var(--ease)}
.quiz-options button:hover,.quiz-options button.on{border-color:rgba(216,162,74,.55);background:rgba(216,162,74,.10)}
.quiz-result{margin-top:16px;color:var(--bone-dim);min-height:72px}
.quiz-result b{display:block;font-family:var(--f-serif);font-size:28px;line-height:1;color:var(--bone);margin-bottom:8px}
.quiz-result span{display:block;font-size:14px}
.quiz-result a{display:inline-flex;margin-top:13px;font:700 11px/1 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
@media(max-width:900px){.start-grid,.next-list,.quiz-shell{grid-template-columns:1fr}.start-card{min-height:0}}

/* explore tiles */
.tile{position:relative;display:block;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;min-height:290px;padding:34px;transition:.3s var(--ease);isolation:isolate}
.tile .bgc{position:absolute;inset:0;z-index:-1;transition:transform .6s var(--ease)}
.tile.tl .bgc{background:radial-gradient(90% 120% at 20% 0%,rgba(216,162,74,.30),transparent 55%),linear-gradient(160deg,#171009,#0c0a07)}
.tile.at .bgc{background:radial-gradient(90% 120% at 80% 10%,rgba(127,176,166,.28),transparent 55%),radial-gradient(80% 100% at 10% 100%,rgba(106,123,191,.20),transparent 60%),linear-gradient(160deg,#0a0b12,#070609)}
.tile:hover{transform:translateY(-4px);border-color:var(--line-2)} .tile:hover .bgc{transform:scale(1.06)}
.tile .k{font:600 11px/1 var(--f-sans);letter-spacing:.3em;text-transform:uppercase;color:var(--amber)}
.tile.at .k{color:var(--teal)}
.tile h3{font-size:30px;margin:14px 0 12px;max-width:16ch}
.tile p{color:var(--bone-dim);max-width:44ch;margin:0 0 20px;font-size:14.5px}
.tile .go{font:600 12px var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bone);display:inline-flex;gap:8px;align-items:center}
.tile:hover .go{color:var(--amber-hi)}

/* featured episode */
.feat{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center}
@media(max-width:900px){.feat{grid-template-columns:1fr}}
.feat .thumb{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#000 center/cover;cursor:pointer;transition:.3s var(--ease)}
.feat .thumb:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(0,0,0,.5);border-color:var(--line-2)}
.feat .thumb .ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55))}
.feat .thumb .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.feat .thumb .play i{width:70px;height:70px;border-radius:50%;background:rgba(216,162,74,.92);display:flex;align-items:center;justify-content:center;transition:.3s;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.feat .thumb:hover .play i{transform:scale(1.08)}
.feat .meta .k{color:var(--amber)}
.feat .meta h3{font-size:clamp(26px,3.4vw,40px);margin:12px 0 14px;line-height:1.05}
.feat .meta p{color:var(--bone-dim)}

/* video grid */
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.vgrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.vgrid{grid-template-columns:1fr}}
.vcard{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);cursor:pointer;transition:.3s var(--ease)}
.vcard:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:0 22px 50px rgba(0,0,0,.45)}
.vthumb{position:relative;aspect-ratio:16/9;background:#000 center/cover}
.vthumb .ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.5))}
.vthumb .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.vthumb .play i{width:56px;height:56px;border-radius:50%;background:rgba(14,12,10,.55);border:1px solid rgba(236,228,210,.4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:.3s}
.vcard:hover .play i{background:var(--amber);border-color:var(--amber)}
.vbody{padding:17px 19px 21px}
.vbody .date{font:600 10px/1 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}
.vbody h3{font-size:19px;margin:9px 0 7px;line-height:1.18}
.vbody p{color:var(--bone-dim);font-size:13.5px;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.chip{font:600 11px/1 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim);border:1px solid var(--line-2);border-radius:20px;padding:9px 15px;cursor:pointer;transition:.2s}
.chip:hover{color:var(--bone)} .chip.on{background:var(--amber);color:#170f03;border-color:var(--amber)}
.empty{border:1px dashed var(--line-2);border-radius:var(--r);padding:46px;text-align:center;color:var(--muted)}
.empty code{color:var(--amber-hi);font-size:12px}

/* about band */
.about{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media(max-width:900px){.about{grid-template-columns:1fr;gap:20px}}
.about .big{font-size:clamp(26px,3.6vw,40px);line-height:1.15}
.about .big em{color:var(--amber);font-style:italic}
.about p{color:var(--bone-dim)}

/* cta band */
.band{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.band .bgc{position:absolute;inset:0;z-index:0;background:radial-gradient(60% 140% at 50% 0%,rgba(216,162,74,.18),transparent 60%),linear-gradient(180deg,#100c08,#0a0806)}
.band .wrap{position:relative;z-index:1;text-align:center;padding:clamp(56px,8vw,96px) 0}
.band h2{font-size:clamp(28px,5vw,52px)}
.band p{color:var(--bone-dim);margin:14px auto 28px;max-width:48ch}

/* embed (timeline / atlas) */
.embed{position:relative;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.embed.paper{background:#fbfaf7}.embed.space{background:#04050a}
.embed iframe{width:100%;height:min(80vh,760px);border:0;display:block}
.embed.timeline-live{background:#080a0d;border-color:rgba(236,228,210,.2);box-shadow:0 36px 90px rgba(0,0,0,.58)}
.embed.timeline-live iframe{height:min(86vh,900px)}
.note{color:var(--muted);font-size:12.5px;margin-top:16px}
.usebar{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;color:var(--muted);font-size:12.5px}
.usebar b{color:var(--bone-dim)}
.usebar kbd{color:var(--amber-hi);border:1px solid var(--line-2);border-radius:5px;padding:2px 7px;font-family:var(--f-sans);font-size:11px}

/* modal */
.modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;background:rgba(6,5,4,.92);backdrop-filter:blur(8px);padding:22px}
.modal.on{display:flex}
.modal .box{width:min(1040px,96vw)}
.modal .frame{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.6)}
.modal iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.modal .x{position:absolute;top:-44px;right:0;color:var(--bone);font:500 12px var(--f-sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;opacity:.85}
.modal .x:hover{opacity:1;color:var(--amber)}

/* footer */
footer.ft{position:relative;z-index:2;border-top:1px solid var(--line);background:linear-gradient(180deg,#0b0906,#080706)}
.ft .top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px;padding:64px 0 34px}
@media(max-width:820px){.ft .top{grid-template-columns:1fr 1fr}}@media(max-width:520px){.ft .top{grid-template-columns:1fr}}
.ft .word{font:600 26px/1 var(--f-serif);letter-spacing:.3em;text-transform:uppercase;margin-bottom:16px}
.ft .word b{color:var(--amber)}
.ft p{color:var(--bone-dim);font-size:13.5px;max-width:46ch}
.ft h4{font:600 11px/1 var(--f-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin:0 0 15px}
.ft ul{list-style:none;margin:0;padding:0} .ft li{margin:0 0 10px} .ft li a{color:var(--bone-dim);font-size:14px;transition:.2s} .ft li a:hover{color:var(--bone)}
.ft .keys{color:var(--faint);font-size:11.5px;line-height:1.9;margin-top:16px}
.ft .socials{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px 0}
.ft .socials .label{font:700 10px/1 var(--f-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.social-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.social-links a{width:42px;height:42px;border:1px solid var(--line-2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--bone-dim);background:rgba(255,255,255,.018);transition:.25s var(--ease)}
.social-links a:hover{color:var(--amber-hi);border-color:rgba(216,162,74,.55);transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.24)}
.social-links svg{width:19px;height:19px;display:block;fill:currentColor}
.ft .bar{border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:20px 0;color:var(--muted);font-size:12px}

/* home video carousel (auto-sliding) */
.vscroll{position:relative;overflow:hidden;margin-top:34px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.vtrack{display:flex;gap:22px;width:max-content;padding:6px clamp(20px,5vw,52px);animation:vslide 70s linear infinite}
.vscroll:hover .vtrack{animation-play-state:paused}
@keyframes vslide{to{transform:translateX(-50%)}}
.vslide{flex:0 0 clamp(280px,32vw,360px)}
.marquee.link{display:block;cursor:pointer;transition:background .3s}
.marquee.link:hover{background:#120e08}
.marquee.link:hover span b{color:var(--amber-hi)}
.marquee .go{color:var(--amber);font-style:normal;font-weight:600;font-family:var(--f-sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin:0 30px}

/* clean high-res SVG timeline */
.svgscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fbfaf7;border-radius:var(--r)}
.svgscroll::-webkit-scrollbar{height:9px}.svgscroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:9px}
.tlsvg{display:block;min-width:1120px;width:100%;height:auto}

/* blog */
.blog-hero{padding-top:118px;padding-bottom:34px}
.blog-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:28px;align-items:start}
.post-list{display:grid;gap:18px}
.post-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;border:1px solid var(--line);border-radius:var(--r);padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.01));transition:.3s var(--ease)}
.post-card:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:0 20px 54px rgba(0,0,0,.32)}
.post-art{min-height:128px;border-radius:12px;background:radial-gradient(90% 80% at 20% 10%,rgba(216,162,74,.38),transparent 55%),radial-gradient(90% 90% at 80% 90%,rgba(127,176,166,.28),transparent 58%),linear-gradient(145deg,#1b120b,#070807);position:relative;overflow:hidden}
.post-art.has-image{background-size:cover;background-position:center}
.post-art::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(12deg,transparent 0 20px,rgba(255,255,255,.045) 20px 21px)}
.post-art.has-image::after{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.28))}
.post-meta{font:700 10px/1 var(--f-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
.post-card h2{font-size:clamp(24px,3vw,34px);margin:9px 0 9px;line-height:1.05}
.post-card p{color:var(--bone-dim);margin:0;font-size:14.5px}
.post-card .go{display:inline-flex;margin-top:14px;font:700 11px/1 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--bone)}
.blog-side{position:sticky;top:98px;border:1px solid var(--line);border-radius:var(--r);padding:24px;background:linear-gradient(180deg,rgba(216,162,74,.08),rgba(255,255,255,.012))}
.blog-side h3{font-size:26px;margin-bottom:12px}
.blog-side p,.blog-side li{color:var(--bone-dim);font-size:14px}
.blog-side ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.blog-side li{border-top:1px solid var(--line);padding-top:10px}
@media(max-width:900px){.blog-layout{grid-template-columns:1fr}.blog-side{position:relative;top:auto}.post-card{grid-template-columns:1fr}.post-art{min-height:170px}}

/* blog post */
.post-page{padding:118px 0 80px}
.post-article{max-width:860px}
.back-link{display:inline-flex;margin-bottom:26px;font:700 11px/1 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
.post-article h1{font-size:clamp(42px,7vw,78px);line-height:.98;margin:12px 0 18px}
.post-hero-img{width:100%;aspect-ratio:16/7;border:1px solid var(--line);border-radius:var(--r);margin:0 0 28px;background:center/cover #111;box-shadow:0 28px 70px rgba(0,0,0,.38)}
.post-article .dek{color:var(--bone-dim);font-size:clamp(17px,2.2vw,22px);line-height:1.55;max-width:68ch}
.post-body{margin-top:42px;border-top:1px solid var(--line);padding-top:34px}
.post-body p{color:var(--bone-dim);font-size:18px;line-height:1.85;margin:0 0 24px}
.post-yt{margin-top:42px;border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:radial-gradient(80% 120% at 0% 0%,rgba(216,162,74,.16),transparent 58%),rgba(255,255,255,.018)}
.post-yt h2{font-size:30px;margin:10px 0 8px}
.post-yt p{margin:0;color:var(--bone-dim);font-size:14.5px}
@media(max-width:700px){.post-yt{align-items:flex-start;flex-direction:column}.post-yt .btn{width:100%;justify-content:center}}