:root{--cream:#f8f6f1;--ink:#37332e;--sub:#746c63;--rose:#d5ae98;--line:#dedad2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.7 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}.skip{position:absolute;top:-60px;left:10px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,100px);border-bottom:1px solid rgba(55,51,46,.08)}.wordmark{font-size:18px;letter-spacing:.19em;font-weight:600;text-decoration:none;white-space:nowrap}.wordmark span{display:block;font-size:8px;letter-spacing:.39em;line-height:1.1;text-align:center;margin-top:3px}.site-header nav{display:flex;align-items:center;gap:clamp(20px,3vw,50px)}nav a,.footer-links a{font-size:10px;letter-spacing:.14em;font-weight:600;text-decoration:none}.nav-join{border-bottom:1px solid var(--ink);padding-bottom:6px}.nav-join span{margin-left:8px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;padding:clamp(35px,5vw,70px) clamp(24px,6vw,100px);gap:5vw;align-items:center}.hero-copy{max-width:610px}.eyebrow{font-size:10px;letter-spacing:.25em;font-weight:600;margin:0 0 32px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c5a78d;margin-right:9px;vertical-align:middle}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.04;letter-spacing:-.035em}h1{font-size:clamp(68px,6.6vw,116px);margin:0 0 31px}h1 em,h2 em{font-weight:400;color:#b78f78}.intro{color:var(--sub);max-width:440px;font-size:15px;line-height:1.95;margin-bottom:32px}.button{display:inline-flex;align-items:center;gap:34px;background:var(--ink);color:#fff;text-decoration:none;padding:17px 24px;font-size:10px;font-weight:600;letter-spacing:.15em;transition:background .2s}.button:hover,.input-row button:hover{background:#665247}.tiny{font-size:11px;color:var(--sub);margin-top:17px}.hero-art{min-height:590px;position:relative;background:linear-gradient(142deg,#e8d9cc 0%,#eeded5 36%,#caab9b 100%);overflow:hidden;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 14%,#fff9edb8,transparent 60%)}.halo{position:absolute;width:85%;aspect-ratio:1;border:1px solid rgba(255,253,245,.38);border-radius:50%;left:8%;top:-18%}.halo:after{content:'';position:absolute;inset:13%;border:1px solid rgba(255,253,245,.3);border-radius:50%}.sphere{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:56%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 29% 21%,#fff6e3 0%,#edd0b9 23%,#d1a18e 59%,#95685c 100%);box-shadow:26px 39px 60px #8d5f5a59,-22px -19px 50px #fff5e060}.art-word{position:absolute;left:0;right:0;top:55%;text-align:center;font:clamp(44px,6vw,85px)/1 'Libre Caslon Display',Georgia,serif;letter-spacing:.1em;color:#fff9ef;text-shadow:0 1px 12px #7b4e434d}.art-word span{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:.42em;margin-top:18px}.art-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;letter-spacing:.25em;font-size:9px;color:#fff8f0}.statement{padding:130px 24px;text-align:center;max-width:950px;margin:auto}.statement .eyebrow{margin-bottom:23px}.statement h2,.signup h2{font-size:clamp(48px,5vw,76px);margin:0 0 30px}.statement>p:last-child{max-width:530px;margin:auto;color:var(--sub);line-height:2}.signup{background:#efeae3;text-align:center;padding:115px 24px 120px}.signup-inner{max-width:660px;margin:auto}.signup .eyebrow{margin-bottom:22px}.signup-inner>p:not(.eyebrow){color:var(--sub);max-width:480px;margin:0 auto 42px}form{text-align:left}form>label{font-size:10px;font-weight:600;letter-spacing:.16em}.input-row{display:flex;margin-top:11px}.input-row input{width:100%;min-width:0;padding:19px;border:1px solid #c9c0b6;border-right:0;background:#f9f7f4;color:var(--ink);outline-offset:2px}.input-row button{padding:12px 23px;min-width:185px;background:var(--ink);color:white;border:0;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.1em}.permission{display:flex;align-items:flex-start;gap:10px;margin-top:18px}.permission input{margin-top:5px;accent-color:#665247}.permission label{font-size:11px;line-height:1.7;color:var(--sub)}.form-message{min-height:21px;color:#794b42;font-size:12px;margin:12px 0}.privacy-note{font-size:11px!important;margin:0!important}.privacy-note a{text-underline-offset:3px}footer{padding:70px clamp(24px,6vw,100px) 27px;display:grid;grid-template-columns:1fr 1fr;gap:45px}footer p{font-size:12px;color:var(--sub);margin-top:18px}.footer-links{justify-self:end;display:flex;gap:28px;flex-wrap:wrap}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;color:var(--sub);font-size:10px}@media(max-width:900px){.site-header{height:80px}.site-header nav>a:not(.nav-join){display:none}.hero{grid-template-columns:1fr;gap:36px;min-height:0}.hero-art{min-height:520px;order:-1}.hero-copy{max-width:650px;padding:20px 0 30px}h1{font-size:clamp(65px,12vw,100px)}.statement{padding:100px 26px}}@media(max-width:520px){.site-header{padding:0 20px}.site-header .wordmark{font-size:14px}.nav-join{font-size:9px}.hero{padding:22px 18px 70px}.hero-art{min-height:400px}.hero-copy{padding:7px 6px}h1{font-size:64px}.statement,.signup{padding:85px 23px}.statement h2,.signup h2{font-size:48px}.input-row{flex-direction:column;gap:10px}.input-row input{border:1px solid #c9c0b6}.input-row button{padding:19px}footer{grid-template-columns:1fr;gap:22px}.footer-links{justify-self:start;gap:20px}footer small{grid-column:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* AURORA product image */
.hero-art {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    padding: 0;
    background: transparent;
    overflow: hidden;
  }
  
  .hero-art::before {
    display: none;
  }
  
  .hero-art-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  /* AURORA OVAL IMAGE */
.hero-art {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 22px;
  min-height: 0;
  padding: 20px 0;
  background: transparent;
  overflow: visible;
}

.hero-art::before {
  display: none;
}

.hero-art-oval {
  width: min(100%, 540px);
  aspect-ratio: 4 / 5;
  border-radius: 50% / 38%;
  overflow: hidden;
  background: #e7ddd3;
}

.hero-art-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-art-caption {
  width: 100%;
  margin: 0;
  text-align: center;
  font-size: 10px;
  letter-spacing: 0.22em;
  color: #7b7168;
}

@media (max-width: 520px) {
  .hero-art-oval {
    width: min(100%, 320px);
  }
  .hero-art-caption {
    font-size: 9px;
  }
}/* Align bottom Nectar branding */
footer > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

footer .wordmark {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
  gap: 4px;
  line-height: 1.2;
}

footer .wordmark span {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
}

footer > div:first-child > p {
  margin-top: 16px;
}

/* NECTAR — Cookie consent banner */
.cookie-banner {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: min(92%, 760px);
  z-index: 1000;
  background: #fffcf8;
  border: 1px solid #ddc8ae;
  box-shadow: 0 12px 40px rgba(55, 51, 46, .14);
  padding: 24px;
  color: #37332e;
}

.cookie-banner[hidden] {
  display: none;
}

.cookie-banner h2 {
  font-family: 'Libre Caslon Display', Georgia, serif;
  font-size: 27px;
  margin: 0 0 8px;
}

.cookie-banner p {
  font-size: 13px;
  line-height: 1.7;
  margin: 0 0 18px;
}

.cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.cookie-actions button {
  padding: 12px 20px;
  border: 1px solid #a12090;
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
}

.cookie-accept {
  background: #a12090;
  color: #fff;
}

.cookie-reject {
  background: transparent;
  color: #a12090;
}

.cookie-actions a {
  font-size: 12px;
  margin-left: auto;
  text-underline-offset: 3px;
}

@media (max-width: 520px) {
  .cookie-banner {
    bottom: 10px;
    padding: 20px;
  }

  .cookie-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .cookie-actions button {
    width: 100%;
  }

  .cookie-actions a {
    margin: 8px auto 0;
  }
}

/* Nectar mobile navigation */
@media (max-width: 900px) {
  .site-header nav > a[href="/the-nectar-difference.html"] {
    display: inline-block;
  }

  .site-header nav {
    gap: 12px;
  }

  .site-header nav > a[href="/the-nectar-difference.html"] {
    font-size: 9px;
    letter-spacing: 0.06em;
    text-align: center;
    line-height: 1.4;
  }
}


/* NECTAR Accessibility — improved text contrast */

/* Rose Mauve italic headlines */
.hero h1 em,
.statement h2 em,
.signup h2 em {
  color: #80536D;
}

/* More readable supporting text */
.hero-art-caption,
.signup-inner > p:not(.eyebrow),
.permission label,
.privacy-note {
  color: #554B47;
}

/* Improve contrast of the cookie banner's privacy link */
.cookie-actions a {
  color: #554B47;
}
