.about-hero .wrap{padding-top:104px;padding-bottom:96px;display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:center}
.about-hero h1{font-size:68px;line-height:1.06;letter-spacing:-.015em;margin:20px 0 32px}
.about-hero h1 em{font-style:italic;color:var(--copper-text)}
.about-copy{display:flex;flex-direction:column;gap:20px;font-size:18px;line-height:1.7;color:var(--ink-2);max-width:660px}
.about-copy strong{color:var(--navy);font-weight:600}
.portrait{margin:0;position:relative}
.portrait img{display:block;width:100%;height:auto;border-radius:24px;background:#e9e1d3}
.portrait .frame{position:relative;isolation:isolate}
.portrait .frame::before{content:"";position:absolute;inset:24px -24px -24px 24px;border:1.5px solid var(--copper);border-radius:24px;z-index:-1}
.portrait figcaption{margin-top:40px;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.why{background:var(--navy);color:var(--ivory)}
.why .wrap{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:3fr 8fr;gap:24px}
.why blockquote{margin:0;font-family:var(--serif);font-size:42px;line-height:1.3}
.why p{margin-top:28px;font-size:17px;line-height:1.65;color:var(--mist);max-width:720px}
.why .rule{margin-top:16px}
.philo .wrap{padding-top:120px;padding-bottom:40px;display:grid;grid-template-columns:3fr 8fr;gap:24px}
.philo h2{font-size:48px;line-height:1.12;margin:0 0 28px;color:var(--navy)}
.philo .aha{margin:32px 0 0;padding-left:24px;border-left:3px solid var(--copper);font-family:var(--serif);font-style:italic;font-size:28px;line-height:1.4;color:var(--navy)}
.offer .wrap{padding-top:80px;padding-bottom:120px;display:flex;flex-direction:column;gap:32px}
.offer .cards .card{min-height:260px}
.offer .card .more{margin-top:auto;color:var(--copper-text)}
@media (max-width:1100px){
.about-hero .wrap,.why .wrap,.philo .wrap{grid-template-columns:1fr;gap:40px}
.about-hero h1{font-size:54px}
.portrait{max-width:440px}
}
@media (max-width:720px){
.about-hero .wrap{padding-top:40px;padding-bottom:64px}
.about-hero h1{font-size:38px;margin:14px 0 22px}
.about-copy{font-size:16px}
.portrait .frame::before{inset:14px -14px -14px 14px}
.why .wrap{padding-top:64px;padding-bottom:64px;gap:20px}
.why blockquote{font-size:27px}
.philo .wrap{padding-top:64px;gap:16px}
.philo h2{font-size:32px}
.philo .aha{font-size:22px}
.offer .wrap{padding-top:48px;padding-bottom:64px}
.offer .cards .card{min-height:0}
}
.offer .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.offer .card.dark:hover{color:var(--ivory)}
@media (max-width:1100px){.offer .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.offer .cards{grid-template-columns:1fr}}