/* The first frame uses the same sunlight and shore palette as the product film. */
.announcement {
  min-height:32px;
  padding:8px 16px 7px;
  background:#332529;
  color:#f8eee3;
  font-size:10px;
  font-weight:600;
  letter-spacing:.065em;
}
.site-header {
  grid-template-columns:minmax(218px,.72fr) minmax(370px,1.28fr) auto;
  column-gap:clamp(18px,3vw,52px);
  min-height:84px;
  padding:11px 5.5%;
  background:#fbf7ef;
  border-bottom:1px solid #d7c8b6;
}
.site-header .wordmark {
  grid-column:1;
  grid-row:1;
  justify-self:start;
  min-width:0;
  text-align:left;
}
.site-header .wordmark .wp-block-site-title {
  font-size:clamp(34px,3vw,43px);
  line-height:.78;
  letter-spacing:.015em;
}
.site-header .wordmark .brand-sub {
  margin-top:10px;
  padding-left:3px;
  font-size:7px;
  letter-spacing:.49em;
  color:#8c724e;
}
.site-header .wp-block-navigation {
  grid-column:2;
  grid-row:1;
  justify-self:center;
  font-size:12px;
  font-weight:600;
  letter-spacing:.012em;
}
.site-header .wp-block-navigation__container {gap:clamp(22px,2.5vw,39px)}
.site-header .wp-block-navigation__container>.wp-block-navigation-item:first-child .wp-block-navigation-item__content {
  position:relative;
  color:#604936;
}
.site-header .wp-block-navigation__container>.wp-block-navigation-item:first-child .wp-block-navigation-item__content::after {
  content:'';
  position:absolute;
  height:1px;
  left:0;
  right:0;
  bottom:-7px;
  background:#ac8451;
  transform-origin:left;
  transform:scaleX(.36);
  transition:transform .22s ease;
}
.site-header .wp-block-navigation__container>.wp-block-navigation-item:first-child .wp-block-navigation-item__content:hover::after,
.site-header .wp-block-navigation__container>.wp-block-navigation-item:first-child .wp-block-navigation-item__content:focus-visible::after {transform:scaleX(1)}
.site-header>.wp-block-shortcode {grid-column:3;grid-row:1;justify-self:end}
.site-header .header-tools {gap:clamp(18px,2.1vw,32px);font-size:12px}
.site-header .header-tools a {min-height:44px;display:inline-flex;align-items:center}
.site-header .bag-link {gap:9px}
.site-header .bag-link svg {transition:transform .22s ease}
.site-header .bag-link:hover svg {transform:translateY(-2px)}

body.home .hero-grid {
  height:clamp(570px,calc(100svh - 166px),760px);
  min-height:0;
  max-height:none;
  isolation:isolate;
  overflow:hidden;
  border:0;
  background:#ead7bc url('product-atmosphere-v7.webp') center 43%/cover no-repeat;
}
body.home .hero-grid::before {
  content:'';
  display:block;
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(90deg,#f9eeddf0 0%,#f9eedde9 31%,#f9eedea9 52%,#f5e6d257 71%,#f5e6d231 100%);
  pointer-events:none;
}
body.home .hero-grid::after {
  content:'';
  position:absolute;
  z-index:4;
  bottom:0;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,#967248,#d8b47c 47%,#eee0c3 100%);
  box-shadow:0 -2px 14px #e8d2aa5c;
  pointer-events:none;
}
body.home .hero-copy {
  width:53%;
  height:100%;
  min-height:0;
  z-index:2;
  padding:50px 0 57px 7.2%;
  justify-content:center;
  color:#30252a;
}
body.home .hero-copy .eyebrow {
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:27px;
  color:#6d4c32;
  font-size:10px;
  letter-spacing:.21em;
}
body.home .hero-copy .eyebrow::before {
  content:'';
  width:22px;
  height:1px;
  background:#9f7142;
  flex:none;
}
body.home .hero-copy h1 {
  max-width:650px;
  margin-bottom:25px;
  font-size:clamp(70px,6.3vw,108px);
  line-height:.83;
  letter-spacing:-.065em;
  color:#302529;
}
body.home .hero-copy h1 em {color:#976b4a;white-space:nowrap}
body.home .hero-copy .hero-intro {
  max-width:405px;
  margin-bottom:20px;
  font-size:clamp(15px,1.2vw,17px);
  line-height:1.64;
  color:#493e39;
}
body.home .hero-copy .product-line {
  margin-bottom:23px;
  font-size:10px;
  letter-spacing:.17em;
  color:#775c45;
}
body.home .hero-copy .purchase-link {gap:22px;align-items:center}
body.home .hero-copy .sc-button {
  min-width:223px;
  min-height:56px;
  padding:15px 22px;
  background:#34262c;
  border-color:#34262c;
  color:#fff9ef;
  font-size:13px;
  font-weight:700;
  letter-spacing:.005em;
  box-shadow:0 12px 25px #3323291d;
}
body.home .hero-copy .sc-button:hover,
body.home .hero-copy .sc-button:focus-visible {background:#67463b;border-color:#67463b;color:#fff9ef}
body.home .hero-copy .purchase-price {
  font-size:23px;
  font-weight:700;
  color:#34262c;
  letter-spacing:-.025em;
}
body.home .hero-copy .small-note {
  margin-top:15px!important;
  font-size:11px;
  font-weight:600;
  color:#4c3d34;
}
body.home .hero-visual {
  z-index:1;
  width:55%;
  height:100%;
  background:#fff;
  overflow:hidden;
  border-left:1px solid #d5b992;
  pointer-events:none;
}
body.home .hero-visual::before {
  display:none;
}
body.home .hero-visual .wp-block-image {
  position:relative;
  z-index:1;
  width:100%;
  max-width:none;
  mix-blend-mode:normal;
}
body.home .hero-visual img {
  display:block;
  width:100%;
  height:min(690px,84svh);
  max-height:91%;
  object-fit:contain;
  object-position:center;
  transform:translateX(1%) scale(1.03);
  mix-blend-mode:normal;
  filter:none;
}
body.home .hero-index {
  z-index:2;
  top:34px;
  right:7%;
  color:#694b39;
  font-size:10px;
  letter-spacing:.2em;
}
body.home .hero-visual .hero-caption {
  z-index:2;
  right:7%;
  bottom:23px;
  color:#715946;
  font-size:9px;
  letter-spacing:.19em;
}

@media (min-width:782px) and (max-width:1150px) {
  .site-header {padding-inline:4%;grid-template-columns:minmax(184px,.65fr) minmax(320px,1fr) auto;column-gap:16px}
  .site-header .wordmark .wp-block-site-title {font-size:36px}
  .site-header .wp-block-navigation {font-size:11px}
  .site-header .wp-block-navigation__container {gap:17px}
  .site-header .header-tools {gap:14px;font-size:11px}
  body.home .hero-copy {width:54%;padding-left:6%}
  body.home .hero-copy h1 {font-size:clamp(65px,6.3vw,81px)}
  body.home .hero-copy .hero-intro,
  body.home .hero-copy .small-note {max-width:calc(45vw - 100px)}
  body.home .hero-visual {width:57%}
}
@media (min-width:782px) and (max-width:920px) {
  body.home .hero-copy .hero-intro {font-size:13px;line-height:1.58}
  body.home .hero-copy .purchase-link {flex-direction:column;align-items:flex-start;gap:6px}
  body.home .hero-copy .purchase-price {order:-1;font-size:21px}
  body.home .hero-copy .sc-button {min-height:49px}
}
@media (min-width:782px) and (max-height:760px) {
  body.home .hero-grid {height:clamp(570px,calc(100svh - 166px),680px)}
  body.home .hero-copy h1 {font-size:clamp(62px,5.6vw,84px);margin-bottom:18px}
  body.home .hero-copy .eyebrow {margin-bottom:19px}
  body.home .hero-copy .hero-intro {margin-bottom:13px;font-size:14px}
  body.home .hero-copy .product-line {margin-bottom:16px}
  body.home .hero-visual img {height:min(590px,82svh)}
}
@media (max-width:781px) {
  body .wp-block-navigation__responsive-container.is-menu-open {
    padding:26px 7%!important;
    background:#fbf7ef!important;
    border-top:4px solid #ad8250;
  }
  body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top:clamp(64px,11vh,110px)!important;
  }
  body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {gap:0;align-items:flex-start}
  body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    width:100%;
    padding:11px 0 14px;
    border-bottom:1px solid #dccbb6;
  }
  body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    font-family:'Cormorant Garamond',Georgia,serif;
    font-size:clamp(31px,8vw,39px);
    line-height:1.05;
    color:#34262c;
  }
  body .wp-block-navigation__responsive-container.is-menu-open .chrome-mobile-link {padding-block:12px}
  body .wp-block-navigation__responsive-container.is-menu-open .chrome-mobile-link .wp-block-navigation-item__content {
    font-family:Manrope,Arial,sans-serif;
    font-size:15px;
    font-weight:600;
  }
  body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
    top:22px;
    right:7%;
  }
  .site-header {grid-template-columns:44px minmax(0,1fr) 44px;min-height:72px;padding:11px 4%;gap:0}
  .site-header .wp-block-navigation {grid-column:1;grid-row:1;justify-self:start}
  .site-header .wordmark {grid-column:2;grid-row:1;justify-self:center;text-align:center}
  .site-header .wordmark .wp-block-site-title {font-size:clamp(29px,7vw,36px)}
  .site-header .wordmark .brand-sub {font-size:7px;letter-spacing:.38em;padding-left:0;margin-top:8px}
  .site-header>.wp-block-shortcode {grid-column:3;grid-row:1;justify-self:end}
  .site-header .header-tools .account-link {display:none}
  .site-header .bag-link {min-width:44px;min-height:44px}
  body.home .hero-grid {height:auto;min-height:0;max-height:none;background:#f3e4cc url('product-atmosphere-v7.webp') center/cover no-repeat}
  body.home .hero-grid::before {background:linear-gradient(180deg,#f8eddae8 0%,#f8eddae8 50%,#f9ecd2b4 76%,#f5e5cab3 100%)}
  body.home .hero-copy {width:100%;height:auto;min-height:0;padding:37px 7% 15px}
  body.home .hero-copy .eyebrow {margin-bottom:18px;font-size:9px;gap:9px}
  body.home .hero-copy .eyebrow::before {width:17px}
  body.home .hero-copy h1 {max-width:390px;margin-bottom:16px;font-size:clamp(49px,12.5vw,68px);line-height:.89}
  body.home .hero-copy .hero-intro {max-width:390px;margin-bottom:12px;font-size:13px;line-height:1.55}
  body.home .hero-copy .product-line {margin-bottom:16px;font-size:9px}
  body.home .hero-copy .purchase-link {gap:14px}
  body.home .hero-copy .sc-button {min-width:0;min-height:47px;padding:12px 15px;font-size:12px;gap:16px}
  body.home .hero-copy .purchase-price {font-size:18px}
  body.home .hero-copy .small-note {margin-top:10px!important;font-size:10px}
  body.home .hero-visual {position:relative;width:100%;height:305px;min-height:0;background:#fff;border-left:0;border-top:1px solid #d5b992;overflow:hidden}
  body.home .hero-visual .wp-block-image {width:100%}
  body.home .hero-visual img {width:100%;height:310px;max-height:none;transform:translateY(-8px) scale(1.03)}
  body.home .hero-index {top:11px;right:7%;font-size:8px}
  body.home .hero-visual .hero-caption {right:7%;bottom:5px;font-size:7px}
}
@media (max-width:359px) {
  body.home .hero-copy h1 {font-size:46px}
  body.home .hero-copy .purchase-price {font-size:16px}
  body.home .hero-visual {height:275px}
  body.home .hero-visual img {height:280px}
}
@media (prefers-reduced-motion:reduce) {
  .site-header .wp-block-navigation__container>.wp-block-navigation-item:first-child .wp-block-navigation-item__content::after,
  .site-header .bag-link svg {transition:none}
}