/* Latterday Chad v1.0. Locked v2 direction: midnight navy/black, silver italic lettering, selective red glow.
   Mobile first: base rules are the phone layout (360-430); desktop from 861px. */
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-display:swap;src:url(/assets/fonts/barlow-condensed-900i-latin.woff2) format("woff2")}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/assets/fonts/figtree-latin.woff2) format("woff2")}
:root{
  --ink:#07090E; --midnight:#0B1528; --raised:#132138; --silver:#D5DCE6; --white:#F5F7FA; --red:#D73747; --red-dk:#A51F2D; --muted:#A9B5C7;
  --line:rgba(213,220,230,.16); --line-2:rgba(213,220,230,.32); --glow:rgba(215,55,71,.5);
  --chrome:linear-gradient(178deg,#fff 0%,#e9edf3 38%,#9aa6ba 52%,#dfe5ee 64%,#f5f7fa 100%);
  --display:"Barlow Condensed","Arial Narrow",sans-serif; --body:Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;
  --pad:1.25rem; --header:60px;
  /* v2 design-tokens.css (ldc-v2-missing-files.zip) reconciled: same palette values, mapped onto the existing names.
     Its heading/body font stacks match the locked type (Barlow Condensed 900 italic, Figtree); the site keeps its own stacks. */
  --ldc-bg:var(--ink); --ldc-midnight:var(--midnight); --ldc-surface:var(--raised); --ldc-silver:var(--silver); --ldc-white:var(--white);
  --ldc-red:var(--red); --ldc-button:var(--red-dk); --ldc-muted:var(--muted); --ldc-border:#354155;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header) + 12px)}
body{margin:0;background:var(--ink);color:var(--silver);font:400 1.0625rem/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:var(--white);text-decoration-color:rgba(215,55,71,.7);text-underline-offset:3px}
a:hover{color:#fff;text-decoration-color:var(--red)}
:focus-visible{outline:2px solid var(--white);outline-offset:3px;border-radius:2px}
::selection{background:var(--red-dk);color:#fff}
h1,h2,h3{color:var(--white);margin:0 0 .6em;line-height:1.15;text-wrap:balance}
h3{font-size:1.15rem;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:74rem;margin-inline:auto;padding-inline:max(var(--pad),env(safe-area-inset-left))}
.sr-only,.sprite{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;z-index:100;background:var(--white);color:var(--ink);padding:.6rem 1rem}
.skip:focus{left:.5rem;top:.5rem}
.ico{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}
.muted{color:var(--muted)}
.small{font-size:.9rem}
.lede{font-size:1.125rem;color:var(--white);max-width:38rem}
.h3{font:700 1.15rem/1.2 var(--body);color:var(--white)}

/* Display lettering: bold condensed forward italic, chrome silver, with the wordmark's red swoosh. */
.display{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:.005em;line-height:.95;
  background:var(--chrome);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--white);padding-right:.08em}
h1.display{font-size:clamp(2.75rem,12.5vw,6.25rem)}
h2.display{font-size:clamp(2.25rem,9.6vw,4rem)}
h3.display{font-size:clamp(1.6rem,6.4vw,2.2rem);margin-bottom:.35em}
.swoosh{position:relative;padding-bottom:.32em;margin-bottom:.55em}
.swoosh::after{content:"";position:absolute;left:-.04em;bottom:0;width:min(4.2em,100%);height:.11em;max-height:7px;min-height:4px;
  background:linear-gradient(90deg,rgba(165,31,45,.15),var(--red) 22%,#ff5a68 55%,rgba(215,55,71,.0));
  clip-path:polygon(0 70%,100% 0,96% 100%,0 100%);filter:drop-shadow(0 0 6px var(--glow))}

/* Badges. .draft hides with ?preview=0 or at launch; .proposal stays visible on purpose. */
.draft,.proposal,.tbd{display:inline-flex;align-items:center;font:600 .7rem/1 var(--body);letter-spacing:.02em;padding:.32em .55em;border-radius:3px;vertical-align:.12em;white-space:nowrap;-webkit-text-fill-color:currentColor}
.draft{color:var(--silver);border:1px dashed var(--line-2);background:rgba(11,21,40,.85);position:relative;padding-left:1.05em}
.proposal{color:var(--white);border:1px solid rgba(213,220,230,.4);background:rgba(11,21,40,.9);position:relative;padding-left:1.05em}
.draft::before,.proposal::before{content:"";position:absolute;left:.45em;top:.28em;bottom:.28em;width:2px;background:var(--red);border-radius:1px}
.tbd{color:var(--muted);border:1px solid var(--line)}
html:not(.preview) .draft,html:not(.preview) .draft-block,html:not(.preview) .preview-bar{display:none}
.preview-bar{background:#000;color:var(--muted);font-size:.72rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere;text-align:center;padding:.4rem var(--pad);border-bottom:1px solid var(--line)}
.preview-bar strong{color:var(--white)}

/* Buttons */
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.7em 1.35em;border-radius:4px;border:1px solid transparent;
  font:900 italic 1.08rem/1 var(--display);letter-spacing:.045em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:box-shadow .25s,background .25s,border-color .25s,transform .2s}
.btn .ico{transition:transform .25s}
.btn:hover .ico{transform:translateX(3px)}
.btn-red{background:linear-gradient(180deg,#bf2b3a,var(--red-dk));color:#fff;border-color:rgba(255,120,130,.35);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 10px 30px -12px var(--glow)}
.btn-red:hover{color:#fff;box-shadow:0 0 0 1px rgba(255,120,130,.45),0 10px 34px -8px rgba(215,55,71,.75)}
.btn-line{color:var(--white);border-color:var(--line-2);background:rgba(7,9,14,.35)}
.btn-line:hover{border-color:var(--silver);background:rgba(213,220,230,.07)}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}
.textlink{display:inline-flex;gap:.4em;align-items:center;font:900 italic 1rem/1.2 var(--display);text-transform:uppercase;letter-spacing:.05em;color:var(--white);text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:.15em}
.kicker{font:600 .85rem/1.3 var(--body);color:var(--muted);display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:.9rem}
.kicker a{color:var(--muted)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,9,14,.86);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border-bottom:1px solid var(--line)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(215,55,71,.55) 30%,rgba(215,55,71,.55) 70%,transparent);opacity:.6}
.site-header .wrap{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand img{width:170px;height:auto}
.menu-btn{width:48px;height:48px;display:grid;place-items:center;background:none;border:1px solid var(--line-2);border-radius:4px;color:var(--white);cursor:pointer}
.bars,.bars::before,.bars::after{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s,opacity .2s}
.bars{position:relative}.bars::before,.bars::after{content:"";position:absolute;left:0}
.bars::before{top:-6px}.bars::after{top:6px}
.menu-btn[aria-expanded="true"] .bars{background:transparent}
.menu-btn[aria-expanded="true"] .bars::before{transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .bars::after{transform:translateY(-6px) rotate(-45deg)}
.nav{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;gap:.25rem;padding:1rem var(--pad) 1.5rem;background:rgba(7,9,14,.98);border-bottom:1px solid var(--line);
  visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.nav.open{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}
.nav a:not(.btn){font:900 italic 1.6rem/1 var(--display);text-transform:uppercase;color:var(--white);text-decoration:none;padding:.6rem 0;border-bottom:1px solid var(--line)}
.nav a[aria-current="page"]:not(.btn){color:#fff;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:3px;text-underline-offset:6px}
.nav .nav-support{margin-top:.9rem}

/* Sections */
.band{padding-block:4rem;position:relative}
.band-tight{padding-block:2.5rem}
.band-raised{background:linear-gradient(180deg,var(--midnight),#0a1222);border-block:1px solid var(--line)}
.section-head{margin-bottom:2rem;max-width:44rem}
.section-head .muted{margin:0}
.page-head{position:relative;padding:3rem 0 2.5rem;background:radial-gradient(120% 90% at 85% -10%,rgba(19,33,56,.95),transparent 60%),radial-gradient(60% 50% at 0% 0%,rgba(165,31,45,.12),transparent 70%),var(--ink);border-bottom:1px solid var(--line);overflow:hidden}
.page-head::before{content:"";position:absolute;inset:0;background:url(/assets/img/stars.svg) 0 0/420px auto;opacity:.35;pointer-events:none}
.page-head .wrap{position:relative}
.cols-2{display:grid;gap:2rem}
.prose{max-width:42rem}
.notice{border:1px solid rgba(215,55,71,.5);background:linear-gradient(90deg,rgba(165,31,45,.18),rgba(165,31,45,.04));border-radius:6px;padding:1rem 1.1rem;margin-bottom:2.25rem;color:var(--white)}
.notice strong{color:#fff}
ul.plain{padding-left:1.1rem}
.hero-badges{margin:.25rem 0 0}

/* Pillars (typographic until Gaz's pillar images arrive) */
.pillars{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.pillars a,.projects a{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:start;padding:1.25rem 1.1rem;border:1px solid var(--line);border-radius:6px;
  background:linear-gradient(160deg,rgba(19,33,56,.75),rgba(11,21,40,.4));text-decoration:none;color:var(--silver);overflow:hidden;transition:border-color .25s,box-shadow .25s}
.pillars a::before,.projects a::before{content:"";position:absolute;inset:auto -20% -60% 40%;height:120%;background:radial-gradient(closest-side,rgba(215,55,71,.16),transparent);opacity:0;transition:opacity .3s}
.pillars a:hover,.projects a:hover{border-color:var(--line-2);box-shadow:0 18px 40px -24px var(--glow)}
.pillars a:hover::before,.projects a:hover::before{opacity:1}
.pillar-ico{grid-row:span 3;width:44px;height:44px;fill:none;stroke:var(--silver);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(215,55,71,.45))}
.pillars h3{font:900 italic 1.45rem/1 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:.15rem 0 .4rem}
.pillars p{margin:0;font-size:.98rem}
.pillars p.hook{color:var(--white);font-weight:600;margin:0 0 .3rem}

/* Episode tiles */
.tiles{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}
.tile{background:rgba(7,9,14,.55);border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.tile>*:not(.player){margin-inline:1rem}
.player{position:relative;aspect-ratio:16/9;background:#000;display:block}
.player img,.player iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.player button{position:absolute;inset:0;border:0;background:linear-gradient(0deg,rgba(7,9,14,.6),transparent 60%);cursor:pointer;display:flex;align-items:flex-end;padding:.75rem;color:#fff}
.player button span{display:inline-flex;align-items:center;gap:.45rem;font:900 italic .95rem/1 var(--display);text-transform:uppercase;letter-spacing:.05em;padding:.6rem .85rem;border-radius:4px;background:var(--red-dk);box-shadow:0 6px 20px -6px var(--glow)}
.player button svg{width:14px;height:14px;fill:currentColor}
.tile h3{font-size:1.02rem;line-height:1.35;margin-top:.9rem;margin-bottom:.4rem}
.meta{display:flex;flex-wrap:wrap;gap:.2rem .8rem;font-size:.82rem;margin-bottom:.6rem}
.meta .kind{color:var(--white)}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}
.chip{font-size:.75rem;border:1px solid var(--line-2);border-radius:99px;padding:.15rem .55rem;color:var(--silver)}
.summary{font-size:.95rem}
.tile .note{font-size:.78rem;margin-bottom:.6rem}
.links{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-bottom:1rem!important;font-size:.9rem}
.links a{min-height:44px;display:inline-flex;align-items:center}
.empty{color:var(--muted);padding:1.5rem;border:1px dashed var(--line-2);border-radius:6px;list-style:none}

/* Watch controls and playlists */
.playlists{list-style:none;margin:0 calc(-1 * var(--pad));padding:0 var(--pad) .5rem;display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:thin}
.playlists li{flex:0 0 min(78%,300px);scroll-snap-align:start}
.playlist{width:100%;height:100%;text-align:left;display:flex;flex-direction:column;gap:.35rem;padding:1rem;border-radius:6px;border:1px solid var(--line);background:linear-gradient(160deg,var(--raised),var(--midnight));color:var(--silver);font:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.playlist strong{font:900 italic 1.35rem/1 var(--display);text-transform:uppercase;color:var(--white)}
.playlist small{color:var(--muted);font-size:.85rem}
.playlist[aria-pressed="true"]{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 10px 30px -14px var(--glow)}
.controls{display:grid;gap:1rem;margin-bottom:1.5rem}
.topic-set{border:0;margin:0;padding:0;min-width:0}
.filter-group{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.35rem;margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad);scrollbar-width:none}
.filter{flex:none;display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.5rem .9rem;border-radius:99px;border:1px solid var(--line-2);background:transparent;color:var(--silver);font:500 .9rem var(--body);cursor:pointer}
.filter[aria-pressed="true"]{background:var(--white);color:var(--ink);border-color:var(--white)}
.row{display:grid;gap:.9rem}
.field label{display:block;font-size:.88rem;font-weight:600;color:var(--white);margin-bottom:.35rem}
input,select,textarea{width:100%;min-height:48px;font:inherit;font-size:1rem;color:var(--white);background:rgba(7,9,14,.7);border:1px solid var(--line-2);border-radius:4px;padding:.65rem .8rem}
input::placeholder{color:#7d899b}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--white);outline-offset:1px;border-color:transparent}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:var(--red)}
.count{margin:0;font-size:.9rem}

/* Forms */
.signup{display:grid;gap:1.5rem}
.notify{display:grid;gap:.85rem;align-content:start;max-width:30rem}
.notify .btn{justify-self:start}
.hint{font-size:.85rem;color:var(--muted);margin:0}
.error{color:#ff9aa3;font-size:.9rem;margin:.35rem 0 0;min-height:0}
.error:empty{display:none}
.form-status{margin:0;font-size:.92rem;color:var(--white)}
.form-status:not(:empty){padding:.75rem .9rem;border-left:3px solid var(--silver);background:rgba(213,220,230,.06);margin-top:.6rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* About / portraits / avatar */
.about{display:grid;gap:2rem;align-items:center}
.portrait{margin:0;position:relative;max-width:420px}
.portrait img{border-radius:6px;border:1px solid var(--line-2);box-shadow:0 30px 60px -30px #000}
.portrait::after{content:"";position:absolute;left:8%;right:8%;bottom:-2px;height:3px;background:linear-gradient(90deg,transparent,var(--red),transparent);filter:drop-shadow(0 0 8px var(--glow))}
.portrait.sm{max-width:200px}
blockquote{margin:1.5rem 0;padding:0 0 0 1.1rem;border-left:3px solid var(--red);font-size:1.1rem;color:var(--white)}
.avatar-frame{display:inline-block;flex:none;border-radius:50%;padding:4px;background:conic-gradient(from 210deg,#f5f7fa,#8f9bb0,#e9edf3,#7c879b,#f5f7fa);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 24px -4px var(--glow)}
.avatar-frame img{border-radius:50%;border:2px solid var(--ink);width:100%;height:auto}
.avatar-frame.sm{width:52px}.avatar-frame.lg{width:min(220px,60vw)}
.brand-note{display:grid;gap:1.5rem;justify-items:start}
.host{display:grid;grid-template-columns:110px 1fr;gap:1.1rem;align-items:start}
.host .portrait.sm{max-width:110px}
.host h2.display{font-size:clamp(1.9rem,8vw,3rem)}

/* Support paths */
.paths{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:.9rem}
.paths li,.support-paths li{position:relative;padding:1.4rem 1.2rem;border:1px solid var(--line);border-radius:6px;background:rgba(7,9,14,.5)}
.path-ico{width:36px;height:36px;fill:none;stroke:var(--silver);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(215,55,71,.4))}
.cadence{font-size:.8rem;font-weight:600;color:var(--muted);margin:.6rem 0 .2rem}
.paths h3{font:900 italic 1.5rem/1 var(--display);text-transform:uppercase;margin-bottom:.4rem}
.support-paths{list-style:none;margin:0;padding:0;display:grid;gap:1rem;counter-reset:p}
.sp-head{display:flex;align-items:center;gap:.75rem}
.sp-head .cadence{margin:0}
.support-paths h2.display{font-size:clamp(1.9rem,8vw,2.6rem);margin:.8rem 0 .5rem}
.support-paths dl{margin:1rem 0 1.25rem;display:grid;gap:.4rem;font-size:.92rem}
.support-paths dl div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.4rem}
.support-paths dt{color:var(--muted);flex:none}.support-paths dd{margin:0;text-align:right;color:var(--white)}
.sp-events{border-style:dashed!important;background:transparent!important}

/* Events / retreat */
.event-card{display:grid;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--silver);background:var(--midnight);margin-bottom:1rem;transition:box-shadow .3s}
.event-card:hover{box-shadow:0 24px 50px -28px var(--glow)}
.event-art{aspect-ratio:16/10;overflow:hidden}
.event-art img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.event-body{padding:1.25rem 1.2rem 1.4rem}
.stages{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;gap:0;counter-reset:s}
.stages li{flex:1;position:relative;padding-top:1.4rem;font:900 italic 1rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.stages li::before{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border-radius:50%;border:1.5px solid var(--line-2);background:var(--ink);z-index:1}
.stages li::after{content:"";position:absolute;top:5.5px;left:12px;right:0;height:1px;background:var(--line-2)}
.stages li:last-child::after{display:none}
.stages li[aria-current]{color:var(--white)}
.stages li[aria-current]::before{background:var(--red);border-color:#ff8590;box-shadow:0 0 12px var(--glow)}
.stages small{display:block;font:400 .8rem/1.3 var(--body);text-transform:none;letter-spacing:0;color:var(--muted);margin-top:.3rem;padding-right:.6rem}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.checks li{display:flex;gap:.75rem}
.checks .ico{color:var(--red);margin-top:.2rem}
.facts-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
.facts-list li,.facts-list div{display:grid;grid-template-columns:auto 1fr auto;gap:.15rem .7rem;align-items:baseline;padding:.85rem 0;border-bottom:1px solid var(--line)}
.facts-list .ico{color:var(--silver);align-self:start;margin-top:.15rem}
.facts-list b,.facts-list dt{font-weight:600;color:var(--white)}
.facts-list span,.facts-list dd{grid-column:2;margin:0;color:var(--silver)}
.facts-list em{grid-column:3;grid-row:1/span 2;font-style:normal;align-self:center}
.facts-list dt{display:flex;gap:.6rem;align-items:center;grid-column:1/-1}
.facts-list dd{grid-column:1/-1}
.sessions{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.sessions li{display:grid;grid-template-columns:auto 1fr;column-gap:.85rem;padding:1.1rem;border:1px solid var(--line);border-radius:6px;background:rgba(7,9,14,.45)}
.sessions .ico{grid-row:span 2;width:28px;height:28px;color:var(--silver);filter:drop-shadow(0 0 6px rgba(215,55,71,.5))}
.sessions h3{margin:0 0 .25rem;font-size:1.05rem}.sessions p{margin:0;font-size:.95rem;color:var(--muted)}
.incl{display:grid;gap:1rem}
.incl>div{padding:1.1rem;border:1px solid var(--line);border-radius:6px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;position:relative;font-weight:600;color:var(--white);min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:.4rem;top:1.35rem;width:10px;height:10px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg);top:1.6rem}
.review-note{background:repeating-linear-gradient(135deg,rgba(213,220,230,.03) 0 12px,transparent 12px 24px);border-block:1px dashed var(--line-2)}
.review-note ul{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.95rem}

/* Documentaries */
.projects{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.projects a{grid-template-columns:1fr;row-gap:.2rem;padding:1.4rem 1.2rem}
.projects .pillar-ico{grid-row:auto;margin-bottom:.6rem}
.projects .kicker{margin:0}
.flowsteps{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:1rem;counter-reset:f}
.flowsteps li{counter-increment:f;position:relative;padding:0 0 0 3.2rem}
.flowsteps li::before{content:counter(f);position:absolute;left:0;top:-.2rem;width:2.3rem;height:2.3rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-2);font:900 italic 1.25rem/1 var(--display);color:var(--white);box-shadow:0 0 14px -4px var(--glow)}
.flowsteps h3{margin-bottom:.25rem}.flowsteps p{margin:0;color:var(--muted)}
.project-head{position:relative;padding:0 0 3rem;border-bottom:1px solid var(--line)}
.project-banner{aspect-ratio:16/9;max-height:56vh;width:100%;overflow:hidden;position:relative}
.project-banner img{width:100%;height:100%;object-fit:cover}
.project-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink),rgba(7,9,14,.2) 55%,rgba(7,9,14,.35))}
.project-head .wrap{margin-top:-3.5rem;position:relative}
.slot{display:flex;gap:.8rem;align-items:center;aspect-ratio:16/9;padding:1.25rem;border:1px dashed var(--line-2);border-radius:6px;color:var(--muted);background:rgba(19,33,56,.35)}
.slot p{margin:0}
.slot .ico{width:28px;height:28px;color:var(--red)}

/* Footer */
.site-footer{padding:3rem 0 2.5rem;border-top:1px solid var(--line);background:#05060a}
.foot-brand p{color:var(--muted);max-width:28rem;margin-top:1rem}
.lockup{display:flex;align-items:center;gap:.85rem}
.lockup>img{width:200px}
.foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}
.foot-cols h2{font:900 italic 1.05rem/1 var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.6rem}
.foot-cols ul{list-style:none;margin:0;padding:0}
.foot-cols a{display:inline-flex;align-items:center;gap:.45rem;min-height:40px;text-decoration:none;color:var(--silver)}
.foot-cols a:hover{color:#fff}
.fine{font-size:.8rem;color:#8390a3;border-top:1px solid var(--line);padding-top:1.25rem;margin:0}

/* ---------- desktop ---------- */
@media (min-width:600px){
  .pillars,.paths,.projects{grid-template-columns:1fr 1fr}
  .row{grid-template-columns:2fr 1fr}
  .tiles{grid-template-columns:1fr 1fr}
  .support-paths{grid-template-columns:1fr 1fr}
  .host{grid-template-columns:160px 1fr;gap:1.75rem}.host .portrait.sm{max-width:160px}
}
@media (min-width:861px){
  :root{--pad:2.5rem;--header:76px}
  body{font-size:1.0625rem}
  .brand img{width:230px}
  .menu-btn{display:none}
  .nav{position:static;flex-direction:row;align-items:center;gap:1.9rem;padding:0;background:none;border:0;visibility:visible;opacity:1;transform:none}
  .nav a:not(.btn){font-size:1.15rem;letter-spacing:.04em;padding:.4rem 0;border:0}
  .nav .nav-support{margin:0;min-height:42px;padding-inline:1.2rem}
  .band{padding-block:6.5rem}
  .band-tight{padding-block:3.5rem}
  .page-head{padding:5.5rem 0 4rem}
  .section-head{margin-bottom:3rem}
  .cols-2{grid-template-columns:5fr 7fr;gap:4rem;align-items:start}
  .pillars{grid-template-columns:repeat(4,1fr);gap:1rem}
  .pillars a{grid-template-columns:1fr;row-gap:.2rem;padding:1.6rem 1.4rem 1.8rem;min-height:100%}
  .pillar-ico{grid-row:auto;width:52px;height:52px;margin-bottom:1.1rem}
  .tiles{grid-template-columns:repeat(3,1fr);gap:1.5rem}
  .paths{grid-template-columns:repeat(3,1fr);gap:1.25rem}
  .paths li{padding:1.8rem 1.6rem}
  .support-paths{grid-template-columns:repeat(4,1fr)}
  .about{grid-template-columns:minmax(300px,420px) 1fr;gap:4.5rem}
  .signup{grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
  .event-card{grid-template-columns:5fr 6fr}
  .event-art{aspect-ratio:auto;min-height:340px}
  .event-body{padding:2.5rem;align-self:center}
  .sessions{grid-template-columns:repeat(3,1fr);gap:1rem}
  .incl{grid-template-columns:1fr 1fr}
  .flowsteps{grid-template-columns:repeat(3,1fr);gap:2rem}
  .projects{gap:1.5rem}
  .playlists{margin:0;padding:0 0 .5rem;display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}
  .brand-note{grid-template-columns:auto 1fr;gap:3rem;align-items:center}
  .foot-cols{grid-template-columns:repeat(4,1fr);margin:0}
  .site-footer .wrap{display:grid;grid-template-columns:1.2fr 1.8fr;gap:3rem}
  .site-footer .fine{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* LDC monogram in the open mobile menu (compact brand treatment) */
.nav-mark{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0 0;color:var(--muted);font-size:.85rem}
.nav-mark img{width:72px;height:auto}
@media (min-width:861px){.nav-mark{display:none}}

/* v1.1 copy integration (layout only; locked v2 palette and type) */
textarea{resize:vertical;min-height:7rem;line-height:1.5}
.field.check{display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;align-items:start}
.field.check input{width:22px;min-height:22px;height:22px;margin:.15rem 0 0;padding:0;accent-color:var(--red)}
.field.check label{font-weight:400;color:var(--silver);margin:0}
.field.check .error{grid-column:1/-1}
.legend{font-size:.88rem;font-weight:600;color:var(--white);margin-bottom:.5rem;padding:0}
.yt-note{max-width:44rem;margin:0 0 1.25rem;padding-left:.75rem;border-left:2px solid var(--line-2)}
.playlist .pl-desc{color:var(--silver);font-size:.85rem;line-height:1.4}
.retreat-head{font:900 italic clamp(1.35rem,5.6vw,2rem)/1.05 var(--display);text-transform:uppercase;color:var(--white);margin:.25rem 0 .6rem;letter-spacing:.01em}
.detail-strip{list-style:none;margin:0 0 1.25rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.detail-strip li{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .8rem;border:1px solid var(--line-2);border-radius:999px;background:rgba(19,33,56,.55);color:var(--white);font-weight:600;font-size:.95rem}
.detail-strip .ico{width:18px;height:18px;color:var(--silver)}
.days{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.days>li{padding:1.1rem 1.15rem;border:1px solid var(--line);border-radius:6px;background:rgba(7,9,14,.45)}
.days h3{font:900 italic 1.35rem/1 var(--display);text-transform:uppercase;margin:0 0 .6rem;color:var(--white)}
.days h3 small{font:600 .72rem/1 var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-left:.4rem}
.days ul,.plain-list{margin:0;padding-left:1.1rem;display:grid;gap:.4rem}
.days ul li,.plain-list li{color:var(--silver)}
.stage-defs{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;counter-reset:sd}
.stage-defs li{counter-increment:sd;position:relative;padding:1rem 1rem 1rem 3.4rem;border:1px solid var(--line);border-radius:6px}
.stage-defs li::before{content:counter(sd);position:absolute;left:1rem;top:1rem;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-2);font:900 italic .95rem/1 var(--display);color:var(--white)}
.stage-defs h3{margin:0 0 .2rem;font-size:1.05rem}.stage-defs p{margin:0;color:var(--muted);font-size:.95rem}
.copyright{margin-top:.5rem}
@media (min-width:861px){
  .days{grid-template-columns:repeat(3,1fr)}
  .stage-defs{grid-template-columns:repeat(5,1fr)}
  .stage-defs li{padding:3.2rem 1rem 1rem}
}

/* ===================== v1.2: Gaz batch 3 + batch 4 integration (layout only; locked palette and type) ===================== */
.ico{stroke-width:1.6}
/* brand avatar: ring and navy plate are baked into the composite now, so the frame is just a soft shadow */
.avatar-frame{padding:0;background:none;box-shadow:none;border-radius:50%;filter:drop-shadow(0 10px 24px rgba(0,0,0,.55))}
.avatar-frame img{border:0;border-radius:0}
.avatar-frame.sm{width:56px}.avatar-frame.lg{width:min(240px,62vw)}
.brand img{width:164px}
@media (min-width:861px){.brand img{width:220px}}
/* ornamental divider (batch-4 P2) */
.orn{border:0;height:24px;margin:0 auto;max-width:390px;background:url(/assets/ui/ldc-divider-1.svg) center/contain no-repeat;opacity:.9}
/* film grain on raised bands (batch-4 P2 grain, opacity within Gaz's .2-.4 range) */
.band-raised{isolation:isolate}
.band-raised::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(/assets/ui/ldc-grain-512.webp) 0 0/512px;opacity:.22}

/* ---------- page-head scenes (batch-4 P1: Watch, Support, About, Contact, 404) ---------- */
.ph{--ph-h:min(125vw,620px);padding:0 0 2.5rem;background:var(--ink)}
.ph::before{display:none}
.ph-bg{position:absolute;inset:0 0 auto;height:var(--ph-h);z-index:0;overflow:hidden}
.ph-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.ph-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--ink) 2%,rgba(7,9,14,.82) 26%,rgba(7,9,14,.45) 50%,transparent 72%)}
.ph>.wrap{position:relative;z-index:1;padding-top:calc(var(--ph-h)*.56)}
.ph .lede{text-shadow:0 1px 12px rgba(0,0,0,.85)}
.ph h1{filter:drop-shadow(0 2px 12px rgba(0,0,0,.7))}
.ph-about{--ph-h:100%}
.ph-about .ph-bg{inset:0;height:auto}
.ph-about .ph-bg::after{background:linear-gradient(to top,var(--ink) 0%,rgba(7,9,14,.55) 40%,rgba(7,9,14,.35))}
.ph-about>.wrap{padding-top:2.5rem}
@media (min-width:861px){
  .ph{padding:0;min-height:min(560px,70vh);display:flex;align-items:center}
  .ph-bg{inset:0;height:auto}
  .ph-bg img{object-position:70% 50%}
  .ph-bg::after{background:linear-gradient(90deg,rgba(7,9,14,.86) 0%,rgba(7,9,14,.6) 33.33%,rgba(7,9,14,.1) 62%,transparent 75%),linear-gradient(0deg,var(--ink),transparent 25%)}
  .ph>.wrap{padding-block:6rem 5rem;width:100%}
  .ph>.wrap:not(.about):not(.signup)>*{max-width:min(38rem,46vw)}
  .ph h1.display{font-size:clamp(3rem,5vw,5rem)}
  .ph .signup{grid-template-columns:minmax(0,1fr) minmax(0,30rem)}
  .ph-about{min-height:0}
  .ph-about>.wrap{padding-block:5.5rem 4.5rem}
  .ph-about .ph-bg::after{background:linear-gradient(90deg,rgba(7,9,14,.25),rgba(7,9,14,.7) 55%,rgba(7,9,14,.85)),linear-gradient(0deg,var(--ink),transparent 30%)}
}

/* ---------- pillars with art (PIL-M phone / v2 desktop) ---------- */
.pillars.has-art{display:flex;gap:.85rem;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--pad));padding:0 var(--pad) .75rem;scroll-padding-inline:var(--pad);scrollbar-width:thin}
.pillars.has-art>li{flex:0 0 min(78vw,320px);scroll-snap-align:start;display:flex}
.pillars.has-art a{grid-template-columns:auto 1fr;padding:0 1.1rem 1.3rem;width:100%}
.pillar-art{grid-column:1/-1;display:block;margin:0 -1.1rem 1.1rem;aspect-ratio:4/5;overflow:hidden;position:relative;background:var(--midnight)}
.pillar-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.pillar-art::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(0deg,rgba(11,21,40,.95),transparent)}
.pillars.has-art a:hover .pillar-art img{transform:scale(1.03)}
.pillars.has-art .pillar-ico{grid-row:span 3;width:36px;height:36px;margin-top:.1rem;stroke-width:1.5}
.swipe-hint{margin-top:.5rem!important}
@media (min-width:600px){.pillars.has-art>li{flex-basis:calc(50% - .5rem)}}
@media (min-width:861px){
  .pillars.has-art{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible;margin:0;padding:0}
  .pillars.has-art a{grid-template-columns:1fr;padding:0 1.3rem 1.6rem}
  .pillar-art{aspect-ratio:3/2;margin:0 -1.3rem 1.2rem}
  .pillars.has-art .pillar-ico{grid-row:auto;width:40px;height:40px;margin:-2.6rem 0 .7rem;position:relative;z-index:1;background:var(--midnight);border-radius:50%;padding:7px;border:1px solid var(--line-2)}
  .swipe-hint{display:none}
}

/* ---------- comparison cards (batch-4 support comparison) ---------- */
.paths.compare li{background:linear-gradient(170deg,rgba(11,21,40,.95),rgba(7,9,14,.7));border-color:rgba(213,220,230,.22);border-radius:12px;padding-top:1.6rem}
.paths.compare li::before{content:"";position:absolute;left:1.2rem;top:1.05rem;width:32px;height:2px;background:var(--red);box-shadow:0 0 8px var(--glow)}
.paths.compare .cadence{display:flex;align-items:center;gap:.55rem;margin:.6rem 0 .5rem;color:var(--silver);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}
.paths.compare .path-ico{width:26px;height:26px;stroke-width:1.5}

/* ---------- process steps + pipeline (batch-4 infographics as live ordered lists) ---------- */
.process{position:relative}
.process li{padding-left:3.4rem}
.process li::before{width:2.4rem;height:2.4rem;background:var(--midnight);border-color:rgba(213,220,230,.75);font-size:1.15rem;z-index:1}
.process li:not(:last-child)::after{content:"";position:absolute;left:1.2rem;top:2.2rem;bottom:-1.2rem;width:1.75px;background:rgba(213,220,230,.22)}
.pipeline{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:pp}
.pipeline li{counter-increment:pp;position:relative;padding:0 0 1.5rem 3.4rem}
.pipeline li::before{content:counter(pp);position:absolute;left:0;top:-.15rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:50%;border:1.75px solid rgba(213,220,230,.75);background:var(--midnight);font:900 italic 1.15rem/1 var(--display);color:var(--white);z-index:1}
.pipeline li:not(:last-child)::after{content:"";position:absolute;left:1.15rem;top:2.25rem;bottom:0;width:1.75px;background:rgba(213,220,230,.22)}
.pipeline h3{margin:.2rem 0 .25rem;font:900 italic 1.3rem/1.05 var(--display);text-transform:uppercase;letter-spacing:.01em}
.pipeline p{margin:0;color:var(--muted);font-size:.95rem}
.pipeline li[aria-current="step"]::before{border-color:var(--red);color:var(--red);box-shadow:0 0 14px -2px var(--glow)}
.pipeline.compact{margin:1.25rem 0 .75rem}
.pipeline.compact li{padding-bottom:.9rem}
.pipeline.compact li::before{width:1.9rem;height:1.9rem;font-size:.95rem}
.pipeline.compact li:not(:last-child)::after{left:.9rem;top:1.8rem}
.pipeline.compact h3{font-size:1.05rem;padding-top:.15rem;color:var(--muted)}
@media (min-width:861px){
  .process li:not(:last-child)::after{left:2.6rem;right:-1.6rem;top:1.05rem;bottom:auto;width:auto;height:1.75px}
  .process li{padding:3.4rem 0 0}
  .pipeline{grid-template-columns:repeat(5,1fr);gap:1.5rem}
  .pipeline li{padding:3.4rem 0 0}
  .pipeline li:not(:last-child)::after{left:2.6rem;right:-1.4rem;top:1.05rem;bottom:auto;width:auto;height:1.75px}
  .pipeline.compact{grid-template-columns:repeat(5,1fr);gap:.4rem}
  .pipeline.compact li{padding:2.6rem 0 0}
  .pipeline.compact li:not(:last-child)::after{left:2.1rem;right:-.3rem;top:.85rem}
  .pipeline.compact h3{font-size:.85rem}
}

/* ---------- figures, retreat textures, session/support/project art ---------- */
.art-fig{margin:1.5rem 0 0;max-width:420px}
.art-fig img{width:100%;height:auto;border-radius:8px;border:1px solid var(--line);box-shadow:0 30px 60px -30px #000}
.art-fig figcaption{font-size:.78rem;color:var(--muted);margin-top:.55rem}
.poster-fig{margin-top:0}
.band-texture{isolation:isolate;overflow:hidden}
.band-bg{position:absolute;inset:0;z-index:-1}
.band-bg img{width:100%;height:100%;object-fit:cover;opacity:.55}
.band-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--ink),rgba(7,9,14,.35) 20%,rgba(7,9,14,.35) 80%,var(--ink))}
.band-texture .days>li{background:rgba(7,9,14,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.sessions li.has-art{padding-top:0;overflow:hidden}
.sess-art{grid-column:1/-1;margin:0 -1.1rem 1rem;aspect-ratio:16/9;overflow:hidden;background:var(--midnight)}
.sess-art img{width:100%;height:100%;object-fit:cover}
.sp-art{width:120px;aspect-ratio:1;border-radius:8px;overflow:hidden;margin-bottom:1rem;border:1px solid var(--line);box-shadow:0 16px 30px -18px #000}
.sp-art img{width:100%;height:100%;object-fit:cover}
.proj-art{grid-column:1/-1;margin:-1.4rem -1.2rem 1.1rem;aspect-ratio:4/5;max-height:440px;overflow:hidden;background:var(--midnight);position:relative}
.proj-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.proj-art::after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(0deg,rgba(11,21,40,.95),transparent)}
.projects a:hover .proj-art img{transform:scale(1.03)}
.event-art picture,.event-art img{width:100%;height:100%}
.event-art img{object-fit:cover}
.project-banner picture{display:block;width:100%;height:100%}
@media (min-width:861px){
  .sp-art{width:100%;max-width:220px}
  .proj-art{max-height:none;aspect-ratio:16/11}
  .art-fig{margin-top:2rem}
}

/* ---------- Watch playlist covers (PL-00..06) ---------- */
.playlist{padding:0;overflow:hidden;gap:0}
.playlist .pl-art{display:block;aspect-ratio:16/9;width:100%;overflow:hidden;background:var(--midnight);position:relative}
.playlist .pl-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.playlist:hover .pl-art img{transform:scale(1.04)}
.playlist .pl-art::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(0deg,rgba(11,21,40,.9),transparent)}
.playlist .pl-body{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem 1rem}
/* FX + texture placements (batch-3 TEX/FX, batch-4 divider 2) */
.page-head:not(.ph)::before{background:url(/assets/ui/ldc-tex-starfield-1024.webp) 0 0/512px auto;opacity:.6}
.band-glow{overflow:hidden}
.band-glow::after{content:"";position:absolute;right:-180px;top:-160px;width:520px;height:520px;background:url(/assets/ui/ldc-fx-red-glow-512.webp) center/contain no-repeat;opacity:.55;pointer-events:none;z-index:-1}
.orn.alt{background-image:url(/assets/ui/ldc-divider-2.svg)}
.flare{display:block;height:18px;max-width:420px;margin:.25rem 0 1rem;background:url(/assets/ui/ldc-fx-silver-flare-512.webp) left center/100% 100% no-repeat;opacity:.8}
/* Patreon membership UI (v1.2, Trevor Oct 15) */
.soon{display:inline-block;margin-left:.4rem;padding:.12rem .55rem;border:1px solid var(--ldc-border,#354155);border-radius:999px;font:700 .68rem/1.4 var(--font-body,Figtree,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#D5DCE6;background:rgba(10,16,28,.7);vertical-align:middle}
.soon::before{content:"";display:inline-block;width:.42rem;height:.42rem;margin-right:.4rem;border-radius:50%;background:#c4182b;box-shadow:0 0 8px rgba(196,24,43,.8);vertical-align:.05em}
.patreon{position:relative;isolation:isolate}
.patreon-head{max-width:46rem}
.patreon .kicker .ico{width:1.1em;height:1.1em;vertical-align:-.2em}
.tiers{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1rem;grid-template-columns:1fr}
.tier{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.4rem 1.25rem 1.25rem;border:1px solid var(--ldc-border,#354155);border-radius:14px;background:linear-gradient(180deg,rgba(23,32,52,.92),rgba(8,12,22,.96))}
.tier-feature{border-color:rgba(213,220,230,.45);box-shadow:0 0 0 1px rgba(196,24,43,.25),0 18px 40px -20px rgba(196,24,43,.45)}
.tier-num{margin:0;font:700 .72rem/1 var(--font-body,Figtree,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#9aa6b8}
.tier h3{margin:0;font-size:1.6rem}
.tier-price{margin:0;font-weight:700;color:#eef2f7}
.tier-price.tba{color:#9aa6b8;font-weight:600}
.tier-benefits{list-style:none;padding:0;margin:.4rem 0 .9rem;display:grid;gap:.55rem}
.tier-benefits li{display:flex;gap:.5rem;align-items:center}
.tier-benefits .ico{width:1rem;height:1rem;flex:none;color:#D5DCE6}
.skel{display:block;height:.7rem;border-radius:6px;background:linear-gradient(90deg,rgba(213,220,230,.10),rgba(213,220,230,.2),rgba(213,220,230,.10));width:100%}
.tier-benefits li:nth-child(2) .skel{width:82%}.tier-benefits li:nth-child(3) .skel{width:64%}
.tier .btn{margin-top:auto;width:100%;justify-content:center}
.btn[disabled]{opacity:.62;cursor:not-allowed;filter:saturate(.6)}
.member-facts{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1rem}
.member-facts li{display:flex;gap:.8rem;align-items:flex-start}
.member-facts .ico{width:1.5rem;height:1.5rem;flex:none;margin-top:.15rem;color:#D5DCE6}
.member-facts h3{margin:0 0 .2rem;font-size:1rem}
.member-facts p{margin:0;color:var(--muted)}
.patreon-cta{margin-top:2rem;display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}
@media (min-width:861px){.tiers{grid-template-columns:repeat(3,1fr)}.member-facts{grid-template-columns:repeat(3,1fr)}.patreon-cta{flex-direction:row;align-items:center;gap:1.2rem}}
/* Events list: 1 card full width, 2+ cards side by side on desktop (second retreat slots in). */
.event-list{display:grid;gap:1.25rem}
@media (min-width:861px){.event-list:has(> .event-card:nth-child(2)){grid-template-columns:1fr 1fr}.event-list:has(> .event-card:nth-child(2)) .event-card{grid-template-columns:1fr}}
/* Retreat template (v1.2 retreat strategy). LDC system only: navy/black/silver, restrained red glow. */
.retreat-sub{margin:.1rem 0 .6rem;font-weight:600;letter-spacing:.02em;color:var(--silver)}
.retreat-strip .detail-strip{margin-bottom:1.1rem}
.benefits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem .9rem}
.benefits li{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:start}
.benefits .ico{grid-row:span 2;width:26px;height:26px;color:#D5DCE6;filter:drop-shadow(0 0 6px rgba(215,55,71,.35))}
.benefits b{font-size:.92rem;color:var(--white)}.benefits span{font-size:.82rem;color:var(--muted);line-height:1.35}
.xp{position:relative;isolation:isolate}
.xp-grid{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:.85rem}
.xp-grid li{position:relative;padding:1.25rem 1.2rem 1.2rem;border:1px solid var(--ldc-border,#354155);border-radius:12px;background:linear-gradient(160deg,rgba(23,32,52,.95),rgba(7,10,18,.96));overflow:hidden}
.xp-grid li::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(196,24,43,.22),transparent 70%);pointer-events:none}
.xp-ico{display:inline-grid;place-items:center;width:52px;height:52px;margin-bottom:.7rem;border-radius:50%;border:1px solid rgba(213,220,230,.35);background:rgba(10,16,28,.8);box-shadow:0 0 18px -4px rgba(196,24,43,.55)}
.xp-ico svg{width:28px;height:28px;color:#D5DCE6}
.xp-grid h3{margin:0 0 .35rem;font-family:var(--display,'Barlow Condensed'),sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:1.35rem;line-height:1.05;letter-spacing:.01em;color:var(--white)}
.xp-grid p{margin:0;color:var(--muted);font-size:.95rem}
.xp-note{display:flex;gap:.6rem;align-items:flex-start;margin-top:1.2rem}
.xp-note .ico{flex:none;width:20px;height:20px;margin-top:.1rem}
.dest-cards{list-style:none;margin:1.5rem 0 1rem;padding:0;display:grid;gap:1rem}
.dest-cards li{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:rgba(7,9,14,.55)}
.dest-art{aspect-ratio:16/10;overflow:hidden}.dest-art img{width:100%;height:100%;object-fit:cover;display:block}
.dest-cards h3{margin:.9rem 1rem .3rem;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase}
.dest-cards p{margin:0 1rem 1rem;color:var(--muted);font-size:.93rem}
.rhythm{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.9rem;counter-reset:r}
.rhythm li{display:grid;grid-template-columns:auto 1fr;column-gap:.85rem;padding:1rem 1.1rem;border-left:2px solid rgba(196,24,43,.7);background:rgba(10,16,28,.55);border-radius:0 8px 8px 0}
.rhythm .ico{grid-row:span 2;width:28px;height:28px;color:#D5DCE6}
.rhythm h3{margin:0 0 .2rem;font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.rhythm p{margin:0;color:var(--muted);font-size:.93rem}
.hb-grid{display:grid;gap:1.6rem}
.h-sm{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:1.2rem 0 .5rem}
.details-card{padding:1.3rem 1.2rem;border:1px solid rgba(213,220,230,.3);border-radius:12px;background:linear-gradient(180deg,rgba(23,32,52,.95),rgba(8,12,22,.97));box-shadow:0 0 0 1px rgba(196,24,43,.18),0 22px 50px -28px rgba(196,24,43,.5)}
.details-card h3{margin:0 0 .8rem;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#D5DCE6}
.dc-list{margin:0 0 1.1rem}.dc-list div{padding:.6rem 0;border-bottom:1px solid var(--line)}
.dc-list dt{display:flex;gap:.55rem;align-items:center;font-weight:700;color:var(--white);font-size:.95rem}.dc-list dt .ico{width:18px;height:18px;color:#D5DCE6}
.dc-list dd{margin:.15rem 0 0 1.75rem;color:var(--silver);font-size:.92rem}.dc-list dd em{margin-left:.35rem;font-size:.72rem}
.details-card .btn{width:100%;justify-content:center}
.more-retreats{display:flex;gap:.55rem;align-items:center;margin-top:1rem;color:var(--muted);font-style:italic}.more-retreats .ico{width:20px;height:20px}
.ev-sub{margin:.1rem 0 .4rem;font-weight:600;color:var(--silver)}
@media (min-width:600px){.xp-grid{grid-template-columns:1fr 1fr}.dest-cards{grid-template-columns:1fr 1fr}}
@media (min-width:861px){.benefits{grid-template-columns:repeat(4,1fr)}.xp-grid{grid-template-columns:repeat(4,1fr)}.xp-grid li:nth-child(n+5){grid-column:auto}
 .dest-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rhythm{grid-template-columns:repeat(4,1fr)}.hb-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:3rem}}
.xp-ico svg,.rhythm .ico,.benefits .ico,.more-retreats .ico{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:599px){.xp-grid li{display:grid;grid-template-columns:auto 1fr;column-gap:.9rem;padding:1rem}.xp-ico{grid-row:span 2;margin:0;width:46px;height:46px}.xp-ico svg{width:24px;height:24px}.xp-grid h3{font-size:1.2rem;align-self:center}}
@media (min-width:861px){.xp-grid li:nth-child(7){grid-column:span 2}}
/* ======================= v1.3: Gaz batch 5 ======================= */
/* design-tokens.css (batch 5) merged. Same palette values as before; the changes are the button (navy, not red-filled),
   border, glow, shadow and scrim tokens. Red is limited to thin accents and glow. Existing names stay mapped. */
:root{
  --ldc-bg:#07090E; --ldc-midnight:#0B1528; --ldc-surface:#132138; --ldc-silver:#D5DCE6; --ldc-white:#FFFFFF; --ldc-red:#D73747; --ldc-muted:#A9B5C7;
  --ldc-border:rgb(213 220 230 / 22%); --ldc-button:#0B1528;
  --ldc-glow-red:0 0 18px rgb(215 55 71 / 16%); --ldc-glow-silver:0 0 28px rgb(213 220 230 / 12%);
  --ldc-shadow-card:0 12px 32px rgb(0 0 0 / 32%); --ldc-shadow-hero:0 24px 80px rgb(0 0 0 / 50%);
  --ldc-scrim-left:linear-gradient(90deg,rgb(7 9 14 / 92%),rgb(7 9 14 / 60%) 33%,transparent 70%);
  --ldc-radius:.375rem;
}
::selection{background:var(--ldc-surface);color:#fff}
/* .ldc-cta: primary buttons are navy with a red bottom edge and a faint red glow (no red fill). */
.btn-red{background:var(--ldc-button);color:var(--ldc-white);border:1px solid var(--ldc-border);border-bottom:2px solid var(--ldc-red);border-radius:var(--ldc-radius);box-shadow:var(--ldc-glow-red)}
.btn-red:hover{color:#fff;background:#10203a;border-color:rgb(213 220 230 / 38%);border-bottom-color:var(--ldc-red);box-shadow:0 0 22px rgb(215 55 71 / 30%),var(--ldc-glow-silver)}
.btn-red:focus-visible{outline:2px solid var(--ldc-silver);outline-offset:4px}
.btn-red[disabled],.btn-red[aria-disabled="true"]{box-shadow:none}
.player button span{background:var(--ldc-button);border:1px solid var(--ldc-border);border-bottom:2px solid var(--ldc-red);box-shadow:var(--ldc-glow-red)}

/* Header: LDC monogram + wordmark lockup */
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.brand img.brand-mono{width:61px;height:auto;flex:none}
.brand img.brand-word{width:140px;height:auto}
.brand-rule{width:1px;height:28px;background:linear-gradient(180deg,transparent,var(--line-2),transparent);flex:none}
@media (max-width:359px){.brand-rule,.brand img.brand-word{display:none}}
@media (min-width:861px){.brand{gap:.8rem}.brand img.brand-mono{width:73px}.brand img.brand-word{width:200px}.brand-rule{height:34px}}

/* Pillars, desktop (batch 5 PIL-01..04 1920x1080, subject in the right two-thirds): the art fills each card,
   object-position keeps the subject on the right, live text sits in the left zone over the batch-5 left scrim.
   Phone keeps the matching 4:5 PIL-M art (same scenes, composed for portrait). */
@media (min-width:861px){
  .pillars.has-art{grid-template-columns:1fr;gap:1.1rem}
  .pillars.has-art a{display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(340px,40vw,440px);padding:2rem 2.2rem;isolation:isolate;overflow:hidden;box-shadow:var(--ldc-shadow-card)}
  .pillars.has-art a>*:not(.pillar-art){max-width:min(46%,26rem);position:relative;z-index:1}
  .pillar-art{position:absolute;inset:0;margin:0;aspect-ratio:auto;z-index:-1}
  .pillar-art img{object-position:72% 50%}
  .pillar-art::after{inset:0;height:auto;background:var(--ldc-scrim-left),linear-gradient(0deg,rgb(7 9 14 / 55%),transparent 45%)}
  .pillars.has-art .pillar-ico{margin:0 0 .8rem;width:44px;height:44px}
  .pillars.has-art h3{font-size:1.7rem}
  .pillars.has-art p{text-shadow:0 1px 10px rgba(0,0,0,.8)}
  .pillars a::before{display:none}
  .pillars.has-art a:hover{box-shadow:var(--ldc-shadow-card),var(--ldc-glow-red)}
}
@media (min-width:1100px){
  .pillars.has-art{grid-template-columns:1fr 1fr}
  .pillars.has-art a{min-height:clamp(330px,26vw,400px)}
  .pillars.has-art a>*:not(.pillar-art){max-width:52%}
  .pillars.has-art p:not(.hook){font-size:.95rem}
}
/* tablet range that still gets the 4:5 phone art inside a 2-up row: keep the subject in frame */
.pillar-art img{object-position:60% 50%}

/* Star texture (batch 5, transparent tileable 2048 PNG -> lossless WebP) + CSS twinkle loop.
   ~768 CSS px per tile, low opacity. Motion only without prefers-reduced-motion and only while html.motion is on (scenes.js /
   site.js clear it for reduced motion, Save-Data and 2G); pauses offscreen and with the scene pause control. */
.ldc-star-overlay{position:absolute;inset:0;pointer-events:none;opacity:.12}
/* LCP fix (v1.3): the tile is a decorative layer; it paints from a pseudo-element only after load (html.stars, set in site.js), and it is inset 2px so its painted area stays below the scene poster (the real LCP image). */
.stars .ldc-star-overlay::before{content:'';position:absolute;inset:2px 0 0;background:url(/assets/img/ldc-star-twinkle-tile-2048.webp?v=1.3) 0 0/768px 768px repeat}
.ph>.ldc-star-overlay{z-index:0;bottom:auto;height:var(--ph-h)}
@media (min-width:861px){.ph>.ldc-star-overlay{height:auto;bottom:0}}
@media (prefers-reduced-motion:no-preference){
  .motion .ldc-star-overlay{animation:ldc-twinkle 12s ease-in-out infinite}
  .is-paused .ldc-star-overlay,.is-offscreen .ldc-star-overlay{animation-play-state:paused}
}
@keyframes ldc-twinkle{0%,100%{opacity:.08}50%{opacity:.18}}
@media (prefers-reduced-motion:reduce){.ldc-star-overlay{animation:none!important;opacity:.08}}
/* pause control on page heads (same markup as the scene toggle; scenes.css isn't loaded on these pages) */
.ph .scene-toggle{position:absolute;right:.75rem;top:.75rem;z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);background:rgba(7,9,14,.6);color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ph .scene-toggle[hidden]{display:none}
.ph .scene-toggle:hover{border-color:var(--red);box-shadow:0 0 14px -2px var(--glow)}
.ph .scene-toggle svg{grid-area:1/1;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.ph .scene-toggle .i-play{fill:currentColor;stroke:none;margin-left:2px}
.ph .scene-toggle[aria-pressed="false"] .i-play,.ph .scene-toggle[aria-pressed="true"] .i-pause{display:none}
.ph-about .scene-toggle{top:.75rem}
@media (min-width:861px){.ph .scene-toggle{top:auto;bottom:1rem;right:1rem}}
@media (prefers-reduced-motion:reduce){.ph .scene-toggle{display:none}}
/* v1.3 disabled states (pending / Coming soon): clearly not a live CTA. Dashed silver outline, no fill, no red edge, no glow. */
.btn[aria-disabled="true"],.btn[disabled],.btn-red[aria-disabled="true"],.btn-red[disabled]{background:transparent;color:var(--ldc-muted);border:1px dashed rgb(213 220 230 / 45%);border-bottom:1px dashed rgb(213 220 230 / 45%);box-shadow:none;opacity:1;filter:none;cursor:not-allowed}
.btn[aria-disabled="true"]:hover,.btn[disabled]:hover{background:transparent;color:var(--ldc-muted);box-shadow:none;border-color:rgb(213 220 230 / 45%)}
/* ===== v1.3 retreat template: mockup C ("Beyond the Mounds") inside the LDC system ===== */
.rt-eyebrow{margin:0 0 .6rem;font:600 .72rem/1.4 var(--font-body,Figtree,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:#A9B5C7}
.rt-eyebrow .proposal{margin-left:.4rem;letter-spacing:.04em}
.l2{color:var(--ldc-red,#D73747)}
.rt-hero .rt-title{margin:.1rem 0 .9rem;font-size:clamp(3.3rem,16vw,8rem);line-height:.88;letter-spacing:-.005em;text-transform:uppercase}
.rt-hero .rt-title span{display:block}
.rt-sub{margin:0 0 .6rem;font-family:var(--display,'Barlow Condensed'),sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(1.3rem,5.6vw,2.1rem);line-height:1.05;color:var(--white,#fff)}
.rt-tag{position:absolute;top:.8rem;right:4.2rem;z-index:3;margin:0;padding:.3rem .6rem;border:1px solid var(--ldc-border,#354155);background:rgba(7,9,14,.75);font:600 .62rem/1 var(--font-body,Figtree,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#D5DCE6}
.rt-tag.draft::before{display:none}
@media (min-width:861px){.rt-tag{top:1.2rem;right:1.4rem}}
.rt-facts{background:var(--ldc-midnight,#0B1528);border-top:1px solid var(--ldc-border,#354155);border-bottom:1px solid var(--ldc-border,#354155)}
.rt-factlist{list-style:none;margin:0;padding:1.1rem 0;display:grid;grid-template-columns:1fr;gap:1rem}
.rt-factlist li{display:grid;gap:.15rem;padding-top:.7rem;position:relative}
.rt-factlist li::before{content:"";position:absolute;top:0;left:0;width:28px;height:2px;background:var(--ldc-red,#D73747);box-shadow:0 0 8px rgba(215,55,71,.5)}
.rt-factlist b{font-family:var(--display,'Barlow Condensed'),sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:1.15rem;color:var(--white,#fff);letter-spacing:.01em}
.rt-factlist span{color:#A9B5C7;font-size:.9rem}
.rt-h2{margin:0 0 .8rem;font-size:clamp(2.6rem,11.5vw,5.2rem);line-height:.9;text-transform:uppercase}
.rt-h2 span{display:block}
.rt-h2-sm{font-size:clamp(2.1rem,8.5vw,3.6rem)}
.rt-intro{font-size:1.08rem;color:#D5DCE6;max-width:44rem;margin:0 0 1rem}
.rt-h3{margin:0 0 .6rem;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#D5DCE6}
.rt-foot{margin:1rem 0 0;color:#A9B5C7;font-size:.92rem}
/* experience cards ("Beyond the tour" style, all seven + note) */
.xp-cards{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.xp-cards li{display:flex;flex-direction:column;border:1px solid var(--ldc-border,#354155);background:var(--ldc-midnight,#0B1528);border-radius:2px;overflow:hidden}
.xp-art{aspect-ratio:16/10;overflow:hidden;background:#07090E}.xp-art img{width:100%;height:100%;object-fit:cover;display:block}
.xp-cards h3{margin:.75rem .75rem .35rem;font:700 .82rem/1.25 var(--font-body,Figtree,sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--white,#fff)}
.xp-cards li>p{margin:0 .75rem .85rem;color:#A9B5C7;font-size:.8rem;line-height:1.45}
.xp-cards .xp-notecard{flex-direction:column;justify-content:center;gap:.6rem;padding:1rem;background:linear-gradient(160deg,rgba(19,33,56,.9),rgba(7,9,14,.95));border-color:rgba(215,55,71,.45);box-shadow:inset 0 0 30px -18px rgba(215,55,71,.6)}
.xp-notecard .ico{width:22px;height:22px;color:#EE6470}.xp-notecard p{margin:0;font-size:.82rem;line-height:1.5;color:#D5DCE6}
/* numbered destination cards */
.rt-cards{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:1rem}
.rt-cards>li{display:flex;flex-direction:column;border:1px solid var(--ldc-border,#354155);background:var(--ldc-midnight,#0B1528);border-radius:2px;overflow:hidden}
.rt-card-art{position:relative;aspect-ratio:16/10;overflow:hidden;background:#07090E}.rt-card-art img{width:100%;height:100%;object-fit:cover;display:block}
.rt-num{position:absolute;left:.75rem;bottom:.6rem;padding:.2rem .5rem;background:var(--ldc-red,#D73747);color:#fff;font:700 .75rem/1 var(--font-body,Figtree,sans-serif);letter-spacing:.06em}
.rt-cards h3{margin:.9rem 1rem .4rem;font-family:var(--display,'Barlow Condensed'),sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:1.5rem;line-height:1;color:var(--white,#fff)}
.rt-cards>li>p{margin:0 1rem .9rem;color:#D5DCE6}
.rt-cards .rt-cardtag{margin-top:auto;padding-bottom:1rem;font:700 .64rem/1.3 var(--font-body,Figtree,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#EE6470}
.rt-days>li{padding:1rem 0 .6rem}.rt-days h3{margin-top:.2rem}.rt-days ul{margin:0 1rem 1rem;padding-left:1.1rem;color:#D5DCE6}.rt-days li li{margin:.3rem 0}
.rt-num-inline{margin:0 1rem;display:inline-block;align-self:flex-start;padding:.2rem .5rem;background:var(--ldc-red,#D73747);color:#fff;font:700 .75rem/1 var(--font-body,Figtree,sans-serif)}
/* wider-world band and CTA band: full-bleed art with the batch-5 left scrim */
.rt-wide,.rt-cta{position:relative;isolation:isolate;overflow:hidden;padding:clamp(3.5rem,10vw,6.5rem) 0}
.rt-wide-bg{position:absolute;inset:0;z-index:-1}.rt-wide-bg picture,.rt-wide-bg img{width:100%;height:100%;object-fit:cover;display:block}
.rt-wide-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(7 9 14/92%),rgb(7 9 14/70%) 45%,rgb(7 9 14/35%)),linear-gradient(0deg,rgb(7 9 14/70%),transparent 40%,rgb(7 9 14/55%))}
.rt-wide .rt-intro{max-width:34rem}
.rt-cta .rt-wide-bg img{filter:saturate(.7) brightness(.7)}
/* host block */
.rt-host{background:var(--ldc-surface,#132138);border-top:1px solid var(--ldc-border,#354155);border-bottom:1px solid var(--ldc-border,#354155);padding:2rem 0}
.rt-host .wrap{display:grid;grid-template-columns:110px 1fr;gap:1.1rem;align-items:start}
.rt-host-photo{margin:0}.rt-host-photo img{width:100%;height:auto;display:block;border:1px solid var(--ldc-border,#354155)}
.rt-fine .facts-list li{padding:.6rem 0}
.rt-incl{margin-top:1.2rem}
/* compact email interest form */
.rt-form{max-width:46rem}
.rt-form-row{display:grid;gap:.6rem}
.rt-form-row .field{margin:0}.rt-form-row input{width:100%;min-height:52px}
.rt-form-row .btn{min-height:52px;width:100%}
.rt-form .check{margin-top:.7rem}
.rt-form .hint{color:#A9B5C7}
/* disclaimer footer */
.rt-disclaimer{border-top:1px solid var(--ldc-border,#354155);padding:1.6rem 0 2rem}
.rt-disclaimer .wrap{display:grid;gap:.6rem}
.rt-disclaimer img{width:160px;height:auto}
.rt-disclaimer p{margin:0;color:#A9B5C7;font-size:.88rem;max-width:56rem}
.rt-tag-inline{font:700 .66rem/1 var(--font-body,Figtree,sans-serif)!important;letter-spacing:.16em;text-transform:uppercase;color:#D5DCE6!important}
@media (min-width:600px){.rt-factlist{grid-template-columns:repeat(3,1fr);gap:1.4rem}.rt-form-row{grid-template-columns:1fr auto}.rt-form-row .btn{width:auto;padding:0 1.6rem}}
@media (min-width:861px){
  .xp-cards{grid-template-columns:repeat(4,1fr);gap:1rem}
  .rt-cards{grid-template-columns:repeat(3,1fr)}
  .rt-inline span{display:inline}
  .rt-host .wrap{grid-template-columns:220px 1fr;gap:2.2rem;align-items:center}
  .rt-disclaimer .wrap{grid-template-columns:200px 1fr;align-items:start;column-gap:2rem}.rt-disclaimer .wrap p:last-child{grid-column:1/-1}
}
.l2{-webkit-text-fill-color:var(--ldc-red,#D73747);color:var(--ldc-red,#D73747)}
.rt-hero .scene-copy h1.rt-title{font-size:clamp(3.3rem,16vw,8rem);line-height:.88}
h2.display.rt-h2{font-size:clamp(2.6rem,11.5vw,5.2rem);line-height:.9}
h2.display.rt-h2.rt-h2-sm{font-size:clamp(2.1rem,8.5vw,3.6rem)}

/* ===== v1.3 queue (Oct 15 7:11 PM): film template, donate picker, membership, shop. Mobile first. ===== */
.possible{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.8rem;grid-template-columns:1fr}
.possible li{display:grid;grid-template-columns:2.4rem 1fr;column-gap:.8rem;align-items:start;padding:1rem;border:1px solid #2a3850;border-radius:12px;background:rgba(19,33,56,.55)}
.possible .ico{grid-row:span 2;width:2.2rem;height:2.2rem;padding:.45rem;border-radius:50%;border:1px solid #3b4b66;color:#D5DCE6;fill:none;stroke:currentColor}
.possible h3{margin:0;font-size:1.05rem}.possible p{margin:.2rem 0 0;color:#A9B5C7;font-size:.95rem}
@media (min-width:760px){.possible{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.possible{grid-template-columns:repeat(3,1fr)}}

.donate{display:grid;gap:1rem;padding:1.25rem;border:1px solid #354155;border-radius:16px;background:linear-gradient(180deg,rgba(23,32,52,.95),rgba(8,12,22,.97));box-shadow:0 20px 50px -30px rgba(215,55,71,.5)}
.donate fieldset{border:0;margin:0;padding:0;min-width:0}
.donate legend{font-weight:700;margin-bottom:.5rem;color:#F5F7FA}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid #3b4b66;border-radius:999px;padding:4px;background:#07090E}
.seg legend{grid-column:1/-1}
.donate .seg{display:grid}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg label{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.4rem .8rem;border-radius:999px;font-weight:700;color:#A9B5C7;cursor:pointer;text-align:center}
.seg input:checked+label{background:#0B1528;color:#fff;box-shadow:inset 0 0 0 1px #D5DCE6,inset 0 -2px 0 #D73747}
.seg input:focus-visible+label{outline:2px solid #fff;outline-offset:2px}
.amt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.amt{min-height:48px;border-radius:10px;border:1px solid #3b4b66;background:#0B1528;color:#F5F7FA;font:700 1rem/1 var(--font-body,Figtree,sans-serif);cursor:pointer}
.amt:hover{border-color:#D5DCE6}
.amt[aria-pressed=true]{border-color:#EE6470;background:#1a2a48;box-shadow:0 0 0 2px #EE6470 inset,0 0 18px -6px rgba(215,55,71,.8)}
.amt:focus-visible{outline:2px solid #fff;outline-offset:2px}
.money{display:flex;align-items:center;border:1px solid #3b4b66;border-radius:10px;background:#07090E;padding-left:.8rem}
.money span{color:#A9B5C7;font-weight:700}
.money input{flex:1;min-width:0;min-height:48px;border:0;background:transparent;color:#F5F7FA;font:600 1rem var(--font-body,Figtree,sans-serif);padding:.5rem .6rem}
.money:focus-within{border-color:#D5DCE6;outline:2px solid #fff;outline-offset:2px}
.money input:focus{outline:0}
.money:has(input[aria-invalid=true]){border-color:#EE6470}
.donate .hint{margin:.35rem 0 0;color:#A9B5C7;font-size:.85rem}
.donate .error{margin:.25rem 0 0;color:#EE6470;font-size:.9rem;min-height:1px}
.donate-summary{margin:0;font-weight:700;color:#D5DCE6}
.donate.has-amount .donate-summary{color:#fff}
.donate .btn{justify-self:stretch;justify-content:center}
.form-status.is-closed{padding:.75rem .9rem;border:1px dashed #A9B5C7;border-radius:10px;color:#F5F7FA;background:rgba(169,181,199,.08)}
.form-status.is-error{color:#EE6470}
.form-status:empty{display:none}
@media (min-width:760px){.amt-grid{grid-template-columns:repeat(4,1fr)}}

/* membership */
.cmp-wrap{overflow-x:auto;margin-top:1.5rem;border:1px solid #2a3850;border-radius:14px;-webkit-overflow-scrolling:touch}
.cmp{width:100%;min-width:340px;border-collapse:collapse;font-size:.92rem}
.cmp th,.cmp td{padding:.75rem .5rem;border-bottom:1px solid #22304a;text-align:center;vertical-align:middle}
.cmp thead th{font:900 italic 1.05rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#F5F7FA;background:#0B1528}
.cmp tbody th{text-align:left;font-weight:700;color:#F5F7FA;width:40%}
.cmp tbody th span{display:block;font-weight:400;font-size:.8rem;color:#A9B5C7;margin-top:.15rem}
.cmp .yes{width:1.2rem;height:1.2rem;color:#EE6470;fill:none;stroke:currentColor}
.cmp .no{color:#6b778a}
.cmp .price-row td{color:#A9B5C7;font-weight:600}
.cmp tr:last-child>*{border-bottom:0}
@media (min-width:900px){.tiers{grid-template-columns:repeat(3,1fr)}}
.tier-line{margin:0;color:#D5DCE6}
.tier .per{font-weight:400;font-size:.85rem}
.tier-benefits li{align-items:flex-start}
.tier-benefits b{display:block;color:#F5F7FA}
.tier-benefits span{color:#A9B5C7;font-size:.92rem}
.tier .btn{margin-top:auto;justify-content:center}

/* shop */
.prod-grid{list-style:none;padding:0;margin:1rem 0 1.5rem;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){.prod-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}
@media (min-width:1100px){.prod-grid{grid-template-columns:repeat(5,1fr)}}
.prod{display:flex;flex-direction:column;gap:.35rem;width:100%;height:100%;padding:.6rem .6rem .8rem;text-align:left;border:1px solid #2a3850;border-radius:14px;background:linear-gradient(180deg,#132138,#0a101c);color:#F5F7FA;font:inherit;cursor:pointer;text-decoration:none}
.prod:hover,.prod:focus-visible{border-color:#D5DCE6}
.prod:focus-visible{outline:2px solid #fff;outline-offset:2px}
.prod-art{aspect-ratio:400/440;border-radius:10px;background:radial-gradient(circle at 50% 35%,#24324c,#0b1120 70%);overflow:hidden}
.prod-art .tee{display:block;width:100%;height:100%}
.prod-art .tee-black{display:none}
.pd-art[data-color=black] .tee-navy{display:none}.pd-art[data-color=black] .tee-black{display:block}
.tee-slogan{font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:900;fill:#D5DCE6;letter-spacing:.5px}
.tee-mark{font-family:Figtree,sans-serif;font-weight:700;font-size:13px;letter-spacing:3px;fill:#A9B5C7}
.prod h3{margin:.2rem 0 0;font-size:.98rem;line-height:1.2}
.prod-meta{margin:0;display:flex;flex-direction:column;font-size:.8rem;color:#A9B5C7}
.prod-meta span:first-child{color:#D5DCE6;font-weight:700}
.prod .textlink{font-size:.85rem;margin-top:auto}
.prod-dialog{width:min(100% - 1.5rem,820px);max-height:calc(100dvh - 1.5rem);padding:0;border:1px solid #354155;border-radius:16px;background:#0B1528;color:#F5F7FA;overflow:auto}
.prod-dialog::backdrop{background:rgba(3,5,10,.78)}
.pd-inner{position:relative;display:grid;gap:1rem;padding:1rem}
@media (min-width:760px){.pd-inner{grid-template-columns:1fr 1fr;padding:1.5rem}}
.pd-art{aspect-ratio:400/440;border-radius:12px;background:radial-gradient(circle at 50% 35%,#24324c,#0b1120 70%);height:min(34dvh,400px);justify-self:center;max-width:100%}
@media (min-width:760px){.pd-art{height:auto;width:100%;max-width:360px}}
.pd-art .tee{width:100%;height:100%}
.pd-art .tee-black{display:none}
.pd-body{display:grid;gap:.8rem;align-content:start}
.pd-body h2{margin:0;font-size:clamp(1.8rem,7vw,2.6rem)}
.pd-body fieldset{border:0;margin:0;padding:0;min-width:0}
.pd-body legend{font-weight:700;margin-bottom:.4rem}
.pd-sizes,.pd-colors{display:flex;flex-wrap:wrap;gap:.4rem;border:0;border-radius:0;padding:0;background:none}
.pd-sizes label,.pd-colors label{border:1px solid #3b4b66;border-radius:10px;min-width:48px;background:#07090E}
.pd-sizes input:checked+label,.pd-colors input:checked+label{border-color:#EE6470;box-shadow:0 0 0 2px #EE6470 inset;background:#1a2a48}
.sw{width:1rem;height:1rem;border-radius:50%;border:1px solid #D5DCE6;display:inline-block}
.pd-sel{margin:0;color:#D5DCE6;font-size:.92rem}
.pd-close{position:absolute;top:.5rem;right:.5rem;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid #3b4b66;background:#07090E;color:#F5F7FA;display:grid;place-items:center;cursor:pointer}
.pd-close .ico{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor}
.shop-head{padding-top:2.5rem}
.shop-teaser .prod-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:420px){.shop-teaser .prod h3{font-size:.85rem}.shop-teaser .prod-meta span+span{display:none}}
.cols-2>*{min-width:0}
.amt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Fourthwall showcase (7:38 PM) */
.prod-grid>li{display:flex;flex-direction:column;gap:.5rem}
.prod-grid>li>.prod{flex:1}
.btn-sm{min-height:44px;padding:.5rem .8rem;font-size:.85rem;justify-content:center}
.member-save{color:#EE6470;font-weight:700}
.prod-meta .member-save{color:#EE6470;font-weight:700}
.pd-sizes-line{margin:0;color:#D5DCE6}.pd-sizes-line b{margin-right:.4rem;color:#F5F7FA}
.pd-buy .btn{width:100%;justify-content:center}
/* v1.4 featured episode (Jake Shields podcast): first tile on Home spans the row; Watch has a featured slot at the top. */
.tile-body{display:flex;flex-direction:column;flex:1}
.tile .feature-label{margin:.9rem 0 0;color:#EE6470;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}
.tile-feature{border-color:rgba(213,220,230,.4);box-shadow:0 0 0 1px rgba(215,55,71,.22),0 18px 40px -24px rgba(215,55,71,.55)}
.tile-feature h3{font-size:clamp(1.1rem,4.4vw,1.5rem);margin-top:.35rem}
.tiles-feature{grid-template-columns:1fr!important}
.featured-band{padding-bottom:0}
@media (min-width:861px){
  .tiles>.tile-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:stretch}
  .tile-feature>.player{aspect-ratio:16/9;align-self:start;width:100%}
  .tile-feature>.tile-body{margin:0;padding:1.4rem 1.5rem}
  .tile-feature .feature-label{margin-top:0}
}