/* About: compact editorial hero, retail photography, and a personal introduction. */
.about-page{background:#f8faff}
.about-page .about-hero.service-layout-hero{padding-top:56px}
.about-hero-grid{display:grid}
.about-hero h1{font-weight:700;letter-spacing:-.05em;color:var(--ink)}
.about-hero h1>span{display:block;margin-top:8px;color:var(--indigo)}
.about-page .about-hero .about-collage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:16px;padding:12px}
.about-collage:before{content:'';position:absolute;inset:8px 0 30px 20px;border-radius:45% 55% 42% 58%;background:#e3edfc;z-index:-1}
.about-photo-main{overflow:hidden;border:8px solid white;border-radius:20px;background:white;box-shadow:0 18px 35px #19398d12;transform:rotate(-3deg)}
.about-photo-main img{width:100%;height:236px;padding:8px;object-fit:contain}
.about-photo-main>span{display:block;padding:12px 9px 5px;font-size:12px;color:var(--indigo);font-weight:600}
.about-photo-small{position:relative;align-self:end;margin-bottom:20px;padding:6px;border-radius:20px;background:white;box-shadow:0 10px 25px #19398d20;transform:rotate(6deg)}
.about-photo-small img{width:100%;height:auto;aspect-ratio:1;padding:4px;object-fit:contain;border-radius:15px}
.about-collage-note{position:relative;grid-column:1/-1;display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;padding:15px 20px;margin:0;background:var(--navy);color:#fff;border-radius:14px;box-shadow:0 10px 20px #19398d18;font-size:12px;line-height:1.65}
.about-collage-note .icon{width:29px;height:29px;color:#b8d1fb}
.about-purpose h2{max-width:880px}
.about-purpose>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:24px}
.about-purpose p,.about-founder-copy p,.about-region p{font-size:17px;line-height:1.85}
.about-section-heading{max-width:780px;margin-bottom:26px}
.about-section-heading>p{font-size:17px;line-height:1.75;margin-top:16px}
.about-retail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.about-retail-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px}
.about-retail-photo{padding:16px;background:#eaf0f9;height:195px}
.about-retail-photo img{width:100%;height:100%;object-fit:cover;border-radius:13px}
.about-retail-card:nth-child(2) .about-retail-photo{background:#eeedf5}
.about-retail-card:nth-child(3) .about-retail-photo{background:#f0ece5}
.about-retail-copy{padding:25px}
.about-retail-copy p{font-size:15px;line-height:1.8;margin-top:12px}
.about-founder{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;align-items:center}
.about-founder-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:26px;padding:34px;background:#e8effb;border:1px solid #cddcf3;border-radius:25px}
.about-founder-card:before{content:'';position:absolute;width:260px;height:260px;border:1px solid #c2d4ee;border-radius:50%;right:-130px;top:40px;pointer-events:none}
.about-monogram{display:flex;align-items:baseline;font-size:100px;font-weight:650;line-height:1.2;letter-spacing:-.09em;color:var(--indigo)}
.about-monogram>span{color:#8faada}
.about-founder-card h2{font-size:28px;letter-spacing:-.035em}
.about-founder-card p{margin-top:4px;font-size:15px}
.about-founder-card a{position:relative;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;text-underline-offset:5px;color:var(--indigo)}
.about-founder-card a .icon{width:18px;height:18px}
.about-founder-copy h2{max-width:680px}
.about-founder-copy p{margin-top:18px;font-size:16px}
.about-founder-copy>a{margin-top:22px}
.about-principles{padding-block:52px;background:linear-gradient(120deg,#001b3c,#153776)}
.about-page .about-principles h2,.about-page .about-principles h3{color:#fff}
.about-page .about-principles p{color:#cbdaf0}
.about-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.about-principle-grid article{border-top:1px solid #ffffff38;padding-top:24px}
.about-principle-grid article>.icon{color:#b9d2fc;width:32px;height:32px;margin-bottom:17px}
.about-principle-grid h3{font-size:23px;max-width:300px}
.about-principle-grid p{font-size:16px;line-height:1.85;margin-top:13px}
.about-region{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center}
.about-region p{margin-top:20px;font-size:16px}
.about-region-panel{padding:28px;border-radius:22px;border:1px solid #d4e0f2;background:#edf3fc}
.about-region-panel>span{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;color:var(--indigo)}
.about-region-panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:23px 0 0;padding:0}
.about-region-panel li{padding:11px 8px;border:1px solid #dce5f3;border-radius:9px;background:#fff;font-size:12px;text-align:center}
.about-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.about-connection-grid>a{display:flex;flex-direction:column;align-items:flex-start;padding:27px;border:1px solid var(--line);border-radius:19px;background:white;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.about-connection-grid>a:hover{border-color:#9cb7df;box-shadow:0 10px 24px #19398d0c}
.about-connection-grid>a>.icon{width:29px;height:29px;color:var(--indigo);margin-bottom:18px}
.about-connection-grid p{font-size:15px;line-height:1.8;margin:13px 0 22px}
.about-connection-grid>a>span{display:flex;align-items:center;gap:10px;margin-top:auto;font-weight:600;font-size:13px;color:var(--indigo)}
.about-connection-grid>a>span>.icon{width:17px;height:17px}
@media(max-width:980px){
 .about-founder{gap:30px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
 .about-retail-grid,.about-connection-grid{gap:15px}
 .about-retail-copy,.about-connection-grid>a{padding:21px}
 .about-retail-photo{height:165px;padding:12px}
 .about-region{gap:28px;grid-template-columns:1fr}
 .about-principle-grid{gap:23px}
 .about-founder-card{padding:26px}
}
@media(max-width:700px){
 .about-purpose>div,.about-founder,.about-retail-grid,.about-principle-grid,.about-connection-grid{grid-template-columns:1fr;gap:22px}
 .about-purpose>div{gap:17px}
 .about-retail-photo{height:210px;padding:15px}
 .about-retail-copy{padding:23px}
 .about-founder-card{gap:18px;padding:28px}
 .about-monogram{font-size:76px}
 .about-principles{padding-block:40px}
 .about-principle-grid h3{max-width:none}
 .about-region-panel{padding:22px}
 .about-section-heading>p,.about-purpose p{font-size:16px}
}
@media(max-width:600px){
 .about-page .about-hero.service-layout-hero{padding-top:36px}
 .about-page .about-hero .about-collage{grid-template-columns:minmax(0,1fr) 96px;gap:12px;padding:12px}
 .about-photo-main img{height:195px}
 .about-photo-main>span{font-size:10px}
 .about-collage-note{font-size:11px;padding:13px 16px}
 .about-retail-photo{height:190px}
 .about-founder-copy p,.about-region p{line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.about-connection-grid>a{transition:none}}