.john-contact{--contact-gold: #BF9B42;color:#24231f;background:#f7f5f0}.john-contact *,.john-contact *:before,.john-contact *:after{box-sizing:border-box}.john-contact__shell{max-width:1280px;margin:0 auto;padding-left:clamp(24px,5vw,72px);padding-right:clamp(24px,5vw,72px)}.john-contact__hero{position:relative;overflow:hidden;background:#111;color:#fff}.john-contact__background,.john-contact__hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.john-contact__hero-shade{background:linear-gradient(90deg,#080808c9,#08080833)}.john-contact__hero-content{position:relative;padding-top:72px;padding-bottom:72px}.john-contact h1,.john-contact h2,.john-contact h3{font-family:halyard-display,sans-serif;font-weight:400}.john-contact h1{margin:0 0 24px;max-width:900px;font-size:clamp(42px,5.6vw,72px);line-height:1.08;letter-spacing:-.035em}.john-contact__hero-content>p{max-width:680px;margin:0;font-size:19px;line-height:1.65;color:#eee}.john-contact__layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(36px,5vw,72px);padding-top:64px;padding-bottom:88px}.john-contact__portrait{overflow:hidden;border-radius:10px;margin-bottom:28px}.john-contact__portrait img{display:block;width:100%;height:auto}.john-contact__personal h2{margin:0 0 16px;font-size:29px;line-height:1.18}.john-contact__personal>p{margin:0;color:#625e56;font-size:16px;line-height:1.75}.john-contact__details{margin:28px 0}.john-contact__details>div{padding:18px 0;border-bottom:1px solid #24231f25}.john-contact__details dt{margin-bottom:6px;font-size:13px;color:#696459}.john-contact__details dd{margin:0;overflow-wrap:anywhere}.john-contact__details a{display:inline;color:#24231f;font-size:18px;text-decoration:none}.john-contact__details a span{color:var(--contact-gold);padding-left:8px}.john-contact__details a:hover{text-decoration:underline;text-underline-offset:5px}.john-contact__guidance{margin-top:32px}.john-contact__guidance h3,.john-contact__next h3{font-size:20px;line-height:1.3;margin:0 0 10px}.john-contact__guidance p{color:#625e56;font-size:15px;line-height:1.7;margin:0 0 14px}.john-contact__guidance a{font-size:14px;color:#24231f;text-decoration:underline;text-decoration-color:var(--contact-gold);text-underline-offset:5px}.john-contact__form-panel{padding:clamp(24px,3vw,40px);background:#fff;border:1px solid #24231f14;border-radius:14px;box-shadow:0 16px 48px #24231f08;scroll-margin-top:140px}.john-contact__form-panel h2{font-size:34px;line-height:1.15;margin:0 0 18px}.john-contact__form-intro{margin:0 0 24px;color:#625e56;font-size:16px;line-height:1.65}.john-contact__required-note{margin:0 0 24px;color:#777166;font-size:12px}.john-contact__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.john-contact__field--wide{grid-column:1 / -1}.john-contact__field label{display:block;margin-bottom:8px;color:#24231f;font-size:14px;line-height:1.5}.john-contact__field label span{font-size:12px;color:#746e61}.john-contact__field :is(input,select,textarea){width:100%;min-height:48px;padding:12px 14px;border:1px solid #bfb9ac;border-radius:6px;background-color:#fff;color:#24231f;font-size:16px;line-height:1.5;box-shadow:none}.john-contact__field select{padding-right:38px}.john-contact__field textarea{min-height:160px;resize:vertical}.john-contact__field small{display:block;margin-top:7px;color:#777166;font-size:12px;line-height:1.5}.john-contact__field [aria-invalid=true]{border-color:#a52b25}.john-contact__field .john-contact__field-error{color:#a52b25}.john-contact__send{margin-top:28px}.john-contact__button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:14px 24px;border:1px solid var(--contact-gold);border-radius:6px;background:var(--contact-gold);color:#15140f;font-size:16px;text-decoration:none;cursor:pointer}.john-contact__button:hover{background:#24231f;border-color:#24231f;color:#fff}.john-contact__send>p{margin:14px 0 0;color:#777166;font-size:12px;line-height:1.65}.john-contact__send>p a{color:inherit;text-decoration:underline;text-underline-offset:3px}.john-contact__next{margin-top:28px;padding-top:24px;border-top:1px solid #24231f20}.john-contact__next p{margin:0 0 12px;color:#625e56;font-size:14px;line-height:1.7}.john-contact__success{padding:20px 0;scroll-margin-top:160px}.john-contact__success-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:24px;background:#bf9b4220;border-radius:50%;color:#6b551c;font-size:26px}.john-contact__success>p{font-size:16px;line-height:1.75;color:#625e56;margin:0 0 22px}.john-contact__success p a{color:#24231f;text-decoration:underline;overflow-wrap:anywhere}.john-contact__errors{padding:20px;margin:24px 0;background:#fff4f2;border:1px solid #e6b5af;border-radius:6px;color:#84231e;scroll-margin-top:160px}.john-contact__errors h3{margin:0 0 10px;font-size:20px}.john-contact__errors p,.john-contact__errors li{font-size:14px;line-height:1.6}.john-contact__errors ul{margin:12px 0 0;padding-left:20px}.john-contact :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--contact-gold);outline-offset:3px}@media(max-width:850px){.john-contact__layout{grid-template-columns:minmax(0,1fr);gap:44px;padding-top:40px;padding-bottom:56px}.john-contact__form-panel{grid-row:1}.john-contact__portrait{max-width:440px}.john-contact__hero-content{padding-top:52px;padding-bottom:52px}}@media(max-width:520px){.john-contact__fields{grid-template-columns:minmax(0,1fr)}.john-contact__form-panel{padding:24px 20px}.john-contact__hero-content>p{font-size:17px}.john-contact__form-panel h2{font-size:30px}.john-contact__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/contact-page.css.map */