/* Meet Chantel: a personal story with generous editorial spacing. */
@font-face{font-family:ChantelEditorial;src:url('/fonts/cormorant-garamond-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
.about-page{--about-rule:#bcc9ce;--about-muted:#4c6171}
.about-page main h1,.about-page main h2,.about-page main h3,.about-page .favorites-list dd{font-family:ChantelEditorial,Georgia,serif;font-weight:500;letter-spacing:-.02em}
.about-page main p{font-size:16px;line-height:1.9;color:var(--about-muted)}
.about-page .eyebrow{font-size:10px;letter-spacing:.18em;line-height:1.8}
.about-page .about-intro{padding:clamp(45px,6vw,85px) 6% 48px}
.about-page .about-intro .eyebrow{margin-bottom:17px}
.about-page .about-intro h1{font-size:clamp(60px,7.6vw,108px);line-height:1;letter-spacing:-.035em;margin:0}
.about-page .owner-about{max-width:1420px;margin:auto;padding:12px 6% 90px;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:6%;align-items:center}
.about-page .owner-about picture{width:100%}
.about-page .owner-about picture img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.about-page .about-welcome h2{font-size:clamp(39px,4vw,57px);margin:0 0 24px}
.about-page .about-welcome p{font-size:15px;line-height:1.9;margin-bottom:20px}
.about-page .about-welcome .about-signoff{font:italic 21px/1.5 Georgia,serif;color:var(--navy);margin:27px 0 0;max-width:34ch}
.about-page .about-chapters{max-width:1220px;margin:0 auto;padding:0 6% 35px}
.about-page .about-chapter{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:10%;padding:64px 0;border-top:1px solid var(--about-rule)}
.about-page .chapter-heading h2{font-size:clamp(40px,4.2vw,58px);max-width:370px;line-height:1.1}
.about-page .chapter-copy p:last-child{margin-bottom:0}
.about-page .about-creative{padding:80px 8%;background:#eef2f3}
.about-page .about-creative .section-heading{max-width:1000px;text-align:center;margin:0 auto 45px}
.about-page .about-creative h2{font-size:clamp(42px,5vw,69px);line-height:1.06;margin:0}
.about-page .creative-columns{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9%}
.about-page .creative-columns h3{font-size:32px;line-height:1.2;max-width:370px;margin-bottom:20px}
.about-page .creative-columns p{font-size:15px}
.about-page .creative-columns .text-link{display:inline-flex;gap:15px;align-items:center;min-height:44px}
.about-page .owner-chair{max-width:1150px;margin:0 auto;padding:80px 6% 75px}
.about-page .owner-chair img{width:100%;height:auto;object-fit:contain}
.about-page .owner-chair figcaption{max-width:600px;margin:23px auto 0;font:italic 20px/1.55 Georgia,serif;color:var(--about-muted);text-align:center}
.about-page .about-favorites{padding:60px 6% 85px;max-width:1380px;margin:auto;text-align:center}
.about-page .about-favorites h2{font-size:clamp(53px,6.3vw,86px);line-height:1.04;margin-bottom:45px}
.about-page .favorites-list{display:grid;grid-template-columns:1fr 1fr 1.25fr;border-top:1px solid var(--about-rule);border-bottom:1px solid var(--about-rule);margin:0;padding:35px 0}
.about-page .favorites-list>div{padding:16px 22px}
.about-page .favorites-list>div+div{border-left:1px solid var(--about-rule)}
.about-page .favorites-list dt{font:10px/1.6 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px;color:var(--about-muted)}
.about-page .favorites-list dd{font-size:clamp(42px,5vw,70px);line-height:1.1;margin:0;white-space:nowrap}
.about-page .about-connection{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;max-width:1200px;padding:35px 6% 95px;margin:auto}
.about-page .about-connection h2{font-size:clamp(44px,4.6vw,63px);line-height:1.08;max-width:410px}
.about-page .connection-copy p:last-child{margin-bottom:0}
.about-page .about-closing{padding:85px 6% 90px}
.about-page .about-closing h2{font-size:clamp(47px,5.5vw,74px);max-width:750px;line-height:1.05}
.about-page .about-closing p{max-width:570px}
.about-page .about-closing .button{border-radius:3px;text-transform:none;letter-spacing:.04em;font-size:13px}
@media(max-width:1000px){
 .about-page .owner-about{gap:5%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .about-page .about-welcome p{font-size:14px}
 .about-page .about-chapter{gap:7%}
 .about-page .favorites-list dd{font-size:48px}
 .about-page .favorites-list>div{padding:16px 12px}
}
@media(max-width:760px){
 .about-page .about-intro{padding:43px 6% 32px}
 .about-page .about-intro h1{font-size:clamp(54px,10vw,76px)}
 .about-page .owner-about{grid-template-columns:1fr;padding:0 6% 52px;gap:34px;max-width:700px}
 .about-page .about-welcome h2{font-size:45px}
 .about-page .about-welcome p{font-size:16px}
 .about-page .about-welcome .about-signoff{font-size:21px}
 .about-page .about-chapters{padding:0 7% 15px}
 .about-page .about-chapter{grid-template-columns:1fr;gap:12px;padding:42px 0}
 .about-page .chapter-heading h2{font-size:44px;max-width:450px;margin-bottom:18px}
 .about-page .about-creative{padding:55px 7%}
 .about-page .about-creative h2{font-size:44px}
 .about-page .about-creative .section-heading{margin-bottom:34px}
 .about-page .creative-columns{grid-template-columns:1fr;gap:30px}
 .about-page .creative-columns article+article{padding-top:30px;border-top:1px solid var(--about-rule)}
 .about-page .creative-columns p{font-size:16px}
 .about-page .owner-chair{padding:50px 6% 45px}
 .about-page .owner-chair figcaption{font-size:18px;max-width:420px}
 .about-page .about-favorites{padding:30px 7% 55px}
 .about-page .about-favorites h2{font-size:56px;margin-bottom:32px}
 .about-page .favorites-list{grid-template-columns:1fr;padding:0}
 .about-page .favorites-list>div{padding:29px 10px}
 .about-page .favorites-list>div+div{border-left:0;border-top:1px solid var(--about-rule)}
 .about-page .favorites-list dt{margin-bottom:13px}
 .about-page .favorites-list dd{font-size:59px;white-space:normal}
 .about-page .about-connection{grid-template-columns:1fr;gap:8px;padding:10px 7% 60px}
 .about-page .about-connection h2{font-size:47px}
 .about-page .about-closing{padding:60px 7% 65px}
 .about-page .about-closing h2{font-size:48px}
}
@media(max-width:360px){.about-page .about-intro h1{font-size:51px}.about-page .about-intro .eyebrow{font-size:9px;letter-spacing:.11em}.about-page .about-favorites h2{font-size:49px}.about-page .favorites-list dd{font-size:52px}}