/* Local Google Fonts Latin subsets; original OFL licenses in the fonts directory. */
@font-face{
  font-family:"Hanken Grotesk";
  font-style:normal;
  font-weight:300 600;
  font-display:swap;
  src:url("/fonts/hanken-grotesk-latin-variable.1f21c6eaa000.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Instrument Serif";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("/fonts/instrument-serif-latin-regular.60c06664b5a9.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Instrument Serif";
  font-style:italic;
  font-weight:400;
  font-display:swap;
  src:url("/fonts/instrument-serif-latin-italic.6ee678c33f38.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ============================================================
   DEARLY UNIQUE — storefront
   Art-directed boutique: ivory + blush + brass-gold + plum,
   Instrument Serif + Hanken Grotesk. Products supply the color;
   the chrome is a soft, refined, feminine frame.
   ============================================================ */

:root{
  --ivory:#FBF6EF;
  --ivory-2:#F5EDE1;          /* deeper ivory for alt sections */
  --ink:#382F2A;             /* warm espresso */
  --muted:#8C8076;
  --gold:#B0894C;
  --gold-soft:#D9C29A;
  --gold-line:rgba(176,137,76,.42);
  --hair:rgba(176,137,76,.28);
  --blush:#ECD4CC;
  --blush-deep:#E6C4BA;
  --mauve:#E7DCEA;
  --sage:#DCE6DD;
  --plum:#854E5A;
  --plum-dk:#6E3E48;

  --serif:"Instrument Serif", Georgia, serif;
  --sans:"Hanken Grotesk", system-ui, -apple-system, sans-serif;

  --wrap:1180px;
  --gut:clamp(1.2rem,5vw,3.6rem);
  --r:14px;
}

*,*::before,*::after{ box-sizing:border-box; }
[hidden]{ display:none !important; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; font-family:var(--sans); color:var(--ink);
  font-size:1.0625rem; line-height:1.65; -webkit-font-smoothing:antialiased; overflow-x:hidden;
  background:
    radial-gradient(55% 40% at 90% 0%, rgba(230,196,186,.40), transparent 60%),
    radial-gradient(45% 30% at 0% 100%, rgba(217,194,154,.16), transparent 60%),
    var(--ivory);
}
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
::selection{ background:var(--plum); color:var(--ivory); }
h1,h2,h3,h4{ font-family:var(--serif); font-weight:400; line-height:1.04; margin:0; letter-spacing:.004em; }
:focus-visible{ outline:2px solid var(--plum); outline-offset:3px; border-radius:3px; }

.wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:var(--gut); }

/* ---------- Buttons ---------- */
.btn{ display:inline-flex; align-items:center; gap:.6rem; font-weight:500; font-size:.9rem; letter-spacing:.02em;
  padding:.95em 1.7em; border-radius:3px; transition:background .2s ease, transform .2s ease, color .2s ease; }
.btn .arr,.btn .ar{ color:var(--gold-soft); transition:transform .2s ease; }
.btn:hover .arr{ transform:translateX(3px); }
.btn--coral{ background:var(--ink); color:var(--ivory); }       /* primary (name kept for shop.js) */
.btn--coral:hover{ background:var(--plum); }
.btn--ink{ background:var(--plum); color:var(--ivory); }
.btn--ink:hover{ background:var(--plum-dk); }
.btn--ghost{ background:transparent; color:var(--ink); box-shadow:inset 0 0 0 1px var(--gold-line); }
.btn--ghost:hover{ background:var(--ink); color:var(--ivory); }
.btn--block{ width:100%; justify-content:center; }

/* ---------- Announce ---------- */
.announce{ background:var(--plum); color:var(--ivory); text-align:center;
  font-size:.74rem; letter-spacing:.14em; padding:.55rem 1rem; font-weight:500; }
.announce .fl{ color:var(--gold-soft); margin:0 .5rem; }

/* ---------- Header ---------- */
.hdr{ position:sticky; top:0; z-index:60; background:rgba(251,246,239,.86);
  backdrop-filter:saturate(140%) blur(10px); border-bottom:1px solid transparent; transition:border-color .3s ease; }
.hdr.is-stuck{ border-bottom-color:var(--gold-line); }
.hdr__in{ display:flex; align-items:center; justify-content:space-between; gap:1rem; height:74px; position:relative; }
.logo{ font-family:var(--serif); font-size:1.85rem; letter-spacing:.01em; display:inline-flex; align-items:baseline; gap:.18rem; }
.hdr .logo{ white-space:nowrap; flex-shrink:0; }
.logo .dot{ color:var(--gold); font-size:1rem; }
.nav{ display:flex; align-items:center; gap:clamp(1rem,3vw,2.1rem); margin-left:auto; }
.nav a{ font-size:.74rem; letter-spacing:.2em; text-transform:uppercase; font-weight:500; color:var(--ink); }
.nav a:hover{ color:var(--plum); }
.nav__toggle{ display:none; flex-direction:column; justify-content:center; gap:4px; width:34px; height:34px; padding:7px; }
.nav__toggle span{ display:block; width:100%; height:2px; background:var(--ink); border-radius:2px; transition:transform .2s ease, opacity .2s ease; }
.bag{ display:inline-flex; align-items:center; gap:.45rem; border:1px solid var(--gold-line); border-radius:100px;
  padding:.45rem 1rem; letter-spacing:.16em; font-size:.72rem; text-transform:uppercase; font-weight:600; }
.bag:hover{ border-color:var(--ink); }
.bag__count{ background:var(--plum); color:var(--ivory); font-size:.7rem; min-width:1.4em; height:1.4em;
  border-radius:100px; display:grid; place-items:center; padding:0 .35em; letter-spacing:0; }

/* ---------- Hero ---------- */
.hero{ padding:clamp(2.2rem,5vw,4.4rem) 0 clamp(1.8rem,4vw,3rem); }
.hgrid{ display:grid; grid-template-columns:1.02fr .98fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
.kicker{ display:inline-flex; align-items:center; gap:.7rem; font-size:.72rem; letter-spacing:.24em;
  text-transform:uppercase; color:var(--gold); font-weight:600; }
.kicker .rule{ width:34px; height:1px; background:var(--gold); display:inline-block; }
.hero__title{ font-size:clamp(2.7rem,6.4vw,5rem); margin:1.15rem 0 0; text-wrap:balance; }
.hero__title em{ font-style:italic; color:var(--plum); }
.lede{ font-size:1.12rem; line-height:1.7; color:var(--muted); font-weight:300; max-width:40ch; margin:1.4rem 0 0; }
.actions{ display:flex; align-items:center; gap:1.4rem; flex-wrap:wrap; margin-top:2.1rem; }
.rating{ font-size:.82rem; letter-spacing:.04em; }
.rating b{ color:var(--gold); } .rating span{ color:var(--muted); }

.comp{ position:relative; }
.comp::before{ content:""; position:absolute; inset:22px -22px -22px 22px; border:1px solid var(--gold-line); border-radius:16px; }
.matte{ position:relative; background:var(--blush); border-radius:16px; padding:clamp(1.4rem,3vw,2.3rem);
  box-shadow:0 34px 70px -34px rgba(133,78,90,.4); }
.matte img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:7px; outline:1px solid var(--gold-soft); outline-offset:-1px; }
.seal{ position:absolute; top:-22px; right:-18px; width:92px; height:92px; animation:spin 30s linear infinite; }
.seal circle{ fill:var(--ivory); stroke:var(--gold); stroke-width:1; }
.seal text{ fill:var(--gold); font-size:8.7px; letter-spacing:.7px; font-weight:500; font-family:var(--sans); }
.seal .fl{ font-size:19px; }
@keyframes spin{ to{ transform:rotate(360deg); } }
.chip{ position:absolute; left:-16px; bottom:24px; background:var(--ivory); border:1px solid var(--gold-line);
  border-radius:100px; padding:.5rem 1.1rem; font-family:var(--serif); font-style:italic; font-size:1.05rem;
  box-shadow:0 14px 30px -16px rgba(133,78,90,.4); }
.chip b{ font-style:normal; color:var(--plum); }
.sprig{ position:absolute; top:-40px; left:-46px; width:118px; height:200px; z-index:2; pointer-events:none; }

/* ---------- Assurance band ---------- */
.assure{ display:flex; justify-content:center; align-items:center; gap:clamp(1rem,3vw,2.4rem); flex-wrap:wrap;
  padding:1.15rem var(--gut); border-top:1px solid var(--gold-line); border-bottom:1px solid var(--gold-line);
  font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; font-weight:500; }
.assure .fl{ color:var(--gold); }

/* ---------- Section scaffolding ---------- */
.sec{ padding:clamp(2.8rem,6vw,4.8rem) 0; }
.sec[id]{ scroll-margin-top:94px; }
.sec--alt{ background:var(--ivory-2); }
.sec__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:clamp(1.6rem,3vw,2.4rem); }
.sec__kick{ font-size:.72rem; letter-spacing:.24em; text-transform:uppercase; color:var(--gold); font-weight:600; margin:0 0 .5rem; }
.sec__title{ font-size:clamp(2rem,4vw,3rem); }
.sec__title--center{ text-align:center; }
.sec__link{ font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; font-weight:500; border-bottom:1px solid var(--gold); padding-bottom:3px; white-space:nowrap; }
.sec__link:hover{ color:var(--plum); border-color:var(--plum); }

/* ---------- Shop by color ---------- */
.swatches{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(.8rem,1.8vw,1.3rem); }
.swatch{ border-radius:var(--r); aspect-ratio:4/3; padding:1.2rem 1.3rem; display:flex; flex-direction:column;
  justify-content:flex-end; position:relative; overflow:hidden; outline:1px solid rgba(176,137,76,.18); outline-offset:-1px;
  transition:transform .2s ease; }
.swatch:hover{ transform:translateY(-4px); }
.swatch h3{ font-size:1.5rem; }
.swatch span{ font-size:.82rem; letter-spacing:.04em; opacity:.85; }
.swatch--brights{ background:#E29A6F; color:#3a2418; }
.swatch--pastels{ background:var(--blush); color:var(--ink); }
.swatch--bw{ background:var(--ink); color:var(--ivory); }
.swatch--earth{ background:var(--sage); color:#33402f; }

/* ---------- Product grid ---------- */
.catalog-intro{ max-width:58ch; margin:.75rem 0 0; color:#75685F; font-size:1rem; line-height:1.6; }
.catalog-tools{ display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,230px); gap:1.2rem 1.4rem;
  margin:0 0 1.3rem; padding:1.4rem 0; border-top:1px solid var(--gold-line); border-bottom:1px solid var(--gold-line); }
.catalog-search,.catalog-sort{ min-width:0; }
.catalog-search label,.catalog-sort label{ display:block; margin:0 0 .45rem; font-size:.68rem; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; }
.catalog-search input,.catalog-sort select{ display:block; width:100%; min-width:0; min-height:48px;
  border:1px solid var(--gold-line); border-radius:5px; background:rgba(255,255,255,.46); color:var(--ink);
  padding:.75rem .9rem; font:inherit; font-size:.94rem; }
.catalog-search input::placeholder{ color:#75685F; opacity:1; }
.catalog-search input:focus,.catalog-sort select:focus{ border-color:var(--plum); background:#FFFDF9; }
.catalog-filters{ grid-column:1/-1; display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; }
.catalog-filters button{ min-height:44px; border:1px solid var(--gold-line); border-radius:100px;
  padding:.55rem 1.05rem; font-size:.82rem; font-weight:500; line-height:1.3;
  transition:background .2s ease, color .2s ease, border-color .2s ease; }
.catalog-filters button:hover{ background:var(--blush); border-color:var(--plum); }
.catalog-filters button[aria-pressed="true"]{ background:var(--plum); border-color:var(--plum); color:var(--ivory); }
.catalog-count{ margin:0 0 .4rem; font-size:.82rem; font-weight:600; letter-spacing:.025em; }
.catalog-note{ max-width:76ch; margin:0 0 1.7rem; color:#75685F; font-size:.81rem; line-height:1.6; }
.grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(1.2rem,2.6vw,2.2rem); }
.catalog-grid{ row-gap:clamp(2rem,4vw,3.4rem); align-items:stretch; }
.card{ min-width:0; display:flex; flex-direction:column; }
.card__product{ display:flex; flex:1; flex-direction:column; min-width:0; border-radius:var(--r); }
.card__media{ position:relative; flex:none; aspect-ratio:1/1; border-radius:var(--r); overflow:hidden;
  padding:10px; background:#EADBD3; border:1px solid rgba(176,137,76,.16);
  transition:box-shadow .25s ease, transform .25s ease; }
.card:nth-child(4n+2) .card__media{ background:#E8E1E7; }
.card:nth-child(4n+3) .card__media{ background:#E0E6DC; }
.card:nth-child(4n+4) .card__media{ background:#EBE1D4; }
.card__media img{ width:100%; height:100%; aspect-ratio:1/1; object-fit:contain; background:#F4F0EB;
  border-radius:6px; }
.card__product:hover .card__media{ transform:translateY(-3px); box-shadow:0 14px 28px -22px rgba(56,47,42,.5); }
.card__body{ display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:.95rem .1rem 0; }
.card__row{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; gap:.5rem .7rem; width:100%; }
.card__name{ min-width:0; font-family:var(--serif); font-size:1.4rem; line-height:1.16; overflow-wrap:break-word; }
.card__price{ font-size:.93rem; line-height:1.4; font-weight:600; white-space:nowrap; }
.card__meta{ color:#75685F; font-size:.79rem; line-height:1.55; margin:.45rem 0 0; overflow-wrap:anywhere; }
.card__cta{ display:inline-block; margin-top:auto; padding-top:.85rem; color:var(--plum); font-size:.73rem;
  line-height:1.4; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.card__product:hover .card__cta{ text-decoration:underline; text-underline-offset:4px; }
.card__product:focus-visible{ outline-width:3px; outline-offset:6px; }
#catalog-empty{ border:1px solid var(--gold-line); border-radius:var(--r); padding:clamp(2rem,5vw,3.5rem) 1.4rem;
  text-align:center; background:rgba(255,255,255,.32); }
#catalog-empty h3{ font-size:2rem; }
#catalog-empty p{ color:#75685F; margin:.6rem 0 1.2rem; }
#catalog-empty button{ min-height:44px; }

/* ---------- Featured ---------- */
.feature{ background:var(--plum); color:var(--ivory); border-radius:20px; overflow:hidden; }
.feature__in{ display:grid; grid-template-columns:1fr 1fr; align-items:center; }
.feature__media{ aspect-ratio:1/1; }
.feature__media img{ width:100%; height:100%; object-fit:cover; }
.feature__body{ padding:clamp(1.8rem,4vw,3.4rem); }
.feature__body .kicker{ color:var(--gold-soft); }
.feature__body h2{ font-size:clamp(1.9rem,3.6vw,3rem); margin:.7rem 0 .8rem; }
.feature__body p{ opacity:.9; font-weight:300; max-width:38ch; margin:0 0 1.4rem; }
.feature .price{ font-family:var(--serif); font-style:italic; font-size:1.5rem; margin-bottom:1.4rem; }

/* ---------- Bundle ---------- */
.bundle{ background:var(--ivory); border:1px solid var(--gold-line); border-radius:20px; padding:clamp(2rem,5vw,3.4rem);
  display:grid; grid-template-columns:1.3fr 1fr; gap:2.2rem; align-items:center; }
.bundle h2{ font-size:clamp(1.9rem,4vw,2.9rem); }
.bundle p{ color:var(--muted); max-width:40ch; margin:.8rem 0 0; }
.bundle__steps{ display:flex; flex-direction:column; gap:.8rem; }
.bundle__step{ display:flex; gap:.9rem; align-items:center; font-weight:500; }
.bundle__n{ font-family:var(--serif); background:var(--plum); color:var(--ivory); width:2em; height:2em; border-radius:100px;
  display:grid; place-items:center; flex:none; font-size:1.05rem; }

/* ---------- Founder ---------- */
.founder__in{ display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(1.6rem,4vw,3.5rem); align-items:center; }
.founder__photo{ background:var(--blush); border:1px solid var(--gold-line); border-radius:var(--r); aspect-ratio:4/5; overflow:hidden; }
.founder__photo img{ width:100%; height:100%; object-fit:cover; object-position:center 44%;
  filter:sepia(.16) saturate(.92) contrast(1.03) brightness(1.05); }
.studios{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.4rem 0 .4rem; }
.studios img{ width:100%; border-radius:var(--r); border:1px solid var(--gold-line); aspect-ratio:4/3; object-fit:cover;
  filter:sepia(.16) saturate(.92) contrast(1.03) brightness(1.05); }
@media (max-width:640px){ .studios{ grid-template-columns:1fr; } }
.founder__body h2{ font-size:clamp(1.9rem,3.6vw,2.9rem); margin:.5rem 0 1rem; }
.founder__body p{ color:var(--muted); margin:0 0 1.1rem; max-width:52ch; font-weight:300; }
.txtlink{ font-weight:500; border-bottom:1px solid var(--gold); padding-bottom:2px; }
.txtlink:hover{ color:var(--plum); border-color:var(--plum); }
.note{ background:#FBF1E2; border:1px dashed var(--gold); border-radius:6px; padding:1rem 1.2rem; font-size:.92rem; color:#8a6d3f; margin-top:.4rem; }
.note b{ color:var(--ink); }

/* ---------- Proof ---------- */
.proof{ background:var(--plum); color:var(--ivory); border-radius:20px; padding:clamp(2rem,5vw,3.4rem); text-align:center; }
.proof__stars{ color:var(--gold-soft); font-size:1.5rem; letter-spacing:.2em; }
.proof__big{ font-family:var(--serif); font-size:clamp(2.6rem,6vw,4.2rem); margin:.2rem 0 .1rem; }
.proof__sub{ opacity:.85; font-weight:300; }
.proof__ugc{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:2rem; }
.proof__ugc img{ border-radius:10px; aspect-ratio:1/1; object-fit:cover; outline:1px solid rgba(255,255,255,.25); outline-offset:-1px; }

/* ---------- Email ---------- */
.email{ background:var(--ink); color:var(--ivory); border-radius:20px; padding:clamp(2rem,5vw,3.2rem); text-align:center; }
.email h2{ font-size:clamp(1.9rem,4vw,2.9rem); }
.email p{ opacity:.85; font-weight:300; margin:.6rem 0 1.6rem; }
.email__form{ display:flex; gap:.6rem; max-width:460px; margin:0 auto; }
.email__form input{ flex:1; border:0; border-radius:4px; padding:.9rem 1rem; font:inherit; }
.email__form .btn{ flex:none; background:var(--gold); color:var(--ink); }
.email__form .btn:hover{ background:var(--gold-soft); }

/* ---------- Footer ---------- */
.ft{ background:var(--ink); color:#CFC4B8; padding:clamp(3rem,6vw,4.5rem) 0 2rem; margin-top:clamp(3rem,6vw,5rem); }
.ft__top{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:2rem; padding-bottom:2.5rem; border-bottom:1px solid rgba(217,194,154,.18); }
.ft .logo{ color:var(--ivory); margin-bottom:.5rem; }
.ft__tag{ margin:0 0 1rem; color:#A99E90; max-width:30ch; font-weight:300; }
.ft__col h4{ font-family:var(--sans); font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gold-soft); margin:0 0 .9rem; font-weight:600; }
.ft__col a{ display:block; color:#CFC4B8; margin-bottom:.55rem; font-size:.95rem; }
.ft__col a:hover{ color:var(--ivory); }
.ft__pay{ display:flex; gap:.4rem; margin-top:1rem; }
.ft__pay span{ border:1px solid rgba(217,194,154,.3); border-radius:5px; padding:.25rem .55rem; font-size:.68rem; letter-spacing:.04em; }
.ft__base{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:.5rem; padding-top:1.5rem; font-size:.82rem; color:#94897C; }
.ft__base p{ margin:0; }

/* ---------- Page hero (About) ---------- */
.phero{ padding:clamp(2.4rem,5vw,4.2rem) 0 clamp(1.4rem,3vw,2.4rem); }
.phero h1{ font-size:clamp(2.8rem,6.5vw,5rem); max-width:16ch; }
.phero h1 em{ font-style:italic; color:var(--plum); }
.phero p{ font-size:1.18rem; color:var(--muted); max-width:54ch; margin:1.2rem 0 0; font-weight:300; }
.prose{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(1.6rem,4vw,3rem) clamp(2rem,5vw,4rem); }
.prose h2{ font-size:1.6rem; margin-bottom:.5rem; }
.prose p{ color:var(--muted); margin:0 0 1rem; font-weight:300; }

/* ---------- Scroll reveal + motion ---------- */
.reveal{ opacity:1; transform:none; }
body.motion-ready .reveal{ opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease; }
body.motion-ready .reveal.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){
  .seal{ animation:none; }
  body.motion-ready .reveal{ opacity:1; transform:none; transition:none; }
  .card__media,.swatch,.btn,.catalog-filters button{ transition:none; }
  .card__product:hover .card__media,.swatch:hover{ transform:none; }
}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .hgrid{ grid-template-columns:1fr; } .comp{ max-width:440px; }
  .grid{ grid-template-columns:repeat(2,1fr); }
  .swatches{ grid-template-columns:repeat(2,1fr); }
  .feature__in{ grid-template-columns:1fr; } .feature__media{ aspect-ratio:16/10; }
  .bundle{ grid-template-columns:1fr; }
  .founder__in{ grid-template-columns:1fr; } .founder__photo{ max-width:320px; aspect-ratio:16/12; }
  .proof__ugc{ grid-template-columns:repeat(2,1fr); }
  .ft__top{ grid-template-columns:1fr 1fr; }
  .prose{ grid-template-columns:1fr; }
}
@media (min-width:761px) and (max-width:1100px){
  .catalog-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .catalog-grid .card__row{ grid-template-columns:1fr; gap:.3rem; }
}
@media (max-width:768px){
  .nav__toggle{ display:flex; }
  .nav{ position:absolute; top:100%; left:0; right:0; margin:0; flex-direction:column; align-items:stretch; gap:0;
    background:var(--ivory); border-bottom:1px solid var(--gold-line); padding:.25rem 0 .6rem;
    box-shadow:0 22px 32px -24px rgba(56,47,42,.45); display:none; }
  .hdr.nav-open .nav{ display:flex; }
  .nav a{ padding:.9rem .2rem; font-size:.84rem; border-bottom:1px solid var(--hair); }
  .nav a:last-child{ border-bottom:0; }
  .hdr.nav-open .nav__toggle span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
  .hdr.nav-open .nav__toggle span:nth-child(2){ opacity:0; }
  .hdr.nav-open .nav__toggle span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }
  .sprig{ display:none; }
}
@media (max-width:560px){
  .grid{ grid-template-columns:1fr 1fr; gap:1rem; }
  .catalog-tools{ grid-template-columns:1fr; gap:.9rem; }
  .catalog-filters{ gap:.45rem; }
  .catalog-filters button{ padding:.55rem .85rem; }
  .catalog-grid{ gap:2rem 1rem; }
  .card__media{ padding:7px; border-radius:10px; }
  .card__body{ padding:.75rem 0 0; }
  .card__row{ grid-template-columns:1fr; gap:.3rem; }
  .card__name{ font-size:1.3rem; }
  .card__price{ font-size:.9rem; }
  .card__cta{ font-size:.68rem; letter-spacing:.065em; }
  .email__form{ flex-direction:column; }
  .ft__top{ grid-template-columns:1fr; gap:1.6rem; }
  .comp::before{ inset:14px -6px -14px 14px; }
  .seal{ width:74px; height:74px; top:-14px; right:-6px; }
  .chip{ left:6px; bottom:14px; font-size:.92rem; }
  .announce{ font-size:.66rem; letter-spacing:.06em; padding:.5rem .8rem; }
  .hero{ padding-top:1.4rem; }
}

@media (max-width:360px){
  .hdr__in{ gap:.5rem; }
  .hdr .logo{ font-size:1.5rem; }
  .catalog-grid{ grid-template-columns:minmax(0,1fr); }
  .catalog-grid .card__row{ grid-template-columns:minmax(0,1fr) auto; }
  .catalog-grid .card__name{ font-size:1.5rem; }
}

/* ---------- Studio edition: tactile display, original jewelry photography ---------- */
:root{ --muted:#71645E; --gold-text:#806131; --wrap:1440px; }
html{ scroll-behavior:smooth; scroll-padding-top:0; }
.skip-link{ position:fixed; z-index:200; left:1rem; top:1rem; padding:.7rem 1.2rem; background:var(--ink); color:var(--ivory); transform:translateY(-180%); }
.skip-link:focus{ transform:none; }
.kicker,.sec__kick{ color:var(--gold-text); }
.sec__title em,.founder__body h2 em{ color:var(--plum); }
.hdr__in{ height:88px; }
.hdr .logo{ font-size:2.25rem; }
.nav a{ min-height:44px; display:inline-flex; align-items:center; position:relative; }
.nav a::after{ content:""; position:absolute; height:1px; bottom:7px; left:0; right:.2em; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .25s; }
.nav a:hover::after,.nav a[aria-current="page"]::after{ transform:scaleX(1); }
.bag{ min-height:44px; }
.nav__toggle{ width:44px; height:44px; padding:12px; }
.hero{ padding:clamp(1.6rem,3.4vw,3.4rem) 0 0; overflow:clip; background:radial-gradient(ellipse at 85% 46%,#ecd4cc88,transparent 58%); }
.hgrid{ grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(1.4rem,3vw,3rem); }
.hero__copy{ padding:1rem 0 2rem; position:relative; z-index:1; }
.hero__title{ font-size:clamp(3.5rem,6.9vw,6.65rem); line-height:.98; letter-spacing:-.025em; text-wrap:initial; margin:1.5rem 0 0; }
.hero .lede{ font-size:clamp(1rem,1.3vw,1.15rem); max-width:35ch; font-weight:400; margin-top:1.8rem; }
.hero .actions{ gap:1.3rem; margin-top:1.8rem; }
.btn{ min-height:48px; padding:1em 1.65em; }
.hero__story{ font-size:.85rem; padding:.6rem 0; border-bottom:1px solid var(--gold-line); }
.hero__story span{ margin-left:.75rem; }
.hero__footnote{ display:flex; align-items:center; gap:.8rem; margin-top:2.7rem; }
.hero__flower{ font-size:2.6rem; color:var(--gold); font-weight:300; line-height:1; }
.hero__footnote p{ margin:0; font-size:.74rem; letter-spacing:.08em; line-height:1.65; text-transform:uppercase; }
.hero__footnote em{ font:italic 1.12rem var(--serif); letter-spacing:0; text-transform:none; color:var(--plum); }
.jewel-stage{ position:relative; width:100%; aspect-ratio:1/1.1; max-width:640px; justify-self:center; isolation:isolate; }
.jewel-stage__arch{ position:absolute; inset:3% 2% 5% 16%; border:1px solid var(--gold-line); border-radius:50% 50% 3px 3px; background:linear-gradient(135deg,#ead2ce66,#e6c4ba44 55%,#e7dcea88); transform:rotate(-6deg); z-index:-1; }
.jewel-stage__arch::after{ content:""; position:absolute; inset:13px; border:1px solid #fff8; border-radius:inherit; }
.jewel-stage__main{ display:block; position:absolute; left:25%; top:7%; width:69%; padding:12px; padding-bottom:0; background:var(--ivory); box-shadow:0 22px 50px -24px #633c4166; transform:rotate(5deg); border-radius:46% 46% 3px 3px; transition:transform .5s ease; }
.jewel-stage__main>img{ width:100%; aspect-ratio:1/.99; object-fit:cover; border-radius:48% 48% 1px 1px; }
.jewel-stage__caption{ display:block; padding:1rem .35rem 1.1rem 18%; }
.jewel-stage__caption>span{ display:block; font-size:clamp(.58rem,.8vw,.72rem); color:var(--muted); letter-spacing:.04em; }
.jewel-stage__caption b{ display:flex; justify-content:space-between; align-items:center; font:400 clamp(1.25rem,2.2vw,1.85rem) var(--serif); margin-top:.2rem; }
.jewel-stage i{ font:400 1rem var(--sans); color:var(--gold-text); }
.jewel-stage__main:hover{ transform:translateY(-5px) rotate(3deg); }
.jewel-stage__accent{ position:absolute; width:34%; left:1%; bottom:10%; padding:9px 9px 0; background:#f7f0e4; box-shadow:0 16px 30px -20px #462533aa; transform:rotate(-9deg); transition:transform .5s ease; z-index:2; }
.jewel-stage__accent img{ aspect-ratio:1/1; object-fit:cover; }
.jewel-stage__accent span{ display:flex; justify-content:space-between; gap:.3rem; padding:.7rem 0; font:italic clamp(.85rem,1.3vw,1.1rem) var(--serif); }
.jewel-stage__accent:hover{ transform:translateY(-5px) rotate(-5deg); }
.studio-seal{ display:flex; align-items:center; justify-content:center; position:absolute; width:clamp(76px,8vw,112px); aspect-ratio:1; top:0; right:0; border:1px solid var(--gold); outline:1px solid var(--gold-line); outline-offset:5px; background:var(--ivory); border-radius:50%; text-align:center; box-shadow:0 5px 15px #75493712; z-index:3; }
.studio-seal b{ font:400 clamp(1.15rem,2vw,1.7rem)/1.05 var(--serif); color:var(--plum); }
.studio-seal em{ font-style:italic; }
.stage-sprig{ position:absolute; height:43%; width:22%; top:2%; left:0; color:var(--gold); transform:rotate(-15deg); }
.jewel-stage__vertical{ position:absolute; right:-1.8%; top:38%; font-size:.57rem; letter-spacing:.22em; color:var(--gold-text); writing-mode:vertical-rl; }
.jewel-stage__note{ position:absolute; right:7%; bottom:0; font:400 clamp(1.2rem,2.4vw,2rem)/1.12 var(--serif); color:var(--plum); transform:rotate(-4deg); }
.hero__bottom{ display:flex; justify-content:space-between; gap:1rem; padding-top:1.2rem; padding-bottom:1.2rem; margin-top:1.6rem; font-size:.66rem; text-transform:uppercase; letter-spacing:.18em; color:var(--muted); }
.hero__bottom a{ color:var(--ink); }
.hero__bottom a span{ margin-left:1rem; }
.assure{ background:#f2e4df; font-size:.65rem; padding:1rem; gap:clamp(.75rem,2vw,2rem); }
.sec{ padding:clamp(3.5rem,7vw,6rem) 0; }
.sec__title{ font-size:clamp(2.7rem,4.4vw,4.25rem); letter-spacing:-.015em; }
.style-tiles{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(.9rem,2vw,1.8rem); }
.style-tile{ min-width:0; }
.style-tile__image{ position:relative; aspect-ratio:1/1.1; padding:12px; background:#e7dcea; border-radius:48% 48% 3px 3px; overflow:hidden; }
.style-tile--terrazzo .style-tile__image{ background:#edd9cf; border-radius:3px; }
.style-tile--ombre .style-tile__image{ background:#dbe3e9; }
.style-tile--geometric .style-tile__image{ background:#e8dfce; border-radius:3px; }
.style-tile--seasonal .style-tile__image{ background:#e8d2b7; }
.style-tile__image img{ width:100%; height:100%; object-fit:cover; border-radius:inherit; transition:transform .6s ease; }
.style-tile__image>span{ position:absolute; bottom:21px; right:21px; display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--gold-line); border-radius:50%; background:var(--ivory); transition:background .25s,color .25s; }
.style-tile:hover img{ transform:scale(1.045); }
.style-tile:hover .style-tile__image>span{ background:var(--plum); color:var(--ivory); }
.style-tile__copy{ padding:1rem 0 0; }
.style-tile h3{ font-size:clamp(1.6rem,2.6vw,2.25rem); }
.style-tile p{ color:var(--muted); font-size:.79rem; line-height:1.5; margin:.4rem 0 0; }
.feature-section{ padding-top:0; }
.feature{ position:relative; border-radius:3px; background:#70424f; isolation:isolate; overflow:clip; }
.feature::before{ content:""; position:absolute; pointer-events:none; z-index:2; inset:15px; border:1px solid #d9c29a66; }
.feature__in{ grid-template-columns:1fr 1fr; gap:0; }
.feature__media{ aspect-ratio:1/1; padding:clamp(1.8rem,4vw,4rem); }
.feature__media img{ border-radius:48% 48% 2px 2px; object-fit:cover; box-shadow:0 20px 40px -24px #201019; }
.feature__body{ position:relative; z-index:1; padding:2.2rem clamp(1.8rem,4vw,4rem) 2.2rem 1.5rem; }
.feature__body h2{ font-size:clamp(3rem,6vw,5.75rem); line-height:.98; margin:1rem 0 1.4rem; letter-spacing:-.015em; }
.feature__body h2 em{ color:#eedbc8; }
.feature__body p{ max-width:32ch; font-size:1rem; font-weight:400; opacity:1; color:#f2e4df; }
.feature__product{ display:flex; flex-wrap:wrap; gap:.5rem 1.2rem; max-width:350px; justify-content:space-between; border-top:1px solid #d9c29a66; padding-top:.85rem; margin:1.5rem 0; font-size:.8rem; color:#f2e4df; }
.btn--light{ background:var(--ivory); color:#593541; }
.btn--light:hover{ background:#ead8c6; }
.feature__flower{ position:absolute; right:-4%; bottom:-21%; font-size:clamp(13rem,30vw,28rem); font-family:var(--serif); color:#ffffff08; z-index:-1; line-height:1; }
.catalog-intro{ color:var(--muted); max-width:62ch; }
.catalog-tools{ background:#f4ece5; padding:1.5rem; border:1px solid var(--hair); border-radius:4px; }
.catalog-count{ padding-top:.5rem; font-size:.76rem; color:var(--muted); }
.catalog-grid{ gap:2.6rem 1.5rem; }
.card{ position:relative; min-width:0; }
.card__media{ border-radius:3px; padding:9px; background:#efdfd7; }
.card:nth-child(3n+2) .card__media{ background:#e9e1ea; }
.card:nth-child(3n) .card__media{ background:#e8e3d9; }
.card__media img{ border-radius:1px; }
.card__name{ line-height:1.1; font-size:1.6rem; }
.card__row{ grid-template-columns:1fr; gap:.4rem; }
.card__price{ font-size:.85rem; color:var(--muted); }
.card__preview{ display:flex; align-items:center; justify-content:center; gap:.6rem; width:100%; margin-top:.8rem; border:1px solid var(--gold-line); border-radius:2px; min-height:44px; padding:.5rem .7rem; font-size:.74rem; letter-spacing:.06em; background:#ffffff33; transition:background .2s,color .2s; }
.card__preview:hover{ background:var(--plum); color:var(--ivory); border-color:var(--plum); }
.bundle{ border-radius:3px; background:#efe0dc; padding:clamp(2rem,4vw,3.5rem); }
.bundle h2{ max-width:15ch; font-size:clamp(2.3rem,4vw,3.5rem); }
.bundle__n{ background:transparent; border:1px solid var(--gold-line); color:var(--plum); font-size:1.25rem; }
.founder__in{ grid-template-columns:1fr 1fr; gap:clamp(2rem,6vw,6rem); }
.founder__photo{ max-width:none; aspect-ratio:1/1.05; border-radius:48% 48% 3px 3px; padding:12px; }
.founder__photo img{ border-radius:inherit; filter:none; }
.founder__body h2{ font-size:clamp(2.8rem,4.5vw,4.4rem); }
.founder__body p{ font-weight:400; }
.proof{ background:#efe4e3; color:var(--ink); border:1px solid var(--gold-line); border-radius:3px; }
.proof__stars{ color:var(--gold-text); font-size:1.15rem; }
.proof__big{ font-size:clamp(2.6rem,5vw,4rem); }
.proof__sub{ font-weight:400; opacity:1; color:var(--muted); }
.proof__date{ color:var(--muted); font-size:.66rem; letter-spacing:.05em; }
.proof__ugc img{ border-radius:2px; }
.ft{ background:#4e333d; }
.ft .logo{ font-size:2.5rem; }
.ft__tag,.ft__base{ color:#d0bdc1; }
.ft__col a{ color:#efdfdf; }
/* Quick look remains a separate action; shopping links always go to Etsy. */
body.product-viewer-open{ overflow:hidden; }
.product-viewer{ padding:0; border:1px solid var(--gold-line); border-radius:6px; width:min(1020px,calc(100vw - 48px)); max-height:calc(100dvh - 48px); margin:auto; overflow:auto; background:var(--ivory); color:var(--ink); box-shadow:0 30px 100px #28101a55; }
.product-viewer::backdrop{ background:#39253099; backdrop-filter:blur(6px); }
.product-viewer__shell{ position:relative; display:grid; grid-template-columns:1.12fr 1fr; }
.product-viewer__close{ position:absolute; top:12px; right:12px; z-index:3; width:44px; height:44px; border:1px solid var(--gold-line); background:var(--ivory); border-radius:50%; font-size:1.5rem; }
.product-viewer__visual{ padding:24px; background:#e9d9d3; display:flex; align-items:center; min-width:0; }
.product-viewer__zoom{ position:relative; width:100%; display:block; padding:0; overflow:hidden; cursor:zoom-in; border-radius:2px; background:#e9d9d3; }
.product-viewer__image{ width:100%; aspect-ratio:1; object-fit:contain; transition:transform .4s ease; }
.product-viewer__zoom.is-zoomed{ cursor:zoom-out; }
.product-viewer__zoom.is-zoomed .product-viewer__image{ transform:scale(1.7); }
.product-viewer__zoom-label{ position:absolute; left:12px; bottom:12px; background:var(--ivory); border:1px solid var(--gold-line); border-radius:100px; padding:.45rem .8rem; font-size:.68rem; }
.product-viewer__details{ padding:64px 32px 28px; min-width:0; }
.product-viewer__eyebrow,.product-viewer__category{ font-size:.66rem; color:var(--gold-text); text-transform:uppercase; letter-spacing:.15em; }
.product-viewer__category{ margin-top:1.4rem; color:var(--muted); }
.product-viewer__title{ font-size:clamp(2.3rem,4vw,3.5rem); color:var(--plum); margin:.6rem 0 1rem; }
.product-viewer__price{ font-size:1.05rem; margin:.75rem 0; }
.product-viewer__source{ font-size:.86rem; line-height:1.6; color:var(--muted); overflow-wrap:anywhere; }
.product-viewer__purchase{ margin-top:1rem; width:100%; justify-content:center; }
.product-viewer__note{ font-size:.73rem; line-height:1.6; color:var(--muted); margin:.8rem 0 1.5rem; }
.product-viewer__navigation{ display:flex; justify-content:space-between; align-items:center; gap:8px; padding-top:1rem; border-top:1px solid var(--gold-line); }
.product-viewer__previous,.product-viewer__next{ min-width:44px; min-height:44px; border:1px solid var(--gold-line); border-radius:50%; }
.product-viewer__navigation button:disabled{ opacity:.35; cursor:default; }
.product-viewer__position{ font-size:.72rem; color:var(--muted); }
/* The studio story uses the same materials and type. */
.studio-hero{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.studio-hero h1{ margin-top:1rem; font-size:clamp(3rem,6vw,5.6rem); }
.studio-hero .txtlink{ display:inline-block; margin-top:1.5rem; }
.studio-hero__image{ margin:0; padding:12px; background:var(--blush); border:1px solid var(--gold-line); transform:rotate(2deg); }
.studio-hero__image img{ aspect-ratio:1.15/1; object-fit:cover; }
.studio-hero__image figcaption{ font:italic 1.15rem var(--serif); text-align:center; padding:1rem .4rem .3rem; color:var(--plum); }
.studio-craft{ margin-top:1.5rem; background:#f1e5df; border-block:1px solid var(--hair); }
.prose>div{ border-top:1px solid var(--gold-line); padding-top:1.3rem; }
.prose h2{ font-size:2.5rem; margin-bottom:1rem; }
.prose p{ font-weight:400; }
#care{ scroll-margin-top:112px; }
.studios{ gap:2rem; }
.studios img{ filter:none; border-radius:2px; }
@media(min-width:741px) and (max-width:1050px){
  .hero__footnote{ margin-top:1.6rem; }
  .hero .kicker{ font-size:.58rem; letter-spacing:.14em; }
  .hero .kicker .rule{ width:20px; }
  .hero__title{ font-size:clamp(3.4rem,7.4vw,4.8rem); }
  .hero .actions{ gap:1rem; }
  .hero .btn{ padding:.9em 1.1em; font-size:.8rem; }
  .hero__story{ font-size:.75rem; }
}
@media(max-width:900px){
  .hdr .logo{ font-size:1.9rem; }
  .hdr__in{ height:76px; }
  .style-tiles{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem 1.3rem; }
  .style-tile--seasonal{ grid-column:1/-1; width:calc((100% - 1.3rem)/2); justify-self:center; }
  .style-tile__image{ aspect-ratio:1.12/1; }
  .feature__body{ padding:2rem 2rem 2rem 0; }
  .feature__body p{ font-size:.92rem; }
  .feature__product{ margin:1rem 0; }
  .feature__media{ padding:2rem; }
}
@media(max-width:768px){
  .hdr:not(.nav-ready) .hdr__in{ flex-wrap:wrap; height:auto; min-height:76px; padding-block:12px; }
  .hdr:not(.nav-ready) .nav a{ padding-inline:.35rem; }
  .hdr:not(.nav-ready) .nav{ display:flex; position:static; flex-direction:row; flex-basis:100%; order:3; padding:0; box-shadow:none; border:0; flex-wrap:wrap; justify-content:center; }
  .nav__toggle{ display:none; }
  .hdr.nav-ready .nav__toggle{ display:flex; }
  .hdr.nav-ready .nav{ display:none; }
  .hdr.nav-ready.nav-open .nav{ display:flex; }
  .nav a{ padding-inline:1.2rem; }
  .nav a::after{ display:none; }
}
@media(max-width:740px){
  .hgrid{ grid-template-columns:1fr; gap:1.5rem; }
  .hero__copy{ padding:.1rem 0 0; text-align:center; }
  .hero .kicker{ font-size:.61rem; letter-spacing:.16em; }
  .hero__title{ font-size:clamp(3.6rem,12.3vw,5.5rem); margin-top:1.1rem; }
  .hero .lede{ margin:1.1rem auto 0; max-width:34ch; font-size:1rem; }
  .hero .actions{ justify-content:center; margin-top:1.4rem; }
  .hero__footnote{ display:none; }
  .jewel-stage{ width:min(100%,470px); aspect-ratio:1/1.19; }
  .studio-seal{ width:82px; right:2%; }
  .studio-seal b{ font-size:1.35rem; }
  .jewel-stage__caption b{ font-size:1.4rem; }
  .jewel-stage__caption>span{ font-size:.6rem; }
  .jewel-stage__main{ padding:8px 8px 0; }
  .jewel-stage__caption{ padding:.7rem .2rem .7rem 18%; }
  .jewel-stage__accent span{ font-size:.96rem; }
  .jewel-stage__note{ font-size:1.5rem; bottom:1%; }
  .jewel-stage__vertical{ font-size:.46rem; }
  .hero__bottom{ font-size:.56rem; letter-spacing:.08em; margin-top:1.5rem; padding-block:1rem; }
  .hero__bottom a span{ margin-left:.4rem; }
  .assure{ font-size:.58rem; letter-spacing:.09em; gap:.5rem 1rem; }
  .assure span:nth-last-child(-n+2){ display:none; }
  .feature__in{ grid-template-columns:1fr; }
  .feature__media{ aspect-ratio:1.25/1; padding:2rem 2rem 0; }
  .feature__media img{ object-position:50% 45%; border-radius:45% 45% 2px 2px; }
  .feature__body{ padding:2rem 2rem 2.5rem; }
  .feature__body h2{ font-size:3.9rem; }
  .feature__body p{ max-width:37ch; }
  .feature__flower{ bottom:-3%; }
  .founder__in,.studio-hero{ grid-template-columns:1fr; }
  .founder__photo{ max-width:440px; width:100%; }
  .catalog-tools{ padding:1rem; }
  .catalog-grid{ gap:2rem 1rem; }
  .card__name{ font-size:1.5rem; }
  .card__media{ padding:6px; }
  .product-viewer{ width:calc(100vw - 24px); max-height:calc(100dvh - 24px); }
  .product-viewer__shell{ grid-template-columns:1fr; }
  .product-viewer__visual{ padding:16px; }
  .product-viewer__image{ aspect-ratio:1.22; }
  .product-viewer__details{ padding:1.4rem; }
  .product-viewer__title{ font-size:2.6rem; }
  .product-viewer__category{ margin-top:.8rem; }
  .studio-hero__image{ margin-top:1rem; }
  .studios{ grid-template-columns:1fr; }
}
@media(max-width:400px){
  .hdr__in{ gap:.25rem; }
  .hdr .logo{ font-size:1.65rem; }
  .bag{ padding:.4rem .65rem; font-size:.62rem; }
  .hero .kicker{ font-size:.55rem; letter-spacing:.1em; }
  .hero .actions{ gap:.9rem; }
  .hero .btn{ font-size:.83rem; padding:.95em 1.2em; }
  .hero__story{ font-size:.76rem; }
  .studio-seal{ width:68px; }
  .studio-seal b{ font-size:1.15rem; }
  .jewel-stage__note{ font-size:1.2rem; }
  .jewel-stage__accent span{ font-size:.78rem; }
  .style-tile__image{ padding:8px; }
  .style-tile h3{ font-size:1.65rem; }
  .style-tile p{ font-size:.72rem; }
  .feature__body h2{ font-size:3.4rem; }
}
@media(prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  .jewel-stage__main,.jewel-stage__accent,.style-tile__image img,.style-tile__image>span,.product-viewer__image,.nav a::after,.card__preview{ transition:none; }
  .jewel-stage__main:hover{ transform:rotate(5deg); }
  .jewel-stage__accent:hover{ transform:rotate(-9deg); }
  .style-tile:hover img{ transform:none; }
}

/* ---------- Atelier edition: photography, paper, and room to breathe ---------- */
.atelier-home,.atelier-about{ --wrap:1440px; --gut:clamp(20px,4.4vw,64px); background:#fbf7f0; }
.atelier-home .hdr,.atelier-about .hdr{ background:#fbf7f0ed; border-bottom:1px solid #b0894c30; }
.atelier-home .hdr__in,.atelier-about .hdr__in{ height:88px; }
.atelier-home .hdr .logo,.atelier-about .hdr .logo{ font-size:2.3rem; }
.atelier-home .announce,.atelier-about .announce{ background:#744655; padding:.5rem 1rem; font-size:.65rem; letter-spacing:.16em; }
.atelier-eyebrow{ display:flex; align-items:center; gap:12px; margin:0 0 1.5rem; color:#7f623d; font:500 .67rem/1.5 var(--sans); letter-spacing:.2em; text-transform:uppercase; }
.atelier-eyebrow>span{ width:32px; height:1px; background:currentColor; }
.atelier-text-link{ display:inline-flex; align-items:center; gap:26px; padding:10px 0; border-bottom:1px solid #af8c555f; font-size:.82rem; }
.atelier-text-link:hover{ color:var(--plum); border-color:var(--plum); }
.atelier-actions{ display:flex; align-items:center; flex-wrap:wrap; gap:20px 28px; }
.atelier-home .btn,.atelier-about .btn{ min-height:50px; padding:1rem 1.55rem; border-radius:0; gap:30px; font-size:.85rem; }
.atelier-home .btn--ink,.atelier-about .btn--ink{ background:#754655; }
.atelier-home .btn--ink:hover,.atelier-about .btn--ink:hover{ background:#553342; }
.atelier-home :is(#colors,#seasonal,#collection),.atelier-about :is(#craft,#care){ scroll-margin-top:105px; }
.atelier-hero{ position:relative; padding-top:clamp(40px,5vw,76px); background:radial-gradient(ellipse at 80% 48%,#eddbd5 0%,#f4e8e280 35%,transparent 67%); overflow:clip; }
.atelier-hero__grid{ display:grid; grid-template-columns:.98fr 1.02fr; align-items:center; gap:30px; }
.atelier-hero__copy{ position:relative; z-index:2; padding-bottom:20px; }
.atelier-hero h1{ font-size:clamp(4.5rem,8.5vw,8.1rem); line-height:.91; letter-spacing:-.03em; }
.atelier-hero h1 em{ color:#865260; font-weight:400; }
.atelier-hero__intro{ color:#71615c; font-size:1rem; line-height:1.8; margin:2rem 0 1.8rem; }
.atelier-review{ display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:12px; margin-top:2.3rem; width:fit-content; }
.atelier-review>span{ color:#947037; font-size:.73rem; letter-spacing:.1em; }
.atelier-review b{ font-size:.72rem; font-weight:500; }
.atelier-review small{ grid-column:2; font-size:.62rem; color:#77665d; }
.atelier-hero__art{ width:100%; aspect-ratio:.9; position:relative; isolation:isolate; }
.atelier-hero__outline{ position:absolute; inset:0 4% 15% 12%; border:1px solid #b28c5666; border-radius:48% 48% 0 0; transform:rotate(7deg); z-index:-1; }
.atelier-hero__outline::after{ content:""; position:absolute; inset:12px; border:1px solid #b28c5630; border-radius:inherit; }
.atelier-photo{ display:block; background:#fffaf4; box-shadow:0 16px 38px -24px #58374288; }
.atelier-photo--main{ width:79%; position:absolute; top:3%; right:6%; padding:12px 12px 0; border-radius:48% 48% 0 0; transform:rotate(3deg); }
.atelier-photo--main>img{ width:100%; aspect-ratio:.93; object-fit:cover; border-radius:48% 48% 0 0; }
.atelier-photo__caption{ display:flex; justify-content:space-between; gap:10px; align-items:center; padding:1.15rem .7rem 1.25rem 23%; }
.atelier-photo__caption small{ display:block; font-size:.59rem; color:#7e675d; text-transform:uppercase; letter-spacing:.15em; margin-bottom:.25rem; }
.atelier-photo__caption b{ font:400 clamp(1.4rem,2vw,1.8rem)/1.1 var(--serif); }
.atelier-photo__arrow{ width:37px; height:37px; border:1px solid var(--gold-line); display:grid; place-items:center; border-radius:50%; flex-shrink:0; }
.atelier-photo--little{ position:absolute; width:33%; bottom:7%; left:-3%; padding:8px 8px 0; transform:rotate(-10deg); z-index:2; }
.atelier-photo--little img{ width:100%; aspect-ratio:.95; object-fit:cover; }
.atelier-photo--little>span{ display:flex; justify-content:space-between; padding:10px 1px; font:italic clamp(.85rem,1.4vw,1.3rem) var(--serif); }
.atelier-photo--little i{ font:normal .85rem var(--sans); }
.atelier-seal{ position:absolute; top:1%; right:-1%; width:clamp(90px,9vw,124px); aspect-ratio:1; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#f5eadc; border:1px solid #a5814d; border-radius:50%; outline:1px solid #a5814d70; outline-offset:5px; z-index:3; box-shadow:0 5px 15px #44233312; }
.atelier-seal span{ font-size:clamp(.43rem,.57vw,.56rem); letter-spacing:.08em; text-transform:uppercase; color:#785d37; }
.atelier-seal b{ text-align:center; font:400 clamp(1.3rem,2.25vw,2rem)/.95 var(--serif); color:#784353; padding:7px 0; }
.atelier-hero__note{ position:absolute; right:5%; bottom:-1%; margin:0; color:#82515e; font:400 clamp(1.4rem,2.3vw,2.1rem)/1.1 var(--serif); transform:rotate(-5deg); }
.atelier-flower{ width:110px; color:#a3834d; }
.atelier-hero__art>.atelier-flower{ position:absolute; width:22%; top:12%; left:-8%; transform:rotate(-22deg); z-index:-1; }
.atelier-margin-note{ position:absolute; right:-3%; top:36%; writing-mode:vertical-rl; font-size:.53rem; letter-spacing:.23em; color:#917954; }
.atelier-hero__base{ display:flex; justify-content:space-between; gap:20px; padding-block:32px 24px; margin-top:20px; color:#74665b; font-size:.63rem; text-transform:uppercase; letter-spacing:.15em; }
.atelier-hero__base a{ display:flex; align-items:center; gap:32px; }
.atelier-hero__base a span{ font-size:1.2rem; color:#875363; }
.atelier-intro{ border-block:1px solid #ae8c5340; background:#f1e6df; }
.atelier-intro__in{ display:grid; grid-template-columns:1.25fr repeat(3,1fr); align-items:center; gap:30px; padding-block:30px; }
.atelier-intro__in>p{ margin:0; font:400 1.6rem/1.1 var(--serif); }
.atelier-intro__in>p em{ color:#885361; }
.atelier-intro__in>div{ border-left:1px solid #ae8c5350; padding-left:25px; }
.atelier-intro span{ display:block; color:#805946; text-transform:uppercase; letter-spacing:.12em; font-size:.6rem; }
.atelier-intro b{ display:block; font:400 .8rem/1.6 var(--sans); margin-top:5px; }
.atelier-section{ padding:clamp(70px,8vw,120px) 0; }
.atelier-section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:45px; }
.atelier-section-head h2,.atelier-studio h2{ font-size:clamp(3.2rem,5.7vw,5.5rem); letter-spacing:-.025em; line-height:.97; }
.atelier-section-head h2 em,.atelier-studio h2 em{ color:#895462; }
.atelier-section-head>div:last-child>p{ color:#73645c; font-size:.92rem; line-height:1.7; margin-bottom:12px; }
.atelier-style-grid{ display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:30px; }
.atelier-style{ display:flex; min-width:0; flex-direction:column; }
.atelier-style>div{ position:relative; padding:12px; background:#e8dadf; aspect-ratio:1.25; overflow:hidden; }
.atelier-style img{ width:100%; height:100%; object-fit:cover; transition:transform .65s ease; }
.atelier-style:hover img{ transform:scale(1.035); }
.atelier-style--nature{ grid-row:span 2; justify-content:center; }
.atelier-style--nature>div{ flex:none; border-radius:48% 48% 0 0; aspect-ratio:.95; padding:14px; background:#dfe5dd; }
.atelier-style--nature img{ border-radius:48% 48% 0 0; }
.atelier-style--terrazzo>div{ background:#eddfd2; }
.atelier-style--ombre>div{ background:#dce4e8; }
.atelier-style--geometric>div{ background:#e2e5d9; }
.atelier-style--seasonal>div{ background:#e9d6c5; }
.atelier-style__label{ display:block; padding:16px 0 0; }
.atelier-style__label b{ display:block; font:400 clamp(1.5rem,2.3vw,2.15rem)/1.1 var(--serif); }
.atelier-style__label small{ display:block; margin-top:5px; font-size:.72rem; color:#78675c; }
.atelier-style__arrow{ position:absolute; right:22px; bottom:22px; width:38px; height:38px; display:grid; place-items:center; background:#fcf8ef; border:1px solid #b0894c50; border-radius:50%; transition:background .2s,color .2s; }
.atelier-style:hover .atelier-style__arrow{ color:#fff7ec; background:#754655; }
.atelier-fall{ background:#6a4050; color:#fcf2e5; position:relative; overflow:clip; }
.atelier-fall::before{ content:""; pointer-events:none; position:absolute; inset:20px; border:1px solid #cbaa724d; }
.atelier-fall__in{ display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(25px,6vw,85px); align-items:center; padding-block:clamp(65px,7vw,110px); }
.atelier-fall .atelier-eyebrow{ color:#e2c9a2; }
.atelier-fall h2{ font-size:clamp(4.5rem,8.7vw,8rem); line-height:.9; letter-spacing:-.025em; }
.atelier-fall h2 em{ color:#ecc5b3; }
.atelier-fall__copy>p:not(.atelier-eyebrow){ max-width:34ch; font-size:.95rem; line-height:1.8; margin:26px 0 28px; color:#f1dfd7; }
.atelier-fall__hand{ display:block; font:italic 1.4rem/1.3 var(--serif); margin-top:32px; color:#e0c5b7; }
.atelier-fall__gallery{ position:relative; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:20px; padding-block:30px; }
.fall-piece{ display:block; padding:10px 10px 0; background:#fbf2e6; color:#5d3d43; box-shadow:0 20px 30px -20px #271320; position:relative; z-index:1; }
.fall-piece img{ aspect-ratio:.9; width:100%; object-fit:cover; }
.fall-piece>span{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 2px; font:italic clamp(1rem,1.7vw,1.6rem)/1.15 var(--serif); }
.fall-piece i{ font:normal 1rem var(--sans); }
.fall-piece--flowers{ transform:rotate(-6deg); margin-top:-45px; }
.fall-piece--cat{ transform:rotate(7deg); margin-top:85px; }
.atelier-fall__flourish{ position:absolute; right:3%; top:-45px; transform:rotate(35deg); }
.atelier-fall__flourish svg{ color:#d8bb8e; width:100px; }
.atelier-studio__in{ display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:clamp(36px,6vw,90px); }
.atelier-studio__pictures{ position:relative; padding:25px 20% 110px 10px; }
.atelier-studio__pictures::before{ content:""; position:absolute; inset:0 23% 95px 25px; border:1px solid #b28c5650; transform:rotate(-6deg); background:#ecded5; }
.atelier-studio__photo{ margin:0; padding:10px 10px 0; position:relative; background:#fffaf3; transform:rotate(-3deg); box-shadow:0 10px 30px -23px #432337; }
.atelier-studio__photo img{ width:100%; aspect-ratio:.95; object-fit:cover; object-position:56% 60%; }
.atelier-studio figcaption{ padding:13px 5px; font:italic 1.15rem/1.3 var(--serif); color:#806253; }
.atelier-studio__detail{ position:absolute; right:0; bottom:0; width:47%; transform:rotate(6deg); padding:8px 8px 0; background:#f0e9dc; box-shadow:0 12px 35px -23px #432337; }
.atelier-studio__detail img{ width:100%; }
.atelier-studio__detail span{ display:block; padding:10px 3px; font:italic 1.15rem/1.3 var(--serif); }
.atelier-studio h2{ font-size:clamp(3rem,4.7vw,4.7rem); }
.atelier-studio__copy>p:not(.atelier-eyebrow){ font-size:.95rem; color:#73645c; line-height:1.8; max-width:42ch; margin:25px 0; }
.atelier-process{ border-block:1px solid #b28c5645; margin:30px 0 20px; }
.atelier-process>div{ display:grid; grid-template-columns:110px 1fr; align-items:baseline; gap:12px; padding:12px 0; border-bottom:1px solid #b28c5625; }
.atelier-process>div:last-child{ border:0; }
.atelier-process span{ color:#84535d; font:italic 1.5rem/1.2 var(--serif); }
.atelier-process p{ font-size:.75rem; color:#73645c; margin:0; line-height:1.6; }
.atelier-palette{ background:#ede2e4; border-block:1px solid #bd9a8a40; }
.atelier-palette__in{ display:flex; align-items:center; justify-content:space-between; gap:40px; padding-block:38px; }
.atelier-palette .atelier-eyebrow{ margin-bottom:10px; }
.atelier-palette h2{ font-size:clamp(2.3rem,3.6vw,3.6rem); }
.atelier-palette h2 em{ color:#835361; }
.atelier-palette__swatches{ display:flex; gap:clamp(15px,2.7vw,40px); }
.color-choice{ display:flex; flex-direction:column; align-items:center; gap:10px; font-size:.69rem; min-width:44px; }
.color-choice>span{ display:block; width:46px; height:46px; background:var(--swatch); border:4px solid #fbf6ef; outline:1px solid #9c785e60; border-radius:50%; box-shadow:0 4px 8px #5940480b; transition:transform .2s; }
.color-choice--mix>span{ background:conic-gradient(#aa859f 0 25%,#ba9c60 25% 50%,#96aaa0 50% 75%,#dab4ad 75%); }
.color-choice:hover>span{ transform:translateY(-4px); outline-color:#754655; }
.atelier-home #collection{ padding:clamp(70px,8vw,115px) 0 !important; }
.atelier-home #collection .sec__title{ font-size:clamp(3.5rem,6vw,6rem); letter-spacing:-.025em; }
.atelier-home .catalog-intro{ max-width:64ch; margin-bottom:28px; font-size:.95rem; }
.atelier-home .catalog-tools{ position:sticky; top:88px; z-index:10; background:#fbf7f0f7; backdrop-filter:blur(12px); border:0; border-top:1px solid #b0894c60; border-bottom:1px solid #b0894c60; border-radius:0; padding:18px 0; gap:14px 25px; box-shadow:none; }
.atelier-home .catalog-search input,.atelier-home .catalog-sort select{ border-radius:0; background:#fffaf3; min-height:44px; padding:.6rem .8rem; }
.atelier-home .catalog-tools label{ font-size:.6rem; margin-bottom:5px; }
.atelier-home .catalog-filters button{ font-size:.74rem; min-height:40px; }
.atelier-home .catalog-count{ color:#7e6655; margin:24px 0 18px; font-size:.72rem; font-weight:400; }
.atelier-home .catalog-grid{ gap:40px 25px; }
.atelier-home .card__media{ padding:9px; background:#ece1d9; border-radius:0; }
.atelier-home .card__media img{ border-radius:0; }
.atelier-home .card__row{ display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.atelier-home .card__name{ font-size:clamp(1.5rem,2vw,1.85rem); }
.atelier-home .card__price{ font-weight:400; font-size:.8rem; }
.atelier-home .card__meta{ font-size:.66rem; margin-top:7px; }
.atelier-home .card__cta{ font-size:.63rem; margin-top:15px; padding-top:0; }
.atelier-home .card__preview{ margin-top:12px; font-size:.72rem; min-height:44px; }
.atelier-home .catalog-note{ margin-top:40px; }
.atelier-signoff{ text-align:center; padding:clamp(65px,8vw,110px) 0; background:radial-gradient(ellipse at center,#e9d5d180,transparent 67%),#f3eae3; border-top:1px solid #b0894c40; }
.atelier-signoff .atelier-eyebrow{ justify-content:center; }
.atelier-signoff h2{ font-size:clamp(3.2rem,6.4vw,6.1rem); line-height:1; letter-spacing:-.025em; }
.atelier-signoff h2 em{ color:#875363; }
.atelier-signoff p:not(.atelier-eyebrow){ font-size:.95rem; color:#766158; margin:25px 0 30px; }
.atelier-home .ft,.atelier-about .ft{ margin:0; background:#513540; color:#eedfd4; padding:65px 0 25px; }
.atelier-wordmark{ display:flex; justify-content:center; align-items:baseline; gap:.15em; font:400 clamp(4rem,14.2vw,13.5rem)/1.1 var(--serif); letter-spacing:-.03em; color:#f4e9d8; padding:45px 0 25px; border-bottom:1px solid #d9c29a44; white-space:nowrap; }
.atelier-wordmark>span{ font-size:.32em; color:#c6aa7c; }
.atelier-home .ft__tag,.atelier-about .ft__tag{ color:#d6c0b4; font-size:.83rem; }
.atelier-home .ft__col a,.atelier-about .ft__col a{ color:#ebdbcf; font-size:.8rem; }
.atelier-home .ft__base,.atelier-about .ft__base{ color:#d1b9ae; font-size:.68rem; }
.atelier-about .phero{ padding:70px 0 90px; background:radial-gradient(ellipse at 20% 40%,#efded6,transparent 70%); }
.atelier-about .phero h1{ font-size:clamp(4rem,8vw,7.5rem); line-height:.95; margin-top:20px; }
.atelier-about .studio-hero{ gap:60px; }
.atelier-about .studio-hero__image{ padding:12px; background:#fffaf3; transform:rotate(3deg); border-radius:0; box-shadow:0 20px 40px -28px #523344; }
.atelier-about .studio-hero__image img{ border-radius:45% 45% 0 0; }
.atelier-about .studio-craft{ margin:0 0 80px; padding-block:80px; }
.atelier-about .prose h2{ font-size:3rem; color:#754655; }
.atelier-about .email{ border-radius:0; background:#754655; }
@media(min-width:1500px){ .atelier-hero__art{ max-height:730px; } }
@media(max-width:1100px){
 .atelier-hero__grid{ gap:20px; }
 .atelier-hero h1{ font-size:8.5vw; }
 .atelier-hero__art{ aspect-ratio:.83; }
 .atelier-hero__intro{ font-size:.9rem; }
 .atelier-review{ margin-top:25px; }
 .atelier-intro__in{ grid-template-columns:1fr 1fr; gap:22px 35px; }
 .atelier-intro__in>p{ grid-row:span 2; font-size:2.1rem; }
 .atelier-intro__in>div{ padding-left:22px; }
 .atelier-intro__in>div:last-child{ grid-column:2; }
 .atelier-style-grid{ gap:23px; }
 .atelier-style>div{ aspect-ratio:1.3; }
 .atelier-style--nature>div{ aspect-ratio:.95; }
 .atelier-palette__in{ gap:25px; }
 .atelier-palette__swatches{ gap:15px; }
 .atelier-about .studio-hero{ gap:30px; }
}
@media(max-width:800px){
 .atelier-home .hdr__in,.atelier-about .hdr__in{ height:76px; }
 .atelier-home .hdr .logo,.atelier-about .hdr .logo{ font-size:1.9rem; }
 .atelier-home .nav{ gap:1rem; }
 .atelier-home .nav a,.atelier-about .nav a{ font-size:.64rem; letter-spacing:.12em; }
 .atelier-hero__grid{ grid-template-columns:1fr; gap:40px; }
 .atelier-hero__copy{ text-align:center; padding:0; }
 .atelier-hero .atelier-eyebrow{ justify-content:center; }
 .atelier-hero h1{ font-size:clamp(4.6rem,12vw,6.5rem); }
 .atelier-hero h1 em br{ display:none; }
 .atelier-hero__intro{ margin:22px auto; }
 .atelier-actions{ justify-content:center; }
 .atelier-review{ margin:25px auto 0; }
 .atelier-hero__art{ width:min(100%,550px); justify-self:center; aspect-ratio:.98; margin-bottom:20px; }
 .atelier-photo--main{ width:74%; right:8%; }
 .atelier-photo--main>img{ aspect-ratio:1; }
 .atelier-photo__caption b{ font-size:1.7rem; }
 .atelier-photo--little{ width:31%; left:2%; bottom:4%; }
 .atelier-hero__note{ bottom:-3%; right:7%; font-size:1.65rem; }
 .atelier-hero__art>.atelier-flower{ left:1%; }
 .atelier-seal{ width:95px; right:1%; }
 .atelier-seal b{ font-size:1.55rem; }
 .atelier-seal span{ font-size:.45rem; }
 .atelier-margin-note{ right:-1%; font-size:.47rem; }
 .atelier-hero__base{ font-size:.55rem; margin-top:0; }
 .atelier-hero__base a{ gap:15px; }
 .atelier-section-head{ gap:25px; }
 .atelier-style-grid{ grid-template-columns:1fr 1fr; gap:30px 20px; }
 .atelier-style--nature{ grid-row:auto; grid-column:1/-1; width:70%; justify-self:center; }
 .atelier-style--nature>div{ aspect-ratio:1.1; }
 .atelier-style>div{ aspect-ratio:1.1; }
 .atelier-fall__in{ grid-template-columns:1fr; gap:40px; }
 .atelier-fall__copy{ text-align:center; }
 .atelier-fall .atelier-eyebrow{ justify-content:center; }
 .atelier-fall__copy>p:not(.atelier-eyebrow){ margin-inline:auto; }
 .atelier-fall h2{ font-size:clamp(4.6rem,12vw,7rem); }
 .atelier-fall__gallery{ width:min(90%,540px); margin-inline:auto; }
 .atelier-studio__in{ grid-template-columns:1fr; gap:45px; }
 .atelier-studio__pictures{ width:min(100%,540px); margin:auto; }
 .atelier-studio__copy{ max-width:580px; }
 .atelier-palette__in{ flex-direction:column; text-align:center; gap:28px; }
 .atelier-palette .atelier-eyebrow{ justify-content:center; }
 .atelier-palette__swatches{ gap:clamp(15px,5vw,40px); }
 .atelier-home .catalog-tools{ position:static; }
 .atelier-about .studio-hero{ grid-template-columns:1fr; gap:45px; }
}
@media(max-width:480px){
 .atelier-home .hdr .logo,.atelier-about .hdr .logo{ font-size:1.65rem; }
 .atelier-home .announce,.atelier-about .announce{ font-size:.51rem; letter-spacing:.09em; }
 .atelier-hero{ padding-top:35px; }
 .atelier-hero .atelier-eyebrow{ font-size:.57rem; margin-bottom:20px; }
 .atelier-hero h1{ font-size:clamp(3.8rem,13.8vw,5rem); }
 .atelier-hero__intro{ font-size:.88rem; }
 .atelier-home .btn,.atelier-about .btn{ padding:.9rem 1.1rem; gap:20px; font-size:.76rem; }
 .atelier-actions{ gap:12px 20px; }
 .atelier-text-link{ font-size:.76rem; gap:18px; }
 .atelier-review{ margin-top:22px; }
 .atelier-hero__grid{ gap:35px; }
 .atelier-hero__art{ aspect-ratio:.86; }
 .atelier-photo--main{ width:80%; right:6%; padding:8px 8px 0; }
 .atelier-photo__caption{ padding:13px 4px 13px 23%; }
 .atelier-photo__caption b{ font-size:1.2rem; }
 .atelier-photo__caption small{ font-size:.48rem; }
 .atelier-photo__arrow{ width:28px; height:28px; font-size:.8rem; }
 .atelier-photo--little{ width:34%; padding:6px 6px 0; left:0; bottom:7%; }
 .atelier-photo--little>span{ font-size:.9rem; gap:5px; padding:9px 0; }
 .atelier-seal{ width:78px; right:0; top:-2%; outline-offset:3px; }
 .atelier-seal b{ font-size:1.3rem; padding:5px 0; }
 .atelier-seal span{ font-size:.37rem; }
 .atelier-hero__note{ font-size:1.25rem; bottom:0; right:0; }
 .atelier-hero__outline{ inset:0 2% 14% 9%; }
 .atelier-margin-note{ display:none; }
 .atelier-hero__base{ align-items:center; padding-block:15px 20px; gap:20px; }
 .atelier-hero__base>span{ max-width:18ch; }
 .atelier-hero__base a{ max-width:24ch; }
 .atelier-intro__in{ grid-template-columns:1fr; gap:18px; padding-block:30px; text-align:center; }
 .atelier-intro__in>p{ grid-row:auto; margin-bottom:5px; font-size:1.8rem; }
 .atelier-intro__in>div{ padding:0; border:0; }
 .atelier-intro__in>div:last-child{ grid-column:auto; }
 .atelier-intro b{ margin-top:2px; }
 .atelier-section{ padding-block:60px; }
 .atelier-section-head{ align-items:start; flex-direction:column; gap:20px; margin-bottom:30px; }
 .atelier-section-head h2,.atelier-studio h2{ font-size:3.2rem; }
 .atelier-section-head .atelier-eyebrow{ margin-bottom:18px; }
 .atelier-section-head>div:last-child>p{ font-size:.85rem; margin:0 0 8px; }
 .atelier-style--nature{ width:100%; }
 .atelier-style-grid{ gap:27px 16px; }
 .atelier-style>div{ padding:7px; aspect-ratio:.92; }
 .atelier-style--nature>div{ aspect-ratio:1.1; padding:10px; }
 .atelier-style__label{ padding-top:12px; }
 .atelier-style__label b{ font-size:1.6rem; }
 .atelier-style__label small{ font-size:.63rem; line-height:1.5; }
 .atelier-style__arrow{ right:13px; bottom:13px; width:32px; height:32px; font-size:.9rem; }
 .atelier-fall::before{ inset:12px; }
 .atelier-fall__in{ padding-block:55px 50px; }
 .atelier-fall h2{ font-size:4.8rem; }
 .atelier-fall__copy>p:not(.atelier-eyebrow){ font-size:.86rem; }
 .atelier-fall__hand{ font-size:1.22rem; margin-top:22px; }
 .atelier-fall__gallery{ width:90%; gap:12px; padding-top:15px; }
 .fall-piece{ padding:6px 6px 0; }
 .fall-piece>span{ padding:10px 0; font-size:1rem; }
 .fall-piece--cat{ margin-top:40px; }
 .atelier-fall__flourish{ top:-25px; }
 .atelier-fall__flourish svg{ width:65px; }
 .atelier-studio__pictures{ padding:15px 16% 80px 5px; }
 .atelier-studio__detail{ width:44%; right:5px; }
 .atelier-studio__detail span,.atelier-studio figcaption{ font-size:.95rem; }
 .atelier-studio__copy>p:not(.atelier-eyebrow){ font-size:.86rem; }
 .atelier-process>div{ grid-template-columns:95px 1fr; }
 .atelier-process span{ font-size:1.3rem; }
 .atelier-palette__swatches{ display:grid; grid-template-columns:repeat(3,1fr); width:100%; gap:23px 20px; }
 .color-choice{ font-size:.72rem; }
 .color-choice>span{ width:49px; height:49px; }
 .atelier-home #collection{ padding-block:60px !important; }
 .atelier-home #collection .sec__head{ gap:20px; align-items:start; }
 .atelier-home #collection .sec__title{ font-size:3.5rem; }
 .atelier-home .catalog-intro{ font-size:.85rem; }
 .atelier-home .catalog-grid{ gap:30px 16px; }
 .atelier-home .card__media{ padding:6px; }
 .atelier-home .card__name{ font-size:1.4rem; }
 .atelier-home .card__meta{ font-size:.61rem; }
 .atelier-home .card__preview{ font-size:.67rem; }
 .atelier-home .catalog-filters{ gap:7px; }
 .atelier-home .catalog-filters button{ min-height:44px; font-size:.7rem; padding:.5rem .8rem; }
 .atelier-signoff h2{ font-size:3rem; }
 .atelier-signoff p:not(.atelier-eyebrow){ font-size:.85rem; }
 .atelier-home .ft,.atelier-about .ft{ padding-top:45px; }
 .atelier-wordmark{ font-size:14.5vw; gap:.12em; padding:30px 0 20px; }
 .atelier-about .phero{ padding:40px 0 65px; }
 .atelier-about .phero h1{ font-size:4.3rem; }
 .atelier-about .phero p{ font-size:1rem; }
 .atelier-about .studio-craft{ padding-block:55px; margin-bottom:50px; }
}
@media(prefers-reduced-motion:reduce){
 .atelier-style img,.atelier-style__arrow,.color-choice>span{ transition:none; }
 .atelier-style:hover img,.color-choice:hover>span{ transform:none; }
}