/* SINE — Shared Site Navigation
   Duplicated from index.html so Discover pages (Brand Story, FAQ, Contact,
   and the legal pages) render the identical header/nav experience as the
   landing page. */

:root{
  --black:#000000;
  --deep:#0a0a0a;
  --surface:#111111;
  --cream:#f6f2ec;
  --warm:#ede8e0;
  --white:#fdfcfb;
  --ink:#111111;
  --ink-mid:#5a5652;
  --ink-dim:#a09c98;
  --ink-faint:#ddd9d4;
  --silver:#c4c1bc;
  --silver-mid:#7a7772;
  --silver-dim:#3a3835;
  --bl:rgba(17,17,17,0.07);
  --bd:rgba(196,193,188,0.1);
  --sans:'Tenor Sans','Optima',sans-serif;
  --serif:'Cormorant Garamond',Georgia,serif;
}

@keyframes heroFadeIn{from{opacity:0}to{opacity:1}}

/* ANNOUNCEMENT BAR */
.ann-bar{background:var(--ink);color:var(--cream);text-align:center;padding:16px 20px;font-family:var(--sans);font-size:11px;letter-spacing:0.28em;text-transform:uppercase;position:relative;z-index:100;filter:brightness(1.05);opacity:0;animation:heroFadeIn 0.8s ease-out forwards}
.ann-bar em{opacity:0.4;margin:0 24px;font-style:normal}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:400;padding:28px 64px;display:flex;justify-content:space-between;align-items:center;transition:color .4s;opacity:0;animation:heroFadeIn 0.8s ease-out forwards}
nav.dk{background:transparent}
nav.lt{background:transparent}
.logo{position:relative;z-index:401;font-family:var(--sans);font-size:46px;letter-spacing:0.55em;text-decoration:none;font-weight:400;transition:color .4s}
nav.dk .logo{color:var(--silver)}
nav.lt .logo{color:var(--ink)}
.nav-links{display:flex;gap:48px;align-items:center;list-style:none}
nav.dk .nav-links a{color:var(--silver-mid)}
nav.lt .nav-links a{color:var(--ink-mid)}
.nav-links a{font-size:12.5px;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;opacity:0.95;transition:color .3s ease-out}
nav.dk .nav-links a:hover{color:#fff}
nav.lt .nav-links a:hover{color:var(--ink)}
.nav-pill{border:1px solid transparent;border-radius:999px;padding:9px 22px;transition:color .3s ease-out,border-color .3s ease-out}
nav.dk .nav-pill{border-color:var(--silver-mid);color:var(--silver-mid)}
nav.lt .nav-pill{border-color:var(--ink-mid);color:var(--ink-mid)}
nav.dk .nav-pill:hover{border-color:#fff}
nav.lt .nav-pill:hover{border-color:var(--ink)}

/* DISCOVER FLYOUT (desktop) */
.nav-discover{position:relative}
.nav-discover-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);margin-top:26px;background:rgba(10,10,10,0.98);padding:22px 30px;display:flex;flex-direction:column;gap:14px;min-width:160px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,transform .3s ease}
/* invisible hover bridge: fills the gap between the trigger and the panel so
   :hover never drops while the cursor travels straight down into it */
.nav-discover-panel::before{content:"";position:absolute;top:-26px;left:0;right:0;height:26px;background:transparent}
.nav-discover:hover .nav-discover-panel,.nav-discover:focus-within .nav-discover-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto}
.nav-discover-panel a{display:block;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;text-decoration:none;color:var(--silver-mid);white-space:nowrap;transition:color .25s ease}
.nav-discover-panel a:hover{color:#fff}

/* HAMBURGER */
.ham{display:none;flex-direction:column;gap:6px;background:none;border:none;padding:4px;z-index:201;cursor:pointer}
.ham-line{width:26px;height:1px;display:block;transition:all .3s}
nav.dk .ham-line{background:var(--silver)}
nav.lt .ham-line{background:var(--ink)}
.ham.open .ham-line:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ham.open .ham-line:nth-child(2){opacity:0}
.ham.open .ham-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mob-menu{display:none;position:fixed;inset:0;background:var(--black);z-index:198;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:40px}
.mob-menu.open{display:flex}
.mob-menu a,.mob-discover-label{font-family:var(--serif);font-size:38px;font-weight:300;font-style:italic;color:var(--silver);text-decoration:none;letter-spacing:0.04em}
.mob-cta{font-family:var(--sans)!important;font-size:11px!important;letter-spacing:0.28em!important;text-transform:uppercase;color:var(--black)!important;background:var(--cream);padding:15px 48px;font-style:normal!important}
.mob-discover{display:flex;flex-direction:column;align-items:center;gap:14px}
.mob-discover-sub{display:flex;flex-direction:column;align-items:center;gap:10px}
.mob-menu .mob-sub{font-size:22px;opacity:0.7;color:var(--silver-mid);margin-left:14px}

@media(max-width:768px){
  .ann-bar{font-size:8px;letter-spacing:0.1em;padding:12px 14px;line-height:1.8;display:flex;flex-direction:column;align-items:center;gap:2px}
  .ann-bar em{display:none}

  nav{padding:20px 22px}
  .logo{font-size:19px;letter-spacing:0.32em}
  .nav-links{display:none}
  .ham{display:flex}
  .mob-menu a,.mob-discover-label{font-size:28px}
  .mob-discover{gap:12px}
  .mob-discover-sub{gap:8px}
  .mob-menu .mob-sub{font-size:17px;margin-left:10px}
}