/** Shopify CDN: Minification failed

Line 774:0 Expected "}" to go with "{"

**/
/* ═══════════════════════════════════════════════════
   NATASHA FONTAINE — brand stylesheet
   Loaded from layout/theme.liquid
   ═══════════════════════════════════════════════════ */

/* ── Fonts ─────────────────────────────────────────── */
@font-face{
  font-family:"Canela";
  src:url("/cdn/shop/files/Canela-Light-Web.woff2?v=1782145126") format("woff2"),
      url("/cdn/shop/files/Canela-Light-Web.woff?v=1782145126") format("woff");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"GT America";
  src:url("/cdn/shop/files/GT-America-Standard-Regular.woff?v=1782574629") format("woff");
  font-weight:400; font-style:normal; font-display:swap;
}

/* ── Tokens ────────────────────────────────────────── */
:root{
  --nf-paper:#FFFFFB;
  --nf-ink:#141E27;
  --nf-ink-soft:#5F666B;
  --nf-hair:#E3E4E2;
  --nf-panel:#FFFFFB;
  --nf-accent:#98945F;
  --nf-heading:"Canela", Georgia, serif;
  --nf-body:"GT America", -apple-system, BlinkMacSystemFont, sans-serif;
}

body{ font-family:var(--nf-body); color:var(--nf-ink); }
h1,h2,h3,.product-meta__title,.nf-col-title{
  font-family:var(--nf-heading); font-weight:400; letter-spacing:-0.012em;
}

/* ── Product grid + cards ──────────────────────────── */
.nf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,4vw,52px) clamp(16px,3vw,32px);}
@media (min-width:900px){ .nf-grid--3{grid-template-columns:repeat(3,1fr);} }
@media (max-width:560px){
  .nf-grid,.nf-grid--3{grid-template-columns:repeat(2,1fr);gap:clamp(24px,6vw,38px) clamp(18px,4.5vw,26px);padding-left:clamp(24px,7vw,40px);padding-right:clamp(24px,7vw,40px);}
}
.nf-card{text-decoration:none;color:var(--nf-ink);display:block;}
.nf-card-media{position:relative;aspect-ratio:4/5;background:var(--nf-panel);overflow:hidden;}
.nf-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .45s ease;}
.nf-card-secondary{opacity:0;}
@media (hover:hover){ .nf-card:hover .nf-card-secondary{opacity:1;} }
.nf-card-info{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;}
.nf-card-name{font-size:.84rem;letter-spacing:.01em;}
.nf-card-price{font-size:.84rem;color:var(--nf-ink-soft);white-space:nowrap;}
.nf-card-made{display:block;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;color:var(--nf-ink-soft);margin-top:6px;}
@media (max-width:560px){ .nf-gallery{margin-bottom:clamp(16px,4vw,24px);} }
.nf-slide{ max-height:78vh; }

/* ── Full-bleed sections ───────────────────────────── */
.shopify-section--header,.shopify-section--footer,
.header,.footer{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.nf-contact,.nf-contact__inner{max-width:100%!important;margin-left:0!important;margin-right:0!important;overflow-x:hidden!important}

/* ── Homepage: image with text ─────────────────────── */
.image-with-text{display:flex!important;flex-direction:column!important;align-items:center!important;grid-template-columns:none!important;gap:0!important;padding-block:40px}
.image-with-text picture,.image-with-text img{width:100%!important;max-width:380px!important;height:auto!important}
.image-with-text .prose{width:100%!important;max-width:380px!important;text-align:center!important}
.image-with-text .prose>*{text-align:center!important}
.image-with-text>*:first-child{width:380px!important;max-width:380px!important;margin:0 auto!important;flex:0 0 auto!important;transform:none!important}

/* ═══ HEADER (desktop) ═════════════════════════════ */

/* Nav: sentence case, brass on hover, no underline sweep */
.header__primary-nav a,
.header__primary-nav summary,
.header__dropdown-menu a{
  text-transform:none;
  transition:color .15s ease;
}
.header__primary-nav a:hover,
.header__primary-nav summary:hover,
.header__dropdown-menu a:hover{ color:var(--nf-accent); }

.header__primary-nav a::before,
.header__primary-nav a::after,
.header__primary-nav summary::before,
.header__primary-nav summary::after,
.header__menu-disclosure > summary::before,
.header__menu-disclosure > summary::after{
  display:none !important;
}

/* Dropdown: no dark bar, text aligned to the nav item */
.header__dropdown-menu{
  border-top:0 !important;
  box-shadow:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.header__dropdown-menu a{ padding-left:0 !important; }

/* Search + cart: inherit header colour, brass on hover */
.header__search-link a,
.header__cart-link a,
.header__search-link a .header__nav-icon{
  color: inherit;
  transition: color .15s ease;
}
.nf-cart-count{
  font-family: var(--nf-body) !important;
  font-size: 15px;
  letter-spacing: .075em;
  color: inherit;
  transition: color .15s ease;
}
.header__search-link a:hover,
.header__search-link a:hover .header__nav-icon,
.header__cart-link a:hover,
.header__cart-link a:hover .nf-cart-count{
  color: var(--nf-accent) !important;
}

/* Search bar (snippets/header-search.liquid) */
.header-search__input.nf-search-input{
  font-family:var(--nf-body) !important;
  font-size:15px !important;
  letter-spacing:.075em;
  color:var(--nf-ink) !important;
  -webkit-text-fill-color:var(--nf-ink) !important;
}
.header-search__input.nf-search-input::placeholder{
  color:var(--nf-ink-soft) !important;
  -webkit-text-fill-color:var(--nf-ink-soft) !important;
  opacity:1;
}
/* Bar height — tune this */
.header-search .header-search__form-control{
  padding-top:14px !important;
  padding-bottom:14px !important;
}

/* ═══ MENU DRAWER ══════════════════════════════════
   The drawer is a web component; its navy lives in the
   shadow root. ::part() is the only way in — the parts
   are base / overlay / content / header / panel-list.
   The vellum rides on ::part(content), the actual panel.
   Don't put it on the host: the host box spans the whole
   viewport. NEVER set `position` on the host — it's fixed,
   and overriding it breaks the drawer opening.
   NEVER set position/z-index on .header-sidebar__main-panel
   — it floats the invisible main panel over the sub-panel
   and hijacks its clicks.
   ═════════════════════════════════════════════════ */

header-sidebar.header-sidebar{
  --background:transparent;
  background:transparent !important;
}
.header-sidebar::part(base),
.header-sidebar::part(content),
.header-sidebar::part(header),
.header-sidebar::part(panel-list){
  background:transparent !important;
}
.header-sidebar__main-panel{ background:transparent !important; }

/* Vellum */
.header-sidebar::part(content)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:0.95;
  background-image:url("/cdn/shop/files/final_vellum.png?v=1784587483");
  background-size:cover;
  background-position:center;
}

/* Full screen on phone */
@media screen and (max-width:699px){
  .header-sidebar::part(content){
    width:100vw !important;
    max-width:100vw !important;
  }
}

/* Type: GT America throughout (Canela is desktop header only) */
.header-sidebar,
.header-sidebar a,
.header-sidebar summary,
.header-sidebar input,
.header-sidebar__linklist-button{
  font-family:var(--nf-body) !important;
}

/* Text colour. "Store" is a <button>, not an <a>.
   -webkit-text-fill-color beats color, so set both. */
.header-sidebar a,
.header-sidebar button,
.header-sidebar summary,
.header-sidebar span,
.header-sidebar input,
.header-sidebar .header-sidebar__linklist-button,
.header-sidebar .nf-sidebar-search__input,
.nf-sidebar-search__input{
  color:var(--nf-ink) !important;
  -webkit-text-fill-color:var(--nf-ink) !important;
  opacity:1 !important;
  text-transform:none;
}
.header-sidebar input::placeholder,
.nf-sidebar-search__input::placeholder{
  color:var(--nf-ink) !important;
  -webkit-text-fill-color:var(--nf-ink) !important;
  opacity:0.5 !important;
}

/* Close ✕ lives in the shadow root */
.header-sidebar::part(close-button){
  color:var(--nf-ink) !important;
  opacity:1 !important;
}

/* Links: underline fades in on hover, hugs the text.
   These are bare text in a flex box — text-decoration is
   the only thing that wraps the glyphs, not the row. */
.header-sidebar__linklist-button{
  text-decoration:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:5px !important;
  text-decoration-color:transparent !important;
  transition:text-decoration-color .35s ease !important;
}
.header-sidebar__linklist-button:hover{
  text-decoration-color:var(--nf-ink) !important;
}

/* Every drawer icon is a stroked outline — never filled */
.header-sidebar svg,
.header-sidebar__collapsible-panel svg,
.nf-sidebar-search__btn svg{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.5;
}
.nf-sidebar-search__btn svg{ width:18px; height:18px; }

/* Kill stray white rules (incl. the one under "Store") */
.header-sidebar__collapsible-panel *,
.header-sidebar::part(panel-list) *{
  border-color:transparent !important;
}

/* Drawer search: word left, icon at the right end, ink rule below */
.nf-sidebar-search{ position:relative; display:block; }
.nf-sidebar-search__input{ width:100%; padding-left:0; padding-right:28px; }
.nf-sidebar-search button{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  margin:0;
  padding:0;
  background:none;
  border:0;
  cursor:pointer;
}
.nf-sidebar-search,
.nf-sidebar-search__input,
.nf-sidebar-search-item{
  border-color:rgba(20,30,39,.25) !important;
  border-bottom-color:rgba(20,30,39,.25) !important;
}

/* ── Store sub-panel ─────────────────────────────── */

/* "Store" title: same type as the parent menu, stays faded.
   (Our global drawer rule forces opacity:1, so re-fade here.) */
.header-sidebar__sub-panel .header-sidebar__back-button{
  font-family: var(--nf-body) !important;
  font-size: 16px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  opacity: 0.55 !important;
  border-bottom: 0 !important;
}

/* Sub-panel links: underline fades in on hover */
.header-sidebar__sub-panel .header-sidebar__linklist a,
.header-sidebar__sub-panel .header-sidebar__linklist button{
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 5px !important;
  text-decoration-color: transparent !important;
  transition: text-decoration-color .35s ease !important;
}
.header-sidebar__sub-panel .header-sidebar__linklist a:hover,
.header-sidebar__sub-panel .header-sidebar__linklist button:hover{
  text-decoration-color: var(--nf-ink) !important;
}

/* ═══ FOOTER ═══════════════════════════════════════ */

.shopify-section--footer .footer.color-scheme{
  --background:transparent;
  background-color:var(--nf-paper) !important;
}
.shopify-section--footer,
.shopify-section--footer a,
.shopify-section--footer p,
.shopify-section--footer .nf-footer__nav a,
.shopify-section--footer .nf-footer__tagline,
.shopify-section--footer .footer__block-list,
.shopify-section--footer .footer__block-list a,
.shopify-section--footer .nf-footer__bottom,
.shopify-section--footer .nf-footer__bottom a{
  color:var(--nf-ink) !important;
}
.shopify-section--footer a:hover{ color:var(--nf-accent) !important; }
.shopify-section--footer svg{
  fill:none !important;
  stroke:var(--nf-ink) !important;
}

/* Spacing */
.shopify-section--footer .section-spacing{
  padding-top:8px !important;
  padding-bottom:8px !important;
}
.shopify-section--footer .footer__inner{ gap:8px !important; }

/* Footer logo — mobile first */
.shopify-section--footer .nf-footer__logo img{
  max-width: 500px !important;
  width: 80% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}
.shopify-section--footer .nf-footer__logo{
  margin-top: -120px !important;
  margin-bottom: -120px !important;
  padding: 0 !important;
  min-height: 0 !important;
}
@media screen and (min-width: 1000px){
  .shopify-section--footer .nf-footer__logo img{
    max-width: 650px !important;
    width: 80% !important;
  }
  .shopify-section--footer .nf-footer__logo{
    margin-top: -220px !important;
    margin-bottom: -220px !important;
  }
}

/* Newsletter capture (nf-prestige.css:1387 forces #FFFFFB) */
.nf-newsletter-block,
.nf-newsletter-block *,
.nf-newsletter-block input,
.nf-email-input{
  color:var(--nf-ink) !important;
  -webkit-text-fill-color:var(--nf-ink) !important;
}
.nf-newsletter-block input{
  background:transparent !important;
  border-color:rgba(20,30,39,.35) !important;
}
.nf-newsletter-block input::placeholder,
.nf-email-input::placeholder{
  color:var(--nf-ink) !important;
  -webkit-text-fill-color:var(--nf-ink) !important;
  opacity:0.5 !important;
}

/* Legal divider slash */
.nf-footer__legal span{ color:rgba(20,30,39,.4) !important; }

/* ═══ DRAWER — sub-panel + logo ════════════════════ */

.header__menu-disclosure > summary{
  background: transparent !important;
  outline: none !important;
}

/* Drawer opened straight to a sub-panel: no main panel, no back arrow */
.header-sidebar.nf-direct .header-sidebar__main-panel{
  opacity: 0 !important;
  pointer-events: none !important;
}
.header-sidebar.nf-direct .header-sidebar__back-button{
  display: none !important;
}
.header-sidebar.nf-direct .header-sidebar__collapsible-panel{
  transform: translateX(0) !important;
}

/* Sub-panel: same column layout as the main panel, so the logo
   lands in the same place instead of following the link list */
.header-sidebar__collapsible-panel[open]{
  display: flex !important;
  flex-direction: column !important;
}
.header-sidebar__collapsible-panel:not([open]){
  pointer-events: none !important;
}
.header-sidebar__collapsible-panel .header-sidebar__scroller{
  flex: 1 1 auto !important;
}
.header-sidebar__collapsible-panel .nf-sidebar-logo{
  margin-left: 0 !important;
  padding-left: 0 !important;
}
/* Sub-panel logo only appears when the sub-panel is open */
.header-sidebar__collapsible-panel:not([open]) .nf-sidebar-logo{
  display: none !important;
}

/* Sidebar logo: identical placement in both panels */
.header-sidebar .nf-sidebar-logo{
  margin: auto 0 0 0 !important;
  padding: 0 0 17px 17px !important;
}
/* Sidebar logo size — 30% smaller, applies to every menu */
.header-sidebar .nf-sidebar-logo img{
  width: 50px !important;
  height: auto !important;
}

/* Keep the close ✕ above the panels */
.header-sidebar::part(header){
  position: relative;
  z-index: 5;
}

/* ═══ PRODUCT PAGE ═════════════════════════════════ */

/* Three columns, sticky rails */
@media screen and (min-width: 1000px){
  .shopify-section--main-product{
    --product-grid:
      "product-content product-gallery product-info"
      / minmax(0, 180px) minmax(0, 1fr) minmax(0, 220px) !important;
  }

  /* Gutters match the gap between the stacked images */
  .shopify-section--main-product .product{
    column-gap: 30px !important;
  }

  .shopify-section--main-product .product-content-below-gallery,
  .shopify-section--main-product .product-info{
    position: sticky;
    top: calc(var(--header-height, 0px) + 32px);
    align-self: start;
  }
}
/* Product gallery: keep the counter, drop the progress bar */
.nf-gallery .nf-progress{
  display: none !important;
}

/* ═══ PASSWORD PAGE ════════════════════════════════ */

.password{
  min-height: 100vh;
  font-family: var(--nf-body) !important;
}

/* Hero fills the screen */
.password .image-background{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* No cards, no boxes, no navy panels */
.password .password__content,
.password .password__social,
.password .password__block-list,
.password .password__header,
.password .password__footer{
  background: transparent !important;
  --background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Everything is GT America; "Keep in touch" is Canela below */
.password p,
.password span,
.password input,
.password button,
.password .button,
.password a{
  font-family: var(--nf-body) !important;
}

/* Dark hero — paper white text */
.password,
.password p,
.password .h3,
.password a,
.password button{
  color: var(--nf-paper) !important;
  -webkit-text-fill-color: var(--nf-paper) !important;
}

/* Logo — tune these two numbers */
.password .password__logo-image{
  --image-max-width: 650px !important;
  --image-mobile-max-width: 260px !important;
  max-width: 650px !important;
  width: 100% !important;
  height: auto !important;
}
@media screen and (max-width: 699px){
  .password .password__logo-image{
    --image-max-width: 260px !important;
    max-width: 260px !important;
  }
}

/* Instagram above "Keep in touch" */
.password .password__block-list{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 28px !important;
}
.password .password__social{
  order: -1 !important;
  padding: 0 !important;
}

/* "Keep in touch" — Canela, with air */
.password .h3{
  font-family: var(--nf-heading) !important;
  font-weight: 400 !important;
  letter-spacing: .06em !important;
  text-transform: none !important;
  font-size: 28px !important;
}

/* Email line — long, hairline, arrow at the end */
.password .nf-newsletter-form{
  display: flex !important;
  justify-content: center !important;
}
.password .nf-email-row{
  position: relative;
  display: flex;
  align-items: center;
  width: min(520px, 80vw);
  margin: 0 auto !important;
  border-bottom: 1px solid rgba(255,255,251,.4);
}
.password .nf-email-input{
  flex: 1 1 auto;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 10px 0 !important;
  font-family: var(--nf-body) !important;
  font-size: 15px !important;
  letter-spacing: .04em;
  color: var(--nf-paper) !important;
  -webkit-text-fill-color: var(--nf-paper) !important;
}
.password .nf-email-input::placeholder{
  color: rgba(255,255,251,.55) !important;
  -webkit-text-fill-color: rgba(255,255,251,.55) !important;
  opacity: 1 !important;
}
.password .nf-email-submit{
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  cursor: pointer;
  color: var(--nf-paper) !important;
  transition: color .15s ease;
}
.password .nf-email-submit:hover{ color: var(--nf-accent) !important; }
.password .nf-email-submit svg{
  fill: none !important;
  stroke: currentColor !important;
}

/* Password drawer input keeps the hairline treatment (light bg) */
.password input[type="password"]{
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(20,30,39,.35) !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
  font-size: 15px !important;
}

/* Instagram — our own icon, no box, thin stroke */
.password .nf-password__instagram{
  display: inline-block;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  color: var(--nf-paper) !important;
  transition: color .15s ease;
}
.password .nf-password__instagram:hover{ color: var(--nf-accent) !important; }
.password .nf-password__instagram svg{
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.2 !important;
}

/* Lock only — no "Enter password" text */
.password .password__password-button span:not(.sr-only){
  display: none !important;
}
.password .password__password-button svg{
  stroke: rgba(255,255,251,.6) !important;
  transition: stroke .15s ease;
}
.password .password__password-button:hover svg{
  stroke: var(--nf-paper) !important;
}

/* Kill the whole bottom bar */
.password .password__footer{
  display: none !important;
}
/* Footer newsletter — single slender underline */
.nf-newsletter-block .nf-email-input{
  border: 0 !important;
  padding: 8px 0 !important;
}
.nf-newsletter-block .nf-email-row{
  border: 0 !important;
  border-bottom: 1px solid rgba(20,30,39,.45) !important;
  border-radius: 0 !important;
}
/* Image-with-text-block — remove the scrim behind overlay text */
.shopify-section--image-with-text-block .content-over-media::before,
.shopify-section--image-with-text-block .content-over-media::after{
  content: none !important;
  background: none !important;
  display: none !important;
}
.shopify-section--image-with-text-block .content-over-media > .content{
  background: none !important;
}
/* ── Collection product cards ─────────────────────── */

/* Title in GT America, not Canela */
.product-card .product-title{
  font-family: var(--nf-body) !important;
  font-weight: 400 !important;
  font-size: .9rem !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}

/* Price a little more solid */
.product-card .price,
.product-card__price-link .price{
  color: var(--nf-ink) !important;
  opacity: .75 !important;   /* raise toward 1 for even more solid */
}
.product-card__price-link{
  text-decoration: none !important;
  color: inherit !important;
  display: block !important;
}

/* Left-align title + price to the image edge */
.product-card__info,
.product-card__info .v-stack{
  justify-items: start !important;
  align-items: start !important;
  text-align: left !important;
}
.product-card__info .price-list,
.product-card__info .h-stack{
  justify-content: flex-start !important;
}

/* Swipeable image track */
.product-card .nf-card-track{
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.product-card .nf-card-track::-webkit-scrollbar{ display: none; }
.product-card .nf-card-slide{
  flex: 0 0 100%;
  scroll-snap-align: start;
}
.product-card .nf-card-slide img{
  width: 100%;
  height: auto;
  display: block;
}
/* Hover arrows — desktop only */
.product-card__figure{ position: relative; }
.product-card .nf-card-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 34px;
  height: 34px;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: rgba(255,255,251,.72);
  color: var(--nf-ink);
  opacity: 0;
  transition: opacity .2s ease, background .2s ease;
}
.product-card .nf-card-arrow:hover{ background: rgba(255,255,251,.95); }
.product-card .nf-card-arrow--prev{ left: 10px; }
.product-card .nf-card-arrow--next{ right: 10px; }
.product-card .nf-card-arrow svg{
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}
@media (hover: hover) and (min-width: 1000px){
  .product-card__figure:hover .nf-card-arrow{
    display: flex;
    opacity: 1;
  }
}
/* Footer logo must not hijack clicks on the links it overlaps */
.shopify-section--footer .nf-footer__logo,
.shopify-section--footer .nf-footer__logo a{
  pointer-events: none !important;
}
/* Contact page — landing image swapped onto the heading */
.nf-contact__heading{
  display: block !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background: url("/cdn/shop/files/NF_layoutfinal.png?v=1784776092") center / contain no-repeat !important;
  width: 85% !important;
  aspect-ratio: 2315 / 1798 !important;
  max-width: 600px !important;
  margin: 0 auto !important;
}
@media (max-width: 699px){
  .nf-contact__heading{
    width: 100% !important;
    max-width: 699px !important;
  }
}
/* Header logo — explicit mobile width (overrides the theme slider) */
@media screen and (max-width: 699px){
  .header__logo-image{
    width: 250px !important;
    max-width: 250px !important;
    height: auto !important;
  }