/* Flora Atelier redesign – tokens and primitives shared by the shell and every redesigned page.
   Class prefix is fla- (fa- collides with Font Awesome). Page rules live in page-<key>.css,
   header/footer rules in shell.css. */
:root {
  --fla-bg: #F2EDE9;
  --fla-bg-2: #E9E1DB;
  --fla-paper: #F7F3F0;
  --fla-ink: #2E2825;
  --fla-head: #3F3632;
  --fla-text: #5E524C;
  --fla-mute: #8C7D74;
  --fla-mute-2: #A8968A;
  --fla-line: #DED4CD;
  --fla-line-2: #CDBFB5;
  --fla-dark: #4F4540;
  --fla-darker: #3F3632;
  --fla-dark-line: #655953;
  --fla-on-dark: #F3EEEA;
  --fla-on-dark-2: #E6DCD5;
  --fla-accent: #B8968A;
  --fla-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --fla-sans: Montserrat, 'Helvetica Neue', Arial, sans-serif;
  --fla-ease: cubic-bezier(.16, 1, .3, 1);
  --fla-spring: cubic-bezier(.34, 1.56, .64, 1);
  --fla-gutter: clamp(20px, 4vw, 56px);
  --fla-max: 1440px;
}

/* Redesigned pages own the whole document. */
body.fla-page {
  margin: 0;
  background: var(--fla-bg);
  font-family: var(--fla-sans);
  font-size: 15px;
  line-height: 1.8;
  color: var(--fla-text);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.fla-page *, .fla-page *::before, .fla-page *::after,
.fla-shell *, .fla-shell *::before, .fla-shell *::after { box-sizing: border-box; }
:where(.fla-page) a { color: var(--fla-text); text-decoration: none; }
:where(.fla-page) a:hover { color: var(--fla-head); }
/* :where() keeps this at zero specificity so .fla-cover and page rules win */
:where(.fla-page) img { max-width: 100%; height: auto; }
.fla-page h1, .fla-page h2, .fla-page h3, .fla-page p { margin: 0; }
.fla-page input, .fla-page textarea, .fla-page button { font-family: inherit; }

.fla-wrap { max-width: var(--fla-max); margin: 0 auto; padding-left: var(--fla-gutter); padding-right: var(--fla-gutter); }
.fla-serif { font-family: var(--fla-serif); }
.fla-eyebrow { font-size: 12px; letter-spacing: .3em; text-transform: uppercase; }
/* Line mask for data-reveal="rise" headings: <span class="fla-mask"><span data-reveal="rise">…</span></span> */
.fla-mask { display: block; overflow: hidden; padding-bottom: .08em; }
.fla-mask > * { display: block; }
/* Image that fills its (aspect-ratio) frame */
.fla-cover { width: 100%; height: 100%; object-fit: cover; display: block; }

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

/* Skip link on redesigned pages (Hello's own one covers the Elementor pages) */
.fla-skip { position: fixed; left: 16px; top: -100px; z-index: 100; padding: 12px 18px; background: var(--fla-paper); color: var(--fla-head); font: 500 12px/1 var(--fla-sans); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; }
.fla-skip:focus { top: 16px; outline: 1px solid currentColor; outline-offset: 2px; }