:root {
  
  --navy: #001A36;
  --teal: #00A8A5;
  --green: #8DC63F;                 
  --lime: #D7DF23;                  
  --grey-100: #F3F3F4;

  
  --white: #fff;
  --black: var(--navy);             
  --photo-shade: #181818;           
  --olive: var(--navy);             
  --olive-100: var(--grey-100);     
  --grey-500: rgba(0, 26, 54, .72); 
  --grey-200: rgba(0, 26, 54, .2);  
  --white-12: #ffffff1f;            
  --glass-highlight: inset 0 2px #fff3;   
  --header-glass-top: rgba(34,34,34,.55);     
  --header-glass-scrolled: rgba(34,34,34,.7); 
  --faq-icon: var(--teal);          
  --divider-on-olive: rgba(255,255,255,.35); 
  --error: #b42318;                 

  
  --slot-light: #d9d9d4;
  --slot-mid: #8b8b85;
  --slot-dark: #4d4d49;

  
  --font-primary: Manrope, sans-serif;
  --font-secondary: "Nunito Sans", sans-serif;
  --fw-light: 300; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;
  --fs-p1: 16px; --fs-p2: 14px;
  --fs-h1: 86px; --fs-h2: 56px; --fs-h3: 32px; --fs-h4: 24px; --fs-h5: 18px;
  --fs-indicator: 22px;             
  --ind-icon: 32px;                 
  --lh-body: 1.5; --lh-h1: 1.2; --lh-heading: 1.4; --lh-h1-tight: 1.1; --lh-link: 1.3;

  
  --sp-xxs: 4px; --sp-xs: 6px; --sp-s: 8px; --sp-m: 12px; --sp-l: 16px; --sp-xl: 24px;
  --sp-xxl: 32px; --sp-3xl: 40px; --sp-4xl: 48px; --sp-5xl: 64px; --sp-6xl: 68px;
  --sp-7xl: 80px; --sp-8xl: 120px;

  
  --radius-card: 16px;
  --radius-pill: 100px;
  --container-max: 1440px;

  
  --ease-out-sine: cubic-bezier(.39, .575, .565, 1);
  --ease-out-quart: cubic-bezier(.165, .84, .44, 1);
  --ease-slider: ease;
  --dur-enter: 400ms;
  --dur-hover: 300ms;
  --dur-slide-in: 1000ms;
  --dur-slider: 500ms;
  --dur-marquee: 10s;
  --dur-marquee-org: 42.5s;         

  
  --hero-h: 900px;
  --hero-overlay-h: 400px;
  --header-top: var(--sp-3xl);
}

@media (min-width: 1440px) { :root { --hero-overlay-h: 450px; } }
@media (min-width: 1920px) { :root { --hero-overlay-h: 500px; } }


@media (max-width: 991px) {
  :root {
    --sp-5xl: 40px; --sp-6xl: 58px; --sp-3xl: 32px; --sp-xxl: 28px; --sp-8xl: 100px;
    --sp-4xl: 38px; --sp-7xl: 60px;
    --fs-p1: 18px; --fs-h1: 72px; --fs-h2: 50px; --fs-indicator: 22px;
    --hero-h: 800px; --hero-overlay-h: 500px;
  }
}
@media (max-width: 767px) {
  :root {
    --sp-5xl: 30px; --sp-6xl: 54px; --sp-3xl: 28px; --sp-xxl: 32px; --sp-4xl: 36px;
    --fs-p1: 16px; --fs-h1: 60px; --fs-h2: 42px; --fs-h3: 28px; --fs-h4: 20px; --fs-indicator: 20px;
    --hero-overlay-h: 600px;
  }
}
@media (max-width: 479px) {
  :root {
    --sp-5xl: 16px; --sp-6xl: 40px; --sp-3xl: 20px; --sp-xxl: 20px; --sp-8xl: 64px;
    --sp-4xl: 28px; --sp-7xl: 54px;
    --fs-h1: 40px; --fs-h2: 30px; --fs-h3: 18px; --fs-h4: 16px; --fs-indicator: 18px; --ind-icon: 28px;
    --hero-h: 550px;
  }
}