.hero {
  position: relative;
  padding-top: calc(var(--header-h) + clamp(24px, 5vw, 72px));
  padding-bottom: var(--section-pad);
  overflow: clip;
}

.hero__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--col-gap);
  row-gap: var(--s-5);
  align-items: start;
}

.hero__grid > * { min-width: 0; }

.hero__text {
  grid-column: 1 / -1;
  position: relative;
  z-index: 2;
}

.hero__eyebrow { margin-bottom: clamp(20px, 3vw, 40px); }

.hero__title {
  font-size: var(--fs-hero);
  line-height: var(--lh-tight);
  letter-spacing: var(--track-display);
  max-width: 11.5em;
  text-wrap: balance;
}

.hero__title em { color: var(--ink); }

.hero__stand {
  margin-top: clamp(24px, 3vw, 48px);
  max-width: 34rem;
  font-size: var(--fs-lead);
  line-height: 1.45;
  color: var(--ink-2);
  padding-left: clamp(0px, 4vw, 72px);
  border-left: 0;
}

.hero__actions {
  margin-top: clamp(28px, 3.5vw, 48px);
  display: flex;
  flex-wrap: wrap;
  gap: 12px 14px;
  padding-left: clamp(0px, 4vw, 72px);
}

.hero__media {
  grid-column: 3 / -1;
  position: relative;
  z-index: 1;
}

.hero__frame {
  position: relative;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  background: var(--paper-2);
}

.hero__photo {
  position: absolute;
  inset: -7% 0;
}

.hero__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 40% 30%;
}

.hero__plate {
  position: relative;
  z-index: 2;
  margin-top: -1px;
  margin-left: clamp(-56px, -4vw, -20px);
  width: min(100%, 20rem);
  padding: 14px 16px 16px;
  background: var(--paper);
  border-top: 1px solid var(--ink);
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: 0.06em;
  line-height: 1.7;
  color: var(--ink-3);
}

.hero__plate .figure__num { display: block; margin-bottom: 2px; }

.hero__rule {
  display: none;
}

@media (min-width: 900px) {
  .hero { padding-bottom: clamp(96px, 9vw, 150px); }
  .hero__text { grid-column: 1 / span 8; padding-top: clamp(24px, 4vw, 64px); }
  .hero__media {
    grid-column: 9 / -1;
    margin-right: calc(var(--gutter) * -1);
    margin-top: 0;
  }
  .hero__frame { aspect-ratio: auto; height: min(92vh, 60rem); min-height: 34rem; }
  .hero__title { margin-right: clamp(-160px, -8vw, -40px); position: relative; z-index: 3; }
  .hero__rule {
    display: block;
    position: absolute;
    left: var(--gutter);
    right: 34%;
    bottom: clamp(48px, 5vw, 80px);
    border-top: 1px solid var(--rule);
  }
}

@media (max-width: 899px) {
  .hero__media { margin-right: calc(var(--gutter) * -1); }
  .hero__plate { margin-left: 0; }
}

@media (max-width: 480px) {
  .hero__media { grid-column: 2 / -1; }
}

.page-head {
  padding-top: calc(var(--header-h) + clamp(32px, 6vw, 96px));
  padding-bottom: clamp(48px, 6vw, 96px);
  border-bottom: 1px solid var(--rule);
}

.page-head__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-4) var(--col-gap);
  align-items: end;
}

.page-head__grid > * { min-width: 0; }

.page-head__title {
  font-size: var(--fs-d1);
  line-height: 1.02;
  letter-spacing: var(--track-display);
  font-variation-settings: "opsz" 96;
  max-width: 13em;
  margin-top: var(--s-3);
}

.page-head__lede {
  font-size: var(--fs-lead);
  line-height: 1.45;
  color: var(--ink-2);
  max-width: 30rem;
}

.page-head__meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: var(--s-3);
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: 0.08em;
  color: var(--ink-3);
}

@media (min-width: 900px) {
  .page-head__grid { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); }
  .page-head--legal .page-head__title { font-size: clamp(2.1rem, 4.8vw, 4.25rem); }
}

.section-label {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px solid var(--ink);
}

.section-label__num {
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: var(--track-caps);
  color: var(--accent);
}

.section-label__text {
  font-family: var(--feko-233);
  font-size: var(--fs-meta);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  color: var(--ink-3);
}

@media (min-width: 900px) {
  .section-label--sticky { position: sticky; top: calc(var(--header-h) + 24px); }
}

.section-title {
  font-size: var(--fs-h2);
  line-height: var(--lh-head);
  max-width: 16em;
}

.section-title + * { margin-top: var(--s-4); }

.essay__body {
  max-width: var(--measure-wide);
}

.essay__body p + p { margin-top: 1.1em; }

.essay__first {
  font-family: var(--feko-7e8);
  font-size: clamp(1.45rem, 2.6vw, 2.25rem);
  line-height: 1.28;
  color: var(--ink);
  font-variation-settings: "opsz" 48;
  margin-bottom: var(--s-4);
  text-indent: -0.42em;
}

.essay__pull {
  margin-top: var(--s-5);
  padding-top: var(--s-3);
  border-top: 1px solid var(--rule);
  font-family: var(--feko-7e8);
  font-style: italic;
  font-size: var(--fs-h4);
  line-height: 1.4;
  color: var(--ink);
  max-width: 28rem;
}

.preview__aside {
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
}

.preview__aside p { font-size: var(--fs-small); color: var(--ink-2); max-width: 22rem; }

@media (min-width: 900px) {
  .preview__aside { padding-top: 14px; border-top: 1px solid var(--rule); }
}

.duotone {
  position: relative;
  width: 100%;
  min-height: clamp(26rem, 78vh, 54rem);
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: var(--ink);
  color: var(--on-ink);
  isolation: isolate;
}

.duotone__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.duotone__layer {
  position: absolute;
  inset: -10% 0;
}

.duotone__layer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 45%;
  filter: grayscale(1) contrast(1.18) brightness(0.98);
}

.duotone__layer::before,
.duotone__layer::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.duotone__layer::before {
  background: var(--paper);
  mix-blend-mode: multiply;
  z-index: 1;
}

.duotone__layer::after {
  background: var(--ink);
  mix-blend-mode: lighten;
  z-index: 2;
}

.duotone__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top, rgba(22, 19, 15, 0.86) 0%, rgba(22, 19, 15, 0.5) 34%, rgba(22, 19, 15, 0.06) 64%, rgba(22, 19, 15, 0) 100%);
  pointer-events: none;
}

.duotone__type {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: var(--shell);
  margin-inline: auto;
  padding: clamp(96px, 16vh, 200px) var(--gutter) clamp(40px, 6vw, 88px);
}

.duotone__line {
  font-family: var(--feko-7e8);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(1.9rem, 5.6vw, 5.25rem);
  line-height: 1.04;
  letter-spacing: var(--track-display);
  font-variation-settings: "opsz" 96;
  color: var(--on-ink);
  max-width: 14em;
  text-wrap: balance;
}

.duotone__caption {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35em 1.2em;
  margin-top: clamp(20px, 3vw, 36px);
  padding-top: 12px;
  border-top: 1px solid var(--rule-on-ink);
  max-width: 40rem;
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: 0.08em;
  line-height: 1.7;
  color: var(--on-ink-2);
}

.duotone__caption .figure__num { color: #F0B8AC; }

.duotone--mini { min-height: clamp(16rem, 44vh, 28rem); }

@supports not (mix-blend-mode: multiply) {
  .duotone__layer img { opacity: 0.55; }
}

.timeline {
  border-top: 1px solid var(--ink);
  counter-reset: step;
}

.timeline__step {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px var(--col-gap);
  padding: clamp(22px, 3vw, 40px) 0;
  border-bottom: 1px solid var(--rule);
}

.timeline__step > * { min-width: 0; }

.timeline__when {
  font-family: var(--feko-233);
  font-size: var(--fs-meta);
  letter-spacing: 0.08em;
  color: var(--accent);
}

.timeline__when small {
  display: block;
  margin-top: 4px;
  font-size: var(--fs-micro);
  color: var(--ink-3);
  letter-spacing: 0.08em;
}

.timeline__name {
  font-family: var(--feko-7e8);
  font-size: var(--fs-h3);
  line-height: 1.12;
  color: var(--ink);
  font-weight: 400;
}

.timeline__body { margin-top: 10px; color: var(--ink-2); max-width: 34rem; }

@media (min-width: 640px) {
  .timeline__step { grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); }
}

.timeline__bar {
  margin-top: var(--s-4);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(max-content, 1fr));
  row-gap: 6px;
  border-top: 1px solid var(--ink);
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: 0.06em;
  color: var(--ink-3);
}

.timeline__bar span {
  padding-top: 8px;
  border-left: 1px solid var(--rule);
  padding-left: 6px;
  min-width: max-content;
}

.timeline__bar span.is-mark { color: var(--accent); border-left-color: var(--accent); }

.refusals__statement {
  font-family: var(--feko-7e8);
  font-size: var(--fs-h2);
  line-height: var(--lh-head);
  letter-spacing: var(--track-head);
  color: var(--ink);
  max-width: 11em;
}

.refusals__list {
  border-top: 1px solid var(--ink);
  counter-reset: refuse;
}

.refusals__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px var(--s-2);
  padding: clamp(20px, 2.6vw, 32px) 0;
  border-bottom: 1px solid var(--rule);
  counter-increment: refuse;
}

.refusals__item::before {
  content: counter(refuse, decimal-leading-zero);
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: 0.12em;
  color: var(--accent);
  padding-top: 0.45em;
}

.refusals__head {
  font-family: var(--feko-7e8);
  font-size: var(--fs-h4);
  line-height: 1.3;
  color: var(--ink);
  font-weight: 500;
}

.refusals__text { grid-column: 2; color: var(--ink-2); font-size: var(--fs-small); max-width: 34rem; }

.visit__facts {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--ink);
}

.visit__fact {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  padding: 16px 0;
  border-bottom: 1px solid var(--rule);
}

.visit__fact dt,
.visit__key {
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  color: var(--ink-3);
}

.visit__fact dd,
.visit__val {
  font-size: var(--fs-body);
  color: var(--ink);
  overflow-wrap: anywhere;
}

.visit__fact address { font-style: normal; }

.visit__form-wrap {
  padding: clamp(24px, 4vw, 56px);
  background: var(--paper-2);
  border-top: 2px solid var(--ink);
}

.visit__form-title {
  font-size: var(--fs-h3);
  margin-bottom: var(--s-3);
}

.collection-intro__note {
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: 0.06em;
  line-height: 1.75;
  color: var(--ink-3);
  max-width: 26rem;
}

.gown-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}

.gown-nav a {
  display: inline-flex;
  align-items: center;
  gap: 0.7em;
  min-height: 48px;
  padding: 12px 18px 12px 0;
  margin-right: 18px;
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-2);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out);
}

.gown-nav a span { color: var(--accent); }
.gown-nav a:hover { color: var(--ink); border-bottom-color: var(--ink); }
.gown-nav a:active { color: var(--accent); }
.gown-nav a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.gown {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(28px, 4vw, 72px) var(--col-gap);
  padding-block: clamp(56px, 8vw, 136px);
  border-top: 1px solid var(--rule);
}

.gown > * { min-width: 0; }
.gown > span:empty { position: absolute; width: 0; height: 0; }

.gown__index {
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  color: var(--ink-3);
}

.gown__index b { color: var(--accent); font-weight: 400; margin-right: 0.8em; }

.gown__title {
  margin-top: var(--s-2);
  font-size: clamp(2rem, 4.6vw, 3.9rem);
  line-height: 1.02;
  letter-spacing: var(--track-display);
  font-variation-settings: "opsz" 96;
}

.gown__lede {
  margin-top: var(--s-3);
  font-size: var(--fs-lead);
  line-height: 1.45;
  color: var(--ink);
  max-width: 32rem;
}

.gown__copy { margin-top: var(--s-3); max-width: var(--measure); }
.gown__copy p + p { margin-top: 1em; }

.gown__specs { margin-top: var(--s-4); }

.gown__actions {
  margin-top: var(--s-4);
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  align-items: center;
}

.gown__media .figure__media { aspect-ratio: 2 / 3; }
.gown__media .figure__media img { height: 100%; object-fit: cover; }

@media (min-width: 900px) {
  .gown { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); align-items: start; }
  .gown__media { position: sticky; top: calc(var(--header-h) + 24px); }
  .gown--flip { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); }
  .gown--flip .gown__media { order: 2; }
  .gown--flip .gown__body { order: 1; }
  .gown__body { padding-top: clamp(0px, 4vw, 64px); }
}

.about-lead {
  font-family: var(--feko-7e8);
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1.24;
  color: var(--ink);
  max-width: 24em;
  font-variation-settings: "opsz" 60;
}

.workroom {
  position: relative;
}

.workroom__frame {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  background: var(--paper-2);
}

.workroom__layer {
  position: absolute;
  inset: -8% 0;
}

.workroom__layer img { width: 100%; height: 100%; object-fit: cover; }

@media (min-width: 900px) {
  .workroom { margin-right: calc(var(--gutter) * -1); }
}

.checklist {
  border-top: 1px solid var(--ink);
}

.checklist__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px var(--col-gap);
  padding: 20px 0;
  border-bottom: 1px solid var(--rule);
}

.checklist__item > * { min-width: 0; }

.checklist__term {
  font-family: var(--feko-7e8);
  font-size: var(--fs-h4);
  font-weight: 500;
  color: var(--ink);
  line-height: 1.3;
}

.checklist__text { color: var(--ink-2); max-width: 36rem; }

@media (min-width: 640px) {
  .checklist__item { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
}

.glossary {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-top: 1px solid var(--ink);
}

.glossary__entry {
  padding: clamp(20px, 2.4vw, 30px) 0;
  border-bottom: 1px solid var(--rule);
  display: grid;
  gap: 6px;
  min-width: 0;
}

.glossary__term {
  font-family: var(--feko-7e8);
  font-size: clamp(1.35rem, 2.2vw, 1.85rem);
  line-height: 1.15;
  color: var(--ink);
}

.glossary__kind {
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent);
}

.glossary__def { color: var(--ink-2); font-size: var(--fs-small); line-height: 1.65; max-width: 34rem; }

@media (min-width: 760px) {
  .glossary { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--col-gap); }
}

.contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(40px, 6vw, 96px) var(--col-gap);
}

.contact-grid > * { min-width: 0; }

@media (min-width: 1000px) {
  .contact-grid { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); align-items: start; }
  .contact-aside { position: sticky; top: calc(var(--header-h) + 24px); }
}

.contact-aside {
  display: flex;
  flex-direction: column;
  gap: var(--s-4);
}

.contact-line {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  min-height: 44px;
  font-family: var(--feko-7e8);
  font-size: clamp(1.25rem, 2vw, 1.6rem);
  color: var(--ink);
  text-decoration: none;
  overflow-wrap: anywhere;
  border-bottom: 1px solid transparent;
  transition: color var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out);
}

.contact-line .icon { width: 1.1rem; height: 1.1rem; color: var(--accent); }
.contact-line:hover { color: var(--accent); border-bottom-color: var(--accent); }
.contact-line:active { color: var(--accent-deep); }
.contact-line:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.contact-address {
  font-style: normal;
  font-size: var(--fs-body);
  line-height: 1.6;
  color: var(--ink);
}

.bring-list {
  border-top: 1px solid var(--ink);
}

.bring-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--s-2);
  padding: 14px 0;
  border-bottom: 1px solid var(--rule);
  font-size: var(--fs-small);
  color: var(--ink-2);
}

.bring-list .icon { color: var(--accent); margin-top: 0.2em; }

.salon {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-4) var(--col-gap);
  align-items: end;
}

.salon > * { min-width: 0; }

.salon__frame {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  background: var(--paper-2);
}

.salon__layer { position: absolute; inset: -8% 0; }
.salon__layer img { width: 100%; height: 100%; object-fit: cover; }

@media (min-width: 900px) {
  .salon { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
  .salon__media { margin-right: calc(var(--gutter) * -1); }
}

.math {
  border-top: 1px solid var(--ink);
  font-variant-numeric: tabular-nums lining-nums;
}

.math__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--s-2);
  align-items: baseline;
  padding: 14px 0;
  border-bottom: 1px solid var(--rule);
}

.math__label { color: var(--ink-2); font-size: var(--fs-small); min-width: 0; }

.math__value {
  font-family: var(--feko-233);
  font-size: var(--fs-meta);
  letter-spacing: 0.06em;
  color: var(--ink);
  text-align: right;
}

.math__row--total { border-bottom-color: var(--ink); }
.math__row--total .math__value { color: var(--accent); }

.ink-flood {
  position: relative;
  background: var(--ink);
  color: var(--on-ink-2);
  padding-block: clamp(80px, 12vw, 200px);
  overflow: hidden;
  isolation: isolate;
}

.ink-flood::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(120% 90% at 0% 100%, rgba(142, 47, 34, 0.22), rgba(22, 19, 15, 0) 60%);
}

.ink-flood__line {
  font-family: var(--feko-7e8);
  font-style: italic;
  font-size: clamp(1.9rem, 5.2vw, 4.75rem);
  line-height: 1.05;
  letter-spacing: var(--track-display);
  color: var(--on-ink);
  max-width: 14em;
}

.ink-flood__meta {
  margin-top: var(--s-4);
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: center;
}

.ink-flood__meta .meta { color: var(--on-ink-3); }

.legal {
  padding-block: clamp(48px, 6vw, 104px) var(--section-pad);
}

.legal .prose { max-width: var(--measure-wide); }

.legal-table-wrap {
  margin-block: var(--s-4);
  border: 1px solid var(--rule);
  background: var(--paper);
}

.legal-table-wrap .data-table { border-top: 0; }
.legal-table-wrap .data-table th:first-child,
.legal-table-wrap .data-table td:first-child { padding-left: 16px; }

.legal-table-wrap:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.bases-table td:last-child { font-family: var(--feko-233); font-size: var(--fs-micro); letter-spacing: 0.06em; color: var(--ink); }

.cookie-table td code,
.cookie-table th code {
  font-family: var(--feko-233);
  font-size: 0.86em;
  background: var(--paper-2);
  padding: 0.1em 0.35em;
}

.signal-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-top: 1px solid var(--ink);
  margin-block: var(--s-3);
}

.signal-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--s-2);
  padding: 12px 0;
  border-bottom: 1px solid var(--rule);
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: 0.06em;
  color: var(--ink);
}

.signal-list li span:last-child { color: var(--accent); text-transform: uppercase; }

@media (min-width: 640px) {
  .signal-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--col-gap); }
}

.ptabs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.ptabs__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: thin;
  border-bottom: 1px solid var(--ink);
  position: sticky;
  top: var(--header-h);
  z-index: 5;
  background: var(--paper);
}

.ptabs__tab {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: baseline;
  gap: 0.7em;
  min-height: 56px;
  max-width: 16rem;
  padding: 16px 22px 14px 0;
  margin-right: 22px;
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: left;
  text-decoration: none;
  color: var(--ink-3);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: color var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out), background-color var(--dur-ui) var(--ease-out);
}

.ptabs__tab-num { color: var(--ink-3); transition: color var(--dur-ui) var(--ease-out); }
.ptabs__tab:hover { color: var(--ink); border-bottom-color: var(--ink); background: var(--paper-2); }
.ptabs__tab:active { color: var(--accent); background: var(--paper-3); border-bottom-color: var(--accent); }
.ptabs__tab:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.ptabs__tab[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--accent); }
.ptabs__tab[aria-selected="true"] .ptabs__tab-num { color: var(--accent); }

.ptabs__panel {
  padding-top: clamp(40px, 5vw, 80px);
}

.ptabs__panel:focus-visible { outline: 2px solid var(--accent); outline-offset: 6px; }

.ptabs__panel-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-4) var(--col-gap);
}

.ptabs__panel-grid > * { min-width: 0; }

@media (min-width: 1000px) {
  .ptabs__panel-grid { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); }
}

.ptabs__panel-head {
  font-size: var(--fs-h2);
  line-height: var(--lh-head);
  max-width: 14em;
  margin-bottom: var(--s-4);
}

.ptabs__aside {
  padding: clamp(20px, 2.6vw, 30px);
  background: var(--paper-2);
  border-top: 2px solid var(--ink);
  font-size: var(--fs-small);
  color: var(--ink-2);
  align-self: start;
}

.ptabs__aside .meta { display: block; color: var(--ink-3); margin-bottom: 8px; text-transform: uppercase; letter-spacing: var(--track-caps); }

.ptabs__summary {
  display: none;
}

html.no-js .ptabs__panel + .ptabs__panel { border-top: 1px solid var(--rule); margin-top: var(--s-5); }

@media (max-width: 767px) {
  .ptabs__list { display: none; }
  .ptabs__panel,
  .ptabs__panel[hidden] { display: block !important; padding-top: 0; border-bottom: 1px solid var(--rule); }
  .ptabs__panel:first-of-type { border-top: 1px solid var(--ink); }
  .ptabs__summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    width: 100%;
    min-height: 60px;
    padding: 16px 0;
    text-align: left;
    font-family: var(--feko-7e8);
    font-size: 1.25rem;
    line-height: 1.25;
    color: var(--ink);
    transition: color var(--dur-ui) var(--ease-out), background-color var(--dur-ui) var(--ease-out), padding var(--dur-ui) var(--ease-out);
  }
  .ptabs__summary-num { font-family: var(--feko-233); font-size: var(--fs-micro); letter-spacing: 0.1em; color: var(--accent); }
  .ptabs__summary .icon { transition: transform var(--dur-ui) var(--ease-out); color: var(--ink-3); }
  .ptabs__summary:hover { background: var(--paper-2); padding-inline: 8px; }
  .ptabs__summary:active { color: var(--accent); }
  .ptabs__summary:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
  .ptabs__summary[aria-expanded="true"] .icon { transform: rotate(180deg); color: var(--accent); }
  html.js .ptabs__panel:not(.is-open) .ptabs__body { display: none; }
  .ptabs__body { padding-bottom: var(--s-5); }
  .ptabs__panel-head { font-size: var(--fs-h3); }
}

.doc {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-4) var(--col-gap);
}

.doc > * { min-width: 0; }

.doc-index {
  display: none;
}

.doc-index__head {
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  color: var(--ink-3);
  padding-bottom: 12px;
  border-bottom: 1px solid var(--ink);
}

.doc-index__list { counter-reset: none; }

.doc-index__link {
  position: relative;
  display: grid;
  grid-template-columns: 2.4em minmax(0, 1fr);
  gap: 8px;
  min-height: 44px;
  padding: 11px 0 11px 14px;
  font-size: var(--fs-small);
  line-height: 1.4;
  color: var(--ink-3);
  text-decoration: none;
  border-bottom: 1px solid var(--rule);
  transition: color var(--dur-ui) var(--ease-out), background-color var(--dur-ui) var(--ease-out), padding-left var(--dur-ui) var(--ease-out);
}

.doc-index__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 2px;
  background: transparent;
  transition: background-color var(--dur-ui) var(--ease-out);
}

.doc-index__num {
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: 0.08em;
  padding-top: 0.2em;
}

.doc-index__link:hover { color: var(--ink); background: var(--paper-2); padding-left: 20px; }
.doc-index__link:active { color: var(--accent); }
.doc-index__link:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.doc-index__link.is-active,
.doc-index__link[aria-current="true"] { color: var(--ink); }
.doc-index__link.is-active::before,
.doc-index__link[aria-current="true"]::before { background: var(--accent); }
.doc-index__link.is-active .doc-index__num,
.doc-index__link[aria-current="true"] .doc-index__num { color: var(--accent); }

.doc-jump {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 16px;
  background: var(--paper-2);
  border-top: 2px solid var(--ink);
  position: sticky;
  top: var(--header-h);
  z-index: 5;
}

.doc-body { max-width: var(--measure-wide); }

.doc-section {
  padding-block: clamp(32px, 4vw, 64px);
  border-top: 1px solid var(--rule);
}

.doc-section:first-child { border-top: 0; padding-top: 0; }

.doc-section__num {
  display: inline-flex;
  align-items: baseline;
  gap: 0.8em;
  font-family: var(--feko-233);
  font-size: var(--fs-meta);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: var(--s-2);
}

.doc-section__num::after {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 1px;
  background: var(--rule-strong);
  transform: translateY(-0.3em);
}

.doc-section__title {
  font-size: var(--fs-h3);
  line-height: 1.14;
  margin-bottom: var(--s-3);
}

@media (min-width: 900px) {
  .doc { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
  .doc-jump { display: none; }
  .doc-index {
    display: block;
    position: sticky;
    top: calc(var(--header-h) + 24px);
    align-self: start;
    max-height: calc(100vh - var(--header-h) - 48px);
    overflow-y: auto;
    padding-right: var(--s-2);
  }
  .doc-section__num { font-size: var(--fs-micro); }
}

.dated {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-4) var(--col-gap);
}

.dated > * { min-width: 0; }

.dated__rail {
  display: flex;
  gap: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--rule);
  background: var(--paper-2);
  position: sticky;
  top: var(--header-h);
  z-index: 5;
  scrollbar-width: thin;
}

.dated__stop {
  position: relative;
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 9.5rem;
  max-width: 13rem;
  min-height: 44px;
  padding: 14px 18px 14px 16px;
  border-right: 1px solid var(--rule);
  text-decoration: none;
  color: var(--ink-2);
  transition: background-color var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out);
}

.dated__stop-date {
  font-family: var(--feko-233);
  font-size: var(--fs-meta);
  letter-spacing: 0.04em;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

.dated__stop-label {
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-3);
  line-height: 1.45;
}

.dated__stop:hover { background: var(--paper); color: var(--ink); }
.dated__stop:hover .dated__stop-date { color: var(--accent); }
.dated__stop:active { background: var(--paper-3); }
.dated__stop:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.dated__stop.is-active .dated__stop-date,
.dated__stop[aria-current="true"] .dated__stop-date { color: var(--accent); }
.dated__stop.is-active,
.dated__stop[aria-current="true"] { background: var(--paper); box-shadow: inset 0 -2px 0 var(--accent); }

.dated__body { position: relative; }

.dated__section {
  position: relative;
  padding-block: clamp(28px, 4vw, 60px);
  border-top: 1px solid var(--rule);
  max-width: var(--measure-wide);
}

.dated__section:first-child { border-top: 0; padding-top: var(--s-2); }

.dated__marker {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4em 1em;
  margin-bottom: var(--s-2);
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-3);
}

.dated__marker b {
  font-weight: 500;
  color: var(--accent);
  font-variant-numeric: tabular-nums;
}

.dated__title {
  font-size: var(--fs-h3);
  line-height: 1.14;
  margin-bottom: var(--s-3);
}

.guarantee {
  margin-block: var(--s-4);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-top: 2px solid var(--ink);
}

.guarantee__col {
  padding: clamp(20px, 2.6vw, 30px) 0;
  border-bottom: 1px solid var(--rule);
  min-width: 0;
}

.guarantee__head {
  display: flex;
  align-items: center;
  gap: 0.6em;
  font-family: var(--feko-233);
  font-size: var(--fs-micro);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  color: var(--ink);
  margin-bottom: var(--s-2);
}

.guarantee__head .icon { color: var(--accent); }
.guarantee__col ul { padding-left: 1.1em; font-size: var(--fs-small); }
.guarantee__col li + li { margin-top: 0.5em; }

@media (min-width: 640px) {
  .guarantee { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--col-gap); }
}

@media (min-width: 900px) {
  .dated { grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); }
  .dated__rail {
    display: block;
    position: sticky;
    top: calc(var(--header-h) + 24px);
    align-self: start;
    overflow: visible;
    background: transparent;
    border: 0;
    padding-left: 22px;
    scroll-snap-type: none;
  }
  .dated__rail::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 6px;
    bottom: 6px;
    width: 1px;
    background: var(--ink);
  }
  .dated__stop {
    min-width: 0;
    max-width: none;
    padding: 10px 0 18px;
    border-right: 0;
    background: transparent;
  }
  .dated__stop::before {
    content: "";
    position: absolute;
    left: -21px;
    top: 15px;
    width: 9px;
    height: 9px;
    background: var(--paper);
    border: 1px solid var(--ink);
    transition: background-color var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out);
  }
  .dated__stop:hover { background: transparent; }
  .dated__stop:hover::before { background: var(--ink); }
  .dated__stop.is-active,
  .dated__stop[aria-current="true"] { background: transparent; box-shadow: none; }
  .dated__stop.is-active::before,
  .dated__stop[aria-current="true"]::before { background: var(--accent); border-color: var(--accent); }
  .dated__section { padding-left: clamp(24px, 3vw, 48px); border-left: 1px solid var(--rule); border-top: 0; }
  .dated__section::before {
    content: "";
    position: absolute;
    left: -5px;
    top: clamp(34px, 4.4vw, 66px);
    width: 9px;
    height: 9px;
    background: var(--paper);
    border: 1px solid var(--accent);
  }
  .dated__section:first-child::before { top: 22px; }
}

.faq {
  border-top: 1px solid var(--ink);
}

.faq__item { border-bottom: 1px solid var(--rule); }

.faq__q {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--s-2);
  align-items: center;
  width: 100%;
  min-height: 60px;
  padding: 18px 0;
  text-align: left;
  font-family: var(--feko-7e8);
  font-size: var(--fs-h4);
  line-height: 1.3;
  color: var(--ink);
  transition: color var(--dur-ui) var(--ease-out), padding var(--dur-ui) var(--ease-out), background-color var(--dur-ui) var(--ease-out);
}

.faq__q .icon { color: var(--ink-3); transition: transform var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out); }
.faq__q:hover { background: var(--paper-2); padding-inline: 10px; }
.faq__q:hover .icon { color: var(--accent); }
.faq__q:active { color: var(--accent); }
.faq__q:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.faq__q[aria-expanded="true"] .icon { transform: rotate(45deg); color: var(--accent); }

.faq__a {
  padding: 0 0 var(--s-3);
  max-width: var(--measure);
  color: var(--ink-2);
}

html.js .faq__item:not(.is-open) .faq__a { display: none; }

.faq details > summary { list-style: none; cursor: pointer; }
.faq details > summary::-webkit-details-marker { display: none; }

.notfound {
  min-height: 78vh;
  display: flex;
  align-items: flex-end;
  padding-top: calc(var(--header-h) + 48px);
  padding-bottom: var(--section-pad);
}

.notfound__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-4) var(--col-gap);
  width: 100%;
}

.notfound__grid > * { min-width: 0; }

.notfound__code {
  font-family: var(--feko-7e8);
  font-style: italic;
  font-size: clamp(5rem, 22vw, 17rem);
  line-height: 0.85;
  letter-spacing: -0.03em;
  color: var(--ink);
  font-variation-settings: "opsz" 96;
}

.notfound__code span { color: var(--accent); }

.notfound__text { max-width: 30rem; }
.notfound__text h1 { font-size: var(--fs-h2); line-height: var(--lh-head); }
.notfound__text p { margin-top: var(--s-2); }
.notfound__links { margin-top: var(--s-4); display: flex; flex-wrap: wrap; gap: 12px; }

@media (min-width: 900px) {
  .notfound__grid { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); align-items: end; }
}

.offset-right { margin-left: auto; }

@media (min-width: 900px) {
  .push-4 { padding-left: calc((100% + var(--col-gap)) / 12 * 4); }
  .push-2 { padding-left: calc((100% + var(--col-gap)) / 12 * 2); }
}

@media (hover: none) {
  .index-row:hover,
  .faq__q:hover,
  .ptabs__summary:hover { padding-inline: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .hero__photo,
  .duotone__layer,
  .workroom__layer,
  .salon__layer { inset: 0; transform: none !important; }
}

@media print {
  .ptabs__list, .doc-index, .doc-jump, .dated__rail { display: none !important; }
  .ptabs__panel[hidden] { display: block !important; }
  .duotone, .ink-flood { background: #fff; color: #000; }
}