/*
BRC Warm Air v0.10.1 — store grid + Kadence header skin + native FOOTER + ABOUT + HOME + RUO (mark, 2026-07-28)
Staged inactive; ships only when the brc-warmair child theme is activated (overnight flip).
Design source: /preview/warmair-store/ mock (Direction A, Scott-approved).
Brand lock: Cormorant Garamond / DM Sans / DM Mono, bark on cream, terracotta CTA.
*/
:root{
  --wa-bark:#3d2b24;--wa-bark-deep:#2a1d18;--wa-bark-soft:#5a4036;
  --wa-cream:#faf6f0;--wa-canvas:#fdfbf8;--wa-hair:#e4dccf;--wa-hair-dk:#d5c6b1;
  --wa-terracotta:#9e603c;--wa-bronze:#9e8266;--wa-sage:#7d8471;
  --wa-ink60:rgba(61,43,36,.7);--wa-ink40:rgba(61,43,36,.45);
  --wa-serif:'Cormorant Garamond',Georgia,serif;
  --wa-sans:'DM Sans',-apple-system,Helvetica,Arial,sans-serif;
  --wa-mono:'DM Mono',Menlo,monospace;
  --wa-shadow:0 6px 24px rgba(42,29,24,.08);--wa-shadow-sm:0 3px 12px rgba(42,29,24,.06);
}

/* ---------- store canvas ---------- */
body.post-type-archive-product,
body.tax-product_cat{background:var(--wa-canvas)}

/* ---------- grid ---------- */
.woocommerce ul.products,
.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0 0 48px;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after,
.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{content:none;display:none}

/* ---------- card ---------- */
.woocommerce ul.products li.product.wa-card,
.woocommerce-page ul.products li.product.wa-card{float:none;width:auto;margin:0;padding:0;background:#fff;border-radius:18px;box-shadow:var(--wa-shadow-sm);overflow:hidden;transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column}
.wa-card:hover{transform:translateY(-4px);box-shadow:var(--wa-shadow)}
.wa-link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}

.wa-img{position:relative;height:210px;padding:14px;background:#fff}
.wa-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:22px;mix-blend-mode:multiply;margin:0}
.wa-chip{position:relative;z-index:2;display:inline-block;font-family:var(--wa-mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;background:rgba(253,251,248,.82);backdrop-filter:blur(3px);padding:5px 10px;border-radius:100px;color:var(--wa-bark-soft)}

/* ---------- category chip tints (real product_cat slugs; image bg is white) ---------- */
li.product_cat-sleep-research-peptides .wa-chip{background:#ecdcc9}
li.product_cat-neuropeptide-research .wa-chip{background:#ecd0c9}
li.product_cat-cognitive-research-compounds .wa-chip{background:#dcd6e3}
li.product_cat-skin-anti-aging-research-compounds .wa-chip{background:#ecd8c2}
li.product_cat-longevity-research-peptides .wa-chip{background:#d9e0cf}
li.product_cat-metabolic-research .wa-chip{background:#e0ddd5}
li.product_cat-recovery-research-peptides .wa-chip{background:#e8dcc6}
li.product_cat-growth-research .wa-chip{background:#dae1d0}
li.product_cat-reconstitution-solution .wa-chip{background:#dae1d0}

/* ---------- card body ---------- */
.wa-body{padding:16px 18px 0}
.wa-nm{font-family:var(--wa-serif);font-size:21px;font-weight:500;line-height:1.15;margin:0;color:var(--wa-bark)}
.wa-ds{font-family:var(--wa-sans);font-size:12px;color:var(--wa-ink60);margin:3px 0 12px;min-height:30px}
.wa-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 18px 18px;margin-top:auto}
.wa-pr,.wa-pr .amount,.wa-pr bdi{font-family:var(--wa-mono);font-size:13.5px;color:var(--wa-terracotta);font-weight:400}
.wa-pr del,.wa-pr del .amount{color:var(--wa-ink40);font-size:11.5px}
.wa-foot .button,.wa-foot a.add_to_cart_button,.wa-foot .added_to_cart{background:var(--wa-bark-deep);color:var(--wa-cream);border:none;border-radius:100px;font-family:var(--wa-sans);font-weight:500;font-size:12px;padding:9px 16px;line-height:1.2;transition:.15s;white-space:nowrap}
.wa-foot .button:hover,.wa-foot a.add_to_cart_button:hover{background:var(--wa-terracotta);color:#fff}

/* sale badge */
.wa-card .onsale{position:absolute;z-index:3;top:14px;right:14px;left:auto;margin:0;background:var(--wa-terracotta);color:#fff;font-family:var(--wa-mono);font-size:10px;letter-spacing:.08em;border-radius:100px;padding:5px 10px;min-height:0;min-width:0;line-height:1.2}

/* ---------- archive header + controls ---------- */
.woocommerce-products-header{text-align:center;margin:44px 0 10px}
.woocommerce-products-header__title{font-family:var(--wa-serif);font-weight:500;font-size:36px;color:var(--wa-bark)}
.woocommerce .woocommerce-result-count{font-family:var(--wa-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--wa-ink40)}
.woocommerce .woocommerce-ordering select{font-family:var(--wa-sans);font-size:13px;border:1px solid var(--wa-hair-dk);border-radius:100px;padding:8px 14px;background:#fff;color:var(--wa-bark-soft)}

/* ---------- pagination ---------- */
.woocommerce nav.woocommerce-pagination ul{border:none}
.woocommerce nav.woocommerce-pagination ul li{border:none}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{font-family:var(--wa-mono);font-size:12px;border:1px solid var(--wa-hair-dk);border-radius:100px;margin:0 3px;padding:8px 14px;color:var(--wa-bark-soft);background:#fff}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--wa-bark-deep);color:var(--wa-cream);border-color:var(--wa-bark-deep)}

/* ---------- responsive ---------- */
@media(max-width:960px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr);gap:16px}
  .wa-img{height:170px}
  .wa-nm{font-size:19px}
}
@media(max-width:520px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr}
  .wa-img{height:200px}
}
/* ============================================================
   Warm Air — single product (PDP hero/buy-box) v0.3.0
   ============================================================ */
.single-product .wa-single{max-width:1200px;margin:0 auto;padding:0 32px}
.wa-pdp{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;margin-top:44px}
.wa-pdp-gallery{position:relative;background:#fff;border-radius:24px;box-shadow:var(--wa-shadow);min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.wa-pdp-gallery img{width:74%;height:auto;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 30px rgba(42,29,24,.18));margin:0}
.wa-ribbon{position:absolute;top:20px;left:20px;right:auto;bottom:auto;width:auto;height:auto;inset:20px auto auto 20px;z-index:2;font-family:var(--wa-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:rgba(253,251,248,.85);padding:6px 12px;border-radius:100px;color:var(--wa-bark-soft)}

.wa-buy{padding:6px 0}
.wa-eyebrow{font-family:var(--wa-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--wa-terracotta)}
.wa-title{font-family:var(--wa-serif);font-weight:500;font-size:52px;line-height:1.02;margin:10px 0 6px;color:var(--wa-bark)}
.wa-syn{font-family:var(--wa-serif);font-style:italic;font-size:17px;color:var(--wa-ink60);margin-bottom:18px}
.wa-syn p{margin:0}
.wa-price-row{display:flex;align-items:baseline;gap:14px;margin:22px 0 18px}
.wa-price,.wa-price .amount,.wa-price bdi{font-family:var(--wa-serif);font-size:40px;font-weight:500;color:var(--wa-bark)}
.wa-price del,.wa-price del .amount{font-size:22px;color:var(--wa-ink40)}
.wa-price ins{text-decoration:none}
.wa-free{font-family:var(--wa-mono);font-size:11px;letter-spacing:.06em;color:var(--wa-sage)}

/* native Woo add-to-cart, Warm Air skin */
.single-product .wa-buy form.cart{margin:0 0 8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.single-product .wa-buy form.cart .quantity{display:flex;align-items:center;border:1px solid var(--wa-hair-dk);border-radius:100px;overflow:hidden}
.single-product .wa-buy form.cart .quantity input.qty{width:54px;border:none;background:transparent;text-align:center;font-family:var(--wa-mono);font-size:14px;color:var(--wa-bark);padding:12px 0}
.single-product .wa-buy form.cart button.single_add_to_cart_button{flex:1;min-width:200px;background:var(--wa-terracotta);color:#fff;border:none;border-radius:100px;font-family:var(--wa-sans);font-weight:700;font-size:14.5px;letter-spacing:.04em;padding:17px 24px;box-shadow:0 8px 20px rgba(158,96,60,.28);transition:.15s}
.single-product .wa-buy form.cart button.single_add_to_cart_button:hover{background:#8a5233}

.wa-assure{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap}
.wa-assure div{display:flex;align-items:center;gap:8px;font-family:var(--wa-sans);font-size:12.5px;color:var(--wa-ink60)}
.wa-assure .wa-tick{color:var(--wa-sage);font-weight:700}

@media(max-width:960px){
  .wa-pdp{grid-template-columns:1fr;gap:26px}
  .wa-pdp-gallery{min-height:360px}
  .wa-title{font-size:40px}
  .single-product .wa-single{padding:0 20px}
}

/* ---------- homepage warm-air alignment ----------
   RETIRED v0.10.0 (mark, 2026-07-28). This was a patch layer that reached into
   Elementor's generated element IDs (.elementor-element-ef9ca05 hero card,
   .elementor-element-5e5bd05 hero CTA) to bend the Elementor homepage toward the
   Warm Air design, plus a neutraliser for the entrance-animation fade that left
   the card ghosted. front-page.php now renders the homepage natively, so all of
   it is dead — the treatment it carried (24px radius, lifted shadow, RUO ribbon,
   bark-deep pill CTA) is folded into .brc-home-herocard / .brc-home-btn below.
   The block had also been pasted in twice, byte-identical. ---------- */

/* =====================================================================
   HEADER — v0.6.0 (mark, 2026-07-27)
   Kadence ships a real header (branding, primary nav, mobile drawer,
   skip links, schema). We keep that structure and skin it to the Warm Air
   lock rather than overriding header.php, so the drawer + a11y behaviour
   survive. hello-elementor rendered only a bare site-title, so this is a
   build, not a port — there was no prod header worth reproducing.
   ===================================================================== */
.site-header,
#masthead{background:var(--wa-cream);border-bottom:1px solid var(--wa-hair);box-shadow:none}
#main-header .site-header-row,
#masthead .site-header-row{min-height:82px}
.site-header-main-section-left,
.site-header-main-section-right{align-items:center}

/* wordmark */
.site-branding a.brand img,
.site-branding img.custom-logo{max-height:52px;width:auto;height:auto}
.site-branding .site-title{font-family:var(--wa-serif);font-weight:500;font-size:26px;letter-spacing:.01em;color:var(--wa-bark)}
.site-branding a:hover .site-title{color:var(--wa-terracotta)}

/* primary nav */
#masthead .header-navigation ul li a,
.header-navigation .primary-menu-container>ul>li>a{
  font-family:var(--wa-sans);font-size:13px;font-weight:500;letter-spacing:.06em;
  text-transform:uppercase;color:var(--wa-bark-soft);padding:10px 16px;transition:color .16s}
#masthead .header-navigation ul li a:hover,
.header-navigation .primary-menu-container>ul>li>a:hover{color:var(--wa-terracotta)}
#masthead .header-navigation ul li.current-menu-item>a,
#masthead .header-navigation ul li.current_page_item>a{color:var(--wa-bark);position:relative}
#masthead .header-navigation ul li.current-menu-item>a::after,
#masthead .header-navigation ul li.current_page_item>a::after{
  content:"";position:absolute;left:16px;right:16px;bottom:4px;height:1px;background:var(--wa-terracotta)}

/* mobile drawer + toggle */
.mobile-toggle-open-container .menu-toggle-open,
button.menu-toggle-open{color:var(--wa-bark)}
#mobile-drawer .drawer-inner{background:var(--wa-cream)}
#mobile-drawer .mobile-navigation ul li a{
  font-family:var(--wa-sans);font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--wa-bark)}
#mobile-drawer .mobile-navigation ul li a:hover{color:var(--wa-terracotta)}

/* the category strip (brc-store-nav, mu-plugin) sits directly under the header */
.brc-store-nav{border-bottom:1px solid var(--wa-hair);background:var(--wa-canvas)}

@media(max-width:1024px){
  #main-header .site-header-row,#masthead .site-header-row{min-height:68px}
  .site-branding a.brand img,.site-branding img.custom-logo{max-height:42px}
}

/* ---------------- native footer (v0.8.0) ----------------
   Ports Elementor template 154. Values carried across verbatim: ground #3d2b24,
   119/119/119/160 pad, 545px min-height, 295px reversed lockup, 130px link
   columns at +100px / +70px offsets, links DM Sans 700 16px/40px #FFFDF9,
   fine print 12px #D4B27C with 5% tracking.
   ONE DELIBERATE DEVIATION: the RUO paragraph was set to line-height 100% in
   Elementor, which collides the lines of a 4-line 12px block. Set to 1.6. */
.brc-footer{background:#3d2b24;color:#fffdf9;font-family:var(--wa-sans)}
.brc-footer-inner{
  max-width:1440px;margin:0 auto;min-height:545px;padding:119px 119px 119px 160px;
  display:flex;flex-wrap:wrap;align-items:flex-start}
.brc-footer-brand{flex:0 0 25%}
.brc-footer-brand a{display:inline-block}
.brc-footer-logo{display:block;width:295px;max-width:100%;height:auto}
.brc-footer-wordmark{font-family:var(--wa-serif);font-size:30px;color:#fffdf9}
.brc-footer-nav{flex:0 0 130px;margin-left:100px}
.brc-footer-social{flex:0 0 130px;margin-left:70px}
.brc-footer-nav ul,.brc-footer-social ul{list-style:none;margin:0;padding:0}
.brc-footer-nav a,.brc-footer-social a{
  display:block;font-size:16px;font-weight:700;line-height:40px;letter-spacing:.02em;
  color:#fffdf9;text-decoration:none;white-space:nowrap}
.brc-footer-nav a:hover,.brc-footer-social a:hover,
.brc-footer-nav a:focus-visible,.brc-footer-social a:focus-visible{color:#d4b27c}
.brc-footer-ruo{
  flex:1 0 100%;max-width:897px;margin:56px 0 0;
  font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.05em;color:#d4b27c}
.brc-footer-base{
  flex:1 0 100%;display:flex;justify-content:space-between;align-items:flex-end;
  gap:24px;margin-top:32px}
.brc-footer-copy,.brc-footer-totop{
  margin:0;font-size:12px;line-height:1.4;letter-spacing:.05em;color:#d4b27c}
.brc-footer-copy{font-weight:500;margin-left:15px}
.brc-footer-totop a{font-weight:700;text-transform:uppercase;color:#fcfaf7;text-decoration:none}
.brc-footer-totop a:hover,.brc-footer-totop a:focus-visible{color:#d4b27c}

@media(max-width:1024px){
  .brc-footer-inner{min-height:0;padding:100px 50px 48px}
  .brc-footer-brand{flex:0 0 100%;margin-bottom:44px}
  .brc-footer-nav{margin-left:0}
  .brc-footer-ruo{margin-top:44px}
}
@media(max-width:767px){
  .brc-footer-inner{padding:60px 24px 44px}
  .brc-footer-brand,.brc-footer-nav,.brc-footer-social{flex:0 0 100%;margin-left:0;margin-bottom:28px}
  .brc-footer-logo{width:240px}
  .brc-footer-ruo{margin-top:8px}
  .brc-footer-base{flex-direction:column;align-items:flex-start;gap:14px}
  .brc-footer-copy{margin-left:0}
}

/* ---------------- About page (v0.9.0) ----------------
   Ports Elementor page 165. Carried verbatim: ground #FAF6F0; hero 95vh with
   120/100 pad and a 75% inner at +80px; split blocks at 70% width, 40px gap,
   +100px rhythm; Cormorant 700 52px title / 36px headings; 20px lede #856D56;
   16px/24px body #3D2B24CC; centred band capped at 572px with a 2.5%-tracked
   uppercase eyebrow.
   DEVIATIONS, all deliberate:
   1. STIX Two Text -> DM Sans on the lede lines. STIX is not a Briar Rose face
      and is not self-hosted; same remap already applied to the footer 2026-07-20.
   2. Heading line-height 100% -> 1.08. Cormorant descenders clip at exactly 1.
   3. The 324px spacer container is now a clamp() — fixed 324px is a third of a
      phone screen of dead air.
   4. Each split block appears ONCE. Elementor shipped two copies per block
      (hide_mobile / hide_desktop+tablet) purely to reorder on small screens,
      which duplicated every paragraph in the DOM. Reordered in CSS instead. */
.brc-about{background:#faf6f0;color:var(--wa-bark)}
.brc-about h2{
  font-family:var(--wa-serif);font-weight:700;font-size:36px;line-height:1.08;
  letter-spacing:0;color:#3d2b24;margin:0}
.brc-about-title{
  font-family:var(--wa-serif);font-weight:700;font-size:52px;line-height:1.08;
  color:#3d2b24;margin:0;text-align:center}
.brc-about-lede{
  font-family:var(--wa-sans);font-size:20px;font-weight:400;line-height:1.35;
  color:#856d56;margin:14px 0 0}
.brc-about-body{
  font-family:var(--wa-sans);font-size:16px;font-weight:400;line-height:24px;
  color:rgba(61,43,36,.8);margin:18px 0 0;max-width:428px}
.brc-about-img{display:block;width:100%;height:auto}

.brc-about-hero{
  min-height:95vh;padding:120px 24px 100px;margin-bottom:clamp(72px,22vw,324px);
  display:flex;flex-direction:column;align-items:center;justify-content:center}
.brc-about-hero-inner{
  width:75%;max-width:1160px;margin-top:80px;display:flex;align-items:center}
.brc-about-hero-text{flex:0 0 40%;max-width:428px}
.brc-about-hero-media{flex:1 1 auto;min-width:0}

.brc-about-split{
  width:70%;max-width:1160px;margin:100px auto 0;display:flex;align-items:center;gap:40px}
.brc-about-split.is-reverse{flex-direction:row-reverse}
.brc-about-split-text{flex:1 1 422px;max-width:428px}
.brc-about-split-media{flex:1 1 50%;min-width:0}
.brc-about-split:last-of-type{margin-bottom:100px}

.brc-about-band{
  margin:100px auto 0;padding:0 24px;max-width:572px;text-align:center;
  display:flex;flex-direction:column;align-items:center}
.brc-about-eyebrow{
  font-family:var(--wa-sans);font-size:16px;font-weight:700;line-height:24px;
  letter-spacing:.025em;text-transform:uppercase;color:#3d2b24;margin:0}
.brc-about-band h2{margin-top:14px}

@media(max-width:1024px){
  .brc-about-hero-inner{width:88%;flex-direction:column;gap:40px;margin-top:56px}
  .brc-about-hero-text{flex:1 1 auto;max-width:100%}
  .brc-about-split,.brc-about-split.is-reverse{width:88%;flex-direction:column;gap:32px;margin-top:80px}
  .brc-about-split-text{flex:1 1 auto;max-width:100%}
  /* block B led with its image on mobile in the original; block A led with text */
  .brc-about-split:not(.is-reverse) .brc-about-split-media{order:-1}
  .brc-about-band{margin-top:80px}
  .brc-about-split:last-of-type{margin-bottom:80px}
}
@media(max-width:767px){
  .brc-about-hero{min-height:0;padding:80px 24px 56px}
  .brc-about-title{font-size:42px}
  .brc-about h2{font-size:30px}
  .brc-about-lede{font-size:17px}
  .brc-about-body{font-size:14px}
  .brc-about-split,.brc-about-split.is-reverse{width:100%;padding:0 24px;margin-top:64px}
  .brc-about-split:last-of-type{margin-bottom:64px}
  .brc-about-band{margin-top:64px}
}
/* ---------------- Home / front page (v0.10.0) ----------------
   Ports Elementor post 2, read from PRODUCTION _elementor_data (staging's copy
   was stale). Carried verbatim: hero 882px with a 20px top margin and the
   Hero image cover/top-center; 71.923% hero row with a 60% text column;
   Cormorant 700 62/72 h1 (42/52 mobile); DM Sans 16/24 #5A4036 sub at 62% width;
   sections at 70% width, centred, on a 100px rhythm; Cormorant 700 52/62 section
   head with 100px pad; 3-up card grid on #FAF6F0 at 350px min-height with 163px
   icons; 40/60 details split; 415px CTA band (500px mobile) on image-39 at
   natural size; 4-up collage at 30px gaps, 2-up at 20px on mobile.
   DEVIATIONS, all deliberate:
   1. STIX Two Text -> DM Sans on the "Details, not promises." lede. STIX is not
      a Briar Rose face and is not self-hosted; the same remap was applied to the
      footer 2026-07-20 and to About in v0.9.0.
   2. The hero product card's label was positioned with a hardcoded 570px top
      margin on the heading. Replaced with min-height + flex-end, which survives
      a font or image change; the rendered result is the same.
   3. The Elementor nested-accordion (JS widget) is now <details>/<summary>.
      Keyboard and screen-reader behaviour comes free and nothing depends on JS.
   4. Section 8 of the Elementor tree was an empty stray e-flexbox. Dropped.
   KNOWN ISSUE — FIXED 2026-07-28, Scott approved (band text to cream, ~4.6:1 AA). Was: the CTA-band button is #3D2B24 on #9E603C,
   which is ~2.4:1 and fails WCAG AA. Ported verbatim so this migration is a
   pure like-for-like; flagged to Scott separately as a copy/colour decision. */
.brc-home{background:var(--wa-canvas);color:var(--wa-bark);overflow-x:hidden}
.brc-home img{max-width:100%;height:auto}
.brc-home-h1{
  font-family:var(--wa-serif);font-weight:700;font-size:62px;line-height:72px;
  letter-spacing:0;color:#3d2b24;margin:0}
.brc-home-h2{
  font-family:var(--wa-serif);font-weight:700;font-size:52px;line-height:54px;
  letter-spacing:0;color:#3d2b24;margin:0;max-width:428px}

/* buttons */
.brc-home-btn{
  display:inline-block;font-family:var(--wa-mono);font-size:14px;font-weight:500;
  text-transform:uppercase;text-decoration:none;line-height:1;transition:.2s}
.brc-home-btn--solid{
  background:var(--wa-bark-deep);color:var(--wa-cream);border-radius:100px;
  letter-spacing:.1em;padding:16px 30px}
.brc-home-btn--solid:hover{background:var(--wa-bark);color:var(--wa-cream)}
.brc-home-btn--outline{
  background:transparent;color:#3d2b24;border:1.5px solid #3d2b24;border-radius:0;
  letter-spacing:.08em;padding:16px 34px}
.brc-home-btn--outline:hover{background:#3d2b24;color:var(--wa-cream)}
.brc-home-btn--band{
  background:#9e603c;color:var(--wa-cream);border-bottom:2px solid #b1695f;border-radius:0;
  letter-spacing:.08em;padding:14px 30px;line-height:1.2}
.brc-home-btn--band:hover{background:var(--wa-bark-deep);color:var(--wa-cream)}

/* ---- hero ---- */
.brc-home-hero{
  margin-top:20px;min-height:882px;padding:0;display:flex;align-items:center;
  justify-content:center;background-position:top center;background-repeat:no-repeat;
  background-size:cover}
.brc-home-hero-inner{width:71.923%;display:flex;align-items:stretch;gap:0}
.brc-home-hero-text{
  flex:0 1 60%;display:flex;flex-direction:column;justify-content:center}
.brc-home-hero-sub{
  font-family:var(--wa-sans);font-size:16px;font-weight:400;line-height:24px;
  color:#5a4036;margin:0;padding-top:6px;max-width:62%}
.brc-home-hero-cta{margin:0;padding-top:6px}

.brc-home-herocard{
  flex:0 1 50%;position:relative;display:flex;flex-direction:column;
  justify-content:flex-end;min-height:620px;margin:48px 48px 48px 0;
  align-self:center;text-decoration:none;background-color:#f8f7f7;
  background-position:center center;background-repeat:no-repeat;
  background-size:contain;border-radius:24px;overflow:hidden;
  box-shadow:0 18px 40px rgba(42,29,24,.14);transition:box-shadow .22s,transform .22s}
.brc-home-herocard:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(42,29,24,.18)}
.brc-home-herocard-ruo{
  position:absolute;inset:20px auto auto 20px;z-index:2;font-family:var(--wa-mono);
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  background:rgba(253,251,248,.85);padding:6px 12px;border-radius:100px;
  color:var(--wa-bark-soft)}
.brc-home-herocard-meta{display:block;text-align:center;padding:0 16px 22px}
.brc-home-herocard-name{
  display:block;font-family:var(--wa-sans);font-size:16px;font-weight:700;
  line-height:24px;letter-spacing:.025em;text-transform:uppercase;color:#3d2b24}
.brc-home-herocard-price{
  display:block;margin-top:2px;font-family:var(--wa-mono);font-size:14px;
  font-weight:400;line-height:1;letter-spacing:.03em;text-transform:uppercase;
  color:#9e603c}

/* ---- shared section rhythm ---- */
.brc-home-split,.brc-home-cards,.brc-home-details,.brc-home-band,.brc-home-collage{
  width:70%;margin-left:auto;margin-right:auto}

/* ---- "The record matters." + category strip ---- */
.brc-home-standard-h{
  font-family:var(--wa-serif);font-weight:700;font-size:52px;line-height:62px;
  letter-spacing:0;color:#3d2b24;text-align:center;margin:0;padding:100px 0}
.brc-home-standard-strip{padding:0 150px}

/* ---- vial split ---- */
.brc-home-split{margin-top:50px;display:flex;align-items:center}
.brc-home-split-media{flex:0 1 60%;min-width:0}
.brc-home-split-img{display:block;width:100%}
.brc-home-split-text{flex:0 1 40%;display:flex;flex-direction:column;justify-content:center}
.brc-home-split-body{
  font-family:var(--wa-sans);font-size:16px;font-weight:400;line-height:24px;
  color:#5a4036;margin:14px 0 0;max-width:428px}
.brc-home-split-cta{margin:22px 0 0}

/* ---- three assurance cards ---- */
.brc-home-cards{margin-top:100px;display:grid;grid-template-columns:repeat(3,1fr)}
.brc-home-card{
  background:#faf6f0;min-height:350px;padding:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:10px}
.brc-home-card-icon{display:block;width:163px;height:auto}
.brc-home-card-title{
  font-family:var(--wa-sans);font-size:18px;font-weight:700;line-height:24px;
  letter-spacing:.05em;text-transform:uppercase;color:#3d2b24;text-align:center;
  margin:0;padding:0 10px}
.brc-home-card-body{
  font-family:var(--wa-sans);font-size:16px;font-weight:400;line-height:1.3;
  color:#5a4036;text-align:center;margin:0;padding:0 10px;max-width:318px}

/* ---- "Details, not promises." + accordion ---- */
.brc-home-details{margin-top:100px;display:flex;align-items:center}
.brc-home-details-text{flex:0 1 40%;display:flex;flex-direction:column;justify-content:center}
.brc-home-h2+.brc-home-details-lede{margin-top:14px}
.brc-home-details-lede{
  font-family:var(--wa-sans);font-size:20px;font-weight:400;font-style:italic;
  line-height:1.1;color:#9e8266;margin:14px 0 0;max-width:339px}
.brc-home-acc{margin-top:26px;max-width:363px}
.brc-home-acc-item{border-top:1px solid #d5c6b1}
.brc-home-acc-title{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:26px 0;cursor:pointer;list-style:none;
  font-family:var(--wa-sans);font-size:16px;font-weight:700;line-height:24px;
  letter-spacing:.05em;text-transform:uppercase;color:#3d2b24}
.brc-home-acc-title::-webkit-details-marker{display:none}
.brc-home-acc-title:focus-visible{outline:2px solid #9e603c;outline-offset:3px}
.brc-home-acc-icon{flex:0 0 auto;color:#b1695f;transition:transform .2s}
.brc-home-acc-item[open] .brc-home-acc-icon{transform:rotate(180deg)}
.brc-home-acc-body{
  font-family:var(--wa-sans);font-size:16px;font-weight:400;line-height:20px;
  color:rgba(61,43,36,.8);margin:0;padding:0 24px 12px 0;max-width:339px}
.brc-home-details-media{flex:0 1 60%;min-width:0;display:flex;justify-content:center}
.brc-home-details-img{display:block;width:100%;max-width:670px;padding-left:30px}

/* ---- CTA band ---- */
.brc-home-band{
  margin-top:100px;min-height:415px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  background-position:center center;background-repeat:no-repeat;background-size:auto}
.brc-home-band-h{
  font-family:var(--wa-serif);font-weight:700;font-size:36px;line-height:44px;
  letter-spacing:0;color:#3d2b24;margin:0;max-width:368px}
.brc-home-band-cta{margin:22px 0 0}

/* ---- collage ---- */
.brc-home-collage{margin-top:100px;margin-bottom:100px;display:grid;
  grid-template-columns:repeat(4,1fr);gap:30px}
.brc-home-collage-img{display:block;width:100%}

@media(max-width:1024px){
  .brc-home-hero{min-height:80vh}
  .brc-home-hero-inner{width:85%}
  .brc-home-herocard{display:none}          /* hide_tablet + hide_mobile on the original */
  .brc-home-hero-text{flex:1 1 auto}
  .brc-home-hero-sub{max-width:100%}
  .brc-home-standard-h{font-size:42px;line-height:1.1;padding:80px 0}
  .brc-home-standard-strip{padding:0 24px}
  .brc-home-split,.brc-home-details{width:88%;flex-direction:column;gap:32px}
  .brc-home-split-media,.brc-home-split-text,
  .brc-home-details-text,.brc-home-details-media{flex:1 1 auto;width:100%}
  .brc-home-h2,.brc-home-split-body,.brc-home-details-lede,
  .brc-home-acc,.brc-home-acc-body{max-width:100%}
  .brc-home-details-img{padding-left:0;max-width:100%}
  .brc-home-cards{width:88%;grid-template-columns:1fr}
  .brc-home-band,.brc-home-collage{width:88%}
}
@media(max-width:767px){
  .brc-home-hero{min-height:70vh;padding:100px 0 0;background-position:center}
  .brc-home-hero-inner{width:100%;padding:0 24px}
  .brc-home-h1{font-size:42px;line-height:52px}
  .brc-home-hero-sub{font-size:14px}
  .brc-home-hero-cta .brc-home-btn{display:block;text-align:center;padding:16px 20px;font-size:13px}
  .brc-home-standard-h{font-size:35px;line-height:1;padding:64px 0}
  .brc-home-split,.brc-home-details,.brc-home-cards,
  .brc-home-band,.brc-home-collage{width:100%;padding-left:24px;padding-right:24px}
  .brc-home-h2{font-size:36px;line-height:1.08}
  .brc-home-card-body{padding:10px 20px 20px}
  .brc-home-band{min-height:500px;background-position:center right;background-size:cover}
  .brc-home-collage{grid-template-columns:repeat(2,1fr);gap:20px}
}

/* ---------------- RUO notice (v0.10.1) ----------------
   Ports Elementor page 1008, which was a single text-editor widget: DM Sans 17px
   at 1.7em on #5A4036, with two h2 subheads. The original carried no heading
   widget at all — it leaned on the theme to render the page title, which is how
   it ended up h1-less once the Kadence title was filtered off. This template
   supplies its own <h1>, so the copy reads as a document rather than a fragment.
   Measure is capped at 68ch: this is dense regulatory prose and it is the one
   page on the site someone will actually read start to finish. */
.brc-notice{background:var(--wa-canvas);color:var(--wa-bark);padding:80px 24px 100px}
.brc-notice-inner{max-width:68ch;margin:0 auto}
.brc-notice-eyebrow{
  font-family:var(--wa-mono);font-size:11px;font-weight:400;letter-spacing:.16em;
  text-transform:uppercase;color:var(--wa-terracotta);margin:0}
.brc-notice-title{
  font-family:var(--wa-serif);font-weight:700;font-size:48px;line-height:1.08;
  color:#3d2b24;margin:10px 0 0}
.brc-notice-lede{
  font-family:var(--wa-sans);font-size:19px;font-weight:400;line-height:1.6;
  color:#3d2b24;margin:28px 0 0;padding-bottom:28px;
  border-bottom:1px solid var(--wa-hair)}
.brc-notice h2{
  font-family:var(--wa-serif);font-weight:700;font-size:28px;line-height:1.15;
  color:#3d2b24;margin:44px 0 0}
.brc-notice p{
  font-family:var(--wa-sans);font-size:17px;font-weight:400;line-height:1.7;
  color:#5a4036;margin:14px 0 0}
.brc-notice a{color:var(--wa-terracotta);text-decoration:underline;text-underline-offset:2px}
.brc-notice a:hover{color:var(--wa-bark-deep)}
@media(max-width:767px){
  .brc-notice{padding:56px 24px 72px}
  .brc-notice-title{font-size:36px}
  .brc-notice h2{font-size:24px;margin-top:36px}
  .brc-notice-lede{font-size:17px}
  .brc-notice p{font-size:16px}
}

/* === Effortless-luxury refinement — appended 2026-07-28 (reversible: delete to EOF) ===
   Fonts already loaded by theme (Fraunces/Cormorant/DM Sans/DM Mono via Google Fonts).
   --wa-serif re-pointed to Fraunces so every heading (var(--wa-serif)) becomes the brand
   display face; Cormorant restored on the italic synonym accent (.wa-syn). */
:root{
  --wa-display:'Fraunces','Cormorant Garamond',Georgia,serif;
  --wa-serif:'Fraunces','Cormorant Garamond',Georgia,serif;
  --wa-surface:#fffdf9;
  --wa-shadow:0 26px 60px -32px rgba(42,29,24,.32);
  --wa-shadow-sm:0 12px 30px -22px rgba(42,29,24,.18);
}
.wa-syn{font-family:'Cormorant Garamond',Georgia,serif;}
.wa-card,.woocommerce-page ul.products li.product.wa-card,.wa-pdp-gallery{background:var(--wa-surface);}
/* === end refinement === */