.ness-contact{max-width:var(--ness-shell-max);margin-inline:auto;padding:0 var(--ness-shell-pad) var(--ness-section-gap);scroll-margin-top:120px}.ness-contact__panel{border-radius:var(--ness-radius-card);background:var(--ness-primary);padding:clamp(32px,4vw,66px) clamp(24px,5vw,97px)}.ness-contact__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(32px,4vw,84px);align-items:center}.ness-contact__copy{display:flex;flex-direction:column;gap:clamp(20px,2.5vw,36px)}.ness-contact__heading{margin:0;font:600 clamp(32px,4.4vw,64px) / 100% var(--ness-font-display);letter-spacing:-.04em;color:var(--ness-on-primary)}.ness-contact__body{margin:0;max-width:582px;font:400 18px / 27px var(--ness-font-text);color:var(--ness-on-primary);text-wrap:pretty}.ness-contact__follow-heading{margin:0 0 16px;font:600 18px / 27px var(--ness-font-text);letter-spacing:normal;color:var(--ness-on-primary);text-wrap:pretty}.ness-contact__socials{margin:0;padding:0;list-style:none;display:flex;gap:12px}.ness-contact__social{width:42px;height:42px;border-radius:50%;background:var(--ness-on-primary);color:var(--ness-primary);display:flex;align-items:center;justify-content:center}.ness-contact__social:hover{opacity:.82}.ness-contact__form,.ness-contact__success,.ness-contact__notice,.ness-contact__input,.ness-contact__textarea{scroll-margin-top:120px}.ness-contact__form{margin:0;border-radius:var(--ness-radius-media);background:var(--ness-card-2);padding:clamp(24px,2.4vw,35px);display:flex;flex-direction:column;gap:18px}.ness-contact__field{display:flex;flex-direction:column;gap:11px}.ness-contact__label{font:500 16px / normal var(--ness-font-text);color:#333}.ness-contact__input,.ness-contact__textarea{border:none;border-radius:var(--ness-radius-input);background:#fff;font:400 16px / normal var(--ness-font-text);letter-spacing:-.01em;color:var(--ness-ink)}.ness-contact__input{height:var(--ness-cta-height);padding:0 16px}.ness-contact__textarea{min-height:158px;padding:16px;resize:vertical}.ness-contact__input:focus,.ness-contact__textarea:focus{outline:2px solid var(--ness-primary);outline-offset:1px}.ness-contact__submit{height:var(--ness-cta-height);flex-shrink:0;border:none;border-radius:var(--ness-radius-input);background:var(--ness-primary);font:500 18px / normal var(--ness-font-text);letter-spacing:-.03em;color:var(--ness-on-primary);cursor:pointer}.ness-contact__submit:hover{background:var(--ness-primary-deep)}.ness-contact__notice{margin:0;border-radius:var(--ness-radius-input);padding:14px 16px;font:400 16px / 24px var(--ness-font-text)}.ness-contact__notice:focus-visible{outline:2px solid var(--ness-primary);outline-offset:1px}.ness-contact__notice--error{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ness-primary-deep);color:var(--ness-primary-deep)}.ness-contact__notice-title{margin:0;font-weight:600}.ness-contact__notice-list{margin:4px 0 0;padding-left:18px}.ness-contact__notice-list a{color:inherit;text-decoration:underline}.ness-contact__form:has(.ness-contact__success){padding:clamp(32px,3vw,48px);min-height:420px;animation:ness-fade .35s ease both}.ness-contact__success{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.ness-contact__success:focus-visible{outline:2px solid var(--ness-primary);outline-offset:1px}.ness-contact__seal{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center}.ness-contact__seal-disc{position:relative;width:96px;height:96px;border-radius:50%;background:#1e7a4b;display:flex;align-items:center;justify-content:center;animation:ness-contact-pop .5s cubic-bezier(.22,1.25,.36,1) both}.ness-contact__tick{stroke-dasharray:62;animation:ness-contact-check .45s ease .3s both}.ness-contact__spark{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--ness-contact-spark-angle))}.ness-contact__spark:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--ness-primary);animation:ness-contact-spark 1s cubic-bezier(.2,.7,.3,1) var(--ness-contact-spark-delay) both}.ness-contact__spark:nth-child(2n):after{width:7px;height:7px;background:var(--ness-gold)}.ness-contact__spark:nth-child(1){--ness-contact-spark-angle: 0deg;--ness-contact-spark-delay: .16s}.ness-contact__spark:nth-child(2){--ness-contact-spark-angle: 45deg;--ness-contact-spark-delay: .24s}.ness-contact__spark:nth-child(3){--ness-contact-spark-angle: 90deg;--ness-contact-spark-delay: .2s}.ness-contact__spark:nth-child(4){--ness-contact-spark-angle: 135deg;--ness-contact-spark-delay: .3s}.ness-contact__spark:nth-child(5){--ness-contact-spark-angle: 180deg;--ness-contact-spark-delay: .18s}.ness-contact__spark:nth-child(6){--ness-contact-spark-angle: 225deg;--ness-contact-spark-delay: .26s}.ness-contact__spark:nth-child(7){--ness-contact-spark-angle: 270deg;--ness-contact-spark-delay: .22s}.ness-contact__spark:nth-child(8){--ness-contact-spark-angle: 315deg;--ness-contact-spark-delay: .32s}.ness-contact__success-title{margin:0;font:600 clamp(26px,2.6vw,36px) / 110% var(--ness-font-display);letter-spacing:-.04em;color:var(--ness-ink);text-wrap:balance}.ness-contact__success-body{margin:0;max-width:380px;font:400 18px / 28px var(--ness-font-text);color:var(--ness-muted);text-wrap:pretty}.ness-contact__again{margin-top:6px;height:var(--ness-cta-height);flex-shrink:0;padding:0 26px;border:1px solid var(--ness-primary);border-radius:var(--ness-radius-input);background:transparent;font:500 18px / normal var(--ness-font-text);color:var(--ness-primary);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.ness-contact__again:hover{background:var(--ness-primary);color:var(--ness-on-primary)}@keyframes ness-contact-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ness-contact-check{0%{stroke-dashoffset:62}to{stroke-dashoffset:0}}@keyframes ness-contact-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-74px) scale(.5)}}@media(prefers-reduced-motion:reduce){.ness-contact__form:has(.ness-contact__success),.ness-contact__seal-disc,.ness-contact__tick{animation:none}.ness-contact__spark{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ness-contact.css.map */