/*
Theme Name: CHAOS — Underground Artist
Author: CHAOS Techno.Berlin
Description: Editierbares Artist-Block-Theme mit SoundCloud, Galerie und Booking-Formular.
Version: 2.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: chaos-underground
*/
:root{--chaos-red:#ff2929;--chaos-ink:#f4f3ee;--chaos-muted:#aaa9a5;--chaos-line:#30312f}
html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#090a09;color:var(--chaos-ink)}
.chaos-site{font-family:Arial,Helvetica,sans-serif;background:#090a09;color:var(--chaos-ink);overflow:hidden;container-type:inline-size;line-height:1.6}
.chaos-site *{box-sizing:border-box}.chaos-site p,.chaos-site figure{margin:0}.chaos-site a{color:inherit;text-decoration:none}.chaos-site a:hover{color:var(--chaos-red)}.chaos-site :is(a,button,input,textarea):focus-visible{outline:2px solid var(--chaos-red);outline-offset:5px}.chaos-site button{font:inherit;cursor:pointer}.chaos-site img{display:block;max-width:100%;height:auto}.chaos-site .shell{max-width:1440px;margin-inline:auto;padding-inline:6%}.chaos-site .mono{font-family:'Courier New',monospace;font-size:11px;line-height:1.6;letter-spacing:1.6px;text-transform:uppercase}.chaos-site .muted{color:var(--chaos-muted)}.chaos-site .red{color:var(--chaos-red)}.chaos-site em{font-style:normal;color:var(--chaos-red)}
.chaos-site .site-top{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:22px;padding-bottom:22px;border-bottom:1px solid var(--chaos-line)}.chaos-site .brand-small{width:190px}.chaos-site .site-nav{display:flex;align-items:center;gap:28px}.chaos-site .nav-booking a{border:1px solid #565752;padding:10px 16px;display:block}.chaos-site .skip-link{position:absolute;left:15px;top:-90px;background:white;color:black;padding:12px;z-index:1000}.chaos-site .skip-link:focus{top:10px}
.chaos-site .hero{padding-top:44px;padding-bottom:38px}.chaos-site .hero-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:34px}.chaos-site .hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:34px}.chaos-site h1{font-size:clamp(70px,11.8cqw,174px);line-height:.79;letter-spacing:-.085em;font-weight:900;margin:0}.chaos-site h1 .brand-sub{display:block;font-size:.29em;letter-spacing:-.055em;line-height:1.3;margin-top:19px}.chaos-site .hero-claim{margin-top:34px;font-size:clamp(25px,3.4cqw,47px);line-height:1.05;font-weight:800;letter-spacing:-1.5px;max-width:590px}.chaos-site .hero-intro{font-size:15px;line-height:1.8;color:#b7b7b0;max-width:470px;margin-top:22px}.chaos-site .hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.chaos-site .wp-block-buttons{display:flex;gap:10px;flex-wrap:wrap}.chaos-site .wp-block-button__link,.chaos-site .primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:var(--chaos-red);color:#080909;border:1px solid var(--chaos-red);border-radius:0;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:800;letter-spacing:1px;line-height:1.5;text-transform:uppercase}.chaos-site .wp-block-button__link:hover,.chaos-site .primary-button:hover{background:#ff5050;color:#080909}.chaos-site .outline .wp-block-button__link{background:transparent;color:var(--chaos-ink);border-color:#555650}.chaos-site .outline .wp-block-button__link:hover{border-color:var(--chaos-red);color:var(--chaos-red)}
.chaos-site .hero-photo{position:relative;isolation:isolate;min-height:570px;background:#101110;border:1px solid #323330}.chaos-site .hero-image{position:absolute;inset:0;z-index:-2}.chaos-site .hero-image img{height:100%;width:100%;object-fit:cover;object-position:50% 42%}.chaos-site .hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090a09cc,transparent 55%),linear-gradient(110deg,#0008,transparent 55%);z-index:-1;pointer-events:none}.chaos-site .photo-top{position:absolute;top:22px;left:22px;right:22px;display:flex;justify-content:space-between}.chaos-site .photo-top .red{border-top:2px solid var(--chaos-red);padding-top:7px}.chaos-site .photo-bottom{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:end;gap:20px}.chaos-site .photo-caption{font-size:38px;line-height:.95;font-weight:800;letter-spacing:-1px;-webkit-text-stroke:1px white;color:transparent}.chaos-site .vertical-code{position:absolute;right:12px;top:40%;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#bbb}.chaos-site .hero-bottom{margin-top:35px;display:flex;justify-content:space-between;border-top:1px solid var(--chaos-line);padding-top:20px}.chaos-site .signal-strip{background:var(--chaos-red);color:#080909;text-align:center;font-weight:800;letter-spacing:3px;font-size:12px;padding:15px 5%;line-height:1.6}
.chaos-site .section{padding-top:92px;padding-bottom:92px;border-bottom:1px solid var(--chaos-line);scroll-margin-top:25px}.chaos-site .section-heading{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-bottom:42px}.chaos-site h2{font-size:clamp(40px,5.6cqw,80px);line-height:.96;letter-spacing:-.055em;font-weight:900;margin:0}.chaos-site h3{font-size:27px;line-height:1.15;letter-spacing:-1px;margin:0}.chaos-site .section-index{color:var(--chaos-red);padding-top:8px;flex-shrink:0}.chaos-site .about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.chaos-site .about-lead{font-size:clamp(23px,2.7cqw,37px);line-height:1.3;letter-spacing:-.7px;margin-bottom:26px}.chaos-site .body-copy{font-size:15px;line-height:1.85;color:#b5b5ad;max-width:700px}.chaos-site .body-copy p+p{margin-top:20px}.chaos-site .artist-facts{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--chaos-line);padding-top:22px}.chaos-site .fact-big{font-size:26px;font-weight:800;letter-spacing:-1px}.chaos-site .about-side{border-left:2px solid var(--chaos-red);padding-left:24px;margin-top:35px;max-width:350px}.chaos-site .sound-intro{max-width:600px;margin-bottom:30px}.chaos-site .sound-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chaos-site .sound-card{border:1px solid var(--chaos-line);padding:28px;background:#101210}.chaos-site .sound-card h3{margin:18px 0 12px}.chaos-site .sound-card .set-info{font-size:12px;color:#b6b6af;line-height:1.6;min-height:42px}.chaos-site .sound-widget{margin-top:26px;border-top:1px solid #30332f;padding-top:24px}.chaos-site .waveform{height:65px;background:repeating-linear-gradient(90deg,#ff2929 0 2px,transparent 2px 6px);clip-path:polygon(0 45%,5% 30%,10% 48%,15% 10%,20% 30%,25% 0,30% 37%,35% 15%,40% 45%,45% 5%,50% 20%,55% 0,60% 33%,65% 15%,70% 40%,75% 5%,80% 33%,85% 20%,90% 40%,95% 25%,100% 45%,100% 55%,95% 75%,90% 60%,85% 80%,80% 67%,75% 95%,70% 60%,65% 85%,60% 67%,55% 100%,50% 80%,45% 95%,40% 55%,35% 85%,30% 63%,25% 100%,20% 70%,15% 90%,10% 52%,5% 70%,0 55%);opacity:.8;margin-bottom:20px}.chaos-site .sound-consent{font-size:12px;line-height:1.6;color:#aaa;max-width:430px;margin-bottom:18px}.chaos-site .direct-sound{display:block;margin-top:16px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.chaos-site iframe{display:block;border:0;max-width:100%}.chaos-site .sound-outro{margin-top:25px}
.chaos-site .events-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.chaos-site .resident-card{padding:22px 0;border-bottom:1px solid var(--chaos-line)}.chaos-site .resident-card h3{margin-top:10px}.chaos-site .reference-list{font-size:14px;line-height:2;color:#ccc;margin-top:22px}.chaos-site .upcoming{background:#141613;border:1px solid var(--chaos-line);padding:30px;display:flex;flex-direction:column;justify-content:center}.chaos-site .upcoming h3{margin:18px 0}.chaos-site .upcoming .wp-block-buttons{margin-top:28px}
.chaos-site .booking-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.chaos-site .booking-lead h2{font-size:clamp(40px,5.7cqw,82px);margin:20px 0 28px}.chaos-site .booking-address{font-size:clamp(16px,1.8cqw,25px);margin-top:30px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:8px}.chaos-site .booking-note{font-size:12px;color:#b5b5ad;margin-top:25px}.chaos-site .booking-form{padding:30px;background:#121411;border:1px solid var(--chaos-line)}.chaos-site .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.chaos-site .form-field.full{grid-column:1/-1}.chaos-site label{display:block;font-size:11px;letter-spacing:.7px;text-transform:uppercase;margin-bottom:9px;color:#c9c9c2}.chaos-site input,.chaos-site textarea{display:block;width:100%;border:1px solid #42443d;background:#090b09;color:white;padding:13px 12px;font:inherit;font-size:14px;border-radius:0;color-scheme:dark}.chaos-site textarea{resize:vertical;min-height:130px}.chaos-site .form-help{font-size:11px;color:#a4a69c;line-height:1.7;margin:20px 0}.chaos-site .form-help a{text-decoration:underline}.chaos-site .form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.chaos-site .form-notice{border-left:3px solid var(--chaos-red);padding:18px;background:#21241d;margin-bottom:20px;font-size:14px}.chaos-site .preview-message{color:#aaa;font-size:12px;margin-top:16px}
.chaos-site .social-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chaos-site .social-card{border:1px solid var(--chaos-line);padding:30px;position:relative}.chaos-site .social-card h3{font-size:36px;margin:15px 0}.chaos-site .social-card .social-link{margin-top:25px;font-size:14px}.chaos-site .social-card a{display:inline-block;border-bottom:1px solid var(--chaos-red);padding-bottom:5px}.chaos-site .gallery-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.chaos-site .gallery-image{position:relative;border:1px solid var(--chaos-line)}.chaos-site .gallery-image img{width:100%;height:420px;object-fit:cover;filter:grayscale(1);opacity:.83}.chaos-site figcaption{font-family:'Courier New',monospace;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#b4b4ab;padding:14px 15px;border-top:1px solid var(--chaos-line)}.chaos-site .gallery-outro{margin-top:25px;font-size:13px}.chaos-site .site-footer{padding-top:44px;padding-bottom:35px}.chaos-site .footer-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.chaos-site .footer-brand{font-size:26px;font-weight:900;letter-spacing:-1px}.chaos-site .footer-socials{display:flex;gap:25px}.chaos-site .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--chaos-line);padding-top:24px;margin-top:32px}.chaos-site .legal-links{display:flex;gap:20px;font-size:12px}.chaos-site .entry{padding-block:70px}.chaos-site .entry h1{font-size:clamp(35px,6cqw,72px);line-height:1.1;letter-spacing:-2px;margin-bottom:35px}.chaos-site .entry h2{font-size:35px;line-height:1.2;margin-top:30px;margin-bottom:15px}.chaos-site .entry p{margin-bottom:20px}.chaos-site .entry a{text-decoration:underline}.chaos-site .entry{overflow-wrap:anywhere}.chaos-site .wp-block-query-pagination{display:flex;gap:20px}.chaos-site .wp-block-post{margin-bottom:45px}.chaos-site .wp-block-post-title{margin-bottom:15px}.chaos-site .wp-block-post-content{max-width:100%}
@container(max-width:950px){.chaos-site .hero-grid{grid-template-columns:1fr 1fr;gap:24px}.chaos-site .hero-photo{min-height:510px}.chaos-site .site-nav{gap:16px}.chaos-site .hero-claim{letter-spacing:-1px}.chaos-site .about-grid,.chaos-site .booking-grid{gap:35px}.chaos-site .sound-card{padding:22px}.chaos-site .booking-form{padding:22px}.chaos-site .section{padding-block:65px}.chaos-site .gallery-image img{height:340px}}
@container(max-width:680px){.chaos-site .shell{padding-inline:6%}.chaos-site .site-top{flex-wrap:wrap;gap:20px}.chaos-site .brand-small{width:150px}.chaos-site .site-nav{gap:15px;flex-wrap:wrap}.chaos-site .site-nav .mono{font-size:10px;letter-spacing:.5px}.chaos-site .site-nav .nav-booking a{padding:7px 10px}.chaos-site .hero{padding-top:25px}.chaos-site .hero-meta{font-size:9px;gap:15px;margin-bottom:30px}.chaos-site .hero-meta .mono{font-size:9px;letter-spacing:.8px}.chaos-site .hero-grid,.chaos-site .about-grid,.chaos-site .sound-grid,.chaos-site .events-grid,.chaos-site .booking-grid,.chaos-site .social-grid,.chaos-site .gallery-grid{grid-template-columns:1fr}.chaos-site h1{font-size:clamp(75px,24cqw,160px)}.chaos-site h1 .brand-sub{margin-top:16px}.chaos-site .hero-claim{font-size:34px;max-width:400px;margin-top:26px}.chaos-site .hero-intro{font-size:14px}.chaos-site .hero-photo{min-height:430px;margin-top:15px}.chaos-site .hero-bottom{gap:20px;font-size:9px}.chaos-site .hero-bottom .mono{font-size:9px}.chaos-site .signal-strip{font-size:9px;letter-spacing:1.5px}.chaos-site .section-heading{gap:18px;margin-bottom:28px}.chaos-site h2{font-size:43px}.chaos-site .section-index{font-size:9px;letter-spacing:.7px}.chaos-site .section{padding-block:55px}.chaos-site .about-grid{gap:30px}.chaos-site .about-lead{font-size:26px}.chaos-site .about-side{margin-top:25px;max-width:100%}.chaos-site .events-grid{gap:30px}.chaos-site .booking-lead h2{font-size:50px}.chaos-site .booking-grid{gap:30px}.chaos-site .booking-address{font-size:20px}.chaos-site .form-grid{grid-template-columns:1fr}.chaos-site .form-field{grid-column:1}.chaos-site .gallery-image img{height:320px}.chaos-site .footer-top,.chaos-site .footer-bottom{flex-direction:column;align-items:start}.chaos-site .footer-socials{flex-wrap:wrap}.chaos-site .sound-card h3{font-size:25px}.chaos-site .hero-buttons .wp-block-button__link{font-size:10px;padding:14px 15px}.chaos-site .sound-widget{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chaos-site *{animation:none!important;transition:none!important}}

.chaos-site .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chaos-site .brand-small{height:65px;overflow:hidden}.chaos-site .brand-small img{height:100%;width:100%;object-fit:cover}.chaos-site .brand-hero{width:100%;aspect-ratio:2.9;overflow:hidden}.chaos-site .brand-hero img{width:100%;height:100%;object-fit:cover}.chaos-site .hero-photo{min-height:590px}