@font-face{font-family:'Rui Sans';src:url('assets/rui-sans.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Rui Sans';src:url('assets/rui-sans-bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:'Rui Display';src:url('assets/rui-display.otf') format('opentype');font-weight:600;font-display:swap}
:root{--bg:#f4f1e8;--panel:#fffdf8;--text:#25221d;--muted:#6d6558;--line:#d7cfbd;--accent:#8c6616;--mustard:#d9af3e;--sans:'Rui Sans',Arial,sans-serif;--mono:'Courier New',monospace;--gutter:40px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;isolation:isolate}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}p,h1,h2,h3,figure{margin:0}p{line-height:1.6}h1,h2{font-family:'Rui Display',var(--sans);font-weight:600;letter-spacing:-.044em}img{display:block;max-width:100%;height:auto}svg{display:block}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}iframe{display:block;width:100%;height:100%;border:0}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-fill{fill:currentColor;stroke:none}
.site-shell{position:relative;z-index:1;width:min(1400px,100%);padding:0 var(--gutter);margin:auto}.skip-link{position:fixed;top:-100px;left:20px;background:var(--text);color:var(--bg);padding:15px;z-index:50}.skip-link:focus{top:20px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.075em;color:var(--accent);line-height:1.5;margin-bottom:13px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:88px;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(244,241,232,.97);backdrop-filter:blur(12px);transition:box-shadow .25s,border-color .25s}.site-header.is-scrolled{box-shadow:0 9px 22px -17px #2b24174a;border-bottom-color:#c2b38e}.brand{display:flex;align-items:center;gap:11px;flex:none}.brand>img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:1px solid #b99842;transition:transform .35s}.brand>span{font-family:'Rui Display',var(--sans);font-weight:600;font-size:29px;line-height:1;letter-spacing:-.05em}.name-dot{color:#9d761b}.site-header nav{display:flex;gap:34px}.site-header nav a{position:relative;font-size:14px;color:var(--muted);padding:12px 0;transition:color .2s}.site-header nav a::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:2px;background:#c49b32;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover,.site-header nav a[aria-current=location]{color:var(--text)}.site-header nav a:hover::after,.site-header nav a[aria-current=location]::after{transform:scaleX(1)}.menu-toggle{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:48px;padding:14px 21px;background:var(--mustard);border:1px solid var(--mustard);color:var(--text);font-size:14px;font-weight:700;line-height:1.3;transition:background .2s,border-color .2s,transform .25s,box-shadow .25s}.button:hover{background:#e2bb50;border-color:#e2bb50}.button:active{transform:translateY(1px)}.button .icon,.subtle-link .icon{transition:transform .25s}.button-small{font-size:12px;padding:12px 17px;min-height:44px;gap:13px}.button-small>.icon{width:17px;height:17px}.button-outline{background:transparent;border-color:#85795f;color:inherit}.button-outline:hover{background:#d9af3e18;border-color:var(--mustard)}.subtle-link,.text-link{display:inline-flex;align-items:center;gap:15px;font-size:14px;line-height:1.5}.subtle-link:hover,.text-link:hover{color:var(--accent)}
.watch-section{padding:29px 0 21px}.watch-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:25px;animation:intro-arrive .6s cubic-bezier(.22,.61,.36,1) both}.watch-intro h1{font-size:clamp(34px,3.65vw,50px);line-height:1.08;max-width:920px}.watch-intro h1>span{color:var(--accent);display:inline-block;position:relative}.watch-intro h1>span::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--mustard);transform:scaleX(0);transform-origin:left;animation:underline-arrive .7s .2s ease-out forwards}
.intro-portrait{width:160px;text-align:center;flex:none;padding:3px 16px}.intro-portrait .portrait-frame{width:105px;margin:0 auto;background:var(--mustard);border:1px solid #b99842;padding:5px;border-radius:50%}.intro-portrait img{aspect-ratio:1;object-fit:cover;border-radius:50%}.intro-portrait figcaption{font-size:12px;color:var(--muted);margin-top:10px}.portrait-frame{animation:portrait-float 12s ease-in-out infinite;transition:box-shadow .4s}
.stream-layout{display:grid;grid-template-columns:minmax(400px,1fr) 305px;gap:16px}.stream-panel,.chat-panel{border:1px solid #36332a;background:#171612;color:#f5f1e5;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:11px 16px;border-bottom:1px solid #36332a;font-family:var(--mono);font-size:11px;letter-spacing:.035em}.channel-label{display:flex;align-items:center;gap:9px}.channel-label>.icon{width:16px;height:16px;color:var(--mustard)}.stream-state{display:flex;align-items:center;gap:7px;color:#b7ad99;font-family:var(--sans);font-size:12px;letter-spacing:0}.state-dot{width:6px;height:6px;border-radius:50%;background:#948774}.stream-state.is-live{color:#bed6b2}.is-live .state-dot{background:#a7c394;animation:live-breathe 3s ease-in-out infinite}.player-stage{position:relative;min-height:320px;aspect-ratio:16/9;background:#11100e}#twitch-player{position:absolute;inset:0}.loading-card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;background:#1d1b15;padding:30px;text-align:center}.loading-card>.icon{width:38px;height:38px;color:var(--mustard)}.loading-card>p{font-size:17px}.player-caption{display:flex;align-items:center;justify-content:space-between;gap:17px;min-height:48px;padding:13px 16px;font-size:12px}.player-caption p{color:#b9af9d}.player-caption a{white-space:nowrap;color:#eee6d6}.watch-footer{display:flex;justify-content:space-between;gap:20px;padding-top:17px;color:var(--muted);font-size:12px}.watch-footer>span{font-family:var(--mono);font-size:10px;letter-spacing:.055em}.watch-footer a:hover{color:var(--accent)}
.offline-view{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:30px;height:100%;min-height:320px;background:radial-gradient(ellipse at 0 100%,#d9af3e13,transparent 70%),#1d1b15}.offline-copy .eyebrow{color:#d9bc70;font-size:10px}.offline-copy h2{font-size:clamp(24px,2.15vw,32px);line-height:1.12;letter-spacing:-.035em}.offline-copy>p:not(.eyebrow){font-size:13px;color:#c3b69d;margin-top:16px;max-width:300px}.offline-actions{display:flex;align-items:flex-start;flex-direction:column;gap:14px;margin-top:22px}.offline-actions .button{font-size:12px;min-height:44px;padding:12px 15px;gap:11px}.offline-discord{font-size:12px;color:#d9bc70}.featured-clip{border:1px solid #544a33;background:#242017;min-width:0}.featured-caption{display:flex;justify-content:space-between;gap:12px;padding:14px;font-size:14px;line-height:1.4}.featured-caption>span{color:#d9bc70}
.chat-panel{display:flex;flex-direction:column}.chat-panel>.panel-heading{flex:none}.chat-panel>.panel-heading>.icon{width:17px;height:17px;color:#ae9b70}.chat-content{flex:1;display:flex;min-height:330px}.chat-content>iframe{flex:1;min-height:330px}.chat-placeholder{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:25px 27px;min-height:330px;width:100%;background:radial-gradient(circle at 85% 15%,#d9af3e13,transparent 65%)}.chat-doodle{font-family:'Rui Display',var(--sans);font-size:68px;height:53px;line-height:1;color:#d9af3e}.chat-placeholder h2{font-size:27px;line-height:1.1;margin:5px 0 16px}.chat-placeholder p{font-size:13px;color:#b9af9d;max-width:235px}.chat-placeholder .button{margin-top:24px;font-size:13px;min-height:44px}.chat-placeholder .text-link{font-size:12px;color:#d9bc70;margin-top:16px}.chat-reset{background:none;border:0;color:#c3b69d;font-size:11px;padding:3px 0;margin-left:auto}.chat-note{font-size:11px;color:#b9af9d;padding:10px 14px;border-top:1px solid #36332a;line-height:1.5}.chat-note a{color:#eee6d6;text-decoration:underline;text-underline-offset:2px}.chat-toggle{display:none}
.discord-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:35px;padding:33px 40px;margin:17px 0 44px;border:1px solid #b9963d;background:var(--mustard);position:relative;overflow:hidden}.discord-copy,.discord-button{position:relative;z-index:1}.discord-copy .eyebrow{color:#624817;font-size:10px}.discord-copy h2{font-size:35px;line-height:1.12}.discord-copy>p:last-child{font-size:14px;color:#514222;margin-top:15px}.discord-button{min-width:315px;min-height:76px;background:var(--text);border-color:var(--text);color:#f9f3e4;font-size:18px;padding:23px 27px;gap:21px}.discord-button:hover{background:#383124;border-color:#383124}.discord-button>.discord-chat-icon{width:28px;height:28px}.discord-button>.icon:last-child{width:23px;height:23px;margin-left:7px}.discord-callout::before{content:'';position:absolute;width:310px;height:310px;border:1px solid #6e501731;border-radius:50%;left:43%;top:-185px;animation:invite-orbit 24s ease-in-out infinite;pointer-events:none}
.section{padding:60px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading h2{font-size:40px;line-height:1.15}.section-heading .subtle-link{padding-bottom:5px}.clips-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.clip-card{min-width:0;border:1px solid var(--line);background:var(--panel);transition:border-color .25s,box-shadow .25s,transform .25s}.clip-trigger{display:block}.clip-thumbnail{position:relative;overflow:hidden;aspect-ratio:16/9;background:#25221d}.clip-thumbnail>img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.61,.36,1)}.play-badge{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#f4f1e8f0;color:#25221d;transform:translate(-50%,-50%);box-shadow:0 2px 15px #0003;transition:background .25s,scale .25s}.play-badge>.icon{width:23px;height:23px;margin-left:1px}.clip-duration{position:absolute;right:10px;bottom:9px;font-size:11px;color:#fff;background:#171612e6;padding:4px 6px;line-height:1.2}.clip-caption{padding:19px 17px}.clip-caption>p{font-size:11px;color:var(--accent);margin-bottom:9px;line-height:1.4}.clip-caption h3{font-size:18px;line-height:1.25;font-weight:700;letter-spacing:-.02em;min-height:45px}.clip-action{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:12px;color:var(--muted)}.clips-note{font-size:12px;color:var(--muted);margin-top:20px}
.community-intro{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:75px;max-width:1010px;margin:0 auto 50px}.community-portrait{max-width:280px;justify-self:center}.community-portrait .portrait-frame{padding:9px;background:var(--mustard);border:1px solid #b99842;transform:rotate(-2deg)}.community-portrait figcaption{font-size:12px;text-align:center;color:var(--muted);margin-top:18px}.community-copy h2{font-size:43px;line-height:1.15}.community-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:450px;margin-top:20px}.community-copy>p+p{margin-top:13px!important}.community-copy .subtle-link{margin-top:22px;color:var(--accent)}.community-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;padding-top:35px;border-top:1px solid var(--line)}.community-bottom>.faq-list>.eyebrow,.social-block>.eyebrow{margin-bottom:20px}.social-links{display:flex;flex-direction:column;gap:11px}.social-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;background:var(--panel);border:1px solid var(--line);transition:border-color .25s,background .25s,transform .25s}.social-link strong{font-family:'Rui Display',var(--sans);font-size:22px;font-weight:600;letter-spacing:-.035em}.social-link small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.social-link>span:last-child{font-size:22px;color:var(--accent)}
.disclosure{border-top:1px solid var(--line);min-width:0}.disclosure:last-child{border-bottom:1px solid var(--line)}.disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;padding:24px 0;font-size:16px;line-height:1.4;font-weight:700;list-style:none}.disclosure summary::-webkit-details-marker{display:none}.disclosure-icon{display:grid;place-items:center;width:23px;height:23px;font-size:24px;font-weight:400;line-height:1;flex:none;color:var(--accent);transition:transform .25s}.disclosure[open] .disclosure-icon{transform:rotate(45deg)}.disclosure-body{padding:0 30px 24px 0;font-size:14px;color:var(--muted);line-height:1.65}.disclosure-body a{text-decoration:underline;color:var(--text);text-decoration-color:#bca269;text-underline-offset:3px}
.closing{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:38px 0;border-top:1px solid var(--line)}.closing p{font-size:25px;line-height:1.3;letter-spacing:-.025em}.closing p>span{color:var(--muted)}.site-footer{display:flex;align-items:center;gap:24px;padding:24px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-brand{font-family:'Rui Display',var(--sans);font-size:23px;color:var(--text);letter-spacing:-.04em}.site-footer>div{display:flex;gap:24px;align-items:center;margin-left:auto}.share-button{font-size:12px;color:var(--muted);background:none;border:0;padding:9px 0}.site-footer a:hover,.share-button:hover{color:var(--text)}.motion-toggle{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:9px 0;border:0;background:none;color:var(--muted);font-size:12px;line-height:1.4;white-space:nowrap}.motion-toggle:hover{color:var(--text)}.motion-toggle-indicator{width:10px;height:10px;flex:none;border:1px solid #aa8c3e;border-radius:50%;background:var(--mustard)}.motion-toggle[aria-pressed=true] .motion-toggle-indicator{background:transparent}.feedback{position:fixed;left:50%;bottom:24px;z-index:60;transform:translate(-50%,10px);max-width:calc(100% - 35px);opacity:0;pointer-events:none;background:var(--text);color:var(--bg);border:1px solid var(--mustard);padding:13px 20px;text-align:center;font-size:13px;transition:opacity .2s,transform .2s}.feedback.visible{opacity:1;transform:translate(-50%,0)}
.clip-dialog{width:min(960px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line);background:var(--bg);color:var(--text);overflow:auto}.clip-dialog::backdrop{background:#14120fea;backdrop-filter:blur(5px)}.clip-dialog[open]{animation:dialog-arrive .24s ease-out}body:has(.clip-dialog[open]){overflow:hidden}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 25px}.dialog-heading .eyebrow{margin-bottom:5px;font-size:11px}.dialog-heading h2{font-size:26px;line-height:1.2}.dialog-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:29px;line-height:1}.dialog-close:hover{background:#e9e3d5}.dialog-player{aspect-ratio:16/9;min-height:300px;background:#11100e}.dialog-player>p{color:#f5f1e5;padding:50px 25px;line-height:1.5}.dialog-footer{display:flex;justify-content:space-between;gap:20px;padding:16px 25px;font-size:12px;color:var(--muted)}.dialog-footer a{color:var(--text);white-space:nowrap}
.ambient-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;--pointer-x:0px;--pointer-y:0px}.ambient-canvas{position:absolute;inset:-36px;transform:translate3d(var(--pointer-x),var(--pointer-y),0);transition:transform 1.15s ease-out}.ambient-canvas>span{position:absolute;display:block;will-change:transform;pointer-events:none}.ambient-wash-one{width:620px;height:620px;top:-220px;left:-195px;background:radial-gradient(circle,#d9af3e2e 0%,#d9af3e16 45%,#d9af3e00 72%);animation:wash-drift-one 22s ease-in-out infinite}.ambient-wash-two{width:780px;height:780px;bottom:-290px;right:-260px;background:radial-gradient(circle,#d9af3e29 0%,#d9af3e14 40%,#d9af3e00 70%);animation:wash-drift-two 27s ease-in-out infinite}.ambient-ring-one{width:310px;height:430px;right:-145px;top:19%;border:1px solid #b997456b;border-radius:48% 52% 44% 56%;animation:ring-drift-one 31s ease-in-out infinite}.ambient-ring-two{width:360px;height:260px;left:-205px;bottom:18%;border:1px solid #b9974559;border-radius:50%;animation:ring-drift-two 25s ease-in-out infinite}.ambient-line-one{height:1px;width:160px;top:20%;left:2%;background:linear-gradient(90deg,transparent,#b694456b,transparent);animation:line-drift-one 16s ease-in-out infinite}.ambient-line-two{height:1px;width:195px;bottom:12%;right:1%;background:linear-gradient(90deg,transparent,#b6944559,transparent);animation:line-drift-two 19s ease-in-out infinite}
.reveal-target{transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1),border-color .25s,box-shadow .25s;transition-delay:var(--reveal-delay,0ms)}.reveal-pending{opacity:0;transform:translate3d(0,14px,0)}.reveal-target:focus-within{opacity:1;transform:none;transition-delay:0ms}.motion-paused .ambient-canvas{transition:none;transform:none}.motion-paused .ambient-canvas>span,.motion-paused .portrait-frame,.motion-paused .discord-callout::before,.motion-paused .is-live .state-dot{animation-play-state:paused}.motion-paused .watch-intro,.motion-paused .clip-dialog[open]{animation:none;opacity:1;transform:none}.motion-paused .watch-intro h1>span::after{animation:none;transform:scaleX(1)}.motion-paused .reveal-pending{opacity:1;transform:none}.motion-paused *,.motion-paused *::before,.motion-paused *::after{transition:none!important}.motion-paused{scroll-behavior:auto}.page-hidden .ambient-canvas>span,.page-hidden .portrait-frame,.page-hidden .discord-callout::before{animation-play-state:paused}
@keyframes intro-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes underline-arrive{to{transform:scaleX(1)}}@keyframes portrait-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(-.8deg)}}@keyframes live-breathe{0%,100%{opacity:1}50%{opacity:.55}}@keyframes menu-arrive{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes invite-orbit{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(43px,25px,0)}}@keyframes wash-drift-one{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(68px,45px,0) scale(1.06)}}@keyframes wash-drift-two{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-74px,-50px,0) scale(1.07)}}@keyframes ring-drift-one{0%,100%{transform:translate3d(0,0,0) rotate(-14deg)}50%{transform:translate3d(-25px,32px,0) rotate(5deg)}}@keyframes ring-drift-two{0%,100%{transform:translate3d(0,0,0) rotate(12deg)}50%{transform:translate3d(35px,-27px,0) rotate(-8deg)}}@keyframes line-drift-one{0%,100%{transform:translate3d(0,0,0) rotate(-18deg)}50%{transform:translate3d(28px,24px,0) rotate(-9deg)}}@keyframes line-drift-two{0%,100%{transform:translate3d(0,0,0) rotate(14deg)}50%{transform:translate3d(-24px,-28px,0) rotate(23deg)}}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px);box-shadow:0 6px 12px -10px #4a381b80}.button:hover .icon:last-child,.subtle-link:hover .icon{transform:translate(2px,-2px)}.brand:hover>img{transform:rotate(-4deg)}.clip-card:hover{border-color:#bea45f;box-shadow:0 10px 19px -15px #4a381b66}.clip-trigger:hover .clip-thumbnail>img{transform:scale(1.035)}.clip-trigger:hover .play-badge{background:var(--mustard);scale:1.08}.social-link:hover{background:#fcf7ea;border-color:#bea45f;transform:translateY(-2px)}.disclosure summary:hover{color:var(--accent)}}
@media(max-width:1190px){.clips-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.clip-caption h3{min-height:0}.clip-action{margin-top:14px}.offline-view{padding:25px;gap:23px}.offline-copy h2{font-size:27px}.community-intro,.community-bottom{gap:50px}}
@media(max-width:1000px){:root{--gutter:26px}.stream-layout{grid-template-columns:1fr}.chat-panel{display:none;height:430px}.chat-panel.is-open{display:flex}.chat-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:15px 17px;margin-top:12px;font-size:13px}.chat-toggle>span{font-size:20px;color:var(--accent);transition:transform .25s}.chat-toggle[aria-expanded=true]>span{transform:rotate(45deg)}.watch-intro h1{font-size:42px}.intro-portrait{width:135px;padding:0 5px}.discord-callout{padding:30px;gap:25px}.discord-copy h2{font-size:31px}.discord-button{min-width:275px;font-size:16px;padding:21px 23px;min-height:70px}.offline-copy h2{font-size:32px}.offline-copy>p:not(.eyebrow){font-size:14px;max-width:320px}.offline-view{padding:35px;gap:35px}.offline-actions .button{font-size:14px}.offline-discord{font-size:13px}.community-copy h2{font-size:38px}.section-heading h2{font-size:36px}.site-footer{gap:19px}.site-footer>div{gap:19px}.motion-toggle{font-size:11px}}
@media(max-width:700px){.site-header nav{gap:22px}.site-header nav a{font-size:13px}.brand>span{font-size:26px}.brand>img{width:39px;height:39px}.header-live-cta{padding:11px 13px;gap:10px}.header-live-cta>.cta-arrow{display:none}.watch-intro{gap:15px}.watch-intro h1{font-size:36px}.intro-portrait{width:110px}.intro-portrait .portrait-frame{width:86px}.intro-portrait figcaption{font-size:11px}.eyebrow{font-size:10px}.offline-view{padding:25px;gap:22px}.offline-copy h2{font-size:27px}.offline-copy>p:not(.eyebrow){font-size:13px}.discord-callout{grid-template-columns:1fr;gap:25px}.discord-button{min-width:0;justify-self:start;min-height:68px;font-size:17px}.community-intro{grid-template-columns:.7fr 1fr;gap:30px}.community-copy h2{font-size:33px}.community-copy>p:not(.eyebrow){font-size:14px}.community-bottom{grid-template-columns:1fr;gap:35px}.social-links{flex-direction:row}.social-link{flex:1;min-width:0;padding:16px 14px}.social-link strong{font-size:20px}.social-link small{font-size:11px}.closing p{font-size:22px}.site-footer{flex-wrap:wrap}.motion-toggle{font-size:12px}.site-footer>div{width:100%;margin:0;justify-content:space-between}}
@media(max-width:620px){:root{--gutter:20px}html{scroll-padding-top:98px}.site-header{min-height:78px;gap:12px}.brand{gap:8px}.brand>span{font-size:25px}.brand>img{width:38px;height:38px}.header-live-cta{margin-left:auto;font-size:11px;min-height:42px;padding:10px 12px}.js .menu-toggle{display:grid;place-items:center;width:32px;height:42px;flex:none;border:0;background:none;padding:7px;color:var(--text)}.menu-glyph{position:relative;display:block;width:18px;height:11px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .25s}.menu-toggle[aria-expanded=true] .menu-glyph{transform:rotate(-15deg)}.site-header nav{display:none;position:absolute;top:77px;left:0;right:0;flex-direction:column;align-items:stretch;padding:15px 22px;gap:1px;background:#fcf9f1;border:1px solid var(--line);box-shadow:0 13px 22px -18px #33291666}.site-header nav.is-open{display:flex;animation:menu-arrive .2s ease-out}.site-header nav a{font-size:14px;padding:12px 0}.site-header nav a::after{right:auto;width:25px;bottom:4px}html:not(.js) .site-header{flex-wrap:wrap;padding:13px 0}html:not(.js) .site-header nav{position:static;display:flex;flex-direction:row;width:100%;gap:25px;border:0;box-shadow:none;padding:8px 0}.watch-section{padding-top:24px}.watch-intro{position:relative;margin-bottom:24px;align-items:flex-start;gap:10px}.watch-intro h1{font-size:clamp(30px,6.6vw,39px);line-height:1.11;max-width:430px}.intro-copy{position:relative;z-index:1;flex:1;min-width:0}.watch-intro .eyebrow{font-size:10px;max-width:260px;margin-bottom:13px}.intro-portrait{width:65px;padding:0;flex:none;margin-top:28px}.intro-portrait .portrait-frame{width:65px;padding:3px}.intro-portrait figcaption{display:none}.stream-layout{margin-inline:calc(-1 * var(--gutter));gap:12px}.stream-panel,.chat-panel{border-left:0;border-right:0}.panel-heading{padding:11px 13px;font-size:10px}.stream-state{font-size:11px}.player-caption{font-size:11px;padding:12px 13px;gap:13px}.player-caption p{max-width:260px}.player-stage{min-height:320px}.watch-footer{flex-direction:column;gap:7px;padding-top:15px;font-size:12px}.watch-footer>span{font-size:10px}.offline-view{grid-template-columns:1fr;align-content:center;padding:25px 22px;gap:25px;min-height:520px}.player-stage:has(.offline-view:not([hidden])){aspect-ratio:auto}.offline-copy h2{font-size:29px}.offline-copy>p:not(.eyebrow){max-width:360px;margin-top:13px}.offline-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:15px;margin-top:18px}.offline-actions .button{font-size:12px;min-height:44px;padding:12px 14px}.offline-discord{font-size:12px}.featured-clip{width:100%;max-width:380px}.featured-caption{font-size:13px;padding:12px}.discord-callout{padding:26px 23px;margin:18px 0 36px}.discord-copy .eyebrow{font-size:10px}.discord-copy h2{font-size:32px}.discord-copy>p:last-child{font-size:13px;max-width:320px}.discord-button{width:100%;padding:21px 18px;gap:17px}.discord-button>.icon:last-child{margin-left:auto}.discord-button>span{margin-right:auto}.section{padding:45px 0}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:17px;margin-bottom:25px}.section-heading h2{font-size:33px}.section-heading .subtle-link{font-size:13px;padding:0}.clips-grid{gap:17px}.clip-caption{padding:16px}.clip-caption h3{font-size:18px}.community-intro{grid-template-columns:1fr;gap:30px;margin-bottom:35px}.community-portrait{order:2;max-width:225px}.community-copy h2{font-size:37px}.community-copy>p:not(.eyebrow){font-size:15px}.community-copy .subtle-link{font-size:14px}.community-bottom{padding-top:28px}.social-links{flex-direction:column}.social-link{padding:17px 20px}.social-link strong{font-size:23px}.social-link small{font-size:12px}.disclosure summary{font-size:15px;padding:22px 0;gap:17px}.disclosure-body{font-size:14px;padding-right:17px}.closing{align-items:flex-start;flex-direction:column;gap:22px;padding:30px 0}.closing p{font-size:24px}.site-footer{padding:21px 0;gap:17px}.motion-toggle{margin:0 0 0 auto;font-size:11px}.dialog-heading{padding:17px 18px;gap:15px}.dialog-heading h2{font-size:23px}.clip-dialog{width:100vw;max-height:100dvh;border:0}.dialog-footer{padding:15px 18px;flex-wrap:wrap;gap:10px}.ambient-wash-one{width:460px;height:460px;left:-210px;top:-175px}.ambient-wash-two{width:530px;height:530px;right:-245px;bottom:-170px}.ambient-ring-one{right:-220px}.ambient-ring-two,.ambient-line-one,.ambient-line-two{display:none}.discord-callout::before{left:45%;top:-130px;width:250px;height:250px}}
@media(max-width:560px){.clips-grid{grid-template-columns:1fr}.clip-caption{padding:19px}.clip-caption h3{font-size:20px}.clip-action{font-size:13px}.clip-caption>p{font-size:12px}}
@media(max-width:399px){.watch-intro h1{font-size:30px;max-width:280px}.intro-portrait{width:52px;margin-top:35px}.intro-portrait .portrait-frame{width:52px}.header-live-cta{font-size:10px;gap:8px;padding:10px}.brand>span{font-size:23px}.brand>img{width:34px;height:34px}.watch-intro .eyebrow{font-size:10px;letter-spacing:.03em}.site-footer .motion-toggle{order:4;width:100%;margin:0;font-size:12px}.site-footer>div{order:3}.offline-view{padding:25px 20px}.offline-copy h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.watch-intro h1>span::after{transform:scaleX(1)}.reveal-pending{opacity:1;transform:none}.ambient-canvas{transform:none}.ambient-canvas>span{will-change:auto}.button:hover,.brand:hover>img,.social-link:hover,.clip-trigger:hover .clip-thumbnail>img{transform:none}.clip-trigger:hover .play-badge{scale:1}}