/*
Theme Name: Toton x Brutal
Theme URI: https://toton2.valsze.de
Author: Toton Caribo x Brutal Collection
Description: Editorial music and streetwear storefront.
Version: 0.1.0
Text Domain: toton-brutal
*/
.brand-lockup{align-items:center;display:flex;gap:12px}.custom-logo-link img{display:block!important;height:48px!important;object-fit:cover;width:48px!important}

:root{--ink:#121212;--paper:#f0eee8;--acid:#e8ff31;--orange:#ff5630;--line:rgba(18,18,18,.24);--display:"Arial Narrow",Impact,sans-serif;--body:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px}a{color:inherit;text-decoration:none}.site-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;padding:17px 24px;position:relative;z-index:3}.brand{font-family:var(--display);font-size:27px;letter-spacing:-1px;line-height:.8;text-transform:uppercase}.brand span{display:block;font-family:var(--body);font-size:9px;font-weight:700;letter-spacing:2px;line-height:1.5;margin-top:7px}.main-nav{display:flex;gap:20px;font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.main-nav a:hover{text-decoration:underline}.utility{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.hero{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);min-height:640px}.hero-copy{align-content:end;border-right:1px solid rgba(240,238,232,.25);display:grid;padding:48px 5vw}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:1.4px;text-transform:uppercase}.hero h1,.drop-title,.section-title{font-family:var(--display);font-weight:900;letter-spacing:-3px;line-height:.82;text-transform:uppercase}.hero h1{font-size:clamp(67px,11vw,170px);margin:18px 0 26px;max-width:900px}.hero p{font-size:16px;line-height:1.45;max-width:430px}.button{border:1px solid currentColor;display:inline-flex;font-size:12px;font-weight:bold;justify-content:space-between;letter-spacing:.8px;margin-top:24px;padding:13px 16px;text-transform:uppercase;width:220px}.button:hover{background:var(--acid);color:var(--ink)}.hero-art{align-items:center;background:linear-gradient(140deg,#ff5630 0 45%,#e8ff31 45% 48%,#2530a7 48%);display:flex;justify-content:center;overflow:hidden;position:relative}.hero-art:before{border:2px solid var(--ink);border-radius:50%;content:"";height:75%;position:absolute;width:75%}.logo-mark{align-items:center;background:var(--ink);border:2px solid var(--paper);border-radius:50%;color:var(--paper);display:flex;font-family:var(--display);font-size:clamp(40px,7vw,100px);height:min(42vw,450px);justify-content:center;letter-spacing:-4px;line-height:.7;text-align:center;transform:rotate(-9deg);width:min(42vw,450px);z-index:1}.logo-mark small{display:block;color:var(--acid);font-family:var(--body);font-size:11px;letter-spacing:3px;margin-top:18px}.ticker{background:var(--acid);border-bottom:1px solid var(--ink);font-size:13px;font-weight:bold;letter-spacing:1.2px;overflow:hidden;padding:12px 0;text-transform:uppercase;white-space:nowrap}.ticker span{padding-left:24px}.shop-intro{border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.shop-art{background:#d8d4cb;min-height:490px;overflow:hidden;padding:38px;position:relative}.shop-art:after{border:2px solid var(--ink);content:"BRUTAL";font-family:var(--display);font-size:clamp(95px,16vw,250px);left:2vw;letter-spacing:-10px;line-height:.7;position:absolute;top:42%;transform:rotate(-9deg)}.shop-copy{align-content:center;border-left:1px solid var(--line);display:grid;padding:48px}.drop-title{font-size:clamp(66px,8vw,120px);margin:16px 0}.shop-copy p{line-height:1.5;max-width:410px}.section-head{align-items:end;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:24px}.section-title{font-size:clamp(50px,7vw,100px);margin:0}.section-link{font-size:12px;font-weight:bold;letter-spacing:1px;text-transform:uppercase}.product-grid{display:grid;grid-template-columns:repeat(3,1fr)}.product-card{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding-bottom:18px}.product-image{align-items:center;background:#222;color:var(--paper);display:flex;font-family:var(--display);font-size:clamp(40px,6vw,90px);height:34vw;justify-content:center;letter-spacing:-3px;text-transform:uppercase}.product-card:nth-child(2) .product-image{background:#ff5630}.product-card:nth-child(3) .product-image{background:#2530a7}.product-meta{display:flex;gap:12px;justify-content:space-between;padding:14px 16px 0}.product-meta strong{font-size:13px;text-transform:uppercase}.product-meta span{font-size:12px}.story{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.1fr .9fr}.story-copy{padding:72px 7vw}.story-copy h2{font-family:var(--display);font-size:clamp(60px,8vw,118px);letter-spacing:-3px;line-height:.83;margin:14px 0 30px;text-transform:uppercase}.story-copy p{line-height:1.55;max-width:480px}.story-art{background:#e8ff31;color:var(--ink);display:flex;font-family:var(--display);font-size:clamp(90px,14vw,200px);justify-content:center;letter-spacing:-8px;line-height:.7;min-height:430px;overflow:hidden;padding-top:120px;transform:none}.events{padding:24px}.event-row{border-top:1px solid var(--line);display:grid;gap:14px;grid-template-columns:150px 1fr auto;padding:18px 0}.event-row:last-child{border-bottom:1px solid var(--line)}.event-row strong{font-size:14px;text-transform:uppercase}.site-footer{background:var(--orange);padding:38px 24px}.footer-title{font-family:var(--display);font-size:clamp(70px,12vw,180px);letter-spacing:-5px;line-height:.72;margin:0;text-transform:uppercase}.footer-grid{display:flex;gap:28px;justify-content:space-between;margin-top:42px}.footer-grid p{font-size:12px;line-height:1.5;margin:0;max-width:380px}.page-content{margin:auto;max-width:900px;padding:70px 24px}.page-content h1{font-family:var(--display);font-size:74px;letter-spacing:-2px;text-transform:uppercase}@media(max-width:700px){.site-header{padding:14px 16px}.main-nav{display:none}.hero,.shop-intro,.story{grid-template-columns:1fr}.hero{min-height:690px}.hero-copy{border-right:0;min-height:420px;padding:35px 22px}.hero-art{min-height:270px}.logo-mark{height:220px;width:220px}.shop-copy{border-left:0;padding:35px 22px}.shop-art{min-height:300px}.product-grid{grid-template-columns:1fr}.product-image{height:85vw}.story-copy{padding:54px 22px}.story-art{min-height:250px;padding-top:70px}.event-row{grid-template-columns:1fr}.footer-grid{display:block}.footer-grid p{margin-top:28px}.utility{font-size:10px}}