:root{--contact-red:#e63946;--cyan:#35d0da}
.contact-page{min-height:100vh}
.contact-page main{overflow:hidden}
.contact-page .site-header{width:max-content;max-width:calc(100% - 40px);margin-inline:auto}
.contact-page .nav-bar{width:auto;max-width:none;padding-inline:34px}
.contact-page .desktop-nav{margin-inline:44px;gap:25px}
.contact-shell{width:calc(100% - 112px);max-width:1180px;margin-inline:auto}
.contact-hero{position:relative;padding:78px 0 88px;isolation:isolate}
.contact-hero:before{content:"";position:absolute;z-index:-2;inset:-120px calc(50% - 50vw) -120px;background:radial-gradient(circle at 12% 20%,#2b9faa20,transparent 28rem),radial-gradient(circle at 78% 18%,#e6394617,transparent 24rem),radial-gradient(circle at 62% 72%,#ffd84d0d,transparent 28rem)}
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:72px;align-items:start}
.contact-breadcrumbs{display:flex;gap:9px;align-items:center;color:#8f918c;font-size:.8125rem;margin-bottom:38px}
.contact-breadcrumbs a:hover{color:var(--yellow)}
.contact-kicker{color:var(--teal);font-size:.75rem;line-height:1.6;letter-spacing:.13em;font-weight:700;text-transform:uppercase}
.contact-copy h1{max-width:620px;margin-top:22px;font-size:clamp(3.1rem,5.1vw,5rem);line-height:1;letter-spacing:-.06em;text-wrap:balance}
.contact-copy h1 em{color:var(--yellow);font-style:normal}
.contact-intro{max-width:600px;margin-top:28px;color:#b8bab4;font-size:1.1rem;line-height:1.78}
.contact-signals{display:grid;gap:0;margin-top:34px;border-top:1px solid var(--line)}
.contact-signal{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}
.contact-signal span{color:var(--yellow);font-size:.75rem;font-weight:700;letter-spacing:.08em;padding-top:3px}
.contact-signal strong{display:block;color:#e8e7e0;font-size:.98rem;font-weight:500}
.contact-signal p{margin-top:5px;color:#90938d;font-size:.875rem;line-height:1.6}
.contact-response-note{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:10px 14px;border:1px solid #343a37;border-radius:999px;background:linear-gradient(90deg,#111513d9,#0c0f0ed9);color:#c9cbc5;font-size:.78rem;line-height:1.45;backdrop-filter:blur(12px)}
.contact-response-note span{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--contact-red);box-shadow:0 0 14px #e63946aa}
.contact-form-card{position:relative;padding:32px;border:1px solid #38504d;border-radius:16px;background:linear-gradient(145deg,rgba(18,26,25,.95),rgba(10,12,11,.97) 58%,rgba(25,19,17,.95));box-shadow:0 28px 90px #0009,0 0 60px #2b9faa0b;overflow:hidden}
.contact-form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--teal),var(--cyan) 42%,var(--yellow) 70%,var(--contact-red))}
.contact-form-card:after{content:"";position:absolute;z-index:0;width:260px;height:260px;right:-160px;top:-130px;border-radius:50%;background:radial-gradient(circle,#e6394621,transparent 67%);pointer-events:none}
.contact-form-head,.contact-form-card form,.contact-success{position:relative;z-index:1}
.contact-form-head{display:flex;justify-content:space-between;gap:22px;align-items:center;padding-bottom:20px;border-bottom:1px solid #313633}
.contact-form-head h2{font-size:clamp(1.9rem,2.7vw,2.4rem);letter-spacing:-.04em}
.contact-form-head p{max-width:180px;color:#92958f;font-size:.75rem;line-height:1.55;text-align:right}
.contact-form{margin-top:22px}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 15px}
.contact-form label{display:flex;flex-direction:column;gap:8px;min-width:0}
.contact-form label>span{color:#b9bbb5;font-size:.75rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.contact-form label>span em{color:var(--contact-red);font-style:normal}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:54px;padding:13px 15px;border:1px solid #3b4441;border-radius:9px;background:#080b0ad9;color:#f2f2ec;font:inherit;font-size:1rem;line-height:1.45;transition:border-color .2s,box-shadow .2s,background .2s}
.contact-form textarea{min-height:145px;resize:vertical}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#737974}
.contact-form input:hover,.contact-form select:hover,.contact-form textarea:hover{border-color:#576460}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:0;border-color:var(--cyan);background:#080d0c;box-shadow:0 0 0 3px #35d0da18}
.contact-form-wide{grid-column:1/-1}
.contact-submit{width:100%;min-height:58px;margin-top:22px;padding:14px 18px;border:1px solid var(--yellow);border-radius:9px;background:var(--yellow);color:#080908;font:inherit;font-weight:750;display:flex;align-items:center;justify-content:space-between;transition:transform .25s var(--ease),box-shadow .2s,background .2s}
.contact-submit:hover:not(:disabled){transform:translateY(-2px);background:#ffe476;box-shadow:0 12px 36px #ffd84d1f}
.contact-submit:disabled{opacity:.68;cursor:wait}
.contact-form-note{margin-top:14px;color:#898c86;font-size:.75rem;line-height:1.6;text-align:center}
.contact-form-note a{color:#c9cbc4;text-decoration:underline;text-underline-offset:3px}
.contact-form-status{min-height:1.5em;margin-top:6px;color:#ffdf63;font-size:.75rem;text-align:center}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-delivery{display:none}
.contact-success{display:grid;min-height:600px;align-content:center;justify-items:start;padding:20px}
.contact-success[hidden]{display:none}
.contact-success-mark{width:68px;height:68px;display:grid;place-items:center;margin-bottom:28px;border:1px solid #35d0da88;border-radius:50%;background:#35d0da12;color:var(--cyan);font-size:1.8rem;box-shadow:0 0 35px #35d0da24}
.contact-success h2{margin-top:16px;font-size:clamp(2.4rem,4vw,3.8rem);letter-spacing:-.055em}
.contact-success>p:not(.contact-kicker){max-width:480px;margin-top:17px;color:#b8bbb5;font-size:1.05rem;line-height:1.75}
.contact-success-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.contact-next{padding:60px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 12% 80%,#e639460b,transparent 25rem)}
.contact-next-head{display:block}
.contact-next h2{max-width:780px;margin-top:13px;font-size:clamp(2.15rem,3.6vw,3.25rem);letter-spacing:-.05em}
.contact-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.contact-next article{padding:20px 22px;border:1px solid #30332f;border-radius:8px;background:#101311}
.contact-next article span{color:var(--contact-red);font-size:.75rem;font-weight:700;letter-spacing:.1em}
.contact-next article h3{margin-top:15px;font-size:1.05rem;font-weight:500}
.contact-next article p{margin-top:8px;color:#9fa19b;font-size:.875rem;line-height:1.65}
.contact-reading{padding:60px 0 72px}
.contact-reading-head{display:flex;justify-content:space-between;gap:30px;align-items:end}
.contact-reading h2{font-size:clamp(2rem,3.4vw,3.05rem);letter-spacing:-.05em}
.contact-reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:27px}
.contact-reading-grid a{display:flex;flex-direction:column;min-height:165px;padding:20px 22px;border:1px solid #30332f;border-radius:8px;background:linear-gradient(145deg,#141614,#0e100f);transition:transform .25s var(--ease),border-color .25s}
.contact-reading-grid a:hover{transform:translateY(-3px);border-color:#6a6032}
.contact-reading-grid small{color:var(--teal);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.contact-reading-grid strong{margin-top:14px;color:#e7e6df;font-size:1.05rem;line-height:1.4;font-weight:500}
.contact-reading-grid span{margin-top:auto;align-self:flex-end;color:var(--yellow);font-size:1.25rem}
.contact-page .site-footer{max-width:1180px}
@media(max-width:1100px){.contact-grid{grid-template-columns:1fr;gap:34px}.contact-page .desktop-nav{display:none}.contact-page .nav-contact{margin-left:auto}.contact-page .menu-toggle{display:block}}
@media(max-width:700px){.contact-page .site-header{top:8px;max-width:calc(100% - 20px)}.contact-page .nav-bar{padding-inline:14px}.contact-shell{width:calc(100% - 40px)}.contact-hero{padding:58px 0 64px}.contact-copy h1{font-size:clamp(2.85rem,13vw,4.1rem)}.contact-response-note{max-width:100%;border-radius:12px}.contact-form-card{padding:27px 20px 22px;border-radius:14px}.contact-form-head{display:block}.contact-form-head p{max-width:none;margin-top:7px;text-align:left}.contact-form-grid,.contact-next-grid,.contact-reading-grid{grid-template-columns:1fr}.contact-form-wide{grid-column:auto}.contact-next,.contact-reading{padding-block:50px}.contact-reading-head{display:block}.contact-reading-grid a{min-height:145px}.contact-page .site-footer{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){.contact-submit,.contact-reading-grid a{transition:none}}