@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-display:swap}
@font-face{font-family:DM;src:url('assets/dm-sans.ttf') format('truetype');font-display:swap}
:root{--ink:#111110;--paper:#ede6db;--red:#c72b20;--line:rgba(237,230,219,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--ink);color:var(--paper);font-family:DM,Arial,sans-serif;font-size:16px}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:6px}
::selection{background:var(--red);color:var(--paper)}
.skip{position:fixed;top:-80px;left:16px;z-index:20;background:var(--paper);color:var(--ink);padding:15px}.skip:focus{top:12px}
.topbar{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:13px 3%;min-height:66px;font-size:.875rem;letter-spacing:.035em}
.topbar nav{display:flex;flex-wrap:wrap;gap:30px}.topbar nav a{padding:8px 0}.topbar nav a:hover{color:#ff725e}.topbar nav [aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.masthead{background:var(--paper);color:var(--ink);padding:0 2.6% 1.2vw;overflow:hidden}
h1{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:14.36vw;line-height:1.08;letter-spacing:-.005em;margin:0;white-space:nowrap;transform:scaleX(1.43);transform-origin:left center;width:69.93%}
.portrait{position:relative;height:calc(100svh - 21vw - 66px);min-height:450px;max-height:900px;isolation:isolate;overflow:hidden}
.portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.portrait:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7));z-index:0;pointer-events:none}
.hero-bottom{position:absolute;z-index:1;bottom:28px;left:3%;right:3%;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.hero-bottom h2{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(4rem,10.5vw,11rem);line-height:.9;letter-spacing:-.065em;font-weight:400;margin:0 0 8px}
.listen-button{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--red);color:#fff;padding:22px 27px;font-size:.9rem;letter-spacing:.045em;min-width:200px;min-height:66px;transition:background .2s,transform .2s}
.listen-button:hover{background:#a92119;transform:translateY(-3px)}.play-icon{font-size:.9rem}
.section-pad{padding:60px 5% 90px}.section-label{font-size:.875rem;letter-spacing:.055em;padding-bottom:22px;border-bottom:1px solid var(--line)}
.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;margin-top:62px}
.cover{margin:0;transform:rotate(-3deg);max-width:510px}.cover>img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:cover}
.release h2{font-family:Anton,Impact,sans-serif;font-size:clamp(3rem,6.3vw,7.5rem);letter-spacing:-.035em;font-weight:400;line-height:1.1;margin:0 0 40px}
.platforms{border-top:1px solid var(--line)}.platforms a{display:flex;align-items:center;justify-content:space-between;padding:21px 0;border-bottom:1px solid var(--line);gap:20px;transition:padding .2s,color .2s}
.platforms a>span:first-child{font-size:1.3rem}.platforms a>span:last-child{font-size:.75rem;letter-spacing:.06em}.platforms a:hover{color:#ff725e;padding-left:12px;padding-right:12px}
.elsewhere{background:var(--paper);color:var(--ink)}.elsewhere h2{font-family:DM,Arial,sans-serif;font-size:.875rem;letter-spacing:.055em;font-weight:400;margin:0 0 24px}
.social-index{border-top:1px solid #aaa49b}.social-index a{display:block;border-bottom:1px solid #aaa49b;padding:20px 0;font-family:Anton,Impact,sans-serif;font-size:clamp(2.5rem,5.5vw,6rem);line-height:1.1;transition:color .2s,padding .2s}
.social-index a:hover{color:var(--red);padding-left:14px;padding-right:14px}
footer{display:flex;align-items:center;justify-content:space-between;padding:30px 3%;gap:24px;font-size:.75rem;letter-spacing:.05em}footer a:hover{text-decoration:underline}
.coming-soon-page{min-height:100svh;display:flex;flex-direction:column}.coming-soon-page .topbar{border-bottom:1px solid var(--line)}
.coming-soon{flex:1;display:flex;flex-direction:column;justify-content:center;padding:80px 5%;min-height:65svh}
.coming-soon h1{font-size:clamp(3rem,11.5vw,12rem);width:auto;transform:none;white-space:normal;overflow-wrap:normal;letter-spacing:-.01em;line-height:1.15}
.coming-soon p{font-family:Georgia,serif;font-style:italic;font-size:clamp(1.5rem,3vw,3rem);margin:30px 0 0}.coming-soon-page footer{border-top:1px solid var(--line)}
@media(min-width:1700px){.section-pad{padding-left:max(5%,calc((100vw - 1600px)/2));padding-right:max(5%,calc((100vw - 1600px)/2))}}
@media(max-width:700px){
.topbar{padding:16px 5%;gap:14px;flex-direction:column;align-items:flex-start}.topbar nav{gap:8px 20px;width:100%;font-size:.8125rem}.topbar nav a{padding:6px 0}
.masthead{padding:5px 3% 8px}h1{font-size:14.2vw}
.portrait{min-height:540px;height:calc(100svh - 22vw - 109px);max-height:850px}.portrait>img{object-position:52% 50%}
.hero-bottom{left:5%;right:5%;bottom:26px;align-items:flex-start;flex-direction:column;gap:24px}.hero-bottom h2{font-size:clamp(4rem,16.5vw,7rem);letter-spacing:-.065em}
.listen-button{padding:18px 22px;min-height:58px;width:100%;font-size:.875rem}
.section-pad{padding:40px 6% 65px}.release-grid{grid-template-columns:1fr;gap:50px;margin-top:42px}.cover{width:88%;margin:0 auto}.release h2{font-size:17vw;margin-bottom:28px}.platforms a{padding:20px 0}.social-index a{font-size:10vw;padding:22px 0}
footer{flex-wrap:wrap;padding:25px 6%;gap:20px;font-size:.75rem}.coming-soon{padding:60px 6%}.coming-soon h1{font-size:12vw}.coming-soon p{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.mailing{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-bottom:1px solid var(--line);padding-top:65px;padding-bottom:65px}.mailing h2{margin:0;font-family:Anton,Impact,sans-serif;font-size:clamp(2rem,4vw,4.5rem);font-weight:400;line-height:1.1}.email-row{display:flex;border-bottom:1px solid var(--paper);gap:20px}.email-row input{width:100%;min-width:0;border:0;background:transparent;color:var(--paper);padding:12px 0;font:inherit;border-radius:0}.email-row input::placeholder{color:#c7c1b8;opacity:1}.email-row button{background:transparent;color:var(--paper);border:0;padding:12px 5px;min-height:48px;font:inherit;font-size:.875rem;letter-spacing:.045em;cursor:pointer;white-space:nowrap}.email-row button:hover{color:#ff725e}.email-row button:disabled{cursor:default;opacity:.7}.mailing-note{font-size:.875rem;line-height:1.5;color:#c7c1b8;margin:15px 0 0}.mailing-status{font-size:1rem;line-height:1.5;margin:15px 0 0}.mailing-status:empty{display:none}.visually-hidden,.honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:700px){.mailing{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:45px}.mailing h2{font-size:2.5rem}}