@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Permanent+Marker&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#030404;--panel:#070808;--ink:#e9e9e4;--muted:#858887;--red:#bd171e;--line:#252829;--pad:clamp(22px,3.15vw,52px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Space Mono',monospace;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}figure{margin:0}.brush{font-family:'Permanent Marker',cursive}.skip-link{position:fixed;z-index:999;left:12px;top:12px;transform:translateY(-180%);background:#fff;color:#000;padding:10px}.skip-link:focus{transform:none}.grain{position:fixed;z-index:90;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%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='.8'/%3E%3C/svg%3E")}.red-rule{display:block;width:58px;height:2px;background:var(--red)}
.site-header{height:64px;position:absolute;z-index:40;inset:0 0 auto;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ffffff1d;background:#030404db;backdrop-filter:blur(7px)}.brand{font-size:clamp(1rem,1.5vw,1.45rem);transform:rotate(-2deg);white-space:nowrap}.site-header nav{display:flex;gap:34px}.site-header nav a,.header-cta{font-size:.57rem;letter-spacing:.21em;text-transform:uppercase}.site-header nav a{padding:21px 3px}.header-cta{justify-self:end;border:1px solid var(--red);padding:12px 22px}.menu-toggle{display:none;background:transparent;border:0}.menu-toggle i{display:block;width:26px;height:1px;background:#fff;margin:7px}
.hero{position:relative;height:min(810px,57vw);min-height:600px;overflow:hidden;border-bottom:1px solid var(--line);background:#070909}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.08) brightness(.67)}.hero-vignette{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#030404d9 0,#03040459 29%,transparent 55%,#03040435 76%,#030404a8 100%),linear-gradient(0deg,#020303c9 0,transparent 30%,#0203033b 100%),radial-gradient(ellipse at center,transparent 30%,#0007 100%)}.hero-copy{position:absolute;z-index:5;left:6.6%;top:18%;width:35%}.hero-copy h1{margin:0;color:#e3e3df;font-size:clamp(4.5rem,7.9vw,8.3rem);line-height:.78;letter-spacing:-.045em;text-shadow:3px 5px #111;transform:rotate(-3deg)}.hero-copy p{margin:32px 0 13px;font-size:clamp(.52rem,.73vw,.7rem);letter-spacing:.22em;white-space:nowrap}.outline-button{display:inline-flex;align-items:center;gap:20px;min-height:46px;margin-top:23px;border:1px solid var(--red);padding:12px 21px;background:#050606b5;font-size:.57rem;letter-spacing:.17em}.outline-button:hover,.outline-button:focus-visible{background:var(--red)}.outline-button.small{margin-top:10px;padding:10px 18px}.hero-copy small{display:block;margin-top:39px;color:#a7aaa7;font-size:.47rem;letter-spacing:.17em;line-height:1.75}.hero-side-note{position:absolute;z-index:5;right:5.8%;bottom:10%;font-size:.47rem;line-height:1.7;letter-spacing:.17em;color:#b4b5b2}.hero-graffiti{position:absolute;z-index:5;right:3.5%;top:14%;font-size:clamp(1.6rem,3vw,3rem);line-height:1.02;color:#8a8d8a;opacity:.24;transform:rotate(-6deg)}
.panel{padding:0 var(--pad);background:var(--panel);border-bottom:1px solid var(--line)}.panel-head{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-family:'Bebas Neue',sans-serif;font-size:clamp(1.25rem,1.9vw,1.9rem);font-weight:400;letter-spacing:.19em}.panel-head span{color:#8c8f8d;font-size:.45rem;letter-spacing:.15em}
.releases{padding-bottom:23px}.release-grid.has-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.3vw,22px);padding-top:14px}.release-card{min-width:0}.cover{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid #333638;background:#090909}.release-card[href] .cover{transition:.2s}.release-card[href]:hover .cover,.release-card[href]:focus-visible .cover{border-color:var(--red);transform:translateY(-3px)}.release-card[href]:focus-visible{outline:2px solid var(--red);outline-offset:4px}.cover img{height:100%;object-fit:cover;filter:grayscale(.7) contrast(1.3) brightness(.68)}.cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#050505e4,transparent 52%),linear-gradient(135deg,#0000,#82070b25)}.cover strong{position:absolute;z-index:3;left:7%;right:7%;bottom:9%;font-size:clamp(1.15rem,2.1vw,2.45rem);line-height:.88;text-transform:uppercase;text-shadow:2px 3px #000}.pain .cover img{transform:scale(1.15)}.pain .cover strong{color:var(--red);font-size:clamp(1.55rem,2.7vw,3rem);transform:rotate(-8deg)}.eyes .cover img{object-position:center 17%;transform:scale(2.1)}.eyes .cover strong,.panic .cover strong{font-family:'Bebas Neue',sans-serif;text-align:center;font-size:clamp(.95rem,1.62vw,1.9rem)}.eyes em,.panic em,.whispers em{font-style:normal;color:var(--red)}.eye-glow{position:absolute;z-index:2;left:50%;top:42%;width:30%;height:18%;transform:translate(-50%,-50%);background:radial-gradient(circle,#ff3238 0 7%,#a30008 20%,transparent 68%);mix-blend-mode:screen;filter:blur(2px)}.panic .cover img,.whispers .cover img{filter:grayscale(.9) contrast(1.35) brightness(.48)}.pulse-cover{background:radial-gradient(circle at 50% 38%,#3b080b,#0b0707 30%,#040505 62%)}.heart{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) rotate(-9deg);font-size:clamp(4rem,7vw,7rem);color:#691118;text-shadow:0 0 18px #9d1319}.pulse-line{position:absolute;left:13%;right:13%;top:46%;height:2px;background:linear-gradient(90deg,transparent 0 7%,#b91016 7% 23%,transparent 23% 28%,#b91016 28% 33%,transparent 33% 37%,#b91016 37% 63%,transparent 63%)}.pulse .cover strong{left:0;right:0;text-align:center;font-size:clamp(1.6rem,2.7vw,3rem);transform:rotate(-3deg)}.whispers .cover:before{content:"";position:absolute;z-index:2;inset:0;background:repeating-linear-gradient(0deg,transparent 0 11px,#fff1 12px),radial-gradient(circle at 50% 35%,#c7192033,transparent 43%)}.whispers .cover strong{font-size:clamp(1rem,1.8vw,2.1rem);transform:rotate(-4deg)}.release-meta{display:flex;justify-content:space-between;align-items:flex-start;padding:9px 2px 0}.release-meta b{display:block;font-size:.52rem;line-height:1.35;letter-spacing:.11em}.release-meta small{display:block;margin-top:3px;color:#8b8e8c;font-size:.44rem}.release-meta i{width:22px;height:22px;display:grid;place-items:center;border:1px solid #c8cac6;border-radius:50%;font-style:normal;font-size:.45rem}.coming-soon{color:var(--red);font-size:.4rem;letter-spacing:.07em;text-align:right}
.visuals{padding-bottom:20px}.visual-grid{display:grid;grid-template-columns:56% 23% 21%;min-height:285px;padding-top:12px}.watch-world,.visual-side{position:relative;overflow:hidden;border:1px solid #303334}.watch-world img,.visual-side img{height:100%;object-fit:cover;filter:grayscale(.66) contrast(1.25) brightness(.68)}.watch-world figcaption{position:absolute;left:20px;bottom:17px;display:flex;gap:17px;align-items:center}.watch-world figcaption>b{width:39px;height:39px;display:grid;place-items:center;border:1px solid #ddd;border-radius:50%}.watch-world figcaption strong{display:block;font-size:.57rem;letter-spacing:.19em}.watch-world figcaption small{display:block;margin-top:7px;font-size:.4rem;letter-spacing:.14em}.visual-copy{padding:38px 22px 15px 32px}.visual-copy h3{margin:0 0 15px;font-family:'Bebas Neue',sans-serif;font-size:clamp(1.35rem,2.1vw,2.25rem);font-weight:400;line-height:.93;letter-spacing:.13em}.visual-copy h3 b{font-weight:400}.visual-copy p{margin-top:20px;color:#a1a3a1;font-size:.49rem;line-height:1.75}.visual-side figcaption{position:absolute;right:13px;bottom:15px;padding-bottom:7px;border-bottom:2px solid var(--red);font-size:.46rem;line-height:1.7;letter-spacing:.17em}
.about{display:grid;grid-template-columns:41% 38% 21%;min-height:380px;padding:0}.about-portrait{overflow:hidden;background:#050505}.about-portrait img{height:100%;object-fit:contain;object-position:center;filter:none}.about-copy{padding:45px 34px 30px}.red-label{color:var(--red);font-size:.48rem;letter-spacing:.21em}.about-copy h2{margin:9px 0 12px;font-family:'Bebas Neue',sans-serif;font-size:clamp(1.55rem,2.35vw,2.7rem);font-weight:400;letter-spacing:.17em}.about-copy p{margin:14px 0;color:#b8bab7;font-size:.51rem;line-height:1.62}.about blockquote{margin:0;padding:62px 18px 20px 8px;color:#8b8e8c;opacity:.72;font-size:clamp(1.75rem,3.1vw,3.5rem);line-height:.98;transform:rotate(-5deg)}.about blockquote cite{display:block;margin-top:18px;color:#d2d3cf;font-family:'Space Mono',monospace;font-size:.5rem;text-align:right}
.merch{padding-bottom:var(--pad)}.merch-feature{margin-top:18px;overflow:hidden;border:1px solid #303334;background:#050505}.merch-feature img{height:auto}.merch-coming-soon{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;background:linear-gradient(90deg,#030303,#030303 62%,#740b10);border-top:1px solid #ffffff24;letter-spacing:.16em}.merch-coming-soon span{font-size:.5rem}.merch-coming-soon strong{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.5rem,2.6vw,2.8rem);font-weight:400;letter-spacing:.18em;color:#fff}
.bts{padding-bottom:19px}.bts-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding-top:10px}.bts-strip figure{flex:0 0 calc((100% - 24px)/5);height:clamp(110px,9.5vw,160px);overflow:hidden;border:1px solid #303334}.bts-strip img{height:100%;object-fit:cover;filter:grayscale(.68) contrast(1.25) brightness(.69)}.bts-strip figure:nth-child(3) img{filter:grayscale(.4) sepia(.3) hue-rotate(315deg) saturate(1.8) brightness(.61)}
.contact{position:relative;height:225px;overflow:hidden;border-bottom:1px solid var(--line);background:#070808}.contact-bg{position:absolute;inset:0;background:linear-gradient(90deg,#060707f2 0,#060707df 49%,#06070755 76%,#060707c8 100%),url('assets/hero-world.png') center 62%/cover no-repeat;filter:grayscale(.62) contrast(1.2) brightness(.62)}.contact-content{position:relative;z-index:4;height:100%;padding:24px var(--pad);display:grid;grid-template-columns:1.25fr .85fr .85fr .85fr 1.25fr;gap:24px;align-items:center}.contact-content h2{margin:0 0 6px;font-family:'Bebas Neue',sans-serif;font-size:1.55rem;font-weight:400;letter-spacing:.19em}.contact-content p{margin:10px 0 0;color:#929492;font-size:.44rem;letter-spacing:.1em}.contact-item{display:flex;align-items:center;gap:11px}.contact-item strong,.contact-item small{display:block}.contact-item strong{font-size:.48rem;letter-spacing:.15em}.contact-item small{margin-top:3px;color:#aaa;font-size:.41rem}.message-button{min-height:46px;border:1px solid #9b9d99;padding:13px 16px;background:#090a0acc;text-align:center;font-size:.47rem;letter-spacing:.11em}.message-button:hover{border-color:var(--red);background:#741016}.contact-person{position:absolute;z-index:2;right:-2%;bottom:-30%;width:33%;height:190%;object-fit:contain;object-position:center bottom;filter:grayscale(.55) contrast(1.15) brightness(.48);opacity:.82}
footer{min-height:62px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 var(--pad);background:#020303}footer .brand{font-size:.87rem}footer p{margin:0;color:#7d807e;font-size:.42rem;letter-spacing:.1em;text-align:center}footer p:last-child{text-align:right}
@media(max-width:1100px){.release-grid.has-five{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{height:650px}.hero-copy{width:43%}.visual-grid{grid-template-columns:57% 43%}.visual-side{display:none}.about{grid-template-columns:43% 57%}.about blockquote{grid-column:1/-1;padding:35px var(--pad)}.contact-content{grid-template-columns:1.2fr repeat(3,.8fr) 1.25fr}}
@media(max-width:820px){.site-header{grid-template-columns:1fr auto}.site-header nav,.header-cta{display:none}.menu-toggle{display:block;width:44px;height:44px;padding:5px 9px}.site-header nav.open{position:fixed;z-index:35;inset:0;height:100vh;background:#050505f7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.site-header nav.open a{font-family:'Bebas Neue',sans-serif;font-size:2.6rem}.hero{height:690px}.hero-art{object-position:53% center}.hero-copy{left:6%;top:18%;width:60%}.hero-copy h1{font-size:clamp(4rem,13vw,6.5rem)}.hero-side-note,.hero-graffiti{display:none}.release-grid.has-five{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-grid{grid-template-columns:1fr}.watch-world{height:330px}.visual-copy{padding:28px 2px}.about{grid-template-columns:1fr 1.1fr}.about blockquote{grid-column:1/-1}.contact{height:auto}.contact-content{grid-template-columns:1fr 1fr;padding-block:34px}.contact-person{display:none}footer{grid-template-columns:1fr;height:auto;gap:10px;padding-block:20px}footer p,footer p:last-child{text-align:left}}
@media(max-width:560px){:root{--pad:18px}.site-header{height:58px;padding-inline:15px}.hero{height:710px;min-height:710px}.hero-art{object-position:52% center;filter:saturate(.72) contrast(1.08) brightness(.56)}.hero-vignette{background:linear-gradient(180deg,#020303ad 0,#0203031a 34%,#02030387 75%,#020303ed 100%),linear-gradient(90deg,#020303b8 0,transparent 70%)}.hero-copy{left:18px;top:13%;width:88%}.hero-copy h1{font-size:clamp(4rem,19vw,6.1rem);line-height:.8}.hero-copy p{max-width:255px;white-space:normal;line-height:1.6}.hero-copy small{margin-top:26px}.panel-head{height:58px}.panel-head span{display:none}.release-grid.has-five{grid-template-columns:1fr 1fr;gap:9px}.release-grid.has-five .release-card:last-child{grid-column:1/-1;width:calc(50% - 5px)}.release-meta b{font-size:.46rem}.visual-grid{display:block}.watch-world{height:265px}.visual-copy{padding:26px 0}.about{display:block}.about-portrait{height:390px}.about-copy{padding:30px var(--pad)}.about blockquote{padding:32px var(--pad);font-size:2.5rem}.merch{padding-bottom:18px}.merch-coming-soon{align-items:flex-start;flex-direction:column;padding:13px 15px;gap:4px}.merch-coming-soon span{font-size:.42rem}.merch-coming-soon strong{font-size:1.8rem}.bts-strip{flex-wrap:nowrap;justify-content:flex-start;overflow:auto;scroll-snap-type:x mandatory}.bts-strip figure{flex:0 0 61%;height:135px;scroll-snap-align:start}.contact-content{grid-template-columns:1fr}.contact-item{display:none}.message-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.release-card[href] .cover{transition:none}}