@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#17212b;--muted:#5f6b75;--red:#c9252d;--red2:#a91e25;--paper:#f6f7f5;--white:#fff;--line:#d9dde0;--dark:#202a33;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(246,247,245,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--red);font-family:'Barlow Condensed';font-weight:700;font-size:20px;letter-spacing:.04em}.brand b,.brand small{display:block;line-height:1}.brand b{font-family:'Barlow Condensed';font-size:22px;letter-spacing:.08em}.brand small{font-size:9px;letter-spacing:.28em;color:var(--muted);margin-top:5px}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}nav a{position:relative}nav .active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--red)}.nav-cta{padding:11px 17px;border:1px solid var(--ink)}.nav-cta:hover{background:var(--ink);color:white}.active-cta{background:var(--ink);color:white}
.hero{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#fff 0%,#f6f7f5 62%,#e9eceb 100%)}.hero-copy{padding:105px 7vw 90px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--red);margin:0 0 18px}.hero h1,.inner h1{font-family:'Barlow Condensed';font-size:clamp(62px,8vw,112px);line-height:.9;text-transform:uppercase;letter-spacing:-.025em;margin:0 0 30px}.hero h1 em,.inner h1 em{font-style:normal;color:var(--red)}.lead{font-size:20px;max-width:650px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-block;padding:14px 22px;font-weight:700;font-size:12px;letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--ink)}.button.primary{background:var(--red);border-color:var(--red);color:#fff}.button.primary:hover{background:var(--red2);color:white}.button.secondary{background:white}.hero-panel{margin:52px 6vw 52px 0;border:1px solid #c8ced1;background:#eef0ef;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.panel-label{font-family:'Barlow Condensed';font-size:14px;letter-spacing:.15em}.technical-lines{height:78%;background:repeating-linear-gradient(0deg,transparent 0 37px,rgba(23,33,43,.10) 38px),repeating-linear-gradient(90deg,transparent 0 52px,rgba(23,33,43,.08) 53px);position:relative}.technical-lines:after{content:"";position:absolute;width:68%;height:68%;left:15%;top:15%;border:1px solid var(--red);transform:rotate(-7deg)}.panel-data{display:flex;justify-content:space-between;font-family:'Barlow Condensed';font-size:13px;letter-spacing:.15em}
.statement,.service-grid,.about-preview,.review-callout,.final-cta{max-width:var(--max);margin:auto}.statement{padding:105px 6vw 85px}.statement h2,.section-heading h2,.review-callout h2,.about-preview h2,.final-cta h2{font-family:'Barlow Condensed';font-size:clamp(38px,5vw,68px);line-height:1;margin:0 0 22px;text-transform:uppercase}.statement p:last-child{max-width:760px;color:var(--muted);font-size:18px}.service-grid{padding:30px 6vw 110px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.service-grid .section-heading{grid-column:1/-1;background:var(--paper);padding:55px 40px 40px}.service-grid article{background:var(--white);padding:40px;min-height:260px}.service-grid article>span,.service-detail article>span{color:var(--red);font-family:'Barlow Condensed';font-weight:700}.service-grid h3{font-family:'Barlow Condensed';font-size:34px;text-transform:uppercase;margin:8px 0}.service-grid p{color:var(--muted);max-width:520px}.service-grid a,.about-preview a{font-weight:700;font-size:13px}.review-callout{margin-bottom:110px;background:var(--dark);color:white;padding:62px 6vw;display:grid;grid-template-columns:1.3fr .7fr;gap:60px}.review-callout .eyebrow{color:#ff6b71}.review-callout p{color:#c9d0d4}.review-box{border:1px solid #53606a;padding:26px;display:flex;flex-direction:column;gap:15px;align-self:center}.review-box strong{font-family:'Barlow Condensed';letter-spacing:.14em}.review-box span{border-top:1px solid #53606a;padding-top:12px;font-size:13px}.about-preview{padding:0 6vw 110px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.about-preview p{color:var(--muted)}.final-cta{text-align:center;padding:100px 6vw 130px;border-top:1px solid var(--line)}.final-cta p{max-width:760px;margin:0 auto 28px;color:var(--muted)}
.inner{max-width:var(--max);margin:auto;padding:90px 6vw 120px}.inner h1{font-size:clamp(56px,7vw,92px);max-width:1000px}.intro{font-size:19px;color:var(--muted);max-width:850px;margin-bottom:65px}.service-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.service-detail article{background:white;padding:42px;min-height:390px}.service-detail h2{font-family:'Barlow Condensed';font-size:38px;text-transform:uppercase;margin:8px 0 18px}.service-detail p,.service-detail li{color:var(--muted)}.service-detail ul{padding-left:20px}.soft-callout{margin-top:60px;padding:45px;background:#e8ebea;border-left:4px solid var(--red)}.soft-callout h2{font-family:'Barlow Condensed';font-size:38px;text-transform:uppercase;margin:0 0 8px}
.about section,.policies section{max-width:860px;margin:0 0 58px}.about h2,.policies h2{font-family:'Barlow Condensed';font-size:38px;text-transform:uppercase;margin-bottom:10px}.about p,.policies p{color:var(--muted);font-size:17px}.form-page{max-width:980px}.form{margin-top:45px}.form fieldset{border:1px solid var(--line);background:white;padding:30px;margin:0 0 22px}.form legend{font-family:'Barlow Condensed';font-size:28px;text-transform:uppercase;padding:0 10px}.form label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:18px}.form input,.form select,.form textarea{display:block;width:100%;margin-top:7px;border:1px solid #c7cdd1;background:#fbfcfb;padding:13px;font:inherit;color:var(--ink)}.form textarea{min-height:130px;resize:vertical}.two,.three{display:grid;gap:16px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr 1fr 1fr}.choices{display:grid;gap:11px;margin:10px 0 25px}.choices label{font-weight:500;letter-spacing:0}.choices input{display:inline-block;width:auto;margin-right:8px}.form-note{font-size:12px;color:var(--muted);margin:25px 0}.review-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-bottom:60px}.review-benefits div{background:white;padding:25px}.review-benefits strong{display:block;font-family:'Barlow Condensed';font-size:20px;letter-spacing:.08em}.review-benefits span{font-size:12px;color:var(--muted)}.contact-card{background:white;border:1px solid var(--line);padding:45px;max-width:800px}.contact-card h2{font-family:'Barlow Condensed';font-size:42px}.contact-card p{color:var(--muted)}
footer{background:#17212b;color:#c7ced3;display:flex;justify-content:space-between;gap:40px;padding:45px 6vw;font-size:12px}footer b{font-family:'Barlow Condensed';font-size:20px;letter-spacing:.1em;color:white}footer p{margin:4px 0}footer div{display:flex;gap:22px;align-items:center}footer a:hover{color:white}
@media(max-width:850px){.site-header{height:auto;padding:15px 5vw;gap:15px;align-items:flex-start}.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 7vw 50px}.hero-panel{min-height:300px;margin:0 7vw 60px}.service-grid,.service-detail,.about-preview,.review-callout{grid-template-columns:1fr}.service-grid .section-heading{grid-column:auto}.review-benefits{grid-template-columns:1fr 1fr}.two,.three{grid-template-columns:1fr}footer{flex-direction:column}footer div{flex-wrap:wrap}.hero h1{font-size:66px}.inner{padding-top:65px}}
@media(max-width:500px){.review-benefits{grid-template-columns:1fr}.actions{flex-direction:column;align-items:stretch}.button{text-align:center}.service-grid article,.service-detail article{padding:30px}.statement{padding-top:75px}}

/* Event Horizon Autohaus — boutique automotive visual system */
.site-header{padding-inline:clamp(20px,5vw,72px);gap:20px}
.brand-mark{border-radius:50%;border-width:1px;width:44px;height:44px;letter-spacing:-.06em}
.brand b{font-size:20px;letter-spacing:.11em}
.brand small{letter-spacing:.34em}
.primary-nav{display:flex;align-items:center;gap:clamp(14px,2.1vw,28px)}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:3px;width:46px;height:42px;padding:10px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:var(--ink);margin:4px 0;transition:transform .2s ease}
.hero{grid-template-columns:1fr 1fr;min-height:600px;background:#f8f8f6;align-items:stretch}
.hero-copy{padding:clamp(54px,7vw,100px) clamp(26px,6vw,84px);align-self:center}
.hero h1{font-size:clamp(58px,7.4vw,102px);letter-spacing:-.035em}
.hero .eyebrow{max-width:520px}
.hero-visual{position:relative;min-height:540px;margin:34px 4vw 34px 0;overflow:hidden;background:#d8d8d4}
.hero-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(10,16,22,.72));pointer-events:none}
.hero-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.hero-caption{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:white;font-size:10px;font-weight:700;letter-spacing:.13em}
.work-showcase{max-width:var(--max);margin:0 auto;padding:10px 6vw 100px}
.showcase-heading{max-width:760px;margin:0 0 30px}
.showcase-heading h2{font-family:'Barlow Condensed';font-size:clamp(38px,5vw,62px);line-height:1.02;text-transform:uppercase;margin:0 0 12px}
.showcase-heading>p:last-child{color:var(--muted);max-width:620px}
.showcase-grid{display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:16px}
.showcase-card{position:relative;margin:0;min-height:300px;overflow:hidden;background:#d9dcdd}
.showcase-card img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;transition:transform .4s ease}
.showcase-card:hover img{transform:scale(1.035)}
.showcase-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(8,13,18,.82))}
.showcase-card figcaption{position:absolute;z-index:1;bottom:18px;left:18px;right:18px;color:white;display:grid;gap:4px}
.showcase-card figcaption strong{font-size:14px;letter-spacing:.02em}
.showcase-card figcaption span{font-size:11px;color:#e2e5e6}
@media(max-width:850px){
 .site-header{position:sticky;top:0;align-items:center;padding:12px 20px;min-height:72px;background:rgba(250,250,248,.98)}
 .menu-toggle{display:block;flex:0 0 auto;margin-left:auto}
 .primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fbfbf9;border-bottom:1px solid var(--line);padding:10px 20px 22px;box-shadow:0 12px 22px rgba(15,25,32,.10);align-items:stretch;gap:0;flex-direction:column}
 .primary-nav.is-open{display:flex}
 .primary-nav a{padding:14px 4px;border-bottom:1px solid #e6e8e7;font-size:14px}
 .primary-nav .nav-cta{margin-top:12px;padding:14px 16px;text-align:center;border:1px solid var(--ink)}
 .primary-nav nav .active:after{display:none}
 .hero{grid-template-columns:1fr;min-height:0}
 .hero-copy{padding:56px 24px 34px}
 .hero h1{font-size:clamp(58px,15vw,82px);margin-bottom:22px}
 .lead{font-size:17px}
 .hero-visual{min-height:0;aspect-ratio:1.18;margin:0 20px 28px}
 .hero-caption{left:14px;right:14px;bottom:14px;font-size:9px}
 .work-showcase{padding:28px 20px 65px}
 .showcase-grid{grid-template-columns:1fr 1fr;gap:10px}
 .showcase-card,.showcase-card img{min-height:210px}
 .showcase-large{grid-column:1/-1}
 .showcase-large img{height:300px}
 .statement{padding:65px 24px 60px}
 .service-grid{padding:10px 20px 65px}
 .review-callout{margin:0 20px 65px;padding:35px 25px;gap:28px}
 .about-preview{padding:0 24px 65px;gap:20px}
 .final-cta{padding:65px 24px 75px}
 footer{padding:32px 24px;gap:24px}
 footer div{align-items:flex-start;gap:12px 18px}
}
@media(max-width:500px){
 .brand{gap:9px}.brand-mark{width:39px;height:39px}.brand b{font-size:17px;letter-spacing:.08em}.brand small{font-size:8px}
 .showcase-grid{grid-template-columns:1fr}
 .showcase-large{grid-column:auto}
 .showcase-card,.showcase-card img{min-height:250px}
 .showcase-large img{height:250px}
 .hero-visual{aspect-ratio:1/1.02}
 .actions{gap:10px}
 .service-grid .section-heading{padding:35px 25px 28px}
 .review-callout{margin-inline:12px}
 .contact-card{padding:26px}
}