/* Žvilgsnis – a brow and lash studio. Direction "the sentence is the layout" (design-taste-frontend, seed 1681610750),
   chosen from eleven dealt directions because the name means "a glance": a narrow strip of eye and brow sits inside
   the headings where a word would be. Redraws: type (dealt Anton / Work Sans is the barber design's pair) →
   Gambarino / General Sans; palette (dealt "sand and moss" is the barber's moss) → the proportions of "putty and black"
   with the colour taken from the subject: putty ground, brow-black ink, one carmine – the mapping thread. Sections:
   pricing → "prices like a menu" (ten treatments, not one plan), how-it-works → "lines that step across" (the sibling
   hair design already owns big verbs over photographs).
   Gambarino only at display sizes (≥ 40px; under that the reading family). General Sans for everything read.
   Square corners everywhere; one button: a carmine rectangle. Grounds: dark cover → putty → stone step (the shapes)
   → putty → stone → putty → brow-black (contact) → stone footer. Tokens only (theme.css + design.json);
   motion: transform / opacity; everything visible without it. */
.theme-antakiai {
  --z-bg: var(--chalk);
  --z-bg2: var(--paper);
  --z-tx: var(--text);
  --z-soft: var(--ink-2);
  --z-acc: var(--gold);
  --z-m: clamp(20px, 4.4vw, 64px);
  --z-gap: clamp(12px, 1.4vw, 20px);
  --z-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);
  --z-lead: clamp(1.1875rem, 1.05rem + .55vw, 1.5rem);
  --z-say: clamp(2.75rem, 1.1rem + 6.4vw, 7rem);
  --z-head: clamp(2.5rem, 1.3rem + 3.6vw, 4.5rem);
  --z-disp: "Gambarino", "Times New Roman", serif;
  --z-text: "General Sans", system-ui, sans-serif;
  --z-sec: clamp(96px, 12vw, 200px);
  background: var(--z-bg); color: var(--z-tx);
  font-family: var(--z-text);
}
.theme-antakiai main { font-family: var(--z-text); font-size: var(--z-body); line-height: 1.55; }
.zv img { display: block; }
:where(.zv) figure { margin: 0; }
:where(.zv) p { margin: 0; }

/* the one button: a carmine rectangle; on the cover a white one */
.zv-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 54px; padding: 0 26px; border-radius: 0; background: var(--z-acc); color: var(--on-accent); font: 500 1rem/1 var(--z-text); letter-spacing: .005em; text-decoration: none; transition: transform .3s var(--z-ease), background-color .25s, color .25s; }
.zv-btn::after { content: "→"; transition: transform .35s var(--z-ease); }
.zv-btn:hover { background: var(--gold-deep); }
.zv-btn:hover::after { transform: translateX(5px); }
.zv-btn:active { transform: scale(.98); }
.zv-btn--light { background: var(--z-white); color: var(--z-tx); }
.zv-btn--light:hover { background: var(--z-acc); color: var(--on-accent); }
.zv-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--z-tx); font-weight: 500; text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--z-acc); text-underline-offset: 6px; transition: color .2s; }
.zv-link::after { content: "→"; text-decoration: none; transition: transform .35s var(--z-ease); }
.zv-link:hover { color: var(--gold-deep); }
.zv-link:hover::after { transform: translateX(4px); }
.zv a:focus-visible, .zv button:focus-visible, .zv summary:focus-visible { outline: 2px solid var(--z-acc); outline-offset: 3px; }

/* ── the sentence: display type with a glance – a strip of photograph one line tall – where a word would be ── */
.zv-say { margin: 0; font: 400 var(--z-say)/.98 var(--z-disp); letter-spacing: -.025em; text-wrap: balance; }
.zv-say > span { white-space: nowrap; }
.zv-say__pair { white-space: nowrap; }
.zv-glance { position: relative; display: inline-block; width: 2.3em; height: .74em; margin: 0 .06em; vertical-align: -.02em; overflow: hidden; background: var(--z-bg2); }
.zv-glance img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.zv-glance--map img { object-position: 52% 47%; }
.zv-glance--tools img { object-position: 50% 74%; }
.zv-glance--shape img { object-position: 50% 43%; opacity: 0; transition: opacity .5s var(--z-ease); }
.zv-glance--shape img.is-on { opacity: 1; }

/* ── cover: the brow close up; the name runs along the bottom edge like a film title ── */
.zv-cover { position: relative; height: 100svh; min-height: 560px; overflow: hidden; background: var(--z-night); color: var(--z-white); }
.zv-cover__img, .zv-cover__vid { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }
.zv-cover__vid { object-position: 70% 40%; opacity: 0; transition: opacity 1.4s ease; pointer-events: none; }
.zv-cover__vid.is-on { opacity: 1; }
.zv-cover::before { content: ""; position: absolute; inset: 0 0 auto; height: 180px; z-index: 1; background: linear-gradient(to bottom, var(--z-scrim), var(--z-scrim-0)); opacity: .75; } /* taste-skill-ignore: neutral scrim behind the header */
.zv-cover::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(to top, var(--z-scrim) 0%, var(--z-scrim-0) 100%); } /* taste-skill-ignore: neutral scrim behind the name */
.zv-cover__copy { position: absolute; z-index: 2; left: var(--z-m); right: var(--z-m); bottom: clamp(20px, 3.4vh, 40px); display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.zv-cover__name { margin: 0 0 .12em -.04em; font: 400 clamp(5.5rem, 19.5vw, 25rem)/.9 var(--z-disp); letter-spacing: -.035em; white-space: nowrap; }
.zv-cover__act { display: grid; justify-items: start; gap: 20px; max-width: 26ch; padding-bottom: .4vw; }
.zv-cover__lead { font: 500 var(--z-lead)/1.32 var(--z-text); letter-spacing: -.005em; text-wrap: pretty; }
@media (max-width: 1099px) {
  .zv-cover__copy { flex-direction: column; align-items: flex-start; gap: 22px; }
  .zv-cover__name { font-size: 25vw; margin: 0 0 0 -.05em; }
  .zv-cover__act { max-width: 32ch; padding: 0; }
}
@media (max-width: 699px) {
  .zv-cover__img { object-position: 64% 40%; }
  .zv-cover__vid { object-position: 50% 50%; }
  .zv-cover::after { inset: 30% 0 0; }
  .zv-cover__copy { flex-direction: column; align-items: flex-start; gap: 22px; }
  .zv-cover__name { font-size: 25.5vw; margin: 0 0 0 -.05em; }
  .zv-cover__act { max-width: 30ch; padding: 0; gap: 18px; }
}
@media (prefers-reduced-motion: no-preference) {
  .zv-cover__img { animation: zv-settle 2.6s var(--z-ease) both; }
  .zv-cover__name { animation: zv-rise 1.3s .1s var(--z-ease) both; }
  .zv-cover__lead { animation: zv-rise 1s .4s var(--z-ease) both; }
  .zv-cover .zv-btn { animation: zv-wipe .9s .6s var(--z-ease) both; }
}
@media (prefers-reduced-motion: reduce) { .zv-cover__vid { display: none; } }
@keyframes zv-settle { from { transform: scale(1.07); } }
@keyframes zv-rise { from { opacity: 0; transform: translateY(26px); } }
@keyframes zv-wipe { from { opacity: 0; transform: translateX(-18px); } }

/* ── the measure: the sentence, then the three marks on the thread and the mapping photograph ── */
.zv-intro { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: auto auto 1fr; column-gap: var(--z-gap); padding: var(--z-sec) var(--z-m) clamp(80px, 10vw, 160px); }
.zv-intro__title { grid-column: 1 / -1; margin-bottom: clamp(48px, 6vw, 96px); }
.zv-intro__text { grid-column: 1 / 7; grid-row: 2; max-width: 30ch; font: 500 var(--z-lead)/1.38 var(--z-text); letter-spacing: -.005em; }
.zv-marks { grid-column: 1 / 7; grid-row: 3; align-self: start; position: relative; display: grid; gap: 30px; margin: 56px 0 0; padding: 0 0 0 34px; list-style: none; }
.zv-marks::before { content: ""; position: absolute; left: 5px; top: 10px; bottom: 10px; width: 2px; background: var(--z-acc); transform-origin: 50% 0; } /* taste-skill-ignore: the mapping thread itself, not a divider */
.zv-marks__i { position: relative; display: grid; gap: 4px; max-width: 40ch; }
.zv-marks__i::before { content: ""; position: absolute; left: -34px; top: 6px; width: 12px; height: 12px; background: var(--z-acc); }
.zv-marks__i b { font-weight: 600; font-size: 1.25rem; line-height: 1.2; }
.zv-marks__i span { color: var(--z-soft); }
.zv-intro__pic { grid-column: 8 / 13; grid-row: 2 / 4; }
.zv-intro__pic img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.zv-intro__pic figcaption { margin-top: 14px; font-weight: 500; }
@media (prefers-reduced-motion: no-preference) {
  .zv-marks::before { transition: transform 1.4s var(--z-ease); }
  .zv-marks__i { transition: opacity .7s var(--z-ease), transform .7s var(--z-ease); }
  .zv-js .zv-marks:not(.is-in)::before { transform: scaleY(0); }
  .zv-js .zv-marks:not(.is-in) .zv-marks__i { opacity: 0; transform: translateY(14px); }
  .zv-marks__i:nth-child(2) { transition-delay: .3s; } .zv-marks__i:nth-child(3) { transition-delay: .6s; }
}
@media (max-width: 899px) {
  .zv-intro__text, .zv-marks, .zv-intro__pic { grid-column: 1 / -1; grid-row: auto; }
  .zv-intro__pic { margin-top: 48px; }
  .zv-intro__pic img { aspect-ratio: 4 / 4.4; object-position: 50% 40%; }
  .zv-marks { margin-top: 40px; }
}

/* ── the live thing: one eye, four brows. On a desktop the stage holds while four marks pass under it ── */
.zv-cmp { position: relative; background: var(--z-bg2); }
.zv-cmp__stage { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--z-gap); align-items: center; padding: clamp(88px, 10vw, 160px) var(--z-m); }
.zv-cmp__words { grid-column: 1 / 7; }
.zv-cmp__title { font-size: clamp(2.75rem, 1rem + 4.6vw, 5.5rem); }
.zv-cmp__hint { margin-top: 24px; max-width: 42ch; }
.zv-shapes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 36px; }
.zv-shape { display: grid; justify-items: start; gap: 10px; min-height: 84px; padding: 14px 14px 12px; border: 0; border-radius: 0; background: var(--z-bg); color: var(--z-tx); font: 500 1rem/1.2 var(--z-text); text-align: left; cursor: pointer; transition: background-color .25s, color .25s, transform .25s var(--z-ease); }
.zv-shape svg { width: 52px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.zv-shape:hover { background: var(--z-white); }
.zv-shape:active { transform: scale(.98); }
.zv-shape[aria-pressed="true"] { background: var(--z-tx); color: var(--z-bg); }
.zv-shape[aria-pressed="true"] svg { stroke: var(--z-thread); }
.zv-cmp__abouts { display: grid; margin-top: 32px; }
.zv-cmp__about { grid-area: 1 / 1; display: grid; align-content: start; gap: 14px; }
.zv-js .zv-cmp__about:not(.is-on) { visibility: hidden; opacity: 0; }
.zv-cmp__about { transition: opacity .45s var(--z-ease); }
.zv-cmp__name { margin: 0; font: 600 1.375rem/1.2 var(--z-text); letter-spacing: -.01em; }
.zv-cmp__about > p { max-width: 46ch; }
.zv-cmp__svc { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 20px; max-width: 46ch; padding: 14px 0 4px; font-weight: 500; }
.zv-cmp__svc b { font-weight: 600; font-variant-numeric: tabular-nums; }
.zv-cmp__about .zv-btn { justify-self: start; margin-top: 6px; }
.zv-cmp__note { margin-top: 28px; color: var(--z-soft); font-size: 1rem; }
.zv-cmp__frame { grid-column: 8 / 13; position: relative; display: grid; }
.zv-cmp__photo { grid-area: 1 / 1; position: relative; }
.zv-cmp__photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 40%; }
.zv-cmp__photo figcaption { position: absolute; left: 0; bottom: 0; padding: 10px 16px; background: var(--z-tx); color: var(--z-bg); font-weight: 500; }
.zv-js .zv-cmp__photo:not(.is-on) { opacity: 0; }
.zv-cmp__photo { transition: opacity .55s var(--z-ease); }
.zv-cmp__photo.is-new img { animation: zv-look .9s var(--z-ease) both; }
@keyframes zv-look { from { transform: scale(1.04); } }
.zv-cmp__marks { display: none; }
/* without the script every shape's text stays readable, one under the other */
html:not(.zv-js) .zv-cmp__about { grid-area: auto; margin-bottom: 28px; }
/* pinned on a desktop: the section is four short screens tall, the stage sticks, a mark per shape passes the middle */
@media (min-width: 900px) {
  .zv-pin .zv-cmp { height: 300svh; }
  .zv-pin .zv-cmp__stage { position: sticky; top: 0; height: 100svh; min-height: 640px; padding-top: calc(var(--hd-h, 76px) + 24px); padding-bottom: 32px; }
  .zv-pin .zv-cmp__frame { align-self: center; height: calc(100svh - var(--hd-h, 76px) - 72px); max-height: 860px; }
  .zv-pin .zv-cmp__photo img { height: 100%; width: auto; max-width: 100%; margin-left: auto; }
  .zv-pin .zv-cmp__photo figcaption { left: auto; right: 0; }
  .zv-pin .zv-cmp__marks { position: absolute; inset: 0; display: flex; flex-direction: column; pointer-events: none; }
  .zv-pin .zv-cmp__marks i { flex: 1; }
}
@media (max-width: 899px) {
  .zv-cmp__stage { display: flex; flex-direction: column; align-items: stretch; }
  .zv-cmp__words { display: contents; }
  .zv-cmp__title { order: 1; }
  .zv-cmp__hint { order: 2; }
  .zv-cmp__frame { order: 3; margin-top: 32px; }
  .zv-shapes { order: 4; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 6px; }
  .zv-cmp__abouts { order: 5; }
  .zv-cmp__note { order: 6; }
  .zv-cmp__photo img { aspect-ratio: 4 / 4.2; }
}

/* ── the price list, set like a good menu: name and price on one baseline, joined by space only ── */
.zv-menu { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--z-gap); padding: var(--z-sec) var(--z-m); scroll-margin-top: var(--hd-h); }
.zv-menu__side { grid-column: 1 / 4; display: grid; align-content: start; gap: 20px; }
.zv-menu__title { margin: 0; font: 400 var(--z-head)/.98 var(--z-disp); letter-spacing: -.02em; }
.zv-menu__text { max-width: 26ch; }
.zv-menu__pic { margin-top: 20px; }
.zv-menu__pic img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
/* desktop: the photograph ends where the price list ends – no empty stretch under either column */
@media (min-width: 900px) {
  .zv-menu__side { display: flex; flex-direction: column; gap: 20px; }
  .zv-menu__pic { flex: 1 1 auto; min-height: 220px; position: relative; }
  .zv-menu__pic img { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; }
}
.zv-menu__cols { grid-column: 5 / 13; display: grid; grid-template-columns: 1fr 1fr; column-gap: clamp(40px, 5vw, 80px); align-items: start; }
.zv-group__name { margin: 0 0 18px; font: 400 clamp(2.5rem, 1.6rem + 1.8vw, 3.25rem)/1 var(--z-disp); letter-spacing: -.015em; }
.zv-rows { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.zv-rows a { display: grid; gap: 4px; padding: 14px 0; color: var(--z-tx); text-decoration: none; }
.zv-rows__line { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; font-size: 1.1875rem; font-weight: 500; line-height: 1.3; }
.zv-rows__price { flex: none; font-variant-numeric: tabular-nums; transition: color .2s; }
.zv-rows__name { transition: color .2s; }
.zv-rows__text { max-width: 36ch; color: var(--z-soft); font-size: 1rem; line-height: 1.45; }
.zv-rows a:hover .zv-rows__name, .zv-rows a:hover .zv-rows__price { color: var(--gold-deep); }
.zv-rows a:hover .zv-rows__name { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
@media (max-width: 899px) {
  .zv-menu__side, .zv-menu__cols { grid-column: 1 / -1; }
  .zv-menu__side { grid-template-columns: 1fr; }
  .zv-menu__pic { width: 62%; margin: 8px 0 56px; }
  .zv-menu__cols { grid-template-columns: 1fr; row-gap: 48px; }
  .zv-rows__line { font-size: 1.0625rem; }
}

/* ── how a visit goes: four clauses that step down and to the right; the tint photograph in the corner they leave ── */
.zv-how { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--z-gap); padding: clamp(88px, 10vw, 168px) var(--z-m); background: var(--z-bg2); }
.zv-steps { display: contents; list-style: none; }
.zv-steps__i { grid-column: var(--from) / 13; display: grid; gap: 12px; margin-bottom: clamp(40px, 4.5vw, 64px); }
.zv-steps__i--1 { --from: 1; } .zv-steps__i--2 { --from: 3; } .zv-steps__i--3 { --from: 5; } .zv-steps__i--4 { --from: 7; margin-bottom: 0; }
.zv-steps__line { font: 400 clamp(2.5rem, 1.1rem + 4.2vw, 5rem)/1 var(--z-disp); letter-spacing: -.02em; }
.zv-steps__i--4 .zv-steps__line { color: var(--gold-deep); }
.zv-steps__text { max-width: 36ch; }
.zv-how__pic { grid-column: 1 / 5; grid-row: 3 / 5; align-self: end; }
.zv-how__pic img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
@media (max-width: 899px) {
  .zv-steps__i { grid-column: 1 / -1; padding-left: calc((var(--from) - 1) * 3vw); margin-bottom: 40px; }
  .zv-steps__line { font-size: clamp(2.25rem, 9.6vw, 3.25rem); }
  .zv-how__pic { grid-column: 1 / -1; grid-row: auto; width: 74%; margin-top: 48px; }
}

/* ── about: a big paragraph with the portrait floated into it like a drop capital; facts at the left ── */
.zv-about { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--z-gap); padding: var(--z-sec) var(--z-m); }
.zv-facts { grid-column: 1 / 3; display: grid; align-content: start; gap: 22px; margin: 0; }
.zv-facts dt { color: var(--z-soft); font-size: 1rem; }
.zv-facts dd { margin: 2px 0 0; font-weight: 600; font-size: 1rem; }
.zv-about__body { grid-column: 4 / 13; }
.zv-about__text { font: 400 clamp(1.5rem, 1rem + 1.15vw, 2.25rem)/1.24 var(--z-text); letter-spacing: -.012em; text-wrap: pretty; }
.zv-about__text--2 { clear: left; margin-top: 1.2em; color: var(--z-soft); }
.zv-about__face { float: left; width: 3.6em; height: 3.6em; margin: .2em .5em 0 0; overflow: hidden; }
.zv-about__face img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 16%; }
.zv-about__foot { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 32px; margin-top: clamp(48px, 5vw, 72px); }
.zv-next { flex: 1 1 340px; max-width: 520px; }
.zv-next__word { margin: 0 0 10px; font: 600 1.0625rem/1.3 var(--z-text); }
.zv-next__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.zv-next__list a { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 18px; padding: 16px 18px; background: var(--z-tx); color: var(--z-bg); text-decoration: none; font-weight: 500; transition: background-color .2s; }
.zv-next__list a:hover { background: var(--z-acc); color: var(--on-accent); }
.zv-next__v b { font-weight: 600; }
.zv-next .next-place { color: inherit; }
@media (max-width: 899px) {
  .zv-facts { grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 48px; }
  .zv-about__body { grid-column: 1 / -1; }
  .zv-about__text { font-size: 1.375rem; line-height: 1.28; }
  .zv-about__face { width: 5em; height: 5em; }
}
@media (max-width: 479px) { .zv-facts { grid-template-columns: 1fr 1fr; } }

/* ── questions: the wide heading, then the questions indented to the right third ── */
.zv-faq { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--z-gap); padding: clamp(88px, 10vw, 168px) var(--z-m); background: var(--z-bg2); }
.zv-faq__title { grid-column: 1 / -1; margin-bottom: clamp(48px, 5.5vw, 80px); font-size: clamp(2.75rem, 1rem + 5vw, 6rem); }
.zv-faq__list { grid-column: 5 / 13; display: grid; gap: 6px; }
.zv-q { margin: 0 -24px; padding: 0 24px; transition: background-color .3s; }
.zv-q[open] { background: var(--z-bg); }
.zv-q summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; min-height: 64px; padding: 14px 0; font: 500 clamp(1.1875rem, 1rem + .5vw, 1.4375rem)/1.3 var(--z-text); letter-spacing: -.008em; cursor: pointer; list-style: none; transition: color .2s; }
.zv-q summary::-webkit-details-marker { display: none; }
.zv-q summary::after { content: ""; flex: none; width: 11px; height: 11px; margin-right: 4px; border-right: 2px solid var(--z-acc); border-bottom: 2px solid var(--z-acc); transform: translateY(-3px) rotate(45deg); transition: transform .35s var(--z-ease); }
.zv-q[open] summary::after { transform: translateY(3px) rotate(-135deg); }
.zv-q summary:hover { color: var(--gold-deep); }
.zv-q p { max-width: 52ch; padding: 0 0 24px; }
@media (max-width: 899px) {
  .zv-faq__list { grid-column: 1 / -1; }
  .zv-q { margin: 0 calc(-1 * var(--z-m)); padding: 0 var(--z-m); }
}

/* ── contact: brow-black field; the sentence at the top, the address as display type, places at the foot ── */
.zv-contact { display: grid; grid-template-rows: auto 1fr auto; min-height: 92svh; padding: clamp(80px, 9vw, 140px) var(--z-m) clamp(40px, 5vw, 64px); background: var(--z-night); color: var(--z-night-tx); scroll-margin-top: var(--hd-h); }
.zv-contact__line { max-width: 34ch; font: 500 var(--z-lead)/1.38 var(--z-text); }
.zv-contact__mail { align-self: center; margin: clamp(56px, 8vw, 120px) 0; color: var(--z-night-tx); font: 400 clamp(2.5rem, .8rem + 7.6vw, 9.25rem)/1 var(--z-disp); letter-spacing: -.03em; text-decoration: none; transition: color .3s; }
.zv-contact__mail span { display: inline-block; white-space: nowrap; }
.zv-contact__mail:hover { color: var(--z-thread); }
.zv-contact__foot { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px var(--z-gap); align-items: start; }
.zv-place h3 { margin: 0 0 6px; font: 600 1.0625rem/1.3 var(--z-text); }
.zv-place__addr { color: var(--z-night-tx); font-weight: 500; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 5px; }
.zv-place__addr:hover { color: var(--z-thread); }
.zv-place__hours { display: grid; gap: 2px; margin-top: 10px; color: var(--z-night-soft); font-size: 1rem; font-variant-numeric: tabular-nums; }
.zv-contact__act { display: grid; justify-items: end; gap: 16px; }
.zv-contact__tel { color: var(--z-night-tx); font-size: 1.25rem; font-weight: 500; text-decoration: none; }
.zv-contact__tel:hover { color: var(--z-thread); }
@media (max-width: 899px) {
  .zv-contact { min-height: 0; }
  .zv-contact__mail span { display: block; }
  .zv-contact__mail { font-size: clamp(2.5rem, 12.4vw, 5rem); line-height: 1.02; }
  .zv-contact__foot { grid-template-columns: 1fr 1fr; }
  .zv-contact__act { grid-column: 1 / -1; justify-items: start; }
}
@media (max-width: 479px) { .zv-contact__foot { grid-template-columns: 1fr; } }

/* ── entrances: the parts of each section, staggered, once (only when antakiai.js has marked the html) ── */
@media (prefers-reduced-motion: no-preference) {
  .zv-js .zv-in { transition: opacity .9s var(--z-ease) var(--d, 0s), transform .9s var(--z-ease) var(--d, 0s); }
  .zv-js .zv-in:not(.is-in) { opacity: 0; transform: translateY(28px); }
  .zv-js .zv-glance.zv-in:not(.is-in) { transform: scaleX(.2); }
  .zv-glance.zv-in { transform-origin: 0 50%; transition-duration: 1.2s; }
}

/* ── header: a plain putty bar, no blur; over the cover it is transparent with white words ── */
.theme-antakiai .hd::before { background: var(--z-bg); backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; } /* taste-skill-ignore: removes the base shadow / blur */
.theme-antakiai .hd--over:not(.is-solid) { color: var(--z-white); }
.theme-antakiai .b-mark .b-gilt { color: var(--z-tx); font-family: var(--z-disp); font-weight: 400; font-size: 1.75rem; line-height: 1; letter-spacing: -.02em; text-transform: none; text-shadow: none; } /* taste-skill-ignore: removes the base shadow */
.theme-antakiai .hd--over:not(.is-solid) .b-gilt { color: var(--z-white); }
.theme-antakiai .b-book { height: 46px; padding: 0 20px; border-radius: 0; background: var(--z-acc); color: var(--on-accent); font: 500 15px/1 var(--z-text); letter-spacing: .005em; }
.theme-antakiai .b-book:hover, .theme-antakiai .b-book[aria-current] { background: var(--gold-deep); }
.theme-antakiai .b-nav__link, .theme-antakiai .b-lang a { font-family: var(--z-text); font-weight: 500; }
@media (min-width: 900px) {
  .theme-antakiai .b-mark .b-gilt { font-size: 2rem; }
  .theme-antakiai .b-book { height: 50px; padding: 0 24px; font-size: 16px; }
}

/* ── the shared pages in this design: services, the artist, booking, contact ── */
.theme-antakiai h1, .theme-antakiai h2 { font-family: var(--z-disp); font-weight: 400; }
.theme-antakiai .salon-h1 { font: 400 clamp(3rem, 1.4rem + 6vw, 7.5rem)/.95 var(--z-disp); letter-spacing: -.03em; text-transform: none; }
.theme-antakiai .pagehead__text { max-width: 46ch; color: var(--z-tx); font-size: var(--z-lead); line-height: 1.4; }
.theme-antakiai .btn--gold, .theme-antakiai .btn--cobalt, .theme-antakiai .b-btn--gilt, .theme-antakiai .btn--accent { background: var(--z-acc); background-image: none; color: var(--on-accent); box-shadow: none; border-radius: 0; font-family: var(--z-text); font-weight: 500; } /* taste-skill-ignore: removes the base shadow */
.theme-antakiai .btn--gold:hover, .theme-antakiai .b-btn--gilt:hover, .theme-antakiai .btn--accent:hover { background: var(--gold-deep); }
.theme-antakiai .b-btn--gilt::after, .theme-antakiai .btn--accent::after { display: none; }
.theme-antakiai .btn, .theme-antakiai .consent, .theme-antakiai .chip, .theme-antakiai .panel, .theme-antakiai .field input, .theme-antakiai .field textarea, .theme-antakiai .field select { border-radius: 0; }
/* services: groups as menu pages – the name large, every treatment one row: name, time, price, book */
.theme-antakiai .chip { background: var(--z-bg2); box-shadow: none; font-weight: 500; } /* taste-skill-ignore: removes the base shadow / blur */
.theme-antakiai .chip:hover { background: var(--z-tx); color: var(--z-bg); }
.theme-antakiai .svc__name { font: 400 clamp(2.75rem, 1.4rem + 4vw, 5rem)/1 var(--z-disp); letter-spacing: -.02em; text-transform: none; }
.theme-antakiai .svc__text { color: var(--z-soft); font-size: 1.0625rem; }
.theme-antakiai .svc__tickets { gap: 4px; }
.theme-antakiai .ticket { --stub: 220px; border-radius: 0; background: var(--z-bg2); box-shadow: none; -webkit-mask: none; mask: none; transition: background-color .25s; } /* taste-skill-ignore: removes the base ticket shadow and notches */
.theme-antakiai .ticket:has(.ticket__book:hover) { transform: none; box-shadow: none; background: var(--z-tx); color: var(--z-bg); } /* taste-skill-ignore: removes the base hover shadow */
.theme-antakiai .ticket:has(.ticket__book:hover) .ticket__text, .theme-antakiai .ticket:has(.ticket__book:hover) .ticket__time, .theme-antakiai .ticket:has(.ticket__book:hover) .ticket__book, .theme-antakiai .ticket:has(.ticket__book:hover) .ticket__price { color: var(--z-bg); }
.theme-antakiai .ticket__main { padding: 20px 24px; }
.theme-antakiai .ticket__name { font: 500 1.1875rem/1.25 var(--z-text); }
.theme-antakiai .ticket__text { color: var(--z-soft); font-size: 1rem; }
.theme-antakiai .ticket__stub { grid-template-columns: auto auto; grid-template-areas: "time price" "book book"; justify-content: space-between; align-items: baseline; column-gap: 16px; padding: 18px 24px 16px 0; border-left: 0; }
.theme-antakiai .ticket__time { grid-area: time; color: var(--z-soft); font-size: 1rem; }
.theme-antakiai .ticket__price { grid-area: price; justify-self: end; color: var(--z-tx); font: 600 1.25rem/1 var(--z-text); }
.theme-antakiai .ticket__price small { font-size: .875rem; color: inherit; }
.theme-antakiai .ticket__book { grid-area: book; justify-self: end; color: var(--gold-deep); font-size: 1rem; font-weight: 500; }
@media (min-width: 900px) {
  .theme-antakiai .svc__group { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: clamp(32px, 4vw, 72px); align-items: start; }
  .theme-antakiai .svc__head { position: sticky; top: calc(var(--hd-h, 76px) + 24px); }
}
@media (max-width: 599px) {
  .theme-antakiai .ticket { --stub: 128px; }
  .theme-antakiai .ticket__main { padding: 16px 0 16px 16px; }
  .theme-antakiai .ticket__stub { grid-template-columns: 1fr; grid-template-areas: "price" "time" "book"; justify-items: end; padding: 16px 16px 14px 0; row-gap: 4px; }
  .theme-antakiai .ticket__time { justify-self: end; font-size: .9375rem; }
}
/* the artist: the portrait (the demo staff have no uploaded photo, so it comes from this design's own pictures) */
.theme-antakiai .crew__photo { min-height: 0; }
.theme-antakiai .crew__photo:empty { aspect-ratio: 4 / 5; background: var(--z-bg2) url(/designs/antakiai/img/z-artist-1600.webp) 50% 20% / cover no-repeat; }
.theme-antakiai .crew__person:nth-child(2) .crew__photo:empty { background-image: url(/designs/antakiai/img/z-map-1600.webp); background-position: 80% 12%; }
.theme-antakiai .crew__person:nth-child(3) .crew__photo:empty { background-image: url(/designs/antakiai/img/z-ext-1600.webp); background-position: 70% 30%; }
.theme-antakiai .crew__photo img { border-radius: 0; }
.theme-antakiai .crew__photo:empty::before { content: none; }
.theme-antakiai .crew__name { font: 400 clamp(3.5rem, 1.6rem + 6vw, 7.5rem)/.92 var(--z-disp); letter-spacing: -.03em; text-transform: none; }
.theme-antakiai .crew__role { margin-top: 14px; color: var(--gold-deep); font-weight: 600; font-size: 1.0625rem; }
.theme-antakiai .crew__bio { color: var(--z-tx); max-width: 40ch; }
.theme-antakiai .crew__facts > div { border-top: 0; padding: 14px 0; }
.theme-antakiai .crew__facts > div + div { border-top: 0; }
.theme-antakiai .crew__facts { gap: 4px; }
.theme-antakiai .crew__facts > div { background: var(--z-bg2); padding: 14px 18px; }
.theme-antakiai .crew__facts dt { color: var(--z-soft); font-size: .9375rem; }
.theme-antakiai .crew__facts dd b { color: var(--gold-deep); }
@media (min-width: 900px) { .theme-antakiai .crew__person { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; } }
/* booking: square steps, small headings in the reading family (the display face only for large words) */
.theme-antakiai .bk-step, .theme-antakiai .bk-sum__box { border-radius: 0; box-shadow: none; background: var(--z-bg2); } /* taste-skill-ignore: removes the base shadow / blur */
.theme-antakiai .bk-step.is-open { box-shadow: inset 0 0 0 2px var(--z-tx); } /* taste-skill-ignore: the open step's frame */
.theme-antakiai .bk-step__title, .theme-antakiai .bk-sum__title, .theme-antakiai .bk-group__name { font-family: var(--z-text); font-weight: 600; letter-spacing: -.005em; text-transform: none; }
.theme-antakiai .bk-step__title { font-size: 1.3125rem; }
.theme-antakiai .bk-sum__title { font-size: 1.25rem; }
.theme-antakiai .bk-step__n { border-radius: 0; }
.theme-antakiai .bk-svc__box, .theme-antakiai .bk-person__box, .theme-antakiai .bk-place__box, .theme-antakiai .cal__day, .theme-antakiai .cal__nav, .theme-antakiai .bk-step__change { border-radius: 0; }
.theme-antakiai .bk-svc__box { background: var(--z-bg); box-shadow: none; } /* taste-skill-ignore: removes the base shadow / blur */
.theme-antakiai .bk-sum__price { font-family: var(--z-text); font-weight: 600; }
/* contact page */
.theme-antakiai .contact__cards > * { border-radius: 0; box-shadow: none; } /* taste-skill-ignore: removes the base shadow / blur */
.theme-antakiai .panel { box-shadow: none; background: var(--z-bg2); } /* taste-skill-ignore: removes the base shadow / blur */
.theme-antakiai .field input, .theme-antakiai .field textarea, .theme-antakiai .field select { background: var(--z-bg); }
/* places (contact page, footer): flat stone, square, readable */
.theme-antakiai .place { border-radius: 0; box-shadow: none; background: var(--z-bg2); color: var(--z-tx); } /* taste-skill-ignore: removes the base shadow */
.theme-antakiai .place__name { font: 600 1.25rem/1.2 var(--z-text); letter-spacing: -.005em; text-transform: none; }
.theme-antakiai .place__addr, .theme-antakiai .place__nav span { color: var(--z-tx); }
.theme-antakiai .place__nav a { border-radius: 0; box-shadow: none; background: var(--z-bg); color: var(--z-tx); } /* taste-skill-ignore: removes the base inset outline */
.theme-antakiai .place__nav a:hover { background: var(--z-tx); color: var(--z-bg); }
.theme-antakiai .hours__row dt { color: var(--z-soft); }

/* ── footer: the stone step, the name across, the places flat on it ── */
.theme-antakiai .ft { background: var(--z-bg2); color: var(--z-tx); border-top: 0; font-family: var(--z-text); }
.theme-antakiai .ft a, .theme-antakiai .ft .linkbtn { color: var(--z-tx); }
.theme-antakiai .ft a:hover { color: var(--gold-deep); }
.theme-antakiai .b-ft__head, .theme-antakiai .b-ft__legal { color: var(--z-soft); }
.theme-antakiai .b-ft__sign .b-gilt { display: inline-block; padding-top: .1em; line-height: 1; color: var(--z-tx); font-family: var(--z-disp); font-weight: 400; letter-spacing: -.035em; text-transform: none; text-shadow: none; } /* taste-skill-ignore: removes the base shadow */
.theme-antakiai .b-ft__tagline { color: var(--z-tx); font-family: var(--z-text); font-weight: 500; }
.theme-antakiai .ft .place { padding: 0 0 18px; background: none; }
.theme-antakiai .ft .place__addr, .theme-antakiai .ft .place__map { color: var(--z-tx); }
.page-home.theme-antakiai .b-ft__grid > .b-ft__col:has(.places) { display: none; }

/* round 2: the services as one column of rows; the current page in the nav in the deep carmine; step numbers in the reading face */
.theme-antakiai .svc__tickets { grid-template-columns: minmax(0, 1fr); }
.theme-antakiai .b-nav__link[aria-current], .theme-antakiai .b-nav__link:hover { color: var(--gold-deep); }
.theme-antakiai .hd--over:not(.is-solid) .b-nav__link:hover { color: var(--z-white); }
.theme-antakiai .bk-step__n { font-family: var(--z-text); font-weight: 600; }