/** Shopify CDN: Minification failed

Line 1019:0 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:bae-approach (INDEX:2) */
.bae-app {
    --bae-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;
    --bae-sans: "Jost", "Helvetica Neue", Arial, sans-serif;
    position: relative;
    z-index: 10; /* above the fixed hero stage */
    display: block;
    margin: 0;
    padding: 9vh 6vw;
    background: var(--bae-ap-bg, #17110a);
    color: var(--bae-ap-text, #f6ecd3);
    font-family: var(--bae-sans);
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    text-align: left;
    -webkit-font-smoothing: antialiased;
  }
  .bae-app :where(h2, p, ul, li, b, div, img, i, em) {
    margin: 0; padding: 0; box-sizing: border-box;
    text-transform: none; text-decoration: none;
    letter-spacing: normal; line-height: normal;
    border: 0; background: none; box-shadow: none; max-width: none;
  }
  .bae-app .bae-app__two {
    display: grid; grid-template-columns: 1fr 1fr; gap: 6vw; align-items: center;
  }

  /* image: arch shape, wipe-in reveal, parallax */
  .bae-app .bae-app__imgw {
    position: relative; overflow: hidden;
    border-radius: 200px 200px 6px 6px;
    clip-path: inset(0 0 100% 0 round 28px);
    transition: clip-path 1.3s cubic-bezier(0.7, 0, 0.2, 1);
  }
  .bae-app .bae-app__imgw.is-in { clip-path: inset(0 round 28px); }
  .bae-app .bae-app__imgw img {
    display: block; width: 100%; height: 100%; min-height: 360px;
    object-fit: cover; will-change: transform;
  }

  /* heading + eyebrow */
  .bae-app .bae-app__h {
    font-family: "Maldives", Georgia, serif;
    font-size: 60px;
    font-weight: 400; line-height: 1; letter-spacing: 1px;
    max-width: 12em; color: var(--bae-ap-text, #f6ecd3);
  }
  .bae-app .bae-app__h i, .bae-app .bae-app__h em {
    font-family: "Maldives", Georgia, serif; font-style: normal; font-weight: 400; color: #ad8330;
  }
  .bae-app .bae-app__h[data-eb]::before {
    content: attr(data-eb);
    display: flex; align-items: center; gap: 16px;
    font: 500 11px var(--bae-sans);
    letter-spacing: 0.38em; text-transform: uppercase;
    color: var(--bae-ap-accent, #c9a24b);
    margin-bottom: 26px;
    background: linear-gradient(#c9a24b, #c9a24b) left center / 34px 1px no-repeat;
    padding-left: 50px;
  }
  .bae-app .bae-ch {
    display: inline-block; opacity: 0;
    transform: translateY(60%) rotate(8deg);
    transition: opacity 0.6s, transform 0.7s cubic-bezier(0.2, 0.9, 0.2, 1);
  }
  .bae-app .bae-sp.is-in .bae-ch { opacity: 1; transform: none; }
  .bae-app .bae-w { display: inline-block; white-space: nowrap; }

  .bae-app .bae-app__p {
    margin-top: 24px; margin-bottom: 14px; max-width: 34em;
    font-size: 18px; font-weight: 300; line-height: 1.5;
    color: var(--bae-ap-intro, #d9cdb0);
  }

  /* product tabs — pill buttons */
  .bae-app .bae-app__tabs {
    display: flex; flex-wrap: wrap; gap: 10px;
    margin-top: 26px;
  }
  .bae-app .bae-app__tab {
    -webkit-appearance: none; appearance: none;
    cursor: pointer; margin: 0;
    padding: 14px 28px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--bae-ap-accent, #c9a24b) 60%, transparent);
    background: transparent;
    color: var(--bae-ap-text, #f6ecd3);
    font-family: 'Poppins', var(--bae-sans);
    font-size: 12px; font-weight: 500; line-height: 1;
    letter-spacing: 0.14em; text-transform: uppercase;
    transition: background 0.35s, color 0.35s, border-color 0.35s, transform 0.35s, box-shadow 0.35s;
  }
  .bae-app .bae-app__tab:hover {
    background: color-mix(in srgb, var(--bae-ap-accent, #c9a24b) 16%, transparent);
    transform: translateY(-2px);
  }
  .bae-app .bae-app__tab.is-active {
    background: var(--bae-ap-accent, #c9a24b);
    border-color: var(--bae-ap-accent, #c9a24b);
    color: var(--bae-ap-bg, #17110a);
    box-shadow: 0 14px 30px -14px color-mix(in srgb, var(--bae-ap-accent, #c9a24b) 80%, transparent);
  }
  .bae-app .bae-app__tab:focus-visible {
    outline: 2px solid var(--bae-ap-hover, #ebd493); outline-offset: 3px;
  }

  /* ingredient list */
  .bae-app .bae-app__ing { list-style: none; margin-top: 22px; }
  .bae-app .bae-app__ing li {
    display: flex; flex-direction: column; gap: 4px;
    padding: 22px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--bae-ap-accent, #c9a24b) 25%, transparent);
    color: var(--bae-ap-text, #f6ecd3);
    list-style: none;
    transition: padding 0.5s cubic-bezier(0.2, 0.9, 0.2, 1), color 0.3s, opacity 0.7s, transform 0.7s cubic-bezier(0.2, 0.9, 0.2, 1);
  }
  .bae-app .bae-app__ing li[hidden] { display: none; }
  .bae-app .bae-app__ing li:hover { padding-left: 26px; color: var(--bae-ap-hover, #ebd493); }
  .bae-app .bae-app__ing li b {
    font-family: 'Poppins';
    font-size: 40px;
    font-weight: 400;
    line-height: 1.12;
  }
  .bae-app .bae-app__ing li span { color: var(--bae-ap-desc, #b8a98a); font-size: 17px; line-height: 1.45; }

  /* scroll reveal */
  .bae-app .bae-rv { opacity: 0; transform: translateY(50px); }
  .bae-app .bae-rv.is-in { opacity: 1; transform: perspective(800px) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)); }

  @media (max-width: 700px) {
    .bae-app .bae-app__two { grid-template-columns: 1fr; }
    .bae-app .bae-app__h { font-size: 32px; }
    .bae-app .bae-app__ing li b { font-family: 'Poppins'; font-size: 26px; font-weight: 400; }
    .bae-app .bae-app__ing li span { font-size: 16px; }
    .bae-app .bae-app__tabs { gap: 8px; }
    .bae-app .bae-app__tab { padding: 12px 20px; font-size: 11px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .bae-app .bae-ch, .bae-app .bae-rv { transition: none; opacity: 1; transform: none; }
    .bae-app .bae-app__imgw { clip-path: none; }
  }
/* END_SECTION:bae-approach */

/* START_SECTION:bae-bundle (INDEX:4) */
/* ═════════ Maldives (headings) ═════════ */
@font-face{
  font-family:'Maldives';
  src:url('/cdn/shop/files/Maldives.ttf?v=1792760658') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family: 'GarvoPoster';
  src: url('/cdn/shop/files/GarvoPoster-Regular.ttf?v=1793956012') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* GarvoPoster Light */
@font-face {
  font-family: 'GarvoPoster';
  src: url('/cdn/shop/files/GarvoPoster-Light.ttf?v=1793956277') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* ═════════ BAE tokens ═════════ */
.bae{
  --gold:#ad8330; --ink:#2b2b2b; --white:#fff;
  --bronze:#845709; --amber:#b27409; --cream:#f6f1de;
  --line:rgba(43,43,43,.14);
  --head:'Maldives','Poppins',sans-serif;
  --body:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --h-size:60px;
  --ease:cubic-bezier(.2,.7,.2,1);
  font-family:var(--body);color:var(--ink);background:var(--white);
  line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative;
}
.bae *,.bae *::before,.bae *::after{box-sizing:border-box}
.bae :where(img,video){display:block;max-width:100%;height:auto}
.bae :where(a){color:inherit;text-decoration:none}
.bae :where(button){font:inherit;color:inherit;cursor:pointer;background:none;border:0;border-radius:0;box-shadow:none}
.bae :where(h1,h2,h3,h4){margin:0;font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.06em;line-height:1.08}
.bae :where(p){margin:0}
.bae :where(ul,ol){margin:0;padding:0;list-style:none}
.bae :where(li){margin:0}
.bae :where(summary):focus{outline:none}
.bae :where(summary):focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.bae-wrap{max-width:1320px;margin:0 auto;padding:0 32px}
.bae-wrap--narrow{max-width:900px}
.bae-eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:500;color:var(--gold);display:flex;align-items:center;gap:14px}
.bae-eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
/* Main headings: Maldives · 60px · weight 300 */
.bae .bae-h1,
.bae .bae-h2{font-family:var(--head);font-size:var(--h-size);font-weight:300}
.bae-h2{margin-top:16px}
.bae-head{max-width:720px;margin-bottom:56px}
.bae-head--center{text-align:center;margin-left:auto;margin-right:auto}
.bae-head--center .bae-eyebrow{justify-content:center}
.bae-head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}

/* scroll progress */
.bae-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none}
.bae-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--bronze),var(--gold),var(--amber));transform-origin:0 50%;transform:scaleX(0)}

/* reveal */
.bae-js [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.bae-js [data-reveal].is-in{opacity:1;transform:none}

/* buttons */
.bae .bae-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;height:56px;padding:0 12px;font-family:var(--body);font-size:12px;font-weight:500;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-align:center;border:1px solid var(--ink);border-radius:40px!important;box-shadow:none!important;text-shadow:none;width:auto;min-width:0;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.bae .bae-btn::before,.bae .bae-btn::after{content:none!important;display:none!important}
.bae .bae-btn:hover:not([disabled]){transform:translateY(-2px)}
.bae .bae-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.bae .bae-btn--gold{background:var(--gold);border-color:var(--gold);color:#fff}
.bae .bae-btn--gold:hover:not([disabled]){background:var(--bronze);border-color:var(--bronze)}
.bae .bae-btn--ghost{background:transparent;color:var(--ink)}
.bae .bae-btn--ghost:hover:not([disabled]){background:var(--ink);color:#fff}
.bae .bae-btn--cream{background:var(--cream);border-color:var(--cream);color:var(--ink);padding:0 38px}
.bae .bae-btn--cream:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.bae-link{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--gold)}

/* marquee */
.bae-marquee{overflow:hidden;white-space:nowrap;padding:14px 0;background:var(--ink);color:var(--cream)}
.bae-marquee--gold{background:var(--gold);color:#fff}
.bae-marquee__track{display:inline-flex;animation:bae-slide 38s linear infinite;will-change:transform}
.bae-marquee:hover .bae-marquee__track{animation-play-state:paused}
.bae-marquee__group{display:inline-flex;align-items:center}
.bae-marquee span{font-family:var(--body);font-size:13px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;margin:0 28px}
.bae-marquee i{font-style:normal;font-size:10px;opacity:.7}
@keyframes bae-slide{to{transform:translateX(-50%)}}

/* ═════════ hero ═════════ */
.bae-hero{position:relative;background:var(--cream);padding-bottom:96px;overflow:clip}
.bae-hero__bgword{position:absolute;top:60px;right:-2%; font-family: 'GarvoPoster', serif !important; font-weight:300;font-size:clamp(180px,32vw,520px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(173,131,48,.28);letter-spacing:.04em;pointer-events:none;user-select:none;will-change:transform;white-space:nowrap}
.bae-crumbs{position:relative;display:flex;gap:10px;flex-wrap:wrap;padding:26px 0 18px;font-size:12px;letter-spacing:.08em;color:rgba(43,43,43,.6)}
.bae-crumbs a:hover{color:var(--gold)}
.bae-crumbs em{font-style:normal;color:var(--ink)}
.bae-product{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:72px;align-items:start}

/* gallery – thumbs column is exactly as tall as the main image */
.bae-gallery{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;position:sticky;top:90px;align-items:stretch}
.bae-gallery__thumbs-wrap{position:relative;min-height:0;min-width:0}
.bae-gallery__thumbs{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bae-gallery__thumbs::-webkit-scrollbar{display:none}
.bae-gallery__thumbs-wrap.is-scroll .bae-gallery__thumbs{padding:34px 0}
.bae-thumb{width:100%;aspect-ratio:1;overflow:hidden;border:1px solid transparent;background:var(--white);opacity:.55;padding:0;transition:.3s var(--ease);flex:none}
.bae-thumb img{width:100%;height:100%;object-fit:cover}
.bae-thumb.is-on,.bae-thumb:hover{opacity:1;border-color:var(--gold)}

/* thumb arrows (only visible when thumbs overflow) */
.bae .bae-tarrow{display:none;position:absolute;z-index:3;align-items:center;justify-content:center;background:rgba(255,255,255,.96);border:1px solid var(--line);padding:0;transition:background .25s var(--ease),border-color .25s var(--ease),opacity .25s}
.bae .bae-tarrow span{display:block;width:9px;height:9px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.bae .bae-tarrow:hover:not([disabled]){background:var(--gold);border-color:var(--gold)}
.bae .bae-tarrow:hover:not([disabled]) span{border-color:#fff}
.bae .bae-tarrow[disabled]{opacity:.35;cursor:default}
.bae-gallery__thumbs-wrap.is-scroll .bae-tarrow{display:flex}
.bae .bae-tarrow--prev{left:0;right:0;top:0;height:28px}
.bae .bae-tarrow--next{left:0;right:0;bottom:0;height:28px}
.bae .bae-tarrow--prev span{transform:rotate(-135deg);margin-top:4px}
.bae .bae-tarrow--next span{transform:rotate(45deg);margin-bottom:4px}

.bae-gallery__stage{position:relative;aspect-ratio:4/5;background:var(--white);overflow:hidden;align-self:start}
.bae-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s}
.bae-slide.is-on{opacity:1;visibility:visible}
.bae-slide img,.bae-slide video{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.bae-gallery__stage:hover .bae-slide.is-on img{transform:scale(1.06)}
.bae-tag{position:absolute;top:18px;left:18px;z-index:3;background:var(--ink);color:var(--cream);font-size:10px;letter-spacing:.28em;text-transform:uppercase;padding:8px 16px}
.bae-gallery__dots{display:none}

/* info */
.bae-h1{margin:20px 0 14px}
.bae-tagline{font-size:15px;color:rgba(43,43,43,.7);max-width:44ch}
.bae-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px;margin:26px 0 22px}
.bae-price__now{font-size:34px;font-weight:500;color:var(--ink);letter-spacing:.01em}
.bae-price__was{font-size:18px;color:rgba(43,43,43,.5)}
.bae-price__save{font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:var(--gold);color:#fff;padding:6px 12px;font-weight:500}
.bae-price [hidden]{display:none}
.bae-lead{font-size:15.5px;color:rgba(43,43,43,.85);max-width:54ch}
.bae-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bae-facts div{padding:22px 10px;text-align:center;border-right:1px solid var(--line)}
.bae-facts div:last-child{border-right:0}
.bae-facts strong{display:block;font-family:var(--body);font-weight:300;font-size:clamp(30px,3.4vw,46px);color:var(--gold);line-height:1;margin-bottom:8px}
.bae-facts span{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(43,43,43,.65)}
.bae-checks{display:grid;gap:10px;margin-bottom:30px}
.bae-lead+.bae-checks{margin-top:28px}
.bae-checks li{display:flex;gap:14px;font-size:14.5px;align-items:flex-start}
.bae-checks li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border:1px solid var(--gold);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%23ad8330' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}

/* options */
.bae-options{display:grid;gap:18px;margin-bottom:22px}
.bae-option{border:0;padding:0;margin:0}
.bae-option legend{font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:10px;font-weight:500;padding:0}
.bae-option__vals{display:flex;flex-wrap:wrap;gap:10px}
.bae-option label{cursor:pointer}
.bae-option input{position:absolute;opacity:0;pointer-events:none}
.bae-option span{display:block;padding:11px 22px;border:1px solid var(--line);font-size:13px;transition:.25s var(--ease);background:var(--white)}
.bae-option input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.bae-option input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}

/* quantity (own row) */
.bae-qtyrow{display:flex;align-items:center;gap:18px;margin:0 0 18px}
.bae-qtyrow__label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}
.bae .bae-qty{display:inline-flex;align-items:center;border:1px solid var(--ink);height:52px;background:var(--white);border-radius:0;box-shadow:none;margin:0}
.bae .bae-qty button{width:44px;height:100%;font-size:20px;line-height:1;transition:color .2s;padding:0}
.bae .bae-qty button:hover{color:var(--gold)}
.bae .bae-qty input{width:46px;height:100%;text-align:center;border:0!important;background:none!important;box-shadow:none!important;outline:none;border-radius:0;font:inherit;font-weight:500;color:var(--ink);-moz-appearance:textfield;appearance:textfield;padding:0;margin:0;min-height:0}
.bae-qty input::-webkit-outer-spin-button,.bae-qty input::-webkit-inner-spin-button{-webkit-appearance:none}

/* Appstle subscription slot (between quantity and buy row) + Frequently Bought Together (below buttons) */
.bae-subs{margin:0 0 18px}
.bae-subs.is-empty{margin:0}
.bae-fbt{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.bae-fbt__title{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:14px}
.bae-fbt__title::before{content:"";width:34px;height:1px;background:var(--gold)}
.bae-fbt__body{font-family:var(--body);color:var(--ink);accent-color:var(--gold);max-width:100%;overflow-x:clip}
.bae-fbt__body :where(button,input,select,textarea,a,p,span,label,li,h2,h3,h4,strong,b,div){font-family:var(--body)}
.bae-fbt__body :where(img){max-width:100%;height:auto}
.bae-fbt.is-empty{margin-top:0;padding-top:0;border-top:0}
.bae-fbt.is-empty .bae-fbt__title{display:none}

/* Add to cart + Buy it now – one row */
.bae-buy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.bae-buy .bae-btn{width:100%;}

.bae-guarantee{display:flex;gap:16px;align-items:center;margin-top:18px;padding:18px 22px;border:1px solid var(--gold);color:var(--bronze);font-size:13.5px;font-weight:500;letter-spacing:.04em}
.bae-guarantee svg{flex:none}
.bae-ship{font-size:12px;letter-spacing:.06em;color:rgba(43,43,43,.6);margin:14px 0 28px}

/* accordion */
.bae-acc{border-top:1px solid var(--line)}
.bae-acc details{border-bottom:1px solid var(--line)}
.bae-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}
.bae-acc summary::-webkit-details-marker{display:none}
.bae-acc summary::after{content:"";width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .35s var(--ease);margin-right:4px}
.bae-acc details[open] summary::after{transform:rotate(-135deg)}
.bae-acc details[open] summary{color:var(--gold)}
.bae-acc__body{padding:0 0 22px;font-size:14px;color:rgba(43,43,43,.82)}
.bae-acc__body p+p{margin-top:12px}
.bae-acc__body .bae-rte p{margin:0}
.bae-acc__body .bae-rte p+p,.bae-acc__body .bae-rte ul+p,.bae-acc__body .bae-rte ol+p,.bae-acc__body .bae-rte p+ul,.bae-acc__body .bae-rte p+ol{margin-top:12px}
.bae-acc__body .bae-rte ul,.bae-acc__body .bae-rte ol{margin:0;padding-left:20px}
.bae-acc__body .bae-rte ul{list-style:disc}
.bae-acc__body .bae-rte ol{list-style:decimal}
.bae-acc__body .bae-rte li{margin:0 0 6px;padding-left:2px}
.bae-acc__body .bae-rte strong,.bae-acc__body .bae-rte b{font-weight:600;color:#2b2b2b}
.bae-acc__body .bae-rte a{color:var(--gold);text-decoration:underline}
.bae-acc--big summary{font-size:15px;letter-spacing:.06em;text-transform:none;font-weight:500;padding:26px 0}

/* badges – tilted running marquee */
.bae-badges{position:relative;background:var(--cream);padding:58px 0;overflow:hidden;--tilt:-2deg;--bspeed:40s}
.bae-badges::before{content:"";position:absolute;left:-6%;right:-6%;top:50%;height:60px;margin-top:-30px;background:var(--gold);transform:rotate(calc(var(--tilt) * -1));pointer-events:none}
.bae-badges__band{position:relative;z-index:1;margin:0 -6%;background:var(--ink);color:var(--cream);transform:rotate(var(--tilt));padding:17px 0;overflow:hidden;white-space:nowrap;box-shadow:0 22px 44px -26px rgba(43,43,43,.65)}
.bae-badges__track{display:inline-flex;animation:bae-slide var(--bspeed) linear infinite;will-change:transform}
.bae-badges__band:hover .bae-badges__track{animation-play-state:paused}
.bae-badges__group{display:inline-flex;align-items:center;flex:none}
.bae-badges__item{display:inline-flex;align-items:center;gap:12px;margin:0 0 0 26px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;line-height:1}
.bae-badges__item svg{color:var(--gold);flex:none}
.bae-badges__item img{width:24px;height:24px;object-fit:contain;flex:none}
.bae-badges__sep{font-style:normal;font-size:10px;color:var(--gold);margin-left:14px}

/* sections */
.bae-sec{padding:130px 0}
.bae-sec--cream{background:var(--cream)}

/* benefits */
.bae-benefits{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:22px}
.bae-bcard{position:relative;background:var(--white);padding:34px 28px 36px;border:1px solid transparent;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s var(--ease)}
.bae-bcard:hover{transform:translateY(-10px);border-color:var(--gold);box-shadow:0 30px 60px -34px rgba(132,87,9,.55)}
.bae-bcard__num{display:block;font-family:var(--body);font-size:44px;font-weight:200;color:var(--gold);margin-bottom:22px;line-height:1}
.bae-bcard__pic{aspect-ratio:1;overflow:hidden;margin-bottom:22px;background:var(--cream)}
.bae-bcard__pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.bae-bcard:hover .bae-bcard__pic img{transform:scale(1.08)}
.bae-bcard h3{font-size:21px;margin-bottom:12px;line-height:1.2}
.bae-bcard p{font-size:14px;color:rgba(43,43,43,.75)}

/* scrollytelling */
.bae-story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}
.bae-story__stage{position:sticky;top:96px}
.bae-story__frame{position:relative;aspect-ratio:1;background:var(--cream);overflow:hidden}
.bae-story__base,.bae-story__layer{position:absolute;inset:0}
.bae-story__base img,.bae-story__layer img{width:100%;height:100%;object-fit:cover}
.bae-story__layer{opacity:0;transform:scale(1.06);transition:opacity .8s var(--ease),transform 1.2s var(--ease)}
.bae-story__layer.is-on{opacity:1;transform:none}
.bae-story__layer:not(:has(img)){background:linear-gradient(145deg,var(--cream),#efe5c4)}
.bae-story__big{position:absolute;right:26px;bottom:6px;font-family:var(--body);font-weight:200;font-size:clamp(90px,12vw,190px);line-height:1;color:var(--gold);opacity:.9;mix-blend-mode:multiply}
.bae-story__count{margin-top:16px;font-size:12px;letter-spacing:.28em;color:rgba(43,43,43,.6)}
.bae-story__count b{color:var(--gold);font-weight:500}
.bae-story__steps{padding:10vh 0}
.bae-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.22;transform:translateX(24px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.bae-step.is-on{opacity:1;transform:none}
.bae-step__k{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500}
.bae-step h3{font-size:clamp(28px,3.4vw,48px);margin-bottom:20px}
.bae-step p{font-size:16px;color:rgba(43,43,43,.8);max-width:40ch}
.bae-blends{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:70px}
.bae-blend{background:var(--ink);color:var(--cream);padding:34px 32px}
.bae-blend h4{font-size:19px;color:var(--gold);margin-bottom:18px;line-height:1.2}
.bae-blend li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid rgba(246,241,222,.16);font-size:13.5px}
.bae-blend b{font-weight:500;white-space:nowrap;color:#fff}

/* compare */
.bae-cmp{background:var(--white);border:1px solid var(--line)}
.bae-cmp__row{display:grid;grid-template-columns:1.5fr .6fr 1.3fr;align-items:center;padding:20px 30px;border-bottom:1px solid var(--line);font-size:14.5px;gap:10px}
.bae-cmp__row:last-child{border-bottom:0}
.bae-cmp__row--h{background:var(--ink);color:var(--cream);font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;padding:18px 30px}
.bae-cmp__yes{color:var(--gold);font-size:20px;text-align:center}
.bae-cmp__row--h span:nth-child(2){text-align:center;color:var(--gold)}
.bae-cmp__no{color:rgba(43,43,43,.55);font-size:13px}

/* timeline */
.bae-dark{background:var(--ink);color:var(--cream)}
.bae-dark .bae-h2{color:#fff}
.bae-tl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:96px;align-items:start}
.bae-tl__head{align-self:stretch}
.bae-tl__sticky{position:sticky;top:120px}
.bae-tl__sub{margin-top:24px;font-size:15px;color:rgba(246,241,222,.75);max-width:38ch}
.bae-tl__days{margin-top:52px;display:flex;align-items:baseline;gap:14px;border-top:1px solid rgba(246,241,222,.2);padding-top:30px}
.bae-tl__days b{font-family:var(--body);font-weight:200;font-size:clamp(72px,8vw,128px);line-height:.9;color:var(--gold)}
.bae-tl__days span{font-size:12px;letter-spacing:.3em;text-transform:uppercase}
.bae .bae-tl__list{position:relative;padding-left:60px;counter-reset:baestep}
.bae-tl__line{position:absolute;left:11px;top:14px;bottom:14px;width:1px;background:rgba(246,241,222,.18)}
.bae-tl__line span{display:block;width:100%;height:100%;background:var(--gold);transform-origin:50% 0;transform:scaleY(0)}
.bae-tl__item{position:relative;counter-increment:baestep;margin:0 0 26px;padding:36px 40px 38px;background:rgba(246,241,222,.035);border:1px solid rgba(246,241,222,.1);opacity:.38;transition:opacity .6s var(--ease),border-color .6s var(--ease),background .6s var(--ease),transform .6s var(--ease)}
.bae-tl__item:last-child{margin-bottom:0}
.bae-tl__item::after{content:counter(baestep,decimal-leading-zero);position:absolute;right:28px;top:10px;font-family:var(--body);font-weight:200;font-size:76px;line-height:1;color:rgba(173,131,48,.22);pointer-events:none}
.bae-tl__item.is-on{opacity:1;border-color:rgba(173,131,48,.55);background:rgba(173,131,48,.08)}
.bae-tl__dot{position:absolute;left:-55px;top:42px;width:13px;height:13px;border-radius:50%;background:var(--ink);border:1px solid rgba(246,241,222,.4);transition:.5s var(--ease)}
.bae-tl__dot::after{content:"";position:absolute;left:100%;top:50%;width:42px;height:1px;background:rgba(246,241,222,.18);transition:background .5s var(--ease)}
.bae-tl__item.is-on .bae-tl__dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 7px rgba(173,131,48,.22)}
.bae-tl__item.is-on .bae-tl__dot::after{background:var(--gold)}
.bae-tl__when{display:inline-block;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-weight:500;padding:6px 14px;border:1px solid rgba(173,131,48,.5)}
.bae-tl__item h3{font-size:clamp(22px,2.4vw,34px);color:#fff;margin-bottom:28px;line-height:1.15;max-width:78%}
.bae-tl__cols{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.bae-tl__cols b{display:block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-weight:500}
.bae-tl__cols ul{border-top:1px solid rgba(246,241,222,.14)}
.bae-tl__cols li{position:relative;padding:11px 0 11px 20px;font-size:13.5px;line-height:1.5;border-bottom:1px solid rgba(246,241,222,.08);color:rgba(246,241,222,.88)}
.bae-tl__cols li::before{content:"";position:absolute;left:0;top:21px;width:8px;height:1px;background:var(--gold)}

/* rails */
.bae-arrows{display:flex;gap:10px}
.bae-arrows button{width:52px;height:52px;border:1px solid var(--ink);font-size:18px;transition:.3s var(--ease)}
.bae-arrows button:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.bae-rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 10px;cursor:grab;-webkit-overflow-scrolling:touch}
.bae-rail::-webkit-scrollbar{display:none}
.bae-rail.is-drag{cursor:grabbing;scroll-snap-type:none}
.bae-rail__track{display:flex;gap:22px;width:max-content;padding:0 max(32px,calc((100vw - 1320px)/2 + 32px))}
.bae-review{width:min(400px,82vw);flex:none;scroll-snap-align:start;background:var(--cream);padding:38px 34px;display:flex;flex-direction:column;gap:18px;transition:transform .5s var(--ease)}
.bae-review:hover{transform:translateY(-8px)}
.bae-review__stars{color:var(--gold);letter-spacing:5px;font-size:14px}
.bae-review h3{font-size:24px;line-height:1.2}
.bae-review p{flex:1;font-size:14.5px;color:rgba(43,43,43,.82)}
.bae-review__who{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--line)}
.bae-review__who img,.bae-review__who i{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.bae-review__who i{display:grid;place-items:center;background:var(--gold);color:#fff;font-style:normal;font-family:var(--body);font-weight:500;font-size:18px}
.bae-review__who b{display:block;font-size:13.5px;font-weight:500}
.bae-review__who span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.bae-pcard{width:min(320px,76vw);flex:none;scroll-snap-align:start;user-select:none}
.bae-pcard__pic{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--cream);margin-bottom:20px}
.bae-pcard__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform 1.4s var(--ease);-webkit-user-drag:none}
.bae-pcard__pic img+img{opacity:0}
.bae-pcard:hover .bae-pcard__pic img+img{opacity:1}
.bae-pcard:hover .bae-pcard__pic img{transform:scale(1.05)}
.bae-pcard h3{font-size:20px;margin-bottom:6px;line-height:1.2}
.bae-pcard p{font-size:14px;margin-bottom:10px}
.bae-pcard s{color:rgba(43,43,43,.5);margin-left:6px}

/* cta */
.bae-cta{ display :none;position:relative;min-height:560px;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;background:var(--bronze)}
.bae-cta__bg{position:absolute;inset:-12% 0;will-change:transform}
.bae-cta__bg img{width:100%;height:100%;object-fit:cover}
.bae-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(43,43,43,.5),rgba(43,43,43,.72))}
.bae-cta__in{position:relative;z-index:2;max-width:680px;padding:90px 28px}
.bae-cta .bae-h2{color:#fff;margin:0 0 20px}
.bae-cta p{margin-bottom:34px;color:rgba(255,255,255,.88)}

/* sticky bar */
.bae-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:16px;padding:12px 24px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .5s var(--ease)}
.bae-sticky.is-on{transform:none}
.bae-sticky__img{width:50px;height:50px;overflow:hidden;flex:none;background:var(--cream)}
.bae-sticky__img img{width:100%;height:100%;object-fit:cover}
.bae-sticky__txt{flex:1;min-width:0;line-height:1.3}
.bae-sticky__txt b{display:block;font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bae-sticky__txt span{font-size:13px;color:var(--bronze);font-weight:500}
.bae-sticky .bae-btn{flex:none;min-height:48px;padding:0 30px}
.bae-h1.is-in{
  font-size: 40px!important;
}
/* responsive */
@media(max-width:1100px){
  .bae-benefits{grid-template-columns:repeat(2,1fr)}
  .bae-story__grid,.bae-tl{gap:56px}
  .bae{--h-size:48px}
}
@media(max-width:900px){
  .bae-product{grid-template-columns:1fr;gap:40px}
  .bae-gallery{position:static;grid-template-columns:1fr}
  .bae-gallery__stage{order:1}
  /* thumbs become a horizontal strip under the image */
  .bae-gallery__thumbs-wrap{order:2}
  .bae-gallery__thumbs{position:static;flex-direction:row;overflow-x:auto;overflow-y:hidden}
  .bae-gallery__thumbs-wrap.is-scroll .bae-gallery__thumbs{padding:0 34px}
  .bae-thumb{width:68px}
  .bae .bae-tarrow--prev{left:0;right:auto;top:0;bottom:0;width:28px;height:auto}
  .bae .bae-tarrow--next{left:auto;right:0;top:0;bottom:0;width:28px;height:auto}
  .bae .bae-tarrow--prev span{transform:rotate(135deg);margin:0 0 0 4px}
  .bae .bae-tarrow--next span{transform:rotate(-45deg);margin:0 4px 0 0}
  .bae-story__grid,.bae-tl{grid-template-columns:1fr}
  .bae-story__stage{position:sticky;top:64px;z-index:2;background:var(--white);padding:10px 0}
  .bae-story__frame{aspect-ratio:16/10}
  .bae-story__steps{padding:2vh 0 6vh}
  .bae-step{min-height:44vh}
  .bae-tl__sticky{position:static}
  .bae-blends{grid-template-columns:1fr}
  .bae-sec{padding:84px 0}
  .bae-tl__cols{grid-template-columns:1fr;gap:22px}
  .bae-tl__item{padding:30px 26px 32px}
  .bae-tl__item h3{max-width:100%}
  .bae-h1.is-in{
  font-size: 28px!important;
}
}
@media(max-width:620px){
  .bae{--h-size:38px}
  .bae-wrap{padding:0 20px}
  .bae-benefits{grid-template-columns:1fr}
  .bae-cmp__row{padding:16px 16px;font-size:13px;grid-template-columns:1.3fr .5fr 1.2fr}
  .bae-cmp__row--h{letter-spacing:.12em}
  .bae-head--row{align-items:flex-start;flex-direction:column}
  .bae-buy{gap:8px}
  .bae .bae-buy .bae-btn{padding:0 6px;font-size:10.5px;letter-spacing:.06em;min-height:52px;height:52px}
  .bae .bae-qty{height:48px}
  .bae .bae-tl__list{padding-left:44px}
  .bae-tl__dot{left:-39px}
  .bae-tl__dot::after{width:26px}
  .bae-tl__item::after{font-size:54px;right:18px}
  .bae-sticky{padding:10px 16px}
  .bae-sticky__img{display:none}
  .bae-rail__track{padding:0 20px}
  .bae-badges{padding:44px 0}
  .bae-badges::before{height:50px;margin-top:-25px}
  .bae-badges__band{padding:14px 0}
  .bae-badges__item{margin-left:18px;font-size:11px;letter-spacing:.18em}
}
@media(min-width:901px){.bae-sticky{display:none}}
@media(prefers-reduced-motion:reduce){
  .bae-js [data-reveal]{opacity:1;transform:none;transition:none}
  .bae-marquee__track{animation:none}
  .bae-badges__track{animation:none}
  .bae-badges__group[aria-hidden="true"]{display:none}
  .bae *{scroll-behavior:auto!important}
}
.bae-benefits{gap:24px}
 
.bae-bcard{
  position:relative;overflow:hidden;isolation:isolate;
  border:1px solid transparent;border-radius:30px;padding:34px 30px 42px;
  /* soft cream-white fill + gold gradient border */
  background:
    linear-gradient(160deg,#ffffff 0%,#fbf5e3 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 26px 50px -30px rgba(132,87,9,.5),inset 0 0 0 5px rgba(255,255,255,.7);
}
.bae-bcard > *{position:relative;z-index:2}
 
/* gold glow in the top-right corner */
.bae-bcard::before{
  content:"";position:absolute;z-index:0;top:-70px;right:-70px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,201,125,.5),transparent 70%);
  transition:transform .8s var(--ease);
}
/* gold bar at the bottom that stretches on hover */
.bae-bcard::after{
  content:"";position:absolute;z-index:1;left:30px;bottom:0;height:4px;width:46px;border-radius:4px 4px 0 0;
  background:linear-gradient(90deg,#e8c97d,#ad8330);
  transition:width .6s var(--ease);
}
 
/* number → gold sphere badge */
.bae-bcard__num{
  display:grid;place-items:center;width:54px;height:54px;border-radius:50%;margin-bottom:26px;
  background:radial-gradient(circle at 30% 28%,#e8c97d 0%,#ad8330 55%,#845709 100%);
  color:#fff;font-family:var(--body);font-size:16px;font-weight:500;letter-spacing:.04em;line-height:1;
  box-shadow:0 12px 22px -10px rgba(132,87,9,.85),0 0 0 6px rgba(173,131,48,.14);
  transition:transform .6s var(--ease);
}
.bae-bcard__pic{border-radius:20px}
.bae-bcard h3{font-size:21px;margin-bottom:12px;line-height:1.2}
.bae-bcard p{font-size:14px;color:rgba(43,43,43,.75)}
 
/* every 2nd card is dark charcoal → light / dark rhythm */
.bae-bcard:nth-child(even){
  color:var(--cream);
  background:
    linear-gradient(160deg,#363636 0%,#2b2b2b 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 26px 50px -30px rgba(0,0,0,.6),inset 0 0 0 5px rgba(255,255,255,.04);
}
.bae-bcard:nth-child(even)::before{background:radial-gradient(circle,rgba(232,201,125,.3),transparent 70%)}
.bae-bcard:nth-child(even) h3{color:#fff}
.bae-bcard:nth-child(even) p{color:rgba(246,241,222,.82)}
.bae-bcard:nth-child(even) .bae-bcard__pic{background:rgba(255,255,255,.06)}
 
/* hover (uses `translate`, so it is not blocked by the reveal animation's transform) */
.bae-js .bae-bcard[data-reveal]{
  transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s),translate .5s var(--ease),box-shadow .5s var(--ease);
}
.bae-bcard:hover{
  translate:0 -10px;border-color:transparent;
  box-shadow:0 38px 64px -28px rgba(132,87,9,.65),inset 0 0 0 5px rgba(255,255,255,.7);
}
.bae-bcard:nth-child(even):hover{box-shadow:0 38px 64px -28px rgba(0,0,0,.75),inset 0 0 0 5px rgba(255,255,255,.04)}
.bae-bcard:hover::before{transform:scale(1.4)}
.bae-bcard:hover::after{width:calc(100% - 60px)}
.bae-bcard:hover .bae-bcard__num{transform:rotate(-12deg) scale(1.06)}
 
 
/* ───────── 2 · COMPARISON TABLE ───────── */
.bae-cmp{
  position:relative;overflow:hidden;border:1px solid transparent;border-radius:30px;
  background:
    linear-gradient(170deg,#ffffff 0%,#fdf9ec 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 30px 60px -34px rgba(132,87,9,.55);
}
.bae-cmp__row{
  position:relative;grid-template-columns:1.5fr .7fr 1.3fr;padding:20px 34px;
  border-bottom:1px solid rgba(173,131,48,.18);font-weight:500;
  transition:background .35s var(--ease);
}
/* zebra rows (row 1 is the header) */
.bae-cmp__row:not(.bae-cmp__row--h):nth-child(even){background:rgba(246,241,222,.6)}
.bae-cmp__row:not(.bae-cmp__row--h):hover{background:rgba(173,131,48,.1)}
/* gold marker on the left when hovering a row */
.bae-cmp__row:not(.bae-cmp__row--h)::before{
  content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#e8c97d,#ad8330);transform:scaleY(0);transition:transform .4s var(--ease);
}
.bae-cmp__row:not(.bae-cmp__row--h):hover::before{transform:scaleY(1)}
 
/* header row */
.bae-cmp__row--h{
  padding:22px 34px;border-bottom:0;
  background:linear-gradient(135deg,#2b2b2b 0%,#3d3d3d 100%);
}
.bae-cmp__row--h span:nth-child(2){color:#e8c97d}
.bae-cmp__row--h span:nth-child(2)::before{content:"\2726";margin-right:8px;font-size:9px;vertical-align:middle}
 
/* BAE column → gold sphere with a check */
.bae-cmp__yes{
  justify-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:radial-gradient(circle at 30% 28%,#e8c97d 0%,#ad8330 55%,#845709 100%);
  color:#fff;font-size:15px;line-height:1;
  box-shadow:0 10px 18px -8px rgba(132,87,9,.8),0 0 0 5px rgba(173,131,48,.14);
}
/* typical products → muted ✕ */
.bae-cmp__no{display:flex;align-items:center;gap:10px;color:rgba(43,43,43,.6);font-size:13px;font-weight:400}
.bae-cmp__no::before{
  content:"\2715";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;
  background:rgba(43,43,43,.07);color:rgba(43,43,43,.45);font-size:10px;line-height:1;
}
 
/* responsive */
@media(max-width:620px){
  .bae-bcard{padding:30px 24px 38px;border-radius:26px}
  .bae-cmp{border-radius:24px}
  .bae-cmp__row{grid-template-columns:1.3fr .55fr 1.2fr;padding:16px 18px;font-size:13px}
  .bae-cmp__row--h{padding:18px;letter-spacing:.12em}
  .bae-cmp__row--h span:nth-child(2)::before{display:none}
  .bae-cmp__yes{width:28px;height:28px;font-size:13px}
  .bae-cmp__no::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .bae-bcard,.bae-bcard::before,.bae-bcard::after,.bae-bcard__num,.bae-cmp__row,.bae-cmp__row::before{transition:none!important}
  .bae-bcard:hover{translate:none}
}
/* END_SECTION:bae-bundle */

/* START_SECTION:bae-featured (INDEX:5) */
@font-face {
    font-family: "Maldives";
    src: url("/cdn/shop/files/Maldives.ttf?v=1792760658") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  .bae-pcs {
    --pc-display: "Maldives", Georgia, serif;
    --pc-sans: "Poppins", "Helvetica Neue", Arial, sans-serif;
    display: block;
    background: var(--pc-bg, #fffaf0);
    color: var(--pc-text, #2b2723);
    font-family: var(--pc-sans);
    -webkit-font-smoothing: antialiased;
  }
  .bae-pcs *, .bae-pcs *::before, .bae-pcs *::after { box-sizing: border-box; }
  .bae-pcs__inner { max-width: 1320px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 48px); }

  /* heading */
  .bae-pcs__head { margin: 0 0 clamp(24px, 4vw, 44px); }
  .bae-pcs .bae-pcs__heading {
    margin: 0;
    font-family: var(--pc-display);
    font-weight: 400;
    font-size: 40px;
    line-height: 1.05;
    letter-spacing: 0;
    text-transform: none;
    color: var(--pc-text, #2b2723);
  }
  .bae-pcs .bae-pcs__sub {
    margin: 12px 0 0;
    max-width: 52ch;
    font-size: 15px;
    line-height: 1.6;
    color: var(--pc-muted, #7a6f5f);
  }

  /* grid: every cell stretches, so all cards share one height */
  .bae-pcs .bae-pcs__grid {
    display: grid;
    grid-template-columns: repeat(var(--pc-cols-m, 1), minmax(0, 1fr));
    gap: clamp(12px, 1.6vw, 20px);
    align-items: stretch;
  }

  /* card */
  .bae-pcs .bae-pc {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    overflow: hidden;
    background: var(--pc-card, #fffdf6);
    border: 1px solid var(--pc-line, #eadfc8);
    border-radius: 18px;
    transition: box-shadow 0.35s ease, transform 0.35s ease;
  }
  @media (hover: hover) and (pointer: fine) {
    .bae-pcs .bae-pc:hover { box-shadow: 0 14px 34px rgba(60, 40, 10, 0.1); transform: translateY(-3px); }
  }

  /* media */
  .bae-pcs .bae-pc__media {
    position: relative;
    display: block;
    aspect-ratio: var(--pc-ratio, 4 / 3);
    overflow: hidden;
    background: #efe6d3;
    text-decoration: none;
  }
  .bae-pcs .bae-pc__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    transition: opacity 0.6s ease, transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);
  }
  .bae-pcs .bae-pc__img--ph { background: radial-gradient(ellipse at 30% 20%, #f2e2b6, #d8c08a 60%, #b99a57); }
  .bae-pcs .bae-pc__img--hover { opacity: 0; }
  @media (hover: hover) and (pointer: fine) {
    .bae-pcs .bae-pc:hover .bae-pc__img--hover { opacity: 1; }
    .bae-pcs .bae-pc:hover .bae-pc__img { transform: scale(1.04); }
  }

  /* badge = collection name */
  .bae-pcs .bae-pc__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    max-width: calc(100% - 24px);
    padding: 5px 11px;
    border-radius: 999px;
    background: #ad8330;
    color: var(--pc-badge-text, #fff);
    font-family: var(--pc-sans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.3;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* body */
  .bae-pcs .bae-pc__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 18px 18px 18px;
  }
  .bae-pcs .bae-pc__head {
    --pc-tfs: 22px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-height: max(calc(var(--pc-tl, 2) * var(--pc-tfs) * 1.2), 44px);
  }
  .bae-pcs .bae-pc__title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-family: var(--pc-display);
    font-size: 22;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    color: var(--pc-text, #2b2723);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--pc-tl, 2);
    line-clamp: var(--pc-tl, 2);
    overflow: hidden;
  }
  .bae-pcs .bae-pc__title a { color: inherit; text-decoration: none; }
  .bae-pcs .bae-pc__price {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    text-align: right;
    font-family: var(--pc-sans);
    line-height: 1.2;
  }
  .bae-pcs .bae-pc__price b { font-size: 15px; font-weight: 600; color: var(--pc-text, #2b2723); }
  .bae-pcs .bae-pc__price s { font-size: 12.5px; font-weight: 400; color: var(--pc-muted, #7a6f5f); text-decoration: line-through; }

  /* Loox rating (row height is always reserved so cards stay aligned) */
  .bae-pcs .bae-pc__rating {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 20px;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1;
    color: var(--pc-muted, #7a6f5f);
  }
  .bae-pcs .bae-pc__stars {
    position: relative;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1;
    color: #ddd2bb;
    white-space: nowrap;
  }
  .bae-pcs .bae-pc__stars-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: var(--pc-star, #c9a24b);
  }
  .bae-pcs .bae-pc__rating-text { white-space: nowrap; }

  .bae-pcs .bae-pc__desc {
    margin: 8px 0 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.55;
    color: var(--pc-muted, #7a6f5f);
    min-height: calc(var(--pc-dl, 2) * 1.55em);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--pc-dl, 2);
    line-clamp: var(--pc-dl, 2);
    overflow: hidden;
  }

  /* button always sits at the bottom of the card */
  .bae-pcs .bae-pc__form { margin: auto 0 0; padding-top: 18px; }
  .bae-pcs .bae-pc__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 0 16px;
    border: 0;
    border-radius: 40px;
    background: var(--pc-btn-bg, #2b2723);
    color: var(--pc-btn-text, #fff);
    font-family: var(--pc-sans);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.25s ease, opacity 0.25s ease;
  }
  .bae-pcs .bae-pc__btn:hover { background: var(--pc-btn-hover, #8f6b22); }
  .bae-pcs .bae-pc__btn:focus-visible { outline: 2px solid var(--pc-btn-hover, #8f6b22); outline-offset: 3px; }
  .bae-pcs .bae-pc__btn[disabled] { opacity: 0.45; cursor: not-allowed; background: var(--pc-btn-bg, #2b2723); }
  .bae-pcs .bae-pc__btn.is-loading { opacity: 0.6; pointer-events: none; }
  .bae-pcs .bae-pc__error { margin: 8px 0 0; font-size: 12px; line-height: 1.4; color: #b3261e; text-align: center; }
  .bae-pcs .bae-pc__error[hidden] { display: none; }
  .bae-pcs .bae-pc__note { margin: 10px 0 0; font-size: 11px; line-height: 1.4; text-align: center; color: var(--pc-muted, #7a6f5f); }

  /* compact cards when 2 per row on phones */
  @media (max-width: 749px) {
    .bae-pcs .bae-pc__body { padding: 14px; }
    .bae-pcs .bae-pc__head { --pc-tfs: 18px; gap: 8px; }
    .bae-pcs .bae-pc__price b { font-size: 14px; }
    .bae-pcs .bae-pc__desc { font-size: 12px; }
    .bae-pcs .bae-pc__btn { min-height: 44px; font-size: 11px; letter-spacing: 0.06em; }
    .bae-pcs .bae-pc__badge { top: 8px; left: 8px; font-size: 9px; padding: 4px 9px; }
     .bae-pcs .bae-pcs__heading {
    font-size: 28px;
  }
  }

  @media (prefers-reduced-motion: reduce) {
    .bae-pcs .bae-pc, .bae-pcs .bae-pc__img, .bae-pcs .bae-pc__btn { transition: none; }
    .bae-pcs .bae-pc:hover { transform: none; }
  }
/* END_SECTION:bae-featured */

/* START_SECTION:bae-marquee (INDEX:8) */
.bae-mqt {
    position: relative;
    z-index: 10;
    overflow-x: clip;                       /* only clip sideways; the tilted corners may overlap hero/next section */
    background: transparent;            /* the hero video shows above the band's tilted edge */
    padding: 0;                             /* margins are set by the script below so the band overlaps the hero's bottom and the next section's top */
    line-height: normal;
    text-align: left;
    padding-bottom: 90px;
  }
  .bae-mqt::before {                        /* cream area below the tilted band (cut along the band's centre line) */
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    top: calc(-2 * var(--bae-mqt-r, 0px));  /* reaches above the section so no video shows under the band's high side */
    z-index: -1;
    background: #f6f1de;
    clip-path: polygon(0 var(--bae-mqt-yl, 50%), 100% var(--bae-mqt-yr, 50%), 100% 100%, 0 100%);
  }
  :where(.bae-mqt) * { margin: 0; padding: 0; box-sizing: border-box; }

  .bae-mqt__band {
    position: relative;
    top: calc(-1 * var(--bae-mqt-r, 0px));  /* lifts the band so its tilted top edge sits inside the hero's bottom */
    width: 130%;
    margin-left: -15%;                      /* overscan so tilted ends never show */
    overflow: hidden;
    white-space: nowrap;
    padding: 8px 0;
    background: #ad8330;
    color: var(--bae-mqt-text, #f6f1de);
    border-block: 2px solid var(--bae-mqt-sep, #ad8330);
    transform-origin: 50% 50%;
    will-change: transform;
  }

  .bae-mqt__inner {
    display: inline-block;
    will-change: transform;
    font-family: "Maldives", "Cormorant Garamond", Georgia, serif;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }
  .bae-mqt__item { margin-right: 0.5em; }
  .bae-mqt__item:nth-of-type(even) { color: var(--bae-mqt-accent, #ad8330); }

  /* Icon: an SVG used as a mask, so its color = background-color (changeable from the theme editor) */
  .bae-mqt__icon {
    display: inline-block;
    width: var(--bae-mqt-icon-size, 36px);
    height: var(--bae-mqt-icon-size, 36px);
    margin-right: var(--bae-mqt-icon-gap, 10px);
    vertical-align: middle;
    background-color: var(--bae-mqt-icon-color, #f6f1de);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
  }

  .bae-mqt__sep {
    margin-right: 0.5em;
    font-size: 0.5em;
    vertical-align: middle;
    color: #ffffff;
  }

  @media (prefers-reduced-motion: reduce) {
    .bae-mqt__inner { transform: none !important; }
  }
/* END_SECTION:bae-marquee */

/* START_SECTION:bae-shop-collection (INDEX:13) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
@font-face{font-family:'Maldives';src:url('/cdn/shop/files/Maldives.ttf?v=1792760658') format('truetype');font-weight:400;font-style:normal;font-display:swap}

.bae-shop{--gold:#ad8330;--gold-hi:#e6c06a;--cream:#f6f1de;--ink:#2b2b2b;--ease:cubic-bezier(.2,.7,.2,1);position:relative;width:100%;margin:0;overflow-x:clip;background:var(--cream);color:var(--ink);font-family:'Poppins',sans-serif;font-size:13px;font-weight:400;line-height:1.6;scroll-behavior:smooth;scroll-padding-top:20px}
.bae-shop *{box-sizing:border-box}
.bae-shop a{color:inherit;text-decoration:none}
.bae-shop img{display:block;height:auto}
.bae-shop :focus-visible{outline:2px solid currentColor;outline-offset:4px}
.bae-shop .eyebrow{letter-spacing:.14em}

/* Hero */
.bae-shop .hero{position:relative;overflow:hidden;min-height:100svh;max-height:1100px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4%;padding:90px 6% 130px;color:var(--cream);background:radial-gradient(60% 55% at 85% 15%,#e9c775 0,transparent 70%),radial-gradient(55% 60% at 5% 100%,#6f4d12 0,transparent 70%),var(--gold)}
.bae-shop .hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.bae-shop .hero-copy{position:relative;z-index:3}
.bae-shop .hero h1{margin:26px 0 28px}
.bae-shop .hero h1 em{display:block;color:#fff2c4;text-shadow:0 0 40px #ffe39a66}
.bae-shop .hero p{max-width:360px;font-size:13px;opacity:.92}
.bae-shop .hero-art{position:relative;min-width:0;justify-self:center;width:min(100%,520px)}
.bae-shop .hero-art:before{content:'';position:absolute;inset:-5% -8% -4% 10%;border:1px solid #f6f1de66;border-radius:999px 999px 30px 30px;transform:translate(22px,18px)}
.bae-shop .hero-art img{position:relative;z-index:2;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 30px 30px;box-shadow:0 40px 90px #2a1b0a66}
.bae-shop .star{position:absolute;font:150px Georgia;line-height:1;color:#f0d68e;z-index:3;pointer-events:none;animation:float 7s ease-in-out infinite}
.bae-shop .star.one{right:-40px;top:-50px}
.bae-shop .star.two{left:-45px;bottom:30px;font-size:100px}
.bae-shop .ring{position:absolute;z-index:4;left:-60px;bottom:-40px;width:140px;height:140px;padding:6px;border-radius:50%;background:var(--ink);color:var(--cream);fill:currentColor;animation:spin 24s linear infinite}
.bae-shop .hero-bottom{position:absolute;bottom:30px;left:6%;right:6%;z-index:3;display:flex;justify-content:space-between;letter-spacing:.1em;opacity:.85}
.bae-shop .hero-copy>*{animation:rise .9s var(--ease) both}
.bae-shop .hero-copy>:nth-child(2){animation-delay:.1s}
.bae-shop .hero-copy>:nth-child(3){animation-delay:.2s}
.bae-shop .hero-copy>:nth-child(4){animation-delay:.3s}
.bae-shop .hero-art img{animation:rise 1.2s var(--ease) .15s both}

/* Pill button */
.bae-shop .pill{display:inline-flex;align-items:center;gap:18px;padding:7px 7px 7px 26px;border:1px solid currentColor;border-radius:40px;margin-top:22px;transition:background .3s,color .3s,transform .3s var(--ease)}
.bae-shop .bae-arrow{width:16px;height:16px;display:block;flex:none;-webkit-text-fill-color:currentColor}.bae-shop .bae-arrow-inline{display:inline-block;vertical-align:-2px;margin-left:4px}.bae-shop .bae-arrow-inline .bae-arrow{width:.8em;height:.8em;display:inline-block}
.bae-shop .pill span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid currentColor;transition:transform .4s var(--ease)}
.bae-shop .pill:hover{background:var(--cream);color:var(--ink);transform:translateY(-3px)}
.bae-shop .pill:hover span{transform:rotate(45deg)}

/* Pill as <button> (Add to cart) - matches the anchor pill */
.bae-shop button.pill{appearance:none;-webkit-appearance:none;background:transparent;color:inherit;cursor:pointer;line-height:inherit;letter-spacing:inherit;text-transform:none;text-align:left}
.bae-shop button.pill:disabled{opacity:.5;cursor:not-allowed}
.bae-shop button.pill:disabled:hover{background:transparent;color:inherit;transform:none}
.bae-shop button.pill:disabled:hover span{transform:none}

/* Shop + Add to cart stacked */
.bae-shop .actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:22px}
.bae-shop .actions .pill{margin-top:0}
.bae-shop .cart-form{margin:0}

/* Ribbon marquee (seamless loop: two identical halves, track moves -50%) */
.bae-shop .marquee{position:relative;z-index:5;width:106%;margin:-34px 0 0 -3%;transform:rotate(-1.4deg);overflow:hidden;padding:18px 0;background:var(--ink);color:var(--gold-hi);white-space:nowrap;box-shadow:0 14px 30px #0003}
.bae-shop .marquee-track{display:flex;width:max-content;animation:slide 30s linear infinite;will-change:transform}
.bae-shop .marquee-track span{flex:0 0 auto;display:block;padding-right:3em;letter-spacing:.16em}
.bae-shop .marquee:hover .marquee-track{animation-play-state:paused}

/* Intro */
.bae-shop .intro{text-align:center;padding:120px 24px 90px}
.bae-shop .intro h2{margin:22px auto 34px;max-width:760px}
.bae-shop .filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.bae-shop .filter a{border:1px solid #ad833077;border-radius:30px;padding:12px 24px;transition:background .25s,color .25s}
.bae-shop .filter a:hover{background:var(--gold);color:#fff}

/* Chapters: sticky stack, each product slides over the last */
.bae-shop .chapter{position:relative;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:120px 6% 110px;border-radius:44px 44px 0 0;overflow:hidden;isolation:isolate;box-shadow:0 -30px 60px #0000002e}
.bae-shop .chapter .copy{position:relative;z-index:3}
.bae-shop .chapter h2{margin:22px 0}
.bae-shop .chapter .desc{max-width:380px}
.bae-shop .number{position:absolute;top:38px;left:6%;z-index:3;opacity:.7;letter-spacing:.14em}
.bae-shop .chapter .motif{position:absolute;z-index:0;width:760px;height:760px;right:-160px;top:-60px;opacity:.16;animation:spin 90s linear infinite}
.bae-shop .chapter .art{position:relative;z-index:2;width:min(100%,480px);justify-self:center}
.bae-shop .art:before{content:'';position:absolute;inset:14px -16px -16px 16px;z-index:-1;border:1px solid currentColor;opacity:.35;border-radius:999px 999px 36px 36px}
.bae-shop .art img{width:100%;aspect-ratio:4/5;max-height:72svh;object-fit:cover;border-radius:999px 999px 30px 30px;box-shadow:0 35px 80px #0003;transition:transform .9s var(--ease)}
.bae-shop .chapter:hover .art img{transform:scale(1.03)}
.bae-shop .floating{position:absolute;font-family:Georgia;font-size:100px;z-index:4;bottom:-30px;right:-24px;animation:float 6s ease-in-out infinite}
.bae-shop .chapter-foot{position:absolute;bottom:26px;left:6%;right:6%;border-top:1px solid currentColor;padding-top:14px;display:flex;justify-content:space-between;letter-spacing:.14em;opacity:.55}
.bae-shop .chapter.reverse .copy{order:2}
.bae-shop .chapter.reverse .art{order:1}
.bae-shop .glow{background:radial-gradient(60% 60% at 85% 10%,#efd49a 0,transparent 70%),#be9450;color:#fff7dc}
.bae-shop .everyday{background:radial-gradient(60% 60% at 10% 10%,#fff 0,transparent 65%),#dfe7dc;color:#304b42}
.bae-shop .fertility{background:radial-gradient(60% 60% at 85% 90%,#a07c8b 0,transparent 70%),#755963;color:#fff1e7}
.bae-shop .mask{background:radial-gradient(55% 55% at 15% 15%,#5a4c34 0,transparent 70%),#2b2b2b;color:#f6f1de}

/* Audience badges (For men / For women) */
.bae-shop .aud{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.bae-shop .aud b{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid currentColor;border-radius:30px;background:#ffffff1f;font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.bae-shop .aud b:before{content:'\2726';font-size:9px;opacity:.8}
.bae-shop .aud + h2{margin-top:16px}

/* Price row + save badge */
.bae-shop .price{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin:20px 0 4px}
.bae-shop .price-current{font-weight:400}
.bae-shop .price-compare{text-decoration:line-through;text-decoration-thickness:1px;opacity:.6;margin-right:0}
.bae-shop .price .save-badge{display:inline-block;padding:8px 16px;border-radius:2px;background:var(--gold);color:var(--cream);font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 16px #0002}

/* Hidden range rail (unchanged) */
.bae-shop .range{padding:90px 6%;background:var(--cream)}
.bae-shop .range-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}
.bae-shop .range h2{margin:0}
.bae-shop .rail{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bae-shop .card img{width:100%;aspect-ratio:1;object-fit:cover}
.bae-shop .card h3{margin:18px 0 8px}

/* Story */
.bae-shop .story{position:relative;z-index:6;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:130px 6%;background:var(--cream);border-radius:44px 44px 0 0;margin-top:-44px;box-shadow:0 -30px 60px #0000002e}
.bae-shop .story img{width:min(100%,500px);justify-self:center;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 30px 30px;box-shadow:0 35px 80px #0003}
.bae-shop .story div{max-width:520px}
.bae-shop .story h2{margin:22px 0}
.bae-shop .story p{line-height:1.9;margin:0 0 16px}
.bae-shop .story .story-sub{margin:26px 0 6px;font-weight:600}
.bae-shop .story .story-note{margin:18px 0 0;opacity:.75}
.bae-shop .story .pill{color:var(--ink)}
.bae-shop .story .pill:hover{background:var(--ink);color:var(--cream)}

@keyframes rise{from{opacity:0;transform:translateY(36px)}}
@keyframes float{50%{transform:translateY(-18px) rotate(8deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes slide{to{transform:translateX(-50%)}}

@media(min-width:901px){.bae-shop .chapter{position:sticky;top:0}}
@media(max-width:900px){
.bae-shop .hero{grid-template-columns:1fr;min-height:0;max-height:none;padding:90px 7% 120px;gap:70px}
.bae-shop .hero-art{width:80%}
.bae-shop .ring{width:110px;height:110px;left:-30px}
.bae-shop .hero-bottom{font-size:11px}
.bae-shop .intro{padding:90px 20px 70px}
.bae-shop .chapter{grid-template-columns:1fr;min-height:0;gap:60px;padding:90px 7%;margin-top:-44px;border-radius:32px 32px 0 0}
.bae-shop .chapter .art{width:84%}
.bae-shop .chapter.reverse .copy,.bae-shop .chapter.reverse .art{order:initial}
.bae-shop .chapter .motif{width:480px;height:480px;top:300px;right:-170px}
.bae-shop .story{grid-template-columns:1fr;padding:90px 7%;gap:50px;border-radius:32px 32px 0 0}
.bae-shop .rail{display:flex;overflow:auto;scroll-snap-type:x mandatory}
.bae-shop .card{min-width:75%;scroll-snap-align:start}
.bae-shop h1,.bae-shop h2,.bae-shop h3{font-family:'Maldives',Georgia,serif;font-size:32px !important;font-weight:400;font-style:normal;line-height:1.1;letter-spacing:0;text-transform:none;color:inherit;font-synthesis:none}

}
@media(prefers-reduced-motion:reduce){.bae-shop *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* ===== FONT SYSTEM ===== */
.bae-shop h1,.bae-shop h2,.bae-shop h3{font-family:'Maldives',Georgia,serif;font-size:60px;font-weight:400;font-style:normal;line-height:1.1;letter-spacing:0;text-transform:none;color:inherit;font-synthesis:none}
.bae-shop h1 em{font-family:inherit;font-style:normal;font-weight:inherit}
.bae-shop,.bae-shop p,.bae-shop a,.bae-shop span:not(.star):not(.floating),.bae-shop small,.bae-shop button,.bae-shop li{font-family:'Poppins',sans-serif;font-size:13px;font-weight:400}
.bae-shop .price{font-size:19px}
.bae-shop .story .story-sub{font-weight:600}
/* ===== PRODUCT TITLE LINK ===== */
.bae-shop h2 a.title-link{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s var(--ease)}
.bae-shop h2 a.title-link:hover,.bae-shop h2 a.title-link:focus-visible{background-size:100% 1px}
/* ===== PRICE COLORS ===== */
/* All cards: white */
.bae-shop .chapter .price,
.bae-shop .chapter .price-current,
.bae-shop .chapter .price-compare{color:#fff}

/* Everyday card: black */
.bae-shop .chapter.everyday .price,
.bae-shop .chapter.everyday .price-current,
.bae-shop .chapter.everyday .price-compare{color:#000}
/* END_SECTION:bae-shop-collection */

/* START_SECTION:baetrustbadge (INDEX:18) */
.bae-trust {
    position: relative;
    z-index: 10; /* sits above the fixed hero stage, like <main id="after"> in the original */
    padding: 6vh 6vw;
    background: var(--bae-tr-bg, #f8f2e4);
    color: var(--bae-tr-text, #6d5c3e);
    font-family: 'Poppins';
    font-weight: 400;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
  }
  :where(.bae-trust) * { margin: 0; padding: 0; box-sizing: border-box; }
  .bae-trust__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
  }
  .bae-trust__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center;
    font-size: 14px;
    color: var(--bae-tr-text, #6d5c3e);
  }
  .bae-trust__item img {
    height: var(--bae-tr-icon-h, 64px);
    width: auto;
    filter: brightness(0) opacity(var(--bae-tr-icon-op, 0.72));
    transition: transform 0.5s cubic-bezier(0.2, 0.9, 0.2, 1);
  }
  .bae-trust__item:hover img { transform: translateY(-8px) scale(1.12); }

  /* scroll reveal */
  .bae-rv { opacity: 0; transform: translateY(50px); }
  .bae-rv.is-in {
    opacity: 1;
    transform: perspective(800px) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));
  }
  .bae-trust--smooth .bae-rv {
    transition: opacity 0.7s ease, transform 0.8s cubic-bezier(0.2, 0.9, 0.2, 1);
  }
  @media (prefers-reduced-motion: reduce) {
    .bae-trust .bae-rv { transition: none; opacity: 1; transform: none; }
  }
/* END_SECTION:baetrustbadge */

/* START_SECTION:fertilitytonic (INDEX:35) */
/* ═════════ Maldives (headings) ═════════ */
@font-face{
  font-family:'Maldives';
  src:url('/cdn/shop/files/Maldives.ttf?v=1792760658') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family: 'GarvoPoster';
  src: url('/cdn/shop/files/GarvoPoster-Regular.ttf?v=1793956012') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* GarvoPoster Light */
@font-face {
  font-family: 'GarvoPoster';
  src: url('/cdn/shop/files/GarvoPoster-Light.ttf?v=1793956277') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* ═════════ BAE tokens ═════════ */
.bae{
  --gold:#ad8330; --ink:#2b2b2b; --white:#fff;
  --bronze:#845709; --amber:#b27409; --cream:#f6f1de;
  --line:rgba(43,43,43,.14);
  --head:'Maldives','Poppins',sans-serif;
  --body:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --h-size:60px;
  --ease:cubic-bezier(.2,.7,.2,1);
  font-family:var(--body);color:var(--ink);background:var(--white);
  line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative;
}
.bae *,.bae *::before,.bae *::after{box-sizing:border-box}
.bae :where(img,video){display:block;max-width:100%;height:auto}
.bae :where(a){color:inherit;text-decoration:none}
.bae :where(button){font:inherit;color:inherit;cursor:pointer;background:none;border:0;border-radius:0;box-shadow:none}
.bae :where(h1,h2,h3,h4){margin:0;font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.06em;line-height:1.08}
.bae :where(p){margin:0}
.bae :where(ul,ol){margin:0;padding:0;list-style:none}
.bae :where(li){margin:0}
.bae :where(summary):focus{outline:none}
.bae :where(summary):focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.bae-wrap{max-width:1320px;margin:0 auto;padding:0 32px}
.bae-wrap--narrow{max-width:900px}
.bae-eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:500;color:var(--gold);display:flex;align-items:center;gap:14px}
.bae-eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
/* Main headings: Maldives · 60px · weight 300 */
.bae .bae-h1,
.bae .bae-h2{font-family:var(--head);font-size:var(--h-size);font-weight:300}
.bae-h2{margin-top:16px}
.bae-head{max-width:720px;margin-bottom:56px}
.bae-head--center{text-align:center;margin-left:auto;margin-right:auto}
.bae-head--center .bae-eyebrow{justify-content:center}
.bae-head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}

/* scroll progress */
.bae-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none}
.bae-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--bronze),var(--gold),var(--amber));transform-origin:0 50%;transform:scaleX(0)}

/* reveal */
.bae-js [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.bae-js [data-reveal].is-in{opacity:1;transform:none}

/* buttons */
.bae .bae-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;height:56px;padding:0 12px;font-family:var(--body);font-size:12px;font-weight:500;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-align:center;border:1px solid var(--ink);border-radius:40px!important;box-shadow:none!important;text-shadow:none;width:auto;min-width:0;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.bae .bae-btn::before,.bae .bae-btn::after{content:none!important;display:none!important}
.bae .bae-btn:hover:not([disabled]){transform:translateY(-2px)}
.bae .bae-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.bae .bae-btn--gold{background:var(--gold);border-color:var(--gold);color:#fff}
.bae .bae-btn--gold:hover:not([disabled]){background:var(--bronze);border-color:var(--bronze)}
.bae .bae-btn--ghost{background:transparent;color:var(--ink)}
.bae .bae-btn--ghost:hover:not([disabled]){background:var(--ink);color:#fff}
.bae .bae-btn--cream{background:var(--cream);border-color:var(--cream);color:var(--ink);padding:0 38px}
.bae .bae-btn--cream:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.bae-link{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--gold)}

/* marquee */
.bae-marquee{overflow:hidden;white-space:nowrap;padding:14px 0;background:var(--ink);color:var(--cream)}
.bae-marquee--gold{background:var(--gold);color:#fff}
.bae-marquee__track{display:inline-flex;animation:bae-slide 38s linear infinite;will-change:transform}
.bae-marquee:hover .bae-marquee__track{animation-play-state:paused}
.bae-marquee__group{display:inline-flex;align-items:center}
.bae-marquee span{font-family:var(--body);font-size:13px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;margin:0 28px}
.bae-marquee i{font-style:normal;font-size:10px;opacity:.7}
@keyframes bae-slide{to{transform:translateX(-50%)}}

/* ═════════ hero ═════════ */
.bae-hero{position:relative;background:var(--cream);padding-bottom:96px;overflow:clip}
.bae-hero__bgword{position:absolute;top:60px;right:-2%; font-family: 'GarvoPoster', serif !important; font-weight:300;font-size:clamp(180px,32vw,520px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(173,131,48,.28);letter-spacing:.04em;pointer-events:none;user-select:none;will-change:transform;white-space:nowrap}
.bae-crumbs{position:relative;display:flex;gap:10px;flex-wrap:wrap;padding:26px 0 18px;font-size:12px;letter-spacing:.08em;color:rgba(43,43,43,.6)}
.bae-crumbs a:hover{color:var(--gold)}
.bae-crumbs em{font-style:normal;color:var(--ink)}
.bae-product{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:72px;align-items:start}

/* gallery – thumbs column is exactly as tall as the main image */
.bae-gallery{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;position:sticky;top:90px;align-items:stretch}
.bae-gallery__thumbs-wrap{position:relative;min-height:0;min-width:0}
.bae-gallery__thumbs{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bae-gallery__thumbs::-webkit-scrollbar{display:none}
.bae-gallery__thumbs-wrap.is-scroll .bae-gallery__thumbs{padding:34px 0}
.bae-thumb{width:100%;aspect-ratio:1;overflow:hidden;border:1px solid transparent;background:var(--white);opacity:.55;padding:0;transition:.3s var(--ease);flex:none}
.bae-thumb img{width:100%;height:100%;object-fit:cover}
.bae-thumb.is-on,.bae-thumb:hover{opacity:1;border-color:var(--gold)}

/* thumb arrows (only visible when thumbs overflow) */
.bae .bae-tarrow{display:none;position:absolute;z-index:3;align-items:center;justify-content:center;background:rgba(255,255,255,.96);border:1px solid var(--line);padding:0;transition:background .25s var(--ease),border-color .25s var(--ease),opacity .25s}
.bae .bae-tarrow span{display:block;width:9px;height:9px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.bae .bae-tarrow:hover:not([disabled]){background:var(--gold);border-color:var(--gold)}
.bae .bae-tarrow:hover:not([disabled]) span{border-color:#fff}
.bae .bae-tarrow[disabled]{opacity:.35;cursor:default}
.bae-gallery__thumbs-wrap.is-scroll .bae-tarrow{display:flex}
.bae .bae-tarrow--prev{left:0;right:0;top:0;height:28px}
.bae .bae-tarrow--next{left:0;right:0;bottom:0;height:28px}
.bae .bae-tarrow--prev span{transform:rotate(-135deg);margin-top:4px}
.bae .bae-tarrow--next span{transform:rotate(45deg);margin-bottom:4px}

.bae-gallery__stage{position:relative;aspect-ratio:4/5;background:var(--white);overflow:hidden;align-self:start}
.bae-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s}
.bae-slide.is-on{opacity:1;visibility:visible}
.bae-slide img,.bae-slide video{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.bae-gallery__stage:hover .bae-slide.is-on img{transform:scale(1.06)}
.bae-tag{position:absolute;top:18px;left:18px;z-index:3;background:var(--ink);color:var(--cream);font-size:10px;letter-spacing:.28em;text-transform:uppercase;padding:8px 16px}
.bae-gallery__dots{display:none}

/* info */
.bae-h1{margin:20px 0 14px}
.bae-tagline{font-size:15px;color:rgba(43,43,43,.7);max-width:44ch}
.bae-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px;margin:26px 0 22px}
.bae-price__now{font-size:34px;font-weight:500;color:var(--ink);letter-spacing:.01em}
.bae-price__was{font-size:18px;color:rgba(43,43,43,.5)}
.bae-price__save{font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:var(--gold);color:#fff;padding:6px 12px;font-weight:500}
.bae-price [hidden]{display:none}
.bae-lead{font-size:15.5px;color:rgba(43,43,43,.85);max-width:54ch}
.bae-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bae-facts div{padding:22px 10px;text-align:center;border-right:1px solid var(--line)}
.bae-facts div:last-child{border-right:0}
.bae-facts strong{display:block;font-family:var(--body);font-weight:300;font-size:clamp(30px,3.4vw,46px);color:var(--gold);line-height:1;margin-bottom:8px}
.bae-facts span{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(43,43,43,.65)}
.bae-checks{display:grid;gap:10px;margin-bottom:30px}
.bae-checks li{display:flex;gap:14px;font-size:14.5px;align-items:flex-start}
.bae-checks li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border:1px solid var(--gold);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%23ad8330' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}

/* options */
.bae-options{display:grid;gap:18px;margin-bottom:22px}
.bae-option{border:0;padding:0;margin:0}
.bae-option legend{font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:10px;font-weight:500;padding:0}
.bae-option__vals{display:flex;flex-wrap:wrap;gap:10px}
.bae-option label{cursor:pointer}
.bae-option input{position:absolute;opacity:0;pointer-events:none}
.bae-option span{display:block;padding:11px 22px;border:1px solid var(--line);font-size:13px;transition:.25s var(--ease);background:var(--white)}
.bae-option input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.bae-option input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}

/* quantity (own row) */
.bae-qtyrow{display:flex;align-items:center;gap:18px;margin:0 0 18px}
.bae-qtyrow__label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}
.bae .bae-qty{display:inline-flex;align-items:center;border:1px solid var(--ink);height:52px;background:var(--white);border-radius:0;box-shadow:none;margin:0}
.bae .bae-qty button{width:44px;height:100%;font-size:20px;line-height:1;transition:color .2s;padding:0}
.bae .bae-qty button:hover{color:var(--gold)}
.bae .bae-qty input{width:46px;height:100%;text-align:center;border:0!important;background:none!important;box-shadow:none!important;outline:none;border-radius:0;font:inherit;font-weight:500;color:var(--ink);-moz-appearance:textfield;appearance:textfield;padding:0;margin:0;min-height:0}
.bae-qty input::-webkit-outer-spin-button,.bae-qty input::-webkit-inner-spin-button{-webkit-appearance:none}

/* Appstle subscription slot (between quantity and buy row, inside the form) */
.bae-subs{margin:0 0 18px}
.bae-subs.is-empty{margin:0}

/* Frequently Bought Together slot (below the buttons, outside the form) */
.bae-fbt{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.bae-fbt__title{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:14px}
.bae-fbt__title::before{content:"";width:34px;height:1px;background:var(--gold)}
.bae-fbt__body{font-family:var(--body);color:var(--ink);accent-color:var(--gold);max-width:100%;overflow-x:clip}
.bae-fbt__body :where(button,input,select,textarea,a,p,span,label,li,h2,h3,h4,strong,b,div){font-family:var(--body)}
.bae-fbt__body :where(img){max-width:100%;height:auto}
.bae-fbt.is-empty{margin-top:0;padding-top:0;border-top:0}
.bae-fbt.is-empty .bae-fbt__title{display:none}

/* Add to cart + Buy it now – one row */
.bae-buy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.bae-buy .bae-btn{width:100%;}

.bae-guarantee{display:flex;gap:16px;align-items:center;margin-top:18px;padding:18px 22px;border:1px solid var(--gold);color:var(--bronze);font-size:13.5px;font-weight:500;letter-spacing:.04em}
.bae-guarantee svg{flex:none}
.bae-ship{font-size:12px;letter-spacing:.06em;color:rgba(43,43,43,.6);margin:14px 0 28px}

/* accordion */
.bae-acc{border-top:1px solid var(--line)}
.bae-acc details{border-bottom:1px solid var(--line)}
.bae-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}
.bae-acc summary::-webkit-details-marker{display:none}
.bae-acc summary::after{content:"";width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .35s var(--ease);margin-right:4px}
.bae-acc details[open] summary::after{transform:rotate(-135deg)}
.bae-acc details[open] summary{color:var(--gold)}
.bae-acc__body{padding:0 0 22px;font-size:14px;color:rgba(43,43,43,.82)}
.bae-acc__body p+p{margin-top:12px}
/* rich text content inside accordions (bold, italic, bullets, numbers, links) */
.bae-acc__body p{margin:0 0 12px}
.bae-acc__body > :last-child{margin-bottom:0}
.bae-acc__body strong,.bae-acc__body b{font-weight:600;color:var(--ink)}
.bae-acc__body em,.bae-acc__body i{font-style:italic}
.bae-acc__body ul{list-style:disc;padding-left:22px;margin:0 0 12px}
.bae-acc__body ol{list-style:decimal;padding-left:22px;margin:0 0 12px}
.bae-acc__body li{margin:0 0 6px;padding-left:2px}
.bae-acc__body li::marker{color:var(--gold)}
.bae-acc__body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.bae-acc--big summary{font-size:15px;letter-spacing:.06em;text-transform:none;font-weight:500;padding:26px 0}

/* badges – tilted running marquee */
.bae-badges{position:relative;background:var(--cream);padding:58px 0;overflow:hidden;--tilt:-2deg;--bspeed:40s}
.bae-badges::before{content:"";position:absolute;left:-6%;right:-6%;top:50%;height:60px;margin-top:-30px;background:var(--gold);transform:rotate(calc(var(--tilt) * -1));pointer-events:none}
.bae-badges__band{position:relative;z-index:1;margin:0 -6%;background:var(--ink);color:var(--cream);transform:rotate(var(--tilt));padding:17px 0;overflow:hidden;white-space:nowrap;box-shadow:0 22px 44px -26px rgba(43,43,43,.65)}
.bae-badges__track{display:inline-flex;animation:bae-slide var(--bspeed) linear infinite;will-change:transform}
.bae-badges__band:hover .bae-badges__track{animation-play-state:paused}
.bae-badges__group{display:inline-flex;align-items:center;flex:none}
.bae-badges__item{display:inline-flex;align-items:center;gap:12px;margin:0 0 0 26px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;line-height:1}
.bae-badges__item svg{color:var(--gold);flex:none}
.bae-badges__item img{width:24px;height:24px;object-fit:contain;flex:none}
.bae-badges__sep{font-style:normal;font-size:10px;color:var(--gold);margin-left:14px}

/* sections */
.bae-sec{padding:130px 0}
.bae-sec--cream{background:var(--cream)}

/* benefits */
.bae-benefits{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:22px}
.bae-bcard{position:relative;background:var(--white);padding:34px 28px 36px;border:1px solid transparent;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s var(--ease)}
.bae-bcard:hover{transform:translateY(-10px);border-color:var(--gold);box-shadow:0 30px 60px -34px rgba(132,87,9,.55)}
.bae-bcard__num{display:block;font-family:var(--body);font-size:44px;font-weight:200;color:var(--gold);margin-bottom:22px;line-height:1}
.bae-bcard__pic{aspect-ratio:1;overflow:hidden;margin-bottom:22px;background:var(--cream)}
.bae-bcard__pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.bae-bcard:hover .bae-bcard__pic img{transform:scale(1.08)}
.bae-bcard h3{font-size:21px;margin-bottom:12px;line-height:1.2}
.bae-bcard p{font-size:14px;color:rgba(43,43,43,.75)}

/* scrollytelling */
.bae-story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}
.bae-story__stage{position:sticky;top:96px}
.bae-story__frame{position:relative;aspect-ratio:1;background:var(--cream);overflow:hidden}
.bae-story__base,.bae-story__layer{position:absolute;inset:0}
.bae-story__base img,.bae-story__layer img{width:100%;height:100%;object-fit:cover}
.bae-story__layer{opacity:0;transform:scale(1.06);transition:opacity .8s var(--ease),transform 1.2s var(--ease)}
.bae-story__layer.is-on{opacity:1;transform:none}
.bae-story__layer:not(:has(img)){background:linear-gradient(145deg,var(--cream),#efe5c4)}
.bae-story__big{position:absolute;right:26px;bottom:6px;font-family:var(--body);font-weight:200;font-size:clamp(90px,12vw,190px);line-height:1;color:var(--gold);opacity:.9;mix-blend-mode:multiply}
.bae-story__count{margin-top:16px;font-size:12px;letter-spacing:.28em;color:rgba(43,43,43,.6)}
.bae-story__count b{color:var(--gold);font-weight:500}
.bae-story__steps{padding:10vh 0}
.bae-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.22;transform:translateX(24px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.bae-step.is-on{opacity:1;transform:none}
.bae-step__k{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500}
.bae-step h3{font-size:clamp(28px,3.4vw,48px);margin-bottom:20px}
.bae-step p{font-size:16px;color:rgba(43,43,43,.8);max-width:40ch}
.bae-blends{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:70px}
.bae-blend{background:var(--ink);color:var(--cream);padding:34px 32px}
.bae-blend h4{font-size:19px;color:var(--gold);margin-bottom:18px;line-height:1.2}
.bae-blend li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid rgba(246,241,222,.16);font-size:13.5px}
.bae-blend b{font-weight:500;white-space:nowrap;color:#fff}

/* compare */
.bae-cmp{background:var(--white);border:1px solid var(--line)}
.bae-cmp__row{display:grid;grid-template-columns:1.5fr .6fr 1.3fr;align-items:center;padding:20px 30px;border-bottom:1px solid var(--line);font-size:14.5px;gap:10px}
.bae-cmp__row:last-child{border-bottom:0}
.bae-cmp__row--h{background:var(--ink);color:var(--cream);font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;padding:18px 30px}
.bae-cmp__yes{color:var(--gold);font-size:20px;text-align:center}
.bae-cmp__row--h span:nth-child(2){text-align:center;color:var(--gold)}
.bae-cmp__no{color:rgba(43,43,43,.55);font-size:13px}

/* timeline */
.bae-dark{background:var(--ink);color:var(--cream)}
.bae-dark .bae-h2{color:#fff}
.bae-tl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:96px;align-items:start}
.bae-tl__head{align-self:stretch}
.bae-tl__sticky{position:sticky;top:120px}
.bae-tl__sub{margin-top:24px;font-size:15px;color:rgba(246,241,222,.75);max-width:38ch}
.bae-tl__days{margin-top:52px;display:flex;align-items:baseline;gap:14px;border-top:1px solid rgba(246,241,222,.2);padding-top:30px}
.bae-tl__days b{font-family:var(--body);font-weight:200;font-size:clamp(72px,8vw,128px);line-height:.9;color:var(--gold)}
.bae-tl__days span{font-size:12px;letter-spacing:.3em;text-transform:uppercase}
.bae .bae-tl__list{position:relative;padding-left:60px;counter-reset:baestep}
.bae-tl__line{position:absolute;left:11px;top:14px;bottom:14px;width:1px;background:rgba(246,241,222,.18)}
.bae-tl__line span{display:block;width:100%;height:100%;background:var(--gold);transform-origin:50% 0;transform:scaleY(0)}
.bae-tl__item{position:relative;counter-increment:baestep;margin:0 0 26px;padding:36px 40px 38px;background:rgba(246,241,222,.035);border:1px solid rgba(246,241,222,.1);opacity:.38;transition:opacity .6s var(--ease),border-color .6s var(--ease),background .6s var(--ease),transform .6s var(--ease)}
.bae-tl__item:last-child{margin-bottom:0}
.bae-tl__item::after{content:counter(baestep,decimal-leading-zero);position:absolute;right:28px;top:10px;font-family:var(--body);font-weight:200;font-size:76px;line-height:1;color:rgba(173,131,48,.22);pointer-events:none}
.bae-tl__item.is-on{opacity:1;border-color:rgba(173,131,48,.55);background:rgba(173,131,48,.08)}
.bae-tl__dot{position:absolute;left:-55px;top:42px;width:13px;height:13px;border-radius:50%;background:var(--ink);border:1px solid rgba(246,241,222,.4);transition:.5s var(--ease)}
.bae-tl__dot::after{content:"";position:absolute;left:100%;top:50%;width:42px;height:1px;background:rgba(246,241,222,.18);transition:background .5s var(--ease)}
.bae-tl__item.is-on .bae-tl__dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 7px rgba(173,131,48,.22)}
.bae-tl__item.is-on .bae-tl__dot::after{background:var(--gold)}
.bae-tl__when{display:inline-block;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-weight:500;padding:6px 14px;border:1px solid rgba(173,131,48,.5)}
.bae-tl__item h3{font-size:clamp(22px,2.4vw,34px);color:#fff;margin-bottom:28px;line-height:1.15;max-width:78%}
.bae-tl__cols{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.bae-tl__cols b{display:block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-weight:500}
.bae-tl__cols ul{border-top:1px solid rgba(246,241,222,.14)}
.bae-tl__cols li{position:relative;padding:11px 0 11px 20px;font-size:13.5px;line-height:1.5;border-bottom:1px solid rgba(246,241,222,.08);color:rgba(246,241,222,.88)}
.bae-tl__cols li::before{content:"";position:absolute;left:0;top:21px;width:8px;height:1px;background:var(--gold)}

/* rails */
.bae-arrows{display:flex;gap:10px}
.bae-arrows button{width:52px;height:52px;border:1px solid var(--ink);font-size:18px;transition:.3s var(--ease)}
.bae-arrows button:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.bae-rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 10px;cursor:grab;-webkit-overflow-scrolling:touch}
.bae-rail::-webkit-scrollbar{display:none}
.bae-rail.is-drag{cursor:grabbing;scroll-snap-type:none}
.bae-rail__track{display:flex;gap:22px;width:max-content;padding:0 max(32px,calc((100vw - 1320px)/2 + 32px))}
.bae-review{width:min(400px,82vw);flex:none;scroll-snap-align:start;background:var(--cream);padding:38px 34px;display:flex;flex-direction:column;gap:18px;transition:transform .5s var(--ease)}
.bae-review:hover{transform:translateY(-8px)}
.bae-review__stars{color:var(--gold);letter-spacing:5px;font-size:14px}
.bae-review h3{font-size:24px;line-height:1.2}
.bae-review p{flex:1;font-size:14.5px;color:rgba(43,43,43,.82)}
.bae-review__who{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--line)}
.bae-review__who img,.bae-review__who i{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.bae-review__who i{display:grid;place-items:center;background:var(--gold);color:#fff;font-style:normal;font-family:var(--body);font-weight:500;font-size:18px}
.bae-review__who b{display:block;font-size:13.5px;font-weight:500}
.bae-review__who span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.bae-pcard{width:min(320px,76vw);flex:none;scroll-snap-align:start;user-select:none}
.bae-pcard__pic{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--cream);margin-bottom:20px}
.bae-pcard__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform 1.4s var(--ease);-webkit-user-drag:none}
.bae-pcard__pic img+img{opacity:0}
.bae-pcard:hover .bae-pcard__pic img+img{opacity:1}
.bae-pcard:hover .bae-pcard__pic img{transform:scale(1.05)}
.bae-pcard h3{font-size:20px;margin-bottom:6px;line-height:1.2}
.bae-pcard p{font-size:14px;margin-bottom:10px}
.bae-pcard s{color:rgba(43,43,43,.5);margin-left:6px}

/* cta */
.bae-cta{position:relative;min-height:560px;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;background:var(--bronze); display: none;}
.bae-cta__bg{position:absolute;inset:-12% 0;will-change:transform}
.bae-cta__bg img{width:100%;height:100%;object-fit:cover}
.bae-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(43,43,43,.5),rgba(43,43,43,.72))}
.bae-cta__in{position:relative;z-index:2;max-width:680px;padding:90px 28px}
.bae-cta .bae-h2{color:#fff;margin:0 0 20px}
.bae-cta p{margin-bottom:34px;color:rgba(255,255,255,.88)}

/* sticky bar */
.bae-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:16px;padding:12px 24px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .5s var(--ease)}
.bae-sticky.is-on{transform:none}
.bae-sticky__img{width:50px;height:50px;overflow:hidden;flex:none;background:var(--cream)}
.bae-sticky__img img{width:100%;height:100%;object-fit:cover}
.bae-sticky__txt{flex:1;min-width:0;line-height:1.3}
.bae-sticky__txt b{display:block;font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bae-sticky__txt span{font-size:13px;color:var(--bronze);font-weight:500}
.bae-sticky .bae-btn{flex:none;min-height:48px;padding:0 30px}
.bae-h1.is-in{
  font-size: 40px!important;
}
/* responsive */
@media(max-width:1100px){
  .bae-benefits{grid-template-columns:repeat(2,1fr)}
  .bae-story__grid,.bae-tl{gap:56px}
  .bae{--h-size:48px}
}
@media(max-width:900px){
  .bae-product{grid-template-columns:1fr;gap:40px}
  .bae-gallery{position:static;grid-template-columns:1fr}
  .bae-gallery__stage{order:1}
  /* thumbs become a horizontal strip under the image */
  .bae-gallery__thumbs-wrap{order:2}
  .bae-gallery__thumbs{position:static;flex-direction:row;overflow-x:auto;overflow-y:hidden}
  .bae-gallery__thumbs-wrap.is-scroll .bae-gallery__thumbs{padding:0 34px}
  .bae-thumb{width:68px}
  .bae .bae-tarrow--prev{left:0;right:auto;top:0;bottom:0;width:28px;height:auto}
  .bae .bae-tarrow--next{left:auto;right:0;top:0;bottom:0;width:28px;height:auto}
  .bae .bae-tarrow--prev span{transform:rotate(135deg);margin:0 0 0 4px}
  .bae .bae-tarrow--next span{transform:rotate(-45deg);margin:0 4px 0 0}
  .bae-story__grid,.bae-tl{grid-template-columns:1fr}
  .bae-story__stage{position:sticky;top:64px;z-index:2;background:var(--white);padding:10px 0}
  .bae-story__frame{aspect-ratio:16/10}
  .bae-story__steps{padding:2vh 0 6vh}
  .bae-step{min-height:44vh}
  .bae-tl__sticky{position:static}
  .bae-blends{grid-template-columns:1fr}
  .bae-sec{padding:84px 0}
  .bae-tl__cols{grid-template-columns:1fr;gap:22px}
  .bae-tl__item{padding:30px 26px 32px}
  .bae-tl__item h3{max-width:100%}
  .bae-h1.is-in{
  font-size: 28px!important;
}
}
@media(max-width:620px){
  .bae{--h-size:38px}
  .bae-wrap{padding:0 20px}
  .bae-benefits{grid-template-columns:1fr}
  .bae-cmp__row{padding:16px 16px;font-size:13px;grid-template-columns:1.3fr .5fr 1.2fr}
  .bae-cmp__row--h{letter-spacing:.12em}
  .bae-head--row{align-items:flex-start;flex-direction:column}
  .bae-buy{gap:8px}
  .bae .bae-buy .bae-btn{padding:0 6px;font-size:10.5px;letter-spacing:.06em;min-height:52px;height:52px}
  .bae .bae-qty{height:48px}
  .bae .bae-tl__list{padding-left:44px}
  .bae-tl__dot{left:-39px}
  .bae-tl__dot::after{width:26px}
  .bae-tl__item::after{font-size:54px;right:18px}
  .bae-sticky{padding:10px 16px}
  .bae-sticky__img{display:none}
  .bae-rail__track{padding:0 20px}
  .bae-badges{padding:44px 0}
  .bae-badges::before{height:50px;margin-top:-25px}
  .bae-badges__band{padding:14px 0}
  .bae-badges__item{margin-left:18px;font-size:11px;letter-spacing:.18em}
}
@media(min-width:901px){.bae-sticky{display:none}}
@media(prefers-reduced-motion:reduce){
  .bae-js [data-reveal]{opacity:1;transform:none;transition:none}
  .bae-marquee__track{animation:none}
  .bae *{scroll-behavior:auto!important}
  .bae-badges__track{animation:none}
  .bae-badges__group[aria-hidden="true"]{display:none}
}

.bae-benefits{gap:24px}
 
.bae-bcard{
  position:relative;overflow:hidden;isolation:isolate;
  border:1px solid transparent;border-radius:30px;padding:34px 30px 42px;
  /* soft cream-white fill + gold gradient border */
  background:
    linear-gradient(160deg,#ffffff 0%,#fbf5e3 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 26px 50px -30px rgba(132,87,9,.5),inset 0 0 0 5px rgba(255,255,255,.7);
}
.bae-bcard > *{position:relative;z-index:2}
 
/* gold glow in the top-right corner */
.bae-bcard::before{
  content:"";position:absolute;z-index:0;top:-70px;right:-70px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,201,125,.5),transparent 70%);
  transition:transform .8s var(--ease);
}
/* gold bar at the bottom that stretches on hover */
.bae-bcard::after{
  content:"";position:absolute;z-index:1;left:30px;bottom:0;height:4px;width:46px;border-radius:4px 4px 0 0;
  background:linear-gradient(90deg,#e8c97d,#ad8330);
  transition:width .6s var(--ease);
}
 
/* number → gold sphere badge */
.bae-bcard__num{
  display:grid;place-items:center;width:54px;height:54px;border-radius:50%;margin-bottom:26px;
  background:radial-gradient(circle at 30% 28%,#e8c97d 0%,#ad8330 55%,#845709 100%);
  color:#fff;font-family:var(--body);font-size:16px;font-weight:500;letter-spacing:.04em;line-height:1;
  box-shadow:0 12px 22px -10px rgba(132,87,9,.85),0 0 0 6px rgba(173,131,48,.14);
  transition:transform .6s var(--ease);
}
.bae-bcard__pic{border-radius:20px}
.bae-bcard h3{font-size:21px;margin-bottom:12px;line-height:1.2}
.bae-bcard p{font-size:14px;color:rgba(43,43,43,.75)}
 
/* every 2nd card is dark charcoal → light / dark rhythm */
.bae-bcard:nth-child(even){
  color:var(--cream);
  background:
    linear-gradient(160deg,#363636 0%,#2b2b2b 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 26px 50px -30px rgba(0,0,0,.6),inset 0 0 0 5px rgba(255,255,255,.04);
}
.bae-bcard:nth-child(even)::before{background:radial-gradient(circle,rgba(232,201,125,.3),transparent 70%)}
.bae-bcard:nth-child(even) h3{color:#fff}
.bae-bcard:nth-child(even) p{color:rgba(246,241,222,.82)}
.bae-bcard:nth-child(even) .bae-bcard__pic{background:rgba(255,255,255,.06)}
 
/* hover (uses `translate`, so it is not blocked by the reveal animation's transform) */
.bae-js .bae-bcard[data-reveal]{
  transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s),translate .5s var(--ease),box-shadow .5s var(--ease);
}
.bae-bcard:hover{
  translate:0 -10px;border-color:transparent;
  box-shadow:0 38px 64px -28px rgba(132,87,9,.65),inset 0 0 0 5px rgba(255,255,255,.7);
}
.bae-bcard:nth-child(even):hover{box-shadow:0 38px 64px -28px rgba(0,0,0,.75),inset 0 0 0 5px rgba(255,255,255,.04)}
.bae-bcard:hover::before{transform:scale(1.4)}
.bae-bcard:hover::after{width:calc(100% - 60px)}
.bae-bcard:hover .bae-bcard__num{transform:rotate(-12deg) scale(1.06)}
 
 
/* ───────── 2 · COMPARISON TABLE ───────── */
.bae-cmp{
  position:relative;overflow:hidden;border:1px solid transparent;border-radius:30px;
  background:
    linear-gradient(170deg,#ffffff 0%,#fdf9ec 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 30px 60px -34px rgba(132,87,9,.55);
}
.bae-cmp__row{
  position:relative;grid-template-columns:1.5fr .7fr 1.3fr;padding:20px 34px;
  border-bottom:1px solid rgba(173,131,48,.18);font-weight:500;
  transition:background .35s var(--ease);
}
/* zebra rows (row 1 is the header) */
.bae-cmp__row:not(.bae-cmp__row--h):nth-child(even){background:rgba(246,241,222,.6)}
.bae-cmp__row:not(.bae-cmp__row--h):hover{background:rgba(173,131,48,.1)}
/* gold marker on the left when hovering a row */
.bae-cmp__row:not(.bae-cmp__row--h)::before{
  content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#e8c97d,#ad8330);transform:scaleY(0);transition:transform .4s var(--ease);
}
.bae-cmp__row:not(.bae-cmp__row--h):hover::before{transform:scaleY(1)}
 
/* header row */
.bae-cmp__row--h{
  padding:22px 34px;border-bottom:0;
  background:linear-gradient(135deg,#2b2b2b 0%,#3d3d3d 100%);
}
.bae-cmp__row--h span:nth-child(2){color:#e8c97d}
.bae-cmp__row--h span:nth-child(2)::before{content:"\2726";margin-right:8px;font-size:9px;vertical-align:middle}
 
/* BAE column → gold sphere with a check */
.bae-cmp__yes{
  justify-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:radial-gradient(circle at 30% 28%,#e8c97d 0%,#ad8330 55%,#845709 100%);
  color:#fff;font-size:15px;line-height:1;
  box-shadow:0 10px 18px -8px rgba(132,87,9,.8),0 0 0 5px rgba(173,131,48,.14);
}
/* typical products → muted ✕ */
.bae-cmp__no{display:flex;align-items:center;gap:10px;color:rgba(43,43,43,.6);font-size:13px;font-weight:400}
.bae-cmp__no::before{
  content:"\2715";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;
  background:rgba(43,43,43,.07);color:rgba(43,43,43,.45);font-size:10px;line-height:1;
}
 
/* responsive */
@media(max-width:620px){
  .bae-bcard{padding:30px 24px 38px;border-radius:26px}
  .bae-cmp{border-radius:24px}
  .bae-cmp__row{grid-template-columns:1.3fr .55fr 1.2fr;padding:16px 18px;font-size:13px}
  .bae-cmp__row--h{padding:18px;letter-spacing:.12em}
  .bae-cmp__row--h span:nth-child(2)::before{display:none}
  .bae-cmp__yes{width:28px;height:28px;font-size:13px}
  .bae-cmp__no::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .bae-bcard,.bae-bcard::before,.bae-bcard::after,.bae-bcard__num,.bae-cmp__row,.bae-cmp__row::before{transition:none!important}
  .bae-bcard:hover{translate:none}
}
/* END_SECTION:fertilitytonic */

/* START_SECTION:glowevityskinsupplement (INDEX:38) */
/* ═════════ Maldives (headings) ═════════ */
@font-face{
  font-family:'Maldives';
  src:url('/cdn/shop/files/Maldives.ttf?v=1792760658') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family: 'GarvoPoster';
  src: url('/cdn/shop/files/GarvoPoster-Regular.ttf?v=1793956012') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* GarvoPoster Light */
@font-face {
  font-family: 'GarvoPoster';
  src: url('/cdn/shop/files/GarvoPoster-Light.ttf?v=1793956277') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* ═════════ BAE tokens ═════════ */
.bae{
  --gold:#ad8330; --ink:#2b2b2b; --white:#fff;
  --bronze:#845709; --amber:#b27409; --cream:#f6f1de;
  --line:rgba(43,43,43,.14);
  --head:'Maldives','Poppins',sans-serif;
  --body:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --h-size:60px;
  --ease:cubic-bezier(.2,.7,.2,1);
  font-family:var(--body);color:var(--ink);background:var(--white);
  line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative;
}
.bae *,.bae *::before,.bae *::after{box-sizing:border-box}
.bae :where(img,video){display:block;max-width:100%;height:auto}
.bae :where(a){color:inherit;text-decoration:none}
.bae :where(button){font:inherit;color:inherit;cursor:pointer;background:none;border:0;border-radius:0;box-shadow:none}
.bae :where(h1,h2,h3,h4){margin:0;font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.06em;line-height:1.08}
.bae :where(p){margin:0}
.bae :where(ul,ol){margin:0;padding:0;list-style:none}
.bae :where(li){margin:0}
.bae :where(summary):focus{outline:none}
.bae :where(summary):focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.bae-wrap{max-width:1320px;margin:0 auto;padding:0 32px}
.bae-wrap--narrow{max-width:900px}
.bae-eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:500;color:var(--gold);display:flex;align-items:center;gap:14px}
.bae-eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
/* Main headings: Maldives · 60px · weight 300 */
.bae .bae-h1,
.bae .bae-h2{font-family:var(--head);font-size:var(--h-size);font-weight:300}
.bae-h2{margin-top:16px}
.bae-head{max-width:720px;margin-bottom:56px}
.bae-head--center{text-align:center;margin-left:auto;margin-right:auto}
.bae-head--center .bae-eyebrow{justify-content:center}
.bae-head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}

/* scroll progress */
.bae-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none}
.bae-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--bronze),var(--gold),var(--amber));transform-origin:0 50%;transform:scaleX(0)}

/* reveal */
.bae-js [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.bae-js [data-reveal].is-in{opacity:1;transform:none}

/* buttons */
.bae .bae-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;height:56px;padding:0 12px;font-family:var(--body);font-size:12px;font-weight:500;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-align:center;border:1px solid var(--ink);border-radius:40px!important;box-shadow:none!important;text-shadow:none;width:auto;min-width:0;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.bae .bae-btn::before,.bae .bae-btn::after{content:none!important;display:none!important}
.bae .bae-btn:hover:not([disabled]){transform:translateY(-2px)}
.bae .bae-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.bae .bae-btn--gold{background:var(--gold);border-color:var(--gold);color:#fff}
.bae .bae-btn--gold:hover:not([disabled]){background:var(--bronze);border-color:var(--bronze)}
.bae .bae-btn--ghost{background:transparent;color:var(--ink)}
.bae .bae-btn--ghost:hover:not([disabled]){background:var(--ink);color:#fff}
.bae .bae-btn--cream{background:var(--cream);border-color:var(--cream);color:var(--ink);padding:0 38px}
.bae .bae-btn--cream:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.bae-link{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--gold)}

/* marquee */
.bae-marquee{overflow:hidden;white-space:nowrap;padding:14px 0;background:var(--ink);color:var(--cream)}
.bae-marquee--gold{background:var(--gold);color:#fff}
.bae-marquee__track{display:inline-flex;animation:bae-slide 38s linear infinite;will-change:transform}
.bae-marquee:hover .bae-marquee__track{animation-play-state:paused}
.bae-marquee__group{display:inline-flex;align-items:center}
.bae-marquee span{font-family:var(--body);font-size:13px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;margin:0 28px}
.bae-marquee i{font-style:normal;font-size:10px;opacity:.7}
@keyframes bae-slide{to{transform:translateX(-50%)}}

/* ═════════ hero ═════════ */
.bae-hero{position:relative;background:var(--cream);padding-bottom:96px;overflow:clip}
.bae-hero__bgword{position:absolute;top:60px;right:-2%; font-family: 'GarvoPoster', serif !important; font-weight:300;font-size:clamp(180px,32vw,520px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(173,131,48,.28);letter-spacing:.04em;pointer-events:none;user-select:none;will-change:transform;white-space:nowrap}
.bae-crumbs{position:relative;display:flex;gap:10px;flex-wrap:wrap;padding:26px 0 18px;font-size:12px;letter-spacing:.08em;color:rgba(43,43,43,.6)}
.bae-crumbs a:hover{color:var(--gold)}
.bae-crumbs em{font-style:normal;color:var(--ink)}
.bae-product{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:72px;align-items:start}

/* gallery – thumbs column is exactly as tall as the main image */
.bae-gallery{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;position:sticky;top:90px;align-items:stretch}
.bae-gallery__thumbs-wrap{position:relative;min-height:0;min-width:0}
.bae-gallery__thumbs{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bae-gallery__thumbs::-webkit-scrollbar{display:none}
.bae-gallery__thumbs-wrap.is-scroll .bae-gallery__thumbs{padding:34px 0}
.bae-thumb{width:100%;aspect-ratio:1;overflow:hidden;border:1px solid transparent;background:var(--white);opacity:.55;padding:0;transition:.3s var(--ease);flex:none}
.bae-thumb img{width:100%;height:100%;object-fit:cover}
.bae-thumb.is-on,.bae-thumb:hover{opacity:1;border-color:var(--gold)}

/* thumb arrows (only visible when thumbs overflow) */
.bae .bae-tarrow{display:none;position:absolute;z-index:3;align-items:center;justify-content:center;background:rgba(255,255,255,.96);border:1px solid var(--line);padding:0;transition:background .25s var(--ease),border-color .25s var(--ease),opacity .25s}
.bae .bae-tarrow span{display:block;width:9px;height:9px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.bae .bae-tarrow:hover:not([disabled]){background:var(--gold);border-color:var(--gold)}
.bae .bae-tarrow:hover:not([disabled]) span{border-color:#fff}
.bae .bae-tarrow[disabled]{opacity:.35;cursor:default}
.bae-gallery__thumbs-wrap.is-scroll .bae-tarrow{display:flex}
.bae .bae-tarrow--prev{left:0;right:0;top:0;height:28px}
.bae .bae-tarrow--next{left:0;right:0;bottom:0;height:28px}
.bae .bae-tarrow--prev span{transform:rotate(-135deg);margin-top:4px}
.bae .bae-tarrow--next span{transform:rotate(45deg);margin-bottom:4px}

.bae-gallery__stage{position:relative;aspect-ratio:4/5;background:var(--white);overflow:hidden;align-self:start}
.bae-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s}
.bae-slide.is-on{opacity:1;visibility:visible}
.bae-slide img,.bae-slide video{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.bae-gallery__stage:hover .bae-slide.is-on img{transform:scale(1.06)}
.bae-tag{position:absolute;top:18px;left:18px;z-index:3;background:var(--ink);color:var(--cream);font-size:10px;letter-spacing:.28em;text-transform:uppercase;padding:8px 16px}
.bae-gallery__dots{display:none}

/* info */
.bae-h1{margin:20px 0 14px}
.bae-tagline{font-size:15px;color:rgba(43,43,43,.7);max-width:44ch}
.bae-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px;margin:26px 0 22px}
.bae-price__now{font-size:34px;font-weight:500;color:var(--ink);letter-spacing:.01em}
.bae-price__was{font-size:18px;color:rgba(43,43,43,.5)}
.bae-price__save{font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:var(--gold);color:#fff;padding:6px 12px;font-weight:500}
.bae-price [hidden]{display:none}
.bae-lead{font-size:15.5px;color:rgba(43,43,43,.85);max-width:54ch}
.bae-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bae-facts div{padding:22px 10px;text-align:center;border-right:1px solid var(--line)}
.bae-facts div:last-child{border-right:0}
.bae-facts strong{display:block;font-family:var(--body);font-weight:300;font-size:clamp(30px,3.4vw,46px);color:var(--gold);line-height:1;margin-bottom:8px}
.bae-facts span{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(43,43,43,.65)}
.bae-checks{display:grid;gap:10px;margin-bottom:30px}
.bae-checks li{display:flex;gap:14px;font-size:14.5px;align-items:flex-start}
.bae-checks li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border:1px solid var(--gold);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%23ad8330' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}

/* options */
.bae-options{display:grid;gap:18px;margin-bottom:22px}
.bae-option{border:0;padding:0;margin:0}
.bae-option legend{font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:10px;font-weight:500;padding:0}
.bae-option__vals{display:flex;flex-wrap:wrap;gap:10px}
.bae-option label{cursor:pointer}
.bae-option input{position:absolute;opacity:0;pointer-events:none}
.bae-option span{display:block;padding:11px 22px;border:1px solid var(--line);font-size:13px;transition:.25s var(--ease);background:var(--white)}
.bae-option input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.bae-option input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}

/* quantity (own row) */
.bae-qtyrow{display:flex;align-items:center;gap:18px;margin:0 0 18px}
.bae-qtyrow__label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}
.bae .bae-qty{display:inline-flex;align-items:center;border:1px solid var(--ink);height:52px;background:var(--white);border-radius:0;box-shadow:none;margin:0}
.bae .bae-qty button{width:44px;height:100%;font-size:20px;line-height:1;transition:color .2s;padding:0}
.bae .bae-qty button:hover{color:var(--gold)}
.bae .bae-qty input{width:46px;height:100%;text-align:center;border:0!important;background:none!important;box-shadow:none!important;outline:none;border-radius:0;font:inherit;font-weight:500;color:var(--ink);-moz-appearance:textfield;appearance:textfield;padding:0;margin:0;min-height:0}
.bae-qty input::-webkit-outer-spin-button,.bae-qty input::-webkit-inner-spin-button{-webkit-appearance:none}

/* Appstle subscription slot (between quantity and buy row, inside the form) */
.bae-subs{margin:0 0 18px}
.bae-subs.is-empty{margin:0}

/* Frequently Bought Together slot (below the buttons, outside the form) */
.bae-fbt{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.bae-fbt__title{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:14px}
.bae-fbt__title::before{content:"";width:34px;height:1px;background:var(--gold)}
.bae-fbt__body{font-family:var(--body);color:var(--ink);accent-color:var(--gold);max-width:100%;overflow-x:clip}
.bae-fbt__body :where(button,input,select,textarea,a,p,span,label,li,h2,h3,h4,strong,b,div){font-family:var(--body)}
.bae-fbt__body :where(img){max-width:100%;height:auto}
.bae-fbt.is-empty{margin-top:0;padding-top:0;border-top:0}
.bae-fbt.is-empty .bae-fbt__title{display:none}

/* Add to cart + Buy it now – one row */
.bae-buy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.bae-buy .bae-btn{width:100%;}

.bae-guarantee{display:flex;gap:16px;align-items:center;margin-top:18px;padding:18px 22px;border:1px solid var(--gold);color:var(--bronze);font-size:13.5px;font-weight:500;letter-spacing:.04em}
.bae-guarantee svg{flex:none}
.bae-ship{font-size:12px;letter-spacing:.06em;color:rgba(43,43,43,.6);margin:14px 0 28px}

/* accordion */
.bae-acc{border-top:1px solid var(--line)}
.bae-acc details{border-bottom:1px solid var(--line)}
.bae-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}
.bae-acc summary::-webkit-details-marker{display:none}
.bae-acc summary::after{content:"";width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .35s var(--ease);margin-right:4px}
.bae-acc details[open] summary::after{transform:rotate(-135deg)}
.bae-acc details[open] summary{color:var(--gold)}
.bae-acc__body{padding:0 0 22px;font-size:14px;color:rgba(43,43,43,.82)}
.bae-acc__body p+p{margin-top:12px}
.bae-acc__body .bae-rte p{margin:0}
.bae-acc__body .bae-rte p+p,.bae-acc__body .bae-rte ul+p,.bae-acc__body .bae-rte ol+p,.bae-acc__body .bae-rte p+ul,.bae-acc__body .bae-rte p+ol{margin-top:12px}
.bae-acc__body .bae-rte ul,.bae-acc__body .bae-rte ol{margin:0;padding-left:20px}
.bae-acc__body .bae-rte ul{list-style:disc}
.bae-acc__body .bae-rte ol{list-style:decimal}
.bae-acc__body .bae-rte li{margin:0 0 6px;padding-left:2px}
.bae-acc__body .bae-rte strong,.bae-acc__body .bae-rte b{font-weight:600;color:#2b2b2b}
.bae-acc__body .bae-rte a{color:var(--gold);text-decoration:underline}
.bae-acc--big summary{font-size:15px;letter-spacing:.06em;text-transform:none;font-weight:500;padding:26px 0}

/* badges – tilted running marquee */
.bae-badges{position:relative;background:var(--cream);padding:58px 0;overflow:hidden;--tilt:-2deg;--bspeed:40s}
.bae-badges::before{content:"";position:absolute;left:-6%;right:-6%;top:50%;height:60px;margin-top:-30px;background:var(--gold);transform:rotate(calc(var(--tilt) * -1));pointer-events:none}
.bae-badges__band{position:relative;z-index:1;margin:0 -6%;background:var(--ink);color:var(--cream);transform:rotate(var(--tilt));padding:17px 0;overflow:hidden;white-space:nowrap;box-shadow:0 22px 44px -26px rgba(43,43,43,.65)}
.bae-badges__track{display:inline-flex;animation:bae-slide var(--bspeed) linear infinite;will-change:transform}
.bae-badges__band:hover .bae-badges__track{animation-play-state:paused}
.bae-badges__group{display:inline-flex;align-items:center;flex:none}
.bae-badges__item{display:inline-flex;align-items:center;gap:12px;margin:0 0 0 26px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;line-height:1}
.bae-badges__item svg{color:var(--gold);flex:none}
.bae-badges__item img{width:24px;height:24px;object-fit:contain;flex:none}
.bae-badges__sep{font-style:normal;font-size:10px;color:var(--gold);margin-left:14px}

/* sections */
.bae-sec{padding:130px 0}
.bae-sec--cream{background:var(--cream)}

/* benefits */
.bae-benefits{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:22px}
.bae-bcard{position:relative;background:var(--white);padding:34px 28px 36px;border:1px solid transparent;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s var(--ease)}
.bae-bcard:hover{transform:translateY(-10px);border-color:var(--gold);box-shadow:0 30px 60px -34px rgba(132,87,9,.55)}
.bae-bcard__num{display:block;font-family:var(--body);font-size:44px;font-weight:200;color:var(--gold);margin-bottom:22px;line-height:1}
.bae-bcard__pic{aspect-ratio:1;overflow:hidden;margin-bottom:22px;background:var(--cream)}
.bae-bcard__pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.bae-bcard:hover .bae-bcard__pic img{transform:scale(1.08)}
.bae-bcard h3{font-size:21px;margin-bottom:12px;line-height:1.2}
.bae-bcard p{font-size:14px;color:rgba(43,43,43,.75)}

/* scrollytelling */
.bae-story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}
.bae-story__stage{position:sticky;top:96px}
.bae-story__frame{position:relative;aspect-ratio:1;background:var(--cream);overflow:hidden}
.bae-story__base,.bae-story__layer{position:absolute;inset:0}
.bae-story__base img,.bae-story__layer img{width:100%;height:100%;object-fit:cover}
.bae-story__layer{opacity:0;transform:scale(1.06);transition:opacity .8s var(--ease),transform 1.2s var(--ease)}
.bae-story__layer.is-on{opacity:1;transform:none}
.bae-story__layer:not(:has(img)){background:linear-gradient(145deg,var(--cream),#efe5c4)}
.bae-story__big{position:absolute;right:26px;bottom:6px;font-family:var(--body);font-weight:200;font-size:clamp(90px,12vw,190px);line-height:1;color:var(--gold);opacity:.9;mix-blend-mode:multiply}
.bae-story__count{margin-top:16px;font-size:12px;letter-spacing:.28em;color:rgba(43,43,43,.6)}
.bae-story__count b{color:var(--gold);font-weight:500}
.bae-story__steps{padding:10vh 0}
.bae-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.22;transform:translateX(24px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.bae-step.is-on{opacity:1;transform:none}
.bae-step__k{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500}
.bae-step h3{font-size:clamp(28px,3.4vw,48px);margin-bottom:20px}
.bae-step p{font-size:16px;color:rgba(43,43,43,.8);max-width:40ch}
.bae-blends{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:70px}
.bae-blend{background:var(--ink);color:var(--cream);padding:34px 32px}
.bae-blend h4{font-size:19px;color:var(--gold);margin-bottom:18px;line-height:1.2}
.bae-blend li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid rgba(246,241,222,.16);font-size:13.5px}
.bae-blend b{font-weight:500;white-space:nowrap;color:#fff}

/* compare */
.bae-cmp{background:var(--white);border:1px solid var(--line)}
.bae-cmp__row{display:grid;grid-template-columns:1.5fr .6fr 1.3fr;align-items:center;padding:20px 30px;border-bottom:1px solid var(--line);font-size:14.5px;gap:10px}
.bae-cmp__row:last-child{border-bottom:0}
.bae-cmp__row--h{background:var(--ink);color:var(--cream);font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;padding:18px 30px}
.bae-cmp__yes{color:var(--gold);font-size:20px;text-align:center}
.bae-cmp__row--h span:nth-child(2){text-align:center;color:var(--gold)}
.bae-cmp__no{color:rgba(43,43,43,.55);font-size:13px}

/* timeline */
.bae-dark{background:var(--ink);color:var(--cream)}
.bae-dark .bae-h2{color:#fff}
.bae-tl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:96px;align-items:start}
.bae-tl__head{align-self:stretch}
.bae-tl__sticky{position:sticky;top:120px}
.bae-tl__sub{margin-top:24px;font-size:15px;color:rgba(246,241,222,.75);max-width:38ch}
.bae-tl__days{margin-top:52px;display:flex;align-items:baseline;gap:14px;border-top:1px solid rgba(246,241,222,.2);padding-top:30px}
.bae-tl__days b{font-family:var(--body);font-weight:200;font-size:clamp(72px,8vw,128px);line-height:.9;color:var(--gold)}
.bae-tl__days span{font-size:12px;letter-spacing:.3em;text-transform:uppercase}
.bae .bae-tl__list{position:relative;padding-left:60px;counter-reset:baestep}
.bae-tl__line{position:absolute;left:11px;top:14px;bottom:14px;width:1px;background:rgba(246,241,222,.18)}
.bae-tl__line span{display:block;width:100%;height:100%;background:var(--gold);transform-origin:50% 0;transform:scaleY(0)}
.bae-tl__item{position:relative;counter-increment:baestep;margin:0 0 26px;padding:36px 40px 38px;background:rgba(246,241,222,.035);border:1px solid rgba(246,241,222,.1);opacity:.38;transition:opacity .6s var(--ease),border-color .6s var(--ease),background .6s var(--ease),transform .6s var(--ease)}
.bae-tl__item:last-child{margin-bottom:0}
.bae-tl__item::after{content:counter(baestep,decimal-leading-zero);position:absolute;right:28px;top:10px;font-family:var(--body);font-weight:200;font-size:76px;line-height:1;color:rgba(173,131,48,.22);pointer-events:none}
.bae-tl__item.is-on{opacity:1;border-color:rgba(173,131,48,.55);background:rgba(173,131,48,.08)}
.bae-tl__dot{position:absolute;left:-55px;top:42px;width:13px;height:13px;border-radius:50%;background:var(--ink);border:1px solid rgba(246,241,222,.4);transition:.5s var(--ease)}
.bae-tl__dot::after{content:"";position:absolute;left:100%;top:50%;width:42px;height:1px;background:rgba(246,241,222,.18);transition:background .5s var(--ease)}
.bae-tl__item.is-on .bae-tl__dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 7px rgba(173,131,48,.22)}
.bae-tl__item.is-on .bae-tl__dot::after{background:var(--gold)}
.bae-tl__when{display:inline-block;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-weight:500;padding:6px 14px;border:1px solid rgba(173,131,48,.5)}
.bae-tl__item h3{font-size:clamp(22px,2.4vw,34px);color:#fff;margin-bottom:28px;line-height:1.15;max-width:78%}
.bae-tl__cols{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.bae-tl__cols b{display:block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-weight:500}
.bae-tl__cols ul{border-top:1px solid rgba(246,241,222,.14)}
.bae-tl__cols li{position:relative;padding:11px 0 11px 20px;font-size:13.5px;line-height:1.5;border-bottom:1px solid rgba(246,241,222,.08);color:rgba(246,241,222,.88)}
.bae-tl__cols li::before{content:"";position:absolute;left:0;top:21px;width:8px;height:1px;background:var(--gold)}

/* rails */
.bae-arrows{display:flex;gap:10px}
.bae-arrows button{width:52px;height:52px;border:1px solid var(--ink);font-size:18px;transition:.3s var(--ease)}
.bae-arrows button:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.bae-rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 10px;cursor:grab;-webkit-overflow-scrolling:touch}
.bae-rail::-webkit-scrollbar{display:none}
.bae-rail.is-drag{cursor:grabbing;scroll-snap-type:none}
.bae-rail__track{display:flex;gap:22px;width:max-content;padding:0 max(32px,calc((100vw - 1320px)/2 + 32px))}
.bae-review{width:min(400px,82vw);flex:none;scroll-snap-align:start;background:var(--cream);padding:38px 34px;display:flex;flex-direction:column;gap:18px;transition:transform .5s var(--ease)}
.bae-review:hover{transform:translateY(-8px)}
.bae-review__stars{color:var(--gold);letter-spacing:5px;font-size:14px}
.bae-review h3{font-size:24px;line-height:1.2}
.bae-review p{flex:1;font-size:14.5px;color:rgba(43,43,43,.82)}
.bae-review__who{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--line)}
.bae-review__who img,.bae-review__who i{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.bae-review__who i{display:grid;place-items:center;background:var(--gold);color:#fff;font-style:normal;font-family:var(--body);font-weight:500;font-size:18px}
.bae-review__who b{display:block;font-size:13.5px;font-weight:500}
.bae-review__who span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.bae-pcard{width:min(320px,76vw);flex:none;scroll-snap-align:start;user-select:none}
.bae-pcard__pic{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--cream);margin-bottom:20px}
.bae-pcard__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform 1.4s var(--ease);-webkit-user-drag:none}
.bae-pcard__pic img+img{opacity:0}
.bae-pcard:hover .bae-pcard__pic img+img{opacity:1}
.bae-pcard:hover .bae-pcard__pic img{transform:scale(1.05)}
.bae-pcard h3{font-size:20px;margin-bottom:6px;line-height:1.2}
.bae-pcard p{font-size:14px;margin-bottom:10px}
.bae-pcard s{color:rgba(43,43,43,.5);margin-left:6px}

/* cta */
.bae-cta{position:relative;min-height:560px;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;background:var(--bronze); display: none;}
.bae-cta__bg{position:absolute;inset:-12% 0;will-change:transform}
.bae-cta__bg img{width:100%;height:100%;object-fit:cover}
.bae-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(43,43,43,.5),rgba(43,43,43,.72))}
.bae-cta__in{position:relative;z-index:2;max-width:680px;padding:90px 28px}
.bae-cta .bae-h2{color:#fff;margin:0 0 20px}
.bae-cta p{margin-bottom:34px;color:rgba(255,255,255,.88)}

/* sticky bar */
.bae-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:16px;padding:12px 24px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .5s var(--ease)}
.bae-sticky.is-on{transform:none}
.bae-sticky__img{width:50px;height:50px;overflow:hidden;flex:none;background:var(--cream)}
.bae-sticky__img img{width:100%;height:100%;object-fit:cover}
.bae-sticky__txt{flex:1;min-width:0;line-height:1.3}
.bae-sticky__txt b{display:block;font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bae-sticky__txt span{font-size:13px;color:var(--bronze);font-weight:500}
.bae-sticky .bae-btn{flex:none;min-height:48px;padding:0 30px}
.bae-h1.is-in{
  font-size: 40px!important;
}
/* responsive */
@media(max-width:1100px){
  .bae-benefits{grid-template-columns:repeat(2,1fr)}
  .bae-story__grid,.bae-tl{gap:56px}
  .bae{--h-size:48px}
}
@media(max-width:900px){
  .bae-product{grid-template-columns:1fr;gap:40px}
  .bae-gallery{position:static;grid-template-columns:1fr}
  .bae-gallery__stage{order:1}
  /* thumbs become a horizontal strip under the image */
  .bae-gallery__thumbs-wrap{order:2}
  .bae-gallery__thumbs{position:static;flex-direction:row;overflow-x:auto;overflow-y:hidden}
  .bae-gallery__thumbs-wrap.is-scroll .bae-gallery__thumbs{padding:0 34px}
  .bae-thumb{width:68px}
  .bae .bae-tarrow--prev{left:0;right:auto;top:0;bottom:0;width:28px;height:auto}
  .bae .bae-tarrow--next{left:auto;right:0;top:0;bottom:0;width:28px;height:auto}
  .bae .bae-tarrow--prev span{transform:rotate(135deg);margin:0 0 0 4px}
  .bae .bae-tarrow--next span{transform:rotate(-45deg);margin:0 4px 0 0}
  .bae-story__grid,.bae-tl{grid-template-columns:1fr}
  .bae-story__stage{position:sticky;top:64px;z-index:2;background:var(--white);padding:10px 0}
  .bae-story__frame{aspect-ratio:16/10}
  .bae-story__steps{padding:2vh 0 6vh}
  .bae-step{min-height:44vh}
  .bae-tl__sticky{position:static}
  .bae-blends{grid-template-columns:1fr}
  .bae-sec{padding:84px 0}
  .bae-tl__cols{grid-template-columns:1fr;gap:22px}
  .bae-tl__item{padding:30px 26px 32px}
  .bae-tl__item h3{max-width:100%}
  .bae-h1.is-in{
  font-size: 28px!important;
}
}
@media(max-width:620px){
  .bae{--h-size:38px}
  .bae-wrap{padding:0 20px}
  .bae-benefits{grid-template-columns:1fr}
  .bae-cmp__row{padding:16px 16px;font-size:13px;grid-template-columns:1.3fr .5fr 1.2fr}
  .bae-cmp__row--h{letter-spacing:.12em}
  .bae-head--row{align-items:flex-start;flex-direction:column}
  .bae-buy{gap:8px}
  .bae .bae-buy .bae-btn{padding:0 6px;font-size:10.5px;letter-spacing:.06em;min-height:52px;height:52px}
  .bae .bae-qty{height:48px}
  .bae .bae-tl__list{padding-left:44px}
  .bae-tl__dot{left:-39px}
  .bae-tl__dot::after{width:26px}
  .bae-tl__item::after{font-size:54px;right:18px}
  .bae-sticky{padding:10px 16px}
  .bae-sticky__img{display:none}
  .bae-rail__track{padding:0 20px}
  .bae-badges{padding:44px 0}
  .bae-badges::before{height:50px;margin-top:-25px}
  .bae-badges__band{padding:14px 0}
  .bae-badges__item{margin-left:18px;font-size:11px;letter-spacing:.18em}
}
@media(min-width:901px){.bae-sticky{display:none}}
@media(prefers-reduced-motion:reduce){
  .bae-js [data-reveal]{opacity:1;transform:none;transition:none}
  .bae-marquee__track{animation:none}
  .bae *{scroll-behavior:auto!important}
  .bae-badges__track{animation:none}
  .bae-badges__group[aria-hidden="true"]{display:none}
}

.bae-benefits{gap:24px}
 
.bae-bcard{
  position:relative;overflow:hidden;isolation:isolate;
  border:1px solid transparent;border-radius:30px;padding:34px 30px 42px;
  /* soft cream-white fill + gold gradient border */
  background:
    linear-gradient(160deg,#ffffff 0%,#fbf5e3 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 26px 50px -30px rgba(132,87,9,.5),inset 0 0 0 5px rgba(255,255,255,.7);
}
.bae-bcard > *{position:relative;z-index:2}
 
/* gold glow in the top-right corner */
.bae-bcard::before{
  content:"";position:absolute;z-index:0;top:-70px;right:-70px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,201,125,.5),transparent 70%);
  transition:transform .8s var(--ease);
}
/* gold bar at the bottom that stretches on hover */
.bae-bcard::after{
  content:"";position:absolute;z-index:1;left:30px;bottom:0;height:4px;width:46px;border-radius:4px 4px 0 0;
  background:linear-gradient(90deg,#e8c97d,#ad8330);
  transition:width .6s var(--ease);
}
 
/* number → gold sphere badge */
.bae-bcard__num{
  display:grid;place-items:center;width:54px;height:54px;border-radius:50%;margin-bottom:26px;
  background:radial-gradient(circle at 30% 28%,#e8c97d 0%,#ad8330 55%,#845709 100%);
  color:#fff;font-family:var(--body);font-size:16px;font-weight:500;letter-spacing:.04em;line-height:1;
  box-shadow:0 12px 22px -10px rgba(132,87,9,.85),0 0 0 6px rgba(173,131,48,.14);
  transition:transform .6s var(--ease);
}
.bae-bcard__pic{border-radius:20px}
.bae-bcard h3{font-size:21px;margin-bottom:12px;line-height:1.2}
.bae-bcard p{font-size:14px;color:rgba(43,43,43,.75)}
 
/* every 2nd card is dark charcoal → light / dark rhythm */
.bae-bcard:nth-child(even){
  color:var(--cream);
  background:
    linear-gradient(160deg,#363636 0%,#2b2b2b 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 26px 50px -30px rgba(0,0,0,.6),inset 0 0 0 5px rgba(255,255,255,.04);
}
.bae-bcard:nth-child(even)::before{background:radial-gradient(circle,rgba(232,201,125,.3),transparent 70%)}
.bae-bcard:nth-child(even) h3{color:#fff}
.bae-bcard:nth-child(even) p{color:rgba(246,241,222,.82)}
.bae-bcard:nth-child(even) .bae-bcard__pic{background:rgba(255,255,255,.06)}
 
/* hover (uses `translate`, so it is not blocked by the reveal animation's transform) */
.bae-js .bae-bcard[data-reveal]{
  transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s),translate .5s var(--ease),box-shadow .5s var(--ease);
}
.bae-bcard:hover{
  translate:0 -10px;border-color:transparent;
  box-shadow:0 38px 64px -28px rgba(132,87,9,.65),inset 0 0 0 5px rgba(255,255,255,.7);
}
.bae-bcard:nth-child(even):hover{box-shadow:0 38px 64px -28px rgba(0,0,0,.75),inset 0 0 0 5px rgba(255,255,255,.04)}
.bae-bcard:hover::before{transform:scale(1.4)}
.bae-bcard:hover::after{width:calc(100% - 60px)}
.bae-bcard:hover .bae-bcard__num{transform:rotate(-12deg) scale(1.06)}
 
 
/* ───────── 2 · COMPARISON TABLE ───────── */
.bae-cmp{
  position:relative;overflow:hidden;border:1px solid transparent;border-radius:30px;
  background:
    linear-gradient(170deg,#ffffff 0%,#fdf9ec 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 30px 60px -34px rgba(132,87,9,.55);
}
.bae-cmp__row{
  position:relative;grid-template-columns:1.5fr .7fr 1.3fr;padding:20px 34px;
  border-bottom:1px solid rgba(173,131,48,.18);font-weight:500;
  transition:background .35s var(--ease);
}
/* zebra rows (row 1 is the header) */
.bae-cmp__row:not(.bae-cmp__row--h):nth-child(even){background:rgba(246,241,222,.6)}
.bae-cmp__row:not(.bae-cmp__row--h):hover{background:rgba(173,131,48,.1)}
/* gold marker on the left when hovering a row */
.bae-cmp__row:not(.bae-cmp__row--h)::before{
  content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#e8c97d,#ad8330);transform:scaleY(0);transition:transform .4s var(--ease);
}
.bae-cmp__row:not(.bae-cmp__row--h):hover::before{transform:scaleY(1)}
 
/* header row */
.bae-cmp__row--h{
  padding:22px 34px;border-bottom:0;
  background:linear-gradient(135deg,#2b2b2b 0%,#3d3d3d 100%);
}
.bae-cmp__row--h span:nth-child(2){color:#e8c97d}
.bae-cmp__row--h span:nth-child(2)::before{content:"\2726";margin-right:8px;font-size:9px;vertical-align:middle}
 
/* BAE column → gold sphere with a check */
.bae-cmp__yes{
  justify-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:radial-gradient(circle at 30% 28%,#e8c97d 0%,#ad8330 55%,#845709 100%);
  color:#fff;font-size:15px;line-height:1;
  box-shadow:0 10px 18px -8px rgba(132,87,9,.8),0 0 0 5px rgba(173,131,48,.14);
}
/* typical products → muted ✕ */
.bae-cmp__no{display:flex;align-items:center;gap:10px;color:rgba(43,43,43,.6);font-size:13px;font-weight:400}
.bae-cmp__no::before{
  content:"\2715";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;
  background:rgba(43,43,43,.07);color:rgba(43,43,43,.45);font-size:10px;line-height:1;
}
 
/* responsive */
@media(max-width:620px){
  .bae-bcard{padding:30px 24px 38px;border-radius:26px}
  .bae-cmp{border-radius:24px}
  .bae-cmp__row{grid-template-columns:1.3fr .55fr 1.2fr;padding:16px 18px;font-size:13px}
  .bae-cmp__row--h{padding:18px;letter-spacing:.12em}
  .bae-cmp__row--h span:nth-child(2)::before{display:none}
  .bae-cmp__yes{width:28px;height:28px;font-size:13px}
  .bae-cmp__no::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .bae-bcard,.bae-bcard::before,.bae-bcard::after,.bae-bcard__num,.bae-cmp__row,.bae-cmp__row::before{transition:none!important}
  .bae-bcard:hover{translate:none}
}
/* END_SECTION:glowevityskinsupplement */

/* START_SECTION:glowgevitymask (INDEX:39) */
/* ═════════ Maldives (headings) ═════════ */
@font-face{
  font-family:'Maldives';
  src:url('/cdn/shop/files/Maldives.ttf?v=1792760658') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family: 'GarvoPoster';
  src: url('/cdn/shop/files/GarvoPoster-Regular.ttf?v=1793956012') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* GarvoPoster Light */
@font-face {
  font-family: 'GarvoPoster';
  src: url('/cdn/shop/files/GarvoPoster-Light.ttf?v=1793956277') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* ═════════ BAE tokens ═════════ */
.bae{
  --gold:#ad8330; --ink:#2b2b2b; --white:#fff;
  --bronze:#845709; --amber:#b27409; --cream:#f6f1de;
  --line:rgba(43,43,43,.14);
  --head:'Maldives','Poppins',sans-serif;
  --body:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --h-size:60px;
  --ease:cubic-bezier(.2,.7,.2,1);
  font-family:var(--body);color:var(--ink);background:var(--white);
  line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative;
}
.bae *,.bae *::before,.bae *::after{box-sizing:border-box}
.bae :where(img,video){display:block;max-width:100%;height:auto}
.bae :where(a){color:inherit;text-decoration:none}
.bae :where(button){font:inherit;color:inherit;cursor:pointer;background:none;border:0;border-radius:0;box-shadow:none}
.bae :where(h1,h2,h3,h4){margin:0;font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.06em;line-height:1.08}
.bae :where(p){margin:0}
.bae :where(ul,ol){margin:0;padding:0;list-style:none}
.bae :where(li){margin:0}
.bae :where(summary):focus{outline:none}
.bae :where(summary):focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.bae-wrap{max-width:1320px;margin:0 auto;padding:0 32px}
.bae-wrap--narrow{max-width:900px}
.bae-eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:500;color:var(--gold);display:flex;align-items:center;gap:14px}
.bae-eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
/* Main headings: Maldives · 60px · weight 300 */
.bae .bae-h1,
.bae .bae-h2{font-family:var(--head);font-size:var(--h-size);font-weight:300}
.bae-h2{margin-top:16px}
.bae-head{max-width:720px;margin-bottom:56px}
.bae-head--center{text-align:center;margin-left:auto;margin-right:auto}
.bae-head--center .bae-eyebrow{justify-content:center}
.bae-head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}

/* scroll progress */
.bae-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none}
.bae-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--bronze),var(--gold),var(--amber));transform-origin:0 50%;transform:scaleX(0)}

/* reveal */
.bae-js [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.bae-js [data-reveal].is-in{opacity:1;transform:none}

/* buttons */
.bae .bae-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;height:56px;padding:0 12px;font-family:var(--body);font-size:12px;font-weight:500;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-align:center;border:1px solid var(--ink);border-radius:40px!important;box-shadow:none!important;text-shadow:none;width:auto;min-width:0;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.bae .bae-btn::before,.bae .bae-btn::after{content:none!important;display:none!important}
.bae .bae-btn:hover:not([disabled]){transform:translateY(-2px)}
.bae .bae-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.bae .bae-btn--gold{background:var(--gold);border-color:var(--gold);color:#fff}
.bae .bae-btn--gold:hover:not([disabled]){background:var(--bronze);border-color:var(--bronze)}
.bae .bae-btn--ghost{background:transparent;color:var(--ink)}
.bae .bae-btn--ghost:hover:not([disabled]){background:var(--ink);color:#fff}
.bae .bae-btn--cream{background:var(--cream);border-color:var(--cream);color:var(--ink);padding:0 38px}
.bae .bae-btn--cream:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.bae-link{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--gold)}

/* marquee */
.bae-marquee{overflow:hidden;white-space:nowrap;padding:14px 0;background:var(--ink);color:var(--cream)}
.bae-marquee--gold{background:var(--gold);color:#fff}
.bae-marquee__track{display:inline-flex;animation:bae-slide 38s linear infinite;will-change:transform}
.bae-marquee:hover .bae-marquee__track{animation-play-state:paused}
.bae-marquee__group{display:inline-flex;align-items:center}
.bae-marquee span{font-family:var(--body);font-size:13px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;margin:0 28px}
.bae-marquee i{font-style:normal;font-size:10px;opacity:.7}
@keyframes bae-slide{to{transform:translateX(-50%)}}

/* ═════════ hero ═════════ */
.bae-hero{position:relative;background:var(--cream);padding-bottom:96px;overflow:clip}
.bae-hero__bgword{position:absolute;top:60px;right:-2%; font-family: 'GarvoPoster', serif !important; font-weight:300;font-size:clamp(180px,32vw,520px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(173,131,48,.28);letter-spacing:.04em;pointer-events:none;user-select:none;will-change:transform;white-space:nowrap}
.bae-crumbs{position:relative;display:flex;gap:10px;flex-wrap:wrap;padding:26px 0 18px;font-size:12px;letter-spacing:.08em;color:rgba(43,43,43,.6)}
.bae-crumbs a:hover{color:var(--gold)}
.bae-crumbs em{font-style:normal;color:var(--ink)}
.bae-product{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:72px;align-items:start}

/* gallery – thumbs column is exactly as tall as the main image */
.bae-gallery{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;position:sticky;top:90px;align-items:stretch}
.bae-gallery__thumbs-wrap{position:relative;min-height:0;min-width:0}
.bae-gallery__thumbs{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bae-gallery__thumbs::-webkit-scrollbar{display:none}
.bae-gallery__thumbs-wrap.is-scroll .bae-gallery__thumbs{padding:34px 0}
.bae-thumb{width:100%;aspect-ratio:1;overflow:hidden;border:1px solid transparent;background:var(--white);opacity:.55;padding:0;transition:.3s var(--ease);flex:none}
.bae-thumb img{width:100%;height:100%;object-fit:cover}
.bae-thumb.is-on,.bae-thumb:hover{opacity:1;border-color:var(--gold)}

/* thumb arrows (only visible when thumbs overflow) */
.bae .bae-tarrow{display:none;position:absolute;z-index:3;align-items:center;justify-content:center;background:rgba(255,255,255,.96);border:1px solid var(--line);padding:0;transition:background .25s var(--ease),border-color .25s var(--ease),opacity .25s}
.bae .bae-tarrow span{display:block;width:9px;height:9px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.bae .bae-tarrow:hover:not([disabled]){background:var(--gold);border-color:var(--gold)}
.bae .bae-tarrow:hover:not([disabled]) span{border-color:#fff}
.bae .bae-tarrow[disabled]{opacity:.35;cursor:default}
.bae-gallery__thumbs-wrap.is-scroll .bae-tarrow{display:flex}
.bae .bae-tarrow--prev{left:0;right:0;top:0;height:28px}
.bae .bae-tarrow--next{left:0;right:0;bottom:0;height:28px}
.bae .bae-tarrow--prev span{transform:rotate(-135deg);margin-top:4px}
.bae .bae-tarrow--next span{transform:rotate(45deg);margin-bottom:4px}

.bae-gallery__stage{position:relative;aspect-ratio:4/5;background:var(--white);overflow:hidden;align-self:start}
.bae-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s}
.bae-slide.is-on{opacity:1;visibility:visible}
.bae-slide img,.bae-slide video{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.bae-gallery__stage:hover .bae-slide.is-on img{transform:scale(1.06)}
.bae-tag{position:absolute;top:18px;left:18px;z-index:3;background:var(--ink);color:var(--cream);font-size:10px;letter-spacing:.28em;text-transform:uppercase;padding:8px 16px}
.bae-gallery__dots{display:none}

/* info */
.bae-h1{margin:20px 0 14px}
.bae-tagline{font-size:15px;color:rgba(43,43,43,.7);max-width:44ch}
.bae-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px;margin:26px 0 22px}
.bae-price__now{font-size:34px;font-weight:500;color:var(--ink);letter-spacing:.01em}
.bae-price__was{font-size:18px;color:rgba(43,43,43,.5)}
.bae-price__save{font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:var(--gold);color:#fff;padding:6px 12px;font-weight:500}
.bae-price [hidden]{display:none}
.bae-lead{font-size:15.5px;color:rgba(43,43,43,.85);max-width:54ch}
.bae-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bae-facts div{padding:22px 10px;text-align:center;border-right:1px solid var(--line)}
.bae-facts div:last-child{border-right:0}
.bae-facts strong{display:block;font-family:var(--body);font-weight:300;font-size:clamp(30px,3.4vw,46px);color:var(--gold);line-height:1;margin-bottom:8px}
.bae-facts span{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(43,43,43,.65)}
.bae-checks{display:grid;gap:10px;margin-bottom:30px}
.bae-lead+.bae-checks{margin-top:28px}
.bae-checks li{display:flex;gap:14px;font-size:14.5px;align-items:flex-start}
.bae-checks li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border:1px solid var(--gold);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%23ad8330' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}

/* options */
.bae-options{display:grid;gap:18px;margin-bottom:22px}
.bae-option{border:0;padding:0;margin:0}
.bae-option legend{font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:10px;font-weight:500;padding:0}
.bae-option__vals{display:flex;flex-wrap:wrap;gap:10px}
.bae-option label{cursor:pointer}
.bae-option input{position:absolute;opacity:0;pointer-events:none}
.bae-option span{display:block;padding:11px 22px;border:1px solid var(--line);font-size:13px;transition:.25s var(--ease);background:var(--white); border-radius: 40px;}
.bae-option input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.bae-option input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}

/* quantity (own row) */
.bae-qtyrow{display:flex;align-items:center;gap:18px;margin:0 0 18px}
.bae-qtyrow__label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}
.bae .bae-qty{display:inline-flex;align-items:center;border:1px solid var(--ink);height:52px;background:var(--white);border-radius:0;box-shadow:none;margin:0}
.bae .bae-qty button{width:44px;height:100%;font-size:20px;line-height:1;transition:color .2s;padding:0}
.bae .bae-qty button:hover{color:var(--gold)}
.bae .bae-qty input{width:46px;height:100%;text-align:center;border:0!important;background:none!important;box-shadow:none!important;outline:none;border-radius:0;font:inherit;font-weight:500;color:var(--ink);-moz-appearance:textfield;appearance:textfield;padding:0;margin:0;min-height:0}
.bae-qty input::-webkit-outer-spin-button,.bae-qty input::-webkit-inner-spin-button{-webkit-appearance:none}

/* Appstle subscription slot (between quantity and buy row, inside the form) */
.bae-subs{margin:0 0 18px}
.bae-subs.is-empty{margin:0}

/* Frequently Bought Together slot (below the buttons, outside the form) */
.bae-fbt{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.bae-fbt__title{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:14px}
.bae-fbt__title::before{content:"";width:34px;height:1px;background:var(--gold)}
.bae-fbt__body{font-family:var(--body);color:var(--ink);accent-color:var(--gold);max-width:100%;overflow-x:clip}
.bae-fbt__body :where(button,input,select,textarea,a,p,span,label,li,h2,h3,h4,strong,b,div){font-family:var(--body)}
.bae-fbt__body :where(img){max-width:100%;height:auto}
.bae-fbt.is-empty{margin-top:0;padding-top:0;border-top:0}
.bae-fbt.is-empty .bae-fbt__title{display:none}

/* Add to cart + Buy it now – one row */
.bae-buy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.bae-buy .bae-btn{width:100%;}

.bae-guarantee{display:flex;gap:16px;align-items:center;margin-top:18px;padding:18px 22px;border:1px solid var(--gold);color:var(--bronze);font-size:13.5px;font-weight:500;letter-spacing:.04em}
.bae-guarantee svg{flex:none}
.bae-ship{font-size:12px;letter-spacing:.06em;color:rgba(43,43,43,.6);margin:14px 0 28px}

/* accordion */
.bae-acc{border-top:1px solid var(--line)}
.bae-acc details{border-bottom:1px solid var(--line)}
.bae-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}
.bae-acc summary::-webkit-details-marker{display:none}
.bae-acc summary::after{content:"";width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .35s var(--ease);margin-right:4px}
.bae-acc details[open] summary::after{transform:rotate(-135deg)}
.bae-acc details[open] summary{color:var(--gold)}
.bae-acc__body{padding:0 0 22px;font-size:14px;color:rgba(43,43,43,.82)}
.bae-acc__body p+p{margin-top:12px}
.bae-acc--big summary{font-size:15px;letter-spacing:.06em;text-transform:none;font-weight:500;padding:26px 0}

/* badges – tilted running marquee */
.bae-badges{position:relative;background:var(--cream);padding:58px 0;overflow:hidden;--tilt:-2deg;--bspeed:40s}
.bae-badges::before{content:"";position:absolute;left:-6%;right:-6%;top:50%;height:60px;margin-top:-30px;background:var(--gold);transform:rotate(calc(var(--tilt) * -1));pointer-events:none}
.bae-badges__band{position:relative;z-index:1;margin:0 -6%;background:var(--ink);color:var(--cream);transform:rotate(var(--tilt));padding:17px 0;overflow:hidden;white-space:nowrap;box-shadow:0 22px 44px -26px rgba(43,43,43,.65)}
.bae-badges__track{display:inline-flex;animation:bae-slide var(--bspeed) linear infinite;will-change:transform}
.bae-badges__band:hover .bae-badges__track{animation-play-state:paused}
.bae-badges__group{display:inline-flex;align-items:center;flex:none}
.bae-badges__item{display:inline-flex;align-items:center;gap:12px;margin:0 0 0 26px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;line-height:1}
.bae-badges__item svg{color:var(--gold);flex:none}
.bae-badges__item img{width:24px;height:24px;object-fit:contain;flex:none}
.bae-badges__sep{font-style:normal;font-size:10px;color:var(--gold);margin-left:14px}

/* sections */
.bae-sec{padding:130px 0}
.bae-sec--cream{background:var(--cream)}

/* benefits */
.bae-benefits{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:22px}
.bae-bcard{position:relative;background:var(--white);padding:34px 28px 36px;border:1px solid transparent;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s var(--ease)}
.bae-bcard:hover{transform:translateY(-10px);border-color:var(--gold);box-shadow:0 30px 60px -34px rgba(132,87,9,.55)}
.bae-bcard__num{display:block;font-family:var(--body);font-size:44px;font-weight:200;color:var(--gold);margin-bottom:22px;line-height:1}
.bae-bcard__pic{aspect-ratio:1;overflow:hidden;margin-bottom:22px;background:var(--cream)}
.bae-bcard__pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.bae-bcard:hover .bae-bcard__pic img{transform:scale(1.08)}
.bae-bcard h3{font-size:21px;margin-bottom:12px;line-height:1.2}
.bae-bcard p{font-size:14px;color:rgba(43,43,43,.75)}

/* scrollytelling */
.bae-story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}
.bae-story__stage{position:sticky;top:96px}
.bae-story__frame{position:relative;aspect-ratio:1;background:var(--cream);overflow:hidden}
.bae-story__base,.bae-story__layer{position:absolute;inset:0}
.bae-story__base img,.bae-story__layer img{width:100%;height:100%;object-fit:cover}
.bae-story__layer{opacity:0;transform:scale(1.06);transition:opacity .8s var(--ease),transform 1.2s var(--ease)}
.bae-story__layer.is-on{opacity:1;transform:none}
.bae-story__layer:not(:has(img)){background:linear-gradient(145deg,var(--cream),#efe5c4)}
.bae-story__big{position:absolute;right:26px;bottom:6px;font-family:var(--body);font-weight:200;font-size:clamp(90px,12vw,190px);line-height:1;color:var(--gold);opacity:.9;mix-blend-mode:multiply}
.bae-story__count{margin-top:16px;font-size:12px;letter-spacing:.28em;color:rgba(43,43,43,.6)}
.bae-story__count b{color:var(--gold);font-weight:500}
.bae-story__steps{padding:10vh 0}
.bae-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.22;transform:translateX(24px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.bae-step.is-on{opacity:1;transform:none}
.bae-step__k{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500}
.bae-step h3{font-size:clamp(28px,3.4vw,48px);margin-bottom:20px}
.bae-step p{font-size:16px;color:rgba(43,43,43,.8);max-width:40ch}
.bae-blends{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:70px}
.bae-blend{background:var(--ink);color:var(--cream);padding:34px 32px}
.bae-blend h4{font-size:19px;color:var(--gold);margin-bottom:18px;line-height:1.2}
.bae-blend li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid rgba(246,241,222,.16);font-size:13.5px}
.bae-blend b{font-weight:500;white-space:nowrap;color:#fff}

/* compare */
.bae-cmp{background:var(--white);border:1px solid var(--line)}
.bae-cmp__row{display:grid;grid-template-columns:1.5fr .6fr 1.3fr;align-items:center;padding:20px 30px;border-bottom:1px solid var(--line);font-size:14.5px;gap:10px}
.bae-cmp__row:last-child{border-bottom:0}
.bae-cmp__row--h{background:var(--ink);color:var(--cream);font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;padding:18px 30px}
.bae-cmp__yes{color:var(--gold);font-size:20px;text-align:center}
.bae-cmp__row--h span:nth-child(2){text-align:center;color:var(--gold)}
.bae-cmp__no{color:rgba(43,43,43,.55);font-size:13px}

/* timeline */
.bae-dark{background:var(--ink);color:var(--cream)}
.bae-dark .bae-h2{color:#fff}
.bae-tl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:96px;align-items:start}
.bae-tl__head{align-self:stretch}
.bae-tl__sticky{position:sticky;top:120px}
.bae-tl__sub{margin-top:24px;font-size:15px;color:rgba(246,241,222,.75);max-width:38ch}
.bae-tl__days{margin-top:52px;display:flex;align-items:baseline;gap:14px;border-top:1px solid rgba(246,241,222,.2);padding-top:30px}
.bae-tl__days b{font-family:var(--body);font-weight:200;font-size:clamp(72px,8vw,128px);line-height:.9;color:var(--gold)}
.bae-tl__days span{font-size:12px;letter-spacing:.3em;text-transform:uppercase}
.bae .bae-tl__list{position:relative;padding-left:60px;counter-reset:baestep}
.bae-tl__line{position:absolute;left:11px;top:14px;bottom:14px;width:1px;background:rgba(246,241,222,.18)}
.bae-tl__line span{display:block;width:100%;height:100%;background:var(--gold);transform-origin:50% 0;transform:scaleY(0)}
.bae-tl__item{position:relative;counter-increment:baestep;margin:0 0 26px;padding:36px 40px 38px;background:rgba(246,241,222,.035);border:1px solid rgba(246,241,222,.1);opacity:.38;transition:opacity .6s var(--ease),border-color .6s var(--ease),background .6s var(--ease),transform .6s var(--ease)}
.bae-tl__item:last-child{margin-bottom:0}
.bae-tl__item::after{content:counter(baestep,decimal-leading-zero);position:absolute;right:28px;top:10px;font-family:var(--body);font-weight:200;font-size:76px;line-height:1;color:rgba(173,131,48,.22);pointer-events:none}
.bae-tl__item.is-on{opacity:1;border-color:rgba(173,131,48,.55);background:rgba(173,131,48,.08)}
.bae-tl__dot{position:absolute;left:-55px;top:42px;width:13px;height:13px;border-radius:50%;background:var(--ink);border:1px solid rgba(246,241,222,.4);transition:.5s var(--ease)}
.bae-tl__dot::after{content:"";position:absolute;left:100%;top:50%;width:42px;height:1px;background:rgba(246,241,222,.18);transition:background .5s var(--ease)}
.bae-tl__item.is-on .bae-tl__dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 7px rgba(173,131,48,.22)}
.bae-tl__item.is-on .bae-tl__dot::after{background:var(--gold)}
.bae-tl__when{display:inline-block;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-weight:500;padding:6px 14px;border:1px solid rgba(173,131,48,.5)}
.bae-tl__item h3{font-size:clamp(22px,2.4vw,34px);color:#fff;margin-bottom:28px;line-height:1.15;max-width:78%}
.bae-tl__cols{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.bae-tl__cols b{display:block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-weight:500}
.bae-tl__cols ul{border-top:1px solid rgba(246,241,222,.14)}
.bae-tl__cols li{position:relative;padding:11px 0 11px 20px;font-size:13.5px;line-height:1.5;border-bottom:1px solid rgba(246,241,222,.08);color:rgba(246,241,222,.88)}
.bae-tl__cols li::before{content:"";position:absolute;left:0;top:21px;width:8px;height:1px;background:var(--gold)}

/* rails */
.bae-arrows{display:flex;gap:10px}
.bae-arrows button{width:52px;height:52px;border:1px solid var(--ink);font-size:18px;transition:.3s var(--ease)}
.bae-arrows button:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.bae-rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 10px;cursor:grab;-webkit-overflow-scrolling:touch}
.bae-rail::-webkit-scrollbar{display:none}
.bae-rail.is-drag{cursor:grabbing;scroll-snap-type:none}
.bae-rail__track{display:flex;gap:22px;width:max-content;padding:0 max(32px,calc((100vw - 1320px)/2 + 32px))}
.bae-review{width:min(400px,82vw);flex:none;scroll-snap-align:start;background:var(--cream);padding:38px 34px;display:flex;flex-direction:column;gap:18px;transition:transform .5s var(--ease)}
.bae-review:hover{transform:translateY(-8px)}
.bae-review__stars{color:var(--gold);letter-spacing:5px;font-size:14px}
.bae-review h3{font-size:24px;line-height:1.2}
.bae-review p{flex:1;font-size:14.5px;color:rgba(43,43,43,.82)}
.bae-review__who{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--line)}
.bae-review__who img,.bae-review__who i{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.bae-review__who i{display:grid;place-items:center;background:var(--gold);color:#fff;font-style:normal;font-family:var(--body);font-weight:500;font-size:18px}
.bae-review__who b{display:block;font-size:13.5px;font-weight:500}
.bae-review__who span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.bae-pcard{width:min(320px,76vw);flex:none;scroll-snap-align:start;user-select:none}
.bae-pcard__pic{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--cream);margin-bottom:20px}
.bae-pcard__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform 1.4s var(--ease);-webkit-user-drag:none}
.bae-pcard__pic img+img{opacity:0}
.bae-pcard:hover .bae-pcard__pic img+img{opacity:1}
.bae-pcard:hover .bae-pcard__pic img{transform:scale(1.05)}
.bae-pcard h3{font-size:20px;margin-bottom:6px;line-height:1.2}
.bae-pcard p{font-size:14px;margin-bottom:10px}
.bae-pcard s{color:rgba(43,43,43,.5);margin-left:6px}

/* cta */
.bae-cta{position:relative;min-height:560px;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;background:var(--bronze); display: none;}
.bae-cta__bg{position:absolute;inset:-12% 0;will-change:transform}
.bae-cta__bg img{width:100%;height:100%;object-fit:cover}
.bae-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(43,43,43,.5),rgba(43,43,43,.72))}
.bae-cta__in{position:relative;z-index:2;max-width:680px;padding:90px 28px}
.bae-cta .bae-h2{color:#fff;margin:0 0 20px}
.bae-cta p{margin-bottom:34px;color:rgba(255,255,255,.88)}

/* sticky bar */
.bae-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:16px;padding:12px 24px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .5s var(--ease)}
.bae-sticky.is-on{transform:none}
.bae-sticky__img{width:50px;height:50px;overflow:hidden;flex:none;background:var(--cream)}
.bae-sticky__img img{width:100%;height:100%;object-fit:cover}
.bae-sticky__txt{flex:1;min-width:0;line-height:1.3}
.bae-sticky__txt b{display:block;font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bae-sticky__txt span{font-size:13px;color:var(--bronze);font-weight:500}
.bae-sticky .bae-btn{flex:none;min-height:48px;padding:0 30px}
.bae-h1.is-in{
  font-size: 40px!important;
}
/* responsive */
@media(max-width:1100px){
  .bae-benefits{grid-template-columns:repeat(2,1fr)}
  .bae-story__grid,.bae-tl{gap:56px}
  .bae{--h-size:48px}
}
@media(max-width:900px){
  .bae-product{grid-template-columns:1fr;gap:40px}
  .bae-gallery{position:static;grid-template-columns:1fr}
  .bae-gallery__stage{order:1}
  /* thumbs become a horizontal strip under the image */
  .bae-gallery__thumbs-wrap{order:2}
  .bae-gallery__thumbs{position:static;flex-direction:row;overflow-x:auto;overflow-y:hidden}
  .bae-gallery__thumbs-wrap.is-scroll .bae-gallery__thumbs{padding:0 34px}
  .bae-thumb{width:68px}
  .bae .bae-tarrow--prev{left:0;right:auto;top:0;bottom:0;width:28px;height:auto}
  .bae .bae-tarrow--next{left:auto;right:0;top:0;bottom:0;width:28px;height:auto}
  .bae .bae-tarrow--prev span{transform:rotate(135deg);margin:0 0 0 4px}
  .bae .bae-tarrow--next span{transform:rotate(-45deg);margin:0 4px 0 0}
  .bae-story__grid,.bae-tl{grid-template-columns:1fr}
  .bae-story__stage{position:sticky;top:64px;z-index:2;background:var(--white);padding:10px 0}
  .bae-story__frame{aspect-ratio:16/10}
  .bae-story__steps{padding:2vh 0 6vh}
  .bae-step{min-height:44vh}
  .bae-tl__sticky{position:static}
  .bae-blends{grid-template-columns:1fr}
  .bae-sec{padding:84px 0}
  .bae-tl__cols{grid-template-columns:1fr;gap:22px}
  .bae-tl__item{padding:30px 26px 32px}
  .bae-tl__item h3{max-width:100%}
  .bae-h1.is-in{
  font-size: 28px!important;
}
}
@media(max-width:620px){
  .bae{--h-size:38px}
  .bae-wrap{padding:0 20px}
  .bae-benefits{grid-template-columns:1fr}
  .bae-cmp__row{padding:16px 16px;font-size:13px;grid-template-columns:1.3fr .5fr 1.2fr}
  .bae-cmp__row--h{letter-spacing:.12em}
  .bae-head--row{align-items:flex-start;flex-direction:column}
  .bae-buy{gap:8px}
  .bae .bae-buy .bae-btn{padding:0 6px;font-size:10.5px;letter-spacing:.06em;min-height:52px;height:52px}
  .bae .bae-qty{height:48px}
  .bae .bae-tl__list{padding-left:44px}
  .bae-tl__dot{left:-39px}
  .bae-tl__dot::after{width:26px}
  .bae-tl__item::after{font-size:54px;right:18px}
  .bae-sticky{padding:10px 16px}
  .bae-sticky__img{display:none}
  .bae-rail__track{padding:0 20px}
  .bae-badges{padding:44px 0}
  .bae-badges::before{height:50px;margin-top:-25px}
  .bae-badges__band{padding:14px 0}
  .bae-badges__item{margin-left:18px;font-size:11px;letter-spacing:.18em}
}
@media(min-width:901px){.bae-sticky{display:none}}
@media(prefers-reduced-motion:reduce){
  .bae-js [data-reveal]{opacity:1;transform:none;transition:none}
  .bae-marquee__track{animation:none}
  .bae *{scroll-behavior:auto!important}
  .bae-badges__track{animation:none}
  .bae-badges__group[aria-hidden="true"]{display:none}
}
.bae-acc__body strong,
.bae-acc__body b,
.bae-acc__body strong *,
.bae-acc__body b * {
  font-weight: bold !important;
}
/* Rich text inside accordions: paragraphs, bullet lists, numbered lists, links */
.bae-acc__body > :first-child{margin-top:0}
.bae-acc__body p{margin:0}
.bae-acc__body p + p,
.bae-acc__body p + ul,
.bae-acc__body p + ol,
.bae-acc__body ul + p,
.bae-acc__body ol + p{margin-top:12px}
.bae-acc__body ul{list-style:disc;padding-left:22px;margin:12px 0}
.bae-acc__body ol{list-style:decimal;padding-left:22px;margin:12px 0}
.bae-acc__body li{margin:0 0 6px;padding:0;line-height:1.6}
.bae-acc__body li:last-child{margin-bottom:0}
.bae-acc__body a{color:var(--gold);text-decoration:underline}
.bae-acc__body em,
.bae-acc__body i{font-style:italic}
.bae-benefits{gap:24px}
 
.bae-bcard{
  position:relative;overflow:hidden;isolation:isolate;
  border:1px solid transparent;border-radius:30px;padding:34px 30px 42px;
  /* soft cream-white fill + gold gradient border */
  background:
    linear-gradient(160deg,#ffffff 0%,#fbf5e3 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 26px 50px -30px rgba(132,87,9,.5),inset 0 0 0 5px rgba(255,255,255,.7);
}
.bae-bcard > *{position:relative;z-index:2}
 
/* gold glow in the top-right corner */
.bae-bcard::before{
  content:"";position:absolute;z-index:0;top:-70px;right:-70px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,201,125,.5),transparent 70%);
  transition:transform .8s var(--ease);
}
/* gold bar at the bottom that stretches on hover */
.bae-bcard::after{
  content:"";position:absolute;z-index:1;left:30px;bottom:0;height:4px;width:46px;border-radius:4px 4px 0 0;
  background:linear-gradient(90deg,#e8c97d,#ad8330);
  transition:width .6s var(--ease);
}
 
/* number → gold sphere badge */
.bae-bcard__num{
  display:grid;place-items:center;width:54px;height:54px;border-radius:50%;margin-bottom:26px;
  background:radial-gradient(circle at 30% 28%,#e8c97d 0%,#ad8330 55%,#845709 100%);
  color:#fff;font-family:var(--body);font-size:16px;font-weight:500;letter-spacing:.04em;line-height:1;
  box-shadow:0 12px 22px -10px rgba(132,87,9,.85),0 0 0 6px rgba(173,131,48,.14);
  transition:transform .6s var(--ease);
}
.bae-bcard__pic{border-radius:20px}
.bae-bcard h3{font-size:21px;margin-bottom:12px;line-height:1.2}
.bae-bcard p{font-size:14px;color:rgba(43,43,43,.75)}
 
/* every 2nd card is dark charcoal → light / dark rhythm */
.bae-bcard:nth-child(even){
  color:var(--cream);
  background:
    linear-gradient(160deg,#363636 0%,#2b2b2b 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 26px 50px -30px rgba(0,0,0,.6),inset 0 0 0 5px rgba(255,255,255,.04);
}
.bae-bcard:nth-child(even)::before{background:radial-gradient(circle,rgba(232,201,125,.3),transparent 70%)}
.bae-bcard:nth-child(even) h3{color:#fff}
.bae-bcard:nth-child(even) p{color:rgba(246,241,222,.82)}
.bae-bcard:nth-child(even) .bae-bcard__pic{background:rgba(255,255,255,.06)}
 
/* hover (uses `translate`, so it is not blocked by the reveal animation's transform) */
.bae-js .bae-bcard[data-reveal]{
  transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s),translate .5s var(--ease),box-shadow .5s var(--ease);
}
.bae-bcard:hover{
  translate:0 -10px;border-color:transparent;
  box-shadow:0 38px 64px -28px rgba(132,87,9,.65),inset 0 0 0 5px rgba(255,255,255,.7);
}
.bae-bcard:nth-child(even):hover{box-shadow:0 38px 64px -28px rgba(0,0,0,.75),inset 0 0 0 5px rgba(255,255,255,.04)}
.bae-bcard:hover::before{transform:scale(1.4)}
.bae-bcard:hover::after{width:calc(100% - 60px)}
.bae-bcard:hover .bae-bcard__num{transform:rotate(-12deg) scale(1.06)}
 
 
/* ───────── 2 · COMPARISON TABLE ───────── */
.bae-cmp{
  position:relative;overflow:hidden;border:1px solid transparent;border-radius:30px;
  background:
    linear-gradient(170deg,#ffffff 0%,#fdf9ec 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 30px 60px -34px rgba(132,87,9,.55);
}
.bae-cmp__row{
  position:relative;grid-template-columns:1.5fr .7fr 1.3fr;padding:20px 34px;
  border-bottom:1px solid rgba(173,131,48,.18);font-weight:500;
  transition:background .35s var(--ease);
}
/* zebra rows (row 1 is the header) */
.bae-cmp__row:not(.bae-cmp__row--h):nth-child(even){background:rgba(246,241,222,.6)}
.bae-cmp__row:not(.bae-cmp__row--h):hover{background:rgba(173,131,48,.1)}
/* gold marker on the left when hovering a row */
.bae-cmp__row:not(.bae-cmp__row--h)::before{
  content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#e8c97d,#ad8330);transform:scaleY(0);transition:transform .4s var(--ease);
}
.bae-cmp__row:not(.bae-cmp__row--h):hover::before{transform:scaleY(1)}
 
/* header row */
.bae-cmp__row--h{
  padding:22px 34px;border-bottom:0;
  background:linear-gradient(135deg,#2b2b2b 0%,#3d3d3d 100%);
}
.bae-cmp__row--h span:nth-child(2){color:#e8c97d}
.bae-cmp__row--h span:nth-child(2)::before{content:"\2726";margin-right:8px;font-size:9px;vertical-align:middle}
 
/* BAE column → gold sphere with a check */
.bae-cmp__yes{
  justify-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:radial-gradient(circle at 30% 28%,#e8c97d 0%,#ad8330 55%,#845709 100%);
  color:#fff;font-size:15px;line-height:1;
  box-shadow:0 10px 18px -8px rgba(132,87,9,.8),0 0 0 5px rgba(173,131,48,.14);
}
/* typical products → muted ✕ */
.bae-cmp__no{display:flex;align-items:center;gap:10px;color:rgba(43,43,43,.6);font-size:13px;font-weight:400}
.bae-cmp__no::before{
  content:"\2715";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;
  background:rgba(43,43,43,.07);color:rgba(43,43,43,.45);font-size:10px;line-height:1;
}
 
/* responsive */
@media(max-width:620px){
  .bae-bcard{padding:30px 24px 38px;border-radius:26px}
  .bae-cmp{border-radius:24px}
  .bae-cmp__row{grid-template-columns:1.3fr .55fr 1.2fr;padding:16px 18px;font-size:13px}
  .bae-cmp__row--h{padding:18px;letter-spacing:.12em}
  .bae-cmp__row--h span:nth-child(2)::before{display:none}
  .bae-cmp__yes{width:28px;height:28px;font-size:13px}
  .bae-cmp__no::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .bae-bcard,.bae-bcard::before,.bae-bcard::after,.bae-bcard__num,.bae-cmp__row,.bae-cmp__row::before{transition:none!important}
  .bae-bcard:hover{translate:none}
}
/* END_SECTION:glowgevitymask */

/* START_SECTION:main-collection-product-grid (INDEX:50) */
.sc{
  --sc-ink:#2b2b2b;--sc-gold:#ad8330;--sc-cream:#f6f1de;--sc-brown:#845709;--sc-amber:#b27409;
  position:relative;overflow-x:clip;background:#fff;color:var(--sc-ink);
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
}
.sc *,.sc *::before,.sc *::after{box-sizing:border-box}
.sc img{display:block;max-width:100%;height:auto}
.sc a:focus-visible,.sc button:focus-visible,.sc select:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* tones (each chapter / tile carries one) */
.sc [data-tone="cream"]{--bg:#f6f1de;--fg:#2b2b2b;--muted:#5c4b25;--disc:#ad8330;--ring:#845709;--btn-bg:#2b2b2b;--btn-fg:#f6f1de;--dot:#b27409}
.sc [data-tone="white"]{--bg:#ffffff;--fg:#2b2b2b;--muted:#5c4b25;--disc:#f6f1de;--ring:#ad8330;--btn-bg:#2b2b2b;--btn-fg:#f6f1de;--dot:#b27409}
.sc [data-tone="brown"]{--bg:#845709;--fg:#f6f1de;--muted:#eadfbd;--disc:#b27409;--ring:#f6f1de;--btn-bg:#f6f1de;--btn-fg:#2b2b2b;--dot:#f6f1de}
.sc [data-tone="black"]{--bg:#2b2b2b;--fg:#f6f1de;--muted:#d9cfae;--disc:#845709;--ring:#ad8330;--btn-bg:#f6f1de;--btn-fg:#2b2b2b;--dot:#ad8330}
.sc [data-tone="gold"]{--bg:#ad8330;--fg:#1f1a0f;--muted:#2b2410;--disc:#2b2b2b;--ring:#f6f1de;--btn-bg:#2b2b2b;--btn-fg:#f6f1de;--dot:#2b2b2b}

/* intro */
.sc-intro{padding:clamp(56px,9vw,128px) 0 clamp(40px,6vw,80px)}
.sc-intro__head{max-width:1400px;margin:0 auto;padding:0 clamp(20px,5vw,72px);display:grid;gap:20px;margin-bottom:clamp(28px,4vw,56px)}
.sc-intro__title{font-family:var(--sc-display);font-weight:400;text-transform:uppercase;font-size:clamp(3.4rem,12vw,11rem);line-height:.9;letter-spacing:.01em;margin:0}
.sc-intro__row{display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between;align-items:flex-end}
.sc-intro__text{max-width:42ch;margin:0;font-size:1rem;line-height:1.65;color:#5c4b25}
.sc-intro__hint{display:flex;align-items:center;gap:12px;margin:0;font-style:italic;font-size:.95rem;color:#5c4b25}
.sc-intro__hint span{width:56px;height:1.5px;background:currentColor;display:block}

/* rail */
.sc-rail{display:flex;gap:clamp(16px,2.4vw,36px);overflow-x:auto;padding:20px clamp(20px,5vw,72px) 28px;cursor:grab;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.sc-rail::-webkit-scrollbar{display:none}
.sc-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}
.sc-rail.is-dragging .sc-tile{pointer-events:none}
.sc-tile{flex:0 0 auto;width:clamp(150px,19vw,250px);text-align:center;color:var(--sc-ink);text-decoration:none;scroll-snap-align:start;user-select:none;-webkit-user-select:none}
.sc-tile__disc{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:var(--disc);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.sc-tile:hover .sc-tile__disc{transform:translateY(-10px)}
.sc-tile__disc>img{width:76%;height:76%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 14px 16px rgba(0,0,0,.25))}
.sc-tile__multi{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;width:74%;height:74%;gap:2%}
.sc-tile__multi img{width:48%;height:48%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.sc-tile__multi img:only-child{width:100%;height:100%}
.sc-tile__name{display:block;margin-top:16px;font-size:.98rem;font-weight:500;line-height:1.3}

/* side dots */
.sc-nav{position:fixed;right:clamp(10px,1.6vw,24px);top:50%;transform:translateY(-50%);z-index:20;display:none;flex-direction:column;gap:18px;color:var(--nav-fg,#2b2b2b);opacity:0;pointer-events:none;transition:opacity .3s,color .3s}
.sc-nav.is-on{opacity:1;pointer-events:auto}
@media (min-width:990px){.sc-nav{display:flex}}
.sc-nav a{position:relative;display:block;width:12px;height:12px;border:1.5px solid currentColor;border-radius:50%;color:inherit;transition:background .25s,transform .25s}
.sc-nav a::before{content:"";position:absolute;inset:-8px}
.sc-nav a.is-active{background:currentColor;transform:scale(1.3)}
.sc-nav a span{position:absolute;right:26px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:.8rem;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s}
.sc-nav a:hover span,.sc-nav a:focus-visible span{opacity:1}

/* chapters */
.sc-ch{position:relative;display:flex;align-items:center;min-height:100svh;padding:clamp(56px,8vw,96px) clamp(20px,5vw,72px);background:var(--bg);color:var(--fg)}
@media (min-width:990px) and (min-height:640px){
  .sc[data-stack="true"] .sc-ch{position:sticky;top:0;border-radius:44px 44px 0 0;box-shadow:0 -22px 60px rgba(0,0,0,.2)}
}
.sc-ch__inner{width:100%;max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,5vw,80px)}
.sc-ch[data-art="left"] .sc-ch__art{order:-1}

.sc-ch__title{font-family:var(--sc-display);font-weight:400;text-transform:uppercase;font-size:clamp(2.8rem,6.4vw,6.5rem);line-height:.95;letter-spacing:.01em;margin:0 0 .2em;overflow-wrap:anywhere}
.sc-ch__sub{margin:0 0 clamp(20px,2.6vw,32px);max-width:40ch;font-style:italic;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.5;color:var(--muted)}
.sc-ch__feats{list-style:none;margin:0 0 clamp(24px,3vw,40px);padding:0;display:grid;gap:12px}
.sc-ch__feats:empty{display:none}
.sc-ch__feats li{display:flex;align-items:center;gap:14px;font-size:1.05rem;line-height:1.4}
.sc-ch__feats li::before{content:"";flex:0 0 12px;height:12px;border-radius:50%;background:var(--dot)}

.sc-buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin:0 0 20px}
.sc-price{font-size:1.4rem;font-weight:500}
.sc-price s{margin-left:.6em;font-size:.9rem;font-weight:400;opacity:.75}
.sc-selectwrap{position:relative;display:inline-block}
.sc-selectwrap::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.sc-select{appearance:none;-webkit-appearance:none;background:transparent;color:inherit;border:1.5px solid currentColor;border-radius:999px;padding:13px 44px 13px 20px;font:inherit;font-size:.95rem;cursor:pointer}
.sc-select option{color:#2b2b2b;background:#fff}
.sc-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--btn-bg);color:var(--btn-fg);border:1.5px solid var(--btn-bg);border-radius:999px;padding:16px 36px;font:600 .95rem/1 'Poppins',sans-serif;cursor:pointer;transition:background .25s,color .25s}
.sc-btn:hover{background:transparent;color:var(--btn-bg)}
.sc-btn[disabled]{opacity:.5;cursor:not-allowed}
.sc-btn[disabled]:hover{background:var(--btn-bg);color:var(--btn-fg)}
.sc-ch__link{display:inline-block;color:inherit;font-size:.95rem;text-underline-offset:5px}

/* art: disc + offset ring + product */
.sc-ch__art{position:relative;justify-self:center;width:min(100%,68svh,640px);aspect-ratio:1}
.sc-ch__disc,.sc-ch__ring{position:absolute;inset:0;border-radius:50%}
.sc-ch__disc{background:var(--disc);transform:scale(var(--disc-s,1))}
.sc-ch__ring{border:1.5px solid var(--ring);transform:translateX(var(--ring-x,0px))}
.sc-ch__img{position:absolute;inset:-6% 9%;display:grid;place-items:center;transform:translateY(var(--img-y,0px)) rotate(var(--img-r,0deg));will-change:transform}
.sc-ch__img img,.sc-ch__img .sc-ph{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 34px rgba(0,0,0,.3))}
.sc-ph{background:rgba(255,255,255,.2);fill:currentColor}

/* bundle */
.sc-cluster{position:absolute;inset:0;transform:rotate(calc(var(--img-r,0deg) * 1.6))}
.sc-cluster__item{position:absolute;display:grid;place-items:center;width:54%;aspect-ratio:1;border-radius:50%}
.sc-cluster__item img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.3));transform:rotate(calc(var(--img-r,0deg) * -1.6))}
.sc-cluster__item:nth-child(1){left:0;top:4%;background:#ad8330}
.sc-cluster__item:nth-child(2){right:0;top:0;background:#845709}
.sc-cluster__item:nth-child(3){left:5%;bottom:0;background:#b27409}
.sc-cluster__item:nth-child(4){right:3%;bottom:5%;background:#f6f1de}
.sc-cluster[data-count="1"] .sc-cluster__item{width:100%;left:0;top:0;right:auto;bottom:auto}
.sc-cluster[data-count="2"] .sc-cluster__item{width:64%}
.sc-cluster[data-count="2"] .sc-cluster__item:nth-child(1){left:0;top:2%;bottom:auto}
.sc-cluster[data-count="2"] .sc-cluster__item:nth-child(2){right:0;top:auto;bottom:2%;background:#ad8330}
.sc-cluster[data-count="3"] .sc-cluster__item:nth-child(1){left:0;top:4%}
.sc-cluster[data-count="3"] .sc-cluster__item:nth-child(2){right:0;top:0;background:#845709}
.sc-cluster[data-count="3"] .sc-cluster__item:nth-child(3){left:23%;bottom:0;right:auto}
.sc-badge{position:absolute;z-index:2;left:50%;top:50%;width:26%;aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(calc(var(--img-r,0deg) * -1.6));border-radius:50%;background:#2b2b2b;color:#f6f1de;font-weight:600;font-size:clamp(.8rem,1.3vw,1.1rem);line-height:1.15;text-align:center;padding:6%}
.sc-badge--corner{left:auto;right:2%;top:4%;width:22%;transform:none;background:#f6f1de;color:#2b2b2b}

/* mobile */
@media (max-width:989px){
  .sc-ch{min-height:0;padding-block:64px}
  .sc-ch__inner{grid-template-columns:1fr;gap:40px}
  .sc-ch .sc-ch__art{order:-1;width:min(84vw,420px)}
  .sc-ch__img{inset:-4% 8%}
}
@media (prefers-reduced-motion:reduce){
  .sc *,.sc *::before,.sc *::after{transition:none!important;scroll-behavior:auto!important}
}
/* END_SECTION:main-collection-product-grid */

/* START_SECTION:main-product (INDEX:55) */
/* ═════════ Maldives (headings) ═════════ */
@font-face{
  font-family:'Maldives';
  src:url('/cdn/shop/files/Maldives.ttf?v=1792760658') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family: 'GarvoPoster';
  src: url('/cdn/shop/files/GarvoPoster-Regular.ttf?v=1793956012') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* GarvoPoster Light */
@font-face {
  font-family: 'GarvoPoster';
  src: url('/cdn/shop/files/GarvoPoster-Light.ttf?v=1793956277') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* ═════════ BAE tokens ═════════ */
.bae{
  --gold:#ad8330; --ink:#2b2b2b; --white:#fff;
  --bronze:#845709; --amber:#b27409; --cream:#f6f1de;
  --line:rgba(43,43,43,.14);
  --head:'Maldives','Poppins',sans-serif;
  --body:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --h-size:60px;
  --ease:cubic-bezier(.2,.7,.2,1);
  font-family:var(--body);color:var(--ink);background:var(--white);
  line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative;
}
.bae *,.bae *::before,.bae *::after{box-sizing:border-box}
.bae :where(img,video){display:block;max-width:100%;height:auto}
.bae :where(a){color:inherit;text-decoration:none}
.bae :where(button){font:inherit;color:inherit;cursor:pointer;background:none;border:0;border-radius:0;box-shadow:none}
.bae :where(h1,h2,h3,h4){margin:0;font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.06em;line-height:1.08}
.bae :where(p){margin:0}
.bae :where(ul,ol){margin:0;padding:0;list-style:none}
.bae :where(li){margin:0}
.bae :where(summary):focus{outline:none}
.bae :where(summary):focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.bae-wrap{max-width:1320px;margin:0 auto;padding:0 32px}
.bae-wrap--narrow{max-width:900px}
.bae-eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:500;color:var(--gold);display:flex;align-items:center;gap:14px}
.bae-eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
/* Main headings: Maldives · 60px · weight 300 */
.bae .bae-h1,
.bae .bae-h2{font-family:var(--head);font-size:var(--h-size);font-weight:300}
.bae-h2{margin-top:16px}
.bae-head{max-width:720px;margin-bottom:56px}
.bae-head--center{text-align:center;margin-left:auto;margin-right:auto}
.bae-head--center .bae-eyebrow{justify-content:center}
.bae-head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}

/* scroll progress */
.bae-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none}
.bae-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--bronze),var(--gold),var(--amber));transform-origin:0 50%;transform:scaleX(0)}

/* reveal */
.bae-js [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.bae-js [data-reveal].is-in{opacity:1;transform:none}

/* buttons */
.bae .bae-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;height:56px;padding:0 12px;font-family:var(--body);font-size:12px;font-weight:500;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-align:center;border:1px solid var(--ink);border-radius:40px!important;box-shadow:none!important;text-shadow:none;width:auto;min-width:0;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.bae .bae-btn::before,.bae .bae-btn::after{content:none!important;display:none!important}
.bae .bae-btn:hover:not([disabled]){transform:translateY(-2px)}
.bae .bae-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.bae .bae-btn--gold{background:var(--gold);border-color:var(--gold);color:#fff}
.bae .bae-btn--gold:hover:not([disabled]){background:var(--bronze);border-color:var(--bronze)}
.bae .bae-btn--ghost{background:transparent;color:var(--ink)}
.bae .bae-btn--ghost:hover:not([disabled]){background:var(--ink);color:#fff}
.bae .bae-btn--cream{background:var(--cream);border-color:var(--cream);color:var(--ink);padding:0 38px}
.bae .bae-btn--cream:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.bae-link{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--gold)}

/* marquee */
.bae-marquee{overflow:hidden;white-space:nowrap;padding:14px 0;background:var(--ink);color:var(--cream)}
.bae-marquee--gold{background:var(--gold);color:#fff}
.bae-marquee__track{display:inline-flex;animation:bae-slide 38s linear infinite;will-change:transform}
.bae-marquee:hover .bae-marquee__track{animation-play-state:paused}
.bae-marquee__group{display:inline-flex;align-items:center}
.bae-marquee span{font-family:var(--body);font-size:13px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;margin:0 28px}
.bae-marquee i{font-style:normal;font-size:10px;opacity:.7}
@keyframes bae-slide{to{transform:translateX(-50%)}}

/* ═════════ hero ═════════ */
.bae-hero{position:relative;background:var(--cream);padding-bottom:96px;overflow:clip}
.bae-hero__bgword{position:absolute;top:60px;right:-2%; font-family: 'GarvoPoster', serif !important; font-weight:300;font-size:clamp(180px,32vw,520px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(173,131,48,.28);letter-spacing:.04em;pointer-events:none;user-select:none;will-change:transform;white-space:nowrap}
.bae-crumbs{position:relative;display:flex;gap:10px;flex-wrap:wrap;padding:26px 0 18px;font-size:12px;letter-spacing:.08em;color:rgba(43,43,43,.6)}
.bae-crumbs a:hover{color:var(--gold)}
.bae-crumbs em{font-style:normal;color:var(--ink)}
.bae-product{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:72px;align-items:start}

/* gallery – thumbs column is exactly as tall as the main image */
.bae-gallery{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;position:sticky;top:90px;align-items:stretch}
.bae-gallery__thumbs-wrap{position:relative;min-height:0;min-width:0}
.bae-gallery__thumbs{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bae-gallery__thumbs::-webkit-scrollbar{display:none}
.bae-gallery__thumbs-wrap.is-scroll .bae-gallery__thumbs{padding:34px 0}
.bae-thumb{width:100%;aspect-ratio:1;overflow:hidden;border:1px solid transparent;background:var(--white);opacity:.55;padding:0;transition:.3s var(--ease);flex:none}
.bae-thumb img{width:100%;height:100%;object-fit:cover}
.bae-thumb.is-on,.bae-thumb:hover{opacity:1;border-color:var(--gold)}

/* thumb arrows (only visible when thumbs overflow) */
.bae .bae-tarrow{display:none;position:absolute;z-index:3;align-items:center;justify-content:center;background:rgba(255,255,255,.96);border:1px solid var(--line);padding:0;transition:background .25s var(--ease),border-color .25s var(--ease),opacity .25s}
.bae .bae-tarrow span{display:block;width:9px;height:9px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.bae .bae-tarrow:hover:not([disabled]){background:var(--gold);border-color:var(--gold)}
.bae .bae-tarrow:hover:not([disabled]) span{border-color:#fff}
.bae .bae-tarrow[disabled]{opacity:.35;cursor:default}
.bae-gallery__thumbs-wrap.is-scroll .bae-tarrow{display:flex}
.bae .bae-tarrow--prev{left:0;right:0;top:0;height:28px}
.bae .bae-tarrow--next{left:0;right:0;bottom:0;height:28px}
.bae .bae-tarrow--prev span{transform:rotate(-135deg);margin-top:4px}
.bae .bae-tarrow--next span{transform:rotate(45deg);margin-bottom:4px}

.bae-gallery__stage{position:relative;aspect-ratio:4/5;background:var(--white);overflow:hidden;align-self:start}
.bae-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s}
.bae-slide.is-on{opacity:1;visibility:visible}
.bae-slide img,.bae-slide video{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.bae-gallery__stage:hover .bae-slide.is-on img{transform:scale(1.06)}
.bae-tag{position:absolute;top:18px;left:18px;z-index:3;background:var(--ink);color:var(--cream);font-size:10px;letter-spacing:.28em;text-transform:uppercase;padding:8px 16px}
.bae-gallery__dots{display:none}

/* info */
.bae-h1{margin:20px 0 14px}
.bae-tagline{font-size:15px;color:rgba(43,43,43,.7);max-width:44ch}
.bae-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px;margin:26px 0 22px}
.bae-price__now{font-size:34px;font-weight:500;color:var(--ink);letter-spacing:.01em}
.bae-price__was{font-size:18px;color:rgba(43,43,43,.5)}
.bae-price__save{font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:var(--gold);color:#fff;padding:6px 12px;font-weight:500}
.bae-price [hidden]{display:none}
.bae-lead{font-size:15.5px;color:rgba(43,43,43,.85);max-width:54ch}
.bae-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bae-facts div{padding:22px 10px;text-align:center;border-right:1px solid var(--line)}
.bae-facts div:last-child{border-right:0}
.bae-facts strong{display:block;font-family:var(--body);font-weight:300;font-size:clamp(30px,3.4vw,46px);color:var(--gold);line-height:1;margin-bottom:8px}
.bae-facts span{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(43,43,43,.65)}
.bae-checks{display:grid;gap:10px;margin-bottom:30px}
.bae-checks li{display:flex;gap:14px;font-size:14.5px;align-items:flex-start}
.bae-checks li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border:1px solid var(--gold);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%23ad8330' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}

/* options */
.bae-options{display:grid;gap:18px;margin-bottom:22px}
.bae-option{border:0;padding:0;margin:0}
.bae-option legend{font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:10px;font-weight:500;padding:0}
.bae-option__vals{display:flex;flex-wrap:wrap;gap:10px}
.bae-option label{cursor:pointer}
.bae-option input{position:absolute;opacity:0;pointer-events:none}
.bae-option span{display:block;padding:11px 22px;border:1px solid var(--line);font-size:13px;transition:.25s var(--ease);background:var(--white)}
.bae-option input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.bae-option input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}

/* quantity (own row) */
.bae-qtyrow{display:flex;align-items:center;gap:18px;margin:0 0 18px}
.bae-qtyrow__label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}
.bae .bae-qty{display:inline-flex;align-items:center;border:1px solid var(--ink);height:52px;background:var(--white);border-radius:0;box-shadow:none;margin:0}
.bae .bae-qty button{width:44px;height:100%;font-size:20px;line-height:1;transition:color .2s;padding:0}
.bae .bae-qty button:hover{color:var(--gold)}
.bae .bae-qty input{width:46px;height:100%;text-align:center;border:0!important;background:none!important;box-shadow:none!important;outline:none;border-radius:0;font:inherit;font-weight:500;color:var(--ink);-moz-appearance:textfield;appearance:textfield;padding:0;margin:0;min-height:0}
.bae-qty input::-webkit-outer-spin-button,.bae-qty input::-webkit-inner-spin-button{-webkit-appearance:none}

/* Appstle subscription slot (between quantity and buy row) */
.bae-subs{margin:0 0 18px}
.bae-subs:empty{display:none;margin:0}

/* Add to cart + Buy it now – one row */
.bae-buy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.bae-buy .bae-btn{width:100%;}

.bae-guarantee{display:flex;gap:16px;align-items:center;margin-top:18px;padding:18px 22px;border:1px solid var(--gold);color:var(--bronze);font-size:13.5px;font-weight:500;letter-spacing:.04em}
.bae-guarantee svg{flex:none}
.bae-ship{font-size:12px;letter-spacing:.06em;color:rgba(43,43,43,.6);margin:14px 0 28px}

/* accordion */
.bae-acc{border-top:1px solid var(--line)}
.bae-acc details{border-bottom:1px solid var(--line)}
.bae-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}
.bae-acc summary::-webkit-details-marker{display:none}
.bae-acc summary::after{content:"";width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .35s var(--ease);margin-right:4px}
.bae-acc details[open] summary::after{transform:rotate(-135deg)}
.bae-acc details[open] summary{color:var(--gold)}
.bae-acc__body{padding:0 0 22px;font-size:14px;color:rgba(43,43,43,.82)}
.bae-acc__body p+p{margin-top:12px}
.bae-acc--big summary{font-size:15px;letter-spacing:.06em;text-transform:none;font-weight:500;padding:26px 0}

/* badges */
.bae-badges{border-bottom:1px solid var(--line);background:#F6F1DE;padding:30px 0}
.bae-badges ul{display:flex;flex-wrap:wrap;gap:12px 14px;justify-content:center}
.bae-badges li{display:flex;align-items:center;gap:9px;padding:9px 18px;border:1px solid var(--line);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze)}
.bae-badges img{width:26px;height:26px;object-fit:contain}

/* sections */
.bae-sec{padding:130px 0}
.bae-sec--cream{background:var(--cream)}

/* benefits */
.bae-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.bae-bcard{position:relative;background:var(--white);padding:34px 28px 36px;border:1px solid transparent;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s var(--ease)}
.bae-bcard:hover{transform:translateY(-10px);border-color:var(--gold);box-shadow:0 30px 60px -34px rgba(132,87,9,.55)}
.bae-bcard__num{display:block;font-family:var(--body);font-size:44px;font-weight:200;color:var(--gold);margin-bottom:22px;line-height:1}
.bae-bcard__pic{aspect-ratio:1;overflow:hidden;margin-bottom:22px;background:var(--cream)}
.bae-bcard__pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.bae-bcard:hover .bae-bcard__pic img{transform:scale(1.08)}
.bae-bcard h3{font-size:21px;margin-bottom:12px;line-height:1.2}
.bae-bcard p{font-size:14px;color:rgba(43,43,43,.75)}

/* scrollytelling */
.bae-story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}
.bae-story__stage{position:sticky;top:96px}
.bae-story__frame{position:relative;aspect-ratio:1;background:var(--cream);overflow:hidden}
.bae-story__base,.bae-story__layer{position:absolute;inset:0}
.bae-story__base img,.bae-story__layer img{width:100%;height:100%;object-fit:cover}
.bae-story__layer{opacity:0;transform:scale(1.06);transition:opacity .8s var(--ease),transform 1.2s var(--ease)}
.bae-story__layer.is-on{opacity:1;transform:none}
.bae-story__layer:not(:has(img)){background:linear-gradient(145deg,var(--cream),#efe5c4)}
.bae-story__big{position:absolute;right:26px;bottom:6px;font-family:var(--body);font-weight:200;font-size:clamp(90px,12vw,190px);line-height:1;color:var(--gold);opacity:.9;mix-blend-mode:multiply}
.bae-story__count{margin-top:16px;font-size:12px;letter-spacing:.28em;color:rgba(43,43,43,.6)}
.bae-story__count b{color:var(--gold);font-weight:500}
.bae-story__steps{padding:10vh 0}
.bae-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.22;transform:translateX(24px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.bae-step.is-on{opacity:1;transform:none}
.bae-step__k{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500}
.bae-step h3{font-size:clamp(28px,3.4vw,48px);margin-bottom:20px}
.bae-step p{font-size:16px;color:rgba(43,43,43,.8);max-width:40ch}
.bae-blends{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:70px}
.bae-blend{background:var(--ink);color:var(--cream);padding:34px 32px}
.bae-blend h4{font-size:19px;color:var(--gold);margin-bottom:18px;line-height:1.2}
.bae-blend li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid rgba(246,241,222,.16);font-size:13.5px}
.bae-blend b{font-weight:500;white-space:nowrap;color:#fff}

/* compare */
.bae-cmp{background:var(--white);border:1px solid var(--line)}
.bae-cmp__row{display:grid;grid-template-columns:1.7fr .7fr 1fr;align-items:center;padding:20px 30px;border-bottom:1px solid var(--line);font-size:14.5px;gap:10px}
.bae-cmp__row:last-child{border-bottom:0}
.bae-cmp__row--h{background:var(--ink);color:var(--cream);font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;padding:18px 30px}
.bae-cmp__yes{color:var(--gold);font-size:20px;text-align:center}
.bae-cmp__row--h span:nth-child(2){text-align:center;color:var(--gold)}
.bae-cmp__no{color:rgba(43,43,43,.55);font-size:13px}

/* timeline */
.bae-dark{background:var(--ink);color:var(--cream)}
.bae-dark .bae-h2{color:#fff}
.bae-tl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:96px;align-items:start}
.bae-tl__head{align-self:stretch}
.bae-tl__sticky{position:sticky;top:120px}
.bae-tl__sub{margin-top:24px;font-size:15px;color:rgba(246,241,222,.75);max-width:38ch}
.bae-tl__days{margin-top:52px;display:flex;align-items:baseline;gap:14px;border-top:1px solid rgba(246,241,222,.2);padding-top:30px}
.bae-tl__days b{font-family:var(--body);font-weight:200;font-size:clamp(72px,8vw,128px);line-height:.9;color:var(--gold)}
.bae-tl__days span{font-size:12px;letter-spacing:.3em;text-transform:uppercase}
.bae .bae-tl__list{position:relative;padding-left:60px;counter-reset:baestep}
.bae-tl__line{position:absolute;left:11px;top:14px;bottom:14px;width:1px;background:rgba(246,241,222,.18)}
.bae-tl__line span{display:block;width:100%;height:100%;background:var(--gold);transform-origin:50% 0;transform:scaleY(0)}
.bae-tl__item{position:relative;counter-increment:baestep;margin:0 0 26px;padding:36px 40px 38px;background:rgba(246,241,222,.035);border:1px solid rgba(246,241,222,.1);opacity:.38;transition:opacity .6s var(--ease),border-color .6s var(--ease),background .6s var(--ease),transform .6s var(--ease)}
.bae-tl__item:last-child{margin-bottom:0}
.bae-tl__item::after{content:counter(baestep,decimal-leading-zero);position:absolute;right:28px;top:10px;font-family:var(--body);font-weight:200;font-size:76px;line-height:1;color:rgba(173,131,48,.22);pointer-events:none}
.bae-tl__item.is-on{opacity:1;border-color:rgba(173,131,48,.55);background:rgba(173,131,48,.08)}
.bae-tl__dot{position:absolute;left:-55px;top:42px;width:13px;height:13px;border-radius:50%;background:var(--ink);border:1px solid rgba(246,241,222,.4);transition:.5s var(--ease)}
.bae-tl__dot::after{content:"";position:absolute;left:100%;top:50%;width:42px;height:1px;background:rgba(246,241,222,.18);transition:background .5s var(--ease)}
.bae-tl__item.is-on .bae-tl__dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 7px rgba(173,131,48,.22)}
.bae-tl__item.is-on .bae-tl__dot::after{background:var(--gold)}
.bae-tl__when{display:inline-block;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-weight:500;padding:6px 14px;border:1px solid rgba(173,131,48,.5)}
.bae-tl__item h3{font-size:clamp(22px,2.4vw,34px);color:#fff;margin-bottom:28px;line-height:1.15;max-width:78%}
.bae-tl__cols{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.bae-tl__cols b{display:block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-weight:500}
.bae-tl__cols ul{border-top:1px solid rgba(246,241,222,.14)}
.bae-tl__cols li{position:relative;padding:11px 0 11px 20px;font-size:13.5px;line-height:1.5;border-bottom:1px solid rgba(246,241,222,.08);color:rgba(246,241,222,.88)}
.bae-tl__cols li::before{content:"";position:absolute;left:0;top:21px;width:8px;height:1px;background:var(--gold)}

/* rails */
.bae-arrows{display:flex;gap:10px}
.bae-arrows button{width:52px;height:52px;border:1px solid var(--ink);font-size:18px;transition:.3s var(--ease)}
.bae-arrows button:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.bae-rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 10px;cursor:grab;-webkit-overflow-scrolling:touch}
.bae-rail::-webkit-scrollbar{display:none}
.bae-rail.is-drag{cursor:grabbing;scroll-snap-type:none}
.bae-rail__track{display:flex;gap:22px;width:max-content;padding:0 max(32px,calc((100vw - 1320px)/2 + 32px))}
.bae-review{width:min(400px,82vw);flex:none;scroll-snap-align:start;background:var(--cream);padding:38px 34px;display:flex;flex-direction:column;gap:18px;transition:transform .5s var(--ease)}
.bae-review:hover{transform:translateY(-8px)}
.bae-review__stars{color:var(--gold);letter-spacing:5px;font-size:14px}
.bae-review h3{font-size:24px;line-height:1.2}
.bae-review p{flex:1;font-size:14.5px;color:rgba(43,43,43,.82)}
.bae-review__who{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--line)}
.bae-review__who img,.bae-review__who i{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.bae-review__who i{display:grid;place-items:center;background:var(--gold);color:#fff;font-style:normal;font-family:var(--body);font-weight:500;font-size:18px}
.bae-review__who b{display:block;font-size:13.5px;font-weight:500}
.bae-review__who span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.bae-pcard{width:min(320px,76vw);flex:none;scroll-snap-align:start;user-select:none}
.bae-pcard__pic{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--cream);margin-bottom:20px}
.bae-pcard__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform 1.4s var(--ease);-webkit-user-drag:none}
.bae-pcard__pic img+img{opacity:0}
.bae-pcard:hover .bae-pcard__pic img+img{opacity:1}
.bae-pcard:hover .bae-pcard__pic img{transform:scale(1.05)}
.bae-pcard h3{font-size:20px;margin-bottom:6px;line-height:1.2}
.bae-pcard p{font-size:14px;margin-bottom:10px}
.bae-pcard s{color:rgba(43,43,43,.5);margin-left:6px}

/* cta */
.bae-cta{position:relative;min-height:560px;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;background:var(--bronze)}
.bae-cta__bg{position:absolute;inset:-12% 0;will-change:transform}
.bae-cta__bg img{width:100%;height:100%;object-fit:cover}
.bae-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(43,43,43,.5),rgba(43,43,43,.72))}
.bae-cta__in{position:relative;z-index:2;max-width:680px;padding:90px 28px}
.bae-cta .bae-h2{color:#fff;margin:0 0 20px}
.bae-cta p{margin-bottom:34px;color:rgba(255,255,255,.88)}

/* sticky bar */
.bae-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:16px;padding:12px 24px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .5s var(--ease)}
.bae-sticky.is-on{transform:none}
.bae-sticky__img{width:50px;height:50px;overflow:hidden;flex:none;background:var(--cream)}
.bae-sticky__img img{width:100%;height:100%;object-fit:cover}
.bae-sticky__txt{flex:1;min-width:0;line-height:1.3}
.bae-sticky__txt b{display:block;font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bae-sticky__txt span{font-size:13px;color:var(--bronze);font-weight:500}
.bae-sticky .bae-btn{flex:none;min-height:48px;padding:0 30px}
.bae-h1.is-in{
  font-size: 40px!important;
}
/* responsive */
@media(max-width:1100px){
  .bae-benefits{grid-template-columns:repeat(2,1fr)}
  .bae-story__grid,.bae-tl{gap:56px}
  .bae{--h-size:48px}
}
@media(max-width:900px){
  .bae-product{grid-template-columns:1fr;gap:40px}
  .bae-gallery{position:static;grid-template-columns:1fr}
  .bae-gallery__stage{order:1}
  /* thumbs become a horizontal strip under the image */
  .bae-gallery__thumbs-wrap{order:2}
  .bae-gallery__thumbs{position:static;flex-direction:row;overflow-x:auto;overflow-y:hidden}
  .bae-gallery__thumbs-wrap.is-scroll .bae-gallery__thumbs{padding:0 34px}
  .bae-thumb{width:68px}
  .bae .bae-tarrow--prev{left:0;right:auto;top:0;bottom:0;width:28px;height:auto}
  .bae .bae-tarrow--next{left:auto;right:0;top:0;bottom:0;width:28px;height:auto}
  .bae .bae-tarrow--prev span{transform:rotate(135deg);margin:0 0 0 4px}
  .bae .bae-tarrow--next span{transform:rotate(-45deg);margin:0 4px 0 0}
  .bae-story__grid,.bae-tl{grid-template-columns:1fr}
  .bae-story__stage{position:sticky;top:64px;z-index:2;background:var(--white);padding:10px 0}
  .bae-story__frame{aspect-ratio:16/10}
  .bae-story__steps{padding:2vh 0 6vh}
  .bae-step{min-height:44vh}
  .bae-tl__sticky{position:static}
  .bae-blends{grid-template-columns:1fr}
  .bae-sec{padding:84px 0}
  .bae-tl__cols{grid-template-columns:1fr;gap:22px}
  .bae-tl__item{padding:30px 26px 32px}
  .bae-tl__item h3{max-width:100%}
  .bae-h1.is-in{
  font-size: 28px!important;
}
}
@media(max-width:620px){
  .bae{--h-size:38px}
  .bae-wrap{padding:0 20px}
  .bae-benefits{grid-template-columns:1fr}
  .bae-cmp__row{padding:16px 16px;font-size:13px;grid-template-columns:1.5fr .5fr 1fr}
  .bae-head--row{align-items:flex-start;flex-direction:column}
  .bae-buy{gap:8px}
  .bae .bae-buy .bae-btn{padding:0 6px;font-size:10.5px;letter-spacing:.06em;min-height:52px;height:52px}
  .bae .bae-qty{height:48px}
  .bae .bae-tl__list{padding-left:44px}
  .bae-tl__dot{left:-39px}
  .bae-tl__dot::after{width:26px}
  .bae-tl__item::after{font-size:54px;right:18px}
  .bae-sticky{padding:10px 16px}
  .bae-sticky__img{display:none}
  .bae-rail__track{padding:0 20px}
}
@media(min-width:901px){.bae-sticky{display:none}}
@media(prefers-reduced-motion:reduce){
  .bae-js [data-reveal]{opacity:1;transform:none;transition:none}
  .bae-marquee__track{animation:none}
  .bae *{scroll-behavior:auto!important}
}
/* END_SECTION:main-product */

/* START_SECTION:manifesto (INDEX:57) */
.bae-man {
    --bae-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;
    --bae-sans: "Jost", "Helvetica Neue", Arial, sans-serif;
    position: relative;
    z-index: 10; /* above the fixed hero stage */
    height: var(--bae-man-h, 340vh);
    padding: 0;
    background: var(--bae-man-bg, #f8f2e4);
    font-family: var(--bae-sans);
    font-weight: 300;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
  }
  :where(.bae-man) * { margin: 0; padding: 0; box-sizing: border-box; }
  .bae-man__ms { position: sticky; top: 0; height: 100vh; overflow: hidden; }

  .bae-man__arc {
    position: absolute; left: 52%; top: 46%; width: 300px;
    transform: translate(-50%, -50%) rotate(-6deg);
    fill: var(--bae-man-accent, #8f6b22);
    font: 500 15px var(--bae-sans);
    letter-spacing: 0.3em; text-transform: uppercase;
  }

  .bae-man__wd {
    position: absolute; left: 5vw; bottom: 5vh;
    font: italic 500 clamp(90px, 18vw, 330px)/0.82 var(--bae-serif);
    letter-spacing: -0.05em;
    color: var(--bae-man-dark, #21180c);
    white-space: nowrap; display: flex; pointer-events: none;
  }
  .bae-man__wd[data-w="1"], .bae-man__wd[data-w="3"], .bae-man__wd[data-w="5"] { color: var(--bae-man-accent, #8f6b22); }
  .bae-man__wd span {
    display: inline-block;
    transform: translateY(105%) rotate(7deg);
    opacity: 0;
    transition: transform 0.9s cubic-bezier(0.2, 0.9, 0.2, 1), opacity 0.5s;
  }
  .bae-man__wd.on span { transform: none; opacity: 1; }
  .bae-man__wd.off span { transform: translateY(-70%) rotate(-5deg); opacity: 0; }

  .bae-man__wc {
    position: absolute; overflow: hidden;
    background: linear-gradient(160deg, #d9b45c, #8f6b22);
    box-shadow: 0 30px 60px -30px rgba(60, 40, 10, 0.45);
  }
  .bae-man__wc img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .bae-man__w1 { right: 7vw; top: 9vh; width: min(34vw, 470px); aspect-ratio: 16/10; border-radius: 20px; }
  .bae-man__w2 { left: 12vw; top: 15vh; width: min(14vw, 190px); aspect-ratio: 3/4; border-radius: 999px 999px 20px 20px; }
  .bae-man__w3 { right: 30vw; top: 50vh; width: min(12vw, 160px); aspect-ratio: 1; border-radius: 50%; }

  .bae-man__sb {
    position: absolute; right: 6vw; bottom: 8vh; max-width: 20em;
    font: 400 18px/1.55 var(--bae-sans);
    color: var(--bae-man-text, #6d5c3e);
  }
  .bae-man__sb b {
    display: block; margin-bottom: 14px;
    font: 500 11px var(--bae-sans);
    letter-spacing: 0.38em; text-transform: uppercase;
    color: var(--bae-man-accent, #8f6b22);
  }
  .bae-man__dots {
    position: absolute; left: 5vw; top: 11vh; display: flex; gap: 10px;
    font: 500 11px var(--bae-sans); letter-spacing: 0.3em;
    color: var(--bae-man-accent, #8f6b22);
  }

  @media (max-width: 700px) {
    .bae-man__sb { left: 6vw; right: 6vw; bottom: auto; top: 62vh; font-size: 15px; }
    .bae-man__wd { bottom: 3vh; }
    .bae-man__w1 { width: 62vw; }
    .bae-man__w3 { display: none; }
  }
/* END_SECTION:manifesto */

/* START_SECTION:multivitamin (INDEX:61) */
/* ═════════ Maldives (headings) ═════════ */
@font-face{
  font-family:'Maldives';
  src:url('/cdn/shop/files/Maldives.ttf?v=1792760658') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family: 'GarvoPoster';
  src: url('/cdn/shop/files/GarvoPoster-Regular.ttf?v=1793956012') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* GarvoPoster Light */
@font-face {
  font-family: 'GarvoPoster';
  src: url('/cdn/shop/files/GarvoPoster-Light.ttf?v=1793956277') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* ═════════ BAE tokens ═════════ */
.bae{
  --gold:#ad8330; --ink:#2b2b2b; --white:#fff;
  --bronze:#845709; --amber:#b27409; --cream:#f6f1de;
  --line:rgba(43,43,43,.14);
  --head:'Maldives','Poppins',sans-serif;
  --body:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --h-size:60px;
  --ease:cubic-bezier(.2,.7,.2,1);
  font-family:var(--body);color:var(--ink);background:var(--white);
  line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative;
}
.bae *,.bae *::before,.bae *::after{box-sizing:border-box}
.bae :where(img,video){display:block;max-width:100%;height:auto}
.bae :where(a){color:inherit;text-decoration:none}
.bae :where(button){font:inherit;color:inherit;cursor:pointer;background:none;border:0;border-radius:0;box-shadow:none}
.bae :where(h1,h2,h3,h4){margin:0;font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.06em;line-height:1.08}
.bae :where(p){margin:0}
.bae :where(ul,ol){margin:0;padding:0;list-style:none}
.bae :where(li){margin:0}
.bae :where(summary):focus{outline:none}
.bae :where(summary):focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.bae-wrap{max-width:1320px;margin:0 auto;padding:0 32px}
.bae-wrap--narrow{max-width:900px}
.bae-eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:500;color:var(--gold);display:flex;align-items:center;gap:14px}
.bae-eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
/* Main headings: Maldives · 60px · weight 300 */
.bae .bae-h1,
.bae .bae-h2{font-family:var(--head);font-size:var(--h-size);font-weight:300}
.bae-h2{margin-top:16px}
.bae-head{max-width:720px;margin-bottom:56px}
.bae-head--center{text-align:center;margin-left:auto;margin-right:auto}
.bae-head--center .bae-eyebrow{justify-content:center}
.bae-head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}

/* scroll progress */
.bae-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none}
.bae-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--bronze),var(--gold),var(--amber));transform-origin:0 50%;transform:scaleX(0)}

/* reveal */
.bae-js [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.bae-js [data-reveal].is-in{opacity:1;transform:none}

/* buttons */
.bae .bae-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;height:56px;padding:0 12px;font-family:var(--body);font-size:12px;font-weight:500;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-align:center;border:1px solid var(--ink);border-radius:40px!important;box-shadow:none!important;text-shadow:none;width:auto;min-width:0;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.bae .bae-btn::before,.bae .bae-btn::after{content:none!important;display:none!important}
.bae .bae-btn:hover:not([disabled]){transform:translateY(-2px)}
.bae .bae-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.bae .bae-btn--gold{background:var(--gold);border-color:var(--gold);color:#fff}
.bae .bae-btn--gold:hover:not([disabled]){background:var(--bronze);border-color:var(--bronze)}
.bae .bae-btn--ghost{background:transparent;color:var(--ink)}
.bae .bae-btn--ghost:hover:not([disabled]){background:var(--ink);color:#fff}
.bae .bae-btn--cream{background:var(--cream);border-color:var(--cream);color:var(--ink);padding:0 38px}
.bae .bae-btn--cream:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.bae-link{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--gold)}

/* marquee */
.bae-marquee{overflow:hidden;white-space:nowrap;padding:14px 0;background:var(--ink);color:var(--cream)}
.bae-marquee--gold{background:var(--gold);color:#fff}
.bae-marquee__track{display:inline-flex;animation:bae-slide 38s linear infinite;will-change:transform}
.bae-marquee:hover .bae-marquee__track{animation-play-state:paused}
.bae-marquee__group{display:inline-flex;align-items:center}
.bae-marquee span{font-family:var(--body);font-size:13px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;margin:0 28px}
.bae-marquee i{font-style:normal;font-size:10px;opacity:.7}
@keyframes bae-slide{to{transform:translateX(-50%)}}

/* ═════════ hero ═════════ */
.bae-hero{position:relative;background:var(--cream);padding-bottom:96px;overflow:clip}
.bae-hero__bgword{position:absolute;top:60px;right:-2%; font-family: 'GarvoPoster', serif !important; font-weight:300;font-size:clamp(180px,32vw,520px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(173,131,48,.28);letter-spacing:.04em;pointer-events:none;user-select:none;will-change:transform;white-space:nowrap}
.bae-crumbs{position:relative;display:flex;gap:10px;flex-wrap:wrap;padding:26px 0 18px;font-size:12px;letter-spacing:.08em;color:rgba(43,43,43,.6)}
.bae-crumbs a:hover{color:var(--gold)}
.bae-crumbs em{font-style:normal;color:var(--ink)}
.bae-product{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:72px;align-items:start}

/* gallery – thumbs column is exactly as tall as the main image */
.bae-gallery{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;position:sticky;top:90px;align-items:stretch}
.bae-gallery__thumbs-wrap{position:relative;min-height:0;min-width:0}
.bae-gallery__thumbs{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bae-gallery__thumbs::-webkit-scrollbar{display:none}
.bae-gallery__thumbs-wrap.is-scroll .bae-gallery__thumbs{padding:34px 0}
.bae-thumb{width:100%;aspect-ratio:1;overflow:hidden;border:1px solid transparent;background:var(--white);opacity:.55;padding:0;transition:.3s var(--ease);flex:none}
.bae-thumb img{width:100%;height:100%;object-fit:cover}
.bae-thumb.is-on,.bae-thumb:hover{opacity:1;border-color:var(--gold)}

/* thumb arrows (only visible when thumbs overflow) */
.bae .bae-tarrow{display:none;position:absolute;z-index:3;align-items:center;justify-content:center;background:rgba(255,255,255,.96);border:1px solid var(--line);padding:0;transition:background .25s var(--ease),border-color .25s var(--ease),opacity .25s}
.bae .bae-tarrow span{display:block;width:9px;height:9px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.bae .bae-tarrow:hover:not([disabled]){background:var(--gold);border-color:var(--gold)}
.bae .bae-tarrow:hover:not([disabled]) span{border-color:#fff}
.bae .bae-tarrow[disabled]{opacity:.35;cursor:default}
.bae-gallery__thumbs-wrap.is-scroll .bae-tarrow{display:flex}
.bae .bae-tarrow--prev{left:0;right:0;top:0;height:28px}
.bae .bae-tarrow--next{left:0;right:0;bottom:0;height:28px}
.bae .bae-tarrow--prev span{transform:rotate(-135deg);margin-top:4px}
.bae .bae-tarrow--next span{transform:rotate(45deg);margin-bottom:4px}

.bae-gallery__stage{position:relative;aspect-ratio:4/5;background:var(--white);overflow:hidden;align-self:start}
.bae-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s}
.bae-slide.is-on{opacity:1;visibility:visible}
.bae-slide img,.bae-slide video{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.bae-gallery__stage:hover .bae-slide.is-on img{transform:scale(1.06)}
.bae-tag{position:absolute;top:18px;left:18px;z-index:3;background:var(--ink);color:var(--cream);font-size:10px;letter-spacing:.28em;text-transform:uppercase;padding:8px 16px}
.bae-gallery__dots{display:none}

/* info */
.bae-h1{margin:20px 0 14px}
.bae-tagline{font-size:15px;color:rgba(43,43,43,.7);max-width:44ch}
.bae-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px;margin:26px 0 22px}
.bae-price__now{font-size:34px;font-weight:500;color:var(--ink);letter-spacing:.01em}
.bae-price__was{font-size:18px;color:rgba(43,43,43,.5)}
.bae-price__save{font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:var(--gold);color:#fff;padding:6px 12px;font-weight:500}
.bae-price [hidden]{display:none}
.bae-lead{font-size:15.5px;color:rgba(43,43,43,.85);max-width:54ch}
.bae-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bae-facts div{padding:22px 10px;text-align:center;border-right:1px solid var(--line)}
.bae-facts div:last-child{border-right:0}
.bae-facts strong{display:block;font-family:var(--body);font-weight:300;font-size:clamp(30px,3.4vw,46px);color:var(--gold);line-height:1;margin-bottom:8px}
.bae-facts span{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(43,43,43,.65)}
.bae-checks{display:grid;gap:10px;margin-bottom:30px}
.bae-checks li{display:flex;gap:14px;font-size:14.5px;align-items:flex-start}
.bae-checks li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border:1px solid var(--gold);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%23ad8330' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}

/* options */
.bae-options{display:grid;gap:18px;margin-bottom:22px}
.bae-option{border:0;padding:0;margin:0}
.bae-option legend{font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:10px;font-weight:500;padding:0}
.bae-option__vals{display:flex;flex-wrap:wrap;gap:10px}
.bae-option label{cursor:pointer}
.bae-option input{position:absolute;opacity:0;pointer-events:none}
.bae-option span{display:block;padding:11px 22px;border:1px solid var(--line);font-size:13px;transition:.25s var(--ease);background:var(--white)}
.bae-option input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.bae-option input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}

/* quantity (own row) */
.bae-qtyrow{display:flex;align-items:center;gap:18px;margin:0 0 18px}
.bae-qtyrow__label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}
.bae .bae-qty{display:inline-flex;align-items:center;border:1px solid var(--ink);height:52px;background:var(--white);border-radius:0;box-shadow:none;margin:0}
.bae .bae-qty button{width:44px;height:100%;font-size:20px;line-height:1;transition:color .2s;padding:0}
.bae .bae-qty button:hover{color:var(--gold)}
.bae .bae-qty input{width:46px;height:100%;text-align:center;border:0!important;background:none!important;box-shadow:none!important;outline:none;border-radius:0;font:inherit;font-weight:500;color:var(--ink);-moz-appearance:textfield;appearance:textfield;padding:0;margin:0;min-height:0}
.bae-qty input::-webkit-outer-spin-button,.bae-qty input::-webkit-inner-spin-button{-webkit-appearance:none}

/* Appstle subscription slot (between quantity and buy row) */
.bae-subs{margin:0 0 18px}
.bae-subs.is-empty{margin:0}

/* Add to cart + Buy it now – one row */
.bae-buy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.bae-buy .bae-btn{width:100%;}

/* Frequently Bought Together (app) – sits below Add to cart / Buy it now */
.bae-fbt{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.bae-fbt__title{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:14px}
.bae-fbt__title::before{content:"";width:34px;height:1px;background:var(--gold)}
.bae-fbt__body{font-family:var(--body);color:var(--ink);accent-color:var(--gold);max-width:100%;overflow-x:clip}
.bae-fbt__body :where(button,input,select,textarea,a,p,span,label,li,h2,h3,h4,strong,b,div){font-family:var(--body)}
.bae-fbt__body :where(img){max-width:100%;height:auto}
.bae-fbt.is-empty{margin-top:0;padding-top:0;border-top:0}
.bae-fbt.is-empty .bae-fbt__title{display:none}

.bae-guarantee{display:flex;gap:16px;align-items:center;margin-top:18px;padding:18px 22px;border:1px solid var(--gold);color:var(--bronze);font-size:13.5px;font-weight:500;letter-spacing:.04em}
.bae-guarantee svg{flex:none}
.bae-ship{font-size:12px;letter-spacing:.06em;color:rgba(43,43,43,.6);margin:14px 0 28px}

/* accordion */
.bae-acc{border-top:1px solid var(--line)}
.bae-acc details{border-bottom:1px solid var(--line)}
.bae-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}
.bae-acc summary::-webkit-details-marker{display:none}
.bae-acc summary::after{content:"";width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .35s var(--ease);margin-right:4px}
.bae-acc details[open] summary::after{transform:rotate(-135deg)}
.bae-acc details[open] summary{color:var(--gold)}
.bae-acc__body{padding:0 0 22px;font-size:14px;color:rgba(43,43,43,.82)}
.bae-acc__body p+p{margin-top:12px}
.bae-acc__body .bae-rte p{margin:0}
.bae-acc__body .bae-rte p+p,.bae-acc__body .bae-rte ul+p,.bae-acc__body .bae-rte ol+p,.bae-acc__body .bae-rte p+ul,.bae-acc__body .bae-rte p+ol{margin-top:12px}
.bae-acc__body .bae-rte ul,.bae-acc__body .bae-rte ol{margin:0;padding-left:20px}
.bae-acc__body .bae-rte ul{list-style:disc}
.bae-acc__body .bae-rte ol{list-style:decimal}
.bae-acc__body .bae-rte li{margin:0 0 6px;padding-left:2px}
.bae-acc__body .bae-rte strong,.bae-acc__body .bae-rte b{font-weight:600;color:#2b2b2b}
.bae-acc__body .bae-rte a{color:var(--gold);text-decoration:underline}
.bae-acc--big summary{font-size:15px;letter-spacing:.06em;text-transform:none;font-weight:500;padding:26px 0}

/* ═════════ badges – tilted running marquee ═════════ */
.bae-badges{position:relative;background:var(--cream);padding:58px 0;overflow:hidden;--tilt:-2deg;--bspeed:40s}
/* gold band behind, tilted the opposite way */
.bae-badges::before{content:"";position:absolute;left:-6%;right:-6%;top:50%;height:60px;margin-top:-30px;background:var(--gold);transform:rotate(calc(var(--tilt) * -1));pointer-events:none}
.bae-badges__band{position:relative;z-index:1;margin:0 -6%;background:var(--ink);color:var(--cream);transform:rotate(var(--tilt));padding:17px 0;overflow:hidden;white-space:nowrap;box-shadow:0 22px 44px -26px rgba(43,43,43,.65)}
.bae-badges__track{display:inline-flex;animation:bae-slide var(--bspeed) linear infinite;will-change:transform}
.bae-badges__band:hover .bae-badges__track{animation-play-state:paused}
.bae-badges__group{display:inline-flex;align-items:center;flex:none}
.bae-badges__item{display:inline-flex;align-items:center;gap:12px;margin:0 0 0 26px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;line-height:1}
.bae-badges__item svg{color:var(--gold);flex:none}
.bae-badges__item img{width:24px;height:24px;object-fit:contain;flex:none}
.bae-badges__sep{font-style:normal;font-size:10px;color:var(--gold);margin-left:14px}

/* sections */
.bae-sec{padding:130px 0}
.bae-sec--cream{background:var(--cream)}

/* benefits */
.bae-benefits{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:22px}
.bae-bcard{position:relative;background:var(--white);padding:34px 28px 36px;border:1px solid transparent;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s var(--ease)}
.bae-bcard:hover{transform:translateY(-10px);border-color:var(--gold);box-shadow:0 30px 60px -34px rgba(132,87,9,.55)}
.bae-bcard__num{display:block;font-family:var(--body);font-size:44px;font-weight:200;color:var(--gold);margin-bottom:22px;line-height:1}
.bae-bcard__pic{aspect-ratio:1;overflow:hidden;margin-bottom:22px;background:var(--cream)}
.bae-bcard__pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.bae-bcard:hover .bae-bcard__pic img{transform:scale(1.08)}
.bae-bcard h3{font-size:21px;margin-bottom:12px;line-height:1.2}
.bae-bcard p{font-size:14px;color:rgba(43,43,43,.75)}

/* scrollytelling */
.bae-story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}
.bae-story__stage{position:sticky;top:96px}
.bae-story__frame{position:relative;aspect-ratio:1;background:var(--cream);overflow:hidden}
.bae-story__base,.bae-story__layer{position:absolute;inset:0}
.bae-story__base img,.bae-story__layer img{width:100%;height:100%;object-fit:cover}
.bae-story__layer{opacity:0;transform:scale(1.06);transition:opacity .8s var(--ease),transform 1.2s var(--ease)}
.bae-story__layer.is-on{opacity:1;transform:none}
.bae-story__layer:not(:has(img)){background:linear-gradient(145deg,var(--cream),#efe5c4)}
.bae-story__big{position:absolute;right:26px;bottom:6px;font-family:var(--body);font-weight:200;font-size:clamp(90px,12vw,190px);line-height:1;color:var(--gold);opacity:.9;mix-blend-mode:multiply}
.bae-story__count{margin-top:16px;font-size:12px;letter-spacing:.28em;color:rgba(43,43,43,.6)}
.bae-story__count b{color:var(--gold);font-weight:500}
.bae-story__steps{padding:10vh 0}
.bae-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.22;transform:translateX(24px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.bae-step.is-on{opacity:1;transform:none}
.bae-step__k{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500}
.bae-step h3{font-size:clamp(28px,3.4vw,48px);margin-bottom:20px}
.bae-step p{font-size:16px;color:rgba(43,43,43,.8);max-width:40ch}
.bae-blends{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:70px}
.bae-blend{background:var(--ink);color:var(--cream);padding:34px 32px}
.bae-blend h4{font-size:19px;color:var(--gold);margin-bottom:18px;line-height:1.2}
.bae-blend li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid rgba(246,241,222,.16);font-size:13.5px}
.bae-blend b{font-weight:500;white-space:nowrap;color:#fff}

/* compare */
.bae-cmp{background:var(--white);border:1px solid var(--line)}
.bae-cmp__row{display:grid;grid-template-columns:1.5fr .6fr 1.3fr;align-items:center;padding:20px 30px;border-bottom:1px solid var(--line);font-size:14.5px;gap:10px}
.bae-cmp__row:last-child{border-bottom:0}
.bae-cmp__row--h{background:var(--ink);color:var(--cream);font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;padding:18px 30px}
.bae-cmp__yes{color:var(--gold);font-size:20px;text-align:center}
.bae-cmp__row--h span:nth-child(2){text-align:center;color:var(--gold)}
.bae-cmp__no{color:rgba(43,43,43,.55);font-size:13px}

/* timeline */
.bae-dark{background:var(--ink);color:var(--cream)}
.bae-dark .bae-h2{color:#fff}
.bae-tl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:96px;align-items:start}
.bae-tl__head{align-self:stretch}
.bae-tl__sticky{position:sticky;top:120px}
.bae-tl__sub{margin-top:24px;font-size:15px;color:rgba(246,241,222,.75);max-width:38ch}
.bae-tl__days{margin-top:52px;display:flex;align-items:baseline;gap:14px;border-top:1px solid rgba(246,241,222,.2);padding-top:30px}
.bae-tl__days b{font-family:var(--body);font-weight:200;font-size:clamp(72px,8vw,128px);line-height:.9;color:var(--gold)}
.bae-tl__days span{font-size:12px;letter-spacing:.3em;text-transform:uppercase}
.bae .bae-tl__list{position:relative;padding-left:60px;counter-reset:baestep}
.bae-tl__line{position:absolute;left:11px;top:14px;bottom:14px;width:1px;background:rgba(246,241,222,.18)}
.bae-tl__line span{display:block;width:100%;height:100%;background:var(--gold);transform-origin:50% 0;transform:scaleY(0)}
.bae-tl__item{position:relative;counter-increment:baestep;margin:0 0 26px;padding:36px 40px 38px;background:rgba(246,241,222,.035);border:1px solid rgba(246,241,222,.1);opacity:.38;transition:opacity .6s var(--ease),border-color .6s var(--ease),background .6s var(--ease),transform .6s var(--ease)}
.bae-tl__item:last-child{margin-bottom:0}
.bae-tl__item::after{content:counter(baestep,decimal-leading-zero);position:absolute;right:28px;top:10px;font-family:var(--body);font-weight:200;font-size:76px;line-height:1;color:rgba(173,131,48,.22);pointer-events:none}
.bae-tl__item.is-on{opacity:1;border-color:rgba(173,131,48,.55);background:rgba(173,131,48,.08)}
.bae-tl__dot{position:absolute;left:-55px;top:42px;width:13px;height:13px;border-radius:50%;background:var(--ink);border:1px solid rgba(246,241,222,.4);transition:.5s var(--ease)}
.bae-tl__dot::after{content:"";position:absolute;left:100%;top:50%;width:42px;height:1px;background:rgba(246,241,222,.18);transition:background .5s var(--ease)}
.bae-tl__item.is-on .bae-tl__dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 7px rgba(173,131,48,.22)}
.bae-tl__item.is-on .bae-tl__dot::after{background:var(--gold)}
.bae-tl__when{display:inline-block;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-weight:500;padding:6px 14px;border:1px solid rgba(173,131,48,.5)}
.bae-tl__item h3{font-size:clamp(22px,2.4vw,34px);color:#fff;margin-bottom:28px;line-height:1.15;max-width:78%}
.bae-tl__cols{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.bae-tl__cols b{display:block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-weight:500}
.bae-tl__cols ul{border-top:1px solid rgba(246,241,222,.14)}
.bae-tl__cols li{position:relative;padding:11px 0 11px 20px;font-size:13.5px;line-height:1.5;border-bottom:1px solid rgba(246,241,222,.08);color:rgba(246,241,222,.88)}
.bae-tl__cols li::before{content:"";position:absolute;left:0;top:21px;width:8px;height:1px;background:var(--gold)}

/* rails */
.bae-arrows{display:flex;gap:10px}
.bae-arrows button{width:52px;height:52px;border:1px solid var(--ink);font-size:18px;transition:.3s var(--ease)}
.bae-arrows button:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.bae-rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 10px;cursor:grab;-webkit-overflow-scrolling:touch}
.bae-rail::-webkit-scrollbar{display:none}
.bae-rail.is-drag{cursor:grabbing;scroll-snap-type:none}
.bae-rail__track{display:flex;gap:22px;width:max-content;padding:0 max(32px,calc((100vw - 1320px)/2 + 32px))}
.bae-review{width:min(400px,82vw);flex:none;scroll-snap-align:start;background:var(--cream);padding:38px 34px;display:flex;flex-direction:column;gap:18px;transition:transform .5s var(--ease)}
.bae-review:hover{transform:translateY(-8px)}
.bae-review__stars{color:var(--gold);letter-spacing:5px;font-size:14px}
.bae-review h3{font-size:24px;line-height:1.2}
.bae-review p{flex:1;font-size:14.5px;color:rgba(43,43,43,.82)}
.bae-review__who{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--line)}
.bae-review__who img,.bae-review__who i{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.bae-review__who i{display:grid;place-items:center;background:var(--gold);color:#fff;font-style:normal;font-family:var(--body);font-weight:500;font-size:18px}
.bae-review__who b{display:block;font-size:13.5px;font-weight:500}
.bae-review__who span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.bae-pcard{width:min(320px,76vw);flex:none;scroll-snap-align:start;user-select:none}
.bae-pcard__pic{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--cream);margin-bottom:20px}
.bae-pcard__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform 1.4s var(--ease);-webkit-user-drag:none}
.bae-pcard__pic img+img{opacity:0}
.bae-pcard:hover .bae-pcard__pic img+img{opacity:1}
.bae-pcard:hover .bae-pcard__pic img{transform:scale(1.05)}
.bae-pcard h3{font-size:20px;margin-bottom:6px;line-height:1.2}
.bae-pcard p{font-size:14px;margin-bottom:10px}
.bae-pcard s{color:rgba(43,43,43,.5);margin-left:6px}

/* cta */
.bae-cta{position:relative;min-height:560px;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;background:var(--bronze); display: none;}
.bae-cta__bg{position:absolute;inset:-12% 0;will-change:transform}
.bae-cta__bg img{width:100%;height:100%;object-fit:cover}
.bae-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(43,43,43,.5),rgba(43,43,43,.72))}
.bae-cta__in{position:relative;z-index:2;max-width:680px;padding:90px 28px}
.bae-cta .bae-h2{color:#fff;margin:0 0 20px}
.bae-cta p{margin-bottom:34px;color:rgba(255,255,255,.88)}

/* sticky bar */
.bae-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:16px;padding:12px 24px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .5s var(--ease)}
.bae-sticky.is-on{transform:none}
.bae-sticky__img{width:50px;height:50px;overflow:hidden;flex:none;background:var(--cream)}
.bae-sticky__img img{width:100%;height:100%;object-fit:cover}
.bae-sticky__txt{flex:1;min-width:0;line-height:1.3}
.bae-sticky__txt b{display:block;font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bae-sticky__txt span{font-size:13px;color:var(--bronze);font-weight:500}
.bae-sticky .bae-btn{flex:none;min-height:48px;padding:0 30px}
.bae-h1.is-in{
  font-size: 40px!important;
}
/* responsive */
@media(max-width:1100px){
  .bae-benefits{grid-template-columns:repeat(2,1fr)}
  .bae-story__grid,.bae-tl{gap:56px}
  .bae{--h-size:48px}
}
@media(max-width:900px){
  .bae-product{grid-template-columns:1fr;gap:40px}
  .bae-gallery{position:static;grid-template-columns:1fr}
  .bae-gallery__stage{order:1}
  /* thumbs become a horizontal strip under the image */
  .bae-gallery__thumbs-wrap{order:2}
  .bae-gallery__thumbs{position:static;flex-direction:row;overflow-x:auto;overflow-y:hidden}
  .bae-gallery__thumbs-wrap.is-scroll .bae-gallery__thumbs{padding:0 34px}
  .bae-thumb{width:68px}
  .bae .bae-tarrow--prev{left:0;right:auto;top:0;bottom:0;width:28px;height:auto}
  .bae .bae-tarrow--next{left:auto;right:0;top:0;bottom:0;width:28px;height:auto}
  .bae .bae-tarrow--prev span{transform:rotate(135deg);margin:0 0 0 4px}
  .bae .bae-tarrow--next span{transform:rotate(-45deg);margin:0 4px 0 0}
  .bae-story__grid,.bae-tl{grid-template-columns:1fr}
  .bae-story__stage{position:sticky;top:64px;z-index:2;background:var(--white);padding:10px 0}
  .bae-story__frame{aspect-ratio:16/10}
  .bae-story__steps{padding:2vh 0 6vh}
  .bae-step{min-height:44vh}
  .bae-tl__sticky{position:static}
  .bae-blends{grid-template-columns:1fr}
  .bae-sec{padding:84px 0}
  .bae-tl__cols{grid-template-columns:1fr;gap:22px}
  .bae-tl__item{padding:30px 26px 32px}
  .bae-tl__item h3{max-width:100%}
  .bae-h1.is-in{
  font-size: 28px!important;
}
}
@media(max-width:620px){
  .bae{--h-size:38px}
  .bae-wrap{padding:0 20px}
  .bae-benefits{grid-template-columns:1fr}
  .bae-cmp__row{padding:16px 16px;font-size:13px;grid-template-columns:1.3fr .5fr 1.2fr}
  .bae-cmp__row--h{letter-spacing:.12em}
  .bae-head--row{align-items:flex-start;flex-direction:column}
  .bae-buy{gap:8px}
  .bae .bae-buy .bae-btn{padding:0 6px;font-size:10.5px;letter-spacing:.06em;min-height:52px;height:52px}
  .bae .bae-qty{height:48px}
  .bae .bae-tl__list{padding-left:44px}
  .bae-tl__dot{left:-39px}
  .bae-tl__dot::after{width:26px}
  .bae-tl__item::after{font-size:54px;right:18px}
  .bae-sticky{padding:10px 16px}
  .bae-sticky__img{display:none}
  .bae-rail__track{padding:0 20px}
  .bae-badges{padding:44px 0}
  .bae-badges::before{height:50px;margin-top:-25px}
  .bae-badges__band{padding:14px 0}
  .bae-badges__item{margin-left:18px;font-size:11px;letter-spacing:.18em}
}
@media(min-width:901px){.bae-sticky{display:none}}
@media(prefers-reduced-motion:reduce){
  .bae-js [data-reveal]{opacity:1;transform:none;transition:none}
  .bae-marquee__track{animation:none}
  .bae-badges__track{animation:none}
  .bae-badges__group[aria-hidden="true"]{display:none}
  .bae *{scroll-behavior:auto!important}
}
.bae-benefits{gap:24px}
 
.bae-bcard{
  position:relative;overflow:hidden;isolation:isolate;
  border:1px solid transparent;border-radius:30px;padding:34px 30px 42px;
  /* soft cream-white fill + gold gradient border */
  background:
    linear-gradient(160deg,#ffffff 0%,#fbf5e3 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 26px 50px -30px rgba(132,87,9,.5),inset 0 0 0 5px rgba(255,255,255,.7);
}
.bae-bcard > *{position:relative;z-index:2}
 
/* gold glow in the top-right corner */
.bae-bcard::before{
  content:"";position:absolute;z-index:0;top:-70px;right:-70px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,201,125,.5),transparent 70%);
  transition:transform .8s var(--ease);
}
/* gold bar at the bottom that stretches on hover */
.bae-bcard::after{
  content:"";position:absolute;z-index:1;left:30px;bottom:0;height:4px;width:46px;border-radius:4px 4px 0 0;
  background:linear-gradient(90deg,#e8c97d,#ad8330);
  transition:width .6s var(--ease);
}
 
/* number → gold sphere badge */
.bae-bcard__num{
  display:grid;place-items:center;width:54px;height:54px;border-radius:50%;margin-bottom:26px;
  background:radial-gradient(circle at 30% 28%,#e8c97d 0%,#ad8330 55%,#845709 100%);
  color:#fff;font-family:var(--body);font-size:16px;font-weight:500;letter-spacing:.04em;line-height:1;
  box-shadow:0 12px 22px -10px rgba(132,87,9,.85),0 0 0 6px rgba(173,131,48,.14);
  transition:transform .6s var(--ease);
}
.bae-bcard__pic{border-radius:20px}
.bae-bcard h3{font-size:21px;margin-bottom:12px;line-height:1.2}
.bae-bcard p{font-size:14px;color:rgba(43,43,43,.75)}
 
/* every 2nd card is dark charcoal → light / dark rhythm */
.bae-bcard:nth-child(even){
  color:var(--cream);
  background:
    linear-gradient(160deg,#363636 0%,#2b2b2b 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 26px 50px -30px rgba(0,0,0,.6),inset 0 0 0 5px rgba(255,255,255,.04);
}
.bae-bcard:nth-child(even)::before{background:radial-gradient(circle,rgba(232,201,125,.3),transparent 70%)}
.bae-bcard:nth-child(even) h3{color:#fff}
.bae-bcard:nth-child(even) p{color:rgba(246,241,222,.82)}
.bae-bcard:nth-child(even) .bae-bcard__pic{background:rgba(255,255,255,.06)}
 
/* hover (uses `translate`, so it is not blocked by the reveal animation's transform) */
.bae-js .bae-bcard[data-reveal]{
  transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s),translate .5s var(--ease),box-shadow .5s var(--ease);
}
.bae-bcard:hover{
  translate:0 -10px;border-color:transparent;
  box-shadow:0 38px 64px -28px rgba(132,87,9,.65),inset 0 0 0 5px rgba(255,255,255,.7);
}
.bae-bcard:nth-child(even):hover{box-shadow:0 38px 64px -28px rgba(0,0,0,.75),inset 0 0 0 5px rgba(255,255,255,.04)}
.bae-bcard:hover::before{transform:scale(1.4)}
.bae-bcard:hover::after{width:calc(100% - 60px)}
.bae-bcard:hover .bae-bcard__num{transform:rotate(-12deg) scale(1.06)}
 
 
/* ───────── 2 · COMPARISON TABLE ───────── */
.bae-cmp{
  position:relative;overflow:hidden;border:1px solid transparent;border-radius:30px;
  background:
    linear-gradient(170deg,#ffffff 0%,#fdf9ec 100%) padding-box,
    linear-gradient(135deg,#e8c97d 0%,#ad8330 45%,#f3e9cc 100%) border-box;
  box-shadow:0 30px 60px -34px rgba(132,87,9,.55);
}
.bae-cmp__row{
  position:relative;grid-template-columns:1.5fr .7fr 1.3fr;padding:20px 34px;
  border-bottom:1px solid rgba(173,131,48,.18);font-weight:500;
  transition:background .35s var(--ease);
}
/* zebra rows (row 1 is the header) */
.bae-cmp__row:not(.bae-cmp__row--h):nth-child(even){background:rgba(246,241,222,.6)}
.bae-cmp__row:not(.bae-cmp__row--h):hover{background:rgba(173,131,48,.1)}
/* gold marker on the left when hovering a row */
.bae-cmp__row:not(.bae-cmp__row--h)::before{
  content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#e8c97d,#ad8330);transform:scaleY(0);transition:transform .4s var(--ease);
}
.bae-cmp__row:not(.bae-cmp__row--h):hover::before{transform:scaleY(1)}
 
/* header row */
.bae-cmp__row--h{
  padding:22px 34px;border-bottom:0;
  background:linear-gradient(135deg,#2b2b2b 0%,#3d3d3d 100%);
}
.bae-cmp__row--h span:nth-child(2){color:#e8c97d}
.bae-cmp__row--h span:nth-child(2)::before{content:"\2726";margin-right:8px;font-size:9px;vertical-align:middle}
 
/* BAE column → gold sphere with a check */
.bae-cmp__yes{
  justify-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:radial-gradient(circle at 30% 28%,#e8c97d 0%,#ad8330 55%,#845709 100%);
  color:#fff;font-size:15px;line-height:1;
  box-shadow:0 10px 18px -8px rgba(132,87,9,.8),0 0 0 5px rgba(173,131,48,.14);
}
/* typical products → muted ✕ */
.bae-cmp__no{display:flex;align-items:center;gap:10px;color:rgba(43,43,43,.6);font-size:13px;font-weight:400}
.bae-cmp__no::before{
  content:"\2715";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;
  background:rgba(43,43,43,.07);color:rgba(43,43,43,.45);font-size:10px;line-height:1;
}
 
/* responsive */
@media(max-width:620px){
  .bae-bcard{padding:30px 24px 38px;border-radius:26px}
  .bae-cmp{border-radius:24px}
  .bae-cmp__row{grid-template-columns:1.3fr .55fr 1.2fr;padding:16px 18px;font-size:13px}
  .bae-cmp__row--h{padding:18px;letter-spacing:.12em}
  .bae-cmp__row--h span:nth-child(2)::before{display:none}
  .bae-cmp__yes{width:28px;height:28px;font-size:13px}
  .bae-cmp__no::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .bae-bcard,.bae-bcard::before,.bae-bcard::after,.bae-bcard__num,.bae-cmp__row,.bae-cmp__row::before{transition:none!important}
  .bae-bcard:hover{translate:none}
}
/* END_SECTION:multivitamin */