.contact-hero { position:relative; overflow:hidden; padding:clamp(6rem,10vw,10rem) var(--gutter) clamp(4rem,7vw,7rem); background:var(--paper); color:var(--ink); }.contact-hero__orbit { position:absolute; top:5%; right:-8%; width:min(55vw,45rem); aspect-ratio:1; border:1px solid rgba(79,112,216,.15); border-radius:50%; transform:rotateX(70deg); }.contact-hero__content { position:relative; z-index:1; }.contact-hero h1 { max-width:76rem; margin:clamp(1rem,1.8vw,1.5rem) 0; font:800 clamp(3.6rem,7.5vw,7.8rem)/.86 var(--font-geist); letter-spacing:-.07em; text-transform:uppercase; }.contact-hero__content > p:last-child { max-width:47.5rem; margin:0; color:#5f5e65; font-size:clamp(.95rem,1.15vw,1.08rem); line-height:1.75; }
.contact-section { padding:clamp(4.5rem,8vw,8rem) var(--gutter); background:var(--bg); }.contact-grid { display:grid; grid-template-columns:1fr 1.8fr; gap:clamp(2.5rem,6vw,5rem); }.contact-direct { display:flex; flex-direction:column; gap:clamp(.75rem,1.4vw,1rem); }.contact-direct > a { font:600 clamp(1.4rem,3vw,2.5rem)/1.1 var(--font-geist); letter-spacing:-.04em; transition:color .25s ease; }.contact-direct > a:hover { color:var(--blue-3); }.contact-direct > p:last-child { max-width:28rem; margin:.75rem 0 0; color:#9293a1; font-size:clamp(.9rem,1.05vw,1rem); line-height:1.75; }
.contact-form { display:grid; gap:clamp(1rem,1.7vw,1.35rem); padding:clamp(1.25rem,2.5vw,2.4rem); border:1px solid rgba(255,255,255,.1); background:#0b0b10; box-shadow:0 30px 90px -50px rgba(79,140,255,.4); transition:border-color .5s ease,box-shadow .5s ease; }.contact-form:hover { border-color:rgba(102,127,216,.45); box-shadow:0 34px 100px -48px rgba(79,140,255,.52); }.field { display:grid; gap:.5rem; }.field span { color:#858695; font:400 clamp(.48rem,.54vw,.6rem)/1 var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }.field input,.field textarea { width:100%; padding:clamp(.8rem,1.1vw,1rem) clamp(.85rem,1.2vw,1rem); border:1px solid rgba(255,255,255,.1); background:#101016; color:#fff; font-size:clamp(.9rem,1vw,1rem); outline:none; transition:border-color .25s ease; }.field textarea { resize:vertical; }.field input:focus,.field textarea:focus { border-color:#6f8fff; }.contact-form__submit { width:max-content; margin-top:.5rem; cursor:pointer; }
@media(max-width:1023px){.contact-grid{grid-template-columns:1fr}}