/* WBB Audio · original branding retained from the Journal and approved Creative Studio. */
:root{color-scheme:dark;--black:#05070a;--navy:#08131e;--navy2:#0c1c2a;--gold:#c9aa68;--gold-hi:#e5c98b;--ivory:#f0ece4;--muted:#a8a6a1;--muted2:#7f8790;--line:rgba(240,236,228,.13);--goldline:rgba(201,170,104,.27);--display:'Cormorant Garamond',Georgia,serif;--sans:Inter,Arial,Helvetica,sans-serif;--content:1280px}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;min-width:320px;background:var(--black);color:var(--ivory);font:400 15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button,input,summary{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold-hi);outline-offset:4px}::selection{background:#ad8c53;color:#080a0c}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:15px;z-index:300;background:var(--gold);color:#09111a;padding:12px}.skip-link:focus{top:15px}
.site-header{position:sticky;z-index:70;top:0;display:flex;align-items:center;height:94px;padding:0 clamp(22px,4.8vw,82px);gap:26px;background:linear-gradient(115deg,rgba(5,7,10,.982),rgba(9,18,27,.982));border-bottom:1px solid var(--line);box-shadow:0 10px 35px #0003;backdrop-filter:blur(17px)}.brand{display:block;flex:none}.brand img{width:clamp(218px,22vw,294px);height:auto}.header-divider{width:1px;height:29px;background:rgba(201,170,104,.26)}.imprint{font-size:10px;letter-spacing:.27em;font-weight:700;color:var(--gold);white-space:nowrap}.topnav{margin-left:auto;display:flex;gap:clamp(18px,2.4vw,38px);align-items:center}.topnav a{font-size:10px;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:#bebbb9;transition:color .2s}.topnav a:hover,.topnav a[aria-current]{color:var(--gold-hi)}.topnav .studio-link{color:var(--gold-hi)}.mobile-menu{display:none}.mobile-nav[hidden]{display:none!important}
main{overflow:hidden}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.23em;font-weight:650;text-transform:uppercase;color:var(--gold)}.eyebrow-line{display:inline-block;height:1px;width:26px;background:var(--gold);vertical-align:middle;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.04;letter-spacing:-.027em}h1 em,h2 em,.footer-head em{color:var(--gold);font-weight:400}p{color:var(--muted)}.gold-button{display:inline-flex;align-items:center;justify-content:space-between;min-height:54px;gap:26px;padding:15px 23px;background:linear-gradient(115deg,#c3a364,#e1c688);color:#09111a;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;transition:background .2s,transform .2s}.gold-button:hover{background:#edd39a;transform:translateY(-2px)}.gold-button span:last-child{font-size:17px;font-weight:400}.text-button{display:inline-flex;align-items:center;gap:17px;font-size:11px;letter-spacing:.1em;font-weight:650;color:var(--ivory);transition:color .2s}.text-button:hover{color:var(--gold-hi)}.text-button span{color:var(--gold-hi)}
.hero{min-height:690px;position:relative;display:flex;align-items:center;padding:clamp(85px,11vw,150px) clamp(26px,7vw,115px) clamp(78px,9vw,130px);isolation:isolate;overflow:hidden;background:#08101a}.hero:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#05070a 0%,rgba(5,7,10,.95) 26%,rgba(5,7,10,.73) 54%,rgba(5,7,10,.2) 100%),url('/assets/creative-studio-hero-wide.webp') center 49%/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#05070a 0%,transparent 18%),radial-gradient(circle at 65% 20%,rgba(174,109,51,.12),transparent 36%)}.hero-glow{position:absolute;z-index:-1;left:-150px;bottom:0;width:650px;height:400px;background:radial-gradient(ellipse,rgba(10,37,57,.5),transparent 68%);pointer-events:none}.hero-content{max-width:710px}.hero h1{font-size:clamp(72px,7.5vw,137px);margin:31px 0 24px;text-shadow:0 3px 24px #0006}.hero h1 em{display:inline-block}.hero-desc{font:400 clamp(19px,2vw,25px)/1.42 var(--display);color:#dad8d1;max-width:560px;margin-bottom:34px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.hero-aside{position:absolute;right:5vw;bottom:64px;display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:.23em;color:#cdc4b4;white-space:nowrap}.hero-aside b{color:var(--gold);font-weight:400}.vertical-rule{height:1px;width:51px;background:var(--gold)}
.intro-band{max-width:var(--content);margin:auto;border-bottom:1px solid var(--line);padding:85px 32px 86px;display:grid;grid-template-columns:205px minmax(0,1fr) 120px;align-items:start;gap:32px}.intro-band p{font:400 clamp(30px,3.3vw,50px)/1.16 var(--display);color:var(--ivory);max-width:800px;margin:0}.intro-band p em{color:var(--gold)}.fine-rule{width:100px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin-top:20px}
.featured-wrap,.library-section,.topics-section,.related-section{max-width:var(--content);margin:auto;padding:100px 32px 28px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.section-header h2,.topics-layout h2,.closing h2,.transcript-title h2{font-size:clamp(48px,5.1vw,76px);margin:9px 0 0}.section-count{font-size:10px;letter-spacing:.17em;color:var(--muted2);text-transform:uppercase;white-space:nowrap}.featured-panel{display:grid;grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);min-height:510px;background:linear-gradient(125deg,#111b25,#0a111a 58%,#101d29);border:1px solid var(--goldline);box-shadow:0 25px 75px #0004}.featured-image{overflow:hidden;background:#111d27;max-height:620px}.featured-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.featured-image:hover img{transform:scale(1.025)}.featured-copy{padding:clamp(35px,5.2vw,75px);display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.featured-copy h3{font-size:clamp(44px,5vw,74px);margin:19px 0 11px}.featured-sub{font:italic 400 clamp(24px,2.5vw,34px)/1.16 var(--display);color:var(--gold);margin:0 0 25px}.featured-description{max-width:470px;line-height:1.95;margin:0 0 35px}.button-play{font-size:12px!important}
.library-section{padding-top:107px;padding-bottom:100px;scroll-margin-top:90px}.library-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:24px;align-items:center;justify-content:space-between;min-height:93px;margin-bottom:30px;padding:12px 0}.searchbox{display:flex;align-items:center;gap:12px;flex:1;max-width:340px}.searchbox svg{fill:none;stroke:var(--gold);stroke-width:1.8;width:20px;height:20px}.searchbox input{background:transparent;border:0;padding:13px 4px;outline:none;min-width:0;width:100%;color:var(--ivory);font-size:12px}.searchbox input::placeholder{color:#92979d}.searchbox input:focus-visible{outline:1px solid var(--gold)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background:none;border:0;color:#aeb4ba;padding:10px 9px;font-size:11px;border-bottom:1px solid transparent}.filter-btn:hover,.filter-btn.is-active{color:var(--gold-hi);border-bottom-color:var(--gold)}.episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:25px;row-gap:47px}.episode-card{min-width:0;display:flex;flex-direction:column}.card-art{display:block;aspect-ratio:1.44;background:#111e2b;overflow:hidden;box-shadow:0 14px 24px #0003}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card-art:hover img{transform:scale(1.04)}.card-body{padding:21px 0 0;display:flex;flex-direction:column;flex:1}.card-eyebrow{letter-spacing:.145em;font-size:9px}.card-eyebrow span{color:#6f777c;margin:0 6px}.episode-card h3{font-size:clamp(28px,2.4vw,37px);line-height:1.08;margin:11px 0 10px;letter-spacing:-.012em}.episode-card h3 a:hover{color:var(--gold-hi)}.card-subtitle{font:400 14px/1.62 var(--sans);margin-bottom:21px}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--line);padding-top:17px;gap:12px}.card-foot>span{font-size:11px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:5px}.card-foot svg{width:16px;height:16px;fill:none;stroke:var(--gold);stroke-width:1.4}.listen-link{font-size:11px;font-weight:600;color:var(--gold-hi)}.empty-state{padding:50px 20px;text-align:center;border:1px solid var(--line)}
.topics-section{max-width:none;background:radial-gradient(circle at 80% 20%,#122637 0%,transparent 49%),linear-gradient(100deg,#080e15,#0e1a27);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:94px max(32px,calc((100% - 1216px)/2)) 110px;scroll-margin-top:90px}.topics-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.topics-layout h2{margin:15px 0 0}.topic-pills{display:flex;flex-wrap:wrap;gap:13px;align-content:center}.topic-chip{border:1px solid rgba(201,170,104,.32);color:#d9d4c7;padding:10px 17px;display:inline-block;font-size:12px;letter-spacing:.015em;transition:background .2s,border-color .2s}.topic-chip:hover{border-color:var(--gold-hi);background:#293341}.closing{max-width:890px;padding:125px 30px 140px;margin:auto;text-align:center}.closing h2{margin:18px 0 22px}.closing p{font:400 23px/1.45 var(--display);max-width:660px;margin:0 auto 30px}
.site-footer{background:#080c12;border-top:1px solid var(--line);display:grid;grid-template-columns:85px minmax(0,1fr) 220px;gap:30px;padding:70px max(30px,calc((100% - 1216px)/2)) 65px}.footer-symbol img{width:71px}.footer-kicker{color:var(--gold);font-size:10px;letter-spacing:.23em;font-weight:650}.footer-head{font:500 57px/1.04 var(--display);margin:13px 0 16px;color:var(--ivory)}.footer-explainer{font-size:12px;max-width:400px;line-height:1.8}.footer-links{display:flex;flex-wrap:wrap;gap:23px;margin-top:25px}.footer-links a{color:var(--gold-hi);font-size:11px}.footer-links a:hover{text-decoration:underline}.footer-last{font-size:10px;line-height:2.8;letter-spacing:.12em;color:#8e949c;align-self:end;text-align:right}.back-top{position:fixed;bottom:20px;right:21px;background:#172531d8;color:var(--gold);border:1px solid var(--goldline);width:38px;height:38px;z-index:55;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.is-visible{opacity:1;pointer-events:auto}
/* individual episodes */
.episode-main{max-width:1360px;margin:auto;padding:40px 48px 95px;overflow:visible}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:11px;color:var(--muted2);letter-spacing:.02em;margin:13px 0 76px}.breadcrumbs a:hover{color:var(--gold)}.breadcrumbs span:nth-child(even){color:var(--gold)}.episode-heading{text-align:center;max-width:1000px;margin:0 auto 63px}.episode-heading h1{font-size:clamp(60px,7vw,108px);margin:22px auto 18px}.episode-dek{font:italic 400 clamp(24px,2.7vw,39px)/1.25 var(--display);color:var(--gold);margin:0 auto 22px;max-width:840px}.episode-meta{font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--muted2)}.meta-divider{color:var(--gold);margin:0 17px}.tiny-gold-dot{color:var(--gold);margin:0 8px}.episode-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--goldline);background:linear-gradient(140deg,#111f2b,#0b141e);min-height:525px}.episode-art{background:#0f1b24;min-width:0}.episode-art img{width:100%;height:auto;max-height:640px;aspect-ratio:1/1;object-fit:cover}.art-under{padding:16px 24px;border-top:1px solid var(--goldline);display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.14em;color:#a5a4a1}.listening-panel{padding:clamp(32px,5.5vw,82px);align-self:center}.listening-panel h2{font-size:clamp(48px,5.7vw,82px);margin:19px 0 18px}.listening-panel p{font-size:14px;line-height:1.9;max-width:480px}.audio-player{margin:35px 0 15px;background:#172634;border:1px solid var(--goldline);padding:15px;box-shadow:0 9px 25px #0003}.audio-player audio{display:block;width:100%;height:52px;accent-color:var(--gold)}.audio-unavailable{margin:25px 0;padding:20px;border:1px solid var(--goldline);color:var(--gold)}.demo-warning{display:flex;gap:9px;align-items:center;color:#d5bf90!important;font-size:11px!important;margin:5px 0 30px}.demo-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none}.scripture-row{margin-top:32px;padding:21px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.scripture-row strong{font:400 24px var(--display);color:#ded8cd}.tag-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.tag-row .topic-chip{font-size:11px;padding:6px 12px}
.transcript-block{max-width:1040px;margin:105px auto 80px}.transcript-title{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--line);padding-bottom:27px}.transcript-title h2{margin-top:13px}.transcript-details{border-bottom:1px solid var(--line)}.transcript-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:27px 5px;cursor:pointer;color:var(--ivory);font:400 26px var(--display)}.transcript-details summary::-webkit-details-marker{display:none}.summary-detail{display:flex;gap:17px;align-items:center;color:var(--gold);font:600 11px var(--sans);letter-spacing:.07em;text-transform:uppercase}.summary-detail b{display:grid;place-items:center;border:1px solid var(--goldline);width:32px;height:32px;font:400 22px var(--sans)}.transcript-details[open] .summary-detail b{transform:rotate(45deg)}.transcript-content{padding:10px min(9%,80px) 50px;max-width:900px;margin:auto}.transcript-content p{font:400 clamp(21px,2vw,26px)/1.67 var(--display);color:#dbd6cc;margin:21px 0}.transcript-content h3,.transcript-content h4{font-size:37px;color:var(--ivory);margin:35px 0 10px}.transcript-content blockquote{border-left:2px solid var(--gold);padding:7px 25px;margin:27px 0;color:#d9c99f;font:italic 25px/1.4 var(--display)}.transcript-end{color:var(--gold)!important;font-style:italic!important;margin-top:35px!important}.related-section{padding:30px 0 65px;max-width:1040px}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.back-to-library{border-top:1px solid var(--line);padding:24px 0;text-align:center;font-size:12px;color:var(--gold-hi)}.back-to-library a:hover{text-decoration:underline}.preview-ribbon{text-align:center;background:#201c12;border:1px solid var(--goldline);padding:11px;color:var(--gold);font-size:11px;letter-spacing:.12em}.topic-page{max-width:1240px;margin:auto;padding:40px 34px 100px}.topic-hero{padding:45px 0 65px;border-bottom:1px solid var(--line)}.topic-hero h1{font-size:clamp(72px,8vw,118px);margin:19px 0}.topic-hero p{font:400 25px var(--display)}.topic-page .library-section{padding:75px 0}
@media(max-width:1200px){.topnav{gap:18px}.site-header{gap:17px}.brand img{width:235px}.imprint{letter-spacing:.16em}.hero{min-height:590px}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-panel{min-height:440px}}
@media(max-width:850px){.site-header{height:78px;padding:0 23px}.brand img{width:236px}.topnav,.header-divider{display:none}.imprint{margin-left:auto}.mobile-menu{display:grid;gap:5px;background:transparent;border:1px solid var(--goldline);padding:11px;margin-left:8px;width:42px;height:42px}.mobile-menu span{height:1px;background:var(--gold);display:block;width:100%}.mobile-nav:not([hidden]){display:grid;position:sticky;top:78px;z-index:69;padding:18px 24px;background:#0b141d;border-bottom:1px solid var(--goldline);gap:17px}.mobile-nav a{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.intro-band{grid-template-columns:1fr;gap:20px;padding-top:60px;padding-bottom:65px}.fine-rule{display:none}.featured-panel{grid-template-columns:1fr 1fr;min-height:0}.featured-copy{padding:30px}.featured-copy h3{font-size:47px}.featured-copy .gold-button{min-height:46px;padding:12px 14px}.featured-description{font-size:13px;margin-bottom:23px}.library-toolbar{flex-direction:column;align-items:stretch;gap:8px}.searchbox{max-width:none}.filter-bar{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}.topics-layout{grid-template-columns:1fr;gap:28px}.site-footer{grid-template-columns:68px 1fr}.footer-last{grid-column:2;text-align:left}.episode-main{padding:32px 27px 70px}.episode-split{grid-template-columns:1fr 1fr}.listening-panel{padding:27px}.listening-panel h2{font-size:56px}.listening-panel p{font-size:12px}.audio-player{padding:8px}.transcript-block{margin:85px auto 60px}}
@media(max-width:610px){html{scroll-padding-top:85px}.site-header{height:73px;padding:0 16px;gap:8px}.brand img{width:195px}.imprint{font-size:8px;letter-spacing:.1em;display:none}.mobile-menu{margin-left:auto}.mobile-nav:not([hidden]){top:73px}.hero{min-height:610px;align-items:flex-end;padding:65px 25px 67px}.hero:before{background:linear-gradient(0deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.84) 40%,rgba(5,7,10,.2) 100%),url('/assets/creative-studio-hero-wide.webp') 61% 30%/cover no-repeat}.hero h1{font-size:clamp(68px,14.5vw,99px);margin:22px 0 17px}.hero-desc{font-size:22px;max-width:370px;line-height:1.35}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-aside{display:none}.intro-band{padding:63px 24px}.intro-band p{font-size:36px}.featured-wrap,.library-section,.related-section{padding-left:22px;padding-right:22px}.featured-wrap{padding-top:75px}.section-header{align-items:flex-start}.section-header h2,.topics-layout h2,.closing h2,.transcript-title h2{font-size:clamp(49px,12vw,69px)}.section-count{display:none}.featured-panel{grid-template-columns:1fr}.featured-image{max-height:330px}.featured-image img{height:330px}.featured-copy{padding:31px 27px 40px}.featured-copy h3{font-size:55px;margin-top:11px}.featured-sub{font-size:26px}.featured-description{font-size:14px}.library-section{padding-top:80px;padding-bottom:75px}.library-toolbar{min-height:0}.episode-grid{grid-template-columns:1fr;gap:43px}.card-art{aspect-ratio:1.65}.episode-card h3{font-size:39px}.episode-card .card-body{padding-top:18px}.topics-section{padding:72px 24px}.topic-pills{gap:10px}.topic-chip{padding:9px 13px}.closing{padding:87px 24px}.closing p{font-size:22px}.site-footer{padding:53px 23px;grid-template-columns:1fr;gap:10px}.footer-symbol{display:none}.footer-head{font-size:48px}.footer-last{grid-column:1}.episode-main{padding:25px 18px 60px}.breadcrumbs{margin:8px 0 45px;font-size:10px}.episode-heading{margin-bottom:40px}.episode-heading h1{font-size:clamp(60px,14vw,82px);margin-top:17px}.episode-dek{font-size:29px}.episode-meta{font-size:9px;letter-spacing:.14em}.episode-split{grid-template-columns:1fr}.episode-art img{max-height:390px;aspect-ratio:1.15}.art-under{padding:10px 15px;font-size:8px}.listening-panel{padding:31px 24px 36px}.listening-panel h2{font-size:58px}.listening-panel p{font-size:13px}.transcript-block{margin:70px auto 53px}.transcript-title{align-items:flex-start}.transcript-details summary{font-size:24px;padding:24px 4px}.summary-detail{font-size:10px;gap:8px}.transcript-content{padding:10px 3px 40px}.transcript-content p{font-size:23px;line-height:1.56}.related-section{padding:14px 0 40px}.related-grid{grid-template-columns:1fr}.topic-page{padding:24px 21px 70px}.topic-hero h1{font-size:71px}.topic-page .library-section{padding:55px 0}}
@media(max-width:360px){.brand img{width:187px}.hero{min-height:585px}.hero h1{font-size:62px}.hero-desc{font-size:20px}.gold-button{min-height:49px}.episode-heading h1{font-size:57px}.episode-dek{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* RC2 — fit the editorial home hero cleanly on common desktop laptop viewports.
   Mobile layout and all other site components remain unchanged. */
@media (min-width:611px){
  .hero{padding-top:clamp(45px,6vh,78px);padding-bottom:clamp(45px,6vh,78px)}
  .hero{min-height:590px}
  .hero h1{font-size:clamp(72px,6.55vw,110px);line-height:.98;margin:20px 0 15px}
  .hero-desc{font-size:clamp(19px,1.65vw,23px);margin-bottom:26px}
  .hero-aside{bottom:38px}
}
@media (min-width:1201px){
  .hero{min-height:min(690px,calc(100svh - 94px))}
}
@media (min-width:611px) and (max-height:720px){
  .hero{min-height:0;padding-top:42px;padding-bottom:44px}
  .hero h1{font-size:clamp(62px,6vw,90px);margin:15px 0 12px}
  .hero-desc{font-size:19px;line-height:1.3;margin-bottom:20px}
}

/* WBB AUDIO RC3: episode artwork and mobile footer wrap (2026-11-03) */
@media (max-width:610px){
  /* Preserve full, uncropped square episode artwork at native proportions. */
  .episode-split .episode-art img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
  /* Keep "doesn't end" together rather than leaving a single orphan word. */
  .footer-head .footer-keep{white-space:nowrap}
}