.contact-page{--contact-line:rgba(255,255,255,.18);background:#050505;color:#fff}
.contact-page .site-header{color:#fff}
.contact-page .brand,.contact-page .brand-role,.contact-page .nav-link,.contact-page .header-cta{color:#fff}
.contact-page .site-header.glass-visible .brand,.contact-page .site-header.glass-visible .brand-role,.contact-page .site-header.glass-visible .site-nav,.contact-page .site-header.glass-visible .header-cta,.contact-page .site-header.glass-visible .menu-toggle{background:rgba(255,255,255,.12)}
.contact-page:not(.mobile-menu-open) .menu-toggle span{background:#fff}
.contact-page .nav-link:hover{color:rgba(255,255,255,.58)}
.contact-page .mobile-contact[aria-current=page]{color:var(--muted)}
.contact-main{min-height:calc(100svh - 86px);padding:54px var(--page-padding) 112px}
.contact-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;min-height:620px}
.contact-intro{grid-column:1/span 5;display:flex;flex-direction:column;align-items:flex-start}
.contact-label{margin:0 0 28px;font-size:16px;color:transparent;background:linear-gradient(90deg,#93b4e9,#c3c3cd 45%,#fe8b54);background-clip:text;-webkit-background-clip:text}
.contact-intro h1{max-width:620px;margin:0;font-size:clamp(40px,3.9vw,60px);font-weight:420;line-height:1.01;letter-spacing:-.045em}
.contact-intro-copy{max-width:460px;margin:30px 0 0;color:rgba(255,255,255,.62);font-size:16px;line-height:1.5}
.contact-client-switch{--client-frame-x:0px;--client-frame-width:0px;position:relative;isolation:isolate;display:flex;width:max-content;gap:2px;margin-top:24px;padding:5px;border-radius:4px;background:rgba(255,255,255,.1)}
.contact-client-switch::before{content:'';position:absolute;z-index:-1;top:5px;bottom:5px;left:0;width:var(--client-frame-width);border-radius:3px;background:rgba(255,255,255,.15);transform:translateX(var(--client-frame-x));transition:width 420ms cubic-bezier(.22,1,.36,1),transform 420ms cubic-bezier(.22,1,.36,1)}
.contact-client-option{position:relative;z-index:1;min-height:38px;padding:0 12px;border:0;border-radius:3px;background:transparent;color:rgba(255,255,255,.58);font:inherit;cursor:pointer;transition:color 240ms ease}
.contact-client-option:hover,.contact-client-option:focus-visible{color:#fff;outline:none}.contact-client-option.is-active{color:#fff}
.contact-book-call{position:sticky;top:calc(100svh - 68px);z-index:2;display:inline-flex;align-items:center;align-self:flex-start;gap:9px;width:max-content;min-height:44px;margin-top:32px;padding:0 14px;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:#050505;color:#fff;text-decoration:none;transition:border-color 260ms ease,background-color 260ms ease}
.contact-book-call svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:square;stroke-linejoin:miter}.contact-book-call:hover,.contact-book-call:focus-visible{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.08);outline:none}
.contact-submit{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:13px 15px;border:0;border-radius:4px;background:#fff;color:#111;font:inherit;line-height:1;cursor:pointer}
.contact-submit::after{content:'';position:absolute;z-index:-1;inset:-1px;background:linear-gradient(135deg,#93b4e9 0%,#c3c3cd 38%,#f9b375 68%,#fe8b54 100%);opacity:0;transition:opacity 450ms cubic-bezier(.9,0,.1,1)}
.contact-submit:hover::after,.contact-submit:focus-visible::after{opacity:1}
.contact-submit .header-cta-char,.contact-submit:hover .header-cta-char,.contact-submit:focus-visible .header-cta-char{color:#111;text-shadow:0 1.15em 0 #111}
.contact-form{grid-column:7/-1;display:flex;flex-direction:column}
.contact-field{display:block;padding:0 0 24px;border-bottom:1px solid var(--contact-line);margin-bottom:28px}
.contact-field-label,.contact-services legend{display:block;margin:0 0 12px;color:#fff;font-size:16px}
.contact-field input,.contact-field textarea{display:block;width:100%;border:0;outline:0;padding:0;background:transparent;color:#fff;font:inherit;font-size:18px;line-height:1.4;resize:none}
.contact-select-field{position:relative}.contact-select-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;border:0;padding:0;background:transparent;color:rgba(255,255,255,.3);font-family:Manrope,sans-serif;font-size:18px;font-weight:400;line-height:1.4;text-align:left;cursor:pointer}.contact-select-trigger:focus-visible{outline:1px solid rgba(255,255,255,.55);outline-offset:7px}.contact-select-chevron{flex:0 0 auto;width:8px;height:8px;margin-right:3px;border-right:1.35px solid currentColor;border-bottom:1.35px solid currentColor;transform:rotate(45deg);transition:transform 360ms cubic-bezier(.22,1,.36,1)}.contact-select-field.is-open .contact-select-chevron{transform:rotate(225deg)}.contact-select-menu{display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;transform:translateY(-5px);transition:grid-template-rows 420ms cubic-bezier(.22,1,.36,1),opacity 260ms ease,transform 420ms cubic-bezier(.22,1,.36,1),margin-top 420ms cubic-bezier(.22,1,.36,1)}.contact-select-field.is-open .contact-select-menu{grid-template-rows:1fr;margin-top:16px;opacity:1;transform:none}.contact-select-options{min-height:0;overflow:hidden}.contact-select-options button{display:block;width:100%;border:0;border-radius:3px;padding:8px 10px;background:transparent;color:rgba(255,255,255,.55);font:inherit;font-size:16px;font-weight:400;line-height:1.35;text-align:left;cursor:pointer;transition:background-color 200ms ease,color 200ms ease,padding-left 300ms cubic-bezier(.22,1,.36,1)}.contact-select-options button:hover,.contact-select-options button:focus-visible{padding-left:14px;background:rgba(255,255,255,.07);color:#fff;outline:none}.contact-select-options button[aria-selected=true]{color:#fff}
.contact-field textarea{min-height:104px}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:rgba(255,255,255,.3)}
.contact-field:focus-within{border-color:rgba(255,255,255,.7)}
.contact-services{border:0;margin:0 0 34px;padding:0}
.contact-chips{display:flex;flex-wrap:wrap;gap:8px}
.contact-chip{border:1px solid rgba(255,255,255,.22);border-radius:4px;padding:9px 11px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.68);font:inherit;cursor:pointer;transition:color 240ms ease,border-color 240ms ease,background-color 240ms ease}
.contact-chip:hover,.contact-chip:focus-visible{color:#fff;border-color:rgba(255,255,255,.5)}
.contact-chip[aria-pressed=true]{border-color:transparent;background:linear-gradient(135deg,#93b4e9,#c3c3cd 45%,#fe8b54);color:#111}
.contact-submit{align-self:flex-end}
.contact-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.contact-form-status{max-width:520px;margin:0 0 18px;color:rgba(255,255,255,.7);font-size:16px;line-height:1.4}
.contact-form-status.is-success{color:#fff}.contact-form-status.is-error{color:#ffb28a}
.contact-submit:disabled{cursor:wait;opacity:.58}.contact-submit:disabled::after{opacity:0}
.contact-motion .contact-label,.contact-motion .contact-intro h1,.contact-motion .contact-intro-copy,.contact-motion .contact-client-switch,.contact-motion .contact-book-call,.contact-motion .contact-form{opacity:0;transform:translateY(32px)}
.contact-motion.contact-entered .contact-label,.contact-motion.contact-entered .contact-intro h1,.contact-motion.contact-entered .contact-intro-copy,.contact-motion.contact-entered .contact-client-switch,.contact-motion.contact-entered .contact-book-call,.contact-motion.contact-entered .contact-form{opacity:1;transform:none;transition:opacity 800ms cubic-bezier(.22,1,.36,1),transform 800ms cubic-bezier(.22,1,.36,1)}
.contact-motion.contact-entered .contact-intro h1{transition-delay:70ms}.contact-motion.contact-entered .contact-intro-copy{transition-delay:140ms}.contact-motion.contact-entered .contact-client-switch{transition-delay:190ms}.contact-motion.contact-entered .contact-book-call{transition-delay:240ms}.contact-motion.contact-entered .contact-form{transition-delay:150ms}
.contact-page #portfolio-ending{margin-top:0}
@media(max-width:900px){.contact-page .site-header>.header-cta{display:none}.contact-main{padding:46px 12px 88px}.contact-layout{grid-template-columns:repeat(4,minmax(0,1fr));gap:74px 12px;min-height:0}.contact-intro,.contact-form{grid-column:1/-1}.contact-intro h1{font-size:clamp(40px,10vw,58px)}.contact-book-call{position:static;margin-top:42px}.contact-field{margin-bottom:24px}.contact-submit{align-self:flex-start}}
@media(max-width:520px){.contact-intro h1{font-size:40px}.contact-client-switch{width:100%}.contact-client-option{flex:1;padding-inline:8px}.contact-book-call{width:100%;justify-content:center}.contact-submit{width:100%;justify-content:center}}
@media(forced-colors:active){.contact-label{color:LinkText;background:none}.contact-chip[aria-pressed=true]{background:Highlight;color:HighlightText}}
@media(prefers-reduced-motion:reduce){.contact-label,.contact-intro h1,.contact-intro-copy,.contact-client-switch,.contact-book-call,.contact-form{opacity:1!important;transform:none!important;transition:none!important}.contact-client-switch::before,.contact-select-menu,.contact-select-chevron{transition:none}}