.about-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(32px,6vw,90px);padding:62px 0 70px}
.about-intro{min-width:0}
.about-intro>.eyebrow{margin-bottom:27px}
.about-intro h1{font-size:clamp(5rem,10.5vw,10rem);line-height:.91;overflow-wrap:anywhere}
.about-intro .outline-word{-webkit-text-stroke:1px var(--highlight)}
.about-lead{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.85;color:var(--muted);margin-top:30px}
.about-emblem{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-width:0}
.about-emblem:before{content:'';position:absolute;inset:-12%;z-index:-1;background:radial-gradient(ellipse,#7C3AED26,transparent 66%);pointer-events:none}
.about-emblem img{width:min(100%,340px);height:auto;aspect-ratio:1;object-fit:contain}
.about-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,7vw,105px);padding:64px 0 85px;border-top:1px solid var(--line)}
.about-story-heading{min-width:0}
.about-story-heading>.eyebrow{font-size:.75rem;color:var(--highlight);letter-spacing:1.2px;margin-bottom:24px}
.about-story h2{font-size:clamp(2.75rem,4.7vw,4.75rem);line-height:1.02}
.about-prose{min-width:0;max-width:65ch}
.about-prose>p{font-size:1.0625rem;line-height:1.95;color:var(--muted)}
.about-prose>p+p{margin-top:23px}
.about-prose .about-signoff{color:var(--text);padding-top:8px;margin-top:32px}
.about-signoff strong{display:block;font-size:.875rem;letter-spacing:1px;margin-top:20px}
.about-signoff strong span{color:var(--highlight);font-weight:400;margin-left:10px}
.about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 30px;margin-top:36px}
.about-actions .text-link{min-height:44px}
.about-buying-link{display:inline-block;margin-top:26px;font-size:.875rem;line-height:1.8;color:var(--muted);text-decoration:underline;text-underline-offset:4px;transition:color .2s}
.about-buying-link:hover{color:var(--highlight)}
.about-dream{margin-top:35px;padding-left:22px;border-left:2px solid var(--accent)}
.about-dream h3{font-size:clamp(1.75rem,2.8vw,2.25rem);line-height:1.15;overflow-wrap:anywhere}
.about-dream p{font-size:1.0625rem;line-height:1.95;color:var(--muted);margin-top:20px}
@media(max-width:900px){.about-story{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:44px;padding-bottom:65px}.about-prose{max-width:65ch}.about-hero{padding-top:45px;padding-bottom:48px}.about-story-heading>.eyebrow{margin-bottom:20px}}
@media(max-width:760px){.about-hero{grid-template-columns:minmax(0,1fr);gap:0;padding:35px 0 42px}.about-intro h1{font-size:clamp(4.5rem,17vw,7rem)}.about-intro>.eyebrow{margin-bottom:23px}.about-emblem{display:none}.about-lead{margin-top:24px}.about-story{padding-top:36px;padding-bottom:55px}.about-prose>p{font-size:1rem;line-height:1.9}.about-actions .button{font-size:.875rem}.about-buying-link{min-height:44px}}
@media(max-width:400px){.about-actions{align-items:stretch;flex-direction:column;gap:12px}.about-actions .button{width:100%}.about-actions .text-link{align-self:flex-start}}
@media(max-width:760px){.about-dream{margin-top:29px;padding-left:18px}.about-dream p{font-size:1rem;line-height:1.9}}