:root{--ink:#0a0a0a;--paper:#e9e6df;--muted:#a7a39d;--red:#c62626;--line:#292929}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.55 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;border-bottom:1px solid var(--line);position:relative;z-index:4}.brand{display:flex;flex-direction:column;line-height:.9;letter-spacing:.1em}.brand strong{font:800 2.2rem/1 'Barlow Condensed',sans-serif}.brand span{font-size:.62rem;letter-spacing:.32em;color:var(--muted)}nav{display:flex;gap:2rem;align-items:center;text-transform:uppercase;letter-spacing:.13em;font:600 .78rem 'Barlow Condensed'}.cart{border:1px solid #484848;padding:.65rem .9rem}.cart b{color:var(--red)}.menu{display:none;background:none;border:0;color:var(--paper);font:700 1rem 'Barlow Condensed';letter-spacing:.1em}.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.08fr .92fr;position:relative;overflow:hidden}.hero-image{grid-column:2;background:linear-gradient(90deg,var(--ink) 0%,transparent 34%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%),url('/assets/the-fourth-floor-cover.jpg') center/cover no-repeat;filter:saturate(.82)}.hero-copy{grid-row:1;grid-column:1;align-self:center;padding:8vw 2vw 8vw 11vw;z-index:1}.eyebrow{text-transform:uppercase;color:var(--red);font:700 .76rem 'Barlow Condensed';letter-spacing:.22em;margin:0 0 1rem}.hero h1,.page-head h1,.story h1,.contact h1{font:800 clamp(5rem,12vw,12rem)/.75 'Barlow Condensed';letter-spacing:-.055em;margin:.1em 0 .28em}.hero h1 em{font-style:normal;color:var(--red)}.lede{max-width:36rem;color:#c6c2ba;font-size:1.05rem}.actions{display:flex;gap:1rem;margin-top:2rem}.button{display:inline-block;border:1px solid #5a5a5a;padding:.85rem 1.15rem;text-transform:uppercase;font:700 .85rem 'Barlow Condensed';letter-spacing:.12em;cursor:pointer}.red{background:var(--red);border-color:var(--red);color:#fff}.ghost{background:transparent}.hero-mark{position:absolute;bottom:3.4rem;right:5vw;text-align:right;font:700 .75rem/1.4 'Barlow Condensed';letter-spacing:.2em;color:#bbb}.intro,.release,.merch-tease,.story,.contact,.page-head{padding:8rem 11vw}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}h2{font:800 clamp(2.5rem,5vw,5.3rem)/.9 'Barlow Condensed';letter-spacing:-.03em;margin:0}.split>p{max-width:35rem;color:#c5c1ba;font-size:1.15rem}.release{background:#121212;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.cover img{width:100%;box-shadow:20px 25px 0 #1e1e1e}.release-copy{max-width:38rem;color:#c4c0b9;font-size:1.1rem}.release ol{padding:0;list-style:none;columns:2;font:700 1.1rem/2 'Barlow Condensed';letter-spacing:.05em}.text-link{font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.13em}.text-link span{color:var(--red);font-size:1.4rem}.statement{padding:9rem 12vw;background:var(--red);text-align:center}.statement p{max-width:960px;margin:auto;font:700 clamp(2.2rem,5vw,5.5rem)/.94 'Barlow Condensed';letter-spacing:-.025em}.merch-tease{background:#101010;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;overflow:hidden}.merch-tease img{width:100%;mix-blend-mode:screen;transform:scale(1.18)}.page-head{border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(4rem,10vw,10rem)}.page-head>p:not(.eyebrow){max-width:38rem;color:#bdb9b1;font-size:1.1rem}.tracklist{padding:2rem 11vw 7rem}.tracklist article{display:grid;grid-template-columns:70px 1fr 260px 120px;gap:1rem;align-items:center;padding:2.1rem 0;border-bottom:1px solid var(--line)}.tracklist article>span{color:var(--red);font:700 1rem 'Barlow Condensed'}.tracklist h2{font-size:2.25rem}.tracklist p,.tracklist small{margin:.2rem 0;color:var(--muted)}.tracklist button{background:transparent;color:#777;border:1px solid #333;padding:.55rem;text-transform:uppercase;font:700 .7rem 'Barlow Condensed';letter-spacing:.1em}.story h1{max-width:1080px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:4rem;color:#c4c0b9;font-size:1.1rem}.products{padding:4rem 7vw 8rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.product-image{aspect-ratio:1;background-size:300% 200%;background-repeat:no-repeat;background-color:#161616}.product h2{font-size:2.2rem;margin-top:1.2rem}.product p{color:var(--muted)}.product .button{width:100%;text-align:center}.cart-panel{margin:0 11vw 8rem;padding:3rem;border:1px solid var(--line);background:#121212}.cart-panel>p:not(.eyebrow){border-bottom:1px solid var(--line);padding:1rem 0;margin:0}.cart-panel p span,.cart-panel h2 span{float:right}.cart-panel h2{font-size:2.6rem;margin:1.5rem 0}.checkout-note{color:var(--muted);font-size:.8rem;border:0!important}.checkout-note code{color:#ddd}.contact{min-height:62vh}.contact>p:not(.eyebrow){max-width:38rem;color:#bdb9b1;font-size:1.15rem;margin-bottom:2rem}footer{border-top:1px solid var(--line);padding:3rem 5.5vw;display:flex;align-items:end;justify-content:space-between;gap:2rem;color:#8c8983;font-size:.75rem}footer .brand{color:var(--paper)}footer div:last-child{display:flex;gap:1rem;text-transform:uppercase;letter-spacing:.1em}@media(max-width:760px){header{height:72px;padding:0 6vw}.menu{display:block}nav{display:none;position:absolute;top:71px;left:0;right:0;background:#111;padding:1.5rem 6vw;flex-direction:column;align-items:flex-start;gap:1.3rem;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{display:block;min-height:auto}.hero-image{height:52vh}.hero-copy{padding:4rem 7vw}.hero h1{font-size:6rem}.hero-mark{display:none}.intro,.release,.merch-tease,.story,.contact,.page-head{padding:4.5rem 7vw}.split,.release,.merch-tease{grid-template-columns:1fr;gap:2.5rem}.release .cover{max-width:350px}.merch-tease img{order:-1;transform:none}.statement{padding:5rem 7vw}.tracklist{padding:1rem 7vw 5rem}.tracklist article{grid-template-columns:40px 1fr;padding:1.6rem 0}.tracklist small,.tracklist button{grid-column:2}.story-grid,.products{grid-template-columns:1fr}.products{padding:2rem 7vw 5rem}.cart-panel{margin:0 7vw 5rem;padding:1.5rem}footer{padding:2.5rem 7vw;display:block}footer p{margin:1.5rem 0} }
