/* About-only progressive enhancement; desktop retains its original five paragraphs. */
.about-chapter{display:none}
.about-food-paragraph{display:block}
.about-food-paragraph+.about-food-paragraph{margin-top:1em}
@media(min-width:721px){.about-details{margin:54px 0 46px;padding-top:27px}.about-details h2{margin-bottom:32px}}
@media(max-width:720px){
 .about-page-head{padding:30px 0 24px}
 .about-page-head .eyebrow{margin:0 0 14px}
 .about-page-head h1{font-size:clamp(36px,10.5vw,48px);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:100%}
 #about-profile{display:block;padding:28px 0 0;border-top:var(--rule)}
 #about-profile .portrait.about-split-photo{width:80%;max-width:360px;margin:0 0 24px auto;grid-template-columns:38px minmax(0,1fr);gap:12px}
 #about-profile .about-photo-note{font-size:8.5px;line-height:1.9;letter-spacing:.08em}
 #about-profile .about-bio{min-width:0}
 #about-profile .about-bio p{font-size:16px;line-height:1.7;margin:0 0 36px;max-width:100%;font-weight:400}
 #about-profile .about-bio p:first-child{font-size:16px;margin-bottom:40px}
 #about-profile .about-pull{display:block;font:500 clamp(30px,8.2vw,38px)/1.14 var(--font-display);letter-spacing:-.025em}
 #about-profile .about-gatekeeper{max-width:9.5em;margin:0 0 20px}
 #about-profile .about-opening-copy{display:block;margin-left:12%;max-width:29em}
 #about-profile .about-chapter{display:block;font:var(--label-font);letter-spacing:var(--label-tracking);border-top:var(--rule);padding-top:16px;margin:0 0 20px}
 #about-profile .about-chapter-copy{display:block}
 #about-profile .about-hype{font-size:clamp(27px,7.6vw,34px);font-style:italic;line-height:1.2;margin:32px 0 32px 8%;padding-left:16px;border-left:var(--rule)}
 #about-profile .about-bio p:nth-child(3){padding-right:6%}
 #about-profile .about-bio p:nth-child(4){margin-left:0}
 #about-profile .about-everything-copy{display:block;margin-left:8%}
 .about-details{margin:40px 0 46px;padding-top:27px}
 .about-details h2{max-width:22em;margin-bottom:27px}
 .about-details ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
 .about-details .about-detail{display:block;min-width:0}
 .about-details .about-spot-wrap,.about-details .about-spot{width:60px;height:60px}
 .about-details .about-spot-wrap{margin:0 0 12px}
 .about-details .about-detail p{font-size:15px;line-height:1.5;max-width:15em}
}