/* BAVARIJA AUTO — shared design system (new lime/charcoal direction) */
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:#0D0F0E;color:#F0F3EE;font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img{display:block;max-width:100%;}
::selection{background:#C8F031;color:#0D0F0E;}

/* range slider */
.bav-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:100px;background:#2A2F2A;outline:none;}
.bav-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#C8F031;cursor:pointer;border:3px solid #0D0F0E;box-shadow:0 3px 0 0 #8AAE1C;}
.bav-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#C8F031;cursor:pointer;border:3px solid #0D0F0E;}

/* marquee + reel */
@keyframes bavMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bav-reel{scrollbar-width:none;-ms-overflow-style:none;}
.bav-reel::-webkit-scrollbar{display:none;}

/* outlined display type */
.bav-outline{-webkit-text-stroke:1.6px #525A4E;color:transparent;}
@media(max-width:760px){.bav-outline{-webkit-text-stroke:1px #525A4E;}}

/* 3D lime button */
.btn3d{transition:transform .2s,box-shadow .2s,background .2s;}
.btn3d:hover{transform:translateY(-2px);box-shadow:0 9px 0 0 #8AAE1C;background:#D8FF55;}
.btn3d:active{transform:translateY(3px);box-shadow:0 1px 0 0 #8AAE1C;background:#C8F031;}

/* ghost / outline button */
.btn-ghost{transition:background .2s,border-color .2s;}
.btn-ghost:hover{background:#151815;border-color:#4A5247;}

/* nav link */
.nav-link{transition:color .18s,background .18s;}
.nav-link:hover{color:#F0F3EE;background:rgba(50,43,34,0.5);}

/* service editorial row */
.svc-row{transition:padding-left .28s cubic-bezier(.2,.7,.2,1),background .28s;}
.svc-row:hover{padding-left:22px;background:linear-gradient(90deg,rgba(200,240,49,0.08),transparent);}

/* card with 3D extruded lip (service/principle/step cards) */
.card3d{position:relative;transition:transform .26s cubic-bezier(.2,.7,.2,1),box-shadow .26s,border-color .26s;}
.card3d:hover{transform:translateY(-6px);box-shadow:0 12px 0 0 #1E221F;border-color:#C8F031;}

/* reel card */
.reel-card{transition:border-color .22s;}
.reel-card:hover{border-color:#C8F031;}

/* underline link */
.link-underline{transition:color .18s,border-color .18s;}
.link-underline:hover{color:#C8F031;border-color:#C8F031;}

/* config chip */
.chip{font-size:13.5px;font-weight:600;padding:10px 16px;border-radius:100px;cursor:pointer;border:1px solid #2A2F2A;background:transparent;color:#C2C8BC;transition:border-color .16s,color .16s,background .16s;font-family:inherit;}
.chip:hover{border-color:#4A5247;}
.chip.active{border-color:#C8F031;background:#C8F031;color:#0D0F0E;}

/* footer links */
.foot-link{transition:color .16s;}
.foot-link:hover{color:#C8F031;}
.foot-phone{transition:color .18s;}
.foot-phone:hover{color:#C8F031;}
.foot-box{transition:border-color .16s,background .16s;}
.foot-box:hover{border-color:#C8F031;background:#1E221F;}

/* reveal-on-scroll */
[data-reveal],[data-stag]{opacity:0;transform:translateY(30px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform;}
[data-stag]{transform:translateY(26px);}
[data-reveal].revealed,[data-stag].revealed{opacity:1;transform:none;}

/* hero */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,0.82fr);gap:clamp(20px,3vw,44px);align-items:end;min-height:min(86vh,820px);}
.hero-img{position:relative;width:100%;height:clamp(420px,64vh,680px);will-change:transform;}

/* nav responsive */
.nav-desktop,.nav-phone-desk{display:flex;}
.nav-burger{display:none;}
@media(max-width:1000px){
  .nav-desktop,.nav-phone-desk{display:none;}
  .nav-burger{display:flex;}
}

@media(max-width:820px){
  .hero-grid{grid-template-columns:1fr;min-height:auto;align-items:start;}
  .hero-img{height:clamp(300px,52vh,440px);margin-top:8px;}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  [data-reveal],[data-stag]{opacity:1!important;transform:none!important;}
}