@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/fraunces-latin-opsz-normal.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/fraunces-latin-opsz-italic.woff2) format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/work-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/work-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/work-sans-latin-600-normal.woff2) format('woff2')}
/* Layout: night sanctuary. One pinned bar (brand · lanes · one lamp-gold pill), a lamp-to-ember hairline,
   then a single 1040px column of eyebrow-led sections. Deliberately single-theme (dark), set explicitly. */
:root{
  /* Palette from the YouTube channel: avatar black, logo champagne gold, banner moonlight blue, bronze and sunrise */
  --night:#070708; --night2:#121215; --night3:#1B1B20; --night4:#2A2A31;
  --parchment:#F4EFE4; --parchment-dim:#CBC4B4; --parchment-mute:#8F8A80;
  --lamp:#CCAF78; --lamp-dim:#9C8457; --ember:#B07A45; --sunrise:#F4C88A; --moon:#3A5468; --bronze:#4A3625;
  --line:rgba(244,239,228,0.12); --line-strong:rgba(244,239,228,0.22);
  --display:'Fraunces',Georgia,'Times New Roman',serif;
  --body:'Work Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --r:14px; --gut:clamp(16px,4vw,32px);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--night)}
body{margin:0;background:var(--night);color:var(--parchment);font-family:var(--body);font-size:16px;line-height:1.6}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--lamp);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--display);font-weight:600;text-wrap:balance;margin:0;letter-spacing:-.01em}
h1{font-size:clamp(34px,6vw,58px);line-height:1.04;font-variation-settings:"opsz" 144}
h2{font-size:clamp(22px,3vw,28px);line-height:1.2}
h3{font-size:18px;line-height:1.3}
.num{font-variant-numeric:tabular-nums}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;color:var(--lamp);background:var(--night2);padding:2px 7px;border-radius:6px;overflow-wrap:anywhere}

.stagebar{background:var(--night3);color:var(--parchment-dim);font-size:12px;letter-spacing:.04em;text-align:center;padding:6px var(--gut)}

/* pinned header (ISM pattern: brand left, plain links, one high-contrast pill, drawer) */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(7,7,8,.92);backdrop-filter:blur(8px)}
.top-in{max-width:1104px;margin:0 auto;padding:12px var(--gut);display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:21px;font-weight:600;text-decoration:none;white-space:nowrap}
.mark{width:44px;height:44px;display:block;margin:-6px 0}
.primary{display:flex;gap:4px;flex:1;justify-content:center;flex-wrap:wrap}
.primary a{text-decoration:none;font-size:14px;font-weight:500;color:var(--parchment-dim);padding:8px 12px;border-radius:999px;white-space:nowrap;transition:color .15s,background .15s}
.primary a:hover{color:var(--parchment);background:var(--night2)}
.primary a[aria-current]{color:var(--parchment);background:var(--night3)}
.stay{background:var(--lamp);color:var(--night);text-decoration:none;font-weight:600;font-size:14px;padding:9px 18px;border-radius:999px;white-space:nowrap}
.stay:hover{background:var(--sunrise)}
.menu{background:none;border:1px solid var(--line-strong);border-radius:10px;width:42px;height:38px;display:grid;place-content:center;gap:4px;cursor:pointer;padding:0}
.menu span{display:block;width:18px;height:2px;background:var(--parchment);border-radius:2px}
.menu em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hair{height:2px;background:linear-gradient(90deg,var(--moon),var(--lamp) 50%,var(--sunrise) 72%,var(--night4))}
.drawer{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.6)}
.drawer-in{position:absolute;right:0;top:0;bottom:0;width:min(340px,86vw);background:var(--night2);border-left:1px solid var(--line);
  padding:calc(24px + env(safe-area-inset-top,0px)) 16px 24px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}
.drawer-h{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--lamp);margin:0 12px 10px}
.drawer a{text-decoration:none;padding:13px 14px;border-radius:10px;color:var(--parchment-dim);font-weight:500}
.drawer a:hover{background:var(--night3);color:var(--parchment)}
.drawer a[aria-current]{background:var(--night3);color:var(--parchment);box-shadow:inset 3px 0 0 var(--lamp)}
@media (max-width:900px){.primary{display:none}.top-in{justify-content:space-between}.brand{margin-right:auto}}
@media (max-width:420px){.stay{padding:8px 13px;font-size:13px}.brand{font-size:19px}}

/* page column */
.wrap{max-width:1104px;margin:0 auto;padding-inline:var(--gut)}
main.wrap{padding-block:8px 64px;display:flex;flex-direction:column;gap:56px}
.crumbs{font-size:13px;color:var(--parchment-mute);padding-top:22px;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--parchment-dim);text-decoration:none}.crumbs a:hover{color:var(--lamp)}
.crumbs + section,.crumbs + article,.crumbs + .tierflag{margin-top:-32px}
main.wrap > .intro:first-child,main.wrap > .vpage:first-child,main.wrap > .versehero:first-child{padding-top:36px}
main.wrap > .lanehero:first-child{margin-top:32px}
.tierflag{border:1px dashed var(--ember);color:var(--parchment-dim);font-size:13px;padding:10px 14px;border-radius:10px}
.tierflag b{color:var(--ember)}
.eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--lamp)}
.lede{max-width:60ch;color:var(--parchment-dim);font-size:17px;margin:14px 0 0}
.answer{max-width:62ch;font-size:18px;line-height:1.65;color:var(--parchment);margin:16px 0 0}
section{display:flex;flex-direction:column;gap:18px}
section > h2{margin:0}
.intro{padding-top:28px}
.sechead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sechead p{margin:0;color:var(--parchment-dim)}
.sechead a{color:var(--lamp);text-decoration:none;font-size:14px;font-weight:600}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}
.meta{font-size:14px;color:var(--parchment-dim)}.meta a{color:var(--lamp)}
.pill{background:var(--lamp);color:var(--night);font-weight:600;text-decoration:none;padding:12px 22px;border-radius:999px;font-size:15px}
.pill:hover{background:var(--sunrise)}
.pill-o{align-self:flex-start;border:1px solid var(--line-strong);color:var(--parchment);text-decoration:none;padding:9px 18px;border-radius:999px;font-size:14px;font-weight:500;transition:border-color .15s}
.pill-o:hover{border-color:var(--lamp)}

/* home hero */
.home-hero{padding-block:clamp(40px,8vw,88px) 8px;position:relative}
.home-hero::before{content:"";position:absolute;inset:0 -6% auto auto;z-index:-1;width:min(520px,80vw);height:420px;pointer-events:none;
  background:radial-gradient(ellipse at 60% 40%,rgba(204,175,120,.18),transparent 62%)}
.home-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(24px,5vw,64px);row-gap:0;align-items:start;isolation:isolate}
.home-hero > *:not(.hero-logo){grid-column:1}
.hero-logo{grid-column:2;grid-row:2;align-self:center;width:clamp(180px,24vw,300px);height:auto;display:block;filter:drop-shadow(0 0 32px rgba(204,175,120,.28))}
.home-hero h1{margin-top:14px}
@media (max-width:640px){.home-hero{column-gap:14px}.home-hero > .answer,.home-hero > .row{grid-column:1 / -1}.hero-logo{grid-column:2;grid-row:2;align-self:center;width:clamp(96px,28vw,128px);margin:0}.home-hero h1{font-size:clamp(40px,12vw,56px)}}
.home-hero h1{font-size:clamp(46px,9vw,96px);line-height:.98}
.home-hero h1 em{font-style:italic;font-weight:500;color:var(--lamp)}

/* lane cards (ISM card pattern: eyebrow, heading, body, outline pill) */
.lanegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.lanecard,.plcard{display:flex;flex-direction:column;gap:10px;text-decoration:none;background:var(--night2);border:1px solid var(--line);border-radius:var(--r);padding:22px;transition:border-color .18s,transform .18s}
.lanecard:hover,.plcard:hover{border-color:var(--lamp-dim);transform:translateY(-2px)}
.lanecard p,.plcard p{margin:0;color:var(--parchment-dim);font-size:15px;flex:1}
.lanecard{background-image:linear-gradient(160deg,var(--tint,transparent),transparent 55%)}
.lane-rest{--tint:rgba(58,84,104,.45)} .lane-healing{--tint:rgba(176,122,69,.26)} .lane-prayer{--tint:rgba(204,175,120,.2)}
.lane-trust{--tint:rgba(74,54,37,.55)} .lane-everyday{--tint:rgba(244,200,138,.16)}
.plgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}

/* video cards */
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px}
.vcard{display:flex;flex-direction:column;gap:10px;text-decoration:none;background:var(--night2);border:1px solid var(--line);border-radius:var(--r);padding:18px;transition:border-color .18s}
.vcard:hover{border-color:var(--lamp-dim)}
.vcard h3{font-size:17px;flex:1}
.fmt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-mute)}
.fmt.long{color:var(--lamp)}
.lane-tag{font-size:13px;color:var(--parchment-dim)}
.vpill{align-self:flex-start;font-size:12px;font-weight:600;color:var(--night);background:var(--parchment-dim);padding:3px 10px;border-radius:999px}

/* lane / verse heroes */
.lanehero{padding:34px clamp(20px,4vw,40px);border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(160deg,var(--tint),var(--night2) 70%);margin-top:20px}
.need{font-family:var(--display);font-style:italic;font-size:20px;color:var(--parchment);margin:6px 0 0}
.count{font-size:13px;color:var(--parchment-mute);margin-top:8px}
.versehero{padding-top:28px}
blockquote{margin:0;border-left:3px solid var(--lamp);padding:4px 0 4px 20px}
blockquote p{margin:0;font-family:var(--display);font-size:22px;line-height:1.45}
blockquote.big p{font-size:clamp(24px,3.6vw,34px);font-weight:500;line-height:1.35;max-width:32ch}
cite{display:block;margin-top:10px;font-style:normal;font-size:13px;letter-spacing:.06em;color:var(--parchment-mute)}
.vfollow{margin:0;color:var(--parchment-dim);max-width:62ch}.vfollow b{color:var(--lamp);font-weight:600}

/* video page */
.vpage{display:flex;flex-direction:column;gap:22px;padding-top:28px}
.vpage h1{font-size:clamp(28px,4.4vw,44px);line-height:1.1;max-width:24ch}
.vpage .answer{margin:0}
.player{position:relative;display:flex;align-items:flex-end;aspect-ratio:16/9;max-width:100%;border-radius:18px;border:1px solid var(--line);
  background:radial-gradient(ellipse at 50% 40%,var(--night4),var(--night2) 55%,var(--night));text-decoration:none;padding:clamp(16px,3vw,26px);overflow:hidden}
.play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:var(--lamp);box-shadow:0 0 50px rgba(204,175,120,.4)}
.play::after{content:"";position:absolute;left:30px;top:24px;border-left:20px solid var(--night);border-top:13px solid transparent;border-bottom:13px solid transparent}
.ptxt{display:flex;flex-direction:column;font-size:14px;color:var(--parchment-dim)}.ptxt b{color:var(--parchment);font-size:16px}
.facts,.factsheet dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:0}
.facts div,.factsheet dl div{background:var(--night);padding:14px 16px;min-width:0}
dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-mute)}
dd{margin:4px 0 0;font-size:15px}dd a{color:var(--lamp)}
.factsheet dl{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.verse{background:var(--night2);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{text-decoration:none;font-size:14px;border:1px solid var(--line-strong);padding:7px 14px;border-radius:999px;color:var(--parchment-dim)}
.chip:hover{border-color:var(--lamp);color:var(--parchment)}
.share{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:18px}
.alias{opacity:.75}
.empty{color:var(--parchment-dim);margin:0}

/* verse index */
.book{gap:10px}
.vlist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.vrow{display:grid;grid-template-columns:minmax(120px,170px) 1fr auto;gap:16px;align-items:baseline;text-decoration:none;padding:14px 18px;border-top:1px solid var(--line)}
.vrow:first-child{border-top:0}.vrow:hover{background:var(--night2)}
.vref{font-family:var(--display);font-weight:600;color:var(--lamp)}
.vsnip{color:var(--parchment-dim);font-size:15px;min-width:0}
.vn{font-size:12px;color:var(--parchment-mute)}
@media (max-width:560px){.vrow{grid-template-columns:1fr auto}.vsnip{grid-column:1/-1}}

/* tables (staging) */
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;font-size:14px;min-width:560px}
th,td{text-align:left;padding:11px 14px;border-top:1px solid var(--line);vertical-align:top}
th{border-top:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-mute);background:var(--night2)}
.note{color:var(--parchment-dim);font-size:14px;margin:0}

.foot{border-top:1px solid var(--line);color:var(--parchment-dim);font-size:14px;padding-block:28px 40px}
.foot p{margin:0 0 6px}.foot .small{font-size:12px;color:var(--parchment-mute)}.foot a{color:var(--lamp)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* banner band: the channel's triptych */
.band{margin-inline:calc(-1 * var(--gut));position:relative}
.band img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:1600/417;object-fit:cover}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--night) 0,transparent 18%,transparent 82%,var(--night) 100%);pointer-events:none}
.band figcaption{font-size:12px;color:var(--parchment-mute);padding:10px var(--gut) 0;letter-spacing:.04em}
@media (min-width:1104px){.band{margin-inline:0;border-radius:var(--r);overflow:hidden}.band figcaption{padding-inline:0}}
.tagline{font-family:var(--display);font-style:italic;color:var(--lamp)}

/* compact overflow list for large hubs */
.rmore{border:1px solid var(--line);border-radius:var(--r);background:var(--night2)}
.rmore summary{cursor:pointer;padding:14px 18px;font-weight:600;color:var(--lamp);list-style-position:inside}
.rlist{display:flex;flex-direction:column}
.rrow{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;text-decoration:none;padding:12px 18px;border-top:1px solid var(--line)}
.rrow:hover{background:var(--night3)}
.rt{min-width:0;flex:1 1 280px}.rm{font-size:13px;color:var(--parchment-mute);white-space:nowrap}
.vwatch{display:block;margin-top:4px;color:var(--lamp);font-weight:500}
.vrow{color:inherit;transition:background .15s}.vrow:hover .vref{text-decoration:underline}
.vrow:focus-visible{outline:2px solid var(--lamp);outline-offset:-2px}
.vrow.single{scroll-margin-top:90px}
.vrow.single:target{background:var(--night3)}

#top{scroll-margin-top:96px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shorts feed: TikTok-style cover grid */
.sfeed{display:flex;flex-direction:column;gap:14px}
.sbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px}
.stab{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:17px;color:var(--parchment);padding-bottom:10px;margin-bottom:-11px;border-bottom:2px solid var(--parchment)}
.stab svg{width:15px;height:15px}
.scount{font-size:12px;font-weight:500;color:var(--parchment-mute)}
.ssort{display:inline-flex;background:var(--night3);border-radius:8px;padding:3px;gap:2px}
.ssort button{font:inherit;font-size:13px;font-weight:600;color:var(--parchment-dim);background:none;border:0;padding:6px 12px;border-radius:6px;cursor:pointer}
.ssort button[aria-pressed="true"]{background:var(--night4);color:var(--parchment)}
.ssort button:hover{color:var(--parchment)}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(30%,160px),1fr));gap:10px}
@media (max-width:520px){.sgrid{grid-template-columns:repeat(3,1fr);gap:4px}}
.stile{position:relative;display:block;aspect-ratio:9/16;max-width:100%;border-radius:8px;overflow:hidden;background:var(--night3);isolation:isolate}
.stile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.stile::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(transparent,rgba(0,0,0,.72));z-index:1;pointer-events:none}
.stile:hover img{transform:scale(1.04)}
.stile:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}
.stop{position:absolute;top:8px;left:8px;right:8px;z-index:2;display:flex;flex-wrap:wrap;gap:4px;align-items:flex-start}
.spin{background:#E8364E;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px}
.sbadge{background:var(--lamp);color:var(--night);font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 6px rgba(0,0,0,.35)}
.sviews{position:absolute;left:8px;bottom:7px;z-index:2;display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.sviews svg{width:12px;height:12px}
@media (max-width:520px){.sbadge,.spin{font-size:10px;padding:1px 6px}.sviews{font-size:12px}}
/* vertical player on Short pages */
.player.vert{aspect-ratio:9/16;width:min(360px,100%);padding:0;background:#000}
.player.vert img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.player.vert .ptxt{position:relative;z-index:1;padding:16px;background:linear-gradient(transparent,rgba(0,0,0,.8));width:100%}
.player.vert .play{z-index:1}
@media (prefers-reduced-motion:reduce){.stile img{transition:none}}
.subh{margin-top:36px}
.inl{color:var(--lamp);white-space:nowrap}

/* in-page Short player (home) */
.splayer{padding:0;border:0;background:transparent;color:var(--parchment);max-width:100vw;max-height:100vh;width:100%;height:100%;margin:0}
.splayer::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(6px)}
.sp-in{position:relative;height:100%;display:grid;grid-template-columns:auto min(420px,calc(100vw - 32px)) auto;grid-template-rows:1fr auto;
  align-items:center;justify-content:center;column-gap:18px;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px))}
.sp-frame{grid-column:2;position:relative;aspect-ratio:9/16;height:min(calc(100vh - 190px),747px);width:auto;max-width:100%;justify-self:center;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.sp-poster,.sp-embed,.sp-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.sp-note{display:none;position:absolute;left:12px;right:12px;bottom:12px;margin:0;padding:10px 12px;border-radius:10px;background:rgba(7,7,8,.82);font-size:13px;color:var(--parchment-dim)}
.splayer.is-staging .sp-note{display:block}
.sp-meta{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:14px}
.sp-title{font-size:18px}
.sp-x{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:14px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:var(--night2);color:var(--parchment);font-size:26px;line-height:1;cursor:pointer}
.sp-nav{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-strong);background:var(--night2);color:var(--parchment);font-size:30px;line-height:1;cursor:pointer}
.sp-prev{grid-column:1}.sp-next{grid-column:3}
.sp-nav:hover,.sp-x:hover{border-color:var(--lamp)}
@media (max-width:640px){.sp-in{grid-template-columns:1fr;grid-template-rows:1fr auto auto}.sp-frame{grid-column:1;width:100%;height:auto;max-height:calc(100vh - 210px)}
 .sp-meta{grid-column:1}.sp-nav{position:absolute;top:50%;z-index:2;background:rgba(18,18,21,.7)}.sp-prev{left:6px}.sp-next{right:6px}}
.player.live{padding:0}.player.live iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sp-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sp-auto{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--parchment-dim);cursor:pointer}
.sp-auto input{width:18px;height:18px;accent-color:var(--lamp)}

/* session image cards (YouTube-style) */
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px 16px}
.ltile{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit}
.lthumb{position:relative;display:block;aspect-ratio:16/9;max-width:100%;border-radius:12px;overflow:hidden;background:var(--night3)}
.lthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.ltile:hover .lthumb img{transform:scale(1.03)}
.ltile:focus-visible{outline:none}.ltile:focus-visible .lthumb{outline:2px solid var(--lamp);outline-offset:2px}
.lplay{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(7,7,8,.55);border:1px solid rgba(255,255,255,.35);opacity:0;transition:opacity .2s}
.lplay::after{content:"";position:absolute;left:22px;top:17px;border-left:16px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.ltile:hover .lplay,.ltile:focus-visible .lplay{opacity:1}
.ldur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.78);color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px}
.lcap{display:flex;flex-direction:column;gap:4px;min-width:0}
.ltitle{font-family:var(--display);font-weight:600;font-size:16px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lmeta{font-size:13px;color:var(--parchment-mute)}
/* widescreen mode of the player */
.splayer.wide .sp-in{grid-template-columns:auto min(960px,calc(100vw - 160px)) auto}
.splayer.wide .sp-frame{aspect-ratio:16/9;width:100%;height:auto;max-height:calc(100vh - 190px)}
@media (max-width:640px){.splayer.wide .sp-in{grid-template-columns:1fr}}
/* click-to-play on video pages */
.player.facade{cursor:pointer;font:inherit;color:inherit;text-align:left;width:100%;background:#000}
.player.facade.vert{width:min(360px,100%)}
.player.facade img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.player.facade .ptxt{position:relative;z-index:1}
.player.facade .play{z-index:1}
.player.facade::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.player.facade .ptxt{z-index:2}
.fnote{display:none;position:absolute;left:14px;right:14px;top:14px;z-index:3;padding:10px 12px;border-radius:10px;background:rgba(7,7,8,.85);font-size:13px;color:var(--parchment-dim)}
.player.facade.noted .fnote{display:block}
.player.live{background:#000}
.drawer-top{display:flex;align-items:center;justify-content:space-between;margin:0 4px 10px 12px}
.drawer-top .drawer-h{margin:0}
.drawer-x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);background:var(--night3);color:var(--parchment);font-size:24px;line-height:1;cursor:pointer}
.drawer-x:hover{border-color:var(--lamp)}
.drawer{cursor:pointer}.drawer-in{cursor:default}

/* follow / subscribe buttons */
.fbtns{display:flex;flex-wrap:wrap;gap:10px}
.fbtn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:14px;font-weight:600;padding:10px 16px;border-radius:999px;border:1px solid var(--line-strong);color:var(--parchment);background:var(--night2);transition:border-color .15s,background .15s}
.fbtn svg{width:18px;height:18px;flex:none}
.fbtn:hover{border-color:var(--lamp)}
.fbtn.yt{background:var(--lamp);color:var(--night);border-color:var(--lamp)}
.fbtn.yt:hover{background:var(--sunrise)}
.fbtns.mini .fbtn{padding:7px 12px;font-size:13px}
.fbtns.mini .fbtn:not(.yt) span{display:none}
.fbtns.stack{flex-direction:column;align-items:stretch}.fbtns.stack .fbtn{justify-content:flex-start}
.fbtns.foot{margin-bottom:18px}
.followband{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:28px clamp(20px,4vw,36px);border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(135deg,rgba(204,175,120,.14),var(--night2) 60%)}
.fb-copy{max-width:52ch;min-width:0}.fb-copy h2{margin:0 0 6px}.fb-copy p{margin:0;color:var(--parchment-dim)}
.followcard{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--night2)}
.fc-h{margin:0;font-family:var(--display);font-size:18px;font-weight:600}
.drawer-follow{margin-top:auto;padding:18px 4px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.drawer-follow .drawer-h{margin:0 8px}
.sp-sub{margin-top:2px}
/* ISM ambassador page */
.ambass{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:40px;align-items:start;margin:32px 0 56px}
.sgrid.one{grid-template-columns:1fr}
.amb-copy h2{margin-top:0}
.amb-copy p{color:var(--parchment);max-width:52ch;line-height:1.65}
.amb-qr{margin:28px 0 0}
.amb-qr img{display:block;border-radius:12px}
.amb-qr figcaption{font-size:13px;opacity:.7;margin-top:8px}
.foot a.quiet{color:inherit;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
@media (max-width:720px){.ambass{grid-template-columns:1fr;gap:28px}.amb-short{max-width:260px}}
.minlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:32px 0 56px}
.mincard{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line-strong);border-radius:16px;text-decoration:none;color:inherit;transition:border-color .15s}
.mincard:hover{border-color:var(--lamp)}.mincard h2{margin:0}.mincard p{margin:0;color:var(--parchment);line-height:1.6}
.intro .eyebrow a.quiet{color:inherit;text-decoration:none}
html,body{overflow-x:clip}
/* legal */
.legal{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;margin:28px 0 64px}
.legal-toc{position:sticky;top:96px;align-self:start;font-size:14px}.legal-toc ol{margin:0;padding-left:18px;display:grid;gap:8px}
.legal-toc a{color:var(--parchment);text-decoration:none}.legal-toc a:hover{color:var(--lamp)}
.legal-body{max-width:68ch}.legal-body section{scroll-margin-top:96px;margin-bottom:28px}.legal-body h2{font-size:22px;margin:0 0 10px}
.legal-body p,.legal-body li{color:var(--parchment);line-height:1.7}.legal-body ul{padding-left:20px}
.legal-t{width:100%;border-collapse:collapse;font-size:14px}.legal-t th,.legal-t td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
mark.confirm{background:#5a3b10;color:#ffd99a;padding:0 4px;border-radius:4px}
@media (max-width:720px){.legal{grid-template-columns:1fr;gap:20px}.legal-toc{position:static}.legal-t{display:block;overflow-x:auto}}

/* about: vision & mission */
.vm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 8px}
.vm-item{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--night2)}
.vm-text{font-family:var(--display);font-size:clamp(19px,2vw,23px);line-height:1.45;color:var(--parchment);margin:10px 0 0}
@media (max-width:720px){.vm{grid-template-columns:1fr}}
.vm-wide{grid-column:1 / -1}.vm-tag{margin:16px 0 0;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--lamp)}

.sp-nav[hidden]{display:none!important}.sp-back{min-height:44px}

/* space overhaul (staging preview 2026-09-29) */
@media (max-width:719px){
 main.wrap{gap:32px}
 main.wrap > .intro:first-child,main.wrap > .vpage:first-child,main.wrap > .versehero:first-child{padding-top:32px}
 main.wrap > .lanehero:first-child{margin-top:12px}
 .lanehero{padding:18px 20px!important}
 .lanehero h1{margin:4px 0 2px}
 .lanehero .lede{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0}
 .home-hero .answer{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .band{margin-block:0}
 .vpage h1{font-size:28px;line-height:1.15}
 .vpage{gap:14px}
 .subh{margin-top:0}
}
.book .vlist .vrow{padding-block:10px}
.book .vsnip{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.book .vwatch{display:none}
.book h2{margin-bottom:6px}
main.wrap > section.book{margin-bottom:0}
main.wrap:has(> section.book){gap:20px}