@layer contact{.contact-page{padding-block:clamp(48px,7vw,100px) 30px}.contact-heading{justify-content:space-between;align-items:end;gap:30px;padding-bottom:48px;display:flex}.contact-heading h1{letter-spacing:-.035em;font-size:clamp(56px,6.6vw,96px);line-height:.98}.contact-heading>p{color:var(--muted);padding-bottom:5px;font-size:15px}.contact-sky{background:var(--sky,#b9d9e9);color:var(--ink);grid-template-columns:1fr 1.55fr;gap:clamp(40px,8vw,120px);padding:clamp(30px,4.5vw,64px);display:grid}.contact-context{align-self:start;padding-top:10px}.contact-context>p{max-width:29ch;line-height:1.7}.contact-artwork{border-color:var(--sky-line,#8eb9cf);gap:16px;margin-top:32px}.contact-artwork span{font-size:13px}.contact-artwork strong{margin-top:6px;font-size:29px;line-height:1.1}.contact-artwork a:hover{text-underline-offset:5px;text-decoration:underline 1px}.contact-telegram{font:500 clamp(42px, 4.7vw, 68px) / 1.04 var(--serif);letter-spacing:-.025em;justify-content:space-between;align-items:center;gap:24px;padding-block:0 42px;display:flex}.contact-telegram svg{width:40px;transition:transform .18s var(--ease);flex:0 0 40px}.contact-channels svg{stroke:currentColor;stroke-width:1.5px}.contact-telegram:hover svg{transform:translate(4px,-4px)}.contact-telegram:hover{color:var(--accent)}.contact-secondary{border-top:1px solid var(--sky-line,#8eb9cf);flex-wrap:wrap;gap:16px 36px;padding-top:24px;display:flex}.contact-secondary .text-link{align-items:center;gap:12px;min-height:44px;font-size:16px;display:inline-flex}.contact-secondary svg{width:18px;height:18px}.contact-commission{grid-template-columns:1fr 1.55fr;gap:clamp(40px,8vw,120px);padding:60px clamp(30px,4.5vw,64px) 68px;display:grid}.contact-commission h2,.contact-form-intro h2{font-size:clamp(34px,3.1vw,44px);line-height:1.05}.contact-commission p{max-width:58ch;color:var(--muted)}.contact-form-section{border-top:1px solid var(--line);grid-template-columns:1fr 1.55fr;gap:clamp(40px,8vw,120px);padding-block:56px;display:grid}.contact-form-intro p{color:var(--muted);max-width:29ch;margin-top:20px}.contact-form-section input,.contact-form-section textarea,.contact-form-section select{font-size:16px}.contact-form-section .field label,.contact-form-section input::placeholder,.contact-form-section textarea::placeholder,.contact-form-section .form-status{font-size:14px}.contact-form-section .form-status{border:0;border-bottom:1px solid var(--line);background:0 0;padding:16px 0}.contact-dev-status{color:var(--muted);padding-block:20px;font-size:13px}@media (width<=900px){.contact-heading>p{display:none}.contact-sky,.contact-commission,.contact-form-section{grid-template-columns:1fr 1.5fr;gap:32px}.contact-telegram{font-size:47px}}@media (width<=700px){.contact-page{padding-top:42px}.contact-heading{padding-bottom:30px}.contact-heading h1{max-width:8ch;font-size:clamp(54px,14vw,72px)}.contact-sky,.contact-commission,.contact-form-section{grid-template-columns:1fr;gap:28px}.contact-sky{padding:26px 24px}.contact-context{padding-top:0}.contact-context>p{max-width:31ch;font-size:14px}.contact-telegram{padding-bottom:24px;font-size:clamp(40px,10.8vw,56px)}.contact-telegram svg{flex-basis:30px;width:30px}.contact-secondary{justify-content:space-between;gap:4px 16px;padding-top:14px}.contact-secondary .text-link{gap:8px;font-size:14px}.contact-commission{gap:22px;padding:40px 0 48px}.contact-commission h2 br{display:none}.contact-form-section{padding-block:40px}}@media (prefers-reduced-motion:reduce){.contact-telegram svg{transition:none}.contact-telegram:hover svg{transform:none}}}
