.contact-note{--cn-ink: #0B2C45;--cn-paper: #FAF6ED;--cn-accent: #D9A441;--cn-illustration-bg: #EFE7D8}.contact-note__grid{display:grid;grid-template-columns:1fr;gap:3.2rem;align-items:start;padding-top:5rem}@media screen and (min-width:750px){.contact-note__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:5rem;align-items:center}}.contact-note__media{display:flex;flex-direction:column;gap:1.4rem}.contact-note__frame{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4 / 5;background:var(--cn-illustration-bg);opacity:0;transform:translateY(14px) scale(.98);animation:contact-note-reveal .7s cubic-bezier(.2,.7,.3,1) .1s forwards}@media(prefers-reduced-motion:reduce){.contact-note__frame{opacity:1;transform:none;animation:none}}@keyframes contact-note-reveal{to{opacity:1;transform:translateY(0) scale(1)}}.contact-note__img{width:100%;height:100%;object-fit:cover;display:block}.contact-note__illustration{width:100%;height:100%;--illustration-bg: var(--cn-illustration-bg);--illustration-panel: var(--cn-paper);--illustration-ink: var(--cn-ink);--illustration-accent: var(--cn-accent)}.contact-note__illustration-svg{width:100%;height:100%;display:block}.contact-note__badge{position:absolute;top:20px;right:20px;display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--cn-paper);color:var(--cn-ink);font-family:var(--cn-font-body);font-weight:600;font-size:20px;line-height:1.25;padding:1.4rem;border-radius:50%;width:10.2rem;height:10.2rem;transform:rotate(-7deg);box-shadow:0 6px 18px #141e1c2e;border:1px solid rgba(31,92,86,.15);letter-spacing:0}.contact-note__badge span{display:block}.contact-note__fields .field:after,.contact-note__fields .field:before{display:none}.contact-note__ps{font-family:var(--cn-font-display);font-style:italic;font-weight:400;font-size:1.6rem;color:rgba(var(--color-foreground),.75);margin:0;padding-left:.4rem}.contact-note__panel{max-width:52rem}.contact-note__heading{font-family:var(--cn-font-display);font-weight:500;letter-spacing:-.01em;margin:0 0 1.6rem}.contact-note__subheading{font-family:var(--cn-font-body);font-size:1.7rem;line-height:1;color:rgba(var(--color-foreground),.75);max-width:44ch;margin-bottom:3.6rem}.contact-note__subheading p{margin:0}.contact-note__fields{display:flex;flex-direction:column;gap:2.6rem}.contact-note__form .field--underline{position:relative;margin-bottom:0}.contact-note__form .field--underline .field__input{width:100%;border:none;border-radius:0;border-bottom:1.5px solid rgba(var(--color-foreground),.35);background:transparent;padding:.8rem .2rem;font-family:var(--cn-font-body);font-size:1.7rem;color:rgb(var(--color-foreground));transition:border-color .2s ease}.contact-note__form .field--underline .text-area{min-height:8rem;resize:vertical}.contact-note__form .field--underline .field__input:focus{outline:none;border-bottom-color:var(--cn-ink);box-shadow:none}.contact-note__form .field--underline .field__label{position:absolute;left:.2rem;top:.9rem;font-size:1.7rem;pointer-events:none;transition:transform .18s ease,font-size .18s ease,color .18s ease;transform-origin:left top}.contact-note__form .field--underline .field__input:focus+.field__label,.contact-note__form .field--underline .field__input:not(:placeholder-shown)+.field__label,.contact-note__form .field--underline .text-area:focus+.field__label,.contact-note__form .field--underline .text-area:not(:placeholder-shown)+.field__label{transform:translateY(-2.2rem);font-size:1.2rem;color:var(--cn-ink)}.contact-note__form textarea.field__input{padding-top:1rem}.contact-note__button{margin-top:3.6rem}.contact-note__submit{display:inline-flex;gap:.9rem;background:var(--cn-ink);color:var(--cn-paper);font-family:var(--cn-font-body);font-weight:600;font-size:20px;border:none;border-radius:999px;padding:1.3rem 2.4rem;cursor:pointer;transition:transform .18s ease,background .18s ease;width:100%;text-align:center;align-items:center;justify-content:center;letter-spacing:0}.contact-note__submit svg{transition:transform .18s ease}.contact-note__submit:hover{background:var(--cn-accent);color:var(--cn-ink);transform:translateY(-1px)}.contact-note__submit:hover svg{transform:translate(3px)}.contact-note__submit:focus-visible{outline:2px solid var(--cn-ink);outline-offset:3px}.contact-note .form__message{align-items:flex-start}.contact-note .icon-success{margin-top:.2rem}@media screen and (max-width:749px){.contact-note__grid{padding-top:0rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-contact-form.css.map */