.about-main { max-width: 1440px; margin: auto; padding: 150px 6vw 70px; }
.about-hero { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 7vw; padding-bottom: 90px; }
.about-intro h1 { font-size: clamp(76px, 9vw, 145px); line-height: 1; margin: 20px 0 30px; }
.about-lead { max-width: 440px; font-size: 19px; line-height: 1.8; color: #e5ecdf; }
.about-video { max-width: 460px; justify-self: end; width: 100%; }
.about-video video { width: 100%; aspect-ratio: 3/4; object-fit: cover; display: block; background: #172013; }
.about-video figcaption { color: #b4c4aa; font-size: 12px; margin-top: 14px; }
.about-row { display: grid; grid-template-columns: 1fr 1.3fr; gap: 8vw; padding: 70px 0; border-top: 1px solid #b4c4aa40; }
.about-main h2 { font-family: Baskerville, 'Times New Roman', serif; font-size: clamp(32px, 4vw, 54px); line-height: 1.12; }
.about-prose > p { font-size: 16px; line-height: 1.9; color: #e5ecdf; margin-bottom: 22px; }
.about-prose > .contact-eyebrow { font-size: 12px; }
.about-prose blockquote { font-family: Baskerville, 'Times New Roman', serif; font-size: 29px; line-height: 1.4; margin-top: 36px; }
.about-prose cite { display: block; font-size: 12px; font-style: normal; letter-spacing: .15em; margin-top: 18px; color: #b4c4aa; }
.about-between { border-top: 1px solid #b4c4aa40; padding: 70px 0; }
.about-facts { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 40px 36px; margin-top: 40px; }
.about-facts dt { font-family: 'Bodoni 72 Smallcaps', serif; color: #b4c4aa; font-size: 12px; letter-spacing: .12em; margin-bottom: 12px; }
.about-facts dd { font-size: 17px; line-height: 1.6; }
.about-facts .about-number { font-family: Baskerville, serif; font-size: 68px; line-height: 1; }
.about-facts p { font-size: 12px; color: #b4c4aa; margin-top: 10px; }
.about-partner { padding: 70px 0; border-top: 1px solid #b4c4aa40; display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; align-items: center; }
.about-partner img { width: 100%; aspect-ratio: 3/4; object-fit: cover; max-height: 580px; }
.about-partner h2 { margin-bottom: 24px; }
.about-goodbye { text-align: center; padding: 80px 0 30px; border-top: 1px solid #b4c4aa40; }
.about-main .about-goodbye h2 { font-family: 'Pinyon Script', cursive; font-size: clamp(56px, 7vw, 96px); }
.about-goodbye > p:not(.contact-eyebrow) { font-size: 14px; line-height: 1.8; margin: 24px auto; max-width: 460px; }
.about-cta { display: inline-block; background: #f7f5f0; color: #172013; padding: 16px 24px; font-size: 14px; }
@media(max-width: 900px) { .about-main { padding-top: 120px; } .about-hero { gap: 36px; } .about-intro h1 { font-size: 90px; } .about-lead { font-size: 16px; } .about-row { gap: 36px; } }
@media(max-width: 639px) { .about-main { padding: 110px 20px 40px; } .about-hero, .about-row, .about-partner { grid-template-columns: 1fr; gap: 30px; } .about-hero { padding-bottom: 50px; } .about-intro h1 { font-size: 80px; } .about-video { justify-self: start; max-width: none; } .about-row, .about-between, .about-partner { padding: 45px 0; } .about-facts { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 30px 18px; } .about-facts dd { font-size: 15px; } .about-prose > p { font-size: 15px; } .about-goodbye { padding-top: 50px; } }