/*
Theme Name: Brutal Worldwide
Theme URI: https://brutalworldwide.com
Author: Brutal Worldwide
Description: Minimal, typography-first theme for a music publishing & management agency. Roster entries are managed under "Roster" in the admin.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: brutal-worldwide
*/
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(assets/fonts/archivo-latin-wdth-normal.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(assets/fonts/archivo-latin-wdth-italic.woff2) format('woff2')}
:root{--bg:#ebebe8;--fg:#161616;--mut:#85857f;--line:#c6c6c1;--f:'Archivo',Helvetica,Arial,sans-serif;box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}html,body{margin:0;min-height:100%}
body{background:var(--bg);color:var(--fg);font:400 1rem/1.55 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none;cursor:pointer}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.d{font-stretch:125%;font-weight:300;letter-spacing:-.035em;line-height:.95;margin:0}
h1.d{font-size:clamp(3.4rem,12vw,10rem)}h2.d{font-size:clamp(2.6rem,9vw,7rem)}
.lbl{color:var(--mut);font-size:.85rem}.ch{display:inline-block}.logo{display:block;height:auto;max-width:100%}
.prose{max-width:62ch;margin-top:3rem}.toast{position:fixed;left:50%;top:1.5rem;transform:translate(-50%,-1rem);background:var(--fg);color:var(--bg);padding:.5rem 1rem;font-size:.8rem;opacity:0;transition:.3s;z-index:80;pointer-events:none}.toast.s{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}

.side{position:fixed;left:0;top:0;bottom:0;width:230px;padding:2rem 1.8rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);z-index:10;background:var(--bg)}
.mark{font-stretch:125%;font-weight:600;font-size:.9rem;letter-spacing:.02em;line-height:1.2}
.side nav{display:flex;flex-direction:column}.side nav a{display:flex;align-items:center;gap:.5rem;color:var(--mut);padding:.35rem 0;transition:color .3s,gap .4s}
.side nav a::before{content:"";height:1.5px;width:0;background:var(--fg);transition:width .45s cubic-bezier(.7,0,.2,1)}
.side nav a:hover,.side nav a.on{color:var(--fg)}.side nav a:hover::before,.side nav a.on::before{width:1.6rem}
.side .sm{font-size:.78rem;color:var(--mut);display:flex;flex-direction:column;gap:.2rem}.side .sm a:hover{color:var(--fg)}
main{margin-left:230px}
.bw-page{display:none;padding:4rem clamp(1.5rem,5vw,4.5rem);min-height:100vh;flex-direction:column;justify-content:center}
.bw-page.on{display:flex;animation:pin 1.2s ease .3s both}
@keyframes pin{from{opacity:0}to{opacity:1}}
.d[data-split]{overflow:hidden;padding-bottom:.12em}
.bw-page.on .ch{animation:up 1.5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*75ms + .5s)}
@keyframes up{from{transform:translateY(105%)}to{transform:none}}
.logo{width:min(100%,720px);margin-left:-1.5%}.bw-page.on .logo{animation:rev 1.9s cubic-bezier(.7,0,.2,1) .5s both}@keyframes rev{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.bw-page.on .tag,.bw-page.on .row{animation:pin 1.5s ease 1.2s both}
.tag{font-stretch:125%;font-weight:300;font-size:clamp(1.3rem,2.6vw,2.2rem);letter-spacing:-.03em;line-height:1.1;margin:2rem 0 2.4rem;max-width:20ch}
.row{display:flex;flex-wrap:wrap;gap:.9rem}
.pill{position:relative;display:inline-flex;align-items:center;gap:1rem;padding:.3rem .3rem .3rem 1.3rem;border:1.5px solid var(--fg);border-radius:99px;font:inherit;font-size:.9rem;color:var(--fg);background:transparent;cursor:pointer;transition:background-color .7s,gap .8s cubic-bezier(.2,.7,.2,1),transform .3s}
.pill i{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:50%;background:var(--fg);color:var(--bg);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.pill i svg{width:1.05rem;height:1.05rem}
.pill:hover{background-color:rgba(22,22,22,.07);gap:1.5rem}.pill:hover i{transform:scale(1.1)}.pill:active{transform:scale(.96)}
.list{margin-top:3rem;border-top:1px solid var(--line)}
.rw{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:1rem;padding:1.3rem 0;border-bottom:1px solid var(--line);transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}
.rw h3{margin:0;font-size:clamp(2.4rem,8vw,6.5rem)}.rw .meta{text-align:right;color:var(--mut);font-size:.9rem}
.meta a{display:inline-flex;align-items:center;gap:.4rem;margin-left:1.1rem;border-bottom:1px solid var(--mut);transition:color .2s,border-color .2s}.meta a:hover{color:var(--fg);border-color:var(--fg)}.meta a svg{width:.95em;height:.95em}
.rw.soon{color:var(--mut)}
.wipe{position:fixed;inset:0;z-index:70;background:var(--fg);transform:translateY(101%);pointer-events:none}.wipe.in{transform:translateY(0);transition:transform .9s cubic-bezier(.7,0,.2,1)}.wipe.out{transform:translateY(-101%);transition:transform 1s cubic-bezier(.7,0,.2,1)}
.mail{display:inline-block;margin:3rem 0 2rem;font-stretch:125%;font-weight:300;font-size:clamp(1.5rem,5.6vw,4.4rem);letter-spacing:-.035em;line-height:1.05;background:linear-gradient(var(--fg),var(--fg)) 0 100%/0 2px no-repeat;transition:background-size .6s cubic-bezier(.7,0,.2,1);padding-bottom:.15em;word-break:break-all}.mail:hover{background-size:100% 2px}
@media(max-width:820px){.side{position:fixed;right:0;bottom:auto;width:auto;flex-direction:row;align-items:center;padding:1rem 1.2rem;border-right:0;border-bottom:1px solid var(--line)}.side .sm,.mark{display:none}.side nav{flex-direction:row;gap:1.2rem}.side nav a::before{display:none}main{margin-left:0}.bw-page{padding-top:6rem}.thumb{display:block;grid-column:1/-1;width:100%;max-height:55vh;object-fit:cover}.pv{display:none}}
/* WordPress additions */
.admin-bar .side{top:32px}@media(max-width:782px){.admin-bar .side{top:46px}}
.side ul,.sm ul{list-style:none;margin:0;padding:0}.side nav ul{display:flex;flex-direction:column}
.side nav .current-menu-item>a,.side nav .current_page_item>a{color:var(--fg)}
.side nav .current-menu-item>a::before,.side nav .current_page_item>a::before{width:1.6rem}
.sm ul{display:flex;flex-direction:column;gap:.2rem}
@media(max-width:820px){.side nav ul{flex-direction:row;gap:1.2rem}}
html.bw-cover .wipe{transform:translateY(0);transition:none}
html.bw-cover .bw-page,html.bw-cover .bw-page *{animation-play-state:paused!important}
.prose h2,.prose h3{font-stretch:125%;font-weight:300;letter-spacing:-.03em;line-height:1.1;margin:2.2rem 0 .8rem}
.prose a{border-bottom:1px solid var(--mut)}.prose a:hover{border-color:var(--fg)}.prose ul,.prose ol{padding-left:1.2rem}
.prose img{max-width:100%;height:auto}
.empty{color:var(--mut);margin-top:3rem}
.screen-reader-text{position:absolute;left:-9999px}

/* v1.0.2 */
html,body{background:var(--bg)!important;color:var(--fg)!important}
.mark img{display:block;width:150px;max-width:100%;height:auto}
.prose,.prose *{font-family:var(--f)}
.prose{color:var(--fg)}.prose p,.prose li{font-weight:400}

/* v1.0.3 */
.side .mark{align-self:center}.mark img{margin:0 auto}
.side .sm span{text-transform:uppercase;white-space:nowrap}
.mfoot{display:none}
@media(max-width:820px){
 .mfoot{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem;padding:1.6rem 1.2rem calc(2rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);font-size:.78rem;color:var(--mut)}
 .mfoot ul{display:flex;gap:1.2rem;list-style:none;margin:0;padding:0}.mfoot a:hover{color:var(--fg)}
 .mfoot span{text-transform:uppercase}
}
em{font-style:italic}
/* roster: big photo under the name */
.rw{grid-template-columns:1fr auto;padding:1.6rem 0 2.4rem}
.rw .thumb-link{display:block;grid-column:1/-1;overflow:hidden}
.rw .thumb{display:block;grid-column:1/-1;width:100%;aspect-ratio:6/5;max-height:88vh;object-fit:cover;object-position:50% 25%;filter:grayscale(1) contrast(1.05);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.rw:hover .thumb{transform:scale(1.025)}
.rw .nm,.rw h3 a{background:linear-gradient(var(--fg),var(--fg)) 0 100%/0 2px no-repeat;transition:background-size .6s cubic-bezier(.7,0,.2,1);padding-bottom:.05em}
.rw .nm:hover{background-size:100% 2px}
.rw.soon .thumb{opacity:.6}
.rw .meta{align-self:end;padding-bottom:.6rem}
/* artist + news detail */
.back{color:var(--mut);font-size:.85rem;margin-bottom:1.6rem;align-self:flex-start;transition:color .25s}.back:hover{color:var(--fg)}
.role{color:var(--mut);margin:.8rem 0 0}
.hero{display:block;width:100%;max-height:88vh;aspect-ratio:6/5;object-fit:cover;object-position:50% 25%;filter:grayscale(1) contrast(1.05);margin-top:2.4rem}
.bio{margin-bottom:2rem}.bio p{margin:0 0 1.2rem}
#artist .row,#post .row{margin-top:.5rem}
.rw.nw{grid-template-columns:auto 1fr;align-items:baseline;gap:.4rem 2rem;padding:1.6rem 0}
.rw.nw .dt{color:var(--mut);font-size:.85rem;white-space:nowrap}.rw.nw h3{font-size:clamp(1.8rem,4.6vw,3.6rem)}
.rw.nw .ex{grid-column:2;margin:0;color:var(--mut);max-width:62ch}
@media(max-width:640px){.rw.nw{grid-template-columns:1fr}.rw.nw .ex{grid-column:1}}
/* old Elementor pages: force the theme look */
.prose,.prose *:not(svg):not(path){font-family:var(--f)!important;color:var(--fg)!important;background:none!important;border-color:var(--line)}
.prose p,.prose li,.prose div,.prose span,.prose td{font-size:1rem!important;line-height:1.55!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-size:clamp(1.3rem,2.2vw,1.8rem)!important;font-weight:300!important;font-stretch:125%!important;letter-spacing:-.03em!important;line-height:1.1!important;margin:2.2rem 0 .8rem!important}
.prose [class*="elementor-section"] .elementor-container{display:block!important;max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
.prose [class*="elementor-column"],.prose .elementor-widget-wrap,.prose .elementor-element{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;min-height:0!important}
.prose .elementor-widget-container{margin:0!important;padding:0!important}
.prose .elementor-widget-spacer,.prose .elementor-widget-image:not(:has(img)),.prose .elementor-column:not(:has(.elementor-widget)){display:none!important}
.prose .elementor-widget:not(:last-child){margin-bottom:1.2rem!important}