/* STILL / Studio enquiry. Scoped to the contact overview and its form. */
/* Keep the contact dialog close control available on narrow screens. */
#info-dialog>.panel-heading>.dialog-close{display:inline-flex;align-items:center;justify-content:center}
#info-dialog:has(.studio-enquiry),
#info-dialog:has(.contact-overview){
  --en-paper:#f3eee4;--en-ink:#292824;--en-copy:#55534c;--en-muted:#6e685d;--en-line:#cec4b3;--en-accent:#766344;
  width:min(1040px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);
  padding:28px 36px 30px;background:var(--en-paper);color:var(--en-ink);border:1px solid #bdb19d;
  border-radius:3px;box-shadow:0 26px 90px #0005;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a69880 var(--en-paper);
}
#info-dialog:has(.studio-enquiry) .panel-heading,
#info-dialog:has(.contact-overview) .panel-heading{
  position:sticky;top:-28px;z-index:5;min-height:58px;margin:-28px -36px 0;padding:14px 36px 10px;
  align-items:center;background:var(--en-paper);border-bottom:1px solid transparent;
}
#info-dialog:has(.studio-enquiry) .panel-heading .eyebrow,
#info-dialog:has(.contact-overview) .panel-heading .eyebrow{
  color:#605744;font:600 10px/1.6 DM,Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;
}
#info-dialog:has(.studio-enquiry) .dialog-close,
#info-dialog:has(.contact-overview) .dialog-close{
  width:42px;height:42px;flex:0 0 42px;border:1px solid #afa591;color:#38352e;background:transparent;border-radius:50%;
}
#info-dialog:has(.studio-enquiry) .dialog-close:hover,
#info-dialog:has(.contact-overview) .dialog-close:hover{background:#e7dfd0;border-color:#71664f;transform:none}
#info-dialog:has(.studio-enquiry) .dialog-close svg,
#info-dialog:has(.contact-overview) .dialog-close svg{width:17px;height:17px;stroke-width:1.5}
#info-dialog:has(.studio-enquiry) #info-heading,
#info-dialog:has(.contact-overview) #info-heading{
  font-family:var(--serif);font-size:clamp(40px,4.5vw,64px);line-height:1.06;font-weight:400;letter-spacing:-1.5px;
  color:var(--en-ink);margin:19px 0 24px;outline:none;
}
#info-dialog:has(.studio-enquiry) #info-heading:focus-visible{outline:1px solid var(--en-accent);outline-offset:6px}
#info-dialog .contact-overview{max-width:none}
#info-dialog .contact-lead{grid-template-columns:180px minmax(0,1fr);gap:24px;padding-bottom:26px}
#info-dialog .contact-kicker{font-size:10px;line-height:1.6;color:#766344;letter-spacing:1.3px}
#info-dialog .contact-lead p{font-size:15px!important;line-height:1.7!important;color:#514d44;max-width:640px;margin:0}
#info-dialog .contact-card--email{width:100%;text-align:left;border-radius:0}
#info-dialog .contact-card-label{font-size:10px;letter-spacing:1.2px;color:#756143;margin-bottom:18px}
#info-dialog .contact-card strong{font-size:26px;line-height:1.3;color:#2d2b26}
#info-dialog .contact-card--email strong{font-size:34px}
#info-dialog .contact-card-meta{font-size:12px;line-height:1.7;color:#625c50;margin-top:12px;letter-spacing:0}
#info-dialog .contact-card-mail{font:400 12px/1.6 DM,Arial,sans-serif;color:#756e60;margin-top:9px}
#info-dialog .contact-primary,#info-dialog .contact-secondary{font-size:11px;letter-spacing:.7px;min-height:48px;padding:0 18px;min-width:205px}
#info-dialog .contact-primary{background:#292824;color:#f8f4ec}
#info-dialog .contact-primary:hover{background:#444039}
#info-dialog .contact-secondary{color:#484236;border-color:#a99b83}
#info-dialog .contact-foot{grid-template-columns:180px minmax(0,1fr);gap:24px;padding-top:18px}
#info-dialog .contact-foot>span{font-size:10px;letter-spacing:1px;line-height:1.6;color:#756143}
#info-dialog .contact-foot p{font-size:12px!important;line-height:1.7!important;color:#6a6357;margin:0}
#info-dialog .studio-enquiry{font:400 14px/1.6 DM,Arial,sans-serif;color:var(--en-copy)}
#info-dialog .studio-enquiry [hidden]{display:none!important}
#info-dialog .enquiry-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
#info-dialog .enquiry-back,#info-dialog .enquiry-text-button,#info-dialog .enquiry-return{
  display:inline-flex;align-items:center;gap:8px;color:#514b3e;font:500 12px/1.5 DM,Arial,sans-serif;
  padding:9px 0;text-align:left;min-height:40px;letter-spacing:0;text-transform:none;
}
#info-dialog .enquiry-back:hover,#info-dialog .enquiry-text-button:hover,#info-dialog .enquiry-return:hover{text-decoration:underline;text-underline-offset:4px}
#info-dialog .enquiry-steps{display:flex;align-items:center;gap:17px;padding:0;margin:0;list-style:none;font:500 11px/1.5 DM,Arial,sans-serif}
#info-dialog .enquiry-steps li{display:flex;align-items:center;gap:7px;color:#82796b}
#info-dialog .enquiry-steps li[aria-current="step"]{color:#302d26}
#info-dialog .enquiry-steps b{display:grid;place-items:center;min-width:24px;height:24px;border:1px solid #bdb19c;border-radius:50%;font-size:10px;font-weight:500}
#info-dialog .enquiry-steps li[aria-current="step"] b{border-color:#3c3831;background:#3c3831;color:#faf6ef}
#info-dialog .enquiry-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:32px;border-top:1px solid var(--en-line);padding-top:25px;align-items:start}
#info-dialog .enquiry-main{min-width:0}
#info-dialog p.enquiry-intro{font:400 14px/1.7 DM,Arial,sans-serif;color:#61594c;margin:0 0 21px}
#info-dialog .enquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px 20px}
#info-dialog .enquiry-field{display:flex;flex-direction:column;gap:7px;min-width:0}
#info-dialog .enquiry-field--full{grid-column:1/-1}
#info-dialog .enquiry-field label{display:flex;align-items:baseline;gap:5px;color:#3b352a;font:600 11px/1.5 DM,Arial,sans-serif;letter-spacing:.45px}
#info-dialog .enquiry-field label .optional{font-weight:400;letter-spacing:0;color:#756f63;font-size:11px}
#info-dialog .enquiry-field label span[aria-hidden]{color:#86683d}
#info-dialog .enquiry-field input,#info-dialog .enquiry-field select,#info-dialog .enquiry-field textarea{
  width:100%;min-width:0;margin:0;padding:12px 13px;min-height:47px;border:1px solid #b8ac98;border-radius:2px;
  background:#fbf8f1;color:#302c26;font:400 14px/1.5 DM,Arial,sans-serif;outline:none;box-shadow:none;letter-spacing:0;
  -webkit-text-fill-color:currentColor;
}
#info-dialog .enquiry-field input::placeholder,#info-dialog .enquiry-field textarea::placeholder{color:#847c6f;opacity:1;font-weight:400}
#info-dialog .enquiry-field select{appearance:auto;cursor:pointer;padding-right:10px}
#info-dialog .enquiry-field select option{color:#302c26;background:#fbf8f1}
#info-dialog .enquiry-field textarea{height:140px;min-height:120px;max-height:360px;resize:vertical;line-height:1.7}
#info-dialog .enquiry-field :is(input,select,textarea):focus{border-color:#64543a;box-shadow:0 0 0 2px #92795422}
#info-dialog .enquiry-field :is(input,select,textarea)[aria-invalid="true"]{border-color:#954936;background-color:#fff8f3}
#info-dialog .enquiry-field-error{color:#913f30;font:400 12px/1.5 DM,Arial,sans-serif}
#info-dialog .enquiry-message-foot{display:flex;justify-content:space-between;align-items:start;gap:16px;font-size:11px;line-height:1.5;color:#6e675b}
#info-dialog .enquiry-message-foot output{white-space:nowrap;font-variant-numeric:tabular-nums}
#info-dialog .enquiry-submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:21px}
#info-dialog .enquiry-required{font:400 11px/1.6 DM,Arial,sans-serif;color:#6c6253}
#info-dialog .enquiry-button{
  min-height:48px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;
  border:1px solid #302d26;border-radius:2px;background:#302d26;color:#faf6ed;font:500 12px/1.6 DM,Arial,sans-serif;
  letter-spacing:.2px;text-transform:none;text-align:left;transition:background .2s ease,border-color .2s ease;cursor:pointer;
}
#info-dialog .enquiry-button:hover{background:#4b4438;border-color:#4b4438}
#info-dialog .enquiry-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}
#info-dialog .enquiry-button--secondary{background:transparent;border-color:#aa9c85;color:#474033}
#info-dialog .enquiry-button--secondary:hover{background:#e9e1d2;border-color:#746247}
#info-dialog .enquiry-button:disabled{opacity:.58;cursor:wait}
#info-dialog .enquiry-aside{min-width:0;padding:23px 21px;background:#e9e1d3;border:1px solid #cfc2ae;border-radius:2px}
#info-dialog .enquiry-kicker{font:600 9px/1.6 DM,Arial,sans-serif;letter-spacing:1.3px;color:#6f5c3d;display:block;text-transform:uppercase}
#info-dialog .enquiry-aside h3{font-family:var(--serif);font-size:29px;line-height:1.13;font-weight:400;color:#322e26;margin:14px 0}
#info-dialog .enquiry-aside p{font:400 12px/1.75 DM,Arial,sans-serif;color:#655b4a;margin:0 0 16px}
#info-dialog .enquiry-aside .enquiry-button{width:100%;margin:0;font-size:11px;gap:12px}
#info-dialog .enquiry-aside-contact{padding:16px 0;margin-bottom:17px;border-top:1px solid #c9bda8;border-bottom:1px solid #c9bda8}
#info-dialog .enquiry-aside-contact span{display:block;font:400 11px/1.6 DM,Arial,sans-serif;color:#6b5f4e}
#info-dialog .enquiry-aside-contact strong{display:block;font:500 12px/1.6 DM,Arial,sans-serif;color:#383227;margin-top:4px;overflow-wrap:anywhere}
#info-dialog .enquiry-aside .enquiry-mode{margin-top:20px;padding-top:18px;border-top:1px solid #c9bda8}
#info-dialog .enquiry-mode strong{display:flex;align-items:center;gap:8px;font:600 10px/1.6 DM,Arial,sans-serif;letter-spacing:.8px;color:#5a4c35;margin-bottom:8px}
#info-dialog .enquiry-mode strong::before{content:'';width:5px;height:5px;background:#90754a;border-radius:50%;flex:0 0 5px}
#info-dialog .enquiry-mode p{font-size:11px;margin:0;line-height:1.7}
#info-dialog .enquiry-bottomline{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:26px;padding-top:15px;border-top:1px solid var(--en-line)}
#info-dialog .enquiry-bottomline p{font:400 11px/1.6 DM,Arial,sans-serif;color:#716858;margin:0;max-width:580px}
#info-dialog .enquiry-bottomline .enquiry-text-button{font-size:11px;flex-shrink:0}
#info-dialog .enquiry-errors{border:1px solid #b6755b;border-left-width:3px;background:#fff5eb;padding:14px 16px;margin:0 0 22px;color:#783b2b}
#info-dialog .enquiry-errors strong{font:600 13px/1.5 DM,Arial,sans-serif;display:block}
#info-dialog .enquiry-errors ul{list-style:none;margin:8px 0 0;padding:0;font-size:12px;line-height:1.7}
#info-dialog .enquiry-errors button{padding:3px 0;text-align:left;text-decoration:underline;text-underline-offset:3px;color:inherit;font:inherit}
#info-dialog .enquiry-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;margin:0 0 24px}
#info-dialog .enquiry-review-grid>div{min-width:0}
#info-dialog .enquiry-review-grid dt{font:600 10px/1.6 DM,Arial,sans-serif;color:#756449;letter-spacing:.7px;text-transform:uppercase;margin-bottom:6px}
#info-dialog .enquiry-review-grid dd{font:400 14px/1.6 DM,Arial,sans-serif;color:#342f26;margin:0;overflow-wrap:anywhere}
#info-dialog .enquiry-review-message{padding:20px;border:1px solid #cbbda5;background:#fbf8f1}
#info-dialog .enquiry-review-message p{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:400 14px/1.8 DM,Arial,sans-serif;color:#4f4739;max-height:320px;overflow:auto}
#info-dialog .enquiry-review-note{font:400 12px/1.7 DM,Arial,sans-serif;color:#695b46;margin:19px 0 0}
#info-dialog .enquiry-confirmation-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid #9b8868;border-radius:50%;font-size:22px;color:#625034;margin-bottom:20px}
#info-dialog .enquiry-confirmation h3{font-family:var(--serif);font-size:34px;line-height:1.15;color:#332e26;font-weight:400;margin:12px 0 15px;overflow-wrap:anywhere}
#info-dialog .enquiry-confirmation>p{font:400 14px/1.8 DM,Arial,sans-serif;color:#625744;margin-bottom:20px}
#info-dialog .enquiry-confirmation .enquiry-review-grid{padding:19px 0;border-top:1px solid #cbbda5;border-bottom:1px solid #cbbda5}
#info-dialog .enquiry-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#info-dialog .studio-enquiry :is(button,input,select,textarea):focus-visible,
#info-dialog .enquiry-return:focus-visible,#info-dialog .contact-overview button:focus-visible{outline:2px solid #7f6948;outline-offset:3px}
#info-dialog .enquiry-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#info-dialog .enquiry-live-error{color:#913f30;font:400 13px/1.7 DM,Arial,sans-serif;margin:18px 0 0}
@media(max-width:760px){
  #info-dialog:has(.studio-enquiry),#info-dialog:has(.contact-overview){width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:20px 22px 24px}
  #info-dialog:has(.studio-enquiry) .panel-heading,#info-dialog:has(.contact-overview) .panel-heading{top:-20px;margin:-20px -22px 0;padding:10px 22px;min-height:58px}
  #info-dialog .enquiry-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:20px}
  #info-dialog .enquiry-aside{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:20px}
  #info-dialog .enquiry-aside-contact{padding:12px 0;margin-bottom:0}
  #info-dialog .enquiry-aside .enquiry-mode{margin-top:16px;padding-top:15px;grid-column:1/-1}
  #info-dialog .enquiry-aside h3{font-size:28px}
  #info-dialog .contact-lead,#info-dialog .contact-foot{grid-template-columns:1fr;gap:10px}
  #info-dialog .contact-card{padding:23px 0;min-height:150px}
  #info-dialog .contact-card+.contact-card{padding-left:0}
}
@media(max-width:500px){
  #info-dialog:has(.studio-enquiry),#info-dialog:has(.contact-overview){padding:17px 18px 22px}
  #info-dialog:has(.studio-enquiry) .panel-heading,#info-dialog:has(.contact-overview) .panel-heading{top:-17px;margin:-17px -18px 0;padding:8px 18px}
  #info-dialog:has(.studio-enquiry) .panel-heading .eyebrow,#info-dialog:has(.contact-overview) .panel-heading .eyebrow{font-size:9px;letter-spacing:1.1px}
  #info-dialog:has(.studio-enquiry) #info-heading,#info-dialog:has(.contact-overview) #info-heading{font-size:42px;letter-spacing:-1px;margin:16px 0 22px}
  #info-dialog .enquiry-topline{flex-wrap:wrap;gap:8px;margin-bottom:16px}
  #info-dialog .enquiry-steps{font-size:10px;gap:12px}
  #info-dialog .enquiry-fields{grid-template-columns:minmax(0,1fr);gap:16px}
  #info-dialog .enquiry-field input,#info-dialog .enquiry-field select,#info-dialog .enquiry-field textarea{font-size:16px;min-height:48px}
  #info-dialog .enquiry-field textarea{height:155px}
  #info-dialog .enquiry-field label{font-size:12px}
  #info-dialog .enquiry-message-foot{font-size:11px;gap:10px}
  #info-dialog .enquiry-submit-row{align-items:stretch;flex-direction:column;gap:12px}
  #info-dialog .enquiry-submit-row .enquiry-button{width:100%}
  #info-dialog .enquiry-aside{display:block}
  #info-dialog .enquiry-aside-contact{margin-bottom:16px}
  #info-dialog .enquiry-bottomline{align-items:flex-start;flex-direction:column;gap:6px}
  #info-dialog .enquiry-review-grid{grid-template-columns:minmax(0,1fr);gap:17px}
  #info-dialog .enquiry-review-message{padding:16px}
  #info-dialog .enquiry-actions{align-items:stretch;flex-direction:column}
  #info-dialog .enquiry-actions .enquiry-button{width:100%}
  #info-dialog .contact-card--email strong{font-size:30px}
  #info-dialog .contact-card strong{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){#info-dialog .studio-enquiry *,#info-dialog .contact-overview *{transition:none!important;animation:none!important}}
@media(forced-colors:active){#info-dialog .enquiry-button,#info-dialog .enquiry-aside,#info-dialog .enquiry-review-message{border:1px solid ButtonText}#info-dialog .enquiry-field :is(input,select,textarea){border-color:ButtonText}}
