@font-face{font-family:DynaPuff;src:url('assets/fonts/DynaPuff-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Open Sans';src:url('assets/fonts/OpenSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Open Sans';src:url('assets/fonts/OpenSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Open Sans';src:url('assets/fonts/OpenSans-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
body{font-family:'Open Sans','Microsoft YaHei','Yu Gothic','Malgun Gothic',sans-serif}
h1,h2,h3{font-family:DynaPuff,'Microsoft YaHei','Yu Gothic','Malgun Gothic',sans-serif;font-weight:700;letter-spacing:-.04em}
header{padding:12px 5%;gap:32px}.logo{line-height:1;font-size:inherit;letter-spacing:0}.logo img{display:block;width:132px;height:auto}
.hero{min-height:0;border-radius:18px;isolation:isolate}.hero>.hero-art{position:relative;inset:auto;height:auto;min-height:0;aspect-ratio:auto;background:none;border-radius:0}
.hero-art picture{display:block}.hero-art img{display:block;width:100%;height:auto;object-fit:contain}
.hero-copy{position:absolute;inset:0 auto 0 0;width:39%;max-width:none;padding:6% 3.5%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#171419db,#171419a8 75%,transparent)}
.hero-copy h1{font-size:clamp(32px,4.3vw,70px);line-height:1.12;letter-spacing:-.05em}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.5px}.hero-copy>p:not(.eyebrow){font-size:14px;color:var(--cream)}.hero-copy .actions{gap:18px;margin-top:14px}.hero-copy .button{padding:13px 19px;gap:18px}.hero-copy .text-link{font-size:12px}.hero-stamp{display:none}
.art.pictures,.art.music,.showcase>.art{aspect-ratio:1672/941}.art.pictures img,.art.music img{object-fit:contain;height:auto;aspect-ratio:1672/941}
.artist-card>.art,.artist-detail>.art{aspect-ratio:auto;background:none}.artist-card .art img,.artist-detail .art img{height:auto;object-fit:contain;width:100%}
.artist-card h3{font-size:24px}.page-title h1{max-width:1000px}.showcase{max-width:1440px;margin:auto}.artist-detail{align-items:start}.artist-detail>.art{max-width:520px}
.button{min-height:44px}select{min-height:40px}#menu{min-height:44px}.hero-copy em{color:#ff733d}
@media(max-width:1000px) and (min-width:801px){.hero-copy{padding:3%;width:40%}.hero-copy h1{font-size:38px}.hero-copy .eyebrow{margin-bottom:12px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-copy .actions{gap:10px;margin-top:5px}.hero-copy .button{font-size:12px;padding:10px 14px}.hero-copy .text-link{font-size:11px}}
@media(max-width:800px){header{padding:10px 5%;gap:16px}.logo img{width:110px}.hero{margin-top:18px}.hero>.hero-art{position:relative;height:auto;min-height:0}.hero-copy{position:relative;inset:auto;width:100%;padding:32px 7% 38px;background:var(--ink)}.hero-copy h1{font-size:clamp(38px,8vw,58px)}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-copy .actions{margin-top:14px;gap:22px}.hero-art img{aspect-ratio:1;height:auto}.hero-copy .eyebrow{margin-bottom:18px}.hero-copy em{color:var(--orange)}.artist-card .art{aspect-ratio:auto}.page-title h1{font-size:clamp(35px,7vw,54px)}.hero-copy .text-link{font-size:13px}.feature{gap:22px}.ticker{letter-spacing:3px;font-size:11px}}