.about-page { overflow: clip; }
.about-page .section { position: relative; }
.about-page .lead { font-size: var(--text-body-large); }
.about-hero { padding-block-start: calc(var(--section-space) + var(--space-3)); }
.about-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); align-items: center; }
.about-hero__copy, .about-hero__media, .about-daylight__copy, .about-daylight__media-group, .about-night__copy, .about-night__media, .about-lounge__primary, .about-lounge__cards, .about-events__copy, .about-events__media { min-width: 0; width: 100%; }
.about-hero__copy { max-width: 38rem; }
.about-hero__copy .lead { max-width: 31rem; }
.about-hero__notch { display: block; width: 1rem; height: 1rem; margin-block: 0 var(--space-4); background: var(--color-burnt-terracotta); border-radius: 0 var(--radius-sm) 0 0; }
.about-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); margin-block-start: var(--space-5); }
.about-hero__quiet-link { min-height: 3rem; display: inline-flex; align-items: center; }
.about-hero__location { display: flex; align-items: flex-start; gap: var(--space-2); max-width: 31rem; margin-block: var(--space-5) 0; font-size: var(--text-label); }
.about-hero__location span { color: var(--color-burnt-terracotta); }
.about-hero__media { margin: 0; height: clamp(30rem, 52vw, 45rem); overflow: hidden; border-radius: var(--radius-md); }
.about-hero__media img, .about-daylight__media img, .about-night__media img, .about-events__media img { width: 100%; height: 100%; object-fit: cover; }
.about-hero__media img { object-position: 60% center; }
.about-view__intro { width: 58.333%; max-width: 38rem; }
.about-view__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-block-start: var(--space-7); }
.about-principle { position: relative; min-width: 0; min-height: 100%; padding: var(--space-5); border: var(--border-default); border-radius: var(--radius-md); overflow: hidden; }
.about-principle--sand { background: var(--color-soft-sand); }
.about-principle--white { background: var(--color-white); border-top: 3px solid var(--color-muted-eucalyptus); }
.about-principle--stone { background: var(--color-pale-stone); }
.about-principle__number { margin: 0 0 var(--space-5); color: var(--color-deep-ocean); font-family: var(--font-heading); font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 600; line-height: 0.9; }
.about-principle h3, .about-principle p:not(.about-principle__number) { max-width: 28rem; }
.about-principle__motif { position: absolute; width: 10rem; aspect-ratio: 1; border: 1px solid rgba(23,59,74,.18); border-radius: 50%; right: -3rem; bottom: -4rem; background: linear-gradient(90deg, transparent 49.5%, rgba(23,59,74,.13) 50%, transparent 50.5%), linear-gradient(transparent 49.5%, rgba(23,59,74,.13) 50%, transparent 50.5%); }
.about-daylight__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); align-items: center; }
.about-daylight__copy { max-width: 32rem; }
.about-daylight__media-group { position: relative; }
.about-daylight__media { margin: 0; }
.about-daylight__media img { aspect-ratio: 3 / 2; border-radius: var(--radius-md); object-position: 65% center; }
.about-daylight__panel { position: relative; width: min(100% - var(--space-6), 25rem); margin: calc(var(--space-6) * -1) 0 0 calc(var(--space-6) * -1); padding: var(--space-5); border: var(--border-default); border-top: 3px solid var(--color-muted-eucalyptus); border-radius: var(--radius-md); background: var(--color-white); box-shadow: var(--shadow-raised); }
.about-inline-link { display: inline-flex; min-height: 2.75rem; align-items: center; gap: var(--space-2); font-weight: 700; }
.about-night { padding-block: var(--section-space); }
.about-night__top { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-7); align-items: center; }
.about-night__copy { max-width: 30rem; }
.about-night__media { margin: 0; height: clamp(28rem, 46vw, 40rem); overflow: hidden; border-radius: var(--radius-md); }
.about-night__media img { object-position: center; }
.about-night__sequence { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-block: var(--space-7); border-block: 1px solid rgba(205,187,150,.7); }
.about-sequence__step { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); padding: var(--space-5); color: var(--color-warm-ivory); text-decoration: none; }
.about-sequence__step + .about-sequence__step { border-inline-start: 1px solid rgba(205,187,150,.7); }
.about-sequence__step span { color: var(--color-champagne-beige); font-family: var(--font-heading); font-size: 1.75rem; font-weight: 600; line-height: 1; }
.about-sequence__step small { font-size: var(--text-body); line-height: var(--leading-body); }
.about-night__callout { width: 41.667%; min-width: 0; margin-inline-start: auto; padding: var(--space-5); border-radius: var(--radius-md); background: var(--color-pale-stone); color: var(--color-charcoal); }
.about-night__callout h3 { color: var(--color-charcoal); }
.about-lounge__intro { width: 58.333%; max-width: 42rem; }
.about-lounge__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); margin-block-start: var(--space-7); align-items: start; }
.about-lounge__primary { max-width: 30rem; padding-top: var(--space-4); border-top: 1px solid var(--color-champagne-beige); }
.about-lounge__cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
.about-lounge__card { width: 100%; }
.about-lounge__card--stone { background: var(--color-pale-stone); }
.about-timeline__intro { max-width: 38rem; }
.about-timeline__list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: var(--space-7) 0 0; padding: 0; list-style: none; }
.about-timeline__item { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 7fr) minmax(0, 3fr); min-width: 0; padding-block: var(--space-5); }
.about-timeline__item + .about-timeline__item { border-top: 1px solid var(--color-border); }
.about-timeline__number { grid-column: 1; min-width: 0; color: var(--color-muted-eucalyptus); font-family: var(--font-heading); font-size: clamp(2.25rem, 4vw, 3.5rem); font-weight: 600; line-height: .9; }
.about-timeline__body { grid-column: 2; min-width: 0; max-width: 31rem; }
.about-timeline__body h3 { margin-block-end: var(--space-3); }
.about-timeline__note { width: 58.333%; min-width: 0; margin: var(--space-5) 25% 0 16.667%; padding: var(--space-4); border: var(--border-default); border-radius: var(--radius-md); background: var(--color-white); }
.about-timeline__note p { margin: 0; }
.about-responsibility__panel { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: var(--space-6); padding: var(--space-7); border: var(--border-default); border-radius: var(--radius-lg); background: var(--color-soft-sand); }
.about-responsibility__marker, .about-responsibility__copy { min-width: 0; width: 100%; }
.about-responsibility__marker { display: flex; align-items: center; gap: var(--space-4); }
.about-responsibility__marker span { display: inline-grid; flex: 0 0 3.5rem; width: 3.5rem; height: 3.5rem; place-items: center; border-radius: 50%; background: var(--color-deep-ocean); color: var(--color-warm-ivory); font-weight: 700; }
.about-responsibility__marker h2 { margin: 0; }
.about-responsibility__copy { max-width: 38rem; }
.about-events__top { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); align-items: center; }
.about-events__copy { max-width: 30rem; }
.about-events__media { height: clamp(20rem, 36vw, 32rem); margin: 0; overflow: hidden; border-radius: var(--radius-md); }
.about-events__media img { object-position: 65% center; }
.about-events__lower { width: 58.333%; min-width: 0; margin-block-start: var(--space-7); }
.about-events__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.about-events__card { width: 100%; }
.about-events__card--stone { background: var(--color-pale-stone); }
.about-events__cta { margin-block-start: var(--space-5); }
.about-pathways__intro { max-width: 36rem; }
.about-pathways__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); margin-block-start: var(--space-7); }
.about-pathway { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); min-height: 100%; padding: var(--space-5); border: var(--border-default); border-radius: var(--radius-md); }
.about-pathway > * { min-width: 0; margin: 0; }
.about-pathway h3 { font-size: 1.75rem; }
.about-pathway h3 a { color: var(--color-charcoal); }
.about-pathway .about-inline-link { margin-top: auto; }
.about-pathway--white { background: var(--color-white); }
.about-pathway--stone { background: var(--color-pale-stone); }
.about-pathway--sand { background: var(--color-soft-sand); }
.about-closing__content { display: flex; max-width: 34rem; min-width: 0; flex-direction: column; align-items: center; gap: var(--space-5); margin-inline: auto; text-align: center; }
.about-closing__content > * { min-width: 0; margin: 0; }
.about-closing__content .rule { margin-block-end: var(--space-2); }
.about-closing__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-4); }
.about-closing__actions > a:last-child { display: inline-flex; min-height: 3rem; align-items: center; }
@media (max-width: 59.9375rem) { .about-hero__grid, .about-daylight__grid, .about-night__top, .about-events__top { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .about-hero__copy, .about-daylight__copy, .about-night__copy, .about-events__copy { max-width: none; } .about-hero__media { height: auto; aspect-ratio: 3 / 2; } .about-view__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .about-view__cards > :last-child { grid-column: 1 / -1; } .about-night__media { height: auto; aspect-ratio: 3 / 2; } .about-night__callout { width: 100%; margin-inline-start: 0; } .about-events__media { height: auto; aspect-ratio: 3 / 2; } }
@media (max-width: 58.6875rem) { .about-daylight__grid { grid-template-columns: minmax(0, 1fr); } .about-daylight__media-group { display: flex; flex-direction: column; gap: var(--space-5); } .about-daylight__panel { width: 100%; margin: 0; box-shadow: none; } }
@media (max-width: 52.4375rem) { .about-lounge__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .about-lounge__primary { max-width: none; } .about-lounge__cards { grid-template-columns: minmax(0, 1fr); } .about-events__lower { width: 100%; } }
@media (max-width: 47.4375rem) { .about-timeline__item { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); padding: var(--space-5); border: var(--border-default); border-radius: var(--radius-md); background: var(--color-white); } .about-timeline__item + .about-timeline__item { margin-block-start: var(--space-4); border-top: var(--border-default); } .about-timeline__number, .about-timeline__body { grid-column: 1; max-width: none; } .about-timeline__note { width: 100%; margin: var(--space-5) 0 0; } }
@media (max-width: 44.9375rem) { .about-responsibility__panel { grid-template-columns: minmax(0, 1fr); padding: var(--space-5); gap: var(--space-5); } .about-responsibility__copy { max-width: none; } }
@media (max-width: 34.9375rem) { .about-view__intro, .about-lounge__intro { width: 100%; } .about-view__cards, .about-pathways__grid, .about-events__cards { grid-template-columns: minmax(0, 1fr); } .about-view__cards > :last-child { grid-column: auto; } }
@media (max-width: 29.9375rem) { .about-hero__actions, .about-closing__actions { flex-direction: column; align-items: stretch; } .about-hero__actions > *, .about-closing__actions > * { width: 100%; } .about-closing__actions > a:last-child { justify-content: center; } .about-events__cta { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .about-page *, .about-page *::before, .about-page *::after { transition-duration: .01ms !important; } }