@font-face{font-family:Roboto;src:url('assets/roboto-regular-48c3fa6f86c5.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url('assets/roboto-bold-b4d07892cde7.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url('assets/roboto-black-edcdf3f60252.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
:root{--ink:#101113;--dark:#17181a;--panel:#202124;--red:#e52338;--red-bright:#ff4052;--paper:#ededed;--muted:#a6a6aa;--line:#363739;--container:1280px;--focus-ring:#ff4052}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:#f5f5f5;font:400 1rem/1.65 Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}body,button,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}p+p{margin-top:18px}button{color:inherit}::selection{background:var(--red);color:white}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:6px}.container{width:calc(100% - 112px);max-width:var(--container);margin-inline:auto}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;left:16px;top:-100px;padding:10px 20px;background:white;color:black;z-index:100}.skip-link:focus{top:12px}.site-header{height:100px;background:#bcbdbf;color:#17181a;position:sticky;top:0;z-index:30;border-bottom:1px solid #a2a3a6}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:block;flex-shrink:0;width:420px;line-height:1}.brand img{width:100%;height:auto}.navigation{display:flex;align-items:center;gap:32px;margin-left:auto}.navigation a{font-weight:700;font-size:.9rem;white-space:nowrap;position:relative;padding-block:16px}.navigation a::after{content:'';position:absolute;bottom:7px;height:2px;left:0;width:0;background:var(--red);transition:width .2s}.navigation a:hover::after,.navigation a[aria-current=location]::after{width:100%}.header-phone{display:flex;align-items:center;gap:12px;font-weight:700;font-size:.95rem;border-left:1px solid #8d8e91;padding-left:30px;white-space:nowrap} .header-phone .icon{color:#ad1326;width:18px}.menu-toggle{display:none}.hero{min-height:700px;height:calc(100svh - 100px);max-height:940px;position:relative;isolation:isolate;display:flex;align-items:center;background:#101113;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 26%;z-index:-2}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:62% 65%;filter:saturate(.58)}.hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101113 0%,rgba(16,17,19,.90) 13%,rgba(16,17,19,.45) 39%,rgba(16,17,19,.10) 76%),linear-gradient(0deg,#101113 0%,transparent 25%,rgba(16,17,19,.1) 90%)}.hero-content{position:relative;padding-block:70px 130px}.eyebrow{display:flex;align-items:center;gap:11px;text-transform:uppercase;letter-spacing:.17em;font-size:.78rem;font-weight:700;line-height:1.5;margin-bottom:28px}.eyebrow>span{width:26px;height:3px;display:block;background:var(--red);flex-shrink:0}.hero h1{font-size:clamp(3.8rem,6.25vw,6.25rem);line-height:1.02;letter-spacing:-.055em;font-weight:900;max-width:900px}.hero h1 em{color:var(--red-bright);font-style:normal}.hero-copy{font-size:1.06rem;line-height:1.8;color:#c9c9cc;max-width:485px;margin-top:30px}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:34px}.button{min-height:54px;padding:15px 24px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:.91rem;font-weight:700;line-height:1.3;border:1px solid transparent;border-radius:0;transition:background .2s,border-color .2s}.button-red{background:var(--red);color:white}.button-red:hover{background:#be1125}.button-light{background:#f6f6f6;color:#161719}.button-light:hover{background:#dcdcdc}.text-link{font-size:.9rem;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;text-decoration-color:#67686b}.text-link:hover{text-decoration-color:var(--red-bright);color:var(--red-bright)}.hero-bottom{position:absolute;bottom:29px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.10em;color:#b2b3b5}.hero-bottom p+p{margin-top:0}.hero-bottom span{color:var(--red-bright);margin:0 12px}.info-overline{display:block;color:#a5a5aa;text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.13em;margin-bottom:6px}.section-space{padding-block:110px}h2{font-size:clamp(2.4rem,4.15vw,4.05rem);font-weight:900;line-height:1.03;letter-spacing:-.045em}.workshop{background:var(--ink)}.workshop-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:100px;align-items:center}.workshop-text>p:not(.eyebrow){color:#b6b6bb;max-width:540px}.workshop-text .large-copy{color:#f1f1f1!important;margin-top:30px;margin-bottom:23px}.large-copy{font-size:1.3rem;line-height:1.5;font-weight:700}.workshop-features{border-top:1px solid var(--line);margin-top:32px;padding-top:23px;display:flex;flex-wrap:wrap;gap:14px 30px;font-size:.9rem;font-weight:700}.workshop-features span{display:flex;align-items:center;gap:9px}.workshop-features .icon{color:var(--red-bright);width:18px}.workshop-photo{height:565px;position:relative;overflow:hidden}.workshop-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 64%;filter:saturate(.60)}.workshop-photo::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85));pointer-events:none}.workshop-photo figcaption{position:absolute;z-index:1;bottom:28px;left:28px;right:28px;display:flex;align-items:flex-end;justify-content:space-between;font-size:1.08rem;font-weight:900;line-height:1.2;letter-spacing:-.02em}.caption-accent{font-size:4.2rem;color:var(--red-bright);line-height:.8;font-weight:700}.services{background:var(--paper);color:#17181a}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:64px;margin-bottom:54px}.section-heading>.eyebrow{color:#515154}.section-heading>p{max-width:365px;color:#616164;padding-bottom:5px}.us-cars{display:grid;grid-template-columns:1.05fr 1fr;background:var(--dark);min-height:620px}.us-photo{min-height:620px}.us-photo img{width:100%;height:100%;object-fit:cover;object-position:39% center;filter:saturate(.7)}.us-content{padding:78px clamp(36px,5vw,90px);align-self:center}.us-content h2{font-size:clamp(2.15rem,3.05vw,3.3rem)}.us-content .large-copy{margin-top:30px;color:#f4f4f4}.us-content>p:not(.eyebrow):not(.large-copy){margin-top:20px;color:#b7b7bd;max-width:510px}.us-content .button{margin-top:30px}.contact{background:var(--ink)}.contact .section-heading>p{color:#a6a6ac}.contact h2 em{font-style:normal;color:var(--red-bright)}.contact-grid{display:grid;grid-template-columns:1fr .92fr;gap:90px;margin-bottom:64px}.contact-line{padding:25px 0;border-top:1px solid var(--line)}.contact-phone{font-size:clamp(2rem,3.5vw,3.4rem);font-weight:900;letter-spacing:-.03em;line-height:1.25;display:inline-block}.contact-email{font-size:clamp(1.1rem,1.95vw,1.8rem);letter-spacing:-.02em;overflow-wrap:anywhere}.contact-line a:hover{color:var(--red-bright)}.address{display:flex;gap:17px;align-items:flex-start;margin-top:23px;color:#b9b9bf}.address .icon{color:var(--red-bright);margin-top:5px}address{font-style:normal}address strong{font-weight:700;color:#f5f5f5}.hours{background:#202124;padding:32px 38px;border-top:3px solid var(--red);align-self:start}.hours h3{font-size:1.4rem;font-weight:700;margin-bottom:24px;letter-spacing:-.02em}.hours-row{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding-block:21px;border-top:1px solid #454549;font-size:.95rem}.hours-row strong{font-size:.92rem;font-weight:700}.hours-row p{white-space:nowrap;color:#e3e3e7;line-height:1.7}.hours-note{color:#a9a9af;font-size:.85rem;line-height:1.6;padding-top:13px;border-top:1px solid #454549}.directions{height:350px;display:grid;grid-template-columns:1fr 1fr;background:#27282b;overflow:hidden}.directions>img{width:100%;height:350px;object-fit:cover;object-position:center 64%;filter:saturate(.65)}.directions-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px 50px}.directions-content h3{font-size:2rem;line-height:1.06;letter-spacing:-.035em;font-weight:900;margin-top:9px}.directions-content>p{color:#babac0;margin:16px 0 22px;font-size:.94rem}.directions .button{font-size:.88rem;min-height:49px;padding:12px 19px}.mobile-contact{display:none}
@media(min-width:1600px){.hero-content{padding-top:80px}.hero h1{font-size:7rem}.hero-image{inset-inline-start:30%}}
@media(max-width:1200px){.container{width:calc(100% - 72px)}.header-inner{gap:25px}.brand{width:350px}.navigation{gap:22px}.header-phone{padding-left:21px;font-size:.85rem;gap:9px}.workshop-grid{gap:60px}.workshop-photo{height:520px}.contact-grid{gap:50px}.hours{padding:28px}.us-content{padding:60px 36px}.hero-copy{max-width:430px}.hero-image{inset-inline-start:18%}}
@media(max-width:1000px){.site-header .brand{width:32vw}.header-phone span{display:none}.header-phone .icon{width:22px;height:22px}.hero{min-height:650px}.hero h1{font-size:7.3vw}.hero-image{inset-inline-start:10%}.hero-image::after{background:linear-gradient(90deg,#101113 0%,rgba(16,17,19,.8) 24%,rgba(16,17,19,.18) 100%),linear-gradient(0deg,#101113 0%,transparent 35%)}.section-space{padding-block:80px}.workshop-grid{gap:40px;grid-template-columns:1.15fr 1fr}.workshop-photo{height:560px}.workshop-text>p{font-size:.97rem}.workshop-text .large-copy{font-size:1.16rem}.workshop-features{gap:12px}.section-heading{gap:40px}.section-heading>p{max-width:310px}.us-cars{grid-template-columns:1fr 1fr}.us-content{padding:55px 30px}.us-photo{min-height:640px}.us-content h2{font-size:2.1rem}.contact-grid{gap:40px;grid-template-columns:1fr 1fr}.hours-row{display:block}.hours-row p{margin-top:9px}.directions-content{padding:32px}}
@media(max-width:760px){html{scroll-padding-top:78px}.container{width:calc(100% - 44px)}body{padding-bottom:calc(59px + env(safe-area-inset-bottom))}.site-header{height:78px}.header-inner{gap:12px}.site-header .brand{width:calc(100% - 99px);max-width:420px}.header-phone{margin-left:auto;padding:9px 0 9px 15px;border:0;min-width:36px;justify-content:center}.menu-toggle{display:flex;width:34px;min-height:44px;flex-shrink:0;flex-direction:column;justify-content:center;gap:7px;background:none;border:0;padding:6px;cursor:pointer}.menu-toggle span{height:2px;width:23px;background:#17181a;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.navigation{display:none;position:absolute;top:77px;left:0;right:0;background:#bcbdbf;padding:19px 22px 28px;border-bottom:1px solid #919295;margin:0;box-shadow:0 20px 30px #0005}.navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.navigation a{font-size:1.05rem;padding:14px;border-bottom:1px solid #98999c}.navigation a::after{display:none}.hero{height:auto;min-height:690px;max-height:none;align-items:flex-end}.hero-image{inset:0 0 0 0}.hero-image img{object-position:57% top}.hero-image::after{background:linear-gradient(0deg,#101113 0%,rgba(16,17,19,.95) 27%,rgba(16,17,19,.74) 60%,rgba(16,17,19,.12) 100%)}.hero-content{padding-top:200px;padding-bottom:92px}.hero .eyebrow{font-size:.75rem;letter-spacing:.115em;margin-bottom:21px}.hero h1{font-size:clamp(2.45rem,10.8vw,4.6rem);line-height:1.02;letter-spacing:-.05em}.hero-copy{font-size:1rem;max-width:480px;margin-top:22px;line-height:1.7;color:#d1d1d5}.hero-actions{gap:24px;margin-top:27px;flex-wrap:wrap}.hero-actions .button{padding:15px 18px;min-height:51px;font-size:.86rem}.hero-actions .text-link{font-size:.84rem}.hero-bottom{bottom:25px;font-size:.75rem;letter-spacing:.06em}.hero-bottom p:last-child{display:none}.info-overline{font-size:.75rem;letter-spacing:.1em}.section-space{padding-block:67px}.eyebrow{margin-bottom:21px;font-size:.75rem}.workshop-grid{grid-template-columns:1fr;gap:35px}.workshop-photo{height:420px}.workshop-photo>img{object-position:50% 65%}.workshop-photo figcaption{font-size:1rem;bottom:24px;left:24px;right:24px}h2{font-size:clamp(2.3rem,8.1vw,3.5rem);line-height:1.05}.workshop-text .large-copy{font-size:1.2rem;margin-top:25px}.workshop-text>p:not(.eyebrow){font-size:1rem;max-width:none}.workshop-features{gap:16px 24px;font-size:.86rem}.section-heading{display:block;margin-bottom:32px}.section-heading>p{max-width:100%;margin-top:25px;padding:0;font-size:1rem}.us-cars{display:flex;flex-direction:column}.us-photo{min-height:0;height:370px}.us-photo img{object-position:50% 63%}.us-content{padding:45px 22px 58px}.us-content h2{font-size:clamp(2.05rem,7.3vw,3rem)}.us-content .large-copy{font-size:1.2rem;margin-top:24px}.us-content .button{font-size:.88rem}.contact-grid{grid-template-columns:1fr;gap:34px;margin-bottom:35px}.contact-phone{font-size:2.8rem}.contact-email{font-size:1.45rem}.contact-line{padding-block:21px}.contact-line .info-overline{margin-bottom:9px}.hours{padding:27px}.hours-row{display:flex;gap:15px}.hours-row p{margin-top:0;font-size:.9rem}.hours-row strong{font-size:.86rem}.hours h3{font-size:1.3rem}.hours-note{font-size:.86rem}.directions{height:auto;grid-template-columns:1fr}.directions>img{height:250px;object-position:center 60%}.directions-content{padding:32px 27px 35px}.directions-content h3{font-size:2rem}.directions-content p{font-size:.88rem}.mobile-contact{position:fixed;z-index:40;bottom:0;left:0;right:0;background:#1c1d1f;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #47474c;padding-bottom:env(safe-area-inset-bottom)}.mobile-contact a{display:flex;justify-content:center;align-items:center;min-height:58px;font-size:.88rem;font-weight:700;gap:10px}.mobile-contact a:first-child{background:var(--red);color:white}.mobile-contact a:last-child:hover{background:#333}.mobile-contact .icon{width:18px;height:18px}}
@media(max-width:380px){.container{width:calc(100% - 36px)}.header-inner{gap:12px}.hero-actions{gap:22px}.hero-actions .button{padding:14px}.hero .eyebrow{font-size:.75rem}.hero-content{padding-top:190px}.hero{min-height:675px}.contact-phone{font-size:2.5rem}.contact-email{font-size:1.25rem}.hours{padding:24px 20px}.hours-row{gap:12px}.workshop-features{font-size:.81rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{body{background:white;color:black;padding:0}.site-header,.hero-image,.mobile-contact,.us-photo,.workshop-photo,.directions,.site-footer{display:none}.hero{min-height:0;height:auto}.hero-content{padding:20px 0}.hero-bottom{display:none}.container{width:100%}.section-space{padding:30px 0}.workshop-grid,.contact-grid{display:block}.hero-copy,.workshop-text>p,.contact p,.us-content p{color:#333!important}.us-cars{display:block}.us-content{padding:25px}.hours{margin-top:25px;background:#eee;color:black}.hours-row p{color:#222}.button{color:black;background:white;border:1px solid #555}h1,h2,h3{color:black}.contact-details a{color:black}}

/* Readable content at every viewport. */
.workshop-text>p:not(.eyebrow),.directions-content>p{font-size:1rem}

/* Open service list: readable text, no tile backgrounds or decorative numbering. */
.service-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:88px;margin-bottom:58px}
.service-intro h2{font-size:clamp(3rem,5.25vw,5rem);font-weight:900;line-height:1.02;letter-spacing:-.055em}
.service-intro>p{max-width:460px;font-size:1.2rem;line-height:1.65;color:#525359;padding-bottom:5px}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:88px}
.service-line{border-top:1px solid #a9aaae;padding:28px 0 32px}
.service-line h3{font-size:clamp(1.35rem,2.05vw,1.85rem);line-height:1.2;font-weight:700;letter-spacing:-.035em;hyphens:auto;overflow-wrap:break-word}
.service-line p{max-width:465px;margin-top:13px;font-size:1rem;line-height:1.65;color:#595a5f}
.service-line h3 a{text-decoration:underline;text-decoration-color:#a7a8ac;text-decoration-thickness:1px;text-underline-offset:7px}
.service-line h3 a:hover{color:#a80e23;text-decoration-color:#a80e23}
.service-contact{display:flex;justify-content:space-between;align-items:center;gap:36px;margin-top:26px;padding-top:34px;border-top:2px solid #17181a}
.service-contact p{font-size:1rem;line-height:1.6;color:#56575c}
.service-contact strong{font-size:1.2rem;font-weight:700;color:#17181a}
.service-contact>a{font-size:clamp(1.7rem,3vw,2.7rem);font-weight:700;line-height:1.2;letter-spacing:-.035em;color:#b20e24;white-space:nowrap}
.service-contact>a:hover{color:#17181a}
@media(max-width:1000px){.service-intro,.service-list{column-gap:46px}.service-intro{margin-bottom:45px}.service-intro>p{font-size:1.1rem}.service-line{padding:25px 0 29px}}
@media(max-width:760px){.service-intro{display:block;margin-bottom:37px}.service-intro h2{font-size:clamp(2.9rem,11vw,4.5rem)}.service-intro>p{font-size:1.05rem;max-width:100%;margin-top:25px;padding:0}.service-list{grid-template-columns:minmax(0,1fr)}.service-line{padding:24px 0 27px}.service-line h3{font-size:clamp(1.3rem,6.1vw,1.6rem)}.service-line p{max-width:100%;margin-top:10px}.service-contact{display:block;margin-top:10px;padding-top:28px}.service-contact>a{display:inline-block;margin-top:19px;font-size:2.1rem}}
@media print{.service-intro{display:block;margin-bottom:25px}.service-list{column-gap:30px}.service-line{break-inside:avoid}.service-contact{break-inside:avoid}}

/* Compact, continuous brand strip beneath the hero. */
.brand-divider{background:#27282b;border-top:1px solid #38393d;border-bottom:1px solid #38393d}
.brand-divider-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px;padding-block:23px}
.brand-divider p{font-size:clamp(1.35rem,2.5vw,2rem);font-weight:900;font-style:italic;line-height:1.15;letter-spacing:-.025em;color:#f4f4f5}
.brand-divider-accent{display:block;flex-shrink:0;width:62px;height:30px;border-left:10px solid var(--red);border-right:25px solid var(--red);transform:skewX(-18deg);margin-right:6px}
@media(max-width:760px){.brand-divider-inner{min-height:72px;padding-block:20px;gap:20px}.brand-divider p{font-size:clamp(1.22rem,5.4vw,1.6rem)}.brand-divider-accent{width:38px;height:25px;border-left-width:6px;border-right-width:15px;margin-right:5px}}
@media print{.brand-divider{background:#eee;border-color:#aaa}.brand-divider p{color:#111}}


/* A larger brand mark and its red slashes give the footer a visual finish. */
.site-footer{border-top:1px solid #a2a3a6;background:#bcbdbf;color:#17181a}
.footer-main{display:grid;grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);align-items:center;gap:46px;padding-block:48px 36px}
.footer-identity{min-width:0}
.footer-brand{width:min(100%,480px)}
.footer-identity p{margin-top:20px;font-size:.875rem;line-height:1.5;color:#414247}
.footer-mark{display:flex;justify-content:center;gap:15px;height:96px;transform:skewX(-18deg);pointer-events:none}
.footer-mark span{display:block;width:22px;background:var(--red)}
.footer-mark span:last-child{width:55px}
.footer-contact-links{display:flex;flex-direction:column;align-items:flex-start;justify-self:end;gap:7px;min-width:0}
.footer-contact-links a{display:flex;align-items:center;gap:14px;min-height:44px}
.footer-contact-links a:hover{color:#981022}
.footer-contact-links .icon{width:21px;height:21px;color:#981022}
.footer-phone{font-size:clamp(1.4rem,2.25vw,1.9rem);line-height:1.2;letter-spacing:-.025em;font-weight:700;white-space:nowrap}
.footer-email{font-size:.94rem;line-height:1.5;overflow-wrap:anywhere}
.footer-email span{min-width:0}
.footer-navigation{position:relative;border-top:1px solid #919295;border-bottom:1px solid #919295;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:12px}
.footer-navigation::before{content:'';position:absolute;top:-2px;left:0;width:78px;height:3px;background:var(--red)}
.footer-navigation nav{display:flex;flex-wrap:wrap;gap:4px 32px}
.footer-navigation nav a{display:flex;align-items:center;min-height:44px;font-size:.86rem;font-weight:700}
.footer-navigation a:hover{color:#981022}
.footer-top-link{display:flex;align-items:center;gap:13px;min-height:44px;font-size:.8rem;white-space:nowrap}
.footer-top-link .icon{box-sizing:content-box;padding:9px;background:#17181a;color:#f5f5f5;width:18px;height:18px}
.footer-top-link:hover .icon{background:#981022}
.footer-bottom{display:flex;justify-content:space-between;gap:10px 24px;padding-block:20px;font-size:.75rem;color:#414247}
.footer-bottom p+p{margin:0}
@media(max-width:1000px){.footer-main{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:32px}.footer-brand{width:min(100%,400px)}.footer-mark{height:80px;gap:11px}.footer-mark span{width:14px}.footer-mark span:last-child{width:36px}.footer-contact-links a{gap:11px}.footer-email{font-size:.85rem}.footer-navigation nav{gap:4px 24px}}
@media(max-width:760px){.footer-main{grid-template-columns:minmax(0,1fr) 56px;gap:26px 24px;padding-block:36px 26px}.footer-brand{width:100%}.footer-identity p{font-size:.8rem;max-width:245px;margin-top:16px}.footer-mark{align-self:start;height:64px;gap:9px;margin-top:2px;margin-right:10px}.footer-mark span{width:10px;flex-shrink:0}.footer-mark span:last-child{width:26px}.footer-contact-links{grid-column:1 / -1;justify-self:start;gap:2px}.footer-phone{font-size:1.65rem}.footer-email{font-size:.94rem}.footer-navigation{align-items:flex-end;gap:20px;padding-block:14px}.footer-navigation nav{display:grid;grid-template-columns:max-content max-content;gap:0 24px}.footer-navigation nav a{font-size:.8rem}.footer-top-link span{display:none}.footer-top-link{align-self:center}.footer-bottom{padding-block:20px 24px}.footer-bottom p:last-child{display:none}}
@media(max-width:380px){.footer-main{column-gap:18px;grid-template-columns:minmax(0,1fr) 44px}.footer-mark{height:56px;gap:7px;margin-right:9px}.footer-mark span{width:8px}.footer-mark span:last-child{width:22px}.footer-navigation nav{column-gap:16px}.footer-navigation nav a{font-size:.75rem}}


/* Raise the hero content on mobile screens without changing its layout. */
@media screen and (max-width:760px){.hero-content{transform:translateY(-100px)}}

/* Schnellkontakt erst nach dem Hero zeigen. */
@media screen and (max-width:760px){
  .mobile-contact{opacity:0;visibility:hidden;transform:translateY(100%);pointer-events:none;transition:opacity .24s ease,transform .24s ease,visibility .24s}
  .mobile-contact.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
}


/* Legal pages use the existing typeface, grey surfaces and red accents. */
.footer-legal{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.footer-legal a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.footer-legal a:hover,.footer-legal a[aria-current=page]{color:#981022}
.footer-bottom{align-items:center}
.legal-page{padding-bottom:0}
.legal-main{background:var(--paper);color:var(--ink);padding-block:72px 100px}
.legal-heading{max-width:1000px;margin-bottom:36px}
.legal-back{display:inline-flex;align-items:center;min-height:44px;font-size:1rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.legal-heading h1{font-size:clamp(2.2rem,5.6vw,4.7rem);font-weight:900;line-height:1.08;letter-spacing:-.045em;margin-top:20px;overflow-wrap:break-word;hyphens:auto}
.legal-heading h1 span{color:var(--red)}
.legal-heading>p{font-size:1.125rem;line-height:1.6;color:#494a50;margin-top:20px}
.legal-draft{background:#fff;border-left:4px solid #c41830;padding:22px 26px;margin-bottom:48px;max-width:1000px}
.legal-draft strong{color:#981022;font-size:1rem}
.legal-draft p{font-size:1rem;line-height:1.65;margin-top:7px;color:#494a50}
.legal-layout{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,800px);gap:64px;align-items:start}
.legal-toc{position:sticky;top:124px;display:flex;flex-direction:column;border-top:2px solid var(--red);padding-top:12px}
.legal-toc a{min-height:44px;display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #cccdd0;font-size:.9375rem;line-height:1.5;color:#414247}
.legal-toc a:hover{color:#981022}
.legal-document{min-width:0;font-size:1rem;line-height:1.75;color:#33343a;overflow-wrap:anywhere}
.legal-document section+section{border-top:1px solid #c7c8ca;margin-top:34px;padding-top:34px}
.legal-document h2{font-size:clamp(1.35rem,2.2vw,1.65rem);font-weight:900;line-height:1.3;letter-spacing:-.02em;margin-bottom:18px;color:var(--ink)}
.legal-document h3{font-size:1.125rem;line-height:1.4;margin:28px 0 12px;color:var(--ink)}
.legal-document h4{font-size:1rem;line-height:1.5;margin:22px 0 10px;color:var(--ink)}
.legal-document h2+h3,.legal-document .legal-emphasis>h3:first-child{margin-top:0}
.legal-document p+p{margin-top:18px}
.legal-document a{color:#971326;text-decoration:underline;text-underline-offset:3px}
.legal-document a:hover{color:#660917}
.legal-document ul{padding-left:24px;margin-block:18px}
.legal-document li+li{margin-top:8px}
.legal-placeholder{background:#f8dfe3;color:#791427;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 4px;font-weight:700}
.legal-document .legal-emphasis{border-left:4px solid #c41830;border-top:0;background:white;padding:24px 26px;margin-top:38px}
.legal-date{font-size:.875rem;color:#606169;border-top:1px solid #c7c8ca;padding-top:24px;margin-top:42px}
@media(max-width:1000px){.legal-layout{grid-template-columns:190px minmax(0,1fr);gap:38px}}
@media(max-width:760px){.footer-bottom{flex-wrap:wrap}.footer-legal{flex-basis:100%;gap:24px}.legal-main{padding-block:40px 64px}.legal-heading{margin-bottom:26px}.legal-heading h1{margin-top:12px}.legal-layout{grid-template-columns:1fr;gap:34px}.legal-toc{position:static}.legal-draft{padding:18px 20px;margin-bottom:30px}.legal-document .legal-emphasis{padding:20px}.legal-heading>p{font-size:1rem}}
@media print{.legal-main{background:white;padding:0}.legal-back,.legal-toc{display:none}.legal-layout{display:block}.legal-document a{color:black}.legal-draft{border:1px solid #666}.legal-placeholder{background:white;color:black;text-decoration:underline}.legal-document section{break-inside:auto}.legal-document h2{break-after:avoid}}

/* Accessible controls on both dark and light surfaces. */
.site-header,.site-footer,.services,.legal-main,.skip-link{--focus-ring:#981022}
.menu-toggle[hidden]{display:none!important}
.hero-image picture{display:block;width:100%;height:100%}
@media(max-width:760px){
  .site-header:not(.menu-ready){height:auto;position:relative}
  .site-header:not(.menu-ready) .header-inner{flex-wrap:wrap;padding-block:17px}
  .site-header:not(.menu-ready) .navigation{display:flex;position:static;flex-basis:100%;order:3;flex-wrap:wrap;gap:0 12px;box-shadow:none;padding:8px 0 0;border-bottom:0}
  .site-header:not(.menu-ready) .navigation a{padding:10px 8px}
}
