*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; }
h1, h2, h3 { margin: 0; line-height: 1.15; }
p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }
img { display: block; }
svg { display: block; }
iframe { border: 0; }
[hidden] { display: none !important; }

:focus-visible { outline: 2px solid var(--pv-primary); outline-offset: 3px; border-radius: 4px; }

.skip-link {
  position: fixed; top: 0.6rem; left: 0.6rem; z-index: 20;
  padding: 0.7rem 1.1rem; border-radius: 999px;
  background: var(--pv-primary); color: var(--pv-on-primary);
  font-weight: 700; transform: translateY(-200%); transition: transform 0.2s;
}
.skip-link:focus-visible { transform: none; }

.icon--moon { display: none; }
.pv[data-mode="light"] .pv-mode .icon--sun  { display: none; }
.pv[data-mode="light"] .pv-mode .icon--moon { display: block; }

/* >>> SYNC:PV – generált, ne írd át kézzel <<< */
:root { --ease: cubic-bezier(0.2, 0.7, 0.3, 1); }








.pv {
  --pv-primary:    #DE8524;
  --pv-secondary:  #F0B166;
  --pv-bg:         #070B11;
  --pv-text:       #E8EDF5;
  --pv-on-primary: #1A1206;
  --pv-radius:     16px;
  --pv-align:      left;
  --pv-just:       flex-start;
  --pv-items:      flex-start;
  --pv-font:       "Sora", system-ui, sans-serif;
  --pv-font-head:  "Sora", system-ui, sans-serif;
  --pv-cols:       3;
  --pv-max:        68rem;
  --pv-space:      1;
  --pv-ratio:      1.33;


  --pv-fs:         1;

  --pv-nav-gap:  0rem;
  --pv-nav-base: 3.8rem;
  --pv-nav-h:    0rem;


  --pv-font-hand: "Caveat", cursive;
  --pv-nav-max:  none;

  --pv-pad-y: calc(clamp(2.2rem, 7cqi, 4.5rem) * var(--pv-space));

  --pv-muted:   color-mix(in srgb, var(--pv-text) 62%, var(--pv-bg));
  --pv-surface: color-mix(in srgb, var(--pv-text)  5%, var(--pv-bg));
  --pv-line:    color-mix(in srgb, var(--pv-text) 15%, var(--pv-bg));

  --pv-box-line:   1px solid var(--pv-line);
  --pv-box-bg:     var(--pv-surface);
  --pv-box-shadow: 0 24px 40px -34px rgba(0, 0, 0, 0.75);
  --pv-h-weight:   700;
  --pv-h-track:    -0.03em;
  --pv-h-case:     none;
  --pv-h-scale:    1;

  flex: 1;
  min-height: 0;
  overflow-y: auto;
  container-type: inline-size;
  background: var(--pv-bg);
  color: var(--pv-text);
  font-family: var(--pv-font);
  font-size: calc(0.92rem * var(--pv-fs));
  font-variant-numeric: lining-nums;
  line-height: 1.65;
  text-align: var(--pv-align);
  transition: background-color 0.35s var(--ease), color 0.35s var(--ease);
}
.pv h1, .pv h2, .pv h3 {
  font-family: var(--pv-font-head);
  font-weight: var(--pv-h-weight);
  letter-spacing: var(--pv-h-track);
  text-transform: var(--pv-h-case);





  overflow-wrap: anywhere;
}
.pv :is(img, video) { width: 100%; height: 100%; object-fit: cover; }

.pv[data-fs="sm"], .pv [data-fs="sm"] { --pv-fs: 0.88; }
.pv[data-fs="md"], .pv [data-fs="md"] { --pv-fs: 1; }
.pv[data-fs="lg"], .pv [data-fs="lg"] { --pv-fs: 1.16; }

.pv-main { display: flex; flex-direction: column; margin-top: calc(-1 * var(--pv-nav-h)); }

.pv-main[hidden] { display: none; }
.pv-wrap { max-width: var(--pv-max); margin-inline: auto; }
.pv-section { position: relative; padding: var(--pv-pad-y) clamp(1.1rem, 5cqi, 3.5rem); }




.pv-main > .is-first { padding-top: calc(min(var(--pv-pad-y), 5rem) + var(--pv-nav-h)); }

.pv-page { display: block; padding: calc(min(var(--pv-pad-y), 5rem) + var(--pv-nav-h)) clamp(1.1rem, 5cqi, 3.5rem) var(--pv-pad-y); }
.pv-page__inner { display: flex; flex-direction: column; gap: 1.3rem; }
.pv-page .pv-head { margin-bottom: 0.4rem; }
.pv-page h1 { font-size: calc(clamp(1.5rem, 4.2cqi, 2.3rem) * var(--pv-h-scale) * var(--pv-fs)); }
.pv-page__back {
  display: inline-flex; align-items: center; gap: 0.4rem;
  align-self: var(--pv-items); min-height: 2.75rem;
  color: var(--pv-muted); text-decoration: none;
  font-size: calc(0.85rem * var(--pv-fs));
  transition: color 0.15s;
}
.pv-page__back:hover, .pv-page__back:focus-visible, .pv-page__back:active { color: var(--pv-primary); }
.pv-page__back .icon { width: 1.05em; height: 1.05em; }

.pv-header {
  --pv-nav-muted: var(--pv-muted);
  --pv-nav-ink: var(--pv-text);
  --pv-nav-accent: var(--pv-primary);
  position: sticky;
  top: var(--pv-nav-gap);
  z-index: 5;
  padding: 0.8rem clamp(1.1rem, 5cqi, 3.5rem);
  background: color-mix(in srgb, var(--pv-bg) 88%, transparent);
  border-bottom: 1px solid var(--pv-line);
  backdrop-filter: blur(10px);
  text-align: left;
}

.pv-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  max-width: var(--pv-nav-max);
  margin-inline: auto;
}
.pv-brand { display: flex; align-items: center; gap: 0.6rem; font-family: var(--pv-font-head); font-weight: 700; letter-spacing: -0.01em; min-width: 0; }
.pv-brand img { width: 2.1rem; height: 2.1rem; flex: none; border-radius: calc(var(--pv-radius) * 0.5); object-fit: contain; }
.pv-brand span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pv-header__end { display: flex; align-items: center; gap: 0.8rem; }



.pv-nav {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem 1.2rem;
  min-width: 0;
  font-size: calc(0.85rem * var(--pv-fs));
}
.pv-nav__item { position: relative; }
.pv-nav__top {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  color: var(--pv-nav-muted);
  cursor: pointer;
  transition: color 0.2s var(--ease);
}




.pv-nav__item:hover .pv-nav__top,
.pv-nav__item:has(:focus-visible) .pv-nav__top,
.pv-nav__top[aria-current] { color: var(--pv-nav-ink); }


.pv-nav__top[aria-current] { text-decoration: underline 2px var(--pv-nav-accent); text-underline-offset: 0.45em; }
.pv-nav__chev { font-size: 0.65em; opacity: 0.8; transition: transform 0.2s var(--ease); }
.pv-nav__item:hover .pv-nav__chev,
.pv-nav__item:has(:focus-visible) .pv-nav__chev { transform: translateY(1px); }

.pv-nav__sub {
  position: absolute;
  top: 100%;
  left: -0.6rem;
  z-index: 6;
  min-width: 10rem;
  margin-top: 0.5rem;
  padding: 0.35rem;
  border: 1px solid var(--pv-line);
  border-radius: calc(var(--pv-radius) * 0.6);
  background: var(--pv-bg);
  box-shadow: 0 24px 44px -26px rgba(0, 0, 0, 0.8);
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.3rem);
  transition: opacity 0.18s var(--ease), transform 0.18s var(--ease), visibility 0.18s;
}
.pv-nav__item:hover .pv-nav__sub,
.pv-nav__item:has(:focus-visible) .pv-nav__sub { opacity: 1; visibility: visible; transform: none; }
.pv-nav__sub li {
  padding: 0.4rem 0.7rem;
  border-radius: calc(var(--pv-radius) * 0.4);
  color: var(--pv-muted);
  white-space: nowrap;
}
.pv-nav__sub li:hover, .pv-nav__sub li:has(:focus-visible) { background: var(--pv-surface); color: var(--pv-text); }

.pv-mode {
  display: grid;
  place-items: center;
  width: 2rem; height: 2rem;
  flex: none;
  border: 1px solid var(--pv-line);
  border-radius: var(--pv-radius);
  background: var(--pv-surface);
  color: var(--pv-text);
  cursor: pointer;
  transition: border-color 0.2s var(--ease), color 0.2s var(--ease);
}
.pv-mode:hover, .pv-mode:focus-visible { border-color: var(--pv-primary); color: var(--pv-primary); }
.pv-mode:active { transform: scale(0.92); }
.pv-mode .icon { width: 1rem; height: 1rem; }

.pv-nav__cta {
  display: none;
  flex: none;
  justify-content: center;
  padding: 0.45rem 1rem;
  white-space: nowrap;
  border-radius: var(--pv-radius);
  background: var(--pv-primary);
  color: var(--pv-on-primary);
  font-weight: 600;
  font-size: calc(0.85rem * var(--pv-fs));
}
.pv-nav__cta:hover, .pv-nav__cta:focus-visible { filter: brightness(1.08); }
.pv-nav__cta:active { transform: scale(0.97); }

.pv-burger {
  display: grid;
  place-items: center;
  width: 2.5rem; height: 2.5rem;
  flex: none;
  border: 1px solid var(--pv-line);
  border-radius: var(--pv-radius);
  background: var(--pv-surface);
  color: var(--pv-text);
  cursor: pointer;
  transition: border-color 0.2s var(--ease), color 0.2s var(--ease);
}


.pv-burger[hidden] { display: none; }
.pv-burger:hover, .pv-burger:focus-visible { border-color: var(--pv-primary); color: var(--pv-primary); }
.pv-burger:active { transform: scale(0.92); }
.pv-burger .icon { width: 1.2rem; height: 1.2rem; }
.pv[data-nav-bg="tint"] .pv-burger {
  background: transparent;
  border-color: color-mix(in srgb, var(--pv-on-primary) 35%, transparent);
  color: inherit;
}
.pv[data-nav-bg="tint"] .pv-burger:hover, .pv[data-nav-bg="tint"] .pv-burger:focus-visible { border-color: currentColor; color: inherit; }

.pv[data-nav-bg="solid"] .pv-header { background: var(--pv-bg); backdrop-filter: none; }

.pv[data-nav-bg="clear"] { --pv-nav-h: calc(var(--pv-nav-base) + var(--pv-nav-gap)); }
.pv[data-nav-bg="clear"] .pv-header {
  background: transparent;
  border-color: transparent;
  backdrop-filter: none;
}

.pv[data-nav-bg="tint"] .pv-header {
  --pv-nav-muted: color-mix(in srgb, var(--pv-on-primary) 78%, transparent);
  --pv-nav-ink: var(--pv-on-primary);
  --pv-nav-accent: var(--pv-on-primary);
  background: var(--pv-primary);
  border-color: transparent;
  color: var(--pv-on-primary);
  backdrop-filter: none;
}
.pv[data-nav-bg="tint"] .pv-mode {
  background: transparent;
  border-color: color-mix(in srgb, var(--pv-on-primary) 35%, transparent);
  color: inherit;
}
.pv[data-nav-bg="tint"] .pv-mode:hover, .pv[data-nav-bg="tint"] .pv-mode:focus-visible { border-color: currentColor; color: inherit; }
.pv[data-nav-bg="tint"] .pv-nav__cta { background: var(--pv-bg); color: var(--pv-text); }

.pv[data-nav-shape="float"] { --pv-nav-gap: 0.7rem; }
.pv[data-nav-shape="float"] .pv-header {
  margin: var(--pv-nav-gap) clamp(0.7rem, 3cqi, 1.6rem) 0;
  border: 1px solid var(--pv-line);
  border-radius: var(--pv-radius);
  box-shadow: 0 24px 44px -34px rgba(0, 0, 0, 0.8);
}
.pv[data-nav-shape="float"][data-nav-bg="clear"] .pv-header { border-color: transparent; box-shadow: none; }
.pv[data-nav-shape="boxed"] { --pv-nav-max: var(--pv-max); }

.pv[data-nav-align="center"] .pv-header__end { flex: 1; justify-content: flex-end; }
.pv[data-nav-align="center"] .pv-nav { flex: 1; justify-content: center; }
.pv[data-nav-align="stack"] { --pv-nav-base: 6.4rem; }
.pv[data-nav-align="stack"] .pv-header { text-align: center; }
.pv[data-nav-align="stack"] .pv-header__inner { flex-direction: column; align-items: center; gap: 0.55rem; }

.pv[data-nav-link="underline"] .pv-nav__top { position: relative; }
.pv[data-nav-link="underline"] .pv-nav__top::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: -0.35rem;
  height: 2px;
  background: var(--pv-nav-accent);
  scale: 0 1;
  transform-origin: left;
  transition: scale 0.2s var(--ease);
}
.pv[data-nav-link="underline"] .pv-nav__item:hover .pv-nav__top::after,
.pv[data-nav-link="underline"] .pv-nav__item:has(:focus-visible) .pv-nav__top::after,
.pv[data-nav-link="underline"] .pv-nav__top[aria-current]::after { scale: 1 1; }
.pv:is([data-nav-link="underline"], [data-nav-link="pill"]) .pv-nav__top[aria-current] { text-decoration: none; }

.pv[data-nav-link="pill"] .pv-nav { gap: 0.3rem; }
.pv[data-nav-link="pill"] .pv-nav__top {
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  transition: background-color 0.2s var(--ease), color 0.2s var(--ease);
}
.pv[data-nav-link="pill"] .pv-nav__item:hover .pv-nav__top,
.pv[data-nav-link="pill"] .pv-nav__item:has(:focus-visible) .pv-nav__top,
.pv[data-nav-link="pill"] .pv-nav__top[aria-current] {
  background: color-mix(in srgb, var(--pv-nav-accent) 16%, transparent);
  color: var(--pv-nav-accent);
}

.pv[data-nav-link="caps"] .pv-nav {
  font-size: calc(0.72rem * var(--pv-fs));
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.pv[data-nav-pos="static"] .pv-header { position: relative; }

.pv:is([data-nav-pos="lift"], [data-nav-pos="hide"]) .pv-header {
  transition: background-color 0.25s var(--ease), border-color 0.25s var(--ease), translate 0.3s var(--ease);
}


.pv:is([data-nav-pos="lift"], [data-nav-pos="hide"]):not([data-nav-bg="tint"]) .pv-header.is-scrolled {
  background: var(--pv-bg);
  border-color: var(--pv-line);
  backdrop-filter: none;
}
.pv:is([data-nav-pos="lift"], [data-nav-pos="hide"]) .pv-header.is-scrolled { box-shadow: 0 16px 32px -26px rgba(0, 0, 0, 0.7); }

.pv[data-nav-pos="hide"] .pv-header.is-away:not(:has(.is-open, :focus-visible)) {
  translate: 0 calc(-100% - var(--pv-nav-gap) - 1rem);
}
@media (prefers-reduced-motion: reduce) {
  .pv:is([data-nav-pos="lift"], [data-nav-pos="hide"]) .pv-header { transition: none; }
}

.pv[data-nav-progress="bar"] .pv-header::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: -1px;
  height: 3px;
  background: var(--pv-nav-accent);
  transform-origin: left;
  scale: var(--pv-read, 0) 1;
  pointer-events: none;
}
.pv[data-nav-progress="bar"][data-nav-shape="float"] .pv-header::after { inset-inline: calc(var(--pv-radius) / 2); }

.pv-call { display: none; }
.pv[data-nav-call="icon"] .pv-call:not([hidden]) { display: grid; }

.pv-topbar { display: none; }
.pv[data-nav-top="info"] .pv-topbar {
  display: block;
  position: relative;
  z-index: 3;
  padding-inline: clamp(1.1rem, 5cqi, 3.5rem);
  border-bottom: 1px solid var(--pv-line);
  background: color-mix(in srgb, var(--pv-text) 7%, var(--pv-bg));
  color: var(--pv-muted);
  font-size: calc(0.78rem * var(--pv-fs));
}
.pv-topbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.3rem 1.2rem;
  min-height: 2.25rem;
  max-width: var(--pv-nav-max);
  margin-inline: auto;
}
.pv-topbar p { display: flex; align-items: center; gap: 1.1rem; min-width: 0; margin: 0; }
.pv-topbar__addr { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv-topbar__status { display: inline-flex; align-items: center; gap: 0.4rem; white-space: nowrap; }
.pv-topbar__status::before {
  content: "";
  width: 0.45rem;
  aspect-ratio: 1;
  border-radius: 999px;
  background: currentColor;
}
.pv-topbar__status[data-open="1"] { color: var(--pv-text); }
.pv-topbar__status[data-open="1"]::before { background: #1F9D55; }
.pv-topbar a { display: inline-flex; align-items: center; gap: 0.4rem; color: var(--pv-text); white-space: nowrap; }
.pv-topbar a:is(:hover, :focus-visible, :active) { text-decoration: underline; text-underline-offset: 0.2em; }
.pv-topbar .icon { width: 1em; height: 1em; flex: none; }
.pv-topbar [hidden],
.pv-topbar .pv-topbar__mail,
.pv-topbar__status:not([hidden]) + .pv-topbar__addr { display: none; }
@container (min-width: 44rem) {
  .pv-topbar .pv-topbar__mail:not([hidden]) { display: inline-flex; }
  .pv-topbar__status:not([hidden]) + .pv-topbar__addr:not([hidden]) { display: block; }
}
@media (pointer: coarse) {
  .pv-topbar a { min-height: 2.75rem; }
}

.pv-eyebrow {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: var(--pv-just);

  overflow-wrap: anywhere;
  font-size: calc(0.7rem * var(--pv-fs));
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--pv-primary);
}
.pv-dot { width: 1.4rem; height: 1px; background: currentColor; opacity: 0.7; flex: none; }
.pv-muted { color: var(--pv-muted); }

.pv-head { display: flex; flex-direction: column; gap: 0.7rem; margin-bottom: 1.8rem; align-items: var(--pv-items); }
.pv-head h2 { font-size: calc(clamp(1.5rem, 4.2cqi, 2.3rem) * var(--pv-h-scale) * var(--pv-fs)); }
.pv-head .pv-muted { max-width: 38rem; }

.pv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-wrap: balance;
  gap: 0.5rem;
  padding: 0.75rem 1.4rem;
  border: 1px solid transparent;
  border-radius: var(--pv-radius);
  font-size: calc(0.87rem * var(--pv-fs));
  font-weight: 600;
  transition: transform 0.2s var(--ease), filter 0.2s var(--ease), background-color 0.2s var(--ease);
}
.pv-btn--primary { background: var(--pv-primary); color: var(--pv-on-primary); box-shadow: 0 14px 30px -18px var(--pv-primary); }
.pv-btn--primary:hover, .pv-btn--primary:focus-visible { transform: translateY(-2px); filter: brightness(1.08); }
.pv-btn--primary:active { transform: translateY(0) scale(0.985); filter: brightness(1.08); }
.pv-btn--ghost { border-color: var(--pv-line); color: var(--pv-text); background: var(--pv-surface); }
.pv-btn--ghost:hover, .pv-btn--ghost:focus-visible { border-color: var(--pv-secondary); transform: translateY(-2px); }
.pv-btn--ghost:active { border-color: var(--pv-secondary); transform: translateY(0) scale(0.985); }




.pv-btn[hidden], .pv-nav__cta[hidden], .pv-cta-bar:has(.pv-btn[hidden]) { display: none; }

.pv-hero {

  --pv-pad-y: calc(clamp(2.4rem, 8cqi, 5rem) * var(--pv-space));
  padding: var(--pv-pad-y) clamp(1.1rem, 5cqi, 3.5rem);
  background:
    radial-gradient(70cqi 60cqi at 82% 0%, color-mix(in srgb, var(--pv-primary) 20%, transparent), transparent 70%),
    radial-gradient(50cqi 50cqi at 0% 100%, color-mix(in srgb, var(--pv-secondary) 14%, transparent), transparent 70%);
}
.pv-hero__inner { display: grid; gap: clamp(1.5rem, 4cqi, 2.5rem); }
.pv-hero__copy { display: flex; flex-direction: column; gap: 1rem; align-items: var(--pv-items); }
.pv-hero__copy h1 { font-size: calc(clamp(1.9rem, 6.6cqi, 3.6rem) * var(--pv-h-scale) * var(--pv-fs)); text-wrap: balance; }
.pv-lead { color: var(--pv-muted); font-size: calc(clamp(0.95rem, 1.9cqi, 1.1rem) * var(--pv-fs)); max-width: 34rem; }
.pv-actions { display: flex; flex-wrap: wrap; gap: 0.6rem; justify-content: var(--pv-just); }

.pv-hero__media {
  margin: 0;
  aspect-ratio: 16 / 10;
  border-radius: var(--pv-radius);
  border: var(--pv-box-line);
  overflow: hidden;
  box-shadow: 0 40px 70px -50px rgba(0, 0, 0, 0.8);
}

.pv[data-hero="left"]  .pv-hero__media { order: -1; }
.pv[data-hero="none"]  .pv-hero__media { display: none; }
.pv[data-hero="below"] .pv-hero__media { aspect-ratio: 21 / 9; }

.pv[data-hero="banner"] .pv-hero { position: relative; overflow: hidden; }
.pv[data-hero="banner"] .pv-hero__media {
  position: absolute;
  inset: 0;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.pv[data-hero="banner"] .pv-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(100deg, var(--pv-bg) 8%, color-mix(in srgb, var(--pv-bg) 55%, transparent) 55%, transparent 95%);
}

.pv[data-hero="banner"] .pv-hero__inner { position: static; min-height: min(42cqi, 30rem); align-content: center; }
.pv[data-hero="banner"] .pv-hero__copy { position: relative; z-index: 1; }

.pv[data-hero="stage"] .pv-hero { position: relative; overflow: hidden; }
.pv[data-hero="stage"] .pv-hero__media {
  position: absolute;
  inset: 0;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.pv[data-hero="stage"] .pv-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background: linear-gradient(to top, var(--pv-bg) 4%, color-mix(in srgb, var(--pv-bg) 49%, transparent) 46%, color-mix(in srgb, var(--pv-bg) 31%, transparent) 100%);
}
.pv[data-hero="stage"] .pv-hero__inner {
  position: static;


  min-height: min(62cqi, 36rem);
  align-content: end;
}
.pv[data-hero="stage"] .pv-hero__copy {
  position: relative;
  z-index: 1;

  align-items: center;
  text-align: center;
  margin-inline: auto;
  max-width: 46rem;
}
.pv[data-hero="stage"] .pv-lead { max-width: 40rem; }
.pv[data-hero="stage"] .pv-actions { justify-content: center; }

.pv[data-hero="split"] .pv-hero { padding: 0; overflow: hidden; background: none; }
.pv[data-hero="split"] .pv-hero__inner { gap: 0; max-width: none; }
.pv[data-hero="split"] .pv-hero__copy {
  padding: calc(clamp(2.4rem, 8cqi, 5rem) * var(--pv-space)) clamp(1.1rem, 5cqi, 3.5rem);
  background: color-mix(in srgb, var(--pv-primary) 10%, var(--pv-bg));
  justify-content: center;
}
.pv[data-hero="split"] .pv-hero__media {
  aspect-ratio: 4 / 3;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  height: 100%;
}

.pv[data-hero="collage"] .pv-hero__media { aspect-ratio: 4 / 3; }
.pv[data-hero="collage"] .pv-slides {
  flex-wrap: wrap;
  gap: 3px;
  overflow: hidden;
  scroll-snap-type: none;
}
.pv[data-hero="collage"] .pv-slides > * { flex: 1 1 45%; height: auto; }
.pv[data-hero="collage"] .pv-slides > :nth-child(n + 5) { display: none; }
.pv[data-hero="collage"] .pv-slider__nav { display: none; }

.pv[data-hero="none"] .pv-hero__copy h1 {
  font-size: calc(clamp(2.2rem, 10cqi, 5.4rem) * var(--pv-h-scale) * var(--pv-fs));
}
.pv[data-hero="none"] .pv-lead {
  max-width: 44rem;
  font-size: calc(clamp(1rem, 2.3cqi, 1.3rem) * var(--pv-fs));
}

.pv-slider { position: relative; }
.pv-slides {
  display: flex;
  gap: 1rem;
  height: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.pv-slides::-webkit-scrollbar { display: none; }
.pv-slides > * { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; }
.pv-slides--cols { padding-block: 0.5rem; }
.pv-slides > [hidden] { display: none; }

.pv-slider__nav {
  position: absolute;
  z-index: 2;
  top: 50%;
  translate: 0 -50%;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid var(--pv-line);
  border-radius: 50%;
  background: color-mix(in srgb, var(--pv-bg) 78%, transparent);
  color: var(--pv-text);
  backdrop-filter: blur(6px);
  transition: filter 0.2s var(--ease), border-color 0.2s var(--ease);
}
.pv-slider__nav:hover, .pv-slider__nav:focus-visible { border-color: var(--pv-primary); filter: brightness(1.15); }
.pv-slider__nav:active { transform: scale(0.92); }
.pv-slider__nav .icon { width: 1.1rem; height: 1.1rem; }
.pv-slider__nav--prev { left: 0.6rem; }
.pv-slider__nav--next { right: 0.6rem; }
.pv-slider.is-static .pv-slider__nav { display: none; }
.pv[data-hero="banner"] .pv-hero__media .pv-slider__nav--prev { left: auto; right: 3.4rem; }

.pv-slider:has(.pv-slides--cols):not(.is-static) { padding-bottom: 3.4rem; }
.pv-slider:has(.pv-slides--cols) .pv-slider__nav {
  top: auto;
  bottom: 0;
  translate: none;
  width: 2.75rem;
  height: 2.75rem;
}
.pv-slider:has(.pv-slides--cols) .pv-slider__nav--prev { left: auto; right: 3.4rem; }
.pv-slider:has(.pv-slides--cols) .pv-slider__nav--next { right: 0; }

.pv-item--shot .pv-item__media { position: relative; }
.pv-item--shot .pv-item__media img {
  object-position: 50% 0;
  transition: object-position 2.6s var(--ease);
}
.pv-item--shot:hover .pv-item__media img,
.pv-item--shot:focus-within .pv-item__media img { object-position: 50% 100%; }

.pv-item--shot .pv-item__media::before {
  content: "↕";
  position: absolute;
  z-index: 1;
  inset-block-end: 0.5rem;
  inset-inline-end: 0.5rem;
  width: 1.7rem;
  height: 1.7rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: color-mix(in srgb, var(--pv-bg) 78%, transparent);
  color: var(--pv-primary);
  font-size: 0.8rem;
  line-height: 1;
  backdrop-filter: blur(4px);
  transition: opacity 0.25s var(--ease);
}
.pv-item--shot:hover .pv-item__media::before, .pv-item--shot:focus-within .pv-item__media::before { opacity: 0; }


.pv[data-layout="overlay"] .pv-item--shot .pv-item__media::before { inset-block: 0.5rem auto; }

@media (hover: none) and (prefers-reduced-motion: no-preference) {
  .pv-item--shot .pv-item__media img { animation: pv-shot 18s ease-in-out infinite alternate; }
  .pv-item--shot .pv-item__media::before { display: none; }
}
@keyframes pv-shot { from { object-position: 50% 0; } to { object-position: 50% 100%; } }

.pv-items { display: grid; gap: 1rem; }
.pv-item { display: flex; flex-direction: column; gap: 0.8rem; align-items: var(--pv-items); }
.pv-item__media {
  margin: 0;
  width: 100%;
  aspect-ratio: var(--pv-ratio);
  border-radius: var(--pv-radius);
  overflow: hidden;
  border: var(--pv-box-line);
}
.pv-item__body { display: flex; flex-direction: column; gap: 0.4rem; }
.pv-item h3 { font-size: calc(1.05rem * var(--pv-fs)); }
.pv-item p { color: var(--pv-muted); font-size: calc(0.87rem * var(--pv-fs)); }

.pv-list--gallery .pv-item__media { aspect-ratio: 1; position: relative; }
.pv-list--gallery .pv-item__media img { transition: transform 0.45s var(--ease); }
.pv-list--gallery .pv-item:hover .pv-item__media img,
.pv-list--gallery .pv-item:active .pv-item__media img,
.pv-list--gallery .pv-item:focus-within .pv-item__media img { transform: scale(1.07); }
.pv-item__cap {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  padding: 1.8rem 0.9rem 0.7rem;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0));
  color: #FFFFFF;
  font-size: calc(0.8rem * var(--pv-fs));
  font-weight: 600;
  text-align: start;
}
@media (prefers-reduced-motion: reduce) {
  .pv-list--gallery .pv-item__media img { transition: none; }
}

.pv-list--videos .pv-item__media { aspect-ratio: 16 / 9; position: relative; background: #000; }
.pv-list--videos .pv-item__media video { object-fit: contain; }
.pv-list--videos .pv-item__cap {
  inset-block: 0 auto;
  padding: 0.7rem 0.9rem 1.8rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0));
}

.pv-chips {
  display: flex;
  gap: 0.5rem;


  margin-block-end: clamp(1rem, 3cqi, 1.7rem);
  padding-block-end: 0.35rem;
  overflow-x: auto;
  scroll-snap-type: x proximity;
}
.pv-chip {
  flex: none;
  min-height: 2.75rem;
  padding: 0.5rem 1.05rem;
  border: 1px solid var(--pv-line);
  border-radius: min(var(--pv-radius), 999px);
  background: var(--pv-box-bg);
  color: var(--pv-muted);
  font: inherit;
  font-size: calc(0.85rem * var(--pv-fs));
  line-height: 1.2;
  cursor: pointer;
  touch-action: manipulation;
  scroll-snap-align: start;
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
}
.pv-chip:hover, .pv-chip:focus-visible, .pv-chip:active { color: var(--pv-text); border-color: var(--pv-primary); }
.pv-chip:focus-visible { outline: 2px solid var(--pv-primary); outline-offset: 2px; }
.pv-chip.is-on {
  border-color: var(--pv-primary);
  background: var(--pv-primary);
  color: var(--pv-on-primary);
  font-weight: 600;
}
.pv-item[hidden], .pv-prices li[hidden] { display: none; }

.pv-faqs { display: flex; flex-direction: column; gap: 0.6rem; }
.pv-faq {
  border: var(--pv-box-line);
  border-radius: var(--pv-radius);
  background: var(--pv-box-bg);
  box-shadow: var(--pv-box-shadow);
  padding: 0.9rem 1.1rem;
  text-align: start;
}
.pv-faq summary {
  cursor: pointer;
  font-family: var(--pv-font-head);
  font-weight: 600;
  display: flex; align-items: center; justify-content: space-between; gap: 0.8rem;
}
.pv-faq summary::after {
  content: "+";
  flex: none;
  font-size: calc(1.2rem * var(--pv-fs));
  line-height: 1;
  color: var(--pv-primary);
  transition: transform 0.25s var(--ease);
}
.pv-faq[open] summary::after { transform: rotate(45deg); }
.pv-faq summary::-webkit-details-marker { display: none; }
.pv-faq p { margin: 0.7rem 0 0; color: var(--pv-muted); font-size: calc(0.87rem * var(--pv-fs)); }

.pv-contact__list { display: grid; gap: 0.8rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
.pv-contact__list li {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1.1rem;
  border: var(--pv-box-line);
  border-radius: var(--pv-radius);
  background: var(--pv-box-bg);
  box-shadow: var(--pv-box-shadow);
  align-items: var(--pv-items);
}
.pv-contact__list span { font-size: calc(0.72rem * var(--pv-fs)); letter-spacing: 0.12em; text-transform: uppercase; }
.pv-contact__list strong, .pv-contact__list a { font-size: calc(0.95rem * var(--pv-fs)); font-weight: 600; word-break: break-word; }
.pv-contact__list a { color: var(--pv-primary); }
.pv-contact__list a:hover, .pv-contact__list a:focus-visible, .pv-contact__list a:active { text-decoration: underline; }

.pv-status {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.2rem 0.6rem;
  border: 1px solid var(--pv-line);
  border-radius: 999px;
  background: var(--pv-surface);
  font-size: calc(0.72rem * var(--pv-fs));
  letter-spacing: 0.04em;
  text-transform: none;
  white-space: nowrap;
}
.pv-status::before {
  content: "";
  width: 0.45rem;
  aspect-ratio: 1;
  border-radius: 999px;
  background: var(--pv-muted);
}
.pv-status[data-open="1"]::before { background: #1F9D55; }
.pv-status[data-open="1"] { color: var(--pv-text); border-color: color-mix(in srgb, #1F9D55 45%, var(--pv-line)); }

.pv-hours {
  display: flex;
  flex-direction: column;
  align-items: var(--pv-items);
  margin-block-start: clamp(1.2rem, 4cqi, 2rem);
  text-align: start;
}
.pv-hours h3 {
  font-family: var(--pv-font-head);
  font-size: calc(0.95rem * var(--pv-fs));
  margin-block-end: 0.6rem;
  text-align: var(--pv-align);
}
.pv-hours ul { display: grid; gap: 0.15rem; width: min(100%, 26rem); }
.pv-hours li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.45rem 0.6rem;
  border-radius: calc(var(--pv-radius) * 0.5);
  font-size: calc(0.85rem * var(--pv-fs));
  color: var(--pv-muted);
}
.pv-hours li.is-today { background: var(--pv-surface); color: var(--pv-text); font-weight: 600; }
.pv-hours b { font-variant-numeric: tabular-nums; font-weight: inherit; }

.pv-prices { display: grid; gap: 0.5rem; }
.pv-prices li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.7rem 0;
  border-bottom: 1px dashed var(--pv-line);
  text-align: left;
}
.pv-prices li:last-child { border-bottom: 0; }
.pv-prices b { flex: none; color: var(--pv-primary); font-weight: 600; }

.pv-price__name { display: flex; flex-direction: column; gap: 0.15rem; }
.pv-price__name small { color: var(--pv-muted); font-size: calc(0.76rem * var(--pv-fs)); }
.pv-prices__cta { display: flex; justify-content: var(--pv-just); margin-block-start: clamp(1.2rem, 4cqi, 2rem); }

.pv-prices--cards .pv-price__tag {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  justify-content: var(--pv-just);
}
.pv-prices--cards .pv-price__tag b { color: var(--pv-primary); font-size: calc(1rem * var(--pv-fs)); font-weight: 700; }
.pv-prices--cards .pv-price__tag small { color: var(--pv-muted); font-size: calc(0.76rem * var(--pv-fs)); }

[data-layout="cards"] .pv-item {
  padding: 0.9rem;
  border: var(--pv-box-line);
  border-radius: var(--pv-radius);
  background: var(--pv-box-bg);
  box-shadow: var(--pv-box-shadow);
  transition: transform 0.3s var(--ease), border-color 0.3s var(--ease);
}
[data-layout="cards"] .pv-item:hover, [data-layout="cards"] .pv-item:has(:focus-visible) { transform: translateY(-4px); border-color: var(--pv-primary); }
[data-layout="cards"] .pv-item__media { border: 0; border-radius: calc(var(--pv-radius) * 0.7); }
[data-layout="cards"] .pv-about__copy {
  padding: clamp(1.1rem, 3cqi, 2rem);
  border: var(--pv-box-line);
  border-radius: var(--pv-radius);
  background: var(--pv-box-bg);
}

[data-layout="row"] .pv-items { grid-template-columns: 1fr; }
[data-layout="row"] .pv-item {
  flex-direction: row;
  align-items: center;
  gap: 1.2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--pv-line);
  text-align: left;
}
[data-layout="row"] .pv-item:last-child { border-bottom: 0; padding-bottom: 0; }
[data-layout="row"] .pv-item__media { width: clamp(6rem, 22cqi, 12rem); flex: none; aspect-ratio: 1 / 1; }
[data-layout="row"] .pv-contact__list { grid-template-columns: 1fr; }
[data-layout="row"] .pv-contact__list li { flex-direction: row; align-items: baseline; justify-content: space-between; gap: 1rem; }

[data-layout="mosaic"] .pv-item:first-child { grid-column: span 2; }
[data-layout="mosaic"] .pv-item:first-child .pv-item__media { aspect-ratio: calc(var(--pv-ratio) * 1.6); }
[data-layout="mosaic"] .pv-item:first-child h3 { font-size: calc(1.5rem * var(--pv-fs)); }
[data-layout="mosaic"] .pv-contact__list li:first-child { grid-column: span 2; }

[data-layout="minimal"] .pv-item__media { display: none; }
[data-layout="minimal"] .pv-item {
  padding-top: 1rem;
  border-top: 1px solid var(--pv-line);
}
[data-layout="minimal"] .pv-about__media { display: none; }
[data-layout="minimal"] .pv-contact__list li { padding: 0.8rem 0; border: 0; border-top: 1px solid var(--pv-line); border-radius: 0; background: none; }

[data-layout="split"] .pv-items { grid-template-columns: 1fr; gap: clamp(1.2rem, 3cqi, 2.4rem); }
[data-layout="split"] .pv-item { flex-direction: row; align-items: center; gap: clamp(1rem, 3cqi, 2.2rem); text-align: left; }
[data-layout="split"] .pv-item:nth-child(even) { flex-direction: row-reverse; }
[data-layout="split"] .pv-item__media { flex: 1 1 50%; }
[data-layout="split"] .pv-item__body { flex: 1 1 50%; }
[data-layout="split"] .pv-contact__list { grid-template-columns: repeat(2, 1fr); }

[data-layout="overlay"] .pv-item {
  position: relative;
  display: grid;
  grid-template-areas: "pv";
  isolation: isolate;
  overflow: hidden;
  border-radius: var(--pv-radius);
  gap: 0;
}
[data-layout="overlay"] .pv-item__media {
  grid-area: pv;
  align-self: stretch;
  width: 100%;
  border: 0;
  border-radius: 0;
  aspect-ratio: calc(var(--pv-ratio) * 0.85);
}
[data-layout="overlay"] .pv-item__body {
  grid-area: pv;
  align-self: end;



  position: relative;
  padding: clamp(0.8rem, 2.6cqi, 1.5rem);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.35) 55%, transparent);
  color: #FFFFFF;
  text-align: var(--pv-align);
  align-items: var(--pv-items);
}
[data-layout="overlay"] .pv-item__body p { color: rgba(255, 255, 255, 0.82); }
[data-layout="overlay"] .pv-about__copy,
[data-layout="overlay"] .pv-contact__list li { background: var(--pv-surface); }

[data-layout="overlay"] :is(.pv-list--stats, .pv-list--reviews, .pv-list--process) .pv-item {
  position: static;
  display: flex;
  overflow: visible;
  gap: 0.8rem;
}
[data-layout="overlay"] :is(.pv-list--stats, .pv-list--reviews, .pv-list--process) .pv-item__body {
  position: static;

  align-self: auto;
  padding: 0;
  background: none;
  color: inherit;
}
[data-layout="overlay"] :is(.pv-list--stats, .pv-list--process) .pv-item__body p { color: var(--pv-muted); }
[data-layout="overlay"] .pv-list--reviews .pv-item__body p { color: var(--pv-text); }

[data-layout="masonry"] .pv-items { display: block; columns: 1; column-gap: 1rem; }
[data-layout="masonry"] .pv-item {
  break-inside: avoid;
  margin-bottom: 1rem;
  padding: 0.9rem;
  border: var(--pv-box-line);
  border-radius: var(--pv-radius);
  background: var(--pv-box-bg);
  box-shadow: var(--pv-box-shadow);
}
[data-layout="masonry"] .pv-item__media { border-radius: calc(var(--pv-radius) * 0.7); border: 0; }
[data-layout="masonry"] .pv-item:nth-child(odd) .pv-item__media { aspect-ratio: calc(var(--pv-ratio) * 0.68); }
[data-layout="masonry"] .pv-item:nth-child(3n) .pv-item__media { aspect-ratio: calc(var(--pv-ratio) * 1.35); }

.pv-about { background: var(--pv-surface); }
.pv-about__inner { display: grid; gap: clamp(1.4rem, 4cqi, 2.6rem); align-items: center; }
.pv-about__media { margin: 0; aspect-ratio: var(--pv-ratio); border-radius: var(--pv-radius); overflow: hidden; border: var(--pv-box-line); }
.pv-about__copy { display: flex; flex-direction: column; gap: 0.8rem; align-items: var(--pv-items); }
.pv-about__copy h2 { font-size: calc(clamp(1.4rem, 4cqi, 2.1rem) * var(--pv-h-scale) * var(--pv-fs)); }
.pv-about__copy p { color: var(--pv-muted); max-width: 40rem; white-space: pre-line; }

[data-layout="split"] .pv-about__media { order: 1; }
[data-layout="row"]   .pv-about__inner { grid-template-columns: 1fr !important; }

.pv-map__frame {
  aspect-ratio: 16 / 8;
  border: var(--pv-box-line);
  border-radius: var(--pv-radius);
  overflow: hidden;
  background: var(--pv-box-bg);
  box-shadow: var(--pv-box-shadow);
}
.pv-map__frame iframe { width: 100%; height: 100%; border: 0; display: block; }


.pv[data-mode="dark"] .pv-map__frame iframe { filter: invert(0.92) hue-rotate(180deg) brightness(0.95) contrast(0.9); }
.pv-map__link { margin-top: 0.8rem; font-size: calc(0.85rem * var(--pv-fs)); }
.pv-map__link a { color: var(--pv-primary); font-weight: 600; }
.pv-map__link a:hover, .pv-map__link a:focus-visible, .pv-map__link a:active { text-decoration: underline; }

.pv-footer {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  justify-content: space-between;
  padding: 1.3rem clamp(1.1rem, 5cqi, 3.5rem);
  border-top: 1px solid var(--pv-line);
  color: var(--pv-muted);
  font-size: calc(0.78rem * var(--pv-fs));
  text-align: left;
}

@container (min-width: 30rem) {
  .pv-items { grid-template-columns: repeat(min(var(--pv-cols), 2), 1fr); }
  [data-layout="masonry"] .pv-items { columns: min(var(--pv-cols), 2); }
  .pv-slides--cols > * { flex-basis: calc((100% - 1rem) / 2); }
}
@container (min-width: 44rem) {
  .pv-nav, .pv-nav__cta { display: flex; }
  .pv-burger { display: none; }




  .pv-header:has(.pv-nav__item:nth-child(8)) .pv-nav:not(.is-open) { display: none; }
  .pv-header:has(.pv-nav__item:nth-child(8)) .pv-burger { display: grid; }
  .pv-items { grid-template-columns: repeat(var(--pv-cols), 1fr); }
  [data-layout="masonry"] .pv-items { columns: var(--pv-cols); }
  .pv-slides--cols > * { flex-basis: calc((100% - (var(--pv-cols) - 1) * 1rem) / var(--pv-cols)); }
  .pv-hero__inner { grid-template-columns: 1.05fr 0.95fr; align-items: center; }
  .pv[data-hero="below"] .pv-hero__inner,
  .pv[data-hero="none"] .pv-hero__inner,
  .pv[data-hero="stage"] .pv-hero__inner,
  .pv[data-hero="banner"] .pv-hero__inner { grid-template-columns: 1fr; }
  .pv[data-hero="split"] .pv-hero__inner { grid-template-columns: 1fr 1fr; align-items: stretch; }


  .pv[data-hero="split"] .pv-hero__media { aspect-ratio: auto; }
  .pv-about__inner { grid-template-columns: 0.9fr 1.1fr; }
  [data-layout="minimal"] .pv-about__inner { grid-template-columns: 1fr; }
}






.pv-nav.is-open {
  --pv-nav-muted: var(--pv-muted);
  --pv-nav-ink: var(--pv-text);
  --pv-nav-accent: var(--pv-primary);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.15rem;
  position: absolute;
  z-index: 5;
  top: 100%;
  inset-inline: clamp(1.1rem, 5cqi, 3.5rem);
  margin-top: 0.4rem;
  padding: 0.4rem;
  border: 1px solid var(--pv-line);
  border-radius: calc(var(--pv-radius) * 0.6);
  background: var(--pv-bg);
  box-shadow: 0 24px 44px -26px rgba(0, 0, 0, 0.8);
  text-align: left;





  max-height: calc(100dvh - var(--pv-nav-base) - var(--pv-nav-gap) - 1.5rem);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.pv-nav.is-open .pv-nav__top {
  min-height: 2.75rem;
  padding: 0.5rem 0.7rem;
  border-radius: calc(var(--pv-radius) * 0.4);
  color: var(--pv-text);
}
.pv-nav.is-open .pv-nav__chev { display: none; }
.pv-nav.is-open .pv-nav__sub {
  position: static;
  opacity: 1;
  visibility: visible;
  transform: none;
  min-width: 0;
  margin: 0 0 0.2rem 0.7rem;
  padding: 0;
  border: 0;
  border-left: 1px solid var(--pv-line);
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.pv-nav.is-open .pv-nav__sub li { padding: 0.55rem 0.7rem; white-space: normal; }

@container (max-width: 44rem) {
  [data-layout="mosaic"] .pv-item:first-child,
  [data-layout="mosaic"] .pv-contact__list li:first-child { grid-column: auto; }
  [data-layout="split"] .pv-item,
  [data-layout="split"] .pv-item:nth-child(even) { flex-direction: column; }
  [data-layout="split"] .pv-contact__list { grid-template-columns: 1fr; }
}

.pv[data-typeset="airy"] {
  --pv-h-weight: 500;
  --pv-h-track: -0.005em;
  --pv-h-scale: 0.94;
}
.pv[data-typeset="airy"] .pv-lead { font-size: calc(clamp(1.02rem, 2.2cqi, 1.25rem) * var(--pv-fs)); line-height: 1.75; }
.pv[data-typeset="airy"] h1, .pv[data-typeset="airy"] h2 { line-height: 1.25; }

.pv[data-typeset="impact"] {
  --pv-h-weight: 800;
  --pv-h-track: -0.045em;
  --pv-h-scale: 1.42;
}
.pv[data-typeset="impact"] h1, .pv[data-typeset="impact"] h2 { line-height: 1.02; }
.pv[data-typeset="impact"] .pv-lead { font-size: calc(clamp(0.9rem, 1.7cqi, 1rem) * var(--pv-fs)); }

.pv[data-typeset="editorial"] {
  --pv-h-weight: 700;
  --pv-h-track: 0.04em;
  --pv-h-case: uppercase;
  --pv-h-scale: 0.86;
}
.pv[data-typeset="editorial"] .pv-head h2,
.pv[data-typeset="editorial"] .pv-about__copy h2 {
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--pv-primary);
  align-self: var(--pv-items);
}
.pv[data-typeset="editorial"] .pv-eyebrow { letter-spacing: 0.28em; }

.pv[data-typeset="marker"] {
  --pv-h-weight: 800;
  --pv-h-track: -0.025em;
  --pv-h-scale: 1.12;
}


.pv[data-typeset="marker"] .pv-hero__copy h1,
.pv[data-typeset="marker"] .pv-head h2,
.pv[data-typeset="marker"] .pv-about__copy h2 {
  padding: 0.05em 0.22em;
  background: linear-gradient(to top, color-mix(in srgb, var(--pv-primary) 32%, transparent) 0 0.4em, transparent 0.4em);
}

.pv[data-typeset="outline"] {
  --pv-h-weight: 800;
  --pv-h-track: -0.045em;
  --pv-h-scale: 1.38;
}
.pv[data-typeset="outline"] .pv-hero__copy h1 {
  -webkit-text-stroke: 2px var(--pv-text);
  color: transparent;
  line-height: 1.02;
}
.pv[data-typeset="outline"] .pv-head h2 { line-height: 1.08; }
@container (max-width: 34rem) {
  .pv[data-typeset="outline"] .pv-hero__copy h1 { -webkit-text-stroke: 0; color: var(--pv-text); }
}

.pv[data-typeset="condensed"] {
  --pv-h-weight: 700;
  --pv-h-track: -0.01em;
  --pv-h-case: uppercase;
  --pv-h-scale: 1.58;
}
.pv[data-typeset="condensed"] :is(h1, h2) { line-height: 0.94; }
.pv[data-typeset="condensed"] .pv-eyebrow { letter-spacing: 0.22em; }

.pv[data-typeset="lower"] {
  --pv-h-weight: 400;
  --pv-h-track: -0.03em;
  --pv-h-case: lowercase;
  --pv-h-scale: 1.18;
}
.pv[data-typeset="lower"] :is(h1, h2) { line-height: 1.1; }
.pv[data-typeset="lower"] .pv-eyebrow { text-transform: lowercase; letter-spacing: 0.02em; }

.pv[data-surface="flat"] {
  --pv-box-line: 0;
  --pv-box-bg: transparent;
  --pv-box-shadow: none;
}
.pv[data-surface="outline"] {
  --pv-box-line: 1px solid var(--pv-line);
  --pv-box-bg: transparent;
  --pv-box-shadow: none;
}
.pv[data-surface="raised"] {
  --pv-box-line: 0;
  --pv-box-bg: var(--pv-bg);
  --pv-box-shadow: 0 18px 40px -22px rgba(0, 0, 0, 0.45), 0 2px 6px -3px rgba(0, 0, 0, 0.25);
}
.pv[data-surface="tinted"] {
  --pv-box-line: 1px solid color-mix(in srgb, var(--pv-primary) 24%, transparent);
  --pv-box-bg: color-mix(in srgb, var(--pv-primary) 8%, var(--pv-bg));
  --pv-box-shadow: none;
}
.pv[data-surface="stroke"] {
  --pv-box-line: 2px solid var(--pv-text);
  --pv-box-bg: var(--pv-bg);
  --pv-box-shadow: 4px 4px 0 0 var(--pv-primary);
}
.pv[data-surface="stroke"] .pv-btn--primary { box-shadow: 3px 3px 0 0 var(--pv-text); }

.pv[data-surface="glass"] {
  --pv-box-line: 1px solid color-mix(in srgb, var(--pv-text) 16%, transparent);
  --pv-box-bg: color-mix(in srgb, var(--pv-bg) 55%, transparent);
  --pv-box-shadow: 0 20px 44px -30px rgba(0, 0, 0, 0.6);
}
.pv[data-surface="glass"] :is(.pv-item, .pv-about__copy, .pv-contact__list li, .pv-map__frame) {
  backdrop-filter: blur(14px) saturate(1.3);
}

.pv[data-surface="inset"] {
  --pv-box-line: 0;
  --pv-box-bg: color-mix(in srgb, var(--pv-text) 7%, var(--pv-bg));
  --pv-box-shadow:
    inset 0 2px 5px -1px color-mix(in srgb, var(--pv-text) 24%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--pv-bg) 80%, transparent);
}

.pv[data-surface="sticker"] {
  --pv-box-line: 0;
  --pv-box-bg: color-mix(in srgb, var(--pv-text) 6%, var(--pv-bg));
  --pv-box-shadow: 0 5px 0 0 color-mix(in srgb, var(--pv-text) 18%, var(--pv-bg));
}
.pv[data-surface="sticker"] .pv-item { transition: translate 0.16s var(--ease), box-shadow 0.16s var(--ease); }
.pv[data-surface="sticker"] .pv-item:hover,
.pv[data-surface="sticker"] .pv-item:has(:focus-visible) {
  transform: none;
  translate: 0 3px;
  box-shadow: 0 2px 0 0 color-mix(in srgb, var(--pv-text) 18%, var(--pv-bg));
}
.pv[data-surface="sticker"] .pv-btn--primary { box-shadow: 0 4px 0 0 color-mix(in srgb, var(--pv-text) 45%, var(--pv-primary)); }

.pv[data-surface="lift"] {
  --pv-box-line: 1px solid color-mix(in srgb, var(--pv-text) 9%, transparent);
  --pv-box-bg: var(--pv-bg);
  --pv-box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.05),
    0 2px 4px rgba(0, 0, 0, 0.05),
    0 6px 12px -3px rgba(0, 0, 0, 0.07),
    0 16px 28px -12px rgba(0, 0, 0, 0.11),
    0 36px 60px -30px rgba(0, 0, 0, 0.17);
}

.pv[data-surface="clay"] {
  --pv-box-line: 0;
  --pv-box-bg: color-mix(in srgb, var(--pv-text) 6%, var(--pv-bg));
  --pv-box-shadow:
    inset 0 6px 12px -8px color-mix(in srgb, #FFFFFF 70%, transparent),
    inset 0 -8px 14px -8px color-mix(in srgb, var(--pv-text) 34%, transparent),
    0 16px 26px -18px color-mix(in srgb, var(--pv-text) 55%, transparent);
}

.pv[data-surface="cutout"] {
  --pv-box-line: 0;
  --pv-box-bg: color-mix(in srgb, var(--pv-text) 7%, var(--pv-bg));
  --pv-box-shadow: none;
}
.pv[data-surface="cutout"] :is(.pv-item, .pv-about__copy, .pv-contact__list li, .pv-map__frame) {
  border-radius: 0;
  clip-path: polygon(0 1.4%, 24% 0, 58% 1.6%, 100% 0.4%, 98.8% 33%, 100% 68%, 99.2% 100%, 62% 98.4%, 27% 100%, 1.2% 99%, 0.6% 61%, 0 28%);
}
.pv[data-surface="cutout"]:not([data-reveal="blur"]) :is(.pv-item, .pv-about__copy, .pv-contact__list li, .pv-map__frame) {
  filter: drop-shadow(4px 5px 0 color-mix(in srgb, var(--pv-text) 18%, transparent));
}

.pv[data-surface="sketch"] {
  --pv-box-line: 1.5px solid color-mix(in srgb, var(--pv-text) 80%, transparent);
  --pv-box-bg: transparent;
  --pv-box-shadow: none;
}
.pv[data-surface="sketch"] :is(.pv-item, .pv-about__copy, .pv-contact__list li, .pv-map__frame) {
  border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
}
.pv[data-surface="sketch"] :is(.pv-item, .pv-contact__list li):nth-child(even) {
  border-radius: 15px 225px 15px 255px / 255px 15px 225px 15px;
}
.pv[data-surface="sketch"] :is(.pv-item, .pv-contact__list li):nth-child(3n) {
  border-radius: 225px 25px 205px 20px / 25px 205px 20px 225px;
}

.pv[data-surface="pixel"] {
  --pv-box-line: 0;
  --pv-box-bg: color-mix(in srgb, var(--pv-text) 7%, var(--pv-bg));
  --pv-box-shadow:
    0 -4px 0 0 var(--pv-text), 0 4px 0 0 var(--pv-text),
    -4px 0 0 0 var(--pv-text), 4px 0 0 0 var(--pv-text),
    0 10px 0 0 color-mix(in srgb, var(--pv-primary) 72%, var(--pv-bg));
}
.pv[data-surface="pixel"] :is(.pv-item, .pv-about__copy, .pv-contact__list li, .pv-map__frame) { border-radius: 0; }
.pv[data-surface="pixel"] .pv-btn--primary { border-radius: 0; box-shadow: 0 5px 0 0 var(--pv-text); }

.pv-fx {
  position: sticky;
  top: 0;
  flex: none;



  z-index: 0;


  height: 100lvh;


  margin-top: calc(-1 * var(--pv-fx-top, 0px));
  margin-bottom: calc(var(--pv-fx-top, 0px) - 100lvh);
  overflow: hidden;
  pointer-events: none;
}

.pv[data-bg-depth="scroll"] .pv-fx {
  position: absolute;
  inset: 0;
  height: auto;
  margin: 0;
}
.pv-fx i { position: absolute; inset: 0; display: block; }

.pv {
  --pv-fx-mid:
    radial-gradient(38cqi 30cqi at 12% 24%, color-mix(in srgb, var(--pv-primary)   14%, transparent), transparent 62%),
    radial-gradient(34cqi 26cqi at 88% 76%, color-mix(in srgb, var(--pv-secondary) 12%, transparent), transparent 64%);
  --pv-fx-mid-size: auto;
  --pv-fx-mid-pos: 0 0;
}
.pv-fx i:nth-child(2) {
  inset: -18% 0;
  background-image: var(--pv-fx-mid);
  background-size: var(--pv-fx-mid-size);
  background-position: var(--pv-fx-mid-pos);
  animation: pv-fx-breathe 21s ease-in-out infinite;
}
@keyframes pv-fx-breathe { 0%, 100% { opacity: 0.7; } 50% { opacity: 1; } }


@supports (animation-timeline: scroll()) {
  @media (prefers-reduced-motion: no-preference) {
    .pv[data-bg-depth="fixed"] .pv-fx i:nth-child(2) {
      animation: pv-fx-drift linear both,
                 pv-fx-breathe 21s ease-in-out infinite;
      animation-timeline: scroll(nearest block), auto;
    }
  }
}
@keyframes pv-fx-drift { to { translate: 0 -14%; } }
@media (prefers-reduced-motion: reduce) {
  .pv-fx i { animation: none; }
}

.pv:not([data-texture="glow"]) .pv-hero { background: none; }

.pv[data-texture="art"] .pv-fx i:nth-child(1) {
  bottom: auto;
  height: 100svh;
  background: var(--pv-bg-img) no-repeat 50% 100% / min(96%, 62svh * 1.51) auto;
  opacity: 0.42;
}
.pv[data-texture="art"][data-mode="dark"] .pv-fx i:nth-child(1) { opacity: 0.3; }
.pv[data-texture="art"][data-band="brand"] { --pv-band: color-mix(in srgb, var(--pv-primary) 12%, transparent); }

.pv[data-texture="glow"] .pv-fx i:nth-child(1) {
  background-image:
    radial-gradient(60cqi 45cqi at 88% 12%, color-mix(in srgb, var(--pv-primary) 13%, transparent), transparent 68%),
    radial-gradient(55cqi 40cqi at 4% 62%, color-mix(in srgb, var(--pv-secondary) 12%, transparent), transparent 66%);
}
.pv[data-texture="grid"] .pv-fx i:nth-child(1) {
  background-image:
    linear-gradient(var(--pv-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--pv-line) 1px, transparent 1px);
  background-size: 3.2rem 3.2rem;
}
.pv[data-texture="dots"] .pv-fx i:nth-child(1) {
  background-image: radial-gradient(color-mix(in srgb, var(--pv-text) 22%, transparent) 1px, transparent 1px);
  background-size: 1.5rem 1.5rem;
}



.pv[data-texture="diagonal"] .pv-fx i:nth-child(1) {
  background-image: repeating-linear-gradient(158deg,
    transparent 0 20cqi,
    color-mix(in srgb, var(--pv-primary) 12%, transparent) 20cqi 42cqi);
}

.pv[data-texture="grain"] .pv-main { position: relative; }
.pv[data-texture="grain"] .pv-main::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.14;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}

.pv[data-texture="mesh"] .pv-fx i:nth-child(1) {
  background-image:
    radial-gradient(42cqi 38cqi at 10%  2%, color-mix(in srgb, var(--pv-primary)   22%, transparent), transparent 62%),
    radial-gradient(46cqi 40cqi at 94% 16%, color-mix(in srgb, var(--pv-secondary) 20%, transparent), transparent 60%),
    radial-gradient(52cqi 44cqi at 66% 74%, color-mix(in srgb, var(--pv-primary)   13%, transparent), transparent 64%),
    radial-gradient(38cqi 34cqi at  6% 94%, color-mix(in srgb, var(--pv-secondary) 15%, transparent), transparent 60%);
}

.pv[data-texture="stripe"] .pv-fx i:nth-child(1) {
  background-image: repeating-linear-gradient(135deg,
    color-mix(in srgb, var(--pv-text) 7%, transparent) 0 1px,
    transparent 1px 9px);
}

.pv[data-texture="topo"] .pv-fx i:nth-child(1) {
  background-image: repeating-radial-gradient(circle at 88% 4%,
    transparent 0 3.3rem,
    color-mix(in srgb, var(--pv-primary) 15%, transparent) 3.3rem 3.4rem);
}

.pv[data-texture="halo"] .pv-fx i:nth-child(1) {
  background-repeat: no-repeat;
  background-image:
    radial-gradient(72cqi 54cqi at 50% 0%, color-mix(in srgb, var(--pv-primary) 26%, transparent), transparent 70%),
    radial-gradient(42cqi 30cqi at 50% 0%, color-mix(in srgb, var(--pv-secondary) 20%, transparent), transparent 66%);
}

.pv[data-texture="blueprint"] .pv-fx i:nth-child(1) {
  background-image:
    linear-gradient(color-mix(in srgb, var(--pv-primary) 24%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--pv-primary) 24%, transparent) 1px, transparent 1px),
    linear-gradient(var(--pv-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--pv-line) 1px, transparent 1px);
  background-size: 8rem 8rem, 8rem 8rem, 1.6rem 1.6rem, 1.6rem 1.6rem;
}

.pv[data-texture="confetti"] .pv-fx i:nth-child(1) {
  background-image:
    radial-gradient(color-mix(in srgb, var(--pv-primary)   44%, transparent) 2.5px, transparent 3px),
    radial-gradient(color-mix(in srgb, var(--pv-secondary) 44%, transparent) 2px, transparent 2.5px),
    radial-gradient(color-mix(in srgb, var(--pv-primary)   26%, transparent) 1.5px, transparent 2px);
  background-size: 7.5rem 7.5rem, 5.3rem 5.3rem, 3.1rem 3.1rem;
  background-position: 0 0, 2.2rem 3.4rem, 4.7rem 1.3rem;
}

.pv[data-texture="paper"] .pv-fx i:nth-child(1) {
  background-image:
    repeating-linear-gradient(0deg, color-mix(in srgb, var(--pv-text) 4%, transparent) 0 1px, transparent 1px 5px),
    radial-gradient(120cqi 90cqi at 50% 40%, transparent 55%, color-mix(in srgb, var(--pv-text) 10%, transparent));
}

.pv[data-texture="lined"] .pv-fx i:nth-child(1) {
  --pv-lined-x: calc(clamp(1.1rem, 5cqi, 3.5rem) * 0.5);
  background-image:
    linear-gradient(90deg, transparent var(--pv-lined-x),
      color-mix(in srgb, var(--pv-secondary) 50%, transparent) var(--pv-lined-x) calc(var(--pv-lined-x) + 1.5px),
      transparent calc(var(--pv-lined-x) + 1.5px)),
    repeating-linear-gradient(transparent 0 calc(2rem - 1px), color-mix(in srgb, var(--pv-text) 9%, transparent) calc(2rem - 1px) 2rem);
}

.pv[data-texture="sunburst"] .pv-fx i:nth-child(1) {
  background-repeat: no-repeat;
  background-size: 100% 130cqi;
  background-image: repeating-conic-gradient(from 0deg at 50% -10cqi,
    color-mix(in srgb, var(--pv-primary) 14%, transparent) 0deg 6deg,
    transparent 6deg 12deg);
}

.pv[data-texture="cosmos"] .pv-fx i:nth-child(1) {
  background-image:
    radial-gradient(72cqi 54cqi at 76%   6%, color-mix(in srgb, var(--pv-primary)   22%, transparent), transparent 66%),
    radial-gradient(60cqi 48cqi at 14%  52%, color-mix(in srgb, var(--pv-secondary) 18%, transparent), transparent 62%),
    radial-gradient(96cqi 60cqi at 50% 104%, color-mix(in srgb, var(--pv-primary)   12%, transparent), transparent 60%);
}


.pv[data-texture="cosmos"] {
  --pv-fx-mid:
    radial-gradient(color-mix(in srgb, var(--pv-text)      40%, transparent) 1.1px, transparent 1.6px),
    radial-gradient(color-mix(in srgb, var(--pv-text)      24%, transparent) 1px,   transparent 1.5px),
    radial-gradient(color-mix(in srgb, var(--pv-secondary) 60%, transparent) 1.6px, transparent 2.2px);
  --pv-fx-mid-size: 7.3rem 7.3rem, 4.1rem 4.1rem, 13.7rem 13.7rem;
  --pv-fx-mid-pos: 0 0, 2.4rem 3.1rem, 5.6rem 1.8rem;
}


.pv[data-texture="scanline"] .pv-fx i:nth-child(1) {
  background-image:
    repeating-linear-gradient(0deg,
      color-mix(in srgb, var(--pv-text) 9%, transparent) 0 1px,
      transparent 1px 4px),
    linear-gradient(96deg,
      color-mix(in srgb, var(--pv-primary) 10%, transparent),
      transparent 42%,
      color-mix(in srgb, var(--pv-secondary) 12%, transparent));
}
.pv[data-texture="scanline"] {
  --pv-fx-mid: linear-gradient(180deg, transparent 0 42%,
    color-mix(in srgb, var(--pv-primary) 14%, transparent) 46% 50%, transparent 54%);
  --pv-fx-mid-size: 100% 60cqi;
  --pv-fx-mid-pos: 0 0;
}

.pv[data-texture="halftone"] .pv-fx i:nth-child(1) {
  background-image:
    radial-gradient(color-mix(in srgb, var(--pv-primary) 32%, transparent) 3.2px, transparent 3.7px),
    radial-gradient(color-mix(in srgb, var(--pv-secondary) 24%, transparent) 2px, transparent 2.5px);
  background-size: 1.9rem 1.9rem;
  background-position: 0 0, 0.95rem 0.95rem;
}

.pv[data-texture="pixel"] .pv-fx i:nth-child(1) {
  background-image: conic-gradient(
    color-mix(in srgb, var(--pv-text) 7%, transparent) 25%, transparent 0 50%,
    color-mix(in srgb, var(--pv-text) 7%, transparent) 0 75%, transparent 0);
  background-size: 0.9rem 0.9rem;
}
.pv[data-texture="pixel"] {
  --pv-fx-mid:
    conic-gradient(color-mix(in srgb, var(--pv-primary)   26%, transparent) 25%, transparent 0),
    conic-gradient(color-mix(in srgb, var(--pv-secondary) 22%, transparent) 25%, transparent 0);
  --pv-fx-mid-size: 5.4rem 5.4rem, 3.6rem 3.6rem;
  --pv-fx-mid-pos: 0 0, 1.8rem 2.7rem;
}

.pv[data-texture="chrome"] .pv-fx i:nth-child(1) {
  background-image:
    repeating-linear-gradient(102deg,
      transparent 0 5.5cqi,
      color-mix(in srgb, var(--pv-text) 6%, transparent) 5.5cqi 6.6cqi,
      transparent 6.6cqi 12cqi),
    linear-gradient(180deg,
      color-mix(in srgb, var(--pv-primary) 13%, transparent),
      transparent 44%,
      color-mix(in srgb, var(--pv-secondary) 13%, transparent));
}

.pv[data-texture="aurora"] .pv-fx i:nth-child(1) {
  background-repeat: no-repeat;
  background-image:
    radial-gradient(22cqi 68cqi at 20%  4%, color-mix(in srgb, var(--pv-primary)   28%, transparent), transparent 70%),
    radial-gradient(18cqi 54cqi at 45% -4%, color-mix(in srgb, var(--pv-secondary) 24%, transparent), transparent 68%),
    radial-gradient(26cqi 76cqi at 76%  2%, color-mix(in srgb, var(--pv-primary)   18%, transparent), transparent 72%);
}
.pv[data-texture="aurora"] {
  --pv-fx-mid: radial-gradient(14cqi 44cqi at 62% 0%,
    color-mix(in srgb, var(--pv-secondary) 20%, transparent), transparent 70%);
  --pv-fx-mid-size: 100% 100%;
  --pv-fx-mid-pos: 0 0;
}

.pv[data-texture="damask"] .pv-fx i:nth-child(1) {
  background: color-mix(in srgb, var(--pv-primary) 14%, transparent);
  --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23000'%3E%3Cpath d='M32 4c5 8 11 11 11 17s-5 9-11 15c-6-6-11-9-11-15S27 12 32 4z'/%3E%3Cpath d='M32 60c-5-8-11-11-11-17s5-9 11-15c6 6 11 9 11 15s-6 9-11 17z'/%3E%3Ccircle cx='6' cy='32' r='3.2'/%3E%3Ccircle cx='58' cy='32' r='3.2'/%3E%3Cpath d='M32 30c3 0 5 1 5 2s-2 2-5 2-5-1-5-2 2-2 5-2z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask: var(--m) 0 0 / 5.4rem 5.4rem repeat;
  mask: var(--m) 0 0 / 5.4rem 5.4rem repeat;
}

.pv[data-texture="spray"] .pv-fx i:nth-child(1) {
  background-image:
    radial-gradient(30cqi 24cqi at 10% 16%, color-mix(in srgb, var(--pv-primary)   18%, transparent), transparent 62%),
    radial-gradient(26cqi 21cqi at 88% 58%, color-mix(in srgb, var(--pv-secondary) 16%, transparent), transparent 60%),
    radial-gradient(color-mix(in srgb, var(--pv-text) 11%, transparent) 0.6px, transparent 1.1px);
  background-size: 100% 100%, 100% 100%, 0.42rem 0.42rem;
}

.pv[data-texture="terrazzo"] .pv-fx i:nth-child(1) {
  background-image:
    radial-gradient(ellipse 6px 3.4px at 50% 50%, color-mix(in srgb, var(--pv-primary)   30%, transparent) 98%, transparent),
    radial-gradient(ellipse 4px 5.5px at 50% 50%, color-mix(in srgb, var(--pv-secondary) 26%, transparent) 98%, transparent),
    radial-gradient(ellipse 7.5px 4px at 50% 50%, color-mix(in srgb, var(--pv-text)      13%, transparent) 98%, transparent);
  background-size: 6.1rem 6.1rem, 4.3rem 4.3rem, 9.7rem 9.7rem;
  background-position: 0 0, 1.9rem 2.7rem, 4.2rem 5.6rem;
}

.pv[data-texture="shapes"] .pv-fx i:nth-child(1) {
  background-image:
    conic-gradient(from 0deg at 0% 100%,
      transparent 0 45deg,
      color-mix(in srgb, var(--pv-primary) 20%, transparent) 45deg 90deg,
      transparent 90deg),
    radial-gradient(circle 1.3rem at 74% 26%,
      color-mix(in srgb, var(--pv-secondary) 22%, transparent) 98%, transparent);
  background-size: 8.5rem 8.5rem;
}

















.pv {
  --sv-photo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.4 4.8h19.2v14.4H2.4z'/%3E%3Cpath d='M2.4 15.6l5.4-5 4.2 3.8 4.6-4.4 5 4.6'/%3E%3Ccircle cx='7.8' cy='9' r='1.5'/%3E%3C/svg%3E");
  --sv-car: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.4 14.6l1.7-.7 2.4-3.9A3 3 0 0 1 9.1 8.4h5.8a3 3 0 0 1 2.4 1.2l2.6 3.4 1.7.6v2.3h-2.4M7.5 15.9h4.9M3.6 15.9H2.4v-1.3M5.9 12.4h13.3M11.7 8.4v4'/%3E%3Ccircle cx='5.6' cy='16.1' r='1.9'/%3E%3Ccircle cx='17.6' cy='16.1' r='1.9'/%3E%3C/svg%3E");
  --sv-wrench: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.6 3.4a5.4 5.4 0 0 0-4.7 8.1L3.3 19l1.9 1.9 7.5-7.6a5.4 5.4 0 0 0 7-6.9l-3 3-2.4-.6-.6-2.4z'/%3E%3Cpath d='M5.3 17.2l1.7 1.7M6.5 16l1.7 1.7'/%3E%3C/svg%3E");
  --sv-nut: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.4l8.3 4.8v9.6L12 21.6l-8.3-4.8V7.2z'/%3E%3Cpath d='M12 5.6l5.5 3.2v6.4L12 18.4l-5.5-3.2V8.8z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/svg%3E");
  --sv-gear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Ccircle cx='12' cy='12' r='6.6'/%3E%3Cpath d='M12 1.8v3.6M12 18.6v3.6M22.2 12h-3.6M5.4 12H1.8M19.2 4.8l-2.5 2.5M7.3 16.7l-2.5 2.5M19.2 19.2l-2.5-2.5M7.3 7.3L4.8 4.8'/%3E%3C/svg%3E");
  --sv-beam: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.4 3.4h15.2v3H14.4v11.2h5.2v3H4.4v-3h5.2V6.4H4.4z'/%3E%3C/svg%3E");
  --sv-dumbbell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.6 9.4v5.2M21.4 9.4v5.2M7 12h10M9.4 10.7v2.6M14.6 10.7v2.6'/%3E%3Crect x='4.2' y='7.2' width='2.8' height='9.6' rx='.9'/%3E%3Crect x='17' y='7.2' width='2.8' height='9.6' rx='.9'/%3E%3C/svg%3E");
  --sv-kettle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.1 8.5a3.2 3.2 0 1 1 5.8 0'/%3E%3Cpath d='M12 8.3c3.9 0 6.7 2.9 6.7 6.4S15.9 21 12 21s-6.7-2.8-6.7-6.3S8.1 8.3 12 8.3z'/%3E%3Cpath d='M8.1 11.4c2.3-1.2 5.5-1.2 7.8 0M8.9 18.6c1.9 1.1 4.3 1.1 6.2 0'/%3E%3C/svg%3E");
  --sv-pulse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.4 12h3.2l1.4-3.6 1.5 3.6h1.6l1.5 6.2 2.4-12.4 1.9 9.6 1.4-3.4h5.7'/%3E%3C/svg%3E");
  --sv-bread: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.4 15.6c0-4.1 3.4-7.4 7.6-7.4s7.6 3.3 7.6 7.4v.7a1.7 1.7 0 0 1-1.7 1.7H6.1a1.7 1.7 0 0 1-1.7-1.7z'/%3E%3Cpath d='M8.6 10.2l-1.4 5.4M11.9 9.5v6.1M15.2 10.2l1.4 5.4'/%3E%3Cpath d='M2.8 19.8h18.4'/%3E%3C/svg%3E");
  --sv-cup: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 9.4h12.2v4.9a4.2 4.2 0 0 1-4.2 4.2H7.8a4.2 4.2 0 0 1-4.2-4.2z'/%3E%3Cpath d='M15.8 10.9h1.9a2.2 2.2 0 0 1 0 4.4h-1.9'/%3E%3Cpath d='M2.6 20.6h14.2M3.6 11.8h12.2'/%3E%3C/svg%3E");
  --sv-steam: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21.6c-3-3.3 3-6.1 0-9.4s3-6.1 0-9.4'/%3E%3Cpath d='M7.4 21.6c-2.4-2.7 2.4-4.9 0-7.6M16.6 21.6c-2.4-2.7 2.4-4.9 0-7.6'/%3E%3C/svg%3E");
  --sv-candle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9.6c-1.6-1.3-2-2.9-1-4.5.5-.8 1-1.4 1-2.5 1.3 1 2.3 2.6 1.9 4.3-.2 1.1-.9 2-1.9 2.7z'/%3E%3Cpath d='M12 11.5V9.6M8.5 11.5h7v9.2c0 .5-.3.8-.8.8H9.3c-.5 0-.8-.3-.8-.8z'/%3E%3Cpath d='M13.6 11.5v2.4M6 21.5h12M8.6 3.8c-1.2 1.3-1.4 3.3-.5 4.9M15.4 3.8c1.2 1.3 1.4 3.3.5 4.9'/%3E%3C/svg%3E");


  --sv-candle-body: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cfilter id='g' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='.38'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M8.6 11.15A3.4 .62 0 0 1 15.4 11.15L15.4 21.1C15.4 21.43 13.88 21.7 12 21.7C10.12 21.7 8.6 21.43 8.6 21.1Z'/%3E%3Cpath d='M14.82 11.496C14.868 11.971 14.988 12.256 15.024 12.937C15.024 13.126 14.91 13.207 14.91 13.369C14.91 13.564 15.45 13.564 15.45 13.369C15.45 13.207 15.336 13.126 15.336 12.937C15.3 12.256 15.372 11.971 15.42 11.15Q15.12 11.47 14.82 11.496Z'/%3E%3Cpath d='M6.4 21A5.6 1 0 0 1 17.6 21L17.52 21.35A5.5 1.05 0 0 1 6.48 21.35Z'/%3E%3Cellipse cx='12' cy='22.45' rx='6.2' ry='.55' filter='url(%23g)'/%3E%3Cpath d='M12 11.25C12 10.7 12.02 10.25 12.08 9.98C12.13 9.76 12.2 9.62 12.28 9.55' stroke='%23000' stroke-width='.2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
  --sv-candle-detail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cfilter id='b' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='.07'/%3E%3C/filter%3E%3Cfilter id='s' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='.16'/%3E%3C/filter%3E%3Cfilter id='t' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='.3'/%3E%3C/filter%3E%3ClinearGradient id='d' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.42'/%3E%3Cstop offset='.3' stop-color='%23fff' stop-opacity='.16'/%3E%3Cstop offset='.62' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.14'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.45'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.04'/%3E%3C/linearGradient%3E%3ClinearGradient id='w' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%233b2a1f'/%3E%3Cstop offset='.55' stop-color='%231d130d'/%3E%3Cstop offset='1' stop-color='%23050302'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M8.35 21.12A3.65 .68 0 0 0 15.65 21.12' fill='none' stroke='%23000' stroke-width='.3' opacity='.28' filter='url(%23s)'/%3E%3Cpath d='M6.75 21.28A5.3 .96 0 0 0 17.25 21.28' fill='none' stroke='%23fff' stroke-width='.07' opacity='.4' filter='url(%23b)'/%3E%3Cpath d='M8.8 11.15A3.2 .56 0 0 1 15.2 11.15A3.2 .4 0 0 0 8.8 11.15Z' fill='%23000' opacity='.14' filter='url(%23b)'/%3E%3Cellipse cx='11.1' cy='11.02' rx='.95' ry='.12' fill='%23fff' opacity='.4' filter='url(%23b)'/%3E%3Cg transform='translate(.07 .12)' opacity='.2' filter='url(%23s)'%3E%3Cpath d='M8.6 11.15L8.6 11.15L8.7 11.299L8.8 11.36L8.9 11.405L9 11.442L9.1 11.474L9.2 11.502L9.3 11.527L9.4 11.55L9.5 11.57L9.6 11.589L9.7 11.607L9.8 11.623L9.9 11.638L10 11.651L10.1 11.664L10.2 11.676L10.3 11.687L10.4 11.697L10.5 11.706L10.6 11.715L10.7 11.723L10.8 11.73L10.9 11.737L11 11.743L11.1 11.748L11.2 11.753L11.3 11.757L11.4 11.76L11.5 11.763L11.6 11.766L11.7 11.768L11.8 11.769L11.9 11.77L12 11.77L12.1 11.77L12.2 11.769L12.3 11.768L12.4 11.766L12.5 11.763L12.6 11.76L12.7 11.757L12.8 11.753L12.9 11.748L13 11.743L13.1 11.737L13.2 11.73L13.3 11.723L13.4 11.715L13.5 11.706L13.6 11.697L13.7 11.687L13.8 11.676L13.9 11.664L14 11.651L14.1 11.638L14.2 11.623L14.3 11.607L14.4 11.589L14.5 11.57L14.6 11.55L14.7 11.527L14.8 11.502L14.9 11.474L15 11.442L15.1 11.405L15.2 11.36L15.3 11.299L15.4 11.15L15.4 11.457L15.3 11.7L15.2 11.848L15.1 11.965L15 12.048L14.9 12.101L14.8 12.131L14.7 12.142L14.6 12.141L14.5 12.129L14.4 12.106L14.3 12.074L14.2 12.038L14.1 12.001L14 11.97L13.9 11.95L13.8 11.944L13.7 11.952L13.6 11.975L13.5 12.01L13.4 12.052L13.3 12.098L13.2 12.143L13.1 12.182L13 12.213L12.9 12.232L12.8 12.24L12.7 12.237L12.6 12.225L12.5 12.209L12.4 12.191L12.3 12.176L12.2 12.164L12.1 12.153L12 12.141L11.9 12.124L11.8 12.102L11.7 12.075L11.6 12.05L11.5 12.033L11.4 12.03L11.3 12.043L11.2 12.072L11.1 12.113L11 12.158L10.9 12.201L10.8 12.235L10.7 12.255L10.6 12.258L10.5 12.242L10.4 12.21L10.3 12.165L10.2 12.111L10.1 12.056L10 12.004L9.9 11.961L9.8 11.929L9.7 11.909L9.6 11.899L9.5 11.896L9.4 11.896L9.3 11.894L9.2 11.888L9.1 11.874L9 11.85L8.9 11.814L8.8 11.764L8.7 11.691L8.6 11.523Z'/%3E%3Cpath d='M8.9 11.405C8.972 12.213 9.096 12.558 9.066 13.434C9.066 13.641 9.003 13.731 9.003 13.909C9.003 14.123 9.597 14.123 9.597 13.909C9.597 13.731 9.534 13.641 9.534 13.434C9.564 12.558 9.728 12.213 9.8 11.623Q9.35 11.563 8.9 11.405Z'/%3E%3Cpath d='M10.025 11.655C10.109 12.861 10.309 13.491 10.357 15.422C10.357 15.664 10.284 15.768 10.284 15.976C10.284 16.226 10.977 16.226 10.977 15.976C10.977 15.768 10.903 15.664 10.903 15.422C10.855 13.491 10.991 12.861 11.075 11.747Q10.55 11.721 10.025 11.655Z'/%3E%3Cpath d='M11.5 11.763C11.556 12.144 11.668 12.309 11.668 12.51C11.668 12.699 11.58 12.78 11.58 12.942C11.58 13.137 12.12 13.137 12.12 12.942C12.12 12.78 12.032 12.699 12.032 12.51C12.032 12.309 12.144 12.144 12.2 11.769Q11.85 11.773 11.5 11.763Z'/%3E%3Cpath d='M12.625 11.759C12.717 13.355 12.981 14.27 13.101 17.285C13.101 17.551 13.02 17.664 13.02 17.892C13.02 18.165 13.779 18.165 13.779 17.892C13.779 17.664 13.699 17.551 13.699 17.285C13.579 14.27 13.683 13.355 13.775 11.679Q13.2 11.741 12.625 11.759Z'/%3E%3Cpath d='M14.1 11.638C14.172 12.41 14.356 12.86 14.416 14.155C14.416 14.363 14.353 14.452 14.353 14.63C14.353 14.844 14.947 14.844 14.947 14.63C14.947 14.452 14.884 14.363 14.884 14.155C14.824 12.86 14.928 12.41 15 11.442Q14.55 11.58 14.1 11.638Z'/%3E%3Cpath d='M14.82 11.496C14.868 11.971 14.988 12.256 15.024 12.937C15.024 13.126 14.91 13.207 14.91 13.369C14.91 13.564 15.45 13.564 15.45 13.369C15.45 13.207 15.336 13.126 15.336 12.937C15.3 12.256 15.372 11.971 15.42 11.15Q15.12 11.47 14.82 11.496Z'/%3E%3C/g%3E%3Cpath d='M8.6 11.15L8.6 11.15L8.7 11.299L8.8 11.36L8.9 11.405L9 11.442L9.1 11.474L9.2 11.502L9.3 11.527L9.4 11.55L9.5 11.57L9.6 11.589L9.7 11.607L9.8 11.623L9.9 11.638L10 11.651L10.1 11.664L10.2 11.676L10.3 11.687L10.4 11.697L10.5 11.706L10.6 11.715L10.7 11.723L10.8 11.73L10.9 11.737L11 11.743L11.1 11.748L11.2 11.753L11.3 11.757L11.4 11.76L11.5 11.763L11.6 11.766L11.7 11.768L11.8 11.769L11.9 11.77L12 11.77L12.1 11.77L12.2 11.769L12.3 11.768L12.4 11.766L12.5 11.763L12.6 11.76L12.7 11.757L12.8 11.753L12.9 11.748L13 11.743L13.1 11.737L13.2 11.73L13.3 11.723L13.4 11.715L13.5 11.706L13.6 11.697L13.7 11.687L13.8 11.676L13.9 11.664L14 11.651L14.1 11.638L14.2 11.623L14.3 11.607L14.4 11.589L14.5 11.57L14.6 11.55L14.7 11.527L14.8 11.502L14.9 11.474L15 11.442L15.1 11.405L15.2 11.36L15.3 11.299L15.4 11.15L15.4 11.457L15.3 11.7L15.2 11.848L15.1 11.965L15 12.048L14.9 12.101L14.8 12.131L14.7 12.142L14.6 12.141L14.5 12.129L14.4 12.106L14.3 12.074L14.2 12.038L14.1 12.001L14 11.97L13.9 11.95L13.8 11.944L13.7 11.952L13.6 11.975L13.5 12.01L13.4 12.052L13.3 12.098L13.2 12.143L13.1 12.182L13 12.213L12.9 12.232L12.8 12.24L12.7 12.237L12.6 12.225L12.5 12.209L12.4 12.191L12.3 12.176L12.2 12.164L12.1 12.153L12 12.141L11.9 12.124L11.8 12.102L11.7 12.075L11.6 12.05L11.5 12.033L11.4 12.03L11.3 12.043L11.2 12.072L11.1 12.113L11 12.158L10.9 12.201L10.8 12.235L10.7 12.255L10.6 12.258L10.5 12.242L10.4 12.21L10.3 12.165L10.2 12.111L10.1 12.056L10 12.004L9.9 11.961L9.8 11.929L9.7 11.909L9.6 11.899L9.5 11.896L9.4 11.896L9.3 11.894L9.2 11.888L9.1 11.874L9 11.85L8.9 11.814L8.8 11.764L8.7 11.691L8.6 11.523Z' fill='url(%23c)'/%3E%3Cpath d='M8.9 11.405C8.972 12.213 9.096 12.558 9.066 13.434C9.066 13.641 9.003 13.731 9.003 13.909C9.003 14.123 9.597 14.123 9.597 13.909C9.597 13.731 9.534 13.641 9.534 13.434C9.564 12.558 9.728 12.213 9.8 11.623Q9.35 11.563 8.9 11.405Z' fill='url(%23d)'/%3E%3Cpath d='M10.025 11.655C10.109 12.861 10.309 13.491 10.357 15.422C10.357 15.664 10.284 15.768 10.284 15.976C10.284 16.226 10.977 16.226 10.977 15.976C10.977 15.768 10.903 15.664 10.903 15.422C10.855 13.491 10.991 12.861 11.075 11.747Q10.55 11.721 10.025 11.655Z' fill='url(%23d)'/%3E%3Cpath d='M11.5 11.763C11.556 12.144 11.668 12.309 11.668 12.51C11.668 12.699 11.58 12.78 11.58 12.942C11.58 13.137 12.12 13.137 12.12 12.942C12.12 12.78 12.032 12.699 12.032 12.51C12.032 12.309 12.144 12.144 12.2 11.769Q11.85 11.773 11.5 11.763Z' fill='url(%23d)'/%3E%3Cpath d='M12.625 11.759C12.717 13.355 12.981 14.27 13.101 17.285C13.101 17.551 13.02 17.664 13.02 17.892C13.02 18.165 13.779 18.165 13.779 17.892C13.779 17.664 13.699 17.551 13.699 17.285C13.579 14.27 13.683 13.355 13.775 11.679Q13.2 11.741 12.625 11.759Z' fill='url(%23d)'/%3E%3Cpath d='M14.1 11.638C14.172 12.41 14.356 12.86 14.416 14.155C14.416 14.363 14.353 14.452 14.353 14.63C14.353 14.844 14.947 14.844 14.947 14.63C14.947 14.452 14.884 14.363 14.884 14.155C14.824 12.86 14.928 12.41 15 11.442Q14.55 11.58 14.1 11.638Z' fill='url(%23d)'/%3E%3Cpath d='M14.82 11.496C14.868 11.971 14.988 12.256 15.024 12.937C15.024 13.126 14.91 13.207 14.91 13.369C14.91 13.564 15.45 13.564 15.45 13.369C15.45 13.207 15.336 13.126 15.336 12.937C15.3 12.256 15.372 11.971 15.42 11.15Q15.12 11.47 14.82 11.496Z' fill='url(%23d)'/%3E%3Cellipse cx='9.196' cy='13.864' rx='0.083' ry='0.059' fill='%23fff' opacity='.55' filter='url(%23b)'/%3E%3Cellipse cx='10.509' cy='15.924' rx='0.097' ry='0.069' fill='%23fff' opacity='.55' filter='url(%23b)'/%3E%3Cellipse cx='11.755' cy='12.902' rx='0.076' ry='0.054' fill='%23fff' opacity='.55' filter='url(%23b)'/%3E%3Cellipse cx='13.267' cy='17.835' rx='0.106' ry='0.076' fill='%23fff' opacity='.55' filter='url(%23b)'/%3E%3Cellipse cx='14.546' cy='14.586' rx='0.083' ry='0.059' fill='%23fff' opacity='.55' filter='url(%23b)'/%3E%3Cellipse cx='15.085' cy='13.329' rx='0.076' ry='0.054' fill='%23fff' opacity='.55' filter='url(%23b)'/%3E%3Cpath d='M8.62 11.22A3.38 .6 0 0 0 15.38 11.22' fill='none' stroke='%23fff' stroke-width='.07' opacity='.45' filter='url(%23b)'/%3E%3Cpath d='M12 11.25C12 10.7 12.02 10.25 12.08 9.98C12.13 9.76 12.2 9.62 12.28 9.55' fill='none' stroke='url(%23w)' stroke-width='.2' stroke-linecap='round'/%3E%3Ccircle cx='12.28' cy='9.55' r='.13' fill='%23ff6a1f'/%3E%3Ccircle cx='12.28' cy='9.55' r='.06' fill='%23ffd08a'/%3E%3C/svg%3E");
  --sv-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 100'%3E%3Cdefs%3E%3CradialGradient id='o' cx='.5' cy='.68' r='.62' fx='.5' fy='.72'%3E%3Cstop offset='0' stop-color='%23fffdf2'/%3E%3Cstop offset='.2' stop-color='%23fff1b8'/%3E%3Cstop offset='.46' stop-color='%23ffc245'/%3E%3Cstop offset='.76' stop-color='%23ff8a1f' stop-opacity='.85'/%3E%3Cstop offset='1' stop-color='%23ff5a0a' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='.5' cy='.6' r='.5'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.6' stop-color='%23fffbe6' stop-opacity='.9'/%3E%3Cstop offset='1' stop-color='%23fff3c4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='.5' cy='.5' r='.5'%3E%3Cstop offset='0' stop-color='%233d6bff' stop-opacity='.7'/%3E%3Cstop offset='1' stop-color='%233d6bff' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cfilter id='s' x='-50%25' y='-20%25' width='200%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='1.6'/%3E%3C/filter%3E%3Cfilter id='t' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='.9'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23s)' fill='url(%23o)' d='M20 3C23 20 33 44 33 64C33 83 27 95 20 95C13 95 7 83 7 64C7 44 17 20 20 3Z'%3E%3C/path%3E%3Cellipse cx='20' cy='90' rx='6' ry='4' fill='url(%23b)' opacity='.55' filter='url(%23t)'/%3E%3Cellipse cx='20' cy='68' rx='6.5' ry='17' fill='url(%23c)' filter='url(%23t)'%3E%3C/ellipse%3E%3C/svg%3E");
  --sv-flame-live: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 100'%3E%3Cdefs%3E%3CradialGradient id='o' cx='.5' cy='.68' r='.62' fx='.5' fy='.72'%3E%3Cstop offset='0' stop-color='%23fffdf2'/%3E%3Cstop offset='.2' stop-color='%23fff1b8'/%3E%3Cstop offset='.46' stop-color='%23ffc245'/%3E%3Cstop offset='.76' stop-color='%23ff8a1f' stop-opacity='.85'/%3E%3Cstop offset='1' stop-color='%23ff5a0a' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='.5' cy='.6' r='.5'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.6' stop-color='%23fffbe6' stop-opacity='.9'/%3E%3Cstop offset='1' stop-color='%23fff3c4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='.5' cy='.5' r='.5'%3E%3Cstop offset='0' stop-color='%233d6bff' stop-opacity='.7'/%3E%3Cstop offset='1' stop-color='%233d6bff' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cfilter id='s' x='-50%25' y='-20%25' width='200%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='1.6'/%3E%3C/filter%3E%3Cfilter id='t' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='.9'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23s)' fill='url(%23o)' d='M20 3C23 20 33 44 33 64C33 83 27 95 20 95C13 95 7 83 7 64C7 44 17 20 20 3Z'%3E%3Canimate attributeName='d' dur='2.3s' repeatCount='indefinite' calcMode='spline' keyTimes='0;.3;.55;.8;1' keySplines='.4 0 .6 1;.4 0 .6 1;.4 0 .6 1;.4 0 .6 1' values='M20 3C23 20 33 44 33 64C33 83 27 95 20 95C13 95 7 83 7 64C7 44 17 20 20 3Z;M22.5 1C24.5 19 33.5 43 33 64C32.5 83 27 95 20 95C13 95 7.5 83 7.5 64C7.5 45 19 21 22.5 1Z;M19 7C22.5 23 34 45 33.5 65C33 83 27 95 20 95C13 95 6.5 83 6.5 65C6.5 45 16 23 19 7Z;M17.5 2C21 20 32.5 44 32.5 64C32.5 83 27 95 20 95C13 95 7 83 7.5 64C8 43 14.5 20 17.5 2Z;M20 3C23 20 33 44 33 64C33 83 27 95 20 95C13 95 7 83 7 64C7 44 17 20 20 3Z'/%3E%3C/path%3E%3Cellipse cx='20' cy='90' rx='6' ry='4' fill='url(%23b)' opacity='.55' filter='url(%23t)'/%3E%3Cellipse cx='20' cy='68' rx='6.5' ry='17' fill='url(%23c)' filter='url(%23t)'%3E%3Canimate attributeName='ry' dur='1.37s' values='17;19;16;18.5;17' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E");
  --sv-lotus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17c-2-2.2-2-6.4 0-9 2 2.6 2 6.8 0 9z'/%3E%3Cpath d='M12 17c-3.2-.4-5.6-3.1-5.5-6.8 2.4.4 4.6 2.3 5.5 6.8zM12 17c3.2-.4 5.6-3.1 5.5-6.8-2.4.4-4.6 2.3-5.5 6.8z'/%3E%3Cpath d='M12 17c-3.9 1-7.6-.6-9.5-3.9 2.9-.9 6.4.3 9.5 3.9zM12 17c3.9 1 7.6-.6 9.5-3.9-2.9-.9-6.4.3-9.5 3.9zM6 20h12'/%3E%3C/svg%3E");
  --sv-pot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 9.6h16.8v5.8a4.4 4.4 0 0 1-4.4 4.4H8a4.4 4.4 0 0 1-4.4-4.4z'/%3E%3Cpath d='M3.6 11.4H2.2a1.4 1.4 0 0 0 0 2.8h1.4M20.4 11.4h1.4a1.4 1.4 0 0 1 0 2.8h-1.4'/%3E%3Cpath d='M4.4 7.4h15.2M12 7.4V5.4'/%3E%3Ccircle cx='12' cy='4.4' r='1.1'/%3E%3C/svg%3E");
  --sv-cutlery: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 2.6v4.6a2.4 2.4 0 0 0 4.8 0V2.6M6 2.6v4.6M6 9.6v11.8'/%3E%3Cpath d='M17.4 2.6v9.6h3.2c.4-4-.6-7.2-3.2-9.6zM19 12.2v9.2'/%3E%3C/svg%3E");
  --sv-cake: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.8 12.4h16.4v6.4a2.2 2.2 0 0 1-2.2 2.2H6a2.2 2.2 0 0 1-2.2-2.2z'/%3E%3Cpath d='M3.8 15.4c1.4 1.5 2.7 1.5 4.1 0s2.7-1.5 4.1 0 2.7 1.5 4.1 0 2.7-1.5 4.1 0'/%3E%3Cpath d='M8.4 12.4V9M12 12.4V8.2M15.6 12.4V9'/%3E%3Cpath d='M12 8.2c-1-1-1-2.1 0-2.9 1 .8 1 1.9 0 2.9z'/%3E%3C/svg%3E");
  --sv-whisk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 1.8v6.6M9.6 2.6h4.8'/%3E%3Cpath d='M12 8.4c-3.4 0-6 2.9-6 6.5s2.6 6.5 6 6.5 6-2.9 6-6.5-2.6-6.5-6-6.5z'/%3E%3Cpath d='M12 8.4c-1.6 0-2.9 2.9-2.9 6.5s1.3 6.5 2.9 6.5 2.9-2.9 2.9-6.5-1.3-6.5-2.9-6.5z'/%3E%3Cpath d='M12 8.4v13'/%3E%3C/svg%3E");
  --sv-glass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.4 3h9.2l-.8 5.6a3.8 3.8 0 0 1-7.6 0z'/%3E%3Cpath d='M7.8 6.2h8.4M12 12.4v9M8.4 21.4h7.2'/%3E%3C/svg%3E");
  --sv-bottle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.4 2.4h3.2v3.6l2.4 3.2v11a1.6 1.6 0 0 1-1.6 1.6H9.6A1.6 1.6 0 0 1 8 20.2v-11l2.4-3.2z'/%3E%3Cpath d='M8 12.6h8M8 17h8M10.4 4.4h3.2'/%3E%3C/svg%3E");
  --sv-scissors: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6.2' cy='17.8' r='2.8'/%3E%3Ccircle cx='17.8' cy='17.8' r='2.8'/%3E%3Cpath d='M8.2 15.8L19.6 4.4M15.8 15.8L4.4 4.4'/%3E%3Ccircle cx='12' cy='12' r='1.3'/%3E%3C/svg%3E");
  --sv-comb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.8 7.6h20.4v2.8H1.8z'/%3E%3Cpath d='M4.2 10.4v6.6M7.1 10.4v7.9M10 10.4v6.6M12.9 10.4v7.9M15.8 10.4v6.6M18.7 10.4v7.9M21.6 10.4v6.6'/%3E%3C/svg%3E");
  --sv-arc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.4 21.6C2.4 10.4 10.4 2.4 21.6 2.4'/%3E%3Cpath d='M7 21.6c0-8.1 6.5-14.6 14.6-14.6'/%3E%3Cpath d='M11.6 21.6c0-5.5 4.5-10 10-10'/%3E%3C/svg%3E");
  --sv-flower: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5.6' r='2.8'/%3E%3Ccircle cx='16.9' cy='9.2' r='2.8'/%3E%3Ccircle cx='15' cy='15' r='2.8'/%3E%3Ccircle cx='9' cy='15' r='2.8'/%3E%3Ccircle cx='7.1' cy='9.2' r='2.8'/%3E%3Ccircle cx='12' cy='10.7' r='2'/%3E%3Cpath d='M12 12.9v8.7'/%3E%3C/svg%3E");
  --sv-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.8 20.2C3.8 10.6 10.6 3.8 20.2 3.8c0 9.6-6.8 16.4-16.4 16.4z'/%3E%3Cpath d='M4.6 19.4L19.4 4.6'/%3E%3Cpath d='M8.2 15.8l1.4 1.4M11.2 12.8l1.4 1.4M14.2 9.8l1.4 1.4'/%3E%3C/svg%3E");
  --sv-paw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='6.6' cy='9.2' rx='2' ry='2.7'/%3E%3Cellipse cx='10.9' cy='6.6' rx='2' ry='2.7'/%3E%3Cellipse cx='16' cy='7.5' rx='2' ry='2.7'/%3E%3Cellipse cx='19.4' cy='11.6' rx='2' ry='2.4'/%3E%3Cpath d='M12.8 12.4c3.4 0 5.8 2.2 5.8 4.6 0 2-1.9 3.4-4.1 3-1.6-.3-2.6-.3-4.1 0-2.2.4-4.1-1-4.1-3 0-2.4 2.4-4.6 6.5-4.6z'/%3E%3Cpath d='M6.6 5.3V4M10.9 2.7V1.4M16 3.6V2.3M19.4 8.3V7'/%3E%3C/svg%3E");
  --sv-bone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.4 6.6l9.2 10.8'/%3E%3Ccircle cx='5.8' cy='7.4' r='2.4'/%3E%3Ccircle cx='8.2' cy='5' r='2.4'/%3E%3Ccircle cx='18.2' cy='16.6' r='2.4'/%3E%3Ccircle cx='15.8' cy='19' r='2.4'/%3E%3C/svg%3E");
  --sv-tooth: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.4c-1.9 0-2.4 1-4.3 1S4.2 4.1 4.2 6.8c0 2.9 1.2 4.3 1.7 7.2.5 2.5.6 5.7 2.1 5.7 1.3 0 1.5-2.3 1.9-4.4.3-1.5.6-2.3 2.1-2.3s1.6.8 1.9 2.3c.4 2.1.6 4.4 1.9 4.4 1.5 0 1.6-3.2 2.1-5.7.5-2.9 1.7-4.3 1.7-7.2 0-2.7-1.4-2.4-3.5-2.4S13.9 3.4 12 3.4z'/%3E%3Cpath d='M6.7 8.2c1.4-1.1 3.3-1.4 5.3-1.4s3.9.3 5.3 1.4'/%3E%3C/svg%3E");
  --sv-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.4c0 5.4 2.4 7.8 7.8 7.8-5.4 0-7.8 2.4-7.8 7.8 0-5.4-2.4-7.8-7.8-7.8 5.4 0 7.8-2.4 7.8-7.8z'/%3E%3Cpath d='M19.4 16.6c0 2.2 1 3.2 3.2 3.2-2.2 0-3.2 1-3.2 3.2 0-2.2-1-3.2-3.2-3.2 2.2 0 3.2-1 3.2-3.2z'/%3E%3C/svg%3E");
  --sv-stethoscope: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.2 2.6v5.6a4.2 4.2 0 0 0 8.4 0V2.6'/%3E%3Cpath d='M4.6 2.6h3.2M13 2.6h3.2'/%3E%3Cpath d='M10.4 12.4v3.2a4.2 4.2 0 0 0 8.4 0v-1.6'/%3E%3Ccircle cx='18.6' cy='11.6' r='2.4'/%3E%3C/svg%3E");
  --sv-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21c-4.6-3-8.8-6.4-8.8-11A4.8 4.8 0 0 1 12 7.2a4.8 4.8 0 0 1 8.8 2.8c0 4.6-4.2 8-8.8 11z'/%3E%3Cpath d='M7.2 9.8a2.6 2.6 0 0 1 2.4-1.6'/%3E%3C/svg%3E");
  --sv-scales: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.4v16.2M8.6 19.6h6.8M4.2 8.2h15.6M4.2 8.2L1.7 13.1a2.5 2.5 0 0 0 5 0zM19.8 8.2l-2.5 4.9a2.5 2.5 0 0 0 5 0z'/%3E%3Ccircle cx='12' cy='8.2' r='1.5'/%3E%3C/svg%3E");
  --sv-column: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.4 5.4h17.2M4.6 18.6h14.8M6.8 7.4v11.2M12 7.4v11.2M17.2 7.4v11.2'/%3E%3Cpath d='M4.8 5.2L12 1.6l7.2 3.6M3.6 21h16.8'/%3E%3C/svg%3E");
  --sv-seal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Ccircle cx='12' cy='12' r='4.4'/%3E%3Cpath d='M12 2v1.4M12 20.6V22M2 12h1.4M20.6 12H22'/%3E%3C/svg%3E");
  --sv-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5.4L2.4 12 8 18.6M16 5.4L21.6 12 16 18.6M13.8 3.6l-3.6 16.8'/%3E%3C/svg%3E");
  --sv-lines: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.4 4.4h9.4M2.4 8.6h19.2M2.4 12.8h15.6M2.4 17h19.2M2.4 21.2h11.4'/%3E%3C/svg%3E");
  --sv-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.6v18.8M8.6 2.6h6.8M8.6 21.4h6.8'/%3E%3C/svg%3E");
  --sv-pen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 21.2l1.3-4.6L16.6 4.1a2.5 2.5 0 1 1 3.5 3.5L7.6 20.1z'/%3E%3Cpath d='M14.6 6.1l3.5 3.5M4.1 16.6l3.5 3.5M12.4 8.3l3.5 3.5'/%3E%3C/svg%3E");
  --sv-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.4 4.2h6.2A2.4 2.4 0 0 1 12 6.6v13a1.8 1.8 0 0 0-1.8-1.8H3.4z'/%3E%3Cpath d='M20.6 4.2h-6.2A2.4 2.4 0 0 0 12 6.6v13a1.8 1.8 0 0 1 1.8-1.8h6.8z'/%3E%3Cpath d='M5.4 8h4M5.4 11h4M14.6 8h4M14.6 11h4'/%3E%3C/svg%3E");
  --sv-aperture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.4'/%3E%3Cpath d='M8 9.6v4.8l4 2.4 4-2.4V9.6L12 7.2z'/%3E%3Cpath d='M12 2.6v4.6M20.1 7.3l-4.1 2.3M20.1 16.7l-4.1-2.3M12 21.4v-4.6M3.9 16.7l4.1-2.3M3.9 7.3l4.1 2.3'/%3E%3C/svg%3E");
  --sv-camera: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.4 7.4h4.2L8 4.8h8l1.4 2.6h4.2v12.2H2.4z'/%3E%3Ccircle cx='12' cy='13.4' r='3.8'/%3E%3Ccircle cx='12' cy='13.4' r='1.6'/%3E%3Cpath d='M18.2 9.6h1.8'/%3E%3C/svg%3E");
  --sv-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.6 3.4h2.8l2.5 11.6h11.4l2.1-8.4H6.2'/%3E%3Ccircle cx='9.2' cy='19.6' r='1.7'/%3E%3Ccircle cx='17.6' cy='19.6' r='1.7'/%3E%3Cpath d='M7.5 10.6h12.3M10.4 6.6l1.6 8.4M14.6 6.6l.8 8.4'/%3E%3C/svg%3E");
  --sv-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.2 7.2L12 2.8l8.8 4.4v9.6L12 21.2l-8.8-4.4z'/%3E%3Cpath d='M3.2 7.2L12 11.6l8.8-4.4M12 11.6v9.6M7.6 5l8.8 4.4'/%3E%3C/svg%3E");
  --sv-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.2 2.6H2.6v8.6l10.2 10.2 8.6-8.6z'/%3E%3Ccircle cx='6.6' cy='6.6' r='1.5'/%3E%3Cpath d='M12.4 14.6l2.6-2.6M14.2 16.4l2.6-2.6'/%3E%3C/svg%3E");
  --sv-truck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.6 5.4h12.6v10.8H1.6z'/%3E%3Cpath d='M14.2 8.8h3.6l3.6 4v3.4h-7.2z'/%3E%3Cpath d='M15.4 10.2h2l2 2.2h-4z'/%3E%3Ccircle cx='6.2' cy='18.4' r='2.2'/%3E%3Ccircle cx='17.6' cy='18.4' r='2.2'/%3E%3Cpath d='M1.6 16.2h2.4M8.4 16.2h7M19.8 16.2h2.6'/%3E%3C/svg%3E");
  --sv-road: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.6 21.4L8.4 2.6M21.4 21.4L15.6 2.6'/%3E%3Cpath d='M12 3.6v3.2M12 9.2v3.2M12 14.8v3.2M12 20.4v1.4'/%3E%3C/svg%3E");
  --sv-hammer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.8 2.6l7.6 7.6-2.7 2.7-2.4-2.4-9.9 9.9-2.8-2.8 9.9-9.9-2.4-2.4z'/%3E%3Cpath d='M6.5 17.7l1.4 1.4M8.1 16.1l1.4 1.4'/%3E%3C/svg%3E");
  --sv-saw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.2 8.6h13.6v4H2.2z'/%3E%3Cpath d='M2.2 12.6l1.7 2 1.7-2 1.7 2 1.7-2 1.7 2 1.7-2 1.7 2 1.7-2'/%3E%3Cpath d='M15.8 8.6h2.6a3.4 3.4 0 0 1 3.4 3.4v1.4a3.4 3.4 0 0 1-3.4 3.4h-1.6'/%3E%3C/svg%3E");
  --sv-nail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.2 2.6h5.6v3.2L12 21.4 9.2 5.8z'/%3E%3Cpath d='M9.2 5.8h5.6'/%3E%3C/svg%3E");
  --sv-house: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.2L12 3.4l9 7.8'/%3E%3Cpath d='M5.2 9.8V21h13.6V9.8'/%3E%3Cpath d='M9.6 21v-6.4h4.8V21'/%3E%3Cpath d='M6.8 12.2h2.4v2.4H6.8zM14.8 12.2h2.4v2.4h-2.4z'/%3E%3Cpath d='M17.4 5.6h2v2.6'/%3E%3C/svg%3E");
  --sv-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.4' cy='7.4' r='4.6'/%3E%3Ccircle cx='7.4' cy='7.4' r='1.7'/%3E%3Cpath d='M10.7 10.7l9.6 9.6M15.9 15.9l2.1-2.1M18.2 18.2l2.1-2.1'/%3E%3C/svg%3E");
  --sv-bulb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.4a6.5 6.5 0 0 0-3.9 11.7c.7.5 1.1 1.4 1.1 2.3h5.6c0-.9.4-1.8 1.1-2.3A6.5 6.5 0 0 0 12 2.4z'/%3E%3Cpath d='M9.2 18.2h5.6M10.2 20.8h3.6'/%3E%3Cpath d='M12 16.4V9.4M9.6 11.6L12 9.4l2.4 2.2'/%3E%3C/svg%3E");
  --sv-plug: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2.6v5.2M15 2.6v5.2'/%3E%3Cpath d='M6.4 7.8h11.2v3.4a5.6 5.6 0 0 1-11.2 0z'/%3E%3Cpath d='M12 16.6v4.8'/%3E%3C/svg%3E");
  --sv-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.6 2.4L5.2 13.4h5.6l-1.2 8.2 8.8-11.4h-5.6z'/%3E%3Cpath d='M20.2 4.4l1.6-1.6M3.8 19.6l-1.6 1.6'/%3E%3C/svg%3E");
  --sv-tap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.6h3.8v5H3z'/%3E%3Cpath d='M6.8 8.1h5.6a3.8 3.8 0 0 1 3.8 3.8v1.5'/%3E%3Cpath d='M13.4 13.4h4.8v2.4h-4.8z'/%3E%3Cpath d='M9.6 8.1V5.2M7.4 5.2h4.4'/%3E%3C/svg%3E");
  --sv-pipe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.4 7.4h8.2a5.4 5.4 0 0 1 5.4 5.4V21'/%3E%3Cpath d='M2.4 12.6h7.6a.8.8 0 0 1 .8.8V21'/%3E%3Cpath d='M2.4 7.4v5.2M16 21h-5.2M5.6 6.6v6.8'/%3E%3C/svg%3E");
  --sv-roller: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.2 4.2h13.2v5.6H3.2z'/%3E%3Cpath d='M6.4 4.2v5.6M9.8 4.2v5.6M13.2 4.2v5.6'/%3E%3Cpath d='M9.8 9.8v2.4h3.6v3'/%3E%3Cpath d='M12.2 15.2h3v6.4h-3z'/%3E%3C/svg%3E");
  --sv-bucket: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.2 7.6h15.6l-1.5 12a1.5 1.5 0 0 1-1.5 1.3H7.2a1.5 1.5 0 0 1-1.5-1.3z'/%3E%3Cpath d='M6.6 7.6a5.4 5.4 0 0 1 10.8 0'/%3E%3Cpath d='M5 11.6h14'/%3E%3C/svg%3E");
  --sv-cap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.4L1.8 8.2 12 13l10.2-4.8z'/%3E%3Cpath d='M5.6 10.4v5.2c0 1.9 2.9 3.4 6.4 3.4s6.4-1.5 6.4-3.4v-5.2'/%3E%3Cpath d='M21 9.4v5.4'/%3E%3Ccircle cx='21' cy='15.8' r='1.1'/%3E%3C/svg%3E");
  --sv-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4.6'/%3E%3Cpath d='M12 1.6v3.2M12 19.2v3.2M22.4 12h-3.2M4.8 12H1.6M19.4 4.6l-2.3 2.3M6.9 17.1l-2.3 2.3M19.4 19.4l-2.3-2.3M6.9 6.9L4.6 4.6'/%3E%3C/svg%3E");
  --sv-panel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.6 4.6h18.8v10.8H2.6z'/%3E%3Cpath d='M2.6 8.2h18.8M2.6 11.8h18.8M8.8 4.6v10.8M15.2 4.6v10.8'/%3E%3Cpath d='M12 15.4v4M8.4 19.4h7.2'/%3E%3C/svg%3E");
  --sv-needle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='20.2' cy='4.6' r='1.8'/%3E%3Cpath d='M18.9 5.9L3.4 21.4'/%3E%3Cpath d='M18.9 3.3c-1.6-1.4-4-.8-4.4 1.4-.3 1.9 1.7 2.5 2.5 1.3'/%3E%3C/svg%3E");
  --sv-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Ccircle cx='12' cy='12' r='5.6'/%3E%3Ccircle cx='9.8' cy='9.8' r='1.2'/%3E%3Ccircle cx='14.2' cy='9.8' r='1.2'/%3E%3Ccircle cx='9.8' cy='14.2' r='1.2'/%3E%3Ccircle cx='14.2' cy='14.2' r='1.2'/%3E%3C/svg%3E");
  --sv-spool: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.2 2.6h11.6v2.6H6.2zM6.2 18.8h11.6v2.6H6.2z'/%3E%3Cpath d='M8.6 5.2v13.6M15.4 5.2v13.6'/%3E%3Cpath d='M8.6 8.4h6.8M8.6 11.4h6.8M8.6 14.4h6.8M8.6 17.4h6.8'/%3E%3C/svg%3E");
  --sv-note: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17.6V4.8l10.4-2.4v12.4'/%3E%3Cpath d='M9 7.8l10.4-2.4M9 11l10.4-2.4'/%3E%3Cellipse cx='6.2' cy='18.2' rx='2.9' ry='2.6'/%3E%3Cellipse cx='16.6' cy='15.8' rx='2.9' ry='2.6'/%3E%3C/svg%3E");
  --sv-rings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='1.3'/%3E%3Ccircle cx='12' cy='12' r='4.4'/%3E%3Ccircle cx='12' cy='12' r='7.8'/%3E%3Ccircle cx='12' cy='12' r='11.2'/%3E%3C/svg%3E");
  --sv-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.4 7c2.4-3.6 4.8-3.6 7.2 0s4.8 3.6 7.2 0 4.8-3.6 7.8 0'/%3E%3Cpath d='M1.4 13c2.4-3.6 4.8-3.6 7.2 0s4.8 3.6 7.2 0 4.8-3.6 7.8 0'/%3E%3Cpath d='M1.4 19c2.4-3.6 4.8-3.6 7.2 0s4.8 3.6 7.2 0 4.8-3.6 7.8 0'/%3E%3C/svg%3E");
  --sv-drop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.4c3.9 5.9 6 8.6 6 11.8a6 6 0 0 1-12 0c0-3.2 2.1-5.9 6-11.8z'/%3E%3Cpath d='M9 15.4a3 3 0 0 0 2.4 2.9'/%3E%3C/svg%3E");
  --sv-bars: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.6 13.6h4.6v8H2.6zM9.7 8.4h4.6v13.2H9.7zM16.8 3h4.6v18.6h-4.6z'/%3E%3Cpath d='M1.4 21.6h21.2M2.6 17.4h4.6M9.7 14.6h4.6M16.8 11.6h4.6'/%3E%3C/svg%3E");
  --sv-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19.4L19.4 3M8.8 3h10.6v10.6'/%3E%3C/svg%3E");
  --sv-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h22M1 12h22M1 18h22M6 1v22M12 1v22M18 1v22'/%3E%3C/svg%3E");
  --sv-orbit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='12' rx='10.8' ry='4.3'/%3E%3Ccircle cx='12' cy='12' r='2.4'/%3E%3Ccircle cx='22.4' cy='12' r='1.3'/%3E%3C/svg%3E");
  --sv-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3C/svg%3E");
  --sv-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10.6'/%3E%3Cellipse cx='12' cy='12' rx='10.6' ry='4.4'/%3E%3Cellipse cx='12' cy='12' rx='4.4' ry='10.6'/%3E%3Cpath d='M1.4 12h21.2'/%3E%3C/svg%3E");
  --sv-sat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10.2' y='9.4' width='3.6' height='5.2' rx='.7'/%3E%3Cpath d='M10.2 12H4.8M13.8 12h5.4'/%3E%3Crect x='1.4' y='9.6' width='3.4' height='4.8' rx='.5'/%3E%3Crect x='19.2' y='9.6' width='3.4' height='4.8' rx='.5'/%3E%3Cpath d='M12 9.4V6.4M10.4 5.2h3.2'/%3E%3C/svg%3E");
  --sv-brush: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.6 2.6l3.8 3.8-9.3 9.3-3.8-3.8z'/%3E%3Cpath d='M8.3 11.9l-2.7 5.4a2.4 2.4 0 1 0 3.1 3.1l5.4-2.7'/%3E%3Cpath d='M14.9 5.3l3.8 3.8'/%3E%3C/svg%3E");
  --sv-palette: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.6a9.4 9.4 0 0 0 0 18.8c1.6 0 2.4-1 2.4-2.1 0-1.5-1.3-1.9-1.3-3 0-.9.8-1.6 1.8-1.6h2.1a5.6 5.6 0 0 0 5.4-5.6C22.4 5.6 17.7 2.6 12 2.6z'/%3E%3Ccircle cx='7.2' cy='11' r='1.3'/%3E%3Ccircle cx='10' cy='6.8' r='1.3'/%3E%3Ccircle cx='15.4' cy='7.2' r='1.3'/%3E%3Ccircle cx='6.4' cy='15.6' r='1.3'/%3E%3C/svg%3E");
  --sv-spray: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.4 8.6h5.4v11.8a1.2 1.2 0 0 1-1.2 1.2H8.6a1.2 1.2 0 0 1-1.2-1.2z'/%3E%3Cpath d='M8.8 8.6V5.2h2.6v3.4'/%3E%3Cpath d='M15.2 4.4h2.6M15.2 7h2.6M15.2 9.6h2.6'/%3E%3Cpath d='M7.4 12.4h5.4M7.4 16.4h5.4M11.4 5.4l3.4-1.4'/%3E%3C/svg%3E");
  --sv-bubble: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8.2' cy='9.4' r='4.2'/%3E%3Ccircle cx='16.6' cy='14.4' r='2.9'/%3E%3Ccircle cx='13.4' cy='5.8' r='1.9'/%3E%3Ccircle cx='6.6' cy='18.4' r='2.2'/%3E%3Cpath d='M6.2 7.4a2.6 2.6 0 0 1 2.2-1.5'/%3E%3C/svg%3E");
}

.pv-main { position: relative; }
.pv-main > :not(.pv-bg, .pv-fx) { position: relative; z-index: 1; }

.pv-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.22;
}
.pv[data-mode="dark"] .pv-bg { opacity: 0.26; }

.pv-bg i {
  display: none;
  position: absolute;
  aspect-ratio: 1;
  background: linear-gradient(150deg, var(--pv-primary), transparent 82%);
  animation: var(--a, none);
  -webkit-mask: var(--m) center / contain no-repeat;
  mask: var(--m) center / contain no-repeat;
}


.pv-bg i:nth-child(1) { width: 40cqi; inset-inline-start: -7cqi; top: 4%; }
.pv-bg i:nth-child(2) {
  width: 29cqi;
  inset-inline-end: -5cqi;
  top: 40%;
  background: linear-gradient(200deg, var(--pv-secondary), transparent 80%);
}
.pv-bg i:nth-child(3) {
  width: 21cqi;
  inset-inline-start: 16%;
  top: 74%;
  background: linear-gradient(120deg, var(--pv-secondary), transparent 78%);
}

.pv:not([data-bg-art="none"]) .pv-bg i:nth-child(-n + 2) { display: block; }
@container (min-width: 46rem) {
  .pv:not([data-bg-art="none"]) .pv-bg i:nth-child(3) { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  .pv-bg i { animation: none !important; }
}

.pv[data-bg-spot="left"]  .pv-bg i { inset-inline: -7cqi auto; }
.pv[data-bg-spot="left"]  .pv-bg i:nth-child(2) { inset-inline: 5cqi auto; }
.pv[data-bg-spot="right"] .pv-bg i { inset-inline: auto -7cqi; }
.pv[data-bg-spot="right"] .pv-bg i:nth-child(2) { inset-inline: auto 5cqi; }

.pv[data-bg-spot="top"] .pv-bg i:nth-child(1) { top: 1%; }
.pv[data-bg-spot="top"] .pv-bg i:nth-child(2) { top: 11%; }
.pv[data-bg-spot="top"] .pv-bg i:nth-child(3) { top: 23%; }

.pv[data-bg-spot="bottom"] .pv-bg i:nth-child(1) { top: 57%; }
.pv[data-bg-spot="bottom"] .pv-bg i:nth-child(2) { top: 71%; }
.pv[data-bg-spot="bottom"] .pv-bg i:nth-child(3) { top: 84%; }

.pv[data-bg-spot="corner"] .pv-bg i:nth-child(1) { width: 62cqi; inset-inline: auto -14cqi; top: -5%; }
.pv[data-bg-spot="corner"] .pv-bg i:nth-child(n + 2) { display: none; }

.pv[data-bg-spot="mirror"] .pv-bg { scale: -1 1; }

@keyframes pv-bg-drift { from { translate: 0 0; rotate: -2deg; } to { translate: 3cqi -2cqi; rotate: 2deg; } }
@keyframes pv-bg-spin  { to { rotate: 360deg; } }
@keyframes pv-bg-turn  { 0%, 66%, 100% { rotate: 0deg; } 78% { rotate: -11deg; } 89% { rotate: 2deg; } }
@keyframes pv-bg-lift  { 0%, 100% { translate: 0 2cqi; } 50% { translate: 0 -2cqi; } }
@keyframes pv-bg-rise  { 0% { translate: 0 3cqi; opacity: 0; } 35% { opacity: 1; } 100% { translate: 0 -9cqi; opacity: 0; } }
@keyframes pv-bg-fall  { 0% { translate: 0 -7cqi; rotate: 0deg; opacity: 0; } 25% { opacity: 1; } 100% { translate: 5cqi 11cqi; rotate: 180deg; opacity: 0; } }
@keyframes pv-bg-sway  { 0%, 100% { rotate: -6deg; } 50% { rotate: 6deg; } }
@keyframes pv-bg-pulse { 0%, 100% { scale: 0.95; opacity: 0.55; } 50% { scale: 1.04; opacity: 1; } }
@keyframes pv-bg-roll  { 0% { translate: -26cqi 0; opacity: 0; } 15%, 78% { opacity: 1; } 100% { translate: 56cqi 0; opacity: 0; } }
@keyframes pv-bg-grow  { 0%, 100% { scale: 1 0.68; } 55% { scale: 1 1; } }
@keyframes pv-bg-blink { 0%, 46% { opacity: 1; } 47%, 100% { opacity: 0; } }

@keyframes pv-bg-flicker { 0%, 100% { opacity: 0.6; scale: 1; } 16% { opacity: 1; scale: 1.035; } 31% { opacity: 0.7; scale: 1.005; } 49% { opacity: 0.96; scale: 1.028; } 68% { opacity: 0.58; scale: 1; } 84% { opacity: 0.9; scale: 1.022; } }


@keyframes pv-flame-lick {
  0%, 100% { scale: 1 1; }   11% { scale: 0.97 1.05; } 23% { scale: 1.02 0.96; } 37% { scale: 0.98 1.07; }
  52% { scale: 1.01 0.98; } 61% { scale: 0.96 1.1; }  74% { scale: 1.03 0.95; } 88% { scale: 0.99 1.03; }
}
@keyframes pv-flame-sway {
  0%, 100% { rotate: 0deg; } 20% { rotate: 1.2deg; } 45% { rotate: -0.8deg; } 58% { rotate: 2.2deg; }
  63% { rotate: -1.6deg; } 70% { rotate: 0.6deg; } 85% { rotate: -1deg; }
}
@keyframes pv-flame-light {
  0%, 100% { opacity: var(--pv-flame-o, 0.9); } 30% { opacity: calc(var(--pv-flame-o, 0.9) * 0.86); }
  55% { opacity: var(--pv-flame-o, 0.9); } 62% { opacity: calc(var(--pv-flame-o, 0.9) * 0.76); }
  80% { opacity: calc(var(--pv-flame-o, 0.9) * 0.95); }
}

.pv[data-bg-art="wrench"] .pv-bg i:nth-child(1) { --m: var(--sv-wrench); --a: pv-bg-turn 11s var(--ease) infinite; }
.pv[data-bg-art="wrench"] .pv-bg i:nth-child(2) { --m: var(--sv-car); --a: pv-bg-drift 34s ease-in-out infinite alternate; }
.pv[data-bg-art="wrench"] .pv-bg i:nth-child(3) { --m: var(--sv-nut); --a: pv-bg-spin 44s linear infinite; }

.pv[data-bg-art="lift"] .pv-bg i:nth-child(1) { --m: var(--sv-dumbbell); --a: pv-bg-lift 9s ease-in-out infinite; }
.pv[data-bg-art="lift"] .pv-bg i:nth-child(2) { --m: var(--sv-kettle); --a: pv-bg-sway 13s ease-in-out infinite; }
.pv[data-bg-art="lift"] .pv-bg i:nth-child(3) { --m: var(--sv-pulse); --a: pv-bg-pulse 6s ease-in-out infinite; }

.pv[data-bg-art="steam"] .pv-bg i:nth-child(1) { --m: var(--sv-bread); --a: pv-bg-drift 38s ease-in-out infinite alternate; }
.pv[data-bg-art="steam"] .pv-bg i:nth-child(2) { --m: var(--sv-steam); --a: pv-bg-rise 12s ease-out infinite; }
.pv[data-bg-art="steam"] .pv-bg i:nth-child(3) { --m: var(--sv-cup); --a: pv-bg-drift 30s ease-in-out infinite alternate; }

.pv[data-bg-art="scissors"] .pv-bg i:nth-child(1) { --m: var(--sv-scissors); --a: pv-bg-turn 9s var(--ease) infinite; }
.pv[data-bg-art="scissors"] .pv-bg i:nth-child(2) { --m: var(--sv-arc); --a: pv-bg-sway 16s ease-in-out infinite; }
.pv[data-bg-art="scissors"] .pv-bg i:nth-child(3) { --m: var(--sv-comb); --a: pv-bg-drift 32s ease-in-out infinite alternate; }

.pv[data-bg-art="bloom"] .pv-bg i:nth-child(1) { --m: var(--sv-flower); --a: pv-bg-spin 90s linear infinite; }
.pv[data-bg-art="bloom"] .pv-bg i:nth-child(2) { --m: var(--sv-leaf); --a: pv-bg-fall 18s ease-in-out infinite; }
.pv[data-bg-art="bloom"] .pv-bg i:nth-child(3) { --m: var(--sv-leaf); --a: pv-bg-fall 23s 6s ease-in-out infinite; }

.pv[data-bg-art="paw"] .pv-bg i:nth-child(1) { --m: var(--sv-paw); --a: pv-bg-pulse 10s ease-in-out infinite; }
.pv[data-bg-art="paw"] .pv-bg i:nth-child(2) { --m: var(--sv-paw); --a: pv-bg-roll 28s linear infinite; }
.pv[data-bg-art="paw"] .pv-bg i:nth-child(3) { --m: var(--sv-bone); --a: pv-bg-sway 14s ease-in-out infinite; }

.pv[data-bg-art="tooth"] .pv-bg i:nth-child(1) { --m: var(--sv-tooth); --a: pv-bg-pulse 11s ease-in-out infinite; }
.pv[data-bg-art="tooth"] .pv-bg i:nth-child(2) { --m: var(--sv-spark); --a: pv-bg-blink 7s steps(1, end) infinite; }
.pv[data-bg-art="tooth"] .pv-bg i:nth-child(3) { --m: var(--sv-spark); --a: pv-bg-blink 9s 3s steps(1, end) infinite; }

.pv[data-bg-art="scales"] .pv-bg i:nth-child(1) { --m: var(--sv-scales); --a: pv-bg-sway 17s ease-in-out infinite; }
.pv[data-bg-art="scales"] .pv-bg i:nth-child(2) { --m: var(--sv-column); --a: pv-bg-drift 40s ease-in-out infinite alternate; }
.pv[data-bg-art="scales"] .pv-bg i:nth-child(3) { --m: var(--sv-seal); --a: pv-bg-pulse 15s ease-in-out infinite; }

.pv[data-bg-art="code"] .pv-bg i:nth-child(1) { --m: var(--sv-code); --a: pv-bg-drift 36s ease-in-out infinite alternate; }
.pv[data-bg-art="code"] .pv-bg i:nth-child(2) { --m: var(--sv-lines); --a: pv-bg-drift 30s ease-in-out infinite alternate; }
.pv[data-bg-art="code"] .pv-bg i:nth-child(3) { --m: var(--sv-caret); width: 5cqi; --a: pv-bg-blink 1.6s steps(1, end) infinite; }

.pv[data-bg-art="shutter"] .pv-bg i:nth-child(1) { --m: var(--sv-aperture); --a: pv-bg-spin 66s linear infinite; }
.pv[data-bg-art="shutter"] .pv-bg i:nth-child(2) { --m: var(--sv-camera); --a: pv-bg-drift 34s ease-in-out infinite alternate; }
.pv[data-bg-art="shutter"] .pv-bg i:nth-child(3) { --m: var(--sv-spark); --a: pv-bg-blink 9s steps(1, end) infinite; }

.pv[data-bg-art="cart"] .pv-bg i:nth-child(1) { --m: var(--sv-cart); --a: pv-bg-roll 34s linear infinite; }
.pv[data-bg-art="cart"] .pv-bg i:nth-child(2) { --m: var(--sv-box); --a: pv-bg-lift 13s ease-in-out infinite; }
.pv[data-bg-art="cart"] .pv-bg i:nth-child(3) { --m: var(--sv-tag); --a: pv-bg-sway 11s ease-in-out infinite; }

.pv[data-bg-art="hammer"] .pv-bg i:nth-child(1) { --m: var(--sv-hammer); --a: pv-bg-turn 7s var(--ease) infinite; }
.pv[data-bg-art="hammer"] .pv-bg i:nth-child(2) { --m: var(--sv-saw); --a: pv-bg-drift 34s ease-in-out infinite alternate; }
.pv[data-bg-art="hammer"] .pv-bg i:nth-child(3) { --m: var(--sv-nail); --a: pv-bg-sway 10s ease-in-out infinite; }

.pv[data-bg-art="waves"] .pv-bg i:nth-child(1) { --m: var(--sv-rings); --a: pv-bg-pulse 16s ease-in-out infinite; }
.pv[data-bg-art="waves"] .pv-bg i:nth-child(2) { --m: var(--sv-wave); --a: pv-bg-drift 28s ease-in-out infinite alternate; }
.pv[data-bg-art="waves"] .pv-bg i:nth-child(3) { --m: var(--sv-drop); --a: pv-bg-rise 15s ease-out infinite; }

.pv[data-bg-art="notes"] .pv-bg i:nth-child(1) { --m: var(--sv-note); --a: pv-bg-rise 14s ease-out infinite; }
.pv[data-bg-art="notes"] .pv-bg i:nth-child(2) { --m: var(--sv-note); --a: pv-bg-rise 18s 5s ease-out infinite; }
.pv[data-bg-art="notes"] .pv-bg i:nth-child(3) { --m: var(--sv-wave); --a: pv-bg-drift 26s ease-in-out infinite alternate; }

.pv[data-bg-art="chart"] .pv-bg i:nth-child(1) { --m: var(--sv-bars); --a: pv-bg-grow 13s ease-in-out infinite; transform-origin: bottom; }
.pv[data-bg-art="chart"] .pv-bg i:nth-child(2) { --m: var(--sv-arrow); --a: pv-bg-lift 14s ease-in-out infinite; }
.pv[data-bg-art="chart"] .pv-bg i:nth-child(3) { --m: var(--sv-grid); --a: pv-bg-drift 44s ease-in-out infinite alternate; }

.pv[data-bg-art="quill"] .pv-bg i:nth-child(1) { --m: var(--sv-pen); --a: pv-bg-sway 15s ease-in-out infinite; }
.pv[data-bg-art="quill"] .pv-bg i:nth-child(2) { --m: var(--sv-book); --a: pv-bg-drift 36s ease-in-out infinite alternate; }
.pv[data-bg-art="quill"] .pv-bg i:nth-child(3) { --m: var(--sv-lines); --a: pv-bg-drift 30s ease-in-out infinite alternate; }

.pv[data-bg-art="brush"] .pv-bg i:nth-child(1) { --m: var(--sv-brush); --a: pv-bg-turn 10s var(--ease) infinite; }
.pv[data-bg-art="brush"] .pv-bg i:nth-child(2) { --m: var(--sv-palette); --a: pv-bg-spin 80s linear infinite; }
.pv[data-bg-art="brush"] .pv-bg i:nth-child(3) { --m: var(--sv-spark); --a: pv-bg-blink 8s steps(1, end) infinite; }

.pv[data-bg-art="spray"] .pv-bg i:nth-child(1) { --m: var(--sv-spray); --a: pv-bg-sway 12s ease-in-out infinite; }
.pv[data-bg-art="spray"] .pv-bg i:nth-child(2) { --m: var(--sv-bubble); --a: pv-bg-rise 16s ease-out infinite; }
.pv[data-bg-art="spray"] .pv-bg i:nth-child(3) { --m: var(--sv-spark); --a: pv-bg-blink 7s steps(1, end) infinite; }

.pv[data-bg-art="gear"] .pv-bg i:nth-child(1) { --m: var(--sv-gear); --a: pv-bg-spin 50s linear infinite; }
.pv[data-bg-art="gear"] .pv-bg i:nth-child(2) { --m: var(--sv-beam); --a: pv-bg-drift 40s ease-in-out infinite alternate; }
.pv[data-bg-art="gear"] .pv-bg i:nth-child(3) { --m: var(--sv-nut); --a: pv-bg-spin 38s linear infinite reverse; }

.pv[data-bg-art="kitchen"] .pv-bg i:nth-child(1) { --m: var(--sv-pot); --a: pv-bg-drift 34s ease-in-out infinite alternate; }
.pv[data-bg-art="kitchen"] .pv-bg i:nth-child(2) { --m: var(--sv-steam); --a: pv-bg-rise 13s ease-out infinite; }
.pv[data-bg-art="kitchen"] .pv-bg i:nth-child(3) { --m: var(--sv-cutlery); --a: pv-bg-sway 15s ease-in-out infinite; }

.pv[data-bg-art="cake"] .pv-bg i:nth-child(1) { --m: var(--sv-cake); --a: pv-bg-lift 12s ease-in-out infinite; }
.pv[data-bg-art="cake"] .pv-bg i:nth-child(2) { --m: var(--sv-whisk); --a: pv-bg-spin 46s linear infinite; }
.pv[data-bg-art="cake"] .pv-bg i:nth-child(3) { --m: var(--sv-spark); --a: pv-bg-blink 8s steps(1, end) infinite; }

.pv[data-bg-art="wine"] .pv-bg i:nth-child(1) { --m: var(--sv-glass); --a: pv-bg-sway 16s ease-in-out infinite; }
.pv[data-bg-art="wine"] .pv-bg i:nth-child(2) { --m: var(--sv-bottle); --a: pv-bg-drift 36s ease-in-out infinite alternate; }
.pv[data-bg-art="wine"] .pv-bg i:nth-child(3) { --m: var(--sv-bubble); --a: pv-bg-rise 15s ease-out infinite; }

.pv[data-bg-art="care"] .pv-bg i:nth-child(1) { --m: var(--sv-stethoscope); --a: pv-bg-sway 18s ease-in-out infinite; }
.pv[data-bg-art="care"] .pv-bg i:nth-child(2) { --m: var(--sv-heart); --a: pv-bg-pulse 5s ease-in-out infinite; }
.pv[data-bg-art="care"] .pv-bg i:nth-child(3) { --m: var(--sv-pulse); --a: pv-bg-roll 30s linear infinite; }

.pv[data-bg-art="key"] .pv-bg i:nth-child(1) { --m: var(--sv-house); --a: pv-bg-drift 40s ease-in-out infinite alternate; }
.pv[data-bg-art="key"] .pv-bg i:nth-child(2) { --m: var(--sv-key); --a: pv-bg-turn 10s var(--ease) infinite; }
.pv[data-bg-art="key"] .pv-bg i:nth-child(3) { --m: var(--sv-grid); --a: pv-bg-drift 44s ease-in-out infinite alternate; }

.pv[data-bg-art="truck"] .pv-bg i:nth-child(1) { --m: var(--sv-truck); --a: pv-bg-roll 32s linear infinite; }
.pv[data-bg-art="truck"] .pv-bg i:nth-child(2) { --m: var(--sv-box); --a: pv-bg-lift 12s ease-in-out infinite; }
.pv[data-bg-art="truck"] .pv-bg i:nth-child(3) { --m: var(--sv-road); --a: pv-bg-drift 38s ease-in-out infinite alternate; }

.pv[data-bg-art="bulb"] .pv-bg i:nth-child(1) { --m: var(--sv-bulb); --a: pv-bg-pulse 9s ease-in-out infinite; }
.pv[data-bg-art="bulb"] .pv-bg i:nth-child(2) { --m: var(--sv-plug); --a: pv-bg-drift 34s ease-in-out infinite alternate; }
.pv[data-bg-art="bulb"] .pv-bg i:nth-child(3) { --m: var(--sv-bolt); --a: pv-bg-blink 6s steps(1, end) infinite; }

.pv[data-bg-art="pipe"] .pv-bg i:nth-child(1) { --m: var(--sv-tap); --a: pv-bg-drift 36s ease-in-out infinite alternate; }
.pv[data-bg-art="pipe"] .pv-bg i:nth-child(2) { --m: var(--sv-drop); --a: pv-bg-rise 11s ease-in infinite reverse; }
.pv[data-bg-art="pipe"] .pv-bg i:nth-child(3) { --m: var(--sv-pipe); --a: pv-bg-sway 17s ease-in-out infinite; }

.pv[data-bg-art="roller"] .pv-bg i:nth-child(1) { --m: var(--sv-roller); --a: pv-bg-lift 11s ease-in-out infinite; }
.pv[data-bg-art="roller"] .pv-bg i:nth-child(2) { --m: var(--sv-bucket); --a: pv-bg-sway 14s ease-in-out infinite; }
.pv[data-bg-art="roller"] .pv-bg i:nth-child(3) { --m: var(--sv-grid); --a: pv-bg-drift 42s ease-in-out infinite alternate; }

.pv[data-bg-art="cap"] .pv-bg i:nth-child(1) { --m: var(--sv-cap); --a: pv-bg-sway 15s ease-in-out infinite; }
.pv[data-bg-art="cap"] .pv-bg i:nth-child(2) { --m: var(--sv-book); --a: pv-bg-drift 34s ease-in-out infinite alternate; }
.pv[data-bg-art="cap"] .pv-bg i:nth-child(3) { --m: var(--sv-pen); --a: pv-bg-turn 12s var(--ease) infinite; }

.pv[data-bg-art="sun"] .pv-bg i:nth-child(1) { --m: var(--sv-sun); --a: pv-bg-spin 96s linear infinite; }
.pv[data-bg-art="sun"] .pv-bg i:nth-child(2) { --m: var(--sv-panel); --a: pv-bg-drift 40s ease-in-out infinite alternate; }
.pv[data-bg-art="sun"] .pv-bg i:nth-child(3) { --m: var(--sv-bolt); --a: pv-bg-blink 7s steps(1, end) infinite; }

.pv[data-bg-art="thread"] .pv-bg i:nth-child(1) { --m: var(--sv-spool); --a: pv-bg-spin 54s linear infinite; }
.pv[data-bg-art="thread"] .pv-bg i:nth-child(2) { --m: var(--sv-needle); --a: pv-bg-turn 9s var(--ease) infinite; }
.pv[data-bg-art="thread"] .pv-bg i:nth-child(3) { --m: var(--sv-button); --a: pv-bg-pulse 13s ease-in-out infinite; }

.pv[data-bg-art="orbit"] .pv-bg i:nth-child(1) { --m: var(--sv-orbit); --a: pv-bg-spin 56s linear infinite; }
.pv[data-bg-art="orbit"] .pv-bg i:nth-child(2) { --m: var(--sv-orbit); --a: pv-bg-spin 42s linear infinite reverse; }
.pv[data-bg-art="orbit"] .pv-bg i:nth-child(3) { --m: var(--sv-circle); --a: pv-bg-pulse 19s ease-in-out infinite; }

.pv[data-bg-art="globe"] .pv-bg i:nth-child(1) { --m: var(--sv-globe); --a: pv-bg-drift 60s ease-in-out infinite alternate; }
.pv[data-bg-art="globe"] .pv-bg i:nth-child(2) { --m: var(--sv-orbit); --a: pv-bg-spin 56s linear infinite; }
.pv[data-bg-art="globe"] .pv-bg i:nth-child(3) { --m: var(--sv-sat);   --a: pv-bg-roll 38s linear infinite; }

.pv[data-bg-art="candle"] .pv-bg i:nth-child(1) { --m: var(--sv-candle); --a: pv-bg-flicker 4.6s ease-in-out infinite; }
.pv[data-bg-art="candle"] .pv-bg i:nth-child(2) { --m: var(--sv-lotus);  --a: pv-bg-drift 44s ease-in-out infinite alternate; }
.pv[data-bg-art="candle"] .pv-bg i:nth-child(3) { --m: var(--sv-candle); --a: pv-bg-flicker 5.3s -2s ease-in-out infinite; }









.pv[data-bg-art="candle"][data-bg-motion="own"] .pv-bg { opacity: 1; }
.pv[data-bg-art="candle"][data-bg-motion="own"] .pv-bg i { opacity: 0.22; }
.pv[data-bg-art="candle"][data-bg-motion="own"][data-mode="dark"] .pv-bg i { opacity: 0.26; }





.pv[data-bg-art="candle"][data-bg-motion="own"] .pv-bg i:is(:nth-child(1), :nth-child(3)) {
  --m: var(--sv-candle-body);
  --a: none;
  --w: var(--pv-candle-wax, color-mix(in srgb, #f7eddd 88%, var(--pv-primary)));
  --d: var(--pv-candle-dish, color-mix(in srgb, var(--pv-primary) 55%, #2b1f18));
  --sh: var(--pv-candle-shade, #2a1d14);
  --g: var(--pv-candle-glow, #ffc75a);
  --din: color-mix(in srgb, var(--d) 80%, var(--sh));
  opacity: var(--pv-candle-o, 0.9);
  background:
    var(--sv-candle-detail) center / contain no-repeat,
    radial-gradient(ellipse 14.17% 2.58% at 50% 46.46%,
      color-mix(in srgb, var(--g) 55%, #fff) 0%, color-mix(in srgb, var(--g) 30%, var(--w)) 45%,
      var(--w) 72%, color-mix(in srgb, #fff 28%, var(--w)) 86%, color-mix(in srgb, var(--sh) 18%, var(--w)) 96%, transparent 100%),
    radial-gradient(ellipse 18% 11% at 50% 48.5%,
      color-mix(in srgb, var(--g) 50%, transparent), color-mix(in srgb, var(--g) 16%, transparent) 50%, transparent 100%),
    linear-gradient(color-mix(in srgb, var(--g) 28%, transparent), transparent 36%) 50% 81.95% / 28.33% 46.92% no-repeat,

    radial-gradient(ellipse 50% 100% at 50% 0%, transparent 95.5%, var(--din) 100%) 50% 90.17% / 28.33% 2.5% no-repeat,
    linear-gradient(transparent 20%, color-mix(in srgb, var(--sh) 20%, transparent) 96%) 50% 81.95% / 28.33% 46.92% no-repeat,
    linear-gradient(90deg,
      color-mix(in srgb, var(--sh) 40%, var(--w)) 0%, color-mix(in srgb, var(--sh) 12%, var(--w)) 14%,
      color-mix(in srgb, #fff 30%, var(--w)) 24%, color-mix(in srgb, #fff 60%, var(--w)) 29%,
      color-mix(in srgb, #fff 30%, var(--w)) 34%, var(--w) 48%, color-mix(in srgb, var(--sh) 9%, var(--w)) 66%,
      color-mix(in srgb, var(--sh) 30%, var(--w)) 84%, color-mix(in srgb, var(--g) 18%, var(--w)) 92%,
      color-mix(in srgb, var(--sh) 45%, var(--w)) 100%)
      50% 81.95% / 28.33% 46.92% no-repeat,
    linear-gradient(color-mix(in srgb, var(--sh) 18%, var(--w)), color-mix(in srgb, var(--sh) 18%, var(--w)))
      66% 51% / 3% 14% no-repeat,
    radial-gradient(ellipse 23.33% 4.167% at 50% 87.5%, transparent 88.5%,
      color-mix(in srgb, var(--d) 45%, color-mix(in srgb, #fff 70%, var(--g))) 91.5%, color-mix(in srgb, var(--d) 78%, #fff) 95%, var(--d) 97.5%, transparent 100%),
    radial-gradient(ellipse 21.25% 3.75% at 50% 87.5%, var(--din) 90%, color-mix(in srgb, var(--d) 55%, var(--sh)) 100%, transparent 100%),
    radial-gradient(ellipse 22.92% 4.375% at 50% 88.96%,
      color-mix(in srgb, var(--d) 85%, var(--sh)) 0%, color-mix(in srgb, var(--d) 50%, var(--sh)) 97%, transparent 100%),
    radial-gradient(ellipse 27% 3% at 50% 93.5%,
      color-mix(in srgb, var(--sh) 40%, transparent), color-mix(in srgb, var(--sh) 14%, transparent) 60%, transparent 100%);
}
.pv[data-bg-art="candle"][data-bg-motion="own"][data-mode="dark"] .pv-bg i:is(:nth-child(1), :nth-child(3)) { --pv-candle-o: 0.94; }
.pv[data-bg-art="candle"][data-bg-motion="own"] .pv-bg::before,
.pv[data-bg-art="candle"][data-bg-motion="own"] .pv-bg::after {
  position: absolute;
  z-index: 1;
  aspect-ratio: 1;
  pointer-events: none;
  transform-origin: 50% 45%;
  background:
    var(--pv-flame-img, var(--sv-flame)) 50% 21.43% / 12% 30% no-repeat,
    radial-gradient(circle at 50% 32%,
      color-mix(in srgb, var(--pv-candle-glow, #ffc75a) 40%, transparent),
      color-mix(in srgb, var(--pv-candle-glow, #ffc75a) 12%, transparent) 14%, transparent 36%);
  opacity: var(--pv-flame-o, 0.9);
  -webkit-mask: radial-gradient(ellipse 4% 5% at 50% 42.5%, rgb(0 0 0 / 0.35), #000 100%);
  mask: radial-gradient(ellipse 4% 5% at 50% 42.5%, rgb(0 0 0 / 0.35), #000 100%);
  --pv-glow-a: pv-flame-lick 2.9s ease-in-out infinite, pv-flame-sway 6.7s ease-in-out infinite,
    pv-flame-light 4.3s ease-in-out infinite;
}
.pv[data-bg-art="candle"][data-bg-motion="own"][data-mode="dark"] .pv-bg { --pv-flame-o: 1; }
.pv[data-bg-art="candle"][data-bg-motion="own"] .pv-bg::before { width: 40cqi; inset-inline-start: -7cqi; top: 4%; }
.pv[data-bg-art="candle"][data-bg-motion="own"] .pv-bg::after {
  display: none;
  width: 21cqi;
  inset-inline-start: 16%;
  top: 74%;
  --pv-glow-a: pv-flame-lick 3.3s -1.2s ease-in-out infinite, pv-flame-sway 7.9s -4s ease-in-out infinite,
    pv-flame-light 5.1s -2.3s ease-in-out infinite;
}
.pv[data-bg-art="candle"][data-bg-motion="own"] .pv-bg::before, .pv[data-bg-art="candle"][data-bg-motion="own"] .pv-bg::after { content: ""; }



.pv[data-hero="banner"] #pv-hero-slides > :nth-child(n + 2) { display: none; }

.pv[data-hero="banner"] .pv-hero { display: grid; min-height: 85svh; }

.pv[data-hero="banner"] .pv-hero__inner { width: 100%; margin-inline: 0 auto; }
.pv[data-hero="banner"] .pv-hero::after {
  background: linear-gradient(100deg, color-mix(in srgb, var(--pv-bg) 82%, transparent) 25%, color-mix(in srgb, var(--pv-bg) 60%, transparent));
}
@container (min-width: 46rem) {
  .pv[data-hero="banner"] .pv-hero::after {
    background: linear-gradient(100deg, var(--pv-bg) 8%, color-mix(in srgb, var(--pv-bg) 55%, transparent) 55%, transparent 95%);
  }
}




.pv[data-mode="light"][data-hero="banner"] .pv-hero::after { content: none; }
.pv[data-mode="light"][data-hero="banner"] .pv-hero__copy { justify-self: start; }
.pv[data-mode="light"][data-hero="banner"] .pv-hero__copy::after {
  --sz-veil: 66%;
  --sz-fade: 20rem;
  content: "";
  position: absolute;
  inset: -50rem calc(2rem - var(--sz-fade)) -50rem -100vw;
  z-index: -1;
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 1), transparent) calc(100% - var(--sz-fade) * 1.000),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.987), transparent) calc(100% - var(--sz-fade) * 0.919),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.951), transparent) calc(100% - var(--sz-fade) * 0.845),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.896), transparent) calc(100% - var(--sz-fade) * 0.775),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.825), transparent) calc(100% - var(--sz-fade) * 0.710),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.741), transparent) calc(100% - var(--sz-fade) * 0.647),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.648), transparent) calc(100% - var(--sz-fade) * 0.588),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.55), transparent) calc(100% - var(--sz-fade) * 0.529),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.45), transparent) calc(100% - var(--sz-fade) * 0.471),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.352), transparent) calc(100% - var(--sz-fade) * 0.412),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.259), transparent) calc(100% - var(--sz-fade) * 0.353),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.175), transparent) calc(100% - var(--sz-fade) * 0.290),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.104), transparent) calc(100% - var(--sz-fade) * 0.225),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.049), transparent) calc(100% - var(--sz-fade) * 0.155),
    color-mix(in srgb, var(--pv-bg) calc(var(--sz-veil) * 0.013), transparent) calc(100% - var(--sz-fade) * 0.081),
    transparent);
  pointer-events: none;
}
.pv[data-bg-art="candle"][data-hero="banner"] .pv-bg { z-index: 1; }
.pv[data-bg-art="candle"][data-hero="banner"] .pv-hero { z-index: auto; }
.pv[data-bg-art="candle"][data-hero="banner"] .pv-hero__copy { z-index: 2; }
.pv[data-bg-art="candle"][data-hero="banner"] .pv-bg i:nth-child(1),
.pv[data-bg-art="candle"][data-bg-motion="own"][data-hero="banner"] .pv-bg::before {

  width: min(30cqi, 28rem); inset-inline: auto 9cqi; top: calc(var(--pv-nav-h) + min(3cqi, 2rem));
}

.pv[data-hero="banner"] .pv-section.is-second::before {
  background: color-mix(in srgb, var(--pv-primary) 12%, var(--pv-bg));
}

.pv[data-hero="banner"] .pv-section.is-second { z-index: 3; }


.pv[data-texture="art"][data-hero="banner"] .pv-fx i:nth-child(1) { transition: opacity 0.9s ease; }
.pv[data-texture="art"][data-hero="banner"]:not(:has(.pv-header.is-scrolled)) .pv-fx i:nth-child(1) { opacity: 0; }
@container (min-width: 46rem) {
  .pv[data-bg-art="candle"][data-bg-motion="own"] .pv-bg::after { display: block; }
  .pv[data-bg-art="candle"][data-bg-motion="own"] .pv-bg { --pv-flame-img: var(--sv-flame-live); }
}
.pv[data-bg-art="candle"][data-bg-motion="own"][data-bg-spot="left"] .pv-bg::before,
.pv[data-bg-art="candle"][data-bg-motion="own"][data-bg-spot="left"] .pv-bg::after { inset-inline: -7cqi auto; }
.pv[data-bg-art="candle"][data-bg-motion="own"][data-bg-spot="right"] .pv-bg::before,
.pv[data-bg-art="candle"][data-bg-motion="own"][data-bg-spot="right"] .pv-bg::after { inset-inline: auto -7cqi; }
.pv[data-bg-art="candle"][data-bg-motion="own"][data-bg-spot="top"] .pv-bg::before { top: 1%; }
.pv[data-bg-art="candle"][data-bg-motion="own"][data-bg-spot="top"] .pv-bg::after { top: 23%; }
.pv[data-bg-art="candle"][data-bg-motion="own"][data-bg-spot="bottom"] .pv-bg::before { top: 57%; }
.pv[data-bg-art="candle"][data-bg-motion="own"][data-bg-spot="bottom"] .pv-bg::after { top: 84%; }
.pv[data-bg-art="candle"][data-bg-motion="own"][data-bg-spot="corner"] .pv-bg::before { width: 62cqi; inset-inline: auto -14cqi; top: -5%; }
.pv[data-bg-art="candle"][data-bg-motion="own"][data-bg-spot="corner"] .pv-bg::after { display: none; }


.pv-bg::before, .pv-bg::after { animation: var(--pv-glow-a, none); }
@media (prefers-reduced-motion: reduce) {
  .pv-bg::before, .pv-bg::after { animation: none; }
  .pv[data-bg-art="candle"] .pv-bg { --pv-flame-img: var(--sv-flame) !important; }
}


.pv:not([data-bg-motion="own"]) .pv-bg i:nth-child(2) { animation-delay: -7s; }
.pv:not([data-bg-motion="own"]) .pv-bg i:nth-child(3) { animation-delay: -15s; }
.pv[data-bg-motion="still"] .pv-bg i { animation: none; }
.pv[data-bg-motion="float"] .pv-bg i { animation: pv-bg-lift 20s ease-in-out infinite; }
.pv[data-bg-motion="breathe"] .pv-bg i { animation: pv-bg-pulse 18s ease-in-out infinite; }
.pv[data-bg-motion="spin"] .pv-bg i { animation: pv-bg-spin 70s linear infinite; }
.pv[data-bg-motion="drift"] .pv-bg i { animation: pv-bg-drift 40s ease-in-out infinite alternate; }


.pv[data-band="soft"]   { --pv-band: var(--pv-surface); }
.pv[data-band="strong"] { --pv-band: color-mix(in srgb, var(--pv-text) 11%, var(--pv-bg)); }
.pv[data-band="brand"]  { --pv-band: color-mix(in srgb, var(--pv-primary) 12%, var(--pv-bg)); }
.pv[data-band="invert"] { --pv-band: var(--pv-inv-bg); }
.pv[data-band="frame"]  { --pv-band: var(--pv-surface); }

.pv[data-band="frame"] .pv-section[data-stripe="1"] {
  margin-inline: clamp(0.7rem, 3cqi, 2.4rem);
  border-radius: calc(var(--pv-radius) * 1.6);
}

.pv:not([data-band="none"], [data-divider="fade"]) .pv-section[data-stripe="1"] { background: var(--pv-band); }

.pv:not([data-band="none"])[data-divider="fade"] .pv-section[data-stripe="1"] {
  background-image: linear-gradient(var(--pv-bg), var(--pv-band) 18%, var(--pv-band) 82%, var(--pv-bg));
}
.pv:not([data-band="none"]) .pv-about { background: none; }

.pv[data-band="invert"] .pv-section[data-stripe="1"] {
  --pv-bg: var(--pv-inv-bg);
  --pv-text: var(--pv-inv-text);
  --pv-muted:   color-mix(in srgb, var(--pv-inv-text) 66%, var(--pv-inv-bg));
  --pv-surface: color-mix(in srgb, var(--pv-inv-text)  9%, var(--pv-inv-bg));
  --pv-line:    color-mix(in srgb, var(--pv-inv-text) 22%, var(--pv-inv-bg));
  color: var(--pv-inv-text);
}

.pv[data-band="invert"] .pv-section[data-stripe="1"] .pv-btn--primary {
  background: var(--pv-inv-text);
  color: var(--pv-inv-bg);
  box-shadow: none;
}

.pv[data-band] .pv-section[data-plate="1"] {
  --pv-bg: var(--pv-inv-bg);
  --pv-text: var(--pv-inv-text);
  --pv-muted:   color-mix(in srgb, var(--pv-inv-text) 66%, var(--pv-inv-bg));
  --pv-surface: color-mix(in srgb, var(--pv-inv-text)  9%, var(--pv-inv-bg));
  --pv-line:    color-mix(in srgb, var(--pv-inv-text) 22%, var(--pv-inv-bg));
  background: var(--pv-inv-bg);
  color: var(--pv-inv-text);
}

.pv[data-band] .pv-section[data-plate="1"] .pv-btn--primary {
  background: var(--pv-inv-text);
  color: var(--pv-inv-bg);
  box-shadow: none;
}

.pv:not([data-band="none"])[data-divider="line"] .pv-section[data-stripe="1"] { border-block: 1px solid var(--pv-line); }

.pv[data-divider="arc"]   { --pv-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,100 C320,8 880,8 1200,100 Z'/%3E%3C/svg%3E"); }
.pv[data-divider="wave"]  { --pv-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,64 C180,112 320,16 600,52 C880,88 1020,8 1200,58 L1200,100 L0,100 Z'/%3E%3C/svg%3E"); }
.pv[data-divider="slant"] { --pv-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,100 L1200,14 L1200,100 Z'/%3E%3C/svg%3E"); }
.pv[data-divider="zigzag"] { --pv-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,100 L0,58 L75,22 L150,58 L225,22 L300,58 L375,22 L450,58 L525,22 L600,58 L675,22 L750,58 L825,22 L900,58 L975,22 L1050,58 L1125,22 L1200,58 L1200,100 Z'/%3E%3C/svg%3E"); }

.pv[data-divider="torn"] { --pv-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,100 L0,52 L38,60 L71,47 L112,58 L150,44 L196,55 L231,49 L268,62 L310,46 L352,57 L389,43 L433,55 L470,50 L515,63 L552,48 L598,58 L640,45 L676,56 L719,50 L758,61 L797,46 L842,57 L880,44 L921,55 L963,49 L1002,62 L1044,47 L1083,58 L1121,45 L1162,56 L1200,50 L1200,100 Z'/%3E%3C/svg%3E"); }

.pv[data-divider="arc"] { --pv-shade: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 160' preserveAspectRatio='none'%3E%3Cfilter id='b' filterUnits='userSpaceOnUse' x='-400' y='-500' width='2000' height='800'%3E%3CfeGaussianBlur stdDeviation='3 10'/%3E%3C/filter%3E%3Cpath filter='url(%23b)' fill-opacity='.312' fill-rule='evenodd' transform='translate(0 7)' d='M-300,-300H1500V100H-300Z M0,100 C320,8 880,8 1200,100 Z'/%3E%3C/svg%3E"); }
.pv[data-divider="wave"] { --pv-shade: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 160' preserveAspectRatio='none'%3E%3Cfilter id='b' filterUnits='userSpaceOnUse' x='-400' y='-500' width='2000' height='800'%3E%3CfeGaussianBlur stdDeviation='3 10'/%3E%3C/filter%3E%3Cpath filter='url(%23b)' fill-opacity='.312' fill-rule='evenodd' transform='translate(0 7)' d='M-300,-300H1500V100H-300Z M0,64 C180,112 320,16 600,52 C880,88 1020,8 1200,58 L1200,100 L0,100 Z'/%3E%3C/svg%3E"); }
.pv[data-divider="slant"] { --pv-shade: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 160' preserveAspectRatio='none'%3E%3Cfilter id='b' filterUnits='userSpaceOnUse' x='-400' y='-500' width='2000' height='800'%3E%3CfeGaussianBlur stdDeviation='3 10'/%3E%3C/filter%3E%3Cpath filter='url(%23b)' fill-opacity='.312' fill-rule='evenodd' transform='translate(0 7)' d='M-300,-300H1500V100H-300Z M0,100 L1200,14 L1200,100 Z'/%3E%3C/svg%3E"); }
.pv[data-divider="zigzag"] { --pv-shade: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 160' preserveAspectRatio='none'%3E%3Cfilter id='b' filterUnits='userSpaceOnUse' x='-400' y='-500' width='2000' height='800'%3E%3CfeGaussianBlur stdDeviation='3 10'/%3E%3C/filter%3E%3Cpath filter='url(%23b)' fill-opacity='.312' fill-rule='evenodd' transform='translate(0 7)' d='M-300,-300H1500V100H-300Z M0,100 L0,58 L75,22 L150,58 L225,22 L300,58 L375,22 L450,58 L525,22 L600,58 L675,22 L750,58 L825,22 L900,58 L975,22 L1050,58 L1125,22 L1200,58 L1200,100 Z'/%3E%3C/svg%3E"); }
.pv[data-divider="torn"] { --pv-shade: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 160' preserveAspectRatio='none'%3E%3Cfilter id='b' filterUnits='userSpaceOnUse' x='-400' y='-500' width='2000' height='800'%3E%3CfeGaussianBlur stdDeviation='3 10'/%3E%3C/filter%3E%3Cpath filter='url(%23b)' fill-opacity='.312' fill-rule='evenodd' transform='translate(0 7)' d='M-300,-300H1500V100H-300Z M0,100 L0,52 L38,60 L71,47 L112,58 L150,44 L196,55 L231,49 L268,62 L310,46 L352,57 L389,43 L433,55 L470,50 L515,63 L552,48 L598,58 L640,45 L676,56 L719,50 L758,61 L797,46 L842,57 L880,44 L921,55 L963,49 L1002,62 L1044,47 L1083,58 L1121,45 L1162,56 L1200,50 L1200,100 Z'/%3E%3C/svg%3E"); }

.pv:not([data-band="none"]):is([data-divider="arc"], [data-divider="wave"], [data-divider="slant"], [data-divider="zigzag"], [data-divider="torn"]) .pv-section[data-stripe="1"]::before,
.pv:not([data-band="none"]):is([data-divider="arc"], [data-divider="wave"], [data-divider="slant"], [data-divider="zigzag"], [data-divider="torn"]) .pv-section[data-stripe="1"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;

  --pv-div-h: clamp(1.6rem, 4cqi, 3.2rem);
  height: calc(var(--pv-div-h) * 1.6);

  background: var(--pv-shade) top / 100% 100% no-repeat, var(--pv-band);
  -webkit-mask: var(--pv-shape) top / 100% var(--pv-div-h) no-repeat, linear-gradient(#000 0 0) bottom / 100% calc(var(--pv-div-h) * 0.6 + 1px) no-repeat;
  mask: var(--pv-shape) top / 100% var(--pv-div-h) no-repeat, linear-gradient(#000 0 0) bottom / 100% calc(var(--pv-div-h) * 0.6 + 1px) no-repeat;
  pointer-events: none;
}
.pv-section[data-stripe="1"]::before { bottom: calc(100% - var(--pv-div-h) * 0.6); }
.pv-section[data-stripe="1"]::after  { top: calc(100% - var(--pv-div-h) * 0.6); scale: 1 -1; }

.pv[data-reveal="fade"]  { --pv-rv: pv-rv-fade; }
.pv[data-reveal="rise"]  { --pv-rv: pv-rv-rise; }
.pv[data-reveal="zoom"]  { --pv-rv: pv-rv-zoom; }
.pv[data-reveal="slide"] { --pv-rv: pv-rv-slide-l; }
.pv[data-reveal="mask"]  { --pv-rv: pv-rv-mask; }
.pv[data-reveal="blur"]  { --pv-rv: pv-rv-blur; }
.pv[data-reveal="tilt"]  { --pv-rv: pv-rv-tilt; }

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .pv:not([data-reveal="none"]) :is(.pv-head, .pv-item, .pv-contact__list li, .pv-prices li,
      .pv-about__media, .pv-about__copy, .pv-map__frame, .pv-slider) {
      animation-name: var(--pv-rv);
      animation-duration: auto;
      animation-timing-function: linear;
      animation-fill-mode: backwards;
      animation-timeline: view();
      animation-range: entry 4% cover 24%;
    }
    .pv:not([data-reveal="none"]) .pv-item:nth-child(2) { animation-range: entry 4% cover 30%; }
    .pv:not([data-reveal="none"]) .pv-item:nth-child(3) { animation-range: entry 4% cover 36%; }
    .pv:not([data-reveal="none"]) .pv-item:nth-child(n + 4) { animation-range: entry 4% cover 42%; }

    .pv[data-reveal="slide"] :is(.pv-item, .pv-contact__list li, .pv-prices li):nth-child(even),
    .pv[data-reveal="slide"] .pv-about__media { --pv-rv: pv-rv-slide-r; }
  }
}
@keyframes pv-rv-fade  { from { opacity: 0; translate: 0 14px; }   to { opacity: 1; translate: none; } }
@keyframes pv-rv-rise  { from { opacity: 0; translate: 0 44px; }   to { opacity: 1; translate: none; } }
@keyframes pv-rv-zoom  { from { opacity: 0; scale: 0.92; }         to { opacity: 1; scale: none; } }
@keyframes pv-rv-slide-l { from { opacity: 0; translate: -44px 0; } to { opacity: 1; translate: none; } }
@keyframes pv-rv-slide-r { from { opacity: 0; translate: 44px 0; }  to { opacity: 1; translate: none; } }
@keyframes pv-rv-mask {
  from { clip-path: inset(0 0 100% 0); translate: 0 12px; }
  to   { clip-path: inset(-25% -25% -25% -25%); translate: none; }
}
@keyframes pv-rv-blur {
  from { opacity: 0; filter: blur(10px); translate: 0 12px; }
  to   { opacity: 1; filter: blur(0); translate: none; }
}
@keyframes pv-rv-tilt {
  from { opacity: 0; rotate: -2.5deg; scale: 0.94; translate: 0 26px; }
  to   { opacity: 1; rotate: none; scale: none; translate: none; }
}

.pv[data-accent="number"] :is(.pv-items, .pv-slides) { counter-reset: pv-n; }
.pv[data-accent="number"] .pv-item::before {
  counter-increment: pv-n;
  content: counter(pv-n, decimal-leading-zero);
  font-family: var(--pv-font-head);
  font-size: calc(0.72rem * var(--pv-fs));
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--pv-primary);
}



.pv[data-accent="number"][data-layout="overlay"] .pv-item::before {
  position: absolute;
  z-index: 1;
  top: 0.6rem;
  left: 0.9rem;
  color: #FFFFFF;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
}


.pv[data-accent="number"][data-layout="overlay"] :is(.pv-list--stats, .pv-list--reviews, .pv-list--process) .pv-item::before {
  position: static;
  color: var(--pv-primary);
}


.pv[data-accent="number"][data-layout="row"] .pv-item::before { align-self: flex-start; }
@container (min-width: 44rem) {
  .pv[data-accent="number"][data-layout="split"] .pv-item::before { align-self: flex-start; }

  .pv[data-accent="number"][data-layout="split"] .pv-item:nth-child(even)::before { order: 1; }
}

.pv[data-accent="rule"] :is(.pv-head, .pv-about__copy, .pv-hero__copy)::before {
  content: "";
  width: 3.4rem;
  height: 2px;
  background: var(--pv-primary);
}
.pv[data-accent="rule"] .pv-dot { display: none; }

.pv[data-accent="corner"] :is(.pv-item, .pv-contact__list li, .pv-map__frame) { position: relative; }
.pv[data-accent="corner"] :is(.pv-item, .pv-contact__list li, .pv-map__frame)::before,
.pv[data-accent="corner"] :is(.pv-item, .pv-contact__list li, .pv-map__frame)::after {
  content: "";
  position: absolute;
  width: max(0.85rem, var(--pv-radius));
  height: max(0.85rem, var(--pv-radius));
  border: 2px solid var(--pv-primary);
  pointer-events: none;
}
.pv[data-accent="corner"] :is(.pv-item, .pv-contact__list li, .pv-map__frame)::before {
  top: 0; left: 0;
  border-width: 2px 0 0 2px;
  border-top-left-radius: var(--pv-radius);
}
.pv[data-accent="corner"] :is(.pv-item, .pv-contact__list li, .pv-map__frame)::after {
  bottom: 0; right: 0;
  border-width: 0 2px 2px 0;
  border-bottom-right-radius: var(--pv-radius);
}


.pv:is([data-accent="corner"], [data-accent="cross"]):is([data-layout="grid"], [data-layout="mosaic"], [data-layout="minimal"], [data-layout="row"], [data-layout="split"]) .pv-item {
  padding: 0.7rem;
}
.pv:is([data-accent="corner"], [data-accent="cross"])[data-layout="minimal"] .pv-contact__list li { padding-inline: 0.7rem; }

.pv[data-accent="cross"] :is(.pv-item, .pv-contact__list li, .pv-map__frame) { position: relative; }
.pv[data-accent="cross"] :is(.pv-item, .pv-contact__list li, .pv-map__frame)::before,
.pv[data-accent="cross"] :is(.pv-item, .pv-contact__list li, .pv-map__frame)::after {
  content: "";
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  background:
    linear-gradient(var(--pv-primary) 0 0) center / 100% 1.5px no-repeat,
    linear-gradient(var(--pv-primary) 0 0) center / 1.5px 100% no-repeat;
  pointer-events: none;
}
.pv[data-accent="cross"] :is(.pv-item, .pv-contact__list li, .pv-map__frame)::before { top: 0.28rem; left: 0.28rem; }
.pv[data-accent="cross"] :is(.pv-item, .pv-contact__list li, .pv-map__frame)::after { bottom: 0.28rem; right: 0.28rem; }

.pv[data-accent="bracket"] .pv-eyebrow > span:last-child::before { content: "["; margin-inline-end: 0.45em; color: var(--pv-primary); }
.pv[data-accent="bracket"] .pv-eyebrow > span:last-child::after  { content: "]"; margin-inline-start: 0.45em; color: var(--pv-primary); }
.pv[data-accent="bracket"] .pv-dot { display: none; }

.pv[data-accent="stamp"] .pv-eyebrow {
  padding: 0.3rem 0.85rem;
  border: 1px solid color-mix(in srgb, var(--pv-primary) 42%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--pv-primary) 10%, transparent);
}
.pv[data-accent="stamp"] .pv-dot { display: none; }

.pv[data-accent="label"] .pv-eyebrow {
  padding-inline-start: 0.7rem;
  border-inline-start: 3px solid var(--pv-primary);
}
.pv[data-accent="label"] .pv-dot { display: none; }

.pv[data-accent="ornament"] :is(.pv-head, .pv-about__copy, .pv-hero__copy)::before {
  content: "";
  width: 5.4rem;
  height: 1rem;
  background: var(--pv-primary);
  --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22'%3E%3Cg fill='%23000'%3E%3Cpath d='M60 3c4 5 9 6 9 8s-5 3-9 8c-4-5-9-6-9-8s5-3 9-8z'/%3E%3Cpath d='M46 10.2c-8 0-13-4-19-4-5 0-8 2-8 4s3 4 8 4c6 0 11-4 19-4zm-19 5.6c-3 0-5-.7-5-1.6s2-1.6 5-1.6 6 1 9 1.6c-3 .6-6 1.6-9 1.6z'/%3E%3Cpath d='M74 10.2c8 0 13-4 19-4 5 0 8 2 8 4s-3 4-8 4c-6 0-11-4-19-4zm19 5.6c3 0 5-.7 5-1.6s-2-1.6-5-1.6-6 1-9 1.6c3 .6 6 1.6 9 1.6z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask: var(--m) center / contain no-repeat;
  mask: var(--m) center / contain no-repeat;
}
.pv[data-accent="ornament"] .pv-dot { display: none; }

.pv[data-accent="tape"] :is(.pv-item, .pv-contact__list li, .pv-map__frame) { position: relative; }
.pv[data-accent="tape"] :is(.pv-item, .pv-contact__list li, .pv-map__frame):not(.pv-list--process .pv-item)::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset-block-start: -0.5rem;
  inset-inline-start: 1.5rem;
  width: 4.4rem;
  height: 1.1rem;
  rotate: -4deg;
  background: color-mix(in srgb, var(--pv-primary) 52%, transparent);
  box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.pv[data-accent="tape"] :is(.pv-item, .pv-contact__list li):not(.pv-list--process .pv-item):nth-child(even)::before {
  rotate: 5deg;
  inset-inline: auto 1.7rem;
}

.pv[data-accent="tape"]:is([data-layout="grid"], [data-layout="mosaic"], [data-layout="minimal"], [data-layout="row"], [data-layout="split"]) .pv-item { padding-top: 1rem; }
.pv:is([data-surface="cutout"], [data-layout="overlay"])[data-accent="tape"] :is(.pv-item, .pv-contact__list li, .pv-map__frame):not(.pv-list--process .pv-item)::before { inset-block-start: 0.5rem; }

.pv[data-accent="note"] .pv-eyebrow {
  gap: 0.35rem;
  font-family: var(--pv-font-hand);
  font-size: calc(1.35rem * var(--pv-fs));
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
  text-transform: none;
  rotate: -2deg;
}
.pv[data-accent="note"] .pv-dot { display: none; }
.pv[data-accent="note"] .pv-eyebrow::after {
  content: "";
  flex: none;
  width: 1.7em;
  height: 1em;
  translate: 0 0.4em;
  background: currentColor;
  --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cpath d='M2 5c11-3 23 0 31 12M26 16l7 2 1-7' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask: var(--m) center / contain no-repeat;
  mask: var(--m) center / contain no-repeat;
}

:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="duotone"] {
  background: var(--pv-primary);
  isolation: isolate;
}
:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="duotone"] img {
  filter: contrast(1.06);
  mix-blend-mode: luminosity;
  transition: filter 0.3s var(--ease);
}
.pv-item:hover .pv-item__media[data-media="duotone"] img, .pv-item:has(:focus-visible) .pv-item__media[data-media="duotone"] img { mix-blend-mode: normal; }

:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="arch"] {
  border-radius: 50% 50% var(--pv-radius) var(--pv-radius) / 45% 45% var(--pv-radius) var(--pv-radius);
}
.pv[data-layout="overlay"] .pv-item:has(.pv-item__media[data-media="arch"]) {
  border-radius: 50% 50% var(--pv-radius) var(--pv-radius) / 45% 45% var(--pv-radius) var(--pv-radius);
}
.pv[data-layout="overlay"] .pv-item__media[data-media="arch"] { border-radius: 0; }

:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="mono"] img {
  filter: grayscale(1) contrast(1.06);
  transition: filter 0.35s var(--ease);
}
.pv-item:hover .pv-item__media[data-media="mono"] img,
.pv-item:has(:focus-visible) .pv-item__media[data-media="mono"] img,
:is(.pv-about__media, .pv-hero__media)[data-media="mono"]:hover img,
:is(.pv-about__media, .pv-hero__media)[data-media="mono"]:has(:focus-visible) img { filter: none; }

:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="frame"] { position: relative; }
:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="frame"]::after {
  content: "";
  position: absolute;
  inset: clamp(0.45rem, 1.4cqi, 1rem);
  border: 1px solid rgba(255, 255, 255, 0.6);
  pointer-events: none;
}

:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="offset"],
.pv[data-layout="overlay"] .pv-item:has(.pv-item__media[data-media="offset"]) {
  box-shadow: 0.7rem 0.7rem 0 -1px color-mix(in srgb, var(--pv-primary) 60%, transparent);
}

.pv:is([data-hero="banner"], [data-hero="stage"], [data-hero="split"]) .pv-hero__media { border-radius: 0; box-shadow: none; border-width: 0; clip-path: none; }
.pv:is([data-hero="banner"], [data-hero="stage"], [data-hero="split"]) .pv-hero__media::after { display: none; }

:is(.pv-item__media, .pv-about__media)[data-media="tilt"] { transition: rotate 0.3s var(--ease); }
.pv-item:nth-child(odd)  .pv-item__media[data-media="tilt"] { rotate: -1.4deg; }
.pv-item:nth-child(even) .pv-item__media[data-media="tilt"] { rotate: 1.4deg; }
.pv-about__media[data-media="tilt"] { rotate: 1.6deg; }
.pv-item:hover .pv-item__media[data-media="tilt"], .pv-item:has(:focus-visible) .pv-item__media[data-media="tilt"] { rotate: 0deg; }


.pv:not([data-hero="banner"], [data-hero="stage"], [data-hero="split"]) .pv-hero__media[data-media="tilt"] { rotate: -1.2deg; transition: rotate 0.3s var(--ease); }
.pv:not([data-hero="banner"], [data-hero="stage"], [data-hero="split"]) .pv-hero__media[data-media="tilt"]:hover,
.pv:not([data-hero="banner"], [data-hero="stage"], [data-hero="split"]) .pv-hero__media[data-media="tilt"]:has(:focus-visible) { rotate: 0deg; }

:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="polaroid"] {
  border: 0.5rem solid #FFFFFF;
  border-bottom-width: 1.5rem;
  border-radius: 2px;
  box-shadow: 0 14px 28px -20px rgba(0, 0, 0, 0.85);
}

:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="deckle"] {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  clip-path: polygon(0% 1.2%, 4% 0.2%, 9% 1.4%, 14% 0.4%, 19% 1.6%, 25% 0.3%, 31% 1.1%, 37% 0%, 43% 1.5%, 50% 0.5%, 56% 1.3%, 62% 0.1%, 68% 1.2%, 74% 0.4%, 80% 1.6%, 86% 0.2%, 92% 1.2%, 100% 0.4%,
    99.2% 6%, 100% 13%, 98.8% 21%, 99.6% 29%, 98.6% 38%, 100% 47%, 99% 56%, 99.8% 65%, 98.7% 74%, 99.7% 83%, 98.9% 92%, 100% 99.4%,
    95% 98.6%, 89% 100%, 83% 98.9%, 77% 99.8%, 70% 98.5%, 63% 99.7%, 56% 98.8%, 49% 100%, 42% 98.6%, 35% 99.6%, 28% 98.7%, 21% 99.9%, 14% 98.8%, 7% 99.7%, 0% 98.9%,
    0.9% 92%, 0% 84%, 1.2% 75%, 0.3% 66%, 1.4% 57%, 0% 48%, 1.1% 39%, 0.2% 30%, 1.3% 21%, 0% 12%, 0.8% 5%);
}

:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="blob"] {
  border-radius: 62% 38% 47% 53% / 44% 56% 44% 56%;
}
.pv-item:nth-child(even) .pv-item__media[data-media="blob"] { border-radius: 38% 62% 55% 45% / 57% 41% 59% 43%; }

:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="cut"] {
  border-radius: 0;
  clip-path: polygon(1.3rem 0, 100% 0, 100% calc(100% - 1.3rem), calc(100% - 1.3rem) 100%, 0 100%, 0 1.3rem);
}

:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="poster"] {
  border: 2px solid var(--pv-text);
}
:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="poster"] img {
  filter: saturate(1.75) contrast(1.45) brightness(1.02);
  transition: filter 0.3s var(--ease);
}
.pv-item:hover .pv-item__media[data-media="poster"] img,
.pv-item:has(:focus-visible) .pv-item__media[data-media="poster"] img { filter: none; }

:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="pixel"] { position: relative; }
:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="pixel"]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: multiply;
  background-image: conic-gradient(rgba(0, 0, 0, 0.22) 25%, transparent 0 50%, rgba(0, 0, 0, 0.22) 0 75%, transparent 0);
  background-size: 6px 6px;
}
:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="pixel"] img { filter: contrast(1.28) saturate(1.35); }

:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="comic"] {
  position: relative;
  border: 3px solid var(--pv-text);
}
:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="comic"]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: multiply;
  background-image: radial-gradient(rgba(0, 0, 0, 0.32) 1.3px, transparent 1.6px);
  background-size: 5px 5px;
}
:is(.pv-item__media, .pv-about__media, .pv-hero__media)[data-media="comic"] img { filter: saturate(1.6) contrast(1.28); }

.pv[data-btn="pill"] :is(.pv-btn, .pv-nav__cta) { border-radius: 999px; }
.pv[data-btn="pill"] .pv-btn { padding-inline: 1.7rem; }

.pv[data-btn="sharp"] :is(.pv-btn, .pv-nav__cta) {
  border-radius: 0;
  font-size: calc(0.78rem * var(--pv-fs));
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pv[data-btn="outline"] .pv-btn--primary {
  border-color: var(--pv-primary);
  background: transparent;
  color: var(--pv-primary);
  box-shadow: none;
}
.pv[data-btn="outline"] .pv-btn--primary:hover, .pv[data-btn="outline"] .pv-btn--primary:focus-visible { background: var(--pv-primary); color: var(--pv-on-primary); filter: none; }
.pv[data-btn="outline"] .pv-nav__cta { border: 1px solid currentColor; background: transparent; color: inherit; }

.pv[data-btn="wipe"] :is(.pv-btn, .pv-nav__cta) {
  position: relative;
  z-index: 0;
  overflow: hidden;
  border: 1px solid currentColor;
  background: transparent;
  box-shadow: none;
  color: var(--pv-text);
}
.pv[data-btn="wipe"] .pv-btn--primary { color: var(--pv-primary); }
.pv[data-btn="wipe"] .pv-nav__cta { color: inherit; }
.pv[data-btn="wipe"] :is(.pv-btn, .pv-nav__cta)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--pv-primary);
  scale: 0 1;
  transform-origin: left;
  transition: scale 0.28s var(--ease);
}
.pv[data-btn="wipe"] :is(.pv-btn, .pv-nav__cta):hover,
.pv[data-btn="wipe"] :is(.pv-btn, .pv-nav__cta):focus-visible {
  color: var(--pv-on-primary);
  transform: none;
  filter: none;
}
.pv[data-btn="wipe"] :is(.pv-btn, .pv-nav__cta):hover::before,
.pv[data-btn="wipe"] :is(.pv-btn, .pv-nav__cta):focus-visible::before { scale: 1 1; }

.pv[data-btn="link"] :is(.pv-btn, .pv-nav__cta) {
  padding: 0.2rem 0;
  border: 0;
  border-bottom: 2px solid var(--pv-primary);
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--pv-text);
}
.pv[data-btn="link"] .pv-btn--primary { color: var(--pv-primary); }
.pv[data-btn="link"] .pv-nav__cta { gap: 0.4rem; color: inherit; border-bottom-color: currentColor; }
.pv[data-btn="link"] :is(.pv-btn, .pv-nav__cta)::after {
  content: "→";
  transition: translate 0.2s var(--ease);
}
.pv[data-btn="link"] :is(.pv-btn, .pv-nav__cta):hover, .pv[data-btn="link"] :is(.pv-btn, .pv-nav__cta):focus-visible { transform: none; filter: none; }
.pv[data-btn="link"] :is(.pv-btn, .pv-nav__cta):hover::after, .pv[data-btn="link"] :is(.pv-btn, .pv-nav__cta):focus-visible::after { translate: 0.3rem 0; }

.pv[data-btn="arrow"] .pv-nav__cta { gap: 0.4rem; }
.pv[data-btn="arrow"] :is(.pv-btn, .pv-nav__cta)::after { content: "→"; transition: translate 0.2s var(--ease); }
.pv[data-btn="arrow"] :is(.pv-btn, .pv-nav__cta):is(:hover, :focus-visible, :active)::after { translate: 0.3rem 0; }
@media (prefers-reduced-motion: reduce) {
  .pv[data-btn="arrow"] :is(.pv-btn, .pv-nav__cta)::after { transition: none; }
}

:where(.pv[data-hover="lift"]) .pv-item { transition: transform 0.25s var(--ease); }
:where(.pv[data-hover="zoom"]) .pv-item__media img { transition: transform 0.5s var(--ease); }
:where(.pv[data-hover="dim"]) .pv-item > * { transition: opacity 0.25s var(--ease); }
@media (prefers-reduced-motion: no-preference) {
  .pv[data-hover="lift"] .pv-item:not(.pv-list--logos .pv-item):is(:hover, :active, :has(:focus-visible)) { transform: translateY(-6px); }
  .pv[data-hover="zoom"] .pv-item:not(.pv-list--logos .pv-item):is(:hover, :active, :has(:focus-visible)) .pv-item__media img { transform: scale(1.06); }
}
.pv[data-hover="dim"] ul:has(> .pv-item:is(:hover, :active, :focus-within)) > .pv-item:not(.pv-list--logos .pv-item, :hover, :active, :focus-within) > * { opacity: 0.45; }

.pv[data-btn="shadow"] :is(.pv-btn, .pv-nav__cta) {
  border: 0;
  box-shadow: 0 5px 0 0 color-mix(in srgb, var(--pv-text) 42%, var(--pv-primary));
  transition: translate 0.14s var(--ease), box-shadow 0.14s var(--ease);
}
.pv[data-btn="shadow"] :is(.pv-btn, .pv-nav__cta):hover,
.pv[data-btn="shadow"] :is(.pv-btn, .pv-nav__cta):focus-visible {
  transform: none;
  filter: none;
  translate: 0 4px;
  box-shadow: 0 1px 0 0 color-mix(in srgb, var(--pv-text) 42%, var(--pv-primary));
}

.pv[data-btn="hand"] :is(.pv-btn, .pv-nav__cta) {
  border: 2px solid var(--pv-text);
  border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
  box-shadow: none;
  rotate: -1deg;
  transition: rotate 0.2s var(--ease), background-color 0.2s var(--ease);
}
.pv[data-btn="hand"] .pv-btn--ghost { background: transparent; color: var(--pv-text); }
.pv[data-btn="hand"] :is(.pv-btn, .pv-nav__cta):is(:hover, :focus-visible, :active) { rotate: 0deg; transform: none; filter: none; }
.pv[data-btn="hand"] .pv-btn--ghost:is(:hover, :focus-visible, :active) { background: color-mix(in srgb, var(--pv-text) 9%, transparent); }
@media (prefers-reduced-motion: reduce) {
  .pv[data-btn="hand"] :is(.pv-btn, .pv-nav__cta) { transition: none; }
}

.pv[data-btn="ghost"] :is(.pv-btn, .pv-nav__cta) {
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  color: var(--pv-text);
}
.pv[data-btn="ghost"] .pv-btn--primary { color: var(--pv-primary); }
.pv[data-btn="ghost"] .pv-nav__cta { color: inherit; }
.pv[data-btn="ghost"] :is(.pv-btn, .pv-nav__cta):hover,
.pv[data-btn="ghost"] :is(.pv-btn, .pv-nav__cta):focus-visible {
  transform: none;
  filter: none;
  background: color-mix(in srgb, var(--pv-primary) 15%, transparent);
}

.pv[data-sec-head="wide"] .pv-head { margin-bottom: 2.4rem; }
.pv[data-sec-head="wide"] .pv-head h2 {
  font-size: calc(clamp(2rem, 7.6cqi, 4.4rem) * var(--pv-h-scale) * var(--pv-fs));
  line-height: 1.02;




  padding-block-start: 0.14em;
}

@container (min-width: 52rem) {



  .pv[data-sec-head="side"] .pv-wrap:has(> .pv-head) {
    display: grid;
    grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
    gap: 0 clamp(1.6rem, 4cqi, 3.6rem);
    align-items: start;
  }
  .pv[data-sec-head="side"] .pv-head {
    position: sticky;
    top: calc(var(--pv-nav-base) + 1.2rem);
    margin-bottom: 0;
    align-items: flex-start;
    text-align: left;
  }
  .pv[data-sec-head="side"] .pv-wrap > :not(.pv-head) { grid-column: 2; }





  .pv[data-sec-head="side"] .pv-head h2 { font-size: min(calc(1.5rem * var(--pv-h-scale) * var(--pv-fs)), 1.8rem); }

  .pv[data-sec-head="wide"] .pv-wrap:has(> .pv-head) > :not(.pv-head) { margin-inline-start: 11%; }

  .pv[data-sec-head="split"] .pv-head {
    display: grid;
    grid-template-columns: minmax(0, 10rem) minmax(0, 1fr);
    gap: 0 clamp(1.4rem, 3cqi, 2.6rem);
    align-items: start;
    padding-top: 0.9rem;
    border-top: 1px solid var(--pv-line);
    text-align: left;
  }
  .pv[data-sec-head="split"] .pv-head > :not(.pv-eyebrow) { grid-column: 2; }
  .pv[data-sec-head="split"] .pv-head::before { grid-column: 1 / -1; }
}

.pv { --pv-edge-gap: clamp(0.4rem, 1.4cqi, 0.9rem); }
.pv[data-edge="frame"] .pv-main::before {
  content: "";
  display: block;
  position: sticky;
  top: var(--pv-edge-gap);
  z-index: 6;
  flex: none;
  height: calc(100dvh - 2 * var(--pv-edge-gap));
  margin: var(--pv-edge-gap) var(--pv-edge-gap) calc(var(--pv-edge-gap) - 100dvh);
  border: 1px solid color-mix(in srgb, var(--pv-text) 36%, var(--pv-bg));
  pointer-events: none;
}

.pv[data-edge="rail"] .pv-wrap {
  padding-inline: clamp(0.9rem, 3cqi, 2.2rem);
  border-inline: 1px solid var(--pv-line);
}

.pv[data-edge="tape"] :is(.pv-main, .pv-topbar, .pv-header, .pv-footer) {
  border-inline-start: clamp(5px, 1.1cqi, 12px) solid var(--pv-primary);
}

.pv[data-edge="inset"] { background: color-mix(in srgb, var(--pv-text) 13%, var(--pv-bg)); }
.pv[data-edge="inset"] .pv-main {
  margin-inline: clamp(0.4rem, 1.6cqi, 1.1rem);
  margin-bottom: clamp(0.4rem, 1.6cqi, 1.1rem);
  border-radius: clamp(0.9rem, 2.4cqi, 1.8rem);
  background: var(--pv-bg);
}

.pv {
  --pv-flow-shift: 4cqi;
  --pv-flow-rail: 6.5rem;
  --pv-flow-col: 34rem;
}

.pv[data-flow="chapter"] .pv-section { padding-block-start: calc(var(--pv-pad-y) * 1.4); }
.pv[data-flow="chapter"] .pv-section > .pv-wrap { position: relative; }
.pv[data-flow="chapter"] .pv-section > .pv-wrap::before {
  content: var(--pv-idx, "");
  position: absolute;
  z-index: -1;
  inset-block-start: -0.42em;
  inset-inline-start: -0.06em;
  font-family: var(--pv-font-head);
  font-size: clamp(3.4rem, 15cqi, 10rem);
  font-weight: 700;
  line-height: 1;
  color: color-mix(in srgb, var(--pv-primary) 17%, transparent);
  pointer-events: none;
}

@container (min-width: 52rem) {
  .pv[data-flow="rail"] .pv-section > .pv-wrap {
    position: relative;
    padding-inline-start: calc(var(--pv-flow-rail) + clamp(1rem, 2.4cqi, 2rem));
  }
  .pv[data-flow="rail"] .pv-section > .pv-wrap::before {
    content: var(--pv-idx, "");
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: var(--pv-flow-rail);
    padding-inline-end: 1.1rem;
    border-inline-end: 1px solid var(--pv-line);
    font-family: var(--pv-font);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-align: end;
    color: var(--pv-muted);
  }
}

@container (min-width: 52rem) {
  .pv[data-flow="ledger"] .pv-section { padding-block: calc(var(--pv-pad-y) * 0.58); }
  .pv[data-flow="ledger"] .pv-section > .pv-wrap {
    display: grid;
    grid-template-columns: minmax(0, 13rem) minmax(0, 1fr);
    gap: 0 clamp(1.6rem, 4cqi, 3.4rem);
    align-items: start;
    padding-block-start: 1.3rem;
    border-block-start: 1px solid var(--pv-line);
  }
  .pv[data-flow="ledger"] .pv-section > .pv-wrap > .pv-head { grid-column: 1; margin-bottom: 0; }
  .pv[data-flow="ledger"] .pv-section > .pv-wrap > :not(.pv-head) { grid-column: 2; }
  .pv[data-flow="ledger"] .pv-head {
    display: flex;
    padding-top: 0;
    border-top: 0;
    text-align: left;
  }
  .pv[data-flow="ledger"] .pv-head h2 {
    font-size: min(calc(1.3rem * var(--pv-h-scale) * var(--pv-fs)), 1.55rem);
  }
}

@container (min-width: 52rem) {
  .pv[data-flow="stagger"] .pv-section[data-stripe="0"] > .pv-wrap { translate: calc(-1 * var(--pv-flow-shift)) 0; }
  .pv[data-flow="stagger"] .pv-section[data-stripe="1"] > .pv-wrap { translate: var(--pv-flow-shift) 0; }
}

.pv[data-flow="column"] .pv-section > .pv-wrap { max-width: min(var(--pv-flow-col), 100%); }
@container (min-width: 52rem) {


  .pv[data-flow="column"]:is([data-layout="grid"], [data-layout="cards"], [data-layout="mosaic"], [data-layout="masonry"]) .pv-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.pv {
  --pv-sig-echo-x: 0.16em;
  --pv-sig-echo-y: 0.13em;
  --pv-sig-echo-ink: 26%;
  --pv-sig-marquee-time: 34s;
  --pv-sig-motif-size: 0.78rem;
  --pv-sig-motif-ink: 0.85;




  --pv-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 1.6 22.4 12 12 22.4 1.6 12z'/%3E%3C/svg%3E");
}

.pv[data-sig="echo"] .pv-hero__copy h1 { position: relative; }
.pv[data-sig="echo"] .pv-hero__copy h1::after {
  content: attr(data-echo);
  position: absolute;
  z-index: -1;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  translate: var(--pv-sig-echo-x) var(--pv-sig-echo-y);
  color: color-mix(in srgb, var(--pv-primary) var(--pv-sig-echo-ink), transparent);
  pointer-events: none;
}

.pv-emph { font-style: italic; }
.pv[data-sig="emph"] .pv-emph {
  font-family: var(--pv-font-head);
  font-weight: 500;
  color: var(--pv-primary);
}

.pv-ribbon { display: none; }
.pv:is([data-sig="marquee"], [data-hero="none"]) .pv-ribbon {
  display: block;
  position: relative;

  z-index: 1;
  overflow: hidden;
  margin-block-start: clamp(1.4rem, 4cqi, 2.6rem);
  margin-inline: calc(-1 * clamp(1.1rem, 5cqi, 3.5rem));
  padding-block: clamp(0.5rem, 1.6cqi, 0.9rem);
  border-block: 1px solid var(--pv-line);
  background: color-mix(in srgb, var(--pv-primary) 8%, transparent);
}
.pv:is([data-sig="marquee"], [data-hero="none"]) .pv-ribbon__track {
  display: flex;
  width: max-content;
  gap: 2.4rem;
  animation: pv-marquee var(--pv-sig-marquee-time) linear infinite;
}
.pv:is([data-sig="marquee"], [data-hero="none"]) .pv-ribbon__track span {
  flex: none;
  font-family: var(--pv-font-head);
  font-size: 0.85rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--pv-text) 78%, var(--pv-bg));
}

@media (prefers-reduced-motion: reduce) {
  .pv:is([data-sig="marquee"], [data-hero="none"]) .pv-ribbon__track {
    animation: none;
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
  }
  .pv:is([data-sig="marquee"], [data-hero="none"]) .pv-ribbon__track .is-copy { display: none; }
}

.pv[data-sig="motif"] .pv-dot {
  display: inline-block;
  width: var(--pv-sig-motif-size);
  height: var(--pv-sig-motif-size);
  opacity: var(--pv-sig-motif-ink);
  background: var(--pv-primary);
  -webkit-mask: var(--pv-motif) center / contain no-repeat;
  mask: var(--pv-motif) center / contain no-repeat;
}

.pv[data-sig="aurora"] .pv-hero { position: relative; isolation: isolate; overflow: hidden; }
.pv[data-sig="aurora"] .pv-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -35% -25%;
  pointer-events: none;
  background-image:
    radial-gradient(30cqi 26cqi at 20% 26%, color-mix(in srgb, var(--pv-primary)   38%, transparent), transparent 62%),
    radial-gradient(34cqi 28cqi at 78% 14%, color-mix(in srgb, var(--pv-secondary) 34%, transparent), transparent 60%),
    radial-gradient(38cqi 30cqi at 58% 86%, color-mix(in srgb, var(--pv-primary)   22%, transparent), transparent 64%);
  animation: pv-sig-aurora 26s var(--ease) infinite alternate;
}
@keyframes pv-sig-aurora {
  from { translate: -3% -2%; scale: 1; }
  to   { translate: 4% 3%; scale: 1.14; }
}

.pv[data-sig="beam"] .pv-hero { position: relative; }
.pv[data-sig="beam"] .pv-hero::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent,
    color-mix(in srgb, var(--pv-primary) 55%, transparent) 24%,
    var(--pv-primary) 50%,
    color-mix(in srgb, var(--pv-primary) 55%, transparent) 76%, transparent);
  box-shadow: 0 0 2.6rem 0.2rem color-mix(in srgb, var(--pv-primary) 20%, transparent);
}
.pv[data-sig="beam"] .pv-btn--primary {
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--pv-primary) 45%, transparent),
    0 6px 22px -8px color-mix(in srgb, var(--pv-primary) 60%, transparent);
}
.pv[data-sig="beam"] :is(.pv-btn, .pv-item) { transition-duration: 0.09s; }

@keyframes pv-sig-layers { to { translate: 0 var(--pv-layer, 0); } }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll()) {
    .pv[data-sig="layers"] :is(.pv-hero__media, .pv-hero__copy) {
      animation: pv-sig-layers linear both;
      animation-timeline: scroll(nearest block);
      animation-range: 0% 24%;
    }

    .pv[data-sig="layers"] .pv-hero__media { --pv-layer: -8%; }
    .pv[data-sig="layers"] .pv-hero__copy  { --pv-layer: 4%; }
  }
}

@keyframes pv-sig-swell {
  from { opacity: 0; scale: 1.08; }
  to   { opacity: 1; scale: 1; }
}




.pv[data-sig="swell"] .pv-main { overflow-x: clip; }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .pv[data-sig="swell"] :is(.pv-head h2, .pv-about__copy h2) {
      animation: pv-sig-swell linear both;
      animation-timeline: view();
      animation-range: entry 8% cover 32%;
    }
    .pv[data-sig="swell"] .pv-hero__copy h1 { animation: pv-sig-swell 1s var(--ease) both; }
  }
}

@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .pv[data-sig="sweep"] .pv-hero__copy h1 {
    background-image: linear-gradient(96deg,
      var(--pv-text) 0 44%,
      color-mix(in srgb, var(--pv-primary) 85%, var(--pv-text)) 50%,
      var(--pv-text) 56% 100%);
    background-size: 300% 100%;
    background-position: 0 0;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  @media (prefers-reduced-motion: no-preference) {
    .pv[data-sig="sweep"] .pv-hero__copy h1 { animation: pv-sig-sweep 2.2s var(--ease) 0.25s both; }
  }
}
@keyframes pv-sig-sweep { from { background-position: 100% 0; } to { background-position: 0 0; } }

@keyframes pv-sig-focus { 0%, 100% { opacity: 0.45; } 32%, 68% { opacity: 1; } }

@keyframes pv-sig-ken { from { scale: 1; } to { scale: 1.18; } }

.pv[data-sig="glitch"] .pv-hero__copy h1 { position: relative; }
.pv[data-sig="glitch"] .pv-hero__copy h1::before,
.pv[data-sig="glitch"] .pv-hero__copy h1::after {
  content: attr(data-echo);
  position: absolute;
  z-index: -1;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  pointer-events: none;
}
.pv[data-sig="glitch"] .pv-hero__copy h1::before {
  color: color-mix(in srgb, var(--pv-primary) 78%, transparent);
  translate: -0.035em 0.012em;
}
.pv[data-sig="glitch"] .pv-hero__copy h1::after {
  color: color-mix(in srgb, var(--pv-secondary) 72%, transparent);
  translate: 0.035em -0.012em;
}
@media (prefers-reduced-motion: no-preference) {
  .pv[data-sig="glitch"] .pv-hero__copy h1::before { animation: pv-sig-glitch-a 4.4s steps(1) infinite; }
  .pv[data-sig="glitch"] .pv-hero__copy h1::after  { animation: pv-sig-glitch-b 4.4s steps(1) infinite; }
}


@keyframes pv-sig-glitch-a {
  0%, 86%, 100% { translate: -0.035em 0.012em; }
  88%           { translate: -0.11em -0.02em; opacity: 0.75; }
  91%           { translate:  0.06em  0.03em; }
  94%           { translate: -0.02em -0.01em; }
}
@keyframes pv-sig-glitch-b {
  0%, 86%, 100% { translate: 0.035em -0.012em; }
  88%           { translate: 0.12em  0.025em; opacity: 0.75; }
  91%           { translate: -0.05em -0.03em; }
  94%           { translate: 0.02em   0.01em; }
}

.pv[data-sig="scribble"] :is(.pv-hero__copy h1, .pv-head h2, .pv-about__copy h2)::after {
  content: "";
  display: block;
  width: min(100%, 9ch);
  height: 0.62rem;
  margin-block-start: 0.2rem;
  background: var(--pv-primary);
  --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M3 11c26-7 52 3 78-1s44-8 70-3c14 3 24 5 46 2' fill='none' stroke='%23000' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-mask: var(--m) center / 100% 100% no-repeat;
  mask: var(--m) center / 100% 100% no-repeat;
}





.pv[data-sig="arrow"] .pv-actions::before {
  content: "";
  flex-basis: 100%;
  height: 2.6rem;
  margin-block-end: -0.2rem;
  background: currentColor;
  --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 44'%3E%3Cpath d='M6 6c24-3 40 6 42 30M40 29l8 8 7-9' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask: var(--m) var(--pv-align) bottom / 3.6rem 100% no-repeat;
  mask: var(--m) var(--pv-align) bottom / 3.6rem 100% no-repeat;
}

.pv[data-sig="signature"] .pv-about__copy::after {
  content: attr(data-sign);
  margin-block-start: 0.3rem;
  font-family: var(--pv-font-hand);
  font-size: calc(clamp(1.8rem, 5cqi, 2.6rem) * var(--pv-fs));
  font-weight: 700;
  line-height: 1;
  color: var(--pv-primary);
  rotate: -3deg;
}

@media (prefers-reduced-motion: no-preference) {
  .pv[data-sig="drift"] :is(.pv-hero__media, .pv-item__media) {
    animation: pv-sig-drift 11s ease-in-out infinite alternate;
  }
  .pv[data-sig="drift"] .pv-item:nth-child(even) .pv-item__media { animation-duration: 14s; animation-delay: -3.5s; }
  .pv[data-sig="drift"] .pv-item:nth-child(3n) .pv-item__media   { animation-duration: 9s;  animation-delay: -1.5s; }
  .pv[data-sig="drift"]:is([data-hero="banner"], [data-hero="stage"], [data-hero="split"]) .pv-hero__media { animation: none; }
  .pv[data-sig="drift"][data-layout="overlay"] .pv-item__media { scale: 1.06; }
}
@keyframes pv-sig-drift { from { translate: 0 -0.55rem; } to { translate: 0 0.6rem; } }

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .pv[data-sig="focus"] .pv-main > .pv-section {
      animation: pv-sig-focus linear both;
      animation-timeline: view();
    }
    .pv[data-sig="ken"] :is(.pv-hero__media, .pv-item__media, .pv-about__media) img {
      animation: pv-sig-ken linear both;
      animation-timeline: view();
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .pv[data-sig="aurora"] .pv-hero::before { animation: none; }
}

@media (pointer: coarse) {
  .pv-mode, .pv-burger { width: 2.75rem; height: 2.75rem; }
  .pv-slider__nav { width: 2.75rem; height: 2.75rem; }
  .pv-btn { padding-block: 0.85rem; }
  .pv-faq summary { min-height: 2.75rem; }
  .pv-nav__cta { min-height: 2.75rem; align-items: center; }
  .pv-nav__sub li { padding-block: 0.55rem; }
}

.pv-list--stats .pv-items { grid-template-columns: repeat(2, 1fr); gap: 1.4rem 1rem; }
.pv-list--stats .pv-item h3 {
  font-family: var(--pv-font-head);
  font-size: calc(clamp(1.9rem, 7cqi, 3.1rem) * var(--pv-fs));
  line-height: 1;
  font-variant-numeric: lining-nums tabular-nums;
  color: var(--pv-primary);
}
.pv-list--stats .pv-item p { font-size: calc(0.82rem * var(--pv-fs)); }

.pv-list--reviews .pv-item__body { flex-direction: column-reverse; gap: 0.6rem; }
.pv-list--reviews .pv-item p {
  color: var(--pv-text);
  font-size: calc(0.96rem * var(--pv-fs));
  line-height: 1.65;
}
.pv-list--reviews .pv-item h3 {
  font-size: calc(0.82rem * var(--pv-fs));
  font-weight: 600;
  color: var(--pv-muted);
  letter-spacing: 0.04em;
}
.pv-list--reviews .pv-item__media {
  width: 3.2rem;
  aspect-ratio: 1;
  border-radius: 999px;
  flex: none;
}

.pv-list--reviews .pv-item__body::after {
  content: "”";
  order: 1;
  font-family: var(--pv-font-head);
  font-size: calc(2.6rem * var(--pv-fs));
  line-height: 0.6;
  color: color-mix(in srgb, var(--pv-primary) 55%, transparent);
}

.pv-list--process .pv-items { counter-reset: pv-step; }
.pv-list--process .pv-item {
  counter-increment: pv-step;
  border-top: 2px solid color-mix(in srgb, var(--pv-primary) 30%, transparent);
  padding-top: 1rem;
  align-items: flex-start;
  text-align: start;
}
.pv-list--process .pv-item::before {
  content: counter(pv-step, decimal-leading-zero);
  font-family: var(--pv-font-head);
  font-size: calc(1.5rem * var(--pv-fs));
  line-height: 1;
  font-weight: 700;
  color: var(--pv-primary);
}

.pv[data-sig="mat"] .pv-list--process .pv-wrap {
  --pv-mat:       color-mix(in srgb, var(--pv-primary) 22%, var(--pv-bg));
  --pv-mat-mark:  color-mix(in srgb, var(--pv-primary) 48%, var(--pv-mat));
  --pv-mat-dark:  color-mix(in srgb, var(--pv-primary) 58%, var(--pv-bg));
  --pv-mat-lite:  color-mix(in srgb, var(--pv-primary) 10%, var(--pv-bg));

  --pv-mat-core:  color-mix(in srgb, var(--pv-mat-dark) 74%, #000);
  --pv-mat-shine: color-mix(in srgb, var(--pv-mat-lite) 55%, #fff);
  --pv-mat-grain: color-mix(in srgb, var(--pv-text) 6%, transparent);
  --pv-mat-floor: color-mix(in srgb, var(--pv-text) 45%, transparent);
  --pv-mat-roll: 2.1rem;
  --pv-mat-pad: clamp(1.1rem, 4cqi, 1.8rem);
  --pv-mat-dot: 2.5rem;
  --pv-mat-mark-w: 2.2rem;

  --pv-mat-dir: to bottom;


  --pv-mat-cap: radial-gradient(circle closest-side, var(--pv-mat-lite) 0, var(--pv-mat) 48%,
    var(--pv-mat-dark) 84%, var(--pv-mat-core) 96%, transparent 100%);
  --pv-mat-swirl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-opacity='.3' stroke-width='.8' stroke-linecap='round'%3E%3Cpath d='M12 11A1 1 0 0 1 12 13A2 2 0 0 1 12 9A3 3 0 0 1 12 15A4 4 0 0 1 12 7A5 5 0 0 1 12 17A6 6 0 0 1 12 5A7 7 0 0 1 12 19A8 8 0 0 1 12 3A9 9 0 0 1 12 21A10 10 0 0 1 12 1'/%3E%3C/svg%3E");
  --pv-mat-glint: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-opacity='.55' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M4.6 9.2A8 8 0 0 1 9.6 4.2'/%3E%3C/svg%3E");
  --pv-mat-emboss: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-opacity='.24' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17c-2-2.2-2-6.4 0-9 2 2.6 2 6.8 0 9z'/%3E%3Cpath d='M12 17c-3.2-.4-5.6-3.1-5.5-6.8 2.4.4 4.6 2.3 5.5 6.8zM12 17c3.2-.4 5.6-3.1 5.5-6.8-2.4.4-4.6 2.3-5.5 6.8z'/%3E%3Cpath d='M12 17c-3.9 1-7.6-.6-9.5-3.9 2.9-.9 6.4.3 9.5 3.9zM12 17c3.9 1 7.6-.6 9.5-3.9-2.9-.9-6.4.3-9.5 3.9zM6 20h12'/%3E%3C/svg%3E");
}
.pv[data-sig="mat"] .pv-list--process .pv-items {
  position: relative;
  isolation: isolate;
  anchor-name: --pv-mat-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  counter-reset: pv-step;
  margin-block-end: 0.8rem;
  padding: var(--pv-mat-pad) var(--pv-mat-pad) calc(var(--pv-mat-pad) + var(--pv-mat-mark-w) + var(--pv-mat-roll) * 0.5 + 0.8rem);
  view-timeline: --pv-mat block;
}

.pv[data-mode="dark"][data-sig="mat"] .pv-list--process .pv-wrap {
  --pv-mat-lite:  color-mix(in srgb, var(--pv-mat) 93%, #fff);
  --pv-mat-shine: color-mix(in srgb, var(--pv-mat) 86%, #fff);
  --pv-mat-dark:  color-mix(in srgb, var(--pv-mat) 68%, #000);
  --pv-mat-core:  color-mix(in srgb, var(--pv-mat) 45%, #000);
  --pv-mat-grain: color-mix(in srgb, #000 16%, transparent);
  --pv-mat-floor: color-mix(in srgb, #000 55%, transparent);
}

.pv[data-sig="mat"] .pv-list--process .pv-items::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: calc(var(--pv-radius) * 0.5);
  background-color: var(--pv-mat);
  background-image:
    repeating-linear-gradient(var(--pv-mat-dir), var(--pv-mat-mark) 0 7px, transparent 7px 14px),
    var(--pv-mat-emboss),
    repeating-linear-gradient(45deg, var(--pv-mat-grain) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(-45deg, var(--pv-mat-grain) 0 1px, transparent 1px 7px);
  background-repeat: no-repeat, no-repeat, repeat, repeat;
  background-position:
    calc(var(--pv-mat-pad) + var(--pv-mat-dot) / 2 - 0.5px) var(--pv-mat-pad),
    center bottom calc(var(--pv-mat-roll) * 0.25 + 0.4rem),
    0 0, 0 0;
  background-size:
    1px calc(100% - 2 * var(--pv-mat-pad) - var(--pv-mat-mark-w) - var(--pv-mat-roll) * 0.5 - 0.2rem),
    var(--pv-mat-mark-w) var(--pv-mat-mark-w),
    auto, auto;
  box-shadow:
    inset 0 0 0 0.5rem var(--pv-mat),
    inset 0 0 0 calc(0.5rem + 1px) var(--pv-mat-mark),
    0 1.6rem 2.2rem -1.6rem var(--pv-mat-floor);
}

.pv[data-sig="mat"] .pv-list--process .pv-wrap::after {
  --pv-mat-d2: var(--pv-mat-d) var(--pv-mat-d);
  --pv-mat-a: calc(var(--pv-mat-turn) * 1turn);
  --pv-mat-knot: radial-gradient(circle calc(var(--pv-mat-d) * 0.08) at calc(50% + 30% * cos(var(--pv-mat-a))) calc(50% + 30% * sin(var(--pv-mat-a))),
    var(--pv-mat-core) 60%, transparent);
  content: "";
  position: absolute;
  position-anchor: --pv-mat-box;
  inset: anchor(top) calc(anchor(right) - 0.3rem) anchor(bottom) calc(anchor(left) - 0.3rem);
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transform-origin: bottom;
  background-image:
    var(--pv-mat-glint), var(--pv-mat-knot), var(--pv-mat-swirl), var(--pv-mat-cap),
    var(--pv-mat-glint), var(--pv-mat-knot), var(--pv-mat-swirl), var(--pv-mat-cap),
    repeating-linear-gradient(45deg, var(--pv-mat-grain) 0 1px, transparent 1px 6px),
    linear-gradient(var(--pv-mat-dir), var(--pv-mat-dark), var(--pv-mat) 14%, var(--pv-mat-lite) 30%,
      var(--pv-mat-shine) 36%, var(--pv-mat-lite) 42%, var(--pv-mat) 60%, var(--pv-mat-dark) 80%,
      var(--pv-mat-core) 92%, var(--pv-mat-dark));
  background-repeat: no-repeat;
  background-position:
    left bottom, left bottom, left bottom, left bottom,
    right bottom, right bottom, right bottom, right bottom,
    center bottom, center bottom;
  background-size:
    var(--pv-mat-d2), var(--pv-mat-d2), var(--pv-mat-d2), var(--pv-mat-d2),
    var(--pv-mat-d2), var(--pv-mat-d2), var(--pv-mat-d2), var(--pv-mat-d2),
    calc(100% - var(--pv-mat-d)) var(--pv-mat-d), calc(100% - var(--pv-mat-d)) var(--pv-mat-d);
  filter: drop-shadow(0 0.5rem 0.45rem color-mix(in srgb, var(--pv-mat-floor) 66%, transparent));
}

.pv[data-sig="mat"] .pv-list--process .pv-item {
  display: grid;
  grid-template-columns: var(--pv-mat-dot) minmax(0, 1fr);
  column-gap: 1rem;
  align-items: start;
  padding: 0.9rem 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  text-align: start;
}
.pv[data-sig="mat"] .pv-list--process .pv-item::before {
  content: counter(pv-step);
  grid-column: 1;
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: var(--pv-mat-dot);
  aspect-ratio: 1;
  border: 1.5px solid var(--pv-primary);
  border-radius: 50%;
  background: var(--pv-bg);
  box-shadow: 0 0 0 0.3rem var(--pv-mat);
  font-family: var(--pv-font-head);
  font-size: calc(1.05rem * var(--pv-fs));
  font-weight: 600;
  line-height: 1;
  color: var(--pv-text);
}
.pv[data-sig="mat"] .pv-list--process .pv-item > .pv-item__body { grid-column: 2; padding-top: 0.4rem; }
.pv[data-sig="mat"] .pv-list--process .pv-item p { color: color-mix(in srgb, var(--pv-text) 82%, var(--pv-mat)); }

@container (min-width: 46rem) {
  .pv[data-sig="mat"] .pv-list--process .pv-wrap { --pv-mat-dir: to right; }
  .pv[data-sig="mat"] .pv-list--process .pv-items {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    column-gap: clamp(1rem, 3cqi, 2rem);
    padding: var(--pv-mat-pad) calc(var(--pv-mat-pad) + var(--pv-mat-mark-w) + var(--pv-mat-roll) * 0.5 + 0.8rem) var(--pv-mat-pad) var(--pv-mat-pad);
  }
  .pv[data-sig="mat"] .pv-list--process .pv-items::before {
    background-position:
      var(--pv-mat-pad) calc(var(--pv-mat-pad) + var(--pv-mat-dot) / 2 - 0.5px),
      right calc(var(--pv-mat-roll) * 0.25 + 0.4rem) center,
      0 0, 0 0;
    background-size:
      calc(100% - 2 * var(--pv-mat-pad) - var(--pv-mat-mark-w) - var(--pv-mat-roll) * 0.5 - 0.2rem) 1px,
      var(--pv-mat-mark-w) var(--pv-mat-mark-w),
      auto, auto;
  }
  .pv[data-sig="mat"] .pv-list--process .pv-wrap::after {
    inset: calc(anchor(top) - 0.3rem) anchor(right) calc(anchor(bottom) - 0.3rem) anchor(left);
    transform-origin: right;
    background-position:
      right top, right top, right top, right top,
      right bottom, right bottom, right bottom, right bottom,
      right center, right center;
    background-size:
      var(--pv-mat-d2), var(--pv-mat-d2), var(--pv-mat-d2), var(--pv-mat-d2),
      var(--pv-mat-d2), var(--pv-mat-d2), var(--pv-mat-d2), var(--pv-mat-d2),
      var(--pv-mat-d) calc(100% - var(--pv-mat-d)), var(--pv-mat-d) calc(100% - var(--pv-mat-d));
  }
  .pv[data-sig="mat"] .pv-list--process .pv-item {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0.9rem;
    padding: 0;
  }
  .pv[data-sig="mat"] .pv-list--process .pv-item::before { grid-row: auto; }
  .pv[data-sig="mat"] .pv-list--process .pv-item > .pv-item__body { grid-column: 1; padding-top: 0; }
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) and (anchor-name: --a) {


    .pv[data-sig="mat"] .pv-list--process .pv-wrap {
      timeline-scope: --pv-mat;


      --pv-mat-run: cover 40dvh cover calc(100% - 60dvh);
      --pv-mat-out: cover calc(100% - 60dvh - 5rem) cover calc(100% - 60dvh);
      --pv-mat-rest: calc((1 - var(--pv-mat-p)) * (100% - var(--pv-mat-roll)));
      --pv-mat-free: calc(3rem * clamp(0, (var(--pv-mat-p) - 0.995) * 200, 1));
      animation: pv-mat-unroll auto linear both, pv-mat-roll auto linear both;
      animation-timeline: --pv-mat;
      animation-range: var(--pv-mat-run);
    }



    .pv[data-sig="mat"] .pv-list--process .pv-items {
      clip-path: inset(-3rem -3rem calc(var(--pv-mat-rest) + var(--pv-mat-d) * 0.5 - var(--pv-mat-free)) -3rem);
    }
    .pv[data-sig="mat"] .pv-list--process .pv-wrap::after,
    .pv[data-sig="mat"] .pv-list--process .pv-item,
    .pv[data-sig="mat"] .pv-list--process .pv-item::before {
      animation-duration: auto;
      animation-timing-function: linear;
      animation-fill-mode: both;
    }
    .pv[data-sig="mat"] .pv-list--process .pv-wrap::after {
      translate: 0 calc(-1 * var(--pv-mat-rest));
      animation-name: pv-mat-fade;
      animation-timeline: --pv-mat;
      animation-range: var(--pv-mat-out);
    }




    .pv[data-sig="mat"] .pv-list--process .pv-item {
      view-timeline: --pv-mat-step block;
      animation-name: pv-mat-step;
      animation-timeline: --pv-mat-step;
      animation-range: cover calc(100% - 60dvh + 0.5rem) cover calc(100% - 50dvh);
    }
    .pv[data-sig="mat"] .pv-list--process .pv-item::before {
      animation-name: pv-mat-dot;
      animation-timeline: --pv-mat-step;
      animation-range: cover calc(40dvh + 3.6rem) cover calc(40dvh + 6rem);
    }
    @container (min-width: 46rem) {
      .pv[data-sig="mat"] .pv-list--process .pv-wrap {
        --pv-mat-run: contain 0% contain 75%;
        --pv-mat-out: contain 66% contain 75%;
      }
      .pv[data-sig="mat"] .pv-list--process .pv-items {
        clip-path: inset(-3rem calc(var(--pv-mat-rest) + var(--pv-mat-d) * 0.5 - var(--pv-mat-free)) -3rem -3rem);
      }
      .pv[data-sig="mat"] .pv-list--process .pv-wrap::after { translate: calc(-1 * var(--pv-mat-rest)) 0; }
      .pv[data-sig="mat"] .pv-list--process :is(.pv-item, .pv-item::before) { animation: none; }
    }
  }
}



@property --pv-mat-p { syntax: "<number>"; inherits: true; initial-value: 1; }
@keyframes pv-mat-unroll { from { --pv-mat-p: 0; } to { --pv-mat-p: 1; } }




@property --pv-mat-d { syntax: "<length>"; inherits: true; initial-value: 0px; }
@property --pv-mat-turn { syntax: "<number>"; inherits: true; initial-value: 0; }
@keyframes pv-mat-roll {
  0%   { --pv-mat-d: calc(var(--pv-mat-roll) * 1.4);   --pv-mat-turn: 0; }
  5%   { --pv-mat-d: calc(var(--pv-mat-roll) * 1.365); --pv-mat-turn: 0.23; }
  10%  { --pv-mat-d: calc(var(--pv-mat-roll) * 1.33);  --pv-mat-turn: 0.47; }
  15%  { --pv-mat-d: calc(var(--pv-mat-roll) * 1.293); --pv-mat-turn: 0.71; }
  20%  { --pv-mat-d: calc(var(--pv-mat-roll) * 1.255); --pv-mat-turn: 0.96; }
  25%  { --pv-mat-d: calc(var(--pv-mat-roll) * 1.217); --pv-mat-turn: 1.22; }
  30%  { --pv-mat-d: calc(var(--pv-mat-roll) * 1.176); --pv-mat-turn: 1.49; }
  35%  { --pv-mat-d: calc(var(--pv-mat-roll) * 1.135); --pv-mat-turn: 1.77; }
  40%  { --pv-mat-d: calc(var(--pv-mat-roll) * 1.092); --pv-mat-turn: 2.05; }
  45%  { --pv-mat-d: calc(var(--pv-mat-roll) * 1.047); --pv-mat-turn: 2.35; }
  50%  { --pv-mat-d: calc(var(--pv-mat-roll) * 1);     --pv-mat-turn: 2.67; }
  55%  { --pv-mat-d: calc(var(--pv-mat-roll) * 0.951); --pv-mat-turn: 2.99; }
  60%  { --pv-mat-d: calc(var(--pv-mat-roll) * 0.899); --pv-mat-turn: 3.34; }
  65%  { --pv-mat-d: calc(var(--pv-mat-roll) * 0.844); --pv-mat-turn: 3.71; }
  70%  { --pv-mat-d: calc(var(--pv-mat-roll) * 0.785); --pv-mat-turn: 4.1; }
  75%  { --pv-mat-d: calc(var(--pv-mat-roll) * 0.721); --pv-mat-turn: 4.53; }
  80%  { --pv-mat-d: calc(var(--pv-mat-roll) * 0.651); --pv-mat-turn: 4.99; }
  85%  { --pv-mat-d: calc(var(--pv-mat-roll) * 0.573); --pv-mat-turn: 5.52; }
  90%  { --pv-mat-d: calc(var(--pv-mat-roll) * 0.482); --pv-mat-turn: 6.12; }
  95%  { --pv-mat-d: calc(var(--pv-mat-roll) * 0.369); --pv-mat-turn: 6.87; }
  100% { --pv-mat-d: calc(var(--pv-mat-roll) * 0.2);   --pv-mat-turn: 8; }
}
@keyframes pv-mat-fade { from { opacity: 1; } to { opacity: 0; } }
@keyframes pv-mat-step { from { opacity: 0; translate: 0 0.6rem; } }
@keyframes pv-mat-dot  { from { opacity: 0; scale: 0.4; } }

.pv-list--logos .pv-wrap { overflow: hidden; }
.pv-list--logos .pv-items {
  display: flex;
  width: max-content;
  gap: 2.4rem;
  animation: pv-marquee 34s linear infinite;
}
.pv-list--logos .pv-item { flex: none; width: 8rem; }
.pv-list--logos .pv-items:hover, .pv-list--logos .pv-items:focus-within { animation-play-state: paused; }
@keyframes pv-marquee { to { translate: calc(-50% - 1.2rem) 0; } }
@media (prefers-reduced-motion: reduce) {
  .pv-list--logos .pv-items {
    animation: none;
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.pv-list--logos .pv-item__media {
  aspect-ratio: 2 / 1;
  border: 0;
  background: none;
}
.pv-list--logos .pv-item__media img {
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.62;
  transition: opacity 0.25s var(--ease), filter 0.25s var(--ease);
}
.pv-list--logos .pv-item:hover .pv-item__media img, .pv-list--logos .pv-item:has(:focus-visible) .pv-item__media img { filter: none; opacity: 1; }

.pv-list--rating .pv-items { grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
.pv-list--rating .pv-item__body { align-items: var(--pv-items); }
.pv-list--rating .pv-item h3 {
  font-family: var(--pv-font-head);
  font-size: calc(clamp(1.7rem, 6cqi, 2.6rem) * var(--pv-fs));
  line-height: 1;
  font-variant-numeric: lining-nums tabular-nums;
  color: var(--pv-primary);
}
.pv-list--rating .pv-item p { font-size: calc(0.82rem * var(--pv-fs)); }
.pv-stars {
  position: relative;
  display: block;
  width: max-content;
  font-size: calc(1rem * var(--pv-fs));
  letter-spacing: 0.12em;
  line-height: 1;
  color: var(--pv-line);
}
.pv-stars::before { content: "★★★★★"; }
.pv-stars::after {
  content: "★★★★★";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: var(--v, 100%);
  overflow: hidden;
  white-space: nowrap;
  color: var(--pv-primary);
}

@container (min-width: 30rem) {
  .pv-list--stats .pv-items { grid-template-columns: repeat(min(var(--pv-cols), 4), 1fr); }
}

.pv-top {
  --pv-top-size: 2.75rem;
  --pv-top-gap: clamp(0.9rem, 3cqi, 1.5rem);
  position: sticky;

  z-index: 2;
  inset-block-end: var(--pv-top-gap);
  margin-block-start: calc(-1 * var(--pv-top-size));
  margin-inline: auto var(--pv-top-gap);
  display: grid;
  place-items: center;
  width: var(--pv-top-size);
  height: var(--pv-top-size);
  padding: 0;
  border: 0;
  border-radius: min(var(--pv-radius), calc(var(--pv-top-size) / 2));
  background: var(--pv-primary);
  color: var(--pv-on-primary);
  cursor: pointer;
  box-shadow: 0 10px 26px -12px rgba(0, 0, 0, 0.7);


  opacity: 0;
  visibility: hidden;
  translate: 0 0.5rem;
  transition: opacity 0.2s var(--ease), translate 0.2s var(--ease), visibility 0.2s;
}
.pv-top.is-on { opacity: 1; visibility: visible; translate: none; }
.pv:has(.pv-cta-bar.is-on) .pv-top { inset-block-end: calc(var(--pv-top-gap) + 4.4rem); }
.pv-top svg { width: 55%; height: 55%; }
.pv-top:hover, .pv-top:focus-visible { filter: brightness(1.08); }
.pv-top:focus-visible { outline: 2px solid var(--pv-text); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .pv-top { transition: none; }
}

.pv-cta-bar {
  position: sticky;
  z-index: 2;
  inset-block-end: 0;
  display: flex;
  justify-content: center;
  gap: 0.6rem;
  padding: 0.7rem clamp(0.9rem, 4cqi, 1.5rem) calc(0.7rem + env(safe-area-inset-bottom, 0px));
  border-block-start: 1px solid var(--pv-line);
  background: color-mix(in srgb, var(--pv-bg) 90%, transparent);
  backdrop-filter: blur(12px);
  opacity: 0;
  visibility: hidden;
  translate: 0 100%;
  transition: opacity 0.2s var(--ease), translate 0.25s var(--ease), visibility 0.25s;
}
.pv-cta-bar.is-on { opacity: 1; visibility: visible; translate: none; }
.pv-cta-bar .pv-btn { flex: 1 1 auto; max-width: 24rem; justify-content: center; }


@container (min-width: 44rem) {
  .pv-cta-bar { display: none; }
  .pv:has(.pv-cta-bar.is-on) .pv-top { inset-block-end: var(--pv-top-gap); }
}
@media (prefers-reduced-motion: reduce) {
  .pv-cta-bar { transition: none; }
}

.viewport--watermark-container {
  position: relative;
  container-type: inline-size;
}

.pv-watermark {
  --wm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='190' viewBox='0 0 300 190'%3E%3Ctext x='150' y='104' fill='white' font-family='Arial,Helvetica,sans-serif' font-size='34' font-weight='700' letter-spacing='6' text-anchor='middle' transform='rotate(-30 150 95)'%3EDILAWEB%3C/text%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  user-select: none;
  background: #FFFFFF;
  -webkit-mask: var(--wm) 0 0 / 300px 190px repeat;
  mask: var(--wm) 0 0 / 300px 190px repeat;
  opacity: 0.035;
  font-size: 0;
  display: none;
}
.viewport:has(.pv[data-mode="light"]) .pv-watermark {
  background: #0B0D10;
  opacity: 0.028;
}
/* <<< SYNC:PV <<< */

.pv {
  flex: none;
  min-height: 100dvh;
  overflow: visible;
  display: flex;
  flex-direction: column;
}
.pv-main { flex: 1; }

.dlg {
  width: min(26rem, calc(100vw - 2rem));
  padding: 1.5rem;
  border: var(--pv-box-line);
  border-radius: var(--pv-radius);
  background: var(--pv-surface);
  color: var(--pv-text);
  font-family: var(--pv-font);
}
.dlg::backdrop { background: rgba(0, 0, 0, 0.6); }
.dlg form { display: flex; flex-direction: column; gap: 0.7rem; margin-top: 0.9rem; }
.dlg__links { display: flex; flex-wrap: wrap; gap: 0.9rem; margin-top: 0.7rem; font-size: 0.82rem; }
.dlg__links button { border: 0; background: none; padding: 0; font: inherit; text-decoration: underline; cursor: pointer; }
.lv-msg { min-height: 1.4rem; font-size: 0.85rem; font-weight: 600; color: var(--pv-primary); }

.pv-nav__cta { display: inline-flex; font-size: 0.72rem; padding: 0.55rem 0.7rem; }
.pv-header__end { gap: 0.4rem; }

@container (min-width: 30rem) {
  .pv-nav__cta { font-size: 0.78rem; padding: 0.6rem 0.9rem; }
  .pv-header__end { gap: 0.5rem; }
}
@container (min-width: 44rem) {
  .pv-nav__cta { font-size: 0.85rem; padding: 0.45rem 1rem; }
  .pv-header__end { gap: 0.8rem; }
}


.pv-legal { max-width: 44rem; }
.pv-legal h2 {
  margin: 2.2rem 0 0.8rem;
  font-size: calc(clamp(1.15rem, 3cqi, 1.45rem) * var(--pv-h-scale));
}
.pv-legal h3 { margin: 1.5rem 0 0.5rem; font-size: 1rem; }
.pv-legal p { margin: 0 0 0.9rem; line-height: 1.7; }
.pv-legal ul { margin: 0 0 1.1rem; padding-inline-start: 1.25rem; list-style: disc; }
.pv-legal li { margin-bottom: 0.4rem; line-height: 1.7; }
.pv-legal a { color: var(--pv-primary); }
.pv-legal__updated { font-size: 0.85rem; }

.pv-legal__facts { display: grid; gap: 0.75rem 1.5rem; margin: 0 0 1.6rem; }
.pv-legal__facts > div { display: flex; flex-direction: column; gap: 0.15rem; }
.pv-legal__facts dt { font-size: 0.78rem; color: var(--pv-muted); }
.pv-legal__facts dd { margin: 0; font-weight: 600; }

@container (min-width: 34rem) {
  .pv-legal__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.pv-footer__links { display: flex; flex-wrap: wrap; gap: 0.4rem 1rem; }
.pv-footer__links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: inherit;
}
.pv-footer__links a:hover, .pv-footer__links a:focus-visible { color: var(--pv-primary); }

.pv-credit { flex: 1 0 100%; display: flex; justify-content: center; font-size: 0.9em; }
.pv-credit a {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  min-height: 44px;
  color: inherit;
  letter-spacing: 0.02em;
}
.pv-credit svg { width: 1.5em; height: auto; flex: none; }
.pv-credit a:hover, .pv-credit a:focus-visible { color: var(--pv-primary); }


.pv-err { display: flex; flex-direction: column; align-items: center; text-align: center; }
.pv-err__code {
  font-family: var(--pv-font-head);
  font-weight: 800;
  font-size: clamp(5.5rem, 24vw, 11rem);
  line-height: 0.85;
  letter-spacing: -0.04em;
  margin: 0 0 clamp(0.75rem, 3vw, 1.4rem);


  background: linear-gradient(178deg,
              var(--pv-primary) 0%, var(--pv-primary) 42%, transparent 106%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.pv-err .pv-head { align-items: center; }
.pv-err .pv-muted { max-width: 30rem; }

.pv[data-fs="lg"], .pv [data-fs="lg"] { --pv-fs: 1.08; }

@container (min-width: 52rem) {
  .pv[data-sec-head="side"] .pv-section[data-stripe="1"] > .pv-wrap:has(> .pv-head) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 15rem);
  }
  .pv[data-sec-head="side"] .pv-section[data-stripe="1"] > .pv-wrap > .pv-head { grid-column: 2; grid-row: 1 / span 12; }
  .pv[data-sec-head="side"] .pv-section[data-stripe="1"] > .pv-wrap:has(> .pv-head) > :not(.pv-head) { grid-column: 1; }


  .pv[data-sec-head="side"] .pv-wrap:not(:has(> .pv-head)) > * { grid-column: auto; }
}

@container (min-width: 46rem) {
  .pv[data-sig="mat"] .pv-list--process .pv-item { align-content: start; }
}

.pv .pv-section.pv-contact .pv-contact__list {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0.3rem clamp(1rem, 4cqi, 1.8rem);
  border: 0;
  border-radius: var(--sz-leaf) 0;
  background: var(--sz-box);
  box-shadow: var(--sz-shadow);
}
.pv .pv-section.pv-contact .pv-contact__list li {
  position: relative;
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  column-gap: 1rem;
  align-items: center;
  justify-items: start;
  min-height: 3.5rem;
  padding: 1rem 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: radial-gradient(circle at 1.375rem 50%, color-mix(in srgb, var(--pv-primary) 15%, var(--sz-box)) 1.375rem, transparent calc(1.375rem + 1px)) no-repeat;
}
.pv .pv-section.pv-contact .pv-contact__list li + li { border-top: 1px solid var(--pv-line); }
.pv .pv-section.pv-contact .pv-contact__list li > * { grid-column: 2; }
.pv .pv-section.pv-contact .pv-contact__list li::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 2;
  justify-self: center;
  width: 1.2rem;
  aspect-ratio: 1;
  background: var(--pv-primary);
  -webkit-mask: var(--szandi-ico) center / contain no-repeat;
  mask: var(--szandi-ico) center / contain no-repeat;
}
.pv .pv-section.pv-contact .pv-contact__list li:nth-child(1) { --szandi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5h16v11H4z'/%3E%3Cpath d='M4.5 7l7.5 6 7.5-6'/%3E%3C/svg%3E"); }
.pv .pv-section.pv-contact .pv-contact__list li:nth-child(2) { --szandi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3.5l1.5 4-2 1.5a11 11 0 0 0 5.5 5.5l1.5-2 4 1.5V18a2 2 0 0 1-2 2A15 15 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E"); }
.pv .pv-section.pv-contact .pv-contact__list li:nth-child(3) { --szandi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='17.4' cy='6.6' r='0.8' fill='%23000'/%3E%3C/svg%3E"); }
.pv .pv-section.pv-contact .pv-contact__list span { font-size: calc(0.7rem * var(--pv-fs)); }
.pv .pv-section.pv-contact .pv-contact__list :is(strong, a) { font-size: calc(1.05rem * var(--pv-fs)); font-weight: 500; line-height: 1.4; }



.pv .pv-contact .pv-head > .sz-week { margin-top: 1.4rem; }
.pv .sz-addr {
  position: relative;
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  column-gap: 1rem;
  align-items: center;
  margin: 1rem 0 0;
  max-width: none;
  padding: 0.6rem 0;
  text-align: start;
}
.pv .sz-addr > * { grid-column: 2; }
.pv .sz-addr::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 2;
  justify-self: center;
  width: 1.2rem;
  aspect-ratio: 1;
  background: var(--sz-head);
  -webkit-mask: var(--szandi-ico) center / contain no-repeat;
  mask: var(--szandi-ico) center / contain no-repeat;
  --szandi-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Cpath d='M12 12.6a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2z'/%3E%3C/svg%3E");
}
.pv .sz-addr span { font-size: calc(0.7rem * var(--pv-fs)); letter-spacing: 0.08em; text-transform: uppercase; color: var(--sz-detail); }
.pv .sz-addr a { font-weight: 500; line-height: 1.4; color: var(--sz-head); text-decoration: underline; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); text-underline-offset: 0.2em; }
.pv .sz-addr a::after { content: ""; position: absolute; inset: 0; }
.pv .pv-about { overflow-x: clip; }


.pv .pv-section .pv-head { align-items: center; text-align: center; }
.pv .pv-section :is(.pv-head, .pv-about__copy) > .pv-eyebrow {
  display: grid;
  justify-content: center;
  justify-items: center;
  gap: 0.9rem;
  margin: 0;
  font-size: calc(clamp(0.82rem, 2.6cqi, 1.05rem) * var(--pv-fs));
  font-weight: 600;
  letter-spacing: clamp(0.2em, 0.6cqi, 0.32em);
  color: var(--sz-head);
}
.pv .pv-section .pv-about__copy > h2 { text-align: center; }
.pv .pv-section :is(.pv-head, .pv-about__copy) > .pv-eyebrow::before,
.pv .pv-section[data-sec="rolam"] .pv-head::before {
  content: "";
  width: 6.5rem;
  height: 1.2rem;
  background: currentColor;
  opacity: 0.55;
  --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22'%3E%3Cg fill='%23000'%3E%3Cpath d='M60 3c4 5 9 6 9 8s-5 3-9 8c-4-5-9-6-9-8s5-3 9-8z'/%3E%3Cpath d='M46 10.2c-8 0-13-4-19-4-5 0-8 2-8 4s3 4 8 4c6 0 11-4 19-4zm-19 5.6c-3 0-5-.7-5-1.6s2-1.6 5-1.6 6 1 9 1.6c-3 .6-6 1.6-9 1.6z'/%3E%3Cpath d='M74 10.2c8 0 13-4 19-4 5 0 8 2 8 4s-3 4-8 4c-6 0-11-4-19-4zm19 5.6c3 0 5-.7 5-1.6s-2-1.6-5-1.6-6 1-9 1.6c3 .6 6 1.6 9 1.6z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask: var(--m) center / contain no-repeat;
  mask: var(--m) center / contain no-repeat;
}
.pv .pv-section :is(.pv-head, .pv-about__copy) > .pv-eyebrow .pv-dot { display: none; }
.pv .pv-section[data-sec="rolam"] .pv-head::before { margin-bottom: 0.4rem; }



.pv .pv-section {
  --sz-orn: clamp(1.75rem, 5cqi, 3rem);
  --sz-arc: 0px;
  --sz-gap: clamp(1.8rem, 5cqi, 2.8rem);
}
.pv[data-divider="arc"]:not([data-band="none"]) .pv-section { --sz-arc: calc(clamp(1.6rem, 4cqi, 3.2rem) * 0.69); }
.pv .pv-section[data-stripe] { padding-block: calc(var(--sz-orn) + var(--sz-arc)); }
.pv .pv-section[data-stripe="1"] { padding-block: calc(var(--sz-orn) - var(--sz-arc)); }
.pv .pv-section[data-stripe].is-last { padding-bottom: var(--sz-orn); }
.pv .pv-section .pv-head { margin-bottom: var(--sz-gap); }
.pv .pv-section.pv-contact > .pv-wrap > .pv-head { display: contents; }
.pv .pv-section.pv-contact .pv-head > :is(.pv-eyebrow, h2) { justify-self: center; text-align: center; }
.pv .pv-section.pv-contact .pv-head > h2 {
  max-width: 34rem;
  margin: 0.4rem auto clamp(0.6rem, 2cqi, 1.4rem);
  font-size: calc(clamp(1.5rem, 5cqi, 2.2rem) * var(--pv-fs));
  line-height: 1.15;
  text-wrap: balance;
}
.pv .pv-section.pv-contact .pv-head > .sz-week { margin-top: 0; }
@container (min-width: 60rem) {
  .pv[data-sec-head] .pv-section.pv-contact[data-stripe] > .pv-wrap:has(> .pv-head) {
    display: grid;
    gap: 0 clamp(1.6rem, 4cqi, 3.6rem);
    grid-template-columns: minmax(0, 1fr) minmax(0, 21rem);
    align-items: start;
  }
  .pv[data-sec-head] .pv-section.pv-contact[data-stripe] > .pv-wrap:has(> .pv-head) > .pv-head > .pv-eyebrow { grid-column: 1 / -1; grid-row: 1; }
  .pv[data-sec-head] .pv-section.pv-contact[data-stripe] > .pv-wrap:has(> .pv-head) > .pv-head > h2 { grid-column: 1 / -1; grid-row: 2; }
  .pv[data-sec-head] .pv-section.pv-contact[data-stripe] > .pv-wrap:has(> .pv-head) > .pv-head > .sz-week { grid-column: 2; grid-row: 3; }
  .pv[data-sec-head] .pv-section.pv-contact[data-stripe] > .pv-wrap:has(> .pv-head) > .pv-head > .sz-addr { grid-column: 2; grid-row: 4; }
  .pv[data-sec-head] .pv-section.pv-contact[data-stripe] > .pv-wrap:has(> .pv-head) > .pv-contact__list { grid-column: 1; grid-row: 3 / span 2; }
}

.pv .pv-section.pv-contact .pv-contact__list a::after { content: ""; position: absolute; inset: 0; }

.pv :is(.pv-hero, .pv-section[data-sec="stats"], .pv-section[data-sec="about"], .pv-section[data-sec="services"]) {
  --pv-pad-y: calc(clamp(2rem, 5cqi, 3.4rem) * var(--pv-space));
}

.pv[data-mode] {
  --sz-ink:       #33401F;
  --sz-detail:    #3F4A35;
  --sz-head:      #33401F;
  --sz-sub:       #5E6E48;
  --sz-box:       #F8F9F4;
  --sz-box-warm:  #F1F2EB;
  --sz-btn:       #650909;
  --sz-btn-ink:   #FFFFFF;
  --sz-hover:     #556B2F;
  --sz-hover-ink: #FFFFFF;
  --sz-foot-bg:   #33401F;
  --sz-foot:      #C9CFBB;
  --sz-band:      #B8BFA8;
  --sz-sage:      #9BA685;
  --sz-accent:    #650909;
  --pv-candle-wax:  #F5F6F0;
  --pv-candle-dish: #556B2F;

  --pv-muted:  var(--sz-detail);
  --pv-line:   color-mix(in srgb, var(--sz-head) 16%, var(--pv-bg));
  --pv-box-bg: var(--sz-box);
  --pv-band:   var(--sz-band);
}
.pv[data-mode="dark"] {
  --sz-detail:    #CDD4C0;
  --sz-head:      #D9E0C9;
  --sz-sub:       #B4BEA2;

  --sz-box:       #2C3525;
  --sz-box-warm:  #303A28;
  --sz-shadow:    0 22px 44px -26px #000;
  --sz-btn:       #C46A6A;
  --sz-btn-ink:   #141414;
  --sz-hover:     #A7B58C;
  --sz-hover-ink: #141414;
  --sz-foot-bg:   #12160F;
  --sz-band:      color-mix(in srgb, #A7B58C 7%, var(--pv-bg));
  --sz-accent:    #C46A6A;
  --pv-candle-wax:  #D9E0C9;
}

.pv[data-mode] { --sz-leaf: 1.1rem; }

.pv[data-mode] :is(.pv-btn, .pv-nav__cta, .sz-plan__btn, .bk-btn, .pv-top) { border-radius: calc(var(--sz-leaf) * 0.7) 0; }
.pv[data-mode] :is(.sz-week, .pv-about__copy, .pv-contact__list li) {
  border-radius: var(--sz-leaf) 0;
}

.pv[data-mode] :focus-visible { outline-color: var(--pv-text); }

.pv :is(h1, h2),
.pv .pv-section:not(.pv-list--process) h3,
.pv .pv-faq summary,
.pv .pv-price__name { color: var(--sz-head); }
.pv .pv-eyebrow { color: var(--sz-detail); }
.pv :is(.pv-price__name, .pv-price__tag) small { color: var(--sz-sub); }
.pv :is(.pv-map__link, .pv-legal) a { color: var(--pv-text); text-decoration: underline; text-underline-offset: 0.2em; }
.pv .pv-legal a.pv-page__back { color: var(--pv-muted); text-decoration: none; }
.pv .pv-legal a.pv-page__back:is(:hover, :focus-visible, :active) { color: var(--pv-primary); }

.pv .pv-section[data-sec="services"] .pv-item__body,
.pv .pv-section[data-sec="about"] .pv-about__copy {
  padding: clamp(1.1rem, 4cqi, 1.8rem);
  border-radius: calc(var(--pv-radius) * 1.1);
  border: 0;
  background: var(--sz-box);
  box-shadow: var(--sz-shadow);
}
.pv .pv-section[data-sec="services"] .pv-item__body { background: var(--sz-box-warm); }

.pv .pv-section[data-sec="services"] {
  --sz-wave: 1.8rem;
  --sz-wave-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0V70C250 100 450 20 700 45S1050 95 1200 55V0Z'/%3E%3C/svg%3E");
  --sz-media-ratio: 1;
}
.pv .pv-section[data-sec="services"] .pv-items { grid-template-columns: minmax(0, 1fr); gap: clamp(1.6rem, 4cqi, 2rem); }
.pv .pv-section[data-sec="services"] .pv-item,
.pv .pv-section[data-sec="services"] .pv-item:nth-child(even) { position: relative; flex-direction: column; align-items: stretch; gap: 0; }
.pv .pv-section[data-sec="services"] .pv-item__media {
  flex: none;
  position: relative;
  z-index: 1;
  aspect-ratio: var(--sz-media-ratio);
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-mask: linear-gradient(#000 0 0) top / 100% calc(100% - var(--sz-wave) + 2px) no-repeat, var(--sz-wave-fill) bottom / 100% var(--sz-wave) no-repeat;
  mask: linear-gradient(#000 0 0) top / 100% calc(100% - var(--sz-wave) + 2px) no-repeat, var(--sz-wave-fill) bottom / 100% var(--sz-wave) no-repeat;
}
.pv .pv-section[data-sec="services"] .pv-item__body {
  flex: 1;
  gap: 0.5rem;
  margin-top: calc(-1 * var(--sz-wave));
  padding-top: calc(var(--sz-wave) + 1rem);
  border-top: 0;
  border-radius: 0 0 calc(var(--pv-radius) * 1.1) calc(var(--pv-radius) * 1.1);
}
.pv .pv-section[data-sec="services"] .sz-meta {
  font-size: calc(0.7rem * var(--pv-fs));
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sz-sub);
}
@container (min-width: 52rem) {
  .pv .pv-section[data-sec="services"] .pv-items { grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr) minmax(0, 1fr); align-items: center; }
  .pv .pv-section[data-sec="services"] .pv-item:first-child { order: 1; }
  .pv .pv-section[data-sec="services"] .pv-item:nth-child(n + 3) { order: 2; }
  .pv .pv-section[data-sec="services"] { --sz-media-ratio: 4 / 5; }
  .pv[data-sec-head] .pv-section[data-sec="services"] > .pv-wrap:has(> .pv-head) { grid-template-columns: minmax(0, 1fr); }
  .pv[data-sec-head] .pv-section[data-sec="services"] > .pv-wrap > :is(.pv-head, .pv-items) { grid-column: 1; grid-row: auto; }
  .pv[data-sec-head] .pv-section[data-sec="services"] > .pv-wrap > .pv-head { position: static; margin-bottom: 1.8rem; }
}

.pv .pv-btn--primary,
.pv .pv-nav__cta {
  background: var(--sz-btn);
  color: var(--sz-btn-ink);
  box-shadow: 0 14px 30px -18px var(--sz-btn);
  transition: transform 0.2s var(--ease), background-color 0.2s var(--ease), color 0.2s var(--ease);
}
.pv .pv-btn--ghost { background: transparent; color: var(--sz-head); border-color: color-mix(in srgb, var(--sz-head) 35%, transparent); }
.pv :is(.pv-mode, .pv-burger) { background: transparent; }
.pv :is(.pv-btn, .pv-nav__cta, .pv-mode, .pv-burger, .pv-top):focus-visible {
  background: var(--sz-hover);
  color: var(--sz-hover-ink);
  filter: none;
}

@media (hover: hover) {
  .pv :is(.pv-btn, .pv-nav__cta, .pv-mode, .pv-burger, .pv-top):hover {
    background: var(--sz-hover);
    color: var(--sz-hover-ink);
    filter: none;
  }
}

.pv[data-mode] {
  --sz-bar:      var(--sz-box);
  --sz-bar-ink:  var(--sz-ink);
  --sz-bar-edge: var(--pv-primary);
}
.pv[data-mode="dark"] { --sz-bar: #20271B; --sz-bar-ink: var(--pv-text); }
.pv[data-mode][data-nav-pos]:not([data-nav-bg="tint"]) .pv-header {
  --pv-nav-muted: color-mix(in srgb, var(--sz-bar-ink) 78%, var(--sz-bar));
  --pv-nav-ink: var(--sz-bar-ink);
  --pv-nav-accent: var(--sz-bar-edge);
  padding-block: 0.35rem;
  background: var(--sz-bar);
  border-bottom: 1px solid var(--pv-line);
  color: var(--sz-bar-ink);
}
.pv[data-mode] .pv-header.is-scrolled { box-shadow: 0 10px 24px -18px rgba(20, 20, 20, 0.6); }
.pv[data-mode] .pv-header :focus-visible { outline-color: var(--sz-bar-edge); }



.pv[data-mode] .pv-brand img { width: auto; height: clamp(3.4rem, 2.6rem + 1.6vw, 4.2rem); }
.pv[data-mode="dark"] .pv-brand img { filter: brightness(0) invert(0.92); }
.pv[data-mode] .pv-brand img[src^="data:"] { display: none; }
.pv[data-mode] .pv-brand img:not([src^="data:"]) + span { display: none; }
.pv[data-mode] .pv-brand {
  color: var(--sz-bar-ink);
  font-weight: 400;
  font-size: calc(1.3rem * var(--pv-fs));
  letter-spacing: 0;
}
.pv[data-mode] .pv-brand span { white-space: normal; line-height: 1.05; }

.pv[data-mode] .pv-brand span { padding-bottom: 0.2em; margin-bottom: -0.2em; }
.pv[data-mode] .pv-brand small {
  display: none;
  white-space: nowrap;
  margin-top: 0.3rem;
  font-family: var(--pv-font);
  font-size: 0.56em;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sz-bar-edge);
}
@media (min-width: 30rem) {
  .pv[data-mode] .pv-brand { font-size: calc(1.5rem * var(--pv-fs)); }
  .pv[data-mode] .pv-brand span { white-space: nowrap; }
  .pv[data-mode] .pv-brand small { display: block; }
}
.pv[data-mode] .pv-nav { column-gap: 1.4rem; }
.pv[data-mode] .pv-nav__top {
  font-size: calc(0.88rem * var(--pv-fs));
  font-weight: 600;
  transition: color 0.2s var(--ease);
}
.pv[data-mode] .pv-nav__top[aria-current] {
  color: var(--pv-nav-ink);
  text-decoration: underline 2px var(--pv-nav-accent);
  text-underline-offset: 0.55em;
}
.pv[data-mode] .pv-nav__item:is(:hover, :has(:focus-visible)) .pv-nav__top { color: var(--sz-bar-edge); }
.pv[data-mode] .pv-header :is(.pv-mode, .pv-burger) { border-color: transparent; background: transparent; color: inherit; }
.pv[data-mode] .pv-header :is(.pv-mode, .pv-burger):is(:hover, :focus-visible) { background: transparent; border-color: transparent; color: var(--sz-bar-edge); }
.pv[data-mode] .pv-burger .icon, .pv[data-mode] .pv-burger svg { width: 1.5rem; height: 1.5rem; }
.pv[data-mode] .pv-header .pv-nav__cta { font-weight: 600; box-shadow: none; }
@media (min-width: 44rem) {
  .pv[data-mode] .pv-header .pv-nav__cta { font-size: calc(0.8rem * var(--pv-fs)); padding: 0.5rem 0.95rem; }
}

@container (min-width: 44rem) {
  .pv[data-mode] .pv-nav:not(.is-open) { display: none; }
  .pv[data-mode] .pv-burger:not([hidden]) { display: grid; }
}
@container (min-width: 64rem) {
  .pv[data-mode] .pv-nav:not(.is-open) { display: flex; }
  .pv[data-mode] .pv-burger:not([hidden]) { display: none; }
}
.pv[data-mode] .pv-nav.is-open {
  --pv-nav-ink: var(--sz-bar-ink);
  --pv-nav-accent: var(--sz-bar-edge);
  inset-inline: 0;
  margin-top: 1px;
  padding: 0.5rem clamp(1.1rem, 5cqi, 3.5rem) 1.2rem;
  border: 0;
  border-radius: 0;
  background: var(--sz-bar);
}
.pv[data-mode] .pv-nav.is-open .pv-nav__top {
  padding-inline: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--sz-bar-ink) 18%, transparent);
  border-radius: 0;
  color: var(--sz-bar-ink);
  font-family: var(--pv-font-head);
  font-size: calc(1.45rem * var(--pv-fs));
  font-weight: 400;
}

.pv .pv-footer { border-top: 0; background: var(--sz-foot-bg); color: var(--sz-foot); }
.pv :is(.pv-footer__links a, .pv-credit a):is(:hover, :focus-visible) { color: #F5F6F0; text-decoration: underline; text-underline-offset: 0.2em; }
.pv .pv-footer :focus-visible { outline-color: #F5F6F0; }

.pv .sz-collage { position: relative; z-index: 2; display: flex; flex-direction: column; }
.pv .sz-collage > .pv-about__media { flex: none; width: 80%; height: auto; align-self: center; margin-top: 1.5rem; }
[data-layout="split"] .sz-collage { order: 1; }

.pv .sz-collage::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -4.5rem;
  right: -0.5rem;
  width: 62%;
  aspect-ratio: 1;
  background: var(--sz-sage, var(--pv-primary));
  opacity: 0.4;
  -webkit-mask: var(--sv-lotus) center / contain no-repeat;
  mask: var(--sv-lotus) center / contain no-repeat;
  pointer-events: none;
}

.pv .sz-week {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.7rem;
  margin: 1rem 0 0;
  padding: 1.1rem 1.2rem 1.2rem;
  border-radius: calc(var(--pv-radius) * 0.9);
  background: var(--sz-box-warm);
  color: var(--pv-text);
  border: 0;
  box-shadow: var(--sz-shadow);
  text-align: start;
}

.pv .sz-week__days { display: flex; justify-content: space-between; gap: 0.25rem; margin: 0; padding: 0; list-style: none; }
.pv .sz-week__days li {
  display: grid;
  place-items: center;
  position: relative;
  width: 2rem;
  aspect-ratio: 1;
  border: 1px solid var(--pv-line);
  border-radius: 50%;
  font-size: calc(0.72rem * var(--pv-fs));
  font-weight: 500;
  color: var(--sz-detail);
}
.pv .sz-week__days li.is-on { border-color: var(--sz-accent); background: var(--sz-accent); color: #FFFFFF; font-weight: 700; }
.pv .sz-week__days small {
  position: absolute;
  top: calc(100% + 0.2rem);
  font-size: calc(0.62rem * var(--pv-fs));
  font-weight: 700;
  color: var(--sz-accent);
  white-space: nowrap;
}
.pv .sz-week__when { margin-top: 0.9rem; font-size: calc(0.8rem * var(--pv-fs)); line-height: 1.45; color: var(--sz-detail); }
.pv .sz-week__when b {
  display: block;
  font-family: var(--pv-font-head);
  font-weight: 400;
  font-size: calc(1.3rem * var(--pv-fs));
  color: var(--sz-head);
}
.pv .sz-week__rest { font-size: calc(0.78rem * var(--pv-fs)); line-height: 1.45; color: var(--sz-detail); }
.pv .sz-week .pv-btn { justify-self: start; }

.pv .pv-about__copy .sz-count {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem clamp(1rem, 3cqi, 1.8rem);
  max-width: none;
  align-self: stretch;
  margin-top: 0.4rem;
  padding-top: 1rem;
  border-top: 1px solid var(--pv-line);
  white-space: normal;
  color: var(--sz-detail);
}
.pv .sz-count span { display: grid; font-size: calc(0.72rem * var(--pv-fs)); letter-spacing: 0.08em; line-height: 1.3; }
.pv .sz-count b {
  font-family: var(--pv-font-head);
  font-weight: 400;
  font-size: calc(clamp(1.5rem, 3.2cqi, 2rem) * var(--pv-fs));
  letter-spacing: 0;
  color: var(--sz-head);
}

.pv .pv-section:has(> .sz-breath) > .pv-wrap { position: relative; z-index: 1; }
.pv .sz-breath {
  position: absolute;
  inset-inline: 0;

  --sz-h: clamp(3.5rem, 12cqi, 9rem);
  top: clamp(3.5rem, calc(var(--sz-y, 58%) - var(--sz-h) / 2), calc(100% - var(--sz-h) - 3.5rem));
  width: 100%;
  height: var(--sz-h);
  overflow: visible;
  pointer-events: none;
  fill: none;
  stroke: var(--pv-primary);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  opacity: 0.35;
  scale: var(--sz-flip, 1) 1;
  transform-origin: 50% 50%;
  animation: sz-breathe 8s ease-in-out infinite;
}
.pv .sz-breath path { vector-effect: non-scaling-stroke; }

@container (min-width: 52rem) {
  .pv .pv-section[data-sec="about"] .pv-about__inner {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: clamp(2.5rem, 6cqi, 5rem);
    position: relative;
    z-index: 1;
  }
  .pv .sz-collage { width: min(100%, 23rem); justify-self: center; }
  .pv .sz-collage::before { right: -5rem; }

  .pv .sz-breath { stroke-width: 2.6; opacity: 0.55; }
}
@keyframes sz-breathe {
  0%, 100% { transform: scaleY(0.35); }
  50%      { transform: scaleY(1); }
}
@media (prefers-reduced-motion: reduce) {
  .pv .sz-breath { animation: none; transform: scaleY(0.7); }
}


.pv[data-bg-art="candle"] .pv-bg { opacity: 1; }
.pv[data-bg-art="candle"] .pv-bg i:is(:nth-child(1), :nth-child(3)) { display: none; }

.pv[data-bg-art="candle"] .pv-bg i:nth-child(2) { top: 32%; }


.pv[data-bg-art="candle"] .pv-bg i:nth-child(2) {
  --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 56'%3E%3Cellipse cx='0' cy='3' rx='30' ry='2.4' opacity='.3'/%3E%3Cg fill-opacity='.2' stroke='%23000' stroke-width='.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath transform='rotate(-53)' d='M0 0C-9-8-10-22 0-32C10-22 9-8 0 0ZM0-4V-27'/%3E%3Cpath transform='rotate(53)' d='M0 0C-9-8-10-22 0-32C10-22 9-8 0 0ZM0-4V-27'/%3E%3Cpath transform='rotate(-32)' d='M0 0C-11-10-12-27 0-39C12-27 11-10 0 0ZM0-4V-33'/%3E%3Cpath transform='rotate(32)' d='M0 0C-11-10-12-27 0-39C12-27 11-10 0 0ZM0-4V-33'/%3E%3Cpath transform='rotate(-14)' d='M0 0C-12-11-13-30 0-43C13-30 12-11 0 0ZM0-4V-37'/%3E%3Cpath transform='rotate(14)' d='M0 0C-12-11-13-30 0-43C13-30 12-11 0 0ZM0-4V-37'/%3E%3Cpath d='M0 0C-13-12-13-32 0-46C13-32 13-12 0 0ZM0-4V-40'/%3E%3C/g%3E%3C/svg%3E");
  background: linear-gradient(200deg, var(--sz-sage), color-mix(in srgb, var(--sz-sage) 55%, transparent) 90%);
  opacity: 0.45;
}
.pv[data-bg-art="candle"][data-bg-motion][data-mode="dark"] .pv-bg i:nth-child(2) { opacity: 0.28; }
.pv[data-bg-art="candle"][data-bg-motion] .pv-bg::before,
.pv[data-bg-art="candle"][data-bg-motion] .pv-bg::after { content: none; }

.pv .pv-head:has(> .sz-lotus) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 0.5rem;
  align-items: center;
}
.pv .pv-head:has(> .sz-lotus) > :not(.sz-lotus) { grid-column: 1; }
.pv .sz-lotus {
  grid-column: 2;
  grid-row: 1 / span 3;
  width: clamp(5.5rem, 26cqi, 7.5rem);
  height: auto;
  overflow: visible;
  color: var(--sz-accent);
}
@container (min-width: 52rem) {
  .pv[data-sec-head="side"] .pv-section[data-stripe="1"] > .pv-wrap:has(> .pv-head > .sz-lotus) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 21rem);
  }
  .pv .sz-lotus { width: clamp(7rem, 10cqi, 8.5rem); }
}
.pv .pv-hero__copy h1 .pv-emph { color: var(--sz-accent); }
.pv .sz-quote p { color: var(--sz-head); }
.pv .sz-quote p { font: 400 clamp(2rem, 1.6rem + 1.6vw, 2.6rem)/1.1 "Allura", cursive; }
.pv .sz-quote cite { color: var(--sz-head); }
.pv .sz-lotus path {
  fill: currentColor;
  fill-opacity: 0.16;
  stroke: currentColor;
  stroke-opacity: 0.6;
  stroke-width: 0.9;
  stroke-linejoin: round;
  transform-origin: 0 0;
  transform: rotate(calc(var(--a) * (1 - 0.9 * var(--sz-shut, 0))));
}
.pv .sz-lotus ellipse { fill: currentColor; opacity: 0.14; transform-origin: 0 0; transform: scaleX(calc(1 - 0.45 * var(--sz-shut, 0))); }

.pv .sz-lotus :is(path, ellipse) { transition: transform 1.6s cubic-bezier(0.25, 0.6, 0.3, 1); }

.pv[data-reveal="fade"] .pv-main { --pv-rv: sz-rv-up; }
@container (min-width: 46rem) {
  .pv[data-reveal="fade"] .pv-main { --pv-rv: pv-rv-fade; }
}
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .pv:not([data-reveal="none"]) .sz-count > span {
      animation-name: var(--pv-rv);
      animation-duration: auto;
      animation-timing-function: linear;
      animation-fill-mode: backwards;
      animation-timeline: view();
      animation-range: entry 4% cover 24%;
    }
    .pv:not([data-reveal="none"]) .sz-count > span:nth-child(2) { animation-range: entry 4% cover 30%; }
    .pv:not([data-reveal="none"]) .sz-count > span:nth-child(n + 3) { animation-range: entry 4% cover 36%; }
    .pv:not([data-reveal="none"]) .pv-about__media img {
      animation: sz-rv-zoom linear both;
      animation-timeline: view();
      animation-range: entry 0% cover 55%;
    }
  }
  .sz-rv { transition: opacity 0.8s var(--ease), translate 0.8s var(--ease), scale 0.8s var(--ease); }
  .sz-rv:not(.is-in) { opacity: 0.2; translate: 0 1rem; scale: 0.98; }
}

.pv .pv-section[data-sec="stats"] .pv-head { animation: none; }







.pv .pv-main { overflow-x: clip; }
.pv :is(.pv-section[data-sec="stats"] .pv-item, .pv-contact__list, .pv-contact__list li, .sz-week, .pv-faq) { animation: none; }
@media (prefers-reduced-motion: no-preference) {
  .pv .sz-rv:where(.pv-section[data-sec="stats"] .pv-item, .pv-contact__list, .sz-week, .pv-faq) {
    transition: opacity 0.5s var(--ease), translate 0.9s var(--ease), scale 0.9s var(--ease), rotate 0.9s var(--ease);
  }
  .pv .sz-rv:not(.is-in):where(.pv-section[data-sec="stats"] .pv-item, .pv-contact__list, .sz-week, .pv-faq) {
    opacity: 0; scale: 0.9; translate: -7rem 0; rotate: -3deg;
  }
  .pv .sz-rv:not(.is-in):where(.pv-section[data-sec="stats"] .pv-item:nth-child(3), .sz-week, .pv-faq:nth-child(even)) { translate: 7rem 0; rotate: 3deg; }
  .pv .sz-rv:not(.is-in):where(.pv-section[data-sec="stats"] .pv-item:nth-child(2)) { translate: 0 6rem; rotate: none; }
  .pv .sz-rv:not(.is-in).pv-faq { rotate: -1deg; }
  .pv .sz-rv:not(.is-in).pv-faq:nth-child(even) { rotate: 1deg; }
  .pv .pv-section[data-sec="stats"] .pv-item.sz-rv:nth-child(2) { transition-delay: 0.12s; }
  .pv .pv-section[data-sec="stats"] .pv-item.sz-rv:nth-child(3),
  .pv .sz-week.sz-rv { transition-delay: 0.24s; }
}


@container (min-width: 52rem) {
  .pv .pv-section[data-sec="services"] .pv-items {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr) minmax(0, 1fr);
    align-items: center;
    margin-inline: 0;
    padding: 0;
    overflow: visible;
  }
  .pv .pv-section[data-sec="services"] .pv-item:nth-child(n) { --pv-rv: sz-rv-up; animation-timeline: view(); animation-range: entry 4% cover 30%; }
}

.pv .pv-section:not(.pv-list--process) :is(.pv-head, .pv-item, .pv-contact__list li, .pv-prices li, .pv-about__media, .pv-about__copy, .pv-map__frame, .pv-slider, .sz-count > span):nth-child(n) {
  animation-range: entry 0% entry 12rem;
}

.pv[data-texture="grain"] .pv-main::after { opacity: 0.08; }

.pv .pv-section.pv-contact .pv-contact__list li { grid-template-columns: 2.75rem minmax(0, 1fr) auto; }
.pv .pv-section.pv-contact .pv-contact__list li:has(a)::after {
  content: "";
  grid-column: 3;
  grid-row: 1 / span 2;
  width: 1.1rem;
  aspect-ratio: 1;
  background: var(--sz-sub);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
}

.pv .pv-about__copy .sz-count { align-items: center; }
.pv .sz-count b { opacity: 0.4; animation: sz-count-beat 16s ease-in-out infinite; }
.pv .sz-count span:nth-of-type(2) b { animation-delay: 4s; }
.pv .sz-count span:nth-of-type(3) b { animation-delay: 8s; }
@keyframes sz-count-beat {
  0%, 31%, 100% { opacity: 0.4; }
  6%, 25%       { opacity: 1; }
}

.pv-hero h1 .sz-w { display: inline-block; }
@media (prefers-reduced-motion: no-preference) {
  .pv-ready .pv-hero h1 .sz-w { animation: sz-word-in 1.1s var(--ease) calc(0.15s + var(--i) * 0.14s) both; }
  .pv-ready .pv-hero__copy > :not(h1) { animation: sz-rise-in 0.9s var(--ease) both; }
  .pv-ready .pv-hero__copy > .pv-lead { animation-delay: 0.75s; }
  .pv-ready .pv-hero__copy > .pv-actions { animation-delay: 0.9s; }
  .pv-ready .pv-hero__copy > .sz-quote { animation-delay: 1.1s; }

  .pv-ready .pv .pv-hero .pv-hero__media { animation: sz-exhale 14s cubic-bezier(0.2, 0.6, 0.2, 1) both; }
}
@keyframes sz-word-in { from { opacity: 0; filter: blur(10px); translate: 0 0.35em; } }
@keyframes sz-rise-in { from { opacity: 0; translate: 0 0.8rem; } }
@keyframes sz-exhale  { from { scale: 1.08; } }

::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
::view-transition-new(root) { animation: sz-mode-in 0.75s var(--ease, ease) both; }
@keyframes sz-mode-in {
  from { clip-path: circle(0 at var(--sz-vt-x, 100%) var(--sz-vt-y, 0)); }
  to   { clip-path: circle(150vmax at var(--sz-vt-x, 100%) var(--sz-vt-y, 0)); }
}
.pv[data-mode="dark"] { --pv-candle-glow: #FFC46B; }

@media (prefers-reduced-motion: reduce) {
  .pv .sz-count b { animation: none; }
  .pv .sz-count b { opacity: 1; }
}

.pv .pv-faq summary {
  font-family: var(--pv-font);
  font-weight: 600;
  font-size: calc(0.98rem * var(--pv-fs));
  line-height: 1.4;
  letter-spacing: 0;
}


.pv .pv-footer { align-items: center; justify-content: center; gap: 0.3rem 1.4rem; padding-block: 0.9rem; text-align: center; }
.pv .pv-footer > [data-i18n="pv.rights"] { display: none; }
.pv .pv-foot-logo { flex: 0 0 100%; height: 4rem; object-fit: contain; margin-bottom: 0.3rem; filter: brightness(0) invert(0.92); }
.pv .pv-footer .pv-credit { flex: none; align-items: center; gap: 0.35em; font-size: 1em; }
.pv .sz-social {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: inherit;
  transition: color 0.2s var(--ease), background-color 0.2s var(--ease);
}
.pv .sz-social svg { width: 1.3rem; height: 1.3rem; }
.pv .sz-social:is(:hover, :focus-visible) { color: #F5F6F0; background: color-mix(in srgb, var(--sz-foot) 16%, transparent); }
@container (min-width: 60rem) {
  .pv .pv-footer { flex-wrap: nowrap; justify-content: flex-start; padding-inline-end: 5rem; text-align: start; }
  .pv .pv-footer .sz-social { margin-inline: auto; }
  .pv .pv-footer > [data-i18n="pv.rights"] { display: inline; }
  .pv .pv-foot-logo { flex: none; width: auto; height: 4.2rem; margin: 0; }
}

.pv .pv-section[data-sec="pricing"] > .pv-wrap { display: block; }
.pv .pv-section[data-sec="pricing"]:has(.sz-plans) .pv-prices__cta { display: none; }
.pv .pv-section[data-sec="pricing"] .pv-head {
  position: static;
  display: grid;
  justify-items: center;
  gap: 0.7rem;
  max-width: 40rem;
  margin: 0 auto;
  text-align: center;
}
.pv .pv-section[data-sec="pricing"] .pv-head .pv-eyebrow { justify-content: center; color: #6E7A58; }
.pv[data-mode="dark"] .pv-section[data-sec="pricing"] .pv-head .pv-eyebrow { color: var(--sz-sage); }
.pv .pv-section[data-sec="pricing"] .pv-head .pv-eyebrow .pv-dot { display: none; }
.pv .pv-section[data-sec="pricing"] .pv-head h2 {
  font-size: calc(clamp(1.9rem, 7cqi, 3rem) * var(--pv-fs));
  line-height: 1.08;
}
.pv .pv-section[data-sec="pricing"] .pv-head p:last-child { max-width: 32rem; color: var(--sz-detail); }

.pv :is(.sz-plans, .sz-week, .pv-contact__list, .sz-mat-foot, .sz-custom, .sz-end) {
  --sz-pf: #F1F2EB;  --sz-bg2: #B8BFA8;  --sz-gl: #9BA685;  --sz-ts: #33401F;  --sz-bd: #650909;
}
.pv .sz-plans {
  display: grid;
  gap: 1.1rem;
  max-width: 30rem;
  margin: var(--sz-gap) auto 0;
  padding: 0;
  list-style: none;
}
.pv .sz-plan {
  --c-bg: var(--sz-ts);
  --c-ink: var(--sz-pf);
  --c-sub: var(--sz-bg2);
  --c-line: color-mix(in srgb, var(--sz-bg2) 40%, transparent);
  --c-blob: var(--sz-gl);
  --c-chk-bg: var(--sz-gl);
  --c-chk: var(--sz-ts);
  --c-shadow: color-mix(in srgb, var(--sz-ts) 20%, transparent);
  display: grid;
  perspective: 1400px;
  text-align: start;
}
.pv .sz-plan[data-hi] {
  order: -1;
  --c-bg: var(--sz-pf);
  --c-ink: var(--sz-ts);
  --c-sub: color-mix(in srgb, var(--sz-ts) 78%, transparent);
  --c-line: var(--sz-bg2);
  --c-blob: var(--sz-ts);
  --c-chk-bg: var(--sz-bg2);
  --c-shadow: color-mix(in srgb, var(--sz-ts) 35%, transparent);
}
.pv .sz-plan__face {
  grid-area: 1 / 1;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(1.4rem, 4cqi, 1.9rem) clamp(1.3rem, 3.6cqi, 1.7rem);
  border-radius: 1rem;
  background: var(--c-bg);
  color: var(--c-ink);
  box-shadow: 0 1.2rem 2.4rem -1rem var(--c-shadow);
  backface-visibility: hidden;
  transition: transform 0.7s cubic-bezier(0.3, 0.7, 0.2, 1);
}
.pv .sz-plan__back { transform: rotateY(180deg); }
.pv .sz-plan[data-flip] > .sz-plan__face { transform: rotateY(-180deg); }
.pv .sz-plan[data-flip] > .sz-plan__back { transform: none; }


@media (prefers-reduced-motion: reduce) {
  .pv .sz-plan__face { transition: none; }
}

.pv .sz-plan[data-peek] > .sz-plan__face:not(.sz-plan__back) { animation: sz-peek 1.4s ease-in-out; }
@keyframes sz-peek { 0%, 100% { transform: none; } 35% { transform: rotateY(-32deg); } 70% { transform: rotateY(6deg); } }

.pv .sz-plan[data-hi] > .sz-plan__face,
.pv .sz-week,
.pv .pv-section.pv-contact .pv-contact__list { outline: 1px solid var(--sz-bg2); }
.pv[data-mode="dark"] .sz-plan:not([data-hi]) .sz-plan__face { outline: 1px solid color-mix(in srgb, var(--sz-bg2) 22%, transparent); }

.pv .sz-plan__flip {
  position: absolute;
  top: 0.9rem;
  right: 0.9rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 2.2rem;
  padding: 0 0.85rem;
  border: 1px solid color-mix(in srgb, var(--c-ink) 35%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--c-blob) 22%, transparent);
  color: var(--c-ink);
  font: 700 calc(0.68rem * var(--pv-fs)) / 1 var(--pv-font);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}
.pv .sz-plan__flip::before { content: ""; position: absolute; inset: -0.3rem; }
.pv .sz-plan__flip svg { width: 0.95rem; height: 0.95rem; flex: none; }
.pv .sz-plan__flip:is(:hover, :focus-visible) {
  background: color-mix(in srgb, var(--c-blob) 40%, transparent);
  border-color: var(--c-ink);
}
.pv .sz-plan__flip:focus-visible { outline: 2px solid var(--c-ink); outline-offset: 2px; }

.pv .sz-plan__badge {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -50%;
  margin: 0;
  padding: 0.5rem 1.1rem;
  border-radius: 999px;
  background: var(--sz-bd);
  color: var(--sz-pf);
  font: 700 calc(0.72rem * var(--pv-fs)) / 1 var(--pv-font);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
}
.pv .sz-plan__badge ~ .sz-plan__flip { top: 1.5rem; }
.pv .sz-plan__face:has(> .sz-plan__badge) { padding-top: calc(clamp(1.4rem, 4cqi, 1.9rem) + 1rem); }

.pv .sz-plan__icon { width: 3.6rem; height: auto; margin-bottom: 0.9rem; }
.pv .sz-plan h3 {
  margin: 0;
  padding-inline-end: 5.5rem;
  font-family: var(--pv-font-head);
  font-weight: 400;
  font-size: calc(clamp(1.5rem, 5.5cqi, 1.75rem) * var(--pv-fs));
  line-height: 1.1;
}
.pv .sz-plan .sz-plan__face h3 { color: var(--c-ink); }
.pv .sz-plan__icon + h3 { padding-inline-end: 0; }
.pv .sz-plan__sub {
  margin: 0.35rem 0 0;
  padding-bottom: 1.1rem;
  border-bottom: 1px solid var(--c-line);
  font-size: calc(0.82rem * var(--pv-fs));
  color: var(--c-sub);
}

.pv .sz-plan__list { display: grid; gap: 0.75rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }
.pv .sz-plan__list li {
  position: relative;
  padding-inline-start: 2rem;
  font-size: calc(0.88rem * var(--pv-fs));
  line-height: 1.4;
}
.pv .sz-plan__list li::before,
.pv .sz-plan__list li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.05rem;
  width: 1.2rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--c-chk-bg);
}
.pv .sz-plan__list li::after {
  background: var(--c-chk);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9'/%3E%3C/svg%3E") center / 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9'/%3E%3C/svg%3E") center / 100% no-repeat;
}

.pv .sz-plan__details { margin: 0.9rem 0 0; font-size: calc(1rem * var(--pv-fs) * var(--sz-fit, 1)); }
.pv .sz-plan__details > p { margin: 0 0 0.77em; font-size: 0.78em; line-height: 1.55; color: var(--c-ink); }
.pv .sz-plan__details > p:last-child { margin-bottom: 0; }
.pv .sz-plan[data-hi] .sz-plan__details > p { font-weight: 500; }
.pv .sz-plan__price {
  display: grid;
  gap: 0.2rem;
  margin: 0 0 1rem;
  padding: 0.5rem 0.8rem;
  border: 1px solid var(--c-line);
  border-radius: 0.6rem;
  text-align: center;
}
.pv .sz-plan__price b { font-size: calc(0.9rem * var(--pv-fs)); font-weight: 700; }
.pv .sz-plan__price span { font-size: calc(0.72rem * var(--pv-fs)); line-height: 1.35; color: var(--c-sub); }
.pv .sz-plan__details :is(dt, h4) {
  margin: 1em 0 0;
  font-size: 0.66em;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-sub);
}
.pv .sz-plan__details :is(dt, h4):first-child { margin-top: 0; }
.pv .sz-plan__details > .sz-plan__list { gap: 0.5em; margin: 0.6em 0 0.9em; }
.pv .sz-plan__details > .sz-plan__list li { font-size: 0.78em; }
.pv .sz-plan__details dd { margin: 0.3em 0 0; font-size: 0.78em; line-height: 1.55; }

.pv .sz-plan__btn {
  display: grid;
  place-items: center;
  align-self: center;
  min-height: 2.9rem;
  margin-top: auto;
  padding: 0.5rem 1.6rem;
  border: 1.5px solid var(--sz-bd);
  border-radius: 0.6rem;
  background: var(--sz-bd);
  color: var(--sz-pf);
  font-size: calc(0.85rem * var(--pv-fs));
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.25s var(--ease), color 0.25s var(--ease), border-color 0.25s var(--ease);
}
.pv .sz-plan :is(.sz-plan__list, .sz-plan__details) { margin-bottom: 1.8rem; }
.pv .sz-plan .sz-plan__details { margin-bottom: 1.3rem; }
.pv .sz-plan:not([data-hi]) .sz-plan__btn:is(:hover, :focus-visible) { border-color: var(--sz-pf); background: var(--sz-pf); color: var(--sz-bd); }
.pv .sz-plan[data-hi] .sz-plan__btn:is(:hover, :focus-visible) { border-color: var(--sz-ts); background: var(--sz-ts); }
.pv .sz-plan__btn:focus-visible { outline: 2px solid var(--c-ink); outline-offset: 3px; }

@container (min-width: 52rem) {
  .pv .sz-plans { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.1rem, 2.4cqi, 1.8rem); padding-block: 1.5rem; max-width: 64rem; }
  .pv .sz-plan[data-hi] { order: 0; margin-block: -1.5rem; }
  .pv .sz-plan[data-hi] > .sz-plan__face { padding-block: 2.6rem; }
}
.pv[data-mode="light"] .pv-section[data-sec="pricing"][data-stripe="1"] .pv-head .pv-eyebrow { color: var(--sz-detail); }

.pv .pv-section[data-sec="stats"] { padding-top: clamp(0.25rem, 1.5cqi, 0.75rem); }
.pv .pv-section:is([data-sec="stats"], [data-sec="rolam"]) > .pv-wrap { display: block; }
.pv .pv-section:is([data-sec="stats"], [data-sec="rolam"]) .pv-head {
  position: static;
  display: grid;
  grid-template-columns: none;
  justify-items: center;
  gap: 0.5rem;
  margin: 0 auto;
  text-align: center;
}
.pv .pv-section[data-sec="stats"] .pv-head .pv-eyebrow { display: none; }
.pv .pv-section[data-sec="stats"] .pv-head > .sz-lotus {
  order: -1;
  grid-column: auto;
  grid-row: auto;
  width: clamp(7.5rem, 30cqi, 10.5rem);
  position: relative;
  z-index: 1;
}
.pv .pv-section:is([data-sec="stats"], [data-sec="rolam"]) .pv-head h2 {
  display: flex;
  align-items: center;
  gap: clamp(0.7rem, 2cqi, 1.1rem);
  font-size: calc(clamp(1.9rem, 6.5cqi, 3rem) * var(--pv-fs));
}
.pv .pv-section:is([data-sec="stats"], [data-sec="rolam"]) .pv-head h2::before,
.pv .pv-section:is([data-sec="stats"], [data-sec="rolam"]) .pv-head h2::after {
  content: "";
  flex: none;
  width: clamp(1.5rem, 6cqi, 4rem);
  height: 1px;
  background: currentColor;
  opacity: 0.45;
}
.pv .pv-section[data-sec="stats"] .pv-items {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9rem;
  max-width: 26rem;
  margin: var(--sz-gap) auto 0;
}


.pv .pv-section[data-sec="stats"] .pv-item {
  --sz-peak: clamp(1rem, 5cqi, 1.6rem);
  display: grid;
  grid-template-rows: 1fr auto;
  align-items: stretch;
  gap: 0;
  border: 0;
  background: var(--sz-sage);
  clip-path: polygon(0 var(--sz-peak), 50% 0, 100% var(--sz-peak), 100% 100%, 0 100%);
  text-align: center;
}
.pv .pv-section[data-sec="stats"] .pv-item__body {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: start;
  padding: calc(var(--sz-peak) * 0.7 + clamp(0.5rem, 1.5cqi, 0.8rem)) 1.2rem calc(var(--sz-peak) + 0.35rem);
  background: var(--sz-box);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sz-peak)), 50% 100%, 0 calc(100% - var(--sz-peak)));
}
.pv .pv-section[data-sec="stats"] .pv-item__media {
  order: 1;
  margin-top: calc(-1 * var(--sz-peak));
  aspect-ratio: 1066 / 650;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.pv .pv-section[data-sec="stats"] .pv-item__media img { width: 100%; height: 100%; object-fit: cover; }

.pv .pv-section[data-sec="stats"] .pv-item__media img[src*="oliva"] {
  object-fit: contain;
  padding: calc(var(--sz-peak) + 0.6rem) 1rem 1rem;
}
.pv .pv-section[data-sec="stats"] .pv-item h3 {
  font-size: calc(clamp(1.8rem, 6cqi, 2.6rem) * var(--pv-fs));
  line-height: 1.1;
  font-variant-numeric: lining-nums;
  color: var(--sz-head);
}
.pv .pv-section[data-sec="stats"] .pv-item p { margin: 0.3rem 0 0; font-size: calc(0.92rem * var(--pv-fs)); font-style: italic; color: var(--pv-text); }
.pv .pv-section[data-sec="stats"] .pv-item .sz-tagline { margin-top: 0.3rem; color: var(--sz-detail); }
@container (min-width: 40rem) {
  .pv .pv-section[data-sec="stats"] .pv-items { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; max-width: 64rem; }
  .pv .pv-section[data-sec="stats"] .pv-item h3 { font-size: calc(clamp(1.5rem, 4.6cqi, 2.6rem) * var(--pv-fs)); }
}

.pv .pv-section[data-sec="services"] .pv-item__media {
  aspect-ratio: 5 / 4;
  padding: 1.2rem 1.2rem calc(var(--sz-wave) + 0.4rem);
  background: var(--sz-box-warm);
  border-radius: calc(var(--pv-radius) * 1.1) calc(var(--pv-radius) * 1.1) 0 0;
}
.pv .pv-section[data-sec="services"] .pv-item__media img { object-fit: contain; background: none; }

.pv .sz-mat-foot { margin: 1rem 0 0; font-size: calc(0.8rem * var(--pv-fs)); letter-spacing: 0.04em; color: var(--sz-detail); }

.pv .sz-custom .pv-head .pv-muted { max-width: 44rem; color: var(--pv-muted); }
.pv .pv-head .sz-vat { font-size: calc(0.8rem * var(--pv-fs)); }

.pv .sz-route { position: relative; max-width: 64rem; margin: var(--sz-gap) auto 0; }
.pv .sz-steps {
  display: grid;
  gap: 2rem;
  margin: 0;
  padding: 0 0 0 3.8rem;
  list-style: none;
  text-align: start;
}
.pv .sz-steps li { position: relative; }
.pv .sz-node {
  position: absolute;
  left: -3.8rem;
  top: -0.2rem;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 2.6rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--sz-head);
  color: var(--pv-bg);
  font-family: var(--pv-font-head);
  font-size: calc(1.1rem * var(--pv-fs));
  line-height: 1;
}
.pv .sz-custom .sz-steps li h3 { margin: 0 0 0.35rem; font-size: calc(1.75rem * var(--pv-fs)); line-height: 1.1; color: var(--sz-head); }
.pv .sz-steps li p { max-width: 34ch; margin: 0; font-size: calc(0.92rem * var(--pv-fs)); line-height: 1.5; color: var(--pv-muted); }
.pv .sz-path { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; fill: none; stroke: var(--sz-head); stroke-width: 2.5; stroke-linecap: round; shape-rendering: geometricPrecision; pointer-events: none;
  filter: drop-shadow(0 0 0.6px color-mix(in srgb, var(--sz-head) 70%, transparent)); }
.pv .sz-route:not([data-on]) .sz-path { display: none; }

.pv .sz-try {
  display: grid;
  justify-items: center;
  gap: 1rem;
  max-width: 64rem;
  margin: var(--sz-gap) auto 0;
  text-align: center;
}
.pv .sz-try__orb {
  display: grid;
  place-content: center;
  gap: 0.35rem;
  width: min(11rem, 50cqi);
  aspect-ratio: 1;
  margin: 0.85rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  --sz-tint: var(--sz-pf);
  background: radial-gradient(circle at 34% 28%, #fff, var(--sz-tint) 50%, color-mix(in srgb, var(--sz-tint) 78%, var(--sz-gl)));
  color: var(--sz-ts);
  box-shadow:
    0 0 0 0.7rem color-mix(in srgb, var(--sz-pf) 34%, transparent),
    0 0 0 1.4rem color-mix(in srgb, var(--sz-pf) 15%, transparent),
    0 1.2rem 2.4rem -1rem color-mix(in srgb, var(--sz-ts) 45%, transparent);
  font: inherit;
  scale: 0.84;
  cursor: pointer;
}
.pv .sz-try__orb:focus-visible { outline: 2px solid var(--sz-ts); outline-offset: 1.8rem; }
.pv .sz-try__phase { font-family: var(--pv-font-head); font-size: calc(1.4rem * var(--pv-fs)); line-height: 1.1; }
.pv .sz-try__left { font-size: calc(0.8rem * var(--pv-fs)); color: color-mix(in srgb, var(--sz-ts) 75%, transparent); }

@property --sz-tint { syntax: "<color>"; inherits: false; initial-value: #F1F2EB; }
.pv .sz-try__orb.is-on { animation: sz-try 10s ease-in-out infinite, sz-try-tint 10s ease-in-out infinite; }
@keyframes sz-try { 0%, 100% { scale: 0.84; } 40% { scale: 1.06; } }
@keyframes sz-try-tint {
  0%, 100% { --sz-tint: color-mix(in srgb, var(--sz-pf) 88%, var(--sz-bd)); }
  40%      { --sz-tint: color-mix(in srgb, var(--sz-pf) 62%, var(--sz-gl)); }
}
@media (prefers-reduced-motion: reduce) {
  .pv .sz-try__orb.is-on { animation: sz-try-tint 10s ease-in-out infinite; }
}
.pv .sz-try h3 { margin: 0 0 0.5rem; font-size: calc(1.6rem * var(--pv-fs)); line-height: 1.15; color: var(--sz-head); }
.pv .sz-try p { max-width: 36ch; margin: 0 auto; color: var(--pv-muted); }

.pv .sz-ask {
  display: grid;
  gap: 1.6rem;
  max-width: 64rem;
  margin: var(--sz-gap) auto 0;
  padding: 1.4rem;
  border: 1px solid var(--pv-line);
  border-radius: var(--sz-leaf) 0;
  background: color-mix(in srgb, var(--pv-text) 4%, transparent);
}
.pv .sz-ask h3 {
  margin: 0 0 0.9rem;
  font-family: var(--pv-font-head);
  font-size: calc(clamp(1.3rem, 4.4cqi, 1.6rem) * var(--pv-fs));
  line-height: 1.15;
  color: var(--sz-head);
}
.pv .sz-ask ul { display: grid; gap: 0.75rem; margin: 0; padding: 0; list-style: none; }
.pv .sz-ask li {
  display: grid;
  grid-template-columns: 1.15rem minmax(0, 1fr);
  gap: 0.7rem;
  font-size: calc(0.85rem * var(--pv-fs));
  line-height: 1.45;
}
.pv .sz-ask li::before {
  content: "";
  width: 1.15rem;
  aspect-ratio: 1;
  margin-top: 0.1rem;
  border-radius: 50%;
  background: var(--sz-sage) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 70% no-repeat;
}
.pv .sz-ask .sz-plan__btn { justify-self: start; margin: 0; }
.pv .sz-ask .sz-plan__btn:is(:hover, :focus-visible) { border-color: var(--sz-ts); background: var(--sz-ts); }
.pv .sz-ask .sz-plan__btn:focus-visible { outline-color: var(--pv-text); }

@container (min-width: 46rem) {
  .pv .sz-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 2.4rem; padding: 4.4rem 0 0; }
  .pv .sz-node { left: 0; top: -4.4rem; }
  .pv .sz-custom .sz-steps li h3 { font-size: calc(1.6rem * var(--pv-fs)); }
  .pv .sz-try { grid-template-columns: auto minmax(0, 26rem); justify-content: center; align-items: center; column-gap: 2rem; text-align: start; }
  .pv .sz-try p { margin: 0; }
  .pv .sz-ask { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3rem; padding: 1.8rem 2rem; }
}

.pv .sz-rolam {
  --sz-slab: var(--sz-sage);
  --sz-off: clamp(0.7rem, 2.4cqi, 1.1rem);
  --sz-r: clamp(2.6rem, 11cqi, 4.5rem);
  overflow-x: clip;
}
.pv[data-mode="dark"] .sz-rolam { --sz-slab: color-mix(in srgb, var(--sz-sage) 38%, transparent); }

.pv .sz-ph {
  --sz-dx: var(--sz-off);
  position: relative;
  isolation: isolate;
  width: min(78%, 22rem);
  margin: 0 0 var(--sz-off);
}
.pv .sz-ph img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: var(--sz-r) 0;
}
.pv .sz-ph::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: var(--sz-r) 0;
  background: var(--sz-slab);
  translate: var(--sz-dx) var(--sz-off);
}
.pv .sz-ph--r { --sz-dx: calc(-1 * var(--sz-off)); margin-inline-start: auto; }
.pv .sz-ph--r img, .pv .sz-ph--r::before { border-radius: 0 var(--sz-r); }
@media (prefers-reduced-motion: no-preference) {
  .pv .sz-rolam .sz-ph::before { transition: translate 1.2s 0.25s var(--ease); }
  .pv .sz-rolam .sz-ph.sz-rv:not(.is-in)::before { translate: 0 0; }
}

.pv .sz-me__copy h3 {
  margin: 1.4rem 0 0.4rem;
  font-family: var(--pv-font-head);
  font-size: calc(clamp(1.35rem, 4.6cqi, 1.7rem) * var(--pv-fs));
  line-height: 1.15;
  color: var(--sz-head);
}
.pv .sz-cv__l { margin: 0; padding: 0; list-style: none; }
.pv .sz-cv__l li { position: relative; padding: 0.45rem 0 0.45rem 1.2rem; line-height: 1.4; }
.pv .sz-cv__l li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.95rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.5rem 0;
  background: var(--sz-sub);
}
.pv .sz-cv__l strong { display: block; font-size: calc(0.95rem * var(--pv-fs)); font-weight: 600; color: var(--sz-head); }
.pv .sz-cv__l span { display: block; margin-top: 0.1rem; font-size: calc(0.82rem * var(--pv-fs)); color: var(--sz-sub); }

.pv .sz-me { display: grid; gap: 1.8rem; max-width: 64rem; margin: var(--sz-gap) auto 0; }
.pv .sz-me__ph { --sz-dx: calc(-1 * var(--sz-off)); margin-inline-start: var(--sz-off); }
.pv .sz-me__ph::after {
  content: attr(data-name);
  position: absolute;
  left: calc(100% + 0.05rem);
  bottom: 0;
  writing-mode: vertical-rl;
  rotate: 180deg;
  font-family: var(--pv-font-head);
  font-size: calc(clamp(3.2rem, 16cqw, 6.5rem) * var(--pv-fs));
  line-height: 0.8;
  letter-spacing: -0.01em;
  color: var(--sz-head);
}
.pv .sz-me__hi {
  margin: 0 0 1rem;
  font-family: var(--pv-font-head);
  font-size: calc(clamp(1.75rem, 6.4cqi, 2.5rem) * var(--pv-fs));
  line-height: 1.12;
  color: var(--sz-head);
}


.pv .sz-story { max-width: 64rem; margin: var(--sz-gap) auto 0; }
.pv .sz-story > summary { display: flex; align-items: center; gap: 0.5rem; width: fit-content; margin-inline: auto; cursor: pointer; list-style: none; }
.pv .sz-story > summary::-webkit-details-marker { display: none; }
.pv .sz-story > summary::after { content: "+"; font-size: 1.3em; font-weight: 400; line-height: 1; transition: rotate 0.25s var(--ease); }
.pv .sz-story[open] > summary::after { rotate: 45deg; }
.pv .sz-story__in { display: flow-root; margin-top: 1rem; }
.pv .sz-story__in > .sz-ph { margin-block: 1.8rem calc(var(--sz-off) + 1rem); }
.pv .sz-story__in > p { margin: 0.8rem 0 0; font-size: calc(0.92rem * var(--pv-fs)); line-height: 1.6; }

.pv .sz-who {
  display: grid;
  justify-items: center;
  gap: 0.3rem;
  max-width: 46rem;
  margin: var(--sz-gap) auto 0;
  text-align: center;
}
.pv .sz-who p { margin: 0; font-family: var(--pv-font-head); line-height: 1.1; }
.pv .sz-who__q { font-size: calc(clamp(1.1rem, 3.6cqi, 1.3rem) * var(--pv-fs)); color: var(--sz-sub); }
.pv .sz-who__a { display: grid; font-size: calc(clamp(1.55rem, 5.5cqi, 2.4rem) * var(--pv-fs)); color: var(--sz-head); }
@media (prefers-reduced-motion: no-preference) {
  .pv .sz-who__a span { grid-area: 1 / 1; align-self: center; opacity: 0; animation: sz-who 10.5s infinite both; }
  .pv .sz-who__a span:nth-child(2) { animation-delay: 2.625s; }
  .pv .sz-who__a span:nth-child(3) { animation-delay: 5.25s; }
  .pv .sz-who__a span:nth-child(4) { animation-delay: 7.875s; }
  .pv .sz-who.sz-rv:not(.is-in) .sz-who__a span { animation-play-state: paused; }
}
@keyframes sz-who {
  0% { opacity: 0; translate: 0 0.35em; }
  4%, 24% { opacity: 1; translate: 0 0; }
  27%, 100% { opacity: 0; translate: 0 -0.35em; }
}

.pv .sz-stamp {
  position: absolute;
  z-index: 1;
  left: calc(-1 * clamp(0.5rem, 3cqi, 2.2rem));
  bottom: clamp(1rem, 4cqi, 2rem);
  width: clamp(6.8rem, 27cqi, 8.5rem);
  height: auto;
  rotate: -12deg;
  color: var(--sz-head);
  filter: drop-shadow(0 0.6rem 0.9rem color-mix(in srgb, #000 18%, transparent));
}
.pv .sz-stamp :is(circle, path) { fill: none; stroke: currentColor; stroke-width: 1; }
.pv .sz-stamp path { stroke: none; }
.pv .sz-stamp .sz-stamp__bg { fill: var(--sz-box); stroke: none; }
.pv .sz-stamp text { fill: currentColor; }
.pv .sz-stamp__ring { font: 700 8.6px var(--pv-font); letter-spacing: 0.06em; }
.pv .sz-stamp__big { font: 400 21px var(--pv-font-head); font-variant-numeric: lining-nums; text-anchor: middle; }
@media (prefers-reduced-motion: no-preference) {
  .pv .sz-rolam .sz-stamp { transition: scale 0.55s 0.9s cubic-bezier(0.3, 1.6, 0.5, 1), opacity 0.3s 0.9s; }
  .pv .sz-rolam .sz-ph.sz-rv:not(.is-in) .sz-stamp { scale: 1.6; opacity: 0; }
}

.pv .sz-end {
  display: grid;
  gap: 1.6rem;
  max-width: 64rem;
  margin: var(--sz-gap) auto 0;
  padding: 1.3rem 1.2rem 1.5rem;
  border-radius: var(--sz-leaf) 0;
  background: var(--sz-box);
  outline: 1px solid var(--sz-band);
}
.pv .sz-end .sz-ph { width: min(70%, 20rem); }
.pv .sz-end__copy p { margin: 0; font-size: calc(0.92rem * var(--pv-fs)); line-height: 1.55; }
.pv .sz-end .sz-end__q {
  margin-bottom: 0.8rem;
  font-family: var(--pv-font-head);
  font-size: calc(clamp(1.6rem, 5.6cqi, 2.3rem) * var(--pv-fs));
  line-height: 1.15;
  color: var(--sz-head);
}
.pv .sz-end .sz-plan__btn { display: inline-grid; margin-top: 1.4rem; }
.pv .sz-end .sz-plan__btn:is(:hover, :focus-visible) { border-color: var(--sz-ts); background: var(--sz-ts); }

@container (min-width: 46rem) {
  .pv .sz-ph { width: 100%; margin: 0; }
  .pv .sz-me { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: clamp(5.5rem, 11cqi, 8rem); align-items: start; }
  .pv .sz-story__in { margin-top: 1.6rem; }
  .pv .sz-story__in > .sz-ph { float: right; width: 44%; margin: 0.9rem 0 calc(var(--sz-off) + 0.8rem) clamp(2rem, 5cqi, 3rem); }

  .pv .sz-whois { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; max-width: 64rem; margin: var(--sz-gap) auto 0; }
  .pv .sz-whois > .sz-who { flex: 1; justify-items: start; margin: 0; text-align: start; }
  .pv .sz-whois > .sz-story { margin: 0 0 0 auto; }
  .pv .sz-whois > .sz-story[open] { flex-basis: 100%; }
  .pv .sz-whois > .sz-story > summary { margin-inline: auto 0; }
  .pv .sz-end {
    grid-template-columns: minmax(0, 1fr) minmax(0, 17rem);
    column-gap: clamp(2.5rem, 6cqi, 4.5rem);
    align-items: center;
    padding: clamp(1.4rem, 3cqi, 2rem) clamp(1.8rem, 4cqi, 2.6rem) calc(clamp(1.4rem, 3cqi, 2rem) + var(--sz-off));
  }
  .pv .sz-end .sz-ph { grid-area: 1 / 2; width: 100%; }
}
@container (min-width: 60rem) {
  .pv .sz-story__in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(2.5rem, 7cqi, 5rem); align-items: start; }
  .pv .sz-story__in > p { grid-column: 1; }
  .pv .sz-story__in > .sz-ph { float: none; width: 100%; margin: 0.8rem 0 0; grid-area: 1 / 2 / span 5; }
}


@supports selector(::details-content) {
  @container (min-width: 46rem) {
    .pv .sz-whois { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 2rem; align-items: center; }
    .pv .sz-whois > .sz-who { grid-area: 1 / 1; }
    .pv .sz-whois > .sz-story { grid-area: 1 / 1 / 3 / -1; display: grid; grid-template: subgrid / subgrid; align-items: center; margin: 0; }
    .pv .sz-whois > .sz-story > summary { grid-area: 1 / 2; }
    .pv .sz-whois > .sz-story::details-content { grid-area: 2 / 1 / 3 / -1; }
  }
}