.about-body{padding:0;display:block;min-height:calc(100svh - 96px)}
.about-body .film-overlay{z-index:5}
.memoir-about{position:relative;z-index:1;min-height:calc(100svh - 96px);padding:clamp(42px,6vw,85px) clamp(20px,5vw,75px);color:#49382d}
.about-inner{max-width:1160px;margin:auto;display:grid;gap:38px}
.about-kicker{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.14em}
.memoir-about h1{font-size:clamp(48px,6vw,88px);line-height:.98;margin:0;font-weight:800;letter-spacing:-.04em;text-wrap:balance}
.about-lead{max-width:460px;margin:22px 0 0;font-size:clamp(18px,2.1vw,27px);font-weight:600;line-height:1.25}
.team-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(12px,3vw,40px);max-width:700px;margin:auto;width:100%}
.team-card{margin:0;padding:clamp(7px,1vw,14px);padding-bottom:16px;background:#F2E2C1;box-shadow:0 10px 0 #49382d23;transform:rotate(-3deg);min-width:0}
.team-card:nth-child(2){transform:rotate(3deg);margin-top:30px}
.team-photo{aspect-ratio:3/4;display:grid;place-items:center;background:#6B5344;color:#F2E2C1;font-size:11px;font-weight:800;letter-spacing:.1em;text-align:center}
.team-card:nth-child(2) .team-photo{background:#82654b}
.team-card figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:5px;padding:11px 4px 0}
.team-card strong{font-size:clamp(23px,3vw,42px);line-height:1}
.team-card figcaption span{font-size:clamp(12px,1.3vw,16px);font-weight:700}
.about-summary{max-width:520px}
.about-summary h2{margin:0 0 14px;font-size:clamp(39px,5vw,73px);line-height:.94;letter-spacing:-.04em}
.about-summary p{margin:0;font-size:clamp(17px,1.7vw,22px);line-height:1.35;font-weight:600}
.about-page-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:24px}
.about-page-links a{display:inline-flex;align-items:center;min-height:44px;color:#49382d;font-size:16px;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.about-page-links a:focus-visible{outline:3px solid #49382d;outline-offset:4px}
@media(min-width:1050px){.about-inner{grid-template-columns:1fr 1.1fr;gap:18px 60px;align-items:center}.about-heading{grid-column:1;grid-row:1}.team-pair{grid-column:2;grid-row:1/3}.about-summary{grid-column:1;grid-row:2;align-self:start}.team-card:nth-child(2){margin-top:55px}}
@media(max-width:530px){.memoir-about{padding:42px 19px 55px}.team-pair{gap:14px}.team-card:nth-child(2){margin-top:22px}.about-inner{gap:32px}}

/* About: compact introduction beside the original photo cards. */
.about-inner{gap:48px}
.about-heading{max-width:520px}
.about-kicker{letter-spacing:.14em;line-height:1.5}
.about-question{font-size:clamp(26px,3vw,38px);line-height:1.12;font-weight:800;letter-spacing:-.025em;margin:26px 0 16px;text-wrap:balance}
.about-hook{font-size:clamp(17px,1.8vw,21px);line-height:1.45;font-weight:700;margin:0 0 16px}
.about-intro,.about-copy p{font-size:clamp(17px,1.55vw,20px);line-height:1.55;font-weight:500;margin:0}
.about-copy p+p{margin-top:22px}
.about-narrative{display:grid;gap:28px;grid-column:1/-1;border-top:0;padding-top:34px}
.about-copy{max-width:55ch}
.about-summary{grid-column:1/-1!important;grid-row:auto!important;max-width:none;border-top:0;padding-top:34px}
.about-summary h2{font-size:clamp(42px,6.5vw,84px);max-width:12ch;margin:12px 0 24px;line-height:1}
.team-pair{max-width:610px}
@media(min-width:1050px){.about-inner{grid-template-columns:1fr 1.05fr;gap:44px 64px;align-items:center}.about-heading{grid-column:1;grid-row:1}.team-pair{grid-column:2;grid-row:1;align-self:center}.about-narrative{grid-template-columns:1fr 1fr;gap:64px}.about-summary{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:end}.about-summary>.about-kicker{grid-column:1/-1}.about-page-links{flex-direction:column;align-items:flex-start;margin:0 0 8px}}
@media(max-width:530px){.about-inner{gap:34px}.about-heading{max-width:none}.about-question{margin-top:22px}.about-narrative,.about-summary{padding-top:26px}.team-pair{margin-block:6px 10px}}

/* Open spacing without separator lines. */
.team-card figcaption{justify-content:flex-start;padding:13px 5px 2px}
.about-narrative{padding-top:12px}
.about-summary{padding-top:12px}
@media(max-width:530px){.about-narrative,.about-summary{padding-top:4px}.about-inner{gap:36px}}

/* Compact opening and responsive story layout. */
.memoir-about{padding-top:clamp(30px,3vw,42px);padding-bottom:clamp(44px,5vw,70px)}
.about-inner{gap:42px}.about-heading,.about-copy{min-width:0}
@media(min-width:1050px){.about-inner{row-gap:42px}.team-pair{align-self:start}.about-heading{align-self:center}.about-narrative{padding-top:8px}}
@media(min-width:701px) and (max-width:1049px){.about-inner{grid-template-columns:1fr 1fr;gap:38px 32px;align-items:center}.about-heading{grid-column:1;grid-row:1}.team-pair{grid-column:2;grid-row:1}.about-narrative{grid-template-columns:1fr 1fr;gap:32px}.memoir-about h1{font-size:clamp(44px,6vw,64px)}.about-question{font-size:clamp(25px,3.4vw,34px)}.team-card:nth-child(2){margin-top:35px}}
@media(max-width:700px){.memoir-about{padding:32px 22px 46px}.about-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.about-heading{max-width:540px}.team-pair{width:calc(100% - 12px);max-width:440px;margin:5px auto 10px;gap:18px}.team-card:nth-child(2){margin-top:24px}.team-card strong{font-size:clamp(22px,6vw,34px)}.about-narrative{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:0}.about-copy{max-width:none}.about-copy p+p{margin-top:22px}.memoir-about h1{font-size:clamp(44px,11vw,64px)}.about-question{font-size:clamp(25px,6.7vw,34px)}.about-intro,.about-copy p{font-size:18px;line-height:1.55}}
@media(max-width:360px){.memoir-about{padding-left:18px;padding-right:18px}.team-pair{gap:13px}.team-card{padding:6px 6px 12px}.team-card figcaption{padding:11px 2px 0}.team-card strong{font-size:22px}}

.memoir-about .about-closing-slogan{max-width:1160px;margin:clamp(40px,5vw,72px) auto 0;font-family:'AA Penny',sans-serif;font-size:clamp(36px,5.1vw,84px);font-weight:400;line-height:1.08;letter-spacing:0;text-align:center;text-wrap:balance}
@media(max-width:700px){.memoir-about .about-closing-slogan{margin-top:38px;font-size:clamp(36px,9.2vw,60px);line-height:1.1}}

/* Restore the earlier scale, keeping the closing line with its paragraph. */
.memoir-about .about-closing-slogan{max-width:none;margin:14px 0 0;text-align:left;font-size:clamp(34px,3.4vw,52px);line-height:1.04;text-wrap:initial}
@media(min-width:1050px){
 .memoir-about{padding-top:clamp(28px,3vh,42px);padding-bottom:32px}
 .about-inner{row-gap:30px;column-gap:60px;max-width:1160px}
 .memoir-about h1{font-size:clamp(48px,6vw,88px)}
 .about-question{font-size:clamp(26px,3vw,38px);margin:22px 0 16px}
 .about-hook{font-size:clamp(17px,1.8vw,21px);margin-bottom:16px}
 .about-intro,.about-copy p{font-size:clamp(17px,1.55vw,20px);line-height:1.5}
 .about-copy p+p{margin-top:20px}
 .team-pair{width:100%;max-width:610px;gap:32px;align-self:center}
 .team-card:nth-child(2){margin-top:44px}
 .team-card strong{font-size:clamp(23px,3vw,42px)}
 .about-narrative{padding-top:0;gap:60px}
}
@media(min-width:1050px) and (max-height:850px){.memoir-about{padding-top:22px;padding-bottom:24px}.about-inner{row-gap:24px}.team-pair{max-width:520px}.memoir-about h1{font-size:72px}.about-question{font-size:32px;margin-top:16px}.about-intro,.about-copy p{font-size:18px;line-height:1.45}.memoir-about .about-closing-slogan{font-size:42px}}
@media(max-width:1049px){.memoir-about .about-closing-slogan{font-size:clamp(32px,5.5vw,48px);margin:16px 0 0}}
@media(max-width:700px){.memoir-about .about-closing-slogan{font-size:clamp(32px,8.6vw,48px);margin:16px 0 0;line-height:1.08}}
/* Use more of the canvas while retaining the two-column composition. */
@media(min-width:1050px){
 .memoir-about{padding-left:clamp(34px,5.3vw,112px);padding-right:clamp(34px,5.3vw,112px)}
 .about-inner{max-width:1440px;column-gap:clamp(48px,5vw,92px);row-gap:clamp(32px,4vh,50px)}
 .about-heading{max-width:620px}
 .about-narrative{gap:clamp(48px,5vw,92px)}
 .about-copy{max-width:none}
 .team-pair{max-width:650px;gap:clamp(28px,3vw,44px)}
 .about-intro,.about-copy p{font-size:clamp(18px,1.3vw,22px);line-height:1.5}
 .about-hook{font-size:clamp(18px,1.4vw,22px)}
}
@media(min-width:1050px) and (max-height:850px){.about-inner{row-gap:26px}.team-pair{max-width:520px}.about-intro,.about-copy p{font-size:18px;line-height:1.45}}
@media(max-width:1049px){.about-inner{gap:24px}.team-pair{max-width:390px}.about-question{margin-top:16px}.about-copy p+p{margin-top:16px}.memoir-about{padding-top:26px;padding-bottom:32px}}
@media(max-width:700px){.team-pair{max-width:330px;margin-top:0;margin-bottom:0}.about-narrative{gap:16px}.memoir-about{padding-top:24px}}

.team-photo{overflow:hidden}.team-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:3/4}
