@layer contact{.contact-page{padding-block:clamp(48px,7vw,100px) 70px}.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.contact-heading{padding-block:6px 24px}.contact-heading h1{letter-spacing:-.035em;font-size:clamp(56px,6.6vw,96px);line-height:.98}.contact-heading p{max-width:29ch;color:var(--muted);margin:0;font-size:16px;line-height:1.7}.contact-introduction{align-items:center;gap:24px;margin-top:40px;display:flex}.contact-portrait{flex:0 0 104px;display:block}.contact-portrait img{width:100%;height:auto;display:block}.contact-sky{background:var(--sky,#b9d9e9);color:var(--ink);padding:clamp(30px,3.5vw,48px)}.contact-artwork{border-color:var(--sky-line,#8eb9cf);border-top:0;gap:16px;margin-block:0 32px;padding-top:0}.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:600 18px / 1.6 var(--sans);letter-spacing:0;justify-content:space-between;align-items:center;gap:24px;padding-block:0 22px;display:flex}.contact-telegram svg{width:18px;height:18px;transition:transform .18s var(--ease);flex:0 0 18px}.contact-telegram small{font:400 13px / 1.6 var(--sans);letter-spacing:0;margin-top:4px;display:block}.contact-telegram>span,.contact-secondary .text-link>span{font-size:21px}.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);display:grid}.contact-secondary .text-link{border-bottom:1px solid var(--sky-line,#8eb9cf);justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding-block:18px;font-size:18px;display:flex}.contact-secondary .text-link:last-child{border-bottom:0;min-height:54px;padding-bottom:0}.contact-secondary .text-link svg{transition:transform var(--motion-feedback) var(--ease)}.contact-secondary .text-link:is(:hover,:focus-visible) svg{transform:translate(3px,-3px)}.contact-secondary .text-link:is(:hover,:focus-visible){color:var(--accent)}.contact-secondary svg{width:18px;height:18px}.contact-form-intro h2{font-size:clamp(34px,3.1vw,44px);line-height:1.05}.contact-form-section{border-top:1px solid var(--line);grid-template-columns:1fr 1.55fr;gap:clamp(40px,8vw,120px);margin-top:56px;padding-block:56px;display:grid}.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-layout{gap:32px}.contact-introduction{flex-direction:column;align-items:start}.contact-portrait{flex-basis:auto;width:88px}.contact-form-section{grid-template-columns:1fr 1.5fr;gap:32px}}@media (width<=700px){.contact-layout{grid-template-columns:1fr;gap:0}.contact-page{padding-top:42px}.contact-heading{padding-bottom:30px}.contact-introduction{flex-direction:row;align-items:center;gap:20px;margin-top:26px}.contact-portrait{flex:0 0 76px}.contact-heading p{font-size:14px;line-height:1.65}.contact-heading h1{font-size:clamp(54px,14vw,72px)}.contact-form-section{grid-template-columns:1fr;gap:28px}.contact-sky{padding:26px 24px}.contact-telegram{padding-bottom:18px;font-size:16px}.contact-secondary{padding-top:0}.contact-secondary .text-link{gap:8px;min-height:62px;font-size:16px}.contact-form-section{padding-block:40px}}@media (prefers-reduced-motion:reduce){.contact-telegram svg,.contact-secondary .text-link svg{transition:none}.contact-telegram:hover svg,.contact-secondary .text-link:is(:hover,:focus-visible) svg{transform:none}}}