/* About REVO: an editorial founder story with original brand imagery. */
.about-opening{padding:64px 0 64px;background:#fafafa}
.about-opening-layout{display:block}
.about-opening-copy{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end}
.about-opening-title>.eyebrow{color:#9e4b14;letter-spacing:.11em;font-size:12px}
.about-opening h1{font-size:clamp(40px,4.2vw,59px);line-height:1.08;letter-spacing:-.05em;font-weight:600}
.about-opening-description>p{font-size:19px;line-height:1.6;letter-spacing:-.015em;max-width:440px;margin:0;color:#646469}
.about-opening .text-link{display:inline-flex;margin-top:22px;font-size:16px}
.about-brand-art{aspect-ratio:2;margin-top:44px;border-radius:26px;overflow:hidden;background:#101010}
.about-brand-art img{width:100%;height:100%;object-fit:cover;object-position:center;transform:translateY(var(--scene-offset,0px)) scale(var(--scene-scale,1.04))}
.about-editorial-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:start}
.about-section-heading>.eyebrow,.about-founder-copy>.eyebrow{font-size:12px;letter-spacing:.1em}
.about-section-heading h2,.about-founder-copy h2{font-size:clamp(34px,3.4vw,46px);line-height:1.14;letter-spacing:-.045em}
.about-dateline{display:flex;gap:13px;color:#8c5b39;font-size:12px;font-weight:600;letter-spacing:.11em;margin-top:35px}
.about-story-copy .lead,.about-founder-copy .lead{font-size:21px;line-height:1.65;letter-spacing:-.015em;color:#333337}
.about-story-copy>p+p,.about-founder-copy>p+p{font-size:17px;line-height:1.75;margin-top:22px;color:#6e6e73}
.about-origin{scroll-margin-top:60px}
.about-founder{background:#f5f5f7}
.about-founder-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}
.about-founder-portrait{margin:0}
.about-founder-portrait>img{width:100%;aspect-ratio:1.06;height:auto;object-fit:cover;object-position:53% center;border-radius:24px;background:#727078}
.about-founder-portrait figcaption{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:17px;font-size:12px;letter-spacing:.07em;font-weight:600;color:#444449}
.about-founder-portrait figcaption>span{color:#6e6e73;font-weight:400;letter-spacing:0}
.about-founder-copy .lead{margin-top:25px}
.about-founder-copy>p+p{margin-top:20px}
.about-mission{background:#111112}
.about-mission-mark{width:62px;height:62px;object-fit:contain;margin-bottom:29px}
.about-mission .about-section-heading>.eyebrow{color:#beafa2}
.about-mission h2>span{color:#aaaab2}
.about-mission .about-story-copy{padding-top:2px}
.about-mission .lead{color:#efeff2}
.about-mission .about-story-copy>p+p{color:#b8b8c0}
.about-mission .text-link{display:inline-flex;margin-top:30px;font-size:16px;color:#ffb178}
@media(max-width:1000px){.about-opening-copy{gap:35px}.about-opening{padding:55px 0 65px}.about-opening h1{font-size:clamp(35px,4.4vw,46px)}.about-opening-description>p{font-size:18px}.about-editorial-layout,.about-founder-layout{gap:40px}.about-story-copy .lead,.about-founder-copy .lead{font-size:20px}}
@media(max-width:700px){.about-opening{padding:44px 0 40px}.about-opening-copy{grid-template-columns:1fr;gap:23px}.about-opening h1{font-size:clamp(38px,8.4vw,53px)}.about-opening-description>p{font-size:18px;max-width:500px;margin-top:0}.about-opening .text-link{margin-top:22px}.about-brand-art{aspect-ratio:1.7;margin-top:32px;border-radius:20px}.about-brand-art img{object-position:center}.about-editorial-layout,.about-founder-layout{grid-template-columns:1fr;gap:30px}.about-section-heading h2,.about-founder-copy h2{font-size:36px}.about-dateline{margin-top:22px}.about-story-copy .lead,.about-founder-copy .lead{font-size:19px}.about-story-copy>p+p,.about-founder-copy>p+p{font-size:17px;margin-top:19px}.about-founder-portrait>img{aspect-ratio:1.2;border-radius:20px}.about-founder-portrait figcaption{font-size:11px;margin-top:13px}.about-founder-copy .lead{margin-top:22px}.about-mission-mark{width:54px;height:54px;margin-bottom:25px}}
@media(max-width:370px){.about-opening h1{font-size:34px}.about-section-heading h2,.about-founder-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.about-brand-art img{transform:none!important}}
html[data-motion=paused] .about-brand-art img{transform:none!important}

/* The complete mission section now has its own page. */
.about-mission-link{display:inline-flex;margin-top:26px;font-size:16px}
.mission-page .about-mission{min-height:calc(100svh - 64px);display:flex;align-items:center}
.mission-page .about-mission h1{font-size:clamp(34px,3.4vw,46px);line-height:1.14;letter-spacing:-.045em;font-weight:600}
.mission-page .about-mission h1>span{color:#aaaab2}
@media(max-width:700px){.mission-page .about-mission{min-height:0;padding:64px 0 70px}.mission-page .about-mission h1{font-size:36px}}
@media(max-width:370px){.mission-page .about-mission h1{font-size:32px}}