.home-contact{background:#040a14;background-image:radial-gradient(ellipse at 13% 25%,#123d6c88,transparent 50%),radial-gradient(ellipse at 90% 65%,#10336188,transparent 55%)}
.home-contact .contact{padding:155px 0 85px;position:relative;overflow:hidden}
.home-contact .contact::before{content:'';position:absolute;width:650px;height:650px;left:-390px;top:170px;border:1px solid #64baff44;border-radius:50%;box-shadow:0 0 0 24px #2f8fff06,0 0 0 70px #2f8fff05,0 0 100px #177aff22;pointer-events:none}
.home-contact .contact-card{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;overflow:visible;align-items:start}
.home-contact #contact-title{font-size:clamp(42px,4.9vw,68px);line-height:1.07;letter-spacing:-.05em;font-weight:600;max-width:11ch;margin:28px 0;color:#e7f3ff}
.home-contact .lede{max-width:36ch;font-size:17px;line-height:1.8}
.home-contact .contact-card>div:last-child{position:sticky;top:120px;padding:35px;border:1px solid #77b9ef66;border-radius:25px;background:linear-gradient(135deg,#193b5d99,#081323ed);box-shadow:inset 0 0 0 6px #8acbff06,inset 0 1px #bfe5ff40,0 25px 70px #0005,0 0 50px #2088ed12;backdrop-filter:blur(18px)}
.form-intro{font-size:23px;color:#e7f4ff;letter-spacing:-.03em;margin-bottom:28px}
.home-contact .contact-links{margin-top:34px}.home-contact .contact-links a,.home-contact .loc{background:#08182b99;border-color:#69afff30;border-radius:13px;padding:17px;transition:border-color .25s,background .25s}
.home-contact .contact-links a:hover{background:#163857;border-color:#69c8ff}
.home-contact .map{border-radius:18px;border:1px solid #5caaff40;min-height:240px}
.home-contact .field input,.home-contact .field textarea{background:#030c18aa;border:1px solid #82b6e344;border-radius:12px}
.home-contact .field input:focus,.home-contact .field textarea:focus{border-color:#65bbff;box-shadow:0 0 18px #2f8fff25}
.home-contact .field label{text-transform:none;letter-spacing:0;font-family:inherit;font-size:12px;color:#bfd6ee}
.home-contact footer{background:#02071199}.home-contact .foot-giant{color:#608fcf20}
@media(max-width:950px){.home-contact .contact-card{grid-template-columns:1fr;gap:40px}.home-contact #contact-title{max-width:17ch}.home-contact .contact-card>div:last-child{position:static}.home-contact .contact{padding-top:125px}.home-contact .map{height:240px}.home-contact .lede{max-width:48ch}}
@media(max-width:500px){.home-contact .contact-card>div:last-child{padding:23px}.home-contact #contact-title{font-size:43px}.home-contact .field-row{grid-template-columns:1fr}.home-contact .contact-links a{font-size:13px;overflow-wrap:anywhere}.home-contact .form-intro{font-size:21px}}
@media(prefers-reduced-motion:reduce){.home-contact *{scroll-behavior:auto!important;transition:none!important}}
.home-contact .skip{position:fixed;left:16px;top:-80px;z-index:1000;padding:12px 18px;background:#55adff;color:#04101f;border-radius:8px}.home-contact .skip:focus{top:16px}
.home-contact .nav{background:#06101ee8;border:1px solid #83b6e12b;backdrop-filter:blur(16px);border-radius:60px}

/* Broad, balanced contact layout in the site's blue glass palette. */
.home-contact .contact{padding:140px 0 60px}
.home-contact .contact>.container{width:92%;max-width:1440px}
.home-contact .contact-card{grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,90px);align-items:center}
.home-contact #contact-title{max-width:12ch;font-size:clamp(48px,5.5vw,80px);line-height:1.03;margin:26px 0;letter-spacing:-.055em}
.home-contact .lede{font-size:19px;line-height:1.7;max-width:39ch;color:#bfd1e6}
.home-contact .contact-links{margin-top:30px;gap:12px}
.home-contact .contact-links a{padding:18px 20px;font-size:17px;border-radius:14px;background:linear-gradient(120deg,#183857aa,#071526dd);border-color:#72beec55;overflow-wrap:anywhere}
.home-contact .contact-links svg{flex-shrink:0}
.home-contact .contact-card>div:last-child{position:relative;top:auto;padding:clamp(26px,3vw,44px);border-radius:26px;background:linear-gradient(130deg,#1b4164dd,#08182bed);border-color:#76caff88;box-shadow:inset 0 1px 0 #c2efff66,0 20px 65px #00102266}
.home-contact .form-intro{font-size:clamp(25px,2.3vw,34px);line-height:1.2;font-weight:600;margin:0 0 10px}
.talk-form-note{font-size:16px;color:#b0c6de;margin-bottom:28px}
.home-contact .field-row{gap:18px}
.home-contact .field label{font-size:14px;margin-bottom:9px;color:#d8e9fa}
.home-contact .field input{min-height:54px;padding:14px 16px;font-size:16px}
.home-contact .field textarea{min-height:150px;font-size:16px;padding:14px 16px;line-height:1.6}
.home-contact .field input:focus-visible,.home-contact .field textarea:focus-visible{outline:2px solid #82d7ff;outline-offset:3px}
.home-contact #submitBtn{min-height:56px;border-radius:13px;font-size:17px;background:linear-gradient(110deg,#80d5ff,#3f97ff);box-shadow:0 8px 28px #1887ff40}
.home-contact #submitBtn::after{animation:none;display:none}
.home-contact .contact-card>div:last-child.cd-tilt{transform:none!important}
.home-contact .cd-pane{display:none}
.home-contact .cd-ring{opacity:.5;left:-510px}
.home-contact .cd-planet{opacity:.35}
.talk-visit{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border:1px solid #538db74d;border-radius:24px;padding:28px;background:linear-gradient(120deg,#102740bb,#071523cc);overflow:hidden}
.talk-visit-copy{padding:10px 16px}
.talk-visit h2{font-size:clamp(25px,2.7vw,36px);letter-spacing:-.035em;line-height:1.2;margin-bottom:14px;color:#e7f5ff}
.talk-visit p{color:#adc3da;font-size:16px;line-height:1.6;margin-bottom:20px}
.home-contact .talk-visit .loc{display:flex;gap:12px;padding:0;background:none;border:0;color:#c7dbed;line-height:1.6;font-size:15px;max-width:42ch}
.talk-visit .loc svg{width:20px;height:24px;flex-shrink:0;color:#6dcfff}
.talk-visit-copy>a{display:inline-block;margin-top:18px;color:#89d6ff;font-size:15px;text-underline-offset:5px}
.home-contact .talk-visit .map{height:250px;min-height:250px;margin:0;border-radius:16px}
.home-contact footer{padding-top:42px}.home-contact .foot-giant{margin-top:28px;font-size:clamp(48px,8vw,110px)}
@media(max-width:950px){.home-contact .contact{padding-top:120px}.home-contact .contact-card{grid-template-columns:1fr;gap:32px}.home-contact #contact-title{max-width:18ch;font-size:clamp(46px,8vw,68px)}.home-contact .lede{max-width:48ch}.talk-visit{grid-template-columns:1fr;gap:24px;margin-top:36px;padding:20px}.talk-visit-copy{padding:6px}.home-contact .contact-links a{font-size:16px}}
@media(max-width:500px){.home-contact .contact-card>div:last-child{padding:24px 20px}.home-contact #contact-title{font-size:48px}.home-contact .lede{font-size:17px}.home-contact .contact-links a{font-size:14px;padding:16px 12px}.home-contact .field-row{grid-template-columns:1fr;gap:0}}

/* Full-screen light choreography, behind all readable content. */
.home-contact{background:radial-gradient(ellipse at 12% 30%,#0b2646,transparent 58%),linear-gradient(135deg,#030b18,#07182b 60%,#030914)}
.talk-aurora{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.home-contact main,.home-contact footer{position:relative;z-index:1}
.home-contact .cd-depth{display:none}
.home-contact .contact-card>div:first-child{text-shadow:0 2px 18px #020812}
.home-contact .contact-card>div:last-child{background:linear-gradient(130deg,#153650ed,#071529f5)}
.home-contact .talk-visit{background:linear-gradient(120deg,#102740e8,#071523ee)}

/* The same rendered VirtualSky portal and clouds used on Our work. */
.home-contact{background:#020916}
.talk-sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#031127}
.talk-sky-art{position:absolute;inset:-3%;background:url('v5d/work-portal-bg.webp?v=2') center 29%/cover no-repeat;animation:talkSkyDrift 24s ease-in-out infinite alternate;transform-origin:48% 35%}
.talk-sky::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020b1dcc 0%,#020b1d99 34%,#020b1d33 65%,#020b1d55),linear-gradient(180deg,#02091644,transparent 65%,#02091688)}
.talk-sky-light{position:absolute;inset:-10%;background:radial-gradient(ellipse at 50% 45%,#37caff30,transparent 53%);mix-blend-mode:screen;animation:talkSkyLight 12s ease-in-out infinite alternate}
@keyframes talkSkyDrift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.065) translate3d(-1%,1.2%,0)}}
@keyframes talkSkyLight{from{opacity:.3;transform:translateX(-6%)}to{opacity:.8;transform:translateX(5%)}}
.home-contact .contact-card>div:first-child{text-shadow:0 2px 14px #000,0 0 38px #020916}
.home-contact .contact-card>div:last-child{background:linear-gradient(130deg,#133350e8,#051224ef);backdrop-filter:blur(14px)}
.home-contact .talk-visit{background:linear-gradient(120deg,#102740e8,#071523ee)}
.home-contact footer{background:#020916d9;backdrop-filter:blur(12px)}
@media(max-width:950px){.talk-sky-art{background-position:52% 12%}.talk-sky::after{background:linear-gradient(180deg,#02091699,#02091688 40%,#020916bb)}}
@media(prefers-reduced-motion:reduce){.talk-sky-art,.talk-sky-light{animation:none}}

/* The final homepage section contains the actual form and office map. */
.home-contact{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:80px;background:#031024}
.home-contact::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020b1ddd,#020b1d88),url('v5d/work-portal-bg.webp?v=2') center 32%/cover no-repeat;pointer-events:none}
.home-contact .contact{padding:85px 0 60px;background:none}
.home-contact .contact::before{display:none}
.home-contact #contact-title{font-weight:600}
@media(max-width:760px){.home-contact .contact{padding-top:55px}}
