/* hero v3: full-length studio photo with the headline set on the backdrop, then price + one button */
.hero{grid-template-areas:"copy img" "buy img";grid-template-rows:auto 1fr;row-gap:24px;align-items:start}
.hero-copy{grid-area:copy;align-self:end}
.hero-copy .eyebrow{margin-bottom:10px}
.hero-img{grid-area:img;aspect-ratio:4/5;position:relative;container-type:inline-size}
.hero-buy{grid-area:buy}
.hero p.lede{margin-bottom:0}
/* Headline on the photo: top line in the empty backdrop left of her shoulders,
   the punchline bottom right beside the wide leg. Sized to the photo's width. */
.hero .hero-img h1{position:absolute;inset:0;margin:0;pointer-events:none;color:var(--ink);font-size:clamp(24px,7.6cqw,52px);line-height:1.02;letter-spacing:-.01em;text-shadow:0 1px 18px rgba(247,243,238,.55)}
.hero-img h1 .t1{position:absolute;left:4.5%;top:7%;width:29%}
.hero-img h1 .t2{position:absolute;right:5%;bottom:10%;width:30%;text-align:right}
.hero-price{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px}
.hero-price b{font-size:28px;font-weight:700;color:var(--ink)}
.hero-deal{background:var(--sand);color:var(--indigo);font-weight:600;font-size:14px;padding:7px 12px;border-radius:999px}
.hero-buy .btn{max-width:420px}
.hero-tip{font-size:14.5px;color:var(--muted);margin-top:12px;max-width:32em}
.hero-tip b{color:var(--ink)}
@media (max-width:860px){
  .hero{grid-template-areas:"img" "buy";grid-template-rows:none;row-gap:10px;padding-block:0 32px}
  .hero-copy{display:none}
  .hero-img{order:0;margin-inline:calc(-1 * var(--gutter));border-radius:0}
  .hero-price{margin-bottom:10px}
  .hero-buy .btn{max-width:none}
  .hero .trust{margin-top:12px;font-size:13px;gap:6px 14px}
  .hide-sm{display:none}
  .announce{font-size:12.5px;padding-block:8px}
}
/* Brand blue with the warm cream glow from the signup card, used across the site */
:root{--blue-grad:linear-gradient(135deg,#2b3a67 0%,#3b4f86 100%);--cream-glow:rgba(201,162,122,.6)}
.btn:not(.light){background:radial-gradient(90% 190% at 100% -10%,rgba(222,186,146,.75),transparent 62%),linear-gradient(115deg,#2b3a67 0%,#34477c 48%,#7e7389 82%,#a48c80 100%);box-shadow:0 8px 22px -10px rgba(43,58,103,.6);text-shadow:0 1px 2px rgba(31,43,79,.35)}
.btn:not(.light):hover{background:radial-gradient(110% 220% at 100% -10%,rgba(228,194,154,.88),transparent 66%),linear-gradient(115deg,#2b3a67 0%,#34477c 42%,#857789 78%,#ae9483 100%)}
.announce{background:radial-gradient(60% 260% at 50% -60%,rgba(201,162,122,.42),transparent 70%),var(--blue-grad)}
.guarantee{position:relative;overflow:hidden;background:radial-gradient(520px 420px at 92% -8%,var(--cream-glow),transparent 70%),radial-gradient(420px 360px at -6% 112%,rgba(201,162,122,.22),transparent 70%),var(--blue-grad)}
.guarantee .btn.light{box-shadow:0 8px 24px -10px rgba(0,0,0,.4)}
.cmp thead th.us{background:radial-gradient(120% 180% at 90% -40%,var(--cream-glow),transparent 60%),var(--blue-grad)}
.tier .badge,.bag-count,.benefits .ic,.size[aria-pressed="true"]{background:radial-gradient(120% 140% at 85% -20%,rgba(201,162,122,.45),transparent 60%),var(--blue-grad)}
.bar i{background:linear-gradient(90deg,#2b3a67,#3b4f86 70%,#c9a27a)}
/* $10 offer in cream so it stands out against the blue buttons and bars */
.welcome-tab{background:linear-gradient(135deg,#f6e8d6 0%,#ecd3b4 100%);color:var(--ink);border:1px solid rgba(201,162,122,.55);box-shadow:0 10px 28px -10px rgba(29,36,51,.45)}
.welcome-tab .open i{background:var(--blue-grad);color:#fff}
.welcome-tab .close{opacity:.6}
.welcome-card .top{background:radial-gradient(240px 200px at 100% 0%,rgba(255,255,255,.55),transparent 70%),linear-gradient(135deg,#f6e8d6 0%,#ecd3b4 100%);color:var(--ink)}
.welcome-card .top::after{display:none}
.welcome-card .top .eyebrow{color:#9a6f45}
.welcome-card .top h3 em{color:var(--indigo)}
.welcome-card .x{color:var(--ink)}
.welcome-card{background:#fbf2e6;border:1px solid rgba(201,162,122,.45)}
/* Bag: shapewear add-ons */
.xline img{object-fit:cover;background:#f3ebe0}
.upsell{margin-top:18px;border-radius:16px;padding:14px 14px 6px;background:linear-gradient(135deg,#fbf2e6 0%,#f3e2cc 100%);border:1px solid rgba(201,162,122,.45)}
.up-h{font:600 15px Inter,sans-serif;margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.up-h span{font-weight:500;font-size:12px;color:#9a6f45}
.up{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:10px 0;border-top:1px solid rgba(201,162,122,.35)}
.up img{width:76px;height:76px;object-fit:cover;border-radius:12px;background:#f7f3ee}
.up .nm{font-weight:600;font-size:14.5px}
.up .nm b{margin-left:4px}
.up .nm s{color:var(--muted);font-weight:400;font-size:13px;margin-left:4px}
.up .nm em{font-style:normal;font-weight:600;font-size:12px;color:var(--good);margin-left:4px}
.up .meta{font-size:12.5px;color:var(--muted);margin:2px 0 8px}
.up-o{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.up-c{display:flex;gap:4px}
.up-c button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 9px;font:600 12px Inter,sans-serif;color:var(--ink);cursor:pointer}
.up-c button[aria-checked="true"]{border-color:var(--indigo);box-shadow:0 0 0 1px var(--indigo)}
.up-c .dot{width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.15)}
.up-c .dot.nude{background:#e3bf9a}.up-c .dot.black{background:#1b1b1d}
.up-o select{font:600 12.5px Inter,sans-serif;border:1px solid var(--line);border-radius:8px;padding:5px 6px;background:#fff;color:var(--ink)}
.up-add{margin-left:auto;border:0;border-radius:999px;padding:7px 16px;font:600 12.5px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#fff;cursor:pointer;background:radial-gradient(90% 190% at 100% -10%,rgba(222,186,146,.75),transparent 62%),linear-gradient(115deg,#2b3a67 0%,#34477c 55%,#7e7389 100%)}
/* Shapewear product pages */
.sw .sw-h1{font-size:clamp(32px,4.4vw,48px);margin-bottom:10px}
.sw .eyebrow{margin-bottom:8px}
.sw .gallery-main img{aspect-ratio:4/5;object-fit:cover;background:#f3ebe0}
.price-row .was{color:var(--muted);font-size:18px;margin-left:-4px}
.set{margin-top:18px;border-radius:16px;padding:12px 14px;background:linear-gradient(135deg,#fbf2e6 0%,#f3e2cc 100%);border:1px solid rgba(201,162,122,.45)}
.set-top{display:grid;grid-template-columns:auto 56px 1fr;gap:12px;align-items:center;cursor:pointer}
.set-top input{width:20px;height:20px;accent-color:#2b3a67}
.set-top img{width:56px;height:56px;border-radius:10px;object-fit:cover;background:#f7f3ee}
.set-txt b{display:block;font-size:14.5px}
.set-txt span{font-size:13px;color:var(--good);font-weight:600}
.set-txt s{color:var(--muted);font-weight:400}
.set-o{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;padding-left:32px}
.set-o select{font:600 12.5px Inter,sans-serif;border:1px solid var(--line);border-radius:8px;padding:5px 6px;background:#fff;color:var(--ink)}
.set-o .up-c button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 9px;font:600 12px Inter,sans-serif;color:var(--ink);cursor:pointer}
.set-o .up-c button[aria-checked="true"]{border-color:var(--indigo);box-shadow:0 0 0 1px var(--indigo)}
.set-note{font-size:13px;color:var(--muted);margin:8px 0 14px}
.sw-jeans{padding-block:24px 64px}
.sw-jeans-card{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;border-radius:24px;overflow:hidden;padding:32px;color:#fff;background:radial-gradient(420px 320px at 95% -10%,var(--cream-glow),transparent 70%),var(--blue-grad)}
.sw-jeans-card h2{font-size:clamp(28px,3.6vw,42px);margin-bottom:8px}
.sw-jeans-card p{opacity:.88;margin-bottom:18px;max-width:30em}
.sw-jeans-card .eyebrow{color:#e7cfb3}
.sw-jeans-card .btn{background:#fff;color:var(--indigo);text-shadow:none}
.sw-jeans-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;background:#e9e2d8}
@media (max-width:860px){.sw-jeans-card{grid-template-columns:1fr;padding:24px 20px}.sw-jeans-card img{max-height:360px}}
/* Our story */
.story{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:72px}
.story-imgs{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:28px;align-items:end}
.story-imgs img{width:100%;height:auto;min-width:0;object-fit:cover;border-radius:14px;background:#e9e2d8;box-shadow:0 18px 40px -24px rgba(29,36,51,.35)}
.story-imgs .s-small{aspect-ratio:3/4;margin-bottom:-40px}
.story-imgs .s-big{aspect-ratio:1/1;align-self:start}
.story-copy h2{font-family:Fraunces,serif;font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(26px,3vw,34px);margin-bottom:18px}
.story-copy p{font-size:17px;line-height:1.7;color:#4a5160;margin-bottom:14px;max-width:32em}
.story-copy .sig{font:400 46px/1 Allura,cursive;color:var(--ink);margin:18px 0 26px;letter-spacing:0}
@media (max-width:860px){
  .story{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:48px}
  .story-imgs{gap:14px}
  .story-imgs .s-small{margin-bottom:-24px}
  .story-copy{padding-top:16px}
  .story-copy p{font-size:16px}
  .story-copy .sig{font-size:40px;margin:12px 0 20px}
}
/* Product buttons under the header (all three pages) */
.pnav{display:flex;gap:8px;padding-block:0 10px;overflow-x:auto;scrollbar-width:none}
.pnav::-webkit-scrollbar{display:none}
.pnav a{flex:0 0 auto;padding:7px 14px;border-radius:999px;border:1px solid rgba(201,162,122,.55);background:linear-gradient(135deg,#fbf2e6 0%,#f3e2cc 100%);color:var(--ink);font:600 13px/1.2 Inter,sans-serif;text-decoration:none;white-space:nowrap}
.pnav a:hover{border-color:#c9a27a}
.pnav a[aria-current="page"]{color:#fff;border-color:transparent;background:radial-gradient(120% 140% at 85% -20%,rgba(201,162,122,.45),transparent 60%),var(--blue-grad)}
@media (max-width:860px){.pnav{gap:6px;padding-block:0 8px}.pnav a{flex:1 1 0;min-width:0;text-align:center;padding:7px 4px;font-size:12px}}
@media (max-width:380px){.pnav .pw{display:none}}