/* Two surfaces: ink on white paper, white handwriting on black film. */
:root{--paper:#faf9f5;--ink:#101111;--muted:#525550;--line:#979a93;--signal:#d93b2f}
body{background:var(--paper)}
body::after{opacity:.035;mix-blend-mode:multiply}
.palette-light{--paper:#faf9f5;--ink:#101111;--muted:#525550;--line:#979a93;background:var(--paper);color:var(--ink)}
.palette-dark{--paper:#080909;--ink:#faf9f5;--muted:#bec2bc;--line:#5e645d;background:var(--paper);color:var(--ink)}
.header{color:#faf9f5;background:linear-gradient(#080909e8,#08090980,transparent);clip-path:none;padding-bottom:35px}
.header a::after{background:#faf9f5}.header-listen{border-color:#bfc2bc}
.hero{min-height:740px;height:100svh;max-height:1100px;background:#080909}
.hero-image{width:66%;height:100%;left:-2%;object-fit:cover;object-position:50% center;mix-blend-mode:normal;opacity:1}
.hero-video{width:66%;height:100%;left:-2%;top:0;object-fit:cover;object-position:50% center;filter:none;mix-blend-mode:normal;clip-path:none}
.hero-video.playing{opacity:1}
.hero-shade{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 25%,#08090914 42%,#080909 64%),linear-gradient(0deg,#080909 0%,transparent 17%)}
.hero-copy{left:55%;right:5%;top:155px;z-index:3}
.hero h1{font-size:clamp(55px,6.1vw,100px);color:#faf9f5}
.hero-statement{font-size:clamp(40px,4.6vw,74px)}
.hero-statement span:nth-child(3)::after{background:var(--signal)}
.hero-top{z-index:3;color:#faf9f5}.hero-top>span:first-child{background:none;padding:0}
.hero-top .live i{background:var(--signal)}
.hero-side{z-index:2;left:6%;bottom:32px;font:10px var(--body);transform:rotate(-3deg);color:#cbd0c8}
.marginalia{color:#fff;z-index:2;opacity:.38;width:43%;top:150px;height:58%}
.marginalia span:nth-child(1){font-size:18px;left:2%;top:7%;transform:rotate(-12deg)}
.marginalia span:nth-child(2){left:-6%;font-size:13px}
.marginalia span:nth-child(3){top:92%;font-size:25px;left:8%}
.marginalia span:nth-child(4),.marginalia span:nth-child(5),.marginalia span:nth-child(6){display:none}
.button-light{background:#faf9f5;color:#101111;border-color:#faf9f5;box-shadow:3px 3px 0 #d93b2f}
.button-light:hover{background:#d93b2f;border-color:#d93b2f;color:#fff}
.motion-toggle span{border-color:#b3b9b0}.hand-note{margin:18px 0 22px}
.ticker{background:#faf9f5;border-color:#111;color:#111;margin:0;transform:rotate(0);padding:19px 0}
.ticker span{color:#d93b2f}
.section{overflow:hidden}
.cover-wrap img{filter:none;box-shadow:6px 8px 0 #17181725}
.cover-wrap::before,.cover-wrap::after{background:#d7d5c994}
.cover-label{background:#faf9f5;color:#101111}
.red-dot{background:#d93b2f}
.platforms a:hover,.platforms button:hover{color:#bd251c}
audio{filter:none;mix-blend-mode:normal}
.visuals{padding-top:65px;padding-bottom:110px;isolation:isolate}
.section-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-1;opacity:.15}
.visuals>.section-backdrop{object-position:right top;mask-image:linear-gradient(#000,transparent 85%)}
.section-heading,.visuals-heading,.visual-grid,.visual-note{position:relative}
.visuals-heading h2{font-size:clamp(48px,5.6vw,82px)}
.visual-card::before{background:#eee7cd88;border-color:#eee7cd66}
.visual-image{background:#171a18}
.visual-image img{filter:none;mix-blend-mode:normal;transition:transform .5s}
.visual-card:hover img{filter:none;transform:scale(1.025)}
.view-icon{color:#fff;border-color:#fff;background:#08090988}
.visual-caption small{color:#c1c7bc}
.about{padding-top:80px;padding-bottom:110px}
.about h2 span::after{background:#d93b2f}
.asterisk{color:#d93b2f}
.connect{border-top:0;clip-path:none;isolation:isolate;padding-top:65px;padding-bottom:75px}
.connect>.section-backdrop{object-position:30% center;opacity:.2;mask-image:linear-gradient(90deg,#000,transparent 85%)}
.connect h2{font-size:clamp(60px,10vw,145px)}
.connect .social-links a{border-color:#a6ada1}
.connect .social-links a:hover{color:#f26451}
footer{background:#080909;color:#c5ccc0;border-top:1px dashed #53594f}
footer a:hover{color:#fff}
.visual-dialog{background:#080909;color:#faf9f5;border-color:#787d72}
.listen-dialog{background:#faf9f5;color:#101111}
@media(min-width:1600px){.hero-copy{top:19%}}
@media(min-width:601px) and (max-width:1000px){.hero-copy{left:53%;right:4%}.hero-image,.hero-video{width:67%}.hero-shade{background:linear-gradient(90deg,transparent 23%,#08090940 43%,#080909 67%),linear-gradient(0deg,#080909,transparent 18%)}.hero-statement{font-size:5.3vw}.hero h1{font-size:7vw}.hero-copy{top:150px}}
@media(max-width:600px){
.header{padding:17px 5% 30px}.hero{height:auto;min-height:930px;max-height:none}
.hero-image,.hero-video{width:100%;height:540px;left:0;top:80px;object-fit:cover;object-position:50% 35%}
.hero-shade{background:linear-gradient(0deg,#080909 38%,#08090920 55%,transparent 80%)}
.hero-top{top:88px}.hero-copy{top:auto;left:auto;right:auto;margin:460px 7% 30px}
.hero h1{font-size:16vw;line-height:1.4;margin-bottom:14px}
.hero-statement{font-size:11vw;line-height:1.18}.hand-note{font-size:20px;margin:18px 0 26px}
.marginalia{top:140px;left:3%;width:85%;height:300px;opacity:.45}
.marginalia span:nth-child(1){font-size:15px;left:0;top:0}.marginalia span:nth-child(2){font-size:12px;left:-8%;top:47%}.marginalia span:nth-child(3){font-size:22px;top:91%;left:0}
.button-light{max-width:290px}.motion-toggle{font-size:8px}.hero-bottom{gap:12px 15px}.ticker{padding:13px 0}
.visuals{padding-top:40px;padding-bottom:70px}.visuals-heading h2{font-size:10.7vw}
.visuals>.section-backdrop{object-position:60% top;opacity:.17;mask-image:linear-gradient(#000,transparent 50%)}
.visual-grid{gap:45px}.visual-main .visual-image{aspect-ratio:4/5}
.about{padding-top:55px;padding-bottom:75px}.about h2{font-size:11.7vw}
.connect{padding-top:40px;padding-bottom:60px}.connect h2{font-size:19vw}.connect>.section-backdrop{object-position:58% center;opacity:.18;mask-image:linear-gradient(#000,transparent)}
}
/* Spray-painted wordmark, five letters: K A Y R V. */
.brand{transform:rotate(-3deg);letter-spacing:0;gap:0}
.brand-wordmark{display:block;width:116px;height:auto}
.hero h1{transform:rotate(-3deg);line-height:1;margin-bottom:24px}
.hero-wordmark{display:block;width:min(100%,410px);height:auto}
#all-platforms{grid-column:1/-1;justify-content:space-between}
.visual-grid{align-items:start;grid-template-columns:1fr 1fr;gap:7%}
.visual-main{grid-row:auto;margin-top:0}
.visual-main .visual-image{aspect-ratio:4/5}
.visual-card:nth-child(2){margin-top:24%}
@media(max-width:600px){.brand-wordmark{width:86px}.hero-wordmark{width:min(100%,290px)}.hero h1{margin-bottom:22px}.visual-grid{grid-template-columns:1fr;gap:45px}.visual-card:nth-child(2){margin-top:0}}
@media(min-width:601px){.hero-copy{top:142px}.hero-wordmark{width:min(100%,370px)}.hero h1{margin-bottom:16px}.hero-statement{font-size:clamp(40px,4.3vw,70px)}}
@media(min-width:1600px){.hero-copy{top:19%}}

.creator-credit{letter-spacing:.025em}.release-art-link{display:block}.release-art-link:hover .cover-label{background:#d93b2f;color:#fff}.release-art-link:focus-visible{outline-offset:10px}
@media(max-width:600px){.hero-top{gap:10px}.creator-credit{max-width:60%;line-height:1.6}}