:root{--navy:#092c43;--blue:#1678a6;--paper:#f5f2eb;--ink:#163548;--muted:#5e6d75;--rule:#d6dedf;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--gutter:clamp(20px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;touch-action:manipulation}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.03;letter-spacing:-.025em}em{font-weight:400}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:min(calc(100% - var(--gutter)*2),1280px);margin-inline:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;line-height:1.6;color:var(--blue)}.skip-link{position:fixed;top:-80px;left:16px;z-index:20;padding:12px 20px;background:var(--navy);color:white}.skip-link:focus{top:12px}
.hub-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--rule)}.hub-header-inner{width:min(calc(100% - var(--gutter)*2),1280px);margin:auto;min-height:94px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hub-brand{display:flex;align-items:center;gap:18px;min-width:0}.hub-brand img{width:48px;height:52px;object-fit:contain;flex:none}.hub-brand>span{font:28px/1.15 var(--serif)}.hub-brand small{display:block;margin-top:5px;font:8px/1.5 var(--sans);letter-spacing:.12em}.back-to-jbn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;padding:10px 17px;border:1px solid #b9c9d0;font-size:12px;white-space:nowrap}.back-to-jbn:hover{background:var(--paper)}
.hub-intro{padding-block:66px 36px}.hub-intro>.eyebrow{margin-bottom:22px}.hub-intro h1{font-size:clamp(46px,7.3vw,100px);max-width:1100px}.hub-intro h1 em{color:var(--blue)}.hub-intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-top:28px}.hub-intro-bottom>p{max-width:490px;color:var(--muted);font-size:15px;line-height:1.85}.episode-jump{display:inline-flex;align-items:center;gap:28px;min-height:44px;border-bottom:1px solid var(--navy);font-size:12px;flex:none}
.hub-collection{padding-block:20px 68px;scroll-margin-top:106px}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--rule);padding-top:24px;margin-bottom:23px}.collection-heading h2{font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.collection-heading>span{font-size:12px;color:var(--muted)}.episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.hub-episode{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--rule)}.episode-image{position:relative;aspect-ratio:1.8;overflow:hidden;background:var(--navy)}.episode-image::after{content:'';position:absolute;inset:0;background:linear-gradient(#06233466,transparent 55%);pointer-events:none}.episode-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.episode-image>span{position:absolute;z-index:1;top:22px;left:26px;color:white;font-size:10px;letter-spacing:.15em}.episode-copy{display:flex;flex-direction:column;flex:1;padding:27px 28px 24px}.episode-copy h3{font-size:clamp(32px,3.7vw,51px);margin-top:10px}.episode-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8;margin:15px 0 20px;max-width:395px}.episode-action{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding-top:15px;margin-top:auto;border-top:1px solid var(--rule);font-size:12px}.episode-action>span{font-size:21px}.hub-episode:hover .episode-image img{transform:scale(1.025)}.hub-episode:hover .episode-action{text-decoration:underline;text-underline-offset:4px}
.hub-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;border-block:1px solid var(--rule);padding-block:42px}.hub-feature h2{font-size:clamp(34px,3.5vw,48px);margin-top:12px}.hub-feature>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:370px}.hub-feature a{display:inline-flex;align-items:center;gap:32px;min-height:44px;margin-top:14px;border-bottom:1px solid var(--navy);font-size:12px}.hub-footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:32px;font-size:12px;color:var(--muted)}.hub-footer a{display:inline-flex;align-items:center;gap:20px;min-height:44px;color:var(--navy)}
@media(max-width:700px){html{scroll-padding-top:86px}.hub-header-inner{min-height:80px;gap:12px}.hub-brand{gap:10px}.hub-brand img{width:36px;height:40px}.hub-brand>span{font-size:23px}.hub-brand small{font-size:6px;letter-spacing:.08em}.back-to-jbn{gap:8px;padding-inline:11px;font-size:11px}.hub-intro{padding-block:38px 24px}.hub-intro>.eyebrow{font-size:9px;margin-bottom:17px}.hub-intro-bottom{display:block;margin-top:22px}.hub-intro-bottom>p{font-size:14px;max-width:470px}.episode-jump{margin-top:14px}.hub-collection{padding-top:14px;padding-bottom:42px;scroll-margin-top:92px}.collection-heading{padding-top:20px;margin-bottom:18px}.collection-heading>span{font-size:10px;max-width:160px;text-align:right}.episode-grid{grid-template-columns:1fr;gap:24px}.episode-image{aspect-ratio:1.85}.episode-image>span{top:17px;left:21px}.episode-copy{padding:22px 22px 18px}.episode-copy h3{font-size:39px}.episode-copy>p:not(.eyebrow){font-size:13px;margin-top:12px}.hub-feature{grid-template-columns:1fr;gap:20px;padding-block:32px}.hub-footer{display:block;padding-block:24px}.hub-footer a{margin-top:8px}}
@media(max-width:360px){.hub-brand>span{font-size:20px}.hub-brand small{font-size:5.5px}.hub-brand img{width:30px;height:34px}.back-to-jbn{font-size:10px;padding-inline:9px;gap:6px}.hub-header-inner{gap:8px}.hub-intro h1{font-size:43px}.episode-copy h3{font-size:34px}.episode-copy{padding-inline:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.episode-image img{transition:none}.hub-episode:hover .episode-image img{transform:none}}
