.about-nav{display:flex;align-items:center;gap:24px}.about-nav a{font-size:10px;color:#6f7687}.about-nav a:hover,.about-nav a.current{color:var(--ink)}.about-nav a.current{border-bottom:1px solid var(--blue);padding-bottom:4px}.about-menu{display:none}.about-hero,.people-section,.approach-section{position:relative}.about-hero{padding:95px 0 105px}.about-heading{display:grid;grid-template-columns:1fr 280px;gap:60px;align-items:end}.about-heading h1{font-size:clamp(59px,6.5vw,88px);line-height:.95;margin:28px 0 0}.about-heading>p{font-size:11px;line-height:1.8;color:#767e8f;margin:0 0 5px}.about-photo{height:400px;margin-top:85px;overflow:hidden;position:relative;background:#d5d9d5}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block;filter:saturate(.8);transition:transform .8s}.about-photo:hover img{transform:scale(1.03)}.photo-corner{position:absolute;top:20px;left:20px;background:var(--yellow);color:var(--blue);font-size:22px;width:38px;height:38px;display:grid;place-items:center}.photo-caption{display:flex;justify-content:space-between;margin-top:10px;color:#94a1bf;font:8px var(--mono)}.about-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ccd3e1;margin-top:65px}.about-facts>div{padding:20px;border-right:1px solid #ccd3e1}.about-facts>div:last-child{border:0}.about-facts span,.about-facts strong,.about-facts small{display:block}.about-facts span{font:7px var(--mono);color:#9aa8c0;margin-bottom:13px}.about-facts strong{font-size:18px;letter-spacing:-.05em}.about-facts small{font-size:9px;color:#9098a5;margin-top:7px}.principles{padding:110px 0}.about-light-side{color:#aebfff}.about-light-side:after{background:rgba(255,255,255,.25)}.about-light-side span{background:var(--blue);border:1px solid #a9bcff;color:#d4dfff}.about-section-heading{display:grid;grid-template-columns:1fr 290px;align-items:end;gap:60px;margin-bottom:65px}.about-section-heading h2{font-size:clamp(43px,4.8vw,64px);margin:22px 0 0}.about-section-heading>p{font-size:11px;line-height:1.8;color:#7f8897;margin:0}.principles .about-section-heading h2 em{color:var(--yellow)}.principles .about-section-heading>p{color:#c0ccff}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid rgba(255,255,255,.25);border-top:1px solid rgba(255,255,255,.25)}.principle-grid>div{padding:22px;min-height:235px;border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);transition:background .25s}.principle-grid>div:hover{background:rgba(255,255,255,.08)}.principle-grid>div>span{font:8px var(--mono);color:#aebfff}.principle-icon{color:var(--yellow);font-size:30px;height:85px;display:flex;align-items:center}.principle-grid h3{font-size:15px;letter-spacing:-.04em;margin:0 0 10px}.principle-grid p{font-size:10px;line-height:1.8;color:#c2ceff;max-width:200px;margin:0}.people-section{padding:115px 0 75px}.roles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.role-visual{height:230px;background-color:#e7ebf7;background-image:linear-gradient(rgba(85,113,195,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(85,113,195,.09) 1px,transparent 1px);background-size:21px 21px;border:1px solid #cbd5eb;padding:15px;display:flex;flex-direction:column;justify-content:space-between;color:#7890ce;transition:background-color .25s}.role-card:hover .role-visual{background-color:#dfe6fa}.role-number,.role-visual small{font:7px var(--mono);letter-spacing:.06em}.role-art{font-size:65px;font-weight:400;color:#8299df;align-self:center;line-height:1;transition:transform .35s}.role-card:hover .role-art{transform:rotate(-12deg) scale(1.1)}.role-card h3{font-size:13px;letter-spacing:-.03em;margin:15px 0 7px}.role-card p{font-size:10px;line-height:1.7;color:#858c99;margin:0;max-width:210px}.approach-section{padding:80px 0 115px}.about-accordions{border-bottom:1px solid #cdd1d9}.about-accordions summary{display:grid;grid-template-columns:50px 1fr 20px;gap:12px}.about-accordions summary .faq-number{font:8px var(--mono);color:#98a6cd}.about-accordions details p{padding-left:62px;max-width:700px}.about-final{padding:105px 0}.about-final>.work-container{position:relative}.about-final h2{font-size:clamp(60px,6.5vw,90px);margin:24px 0}.about-final h2 em{color:var(--yellow)}.about-final-bottom{display:flex;gap:30px;align-items:center}.about-final-bottom p{font-size:11px;line-height:1.8;color:#c4ceff;max-width:230px;margin:0}.about-final-line{height:1px;flex:1;background:rgba(255,255,255,.4);position:relative}.about-final-line i{position:absolute;top:-2px;left:0;width:5px;height:5px;background:var(--yellow);animation:travel 5s linear infinite}.about-page .guide-rail{z-index:10}@media(max-width:1050px){.about-nav{gap:15px}}@media(max-width:900px){.about-nav{display:none;position:absolute;top:82px;left:0;right:0;flex-direction:column;align-items:flex-start;background:var(--paper);padding:22px 50px;gap:18px;border-bottom:1px solid var(--line)}.about-nav.open{display:flex}.about-menu{display:block;background:none;border:0;font-size:22px;color:var(--ink)}.about-page .pricing-header .nav-cta{margin-left:auto;margin-right:15px}.roles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.about-nav{top:68px;padding:22px}.about-hero{padding:70px 0 75px}.about-heading,.about-section-heading{grid-template-columns:1fr;gap:20px}.about-heading h1{font-size:53px}.about-heading>p,.about-section-heading>p{max-width:360px}.about-photo{height:270px;margin-top:40px}.about-facts{grid-template-columns:1fr 1fr;margin-top:40px}.about-facts>div{border-bottom:1px solid #ccd3e1}.about-facts>div:nth-child(2){border-right:0}.about-facts>div:nth-child(3){border-bottom:0}.principles{padding:75px 0}.about-section-heading{margin-bottom:40px}.about-section-heading h2{font-size:43px}.principle-grid{grid-template-columns:1fr 1fr}.principle-grid>div{padding:17px;min-height:205px}.principle-icon{height:65px}.people-section{padding:75px 0 40px}.roles-grid{gap:20px 12px}.role-visual{height:170px}.role-art{font-size:48px}.approach-section{padding:55px 0 75px}.about-accordions summary{grid-template-columns:25px 1fr 20px;gap:8px}.about-accordions details p{padding-left:33px}.about-final{padding:75px 0}.about-final h2{font-size:55px}.about-final-bottom{flex-wrap:wrap}.about-final-line{min-width:50px}.about-final-bottom .button{width:100%}}
