/* The new family story reuses Afghania's existing typography and palette. */
.family-introduction{max-width:1180px;margin:auto;padding:65px 6%;display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center}
.family-portrait{margin:0;position:relative}
.family-portrait img{height:auto;mask-image:linear-gradient(to bottom,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 85%,transparent 100%)}
.family-introduction .family-portrait{max-width:290px;width:100%;justify-self:center}
.family-intro-copy h2{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.08;letter-spacing:-.025em;margin-bottom:25px}
.family-intro-copy>p:not(.eyebrow){color:#cbbab1;max-width:560px;line-height:1.85}
.family-intro-copy .text-link{text-transform:uppercase;letter-spacing:.08em;font-size:14px}
.family-story-opening{padding:75px 6% 55px;text-align:center;max-width:1200px;margin:auto}
.family-story-opening h1{font-size:clamp(3rem,5.4vw,5.2rem);line-height:1.08;letter-spacing:-.025em;margin:0 auto 28px}
.family-story-opening .eyebrow{font-size:14px}
.family-journey{color:#b8a99e;font-size:14px;letter-spacing:.09em;margin:0}
.family-journey span{margin:0 12px;color:var(--gold)}
.family-chapter{max-width:1160px;margin:auto;padding:45px 40px 65px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.family-beginnings{align-items:center}
.family-prose{max-width:640px}
.family-prose p{font-size:18px;line-height:1.9;color:#cbbab1;margin:0 0 24px}
.family-prose p:last-child{margin-bottom:0}
.family-prose h2,.family-chapter-label h2{font-size:clamp(2.3rem,3.6vw,3.5rem);line-height:1.12;letter-spacing:-.025em;margin-bottom:30px}
.family-prose strong{font-weight:500;color:var(--paper)}
.family-portrait figcaption,.family-together figcaption{font-size:14px;color:#b8a99e;letter-spacing:.03em;text-align:center;margin-top:8px}
.family-first-restaurant{padding:70px 24px;background:linear-gradient(0deg,#100e0e,#211416 50%,#100e0e)}
.family-first-restaurant .family-prose{margin:auto;max-width:720px}
.family-prose .family-pull{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2rem,3.5vw,3rem);line-height:1.2;color:var(--paper);margin-bottom:35px}
.family-leadership{padding-top:65px;padding-bottom:50px}
.family-chapter-label{padding-top:8px}
.family-together{max-width:1080px;padding:0 30px;margin:15px auto 45px}
.family-together img{height:auto;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 91%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 91%,transparent)}
.family-georgetown{padding-top:40px}
.family-story-ending{max-width:950px;text-align:center;padding:35px 30px 90px;margin:auto}
.family-story-ending p{border-top:1px solid var(--line);padding-top:50px;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.1rem,3.8vw,3.7rem);line-height:1.22;letter-spacing:-.02em;margin:0}
/* Keep the added navigation item comfortable at intermediate desktop widths. */
@media(min-width:1051px) and (max-width:1350px){header .wordmark span{display:none}header,header.scrolled{padding-inline:3%;gap:12px}header nav{gap:5px}header nav a{letter-spacing:0;padding-inline:3px}.header-reserve{padding-inline:14px}}
@media(min-width:1051px) and (max-width:1150px){header,header.scrolled{padding-inline:2%;gap:8px}header .wordmark{font-size:34px}header nav{gap:3px}header nav a{padding-inline:2px}}
@media(max-width:700px){
.family-introduction{padding:42px 7%;grid-template-columns:1fr;gap:25px}
.family-introduction .family-portrait{max-width:250px}
.family-intro-copy h2{font-size:2.8rem}
.family-story-opening{padding:45px 7% 30px}
.family-story-opening h1{font-size:clamp(2.6rem,10vw,3.4rem)}
.family-story-opening h1 br{display:none}
.family-journey{font-size:13px;letter-spacing:.04em}.family-journey span{margin-inline:7px}
.family-chapter{padding:30px 7% 40px;grid-template-columns:1fr;gap:32px}
.family-beginnings .family-portrait{max-width:380px;margin:auto}
.family-prose p{font-size:17px;line-height:1.85;margin-bottom:22px}
.family-prose h2,.family-chapter-label h2{font-size:2.5rem;margin-bottom:24px}
.family-first-restaurant{padding:40px 7%}
.family-chapter-label .eyebrow{margin-bottom:18px}
.family-chapter-label h2{margin-bottom:0}
.family-together{padding:0 14px;margin:0 auto 15px}
.family-story-ending{padding:20px 7% 55px}
.family-story-ending p{padding-top:35px;font-size:2.4rem}
}