/* About page only: shared navigation, footer and other routes stay unchanged. */
/* Override the legacy full-bleed section normalization only on this page. */
main#main.about-page>section{max-width:1240px!important;margin:0 auto!important;padding:var(--about-top,48px) var(--gutter) var(--about-bottom,48px)!important}
main#main.about-page>section.about-hero{display:grid!important;--about-top:24px;--about-bottom:56px}
main#main.about-page>section.about-contact{--about-top:12px;--about-bottom:60px}

.about-page .about-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);align-items:center;padding-top:24px;padding-bottom:56px;max-width:1240px}
.about-page .about-intro{max-width:520px;min-width:0}
.about-page .about-intro h1{font-size:clamp(2rem,3.7vw,3.25rem);line-height:1.12;letter-spacing:-.045em;margin:16px 0 22px;text-wrap:balance}
.about-page .about-intro p{font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.8;margin:0}
.about-page figure{margin:0;min-width:0}
.about-page .about-store{width:100%;max-width:470px;justify-self:end;overflow:hidden;border-radius:22px;background:#fff;border:1px solid var(--line)}
.about-page .about-store img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center}
.about-page .about-store figcaption{padding:12px 18px;color:var(--muted);font-size:.8rem}
.about-page .about-work{padding-top:48px;padding-bottom:48px;max-width:1240px;border-top:1px solid var(--line)}
.about-page .about-work-heading{max-width:760px;margin-bottom:26px}
.about-page h2{font-size:clamp(1.6rem,2.7vw,2.35rem);line-height:1.2;letter-spacing:-.035em;margin:12px 0 16px}
.about-page .about-work-heading p{margin:0;line-height:1.75}
.about-page .about-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.about-page .about-work-grid figure{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.about-page .about-work-grid img{width:100%;height:clamp(260px,29vw,360px);object-fit:cover;object-position:center}
.about-page .about-work-grid figure:nth-child(2) img{object-position:50% 43%}
.about-page .about-work-grid figcaption{padding:18px 22px;display:grid;gap:5px}
.about-page .about-work-grid figcaption strong{font-size:1rem;color:var(--ink)}
.about-page .about-work-grid figcaption span{font-size:.9rem;color:var(--muted)}
.about-page .about-contact{max-width:1240px;padding-top:12px;padding-bottom:60px}
.about-page .about-contact-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;border:1px solid #e5d1b5;background:#fff0db;border-radius:22px;padding:32px}
.about-page .about-contact-panel p{max-width:650px;margin:0}
.about-page .about-actions{display:flex;flex-direction:column;gap:12px}
.about-page .about-actions .btn{white-space:nowrap}
@media(max-width:800px){
main#main.about-page>section.about-hero{--about-top:18px;--about-bottom:36px}
main#main.about-page>section.about-work{--about-top:32px;--about-bottom:32px}
.about-page .about-hero{grid-template-columns:1fr;gap:26px;padding-top:18px;padding-bottom:36px}
.about-page .about-intro{max-width:620px}
.about-page .about-intro h1{font-size:clamp(2rem,5.6vw,2.75rem);max-width:580px;margin:12px 0 16px}
.about-page .about-store{max-width:560px;justify-self:center}
.about-page .about-work{padding-top:32px;padding-bottom:32px}
.about-page .about-work-grid{gap:18px}
.about-page .about-work-grid img{height:270px}
.about-page .about-contact-panel{grid-template-columns:1fr;padding:26px;gap:22px}
.about-page .about-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:540px){
main#main.about-page>section.about-contact{--about-bottom:36px}
.about-page .about-work-grid{grid-template-columns:1fr}
.about-page .about-work-grid img{height:auto;aspect-ratio:4/3}
.about-page .about-work-grid figure:nth-child(2) img{aspect-ratio:1/1;object-position:50% 43%}
.about-page .about-work-grid figcaption{padding:16px 18px}
.about-page .about-contact{padding-bottom:36px}
.about-page .about-contact-panel{padding:22px}
.about-page .about-actions{flex-direction:column;align-items:stretch}
}
