/* About only: the original photograph leads, followed by one concise story. */
.page-about .about-hero { height: clamp(580px,78svh,790px); }
.page-about .about-hero .interior-photo img { object-position: 60% 55%; }
.page-about .about-hero .interior-shade { background: linear-gradient(90deg,#070908db 0%,#07090870 38%,transparent 68%),linear-gradient(0deg,#0b0c0c,transparent 36%); }
.page-about .interior-content { padding-bottom: clamp(56px,7vh,80px); }
.page-about .interior-content > .eyebrow { font-size: 10px; letter-spacing: .2em; color: #d9f261; }
.page-about .interior-content h1 { font-size: clamp(52px,6.6vw,96px); line-height: .98; letter-spacing: -.05em; max-width: 700px; margin: 24px 0; }
.page-about .interior-content p { max-width: 340px; font-size: 17px; line-height: 1.65; color: #d0d5d1; }
.page-about .about-story { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: clamp(40px,8vw,120px); padding-block: clamp(56px,6vw,90px) clamp(64px,7vw,100px); }
.page-about .about-story::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg,#d9f261 0 48px,#ffffff24 48px,transparent); }
.page-about .story-heading > .eyebrow { font-size: 10px; letter-spacing: .16em; color: #aeb8b1; }
.page-about .story-heading h2 { font-size: clamp(38px,4.5vw,66px); line-height: 1.04; letter-spacing: -.05em; margin: 24px 0 0; }
.page-about .story-body { min-width: 0; padding: 0; max-width: 530px; }
.page-about .story-body .large-copy { font-size: clamp(24px,2.3vw,33px); line-height: 1.3; letter-spacing: -.02em; color: #fff; margin-bottom: 27px; }
.page-about .story-body > p:not(.large-copy) { font-size: 17px; line-height: 1.75; color: #b3bcb5; margin-bottom: 20px; }
.page-about .story-body .text-link { min-width: 170px; margin-top: 5px; font-size: 12px; border-bottom-color: #d9f26170; }
@media (min-width:541px) and (max-width:900px) {
 .page-about .about-hero { height: 620px; }
 .page-about .about-hero .interior-photo img { object-position: 70% 50%; }
 .page-about .interior-content h1 { font-size: 7.8vw; }
 .page-about .about-story { gap: 36px; }
 .page-about .story-heading h2 { font-size: 4.8vw; }
}
@media (max-width:680px) {
 .page-about .about-story { grid-template-columns: 1fr; gap: 30px; padding-block: 38px 48px; }
 .page-about .story-heading h2 { font-size: clamp(36px,8.8vw,56px); margin-top: 18px; }
 .page-about .story-heading > .eyebrow { font-size: 9px; }
 .page-about .story-body .large-copy { font-size: 25px; margin-bottom: 20px; }
 .page-about .story-body > p:not(.large-copy) { font-size: 16px; line-height: 1.75; margin-bottom: 18px; }
}
@media (max-width:540px) {
 .page-about .about-hero { height: auto; min-height: 0; display: block; padding-top: clamp(330px,48svh,410px); }
 .page-about .about-hero .interior-photo,.page-about .about-hero .interior-shade { height: clamp(365px,calc(48svh + 35px),445px); bottom: auto; }
 .page-about .about-hero .interior-photo img { object-position: 77% 51%; }
 .page-about .about-hero .interior-shade { background: linear-gradient(0deg,#0b0c0c 0%,#0b0c0c77 12%,transparent 35%),linear-gradient(180deg,#0005,transparent 30%); }
 .page-about .interior-content { padding-bottom: 36px; }
 .page-about .interior-content > .eyebrow { font-size: 9px; letter-spacing: .16em; }
 .page-about .interior-content h1 { font-size: clamp(38px,11.3vw,58px); line-height: 1; margin: 16px 0 18px; }
 .page-about .interior-content p { font-size: 15px; line-height: 1.65; max-width: 32ch; }
}