/*
Theme Name: Beatsteen
Author: Beatsteen / UNITED MATES
Version: 1.0.0
Requires PHP: 8.0
Description: Offizielle Beatsteen Single-Landingpage.
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101010;color:#f0e9dc;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #df694b;outline-offset:6px}.wrap{width:min(1200px,88%);margin:auto}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #35332f}.brand{display:flex;align-items:center;gap:13px;font-size:20px;letter-spacing:3px;font-weight:900}.brand img{width:52px;height:52px}.nav nav{display:flex;gap:32px;font-size:12px;letter-spacing:1.6px;text-transform:uppercase}.hero{padding:72px 0 75px;display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:#b9b3a8}.eyebrow .dot{display:inline-block;width:7px;height:7px;background:#df694b;border-radius:50%;margin-right:9px}h1{font-size:clamp(55px,6.5vw,92px);letter-spacing:-5px;line-height:.96;margin:24px 0 26px;text-transform:uppercase;font-weight:900}h1 span{color:#dc745a}.lead{color:#c1bbaf;font-size:17px;line-height:1.65;max-width:440px}.date{font-size:15px;margin:26px 0;letter-spacing:1px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:#efe7d7;color:#151515;padding:17px 23px;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;border:1px solid #efe7d7}.btn.alt{background:none;color:#efe7d7;border-color:#57534c}.art{position:relative}.art img{display:block;width:100%;box-shadow:0 24px 70px #0008}.art figcaption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;margin-top:18px;color:#a7a196;text-transform:uppercase}.art figure{margin:0}.player{margin-top:26px;border-top:1px solid #34322e;padding-top:19px}.player label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}audio{width:100%;height:38px;color-scheme:dark}.stream{padding:27px 0;border-top:1px solid #35332f;border-bottom:1px solid #35332f}.platforms{display:flex;gap:24px;flex-wrap:wrap;font-size:16px;font-weight:bold;margin-top:20px}.stream details{color:#a8a296;font-size:12px;margin-top:20px;line-height:1.8}.story{padding:72px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.story h2{font-size:36px;letter-spacing:-1.4px;line-height:1.12;margin:15px 0}.story p{color:#bcb5aa;font-size:16px;line-height:1.8;margin-top:0}.social{padding:30px 0 55px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.social-links{display:flex;gap:25px;flex-wrap:wrap;font-size:14px}footer{border-top:1px solid #35332f;padding:26px 0 34px;color:#9c968b;font-size:11px;display:flex;justify-content:space-between;gap:25px}footer nav{display:flex;gap:25px}.legal{max-width:790px;padding:65px 0 85px}.legal h1{font-size:clamp(36px,6vw,65px);letter-spacing:-2px;overflow-wrap:anywhere}.legal h2{margin-top:32px;font-size:20px}.legal p{line-height:1.75;color:#c6c0b5}.legal a{text-decoration:underline}.preview{font-size:10px;color:#aa9e8d;padding:10px 0;text-align:center;letter-spacing:1.5px;border-bottom:1px solid #282621} @media(max-width:760px){.wrap{width:88%}.nav{height:80px}.nav nav{gap:16px;font-size:10px}.brand{font-size:15px;letter-spacing:2px}.brand img{width:38px;height:38px}.hero{grid-template-columns:1fr;gap:35px;padding:40px 0}h1{font-size:61px;letter-spacing:-3.6px}.hero .art{max-width:480px}.story{grid-template-columns:1fr;gap:18px;padding:45px 0}.platforms{gap:17px;font-size:14px}.social{display:block}.social-links{margin-top:22px;gap:20px}footer{flex-direction:column}.lead{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}