@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wdth,wght@75..100,400..600&display=swap');
:root{--bg:#f4f3ef;--fg:#20201f;--muted:#7d7c77;--line:rgba(32,32,31,.14);--soft:#e9e8e3;--dark:#20211f;--darkfg:#f1f0eb;--darkmuted:#999995;--radius:26px}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:"Instrument Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.018em;transition:background .35s,color .35s}body.dark{background:var(--dark);color:var(--darkfg);--line:rgba(241,240,235,.16);--soft:#2a2b29}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--fg);color:var(--bg)}.dark ::selection{background:var(--darkfg);color:var(--dark)}
.site{width:min(1320px,calc(100% - 40px));min-height:100svh;margin:auto;display:flex;flex-direction:column}header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:25px;font-weight:600;letter-spacing:-.065em}nav{display:flex;gap:30px;align-items:center}nav a{font-size:12px;color:var(--muted);transition:.2s;position:relative}nav a:hover,nav a.active{color:var(--fg)}.dark nav a:hover,.dark nav a.active{color:var(--darkfg)}nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor}
.controls{display:flex;align-items:center;gap:10px}.theme,.menu-open{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;position:relative;cursor:pointer}.theme:after{content:"☾";position:absolute;inset:0;display:grid;place-items:center;font-size:18px;line-height:1}.dark .theme:after{content:"☼"}.menu-open{display:none}.menu-open:before,.menu-open:after{content:"";position:absolute;left:9px;right:9px;height:1.5px;background:currentColor}.menu-open:before{top:12px;box-shadow:0 5px 0 currentColor}.menu-open:after{display:none}
main{flex:1}.hero{min-height:calc(100svh - 82px);display:flex;flex-direction:column;justify-content:space-between;padding:74px 0 34px}.eyebrow,.place{font-size:12px;color:var(--muted)}.hero h1{margin:0;font-size:clamp(110px,22vw,310px);line-height:.72;letter-spacing:-.105em;font-weight:500;font-variation-settings:"wdth" 82}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-sub{max-width:380px;font-size:17px;line-height:1.22;color:var(--muted)}.hero-links{display:flex;gap:20px;margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.hero-links a{transition:.2s}.hero-links a:hover{color:var(--fg)}.dark .hero-links a:hover{color:var(--darkfg)}
.page{padding:72px 0 90px}.page-title{margin:0 0 72px;font-size:clamp(72px,12vw,160px);line-height:.76;letter-spacing:-.085em;font-weight:500;font-variation-settings:"wdth" 84}.page-meta{display:flex;justify-content:space-between;margin-bottom:26px}.small{font-size:12px;color:var(--muted)}
.discography-section{margin-bottom:72px}.section-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.release-row{display:grid;grid-template-columns:190px 1fr;gap:38px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.release-row.featured{padding-top:32px}.release-art{width:190px;height:190px;object-fit:cover;border-radius:18px;display:block}.release-copy{min-width:0}.release-name{font-size:clamp(34px,5.2vw,72px);line-height:.9;letter-spacing:-.065em}.release-meta{margin-top:13px;color:var(--muted);font-size:12px}.music-platforms{margin-top:-28px}
.platforms{display:flex;flex-wrap:wrap;gap:9px}.pill{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid var(--line);border-radius:999px;font-size:11px;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px);background:var(--soft)}.pill svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.event{display:grid;grid-template-columns:150px 1fr 285px;gap:35px;align-items:center;padding:30px 0;border-top:1px solid var(--line)}.date{font-size:22px;line-height:.98;letter-spacing:-.04em}.date span{display:block;margin-top:8px;color:var(--muted);font-size:11px}.event-name{font-size:clamp(45px,7vw,92px);line-height:.84;letter-spacing:-.075em}.event-meta{margin-top:17px;color:var(--muted);font-size:12px;line-height:1.55}.poster{aspect-ratio:3/4;border-radius:var(--radius);overflow:hidden;background:#ddd}.poster img{width:100%;height:100%;object-fit:cover;display:block}
.about{display:grid;grid-template-columns:1.05fr .95fr;gap:100px}.about-lead{font-size:clamp(35px,5.6vw,72px);line-height:.95;letter-spacing:-.065em}.about-copy{margin-top:38px;max-width:470px;color:var(--muted);font-size:16px;line-height:1.45}.about-photo{border-radius:var(--radius);overflow:hidden;max-height:650px;background:#ddd}.about-photo img{width:100%;height:100%;object-fit:cover;display:block}.links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.link{min-height:82px;border:1px solid var(--line);border-radius:999px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;transition:.2s}.link:hover{transform:translateY(-2px);background:var(--soft)}.link-left{display:flex;align-items:center;gap:14px}.icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.arrow{color:var(--muted)}footer{padding:28px 0 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:10px}
.mobile-menu{display:none}
@media(max-width:760px){.site{width:calc(100% - 28px)}header{height:70px}nav{display:none}.menu-open{display:block}.hero{min-height:calc(100svh - 70px);padding:58px 0 25px}.hero h1{font-size:25vw;letter-spacing:-.11em}.hero-bottom{flex-direction:column;align-items:flex-start;gap:18px}.hero-sub{font-size:15px;max-width:300px}.hero-links{margin-top:24px;padding-top:14px;gap:18px}.page{padding:52px 0 62px}.page-title{margin-bottom:48px;font-size:clamp(70px,20vw,120px)}.discography-section{margin-bottom:56px}.section-heading{font-size:12px;padding-bottom:15px}.release-row,.release-row.featured{grid-template-columns:116px 1fr;gap:20px;padding:20px 0}.release-art{width:116px;height:116px;border-radius:14px}.release-name{font-size:clamp(26px,8.4vw,42px);line-height:.92}.release-meta{margin-top:9px;font-size:11px}.music-platforms{margin-top:-10px}.event{grid-template-columns:1fr;gap:22px}.event-name{font-size:clamp(43px,12vw,68px)}.poster{max-width:100%}.about{grid-template-columns:1fr;gap:48px}.about-photo{max-height:520px}.links{grid-template-columns:1fr}footer{flex-direction:column;gap:10px}.mobile-menu{display:flex;flex-direction:column;position:fixed;inset:0;background:var(--bg);z-index:20;padding:88px 14px 28px;opacity:0;pointer-events:none;transition:opacity .25s}.dark .mobile-menu{background:var(--dark)}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu-links{display:flex;flex-direction:column}.mobile-menu a{display:block;font-size:clamp(46px,14vw,72px);line-height:.95;letter-spacing:-.07em;padding:7px 0}.menu-close{position:absolute;right:14px;top:21px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;color:inherit;font-size:19px}.mobile-menu-footer{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}}

/* v5 refinements */
.discography-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px}
.release-card{min-width:0}
.release-card .release-art{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:22px;margin-bottom:18px}
.release-card .release-name{font-size:clamp(22px,2.5vw,36px);line-height:.98;letter-spacing:-.055em}
.release-card .release-meta{margin-top:8px;font-size:12px;color:var(--muted)}
.music-platforms{margin-top:68px;padding-top:24px;border-top:1px solid var(--line)}
.links{display:flex;flex-direction:column;gap:10px;max-width:900px}
.link{min-height:76px;border:1px solid var(--line);border-radius:22px;padding:0 22px;background:transparent}
.link-left{gap:16px}
.link .icon{width:32px;height:32px;border:0;border-radius:0;flex:0 0 32px}
.link .icon svg{width:20px;height:20px;stroke-width:1.65}
.link .icon{font-size:15px;font-weight:500;letter-spacing:-.04em}
.link:hover{transform:none;background:var(--soft);border-color:transparent}
.about-copy + .about-copy{margin-top:18px}
@media(max-width:760px){
  .page.music-page{padding-bottom:58px}
  .discography-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 14px}
  .release-card .release-art{border-radius:15px;margin-bottom:13px}
  .release-card .release-name{font-size:clamp(19px,5.2vw,28px);line-height:1.02}
  .release-card .release-meta{font-size:10px;margin-top:7px}
  .music-platforms{margin-top:52px;padding-top:20px}
  .links{gap:9px}
  .link{min-height:70px;border-radius:18px;padding:0 18px}
  .about-copy{font-size:15px;line-height:1.5}
}


/* v5 link language */
.hero-links{border-top:0;padding-top:0;gap:8px}
.hero-links a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:999px}
.hero-links a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.hero-links a:hover{background:var(--soft);transform:none}
.event .pill{border-radius:999px}
.brand-mark{width:25px;height:25px;display:grid;place-items:center;font-size:12px;letter-spacing:-.04em;border:1px solid currentColor;border-radius:50%}
.pill .brand-mark + span{margin-left:1px}
@media(max-width:760px){.hero-links{gap:7px}.hero-links a{padding:8px 11px;font-size:11px}.hero-links a svg{width:14px;height:14px}}
.release-main{display:block}.release-main:hover .release-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.release-links{display:flex;align-items:center;gap:7px;margin-top:10px;color:var(--muted);font-size:10px}.release-links a:hover{color:var(--fg)}.dark .release-links a:hover{color:var(--darkfg)}
