.contact-page{z-index:1;padding:clamp(96px, 16vh, 180px) var(--g) clamp(48px, 8vh, 96px);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,96px);display:grid;position:relative}.contact-page h1{font-size:clamp(40px,6.6vw,110px);line-height:.98}.contact-intro p{max-width:44ch;font:400 clamp(17px, 1.5vw, 22px)/1.5 var(--font-body);margin-top:clamp(18px,2.4vw,32px)}.contact-aside{gap:8px;margin-top:clamp(24px,3vw,48px);font-size:15px;display:grid}.contact-aside a{text-underline-offset:.2em;text-decoration:underline}.contact-block{max-width:760px;margin-top:clamp(48px,8vh,110px)}.contact-block__title{margin-bottom:clamp(16px,2vw,28px);font-size:clamp(28px,3.6vw,56px)}.contact-form{grid-template-columns:1fr 1fr;gap:18px 24px;display:grid}.form-heading{font:400 15px/1.5 var(--font-body);opacity:.8;grid-column:1/-1}.form-field{gap:6px;display:grid}.form-field--wide{grid-column:1/-1}.form-field label,.form-services legend{font:500 12px/1.4 var(--font-body);letter-spacing:.09em;text-transform:uppercase}.form-field label span{text-transform:none;letter-spacing:0;opacity:.6;margin-left:6px}.form-field input,.form-field textarea{border:0;border-bottom:1px solid var(--fg);width:100%;font:400 17px/1.4 var(--font-body);background:0 0;border-radius:0;padding:10px 0}.form-field textarea{resize:vertical;min-height:120px}.form-field input:focus-visible,.form-field textarea:focus-visible{border-bottom-width:2px;outline:none}.form-services{border:0;grid-column:1/-1;margin:0;padding:0}.form-services legend small{text-transform:none;letter-spacing:0;opacity:.7;margin-top:4px;font-weight:400;display:block}.service-choices{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.service-choice{border:1px solid var(--fg);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:inline-flex}.service-choice:has(input:checked){background:var(--fg);color:var(--bg)}.service-choice input{opacity:0;width:1px;height:1px;position:absolute}.service-choice:has(input:focus-visible){outline-offset:3px;outline:2px solid #287978}.form-privacy{align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.form-privacy a{text-decoration:underline}.form-error{color:#ab3835;font-size:13px}.form-submit{grid-column:1/-1;align-items:center;gap:18px;margin-top:8px;display:flex}.button--sail{border:1px solid var(--fg);background:var(--fg);color:var(--bg);cursor:pointer;font:500 15px/1 var(--font-body);border-radius:999px;padding:14px 22px;position:relative;overflow:hidden}.button--sail .sail{pointer-events:none;width:28px;height:28px;position:absolute;top:50%;left:-40px;transform:translateY(-50%)}.button--sail:hover .sail,.button--sail:focus-visible .sail{animation:sail-across 1.6s var(--ease) forwards}.button--sail:hover>span{text-underline-offset:.25em;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}@keyframes sail-across{0%{left:-40px;transform:translateY(-50%)rotate(-4deg)}50%{transform:translateY(-60%)rotate(5deg)}to{left:calc(100% + 12px);transform:translateY(-50%)rotate(-3deg)}}.form-success{gap:14px;display:grid}.form-success h2{font-size:clamp(26px,3vw,44px)}.buon-vento{font:500 clamp(44px, 8vw, 120px)/1 var(--font-display);letter-spacing:-.04em;margin-top:10px}.buon-vento .hl{background-image:linear-gradient(var(--coral), var(--coral));background-position:0 94%;background-repeat:no-repeat;background-size:100% .09em}.wind-boat{width:clamp(90px,14vw,180px);height:auto;animation:boat-sail 2.6s var(--ease) both;margin-top:8px}@keyframes boat-sail{0%{opacity:0;transform:translate(-120%)rotate(-5deg)}to{opacity:1;transform:none}}.contact-disclaimer{opacity:.65;grid-column:1/-1;margin-top:24px;font-size:12px}@media (max-width:860px){.contact-page,.contact-form{grid-template-columns:1fr}}
