/*
Theme Name: Oscars Garage
Description: Schlankes, individuell anpassbares Block-Theme. Erster Gestaltungsentwurf für oscars-garage.de.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: oscars-garage
*/
:root{--paper:#eee9df;--ink:#171918;--orange:#ef743b;--muted:#a7aaa1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.wp-site-blocks{overflow:hidden}.og-shell{max-width:1320px;margin:auto;padding:0 5vw}.og-header{padding-top:28px;padding-bottom:28px;border-bottom:1px solid #ffffff26}.og-wordmark{font-size:20px;font-weight:900;letter-spacing:-1px;line-height:.95;margin:0}.og-wordmark a{text-decoration:none}.og-wordmark span{color:var(--orange)}.og-nav a{font-size:13px;text-decoration:none}.og-nav{display:flex;gap:25px;flex-wrap:wrap}.og-eyebrow{font-size:11px!important;text-transform:uppercase;letter-spacing:3px;font-weight:700}.og-hero{padding-top:80px;padding-bottom:70px;position:relative}.og-hero h1{font-size:clamp(60px,8.5vw,124px);font-weight:900;line-height:.9;letter-spacing:-.075em;margin:24px 0 30px;max-width:940px}.og-hero h1 em{font-style:normal;color:var(--orange)}.og-lead{font-size:18px;line-height:1.65;max-width:490px;color:#c9cbc2}.og-subline{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#adafa5;margin-top:34px}.og-hero .wp-block-button__link{background:var(--orange);color:#171918;border-radius:0;padding:17px 25px;font-size:13px;font-weight:700}.og-hero .is-style-outline .wp-block-button__link{background:transparent;color:var(--paper);border:1px solid #707368}.og-band{background:var(--orange);color:var(--ink);padding:15px 5vw;font-size:12px;font-weight:700;letter-spacing:2px;text-align:center}.og-section{padding-top:80px;padding-bottom:80px}.og-section h2{font-size:clamp(36px,5vw,65px);line-height:1;letter-spacing:-.055em;margin:18px 0 36px}.og-light{background:var(--paper);color:var(--ink)}.og-card{border-top:1px solid #17191850;padding-top:22px;padding-bottom:15px;min-height:250px}.og-number{font-family:monospace;font-size:12px;color:#736f64}.og-card h3{font-size:27px;letter-spacing:-1px;margin:35px 0 16px}.og-card p{font-size:15px;line-height:1.7;max-width:310px}.og-note{font-size:12px;line-height:1.7;color:#66665d;border-top:1px solid #17191835;padding-top:20px}.og-editorial{border-top:1px solid #ffffff30;padding:24px 0}.og-editorial h3{font-size:25px;margin:15px 0;letter-spacing:-.7px}.og-editorial p{color:#b8bbae;font-size:15px;line-height:1.7}.og-contact{background:#272b26}.og-contact p{max-width:600px;line-height:1.7}.og-contact .og-eyebrow{color:var(--orange)}.og-footer{padding-top:35px;padding-bottom:35px;color:#b5b7ac;font-size:12px}.og-footer a{font-size:12px}.og-draft{background:#d3c6a7;color:#27251f;text-align:center;padding:9px 20px;font-size:11px;letter-spacing:.5px}.og-content{padding-top:70px;padding-bottom:70px;min-height:50vh}.og-art{position:relative;min-height:200px;border:1px solid #ffffff25;margin-top:46px;padding:22px;overflow:hidden;background:radial-gradient(ellipse at 65% 100%,#65706045,transparent 70%)}.og-art:before{content:'';position:absolute;width:85%;height:70%;left:10%;top:39%;border:2px solid #a3ad9755;border-radius:60% 50% 15% 10%;transform:skewX(-12deg)}.og-art:after{content:'';position:absolute;width:20%;height:10px;right:7%;bottom:26%;background:var(--orange);box-shadow:0 0 35px #ef743b80;transform:skewX(-15deg)}.og-art p{position:relative;z-index:1;color:#a5ad9c;font-family:monospace;font-size:11px;letter-spacing:2px}.og-skip{position:absolute;top:-100px;left:20px;z-index:100;background:white;color:black;padding:12px}.og-skip:focus{top:10px}@media(max-width:650px){.og-header{padding-top:22px;padding-bottom:22px}.og-nav{gap:14px}.og-hero{padding-top:48px;padding-bottom:45px}.og-section{padding-top:52px;padding-bottom:52px}.og-hero h1{font-size:64px}.og-lead{font-size:16px}.og-art{min-height:150px}.og-band{font-size:10px;line-height:1.8}.og-header .wp-block-group{gap:24px!important}.og-card{min-height:0;padding-bottom:20px}.og-section .wp-block-columns{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}