:root{--paper:#f8f5ee;--ink:#111;--line:#a5a29b;--accent:#2438c6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{height:108px;padding:0 4.8%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;background:var(--paper)}.brand{font-size:42px;letter-spacing:-2.4px}header nav{display:flex;gap:20px;align-items:center}header nav a{text-transform:uppercase;font-size:14px;padding:9px 12px;border:1px solid transparent}header nav a.active{border-color:var(--ink)}#menu-toggle{display:none;text-transform:uppercase}main{min-height:calc(100svh - 156px)}.split{display:grid;grid-template-columns:44% 56%;min-height:calc(100svh - 156px)}.copy{padding:55px 9% 55px 11%;display:flex;flex-direction:column;align-items:flex-start}.visual{min-height:650px;background-position:center;background-size:cover}.portrait{background-image:url('assets/portrait.webp');background-position:center 43%}.cream{background-image:url('assets/cream.webp')}.green{background-image:url('assets/green.webp')}.rose{background-image:url('assets/rose.webp')}h1{font-size:clamp(48px,5.2vw,84px);font-weight:400;line-height:1;letter-spacing:-3px;margin:18px 0 55px}h2{font-size:32px;font-weight:400;line-height:1.1;letter-spacing:-1px;margin:10px 0 20px}p{font-size:19px;line-height:1.55;margin:0 0 28px}.home-copy{justify-content:center}.home-nav{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.home-nav a{font-size:clamp(34px,4.4vw,66px);line-height:1.15;letter-spacing:-2px}.home-nav a:hover{color:var(--accent)}.home-copy .eyebrow{margin-top:50px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:1.5px}.release-list{width:100%}.release-row{width:100%;display:grid;grid-template-columns:76px 1fr 26px;gap:24px;text-align:left;padding:18px 0;align-items:center}.release-row img{width:76px;height:76px;object-fit:cover}.release-row .words{display:block;align-self:stretch;border-bottom:1px solid var(--line);padding:5px 0 20px}.release-row:last-child .words{border-bottom:0}.release-row .type{font-size:13px;text-transform:uppercase;display:block;margin:0 0 7px}.release-row .title{font-size:23px;display:block}.arrow{font-size:28px;font-weight:400}.release-row.active .title{color:var(--accent)}.release-row:hover .arrow{transform:translateX(4px)}.placeholder-note{font-size:12px;color:#64615c;line-height:1.6;margin-top:38px;max-width:340px}.release-detail{background-image:url('assets/cream.webp');background-size:cover;padding:44px clamp(30px,5vw,80px);position:relative}.detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.detail-head button{font-size:13px}.detail-cover{width:110px;height:110px;object-fit:cover;margin-bottom:14px}.platforms{max-width:440px;margin-top:28px}.platform{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #aaa49b;padding:15px 0;font-size:21px}.platform:last-child{border-bottom:1px solid #aaa49b}.platform.disabled{color:#5e5b57}.platform.disabled small{font-size:11px;letter-spacing:.4px}.detail-meta{font-size:12px;text-transform:uppercase;letter-spacing:1px}.contact-address{font-size:clamp(17px,1.7vw,26px);line-height:1.5;border-bottom:1px solid var(--ink);overflow-wrap:anywhere}.contact-copy{justify-content:center}.contact-copy h1{margin-top:0}.about-text{text-transform:uppercase;max-width:340px}.news-list{width:100%}.news-link{display:block;border-bottom:1px solid var(--line);padding:20px 0}.news-link time{font-size:12px}.news-link h2{font-size:26px}.empty-message{max-width:330px}.empty-message p{font-size:17px}.info-copy{max-width:800px;padding:50px 5%}.info-copy h1{font-size:48px}.back{font-size:14px;margin-bottom:32px;display:inline-block}.mobile-back{display:none}footer{min-height:48px;padding:12px 4.8%;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:10px;color:#66625d}.preview-note{letter-spacing:.4px}#mobile-menu[hidden]{display:none}#mobile-menu{position:fixed;inset:90px 0 0;z-index:5;background:var(--paper);padding:45px 7%}#mobile-menu nav{display:flex;flex-direction:column;gap:16px;font-size:42px;letter-spacing:-1.6px;text-transform:uppercase}@media(min-width:761px){#mobile-menu{display:none}.mobile-release-only{display:none}}@media(max-width:1000px) and (min-width:761px){header{padding:0 4%}header nav{gap:0}.copy{padding-left:9%;padding-right:8%}.release-row{gap:13px;grid-template-columns:60px 1fr 20px}.release-row img{width:60px;height:60px}}@media(max-width:760px){header{height:90px;padding:0 7%}.brand{font-size:32px;letter-spacing:-1.8px}header nav{display:none}#menu-toggle{display:block;font-size:13px;padding:15px 0}#menu-toggle span{font-size:23px;margin-left:8px}.split{display:block;min-height:calc(100svh - 138px)}.visual{min-height:480px}.copy{padding:38px 7% 45px}h1{font-size:58px;letter-spacing:-2px;margin:10px 0 34px}.home{position:relative;min-height:calc(100svh - 138px);background:url('assets/portrait.webp') center center/cover}.home .visual{display:none}.home .copy{min-height:calc(100svh - 138px);justify-content:flex-start;padding-top:32px}.home-nav{gap:7px}.home-nav a{font-size:28px;letter-spacing:-1px;line-height:1.1}.home-nav a:first-child{font-size:34px}.home-copy .eyebrow{display:none}.music{background:url('assets/cream.webp') center/cover}.music>.visual{display:none}.release-row{grid-template-columns:65px 1fr 24px;gap:20px;padding:15px 0}.release-row img{width:65px;height:65px}.release-row .title{font-size:22px}.music.has-release>.copy{display:none}.release-detail{min-height:calc(100svh - 138px);padding:28px 7% 45px}.mobile-back{display:inline-block;margin-bottom:24px}.detail-head{margin-bottom:22px}.detail-head button{display:none}.detail-cover{width:120px;height:120px}.platforms{margin-top:25px}.platform{padding:16px 0;font-size:20px}.about .visual{min-height:470px}.contact .visual{min-height:330px}.contact-address{font-size:20px}.news .visual{min-height:330px}footer{padding:14px 7%;gap:8px;flex-wrap:wrap}.preview-note{font-size:9px}.info-copy{padding:30px 7%}}@media(prefers-reduced-motion:no-preference){.arrow{transition:transform .15s ease}main{animation:appear .22s ease}@keyframes appear{from{opacity:.5}to{opacity:1}}}

h1{text-transform:uppercase}

.about-photo{background-image:url('assets/about.webp');background-position:center;background-size:min(88%,960px) auto;background-repeat:no-repeat;background-color:var(--paper)}
.about-text{max-width:360px}.about-text p{font-size:16px;line-height:1.48;margin-bottom:25px}
@media(min-width:761px){body[data-page="home"] header nav{visibility:hidden}}
@media(max-width:760px){.home-nav a,.home-nav a:first-child{font-size:28px}.about .copy{padding-top:26px;padding-bottom:18px}.about h1{font-size:48px;margin-bottom:30px}.about-text{max-width:none}.about-text p{font-size:17px;line-height:1.45;margin-bottom:24px}.about .about-photo{width:86%;margin:0 7% 30px;min-height:0;aspect-ratio:960/538;background-size:contain;background-repeat:no-repeat;background-position:center}}

.mobile-world{display:flex;flex-direction:column;color:var(--accent);font-size:clamp(64px,7vw,112px);line-height:.84;letter-spacing:-4px;text-transform:uppercase}
body[data-page="home"] header .brand{display:none}
body[data-page="home"] header nav{visibility:visible}
.home-copy .eyebrow{display:none}
.home-nav{margin-top:32px;gap:14px}
.home-nav::before{content:"/";font-size:30px}
.home-nav a{display:none}
.home-nav a:first-child{display:block;font-size:18px;letter-spacing:.32em;text-transform:uppercase}
@media(max-width:760px){
  .home-nav{margin-top:0}.home-nav::before{display:none}
  body[data-page="home"] header{justify-content:flex-end}
  body[data-page="home"] header .brand{display:none}
  body[data-page="home"] main{padding:0 5%}
  body[data-page="home"] .home{width:100%;min-height:calc(100svh - 110px);background-position:center 44%}
  body[data-page="home"] .home .copy{min-height:calc(100svh - 110px);padding:28px 6% 32px;justify-content:space-between}
  body[data-page="home"] .mobile-world{display:flex;flex-direction:column;color:var(--accent);font-size:clamp(54px,15vw,72px);font-weight:400;line-height:.82;letter-spacing:-3px;text-transform:uppercase}
  body[data-page="home"] .home-nav a{display:none}
  body[data-page="home"] .home-nav a:first-child{display:block;color:#fff;font-size:18px;line-height:1;letter-spacing:.32em;text-transform:uppercase}
  body[data-page="home"] .home-nav a:first-child::after{content:"→";margin-left:14px;letter-spacing:0}
}