/* ===== Boho layer: softer lines, warm tones, black toned down ===== */
:root {
  --yellow: #ffeb3b;          /* logo butterfly */
  --butter: #fbe7a1;
  --yellow-soft: #fdf1c4;
  --mustard: #f6d55c;
  --mustard-soft: #fdf1c4;
  --ink: #4a3a31;             /* warm espresso instead of black */
  --teal: #4a3a31;
  --teal-mid: #6e5c50;
  --terracotta: #c4805e;
  --sage: #9aa58b;
  --sage-soft: #efe7d8;
  --sand: #f3e7d3;
  --cream: #fbf6ec;
  --paper: #fffbf3;
  --rose: #c4805e;
  --cinnamon: #a8694a;
  --olive: #7b8462;
  --line: rgba(74, 58, 49, .14);
  --radius: 26px;
  --display: "Fraunces", Georgia, serif;
  --body: "Nunito", system-ui, -apple-system, sans-serif;
  --script: "Caveat", cursive;
}
body { color: var(--ink); background: var(--cream); font-weight: 400; }
h1, h2, h3 { font-weight: 500; letter-spacing: -.005em; color: var(--ink); font-variation-settings: "SOFT" 100, "WONK" 1; }
h1 em, h2 em { font-style: italic; }

/* script eyebrows instead of tight caps */
.eyebrow { font-family: var(--script); text-transform: none; letter-spacing: 0; font-size: 26px; font-weight: 600; color: var(--terracotta); line-height: 1; }

/* chrome */
.ticker { background: var(--butter); color: var(--ink); letter-spacing: .12em; font-weight: 600; }
header.top { background: rgba(251, 246, 236, .94); border-bottom: 0; box-shadow: 0 6px 24px -18px rgba(74, 58, 49, .5); }
nav.main a[aria-current="page"] { box-shadow: none; background: var(--butter); border-radius: 999px; }
nav.main a:hover { box-shadow: none; background: var(--sand); border-radius: 999px; }
.icon-btn { background: var(--ink); color: var(--paper); }
.icon-btn .count { background: var(--yellow); color: var(--ink); }

/* buttons: rounder, warmer */
.btn { background: var(--ink); color: var(--paper); border-color: var(--ink); font-weight: 600; letter-spacing: .01em; }
.btn:hover { background: var(--butter); color: var(--ink); border-color: var(--butter); }
.btn.ghost { background: transparent; color: var(--ink); border-color: rgba(74, 58, 49, .45); }
.btn.ghost:hover { background: var(--sand); border-color: var(--sand); color: var(--ink); }
.btn.light { background: var(--paper); color: var(--ink); border-color: var(--paper); }

/* hero: soft arch, blob behind, dotted outline */
.hero { background: radial-gradient(ellipse 60% 70% at 85% 40%, var(--yellow-soft), transparent 70%); }
.hero h1 em { font-style: italic; background: none; color: var(--ink); position: relative; padding: 0; }
.hero h1 em::after {
  content: ""; position: absolute; left: -2%; right: -2%; bottom: .06em; height: .32em; z-index: -1;
  background: var(--yellow); border-radius: 60% 40% 55% 45% / 70% 60% 40% 30%; opacity: .85;
}
.hero h1 { position: relative; z-index: 0; }
.hero-art .card { border-radius: 999px 999px 40px 40px; }
.hero-art::before {
  inset: -14px; background: none; border: 2px dashed rgba(196, 128, 94, .55);
  border-radius: 999px 999px 52px 52px;
}
.hero-art::after {
  content: ""; position: absolute; z-index: -1; width: 70%; height: 55%; right: -14%; bottom: -8%;
  background: var(--butter); border-radius: 58% 42% 50% 50% / 46% 55% 45% 54%;
}
.hero-art { z-index: 0; }
.hero-deco { color: var(--terracotta); }
.hero-deco.s2 { color: var(--mustard); }
.hero-deco.s3 { color: var(--sage); }
.sticker {
  background: var(--yellow); color: var(--ink); font-family: var(--script); font-size: 22px; font-weight: 700;
  letter-spacing: 0; line-height: .95; border-radius: 52% 48% 45% 55% / 55% 45% 55% 45%;
  box-shadow: 0 10px 24px -14px rgba(74, 58, 49, .6);
}
@media (max-width: 860px) { .sticker { font-size: 19px; } }

/* values: no boxes, blob icons */
.value { background: transparent; border: 0; padding: 18px 10px; }
.value svg { background: var(--butter); color: var(--ink); border-radius: 58% 42% 52% 48% / 46% 56% 44% 54%; }
.value:nth-child(2) svg { background: #e9dcc5; border-radius: 45% 55% 40% 60% / 55% 45% 55% 45%; }
.value:nth-child(3) svg { background: var(--yellow-soft); border-radius: 50% 50% 60% 40% / 40% 60% 40% 60%; }
.value:nth-child(4) svg { background: #f1d9c8; border-radius: 60% 40% 50% 50% / 50% 50% 50% 50%; }
.value:nth-child(5) svg { background: #e3e6d3; border-radius: 42% 58% 55% 45% / 58% 42% 58% 42%; }
.value h3 { font-family: var(--display); font-weight: 500; font-size: 22px; }

/* collections + tiles: arch-top photos, no hard edges */
.coll { border-radius: 999px 999px 30px 30px; }
.coll::after { background: linear-gradient(180deg, transparent 45%, rgba(74, 58, 49, .72)); }
.coll .label { font-weight: 500; font-style: italic; }
.tile .img { border-radius: 999px 999px 26px 26px; background: var(--sand); }
.tile .name { font-weight: 500; }
.tile .price { color: var(--cinnamon); font-weight: 600; }
.rib { background: var(--yellow); color: var(--ink); font-weight: 700; }
.rib.out { background: var(--ink); color: var(--butter); }
.tile .ribbons { top: auto; bottom: 14px; left: 50%; transform: translateX(-50%); justify-content: center; }

/* story + band */
.story .photo { box-shadow: none; border-radius: 40px 40px 999px 999px; position: relative; }
.band { background: var(--sand); border-radius: 48px 48px 48px 48px / 48px 48px 48px 48px; }
.band::before {
  content: ""; position: absolute; width: 220px; height: 220px; right: -60px; top: -80px;
  background: var(--yellow); opacity: .55; border-radius: 58% 42% 52% 48% / 46% 56% 44% 54%;
}
.band > * { position: relative; }
.band .btn.light { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.band .btn.light:hover { background: var(--butter); border-color: var(--butter); color: var(--ink); }

/* page headers: soft butter with wavy bottom edge */
.page-head { background: var(--yellow-soft); border-bottom: 0; padding-bottom: 64px; }
.page-head::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 34px;
  background: var(--cream);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 34' preserveAspectRatio='none'%3E%3Cpath d='M0 20 C150 0 300 34 450 18 S750 2 900 18 S1100 30 1200 14 V34 H0Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 34' preserveAspectRatio='none'%3E%3Cpath d='M0 20 C150 0 300 34 450 18 S750 2 900 18 S1100 30 1200 14 V34 H0Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.page-head h1 { font-weight: 500; }
.chip { border-color: rgba(74, 58, 49, .35); color: var(--ink); background: rgba(255, 251, 243, .6); }
.chip.on, .chip:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }

/* footer: warm sand instead of black, wavy top */
footer.foot { background: var(--sand); color: var(--ink); position: relative; margin-top: 120px; }
footer.foot::before {
  content: ""; position: absolute; left: 0; right: 0; top: -33px; height: 34px; background: var(--sand);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 34' preserveAspectRatio='none'%3E%3Cpath d='M0 14 C150 34 300 0 450 16 S750 32 900 16 S1100 4 1200 20 V34 H0Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 34' preserveAspectRatio='none'%3E%3Cpath d='M0 14 C150 34 300 0 450 16 S750 32 900 16 S1100 4 1200 20 V34 H0Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.foot h4 { color: var(--terracotta); font-family: var(--script); font-size: 26px; font-weight: 600; }
.foot a:hover { color: var(--terracotta); }
.foot .big { color: var(--ink); font-weight: 500; }
.foot .big em { color: var(--ink); font-style: italic; }

/* drawer, forms, product page */
.drawer { background: var(--cream); border-radius: 28px 0 0 28px; overflow: hidden; }
.drawer header { background: var(--yellow-soft); border-bottom: 0; }
.sheet { background: var(--cream); }
.gallery .main { border-radius: 999px 999px 32px 32px; background: var(--sand); }
@media (max-width: 860px) { .gallery .main { border-radius: 40px; } }
.thumbs button { border-radius: 999px 999px 14px 14px; }
.buy h1 { font-weight: 500; }
.buy .price { color: var(--cinnamon); font-weight: 500; }
.one-of { background: var(--butter); text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 600; }
.pull { border-left: 0; padding: 0; font-style: italic; font-weight: 400; position: relative; }
.pull::before { content: "“"; display: block; font-size: 72px; line-height: .6; color: var(--mustard); margin-bottom: 6px; }
.about-grid .photo { border-radius: 999px 999px 40px 40px; }
.contact a { border: 0; background: var(--paper); box-shadow: 0 10px 30px -22px rgba(74, 58, 49, .6); }
.contact a:hover { background: var(--yellow-soft); }
.state { border: 2px dashed rgba(196, 128, 94, .4); border-radius: 32px; }
.toolbar select, .field input, .pair input { border-radius: 999px; padding-left: 16px; }
.rib { white-space: nowrap; }

/* ===== Butterflies instead of arches, brighter backgrounds ===== */
:root {
  --cream: #ffffff;
  --paper: #ffffff;
  --sand: #f5f3ef;
  --butter: #fff09a;
  --yellow-soft: #fff7c9;
  --bfly: url("/img/butterfly.svg") center / 100% 100% no-repeat;
}
body { background: #fff; }
main { overflow-x: clip; }
header.top { background: rgba(255, 255, 255, .95); }

/* hero: the bag photo framed as the logo butterfly, a yellow butterfly offset behind it */
.hero { background: none; }
.hero-art { aspect-ratio: 310 / 272; max-width: 560px; }
.hero-art .card { border-radius: 0; -webkit-mask: var(--bfly); mask: var(--bfly); background: var(--sand); }
.hero-art::before {
  inset: 0; border: 0; border-radius: 0; transform: translate(20px, 18px);
  background: var(--yellow); -webkit-mask: var(--bfly); mask: var(--bfly);
}
.hero-art::after { display: none; }
.sticker { bottom: -8%; left: calc(50% - 56px); transform: rotate(-8deg); }
.hero-deco.s1 { top: -6%; left: 4%; }
.hero-deco.s2 { top: 6%; left: 0; }
.hero-deco.s3 { bottom: 30%; right: -30px; }
@media (max-width: 860px) {
  .hero-art { max-width: 440px; width: calc(100% - 24px); }
  .sticker { left: calc(50% - 46px); bottom: -12%; }
  .hero-deco.s3 { right: -12px; }
  .hero .wrap { padding-bottom: 72px; }
}

/* collections: butterfly-shaped photos with the name underneath */
.coll { aspect-ratio: auto; border-radius: 0; overflow: visible; background: none; }
.coll::after { display: none; }
.coll img { height: auto; aspect-ratio: 310 / 272; -webkit-mask: var(--bfly); mask: var(--bfly); background: var(--sand); }
.coll .label { position: static; color: var(--ink); justify-content: center; gap: 8px; margin-top: 10px; font-size: 24px; }
.coll .label small { opacity: .6; }

/* product photos: soft rounded corners (a butterfly cut-out would hide each bag's handle and base) */
.tile .img { border-radius: 28px; background: var(--sand); }
.gallery .main { border-radius: 28px; background: var(--sand); }
@media (max-width: 860px) { .gallery .main { border-radius: 24px; } }
.thumbs button { border-radius: 14px; }

/* Emily's photos: rounded, with a yellow butterfly fluttering behind */
.story, .about-grid { position: relative; }
.story > *, .about-grid > * { position: relative; z-index: 1; }
.story .photo, .about-grid .photo { border-radius: 32px; box-shadow: none; }
.story::before, .about-grid::before {
  content: ""; position: absolute; z-index: 0; aspect-ratio: 310 / 272; background: var(--yellow);
  -webkit-mask: var(--bfly); mask: var(--bfly); transform: rotate(-14deg);
}
.story::before { width: 34%; left: -6%; top: -9%; }
.about-grid::before { width: 30%; left: -5%; top: 2%; }
@media (max-width: 860px) {
  .story::before { width: 52%; left: -6%; top: -4%; }
  .about-grid::before { width: 48%; left: -6%; top: 1%; }
}

/* yellow instead of cream for the soft sections */
.band { background: var(--yellow-soft); }
.band::before { border-radius: 0; width: 210px; height: auto; aspect-ratio: 310 / 272; right: -40px; top: -60px; opacity: .8; -webkit-mask: var(--bfly); mask: var(--bfly); transform: rotate(18deg); }
footer.foot, footer.foot::before { background: var(--yellow-soft); }
.drawer, .sheet { background: #fff; }

/* ===== Softer, matte look for product photos (tames phone-camera glare and over-processing) ===== */
.tile .img img, .gallery .main img, .thumbs img, .hero-art .card img, .coll img, .line img {
  filter: contrast(.92) saturate(.9) brightness(1.01) sepia(.06);
}

/* ===== Typewriter type ===== */
:root {
  --display: "Special Elite", "Courier New", monospace;
  --body: "Courier Prime", "Courier New", monospace;
}
body { font-size: 16.5px; line-height: 1.65; }
h1, h2, h3, .tile .name, .coll .label, .foot .big, .pull, .buy .price, .row.total, .mnav a, .contact strong,
.filters h4, .value h3, .drawer header h2, .sheet-head h2 {
  font-family: var(--display); font-weight: 400; font-style: normal; letter-spacing: 0; font-synthesis: none;
}
.hero h1 em, .foot .big em, h1 em, h2 em { font-style: normal; }
.btn, .chip, nav.main a, .icon-btn, .menu-btn { font-family: var(--body); font-weight: 700; letter-spacing: .02em; }
.ticker { font-family: var(--body); font-weight: 700; }
.tile .price { font-family: var(--body); font-weight: 700; }
.hero p.lead, .story p, .about-grid p { font-size: 17px; }

/* ===== Photos of Emily ===== */
.emily-gallery { margin-top: 80px; }
.emily-gallery h2 { font-size: clamp(28px, 4vw, 42px); margin: 6px 0 24px; }
.eg-grid { columns: 3 260px; column-gap: 16px; }
.eg-grid figure { margin: 0 0 16px; break-inside: avoid; border-radius: 24px; overflow: hidden; background: var(--sand); }
.eg-grid img { width: 100%; height: auto; display: block; }
.eg-grid figure:nth-child(3n+2) { border-radius: 24px 24px 120px 24px; }
@media (max-width: 560px) { .eg-grid { columns: 2; column-gap: 10px; } .eg-grid figure { margin-bottom: 10px; border-radius: 16px; } }
.story-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 22px; max-width: 460px; }
.story-strip a { display: block; aspect-ratio: 1; border-radius: 16px; overflow: hidden; background: var(--sand); }
.story-strip img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.story-strip a:hover img { transform: scale(1.05); }

/* ===== Brand video ===== */
.ey-video { position: relative; }
.ey-video .video { position: relative; z-index: 1; aspect-ratio: 16 / 9; max-width: 100%; border-radius: 28px; overflow: hidden; background: var(--sand); }
.ey-video video { width: 100%; height: 100%; display: block; object-fit: cover; background: var(--sand); }
.ey-video::after {
  content: ""; position: absolute; z-index: 0; width: 120px; aspect-ratio: 310 / 272; right: 0; top: 4px;
  background: var(--yellow); -webkit-mask: var(--bfly); mask: var(--bfly); transform: rotate(16deg);
}
.about-video { margin-top: 80px; }
.about-video h2 { font-size: clamp(28px, 4vw, 42px); margin: 6px 0 24px; }
@media (max-width: 560px) { .ey-video .video { border-radius: 18px; } .ey-video::after { width: 80px; } }

/* ===== No handwriting: typewriter labels instead ===== */
:root { --script: "Courier Prime", "Courier New", monospace; }
.eyebrow { font-family: var(--body); font-weight: 700; text-transform: uppercase; letter-spacing: .16em; font-size: 13px; line-height: 1.3; color: var(--terracotta); }
.foot h4 { font-family: var(--display); font-weight: 400; font-size: 20px; }
.sticker { font-family: var(--display); font-weight: 400; font-size: 15px; line-height: 1.1; letter-spacing: .02em; }
@media (max-width: 860px) { .sticker { font-size: 13px; } }

/* ===== As seen in ===== */
.press-section { margin-top: 80px; }
.press-section h2 { font-size: clamp(28px, 4vw, 42px); margin: 6px 0 24px; }
.press-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px; }
.press-card {
  display: grid; gap: 8px; padding: 28px 26px; text-decoration: none; color: var(--ink);
  background: var(--yellow-soft); border-radius: 28px; position: relative; overflow: hidden; transition: transform .25s;
}
.press-card:hover { transform: translateY(-3px); }
.press-card::after {
  content: ""; position: absolute; width: 90px; aspect-ratio: 310 / 272; right: -18px; top: -14px;
  background: var(--yellow); -webkit-mask: var(--bfly); mask: var(--bfly); transform: rotate(18deg); opacity: .9;
}
.press-pub { font-family: var(--display); font-size: 26px; line-height: 1.1; position: relative; z-index: 1; }
.press-date { font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--terracotta); }
.press-title { font-weight: 700; font-size: 17px; }
.press-quote { font-size: 16px; line-height: 1.55; color: var(--teal-mid); }
.press-cta { font-weight: 700; margin-top: 6px; text-decoration: underline; text-underline-offset: 4px; }
.press-mini { display: inline-flex; gap: 10px; align-items: baseline; margin-top: 20px; font-weight: 700; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.press-mini span { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--terracotta); text-decoration: none; }

/* ===== Studio-sign colors: mint + teal lettering, butterfly yellow ===== */
:root {
  --ink: #1f4e50;
  --teal: #1f4e50;
  --teal-mid: #46706f;
  --terracotta: #2a8a86;
  --cinnamon: #2a8a86;
  --rose: #2a8a86;
  --mint: #d6f0e8;
  --mint-soft: #ebf8f3;
  --sand: #eef6f2;
  --line: rgba(31, 78, 80, .16);
}
.ticker { background: var(--mint); color: var(--ink); }
.page-head { background: var(--mint); }
.band { background: var(--mint); }
footer.foot, footer.foot::before { background: var(--mint); }
.drawer header { background: var(--mint); }
.value:nth-child(odd) svg { background: var(--butter); }
.value:nth-child(even) svg { background: var(--mint); }
.press-date, .press-mini span { color: var(--terracotta); }
.btn:hover { background: var(--yellow); border-color: var(--yellow); color: var(--ink); }

/* ===== High-end boho finish ===== */
/* breathing room + butterfly dividers between home sections */
section.block { padding-top: 64px; }
section.block::before {
  content: ""; display: block; width: min(1180px, 100% - 32px); height: 22px; margin: 0 auto 64px;
  background:
    url("/img/butterfly-yellow.svg") center / 26px auto no-repeat,
    linear-gradient(to right, transparent 0, var(--line) 14%, var(--line) 46%, transparent 46%, transparent 54%, var(--line) 54%, var(--line) 86%, transparent 100%) center / 100% 1px no-repeat;
}
@media (max-width: 560px) { section.block { padding-top: 40px; } section.block::before { margin-bottom: 40px; } }

/* refined type */
.hero h1 { font-size: clamp(40px, 6vw, 78px); letter-spacing: .005em; line-height: 1.08; }
.sec-head h2, .emily-gallery h2, .press-section h2, .about-video h2 { font-size: clamp(30px, 4vw, 46px); letter-spacing: .01em; }
.hero p.lead, .story p, .about-grid p, .sec-head p { color: var(--teal-mid); }
.ticker { font-size: 11px; letter-spacing: .3em; }
.ticker span { padding: 10px 0; animation-duration: 70s; }

/* small butterfly before section labels */
.hero .eyebrow, .sec-head .eyebrow, .story .eyebrow, .emily-gallery .eyebrow, .press-section .eyebrow, .about-video .eyebrow, .page-head .eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
}
.hero .eyebrow::before, .sec-head .eyebrow::before, .story .eyebrow::before, .emily-gallery .eyebrow::before, .press-section .eyebrow::before, .about-video .eyebrow::before, .page-head .eyebrow::before {
  content: ""; flex: none; width: 20px; height: 18px; background: url("/img/butterfly-yellow.svg") center / contain no-repeat;
}
.hero .eyebrow { align-items: flex-start; }
.hero .eyebrow::before { margin-top: 1px; }

/* quieter, letter-spaced buttons */
.btn { font-size: 13px; letter-spacing: .18em; text-transform: uppercase; padding: 14px 30px; border-width: 1px; }
.btn.ghost { border-color: var(--line); }
.icon-btn, .menu-btn { letter-spacing: .12em; text-transform: uppercase; font-size: 13px; }

/* boutique-catalog product tiles */
.grid-p { gap: 44px 26px; }
.tile .meta { flex-direction: column; align-items: center; text-align: center; gap: 4px; margin: 16px 2px 12px; }
.tile .name { font-size: 20px; }
.tile .price { font-weight: 400; letter-spacing: .08em; color: var(--teal-mid); }
.tile .qa .btn { background: transparent; color: var(--ink); border: 1px solid var(--line); font-size: 12px; padding: 11px 14px; }
.tile .qa .btn:hover { background: var(--ink); color: #fff; border-color: var(--ink); }
.tile .qa .btn[disabled] { opacity: .6; }
@media (max-width: 560px) { .grid-p { gap: 30px 12px; } .tile .name { font-size: 17px; } .tile .qa .btn { font-size: 11px; letter-spacing: .12em; padding: 10px 8px; } }

/* collections: a little more air */
.collections { gap: 34px 26px; }
.coll .label { font-style: normal; font-size: 22px; letter-spacing: .02em; }

/* ===== No butterfly crops on bag photos ===== */
/* home photo: full portrait image, soft corners, a small yellow butterfly fluttering behind */
.hero-art { aspect-ratio: 4 / 5; max-width: 470px; }
.hero-art .card { -webkit-mask: none; mask: none; border-radius: 28px; background: var(--sand); }
.hero-art::before {
  inset: auto; width: 46%; aspect-ratio: 310 / 272; right: -9%; top: -7%; transform: rotate(14deg);
  background: var(--yellow); -webkit-mask: var(--bfly); mask: var(--bfly); z-index: -1;
}
.sticker { left: -22px; bottom: 6%; transform: rotate(-8deg); }
@media (max-width: 860px) {
  .hero-art { max-width: 380px; width: calc(100% - 28px); }
  .sticker { left: -12px; bottom: 5%; }
}
/* collection tiles: full photos with soft corners, name underneath */
.coll img { aspect-ratio: 3 / 4; -webkit-mask: none; mask: none; border-radius: 24px; object-fit: cover; }
/* ===== Elegant & simple ===== */
/* fewer decorations, more white space, quieter color */
:root { --radius: 6px; }
body { background: #fff; }

/* no scrolling ticker */
.ticker { display: none; }

/* header: thin line, calm */
header.top { background: #fff; border-bottom: 1px solid var(--line); }

/* no butterflies before labels, no butterfly dividers, no butterflies on cards or video */
.hero .eyebrow::before, .sec-head .eyebrow::before, .story .eyebrow::before, .emily-gallery .eyebrow::before,
.press-section .eyebrow::before, .about-video .eyebrow::before, .page-head .eyebrow::before { content: none; display: none; }
.eyebrow { display: block !important; letter-spacing: .24em; font-size: 12px; font-weight: 400; color: var(--teal-mid); }
section.block::before {
  background: linear-gradient(var(--line), var(--line)) center / 100% 1px no-repeat;
  height: 1px; margin-bottom: 72px;
}
section.block { padding-top: 72px; }
.press-card::after, .ey-video::after, .hero-deco, .sticker { display: none !important; }

/* hero: one photo, one small butterfly accent */
.hero .wrap { padding: 72px 0 88px; }
.hero h1 { font-size: clamp(38px, 5.4vw, 70px); line-height: 1.1; }
.hero h1 em { background: none; padding: 0; }
.hero p.lead { font-size: 18px; }
.hero-art .card.b { display: none; }
.hero-art .card { border-radius: 4px; }
.hero-art::before { width: 30%; right: -7%; top: -6%; opacity: .95; }

/* square-ish, quiet corners everywhere */
.coll img, .tile .img, .tile img, .eg-grid figure, .eg-grid figure:nth-child(3n+2), .story .photo, .story .photo img,
.about-grid .photo, .about-grid .photo img, .ey-video .video, .pdp .main, .pdp .thumbs button, .contact a { border-radius: 4px !important; }

/* values: plain and airy, no bubbles or boxes */
.values { grid-template-columns: repeat(5, 1fr); gap: 32px; }
.value { background: none; border: 0; padding: 8px 0; }
.value:last-child { grid-column: auto; }
.value svg { width: 30px; height: 30px; padding: 0; margin: 0 auto 16px; border-radius: 0; background: none !important; color: var(--terracotta); }
.value h3 { font-family: var(--display); font-size: 19px; }
.value p { font-size: 14px; }
@media (max-width: 860px) {
  .values { grid-template-columns: repeat(2, 1fr); gap: 28px 18px; }
  .value:last-child { grid-column: 1 / -1; }
}

/* section headers and page heads: white, no color blocks */
.page-head { background: #fff; border-bottom: 1px solid var(--line); padding: 56px 0 40px; }
.page-head h1 { font-size: clamp(36px, 5.5vw, 64px); }
.sec-head h2, .emily-gallery h2, .press-section h2, .about-video h2 { font-size: clamp(28px, 3.6vw, 40px); }

/* Instagram band: simple bordered panel instead of a colour block */
.band { background: #fff; border: 1px solid var(--line); border-radius: 4px; text-align: center; justify-items: center; }
.band h2 { color: var(--ink); }
.band p { max-width: 52ch; margin-left: auto; margin-right: auto; color: var(--teal-mid); }
.band .btn.light { background: var(--ink); border-color: var(--ink); color: #fff; }

/* press: clean cards */
.press-card { background: #fff; border: 1px solid var(--line); border-radius: 4px; }
.press-card:hover { transform: none; border-color: var(--ink); }

/* buttons: crisp, square */
.btn { border-radius: 2px; }
.chip { border-radius: 2px; }

/* footer: white with a thin rule */
footer.foot, footer.foot::before { background: #fff; }
footer.foot { border-top: 1px solid var(--line); color: var(--ink); }
footer.foot a, footer.foot small, footer.foot p { color: var(--ink); }
.foot .big { font-size: clamp(24px, 3vw, 34px); }

@media (max-width: 560px) {
  section.block { padding-top: 48px; }
  section.block::before { margin-bottom: 48px; }
  .hero .wrap { padding: 36px 0 52px; }
}
/* ===== Mint back, kept simple ===== */
.page-head { background: var(--mint); border-bottom: 0; }
.band { background: var(--mint); border: 0; }
footer.foot, footer.foot::before { background: var(--mint); }
footer.foot { border-top: 0; }
.drawer header { background: var(--mint); }
/* ===== Easier to read: bigger, darker labels and headings ===== */
.eyebrow { font-size: 15px !important; font-weight: 700 !important; letter-spacing: .14em !important; color: var(--ink) !important; }
h1, h2, h3, .sec-head h2, .emily-gallery h2, .press-section h2, .about-video h2 { color: var(--ink); -webkit-text-stroke: .4px currentColor; }
.sec-head h2, .emily-gallery h2, .press-section h2, .about-video h2 { font-size: clamp(32px, 4.2vw, 46px); }
.value h3 { font-size: 21px; }
.value p, .sec-head p, .press-quote, .press-date { font-size: 16px; color: var(--ink); }
.hero p.lead, .story p, .about-grid p { color: var(--ink); }
.tile .name { font-size: 21px; }
.tile .price { font-size: 16px; font-weight: 700; color: var(--ink); }
/* ===== Soft photo corners ===== */
.hero-art .card, .coll img, .tile .img, .tile img, .eg-grid figure, .eg-grid figure:nth-child(3n+2),
.story .photo, .story .photo img, .about-grid .photo, .about-grid .photo img, .ey-video .video,
.pdp .main, .gallery .main, .thumbs button, .line img { border-radius: 16px !important; overflow: hidden; }
.thumbs button, .line img { border-radius: 10px !important; }
/* ===== Black Friday pop-up ===== */
.bf-bar { display: block; background: var(--yellow); color: var(--ink); text-align: center; text-decoration: none;
  font-weight: 700; font-size: 13px; letter-spacing: .08em; padding: 10px 16px; line-height: 1.4; }
.bf-bar:hover { text-decoration: underline; }
.bf-event { padding: 24px 0 8px; }
.bf-card { background: var(--mint); border-radius: 16px; padding: clamp(28px, 5vw, 56px); text-align: center; display: grid; justify-items: center; gap: 14px; }
.bf-card h2 { font-size: clamp(30px, 4.4vw, 50px); max-width: 20ch; margin: 0; }
.bf-card > p { max-width: 56ch; margin: 0; color: var(--ink); font-size: 17px; }
.bf-details { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin: 8px 0 6px; }
.bf-details div { background: #fff; border-radius: 12px; padding: 14px 22px; min-width: 190px; font-size: 16px; line-height: 1.5; }
.bf-details span { display: block; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--terracotta); margin-bottom: 4px; }
/* ===== Badge logo ===== */
header.top .logo img { height: 64px; width: auto; }
@media (max-width: 560px) { header.top .logo img { height: 50px; } }
.foot-logo { width: 200px; height: auto; mix-blend-mode: multiply; }
header.top .logo img { mix-blend-mode: multiply; }
.badge-feature .wrap { display: flex; justify-content: center; }
.badge-feature img { width: min(440px, 80vw); height: auto; mix-blend-mode: multiply; }