.collection{background:radial-gradient(ellipse at 80% 15%,#13232b77,transparent 40%),#06090b}.collection.canaanite{background:radial-gradient(ellipse at 80% 15%,#332a1c66,transparent 40%),#080908}.collection-main{max-width:1180px;margin:auto;padding:50px 6%}.back-link{color:var(--muted);font-size:13px}.collection-heading{padding:55px 0 50px;border-bottom:1px solid var(--line);margin-bottom:46px}.collection-heading h1{font:400 clamp(44px,8vw,80px)/1.05 'Cormorant Garamond',Georgia,serif;margin:0 0 25px}.collection-heading>p:last-child{color:var(--muted);font-size:14px}.episodes{display:grid;gap:44px}.episode{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;padding-bottom:44px;border-bottom:1px solid var(--line)}.video-poster{aspect-ratio:16/9;width:100%;padding:0;border:1px solid #ffffff22;background:#101820;position:relative;overflow:hidden;cursor:pointer;display:block}.video-poster img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.video-poster:hover img{opacity:.65}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#07131cdd;color:white;border:1px solid #ffffff80;font-size:22px;padding-left:3px}.video-player{aspect-ratio:16/9;width:100%;border:0;background:#000}.episode-copy h2{font:400 clamp(25px,3vw,35px)/1.2 'Cormorant Garamond',Georgia,serif;margin:0 0 25px}.episode-copy .eyebrow{color:#7ebdd6}.canaanite .episode-copy .eyebrow{color:#c5ac80}@media(max-width:700px){.collection-main{padding:32px 6%}.collection-heading{padding:35px 0}.episode{grid-template-columns:1fr;gap:23px;padding-bottom:32px}.episode-copy h2{font-size:30px}.episodes{gap:34px}}
.play-here{display:block;min-height:44px;margin:0 0 18px;padding:10px 19px;border:1px solid #67bbef80;border-radius:3px;background:#123b56;color:#e7f7ff;font:600 14px Manrope,Arial,sans-serif;cursor:pointer}.play-here:hover{background:#1b5070}.youtube-link{font-size:12px;color:var(--muted)}
.video-shell{position:relative;width:100%;aspect-ratio:16/9;background:#071321;overflow:hidden;border:1px solid #ffffff22}.video-shell>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-loading-cover{position:absolute;inset:0;background:#071321;display:grid;place-items:center;pointer-events:none}.video-loading-cover img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.35}.video-status{position:relative;z-index:1;padding:14px 18px;background:#071321e8;margin:12px;color:#e9f7ff;font-size:14px;text-align:center;max-width:90%}.is-loading .video-status:before{content:'';display:inline-block;width:13px;height:13px;margin-right:10px;border:2px solid #ffffff45;border-top-color:#67c9ff;border-radius:50%;vertical-align:-2px;animation:video-spin .8s linear infinite}.is-ready .video-loading-cover{display:none}@keyframes video-spin{to{transform:rotate(360deg)}}

/* Native players load with the page and own their playback controls. */
iframe.video-player{display:block;width:100%;height:auto;aspect-ratio:16/9;min-height:200px;border:1px solid #ffffff22;position:relative;z-index:3;background:#071321}

.collection-heading.has-cover{position:relative;isolation:isolate;overflow:hidden;padding:60px 32px;margin-top:24px;min-height:260px;border:1px solid #ffffff1b;background:#06101a}
.collection-heading.has-cover .collection-art{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2}
.collection-heading.has-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06101a 10%,#06101ae0 37%,#06101a45 78%,#06101a30);z-index:-1}
.collection-heading.has-cover h1{font-size:clamp(42px,7vw,72px);max-width:80%;text-shadow:0 2px 20px #000}
.collection-heading.has-cover>p:last-child{color:#b8c8d3}
@media(max-width:700px){.collection-heading.has-cover{padding:36px 22px;min-height:260px}.collection-heading.has-cover .collection-art{width:100%;opacity:.7}.collection-heading.has-cover:after{background:linear-gradient(90deg,#06101aeb,#06101a66)}.collection-heading.has-cover h1{max-width:100%}}
