/* Nanourik: cream, charcoal and sun-gold, taken from the bottle labels. */
:root{--cream:#f6f1ea;--sand:#ece3d6;--paper:#dbd1bd;--ink:#33291f;--muted:#7c6d5e;--gold:#b98a4b;--max:1180px;
  --serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--cream);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--cream);padding:8px 14px;z-index:20}
.skip:focus{left:8px}
.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.eyebrow{color:var(--gold);font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;margin-bottom:14px}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.01em}
h1 em,h2 em{color:var(--gold)}
h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 30px;background:var(--ink);color:var(--cream);
  text-decoration:none;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--ink);transition:background .2s,color .2s}
.btn:hover{background:transparent;color:var(--ink)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--cream)}
.btn-small{min-height:42px;padding:0 18px;font-size:.72rem}
a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.top{position:sticky;top:0;z-index:10;background:rgba(246,241,234,.92);backdrop-filter:blur(10px);border-bottom:1px solid #e3d8c8}
.top-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}
.brand img{height:54px;width:auto}
.top nav{display:flex;gap:34px;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
.top nav a{text-decoration:none}
.top nav a:hover{color:var(--gold)}

.hero{position:relative;min-height:min(88vh,860px);display:flex;align-items:center;overflow:hidden}
.hero picture,.hero-img{position:absolute;inset:0;width:100%;height:100%}
.hero-img{object-fit:cover;object-position:center}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,241,234,.92) 0%,rgba(246,241,234,.7) 34%,rgba(246,241,234,0) 62%)}
.hero-copy{position:relative;z-index:1;padding:80px 0}
.hero h1{font-size:clamp(2.8rem,6.4vw,5.6rem);max-width:11ch}
.lead{font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--muted);max-width:40ch;margin:26px 0 36px}
.ctas{display:flex;flex-wrap:wrap;gap:14px}

.products{padding:110px 0 80px}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.product{background:#fff;border:1px solid #eadfcf}
.product img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.product-copy{padding:26px 28px 30px}
.product h3{font-size:1.8rem}
.size{color:var(--muted);font-size:.9rem;margin:6px 0 14px}
.status{margin-top:18px;color:var(--gold);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}
.note{margin-top:26px;color:var(--muted);font-size:.9rem}

.story{background:var(--sand);padding:110px 0}
.story-inner{max-width:760px}
.story p:not(.eyebrow){font-size:1.12rem;color:#4a3e32;margin-bottom:18px;max-width:58ch}

.faq{padding:100px 0;max-width:820px}
.faq details{border-top:1px solid #e3d8c8;padding:20px 0}
.faq details:last-of-type{border-bottom:1px solid #e3d8c8}
.faq summary{cursor:pointer;font-family:var(--serif);font-size:1.25rem;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--gold)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin-top:12px;color:var(--muted);max-width:62ch}

.launch{background:var(--ink);color:var(--cream);padding:100px 0;text-align:center}
.launch h2 em{color:#e3c08a}
.launch p{color:#d9cfc2;max-width:46ch;margin:0 auto 32px}
.launch .btn{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.launch .btn:hover{background:transparent;color:var(--cream)}

.foot{padding:50px 0 60px;font-size:.85rem;color:var(--muted)}
.foot-inner{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.foot img{height:44px;width:auto;margin-bottom:8px}

@media(max-width:760px){
  .top nav{display:none}
  .brand img{height:44px}
  .hero{min-height:auto;align-items:flex-end}
  .hero picture{position:relative;display:block;width:100%}
  .hero-img{position:relative;width:100%;height:60vh;object-fit:cover;object-position:center 45%}
  .hero::after{display:none}
  .hero{flex-direction:column}
  .hero-copy{padding:36px 0 50px}
  .products,.faq{padding:70px 0}
  .product-grid{grid-template-columns:1fr;gap:26px}
  .story,.launch{padding:70px 0}
}