:root{
  --cream:#f3eadc;
  --cream-2:#e9dcc9;
  --paper:#f7f2ea;
  --ink:#2d241f;
  --brown:#4a372d;
  --muted:#786b61;
  --line:rgba(45,36,31,.14);
  --max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"RADJHANI","Rajdhani",Arial,sans-serif;font-weight:300;line-height:1.65}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
h1,h2,.footer-brand,.wordmark{font-family:"ANSAM","Times New Roman",serif;font-weight:400}
h1{font-size:clamp(3.8rem,8vw,8.6rem);line-height:.93;letter-spacing:-.035em;max-width:900px}
h2{font-size:clamp(2.6rem,5vw,5.9rem);line-height:1;letter-spacing:-.03em}
h3{font-size:1.05rem;font-weight:500}
.progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:1000}.progress span{display:block;height:100%;background:#a9764d;width:0}
.site-header{position:fixed;z-index:500;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 4vw;color:#fff;mix-blend-mode:difference}
.wordmark{font-size:1.65rem;letter-spacing:.15em}
.nav{display:flex;align-items:center;gap:28px;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}
.nav-cta{border:1px solid currentColor;border-radius:999px;padding:10px 18px}
.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:22px;height:1px;background:#fff;margin:5px}
.hero,.station,.ingredient-art,.contact{position:relative;min-height:100svh;overflow:hidden}
.hero>img,.station>img,.ingredient-art>img{position:absolute;inset:0}
.hero-shade,.station-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,17,12,.68),rgba(25,17,12,.14) 62%,rgba(25,17,12,.08))}
.hero-copy,.station-copy{position:relative;z-index:2;color:#fff;padding:0 7vw;display:flex;min-height:100svh;justify-content:center;flex-direction:column;max-width:850px}
.hero-copy>p{font-size:1.08rem;max-width:680px}
.eyebrow{font-family:"BALGIN","Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:.24em;font-size:.68rem;font-weight:500;margin-bottom:24px;color:#c56f38}.eyebrow.dark{color:#c56f38}
.button{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:999px;padding:14px 24px;margin-top:28px;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em}.button.light{background:#f6eee2;color:#2e241f}.button.dark{background:#2e241f;color:#fff}
.scroll-cue{position:absolute;z-index:3;bottom:28px;right:4vw;color:#fff;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}
.section{padding:10vw 7vw}
.philosophy,.signature,.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.copy-column{max-width:680px}.copy-column p{color:var(--muted);font-size:1.02rem}.closing-line{font-family:"ANSAM","Times New Roman",serif!important;font-size:1.5rem!important;color:var(--ink)!important;line-height:1.35}
.image-panel{margin:0;min-height:720px;overflow:hidden}
.section-head{max-width:980px;margin-bottom:6vw}.section-head p{max-width:780px;color:var(--muted)}.section-head.narrow{max-width:650px}
.editorial-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:18px}.editorial-grid figure{margin:0;overflow:hidden}.editorial-large{grid-row:1/3;min-height:900px}.editorial-small{min-height:440px}
.blend-details{display:grid;grid-template-columns:repeat(4,1fr);margin-top:7vw;border-top:1px solid var(--line)}.detail-card{padding:34px 28px;border-right:1px solid var(--line)}.detail-card:last-child{border-right:0}.detail-card span,.hygiene-grid span{font-family:"ANSAM","Times New Roman",serif;font-size:1.8rem;color:#9b7357}.detail-card p{color:var(--muted);font-size:.9rem}
.ingredient-art{min-height:88svh}.ingredient-art-copy{position:relative;z-index:2;color:#fff;padding:8vw 7vw;display:flex;justify-content:flex-end;min-height:88svh;flex-direction:column;background:linear-gradient(0deg,rgba(30,20,13,.55),transparent 60%)}
.addon-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.addon{padding:34px 24px;border-right:1px solid var(--line)}.addon:last-child{border-right:0}.addon p{color:var(--muted);font-size:.92rem}.aside-note{margin-top:24px;color:var(--muted);font-size:.9rem}
.hygiene{background:#ede3d5}.hygiene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.hygiene-grid article{background:#ede3d5;padding:38px 28px}.hygiene-grid p{font-size:.9rem;color:var(--muted)}.statement{font-family:"ANSAM","Times New Roman",serif;font-size:clamp(1.8rem,3vw,3rem);margin-top:6vw;max-width:850px}
.station-copy{max-width:760px}.station-copy p{max-width:650px}.station .station-shade{background:linear-gradient(90deg,rgba(22,16,12,.75),rgba(22,16,12,.12))}
.space-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.space-grid figure{margin:0}.space-grid img{height:720px}.space-grid figcaption{font-family:"BALGIN","Trebuchet MS",sans-serif;padding:18px 0;font-size:.72rem;text-transform:uppercase;letter-spacing:.17em;color:#c56f38}
.partnership{background:var(--cream)}.partnership-intro{max-width:980px}.partnership-columns{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:6vw 0}.partnership-columns p{color:var(--muted)}
.contact{background:#2f241e;color:#fff;min-height:78svh;display:flex;align-items:center}.contact-copy{padding:10vw 7vw;max-width:1000px}.contact-copy a{display:block;font-family:"ANSAM","Times New Roman",serif;font-size:clamp(2rem,5vw,5rem);margin:36px 0}
.text-link{display:inline-block;margin-top:20px;border-bottom:1px solid currentColor;padding-bottom:4px}
footer{background:#201916;color:#fff;padding:5vw 7vw;display:flex;justify-content:space-between;align-items:flex-end}.footer-brand{font-size:4rem;letter-spacing:.08em}footer p,footer a{color:rgba(255,255,255,.62)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){
  .nav{position:fixed;inset:0;background:#251c18;display:flex;flex-direction:column;justify-content:center;gap:26px;opacity:0;pointer-events:none;transition:.3s}.nav.open{opacity:1;pointer-events:auto}.menu-toggle{display:block;position:relative;z-index:2}
  .philosophy,.signature,.about,.space-grid{grid-template-columns:1fr}.image-panel{min-height:560px}.editorial-grid{grid-template-columns:1fr;grid-template-rows:auto}.editorial-large,.editorial-small{min-height:500px;grid-row:auto}.blend-details,.addon-grid,.hygiene-grid{grid-template-columns:1fr 1fr}.detail-card:nth-child(2n),.addon:nth-child(2n),.hygiene-grid article:nth-child(2n){border-right:0}.space-grid img{height:560px}
}
@media(max-width:600px){
  .site-header{padding:18px 20px}.section{padding:90px 22px}.hero-copy,.station-copy{padding:0 22px}.hero-copy h1{font-size:3.8rem}.hero-copy br{display:none}.blend-details,.addon-grid,.hygiene-grid{grid-template-columns:1fr}.detail-card,.addon{border-right:0;border-bottom:1px solid var(--line)}.editorial-large,.editorial-small,.image-panel,.space-grid img{min-height:440px;height:440px}.partnership-columns{grid-template-columns:1fr}.contact-copy{padding:90px 22px}footer{padding:60px 22px;flex-direction:column;align-items:flex-start;gap:34px}.footer-brand{font-size:3rem}
}

.instagram-link{display:block;margin-top:10px;font-family:"BALGIN","Trebuchet MS",sans-serif;color:#c56f38;letter-spacing:.08em}

/* Mobile image integrity fixes */
@media(max-width:600px){
  .about .image-panel,
  .philosophy .image-panel,
  .signature .image-panel{
    min-height:0;
    height:auto;
    overflow:visible;
    background:var(--paper);
  }

  .about .image-panel img,
  .philosophy .image-panel img,
  .signature .image-panel img{
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
  }

  .hero,
  .station,
  .ingredient-art{
    min-height:auto;
    overflow:visible;
    background:#2f241e;
  }

  .hero>img,
  .station>img,
  .ingredient-art>img{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:center;
  }

  .hero-shade,
  .station-shade{
    display:none;
  }

  .hero-copy,
  .station-copy,
  .ingredient-art-copy{
    min-height:auto;
    max-width:none;
    padding:58px 22px 70px;
    background:#2f241e;
    color:#fff;
  }

  .ingredient-art-copy{
    justify-content:flex-start;
  }

  .scroll-cue{
    display:none;
  }
}


/* Version 5: Station contrast and text readability */
.station .station-shade{
  background:
    linear-gradient(90deg,
      rgba(22,16,12,.88) 0%,
      rgba(22,16,12,.72) 42%,
      rgba(22,16,12,.30) 72%,
      rgba(22,16,12,.10) 100%);
}

.station-copy,
.station-copy h2,
.station-copy p,
.station-copy .closing-line{
  color:#fff !important;
  text-shadow:0 2px 18px rgba(0,0,0,.34);
}

.station-copy .closing-line{
  opacity:1;
}

@media(max-width:600px){
  .station-copy{
    background:#2f241e;
  }

  .station-copy,
  .station-copy h2,
  .station-copy p,
  .station-copy .closing-line{
    color:#fff !important;
    text-shadow:none;
  }
}


/* Version 6: framed mobile navigation */
@media(max-width:900px){
  .nav{
    inset:18px;
    border:1px solid rgba(255,255,255,.42);
    border-radius:28px;
    background:rgba(37,28,24,.96);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 24px 70px rgba(0,0,0,.34);
  }

  .nav a{
    width:min(78vw,360px);
    padding:14px 18px;
    border:1px solid rgba(255,255,255,.20);
    border-radius:999px;
    text-align:center;
  }

  .nav .nav-cta{
    border-color:rgba(255,255,255,.64);
  }
}


/* Version 8: fully opaque mobile navigation */
@media(max-width:900px){
  .nav{
    background:#241b17 !important;
    opacity:0;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .nav.open{
    opacity:1;
  }

  .nav a{
    color:#f7f3ec !important;
    background:#241b17;
    border-color:rgba(247,243,236,.34) !important;
  }

  .nav .nav-cta{
    color:#f7f3ec !important;
    border-color:rgba(247,243,236,.70) !important;
  }

  body.menu-open{
    overflow:hidden;
  }
}


/* Version 9: guaranteed solid mobile menu */
@media (max-width:900px){
  html.menu-open,
  body.menu-open{
    overflow:hidden !important;
    height:100% !important;
  }

  body.menu-open::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:499;
    background:#241b17;
    opacity:1;
    pointer-events:auto;
  }

  .site-header{
    mix-blend-mode:normal !important;
  }

  .site-header .nav{
    position:fixed !important;
    inset:18px !important;
    z-index:500 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:18px !important;
    padding:72px 24px 34px !important;
    background:#241b17 !important;
    background-color:#241b17 !important;
    background-image:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    border:1px solid rgba(247,243,236,.42) !important;
    border-radius:28px !important;
    box-shadow:0 24px 70px rgba(0,0,0,.45) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    isolation:isolate !important;
  }

  .site-header .nav.open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .site-header .nav::before,
  .site-header .nav::after{
    display:none !important;
    content:none !important;
  }

  .site-header .nav a{
    width:min(78vw,360px) !important;
    padding:14px 18px !important;
    color:#f7f3ec !important;
    background:#2d221d !important;
    background-color:#2d221d !important;
    border:1px solid rgba(247,243,236,.28) !important;
    border-radius:999px !important;
    text-align:center !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }

  .site-header .nav .nav-cta{
    color:#f7f3ec !important;
    border-color:rgba(247,243,236,.68) !important;
  }

  .site-header .menu-toggle{
    position:relative !important;
    z-index:501 !important;
    mix-blend-mode:normal !important;
  }

  body.menu-open .site-header .wordmark,
  body.menu-open .site-header .menu-toggle{
    color:#f7f3ec !important;
  }

  body.menu-open .site-header .menu-toggle span{
    background:#f7f3ec !important;
  }
}