@font-face{font-family:Marker;src:url(/wp-content/themes/music-artist-pro/assets/fonts/marker.woff2) format("woff2");font-display:swap}
@font-face{font-family:Barlow;font-weight:500;src:url(/wp-content/themes/music-artist-pro/assets/fonts/barlow500.woff2) format("woff2");font-display:swap}
@font-face{font-family:Barlow;font-weight:700;src:url(/wp-content/themes/music-artist-pro/assets/fonts/barlow700.woff2) format("woff2");font-display:swap}
:root{--blue:#18ADEB;--ink:#0b0b0c;--w:#f2f2f2;--g:#8b8b8b;--max:1160px}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--ink);color:var(--w);overflow-x:hidden}
body{font-family:Barlow,"Arial Narrow",Arial,sans-serif;font-weight:500;font-size:18px;line-height:1.5}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
.page{position:relative;overflow:hidden}
.grunge-bg,.scratch-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.grunge-bg{background:url(/wp-content/themes/music-artist-pro/assets/grunge.svg) 0 0/700px;opacity:.09}
.scratch-bg{background:url(/wp-content/themes/music-artist-pro/assets/scratches.svg) center top/1500px auto repeat-y;opacity:.4}
.hero,.content{position:relative;z-index:1;max-width:var(--max);margin:0 auto}
.hero{height:clamp(270px,40vw,470px);overflow:hidden}
.band{width:100%;height:100%;object-fit:cover;object-position:50% 90%;display:block}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(transparent,var(--ink));pointer-events:none}
.lang{position:absolute;top:16px;right:16px;display:flex;z-index:3}
.lang button{font:700 22px/1 Barlow,sans-serif;padding:8px 10px;border:0;cursor:pointer;background:#000;color:var(--w)}
.lang button.on{background:var(--blue);color:#000}
.content{padding:0 24px 40px}
.edition{display:grid;grid-template-columns:5fr 6fr;gap:48px;align-items:start;margin-top:-90px}
.cover{width:100%;display:block;transform:rotate(-1.5deg);border:3px solid #eee;box-shadow:0 12px 40px #000;position:relative}
.edition-txt{padding-top:90px;text-align:right}
h1{font:400 clamp(56px,9vw,112px)/.9 Marker,"Comic Sans MS",cursive;transform:rotate(-3deg) skewX(-6deg);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:56px}
h1 .w,h1 .b{display:block;text-shadow:3px 3px 0 #000}
h1 .b{color:var(--blue);font-size:.86em;margin-top:.08em}
.plate{position:relative;display:inline-block;margin:0 auto;padding:30px 64px;font:400 clamp(20px,2.6vw,30px)/1.15 Marker,cursive;color:#0b0b0c;transform:rotate(-2deg) skewX(-6deg);background:url(/wp-content/themes/music-artist-pro/assets/brush-blue.svg) center/100% 100% no-repeat}
.se{margin-top:32px;text-align:center;letter-spacing:.42em;font-weight:700;font-size:clamp(15px,1.8vw,20px)}
.tracks{margin-top:130px}
.tl{margin:0 0 6px;display:inline-block}
.tl span{display:inline-block;padding:20px 60px 18px 42px;font:400 clamp(32px,5vw,50px)/1 Marker,cursive;color:#111;background:url(/wp-content/themes/music-artist-pro/assets/brush-white.svg) center/100% 100% no-repeat;transform:rotate(-2deg) skewX(-6deg)}
.thead,.list li{display:grid;grid-template-columns:52px 1fr 130px 130px 130px;align-items:center}
.thead{grid-template-columns:1fr 130px 130px 130px;margin:-46px 0 6px;font-size:14px;letter-spacing:.04em;text-transform:none}
.thead .h:first-child{grid-column:2}
.thead{grid-template-columns:52px 1fr 130px 130px 130px}
.thead .h{display:flex;align-items:center;gap:8px;justify-content:center}
.thead .h:nth-child(1){grid-column:3}.thead .h:nth-child(2){grid-column:4}.thead .h:nth-child(3){grid-column:5}
.thead svg{width:24px;height:24px}
.thead em{font-style:normal;font-weight:700;font-size:13px}
.list{list-style:none;border-top:1px solid #333}
.list li{border-bottom:1px solid #2c2c2c;padding:5px 0}
.n{color:#ccc;padding-left:4px}
.t{font-size:20px}
.ic{display:flex;justify-content:center;padding:4px}
.ic svg{width:22px;height:22px;transition:transform .15s}
.ic:hover svg,.ic:focus-visible svg{transform:scale(1.25)}
.ic:focus-visible,.foot a:focus-visible,.booking:focus-visible,.lang button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.dash{text-align:center;color:#777}
.bio{margin:90px auto 0;max-width:900px;text-align:center;font-size:20px;line-height:1.55;color:#e4e4e4}
.booking{display:flex;justify-content:center;align-items:stretch;margin:80px auto 0;max-width:860px;transform:rotate(-1deg)}
.bw,.bb{display:flex;align-items:center;justify-content:center;padding:26px 44px;font:400 clamp(20px,3vw,32px)/1 Marker,cursive;transform:skewX(-6deg)}
.bw{background:url(/wp-content/themes/music-artist-pro/assets/brush-white.svg) center/100% 100% no-repeat;color:#111;gap:16px;flex:0 0 auto;padding-right:70px}
.bw svg{width:52px;height:auto}.bw b{font-weight:400}
.bb{background:url(/wp-content/themes/music-artist-pro/assets/brush-blue.svg) center/100% 100% no-repeat;color:#0b0b0c;margin-left:-40px;flex:1;font-family:Barlow,sans-serif;font-weight:700;font-size:clamp(18px,2.8vw,30px)}
.foot{margin-top:70px;border-top:1px solid #555;padding-top:26px}
.foot ul{list-style:none;display:flex;justify-content:space-between;gap:20px}
.foot li+li{border-left:1px solid #555;padding-left:22px}
.foot a{display:flex;align-items:center;gap:14px;font-size:15px;line-height:1.25}
.foot svg{width:44px;height:44px;flex:none}
.foot small{display:block;font-weight:700;font-size:13px;letter-spacing:.02em}
@media(max-width:820px){
 body{font-size:16px}
 .edition{grid-template-columns:1fr;gap:20px;margin-top:-24px}
 .cover{max-width:420px;margin:0 auto}
 .edition-txt{padding-top:10px;text-align:center}
 h1{margin-bottom:36px}
 .plate{padding:24px 44px}
 .tracks{margin-top:90px}
 .thead{display:none}
 .list li{grid-template-columns:34px 1fr 40px 40px 40px;padding:8px 0}
 .t{font-size:17px}
 .tl{display:block;margin-bottom:12px}
 .bio{margin-top:70px;font-size:17px}
 .booking{flex-direction:column;align-items:center;gap:6px;transform:none}
 .bb{margin-left:0;width:100%}.bw{width:100%;padding-right:44px}
 .foot ul{flex-wrap:wrap}
 .foot li{flex:1 1 45%}.foot li+li{border:0;padding:0}
 .foot li:nth-child(3){}
}
@media(max-width:420px){.content{padding:0 14px 30px}.foot li{flex-basis:100%}.list li{grid-template-columns:28px 1fr 36px 36px 36px}}