:root{--primary-red: #ce0e2d;--primary-navy: #0a192f;--accent-grey: #f4f4f4;--text-dark: #1a1a1a;--text-light: #ffffff;--white: #ffffff;--font-heading: "Racing Sans One", cursive;--font-subheading: "Teko", sans-serif;--font-body: "Open Sans", sans-serif;--container-width: 1200px;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--white);color:var(--text-dark);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;line-height:1.1;font-style:italic}h1{font-size:4.5rem}h2{font-size:3rem;color:var(--primary-navy)}p{font-family:var(--font-body)}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-sm)}.section{padding:var(--spacing-lg) 0}.padding-large{padding:6rem 0}.btn{display:inline-block;padding:12px 30px;font-family:var(--font-subheading);font-size:1.5rem;font-weight:600;text-decoration:none;text-transform:uppercase;border-radius:4px;transition:all .3s ease;cursor:pointer;letter-spacing:1px}.btn-primary{background-color:var(--primary-red);color:var(--white);border:2px solid var(--primary-red)}.btn-primary:hover{background-color:#a50b24;border-color:#a50b24}.btn-outline{background-color:transparent;color:var(--white);border:2px solid var(--white)}.btn-outline:hover{background-color:var(--white);color:var(--primary-navy)}.btn-large{padding:15px 40px;font-size:1.8rem}.text-center{text-align:center}.text-red{color:var(--primary-red)}.bg-light{background-color:var(--accent-grey)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}@keyframes cinematicZoomOut{0%{transform:scale(1.2);opacity:0;filter:blur(10px)}to{transform:scale(1);opacity:1;filter:blur(0)}}@keyframes trackingIn{0%{letter-spacing:10px;opacity:0}to{letter-spacing:3px;opacity:1}}@keyframes pulseGlow{0%,to{text-shadow:0 0 10px rgba(206,14,45,.5);transform:scale(1)}50%{text-shadow:0 0 20px rgba(206,14,45,.8),0 0 30px rgba(206,14,45,.4);transform:scale(1.02)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1);will-change:opacity,transform}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.animate-on-scroll.slide-left{transform:translate(-50px)}.animate-on-scroll.slide-left.is-visible{transform:translate(0)}.animate-on-scroll.pop-in{transform:scale(.8)}.animate-on-scroll.pop-in.is-visible{transform:scale(1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.hero-logo-animate{animation:cinematicZoomOut 1.5s cubic-bezier(.22,1,.36,1) forwards}.hero-subtitle-animate{animation:trackingIn 1.2s cubic-bezier(.22,1,.36,1) .5s forwards;opacity:0}.opening-date-animate{animation:pulseGlow 3s infinite ease-in-out}.card{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 30px #0000001a}.main-header{background-color:var(--white);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000;padding:0;height:80px}.header-container{display:flex;justify-content:flex-end;align-items:center;height:100%;position:relative}.logo{position:absolute;top:-50px;left:-80px;z-index:1001;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.logo img{height:180px;transform:skew(-10deg);transform-origin:top left;display:block}.main-nav ul{display:flex;list-style:none;align-items:center;gap:30px}.main-nav a{text-decoration:none;color:var(--primary-navy);font-family:var(--font-heading);font-size:1.2rem;letter-spacing:1px;transition:color .3s}.main-nav a:hover{color:var(--primary-red)}.main-nav .btn-primary{color:var(--white);font-family:var(--font-subheading);font-size:1.2rem;padding:8px 20px}.mobile-menu-toggle{display:none;font-size:1.5rem;color:var(--primary-navy)}@media(max-width:768px){.main-nav{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--white);box-shadow:0 5px 10px #0000001a;padding:20px;flex-direction:column;align-items:center;opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;visibility:hidden}.main-nav.is-open{display:flex;opacity:1;transform:translateY(0);visibility:visible}.main-nav ul{flex-direction:column;width:100%;gap:20px}.main-nav li{width:100%;text-align:center}.main-nav a{display:block;padding:10px;font-size:1.5rem}.mobile-menu-toggle{display:block;cursor:pointer;padding:10px}.mobile-menu-toggle{display:block}.header-container{justify-content:space-between;padding-left:20px;padding-right:20px}.logo{position:static;top:auto;left:auto;transform:none;display:flex;align-items:center;height:100%}.logo img{height:140px;transform:none}}.main-footer{background-color:var(--primary-navy);color:var(--white);padding:40px 0;text-align:center}.hero{position:relative;height:85vh;background-image:url(/assets/hero_bg-BN6RczJ3.jpg);background-size:cover;background-position:center;display:flex;align-items:center;color:var(--white)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a192fe6,#ce0e2d66)}.hero-content{position:relative;z-index:2;text-align:center;width:100%}.hero-logo{max-width:800px;width:90%;height:auto;margin-bottom:20px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.hero-subtitle{font-size:1.5rem;font-family:var(--font-subheading);letter-spacing:3px;margin-bottom:40px;text-transform:uppercase;font-weight:300;text-shadow:1px 1px 4px rgba(0,0,0,.8)}.hero-cta{display:flex;justify-content:center;gap:20px}@media(max-width:768px){.hero-title{font-size:3.5rem}.hero-title .text-highlight{font-size:4rem}.hero-cta{flex-direction:column;align-items:center}}.opening-announcement{background-color:var(--primary-navy);color:var(--white);padding:60px 0;border-bottom:6px solid var(--primary-red)}.opening-title{font-size:4rem;color:var(--white);margin-bottom:0;line-height:1}.opening-date{font-size:5rem;font-family:var(--font-heading);color:var(--white);margin:10px 0;text-transform:uppercase;font-style:italic;text-shadow:0 0 10px rgba(255,255,255,.3)}.opening-text{font-size:1.5rem;font-family:var(--font-subheading);opacity:.9;letter-spacing:1px}.card{background:var(--white);padding:30px;border-radius:8px;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease;border-bottom:4px solid var(--primary-red)}.card:hover{transform:translateY(-5px)}.card h3{font-size:2rem;margin-bottom:10px;color:var(--primary-navy)}.section-logo{display:block;max-width:400px;margin:10px auto 30px;height:auto}.fuel-grid{display:flex;justify-content:center;gap:20px;margin-top:40px;flex-wrap:wrap}.fuel-item{display:flex;flex-direction:column;align-items:center;background:var(--primary-navy);color:var(--white);padding:20px;width:120px;border-radius:8px;box-shadow:0 4px 10px #0000001a}.fuel-item.diesel{background:#4caf50}.fuel-item.offroad{background:var(--primary-red)}.fuel-item .octane{font-size:2.5rem;font-family:var(--font-heading);font-weight:700;line-height:1}.fuel-item .type{font-family:var(--font-subheading);font-size:1.2rem;text-transform:uppercase;margin-top:5px}@media(max-width:768px){.fuel-grid{flex-direction:column;align-items:center}.fuel-item{width:100%;max-width:300px;flex-direction:row;justify-content:space-between;padding:15px 30px}.fuel-item .type{margin-top:0}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:40px}.about-content p{font-size:1.1rem;margin-bottom:20px;color:#444}.about-content h3{font-size:2.5rem;margin-bottom:20px;color:var(--primary-navy)}.about-card .card{border-bottom:4px solid var(--primary-navy)}@media(max-width:768px){.about-grid{grid-template-columns:1fr}}#contact{background-color:var(--primary-navy);color:var(--white)}#contact .section-title{color:var(--white)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;align-items:center}.contact-info{display:flex;flex-direction:column;gap:30px}.info-item{background:#ffffff0d;padding:20px;border-radius:8px;border-left:4px solid var(--primary-red);display:flex;flex-direction:column;align-items:flex-start}.info-item i{margin-bottom:10px}.info-item h3{font-size:1.5rem;margin-bottom:5px;color:var(--white)}.info-item p{font-size:1.2rem;color:#ccc}.contact-map iframe{border-radius:8px;box-shadow:0 4px 15px #0000004d}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}