/* =============================================================
   SIZZLE — Shared Stylesheet
   styles.css · Version 1.0 · 2025
   Covers: base, nav, layout, components, all pages
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800;900&family=Barlow:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap');


/* ─────────────────────────────────────────
   BASE & RESET
───────────────────────────────────────── */

/* SIZZLE SHARED STYLES */
:root {
  --burgundy: #5c1a28;
  --orange: #c45200;
  --ochre: #c49020;
  --olive: #3d5220;
  --charcoal: #1a1614;
  --stone: #e8e0d0;
  --stone2: #f2ede4;
  --mid-stone: #cfc5b2;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--stone2);color:var(--charcoal);font-family:'Barlow',sans-serif;overflow-x:hidden;}
a{text-decoration:none;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:72px;transition:background .4s,box-shadow .4s;}
nav.scrolled{background:rgba(232,224,208,.96);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(92,26,40,.12);}
nav.dark-nav{background:var(--charcoal);}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.logo-mark{width:40px;height:40px;background:var(--burgundy);display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:5px;clip-path:polygon(10% 0%,90% 0%,100% 10%,100% 90%,90% 100%,10% 100%,0% 90%,0% 10%);}
.logo-cell{background:var(--stone);border-radius:1px;}
.logo-word{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.6rem;letter-spacing:.08em;color:var(--charcoal);text-transform:lowercase;}
.logo-word sup{font-size:.45em;vertical-align:super;font-weight:400;}
.logo-word-light{color:var(--stone)!important;}
.nav-links{display:flex;gap:32px;list-style:none;align-items:center;}
.nav-links a{font-family:'Barlow Condensed',sans-serif;font-size:.88rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--charcoal);text-decoration:none;transition:color .3s;}
.nav-links a:hover{color:var(--burgundy);}
.nav-links-light a{color:rgba(232,224,208,.7)!important;}
.nav-links-light a:hover{color:var(--ochre)!important;}
.nav-cta{background:var(--burgundy)!important;color:var(--stone)!important;padding:9px 22px;transition:background .3s!important;}
.nav-cta:hover{background:var(--orange)!important;}
.nav-active{color:var(--burgundy)!important;border-bottom:2px solid var(--burgundy);}

/* PAGE HERO */
.page-hero{padding:140px 48px 80px;background:var(--charcoal);position:relative;overflow:hidden;}
.page-hero-wave{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='20' viewBox='0 0 80 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C10 0,20 0,30 10 C40 20,50 20,60 10 C70 0,80 0,80 10' fill='none' stroke='%23e8e0d0' stroke-width='1.2' opacity='.06'/%3E%3C/svg%3E");background-size:80px 20px;}
.page-hero-accent{position:absolute;top:0;left:0;bottom:0;width:5px;background:linear-gradient(to bottom,var(--orange),var(--burgundy),var(--ochre));}
.page-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--ochre);margin-bottom:20px;display:flex;align-items:center;gap:10px;}
.page-eyebrow::before{content:'';width:24px;height:2px;background:var(--ochre);}
.page-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(3rem,7vw,7rem);line-height:.92;text-transform:uppercase;letter-spacing:.02em;color:var(--stone);}
.page-subtitle{font-size:1.05rem;font-weight:300;line-height:1.7;color:rgba(232,224,208,.55);max-width:520px;margin-top:24px;}

/* BREADCRUMB */
.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;}
.breadcrumb a,.breadcrumb span{font-family:'Barlow Condensed',sans-serif;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(232,224,208,.35);}
.breadcrumb a:hover{color:var(--ochre);}
.breadcrumb .sep{color:rgba(232,224,208,.2);}

/* SECTION */
.section{padding:96px 48px;}
.section-dark{background:var(--charcoal);}
.section-mid{background:#ede6d8;}
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--orange);margin-bottom:20px;display:flex;align-items:center;gap:10px;}
.eyebrow::before{content:'';width:24px;height:2px;background:var(--orange);}
.eyebrow-light{color:var(--ochre)!important;}
.eyebrow-light::before{background:var(--ochre)!important;}
.section-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(2.6rem,4.5vw,4.5rem);line-height:.95;text-transform:uppercase;letter-spacing:.02em;color:var(--charcoal);}
.section-title-light{color:var(--stone);}

/* BUTTONS */
.btn{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:14px 32px;transition:all .3s;cursor:pointer;border:none;}
.btn-primary{background:var(--burgundy);color:var(--stone);border:2px solid var(--burgundy);}
.btn-primary:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px);}
.btn-outline{background:transparent;color:var(--charcoal);border:2px solid var(--charcoal);}
.btn-outline:hover{background:var(--charcoal);color:var(--stone);transform:translateY(-2px);}
.btn-outline-light{background:transparent;color:var(--stone);border:2px solid rgba(232,224,208,.35);}
.btn-outline-light:hover{border-color:var(--stone);transform:translateY(-2px);}
.btn-ochre{background:var(--ochre);color:var(--charcoal);border:2px solid var(--ochre);}
.btn-ochre:hover{background:var(--orange);border-color:var(--orange);color:var(--stone);transform:translateY(-2px);}

/* MARQUEE */
.marquee-wrap{background:var(--burgundy);overflow:hidden;white-space:nowrap;padding:13px 0;}
.marquee-inner{display:inline-block;animation:marquee 22s linear infinite;}
.marquee-item{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(232,224,208,.65);padding:0 28px;}
.marquee-dot{color:var(--ochre);margin:0 6px;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* FOOTER */
footer{background:var(--charcoal);padding:64px 48px 36px;border-top:1px solid rgba(232,224,208,.05);}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(232,224,208,.07);}
.footer-brand-name{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:2.2rem;text-transform:lowercase;letter-spacing:.05em;color:var(--stone);margin-bottom:6px;}
.footer-brand-tag{font-family:'Barlow Condensed',sans-serif;font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ochre);margin-bottom:16px;}
.footer-brand-desc{font-size:.88rem;font-weight:300;color:rgba(232,224,208,.35);line-height:1.7;max-width:280px;}
.footer-col-title{font-family:'Barlow Condensed',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--ochre);margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid rgba(232,224,208,.07);}
.footer-links{list-style:none;}
.footer-links li{margin-bottom:9px;}
.footer-links a{font-size:.86rem;font-weight:300;color:rgba(232,224,208,.4);transition:color .3s;}
.footer-links a:hover{color:var(--stone);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;}
.footer-copy{font-family:'Barlow Condensed',sans-serif;font-size:.6rem;letter-spacing:.15em;color:rgba(232,224,208,.18);text-transform:uppercase;}
.footer-social{display:flex;gap:18px;}
.footer-social a{font-family:'Barlow Condensed',sans-serif;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(232,224,208,.22);transition:color .3s;}
.footer-social a:hover{color:var(--ochre);}

/* REVEAL */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* GRID/LAYOUT HELPERS */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;}
.four-col{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:3px;}

/* CARD */
.card{background:var(--stone2);padding:40px 32px;position:relative;overflow:hidden;transition:background .35s;}
.card-dark{background:rgba(232,224,208,.04);border:1px solid rgba(232,224,208,.07);transition:background .35s,border-color .35s;}
.card-dark:hover{background:rgba(92,26,40,.2);border-color:var(--burgundy);}
.card-num{font-family:'Barlow Condensed',sans-serif;font-size:.6rem;letter-spacing:.25em;color:var(--orange);margin-bottom:18px;}
.card-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.4rem;letter-spacing:.06em;text-transform:uppercase;color:var(--charcoal);margin-bottom:12px;}
.card-title-light{color:var(--stone)!important;}
.card-text{font-size:.88rem;font-weight:300;line-height:1.65;color:#5a4e44;}
.card-text-light{color:rgba(232,224,208,.45)!important;}

/* DIVIDER LINE */
.divider{width:48px;height:3px;background:var(--burgundy);margin:24px 0;}
.divider-ochre{background:var(--ochre)!important;}

/* FORM */
.form-group{margin-bottom:20px;}
.form-label{font-family:'Barlow Condensed',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:8px;display:block;}
.form-input,.form-select,.form-textarea{width:100%;background:rgba(92,26,40,.05);border:1px solid rgba(92,26,40,.15);padding:14px 16px;font-family:'Barlow',sans-serif;font-size:.92rem;font-weight:300;color:var(--charcoal);outline:none;transition:border-color .3s,background .3s;}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--burgundy);background:rgba(92,26,40,.08);}
.form-textarea{resize:vertical;min-height:120px;}
.form-input-dark{background:rgba(232,224,208,.05)!important;border:1px solid rgba(232,224,208,.1)!important;color:var(--stone)!important;}
.form-input-dark:focus{border-color:var(--ochre)!important;}
.form-input-dark::placeholder{color:rgba(232,224,208,.3)!important;}

/* WAVE BG */
.wave-bg{background-image:url("data:image/svg+xml,%3Csvg width='80' height='20' viewBox='0 0 80 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C10 0,20 0,30 10 C40 20,50 20,60 10 C70 0,80 0,80 10' fill='none' stroke='%235c1a28' stroke-width='1.2' opacity='.1'/%3E%3C/svg%3E");background-size:80px 20px;}
.wave-bg-light{background-image:url("data:image/svg+xml,%3Csvg width='80' height='20' viewBox='0 0 80 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C10 0,20 0,30 10 C40 20,50 20,60 10 C70 0,80 0,80 10' fill='none' stroke='white' stroke-width='1' opacity='.07'/%3E%3C/svg%3E");background-size:80px 20px;}

@media(max-width:960px){
  nav{padding:0 20px;}
  .nav-links{display:none;}
  .page-hero{padding:110px 20px 60px;}
  .section{padding:64px 20px;}
  .two-col{grid-template-columns:1fr;gap:40px;}
  .three-col{grid-template-columns:1fr;}
  .four-col{grid-template-columns:1fr 1fr;}
  .footer-top{grid-template-columns:1fr 1fr;gap:32px;}
  footer{padding:48px 20px 28px;}
}


/* ─────────────────────────────────────────
   HOMEPAGE — sizzle.html
───────────────────────────────────────── */
/* Wave / grid decorative patterns */
.wave-pattern-light {
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='20' viewBox='0 0 80 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C10 0, 20 0, 30 10 C40 20, 50 20, 60 10 C70 0, 80 0, 80 10' fill='none' stroke='%23e8e0d0' stroke-width='1.5' opacity='0.15'/%3E%3C/svg%3E");
  background-size: 80px 20px;
}
.grid-pattern {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='20' height='20' fill='%235c1a28' opacity='0.06'/%3E%3Crect x='20' y='20' width='20' height='20' fill='%235c1a28' opacity='0.06'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

:root {
    --burgundy: #5c1a28;
    --orange: #c45200;
    --ochre: #c49020;
    --olive: #3d5220;
    --charcoal: #1a1614;
    --stone: #e8e0d0;
    --stone2: #f2ede4;
    --mid-stone: #cfc5b2;
    --white-warm: #f8f4ee;
  }

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }

  body {
    background: var(--stone2);
    color: var(--charcoal);
    font-family: 'Barlow', sans-serif;
    overflow-x: hidden;
  }

  /* ── WAVE PATTERN ── */
  .wave-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='20' viewBox='0 0 80 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C10 0, 20 0, 30 10 C40 20, 50 20, 60 10 C70 0, 80 0, 80 10' fill='none' stroke='%235c1a28' stroke-width='1.5' opacity='0.18'/%3E%3C/svg%3E");
    background-size: 80px 20px;
  }
  .wave-pattern-light {
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='20' viewBox='0 0 80 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C10 0, 20 0, 30 10 C40 20, 50 20, 60 10 C70 0, 80 0, 80 10' fill='none' stroke='%23e8e0d0' stroke-width='1.5' opacity='0.15'/%3E%3C/svg%3E");
    background-size: 80px 20px;
  }
  .grid-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='20' height='20' fill='%235c1a28' opacity='0.06'/%3E%3Crect x='20' y='20' width='20' height='20' fill='%235c1a28' opacity='0.06'/%3E%3C/svg%3E");
    background-size: 40px 40px;
  }

  /* ── NAV ── */
  nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 48px; height: 72px;
    transition: background 0.5s ease, box-shadow 0.5s ease;
  }
  nav.scrolled {
    background: rgba(232,224,208,0.95);
    backdrop-filter: blur(14px);
    box-shadow: 0 1px 0 rgba(92,26,40,0.12);
  }
  .nav-logo {
    display: flex; align-items: center; gap: 12px;
    text-decoration: none;
  }
  .logo-mark {
    width: 44px; height: 44px;
    background: var(--burgundy);
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 2px; padding: 6px;
    clip-path: polygon(10% 0%, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%);
  }
  .logo-cell {
    background: var(--stone);
    border-radius: 1px;
  }
  /* Logo word: light on dark hero, dark after scroll */
  .logo-word {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 1.7rem;
    letter-spacing: 0.08em;
    color: var(--stone);
    text-transform: lowercase;
    position: relative;
    transition: color 0.5s ease;
  }
  nav.scrolled .logo-word { color: var(--charcoal); }
  .logo-word::after {
    content: '®';
    font-size: 0.5em;
    vertical-align: super;
    font-weight: 400;
    letter-spacing: 0;
  }
  .nav-links {
    display: flex; gap: 36px; list-style: none; align-items: center;
  }
  /* Links: light on dark hero, transition to dark on scroll */
  .nav-links a {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(232,224,208,0.82);
    text-decoration: none;
    transition: color 0.5s ease;
  }
  nav.scrolled .nav-links a { color: var(--charcoal); }
  .nav-links a:hover { color: var(--ochre) !important; }
  nav.scrolled .nav-links a:hover { color: var(--burgundy) !important; }
  .nav-cta {
    background: var(--burgundy) !important;
    color: var(--stone) !important;
    padding: 10px 24px;
    transition: background 0.3s !important;
  }
  /* CTA always keeps light text regardless of scroll state */
  .nav-links .nav-cta,
  nav.scrolled .nav-links .nav-cta { color: var(--stone) !important; }
  .nav-cta:hover { background: var(--orange) !important; }

  /* ── HERO ── */
  .hero {
    min-height: 100vh;
    background: var(--charcoal);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .hero-bg-pattern {
    position: absolute; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='20' viewBox='0 0 80 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C10 0, 20 0, 30 10 C40 20, 50 20, 60 10 C70 0, 80 0, 80 10' fill='none' stroke='%23e8e0d0' stroke-width='1.2' opacity='0.07'/%3E%3C/svg%3E");
    background-size: 80px 20px;
  }
  .hero-accent-bar {
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 6px;
    background: linear-gradient(to bottom, var(--orange), var(--burgundy), var(--ochre));
  }
  .hero-right-col {
    position: absolute;
    right: 0; top: 0; bottom: 0;
    width: 42%;
    background: var(--burgundy);
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
  }
  .hero-right-inner {
    text-align: center;
    position: relative; z-index: 2;
    padding: 0 60px;
  }
  .hero-big-stat {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    font-size: 8rem;
    color: rgba(232,224,208,0.12);
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    letter-spacing: -0.05em;
    pointer-events: none;
  }
  .hero-stat-row {
    display: flex;
    flex-direction: column;
    gap: 48px;
    position: relative;
    z-index: 2;
  }
  .hero-stat {
    text-align: center;
  }
  .stat-n {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 4.5rem;
    color: var(--stone);
    line-height: 1;
    letter-spacing: 0.02em;
  }
  .stat-l {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--ochre);
    margin-top: 6px;
  }
  .stat-divider {
    width: 40px; height: 1px;
    background: rgba(232,224,208,0.2);
    margin: 0 auto;
  }
  .hero-content {
    position: relative; z-index: 2;
    padding: 0 60px 0 80px;
    max-width: 58%;
  }
  .hero-tag {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--ochre);
    margin-bottom: 28px;
    display: flex; align-items: center; gap: 12px;
    opacity: 0;
    animation: fadeUp 0.8s 0.2s ease forwards;
  }
  .hero-tag::before {
    content: '';
    width: 32px; height: 2px;
    background: var(--ochre);
  }
  .hero-h1 {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    font-size: clamp(4rem, 8vw, 7.5rem);
    line-height: 0.9;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--stone);
    margin-bottom: 8px;
    opacity: 0;
    animation: fadeUp 0.9s 0.4s ease forwards;
  }
  .hero-h1 span {
    color: var(--burgundy);
    -webkit-text-stroke: 1px var(--stone);
    display: block;
  }
  .hero-italic {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 400;
    font-size: clamp(2rem, 4vw, 3.5rem);
    color: var(--ochre);
    display: block;
    letter-spacing: 0.02em;
    margin-bottom: 36px;
    opacity: 0;
    animation: fadeUp 0.9s 0.6s ease forwards;
  }
  .hero-desc {
    font-size: 1.05rem;
    font-weight: 300;
    line-height: 1.7;
    color: rgba(232,224,208,0.65);
    max-width: 400px;
    margin-bottom: 44px;
    opacity: 0;
    animation: fadeUp 0.9s 0.75s ease forwards;
  }
  .hero-btns {
    display: flex; gap: 16px; align-items: center;
    opacity: 0;
    animation: fadeUp 0.9s 0.9s ease forwards;
  }
  .btn-primary {
    background: var(--burgundy);
    color: var(--stone);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    padding: 16px 36px;
    text-decoration: none;
    border: 2px solid var(--burgundy);
    transition: all 0.3s;
    display: inline-block;
  }
  .btn-primary:hover {
    background: var(--orange);
    border-color: var(--orange);
    transform: translateY(-2px);
  }
  .btn-outline {
    color: var(--stone);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    padding: 14px 32px;
    text-decoration: none;
    border: 2px solid rgba(232,224,208,0.3);
    transition: all 0.3s;
    display: inline-block;
  }
  .btn-outline:hover {
    border-color: var(--stone);
    transform: translateY(-2px);
  }
  .hero-scroll {
    position: absolute; bottom: 36px; left: 80px;
    display: flex; align-items: center; gap: 12px;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.65rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: rgba(232,224,208,0.3);
    opacity: 0;
    animation: fadeIn 1s 1.4s ease forwards;
  }
  .scroll-line {
    width: 48px; height: 1px;
    background: rgba(232,224,208,0.3);
    position: relative;
    overflow: hidden;
  }
  .scroll-line::after {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: var(--ochre);
    animation: scrollAnim 2s 2s ease infinite;
  }

  /* ── MARQUEE ── */
  .marquee-wrap {
    background: var(--burgundy);
    border-top: 1px solid rgba(255,255,255,0.05);
    border-bottom: 1px solid rgba(255,255,255,0.05);
    overflow: hidden;
    white-space: nowrap;
    padding: 14px 0;
  }
  .marquee-inner {
    display: inline-block;
    animation: marquee 20s linear infinite;
  }
  .marquee-item {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: rgba(232,224,208,0.7);
    padding: 0 32px;
  }
  .marquee-dot {
    color: var(--ochre);
    margin: 0 8px;
  }

  /* ── SECTION COMMONS ── */
  .eyebrow {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--orange);
    margin-bottom: 20px;
    display: flex; align-items: center; gap: 10px;
  }
  .eyebrow::before {
    content: '';
    width: 24px; height: 2px;
    background: var(--orange);
  }
  .section-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    font-size: clamp(2.8rem, 5vw, 5rem);
    line-height: 0.95;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--charcoal);
  }
  .section-title-light { color: var(--stone); }

  /* ── ABOUT / VALUES ── */
  .values-section {
    padding: 100px 48px;
    background: var(--stone2);
  }
  .values-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    margin-top: 64px;
    align-items: start;
  }
  .values-left {}
  .values-tagline {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--burgundy);
    margin: 28px 0 32px;
    border-left: 3px solid var(--ochre);
    padding-left: 24px;
  }
  .values-body {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8;
    color: #4a3f35;
    max-width: 480px;
  }
  .values-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
    background: var(--mid-stone);
  }
  .value-card {
    background: var(--stone2);
    padding: 36px 28px;
    position: relative;
    overflow: hidden;
    transition: background 0.35s;
    cursor: default;
  }
  .value-card::before {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 0; height: 3px;
    background: var(--burgundy);
    transition: width 0.35s ease;
  }
  .value-card:hover { background: var(--charcoal); }
  .value-card:hover .value-title { color: var(--ochre); }
  .value-card:hover .value-text { color: rgba(232,224,208,0.6); }
  .value-card:hover::before { width: 100%; }
  .value-num {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.6rem;
    letter-spacing: 0.25em;
    color: var(--orange);
    margin-bottom: 20px;
  }
  .value-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--charcoal);
    margin-bottom: 12px;
    transition: color 0.35s;
  }
  .value-text {
    font-size: 0.88rem;
    font-weight: 300;
    line-height: 1.65;
    color: #5a4e44;
    transition: color 0.35s;
  }

  /* ── CONCEPTS (MENU) ── */
  .concepts-section {
    padding: 100px 0;
    background: var(--charcoal);
    position: relative;
    overflow: hidden;
  }
  .concepts-header {
    padding: 0 48px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 64px;
  }
  .concepts-note {
    font-size: 0.95rem;
    font-weight: 300;
    color: rgba(232,224,208,0.45);
    max-width: 260px;
    line-height: 1.6;
    text-align: right;
  }
  .concepts-scroll {
    display: flex;
    gap: 3px;
    overflow-x: auto;
    padding: 0 48px;
    scrollbar-width: none;
  }
  .concepts-scroll::-webkit-scrollbar { display: none; }
  .concept-card {
    flex: 0 0 380px;
    height: 520px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }
  .concept-bg {
    position: absolute; inset: 0;
    transition: transform 0.6s cubic-bezier(.25,.46,.45,.94);
  }
  .concept-card:hover .concept-bg { transform: scale(1.06); }
  .cc1 .concept-bg { background: linear-gradient(160deg, #3d1018 0%, #7a2535 100%); }
  .cc2 .concept-bg { background: linear-gradient(160deg, #5a2800 0%, #c45200 100%); }
  .cc3 .concept-bg { background: linear-gradient(160deg, #3d5220 0%, #6a8c35 100%); }
  .cc4 .concept-bg { background: linear-gradient(160deg, #2a2518 0%, #c49020 100%); }
  .concept-wave {
    position: absolute; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='20' viewBox='0 0 80 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C10 0, 20 0, 30 10 C40 20, 50 20, 60 10 C70 0, 80 0, 80 10' fill='none' stroke='white' stroke-width='1' opacity='0.08'/%3E%3C/svg%3E");
    background-size: 80px 20px;
  }
  .concept-num {
    position: absolute; top: 24px; right: 24px;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.6rem;
    letter-spacing: 0.25em;
    color: rgba(255,255,255,0.2);
  }
  .concept-bottom {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 40px 32px 32px;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%);
    transform: translateY(8px);
    transition: transform 0.4s ease;
  }
  .concept-card:hover .concept-bottom { transform: translateY(0); }
  .concept-tag {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.62rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--ochre);
    margin-bottom: 10px;
  }
  .concept-name {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 2.2rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--stone);
    line-height: 1;
  }
  .concept-desc {
    font-size: 0.82rem;
    color: rgba(232,224,208,0.6);
    font-weight: 300;
    margin-top: 10px;
    line-height: 1.5;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }
  .concept-card:hover .concept-desc { max-height: 80px; }

  /* ── EXPERIENCE ── */
  .experience-section {
    padding: 100px 48px;
    background: var(--stone2);
    position: relative;
  }
  .experience-grid {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 64px;
    margin-top: 64px;
    align-items: center;
  }
  .exp-left {}
  .exp-body {
    font-size: 0.98rem;
    font-weight: 300;
    line-height: 1.8;
    color: #4a3f35;
    margin-bottom: 40px;
  }
  .exp-features {
    display: flex; flex-direction: column; gap: 0;
  }
  .exp-feat {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid var(--mid-stone);
  }
  .exp-feat:first-child { border-top: 1px solid var(--mid-stone); }
  .feat-num {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.6rem;
    letter-spacing: 0.2em;
    color: var(--orange);
    min-width: 36px;
    padding-top: 4px;
  }
  .feat-name {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--charcoal);
    margin-bottom: 6px;
  }
  .feat-text {
    font-size: 0.85rem;
    font-weight: 300;
    color: #6a5a4e;
    line-height: 1.6;
  }
  .exp-right {
    position: relative;
  }
  .exp-image-stack {
    position: relative;
    height: 540px;
  }
  .exp-card-main {
    position: absolute;
    top: 0; right: 0;
    width: 85%;
    height: 440px;
    background: var(--burgundy);
    overflow: hidden;
  }
  .exp-card-main-inner {
    width: 100%; height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='20' viewBox='0 0 80 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C10 0, 20 0, 30 10 C40 20, 50 20, 60 10 C70 0, 80 0, 80 10' fill='none' stroke='white' stroke-width='1.2' opacity='0.1'/%3E%3C/svg%3E");
    background-size: 80px 20px;
    display: flex; align-items: center; justify-content: center;
  }
  .exp-wordmark {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    font-size: 7rem;
    text-transform: lowercase;
    color: rgba(232,224,208,0.08);
    letter-spacing: -0.03em;
    user-select: none;
    line-height: 1;
    writing-mode: vertical-rl;
  }
  .exp-card-accent {
    position: absolute;
    bottom: 0; left: 0;
    width: 55%;
    height: 200px;
    background: var(--ochre);
    display: flex; align-items: center; justify-content: center;
    flex-direction: column;
    gap: 8px;
    padding: 28px;
  }
  .exp-accent-num {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    font-size: 4rem;
    color: var(--charcoal);
    line-height: 1;
    letter-spacing: -0.02em;
  }
  .exp-accent-label {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: rgba(26,22,20,0.7);
    text-align: center;
  }
  .exp-card-tag {
    position: absolute;
    top: 28px; left: -14px;
    background: var(--orange);
    padding: 10px 16px;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--stone);
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }

  /* ── DNA SECTION ── */
  .dna-section {
    padding: 100px 0;
    background: var(--charcoal);
    overflow: hidden;
  }
  .dna-header { padding: 0 48px; margin-bottom: 64px; }
  .dna-track {
    display: flex;
    gap: 3px;
    padding: 0 48px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .dna-track::-webkit-scrollbar { display: none; }
  .dna-item {
    flex: 0 0 220px;
    padding: 40px 28px;
    background: rgba(232,224,208,0.03);
    border: 1px solid rgba(232,224,208,0.06);
    position: relative;
    overflow: hidden;
    transition: background 0.3s, border-color 0.3s;
  }
  .dna-item:hover {
    background: rgba(92,26,40,0.25);
    border-color: var(--burgundy);
  }
  .dna-item-num {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 3rem;
    font-weight: 900;
    color: rgba(232,224,208,0.04);
    position: absolute;
    top: 10px; right: 14px;
    line-height: 1;
    pointer-events: none;
  }
  .dna-trait {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--stone);
    margin-bottom: 14px;
  }
  .dna-desc {
    font-size: 0.82rem;
    font-weight: 300;
    line-height: 1.65;
    color: rgba(232,224,208,0.45);
  }

  /* ── CTA ── */
  .cta-section {
    padding: 120px 48px;
    background: var(--burgundy);
    position: relative;
    overflow: hidden;
    text-align: center;
  }
  .cta-section::before {
    content: 'SIZZLE';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    font-size: 25vw;
    color: rgba(0,0,0,0.07);
    white-space: nowrap;
    pointer-events: none;
    letter-spacing: -0.03em;
    line-height: 1;
  }
  .cta-eyebrow { color: var(--ochre); position: relative; z-index: 2; justify-content: center; margin-bottom: 24px; }
  .cta-eyebrow::before { background: var(--ochre); }
  .cta-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    font-size: clamp(3.5rem, 8vw, 8rem);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--stone);
    line-height: 0.9;
    margin-bottom: 36px;
    position: relative; z-index: 2;
  }
  .cta-title em {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 400;
    color: var(--ochre);
  }
  .cta-subtitle {
    font-size: 1rem;
    font-weight: 300;
    color: rgba(232,224,208,0.6);
    margin-bottom: 52px;
    position: relative; z-index: 2;
  }
  .cta-btns {
    display: flex; gap: 16px; justify-content: center;
    position: relative; z-index: 2;
  }
  .btn-cta-light {
    background: var(--stone);
    color: var(--burgundy);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    padding: 18px 44px;
    text-decoration: none;
    border: 2px solid var(--stone);
    transition: all 0.3s;
    display: inline-block;
  }
  .btn-cta-light:hover { background: var(--ochre); border-color: var(--ochre); transform: translateY(-2px); }
  .btn-cta-outline {
    color: var(--stone);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    padding: 16px 40px;
    text-decoration: none;
    border: 2px solid rgba(232,224,208,0.35);
    transition: all 0.3s;
    display: inline-block;
  }
  .btn-cta-outline:hover { border-color: var(--stone); transform: translateY(-2px); }

  /* ── FOOTER ── */
  footer {
    background: var(--charcoal);
    padding: 72px 48px 40px;
    border-top: 1px solid rgba(232,224,208,0.05);
  }
  .footer-top {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 56px;
    padding-bottom: 56px;
    border-bottom: 1px solid rgba(232,224,208,0.07);
  }
  .footer-brand-name {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    font-size: 2.5rem;
    text-transform: lowercase;
    letter-spacing: 0.05em;
    color: var(--stone);
    margin-bottom: 8px;
  }
  .footer-brand-tag {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.65rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--ochre);
    margin-bottom: 18px;
  }
  .footer-brand-desc {
    font-size: 0.9rem;
    font-weight: 300;
    color: rgba(232,224,208,0.35);
    line-height: 1.7;
    max-width: 300px;
  }
  .footer-col-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--ochre);
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(232,224,208,0.07);
  }
  .footer-links { list-style: none; }
  .footer-links li { margin-bottom: 10px; }
  .footer-links a {
    font-family: 'Barlow', sans-serif;
    font-size: 0.88rem;
    font-weight: 300;
    color: rgba(232,224,208,0.45);
    text-decoration: none;
    transition: color 0.3s;
    letter-spacing: 0.02em;
  }
  .footer-links a:hover { color: var(--stone); }
  .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 28px;
  }
  .footer-copy {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.62rem;
    letter-spacing: 0.18em;
    color: rgba(232,224,208,0.2);
    text-transform: uppercase;
  }
  .footer-social {
    display: flex; gap: 20px;
  }
  .footer-social a {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.62rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(232,224,208,0.25);
    text-decoration: none;
    transition: color 0.3s;
  }
  .footer-social a:hover { color: var(--ochre); }

  /* ── SCROLL REVEAL ── */
  .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.8s ease, transform 0.8s ease; }
  .reveal.visible { opacity: 1; transform: translateY(0); }

  /* ── ANIMATIONS ── */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  @keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
  @keyframes marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }
  @keyframes scrollAnim {
    0%   { left: -100%; }
    50%  { left: 100%; }
    100% { left: 100%; }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 960px) {
    nav { padding: 0 24px; }
    .nav-links { display: none; }
    .hero-content { padding: 0 24px; max-width: 100%; padding-top: 100px; padding-bottom: 80px; }
    .hero-right-col { display: none; }
    .hero { align-items: flex-start; min-height: auto; }
    .values-section, .experience-section { padding: 72px 24px; }
    .values-grid { grid-template-columns: 1fr; gap: 48px; }
    .experience-grid { grid-template-columns: 1fr; }
    .exp-right { display: none; }
    .concepts-header { padding: 0 24px; flex-direction: column; align-items: flex-start; gap: 12px; }
    .concepts-note { text-align: left; }
    .concepts-scroll { padding: 0 24px; }
    .dna-header { padding: 0 24px; }
    .dna-track { padding: 0 24px; }
    .cta-section { padding: 80px 24px; }
    .footer-top { grid-template-columns: 1fr 1fr; gap: 36px; }
    footer { padding: 56px 24px 32px; }
  }


/* ─────────────────────────────────────────
   ABOUT PAGE
───────────────────────────────────────── */

.timeline{position:relative;padding-left:36px;margin-top:48px;}
.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--burgundy),var(--ochre));}
.tl-item{position:relative;padding-bottom:48px;}
.tl-item:last-child{padding-bottom:0;}
.tl-dot{position:absolute;left:-43px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--burgundy);border:3px solid var(--stone2);}
.tl-year{font-family:'Barlow Condensed',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.25em;color:var(--ochre);margin-bottom:8px;}
.tl-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.4rem;text-transform:uppercase;letter-spacing:.05em;color:var(--charcoal);margin-bottom:10px;}
.tl-text{font-size:.9rem;font-weight:300;line-height:1.7;color:#5a4e44;max-width:400px;}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:48px;}
.team-card{background:var(--charcoal);padding:0;overflow:hidden;position:relative;}
.team-photo{height:280px;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:5rem;color:rgba(232,224,208,.06);letter-spacing:-0.03em;position:relative;}
.tc1{background:linear-gradient(135deg,#3d1018,#7a2535);}
.tc2{background:linear-gradient(135deg,#1a2812,#3d5220);}
.tc3{background:linear-gradient(135deg,#3d2c00,#c49020);}
.team-info{padding:24px 28px;background:rgba(232,224,208,.04);}
.team-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em;color:var(--stone);margin-bottom:4px;}
.team-role{font-family:'Barlow Condensed',sans-serif;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ochre);}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--burgundy);margin-top:0;}
.stat-block{padding:40px 28px;text-align:center;border-right:1px solid rgba(232,224,208,.1);}
.stat-block:last-child{border-right:none;}
.stat-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:3.5rem;color:var(--stone);line-height:1;letter-spacing:-.02em;}
.stat-lbl{font-family:'Barlow Condensed',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--ochre);margin-top:6px;}
@media(max-width:960px){.team-grid{grid-template-columns:1fr 1fr;}.stat-strip{grid-template-columns:1fr 1fr;}}


/* ─────────────────────────────────────────
   CONCEPTS PAGE
───────────────────────────────────────── */

.concepts-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:64px;}
.concept-tile{position:relative;height:520px;overflow:hidden;cursor:pointer;display:block;text-decoration:none;}
.concept-bg{position:absolute;inset:0;transition:transform .6s cubic-bezier(.25,.46,.45,.94);}
.concept-tile:hover .concept-bg{transform:scale(1.06);}
.ct1 .concept-bg{background:linear-gradient(155deg,#3d1018 0%,#7a2535 100%);}
.ct2 .concept-bg{background:linear-gradient(155deg,#5a2800 0%,#c45200 100%);}
.ct3 .concept-bg{background:linear-gradient(155deg,#1e3010 0%,#3d5220 100%);}
.ct4 .concept-bg{background:linear-gradient(155deg,#3d2c00 0%,#c49020 100%);}
.concept-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='20' viewBox='0 0 80 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C10 0,20 0,30 10 C40 20,50 20,60 10 C70 0,80 0,80 10' fill='none' stroke='white' stroke-width='1' opacity='.08'/%3E%3C/svg%3E");background-size:80px 20px;}
.concept-overlay{position:absolute;bottom:0;left:0;right:0;padding:48px 40px 40px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);}
.concept-tag{font-family:'Barlow Condensed',sans-serif;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ochre);margin-bottom:10px;}
.concept-name{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:3rem;text-transform:uppercase;letter-spacing:.03em;color:var(--stone);line-height:1;margin-bottom:12px;}
.concept-desc{font-size:.9rem;font-weight:300;color:rgba(232,224,208,.65);line-height:1.6;margin-bottom:20px;}
.concept-arrow{font-family:'Barlow Condensed',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ochre);display:flex;align-items:center;gap:8px;transition:gap .3s;}
.concept-tile:hover .concept-arrow{gap:14px;}
.concept-num{position:absolute;top:24px;right:24px;font-family:'Barlow Condensed',sans-serif;font-size:.6rem;letter-spacing:.25em;color:rgba(255,255,255,.18);}
@media(max-width:960px){.concepts-grid{grid-template-columns:1fr;}.concept-tile{height:380px;}}


/* ─────────────────────────────────────────
   ORDER PAGE
───────────────────────────────────────── */

.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:48px;}
.platform-card{background:var(--stone2);padding:44px 32px;text-align:center;border-bottom:3px solid transparent;transition:all .3s;cursor:pointer;}
.platform-card:hover{background:white;border-color:var(--burgundy);transform:translateY(-4px);}
.platform-icon{font-size:2.5rem;margin-bottom:20px;}
.platform-name{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:1.5rem;text-transform:uppercase;letter-spacing:.07em;color:var(--charcoal);margin-bottom:10px;}
.platform-desc{font-size:.88rem;font-weight:300;color:#6a5a4e;line-height:1.6;margin-bottom:24px;}
.order-concept-row{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:48px;}
.ocr-card{padding:0;overflow:hidden;cursor:pointer;display:block;text-decoration:none;}
.ocr-bg{height:200px;display:flex;align-items:flex-end;padding:24px;position:relative;overflow:hidden;transition:transform .5s;}
.ocr-card:hover .ocr-bg{transform:scale(1.04);}
.oc1{background:linear-gradient(155deg,#3d1018,#7a2535);}
.oc2{background:linear-gradient(155deg,#5a2800,#c45200);}
.oc3{background:linear-gradient(155deg,#1e3010,#3d5220);}
.oc4{background:linear-gradient(155deg,#3d2c00,#c49020);}
.ocr-name{font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:1.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--stone);line-height:1;}
.ocr-tag{font-family:"Barlow Condensed",sans-serif;font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;color:var(--ochre);margin-bottom:6px;}
.pickup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:48px;}
.step-card{padding:44px 32px;background:var(--charcoal);}
.step-num{font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:4rem;color:rgba(196,144,32,.15);line-height:1;margin-bottom:16px;}
.step-title{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:1.2rem;text-transform:uppercase;letter-spacing:.07em;color:var(--stone);margin-bottom:12px;}
.step-text{font-size:.88rem;font-weight:300;color:rgba(232,224,208,.45);line-height:1.65;}
@media(max-width:960px){.platform-grid,.pickup-steps{grid-template-columns:1fr;}.order-concept-row{grid-template-columns:1fr 1fr;}}


/* ─────────────────────────────────────────
   LOCATIONS PAGE
───────────────────────────────────────── */

.locations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:48px;}
.loc-card{background:var(--stone2);padding:36px 28px;border-left:3px solid transparent;transition:all .3s;}
.loc-card:hover{background:white;border-color:var(--burgundy);}
.loc-city{font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:1.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--charcoal);margin-bottom:6px;}
.loc-addr{font-size:.88rem;font-weight:300;color:#6a5a4e;line-height:1.6;margin-bottom:16px;}
.loc-hours{font-family:"Barlow Condensed",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:20px;}
.loc-concepts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;}
.loc-tag{font-family:"Barlow Condensed",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:4px 10px;background:rgba(92,26,40,.08);color:var(--burgundy);}
.map-placeholder{height:400px;background:var(--charcoal);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-top:0;}
.map-grid{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0 L60 0 L60 60 L0 60 Z' fill='none' stroke='%23e8e0d0' stroke-width='.3' opacity='.08'/%3E%3C/svg%3E");background-size:60px 60px;}
.map-pin{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--burgundy);border:3px solid var(--ochre);box-shadow:0 0 0 6px rgba(92,26,40,.2);}
.map-label{font-family:"Barlow Condensed",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.15em;color:var(--ochre);}
@media(max-width:960px){.locations-grid{grid-template-columns:1fr;}}


/* ─────────────────────────────────────────
   CAREERS PAGE
───────────────────────────────────────── */

.jobs-list{margin-top:48px;}
.job-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:28px 32px;background:var(--stone2);border-bottom:1px solid var(--mid-stone);transition:background .3s;}
.job-item:hover{background:white;}
.job-dept{font-family:"Barlow Condensed",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:6px;}
.job-title{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:1.4rem;text-transform:uppercase;letter-spacing:.05em;color:var(--charcoal);}
.job-meta{display:flex;gap:16px;margin-top:8px;}
.job-tag{font-family:"Barlow Condensed",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:4px 10px;background:rgba(92,26,40,.08);color:var(--burgundy);}
.perks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:48px;}
.perk{padding:40px 28px;background:var(--stone2);text-align:center;}
.perk-icon{font-size:2rem;margin-bottom:16px;}
.perk-name{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--charcoal);margin-bottom:8px;}
.perk-desc{font-size:.85rem;font-weight:300;color:#6a5a4e;line-height:1.6;}
@media(max-width:960px){.perks-grid{grid-template-columns:1fr 1fr;}.job-item{grid-template-columns:1fr;}}


/* ─────────────────────────────────────────
   FRANCHISING PAGE
───────────────────────────────────────── */

.fran-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:48px;}
.fstep{padding:40px 28px;background:var(--charcoal);position:relative;}
.fstep-num{font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:5rem;color:rgba(196,144,32,.08);position:absolute;top:12px;right:16px;line-height:1;}
.fstep-title{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:1.2rem;text-transform:uppercase;letter-spacing:.07em;color:var(--stone);margin-bottom:12px;}
.fstep-text{font-size:.86rem;font-weight:300;color:rgba(232,224,208,.45);line-height:1.65;}
.tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:48px;}
.tier{padding:44px 32px;background:var(--stone2);border-top:4px solid var(--mid-stone);transition:border-color .3s;}
.tier:hover{border-color:var(--burgundy);}
.tier-name{font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:2rem;text-transform:uppercase;letter-spacing:.05em;color:var(--charcoal);margin-bottom:8px;}
.tier-price{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:1.6rem;color:var(--burgundy);margin-bottom:20px;letter-spacing:.03em;}
.tier-list{list-style:none;}
.tier-list li{font-size:.88rem;font-weight:300;color:#5a4e44;padding:8px 0;border-bottom:1px solid var(--mid-stone);display:flex;align-items:center;gap:10px;}
.tier-list li::before{content:"✓";color:var(--orange);font-family:"Barlow Condensed",sans-serif;font-weight:700;}
@media(max-width:960px){.fran-steps,.tiers-grid{grid-template-columns:1fr;}}


/* ─────────────────────────────────────────
   PRESS PAGE
───────────────────────────────────────── */

.press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:48px;}
.press-card{background:var(--stone2);padding:36px 28px;border-bottom:3px solid transparent;transition:all .3s;}
.press-card:hover{background:white;border-color:var(--burgundy);}
.press-date{font-family:"Barlow Condensed",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:12px;}
.press-source{font-family:"Barlow Condensed",sans-serif;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mid-stone);margin-bottom:12px;}
.press-title{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:1.3rem;letter-spacing:.04em;text-transform:uppercase;color:var(--charcoal);margin-bottom:12px;line-height:1.2;}
.press-excerpt{font-size:.86rem;font-weight:300;color:#6a5a4e;line-height:1.65;margin-bottom:20px;}
.assets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:48px;}
.asset-card{padding:32px 24px;background:var(--charcoal);text-align:center;}
.asset-icon{font-size:2rem;margin-bottom:14px;}
.asset-name{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.07em;color:var(--stone);margin-bottom:8px;}
.asset-format{font-family:"Barlow Condensed",sans-serif;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ochre);}
@media(max-width:960px){.press-grid,.assets-grid{grid-template-columns:1fr;}}


/* ─────────────────────────────────────────
   CONTACT PAGE
───────────────────────────────────────── */

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.contact-form-side{padding:64px 56px;background:var(--stone2);}
.contact-info-side{padding:64px 48px;background:var(--charcoal);}
.info-item{margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid rgba(232,224,208,.07);}
.info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.info-label{font-family:"Barlow Condensed",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--ochre);margin-bottom:8px;}
.info-value{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:1.2rem;color:var(--stone);margin-bottom:4px;}
.info-sub{font-size:.86rem;font-weight:300;color:rgba(232,224,208,.4);}
.dept-tabs{display:flex;gap:3px;margin-bottom:32px;}
.dept-tab{font-family:"Barlow Condensed",sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:10px 18px;background:rgba(92,26,40,.08);color:var(--charcoal);cursor:pointer;border:none;transition:all .3s;}
.dept-tab.active,.dept-tab:hover{background:var(--burgundy);color:var(--stone);}
@media(max-width:960px){.contact-grid{grid-template-columns:1fr;}.contact-form-side,.contact-info-side{padding:48px 20px;}}


/* ─────────────────────────────────────────
   CONCEPT DETAIL PAGES (heat-house, craft-drip, garden-table, spice-route)
───────────────────────────────────────── */

.concept-hero{min-height:90vh;display:flex;align-items:flex-end;padding:0 48px 80px;position:relative;overflow:hidden;}
.concept-hero-content{position:relative;z-index:2;max-width:640px;}
.menu-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;margin-top:48px;}
.menu-item{padding:32px 28px;background:var(--stone2);border-bottom:3px solid transparent;transition:border-color .3s,background .3s;}
.menu-item:hover{background:white;border-color:var(--burgundy);}
.menu-cat{font-family:'Barlow Condensed',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--orange);margin-bottom:12px;}
.menu-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.3rem;text-transform:uppercase;letter-spacing:.05em;color:var(--charcoal);margin-bottom:8px;}
.menu-desc{font-size:.85rem;font-weight:300;line-height:1.6;color:#6a5a4e;margin-bottom:16px;}
.menu-price{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.1rem;color:var(--burgundy);letter-spacing:.05em;}
.concept-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;margin-top:48px;}
.info-block{padding:36px 28px;background:var(--charcoal);}
.info-icon{font-size:1.6rem;margin-bottom:16px;}
.info-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.1rem;text-transform:uppercase;letter-spacing:.07em;color:var(--stone);margin-bottom:10px;}
.info-text{font-size:.86rem;font-weight:300;line-height:1.65;color:rgba(232,224,208,.45);}
@media(max-width:960px){.concept-hero{padding:110px 20px 60px;min-height:auto;}.menu-grid,.concept-info-grid{grid-template-columns:1fr;}}