/* ── Theme "atelier" — GENERATED from pieces/themes/atelier.json (stamp * data-theme="atelier" on or a section root; no stamp, no rule — * the base tokens stand). The rule carries the look's resolved image * tonality; the armed LAYER entrances dress each data-sk-layer unit * with the theme's background/foreground picks. ── */ body[data-theme="atelier"] { background-color: #fbf8f2; } [data-theme="atelier"] [data-sk], [data-sk][data-theme="atelier"] { --kit-radius: calc(8px * var(--sk-shape-intensity, 1)); --kit-card-radius: calc(0px * var(--sk-shape-intensity, 1)); --kit-media-radius: calc(0px * var(--sk-shape-intensity, 1)); --kit-border-width: calc(1px * var(--sk-border-intensity, 1)); --kit-air-band: calc(4.3 * var(--sk-density-intensity, 1)); --kit-air-frame: calc(2.86 * var(--sk-density-intensity, 1)); --kit-air-row: calc(1.5 * var(--sk-density-intensity, 1)); --kit-air-actions: calc(0.62 * var(--sk-density-intensity, 1)); --kit-air-sitemap-x: calc(4.29 * var(--sk-density-intensity, 1)); --kit-gap-title: calc(1 * var(--sk-density-intensity, 1)); --kit-gap-actions: calc(1.5 * var(--sk-density-intensity, 1)); --kit-background: #fbf8f2; --kit-surface: #f3ede1; --kit-foreground: #241f17; --kit-muted: #776e5e; --kit-accent: #8c5a33; --kit-font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif; --kit-font-sans: Seravek, "Gill Sans Nova", "Gill Sans", Ubuntu, Calibri, "Trebuchet MS", sans-serif; --sk-image-filter: sepia(clamp(0, calc(0.3 * var(--sk-tone-filter-intensity, 1)), 1)) saturate(max(0, calc(1 - 0.25 * var(--sk-tone-filter-intensity, 1)))) brightness(max(0, calc(1 - 0.12 * var(--sk-tone-filter-intensity, 1)))); --sk-image-wash: linear-gradient(rgba(51, 34, 13, clamp(0, calc(0.46 * var(--sk-tone-wash-intensity, 1)), 1)), rgba(26, 17, 8, clamp(0, calc(0.58 * var(--sk-tone-wash-intensity, 1)), 1))); } [data-theme="atelier"] .sk-el-nav-panel { --sk-panel-anim-from: translateY(calc(6px * var(--sk-anim-intensity, 1))); } @media (prefers-reduced-motion: no-preference) { html[data-sk-js] [data-theme="atelier"] [data-anim] :where([data-sk-layer="background"]:not([data-sk-cascade], [data-sk-reveal-group])), html[data-sk-js] [data-anim][data-theme="atelier"] :where([data-sk-layer="background"]:not([data-sk-cascade], [data-sk-reveal-group])), html[data-sk-js] [data-theme="atelier"] [data-anim] :where([data-sk-layer="background"][data-sk-cascade]) > *, html[data-sk-js] [data-anim][data-theme="atelier"] :where([data-sk-layer="background"][data-sk-cascade]) > * { opacity: 0; transform: none; transition: opacity calc(0.9s / max(abs(var(--sk-anim-intensity, 1)), 0.1)) ease var(--sk-reveal-delay, 0s); } html[data-sk-js] [data-theme="atelier"] [data-anim] :where([data-sk-layer="foreground"]:not([data-sk-cascade], [data-sk-reveal-group])), html[data-sk-js] [data-anim][data-theme="atelier"] :where([data-sk-layer="foreground"]:not([data-sk-cascade], [data-sk-reveal-group])), html[data-sk-js] [data-theme="atelier"] [data-anim] :where([data-sk-layer="foreground"][data-sk-cascade]) > *, html[data-sk-js] [data-anim][data-theme="atelier"] :where([data-sk-layer="foreground"][data-sk-cascade]) > * { opacity: 0; transform: translateY(calc(26px * var(--sk-anim-intensity, 1))); transition: opacity calc(0.7s / max(abs(var(--sk-anim-intensity, 1)), 0.1)) ease var(--sk-reveal-delay, 0s), transform calc(0.7s / max(abs(var(--sk-anim-intensity, 1)), 0.1)) var(--sk-ease-out) var(--sk-reveal-delay, 0s); } }