:root{--bg:#0C1440;--bar:rgba(12,20,64,.95);--accent:#22D3EE;--text:#FFFFFF;--text-80:rgba(255,255,255,.8);--text-60:rgba(255,255,255,.6);--text-50:rgba(255,255,255,.5);--text-40:rgba(255,255,255,.4);--line:rgba(255,255,255,.1);--panel:rgba(255,255,255,.04);--glow:rgba(34,211,238,.35);--display:"Cormorant Garamond",Georgia,serif;--body:system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;--max:1120px;color-scheme:dark}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 96px}.wrap{padding-top:40px}img,video{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--max);margin:0 auto;display:grid;gap:80px}h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;text-wrap:balance;line-height:1.05}.label{font:12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.dateline{font:12px var(--mono);letter-spacing:.06em;color:var(--text-50);text-transform:uppercase}.back{font:12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-60)}.head{display:grid;gap:18px}.head h1{font-size:clamp(42px,7.5vw,84px);letter-spacing:-.01em;max-width:18ch}.head .summary{margin:0;font-size:20px;color:var(--text-80);max-width:60ch}.pills{display:flex;flex-wrap:wrap;gap:8px}.tag{font:13px var(--body);padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text-80);display:inline-flex;gap:8px;align-items:center}.tag i{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}.tool{font:12px var(--mono);padding:5px 12px;border-radius:6px;border:1px solid rgba(34,211,238,.35);color:var(--accent);background:#22d3ee0f}.scripture{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}.verse{margin:0;padding:26px 28px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:grid;gap:14px;align-content:start}.verse p{margin:0;font:italic 500 clamp(22px,2.6vw,28px)/1.3 var(--display);color:var(--text)}.verse cite{font:12px var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.chapter{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px;border-top:1px solid var(--line);padding-top:32px;scroll-margin-top:80px}.rail{display:flex;flex-direction:column;gap:6px;position:sticky;top:88px;align-self:start}.rail b{font:500 64px/1 var(--display);color:var(--accent);text-shadow:0 0 24px var(--glow)}.rail span{font:11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-50)}.content{min-width:0;display:grid;gap:24px}.chapter h2{font-size:clamp(32px,4.5vw,44px)}.prose{margin:0;color:var(--text-80);font-size:18px;max-width:64ch}.main{display:grid;gap:24px;align-items:start}.main.side-by-side{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.main video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#000;box-shadow:0 0 60px #22d3ee14}.main .side{display:grid;gap:18px;align-content:start}.main .side p{margin:0;font:500 26px/1.25 var(--display)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font:600 14px var(--body);background:transparent;cursor:pointer;white-space:nowrap}.btn:hover{background:#22d3ee1a;text-decoration:none;box-shadow:0 0 20px var(--glow)}.btn.solid{background:var(--accent);color:var(--bg)}.btn.solid:hover{background:var(--accent);box-shadow:0 0 28px var(--glow)}.btn[aria-disabled=true]{border-color:var(--line);color:var(--text-40);pointer-events:none}.beats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden}.beat{padding:22px 24px;display:grid;gap:8px;align-content:start;background:var(--panel)}.beat+.beat{border-left:1px solid var(--line)}.beat .label{display:flex;gap:10px;align-items:center}.beat .label:before{content:attr(data-n);color:var(--text-40)}.beat p{margin:0;color:var(--text-80)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pair figure{margin:0;display:grid;gap:10px;min-width:0}.pair video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#000}.pair figcaption{font-size:14px;color:var(--text-60)}.pair figcaption b{display:block;font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}.clips{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.clips figure{margin:0;display:grid;gap:10px;min-width:0}.clips video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#000}.clips figcaption{font-size:14px;color:var(--text-60)}.compare{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;max-width:100%;user-select:none;touch-action:pan-y}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare .after{clip-path:inset(0 0 0 var(--pos,50%))}.compare .handle{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;background:var(--accent);box-shadow:0 0 14px var(--accent);transform:translate(-1px)}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare .tagl,.compare .tagr{position:absolute;top:12px;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--bar);padding:4px 10px;border-radius:999px}.compare .tagl{left:12px}.compare .tagr{right:12px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:3px}.seg button{font:13px var(--body);border:0;border-radius:999px;padding:6px 16px;background:transparent;color:var(--text-60);cursor:pointer}.seg button[aria-pressed=true]{background:var(--accent);color:var(--bg);box-shadow:0 0 14px var(--glow)}.toggle-img{width:100%;border-radius:14px;border:1px solid var(--line)}.gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:start}.gallery figure{margin:0;display:grid;gap:10px;grid-column:span 3;min-width:0}.gallery figure.wide{grid-column:span 6}.gallery button{padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);cursor:zoom-in;display:block;width:100%}.gallery button:hover{border-color:#22d3ee80;box-shadow:0 0 24px -6px var(--glow)}.gallery img{width:100%;height:auto}.gallery figure:not(.wide) img{height:600px;object-fit:contain}.gallery figcaption{font-size:14px;color:var(--text-60);line-height:1.5}.gallery figcaption b{font:11px var(--mono);color:var(--accent);letter-spacing:.08em;margin-right:8px}.learned{list-style:none;margin:0;padding:0;display:grid}.learned li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.learned li:first-child{border-top:1px solid var(--line)}.learned .n{font:12px var(--mono);color:var(--accent);padding-top:5px}.learned p{margin:0;color:var(--text-80);font-size:17px;max-width:68ch}.ideas summary{cursor:pointer;color:var(--text-60);font:12px var(--mono);letter-spacing:.08em;text-transform:uppercase}.ideas ul{color:var(--text-60);margin:12px 0 0;padding-left:18px}.linkrow{display:flex;flex-wrap:wrap;gap:10px}.soon{font-size:12px;opacity:.8}.pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line);padding-top:28px}.pager a,.pager span{display:grid;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}.pager a:hover{border-color:var(--accent);text-decoration:none}.pager .next{text-align:right}.pager small{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.pager span,.pager span small{color:var(--text-40)}.pager b{font:600 22px/1.15 var(--display)}.lightbox{position:fixed;inset:0;z-index:200;background:#060a20f0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:calc(16px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.lightbox .bar{display:flex;justify-content:space-between;align-items:center;font:12px var(--mono);color:var(--text-60)}.lightbox img{max-width:100%;max-height:100%;margin:auto;object-fit:contain;border-radius:8px}.lightbox p{margin:0 auto;max-width:70ch;text-align:center;color:var(--text-80)}.lightbox .ctrls{display:flex;gap:8px}.iconbtn{font:13px var(--body);padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}@media(max-width:760px){body{padding-block:0 72px}.wrap{gap:56px;padding-top:28px}.chapter{grid-template-columns:1fr;gap:16px;padding-top:24px}.rail{position:static;flex-direction:row;align-items:baseline;gap:12px}.rail b{font-size:44px}.main.side-by-side,.beats,.pair{grid-template-columns:1fr}.beat+.beat{border-left:0;border-top:1px solid var(--line)}.gallery{grid-template-columns:1fr 1fr;gap:14px}.gallery figure,.gallery figure.wide{grid-column:span 2}.gallery figure.half{grid-column:span 1}.gallery figure:not(.wide) img{height:300px}.learned li{grid-template-columns:1fr;gap:4px}.pager{grid-template-columns:1fr}.pager .next{text-align:left}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}