.contact-page{background:var(--color-dragee);padding:calc(46px + var(--space-10)) 0 clamp(4rem, 3rem + 4vw, 6rem);position:relative}.contact-page__bunting{position:absolute;top:0;left:0;right:0}.contact-page__container{gap:var(--space-10);align-items:start;display:grid}.contact-page__title{color:var(--color-primary);transform-origin:0 100%;margin-bottom:var(--space-5);font-size:clamp(2.5rem,1.6rem + 4vw,4.2rem);transform:rotate(-1.5deg)}.contact-page__intro{max-width:40ch;margin:0 0 var(--space-6);font-size:1.1875rem;line-height:1.55}.contact-page__mail{align-items:center;gap:var(--space-2);margin:0 0 var(--space-6);font-size:1.125rem;font-weight:800;display:flex}.contact-page__mail svg{color:var(--color-primary)}.contact-page__mail a{color:var(--color-text);text-underline-offset:5px;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.contact-page__hint{max-width:44ch;color:var(--color-text-secondary);margin:0;line-height:1.6}.contact-page__hint a{color:var(--color-primary);font-weight:700}.contact-page__mascot{width:170px;margin-top:var(--space-8);display:none;transform:rotate(-6deg)}.contact-page__form,.contact-page__success{border:2px solid var(--color-text);padding:var(--space-6);background:#fff;border-radius:24px;box-shadow:0 26px 40px -30px #2a140c99}.contact-page__form{gap:var(--space-5);flex-direction:column;display:flex}.contact-page__field{gap:var(--space-2);flex-direction:column;display:flex}.contact-page__field label{font-weight:700}.contact-page__field input,.contact-page__field textarea{padding:var(--space-3) var(--space-4);font:inherit;color:var(--color-text);background:#fff;border:2px solid #b9a79d;border-radius:14px;font-size:1rem;transition:border-color .16s,box-shadow .16s}.contact-page__field input:focus,.contact-page__field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-dragee);outline:none}.contact-page__field textarea{resize:vertical;min-height:150px}.contact-page__field input::placeholder,.contact-page__field textarea::placeholder{color:#7a6358}.contact-page__field input:disabled,.contact-page__field textarea:disabled{opacity:.6;cursor:not-allowed}.contact-page__error{padding:var(--space-3) var(--space-4);background:var(--color-error-light);color:var(--color-error);border-radius:12px;margin:0;font-weight:600}.contact-page__submit{width:100%}.contact-page__submit:disabled{opacity:.7;cursor:progress;transform:none}.contact-page__success{text-align:center;padding:var(--space-12) var(--space-6)}.contact-page__success svg{color:var(--color-primary)}.contact-page__success h2{color:var(--color-primary);margin:var(--space-3) 0 var(--space-2);font-size:2rem}.contact-page__success p{margin:0}@media (width>=1024px){.contact-page__container{gap:var(--space-16);grid-template-columns:5fr 6fr}.contact-page__form{padding:var(--space-10)}.contact-page__mascot{display:block}}