:root{--paper:#e5d9b6;--taupe:var(--paper);color-scheme:dark}
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;flex-shrink:0}
.title-star .ui-icon{display:block}
.section-label .ui-icon{width:30px;height:30px}
.arrow .ui-icon{width:26px;height:26px}
.plus .ui-icon{width:24px;height:24px}
.close .ui-icon{width:24px;height:24px}
.welcome{container-type:inline-size;max-width:none;width:100%}
.welcome-line{display:block;white-space:nowrap;font-size:min(15px,3.05cqw);line-height:1.7;letter-spacing:0}
.release-info>div{flex:1;min-width:0;container-type:inline-size}
.release .release-info h2{white-space:nowrap;font-size:min(29px,6.5cqw);letter-spacing:-.025em;line-height:1.3}
.accent-u{display:inline-block;position:relative}
.separate-accent{position:absolute;left:50%;top:-.32em;transform:translateX(-50%);font-family:Arial,sans-serif;font-size:.75em;font-weight:900;line-height:1;pointer-events:none}
.name-wrap{width:100%;container-type:inline-size;margin:24px 0 28px}
.name-wrap h1{white-space:nowrap;font-size:clamp(25px,9.2cqw,44px);letter-spacing:-1px;line-height:1.2}
.name-graffiti{width:100%;left:0;height:170%;top:-35%}
.title-star{font-size:30px;right:0;top:-24px}
.welcome strong{display:inline-block}
@media(max-width:700px){.name-wrap{margin:24px auto 23px}.name-wrap h1{font-size:9.2cqw}.name-graffiti{width:100%;left:0;height:170%;top:-35%}.title-star{font-size:26px;right:0;top:-23px}}
body{background:var(--ink);color:var(--paper)}
body::before{background:url('assets/grit.svg') repeat;background-size:240px;mix-blend-mode:screen;opacity:.17;z-index:-1}
body::after{border-color:#e5d9b612}
h1,.welcome,.welcome strong,.brand-lockup,.section-label{color:var(--paper)}
.handwritten{color:var(--paper);text-shadow:2px 2px var(--ink)}
.portrait{border-color:var(--paper)}
.section-label>span:first-child{border-color:#e5d9b655}
.section-label>span:last-child{color:var(--yellow)}
.release,.link-row,.vlogs-row,.game{background:var(--ink);background-image:none;color:var(--paper);border:1px solid #e5d9b63d;box-shadow:none;transform:none}
.release::before,.release::after,.link-row::after{display:none}
.release-tag{clip-path:none;box-shadow:none}
.release-info{background:var(--ink);color:var(--paper)}
.release-toggle{display:block;width:100%;border:0;padding:0;background:none;color:inherit;text-align:left;cursor:pointer}
.release-toggle .release-image,.release-toggle .release-info{pointer-events:none}
.release-toggle:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.credit{background:none;color:var(--paper);padding:0;transform:none}
.listen{color:var(--yellow);background:none;padding:0;transform:none}
.plus{color:var(--yellow);background:var(--ink);border-color:var(--yellow)}
.release-toggle[aria-expanded="true"] .plus{transform:rotate(45deg)}
.platforms{background:var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));scroll-margin:20px}
.platforms[hidden]{display:none!important}
.platforms a{border:1px solid #e9bc0066;transform:none!important;box-shadow:none;min-width:0;min-height:64px}
.row-title,.row-subtitle,.game .row-title,.game .row-subtitle,.game .number{color:var(--paper)}
.vlogs-row .row-copy,.game .row-copy{background:none;color:var(--paper);transform:none;padding:0}
.music-row,.vlogs-row,.game{--icon-cutout:var(--ink)}
.vlogs-row .row-icon,.row-icon,.arrow{color:var(--yellow)}
.game-label{background:none;color:var(--yellow);border-color:var(--yellow)}
footer{color:var(--paper);border-color:#e5d9b644}
dialog{background:var(--ink);color:var(--paper);border:1px solid #e5d9b64d;box-shadow:0 20px 90px #0009;width:min(470px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow-y:auto}
dialog h2,dialog p,.dialog-label,.close{color:var(--paper)}
dialog h2{font-size:30px}
.dialog-back{background:var(--ink);border:1px solid var(--yellow);color:var(--yellow);margin-top:18px}
.email-label{display:block;font-size:13px;margin:18px 0 8px}
#show-email{width:100%;min-height:48px;background:var(--ink);border:1px solid #e5d9b677;padding:12px;color:var(--paper);font:16px Arial,sans-serif;border-radius:0}
#show-email:focus{outline:2px solid var(--yellow);outline-offset:2px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;margin-top:15px;cursor:pointer}
.consent input{accent-color:var(--yellow);flex-shrink:0;width:18px;height:18px;margin:0;cursor:pointer}
dialog .privacy-note{font-size:11px;line-height:1.5;opacity:.8;margin:12px 0}
.honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.dialog-dismiss{background:none;border:0;color:var(--paper);text-decoration:underline;min-height:44px;display:block;margin:8px auto 0;font-size:12px}
#subscribe-status{font-size:13px;line-height:1.5;margin:12px 0 0}
#subscribe-status:empty{display:none}
.subscribe-button:disabled{opacity:.6;cursor:wait}
button:focus-visible,a:focus-visible{outline-color:var(--yellow)}
@media(hover:hover){.link-row:hover,.vlogs-row:hover,.game:hover{background:var(--ink);color:var(--paper);border-color:var(--yellow);transform:translateY(-2px)}.release-toggle:hover .release-image img{transform:scale(1.025)}}
@media(max-width:700px){dialog{padding:38px 22px 20px}dialog h2{font-size:27px;margin:18px 0}.release,.link-row{box-shadow:none}.vlogs-row .row-copy,.game .row-copy{padding:0}.game .row-title{font-size:29px}.platforms a{min-height:62px}}
@media(max-width:360px){dialog h2{font-size:24px}.game .row-title{font-size:27px}.vlogs-row .row-copy,.game .row-copy{padding:0}}