.contacts-page{grid-template-columns:minmax(300px,1fr) minmax(380px,1.15fr);align-items:start;gap:4rem;padding-block:9rem 6rem;display:grid}.contacts-intro{flex-direction:column;align-items:flex-start;gap:1.1rem;display:flex;position:sticky;top:8rem}.contacts-intro__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-top:.25rem;font-size:clamp(2.3rem,4.6vw,3.6rem);font-weight:500;line-height:1.08}.contacts-intro__text{max-width:44ch;color:var(--ink-dim);font-size:1.02rem;line-height:1.65}.contacts-info{flex-direction:column;gap:1.4rem;margin-top:.75rem;padding:0;list-style:none;display:flex}.contacts-info__item{align-items:center;gap:1rem;display:flex}.contacts-info__icon{width:2.75rem;height:2.75rem;color:var(--brand-cyan);border:1px solid #1fcdff40;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.contacts-info__body{flex-direction:column;gap:.15rem;display:flex}.contacts-info__value{color:var(--ink);font-size:1.02rem;font-weight:500;text-decoration:none}a.contacts-info__value:hover{color:var(--brand-cyan)}.contacts-info__label{color:var(--ink-dim)}.contacts-panel{background:var(--bg-raise);border:1px solid #8b93a726;border-radius:20px;padding:clamp(1.75rem,3vw,2.75rem)}.contact-form{flex-direction:column;gap:1.6rem;display:flex}.contact-form__heading{font-family:var(--font-display);color:var(--ink);margin-bottom:.15rem;font-size:1.35rem;font-weight:500}.field-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.field{position:relative}.field input,.field textarea{width:100%;color:var(--ink);font-family:var(--font-body);transition:border-color .3s var(--ease-out);background:0 0;border:none;border-bottom:1px solid #8b93a74d;border-radius:0;padding:.65rem .1rem;font-size:1rem}.field textarea{resize:vertical;min-height:6.5rem;padding-top:1.7rem}.field input:focus,.field textarea:focus{border-color:#1fcdff80;outline:none}.field label{color:var(--ink-dim);pointer-events:none;transform-origin:0 0;transition:transform .25s var(--ease-out), top .25s var(--ease-out), color .25s var(--ease-out);font-size:1rem;position:absolute;top:.75rem;left:.1rem}.field__optional{color:var(--ink-dim);font-size:.85em;font-weight:400}.field input:focus~label,.field input:not(:placeholder-shown)~label,.field textarea:focus~label,.field textarea:not(:placeholder-shown)~label{color:var(--brand-cyan);top:-.1rem;transform:translateY(-1rem)scale(.78)}.field input:not(:focus)::placeholder,.field textarea:not(:focus)::placeholder{color:#0000}.field input:focus::placeholder,.field textarea:focus::placeholder{color:#8b93a799}.field:after{content:"";background:var(--glow);transform-origin:0;height:2px;transition:transform .35s var(--ease-out);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.field:focus-within:after{transform:scaleX(1)}.contact-form__submit{align-self:flex-start;margin-top:.25rem}.contact-form__submit:disabled{opacity:.6;cursor:not-allowed}.contact-form__error{color:#ff7a86;margin:-.75rem 0 0;font-size:.88rem;line-height:1.5}.form-success{flex-direction:column;align-items:flex-start;gap:.6rem;padding-block:1.5rem;display:flex}.form-success__icon{color:var(--brand-cyan);margin-bottom:.4rem}.form-success__title{font-family:var(--font-display);color:var(--ink);font-size:1.35rem;font-weight:500}.form-success__text{max-width:38ch;color:var(--ink-dim);line-height:1.6}.form-success__reset{color:var(--brand-cyan);font-family:var(--font-mono);letter-spacing:.02em;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:0;font-size:.82rem;text-decoration:underline}@media (prefers-reduced-motion:reduce){.field label,.field input,.field textarea,.field:after{transition:none}}@media (width<=900px){.contacts-page{grid-template-columns:1fr;gap:3rem;padding-block:7rem 4rem}.contacts-intro{position:static}.field-row{grid-template-columns:1fr;gap:1.6rem}}