.media-main{padding-top:80px;min-height:80vh}.page-pad{padding-block:clamp(40px,6vw,80px)}.mtitle{font-family:var(--font-display);font-size:clamp(40px,6vw,74px);line-height:1;letter-spacing:var(--disp-track)}.mtitle em{font-style:italic;color:var(--accent-2)}.mlead{color:var(--muted);max-width:56ch;margin-top:18px;font-size:clamp(16px,1.6vw,18px)}.crumb{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin-bottom:26px;flex-wrap:wrap}.crumb-link{background:none;border:none;padding:0;cursor:pointer;color:var(--muted);font-family:var(--font-body);font-size:13px;transition:color .2s var(--ease)}.crumb-link:hover{color:var(--accent-2)}.crumb .sep{color:var(--faint)}.crumb .cur{color:var(--text)}.spot{display:grid;grid-template-columns:1.5fr 1fr;gap:0;border:1px solid var(--line);background:var(--surface);margin-top:38px;overflow:hidden}.spot .spot-info{padding:clamp(28px,3vw,48px);display:flex;flex-direction:column;min-width:0}.spot .tagline{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:9px}.spot .tagline:before{content:"";width:22px;height:1px;background:var(--accent)}.spot h2{font-family:var(--font-display);font-size:clamp(28px,3.4vw,46px);line-height:1.04;margin-top:18px;letter-spacing:var(--disp-track);overflow-wrap:break-word}.spot .smeta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px;color:var(--muted);font-size:14px}.spot .smeta .scr{color:var(--accent-2)}.spot .ssum{color:var(--muted);margin-top:18px;font-size:15px;line-height:1.6;max-width:48ch}.spot .sactions{display:flex;gap:12px;margin-top:auto;padding-top:28px;flex-wrap:wrap}.spot .sactions .btn{cursor:pointer}@media(max-width:860px){.spot{grid-template-columns:1fr}.spot .spot-info{order:2}}.yt{position:relative;aspect-ratio:16/9;background:#06080b;cursor:pointer;overflow:hidden;display:block;width:100%;border:0;padding:0}.yt-thumb{position:absolute;inset:0}.yt-thumb .ph{width:100%;height:100%}.yt .scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.5));z-index:2}.yt .play{position:absolute;inset:0;margin:auto;width:76px;height:76px;z-index:3;display:grid;place-items:center;border-radius:50%;background:color-mix(in oklab,var(--accent) 92%,#000);color:#14110a;transition:transform .35s var(--ease),background .35s var(--ease);box-shadow:0 10px 40px #00000080}.yt:hover .play{transform:scale(1.08);background:var(--accent-2)}.yt .dur{position:absolute;right:12px;bottom:12px;z-index:3;font-size:12px;background:#000000b3;color:#fff;padding:4px 9px;border-radius:3px;letter-spacing:.02em}.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.searchbar{position:relative;margin-top:44px}.searchbar input{width:100%;background:var(--bg-2);border:1px solid var(--line);color:var(--text);font-family:var(--font-body);font-size:17px;padding:18px 20px 18px 54px;outline:none;transition:border-color .3s var(--ease),background .3s var(--ease)}.searchbar input::placeholder{color:var(--faint)}.searchbar input:focus{border-color:color-mix(in oklab,var(--accent) 55%,var(--line));background:var(--surface)}.searchbar .sico{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--faint);pointer-events:none}.searchbar .clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px}.searchbar .clear:hover{color:var(--accent-2)}.mlabel{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:clamp(48px,6vw,72px) 0 24px}.mlabel h3{font-family:var(--font-display);font-size:clamp(24px,3vw,36px);letter-spacing:var(--disp-track)}.mlabel .count{font-size:13px;color:var(--faint);letter-spacing:.04em}.series-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2vw,28px)}@media(max-width:720px){.series-grid{grid-template-columns:1fr}}.scard{display:grid;grid-template-columns:200px 1fr;border:1px solid var(--line);background:var(--bg-2);cursor:pointer;overflow:hidden;transition:border-color .35s var(--ease),transform .35s var(--ease),background .35s var(--ease)}.scard:hover{border-color:color-mix(in oklab,var(--accent) 45%,var(--line));transform:translateY(-3px);background:var(--surface)}.scard .scard-thumb{position:relative}.scard .scard-thumb .ph{width:100%;height:100%;min-height:160px}.scard .scard-body{padding:22px 24px;display:flex;flex-direction:column;min-width:0}.scard .scard-body .sbook{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.scard .scard-body h4{font-family:var(--font-display);font-size:27px;line-height:1.02;margin-top:9px;letter-spacing:var(--disp-track)}.scard .scard-body p{color:var(--muted);font-size:14px;margin-top:8px;line-height:1.5}.scard .scard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px}.scard .scard-foot .cnt{font-size:12.5px;color:var(--faint);letter-spacing:.03em}.scard .scard-foot .go{color:var(--accent-2);font-size:13px;font-weight:600;display:inline-flex;gap:7px;align-items:center;transition:gap .3s var(--ease)}.scard:hover .scard-foot .go{gap:12px}@media(max-width:480px){.scard{grid-template-columns:1fr}.scard .scard-thumb .ph{min-height:130px}}.ph.tone{background:var(--bg-2);border:none}.ph.tone:before{background:radial-gradient(75% 70% at 68% 12%,hsl(var(--tone) 45% 42% / .5),transparent 60%),linear-gradient(150deg,hsl(var(--tone) 30% 20%),var(--bg))}.sermon-rows{border-top:1px solid var(--line)}.srow{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(14px,2vw,28px);align-items:center;padding:20px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:background .3s var(--ease),padding-inline .3s var(--ease)}.srow:hover{background:color-mix(in oklab,var(--surface) 55%,transparent);padding-inline:18px}.srow .sr-idx{font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--accent)}.srow .sr-thumb{width:96px;height:56px;position:relative;flex:none}.srow .sr-thumb .ph{width:100%;height:100%}.srow .sr-thumb .mini-play{position:absolute;inset:0;margin:auto;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:color-mix(in oklab,var(--accent) 90%,#000);color:#14110a}.srow .sr-main{min-width:0}.srow .sr-main h4{font-family:var(--font-display);font-size:clamp(20px,2.2vw,26px);line-height:1.08;letter-spacing:var(--disp-track)}.srow .sr-main .sr-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:7px;font-size:13px;color:var(--muted)}.srow .sr-main .sr-meta .scr{color:var(--accent-2)}.srow .sr-right{display:flex;align-items:center;gap:18px}.srow .sr-right .dur{font-size:13px;color:var(--faint);white-space:nowrap}.srow .sr-right .chev{color:var(--muted);transition:transform .3s var(--ease)}.srow:hover .sr-right .chev{transform:translate(4px);color:var(--accent-2)}.srow .sr-leadwrap{display:flex;align-items:center;gap:18px;flex:none}@media(max-width:640px){.srow{grid-template-columns:1fr auto}.srow .sr-idx,.srow .sr-thumb{display:none}}.watch{display:grid;grid-template-columns:1fr 380px;gap:clamp(28px,3vw,52px);align-items:start;margin-top:30px}.watch .main-col{min-width:0}@media(max-width:1000px){.watch{grid-template-columns:1fr}}.watch .player-wrap{border:1px solid var(--line);background:#06080b;overflow:hidden}.watch .below{margin-top:30px}.watch .wmeta-top{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:13px;color:var(--muted)}.watch .wmeta-top .pill{border:1px solid var(--line);padding:6px 13px;border-radius:999px;color:var(--accent-2);font-size:12px;letter-spacing:.04em}.watch h1{font-family:var(--font-display);font-size:clamp(30px,4vw,52px);line-height:1.03;letter-spacing:var(--disp-track);margin-top:16px;overflow-wrap:break-word}.watch .byline{display:flex;align-items:center;gap:14px;margin-top:18px;color:var(--muted);font-size:14px}.watch .byline .avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(150deg,var(--surface),var(--bg));border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);font-family:var(--font-display);font-size:16px;flex-shrink:0}.watch .summary{margin-top:26px;padding-top:26px;border-top:1px solid var(--line);color:var(--text);line-height:1.7;font-size:17px;max-width:64ch}.watch .summary .scripture-card{margin-top:26px;border-left:2px solid var(--accent);padding:4px 0 4px 20px;font-family:var(--font-display);font-style:italic;font-size:21px;line-height:1.4;color:var(--text)}.watch .summary .scripture-card span{display:block;font-family:var(--font-body);font-style:normal;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-top:12px}.watch .downloads{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.wside{border:1px solid var(--line);background:var(--bg-2)}.wside .wside-h{padding:20px 22px 16px;border-bottom:1px solid var(--line)}.wside .wside-h .k{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.wside .wside-h h4{font-family:var(--font-display);font-size:22px;margin-top:6px;letter-spacing:var(--disp-track)}.wside .wlist{max-height:560px;overflow-y:auto}.witem{display:grid;grid-template-columns:86px 1fr;gap:14px;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--line);transition:background .25s var(--ease)}.witem:last-child{border-bottom:0}.witem:hover{background:var(--surface)}.witem.active{background:color-mix(in oklab,var(--accent) 12%,var(--bg-2));cursor:default}.witem .wt{width:86px;height:50px;position:relative}.witem .wt .ph{width:100%;height:100%}.witem .wt .now{position:absolute;inset:0;display:grid;place-items:center;background:#00000080;color:var(--accent-2);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.witem .wb h5{font-family:var(--font-body);font-weight:600;font-size:14px;line-height:1.25}.witem .wb .m{font-size:12px;color:var(--faint);margin-top:5px}.witem .wb .m .scr{color:var(--accent-2)}.empty{text-align:center;padding:70px 20px;color:var(--muted)}.empty .big{font-family:var(--font-display);font-size:30px;color:var(--text);margin-bottom:10px}.media-loading{padding:80px 0;text-align:center;color:var(--faint);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.view{animation:viewin .45s var(--ease) both}@keyframes viewin{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.view{animation:none}}