*{box-sizing:border-box}:root{--bg:#f8f6f1;--paper:#fff;--ink:#171411;--muted:#625c53;--line:#e7e0d6;--accent:#8b5f33;--accent-dark:#5d3d1d;--radius:28px;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 74px;
  padding: 12px clamp(20px, 4vw, 56px);
  background: rgba(248, 246, 241, 0.92);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(231, 224, 214, 0.82);
}.brand img {
  width: 112px;
  height: auto;
}.main-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(14px, 2vw, 26px);
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
}.main-nav a{text-decoration:none}.nav-cta {
  padding: 10px 15px;
  border: 1px solid rgba(23, 20, 17, 0.72);
  border-radius: 999px;
}.hero {
  position: relative;
  min-height: 92vh;
  display: grid;
  align-items: center;
  padding: 150px clamp(20px, 6vw, 90px) 90px;
  overflow: hidden;
}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.46) 42%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.38),rgba(0,0,0,.10))}.hero-content{position:relative;z-index:2;max-width:760px;color:#fff}.eyebrow,.section-kicker,.product-label{margin:0 0 14px;font-size:.78rem;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.hero h1 {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(2.8rem, 5.2vw, 5.2rem);
  line-height: 0.96;
  letter-spacing: -0.035em;
  max-width: 820px;
}.hero-text{max-width:670px;margin:28px 0 0;font-size:clamp(1.02rem,1.7vw,1.28rem);color:rgba(255,255,255,.9)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .18s ease,background .18s ease}.button:hover,.text-link:hover{transform:translateY(-2px)}.button.primary{background:#fff;color:var(--ink)}.button.secondary{color:#fff;border:1px solid rgba(255,255,255,.7)}.section{padding:clamp(70px,9vw,120px) clamp(20px,6vw,90px)}.intro-grid,.split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,7vw,90px);align-items:start;max-width:1240px;margin:0 auto}.section-kicker,.product-label{color:var(--accent-dark)}h2{margin:0;font-family:var(--serif);font-size:clamp(2.3rem,4.6vw,4.7rem);line-height:.98;letter-spacing:-.03em}.section-heading{max-width:980px;margin:0 auto 44px;text-align:center}.section-heading.narrow{max-width:820px}.section-heading p,.intro-grid p,.split p{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:1320px;margin:0 auto}.product-card{display:grid;grid-template-rows:330px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 34px rgba(23,20,17,.07);min-height:760px}.product-media{overflow:hidden;background:#eee7dd}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .42s ease}.product-card:hover .product-media img{transform:scale(1.035)}.product-body{display:flex;flex-direction:column;padding:30px}.product-body h3{margin:0 0 14px;font-family:var(--serif);font-size:clamp(1.8rem,2.7vw,2.8rem);line-height:1;letter-spacing:-.02em}.product-body p{margin:0 0 18px;color:var(--muted)}.spec-list{display:grid;gap:8px;margin:4px 0 24px;padding:0;list-style:none}.spec-list li{position:relative;padding-left:18px;color:#3d3832;font-size:.96rem}.spec-list li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.text-link{margin-top:auto;align-self:flex-start;color:var(--ink);font-weight:800;text-decoration:none;border-bottom:2px solid var(--accent);transition:transform .18s ease}.guide{background:#fff;border-block:1px solid var(--line)}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1320px;margin:0 auto}.guide-grid article{padding:26px;border-radius:24px;background:var(--bg);border:1px solid var(--line)}.guide-grid h3{margin:0 0 10px;font-size:1.08rem}.guide-grid p{margin:0;color:var(--muted);font-size:.96rem}.arrows{background:#171411;color:#fff}.arrows .section-kicker,.arrows p{color:rgba(255,255,255,.72)}.arrows .text-link{color:#fff}.faq-list{max-width:940px;margin:0 auto;display:grid;gap:14px}details{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px 24px}summary{cursor:pointer;font-weight:800}details p{color:var(--muted);margin:14px 0 0}.site-footer{padding:42px clamp(20px,6vw,90px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;background:#fff;border-top:1px solid var(--line);color:var(--muted)}.site-footer a{color:var(--ink);font-weight:800;text-decoration:none}@media (max-width:980px){.site-header{position:absolute;align-items:flex-start}.main-nav{display:none}.hero{min-height:86vh}.intro-grid,.split,.product-grid,.guide-grid{grid-template-columns:1fr}.product-card{min-height:auto;grid-template-rows:290px auto}}@media (max-width:560px){.brand img{width:96px}.hero{padding:120px 20px 70px}.hero h1{font-size:clamp(2.55rem,13vw,4rem)}.hero-actions{flex-direction:column;align-items:stretch}.product-body{padding:24px}.section{padding:64px 18px}}

/* v16: simple top header + hero parallax, based on v13 */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  padding: 0;
  background: rgba(248, 246, 241, 0.92);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(231, 224, 214, 0.88);
  box-shadow: 0 8px 28px rgba(23, 20, 17, 0.06);
}

.header-inner {
  width: min(1240px, 100%);
  min-height: 78px;
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 54px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 32px;
}

.brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.brand img {
  width: 112px;
  height: auto;
  display: block;
}

.main-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.main-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  color: #201a14;
  text-decoration: none;
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 700;
  transition: background 180ms ease, transform 180ms ease;
}

.main-nav a:hover {
  background: rgba(139, 95, 51, 0.11);
  transform: translateY(-1px);
}

.nav-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 17px;
  border-radius: 999px;
  background: #171411;
  color: #fff;
  border: 1px solid #171411;
  text-decoration: none;
  font-size: 0.88rem;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  transition: background 180ms ease, transform 180ms ease;
}

.nav-cta:hover {
  background: #2a241e;
  transform: translateY(-1px);
}

/* Hero parallax */
.hero {
  position: relative;
  min-height: 94vh;
  display: grid;
  align-items: center;
  padding: 160px clamp(20px, 6vw, 90px) 90px;
  overflow: hidden;
  isolation: isolate;
}

.hero-parallax {
  position: absolute;
  inset: -12vh 0;
  z-index: -3;
  background-image: url("hero.jpg");
  background-size: cover;
  background-position: center;
  transform: translate3d(0, 0, 0) scale(1.08);
  will-change: transform;
}

.hero-image {
  display: none;
}

.hero-shade {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.74) 0%, rgba(0,0,0,0.46) 44%, rgba(0,0,0,0.10) 100%),
    linear-gradient(0deg, rgba(0,0,0,0.34), rgba(0,0,0,0.08));
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 820px;
}

.hero h1 {
  font-size: clamp(2.8rem, 5.2vw, 5.15rem);
  line-height: 0.96;
}

@media (max-width: 980px) {
  .header-inner {
    min-height: 70px;
    grid-template-columns: auto auto;
    justify-content: space-between;
    gap: 16px;
  }

  .main-nav {
    display: none;
  }

  .brand img {
    width: 98px;
  }

  .nav-cta {
    min-height: 40px;
    padding: 0 14px;
    font-size: 0.8rem;
  }

  .hero {
    min-height: 88vh;
    padding-top: 130px;
  }

  .hero-parallax {
    inset: 0;
    transform: none;
    background-position: center;
  }
}

@media (max-width: 560px) {
  .header-inner {
    min-height: 66px;
    padding: 0 14px;
  }

  .brand img {
    width: 90px;
  }

  .nav-cta {
    padding: 0 12px;
    font-size: 0.76rem;
  }

  .hero {
    padding: 126px 20px 72px;
  }
}


/* v18: redesigned no-logo menu */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  padding: 0;
  background: #ffffff;
  border-bottom: 1px solid rgba(231, 224, 214, 0.9);
  box-shadow: 0 4px 22px rgba(23, 20, 17, 0.045);
  backdrop-filter: none;
}

.header-inner.no-logo-header {
  width: min(1180px, 100%);
  min-height: 58px;
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 48px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
}

.site-name {
  font-family: var(--serif);
  font-size: 1.42rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #171411;
  text-decoration: none;
  white-space: nowrap;
}

.main-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.main-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  color: #2a241e;
  text-decoration: none;
  font-size: 0.84rem;
  line-height: 1;
  font-weight: 700;
  transition: background 180ms ease, transform 180ms ease;
}

.main-nav a:hover {
  background: rgba(139, 95, 51, 0.10);
  transform: translateY(-1px);
}

.nav-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: #171411;
  color: #ffffff;
  border: 1px solid #171411;
  text-decoration: none;
  font-size: 0.8rem;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  transition: background 180ms ease, transform 180ms ease;
}

.nav-cta:hover {
  background: #2a241e;
  transform: translateY(-1px);
}

.hero {
  padding-top: 126px;
}

@media (max-width: 980px) {
  .header-inner.no-logo-header {
    min-height: 54px;
    grid-template-columns: auto auto;
    justify-content: space-between;
    gap: 16px;
    padding: 0 16px;
  }

  .site-name {
    font-size: 1.24rem;
  }

  .main-nav {
    display: none;
  }

  .nav-cta {
    min-height: 34px;
    padding: 0 12px;
    font-size: 0.76rem;
  }

  .hero {
    padding-top: 112px;
  }
}

@media (max-width: 420px) {
  .site-name {
    font-size: 1.12rem;
  }

  .nav-cta {
    font-size: 0.72rem;
    padding: 0 10px;
  }
}