/* Shared V1 presentation. Comparison controls require an explicit preview URL. */
html[data-zavel-preview] {
  --zavel-preview-height: 3.5rem;
  scroll-padding-top: var(--zavel-preview-height);
}
html[data-zavel-preview] body { padding-top: var(--zavel-preview-height); }
html[data-zavel-preview] .zavel-header { top: var(--zavel-preview-height); }
html[data-zavel-preview] .zavel-mobile-panel {
  top: var(--zavel-preview-height);
  min-height: calc(100svh - var(--zavel-preview-height));
  max-height: calc(100svh - var(--zavel-preview-height));
}
.zavel-preview-bar {
  align-items: center;
  background: var(--zavel-paper);
  border-bottom: 1px solid var(--zavel-line);
  color: var(--zavel-charcoal);
  display: flex;
  font: 500 .85rem/1.3 "Manrope Variable", sans-serif;
  gap: 1rem;
  height: var(--zavel-preview-height);
  inset: 0 0 auto;
  padding: 0 var(--wp--preset--spacing--page-padding);
  position: fixed;
  z-index: 1000;
}
.zavel-preview-label { font-size: .75rem; letter-spacing: .06em; }
.zavel-preview-variants { align-items: stretch; display: flex; gap: .25rem; height: 100%; }
.zavel-preview-bar a {
  align-items: center;
  color: inherit;
  display: inline-flex;
  min-height: 44px;
  padding: .5rem .8rem;
  text-decoration: none;
}
.zavel-preview-variants a { border-bottom: 3px solid transparent; border-top: 3px solid transparent; }
.zavel-preview-variants a[aria-current] { border-bottom-color: currentColor; font-weight: 700; }
.zavel-preview-bar a:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
.zavel-preview-bar a:hover { background: var(--zavel-paper-soft); }
.zavel-preview-exit { margin-left: auto; }
.zavel-preview-fonts { align-items:center; display:flex; gap:.6rem; margin:0 0 0 auto; }
.zavel-preview-fonts label { font-size:.75rem; white-space:nowrap; }
.zavel-preview-fonts select,
.zavel-preview-fonts button {
  background:var(--zavel-paper);
  border:1px solid var(--zavel-line);
  border-radius:0;
  color:inherit;
  font:inherit;
  min-height:44px;
  padding:.5rem;
}
.zavel-preview-fonts select { width:16rem; max-width:100%; }
.zavel-preview-fonts :focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.zavel-preview-fonts :disabled { opacity:.5; }
.zavel-preview-ready .zavel-preview-fonts button { display:none; }
@media (max-width: 1100px) {
  html[data-zavel-preview] { --zavel-preview-height:6.5rem; }
  .zavel-preview-bar { display:grid; gap:0 .4rem; grid-template-columns:1fr auto; grid-template-rows:3rem 3.5rem; }
  .zavel-preview-label { display:none; }
  .zavel-preview-variants { grid-column:1; grid-row:1; }
  .zavel-preview-exit { grid-column:2; grid-row:1; }
  .zavel-preview-fonts { grid-column:1 / -1; grid-row:2; margin:0; }
  .zavel-preview-fonts select { flex:1; width:auto; min-width:0; }
  .zavel-preview-fonts label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
}
@media (max-width: 600px) {
  .zavel-preview-bar { column-gap: .35rem; row-gap:0; padding: 0 .5rem; }
  .zavel-preview-label { display: none; }
  .zavel-preview-bar a { padding-inline: .65rem; }
}
@media print {
  .zavel-preview-bar { display: none; }
  html[data-zavel-preview] { --zavel-preview-height: 0rem; scroll-padding-top: 0; }
  html[data-zavel-preview] body { padding-top: 0; }
}

/* V1: the presentation study, on the existing live blocks. */
html[data-zavel-design="v1"] {
  --zavel-lockup-width: 13.25rem;
  --zavel-brand-width: 15rem;
  --zavel-header-height: 6.5rem;
  --zavel-lockup-lift: .3rem;
}
html[data-zavel-design="v1"] .zavel-header {
  background:var(--zavel-paper);
  border-bottom:1px solid var(--zavel-line);
  min-height:var(--zavel-header-height);
}
html[data-zavel-design="v1"] .zavel-header::before {background:none;}
html[data-zavel-design="v1"] .zavel-nav a {font-weight:500;letter-spacing:.07em;}
html[data-zavel-design="v1"] .zavel-film {
  background:var(--zavel-paper);
  min-height:clamp(42rem,85svh,53rem);
}
html[data-zavel-design="v1"] .zavel-film-stage {
  padding-top:calc(var(--zavel-header-height) + 3.5rem);
  padding-bottom:7.5rem;
  justify-content:center;
}
html[data-zavel-design="v1"] .zavel-film-scenes {
  inset:var(--zavel-header-height) 0 0;
  mask-image:linear-gradient(90deg, transparent 30%, rgba(0,0,0,.08) 44%, rgba(0,0,0,.65) 58%, #000 78%);
}
html[data-zavel-design="v1"] .zavel-film-plate::after {
  background:linear-gradient(0deg, var(--zavel-paper), transparent 22%, transparent 88%, var(--zavel-paper));
}
html[data-zavel-design="v1"] .zavel-film-photo {
  object-fit:contain;
  object-position:right center;
  transform:none;
}
html[data-zavel-design="v1"] .zavel-film-copy {
  width:calc(44% - var(--zavel-page-inset) - 3rem);
  max-width:35rem;
}
html[data-zavel-design="v1"] .zavel-film .zavel-eyebrow {
  color:var(--zavel-charcoal-soft);
  max-width:34em;
  font-size:.75rem;
  font-weight:500;
  line-height:1.7;
  letter-spacing:.09em;
  margin-bottom:1.75rem;
}
html[data-zavel-design="v1"] .zavel-film h1 {
  font-size:clamp(3.2rem,4.6vw,4.7rem);
  line-height:1.04;
  letter-spacing:-.025em;
  text-wrap:balance;
  margin-bottom:2rem;
}
html[data-zavel-design="v1"] .zavel-film-chapters {
  min-height:0;
  display:grid;
  padding-top:1.1rem;
  border-top:1px solid var(--zavel-line);
  max-width:27rem;
}
html[data-zavel-design="v1"] .zavel-film-chapter {
  grid-area:1 / 1;
}
html[data-zavel-design="v1"] .zavel-film-chapter[hidden] {
  display:block;
  visibility:hidden;
  pointer-events:none;
}
html[data-zavel-design="v1"] .zavel-film-chapter-label {
  font-size:.75rem;
  color:var(--zavel-clay-deep);
  font-weight:500;
}
html[data-zavel-design="v1"] .zavel-film-lead {
  font-family:var(--wp--preset--font-family--sans);
  font-size:1rem;
  line-height:1.65;
  max-width:25rem;
  margin-bottom:1.9rem;
}
html[data-zavel-design="v1"] .zavel-film-controls {
  background:transparent;
  left:44%;
  right:var(--zavel-page-inset);
  justify-content:space-between;
  bottom:1.6rem;
  padding:0;
  gap:1rem;
}
html[data-zavel-design="v1"] .zavel-film-controls button {
  border-top-width:2px;
  font-weight:500;
  min-width:44px;
}
html[data-zavel-design="v1"] .zavel-film-controls button[aria-pressed="true"] {
  border-top-color:var(--zavel-clay-deep);
}
html[data-zavel-design="v1"] .zavel-film .zavel-scroll-cue {bottom:2rem;}
@media(max-width:1100px) and (min-width:901px) {
  html[data-zavel-design="v1"] .zavel-film-copy {width:calc(47% - var(--zavel-page-inset) - 2rem);}
  html[data-zavel-design="v1"] .zavel-film-controls {left:47%;}
}
@media(max-width:900px) {
  html[data-zavel-design="v1"] {--zavel-header-height:5rem;--zavel-lockup-width:11.75rem;}
  html[data-zavel-design="v1"] .zavel-film {min-height:0;}
  html[data-zavel-design="v1"] .zavel-film-stage {padding-top:var(--zavel-header-height);padding-bottom:0;}
  html[data-zavel-design="v1"] .zavel-film-scenes {
    inset:auto;
    mask-image:none;
    margin:1rem var(--wp--preset--spacing--page-padding) 0;
    height:clamp(16rem,35.5svh,23rem);
  }
  html[data-zavel-design="v1"] .zavel-film-plate::after {background:none;}
  html[data-zavel-design="v1"] .zavel-film-photo {object-fit:cover;object-position:50% 30%;}
  html[data-zavel-design="v1"] .zavel-film-copy {
    width:auto;
    max-width:none;
    padding:1.25rem var(--wp--preset--spacing--page-padding) 0;
  }
  html[data-zavel-design="v1"] .zavel-film .zavel-eyebrow {
    margin-bottom:1rem;
    font-size:.75rem;
    line-height:1.5;
    letter-spacing:.06em;
  }
  html[data-zavel-design="v1"] .zavel-film h1 {
    font-size:clamp(2rem,8.7vw,3.5rem);
    line-height:1.03;
    margin-bottom:1.25rem;
    max-width:16em;
  }
  html[data-zavel-design="v1"] .zavel-film-chapters {max-width:none;padding-top:.85rem;}
  html[data-zavel-design="v1"] .zavel-film-lead {font-size:.875rem;line-height:1.6;margin-bottom:1.2rem;max-width:40rem;}
  html[data-zavel-design="v1"] .zavel-film-controls {
    left:auto;right:auto;bottom:auto;
    margin:1.4rem var(--wp--preset--spacing--page-padding) 0;
    padding:0 0 1.5rem;gap:.6rem;
  }
}


/* The wide-screen film settles inside its soft blend; the phone keeps its crop. */
html[data-zavel-design="v1"] {
  --zavel-header-height-solid: var(--zavel-header-height);
}
html[data-zavel-design="v1"] .zavel-film-scene.is-current .zavel-film-photo {
  animation-name: zavel-film-settle;
  transform-origin: right center;
}
@media (max-width: 900px) {
  html[data-zavel-design="v1"] .zavel-film-scene.is-current .zavel-film-photo {
    animation-name:zavel-film-settle-cover;
    transform-origin: 50% 30%;
  }
}

/* Only V1 inherits these pairs. The comparison controls keep their own type. */
html[data-zavel-design="v1"][data-zavel-type="cormorant"] {
  --wp--preset--font-family--serif:"Cormorant Garamond", Georgia, serif;
  --wp--preset--font-family--sans:"Sofia Sans", Arial, sans-serif;
}
html[data-zavel-design="v1"][data-zavel-type="lora"] {
  --wp--preset--font-family--serif:"Lora", Georgia, serif;
}
html[data-zavel-design="v1"][data-zavel-type="cormorant"] :is(h1,h2,h3) {
  font-weight:500;
}
/* At tablet widths the landscape source needs its full proportion. */
@media (min-width: 601px) and (max-width: 900px) {
  html[data-zavel-design="v1"] .zavel-film-scenes {
    height: auto;
    aspect-ratio: 1672 / 942;
  }
}
@media (max-width: 360px) {
  html[data-zavel-design="v1"] .zavel-film-controls {
    gap: .25rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  html[data-zavel-design="v1"] .zavel-film-pause {
    grid-column: 3;
    justify-self: end;
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-zavel-design="v1"] .zavel-film-scene.is-current .zavel-film-photo {
    animation: none;
    transform: none;
  }
}

/* Records use display type for the object and sans for its practical facts. */
html[data-zavel-design="v1"] :is(.single-zavel_collection, .single-zavel_edition) {
  --wp--preset--font-size--secondary: clamp(.9rem, .84rem + .2vw, 1rem);
}
html[data-zavel-design="v1"] :is(.single-zavel_collection, .single-zavel_edition) .zavel-eyebrow {
  font-weight: 500;
  letter-spacing: .09em;
  line-height: 1.6;
}
html[data-zavel-design="v1"] :is(.single-zavel_collection, .single-zavel_edition) .zavel-button {
  font-weight: 500;
  letter-spacing: .07em;
}
html[data-zavel-design="v1"] :is(.single-zavel_collection, .single-zavel_edition) .zavel-secondary-prose {
  line-height: 1.65;
}
html[data-zavel-design="v1"] :is(.zavel-hero-title, .zavel-panel-title) {
  letter-spacing: -.025em;
  line-height: 1.04;
  text-wrap: balance;
}
html[data-zavel-design="v1"] .single-zavel_collection .zavel-hero {
  padding: calc(var(--zavel-header-height) + 2rem) var(--wp--preset--spacing--page-padding) 0;
}
html[data-zavel-design="v1"] .single-zavel_collection .zavel-hero-image img {
  aspect-ratio: 16 / 9;
  max-height: none;
  min-height: 0;
}
html[data-zavel-design="v1"] .single-zavel_collection .zavel-hero-caption {
  background: transparent;
  display: block;
  font-weight: 400;
  letter-spacing: .06em;
  padding: .85rem 0 0;
  position: static;
}
html[data-zavel-design="v1"] .single-zavel_collection .zavel-hero-copy {
  max-width: 44rem;
  padding: 2rem 0 0;
}
html[data-zavel-design="v1"] .single-zavel_collection .zavel-hero-title {
  font-size: clamp(3rem, 4.7vw, 5.5rem);
  margin: .8rem 0 1.25rem;
}
html[data-zavel-design="v1"] .single-zavel_collection .zavel-statement {
  font-size: clamp(1.35rem, 1.8vw, 1.8rem);
  line-height: 1.4;
  margin: 0 0 1rem;
}
html[data-zavel-design="v1"] .single-zavel_collection .zavel-hero-copy .zavel-index-badge {
  margin-top: 1.75rem;
}
html[data-zavel-design="v1"] .single-zavel_collection .zavel-hero-copy .zavel-button {
  margin-top: 1.5rem;
}
html[data-zavel-design="v1"] :is(.single-zavel_collection, .single-zavel_edition) .zavel-record-body {
  padding-block: clamp(3rem, 6vw, 6rem);
}
html[data-zavel-design="v1"] :is(.zavel-notes h2, .zavel-story h2, .zavel-profile-heading h2, .zavel-practical h2, .zavel-closing h2) {
  font-size: clamp(2rem, 3.4vw, 3.5rem);
  letter-spacing: -.02em;
  line-height: 1.12;
  text-wrap: balance;
}
html[data-zavel-design="v1"] :is(.zavel-notes-copy p, .zavel-story-prose, .zavel-profile-summary) {
  font-family: var(--wp--preset--font-family--sans);
  font-size: clamp(1rem, .94rem + .2vw, 1.125rem);
  line-height: 1.75;
  max-width: 38rem;
}
html[data-zavel-design="v1"] .single-zavel_collection .zavel-notes-copy {
  margin-top: 1.75rem;
  padding-top: 1.75rem;
}
html[data-zavel-design="v1"] .single-zavel_collection .zavel-edition-card-copy h2 {
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.1;
  margin: .65rem 0;
}
html[data-zavel-design="v1"] .single-zavel_edition .zavel-panel {
  position: static;
}
html[data-zavel-design="v1"] .single-zavel_edition .zavel-panel-title {
  font-size: clamp(3.5rem, 6.5vw, 6.5rem);
  margin: .65rem 0;
}
html[data-zavel-design="v1"] .single-zavel_edition .zavel-price {
  font-family: var(--wp--preset--font-family--sans);
  font-size: 1.25rem;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
  margin: 1.4rem 0;
}
html[data-zavel-design="v1"] .single-zavel_edition .zavel-row {
  gap: .4rem 1.5rem;
  padding-block: .85rem;
}
html[data-zavel-design="v1"] .single-zavel_edition .zavel-row dt {
  font-weight: 500;
  letter-spacing: .04em;
}
html[data-zavel-design="v1"] .single-zavel_edition .zavel-row dd {
  font-family: var(--wp--preset--font-family--sans);
  font-size: .95rem;
  line-height: 1.6;
}
html[data-zavel-design="v1"] .single-zavel_edition .zavel-practical {
  border-top: 1px solid var(--zavel-line);
  padding-top: 1.5rem;
  position: static;
}
html[data-zavel-design="v1"] .single-zavel_edition .zavel-panel .zavel-enquiry {
  margin-top: 1.5rem;
}
html[data-zavel-design="v1"] .single-zavel_edition .zavel-panel .zavel-enquiry .zavel-button {
  width: 100%;
}
@media (min-width: 1120px) {
  html[data-zavel-design="v1"] .single-zavel_collection .zavel-hero {
    align-items: center;
    display: grid;
    gap: 3rem;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    padding-top: calc(var(--zavel-header-height) + 3rem);
    padding-bottom: 2rem;
  }
  html[data-zavel-design="v1"] .single-zavel_collection .zavel-hero-copy { padding: 0; }
  html[data-zavel-design="v1"] .single-zavel_collection .zavel-hero-image img {
    aspect-ratio: 4 / 3;
  }
  /* A single edition keeps the notes beside its card in the existing rail. */
  html[data-zavel-design="v1"] .single-zavel_collection .zavel-record-body:has(.zavel-editions-row) .zavel-notes {
    display: grid;
    gap: 3rem;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    border-top: 1px solid var(--zavel-line);
    padding-top: 2rem;
  }
  html[data-zavel-design="v1"] .single-zavel_collection .zavel-record-body:has(.zavel-editions-row) .zavel-notes-copy {
    border: 0;
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 640px) {
  html[data-zavel-design="v1"] .single-zavel_edition .zavel-row {
    grid-template-columns: minmax(8rem, .9fr) minmax(0, 1.1fr);
  }
}
@media (max-width: 600px) {
  html[data-zavel-design="v1"] .single-zavel_collection .zavel-hero { padding-top: calc(var(--zavel-header-height) + 1rem); }
  html[data-zavel-design="v1"] .single-zavel_collection .zavel-hero-title { font-size: clamp(2.5rem, 10vw, 3.5rem); }
  html[data-zavel-design="v1"] .single-zavel_collection .zavel-hero-copy { padding-top: 1.5rem; }
  html[data-zavel-design="v1"] .single-zavel_edition .zavel-breadcrumb { padding-bottom: 1.25rem; }
  html[data-zavel-design="v1"] .single-zavel_edition .zavel-panel-title { font-size: 3.75rem; }
}
/* The homepage continues the record hierarchy without changing its film or study. */
html[data-zavel-design="v1"] .zavel-collection-shelf {
  background: var(--zavel-paper);
  padding-block: clamp(2.5rem, 4vw, 4rem);
}
html[data-zavel-design="v1"] .zavel-collection-shelf-heading {
  gap: 1.25rem 2rem;
  margin-bottom: 1.75rem;
}
html[data-zavel-design="v1"] .zavel-collection-shelf-heading > p {
  font-family: var(--wp--preset--font-family--serif);
  font-size: clamp(1.75rem, 2.5vw, 2.5rem);
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.15;
  text-transform: none;
}
html[data-zavel-design="v1"] .zavel-collection-card-meta { padding-top: 1rem; gap: .5rem; }
html[data-zavel-design="v1"] .zavel-collection-card-meta h2 {
  font-size: clamp(1.4rem, 1.8vw, 1.8rem);
  line-height: 1.12;
  margin-bottom: .5rem;
}
html[data-zavel-design="v1"] .zavel-collection-shelf-grid .zavel-index-badge {
  border-bottom: 0;
  gap: .65rem;
  grid-template-columns: auto minmax(0, 1fr);
  margin-top: 1rem;
  padding-top: 1rem;
}
html[data-zavel-design="v1"] .zavel-collection-shelf-grid .zavel-index-badge strong { line-height: 1.3; }
html[data-zavel-design="v1"] .zavel-collection-shelf-grid > a:focus-visible {
  outline: 2px solid var(--zavel-focus);
  outline-offset: 4px;
}
html[data-zavel-design="v1"] .zavel-featured-section {
  border-top: 1px solid var(--zavel-line);
  padding-block: clamp(3.5rem, 6vw, 6rem);
}
html[data-zavel-design="v1"] .zavel-featured-section .zavel-split-heading { gap: 1.5rem 3rem; }
html[data-zavel-design="v1"] :is(.zavel-featured-section, .zavel-designer-story) .zavel-eyebrow {
  color: var(--zavel-clay-deep);
  font-weight: 500;
  letter-spacing: .09em;
  line-height: 1.6;
}
html[data-zavel-design="v1"] .zavel-featured-section h2 {
  font-size: clamp(2.2rem, 3.8vw, 4.25rem);
  letter-spacing: -.025em;
  line-height: 1.08;
}
html[data-zavel-design="v1"] :is(.zavel-featured-section, .zavel-designer-story) .zavel-section-intro {
  font-family: var(--wp--preset--font-family--sans);
  font-size: clamp(1rem, .94rem + .2vw, 1.125rem);
  line-height: 1.75;
}
html[data-zavel-design="v1"] .zavel-tile-meta h3 { font-size: 2.25rem; line-height: 1.1; margin-bottom: .5rem; }
html[data-zavel-design="v1"] .zavel-tile-small .zavel-tile-meta h3 { font-size: 1.65rem; }
html[data-zavel-design="v1"] .zavel-tile-meta p { line-height: 1.6; letter-spacing: .02em; }
html[data-zavel-design="v1"] .zavel-tile-meta > div:last-child > p:first-child { color: var(--zavel-charcoal); font-weight: 600; }
html[data-zavel-design="v1"] .zavel-detail-caption {
  background: var(--zavel-paper-soft);
  border-top: 2px solid var(--zavel-clay-deep);
  padding: clamp(1.25rem, 2vw, 2rem);
}
html[data-zavel-design="v1"] .zavel-detail-caption > p:not(.zavel-eyebrow) {
  font-size: clamp(1.4rem, 1.8vw, 1.85rem);
  line-height: 1.4;
}
html[data-zavel-design="v1"] :is(.zavel-featured-section, .zavel-designer-story) .zavel-text-link {
  font-weight: 500;
  line-height: 1.5;
  min-height: 44px;
}
html[data-zavel-design="v1"] .zavel-designer-story h2 {
  font-size: clamp(2.5rem, 4vw, 4.5rem);
  line-height: 1.08;
  letter-spacing: -.025em;
  text-wrap: balance;
  margin-bottom: 1.5rem;
}
html[data-zavel-design="v1"] .zavel-designer-story blockquote {
  border-left: 0;
  border-top: 2px solid var(--zavel-clay-deep);
  font-size: clamp(1.5rem, 2vw, 2rem);
  line-height: 1.4;
  margin-top: 1.75rem;
  padding: 1.5rem 0 0;
}
html[data-zavel-design="v1"] .zavel-designer-story .zavel-provenance {
  gap: 1rem 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  line-height: 1.6;
  margin-top: 2rem;
}
@media (min-width: 1121px) {
  html[data-zavel-design="v1"] .zavel-collection-shelf-grid {
    grid-template-columns: repeat(var(--zavel-preview-collection-count, 5), minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  html[data-zavel-design="v1"] .zavel-collection-shelf-grid {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: clamp(17rem, 72vw, 24rem);
    scrollbar-width: thin;
    scrollbar-color: var(--zavel-taupe) transparent;
  }
  html[data-zavel-design="v1"] .zavel-collection-shelf-grid::-webkit-scrollbar { display: block; height: 4px; }
  html[data-zavel-design="v1"] .zavel-collection-shelf-grid::-webkit-scrollbar-thumb { background: var(--zavel-taupe); }
}
@media (max-width: 400px) {
  html[data-zavel-design="v1"] .zavel-designer-story .zavel-provenance { grid-template-columns: 1fr; }
}

/* The comparison bar is also part of Current, so its offset applies there too. */
@media (min-width: 960px) {
  html[data-zavel-preview] .zavel-panel,
  html[data-zavel-preview] .single-zavel_edition .zavel-practical {
    top: calc(var(--zavel-preview-height) + var(--zavel-header-height) + 1.5rem);
  }
}

/* The studio and service pages use the same display/prose hierarchy as records. */
html[data-zavel-design="v1"] .zavel-designer-index-hero {
  padding-block: clamp(3rem, 6vw, 6rem);
}
html[data-zavel-design="v1"] :is(.zavel-designer-index-hero h1, .zavel-designer-hero h1, .zavel-page-main:not(:has(.zavel-specification)) h1) {
  font-size: clamp(2.75rem, 5.8vw, 5.5rem) !important;
  letter-spacing: -.025em;
  line-height: 1.08;
  text-wrap: balance;
}
html[data-zavel-design="v1"] .zavel-page-main:not(:has(.zavel-specification)) h2 {
  font-size: clamp(2rem, 3.4vw, 3.5rem) !important;
  letter-spacing: -.02em;
  line-height: 1.12;
  text-wrap: balance;
}
html[data-zavel-design="v1"] .zavel-page-main:not(:has(.zavel-specification)) :is(p:not(.zavel-micro-label), li),
html[data-zavel-design="v1"] .zavel-designer-hero .zavel-hero-copy > p:not(.zavel-eyebrow),
html[data-zavel-design="v1"] .zavel-designer-index-hero p:not(.zavel-eyebrow):not(.zavel-micro-label),
html[data-zavel-design="v1"] .zavel-designer-card-statement {
  font-family: var(--wp--preset--font-family--sans) !important;
  font-size: clamp(1rem, .94rem + .2vw, 1.125rem);
  line-height: 1.75;
}
html[data-zavel-design="v1"] .zavel-page-main:not(:has(.zavel-specification)) :is(.zavel-statement, p.has-lead-font-size) {
  font-size: clamp(1.125rem, 1.05rem + .25vw, 1.25rem) !important;
}
html[data-zavel-design="v1"] .zavel-page-main:not(:has(.zavel-specification)) .zavel-micro-label,
html[data-zavel-design="v1"] .zavel-designer-index-hero .zavel-eyebrow,
html[data-zavel-design="v1"] .zavel-designer-hero .zavel-eyebrow {
  color: var(--zavel-clay-deep) !important;
  font-weight: 500;
  letter-spacing: .09em;
  line-height: 1.6;
}
html[data-zavel-design="v1"] .zavel-designer-hero .zavel-quote {
  border-left: 0;
  border-top: 2px solid var(--zavel-clay-deep);
  font-size: clamp(1.375rem, 1.1rem + .7vw, 1.875rem);
  line-height: 1.4;
  padding: 1.25rem 0 0;
}
html[data-zavel-design="v1"] .single-zavel_designer .zavel-record-body {
  padding-block: clamp(3rem, 6vw, 6rem);
}