@import url("https://use.typekit.net/lvn0eze.css");
@import url("https://use.typekit.net/boh8wds.css"); /* Fields kit */ /* Adobe Fonts kit — loaded site-wide so every page gets brand fonts, not Georgia fallback */
html{scrollbar-gutter:stable both-edges !important}
/* ============================================================================
   bp-header.css — THE single source of truth for the header + announce bar.
   Loaded LAST on every page (homepage included). Edit HERE and every page
   updates together. Everything is !important so this file wins over any older
   per-page header rules — change one value, the whole site syncs.
   ============================================================================ */

/* ---- announce bar: text + flag removed, kept as a thin black line ---- */
.bp-announce{background:#000000 !important;font-size:0 !important;line-height:0 !important;
  height:8px !important;padding:0 !important;
  position:relative !important;z-index:1000000 !important;box-shadow:none !important}
.bp-announce i{display:none !important}

/* ---- header bar: brand green, light text ---- */
.bp-header{background:#f7f5f0 !important;border-bottom:1px solid rgba(17,17,17,.28) !important;
  box-shadow:none !important;width:100% !important;position:relative !important;z-index:1000000 !important}
.bp-header-row{display:grid !important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;align-items:center !important;
  height:auto !important;padding:clamp(34px,4vw,60px) clamp(18px,4vw,56px) clamp(14px,1.8vw,26px) !important;max-width:1500px !important;margin:0 auto !important;column-gap:.75rem !important}
.bp-header-nav{justify-self:start !important;display:flex !important;align-items:center !important;gap:28px !important;
  font-family:waverly-cf,system-ui,-apple-system,sans-serif!important;font-size:13px !important;font-weight:400 !important;
  letter-spacing:.2em !important;text-transform:uppercase !important;color:#111111 !important}
.bp-header-nav a{text-decoration:none !important;color:#111111 !important;transition:opacity .25s ease !important}
.bp-header-nav a:hover{opacity:.7 !important}
.bp-header-logo{justify-self:center !important;display:block !important;font-size:0 !important;line-height:0 !important;color:transparent !important;text-decoration:none !important;margin:0 !important}
.bp-header-icons{justify-self:end !important;display:flex !important;align-items:center !important;gap:22px !important;
  font-size:15.5px !important;color:#111111 !important}
.bp-header-icons a{color:#111111 !important;text-decoration:none !important;transition:opacity .25s ease !important}
.bp-header-icons a:hover{opacity:.6 !important}
.bp-header-icons svg{width:clamp(26px,6.5vw,44px) !important;height:clamp(26px,6.5vw,44px) !important;stroke-width:1.8 !important;display:block !important;color:#111111 !important;fill:none !important}
.bp-hamburger{display:inline-flex !important;align-items:center !important;justify-self:start !important;background:none !important;border:none !important;color:#111111 !important;cursor:pointer !important;padding:0 !important}
.bp-hamburger svg{width:clamp(26px,6.5vw,44px) !important;height:clamp(26px,6.5vw,44px) !important;display:block !important;color:#111111 !important;fill:none !important}

/* ---- header helpers (cart badge, account link, separators) — kept HERE so this
   file is the one and only place header CSS lives; pages no longer carry any ---- */
.bp-header-nav .bp-sep{color:#d1d1d1 !important}
.bp-account-link{font-family:waverly-cf,system-ui,-apple-system,sans-serif!important;font-size:13px !important;font-weight:400 !important;letter-spacing:.18em !important;text-transform:uppercase !important;white-space:nowrap !important;color:#111111 !important}
.bp-header-icons .ic{display:inline-flex !important;align-items:center !important}
.bp-cart-wrap{position:relative !important;display:inline-flex !important;align-items:flex-start !important}
.bp-cart-badge,.bp-cart-badge-dot{position:absolute !important;top:-.55rem !important;right:-.65rem !important;font-size:10px !important;background:#111111 !important;color:#fff !important;width:15px !important;height:15px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;font-family:waverly-cf,system-ui,-apple-system,sans-serif!important}

/* ---- responsive sizing (matches the reference homepage exactly) ---- */
@media (max-width:820px){ .bp-header-row{height:auto !important;padding:26px 28px 14px !important} }
@media (max-width:480px){
  .bp-header-row{height:auto !important;padding:22px 22px 12px !important}

  .bp-announce{font-size:0 !important;padding:0 !important;height:6px !important}
}
@media (max-width:360px){ .bp-header-row{padding:22px 16px 12px !important} }

/* ============================================================================
   Header wordmark → brand logo image. Cream logotype (transparent PNG) sized to
   the header bar; hides the live text on every page in one place. Aspect ~7.27:1.
   ============================================================================ */

/* the logo is a real <img> in the HTML on every page */


/* ============================================================================
   BRAND WORDMARK — the single largest element on the site.
   Transparent, tight-cropped, lossless PNG (1281x177, aspect 7.2373).
   Sized by width with height:auto so it NEVER letterboxes or scales down.
   ============================================================================ */
.bp-header-logo{
  justify-self:center !important;
  display:block !important;
  width:clamp(300px, 64vw, 900px) !important;
  max-width:100% !important;
  height:auto !important;
  aspect-ratio:7.2373 !important;
  font-size:0 !important; line-height:0 !important; color:transparent !important;
}
.bp-header-logo img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  image-rendering:auto !important;
}
@media (max-width:820px){ .bp-header-logo{ width:clamp(260px,68vw,560px) !important } }
@media (max-width:480px){ .bp-header-logo{ width:clamp(200px,60vw,330px) !important } }

/* True black type — gray ink plus antialiased smoothing was too hard to read. */
html, body{
  color:#000000 !important;
  -webkit-font-smoothing:auto !important;
  -moz-osx-font-smoothing:auto !important;
}
body, p, li, td, th, label, h1, h2, h3, h4, h5, h6, dt, dd, figcaption, small,
input, textarea, select, .coa-sub, .coa-eyebrow, .section-sub, .section-heading,
.metric-value, .metric-label, .data-label, .data-value, .doc-lab, .doc-meta,
.faq-answer, .faq-item summary, .ruo-strip, .callout, .callout p, .callout-heading,
.foot-brand, .foot-year, .foot-contact, .foot-ruo, .foot-ruo strong,
.c-prose, .c-coa-caps, .c-coa-sub, .c-line, .c-name, .c-ref-cas, .c-ref-note,
.c-sec-h, .c-sec-sub, .cert-preview-empty, .bp-drawer-nav a, .bp-drawer-header,
.bp-drawer-close, .bp-header-nav a, .bp-account-link{
  color:#000000 !important;
}
.text-gray-300, .text-gray-400, .text-gray-500, .text-gray-600, .text-gray-700,
.text-gray-800, .text-gray-900{
  color:#000000 !important;
}
a:not(.btn-primary):not(.btn-dark):not(.btn-black):not(.cta):not(.c-add):not(.bg-black):not(.text-white):not(.bp-gate-submit):not(.bp-btn-primary){
  color:#000000 !important;
}
/* White type on dark / gold controls — must beat the black-text rule */
.bg-black, .bg-black *,
.bg-\[\#111\], .bg-\[\#111\] *,
.bg-\[\#111111\], .bg-\[\#111111\] *,
.bg-\[\#111820\], .bg-\[\#111820\] *,
.bg-\[\#000\], .bg-\[\#000\] *,
.bg-\[\#000000\], .bg-\[\#000000\] *,
.btn-primary, .btn-primary *,
.btn-dark, .btn-dark *,
.btn-black, .btn-black *,
.cta:not(.ghost), .cta:not(.ghost) *,
.bp-gate-submit, .bp-gate-submit *,
.bp-btn-primary, .bp-btn-primary *,
.c-add, .c-add *,
.lab-count-badge, .lab-count-badge *,
.bp-ruo, .bp-ruo *,
.coa-modal-close, .coa-zoom-ctrl button,
.bp-announce,
.text-white, a.text-white, button.text-white,
button[type="submit"], input[type="submit"],
.bg-\[\#C9A84C\], .bg-\[\#C9A84C\] *,
.doc-save-btn, .doc-save-btn *,
.bp-cart-badge, .bp-cart-badge-dot, #bottom-cart-count,
.btn-outline:hover, .c-back:hover, .c-back:hover *,
.cta.ghost:hover, .cta.ghost:hover *{
  color:#ffffff !important;
}

/* White / inverse art-deco buttons — true white fill, never cream paper.
   Same thin inset line as the black buttons, inverted. */
.cta.ghost, .btn-outline, .c-back, .c-variant,
a.border.border-black, button.border.border-black,
a.border-black, button.border-black,
a.border-\[\#111111\], button.border-\[\#111111\],
a.border-\[\#111\], button.border-\[\#111\]{
  background:#ffffff !important;
  color:#000000 !important;
  border:1px solid #000000 !important;
  border-radius:0 !important;
  outline:1px solid rgba(0,0,0,.9) !important;
  outline-offset:-4px !important;
}
.cta.ghost *, .btn-outline *, .c-back *, .c-variant *{
  color:#000000 !important;
}

/* Paid Adobe Fonts — Typekit kits lvn0eze + boh8wds.
   Families: waverly-cf, aviano, aviano-didone, fields.
   Do not remove the @import lines at the top of this file.
   Do not replace these stacks with system-ui / Helvetica / Arial. */
body, p, li, td, th, label, h1, h2, h3, h4, h5, h6, dt, dd,
.coa-sub, .coa-eyebrow, .section-sub, .section-heading, .section-title,
.metric-value, .metric-label, .data-label, .data-value, .doc-lab, .doc-meta,
.faq-answer, .faq-item summary, .ruo-strip, .callout, .callout p, .callout-heading,
.foot-year, .foot-contact, .foot-ruo, .c-prose, .c-line, .c-name, .c-ref-note,
.c-sec-h, .c-sec-sub, .cert-preview-empty{
  font-family:"waverly-cf", Georgia, serif !important;
}
.bp-header-nav, .bp-header-nav a, .bp-account-link, .foot-links a,
.bp-drawer-nav a, .tracking-\[0\.18em\]{
  font-family:"waverly-cf", "aviano", sans-serif !important;
}
.foot-brand{
  font-family:"aviano-didone", "aviano", "waverly-cf", Georgia, serif !important;
}
.bp-drawer-nav{
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
  display:flex !important;
  flex-direction:column !important;
  padding-bottom:calc(88px + env(safe-area-inset-bottom)) !important;
}
.bp-drawer-nav a#bp-drawer-logout{
  margin-top:auto !important;
  border-top:1px solid rgba(17,17,17,.30) !important;
  padding-top:1.25rem !important;
}