/** Shopify CDN: Minification failed

Line 59:1 Expected identifier but found whitespace
Line 1960:2 "colo" is not a known CSS property
Line 2589:1 Unexpected "{"

**/
:root {
   --font-body--family: "Neue Haas Display Medium", sans-serif;
   --font-accent--family: "Neue Haas Display Roman";
   --font-heading--family: 'STIX Two Text', sans-serif;
   --font-subheading--family: "Neue Haas Display Medium", sans-serif;
   --font-heading--weight: 400;
       --wide-page-width: 100% !important;
       --button-font-family-secondary: "Neue Haas Display Medium", sans-serif;
       --button-font-family-primary: "Neue Haas Display Medium", sans-serif;
       --body-letter-spacing: 0.00469rem;
           --letter-spacing--body-loose: 0.02em;
--grey: #858487;
--letter-spacing--heading-tight: -0.00338rem;
--max-width--body-normal: 53ch;
--max-width--heading-normal: 53ch;
--cream: #F4EFE7;
--black: #191819;
--red: #C42A2F;
--opacity-subdued-text: 0.5;

}

@media screen and (max-width: 749px) {
  :root {
        --max-width--body-normal: 100%;
  }
}

/*temp code */
/*
.template-index .reveal-fade{
opacity: 1 !important;
}
*/


.template-index .announcement-bar.section.color-scheme-1 {
background-color: transparent !important;
    color: rgb(var(--menu-top-level-font-color-rgb) / 1);
        --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
            --color-foreground-rgb: 244 239 231;
                border-block-end: var(--border-bottom-width) solid var(--color-foreground-rgb);
        border-block-end: var(--border-bottom-width) solid var(--color-border);
        --color-border: rgb(244 239 231 / 1);
}


.template-index .shopify-section-group-header-group:has(.announcement-bar) .section-background {
background-color: transparent ;
}

.
.template-index .announcement-bar {

            
}


@media screen and (min-width: 750px) {
    .product-information__grid:not( .product-information__grid--half, :has(.product-information__media:empty) ).product-information--media-left {
        grid-template-columns: 7fr 5fr;
    }
    .product-information__grid .product-details {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
    }
    .product-information__grid .product-details>div {
          grid-column: 2 / span 3;
    }
}

@font-face {
    font-family: 'STIX Two Text';
    src: url('/cdn/shop/files/STIXTwoText-Italic.woff2?v=1759459911') format('woff2'),
        url('/cdn/shop/files/STIXTwoText-Italic.woff?v=1759459911') format('woff'),
        url('/cdn/shop/files/STIXTwoText-Italic.ttf?v=1759459979') format('ttf');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Display Medium';
    src: url('/cdn/shop/files/neuehaasdisplaymediu-webfont.woff?v=1760804083') format('woff'),
        url('/cdn/shop/files/neuehaasdisplaymediu-webfont.woff2?v=1760804083') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Display Roman';
    src: url('/cdn/shop/files/neuehaasdisplayroman-webfont.woff?v=1760804083') format('woff'),
        url('/cdn/shop/files/neuehaasdisplayroman-webfont.woff2?v=1760804083') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


h1 {
  font-family: 'STIX Two Text';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
}
.product-information__grid h1 {
    letter-spacing: 0.01875rem;
}

.popup-link button {

font-style: normal;
font-weight: 500;
line-height: 130%;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

h2 strong {
  font-family: 'Neue Haas Display Medium';
  font-weight: 600;
  font-size: var(--font-h2--size);
  --font-h2--size: var(--font-size--h2);
  --font-size--h2: 0.9375rem;
  font-style: normal;
}

h2 em{
  font-style: italic;
}
h2 {
  font-style: italic;
}


body, .paragraph:not(.button), .paragraph>*,
button {
    font-family: var(--font-paragraph--family);
    --font-paragraph--family: var(--font-body--family);
--font-body--family: "Neue Haas Display Medium", sans-serif;
letter-spacing: var(--body-letter-spacing);
}

body em,
.paragraph:not(.button) em {
    font-family: 'STIX Two Text';
}

.popup-link button{
font-family: var(--font-accent--family);
font-size: 0.8125rem;
text-decoration: underline;
}

.popup-link__button>svg{
display: none !important;
}


input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: transparent !important;
    color: white !important;
}

@media screen and (min-width: 990px) {

.hide-desktop {
display: none
}
}


@media screen and (min-width: 750px) {
    .page-width-wide, .page-width-normal, .page-width-narrow, .page-width-content {
        --page-margin: 20px;
    }
}

/* Remove autofill background & text color */
.email-wrapper input[type="email"]:-webkit-autofill,
.email-wrapper input[type="email"]:-webkit-autofill:hover,
.email-wrapper input[type="email"]:-webkit-autofill:focus,
.email-wrapper input[type="email"]:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: #F5ECDD !important;
  background-color: transparent !important;
  transition: background-color 5000s ease-in-out 0s; /* prevents flash */
}


header.header-section{
mix-blend-mode: difference;
}



header.header-section:has(.menu-drawer-container.menu-open) {
  mix-blend-mode: unset;
}


.grid-layout .hero__content-wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr); /* 12-column grid for flexibility */
gap: 12px;
padding: 24px;
align-items: var(--vertical-alignment);
}

.grid-layout > div > .layout-panel-flex,
.group-block.grid-layout {
display: grid;
grid-template-columns: repeat(12, 1fr); /* 12-column grid for flexibility */
gap: 12px;

align-items: var(--vertical-alignment);
}

@media screen and (min-width: 750px) {
.grid-layout .span-1 {
    grid-column: span 1;
    
}
.grid-layout .span-2 {
    grid-column: span 2;
    
}
.grid-layout .span-3 {
    grid-column: span 3;
    
}
.grid-layout .span-4 {
    grid-column: span 4;
    
}
.grid-layout .span-5 {
    grid-column: span 5;
    
}

.grid-layout .span-6 {
    grid-column: span 6;

}
.grid-layout .span-6 {
    grid-column: span 6;

}
.grid-layout .span-7 {
    grid-column: span 7;

}
.grid-layout .span-8{
    grid-column: span 8;

}
.grid-layout .span-9 {
    grid-column: span 9;

}
.grid-layout .span-10,
.custom-footer-grid .span-10 {
    grid-column: span 10;

}
.grid-layout .span-11,
.custom-footer-grid .span-11 {
    grid-column: span 11;   
}

.grid-layout .span-12 {
    grid-column: span 12;

}
}

.absolute-grid,
.absolute-grid.image-block {
    position: absolute;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 12px;
    padding: 24px;
}
.absolute-grid.image-center img {
    height: 100%;
    object-fit: contain;
    grid-column: 5 / span 4;
}



@media screen and (max-width: 749px) {

  .grid-layout .hero__content-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr); /* 12-column grid for flexibility */
gap: 4px;
padding: 16px;
align-items: var(--vertical-alignment);
}

.grid-layout > div > .layout-panel-flex,
.group-block.grid-layout {
display: grid;
grid-template-columns: repeat(4, 1fr); /* 12-column grid for flexibility */
gap: 4px;

align-items: var(--vertical-alignment);
}

.grid-layout .mobile-span-1 {
    grid-column: span 1;
    
}
.grid-layout .mobile-span-2 {
    grid-column: span 2;
    
}
.grid-layout .mobile-span-3 {
    grid-column: span 3;
    
}
.grid-layout .mobile-span-4 {
    grid-column: span 4;
    
}
}


/* ======================================================
  HERO ANIMATION
   ====================================================== */
.homepage-hero { --gutter:20px; --pad:20px }
.homepage-hero { position:relative; min-height:100svh; }
.homepage-hero .hero__media-wrapper,
.homepage-hero .hero__media-wrapper .hero__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.homepage-hero .hero__content-wrapper { position:relative; z-index:2; min-height:100svh; }

/* logo centered */
.homepage-hero .image-block.image-center { position:absolute; inset:0; display:grid; place-items:center; z-index:3; pointer-events:none; }
.homepage-hero .image-block.image-center img { max-width:min(25vw,350px); height:auto; }

/* Video: starts bottom-right with 20px padding */
.homepage-hero .video-grows {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: clamp(220px, 25vw, 520px);
  overflow: hidden;
  z-index: 4;
  will-change: inset, width, height;
}

/* Video grows to fill with 20px padding on all sides */
.homepage-hero .video-grows.is-full {
  inset: 20px;  /* top: 20px, right: 20px, bottom: 20px, left: 20px */
  width: auto;
  height: auto;
}

/* Media inside video fills the container */
.homepage-hero .video-grows video,
.homepage-hero .video-grows .deferred-media__poster-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Text rotator */
.text-rotator {
  position: absolute;
  left: 20px;
  bottom: 64px;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease;
  width: calc(100% - 40px);
}
@media screen and (max-width: 767px) {
  .text-rotator {
    left: 16px;
    bottom: 24px; /* Lower on mobile for better spacing */
    width: calc(100% - 32px);
  }
}
.homepage-hero.rotator-live .text-rotator {
  opacity: 1;
  visibility: visible;
}

.text-rotator {
  --rot-items: 3;
  --hold: 3s;
  --cycle: calc(var(--rot-items) * var(--hold));
}

.text-rotator .rotator-item {
  position: absolute;
  bottom: 24px;
  width: 100%;
  margin: 0;
  opacity: 0;
  transform: translateY(6px);
  will-change: opacity, transform;
  backface-visibility: hidden;
  /* animation: rotFade var(--cycle) linear infinite; */
}

/* .text-rotator .rotator-item:nth-child(1) { animation-delay: calc(0 * var(--hold)); }
.text-rotator .rotator-item:nth-child(2) { animation-delay: calc(1 * var(--hold)); }
.text-rotator .rotator-item:nth-child(3) { animation-delay: calc(2 * var(--hold)); } */

@keyframes rotFade {
  0%   { opacity: 0; transform: translateY(0px); }
  8%   { opacity: 1; transform: translateY(0); }
  28%  { opacity: 1; transform: translateY(0); }
  33%  { opacity: 0; transform: translateY(-0px);}
  100% { opacity: 0; transform: translateY(-0px); }
}

.text-rotator p {
  text-align: center;
  font-size: 1.875rem;
  font-weight: 500;
  color: #FFD521;
  font-family: var(--font-accent--family);
}

@media screen and (max-width: 749px) {
  .text-rotator p {
    font-size: 1.4rem;
  }
}


/* Mobile-specific padding for video */
@media screen and (max-width: 767px) {
  .homepage-hero { --pad: 16px; }
  
  .homepage-hero .video-grows {
    right: 16px;
    bottom: 16px;
  }
  
  .homepage-hero .video-grows.is-full {
    inset: 16px;
  }
}

/* Initial state before animation starts */
.homepage-hero .video-grows.is-initial {
  position: absolute;
  right: var(--pad);
  bottom: var(--pad);
  left: auto;
  top: auto;
}

/* ======================================================
   END OF HERO ANIMATION
   ====================================================== */

.hero-logo {
  z-index: 5 !important;
}

.homepage-hero .text-block,
.homepage-hero .text-box {
  position: relative;
  top: auto;
  will-change: transform;
}
  
/* Optional: ensure transforms are used (no reflow) */
.homepage-hero .text-block {
  will-change: transform;
}

.homepage-hero .text-box,
.homepage-hero .text-block{
  position: relative; /* not sticky */
  top: auto;
  will-change: transform;
}

body.template-index .moved-from-main { margin-top: 0; width: 100%; display:block; }


/* keeps height & flow; just invisible and non-interactive */
#header-group.is-visually-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.button-secondary,
.button-primary {
  padding: 10px 12px;
}

.button-secondary {
    font-family: var(--button-font-family-secondary);
    --button-font-family-secondary: "Neue Haas Display Medium", sans-serif;
    letter-spacing: var(--body-letter-spacing);
}

.button-primary {
    font-family: var(--button-font-family-primary);
       --button-font-family-primary: "Neue Haas Display Medium", sans-serif;
       letter-spacing: var(--body-letter-spacing);
}

.header__row.section {
      background-color: transparent;
}

header .header__columns:has(.header__column--center header-menu) {
    --header-center: minmax(max-content, 6fr);
    --header-left: minmax(max-content, 3fr);
    --header-right: minmax(max-content, 3fr);
    column-gap: 12px;
}

header .header__column--center header-menu:only-child .overflow-menu::part(list) {
    justify-content: left;
}

.menu-list__link {
text-transform: uppercase
}

/* If .video-grows sits in that 12-col grid with 12px gap */
.video-wrapper.video-grows {
  /* (100% of content width minus 11 gaps) * 3/12 + 2 gaps */
  width: calc(((100% - (11 * 12px)) * 0.25) + (2 * 12px));
  /* optional: keep aspect-ratio so height matches your JS fallback */
  aspect-ratio: 16/9;
}

.video-wrapper.video-grows video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 749px) {
  .video-wrapper.video-grows {
      /* aspect-ratio: calc(100vw/ 100vh); */
      aspect-ratio: 9/16;
  }
}

.menu-list__link-title {
  letter-spacing: 0.01875rem;
}
.menu-list__link--active span{
  position: relative
}
.menu-list__link--active span::after {
content:"";
  background-color:currentColor;
  height:1px;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  transition: width 0.5s;

}

.announcement-bar__text {
      letter-spacing: var(--body-letter-spacing);
}

.button-secondary:hover {
    --button-color: var(--color-secondary-button-hover-text);
    --button-background-color: var(--color-secondary-button-hover-background);
    --button-border-color: var(--color-secondary-button-hover-border);
}

 .color-scheme-1 {
--color-secondary-button-hover-background: transparent;
--color-secondary-button-hover-text: var(--grey);
--color-secondary-button-hover-border: var(--grey);
}

.header-actions__cart-text,
.cart-drawer {
  text-transform: uppercase;
      display: flex;
    align-items: center;
}

.menu-list__list-item:not(:first-child) {
  margin-left: 20px;
}


.footer-content.custom-footer-grid {
    --grid-columns: 12 !important;
}

.custom-footer-grid .menu__details ul{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
}

.custom-footer-grid .menu__item {
margin-top: 0;
}

.email-signup__button.button-secondary {
  padding: 10px 12px;
}

.email-signup__input-group .email-signup__input--none {
  --color-input-background: rgb(255 255 255 / 0);
  border-bottom: 1px solid;
  padding-left: 0;

}

.email-signup__input {
  --color-input-background: rgb(255 255 255 / 0);
  padding-left: 0 !important;
  padding: 10px 12px 10px 0px !important;
  --color-input-border: rgb(0 0 0 / 1);
  border-top: 0px solid !important;
  border-left: 0px solid !important;
  border-right: 0px solid !important;
}

.email-signup-block {
  margin-top: auto;
}

li.menu__item.h6,
.menu__copyright-text {
  text-transform: uppercase;
  letter-spacing: .01875rem;
  font-size: var(--font-paragraph--size) !important;
  opacity: 1;
  margin: 0;
}

.social-icons__icon {
    display: flex;
    fill: var(--cream) !important;
    flex-shrink: 0;
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
    border-radius: 100px;
    padding: 4px;
    background-color: currentColor;
}

.hide {
  display: none !important;
}

.header-actions__action .header-actions__cart-icon .cart-bubble {
  background-color: transparent;
  color: currentColor;
  position: relative;
      top: 0;
    right: 0;
    width: max-content;
}
.cart-bubble__background {
  background-color: transparent;
}
.cart-bubble__text {
      font-size: var(--font-paragraph--size);
}
.header-actions__cart-icon {
  gap: 1px;
}


/* FADE-ONLY REVEAL (no slide anywhere) */

/* Hidden state */
.reveal-on-scroll,
.reveal-fade,
.reveal-slide-up,
.reveal-slide-left {
  opacity: 0;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  will-change: opacity, transform;
  transition: opacity 0.9s ease-out !important;
}

/* Visible state – theme JS adds .is-visible */
.reveal-on-scroll.is-visible,
.reveal-fade.is-visible,
.reveal-slide-up.is-visible,
.reveal-slide-left.is-visible {
  opacity: 1;
  transform: none !important;
  translate: none !important;
  animation: none !important;
}

html { scroll-behavior: smooth; }



.vertical-gallery__thumbs-list li {
  list-style-type: none;
}

.vertical-gallery__thumbs-list {
    padding-left: 0;
    width: 50px;
}
.vertical-thumb {
  padding: 0;
}
.vnav__link {
  color: var(--grey);
}

.vnav__link.is-active {
  color: var(--black);
}

@media screen and (min-width: 750px) {
.product-information__grid {
grid-template-columns: repeat(12, 1fr) !important;
gap: 12px;
}
.product-information__grid .product-information__media {
  grid-column: span 7;
}
.product-information__grid .product-details {
grid-column: span 5;
padding-left: 0 !important;
}
}

.product-information__grid .add-to-cart-icon {
display: none
}

.add-to-cart-button,
.product-form-buttons button.add-to-cart-button {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-inline: 10px !important;
  padding-block: 10px !important;
  height: fit-content !important;
}


.product-details accordion-custom .details-content {

font-family: var(--font-body--family);
font-size: 0.8125rem;
font-style: normal;
font-weight: 600;
line-height: 130%;
letter-spacing: 0.01625rem;
padding-top: 40px;

}
.product-details accordion-custom details,
accordion-custom details {
--color-border: var(--grey); 
}
.product-information__grid .accordion accordion-custom:hover details,
.accordion accordion-custom:hover details {
  --color-border: var(--black); 
}

.product-information__grid .accordion,
.product-information__grid .accordion a,
 .accordion,
 .accordion a {
    color: var(--grey);
    transition: 0.5s ease;
}
.product-information__grid .accordion accordion-custom ,
.accordion accordion-custom {
  transition: 0.5s ease;
}

.product-information__grid .accordion accordion-custom:hover .details__header,
.product-information__grid .accordion accordion-custom:hover .details-content,
.product-information__grid .accordion accordion-custom:hover .details-content a ,
 accordion-custom:hover .details__header,
accordion-custom:hover .details-content,
accordion-custom:hover .details-content a {
color: var(--black);
}

a.hover-style {
 color: var(--black);
 transition: 0.5s ease;
}

a.hover-style:hover {
 color: var(--grey);
}

.accordion .details__header {
    padding-top: 15px;
    padding-bottom: 4px;
}

.popup-link .popup-link__content.dialog-modal {
  border-radius: 0px;
    overflow-y: hidden;
    padding: 0;
     max-width: 21.1875rem;
max-height: 37.5rem;
}

.popup-link .popup-link__content.dialog-modal .popup-link__inner{
 overflow-y: scroll;
    padding: 60px 24px 24px 24px;
 max-width: 21.1875rem;
max-height: 37.5rem;
flex-shrink: 0;

}

.popup-link__close.close-button {
  right: 12px;
}
.popup-link .popup-link__content.dialog-modal::before {
  content: "";
  background: linear-gradient(-180deg, #fef8f0 31.25%, #f4efe700 72.5%);
  height: 8rem;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;

}
.popup-link .popup-link__content.dialog-modal::after {
  content: "";
  background: linear-gradient(0deg, #fef8f0 31.25%, #f4efe700 72.5%);
  height: 8rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;

}

.popup-link .popup-link__inner {
font-family: var(--font-heading--family);
font-size: 0.875rem;
font-style: italic;
font-weight: 400;
line-height: 150%; /* 1.3125rem */
letter-spacing: -0.00263rem;

}

.popup-link .popup-link__content a {
color: #858487;
}

.announcement-bar {
    --padding-block-start: 10px !important;
    --padding-block-end: 10px !important;
}

.title-translation {
  font-family: var(--font-heading--family);
  font-family: var(--font-h2--family);
  font-style: var(--font-h2--style);
  font-weight: var(--font-h2--weight);
  font-size: var(--font-h2--size);
  line-height: var(--font-h2--line-height);
  letter-spacing: var(--font-h2--letter-spacing);
}

.template-a-story-in-seven-currents .vertical-gallery__grid [data-vg-index="0"],
.template-a-story-in-seven-currents .vertical-gallery__thumbs button[data-vg-index="0"],
.template-a-story-in-seven-currents .vertical-gallery__grid [data-vg-index="1"],
.template-a-story-in-seven-currents .vertical-gallery__thumbs button[data-vg-index="1"] {
display: none;
}

.vertical-gallery__grid .product-media-container {
    scroll-margin-top: 80px !important;
}

.footer-content {
      align-items: center;
}

.vnav__content {
      font-size: var(--font-paragraph--size);
}

.vnav__content p em strong,
.nav__item_label.rte p em strong{
  font-family: var(--font-body--family);;
  line-height: 120%;
  font-size: 0.65em;       /* smaller text */
  vertical-align: super;  /* move up */
  font-style: normal;
  margin-right: 2px;
  text-decoration: none;
}
.nav__item_label.rte p {
  position: relative
}
.nav__item_label.rte p:first-child::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0; /* sits right under the text */
  width: 100%;
  height: 1px; /* thickness */
  background: currentColor; /* matches text color */
  transform: scaleX(1); /* can animate if needed */
  transform-origin: left;

}

.nav__item_label.rte p strong{
 text-transform: uppercase;
 font-weight: normal;
}

.nav__item_label.rte p {
  margin-top: 4px;
  margin-bottom: 4px;
      width: fit-content;
}

.vnav .vnav__content {
  gap: 80px
}
@media screen and (max-width: 989px) {
  .vnav .vnav__content {
  gap: 20px
}
}
.vnav__media  {
     margin-left: 0;
    margin-right: 0;
    margin-top: auto !important;
    margin-bottom: 120px;
}
.accordion--dividers accordion-custom:first-child .details {
      border-block-start: 0px solid var(--color-border) !important;
}
.accordion--dividers accordion-custom:not(:first-child) .details {
    border-block-start: 1px solid currentColor;
    --color-border: var(--black)
}

.faq .accordion .details__header {
  padding-top: 24px;
}
.faq .accordion--dividers accordion-custom:first-child .details .details__header{
padding-top: 0px;
}
.faq .accordion--dividers accordion-custom .details .details__header{
padding-top: 0px;

}

.faq-title {
    min-height: var(--minimum-touch-target);
        justify-content: center;
}

.faq .details-content {
padding-top: 40px;
}

.faq .accordion .details__header {
      font-size: var(--summary-font-size);
      --summary-font-size:  0.9375rem;
}

.start-4-span-9 {
  grid-column: 4 / span 9;
}



body:not(.template-contact) .email-signup__input::placeholder {
  color: #858487;
}
body:not(.template-contact) .email-signup__input::-webkit-input-placeholder {
  color: #858487;
}
body:not(.template-contact) .email-signup__input:-ms-input-placeholder {
  color: #858487;
}
body:not(.template-contact) .email-signup__input::-ms-input-placeholder {
  color: #858487;
}
.template-contact.color-scheme-4 .color-scheme-1 *,
.template-contact.color-scheme-4 .color-scheme-1,
.template-contact.color-scheme-4 .email-signup__input,
.template-contact.color-scheme-4 .button-secondary,
.template-contact.color-scheme-4 .email-signup__input::placeholder,
.template-contact .header-actions__action {
      border-color: var(--color-input-border);
    --color-foreground: #EFE2C9;
    --button-color: var(--color-foreground);
    --color-input-text: var(--color-foreground);
    --color-input-border: var(--color-foreground);
    --button-border-color: var(--color-foreground);
    color: var(--color-foreground);
        --button-color: var(--color-foreground);
     }


     .template-contact.color-scheme-4 .color-scheme-1.menu-drawer * {
--color-foreground: var(--black);
     }

     .template-contact.color-scheme-4 .cart-drawer__content *,
     .template-contact.color-scheme-4 .cart-drawer__heading *{
--color-foreground:var(--black);
     }


@media screen and (max-width: 749px) {
  .hide-mobile {
    display: none !important;
  }
  .align-right {
        margin-left: auto;
  }

  .shopify-section .simple-marquee {
    padding-top: 24px;
  }
  .mobile-full-width {
    grid-column: span 4;
  }
  .order-2 {
    order: 2;
  }
  .order-1 {
    order: 1;
  }
  .custom-footer-grid .menu__details ul {
    flex-wrap: wrap
  }
  .simple-marquee .simple-marquee__inner {
    margin-bottom: 50px;
    overflow: visible;
  }
  .simple-marquee__inner .simple-marquee__nav {
transform: translatey(0);
bottom: -50px;
  }
  .margin-mobile {
 padding-left: var(--page-margin) ;
 padding-right: var(--page-margin) ;
}
}

@media screen and (min-width: 750px) {
  .hide-desktop {
    display: none !important;
  }
}

.homepage-hero .deferred-media__poster-icon {
display: none
}


/* .video-grows::after {
    content: "";
 background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 33.65%, rgba(25, 24, 25, 0.5) 100%);
 
  height: 20rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  mix-blend-mode: multiply;
} */

.simple-marquee__inner {
  z-index: 1;
}

/*------------------
* MOBILE OVERRIDE
*--------------------*/


@media screen and (max-width: 749px) {
  :root {
   /* --font-size--paragraph: 0.8125rem;
    --font-size--h2: 1rem ;
    --font-size--h3: 0.8125rem;
    --font-size--h6: 1.4375rem;*/
  }
}
@media screen and (max-width: 749px) {
/*h2 strong {
--font-size--h2: 0.8125rem ;
}*/
.text-rotator .rotator-item {
  max-width: 84vw;
  left: 8vw;
}
.block-padding-top-mobile {
  padding-top: 96px;
}
.block-padding-top-mobile-small {
  padding-top: 44px;
}
header-actions {
      margin-right: var(--page-margin);
}

.email-signup__input-group {
  grid-template-columns: 4fr auto !important;
}
input.paragraph.paragraph, input.paragraph.paragraph:not([type]), textarea.paragraph.paragraph, select.paragraph.paragraph {
  font-size: var(--font-size--paragraph);
}
.homepage-hero .text-rotator {
  left: 0;
}
.product-grid-container {
  padding-left: var(--page-margin);
    padding-right: var(--page-margin);
}

.vnav__section .vnav__copy,
.vnav__rail{
      grid-column: span 12;

}
.vertical-gallery {
  display: none !important;
}
.hide-main-slideshow slideshow-component {
  display: block !important;
}
.vnav__section .vnav__media {
grid-column: 1 / span 12;
margin-bottom: 10px;
}
}

/*
@media screen and (max-width: 990px) {
  .vnav__list {
    flex-direction: column;
  }
  body.scrolled  .vnav__list {
    flex-direction: row;
  }
}
  */

  .metafield-multi_line_text_field,
  .price {
font-weight: 400;
  }

  .hero-intro p{
max-width: 690px !important;
  }


  .text-rotator .rotator-item {
        margin-left: calc(var(--page-margin) * -1);
line-height: 117%;
letter-spacing: 0.04em;


  }

  .hero__container {
    padding-top: 0px;
  }

@media screen and (min-width: 750px) {
 section.hero-wrapper:has(.video-grows.is-full) {
    position: sticky;
     top: -160vh;
  }
}
/*
@media screen and (max-width: 749px) {
  section.hero-wrapper:has(.video-grows.is-full) {
    position: sticky;
    top: -150svh;
}
}
*/


.template-index .section.color-scheme-1,
.template-index .section.color-scheme-7,
.template-index:has(.simple-marquee),
.template-index .section.color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
background-color: rgba(244, 239, 231, 1);
}

.template-index .shopify-section.section:has(.simple-marquee) {
 background-color: rgba(244, 239, 231, 1);
}

.homepage-hero .hero__media-wrapper::after {
    content: "";
    background: linear-gradient(0deg, #ffffff4d 33.65%, #1918194d);
    height: 27rem;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    mix-blend-mode: multiply;
}

.template-index:has(.video-grows:not(.is-full)) header.header-section{
mix-blend-mode: normal;
} 
.template-index:has(.video-grows:not(.is-full)) .header-logo {
  visibility: hidden;
  opacity: 0;

}

.template-index:not(.second-section-active):has(.video-grows.is-full) .header,
.template-index:not(.second-section-active):has(.video-grows:not(.is-full)) .header-logo{
visibility: hidden;
opacity: 0;
}

.template-index:has(.video-grows.is-full) .header{
opacity: 1;
transition: 0.5s ease;
}

.template-index:not(.second-section-active) .header-logo{ 
display: none;
}
.template-index.second-section-active .header-logo{
display: block;
}

/* Hide the play button overlay immediately */
.js-hero-video-scale .deferred-media__poster-button {
  display: none !important;
}

/* Hide native video controls */
.js-hero-video-scale video::-webkit-media-controls {
  display: none !important;
}

.js-hero-video-scale video::-webkit-media-controls-enclosure {
  display: none !important;
}

.js-hero-video-scale video::-webkit-media-controls-panel {
  display: none !important;
}

/* Firefox */
.js-hero-video-scale video::-moz-media-controls {
  display: none !important;
}

/* Prevent any controls from showing */
.js-hero-video-scale video {
  pointer-events: none;
}

/* If you want the poster to show initially instead of controls */
.js-hero-video-scale.is-initial .deferred-media__poster-image {
  display: block;
}

.simple-marquee__inner {
      justify-content: flex-start;
}

.homepage-hero .video-grows {
  overflow: hidden;
}

@media screen and (max-width: 749px) {
  .homepage-hero .image-block.image-center img {
        width: 297px;
        height: auto;
        max-width: unset;
        margin: 0 auto;
} 
.homepage-hero .image-block.image-center {
  display: flex;
}
.text-rotator .rotator-item {
  font-size: 22px;
font-weight: 500;
line-height: 117%;
letter-spacing: 0.04em;
text-align: center;
margin: 0 auto;
max-width: calc(100% - 32px);
        left: 16px;
}

.absolute-grid, .absolute-grid.image-block {
  padding: 16px;
}
}
@media screen and (min-width: 750px) {
.text-rotator-wrapper {
    max-width: 690px;
    width: 690px;
    height: fit-content;
    margin: 0 auto;
    position: relative;
}
.text-rotator .rotator-item {
  margin-left: 0;
}
}

.card-carousel--section.video {
position: relative;
}

.card-carousel--section.video .swiper-slide {
  padding: 0;
}

.header__column {
      align-items: flex-start !important;
    
}
header .header__columns:has(.header__column--center header-menu) {
  padding-top: 20px !important;
}



@media screen and (max-width: 749px) {
  header .header__columns:has(.header__column--center header-menu) {
    padding-top: 0 !important;
}

.template-index.second-section-active .header-logo {
    display: flex;
}

}

h2 {
  font-style: italic;
}

/* Default state - all items full opacity */
footer .menu__item a,
footer .menu__item span {
  transition: opacity 0.3s ease, color 0.3s ease;
  opacity: 1;
}

/* When hovering over the list, dim all items */
footer .list-unstyled:hover .menu__item a,
footer .list-unstyled:hover .menu__item span {
  opacity: 1;
  color: rgba(133, 132, 135, 1)
}

/* Keep the hovered item at full opacity */
footer .list-unstyled:hover .menu__item:hover a,
footer .list-unstyled:hover .menu__item:hover span {
  opacity: 1;
  color: inherit; /* or specify the original color */
}


/* Target the specific ul by the part attribute */
header ul[part="list"] li {
  transition: opacity 0.3s ease, color 0.3s ease;
  opacity: 1;
}

/* When hovering over the ul, dim all li items */
header ul[part="list"]:hover li {
  opacity: 1;
  color: rgba(133, 132, 135, 1);
}

/* Keep the hovered item at full opacity */
header ul[part="list"]:hover li:hover {
  opacity: 1;
  color: inherit;
}


@media screen and (max-width: 749px) {
  .clear-side-margin-mobile  .margin-mobile{
padding-left: 0;
padding-right: 0;
  }
   .clear-padding-bottom-mobile>div>.section-content-wrapper  {
padding-bottom: 0;
  }
  .shop-intro .spacing-style,
  .spacing-style{
        --spacing-scale: 1 ;
        --spacing-scale-md: 1;
  }
}

.email-signup__button.button-secondary {
  padding: 10px 12px;
}




@media screen and (max-width: 749px) {
  .email-signup {
    padding-top: 44px;
  }
  .footer-links .social-icons__wrapper {
    justify-content: flex-start;
  }
  .custom-footer-grid .menu__details ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    justify-content: space-between;
  }
  footer .footer-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--footer-gap);
    --footer-gap: 30px !important;
}


}



.footer-menu {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
        flex-wrap: wrap;
}

@media screen and (max-width: 749px) {
  .footer-menu {
    display: flex;
    flex-direction: column;
  }

  footer .menu__details  li:nth-last-child(2),
  footer .menu__details  li:last-child {
    width: 100%;
  }

  footer .menu__details  li:last-child {
    order: 5;
    padding-top: 32px;
  }

  footer .menu__details  li:nth-last-child(2) {
    order: 6;
    justify-content: flex-end;
     padding-top: 32px;
  }


     .custom-footer-grid .menu__details ul {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 16px;
        justify-content: space-between;
        flex-wrap: wrap;
    }
   footer .menu__details li{
      width: 100%;
    }
    /* Create a flex line for the last two */
 footer .menu__details li:nth-last-child(2),
   footer .menu__details li:last-child {
    display: inline-flex;
    width: calc(50% - 16px);
  }

  footer .menu__details li:nth-last-child(2) {
    float: left;
  }

  footer .menu__details li:last-child {
    float: right;
  }
  .footer-content.custom-footer-grid {
    padding-top: 9px;
  }
}



.header__icon--summary .header-drawer-icon {
      width: fit-content !important;
    height: fit-content !important;
}
/* ===== Mobile header: 4-col grid, 16px gap ===== */
@media (max-width: 749px) {
  /* Grid container */
  header-component.header .header__columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: center;
    padding-block: 0;
    padding-inline: 0 var(--padding-3xs);
    grid-column-start: 2;
    grid-template-areas: 'leftA leftB center rightB';
  }

  /* Hide desktop nav */
  header-component.header .header__column--center {
    display: none !important;
  }

  /* Let children of the left column become grid items */
  header-component.header .header__column--left {
    display: contents; /* allows logo + drawer to be placed separately */
  }

  /* Place logo (span 2) */
  header-component.header .header-logo {
    grid-column: 1 / span 2;
    justify-self: start;
  }

  /* Place MENU trigger in col 3 (reset any absolute rules) */
  header-component.header .header__drawer {
    grid-column: 3;
    justify-self: center;
    position: static !important;
    left: auto; top: auto; transform: none;
  }

  /* Place cart in col 4, align right */
  header-component.header .header__column--right {
    grid-column: 4;
    justify-self: end;
  }
  header-actions {
    margin-right: 0;
  }
  .menu-drawer__close-button {
    margin-left: auto;

    line-height: 120%;
    letter-spacing: 0.02em;
    text-align: right;
    text-transform: uppercase;
    grid-column: 4;
    padding: 0 !important;
    border-radius: 0px;
  }
}

.Menu-drawer-title {
    line-height: 120%;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    grid-column: 3;
}

.menu-drawer-wrapper,
.menu-drawer__menu has-submenu {
   display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: start;
    padding-block: 0;
    padding-inline: 0 var(--padding-3xs);
    grid-column-start: 2;
    grid-template-areas: 'leftA leftB center rightB';
    padding: 16px;

}

.header-drawer .menu-drawer__menu-item-text {
  font-size: 15px;
}

.header__drawer {
  min-height: fit-content !important;
}

.header-drawer .menu-open > .menu-drawer {
  width: 100%;
  transform: none;
}

.header-drawer .menu-drawer {
    width: 100%;
    transform: none;
}
.header-drawer .menu-drawer__featured-content-list {
  display: none;
}
.menu-drawer__navigation {
     display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: center;
    padding-block: 0;
    padding-inline: 0 var(--padding-3xs);
    grid-column-start: 2;
  
    padding: 16px;
}
.menu-drawer__menu {
 grid-column: 3 / span 2;

}

.menu-drawer-logo {
 grid-column: 1 / span 2;
}

.menu-drawer-logo img {
    filter: invert(1);
    max-width: 147px;
}

.menu-drawer .menu-drawer__navigation {
  padding-top: 96px;
}

.menu-drawer-logo .social-icons__wrapper {
  display: flex;
  gap: var(--gap-sm);
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 750px) {
  .menu-drawer-logo .social-icons__wrapper {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}


ul.social-icons__wrapper, 
li.social-links__item {
  list-style: none;
  padding: 0;
  margin: 0;
}


.menu-drawer__menu .social-icons__icon {
    display: block;
}

.menu-drawer__menu .social-icons__wrapper {
    justify-content: flex-start;
}

.menu-drawer__menu .social-icons__item ,

.menu-drawer__menu .social-icons__item  svg{
  width: 24px;
  height: 24px
}

li.vnav__item {
    padding-bottom: 24px;
}


.vnav__item,
.vnav__inner {
  scroll-behavior: smooth;
  scroll-padding-top: 96px; /* adjust this value */
}

.product-grid--grid {
    --product-grid-gap-desktop: 96px 6px !important;
}
@media screen and (min-width: 750px) {
.bottom-gradient .hero__media-wrapper::after{
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 33.65%, rgba(25, 24, 25, 0.5) 100%);
  height: 20rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  mix-blend-mode: multiply;
}

}

@media screen and (max-width: 749px) {
.quote-shop-page {
  padding-bottom: 96px;
}
.shop-page-banner img {
/*max-height: 500px;*/
}
.homepage-intro .custom-section-content>.spacing-style{
    padding-bottom: 32px;
    row-gap: 60px !important;
}
.color-scheme-5 .hero__container{
background-color: var(--cream) !important;

}
.shop-page-banner-content *,
.shop-page-banner-content h2{
color: var(--black) !important;
}
}

.card-carousel--section.video .swiper-pagination,
.card-carousel--section.video .swiper-horizontal>.swiper-scrollbar {
  display: none;
}

.button.add-to-cart-button.button-secondary {
border: 1px solid var(--button-border-color);
}


/* accoridon color hover */

/* ---------- variables ---------- */
:root {
  --fade-duration: .25s;
}

/* ---------- base (default = black) ---------- */
.hover-effect accordion-custom,
.hover-effect a.hover-style {
  color: var(--black);
  transition: color var(--fade-duration) ease;
}

/* Make inner bits inherit the color */
.hover-effect accordion-custom .details__header,
.hover-effect accordion-custom .details-content,
.hover-effect accordion-custom summary,
.hover-effect a.hover-style {
  color: inherit;
}

/* Ensure icons follow currentColor */
.hover-effect accordion-custom .icon-caret path,
.hover-effect accordion-custom .icon-plus path {
  stroke: currentColor;
}

/* ---------- when the container is hovered, dim everything ---------- */
.hover-effect:hover accordion-custom,
.hover-effect:hover a.hover-style {
  color: var(--grey);
}

/* ---------- bring back the hovered/active things to black ---------- */
/* hovered accordion OR opened accordion remains black */
.hover-effect accordion-custom:hover,
.hover-effect accordion-custom:has(details[open]) {
  color: var(--black);
}

/* hovered/focused link remains black */
.hover-effect a.hover-style:hover,
.hover-effect a.hover-style:focus-visible {
  color: var(--black);
  text-decoration: none; /* optional */
}

/* ---------- cross-dimming logic (spotlight) ---------- */
/* If an accordion is hovered, dim all non-hover accordions and all links */
.hover-effect:has(accordion-custom:hover) accordion-custom:not(:hover):not(:has(details[open])),
.hover-effect:has(accordion-custom:hover) a.hover-style:not(:hover) {
  color: var(--grey);
}

/* If a link is hovered, dim all accordions (except opened) and other links */
.hover-effect:has(a.hover-style:hover) accordion-custom:not(:has(details[open])),
.hover-effect:has(a.hover-style:hover) a.hover-style:not(:hover) {
  color: var(--grey);
}

/* ---------- keyboard accessibility ---------- */
/* When tabbing into a summary, treat it as active */
.hover-effect accordion-custom summary:focus-visible {
  outline: none;
  color: var(--black);
}

/* ---------- optional: reduce motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .hover-effect accordion-custom,
  .hover-effect a.hover-style { transition: none; }
}

/*end of accordion color hover*/


@media screen and (min-width: 750px) {
.sticky {
      position: sticky;
    top: 96px;
}
/*
.vertical-gallery .product-media-container:has(.product-media.tall-ratio) {
    width: 50%;
    margin-left: 50%;

}
    */

    .vertical-gallery__grid {
      display: flex !important;
    flex-wrap: wrap;
    gap: unset;
    row-gap: 48px;
    column-gap: var(--column-gap);
    flex-flow: row-reverse wrap;
    --column-gap: 12px;
    }

    .vertical-gallery .product-media-container:has(.product-media.tall-ratio) {
              width: calc(50% - 2 * var(--column-gap, 0px));
              margin: 0;
    }
    
}


.accordion accordion-custom .details__header {
  min-height: unset;
}

.faq .accordion--dividers accordion-custom .details .details__header,
.accordion .details__header {
  padding-top: 28px;
}

accordion-custom :is(.rte,.shopify-policy__title) :is(ul,ol):not(:is(ul,ol) :is(ul,ol)) {
    margin-block-end: 0;
}


@media screen and (max-width: 749px) {
  .faq-title {
    padding-bottom: 96px;
  }
  .faq .custom-section-content>.spacing-style {
    padding-bottom: 0px;
  }
}

.menu-list__link-title {
  line-height: 1.2em
}

.popup-link__close.close-button {
  font-family: var(--font-body--family);
  font-size: 15px;
  text-decoration: none;
}

@media screen and (max-width: 749px) {
            .product-media:not(.tall-ratio) img {
                object-fit: contain !important;
               
            }
}

@media screen and (min-width: 750px) {
.vnav__list {
    width: 12.3125rem;
}
}

.cart-drawer__heading.h3 {
text-transform: uppercase;
font-family: var(--font-body--family);
color: var(--black) !important;
}

.cart-bubble__background {
  background-color: transparent !important;
}
a.cart-items__title {
  text-transform: none;
}

.cart-items__table-row .cart-items__details > div span{
color: var(--grey) !important;
}

.cart__checkout-button.button,
.button.button--primary.cart-discount__button {
color: var(--cream) !important;
}


/* Hide play overlay on autoplay videos */
.homepage-hero deferred-media[autoplay] .deferred-media__poster-button {
  display: none !important;
}

/* Optional — also hide during load just in case */
.homepage-hero deferred-media.video-grows.is-initial .deferred-media__poster-button {
  opacity: 0 !important;
  pointer-events: none;
}


.menu-list__link {
  colo: var(--grey);
}


.cart__total-value,
.cart-primary-typography {
    font-size: var(--font-size--xs) !important;
}



/*what is this for????*/
/*
.button-secondary:not(.email-signup__button) {
   box-shadow: none !important; 
  border: none; 
  border-bottom: var(--button-border-width) solid var(--button-border-color);
  background-color: transparent;

}
  
@media screen and (max-width: 749px) {
 
  .button-secondary:not(.add-to-cart-button) {
 
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
  }
  .button-secondary:not(.add-to-cart-button):hover {
        --color-secondary-button-hover-border: transparent;
  }
}


*/




.cart-drawer__dialog.dialog-modal {
  right: 86px;
    height: calc(100svh - 112px) !important;
    margin-top: 56px !important;
}


/* menu link list*/

/* 1) Default: if the menu has NO hovered item, keep everything full */
.menu-list:not(:has(.menu-list__list-item:hover)) .menu-list__link {
  color: rgb(var(--menu-top-level-font-color-rgb) / 1);
  text-decoration: none;
}

/* 2) Active page: underline but keep full color (doesn’t trigger dimming) */
.menu-list .menu-list__link--active {
  color: rgb(var(--menu-top-level-font-color-rgb) / 1);
  text-decoration: underline;
  text-underline-offset: .2em;
}

/* 3) On hover anywhere: dim all first… */
.menu-list:has(.menu-list__list-item:hover) .menu-list__link {
  color: rgb(var(--menu-top-level-font-color-rgb) / var(--opacity-subdued-text, .45));
  text-decoration: none;
}

/* …then restore the hovered item */
.menu-list:has(.menu-list__list-item:hover)
  .menu-list__list-item:hover .menu-list__link {
  color: rgb(var(--menu-top-level-font-color-rgb) / 1);
  text-decoration: underline;
}



/*end of menu*/

.cart-drawer__heading {
  gap: 0px;
}


.cart-drawer__heading--empty {
  font-family: var(--font-heading--family);
  margin-bottom: 4px;
}

.cart-drawer__heading.h3.cart-drawer__heading--empty  {
    text-transform: none;
   font-family: var(--font-heading--family);
    color: var(--black) !important;
}

.cart-items__empty-button {
    margin-top: var(--margin-md);
   padding: 10px 12px;
       background-color: transparent;
    color: var(--black);
    text-transform: none;
    border: 1px solid currentColor;
    padding-inline: unset;
    padding-block: unset; 
}

.absolute.scroll-homepage {
    width: 100%;
    position: absolute;
    bottom: 24px;
    text-align: center;
    z-index: 3;
    left: 0;
}





.nav__item_label p em,
.vnav__copy p em {
    font-size: var(--font-h2--size);
}

.poem * {
  line-height: 150%;
}

.popup-link__content.dialog-modal[open]::backdrop {
  opacity: 0;
}
.popup-link .popup-link__content.dialog-modal {
box-shadow: none;
}

.accordion--dividers .details-content {
    padding-block-end: var(--padding-4xl) !important;
}



accordion-custom ul li {
padding-block-start: 4px;
padding-block-end: 4px;
}

.pdp-accordion > .group-block-content {
gap: 28px;
}
.pdp-accordion a.link {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 0.8px;
    text-underline-offset: 2px;
    text-underline-position: from-font;
}
.pdp-accordion a.link:hover {
   text-decoration-line: underline;
}


.template-contact .social-icons__wrapper path{
fill: var(--red) !important;
}

.template-contact  .menu-drawer .social-icons__wrapper path {
  fill: var(--cream) !important;
}

.menu-drawer__menu,
.menu-drawer__navigation {
    height: 100%;
}
/*
.menu-drawer__menu .social-icons__wrapper {
  margin-top: 100%
}
  */

  .menu-drawer__menu .social-icons__wrapper {
    padding-top: 10px;
  }

.menu-drawer-container[open] .menu-drawer__animated-element {
  animation: menu-drawer-nav-open var(--drawer-animation-speed) ease-in-out !important;

  animation-fill-mode: forwards;
      --drawer-animation-speed: 0.8s;
}

@keyframes menu-drawer-nav-open {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}

.close-button.popup-link__close,
.close-button.popup-link__close {
justify-content: flex-end;
}

.close-button svg {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
}

@media screen and (max-width: 749px) {
  .shop-page-banner {
    min-height: fit-content !important;
  }
.shop-page-banner .hero__container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.shop-page-banner .hero__media-wrapper {
    position: relative;
}
.shop-page-banner .hero__content-wrapper {
padding-left: 16px;
padding-right: 16px;
}
}

.font-italic p{
  font-style: italic !important;
      font-family: var(--font-heading--family);
}

@media screen and (max-width: 749px) {
  .homepage-hero .text-rotator {
    bottom: 24px;
  }
}

@media screen and (max-width: 749px) {
  .button-secondary:not(.email-signup__button), .button-primary:not(.email-signup__button) {
        padding: 0;
        border: 0px solid;
        border-bottom: 1px solid currentColor;
        box-shadow: none;
  }
  .menu-drawer-wrapper {
    gap: 4px;
  }


}

@media screen and (min-width: 750px) { 
  .mobile-span-4.sticky.rte {
    padding-bottom: 0 !important;
    --padding-block-end: 0;
  }
  .template-contact .sticky.span-3 {
max-width: 300px;
  }
}

  .template-contact .announcement-bar {
mix-blend-mode: lighten;
  }


   .template-contact .menu-list:has(.menu-list__list-item:hover) .menu-list__link {
    color: #EFE2C9;
    text-decoration: none;
}


@media screen and (max-width: 749px) {
  .cart-drawer__dialog.dialog-modal {
    max-width: calc(100% - 32px);
    margin: 0 auto;
    height: calc(100svh - 32px) !important;
    margin-top: 16px !important;
            left: 16px;
} 
.template-contact .menu-drawer-container .header__icon--summary {
color: #EFE2C9;
}
}


@media screen and (max-width: 749px) {
    header .header__columns:has(.header__column--center header-menu) .header-logo {
       padding: 16px 0
    }
    header .header__columns:has(.header__column--center header-menu) {
              display: grid;
        align-items: start;
    }
    .button.header-actions__action {
   padding: 16px 0
    }
    .cart-bubble {
          height: 18px;
    width: fit-content;
    }
    .cart-bubble__text {
          width: fit-content;
    white-space: nowrap;
    }

}


/* Applies only on Contact template */
.template-contact .header-logo__image-container img {
  opacity: 0; /* or display:none if safe */
}

/* Add replacement logo */
.template-contact .header-logo__image-container {
  position: relative;
}

.template-contact .header-logo__image-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/cdn/shop/files/ngaarlu_logo_contact_page.svg?v=1763183354");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

@media screen and (max-width: 749px) {
  .mobile-full>.custom-section-content {
        grid-column: 1 / span 3;
  }
  .vnav__content {
    padding-right: 0 !important;
  }
  .vnav__media  {
    left: 40%;
    width: 60%;
    position: relative;
  }
  .poem p{
font-style: italic !important;
font-family: var(--font-heading--family);
}
}


/*global accordion color hover edit*/

/* Tweak these if you already have brand tokens */

/* 1) Default: everything black */
.accordion accordion-custom {
  color: var(--black);
  transition: color .2s ease;
}
.accordion accordion-custom .details__header .svg-wrapper {
  color: currentColor; /* icons follow text color */
}

/* 2) When any accordion is hovered/focused, dim the others */
.accordion:has(accordion-custom:hover)
  accordion-custom:not(:hover),
.accordion:has(accordion-custom:focus-within)
  accordion-custom:not(:focus-within)  {
  color: var(--grey);
}







/*end of accordion*/


/* Completely hide native video controls visually */
deferred-media video::-webkit-media-controls {
  display: none !important;
  opacity: 0 !important;
}

deferred-media video::-moz-media-controls {
  display: none !important;
}

deferred-media video::-ms-media-controls {
  display: none !important;
}

deferred-media video {
  pointer-events: none !important; /* optional: prevents user clicking for controls */
}


.email-signup__input-group {
      display: flex !important;
    flex-direction: row;
}



/* test test*/



.second-section.homepage-intro {
background-color: var(--cream);
}

@media screen and (max-width: 749px) {
  .text-rotator {
    width: 100%
  }
  .card-carousel--section.video .swiper-arrow-container {
    display: none !important;
  }
}


.card-carousel--section.video .ss-content-wrapper {
grid-column: 1 / span 3;
}

.card-carousel--section.video .swiper-arrow-container {
  padding: 0 var(--page-margin);
}

@media screen and (min-width: 750px) {
.card-carousel--section.video .swiper-slide {
  height: 540px !important;
}
}

.card-carousel--section.video .swiper-slide {
  justify-content: center !important;
}

@media screen and (min-width: 750px) {
   .card-carousel--section.video .swiper-wrapper {
        height: 550px;
    display: flex;
    align-content: center;
    align-items: center;
   }
}

.card-carousel--section.video .swiper-arrow-container {
      bottom: 24px !important;
}

.product-details .price {
  font-style: italic;
}

.cart-drawer__close-button {
      margin-right: calc(var(--padding-sm) * -1);
    top: 20px;
    right: 20px;
    height: 16px;
    width:16px;
}


.template-contact.color-scheme-4 .color-scheme-1 .cart-drawer__inner .svg-wrapper path  {


          border-color: var(--color-input-border);
    --color-foreground: #EFE2C9;
    --color-input-text: var(--color-foreground);
    --color-input-border: var(--color-foreground);
    --button-border-color: var(--color-foreground);
    color: var(--color-foreground);
    --button-color: var(--color-foreground);
}

.template-contact.color-scheme-4 .color-scheme-1 *, .template-contact.color-scheme-4 .color-scheme-1, .template-contact.color-scheme-4 .email-signup__input, 
.template-contact.color-scheme-4 .button-secondary, .template-contact.color-scheme-4 .email-signup__input::placeholder, .template-contact .header-actions__action {

}


.popup-link__inner .close-button svg {
    width: 22px;
    height: 12px;
    color: var(--black);
}


.popup-link__content {
  background-color: #FEF8F0;
}

.vnav__item:first-child .vnav__link {
  padding-top: 0px;
}

.faq-title {
    display: flex;
    justify-content: flex-start;
}

.vnav__copy.richtext_2.rte {
    padding-top: 0px;
}


.menu-drawer__navigation {
  height: 100svh
}

.menu-drawer__menu.has-submenu {
  height: 100%
}


.menu-drawer__men .social-icons__wrapper {
  position: absolute; 
  bottom: 32px;
}

.social-icons__icon-wrapper [aria-label="Instagram"] .social-icons__icon{
    width: 24px;
    height: 24px;
    padding: 3px;
}


.popup-link .popup-link__content.dialog-modal .popup-link__inner {
      background-color: #FEF8F0;
}

.swiper-arrow-container {
  font-size: 13px;
}

@media screen and (max-width: 749px) {
  .email-signup__input.paragraph {
flex: 1  !important;
  }
 .email-signup__button.button-secondary {
    flex: 0 !important;
  }
}

.cart-drawer__heading.h3.cart-drawer__heading--empty {
  font-style: italic;
}


.button.close-button.popup-link__close {
color: var(--black);
opacity: 1;
}


.anchor-offset {
  position: relative;
  scroll-margin-top: 0px; /* match your sticky header */
}
/*template-index header.header-section:has(.menu-drawer-container.menu-open) {
    mix-blend-mode: difference;
}
    */


@media screen and (min-width: 750px) {
    .header-actions__cart-text, .cart-drawer {

    align-items: flex-start;
    }

.cart-bubble {
  align-items: flex-start;
}
}


@media screen and (max-width: 740px) {
  .header-actions__cart-icon {
    gap: 6px;
}
}


@media screen and (max-width: 749px) {

  .template-a-story-in-seven-currents .product-media ,
   .template-a-story-in-seven-currents .product-media img{
    height: 339px
  }
}


.template-contact header.header-section {
    mix-blend-mode: lighten;
}


.template-contact .menu-drawer-container.menu-open *{
color: var(--black) !important
}

.menu-drawer-logo__image {
  width: 128px;
}

@media screen and (max-width: 749px) {
  .footer-text {
    padding-top: 96px;
    padding-bottom: 66px;
  }
}


.template-contact .menu-list:has(.menu-list__list-item:hover) .menu-list__link:not(.menu-list__link--active) *,
.template-contact .menu-list:has(.menu-list__list-item:hover)  .menu-list__link.menu-list__link--active {
  color: var(--grey) ;
transition: 0.5s ease;
}

.template-contact .menu-list:has(.menu-list__list-item:hover) .menu-list__list-item:hover span,
 {
  color: #EFE2C9 ;
  transition: 0.5s ease;
}



/* menu link list template contact*/


.template-contact .menu-list:not(:has(.menu-list__list-item:hover)) .menu-list__link {
    color: #EFE2C9 ;
  text-decoration: none;
}

.template-contact .menu-list .menu-list__link--active {
  color: #EFE2C9 ;
  text-decoration: underline;
  text-underline-offset: .2em;
}


.template-contact .menu-list:has(.menu-list__list-item:hover) .menu-list__link,
 .template-contact .menu-list:has(.menu-list__list-item:hover) .menu-list__link--active span {
    color: var(--grey) ;
  text-decoration: none;
}


.template-contact .menu-list:has(.menu-list__list-item:hover)
  .menu-list__list-item:hover .menu-list__link {
  color: #EFE2C9 ;
  text-decoration: underline;
}

.template-contact .menu-list__list-item:hover span,
.template-contact .menu-list__list-item:hover>.menu-list__link--active span  {
    color: #EFE2C9  !important;
}



/*end of menu*/



.vnav__media {
    height: 100%;
    align-items: flex-start;
}


@media screen and (min-width: 750px) {
  .desktop-height-800 {
    min-height: 800px !important
  }
  .desktop-height-600 {
        max-height: 600px;
    min-height: 600px;
  }
}





/*
@media screen and (max-width: 749px) {
  .template-a-story-in-seven-currents .product-information__media #slide-1,
  .template-a-story-in-seven-currents .product-information__media #slide-2{
    display: none
  }
}

  */


@media screen and (max-width: 749px) {
   .template-a-story-in-seven-currents .vertical-gallery {
        display: block !important;
    }
    .template-a-story-in-seven-currents .vertical-gallery__grid [data-vg-index="0"],
    .template-a-story-in-seven-currents .vertical-gallery__grid [data-vg-index="1"],
    .template-a-story-in-seven-currents .vertical-gallery .vertical-gallery__thumbs {
        display: none !important;
    }
  
    .template-a-story-in-seven-currents .hide-main-slideshow slideshow-component {
        display: none !important;
    }

}


/* Horizontal strip */
@media screen and (max-width: 749px) {
.template-a-story-in-seven-currents .vertical-gallery__grid {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-overflow-scrolling: touch;
}

/* Default slide: LANDSCAPE 550 × 339 */
.template-a-story-in-seven-currents .vertical-gallery__grid > li.product-media-container {
  flex: 0 0 350px;    /* width */
  height: 339px;      /* height */
}

/* PORTRAIT slide: use Shopify's .tall-ratio as hook */
.template-a-story-in-seven-currents .vertical-gallery__grid > li.product-media-container:has(.product-media.tall-ratio) {
  flex-basis: 225px;  /* width for portrait */
}

/* Make inner media fill the slide */
.template-a-story-in-seven-currents .vertical-gallery__grid .product-media {
  width: 100%;
  height: 100%;
}

/* Image contained (no cropping) */
.template-a-story-in-seven-currents .vertical-gallery__grid .product-media__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

}

@media screen and (min-width: 750px) {
  .vertical-gallery__grid {
    --image-gap: 24px;
  }
  .vertical-gallery .product-media-container:has(.product-media.tall-ratio) {
    --column-gap: 6px;
  }
}

.hide-content-wrapper .hero__content-wrapper
 {
display: none;
}

.rte ul li {
 padding: 4px 0px;
}


.shopify-pc__banner__dialog h2 {
    color: hsl(0deg, 0%, 0%, 100%);
    font-size: 60%;
    margin: 0 0 .5em 0;
    padding: 0;
    font-weight: normal !important;
    font-style: normal !important;
    font-family: var(--font-body--family) !important;
} 
.shopify-pc__banner__dialog p,
.shopify-pc__banner__dialog button {

    font-size: 80% !important;
}