/* Garrett Guitars About page — complements existing styles.css */
.about-page{overflow:hidden}
.about-intro{max-width:1440px;margin:auto;padding:clamp(3.5rem,7vw,7rem) clamp(1.25rem,5vw,5rem) clamp(3rem,6vw,6rem)}
.about-intro h1{max-width:1050px;line-height:1.06}
.about-lede{max-width:720px;color:var(--muted,#b8b8ba);font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.6}
.about-story{max-width:1440px;margin:auto;padding:clamp(1rem,3vw,3rem) clamp(1.25rem,5vw,5rem) clamp(4rem,8vw,8rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.about-copy{max-width:590px}.about-copy h2,.about-manifesto h2,.about-cta h2{font-size:clamp(2.15rem,4.3vw,4.5rem);letter-spacing:-.05em;line-height:1.1;margin:1.2rem 0 1.6rem}
.about-copy p:not(.number),.about-manifesto>p:last-child,.about-cta>p:not(.eyebrow){font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.85;color:var(--muted,#b8b8ba)}
.about-photo{margin:0;min-width:0}.about-photo img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;background:#1b1b1c}.about-photo-portrait img{aspect-ratio:5/4;object-position:center}.about-photo-wide img{aspect-ratio:5/4;object-position:center}.about-photo figcaption{margin-top:.8rem;color:var(--muted,#b8b8ba);font-size:.76rem;letter-spacing:.06em}
.about-manifesto{background:#171719;border-top:1px solid var(--line,#303034);border-bottom:1px solid var(--line,#303034);text-align:center;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,5rem)}
.about-manifesto h2{max-width:900px;margin:1rem auto 1.5rem}.about-manifesto>p:last-child{max-width:690px;margin:auto}
.about-story-reverse{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.about-link{display:inline-block;margin-top:1rem;border-bottom:1px solid var(--accent,#c7a778);padding-bottom:.35rem;font-size:.95rem;font-weight:650;text-decoration:none}.about-link:hover{color:var(--accent,#c7a778)}
.about-cta{border-top:1px solid var(--line,#303034);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,5rem);text-align:center}.about-cta h2{max-width:850px;margin:1rem auto 1.4rem}.about-cta>p:not(.eyebrow){max-width:620px;margin:0 auto}.about-actions{display:flex;gap:2rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:2rem}
@media(max-width:800px){.about-story,.about-story-reverse{grid-template-columns:1fr}.about-story-reverse .about-photo{order:2}.about-story-reverse .about-copy{order:1}.about-photo img{max-height:520px}.about-intro{padding-top:3rem}}
@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto}}
