@font-face {
  font-family: "HB Fraunces";
  src: url("../fonts/Fraunces-VF.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --hb-wine: #4b1425;
  --hb-paper: #fbf2e5;
  --hb-display: "HB Fraunces", Georgia, serif;
}
.announcement-bar { background:var(--hb-wine); }
.announcement-bar .dot { color:#f2bdc5; }
.site-header .search-form { background:#f9f1ed; border-color:#e8d7d0; }
.site-header .search-form button,
.site-header .header-cart .btn-cart { background:var(--hb-wine); box-shadow:none; }
.site-header .search-form button:hover { background:#721d39; }
.site-header .header-mobile .btn-cart { color:var(--hb-wine); background:#f4e7e5; }
body .site-footer { background:var(--hb-wine); }

.hb-refresh .hero-slider--atelier .hero-slides {
  display:grid;
  min-height:0;
  height:auto;
  aspect-ratio:auto;
  border-radius:4px;
  background:var(--hb-wine);
}
.hb-refresh .hero-slider--atelier .hero-slide.hero-slide--atelier {
  position:relative;
  inset:auto;
  grid-area:1/1;
  display:grid;
  grid-template-columns:44% 56%;
  min-height:clamp(400px, 38vw, 540px);
  background:var(--hb-wine);
  color:var(--hb-paper);
}
.hb-refresh .hero-slider--atelier .hero-slide.hero-slide--atelier:nth-child(even) {
  background:#f3e1c3;
  color:var(--hb-wine);
}
.hb-refresh .hero-slider--atelier .hero-slide--atelier.hero-slide picture {
  grid-area:1/2;
  position:relative;
  inset:auto;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
}
.hb-refresh .hero-slider--atelier .hero-slide--atelier.hero-slide img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy {
  grid-area:1/1;
  position:static;
  width:auto;
  max-width:none;
  height:auto;
  padding:clamp(28px, 4vw, 64px);
  color:inherit;
  gap:0;
  background:none;
}
.hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy .eyebrow {
  width:100%;
  border-top:1px solid currentColor;
  padding-top:13px;
  margin:0 0 24px;
  color:inherit;
  font-size:10px;
  letter-spacing:.18em;
}
.hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy :is(h1,h2) {
  margin:0 0 18px;
  color:inherit;
  font:520 clamp(42px, 4.8vw, 77px)/.99 var(--hb-display);
  letter-spacing:-.045em;
  white-space:pre-line;
  text-wrap:balance;
}
.hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy p {
  color:inherit;
  max-width:36ch;
  opacity:.9;
  margin:0 0 24px;
}
.hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy .btn-primary {
  border:1px solid var(--hb-paper);
  background:var(--hb-paper);
  color:var(--hb-wine);
  border-radius:2px;
  box-shadow:none;
}
.hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy .btn-primary:hover { background:#f2dbc6; }
.hb-refresh .hero-slider--atelier .hero-slide--atelier:nth-child(even) .btn-primary {
  border-color:var(--hb-wine);
  background:var(--hb-wine);
  color:var(--hb-paper);
}
.hb-refresh .hero-slider--atelier .hero-slide--atelier:nth-child(even) .btn-primary:hover { background:#721d39; }
.hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy :focus-visible { outline-color:currentColor; }
.hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy .btn:focus-visible { outline-color:#d88b9e; }
.hb-refresh .hero-slider--atelier .hero-slide--atelier .hb-hero-delivery { color:inherit; text-underline-offset:4px; }
.hb-refresh .hero-slider--atelier .hero-slider-footer {
  justify-content:space-between;
  border-bottom:1px solid #e6d5ce;
  padding-inline-end:max(0px, calc(56% - 93px));
}
.hb-atelier-index { color:var(--hb-wine); font-size:10px; font-weight:700; letter-spacing:.17em; }
.hb-refresh .hero-slider--atelier .hero-slider-nav { margin:0; }
.hb-refresh .hero-slider--atelier .hero-slider-nav .icon-btn { color:var(--hb-wine); }
.hb-refresh .hero-slider--atelier .hero-dots button[aria-current="true"]::before { background:var(--hb-wine); }

.hb-refresh .banner-collections--atelier { padding-top:40px; padding-bottom:28px; }
.hb-refresh .banner-collections--atelier .banner-collections-heading { align-items:end; gap:20px; }
.hb-refresh .banner-collections--atelier .banner-collections-heading h2 {
  color:var(--hb-wine);
  font:500 clamp(32px, 4.3vw, 56px)/1.05 var(--hb-display);
  letter-spacing:-.04em;
}
.hb-refresh .banner-collections--atelier .banner-collections-heading small {
  display:block;
  margin:0 0 9px;
  color:var(--hb-wine);
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
}
.hb-refresh .banner-collections--atelier .promo-tile--atelier {
  display:grid;
  grid-template-rows:auto 1fr;
  min-height:0;
  background:#f5e3e1;
  color:var(--hb-wine);
  border-radius:3px;
}
.hb-refresh .banner-collections--atelier .promo-tile--atelier:nth-child(2) { background:#eeebe1; }
.hb-refresh .banner-collections--atelier .promo-tile--atelier:nth-child(3) { background:#e6e8da; }
.hb-refresh .banner-collections--atelier .promo-tile--atelier picture {
  position:relative;
  inset:auto;
  z-index:auto;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  overflow:hidden;
}
.hb-refresh .banner-collections--atelier .promo-tile--atelier img { object-fit:cover; mix-blend-mode:normal; }
.hb-refresh .banner-collections--atelier .promo-tile--atelier .promo-copy {
  position:relative;
  inset:auto;
  width:100%;
  min-height:0;
  padding:20px 24px 22px;
  color:inherit;
}
.hb-refresh .banner-collections--atelier .promo-tile--atelier .promo-copy small { color:inherit; margin-bottom:8px; }
.hb-refresh .banner-collections--atelier .promo-tile--atelier .promo-copy strong {
  color:inherit;
  font:520 clamp(26px, 3vw, 40px)/1.05 var(--hb-display);
  letter-spacing:-.035em;
}
.hb-refresh .banner-collections--atelier .promo-tile--atelier .promo-btn {
  color:inherit;
  border-color:currentColor;
  margin-top:14px;
}
@media (max-width:899px) {
  .hb-refresh .hero-slider--atelier .hero-slide.hero-slide--atelier { grid-template-columns:minmax(0,1fr); min-height:0; }
  .hb-refresh .hero-slider--atelier .hero-slide--atelier.hero-slide picture { grid-area:1/1; aspect-ratio:18/11; }
  .hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy { grid-area:2/1; padding:22px 24px 18px; }
  .hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy .eyebrow { margin-bottom:16px; padding-top:9px; }
  .hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy :is(h1,h2) {
    font-size:clamp(38px, 7.4vw, 62px);
    margin-bottom:13px;
  }
  .hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy p { margin-bottom:16px; }
  .hb-refresh .hero-slider--atelier .hero-slider-footer { justify-content:flex-start; gap:12px; padding-inline-end:0; }
  .hb-refresh .hero-slider--atelier .hero-slider-nav { width:auto; order:-1; }
  .hb-atelier-index { font-size:8px; }
  .hb-refresh .banner-collections--atelier { padding-top:28px; padding-bottom:16px; }
  .hb-refresh .banner-collections--atelier .promo-tile--atelier { flex-basis:82%; }
  .hb-refresh .banner-collections--atelier .promo-tile--atelier picture { aspect-ratio:15/13; }
  .hb-refresh .banner-collections--atelier .promo-tile--atelier .promo-copy { padding:16px 18px 18px; }
}
@media (max-width:359px) {
  .hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy { padding-inline:16px; }
  .hb-refresh .hero-slider--atelier .hero-slide--atelier .hero-slide-copy :is(h1,h2) { font-size:35px; }
  .hb-atelier-index { letter-spacing:.08em; }
}