.contact-page{color:#f7f7f4;background:#050505;min-height:100vh;overflow:hidden}.contact-nav{border-bottom:1px solid #242424;justify-content:space-between;align-items:center;height:110px;padding:22px 5vw;display:flex}.contact-nav .brand img{width:auto;height:66px}.contact-back{border:1px solid #3a3a3a;border-radius:999px;padding:11px 17px;font-size:14px;transition:all .2s}.contact-back:hover{color:#00d8ff;border-color:#00d8ff}.contact-hero{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:8vw;min-height:calc(100vh - 210px);padding:clamp(55px,8vw,120px) 7vw;display:grid;position:relative}.contact-hero:before{content:"";filter:blur(120px);opacity:.12;background:conic-gradient(from 210deg,#00d8ff,#8a5cff,#ff3b30,#dfff00,#00d8ff);border-radius:50%;width:45vw;height:45vw;position:absolute;top:-15vw;right:-15vw}.contact-heading{z-index:1;position:relative}.contact-heading h1{letter-spacing:-.055em;margin:30px 0;font-size:clamp(52px,7vw,105px);font-weight:500;line-height:.94}.contact-heading h1 em{color:#0000;background:linear-gradient(90deg,#00d8ff,#dfff00 48%,#ff5a46);-webkit-background-clip:text;background-clip:text;font-style:normal}.contact-heading>p:last-child{color:#aaa;max-width:650px;font-size:18px;line-height:1.65}.contact-cards{z-index:1;gap:14px;display:grid;position:relative}.contact-card{background:#101010;border:1px solid #2c2c2c;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:150px;padding:25px;transition:all .25s;display:flex}.contact-card[href]:hover{border-color:#00d8ff;transform:translate(-5px)}.contact-card span{letter-spacing:.18em;color:#777;font-size:11px}.contact-card strong{font:500 clamp(19px,2vw,27px)/1.25 Space Grotesk,sans-serif}.contact-card i{color:#aaa;font-size:13px;font-style:normal}.contact-footer{color:#777;border-top:1px solid #242424;align-items:center;gap:25px;min-height:100px;padding:18px 5vw;display:flex}.contact-footer img{width:auto;height:52px}.contact-footer p{font-size:13px}@media (max-width:850px){.contact-hero{grid-template-columns:1fr;padding:60px 6vw 80px}.contact-heading h1{font-size:clamp(48px,12vw,75px)}.contact-nav{height:90px}.contact-nav .brand img{height:52px}}@media (max-width:520px){.contact-nav{padding:18px 20px}.contact-back{padding:9px 12px;font-size:12px}.contact-hero{padding:45px 20px 65px}.contact-heading>p:last-child{font-size:16px}.contact-card{min-height:140px}.contact-footer{padding:18px 20px}}