.contact-page{background:#eeeae3;padding:70px 6% 90px}.contact-page h1{letter-spacing:-3px;margin:28px 0 65px;font-size:clamp(52px,6vw,88px)}.contact-page h1 em{letter-spacing:-3px}.contact-page-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:10%;display:grid}.contact-page-intro{position:sticky;top:50px}.contact-page-intro h2{letter-spacing:-1px;margin-bottom:26px;font-size:clamp(30px,3vw,43px)}.contact-page-intro p{color:#615951;max-width:360px;line-height:1.8}.contact-thread{width:min(280px,100%);height:85px;color:var(--primary);margin:22px 0;display:block;overflow:visible}.contact-thread path{stroke:currentColor;stroke-width:1px;fill:none;stroke-dasharray:3 5}.contact-thread circle{fill:currentColor}.contact-page-intro address{flex-direction:column;align-items:flex-start;gap:6px;font-style:normal;display:flex}.contact-page-intro address strong{letter-spacing:1px;font-weight:400}.contact-page-intro address a{color:var(--primary);text-underline-offset:5px;text-decoration:underline}.contact-form{border-top:1px solid var(--primary);min-width:0;padding-top:24px}.contact-form-caption{margin-bottom:30px;font-size:18px}.contact-form-caption span{color:#615951;margin-top:6px;font-size:12px;display:block}.contact-form-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 22px;display:grid}.contact-form label{color:var(--primary);flex-direction:column;gap:8px;font-size:14px;display:flex}.contact-field-wide{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;min-height:46px;color:var(--foreground);font:inherit;background:#f8f6f1;border:0;border-bottom:1px solid #a99d94;border-radius:0;padding:12px;font-size:16px}.contact-form textarea{resize:vertical;line-height:1.6}.contact-form :is(input,select,textarea):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.contact-data-note{color:#615951;margin-top:20px;font-size:12px;line-height:1.6}.contact-delivery-note{border-left:2px solid var(--primary);color:#615951;margin:22px 0;padding:10px 14px;font-size:13px}.contact-delivery-note strong{color:var(--primary);font-weight:500;display:block}.contact-submit{background:var(--primary);color:#fbf5e9;border:1px solid var(--primary);width:100%;font:inherit;cursor:pointer;justify-content:space-between;align-items:center;gap:30px;padding:14px 20px;display:flex}.contact-submit span{font-size:26px;transition:transform .3s}.contact-submit:hover span{transform:translate(3px,-3px)}.contact-submit:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.contact-form-result:not(:empty){border-top:1px solid #b5ada3;margin-top:24px;padding-top:22px}.contact-form-result>a{color:var(--primary);text-underline-offset:5px;margin-top:12px;text-decoration:underline;display:inline-block}@media (prefers-reduced-motion:no-preference){.contact-thread path{animation:8s linear infinite contact-thread-flow}}@keyframes contact-thread-flow{to{stroke-dashoffset:-32px}}@media (max-width:760px){.contact-page-grid{grid-template-columns:1fr;gap:42px}.contact-page-intro{position:static}.contact-page h1{margin-bottom:40px}.contact-page-intro p{max-width:100%}}@media (max-width:440px){.contact-form-fields{grid-template-columns:1fr}.contact-page{padding-top:45px}}@media (prefers-reduced-motion:reduce){.contact-submit span{transition:none}.contact-submit:hover span{transform:none}}.contact-data-note a,.contact-form-result a{color:var(--primary);text-underline-offset:.16em;text-decoration:underline}.contact-submit:disabled{opacity:.7;cursor:wait}
