.about-page {
  background: var(--color-canvas-obsidian);
}

.about-page svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
}

.about-hero {
  padding-block: clamp(4.5rem, 9vw, 8rem);
  background: radial-gradient(circle at 75% 35%, rgba(184, 135, 88, .12), transparent 35rem), var(--color-canvas-velvet);
}

.about-hero__grid {
  display: grid;
  grid-template-columns: minmax(27.5rem, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: clamp(2rem, 4vw, 3.5rem);
}

.about-hero__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.about-hero__content > * { min-width: 0; margin: 0; }
.about-hero__content h1 { max-width: 35.5rem; font-size: clamp(3rem, 4.1vw, 3.4rem); }
.about-hero__content h1 span { color: var(--color-soft-amber); }
.about-hero__content .lead { max-width: 35.5rem; }

.about-hero__media { width: 100%; min-width: 0; margin: 0; overflow: hidden; border: var(--border-subtle); border-radius: var(--radius-lg); }
.about-hero__media img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: 70% center; }

.about-hero__meta {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid rgba(184, 135, 88, .32);
  color: var(--color-text-muted);
  font-size: var(--text-sm);
}

.about-hero__meta span { display: inline-flex; min-width: 0; align-items: center; gap: var(--space-2); }
.about-hero__meta svg { width: 1rem; height: 1rem; color: var(--color-moonlight-bronze); }

.about-manifest__intro, .about-alcoholfree__intro, .about-process__intro, .about-occasions__intro, .about-gallery__intro { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); margin-bottom: var(--space-8); }
.about-manifest__intro > *, .about-alcoholfree__intro > *, .about-process__intro > *, .about-occasions__intro > *, .about-gallery__intro > * { min-width: 0; margin: 0; }
.about-manifest__intro { max-width: 38.75rem; }
.about-alcoholfree__intro { max-width: 40rem; }
.about-process__intro, .about-occasions__intro { max-width: 37.5rem; }
.about-gallery__intro { max-width: 35rem; }

.about-manifest__grid, .about-alcoholfree__grid, .about-occasions__grid { display: grid; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.about-manifest__grid > *, .about-alcoholfree__grid > *, .about-occasions__grid > * { min-width: 0; width: 100%; }
.about-principle .card__body, .about-hospitality .card__body, .about-occasion .card__body { display: flex; min-width: 0; height: 100%; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-6); }
.about-principle .card__body > *, .about-hospitality .card__body > *, .about-occasion .card__body > * { min-width: 0; margin: 0; }
.about-principle__number, .about-step__number { color: var(--color-soft-amber); font-family: var(--font-heading); font-size: var(--text-sm); font-weight: 800; letter-spacing: .12em; }
.about-principle__number { width: 100%; padding-bottom: var(--space-3); border-bottom: 1px solid rgba(184,135,88,.4); }
.about-principle h3, .about-hospitality h3, .about-occasion h3 { font-size: var(--text-xl); }

.about-live__grid { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(2rem, 4.5vw, 3.5rem); }
.about-live__grid > * { min-width: 0; width: 100%; }
.about-live__media { margin: 0; overflow: hidden; border: var(--border-subtle); border-radius: var(--radius-lg); }
.about-live__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; }
.about-live__content { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); max-width: 35rem; }
.about-live__content > * { min-width: 0; margin: 0; }
.about-live__highlight { padding-left: var(--space-4); border-left: 2px solid var(--color-moonlight-bronze); color: var(--color-text-primary); font-size: var(--text-lg); line-height: var(--leading-lg); }
.about-text-link { display: inline-flex; min-height: 2.75rem; align-items: center; color: var(--color-text-primary); font-weight: 600; text-underline-offset: .25em; }

.about-hospitality .card__body svg { width: 1.75rem; height: 1.75rem; color: var(--color-moonlight-bronze); }
.about-alcoholfree__note { max-width: 40rem; margin: var(--space-6) 0 0; color: var(--color-text-muted); }

.about-process__grid { position: relative; display: grid; min-width: 0; grid-template-columns: repeat(4, minmax(13.75rem, 1fr)); gap: var(--space-5); }
.about-process__grid::before { position: absolute; top: .65rem; right: 7%; left: 7%; height: 1px; background: rgba(184,135,88,.35); content: ""; }
.about-step { position: relative; display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); }
.about-step > * { min-width: 0; }
.about-step__number { z-index: 1; width: max-content; padding-right: var(--space-3); background: var(--color-canvas-obsidian); }
.about-step h3 { font-size: var(--text-xl); }
.about-step h3, .about-step p { margin: 0; }
.about-step div { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); }

.about-occasion .card__body { gap: var(--space-3); }
.about-occasion .about-text-link { margin-top: auto; }

.about-gallery__mosaic { display: grid; min-width: 0; grid-template-columns: minmax(0, 58fr) minmax(18.75rem, 42fr); align-items: start; gap: var(--space-5); }
.about-gallery__mosaic > * { min-width: 0; width: 100%; }
.about-gallery__image { padding: 0; overflow: hidden; border: var(--border-subtle); border-radius: var(--radius-lg); background: transparent; }
.about-gallery__image img { width: 100%; transition: transform var(--transition-slow); }
.about-gallery__image--wide img { aspect-ratio: 3 / 2; object-fit: cover; }
.about-gallery__image--detail img { aspect-ratio: 4 / 5; object-fit: cover; }
.about-gallery__image:hover img, .about-gallery__image:focus-visible img { transform: scale(1.03); }
.about-gallery__caption { display: flex; max-width: 42.5rem; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-2); margin-top: var(--space-5); }
.about-gallery__caption > * { min-width: 0; margin: 0; }

.about-boundary__container { max-width: 61.75rem; }
.about-boundary__intro { max-width: 35rem; margin-bottom: var(--space-6); }
.about-boundary__intro h2 { margin: 0; }
.about-boundary__cards { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); }
.about-boundary__card { display: grid; min-width: 0; grid-template-columns: 10rem minmax(0, 1fr); align-items: start; gap: var(--space-5); padding: var(--space-5); }
.about-boundary__card > * { min-width: 0; }
.about-boundary__marker { color: var(--color-soft-amber); font-family: var(--font-heading); font-size: 2rem; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.about-boundary__marker svg { width: 2rem; height: 2rem; }
.about-boundary__card div:last-child { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); max-width: 28.75rem; }
.about-boundary__card h3, .about-boundary__card p { margin: 0; }

.about-cta__module { display: flex; max-width: 52.5rem; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); margin-inline: auto; padding: var(--space-8); border-color: var(--color-moonlight-bronze-border); border-radius: var(--radius-lg); }
.about-cta__module > * { min-width: 0; margin: 0; }
.about-cta__module p:not(.label) { max-width: 42.5rem; }
.about-cta__actions { display: flex; width: 100%; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-4); padding-top: var(--space-2); }
.about-cta__actions > * { min-width: 0; }
.about-cta__actions .button { min-width: 13.75rem; }

.about-signature { padding-block: clamp(4rem, 8vw, 6rem); }
.about-signature__content { display: flex; max-width: 45rem; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); margin-inline: auto; padding-left: var(--space-5); border-left: 1px solid var(--color-moonlight-bronze); }
.about-signature__content > * { min-width: 0; margin: 0; }
.about-signature blockquote { padding: 0; border: 0; color: var(--color-text-primary); font-size: clamp(1.5rem, 2.5vw, 2rem); line-height: 1.2; }
.about-signature__name { color: var(--color-moonlight-bronze); font-size: var(--text-sm); font-weight: 700; }

.about-lightbox[hidden] { display: none; }
.about-lightbox { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: var(--space-5); }
.about-lightbox__backdrop { position: absolute; inset: 0; background: var(--color-overlay-black); }
.about-lightbox__dialog { position: relative; width: min(100%, 68rem); max-height: calc(100vh - 3rem); }
.about-lightbox__image { width: 100%; max-height: calc(100vh - 3rem); border: var(--border-accent); border-radius: var(--radius-lg); object-fit: contain; }
.about-lightbox__close { position: absolute; top: var(--space-3); right: var(--space-3); display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border: var(--border-accent); border-radius: 50%; background: var(--color-surface-slate-strong); color: var(--color-text-primary); font-size: 1.75rem; line-height: 1; }

@media (max-width: 1040px) {
  .about-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .about-hero__content h1 { font-size: clamp(2.5rem, 4vw, 3rem); }
}

@media (max-width: 980px) {
  .about-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-7); }
  .about-process__grid::before { display: none; }
  .about-step { padding-top: var(--space-3); border-top: 1px solid rgba(184,135,88,.32); }
}

@media (max-width: 900px) {
  .about-manifest__grid, .about-alcoholfree__grid, .about-occasions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-manifest__grid > :last-child, .about-alcoholfree__grid > :last-child, .about-occasions__grid > :last-child { grid-column: 1 / -1; }
  .about-gallery__mosaic { grid-template-columns: minmax(0, 55fr) minmax(18.75rem, 45fr); }
}

@media (max-width: 760px) {
  .about-hero__grid, .about-live__grid { grid-template-columns: minmax(0, 1fr); }
  .about-hero__content { gap: var(--space-4); }
  .about-hero__content h1 { max-width: none; font-size: 2.125rem; line-height: 1.12; }
  .about-hero__content .lead { max-width: none; font-size: var(--text-base); line-height: var(--leading-base); }
  .about-hero__media img, .about-live__media img { aspect-ratio: 4 / 3; }
  .about-live__grid { gap: var(--space-5); }
  .about-live__media { order: 2; }
  .about-live__content { order: 1; max-width: none; }
  .about-live__content > p:nth-of-type(2) { order: 3; }
  .about-live__content > p:nth-of-type(3) { order: 4; }
  .about-live__media { margin-top: 0; }
  .about-boundary__card { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
}

@media (max-width: 700px) {
  .about-cta__actions { flex-direction: column; align-items: stretch; }
  .about-cta__actions .button, .about-cta__actions .about-text-link { width: 100%; }
}

@media (max-width: 640px) {
  .about-manifest__intro, .about-alcoholfree__intro, .about-process__intro, .about-occasions__intro, .about-gallery__intro { margin-bottom: var(--space-6); }
  .about-manifest__grid, .about-alcoholfree__grid, .about-occasions__grid, .about-process__grid, .about-gallery__mosaic { grid-template-columns: minmax(0, 1fr); }
  .about-manifest__grid > :last-child, .about-alcoholfree__grid > :last-child, .about-occasions__grid > :last-child { grid-column: auto; }
  .about-principle .card__body, .about-hospitality .card__body, .about-occasion .card__body { padding: var(--space-5); }
  .about-process__grid { gap: var(--space-5); }
  .about-step { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); flex-direction: unset; gap: var(--space-3); padding-top: 0; border-top: 0; }
  .about-step__number { padding: 0; background: transparent; }
  .about-gallery__mosaic { gap: var(--space-4); }
  .about-gallery__image--wide img { aspect-ratio: 3 / 2; }
  .about-gallery__image--detail img { aspect-ratio: 4 / 5; }
  .about-cta__module { padding: 1.75rem var(--space-5); }
  .about-cta__module h2 { font-size: var(--text-2xl); }
  .about-signature__content { padding-left: var(--space-4); }
  .about-signature blockquote { font-size: var(--text-xl); line-height: 1.25; }
}

@media (prefers-reduced-motion: reduce) {
  .about-gallery__image:hover img, .about-gallery__image:focus-visible img { transform: none; }
}

ul { list-style: none !important; }
.nav-toggle { flex-direction: column; }