/* Studio Tache — site-level additions on top of the original Webflow styles (studio-tache.css).
   Small fixes and accessibility helpers live here so the original stylesheet stays untouched. */

/* Elements that animate in start hidden until site.js has set their starting state (see Base.astro). */
html.st-anim body.home :is(.section, .pdp-head-wrap.home-phonetics, .vertcial.home, .cover.main, .navigation, .logo-icon, .horizontal.market-block-parent, .dot, .spotlight, .card-pdp-img, .two-column-text, .text-wrap, .parent .flow-img, .parent .feature-img) {
  visibility: hidden;
}

/* Buttons that replaced Webflow divs/links keep the original look */
:where(.st-reset) {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
:where(button.close-button) { font: inherit; border: 0; cursor: pointer; width: auto; }
:where(button.w-inline-block) { text-align: inherit; }

/* Keyboard users can jump straight to the page content */
.st-skip {
  position: absolute;
  left: 1rem;
  top: -100px;
  z-index: 10000;
  background: #3b3b3b;
  color: #fff;
  padding: 0.6rem 1rem;
  text-decoration: none;
}
.st-skip:focus { top: 1rem; }

:focus-visible { outline: 1px solid #3b3b3b; outline-offset: 2px; }

/* Colour filter buttons on the shop grids are real buttons now */
.filter-menu [data-colour] { cursor: pointer; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}

/* Headings that took over from styled paragraphs keep the paragraph look */
.st-h1-reset { font-weight: inherit; }
h1.intro.st-h1-reset { font-weight: 400; }
h2.st-as-h1 { font-size: 3rem; font-weight: 300; line-height: 1.2; }
@media screen and (max-width: 479px) { h2.st-as-h1 { font-size: 2rem; } }

.st-visually-hidden {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}