/* About IGians: page-specific editorial manifesto. Global brand and controls stay shared. */
.about-page .header{z-index:100}
.about-page .desktop-nav a[aria-current]{color:var(--color-navy)}
.about-page .accent{color:#7635ee}
.about-page .section{padding-block:100px}
.about-hero{padding:95px 0 110px;overflow:hidden}
.about-hero-layout{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(55px,7vw,110px);align-items:center}
.about-hero h1{font-size:clamp(50px,5.25vw,77px);line-height:1.1}
.about-hero h1 .accent{background:linear-gradient(90deg,#0077ff,#7a38ff 85%);background-clip:text;color:transparent}
.about-hero-copy>p{max-width:570px;color:#615b6a;font-size:16px;line-height:1.85;margin-top:30px}
.about-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:27px;margin-top:32px}
.about-brand-visual{display:flex;flex-direction:column;justify-content:space-between;min-height:490px;padding:29px 33px;background:radial-gradient(circle at 85% 5%,#e4d9f3 0%,#f0ecf6 48%,#f5f1f8 100%);border:1px solid #e5dced}
.brand-visual-meta,.brand-visual-foot{display:flex;justify-content:space-between;gap:15px;color:#8c7a9e;font-size:8px;font-weight:600;letter-spacing:1.1px}
.about-brand-visual img{display:block;width:90%;height:auto;max-height:195px;object-fit:contain;object-position:left center}
.brand-visual-foot{border-top:1px solid #d5c8e1;padding-top:16px}
.about-index{display:block;color:#765594;font-size:10px;font-weight:600;letter-spacing:1.25px;text-transform:uppercase}
.about-split{display:grid;grid-template-columns:1fr .87fr;gap:clamp(70px,10vw,155px);align-items:start}
.about-split h2{margin-top:28px;max-width:630px}
.about-prose p{color:#5f5869;font-size:16px;line-height:1.85;margin:0 0 24px;max-width:540px}
.about-prose p:last-child{margin-bottom:0}
.about-prose .text-link{margin-top:10px}
.about-introduction{background:#fff}
.about-purpose{background:#f0edf6}
.purpose-statement{color:#211b36!important;font-size:clamp(27px,2.5vw,37px)!important;line-height:1.35!important;letter-spacing:-1.2px;margin-bottom:27px!important}
.about-principles{background:#fff}
.about-section-top{display:grid;grid-template-columns:195px 1fr;gap:30px;align-items:start;border-top:1px solid #d9d2e2;padding-top:18px;margin-bottom:50px}
.about-section-top .about-index{padding-top:8px}
.principle-list{padding:0;margin:0;list-style:none;border-bottom:1px solid #d8d1df}
.principle-list li{display:grid;grid-template-columns:190px .9fr 1.1fr;gap:25px;align-items:baseline;border-top:1px solid #d8d1df;padding:23px 0}
.principle-list li>span{font-size:11px;color:#8163a5;font-weight:600}
.principle-list h3{font-size:clamp(27px,2.7vw,39px)}
.principle-list p{color:#696271;font-size:14px;line-height:1.7;max-width:455px}
.about-standard{background:#0a0f2e;color:#fff}
.about-standard .about-index{color:#b6a0df}
.standard-heading{display:grid;grid-template-columns:1fr .58fr;gap:70px;align-items:end;margin-bottom:68px}
.standard-heading h2{font-size:clamp(46px,5.2vw,75px);margin-top:29px}
.standard-heading h2 span{color:#b599ed}
.standard-heading>p{max-width:390px;color:#bfc1d8;font-size:15px;line-height:1.8}
.standard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 38px}
.standard-grid>div{border-top:1px solid #77718f;padding:20px 0 33px}
.standard-grid>div:nth-last-child(-n+3){border-bottom:1px solid #77718f}
.standard-grid span{color:#af99d5;font-size:10px}
.standard-grid h3{font-size:clamp(27px,2.8vw,39px);margin:18px 0 10px}
.standard-grid p{color:#c6c6da;font-size:12px;line-height:1.75;max-width:250px}
.about-experience{background:#fff}
.experience-lines{border-bottom:1px solid #dcd4e2}
.experience-lines p{border-top:1px solid #dcd4e2;padding:17px 0;color:#211b36;font-size:clamp(27px,3vw,43px);line-height:1.4;letter-spacing:-1.4px}
.experience-lines p span{color:#8b6bb7}
.brand-phrase{display:grid;grid-template-columns:1fr .65fr;align-items:center;gap:65px;margin-top:48px}
.brand-phrase strong{color:#231c3c;font-size:clamp(31px,3.45vw,49px);font-weight:500;letter-spacing:-2px;line-height:1.2}
.brand-phrase p{color:#6a6271;font-size:13px;line-height:1.8;max-width:400px}
.about-perspective{background:#fafaf8}
.about-future{background:#f0edf6}
.about-promise{background:#fff}
.about-promise h2{margin-top:25px}
.about-promise p{max-width:1060px;color:#2d2840;font-size:clamp(24px,2.9vw,41px);line-height:1.5;letter-spacing:-1.2px;margin-top:38px;border-left:2px solid #9463d7;padding-left:35px}
.about-final{background:#eae4f3;border-top:1px solid #d5c8e2;padding:90px 0 96px}
.about-final-layout{display:flex;justify-content:space-between;align-items:end;gap:70px}
.about-final-layout>div:first-child>span{display:block;color:#755c95;font-size:10px;font-weight:600;letter-spacing:1.3px;margin-bottom:22px}
.about-final h2{font-size:clamp(45px,4.9vw,70px)}
.about-final p{max-width:530px;color:#60546f;font-size:14px;line-height:1.8;margin-top:24px}
.about-final-actions{display:flex;align-items:center;gap:25px;flex:none}
@media(max-width:1100px){
.about-hero-layout{gap:40px}
.about-hero h1{font-size:clamp(49px,5.2vw,67px)}
.about-brand-visual{min-height:410px}
.about-split{gap:65px}
}
@media(max-width:900px){
.about-hero-layout,.about-split,.standard-heading,.brand-phrase{grid-template-columns:1fr}
.about-hero{padding:70px 0 85px}
.about-hero-layout{gap:48px}
.about-brand-visual{min-height:340px}
.about-brand-visual img{max-height:140px;width:72%}
.about-split,.standard-heading,.brand-phrase{gap:27px}
.standard-heading{margin-bottom:45px}
.principle-list li{grid-template-columns:80px .85fr 1.15fr}
.standard-grid{grid-template-columns:repeat(2,1fr)}
.standard-grid>div:nth-last-child(3){border-bottom:0}
.standard-grid>div:nth-last-child(2){border-bottom:1px solid #77718f}
.about-final-layout{flex-direction:column;align-items:flex-start;gap:34px}
}
@media(max-width:700px){
.about-page .section{padding-block:72px}
.about-hero{padding:50px 0 68px}
.about-hero h1{font-size:clamp(43px,10.3vw,62px);letter-spacing:-2.7px;line-height:1.1}
.about-hero-copy>p{font-size:12px;line-height:1.85;margin-top:24px}
.about-hero-actions{gap:13px;margin-top:24px;flex-wrap:nowrap}
.about-hero-actions .btn{font-size:10px;padding:13px 15px;gap:10px;white-space:nowrap}
.about-hero-actions .text-link{font-size:10px;gap:8px;white-space:nowrap}
.about-hero-actions .text-link .icon{width:15px;height:15px}
.about-brand-visual{min-height:255px;padding:20px}
.about-brand-visual img{width:85%;max-height:105px}
.brand-visual-meta,.brand-visual-foot{font-size:6px}
.about-index{font-size:9px}
.about-split h2{margin-top:17px}
.about-prose p{font-size:13px;line-height:1.8;margin-bottom:17px}
.purpose-statement{font-size:27px!important}
.about-section-top{display:block;margin-bottom:34px}
.about-section-top .about-index{margin-bottom:20px}
.principle-list li{grid-template-columns:36px 1fr;gap:8px 13px;padding:19px 0}
.principle-list h3{font-size:28px}
.principle-list p{grid-column:2;font-size:12px}
.standard-heading h2{font-size:45px;margin-top:18px}
.standard-heading>p{font-size:12px}
.standard-grid{gap:0 20px}
.standard-grid>div{padding:14px 0 22px}
.standard-grid h3{font-size:25px;margin:10px 0 7px}
.standard-grid p{font-size:10px}
.experience-lines p{font-size:27px;letter-spacing:-.8px;padding:14px 0}
.brand-phrase{margin-top:33px;gap:16px}
.brand-phrase strong{font-size:33px}
.brand-phrase p{font-size:12px}
.about-promise p{font-size:24px;padding-left:20px;margin-top:27px}
.about-final{padding:67px 0 75px}
.about-final h2{font-size:43px}
.about-final p{font-size:12px}
.about-final-actions{flex-wrap:wrap;gap:16px}
}
@media(max-width:390px){
.about-hero h1{font-size:42px}
.about-hero-actions .btn{font-size:9px;padding-inline:11px}
.about-hero-actions .text-link{font-size:9px}
.brand-visual-meta span:last-child{max-width:43%;text-align:right}
.standard-grid{grid-template-columns:1fr}
.standard-grid>div:nth-last-child(2),.standard-grid>div:nth-last-child(3){border-bottom:0}
.standard-grid>div:last-child{border-bottom:1px solid #77718f}
}
@media(prefers-reduced-motion:reduce){.about-page *,.about-page *:before,.about-page *:after{animation:none!important;transition:none!important}}