.about-breadcrumbs { display: flex; align-items: center; gap: 0.5rem; font-size: var(--font-size-sm); color: var(--color-text-muted); padding-top: var(--space-2); padding-bottom: var(--space-2); }
.about-breadcrumbs__link { opacity: 0.85; }
.about-breadcrumbs__link:hover { opacity: 1; }
.about-breadcrumbs__separator { color: var(--gray-400); }
.about-breadcrumbs__current { font-weight: 500; color: var(--color-primary-deep); }
.hero--about .hero__panel { max-width: 720px; }
.about-story__media, .about-atmosphere__panel, .about-team__media, .about-venue__media { align-self: center; }
.about-story__image-wrapper, .about-team__image-wrapper, .about-venue__image-wrapper { max-height: 420px; }
.about-team__grid { gap: var(--space-4); }
.about-team__role-title { font-size: var(--font-size-lg); margin-bottom: var(--space-2); }
.about-reservation-form { margin-top: var(--space-4); }
.about-private__reservation { align-self: center; }
.about-why__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.about-why__title { font-size: var(--font-size-lg); margin-bottom: var(--space-2); }
.about-testimonials__grid { gap: var(--space-4); }
.about-testimonial blockquote { font-size: var(--font-size-sm); line-height: var(--line-height-relaxed); }
.about-testimonial__author { margin-top: var(--space-3); font-size: var(--font-size-xs); color: var(--gray-500); }
.about-cta-final__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-4); }
.about-cta-final__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.about-chips__panel, .about-gastro__panel, .about-sustainability__panel { align-self: stretch; }
.about-why__item { height: 100%; }
.about-story, .about-atmosphere, .about-team, .about-venue, .about-private, .about-experiences, .about-chips, .about-gastro, .about-sustainability, .about-testimonials { row-gap: var(--space-6); }
@media (max-width: 1024px) { .about-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px) { .about-cta-final__inner { align-items: flex-start; } .about-cta-final__actions { width: 100%; } .about-cta-final__actions .btn { flex: 1 1 100%; } .about-story__image-wrapper, .about-team__image-wrapper, .about-venue__image-wrapper { max-height: none; } }
@media (max-width: 640px) { .about-why__grid { grid-template-columns: minmax(0, 1fr); } }