:root{color-scheme:light;--ink:#202321;--muted:#686d69;--rule:#b8bdb7;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#e8e9e6}
*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 50% 0,#f9faf7 0,transparent 65%),#e8e9e6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #313d35;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}
.vlog-page{width:min(100% - 80px,1060px);margin:auto;min-height:100svh;display:flex;flex-direction:column;padding-top:max(26px,env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom))}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--rule)}.wordmark{font-size:21px;font-weight:900;letter-spacing:-1.3px}.wordmark span{font-size:10px;vertical-align:super;margin-left:2px}.edition,.eyebrow,.film-tag,.screen-bottom,.enter-copy span,footer{font-family:'Courier New',monospace}.edition{font-size:10px;letter-spacing:1px;color:var(--muted)}
.film{width:min(100%,940px);margin:34px auto 0}.film-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 8px;color:var(--muted)}h1{font-size:clamp(36px,5.5vw,64px);font-weight:900;line-height:.95;letter-spacing:-3px;margin:0}h1 span{color:#858e88}.film-tag{font-size:10px;letter-spacing:1px;color:var(--muted);padding-bottom:4px}
.screen-frame{padding:7px 7px 0;background:linear-gradient(120deg,#fff,#c4c9c5 38%,#eef0ed 80%,#bdc4bd);border:1px solid #a8afa8;box-shadow:0 14px 38px -25px #26302788,inset 0 0 0 1px #ffffff80;border-radius:3px}.screen{aspect-ratio:16/9;background:#111613;position:relative;overflow:hidden}.play-cover{position:absolute;inset:0;display:grid;place-items:center;background:#111613}.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;transition:opacity .18s ease}.play-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#080c0a88);pointer-events:none}.play-disc{z-index:1;display:grid;place-items:center;width:72px;height:72px;border:1px solid #fff9;border-radius:50%;background:#e9ede8ed;box-shadow:0 2px 22px #0004;transition:transform .18s ease}.play-disc svg{width:28px;height:28px;fill:#202823;margin-left:1px}.play-cover:hover .play-disc{transform:scale(1.06)}.play-cover:hover .poster{opacity:1}.play-caption{z-index:1;position:absolute;bottom:24px;color:#fff;font:11px 'Courier New',monospace;letter-spacing:2px}.screen-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:37px;padding:0 7px;font-size:10px;letter-spacing:.5px}.screen-bottom>span{display:flex;align-items:center;gap:7px}.screen-bottom i{width:5px;height:5px;border-radius:50%;background:#586b5d}.screen-bottom a:hover,footer a:hover{text-decoration:underline}
.enter-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding-bottom:30px}.enter-copy p{font-size:17px;letter-spacing:-.3px;margin:0 0 6px}.enter-copy span{font-size:11px;color:var(--muted)}.enter-button{display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:50px;padding:14px 20px;background:#252c27;color:#f1f4ef;font-size:13px;border:1px solid #252c27;border-radius:2px;transition:background .18s}.enter-button:hover{background:#414d44}.enter-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}footer{display:flex;justify-content:space-between;gap:16px;padding-top:18px;margin-top:auto;border-top:1px solid var(--rule);font-size:10px;letter-spacing:.7px;color:var(--muted)}
@media(min-width:1400px){.film{margin-top:48px}.enter-row{margin-top:32px}}@media(max-width:600px){.vlog-page{width:calc(100% - 32px);padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.masthead{padding-bottom:18px}.wordmark{font-size:19px}.edition{font-size:8px;letter-spacing:0}.film{margin-top:34px}.film-heading{margin-bottom:16px}.film-tag{display:none}h1{font-size:46px;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:10px}.screen-frame{padding:4px 4px 0}.play-disc{width:52px;height:52px}.play-disc svg{width:24px;height:24px}.play-caption{bottom:12px;font-size:9px}.screen-bottom{padding:0 5px;font-size:9px;letter-spacing:0;min-height:35px}.enter-row{align-items:stretch;flex-direction:column;gap:20px;margin-top:28px;padding-bottom:38px}.enter-copy p{font-size:17px}.enter-button{min-height:54px;font-size:14px}footer{font-size:9px}}
.play-cover:focus-visible{outline:3px solid #fff;outline-offset:-5px;z-index:1}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

#film-title b{font:inherit}#film-title{overflow-wrap:anywhere}.film-heading>div{min-width:0}.film-tag{max-width:35%;overflow-wrap:anywhere;flex-shrink:0}.screen-bottom,.enter-copy,footer{overflow-wrap:anywhere}.screen-bottom>a{flex-shrink:0}.enter-button{max-width:100%;overflow-wrap:anywhere}.enter-button svg{flex-shrink:0}

.vlog-identity{max-width:940px;width:100%;margin:24px auto 0}.vlog-identity h2,.episode-archive h2{font-size:20px;letter-spacing:-.5px}.vlog-identity p,.episode-archive p{font-size:14px;line-height:1.7;color:var(--muted);max-width:650px}.artist-nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}.artist-nav a{font:12px/1.5 'Courier New',monospace;min-height:40px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.episode-archive{width:100%;max-width:940px;margin:10px auto 40px;border-top:1px solid var(--rule);padding-top:18px}.episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin-top:20px}.episode-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#111}.episode-grid h3{font-size:17px;line-height:1.4;margin:10px 0}.episode-grid a:hover h3{text-decoration:underline}.episode-grid p{font-size:13px;margin:8px 0}@media(max-width:600px){.episode-grid{grid-template-columns:1fr}.vlog-identity{margin-top:18px}.film{margin-top:20px}}