/*
Theme Name: MPSound Stage
Description: Schwarz, Silber und Signalrot. Editorial-Landingpage mit direkter Veranstaltungsanfrage.
Version: 2.0.0
Author: MPSound
Requires PHP: 8.0
*/
:root{--bg:#090909;--fg:#eeeae3;--muted:#b8b5ae;--red:#ff301e;--line:#55544f;--pad:clamp(22px,3.3vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::selection{background:var(--red);color:#080808}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;background:white;color:black;z-index:100;padding:16px}.skip:focus{top:15px}.site-header{margin:0 var(--pad);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #888;font:10px/1.5 monospace;letter-spacing:1.4px}.site-header>a{font-weight:700}.site-header nav{display:flex;gap:26px;font-size:10px}.site-header nav a:hover{color:var(--red)}.stage-hero{height:clamp(650px,57vw,1000px);position:relative;isolation:isolate;overflow:hidden;padding:0 var(--pad)}.stage-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:grayscale(1)}.stage-hero:after{position:absolute;content:'';inset:0;z-index:-1;background:linear-gradient(180deg,#0004,transparent 30%,#0002 55%,#000c),linear-gradient(90deg,#0005,transparent 65%)}.stage-hero h1{font-size:clamp(75px,17vw,330px);letter-spacing:-.075em;line-height:.9;font-weight:900;margin:32px 0 0;white-space:nowrap;transform:scaleX(1.035);transform-origin:left}.hero-baseline{position:absolute;left:var(--pad);right:var(--pad);bottom:46px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.hero-baseline h2{margin:0;font-size:clamp(30px,4.2vw,76px);line-height:.96;letter-spacing:-.055em;font-weight:900}.red-button{display:inline-flex;justify-content:space-between;gap:32px;align-items:center;background:var(--red);color:#080808;font-size:13px;font-weight:800;padding:20px 24px;min-height:60px;white-space:nowrap}.red-button:hover{background:#ff6558}.red-button span{font-size:23px}.vertical-note{position:absolute;right:var(--pad);top:45%;font:10px monospace;letter-spacing:1.5px;writing-mode:vertical-rl}.silver-band{background:#dddcd7;color:#080808;display:grid;grid-template-columns:1fr 2.2fr;gap:25px;align-items:start;padding:35px var(--pad)}.index{font:11px/1.5 monospace;letter-spacing:1px}.silver-band h2{font-size:clamp(36px,5.4vw,95px);font-weight:900;letter-spacing:-.065em;line-height:.94;margin:0}.services{padding:28px var(--pad) 65px}.service-row{display:grid;grid-template-columns:70px 1.6fr 1fr 32px;align-items:start;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.service-row .index{padding-top:9px;color:#b8b5ae}.service-row h3{font-size:clamp(27px,3.8vw,68px);line-height:1;letter-spacing:-.045em;margin:0;font-weight:800}.service-row p{margin:5px 0 0;max-width:270px;font-size:13px;line-height:1.7;color:var(--muted)}.service-row .arrow{font-size:30px;color:var(--red);text-align:right}.approach{padding:0 var(--pad) 70px;display:grid;grid-template-columns:1fr 1.6fr;gap:40px;align-items:stretch}.approach-visual{position:relative;min-height:420px;overflow:hidden;background:#191919}.approach-visual img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:25% 50%;filter:grayscale(1)}.approach-copy h2{font:italic clamp(37px,4.5vw,80px)/1.04 Georgia,serif;letter-spacing:-.04em;font-weight:400;margin:0 0 35px}.approach-copy>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:580px}.mix-photo{width:100%;height:clamp(170px,18vw,330px);object-fit:cover;filter:grayscale(1);display:block;margin-top:35px}.mp-inquiry{padding-left:var(--pad);padding-right:var(--pad);border-top-color:#888}.mp-inquiry h2{font-size:clamp(36px,4.3vw,74px)}.site-footer{margin:0 var(--pad);padding:28px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font:10px/1.7 monospace;color:var(--muted)}.footer-links{display:flex;gap:25px;flex-wrap:wrap}.footer-links a:hover{color:var(--red)}.legal-page{max-width:960px;min-height:65vh;margin:auto;padding:65px var(--pad);line-height:1.8;overflow-wrap:anywhere}.legal-page h1{font-size:clamp(35px,5vw,70px);letter-spacing:-.04em;line-height:1.1}.legal-page h2{font-size:30px;margin-top:35px}.legal-page a{color:#ff776b;text-decoration:underline}.legal-page img{max-width:100%;height:auto}.back{font:12px monospace}.no-form{padding:60px var(--pad);border-top:1px solid var(--line)}@media(min-width:1600px){.stage-hero h1{font-size:17.1vw}.hero-baseline{bottom:65px}}@media(max-width:1000px){.service-row{grid-template-columns:40px 1fr 30px;gap:15px}.service-row p{grid-column:2;grid-row:2;max-width:600px}.service-row .arrow{grid-column:3;grid-row:1}.approach{gap:25px}.approach-visual{min-height:350px}.stage-hero{height:700px}.hero-baseline h2{font-size:5.5vw}.silver-band{grid-template-columns:.7fr 2fr}}@media(max-width:600px){.site-header{padding:14px 0;font-size:8px;letter-spacing:.6px}.site-header nav{font-size:9px;gap:16px}.site-header nav a:first-child{display:none}.stage-hero{height:650px}.stage-hero h1{font-size:16vw;margin-top:30px;letter-spacing:-.075em;transform:none}.stage-photo{object-position:50% 50%}.hero-baseline{bottom:28px;flex-direction:column;align-items:flex-start;gap:25px}.hero-baseline h2{font-size:9vw;line-height:1}.red-button{padding:16px 19px;min-height:54px;font-size:12px}.vertical-note{font-size:8px;right:15px;top:34%}.silver-band{padding-top:28px;padding-bottom:30px;grid-template-columns:1fr;gap:20px}.silver-band h2{font-size:9.3vw}.index{font-size:10px}.services{padding-top:10px;padding-bottom:45px}.service-row{padding:24px 0;grid-template-columns:27px 1fr 23px;gap:10px}.service-row h3{font-size:7.2vw}.service-row p{font-size:13px}.service-row .index{padding-top:4px}.service-row .arrow{font-size:24px}.approach{grid-template-columns:1fr;padding-bottom:45px;gap:26px}.approach-visual{min-height:240px}.approach-copy h2{font-size:10vw;margin-bottom:25px}.mix-photo{height:200px;margin-top:25px}.site-footer{align-items:flex-start;flex-direction:column;gap:15px}.footer-links{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}