/* Fenici Family Care — site stylesheet.
 *
 * Generated by tools/from-artboards.mjs: this preamble (design/css-preamble.css)
 * followed by the shared style block lifted from the canvas artboards.
 *
 * The preamble carries what the artboards inherited from the Organic design
 * system plus the few rules a real website needs and a canvas artboard doesn't.
 */

/* ── Fonts ───────────────────────────────────────────────────────────────
 * Self-hosted so the site makes no third-party request; the privacy page
 * promises exactly that.
 */
@font-face {
  font-family: 'Caprasimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/caprasimo-latin.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: 'Caprasimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/caprasimo-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/figtree-latin.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: 'Figtree';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/figtree-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ── Tokens inherited from the Organic design system ─────────────────── */
:root {
  --font-heading: 'Caprasimo', Georgia, serif;
  --font-body: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --radius-md: 16px;
  --radius-lg: 28px;
}

*, *::before, *::after { box-sizing: border-box; }
img { display: block; max-width: 100%; }
figure { margin: 0; }

/* Photographs sit back into the warm ground rather than on top of it. */
.washed { filter: saturate(0.6) contrast(0.85) brightness(1.1) opacity(0.94); }

/* ── Website chrome the artboards had no need for ────────────────────── */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  padding: 12px 20px;
  border-radius: 0 0 var(--radius-md) 0;
  background: var(--fen-estuary);
  color: var(--fen-limestone);
  font-family: var(--font-body);
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
}
.skip-link:focus-visible {
  left: 0;
  color: var(--fen-limestone);
}

/* Anchored headings land clear of nothing sticky, but give them air anyway. */
:target { scroll-margin-top: 24px; }

/* ── Lifted verbatim from the canvas artboards ───────────── */
:root{
--fen-limestone:#F5EAD8;--fen-shell:#EBDDC5;--fen-ink:#201E1D;
--fen-estuary:#0E3A43;--fen-estuary-deep:#072A31;
--fen-inlet:#1BA8D8;--fen-inlet-bright:#4FD2F2;
--fen-dusk:#C67139;--fen-dusk-deep:#8C491A;
--fen-rule:color-mix(in srgb,#0E3A43 18%,transparent);
--fen-rule-light:color-mix(in srgb,#F5EAD8 26%,transparent);
}
html,body{margin:0;padding:0;background:var(--fen-limestone);color:var(--fen-ink);font-family:var(--font-body);font-size:18px;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;margin:0}
p{margin:0}
a{color:var(--fen-dusk-deep);text-underline-offset:3px}
a:hover{color:var(--fen-estuary)}
:focus-visible{outline:3px solid var(--fen-dusk-deep);outline-offset:3px;border-radius:6px}
::selection{background:color-mix(in srgb,var(--fen-inlet) 34%,transparent)}
@keyframes fenRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
[data-rise]{animation:fenRise .8s backwards cubic-bezier(.22,.7,.25,1)}
[data-fen-motion="off"] [data-rise]{animation:none}
@media (prefers-reduced-motion:reduce){[data-rise]{animation:none}}
[data-navlink]:hover{color:var(--fen-estuary)}
[data-navlink][data-active="true"]{color:var(--fen-estuary);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px;text-decoration-color:var(--fen-dusk)}
[data-seg][data-on="true"]{background:var(--fen-estuary)!important;color:var(--fen-limestone)!important;border-color:var(--fen-estuary)!important}
[data-btn]{transition:background .16s ease,border-color .16s ease,color .16s ease}
[data-fen-motion="off"] [data-btn]{transition:none}
[data-btn="solid"]:hover{background:var(--fen-estuary-deep);border-color:var(--fen-estuary-deep)}
[data-btn="outline"]:hover{background:color-mix(in srgb,var(--fen-estuary) 10%,transparent)}
[data-btn="light"]:hover{background:#fffdf8;border-color:#fffdf8}
[data-btn="lightoutline"]:hover{background:color-mix(in srgb,#F5EAD8 16%,transparent)}
[data-scroll]::-webkit-scrollbar{height:0}
[data-mobonly]{display:none}
@container (max-width:1040px){
[data-deskonly]{display:none!important}
[data-mobonly]{display:inline-flex!important}
}