/* Contact page styles are scoped; the storefront keeps its existing design. */
#page-contact{background:#f8f6f1;color:#293e3b}
#page-contact .contact-shell{max-width:1180px;margin:auto;padding:124px 32px 48px}
#page-contact .contact-back{display:inline-flex;gap:12px;align-items:center;color:#687873;font-size:13px;padding:8px 0;text-decoration:none}
#page-contact .contact-back span{color:#b8c0ba}
#page-contact .contact-hero{padding:38px 0 44px;max-width:690px}
#page-contact .contact-eyebrow{font:600 11px/1.5 var(--font-b);letter-spacing:1.7px;text-transform:uppercase;color:#56746e;margin:0 0 16px}
#page-contact .contact-hero .contact-eyebrow{display:flex;align-items:center;gap:9px}
#page-contact .contact-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#d4783b}
#page-contact .contact-hero h1{font:500 clamp(42px,5vw,64px)/1.02 var(--font-b);letter-spacing:-2.3px;margin:0 0 24px;color:#203e38}
#page-contact .contact-hero h1 span{color:#6b8176}
#page-contact .contact-hero>p:last-child{font-size:17px;line-height:1.65;color:#65736b;max-width:535px;margin:0}
#page-contact .contact-layout-new{display:grid;grid-template-columns:minmax(0,310px) minmax(0,1fr);gap:40px;align-items:start}
#page-contact .contact-aside{display:grid;gap:30px}
#page-contact svg,.home-contact-invite svg{width:24px;height:24px;flex:0 0 auto}
#page-contact .contact-promise{background:#214d46;border-radius:20px;padding:30px 26px;color:#eff7ef;position:relative;overflow:hidden}
#page-contact .contact-promise-icon{display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff26;border-radius:14px;width:46px;height:46px;margin-bottom:26px;color:#d7e3c9}
#page-contact .contact-promise h2{font:500 27px/1.2 var(--font-b);letter-spacing:-.6px;color:#fff;margin:0 0 16px}
#page-contact .contact-promise>p{color:#d0dfd6;font-size:14px;line-height:1.7;margin:0 0 28px}
#page-contact .contact-promise ol{list-style:none;border-top:1px solid #ffffff26;padding:24px 0 0;margin:0;display:grid;gap:20px}
#page-contact .contact-promise li{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.5;color:#e3ede4}
#page-contact .contact-promise li span{border:1px solid #91a99a;border-radius:50%;width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;font-size:11px;color:#e2d8bb}
#page-contact .contact-quick-help{padding:0 6px}
#page-contact .contact-quick-help .contact-eyebrow{margin-bottom:6px}
#page-contact .contact-quick-help a{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #e0e4da;text-decoration:none;color:#38564e}
#page-contact .contact-quick-help a>svg:first-child{width:21px}
#page-contact .contact-quick-help a>svg:last-child{width:17px;margin-left:auto;color:#7b8b81}
#page-contact .contact-quick-help strong{display:block;font-size:14px;font-weight:500;line-height:1.5}
#page-contact .contact-quick-help small{display:block;font-size:12px;color:#647568;line-height:1.6}
#page-contact .contact-panel{background:white;border:1px solid #e2e6dc;border-radius:22px;padding:34px;box-shadow:0 8px 35px #304c3705;min-width:0}
#page-contact fieldset{border:0;padding:0;margin:0;min-width:0}
#page-contact .contact-topics legend,#page-contact .contact-form-heading{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.3px;margin-bottom:22px}
#page-contact .contact-step{width:29px;height:29px;border:1px solid #dce5d9;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;letter-spacing:0;flex:0 0 29px;color:#668475}
#page-contact .contact-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:32px}
#page-contact .contact-topic{position:relative;cursor:pointer;min-width:0}
#page-contact .contact-topic input{position:absolute;width:1px!important;height:1px!important;opacity:0;inset:12px auto auto 12px}
#page-contact .contact-topic-body{display:flex;flex-direction:column;gap:15px;height:100%;padding:17px 12px;border:1px solid #dfe5dc;border-radius:12px;background:#fff;transition:border-color .15s,background .15s;color:#708376;position:relative}
#page-contact .contact-topic-body strong{display:block;font-size:13px;line-height:1.5;font-weight:500;color:#304c43}
#page-contact .contact-topic-body small{display:block;color:#637468;font-size:10px;line-height:1.5;margin-top:2px}
#page-contact .contact-topic-check{position:absolute;top:12px;right:10px;display:none;border-radius:50%;background:#3b6b59;color:white;width:16px;height:16px;place-items:center}
#page-contact .contact-topic-check svg{width:12px;height:12px}
#page-contact .contact-topic input:checked+.contact-topic-body{border-color:#668771;background:#f2f6ed;box-shadow:0 0 0 1px #668771}
#page-contact .contact-topic input:checked+.contact-topic-body .contact-topic-check{display:grid}
#page-contact .contact-topic input:focus-visible+.contact-topic-body{outline:3px solid #ce955c;outline-offset:3px}
#page-contact .contact-form-heading{border-top:1px solid #e7eae2;padding-top:28px;margin-bottom:8px}
#page-contact .contact-form-heading h2{font:inherit;color:inherit;margin:0}
#page-contact .contact-required-note{font-size:12px;color:#647469;margin:0 0 24px 41px}
#page-contact .contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#page-contact .contact-field{margin-bottom:20px;min-width:0}
#page-contact .contact-field label{display:block;font-size:13px;font-weight:500;color:#364f42;line-height:1.5;margin-bottom:8px}
#page-contact .contact-field label>span{font-size:11px;color:#717d70;font-weight:400;margin-left:4px}
#page-contact .contact-field input,#page-contact .contact-field textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;background:#fff;border:1px solid #d7dfd2;border-radius:9px;padding:12px 13px;min-height:46px;color:#2b4035;font:400 15px/1.5 var(--font-b);box-shadow:none}
#page-contact .contact-field input::placeholder,#page-contact .contact-field textarea::placeholder{color:#7a867b;opacity:1}
#page-contact .contact-field textarea{resize:vertical;min-height:145px}
#page-contact .contact-field input:focus,#page-contact .contact-field textarea:focus{outline:2px solid #56816d;outline-offset:2px;border-color:#56816d}
#page-contact .contact-field input[aria-invalid],#page-contact .contact-field textarea[aria-invalid]{border-color:#b74631}
#page-contact .contact-field>small{display:block;color:#647469;font-size:11px;line-height:1.5;margin-top:7px}
#page-contact .contact-topic-hint{padding:14px 16px;border-left:2px solid #cbd9c3;background:#f6f8f2;font-size:12px;line-height:1.7;color:#586c5a;margin-bottom:20px;border-radius:0 8px 8px 0}
#page-contact .contact-inline-link{display:inline-flex;gap:8px;align-items:center;color:#396751;text-decoration:underline;font-size:12px;line-height:1.6;margin:-4px 0 20px}
#page-contact .contact-inline-link svg{width:16px}
#page-contact .contact-message-meta{display:flex;gap:10px;align-items:start;margin-top:7px}
#page-contact .contact-message-meta>small{margin-left:auto;font-size:11px;color:#687868;white-space:nowrap}
#page-contact .contact-field-error{display:block;color:#a7382a;font-size:12px;line-height:1.5;margin-top:6px}
#page-contact .contact-privacy{display:flex;gap:9px;align-items:start;font-size:11px;line-height:1.7;color:#657565;margin:0 0 24px}
#page-contact .contact-privacy svg{width:15px;height:18px;color:#759079}
#page-contact .contact-privacy a{color:#385f4b;text-decoration:underline;text-underline-offset:3px}
#page-contact .contact-submit-row{display:flex;align-items:center;gap:22px;justify-content:space-between;border-top:1px solid #e5e9df;padding-top:24px}
#page-contact .contact-submit-row>span{max-width:160px;color:#647565;font-size:12px;line-height:1.6}
#page-contact .contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:49px;padding:13px 20px;border:1px solid transparent;border-radius:10px;background:#234f41;color:#fff;font:500 14px/1.5 var(--font-b);text-decoration:none;cursor:pointer;white-space:normal}
#page-contact .contact-submit svg{width:18px;height:18px}
#page-contact .contact-submit:hover{background:#173c31}
#page-contact fieldset:disabled{opacity:.65;cursor:wait}
#page-contact fieldset:disabled .contact-submit{cursor:wait}
#page-contact .contact-form-error{background:#fff1ec;color:#963d2c;border:1px solid #eac4b7;border-radius:10px;padding:16px;font-size:13px;line-height:1.7;margin-top:18px}
#page-contact [hidden]{display:none!important}
#page-contact .contact-bot-field{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#page-contact .contact-signoff{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#798676;margin:46px 0 8px;text-align:center}
#page-contact .contact-signoff span{font-size:11px;color:#47674f;letter-spacing:1px}
#page-contact a:focus-visible,#page-contact button:focus-visible,.home-contact-invite a:focus-visible{outline:3px solid #b98a53;outline-offset:4px;border-radius:5px}
#page-contact .contact-success{text-align:center;padding:46px 0;outline:none;overflow-wrap:anywhere}
#page-contact .contact-success-icon{display:grid;place-items:center;width:66px;height:66px;background:#edf3e6;color:#42694a;border-radius:50%;margin:0 auto 26px}
#page-contact .contact-success-icon svg{width:32px;height:32px}
#page-contact .contact-success h2{font:500 32px/1.2 var(--font-b);letter-spacing:-.7px;color:#254a39;margin:0 0 20px}
#page-contact .contact-success>p:not(.contact-eyebrow){font-size:15px;color:#617260;line-height:1.75}
#page-contact .contact-reference{margin:26px 0;border:1px dashed #bfceaf;background:#f7f9f2;border-radius:12px;padding:18px}
#page-contact .contact-reference span{display:block;font-size:11px;margin-bottom:7px;color:#65765a}
#page-contact .contact-reference strong{font-size:17px;font-weight:500;letter-spacing:.5px;color:#30553b}
#page-contact .contact-success .contact-success-note{font-size:13px!important}
#page-contact .contact-success-actions{display:grid;justify-items:center;gap:16px;margin-top:30px}
#page-contact .contact-text-button{background:none;border:0;min-height:44px;color:#466548;font:400 13px var(--font-b);text-decoration:underline;cursor:pointer;padding:8px}
.home-contact-invite{padding:64px 32px;background:#eef2e9}
.home-contact-invite>div{max-width:1050px;margin:auto;display:flex;gap:28px;align-items:center;justify-content:space-between}
.home-contact-invite h2{font:500 30px/1.2 var(--font-b);letter-spacing:-.5px;margin:0 0 10px;color:#294c3d}
.home-contact-invite p{font-size:15px;line-height:1.7;color:#61705f;margin:0}
.home-contact-invite a{display:inline-flex;gap:20px;align-items:center;justify-content:center;flex:0 0 auto;color:#2d543f;padding:15px 22px;border:1px solid #9aaf90;border-radius:10px;font-size:14px;font-weight:500;text-decoration:none;min-height:49px}
@media(max-width:1000px){
  #page-contact .contact-layout-new{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:24px}
  #page-contact .contact-panel{padding:25px}
  #page-contact .contact-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #page-contact .contact-submit-row{flex-direction:column-reverse;align-items:stretch;gap:12px}
  #page-contact .contact-submit-row>span{max-width:none;text-align:center}
}
@media(max-width:820px){
  #page-contact .contact-shell{padding:calc(var(--arty-header-offset,104px) + 20px) 20px 28px}
  #page-contact .contact-hero{padding:25px 0 32px}
  #page-contact .contact-hero h1{font-size:48px;letter-spacing:-1.6px;margin-bottom:20px}
  #page-contact .contact-hero>p:last-child{font-size:16px}
  #page-contact .contact-layout-new{grid-template-columns:1fr;gap:28px}
  #page-contact .contact-panel{grid-row:1;padding:26px;border-radius:18px}
  #page-contact .contact-aside{grid-template-columns:1fr 1fr;gap:24px}
  #page-contact .contact-promise{padding:24px}
  #page-contact .contact-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #page-contact .contact-submit{min-height:52px;font-size:16px}
  #page-contact .contact-submit-row>span{font-size:13px}
  #page-contact .contact-field label{font-size:14px}
  #page-contact .contact-field input,#page-contact .contact-field textarea{font-size:16px}
  #page-contact .contact-privacy,#page-contact .contact-field>small{font-size:12px}
  .home-contact-invite>div{align-items:start;flex-direction:column}
}
@media(max-width:540px){
  #page-contact .contact-shell{padding-left:16px;padding-right:16px}
  #page-contact .contact-panel{padding:22px 16px}
  #page-contact .contact-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #page-contact .contact-topic-body{padding:15px 12px;gap:11px}
  #page-contact .contact-topic-body strong{font-size:14px}
  #page-contact .contact-topic-body small{font-size:11px}
  #page-contact .contact-topics legend,#page-contact .contact-form-heading{font-size:18px;gap:10px}
  #page-contact .contact-required-note{margin-left:0}
  #page-contact .contact-field-row,#page-contact .contact-aside{grid-template-columns:1fr}
  #page-contact .contact-field-row{gap:0}
  #page-contact .contact-quick-help{padding:0 10px}
  #page-contact .contact-promise h2 br{display:none}
  #page-contact .contact-signoff{flex-wrap:wrap;font-size:12px}
  #page-contact .contact-success{padding:24px 0}
  #page-contact .contact-reference strong{font-size:14px}
  .home-contact-invite{padding:42px 22px}
  .home-contact-invite h2{font-size:27px}
  .home-contact-invite a{width:100%}
}
@media(prefers-reduced-motion:reduce){#page-contact .contact-topic-body{transition:none}}