@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@300;400;600;700&display=swap');
:root{--ink:#080a08;--cream:#f1ead8;--acid:#e7ff6d;--gold:#c7a64b;--line:rgba(241,234,216,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--acid);color:#111}.nav{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 4vw}.wordmark{font:700 1.15rem 'Manrope';letter-spacing:-.06em;border:1px solid var(--cream);border-radius:50%;width:54px;height:54px;display:grid;place-items:center}.navLinks{display:flex;gap:28px;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em}.navLinks a:hover{color:var(--acid)}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:120px 6vw 60px;overflow:hidden;background:radial-gradient(circle at 72% 50%,#29412c 0,#111b14 28%,#080a08 62%)}.hero:after{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}.heroGlow{position:absolute;width:42vw;height:42vw;border:1px solid rgba(231,255,109,.2);border-radius:50%;right:7vw;top:14%;box-shadow:0 0 100px rgba(231,255,109,.07),inset 0 0 80px rgba(231,255,109,.04)}.heroCopy{z-index:2}.eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.28em;margin:0 0 24px}.hero h1{margin:0;font:300 clamp(5.4rem,13vw,13rem)/.72 'Manrope';letter-spacing:-.095em;text-transform:uppercase}.hero h1 span{display:block}.hero h1 span:last-child{color:transparent;-webkit-text-stroke:1.4px var(--cream);transform:translateX(5vw)}.intro{margin:42px 0 0 5px;font:400 clamp(1.1rem,2vw,1.55rem)/1.4 'Manrope'}
.coverWrap{position:relative;z-index:3;justify-self:center;width:min(32vw,460px);transform:rotate(3deg);transition:transform .5s ease}.coverWrap:hover{transform:rotate(0) scale(1.025)}.coverFrame{padding:12px;background:rgba(241,234,216,.08);border:1px solid rgba(241,234,216,.35);box-shadow:0 40px 100px rgba(0,0,0,.45);backdrop-filter:blur(16px)}.coverFrame img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.spinLabel{position:absolute;right:-42px;bottom:-42px;width:100px;height:100px;border-radius:50%;background:var(--acid);color:#10130d;display:grid;place-items:center;font:700 .59rem 'Manrope';text-align:center;letter-spacing:.08em;animation:pulse 3s ease-in-out infinite}.spinLabel:after{content:'↗';font-size:1.5rem;position:absolute}.spinLabel span{width:78px}.scrollCue{position:absolute;z-index:3;bottom:34px;left:6vw;display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:.6rem;letter-spacing:.22em;opacity:.65}.scrollCue span{width:50px;height:1px;background:var(--cream)}
.statement{min-height:72svh;padding:12vw 6vw;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.statement p{margin:0;font:300 clamp(3.3rem,9vw,9rem)/.94 'Manrope';letter-spacing:-.07em}.statement p:nth-child(2){margin-left:16vw;color:var(--acid);font-style:italic}.statement p:nth-child(3){margin-left:5vw;color:transparent;-webkit-text-stroke:1px var(--cream)}.feature{min-height:110svh;display:grid;grid-template-columns:1fr 1fr}.stickyArt{position:relative;min-height:100svh;overflow:hidden}.stickyArt img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transform:scale(1.08)}.artShade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--ink))}.vertical{position:absolute;bottom:48px;left:26px;margin:0;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.22em;font-size:.6rem}.featureCopy{padding:12vw 8vw;align-self:center}.gold{color:var(--gold)}.featureCopy h2,.sectionHead h2,.connect h2{font:300 clamp(5rem,10vw,11rem)/.77 'Manrope';letter-spacing:-.09em;margin:0}.feat{color:var(--acid);font:600 1rem 'Manrope';letter-spacing:.18em;margin:28px 0}.description{max-width:480px;font:300 clamp(1.1rem,1.8vw,1.45rem)/1.65 'Manrope';opacity:.78}.platforms{margin-top:50px;border-top:1px solid var(--line)}.platforms a{display:flex;justify-content:space-between;padding:22px 4px;border-bottom:1px solid var(--line);transition:.25s}.platforms a:hover{color:var(--acid);padding-left:12px}
.releases{padding:12vw 6vw;background:var(--cream);color:var(--ink)}.sectionHead{margin-bottom:8vw}.sectionHead h2{font-size:clamp(4.5rem,12vw,12rem)}.release{display:grid;grid-template-columns:55px 1fr 170px 30px;align-items:center;gap:20px;border-top:1px solid rgba(8,10,8,.25);padding:30px 0;transition:.3s}.release:last-child{border-bottom:1px solid rgba(8,10,8,.25)}.release:hover{padding-left:14px;color:#45643d}.release h3{margin:0 0 6px;font:500 clamp(1.35rem,2.6vw,2.4rem) 'Manrope';letter-spacing:-.04em}.release p,.num,.genre{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;opacity:.62}.connect{padding:13vw 6vw;min-height:100svh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 40%,#253d28,transparent 46%)}.connect h2{margin-bottom:7vw}.connect h2 i{color:var(--acid);font-weight:300}.bigLinks{border-top:1px solid var(--line)}.bigLinks a{display:flex;justify-content:space-between;padding:25px 2px;border-bottom:1px solid var(--line);font:400 clamp(1.3rem,2.5vw,2.3rem) 'Manrope';transition:.3s}.bigLinks a:hover{color:var(--acid);padding-left:12px}footer{min-height:60svh;padding:10vw 6vw 35px;background:var(--acid);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between}.mail{font:400 clamp(2rem,7vw,7rem)/1 'Manrope';letter-spacing:-.07em;border-bottom:2px solid}.footerBottom{display:flex;justify-content:space-between;padding-top:40px;text-transform:uppercase;font-size:.65rem;letter-spacing:.15em}.reveal{opacity:0;transform:translateY(50px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{transform:scale(1.08) rotate(5deg)}}
@media(max-width:760px){.nav{padding:20px}.navLinks{gap:16px}.wordmark{width:46px;height:46px}.hero{grid-template-columns:1fr;padding:105px 20px 70px;align-content:center;gap:45px}.hero h1{font-size:clamp(5.1rem,27vw,8rem)}.hero h1 span:last-child{transform:none}.intro{margin-top:25px}.coverWrap{width:72vw;justify-self:end;margin-right:8vw}.heroGlow{width:90vw;height:90vw;right:-15vw;top:40%}.scrollCue{display:none}.spinLabel{width:78px;height:78px;right:-32px;bottom:-30px;font-size:.48rem}.spinLabel span{width:62px}.statement{min-height:62svh;padding:100px 20px}.statement p{font-size:13vw}.statement p:nth-child(2){margin-left:7vw}.feature{grid-template-columns:1fr}.stickyArt{min-height:70svh}.artShade{background:linear-gradient(0deg,var(--ink),transparent 35%)}.featureCopy{padding:90px 20px}.featureCopy h2{font-size:26vw}.releases{padding:100px 20px}.sectionHead h2{font-size:20vw}.release{grid-template-columns:34px 1fr 22px;gap:10px;padding:24px 0}.genre{display:none}.release h3{font-size:1.25rem}.release p{font-size:.58rem;line-height:1.5}.connect{padding:110px 20px;min-height:85svh}.connect h2{font-size:22vw;margin-bottom:70px}.bigLinks a{font-size:1.3rem}footer{padding:100px 20px 25px;min-height:55svh}.mail{font-size:8.2vw;letter-spacing:-.06em}.footerBottom{font-size:.52rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.reveal{opacity:1;transform:none}}
/* Red / yellow animated art direction */
:root{--ink:#0d0504;--cream:#fff3dc;--acid:#ffd21f;--gold:#ff9d00;--red:#d31514;--line:rgba(255,243,220,.2)}
.hero{background:radial-gradient(circle at 78% 36%,#ffb000 0,#d51c14 20%,#510b09 47%,#0d0504 72%);background-size:160% 160%;animation:heatShift 10s ease-in-out infinite alternate}
.heroGlow{border-color:rgba(255,210,31,.42);background:radial-gradient(circle at 35% 30%,rgba(255,214,40,.55),rgba(224,24,15,.18) 42%,transparent 68%);box-shadow:0 0 140px rgba(255,47,20,.34),inset 0 0 90px rgba(255,205,36,.16);animation:orbFloat 7s ease-in-out infinite alternate}
.statement p:nth-child(2){color:#ff3b1f}.release:hover{color:#c72016}
.presskit{min-height:88svh;padding:10vw 6vw;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:7vw;background:linear-gradient(135deg,#ffb000 0,#f13b13 42%,#8d0b0b 100%);color:#130604;position:relative;overflow:hidden}.presskit:after{content:"";position:absolute;width:55vw;height:55vw;border:1px solid rgba(255,245,218,.38);border-radius:50%;right:-17vw;top:-20vw;box-shadow:0 0 90px rgba(255,220,70,.28);animation:orbFloat 9s ease-in-out infinite alternate}.pressNumber{font:300 clamp(4rem,11vw,11rem)/1 'Manrope';letter-spacing:-.08em;opacity:.28}.pressCopy{position:relative;z-index:2}.pressCopy h2{font:300 clamp(5rem,10vw,10rem)/.78 'Manrope';letter-spacing:-.09em;margin:0}.pressCopy h2 i{color:var(--cream);font-weight:300}.pressCopy>p:not(.eyebrow){max-width:520px;font:400 clamp(1rem,1.6vw,1.35rem)/1.6 'Manrope';margin:38px 0}.pressCopy>a{display:flex;justify-content:space-between;max-width:520px;padding:20px 0;border-top:1px solid;border-bottom:1px solid;text-transform:uppercase;font-size:.75rem;letter-spacing:.15em}
.connect{background:radial-gradient(circle at 82% 36%,#d82215 0,#55100c 34%,transparent 62%);background-size:140% 140%;animation:heatShift 12s ease-in-out infinite alternate}
@keyframes heatShift{0%{background-position:15% 20%}100%{background-position:90% 75%}}@keyframes orbFloat{0%{transform:translate3d(-4%,-3%,0) scale(.92)}100%{transform:translate3d(7%,6%,0) scale(1.08)}}
@media(max-width:760px){.navLinks{gap:10px;font-size:.58rem}.presskit{grid-template-columns:1fr;padding:100px 20px;gap:35px}.pressNumber{font-size:20vw}.pressCopy h2{font-size:24vw}}
/* Header icons and editorial press section */
.navRight{display:flex;align-items:center;gap:32px}.socialIcons{display:flex;align-items:center;gap:12px}.socialIcons a{width:34px;height:34px;border:1px solid rgba(255,243,220,.35);border-radius:50%;display:grid;place-items:center;transition:.25s}.socialIcons svg{width:15px;height:15px;fill:currentColor}.socialIcons a:hover{background:var(--acid);color:var(--ink);border-color:var(--acid);transform:translateY(-2px)}
.press{padding:12vw 6vw;background:#160706;color:var(--cream);position:relative;overflow:hidden}.press:before{content:"";position:absolute;width:45vw;height:45vw;left:-16vw;bottom:-28vw;border-radius:50%;background:radial-gradient(circle,rgba(220,29,19,.38),transparent 68%);animation:orbFloat 9s ease-in-out infinite alternate}.press .sectionHead{position:relative;z-index:1}.press .sectionHead h2{color:var(--acid)}.pressGrid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,243,220,.22);border:1px solid rgba(255,243,220,.22)}.pressCard{min-height:400px;padding:38px;display:flex;flex-direction:column;background:#160706;transition:.35s}.pressCard:hover{background:#d42116;transform:translateY(-8px)}.pressCard>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;color:var(--gold)}.pressCard h3{font:400 clamp(1.7rem,3vw,3rem)/1.05 'Manrope';letter-spacing:-.05em;margin:70px 0 22px}.pressCard p{font:300 1rem/1.65 'Manrope';opacity:.72;margin:0}.pressCard b{margin-top:auto;padding-top:40px;text-transform:uppercase;letter-spacing:.15em;font-size:.65rem}
@media(max-width:900px){.navRight{gap:14px}.navLinks{display:none}.pressGrid{grid-template-columns:1fr}.pressCard{min-height:320px}.pressCard h3{margin-top:45px}}
@media(max-width:520px){.socialIcons{gap:7px}.socialIcons a{width:32px;height:32px}.press{padding:100px 20px}.pressCard{padding:28px}.press .sectionHead h2{font-size:24vw}}