.about-page{background:#090e20;color:#fff}.about-nav{padding:24px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6d54ef}.about-nav nav{display:flex;gap:24px}.about-nav a{text-decoration:none}.about-hero{position:relative;min-height:640px;display:grid;place-items:center;text-align:center;padding:80px 24px;overflow:hidden}.about-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}.about-hero>div{position:relative;max-width:920px}.about-hero h1{font:400 clamp(42px,6vw,80px)/1.05 Georgia;margin:28px 0}.about-hero em{color:#80dcf5}.about-hero p{line-height:1.8;max-width:700px;margin:20px auto;color:#c6d0e2}.about-hero a,.about-contact a{display:inline-block;padding:15px 24px;background:#7252f7;color:white;text-decoration:none;border-radius:99px}.about-intro{background:#f6f5f2;color:#172033;text-align:center;padding:85px max(24px,15vw)}.about-intro h2,.about-project h2,.about-contact h2{font:400 clamp(30px,4vw,52px) Georgia}.about-intro p{line-height:1.85;color:#536076}.about-intro small,.about-project small,.about-contact small{color:#846aff;letter-spacing:.12em}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:70px 7vw}.about-values article{padding:28px;border:1px solid #334163;border-radius:20px}.about-values span{color:#72dcef}.about-values h2{font:400 28px Georgia}.about-values p,.about-project p{color:#bcc7db;line-height:1.8}.about-project{padding:70px 8vw;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;background:#10182c}.about-project a{color:#81dff1}.about-monogram{display:grid;place-content:center;text-align:center;border-radius:28px;background:linear-gradient(135deg,#6245b9,#283457);font:400 90px Georgia}.about-monogram span{font:700 12px sans-serif;letter-spacing:.15em}.about-contact{text-align:center;padding:80px 24px}.about-contact>div{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.about-contact a:nth-child(2){background:transparent;border:1px solid #657194}.about-note{font-size:14px;color:#a5b2c8}@media(max-width:700px){.about-nav{flex-wrap:wrap;gap:24px}.about-nav nav{font-size:14px;gap:16px;flex-wrap:wrap}.about-values,.about-project{grid-template-columns:1fr}.about-monogram{min-height:220px}}