:root {
    --ivory: #F5F0E4;
    --green: #2D4A3E;
    --terra: #8B3A1A;
    --sand: #E8C9A0;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  html { scroll-behavior:smooth; }
  body { background:var(--ivory); color:var(--green); font-family:'Jost',sans-serif; font-weight:300; overflow-x:hidden; }

  nav { position:fixed; top:0; left:0; right:0; z-index:100; background:var(--ivory); border-bottom:1px solid rgba(45,74,62,0.12); display:flex; align-items:center; justify-content:space-between; padding:0 48px; height:72px; }
  .nav-wordmark { font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; font-size:18px; letter-spacing:0.2em; text-transform:uppercase; color:var(--terra); }
  .nav-links { display:flex; gap:40px; list-style:none; }
  .nav-links a { font-family:'Jost',sans-serif; font-size:11px; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; color:var(--green); text-decoration:none; transition:color 0.2s; }
  .nav-links a:hover { color:var(--terra); }

  .hero { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:120px 48px 80px; background:var(--ivory); position:relative; }
  .hero::after { content:''; position:absolute; bottom:0; left:10%; right:10%; height:1px; background:linear-gradient(to right,transparent,var(--sand),transparent); }
  .hero-eyebrow { font-size:10px; font-weight:500; letter-spacing:0.35em; text-transform:uppercase; color:var(--terra); margin-bottom:40px; opacity:0; animation:fadeUp 0.8s ease 0.2s forwards; }
  .hero-logo { width:420px; max-width:85vw; margin-bottom:48px; opacity:0; animation:fadeUp 0.8s ease 0.4s forwards; }
  .hero-tagline { font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(28px,4vw,46px); font-weight:400; font-style:italic; color:var(--green); line-height:1.3; max-width:600px; margin-bottom:20px; opacity:0; animation:fadeUp 0.8s ease 0.6s forwards; }
  .hero-sub { font-size:14px; font-weight:300; color:var(--green); letter-spacing:0.05em; line-height:1.8; max-width:480px; margin-bottom:56px; opacity:0; animation:fadeUp 0.8s ease 0.8s forwards; }
  .hero-ctas { display:flex; gap:20px; flex-wrap:wrap; justify-content:center; opacity:0; animation:fadeUp 0.8s ease 1s forwards; }

  .btn-primary { display:inline-block; background:var(--terra); color:var(--ivory); font-family:'Jost',sans-serif; font-size:11px; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; text-decoration:none; padding:16px 36px; transition:background 0.25s,transform 0.2s; }
  .btn-primary:hover { background:var(--green); transform:translateY(-1px); }
  .btn-secondary { display:inline-block; border:1px solid var(--green); color:var(--green); font-family:'Jost',sans-serif; font-size:11px; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; text-decoration:none; padding:16px 36px; transition:background 0.25s,color 0.25s,transform 0.2s; }
  .btn-secondary:hover { background:var(--green); color:var(--ivory); transform:translateY(-1px); }

  .section-label { font-family:'Jost',sans-serif; font-size:10px; font-weight:500; letter-spacing:0.35em; text-transform:uppercase; color:var(--terra); margin-bottom:16px; }
  .section-title { font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(32px,4vw,52px); font-weight:600; color:var(--green); line-height:1.1; letter-spacing:0.04em; text-transform:uppercase; margin-bottom:20px; }
  .section-body { font-size:15px; font-weight:300; line-height:1.9; color:var(--green); max-width:520px; }
  .ornament { display:flex; align-items:center; gap:16px; margin-bottom:32px; }
  .ornament-line { height:1px; background:var(--sand); flex:1; max-width:60px; }
  .ornament-diamond { width:6px; height:6px; background:var(--terra); transform:rotate(45deg); flex-shrink:0; }

  .brands-intro { text-align:center; padding:72px 48px 0; max-width:600px; margin:0 auto; }
  .brands-intro-label { font-size:10px; font-weight:500; letter-spacing:0.35em; text-transform:uppercase; color:var(--terra); margin-bottom:12px; }
  .brands-intro-title { font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(22px,3vw,34px); font-weight:400; font-style:italic; color:var(--green); line-height:1.4; }
  .brands-intro-rule { width:48px; height:1px; background:var(--sand); margin:24px auto 0; }

  .adventuring-wrap { max-width:1200px; margin:0 auto; padding:80px 48px 100px; }
  .adv-header { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; margin-bottom:56px; }
  .adv-logo { width:200px; margin-bottom:28px; display:block; }

  .shop-bar { font-size:10px; font-weight:500; letter-spacing:0.35em; text-transform:uppercase; color:var(--terra); padding:16px 0 24px; border-top:1px solid var(--sand); }

  .logbook-types { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; align-items:start; }
  .logbook-col { display:flex; flex-direction:column; align-items:center; gap:14px; }
  .logbook-col-title { font-family:'Cormorant Garamond',Georgia,serif; font-size:15px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--green); text-align:center; }

  .mini-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; width:100%; }
  .mini-grid img { width:100%; border-radius:4px; display:block; box-shadow:0 3px 12px rgba(45,74,62,0.1); transition:transform 0.3s,box-shadow 0.3s; }
  .mini-grid img:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(45,74,62,0.18); }

  /* single CTA below all columns */
  .shop-cta-wrap { margin-top:40px; display:flex; justify-content:center; }
  .shop-cta { display:inline-block; background:var(--terra); color:var(--ivory); font-family:'Jost',sans-serif; font-size:11px; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; text-decoration:none; padding:16px 48px; transition:background 0.25s,transform 0.2s; cursor:default; opacity:0.85; }

  /* coming soon bar — bigger */
  .coming-soon-bar { margin-top:32px; display:flex; align-items:center; gap:16px; }
  .coming-soon-bar-line { flex:1; height:1px; background:rgba(45,74,62,0.1); }
  .coming-soon-bar-text { font-size:14px; font-weight:300; color:var(--green); opacity:0.6; font-style:italic; white-space:nowrap; text-align:center; line-height:1.7; }

  .why-section { background:var(--sand); padding:100px 48px; }
  .why-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
  .why-section .section-title { color:var(--green); }
  .why-section .section-body { color:var(--green); opacity:0.85; }
  .why-section .ornament-line { background:rgba(45,74,62,0.2); }
  .why-section .ornament-diamond { background:var(--terra); }
  .coming-soon-badge { display:inline-block; border:1px solid var(--terra); color:var(--terra); font-family:'Jost',sans-serif; font-size:9px; font-weight:500; letter-spacing:0.3em; text-transform:uppercase; padding:6px 16px; margin-bottom:28px; }
  .why-visual { background:rgba(255,255,255,0.5); border:1px solid rgba(45,74,62,0.12); padding:48px 40px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:24px; }
  .why-visual-title { font-family:'Cormorant Garamond',Georgia,serif; font-size:28px; font-weight:600; font-style:italic; color:var(--green); line-height:1.3; }
  .why-visual-sub { font-size:13px; font-weight:300; color:var(--green); opacity:0.7; line-height:1.8; max-width:300px; }
  .why-rule { width:40px; height:1px; background:var(--terra); opacity:0.4; }

  .signup-section { background:#EDE8D8; padding:80px 48px; border-top:1px solid rgba(45,74,62,0.08); }
  .signup-inner { max-width:560px; margin:0 auto; text-align:center; }
  .signup-inner .section-label { color:var(--terra); }
  .signup-inner .section-title { color:var(--green); font-size:clamp(24px,3vw,38px); margin-bottom:12px; }
  .signup-inner .section-body { color:var(--green); opacity:0.75; max-width:100%; margin:0 auto 40px; }
  .signup-form { display:flex; max-width:460px; margin:0 auto; }
  .signup-form input[type="email"] { flex:1; border:1px solid rgba(45,74,62,0.35); border-right:none; background:var(--ivory); color:var(--green); font-family:'Jost',sans-serif; font-size:13px; font-weight:300; padding:14px 20px; outline:none; }
  .signup-form input[type="email"]::placeholder { color:rgba(45,74,62,0.35); }
  .signup-form button { background:var(--terra); color:var(--ivory); border:none; font-family:'Jost',sans-serif; font-size:10px; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; padding:14px 24px; cursor:pointer; transition:background 0.2s; white-space:nowrap; }
  .signup-form button:hover { background:var(--green); }
  .signup-note { font-size:11px; color:var(--green); opacity:0.4; margin-top:16px; letter-spacing:0.05em; }

  .about-section { background:var(--ivory); padding:100px 48px; border-top:1px solid rgba(45,74,62,0.08); }
  .about-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 2fr; gap:80px; align-items:start; }
  .about-aside { position:sticky; top:100px; }
  .about-quote { font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(20px,2.5vw,28px); font-weight:400; font-style:italic; color:var(--terra); line-height:1.5; border-left:2px solid var(--sand); padding-left:24px; }
  .about-text p { font-size:15px; line-height:1.9; color:var(--green); margin-bottom:20px; font-weight:300; }

  footer { background:var(--green); color:var(--ivory); padding:60px 48px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px; }
  .footer-brand { font-family:'Cormorant Garamond',Georgia,serif; font-size:11px; font-weight:600; letter-spacing:0.25em; text-transform:uppercase; color:var(--sand); }
  .footer-imprints { font-size:10px; font-weight:400; letter-spacing:0.15em; color:rgba(245,240,228,0.45); }
  .footer-contact a { font-size:12px; color:rgba(245,240,228,0.6); text-decoration:none; letter-spacing:0.05em; }
  .footer-contact a:hover { color:var(--sand); }
  .footer-legal { font-size:10px; color:rgba(245,240,228,0.3); letter-spacing:0.05em; }

  @keyframes fadeUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }

  .founder-photo-wrap {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .founder-photo {
    width: 100%;
    max-width: 280px;
    border-radius: 4px;
    display: block;
    /* blend into ivory background with soft vignette */
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
    mix-blend-mode: multiply;
  }

  .founder-name {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--green);
    opacity: 0.65;
  }

  @media (max-width:900px) {
    nav { padding:0 24px; }
    .nav-links { display:none; }
    .adventuring-wrap { padding:60px 24px; }
    .adv-header { grid-template-columns:1fr; gap:32px; }
    .logbook-types { grid-template-columns:1fr; gap:48px; }
    .why-inner, .about-inner { grid-template-columns:1fr; gap:48px; }
    .about-aside { position:static; }
    footer { padding:48px 24px; }
    .signup-form { flex-direction:column; }
    .signup-form input[type="email"] { border-right:1px solid rgba(45,74,62,0.35); border-bottom:none; }
    .why-section { padding:72px 24px; }
    .brands-intro { padding:60px 24px 0; }
    .coming-soon-bar-text { white-space:normal; }
  }