@font-face{font-family:"Cronic Sans";src:local("Helvetica Neue"),local("Arial");font-display:swap}
:root{--ice:#72dcff;--electric:#1d61ff;--paper:#f2f1ed;--ink:#03090c;--ink-soft:#071419;--muted:rgba(242,241,237,.58);--line:rgba(219,241,249,.18);--pad:clamp(1rem,3vw,3.2rem);color-scheme:dark}
*{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth;background:var(--ink)}
body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:"Cronic Sans","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.25;-webkit-font-smoothing:antialiased}
body::selection{background:var(--ice);color:#061014}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
.contact-header__logo{width:clamp(6.5rem,8vw,8.5rem)}
.contact-header__logo img{width:100%}
.contact-header.internal-header{background:linear-gradient(180deg,rgba(3,9,12,.9),transparent);mix-blend-mode:normal}
.contact-header>p span{color:var(--ice)}
.contact-kicker{margin:0;color:var(--muted);font-size:.52rem;font-weight:500;letter-spacing:.21em;line-height:1.5}

.contact-stage{position:relative;display:flex;min-height:100svh;overflow:hidden;flex-direction:column;justify-content:center;padding:clamp(8.5rem,10vw,10rem) var(--pad) 2.3rem;background:radial-gradient(circle at 78% 44%,rgba(27,117,160,.2),transparent 30%),var(--ink);isolation:isolate}
.contact-stage::after{position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(0deg,rgba(215,242,255,.018) 0 1px,transparent 1px 4px);content:"";pointer-events:none;mix-blend-mode:soft-light}
.contact-stage__shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,9,12,.98) 0%,rgba(3,9,12,.84) 34%,rgba(3,9,12,.24) 62%,rgba(3,9,12,.7) 100%),linear-gradient(0deg,#03090c 0%,transparent 24%,rgba(3,9,12,.2) 78%,#03090c 100%);pointer-events:none}
.contact-map{position:absolute;z-index:-3;inset:-24% -18% -20% 15%;perspective:80rem;pointer-events:none}
.contact-map__plane{position:absolute;inset:-5%;overflow:hidden;border:1px solid rgba(114,220,255,.18);background:#07161d;box-shadow:0 0 10rem rgba(19,118,174,.3);transform:rotateX(calc(57deg + var(--map-y,0deg))) rotateZ(calc(-10deg + var(--map-x,0deg))) scale(1.18);transform-origin:54% 52%;transition:transform .24s ease-out}
.contact-map__plane iframe{position:absolute;z-index:1;inset:-12%;width:124%;height:124%;border:0;filter:grayscale(1) invert(.9) sepia(.55) saturate(5.2) hue-rotate(151deg) brightness(.54) contrast(1.34);opacity:.72}
.contact-map__fallback{position:absolute;z-index:0;inset:0;background-color:#07171e;background-image:linear-gradient(34deg,transparent 47%,rgba(114,220,255,.13) 48% 49%,transparent 50%),linear-gradient(122deg,transparent 45%,rgba(114,220,255,.1) 46% 47%,transparent 48%),linear-gradient(90deg,rgba(114,220,255,.08) 1px,transparent 1px),linear-gradient(rgba(114,220,255,.08) 1px,transparent 1px);background-size:18rem 13rem,24rem 17rem,6rem 6rem,6rem 6rem}
.contact-map__tint{position:absolute;z-index:2;inset:0;background:linear-gradient(104deg,rgba(2,8,11,.88),rgba(4,20,27,.14) 48%,rgba(2,9,13,.48)),radial-gradient(circle at 57% 50%,rgba(114,220,255,.2),transparent 28%);mix-blend-mode:multiply}
.contact-map__grid{position:absolute;z-index:3;inset:0;background-image:linear-gradient(rgba(114,220,255,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(114,220,255,.085) 1px,transparent 1px);background-size:9rem 9rem;mask-image:radial-gradient(circle at 56% 50%,#000,transparent 75%);opacity:.44}
.contact-pin{position:absolute;z-index:4;top:50%;left:57%;width:12rem;height:12rem;transform:translate(-50%,-50%) rotateZ(10deg) rotateX(-57deg);filter:drop-shadow(0 0 1.5rem rgba(114,220,255,.68))}
.contact-pin__ring,.contact-pin__dot{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}
.contact-pin__ring{width:7rem;height:7rem;border:1px solid rgba(114,220,255,.92);box-shadow:inset 0 0 1.6rem rgba(114,220,255,.16);animation:pin-pulse 2.7s ease-out infinite}
.contact-pin__dot{width:.9rem;height:.9rem;background:var(--ice);box-shadow:0 0 0 .45rem rgba(114,220,255,.17),0 0 2rem var(--ice)}
.contact-pin strong,.contact-pin small{position:absolute;left:62%;white-space:nowrap;font-weight:500;letter-spacing:.15em}
.contact-pin strong{top:40%;font-size:.65rem}
.contact-pin small{top:51%;color:rgba(242,241,237,.6);font-size:.36rem}
@keyframes pin-pulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.4)}76%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}

.contact-layout{display:grid;width:100%;max-width:104rem;margin:auto;grid-template-columns:minmax(0,1.15fr) minmax(25rem,.72fr);gap:clamp(3rem,7vw,9rem);align-items:center}
.contact-copy{align-self:stretch;display:flex;min-height:38rem;flex-direction:column;justify-content:center;padding:2rem 0}
.contact-copy h1{max-width:10ch;margin:clamp(1.5rem,3vw,3rem) 0;font-size:clamp(4.2rem,8.3vw,9.3rem);font-weight:400;letter-spacing:-.083em;line-height:.78;text-wrap:balance}
.contact-copy h1 em{color:var(--ice);font-style:normal;text-shadow:0 0 2.8rem rgba(114,220,255,.2)}
.contact-copy__intro{max-width:33rem;margin:0;color:rgba(242,241,237,.72);font-size:clamp(1rem,1.22vw,1.25rem);line-height:1.48}
.contact-copy__details{display:grid;max-width:48rem;margin-top:auto;padding-top:1.2rem;border-top:1px solid rgba(242,241,237,.25);grid-template-columns:1fr 1.2fr;gap:2rem}
.contact-copy__details>div{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.contact-copy__details span{margin-bottom:1rem;color:var(--muted);font-size:.45rem;letter-spacing:.18em}
.contact-copy__details a,.contact-copy__details address{margin:0 0 .42rem;font-size:.68rem;font-style:normal;letter-spacing:.07em;line-height:1.5}
.contact-copy__details a{transition:color .25s}
.contact-copy__details a:hover,.contact-copy__details a:focus-visible{color:var(--ice);outline:0}

.contact-card{position:relative;overflow:hidden;padding:clamp(1.5rem,2.6vw,2.8rem);border:1px solid rgba(114,220,255,.22);border-radius:.35rem;background:linear-gradient(145deg,rgba(9,26,34,.94),rgba(3,10,14,.9));box-shadow:0 2rem 7rem rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(1.25rem)}
.contact-card::before{position:absolute;top:0;right:0;width:42%;height:1px;background:var(--ice);box-shadow:0 0 1.2rem var(--ice);content:""}
.contact-card__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(2rem,3vw,3rem)}
.contact-card__head p,.contact-card__head>span{margin:0;color:var(--muted);font-size:.45rem;letter-spacing:.18em}
.contact-card__head h2{margin:.85rem 0 0;font-size:clamp(2.5rem,4vw,4.3rem);font-weight:400;letter-spacing:-.065em;line-height:.86}
.contact-card__head>span{color:var(--ice)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}
.contact-field{position:relative;display:block;min-width:0;padding:1rem 0 .9rem;border-bottom:1px solid rgba(219,241,249,.2)}
.contact-field>span{display:block;margin-bottom:.62rem;color:rgba(242,241,237,.5);font-size:.42rem;letter-spacing:.17em}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:0;outline:0;background:transparent;color:var(--paper);font-size:.92rem;letter-spacing:-.01em}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:rgba(242,241,237,.27)}
.contact-field select{padding-right:1.5rem;border-radius:0;appearance:none;cursor:pointer}
.contact-field select option{background:#071419;color:var(--paper)}
.contact-field--select::after{position:absolute;right:.1rem;bottom:1rem;color:var(--ice);content:"↓";font-size:.75rem;pointer-events:none}
.contact-field--message{grid-column:1/-1;padding-top:1.25rem}
.contact-field textarea{min-height:6rem;resize:vertical;line-height:1.35}
.contact-field small{position:absolute;right:0;bottom:.72rem;color:rgba(242,241,237,.36);font-size:.4rem;letter-spacing:.12em}
.contact-field small b{font-weight:400}
.contact-field:focus-within{border-color:var(--ice)}
.contact-form__send{display:grid;grid-column:1/-1;grid-template-columns:1fr auto;gap:1.2rem;align-items:center;margin-top:1.8rem}
.contact-form__send>p{margin:0;color:rgba(242,241,237,.42);font-size:.43rem;letter-spacing:.1em;line-height:1.45}
.contact-form__send button{display:flex;min-width:13.5rem;justify-content:space-between;align-items:center;padding:.9rem 1rem;border:1px solid var(--ice);border-radius:999px;background:var(--ice);color:#061014;cursor:pointer;font-size:.45rem;font-weight:600;letter-spacing:.16em;transition:background-color .3s,color .3s,transform .3s}
.contact-form__send button i{font-size:.9rem;font-style:normal}
.contact-form__send button:hover,.contact-form__send button:focus-visible{outline:0;background:transparent;color:var(--paper);transform:translateY(-.12rem)}
.contact-form__status{grid-column:1/-1;min-height:.9rem;color:var(--ice);font-size:.43rem;letter-spacing:.1em}

.contact-social{display:flex;width:100%;max-width:104rem;gap:1.4rem;align-items:center;margin:clamp(2rem,4vw,4rem) auto 0;padding-top:1rem;border-top:1px solid rgba(242,241,237,.16)}
.contact-social span,.contact-social a{font-size:.43rem;letter-spacing:.16em}
.contact-social span{margin-right:auto;color:var(--muted)}
.contact-social a{transition:color .25s}
.contact-social a:hover,.contact-social a:focus-visible{color:var(--ice);outline:0}
.contact-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding:4rem var(--pad) 2rem;border-top:1px solid rgba(242,241,237,.14);background:#03080b}
.contact-footer img{width:8rem}
.contact-footer p,.contact-footer a{margin:0;font-size:.5rem;letter-spacing:.16em}
.contact-footer a{justify-self:end}
.contact-js [data-reveal]{opacity:0;transform:translateY(1.5rem);transition:opacity .68s,transform .88s cubic-bezier(.16,1,.3,1)}
.contact-js [data-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1050px){
  .contact-stage{justify-content:flex-start}
  .contact-layout{grid-template-columns:1fr;gap:3rem}
  .contact-copy{min-height:33rem;padding-bottom:0}
  .contact-copy h1{font-size:clamp(4.2rem,13vw,8rem)}
  .contact-card{width:min(100%,43rem);margin-left:auto}
  .contact-map{inset:-6% -50% 12% 10%}
  .contact-stage__shade{background:linear-gradient(90deg,rgba(3,9,12,.96),rgba(3,9,12,.42)),linear-gradient(0deg,#03090c 0%,rgba(3,9,12,.2) 45%,#03090c 100%)}
}
@media(max-width:700px){
  .contact-header>p{display:none}
  .contact-stage{padding-top:7.5rem}
  .contact-copy{min-height:34rem}
  .contact-copy h1{font-size:clamp(3.9rem,17vw,6rem)}
  .contact-copy__intro{max-width:25rem;font-size:1rem}
  .contact-copy__details{grid-template-columns:1fr;gap:1.5rem;margin-top:3.5rem}
  .contact-map{inset:-2% -105% 38% -12%}
  .contact-map__plane{transform:rotateX(60deg) rotateZ(-12deg) scale(1.3)}
  .contact-pin{left:55%;transform:translate(-50%,-50%) rotateZ(12deg) rotateX(-60deg) scale(.76)}
  .contact-card{padding:1.35rem}
  .contact-form{grid-template-columns:1fr}
  .contact-field--message,.contact-form__send{grid-column:1}
  .contact-form__send{grid-template-columns:1fr}
  .contact-form__send button{width:100%;min-width:0}
  .contact-social{flex-wrap:wrap}
  .contact-social span{width:100%;margin:0 0 .2rem}
  .contact-footer{grid-template-columns:1fr auto}
  .contact-footer p{display:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .contact-pin__ring{animation:none}
  .contact-map__plane{transition:none}
  .contact-js [data-reveal]{opacity:1;transform:none;transition:none}
}