.about-pad { padding-block: clamp(76px,9vw,126px); }
.about-intro__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(50px,8vw,120px); }
.about-intro h2,.about-story h2,.founder-section h2,.purpose-section h2,.about-heading h2,.expertise-section h2 { margin: 0; font-family: var(--font-display); font-size: clamp(2.2rem,4vw,3.9rem); font-weight: 600; line-height: 1.04; letter-spacing: -.03em; }
.about-intro__grid > div:last-child > p,.about-story__copy > p,.founder-section p,.purpose-section article > p:last-child,.about-heading > p:last-child,.expertise-section p { color: var(--color-text-muted); }
.about-signature { display: flex; align-items: center; gap: 18px; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--color-border); }
.about-signature strong { color: var(--color-champagne); font-family: var(--font-display); font-size: 3.3rem; line-height: 1; }
.about-signature span { max-width: 170px; color: var(--color-text-subtle); font-size: .75rem; }

.about-story { background: var(--color-surface); }
.about-story__grid { display: grid; grid-template-columns: .75fr .45fr 1fr; grid-template-rows: 130px auto 130px; gap: 18px clamp(18px,4vw,60px); }
.about-collage { margin: 0; overflow: hidden; border-radius: 16px; }
.about-collage img { width: 100%; height: 100%; object-fit: cover; }
.about-collage--large { grid-row: 1 / 3; }
.about-collage--small { grid-column: 2; grid-row: 2 / 4; }
.about-story__copy { grid-column: 3; grid-row: 1 / 4; align-self: center; }

.founder-grid { display: grid; grid-template-columns: minmax(300px,.8fr) minmax(360px,1.1fr); align-items: center; gap: clamp(50px,9vw,130px); }
.founder-grid figure { position: relative; margin: 0; }
.founder-grid figure::before { content: ''; position: absolute; z-index: -1; inset: 22px -22px -22px 22px; border: 1px solid rgba(246,168,0,.4); border-radius: 20px; }
.founder-grid figure img { width: 100%; max-height: 670px; object-fit: cover; border-radius: 20px; }
.founder-role { color: var(--color-champagne) !important; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.founder-grid blockquote { margin: 30px 0 0; padding: 22px 0 22px 24px; border-left: 2px solid var(--color-primary); color: var(--color-text); font-family: var(--font-display); font-size: 1.55rem; line-height: 1.35; }

.purpose-section { padding-block: 0; }
.purpose-grid { display: grid; grid-template-columns: 1fr 1fr; }
.purpose-grid article { min-height: 470px; padding: clamp(38px,6vw,78px); border: 1px solid var(--color-border); background: var(--color-surface); }
.purpose-grid article:last-child { background: radial-gradient(circle at 90% 10%,rgba(246,168,0,.15),transparent 20rem),var(--color-surface-raised); }
.purpose-grid article > span { display: block; margin-bottom: 90px; color: var(--color-primary-hover); font-size: .72rem; font-weight: 700; }
.purpose-grid h2 { font-size: clamp(2rem,3.3vw,3.2rem); }

.about-why { background: var(--color-surface); }
.about-heading { max-width: 760px; margin-bottom: 54px; }
.about-heading--center { margin-inline: auto; text-align: center; }
.about-reasons { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--color-border); border-left: 1px solid var(--color-border); }
.about-reasons article { min-height: 250px; padding: 30px; border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.about-reasons article > span { color: var(--color-primary-hover); font-size: .7rem; font-weight: 700; }
.about-reasons h3 { margin: 65px 0 8px; font-family: var(--font-display); font-size: 1.5rem; }
.about-reasons p { margin: 0; color: var(--color-text-muted); font-size: .86rem; }

.approach-section { background: linear-gradient(145deg,#100307,#210812); }
.approach-list { margin: 0; padding: 0; list-style: none; }
.approach-list li { display: grid; grid-template-columns: 100px 1fr; gap: 30px; padding: 30px 0; border-top: 1px solid var(--color-border); }
.approach-list li:last-child { border-bottom: 1px solid var(--color-border); }
.approach-list li > span { color: var(--color-champagne); font-family: var(--font-display); font-size: 2rem; }
.approach-list h3 { margin: 0 0 6px; font-family: var(--font-display); font-size: 1.55rem; }
.approach-list p { max-width: 700px; margin: 0; color: var(--color-text-muted); }

.expertise-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(50px,8vw,120px); }
.expertise-section .button { margin-top: 24px; }
.expertise-list { border-top: 1px solid var(--color-border); }
.expertise-list > div { display: grid; grid-template-columns: .8fr 1.2fr; gap: 30px; padding: 24px 0; border-bottom: 1px solid var(--color-border); }
.expertise-list strong { font-family: var(--font-display); font-size: 1.35rem; }
.expertise-list span { color: var(--color-text-muted); font-size: .86rem; }

.offer-section { background: var(--color-surface); }
.offer-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.offer-grid a { min-height: 210px; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; border: 1px solid var(--color-border); border-radius: 14px; background: rgba(255,255,255,.02); text-decoration: none; transition: transform var(--transition),border-color var(--transition); }
.offer-grid a:hover { transform: translateY(-4px); border-color: var(--color-primary); }
.offer-grid span { color: var(--color-primary-hover); font-size: .7rem; font-weight: 700; }
.offer-grid h3 { margin: 0; font-family: var(--font-display); font-size: 1.55rem; }

.about-testimonial-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.about-testimonial-grid article { display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--color-border); border-radius: 16px; background: radial-gradient(circle at 90% 0,rgba(230,0,114,.14),transparent 15rem),var(--color-surface); }
.about-testimonial-grid article > div { height: 50px; color: var(--color-primary); font-family: var(--font-display); font-size: 5.5rem; line-height: .8; }
.about-testimonial-grid blockquote { margin: 20px 0 30px; color: var(--color-text-muted); font-size: .9rem; line-height: 1.75; }
.about-testimonial-grid footer { display: flex; flex-direction: column; gap: 4px; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--color-border); }
.about-testimonial-grid footer strong { font-family: var(--font-display); font-size: 1.3rem; }
.about-testimonial-grid footer span { color: var(--color-champagne); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }

@media(max-width:1000px){.about-story__grid{grid-template-columns:1fr 1fr;grid-template-rows:360px auto}.about-collage--large{grid-row:1}.about-collage--small{grid-column:2;grid-row:1}.about-story__copy{grid-column:1/-1;grid-row:2}.about-reasons,.offer-grid{grid-template-columns:repeat(2,1fr)}.about-testimonial-grid{grid-template-columns:1fr 1fr}.expertise-grid{grid-template-columns:1fr}}
@media(max-width:760px){.about-intro__grid,.founder-grid,.purpose-grid{grid-template-columns:1fr}.founder-grid figure{max-width:520px}.purpose-grid article{min-height:390px}.about-testimonial-grid{grid-template-columns:1fr}.expertise-list > div{grid-template-columns:1fr}.about-story__grid{grid-template-rows:300px auto}.approach-list li{grid-template-columns:60px 1fr}}
@media(max-width:540px){.about-story__grid,.about-reasons,.offer-grid{grid-template-columns:1fr}.about-story__grid{grid-template-rows:320px 240px auto}.about-collage--large{grid-column:1;grid-row:1}.about-collage--small{grid-column:1;grid-row:2}.about-story__copy{grid-column:1;grid-row:3}.purpose-grid article{padding:34px 24px}.about-reasons article{min-height:220px}}
