/** Shopify CDN: Minification failed

Line 404:18 Unexpected "{"
Line 404:27 Expected ":"
Line 411:18 Unexpected "{"
Line 411:27 Expected ":"

**/
/*** Font Imports ***/

@font-face { 
    font-family: "EllenciagoSans"; 
    src: url('/cdn/shop/files/EllenciagoSans.otf?v=1776721686'); }

@font-face {
    font-family:"adobe-caslon-pro";
    src:url("https://use.typekit.net/af/c9b150/00000000000000007735d880/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
    url("https://use.typekit.net/af/c9b150/00000000000000007735d880/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
    url("https://use.typekit.net/af/c9b150/00000000000000007735d880/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
}

@font-face {
     font-family:"adobe-caslon-pro-italic";
     src:url("https://use.typekit.net/af/7aefe0/00000000000000007735d883/31/l?subset_id=2&fvd=i4&v=3") format("woff2"),
     url("https://use.typekit.net/af/7aefe0/00000000000000007735d883/31/d?subset_id=2&fvd=i4&v=3") format("woff"),
     url("https://use.typekit.net/af/7aefe0/00000000000000007735d883/31/a?subset_id=2&fvd=i4&v=3") format("opentype");
}

.tk-adobe-caslon-pro { font-family: "adobe-caslon-pro",serif; }

/*** Font Styling ***/

.subheading, .subheading-badge { 
    font-family: EllenciagoSans !important;
}

.button-content, .button__content {
    font-family: EllenciagoSans !important;
}

.h1, .h2, .h3, .h4, .h6, .h7, .h8,
h1, h2, h3, h4, h6, h7, h8,
.display-m {
    font-family: adobe-caslon-pro !important;
    font-style: italic !important;
}

.h5, h5, body, .link-tap-area {
    font-family: adobe-caslon-pro !important;
    font-style: normal !important;
}

split-lines, is-split {
    font-family: adobe-caslon-pro !important;
    font-style: italic !important;
}

sale-price.subheading.text-subdued {
    font-size: 11px;
    padding-top: 0px;
}

a.product-title.subheading.trim-start {
    font-family: adobe-caslon-pro !important;
    font-size: 18px;
    letter-spacing: 0.025px;
    line-height: 1.3;
    text-transform: none;
    padding-top: 5px;
    padding-bottom: 1px;
}

/* Mobile: reduce product title size */
@media screen and (max-width: 749px) {
  a.product-title.subheading.trim-start {
    font-size: 16px !important;
  }
}

a.shopify-payment-button__more-options {
    font-family: EllenciagoSans !important;
    font-size: 12px;
}

/* Mobile paragraph size floor for Caslon text */
/* @media screen and (max-width: 749px) {
  .shopify-section--dynamic-grid p,
  .shopify-section--contact p,
  .shopify-section--collection-banner p,
  .shopify-section--specifications p,
  .shopify-section--timeline p {
    font-size: max(13px, 1em);
  }
} ------just in case----*/
@media screen and (max-width: 749px) {
  .shopify-section:not(.shopify-section--reading-text):not(.shopify-section--products-with-image) .prose p:not(.display-xl):not(.display-l):not(.display-m):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.h7):not(.h8) {
    font-size: max(13px, 1em) !important;
  }

  /* Only enforce Caslon where it's actually used */
  .shopify-section:not(.shopify-section--reading-text):not(.shopify-section--products-with-image) p {
    font-family: inherit;
  }

  .shopify-section:not(.shopify-section--reading-text):not(.shopify-section--products-with-image) p[style*="adobe-caslon-pro"],
  .shopify-section:not(.shopify-section--reading-text):not(.shopify-section--products-with-image) p[class*="caslon"] {
    font-family: adobe-caslon-pro, serif;
  }
}

/*** Buttons ***/

button, floating-label, input, optgroup, select, textarea {
  font-family: EllenciagoSans !important;
  letter-spacing: 0.025em;
  font-size: 12px;
  font-style: normal;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}


/*** ----------------------------------- HEADER ----------------------------------- ***/


/* TOP HEADER BAR (X-HEADER) */

x-header.header.is-solid {
  border-bottom-style: solid !important;
  border-bottom-width: 0.5px !important;
  border-color: #e8e5df !important;
}

/* NEED TO FIGURE OUT SELECTOR TO EXCLUDE WHEN THE x-HEADER IS TRANSPARENT 
x-header.color-scheme {
  border-bottom-style: solid !important;
  border-bottom-width: 0.5px !important;
  border-color: #e8e5df !important;
}
  */

x-header a.link-reversed {
    font-family: EllenciagoSans !important;
  font-size: 10px;
  letter-spacing: 0.05em;
}

/** ---- THIS IS FOR THE X-HEADER CUSTOM UNDERLINE ----- **/
/* make header the positioning context */
x-header {
  position: relative;
}

/* remove only the original underline on top-level nav links */
x-header > .header__primary-nav > ul > li > a.link-reversed {
  background: none !important;
  text-decoration: none;
  position: relative;
  z-index: 2;
}

/* custom underline */
x-header > .header__primary-nav > ul > li > a.link-reversed::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px; /* adjust until it hits bottom border of x-header*/
  height: 1px;
  background: currentColor;
  z-index: 3;

  transform: scaleX(0);
  transform-origin: var(--transform-origin-end);
  transition: transform .2s ease-in-out;
}

/* animate in on hover */
@media screen and (pointer: fine) {
  x-header > .header__primary-nav > ul > li > a.link-reversed:hover::after {
    transform: scaleX(1);
    transform-origin: var(--transform-origin-start);
  }
}

/* keep it visible while the menu is hovered/open */
x-header > .header__primary-nav > ul > li:hover > a.link-reversed::after,
x-header > .header__primary-nav > ul > li:has(x-header-mega-menu:hover) > a.link-reversed::after,
x-header > .header__primary-nav > ul > li:has([aria-expanded="true"]) > a.link-reversed::after,
x-header > .header__primary-nav > ul > li > a.link-reversed[aria-expanded="true"]::after,
x-header > .header__primary-nav > ul > li > a.link-reversed[aria-current="true"]::after {
  transform: scaleX(1);
  transform-origin: var(--transform-origin-start);
}
/** ---- X-HEADER CUSTOM UNDERLINE END ----- **/


/* MEGA MENU */
header-mega-menu.mega-menu {
  background-color: #fbfaf8;
  border-top-style: solid;
  border-top-width: 0.5px;
  border-color: #e8e5df;
  padding-top: 40px;
  padding-bottom: 40px;
}

header-mega-menu.mega-menu .subheading {
  font-family: EllenciagoSans !important;
  font-size: 10px;
  letter-spacing: 0.05em;
}

header-mega-menu.mega-menu a,
header-mega-menu.mega-menu p {
  font-family: adobe-caslon-pro !important;
  font-size: 13px;
  letter-spacing: 0.1px;
}

header-mega-menu.mega-menu ul {
  gap: 0px; /*adjust if you change the font size, this helps the spacing*/
}

header-mega-menu.mega-menu .v-stack.justify-items-start {
  padding-left: 20px;
}

/* this fixes the mega menu underlines so it's closer to the link text */
header-mega-menu .mega-menu__linklist a.link-reversed {
background-image: linear-gradient(to right, currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: 0 calc(100% - 3px) !important;
}





/*** Homepage ***/

/* ------------------------------Slideshow Hero Video, mobile overlay 40%---------------------*/
/* Mobile video overlay only */
@media screen and (max-width: 749px) {
  .shopify-section--slideshow video-media,
  .shopify-section--slideshow .video-wrapper,
  .shopify-section--slideshow .slideshow__slide video {
    position: relative;
  }

  .shopify-section--slideshow video-media::after,
  .shopify-section--slideshow .video-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(64, 52, 33, 0.4); /* #403421 at 40% */
    pointer-events: none;
    z-index: 2;
  }

  .shopify-section--slideshow video {
    position: relative;
    z-index: 1;
  }
}

/*** Product Template ***/

/*** Collection Template ***/


/*** --------------------Product Grid Item --------------------***/

.accordion__content {
    font-family: EllenciagoSans !important;
}

.accordion__summary {
    font-family: adobe-caslon-pro !important;
    font-size: 16px;
}

/*** -------------------Footer --------------------***/

.footer.subheading {
    font-size: 10px;
}

/* Scope everything to footer only */
.shopify-section--footer .subheading {
  font-family: EllenciagoSans !important;
  font-size: 10px;
  letter-spacing: 0.05em;
}

.shopify-section--footer a,
.shopify-section--footer p {
  font-family: adobe-caslon-pro !important;
  font-size: 13px;
  letter-spacing: 0.1px;
}

/* Only affect spacing for footer navigation lists */
.shopify-section--footer .footer__block--links ul {
  gap: 0px;
}

/* adjust underline so it's closer to the text */
.shopify-section--footer a.link-reversed {
  background-position: 0 calc(100% - 3px) !important;
}

/* Footer payment icons – 25% smaller */
.shopify-section--footer ul.h-stack li svg {
  transform: scale(0.75);
  transform-origin: center;
}

/* Payment icons */
.shopify-section--footer .footer__aside ul.h-stack {
  gap: 3px;
}

/* Social icons */
.shopify-section--footer .footer__aside .social-media,
.shopify-section--footer .footer__aside .social-media ul,
.shopify-section--footer .footer__aside .social-media .list-social {
  gap: 10px;
}

/*** -------------------Checkout Cart------------------ ***/

free-shipping-bar.v-stack.gap-2 {
    font-family: adobe-caslon-pro !important;
    font-size: 16px !important;
    text-transform: none;
}

div.line-item__info.subheading {
    font-family: adobe-caslon-pro !important;
    font-size: 14px !important;
    text-transform: none;
}

/* Fix cart "Total" text casing */
cart-drawer .cart-drawer__footer-inner .medium.uppercase {
  text-transform: none !important;
}

/*** ------------------Newsletter Section Button Issue---------------- ***/

/* Newsletter input + button alignment fix */
.shopify-section--newsletter .input-with-connected-submit {
  display: flex;
  align-items: stretch;
}

/* Make input + button identical in height */
.shopify-section--newsletter .input-with-connected-submit input,
.shopify-section--newsletter .input-with-connected-submit button {
  height: 48px;
  min-height: 48px;
  box-sizing: border-box;
}

/* Remove internal inconsistencies */
.shopify-section--newsletter .input-with-connected-submit input {
  flex: 1;
  margin: 0;
}

.shopify-section--newsletter .input-with-connected-submit button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
}

/* Optional: make them feel visually connected */
.shopify-section--newsletter .input-with-connected-submit input {
  border-right: none;
}

.shopify-section--newsletter .input-with-connected-submit button {
  border-left: none;
}

/* Newsletter background image fix */
.shopify-section--newsletter .section-split {
  background-image: url("/cdn/shop/files/EllenciagoBG3.png?v=1776792270");
  background-size: cover;        /* fills container cleanly */
  background-position: center;   /* keeps focal point centered */
  background-repeat: no-repeat;  /* prevents tiling */
}

/****--------------------Featured Collection--------------------****/

/* FULL BLEED FIX FOR FEATURED COLLECTION GRID */
#shopify-section-{{ section.id }} .container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Extend product grid to screen edges like carousel */
#shopify-section-{{ section.id }} .product-list.full-bleed {
  margin-inline-start: calc(-1 * max(var(--container-gutter), 50vw - var(--container-max-width) / 2));
  margin-inline-end: calc(-1 * max(var(--container-gutter), 50vw - var(--container-max-width) / 2));
  padding-inline: 0;
}

/*****--------------------LOGO LIST--------------------****/
/*brings back top margin when headline doesn't exist*/

.shopify-section--logo-list .section-stack > .prose:first-child {
  margin-top: clamp(2.5rem, 5vw, 5rem);
}

/****--------------------BLOG POST BANNER--------------------****/
/* Blog post banner background fix */
.shopify-section--blog-post-banner .section-split {
  background-image: url("/cdn/shop/files/EllenciagoBG3.png?v=1776792270");
  background-size: cover;        /* fills viewport */
  background-position: center;   /* keeps focal point stable */
  background-repeat: no-repeat;
}

/* -------------------- QUICK BUY MODAL TYPOGRAPHY -------------------- */

/* Variant labels (e.g. Size / Color) */
.modal--quick-buy div.h-stack.gap-2 {
  font-family: EllenciagoSans !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
}

/* Variant options spacing */
.modal--quick-buy .variant-picker__option-values.h-stack.gap-4.wrap {
  padding-top: 15px;
}

/* Zoom / action label */
.modal--quick-buy span.product-zoom-button__label {
  font-family: EllenciagoSans !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Price styling */
.modal--quick-buy sale-price.h6 {
  font-size: 14px;
  font-family: EllenciagoSans !important;
}

.modal--quick-buy sale-price,
.modal--quick-buy sale-price * {
  font-style: normal !important;
}

/*  "VIEW DETAILS" LINK FIX  */
.modal--quick-buy a.link.sm-max\:hidden {
  font-family: adobe-caslon-pro !important;
  text-transform: none;
  letter-spacing: 0em;
  font-size: 14px;
}

/***---------------------Dynamic Grid Font Sizing----------------***/
/* Cap mobile font size scaling to 13px */
@media screen and (max-width: 749px) {
  .shopify-section--dynamic-grid p {
    font-size: clamp(13px, 3.2vw, 16px);
  }
}

/****------------------SPECIFICATIONS-------------------------****/

/* Specifications collapsed attributes — mobile only */
@media screen and (max-width: 699px) {
  .shopify-section--specifications .accordion-list details .prose,
  .shopify-section--specifications .accordion-list details .prose p,
  .shopify-section--specifications .accordion-list .accordion__content,
  .shopify-section--specifications .accordion-list .accordion__content p,
  .shopify-section--specifications .accordion-list [id*="accordion-content"] p {
    font-family: EllenciagoSans, sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 0.025em !important;
    line-height: 1.53 !important;
    font-style: normal !important;
    margin: 0;
    max-width: none;
    color: rgb(from currentColor r g b / 0.7) !important;
  }
}


/* 
@media only screen and (max-width: 749px) {
}
@media only screen and (min-width: 750px) {
}
*/