*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#718091;font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif;font-weight:300;letter-spacing:.035em}
.hero{position:relative;width:100%;background:#fff}
.hero-image{display:block;width:100%;height:auto}
.brand{position:absolute;left:4.1vw;top:3.1vw}
.jun-logo{display:block;width:clamp(76px,8.2vw,158px);height:auto;opacity:.93}
.label-name{margin-top:9px;margin-left:3px;font-size:clamp(9px,.72vw,13px);letter-spacing:.21em;color:#8797a9;font-weight:300}
.wrap{width:min(1040px,86vw);margin-inline:auto}
.profile{display:grid;grid-template-columns:minmax(250px,430px) 1fr;gap:clamp(52px,8vw,112px);align-items:center;padding:clamp(92px,10vw,150px) 0}
.artist-photo{width:100%;display:block}
.profile-copy{font-family:"Baskerville","Baskerville Old Face","Times New Roman",serif;color:#758292;font-size:clamp(16px,1.18vw,19px);font-weight:400;line-height:2.12;letter-spacing:.012em}
.profile-copy p{margin:0 0 1.55em}
.eyebrow{font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.32em!important;font-size:10px!important;font-weight:300!important;color:#aab5c0!important}
.release{border-top:1px solid #edf0f3;padding:clamp(82px,9vw,130px) 0;display:grid;grid-template-columns:minmax(260px,470px) 1fr;gap:clamp(48px,8vw,110px);align-items:center}
.cover{width:100%;display:block}
.release h1{font-family:"Baskerville","Baskerville Old Face","Times New Roman",serif;font-size:clamp(36px,4vw,60px);font-weight:400;letter-spacing:.055em;color:#728296;margin:.28em 0}
.release-copy>p{line-height:1.8}
.quiet{margin-top:2.5em;font-size:11px;color:#adb6bf;line-height:1.8;letter-spacing:.04em}
.links{border-top:1px solid #edf0f3;padding:52px 0 64px;display:flex;justify-content:center;gap:18px 34px;flex-wrap:wrap;font-size:10px;letter-spacing:.17em;color:#8b99a8}
.links span{white-space:nowrap}
.contact{color:#71879e}
footer{text-align:center;padding:0 20px 48px;color:#b7bec6;font-size:10px;letter-spacing:.17em}
@media(max-width:720px){
 .hero{overflow:hidden}
 .hero-image{width:165%;max-width:none;transform:translateX(-36%)}
 .brand{left:7vw;top:5vw}
 .jun-logo{width:84px}
 .label-name{font-size:8px;margin-top:6px}
 .profile,.release{grid-template-columns:1fr;gap:42px}
 .profile{padding:75px 0}
 .artist-photo,.cover{width:min(100%,480px);margin:auto}
 .profile-copy{font-size:16px;line-height:2.02}
 .release{padding:75px 0}
 .release-copy{text-align:center}
 .release-copy .eyebrow{text-align:center}
 .links{padding:44px 0 55px;gap:18px 25px}
}