.about-page { color:#173c60; }
.about-label { display:block; font-size:12px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:#526c85; margin-bottom:23px; }
.about-page h2 { font-size:clamp(36px,4vw,56px); line-height:1.08; letter-spacing:-.045em; color:inherit; }
.about-page p { font-size:18px; line-height:1.7; color:#496079; }
.about-welcome { display:grid; grid-template-columns:1fr 1fr; min-height:550px; margin:12px; border-radius:26px; overflow:hidden; background:#e5edf6; }
.about-welcome-copy { align-self:center; padding:60px clamp(32px,5vw,84px); }
.about-welcome h1 { font-size:clamp(55px,6vw,84px); line-height:1.02; letter-spacing:-.055em; color:inherit; margin:0; }
.about-welcome-copy p { max-width:420px; margin-top:27px; font-size:20px; line-height:1.6; }
.about-welcome-photo,.about-kitchen-photo,.about-visit-photo { position:relative; min-width:0; overflow:hidden; }
.about-welcome-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:57% center; }
.about-story { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-block:95px; }
.about-prose { max-width:535px; }
.about-prose p+p { margin-top:20px; }
.about-kitchen { display:grid; grid-template-columns:1fr 1fr; max-width:1440px; margin:0 auto; background:#173959; color:#fff; }
.about-kitchen-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.about-feature-copy { align-self:center; padding:64px clamp(30px,5vw,80px); }
.about-feature-copy p { margin-top:24px; max-width:480px; }
.about-feature-copy p+p { margin-top:17px; }
.about-kitchen .about-label { color:#bfd1e4; }
.about-kitchen p { color:#e1eaf3; }
.about-link { display:inline-flex; align-items:center; gap:14px; min-height:44px; margin-top:25px; font-size:16px; color:var(--order-blue,#285ea8); font-weight:600; }
.about-link svg { width:20px; height:20px; }
.about-link:hover { text-decoration:underline; text-underline-offset:5px; }
.about-link:focus-visible { outline:2px solid currentColor; outline-offset:5px; border-radius:3px; }
.about-kitchen .about-link { color:#fff; }
.about-visit { display:grid; grid-template-columns:1fr 1fr; gap:55px; padding-block:95px; align-items:center; }
.about-visit .about-feature-copy { padding:20px 0; }
.about-visit-photo { border-radius:22px; }
.about-visit-photo img { display:block; width:100%; height:auto; }
.about-people { background:#e5edf6; padding:65px 0; margin-bottom:12px; }
.about-people>.wrap { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.about-people p { max-width:470px; }
@media(max-width:1000px) {
 .about-welcome { min-height:480px; }
 .about-welcome-copy { padding:45px 32px; }
 .about-welcome h1 { font-size:60px; }
 .about-welcome-copy p { font-size:18px; }
 .about-story,.about-visit { gap:40px; padding-block:65px; }
 .about-feature-copy { padding:45px 32px; }
 .about-page p { font-size:17px; }
 .about-people>.wrap { gap:40px; }
}
@media(max-width:700px) {
 .about-welcome { grid-template-columns:1fr; margin:10px; border-radius:22px; }
 .about-welcome-copy { padding:37px 25px; }
 .about-welcome h1 { font-size:58px; }
 .about-label { font-size:11px; margin-bottom:18px; }
 .about-welcome-copy p { margin-top:22px; }
 .about-welcome-photo { height:330px; }
 .about-welcome-photo img { object-position:56% center; }
 .about-story,.about-visit,.about-people>.wrap { grid-template-columns:1fr; gap:27px; }
 .about-story,.about-visit { padding-block:49px; }
 .about-page h2 { font-size:38px; }
 .about-kitchen { grid-template-columns:1fr; }
 .about-kitchen-photo img { height:auto; }
 .about-feature-copy { padding:40px 26px; }
 .about-feature-copy p { margin-top:22px; }
 .about-visit .about-feature-copy { padding:0; }
 .about-visit-photo { border-radius:18px; }
 .about-people { padding:43px 0; }
 .about-link { margin-top:18px; font-size:15px; }
}
@media(max-width:360px) {
 .about-welcome h1 { font-size:49px; }
 .about-page h2 { font-size:33px; }
 .about-welcome-copy { padding-inline:21px; }
 .about-page p { font-size:16px; }
 .about-feature-copy { padding-inline:22px; }
}
