/* ATS 2027 "NOTIFY ME" — home block, footer band, sticky bar and dialog around the Contact Form 7 form.
   Self-contained (tokens + local resets on its own elements) and scoped to .s26n, so it holds on top of the
   legacy theme, Twenty Sixteen and CF7 CSS on inner pages. The legacy theme styles every CF7 form globally
   (style_26.css) and site26.css turns input.wpcf7-submit into a pill with ID-weight !important rules:
   the few selectors that must beat those carry :not(#s26n) for ID weight. The Why Exhibit form is untouched. */
:root{
  --ink:#0B1020; --ink-2:#555E6E; --ink-3:#9AA1AD; --paper:#FFFFFF; --mist:#F4F5F7; --rule:#E4E7EB;
  --magenta:#E6007E; --orange:#F39200; --yellow:#FFC800; --green:#3AAA35; --cyan:#009FE3; --purple:#662483;
  --toronto:#E5322D; --montreal:#8A35AE; --teal:#0E3B47;
  --thread:linear-gradient(90deg,var(--magenta) 0 16.6%,var(--orange) 0 33.3%,var(--yellow) 0 50%,var(--green) 0 66.6%,var(--cyan) 0 83.3%,var(--purple) 0);
  --ease:cubic-bezier(.2,.8,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --gut:clamp(20px,3.9vw,56px); --max:1440px;
  --display:"Inter Tight","Geist",system-ui,sans-serif;
  --s26n-line:#868E9C;   /* field borders: 3.3:1 on white (WCAG non-text contrast) */
  --s26n-err:#C4122F;    /* error text: 5.9:1 on white */
}
.s26n,.s26n *{box-sizing:border-box;margin:0;padding:0}
.s26n{font:400 16px/1.55 "Geist",system-ui,sans-serif;color:var(--ink);text-align:left;-webkit-font-smoothing:antialiased}
.s26n a{color:inherit}
.s26n svg{display:block}
.s26n [hidden]{display:none!important}
.s26n :focus-visible{outline:2px solid var(--magenta);outline-offset:3px}
.s26n-label{display:flex;align-items:center;gap:12px;font:500 11.5px/1.2 "Geist Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.s26n-label::before{content:"";width:28px;height:1px;flex:none;background:currentColor}
.s26n-hl{color:var(--magenta)}

/* ---------- FORM (CF7 6.1 markup inside .s26n) ---------- */
.s26n .wpcf7{margin:0;padding:0;background:none}
.s26n .screen-reader-response{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);border:0;white-space:nowrap}
.s26n .hidden-fields-container{display:none!important}
.s26n .s26n-form{position:relative;margin:0;padding:0;border:0;background:none}
.s26n .s26n-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"email email" "name company" "role role" "consent consent" "go go";gap:16px 14px}
.s26n .s26n-f{float:none;min-width:0;margin:0;padding:0;border:0;background:none}
.s26n .s26n-email{grid-area:email}.s26n .s26n-name{grid-area:name}.s26n .s26n-company{grid-area:company}
.s26n .s26n-role{grid-area:role}.s26n .s26n-consent{grid-area:consent}.s26n .s26n-go{grid-area:go}
.s26n .s26n-form label{float:none;display:block;width:auto;height:auto;margin:0;padding:0;font:inherit;line-height:inherit;color:inherit}
.s26n .s26n-form .s26n-l{display:block;margin:0 0 8px;font:500 11px/1.2 "Geist Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.s26n .s26n-form .s26n-l i{font-style:normal;letter-spacing:.06em;text-transform:none}
.s26n .s26n-form legend.s26n-l{float:none;width:auto;border:0}
.s26n .s26n-form .wpcf7-form-control-wrap{position:relative!important;display:block;font-weight:400;color:inherit}

/* text fields */
.s26n .s26n-form input.wpcf7-form-control:is([type=email],[type=text]){
  display:block;width:100%;max-width:none;height:54px;margin:0;padding:0 16px;border:1px solid var(--s26n-line);border-radius:12px;
  background:#fff;color:var(--ink);font:400 16px/1.2 "Geist",system-ui,sans-serif;letter-spacing:0;box-shadow:none;outline:none;
  -webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
.s26n .s26n-form input.wpcf7-form-control:is([type=email],[type=text])::placeholder{color:#6B7383;opacity:1}
.s26n .s26n-form input.wpcf7-form-control:is([type=email],[type=text]):hover{border-color:var(--ink-2)}
.s26n .s26n-form input.wpcf7-form-control:is([type=email],[type=text]):focus{border-color:var(--magenta);box-shadow:0 0 0 4px rgba(230,0,126,.16);background:#fff;color:var(--ink);outline:none}
.s26n .s26n-form input.wpcf7-form-control:is([type=email],[type=text]):-webkit-autofill{-webkit-box-shadow:0 0 0 40px #fff inset;-webkit-text-fill-color:var(--ink)}
.s26n .s26n-form input.wpcf7-form-control[aria-invalid=true]{border-color:var(--s26n-err)}
.s26n .s26n-form input.wpcf7-form-control[aria-invalid=true]:focus{box-shadow:0 0 0 4px rgba(196,18,47,.16)}

/* validation + response */
.s26n .s26n-form .wpcf7-not-valid-tip{display:flex;align-items:center;gap:7px;margin-top:8px;color:var(--s26n-err)!important;font-family:"Geist",system-ui,sans-serif;font-size:13px!important;font-weight:500!important;line-height:1.35!important}
.s26n .s26n-form .wpcf7-not-valid-tip::before{content:"!";flex:none;width:16px;height:16px;border-radius:50%;background:var(--s26n-err);color:#fff;font:700 11px/16px "Geist",system-ui,sans-serif;text-align:center}
.s26n .s26n-form .wpcf7-response-output{margin:16px 0 0!important;padding:12px 16px!important;border:0!important;border-radius:12px;background:var(--mist);color:var(--ink);font-size:14px;font-weight:500;line-height:1.45}
.s26n .s26n-form:is(.init,.resetting,.submitting,.sent) .wpcf7-response-output,.s26n .s26n-form .wpcf7-response-output:empty{display:none!important}
.s26n .s26n-form:is(.invalid,.unaccepted,.payment-required) .wpcf7-response-output{background:#FDECEF;color:#8E0B22}
.s26n .s26n-form:is(.failed,.aborted,.spam) .wpcf7-response-output{background:#FFF4E0;color:#6B4100}

/* role: two pills */
.s26n .s26n-form .wpcf7-list-item{position:relative;display:block!important;float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0;background:none!important;font-weight:inherit;line-height:inherit}
.s26n .s26n-form .wpcf7-list-item-label::before,.s26n .s26n-form .wpcf7-list-item-label::after{content:none}
.s26n .s26n-role .wpcf7-radio{display:flex;flex-wrap:wrap;gap:8px}
.s26n .s26n-role .wpcf7-list-item label{position:relative;cursor:pointer}
.s26n .s26n-role input[type=radio]{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.s26n .s26n-role .wpcf7-list-item-label{display:inline-flex!important;align-items:center;gap:10px;height:44px;padding:0 20px 0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--s26n-line);background:#fff;color:var(--ink);font:500 15px/1 "Geist",system-ui,sans-serif;transition:background .25s,color .25s,box-shadow .25s}
.s26n .s26n-role .wpcf7-list-item-label::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--s26n-line);background:#fff;transition:box-shadow .25s var(--ease)}
.s26n .s26n-role label:hover .wpcf7-list-item-label{box-shadow:inset 0 0 0 1px var(--ink-2)}
.s26n .s26n-role input:checked+.wpcf7-list-item-label{background:var(--ink);color:#fff;box-shadow:inset 0 0 0 1px var(--ink)}
.s26n .s26n-role input:checked+.wpcf7-list-item-label::before{box-shadow:inset 0 0 0 5px var(--magenta)}
.s26n .s26n-role input:focus-visible+.wpcf7-list-item-label{outline:2px solid var(--magenta);outline-offset:3px}

/* consent */
.s26n .s26n-consent .wpcf7-list-item label{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;cursor:pointer}
.s26n .s26n-consent input[type=checkbox]{position:relative;float:none;display:block;width:22px;height:22px;margin:1px 0 0;padding:0;border:1.5px solid var(--s26n-line);border-radius:6px;background:#fff;vertical-align:top;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .2s,border-color .2s}
.s26n .s26n-consent input[type=checkbox]:hover{border-color:var(--ink-2)}
.s26n .s26n-consent input[type=checkbox]:checked{border-color:var(--magenta);background:var(--magenta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.s26n .s26n-consent input[type=checkbox]:focus-visible{outline:2px solid var(--magenta);outline-offset:3px}
.s26n .s26n-consent .wpcf7-not-valid input[type=checkbox],.s26n .s26n-consent input[type=checkbox][aria-invalid=true]{border-color:var(--s26n-err)}
.s26n .s26n-consent .wpcf7-list-item-label{display:block!important;font:400 14px/1.5 "Geist",system-ui,sans-serif;color:var(--ink-2)}
.s26n .s26n-consent .wpcf7-not-valid-tip{margin-left:34px}
.s26n .s26n-form .s26n-sender{display:block;margin:10px 0 0 34px;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.s26n .s26n-form .s26n-sender a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.s26n .s26n-form .s26n-sender a:hover{color:var(--magenta)}

/* submit: magenta pill, ink sweeps up on hover (an <input> has no ::before, so the sweep is a background layer) */
.s26n .s26n-go{position:relative;display:flex;align-items:center;justify-self:start}
.s26n .s26n-form .wpcf7-submit:not(#s26n){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;float:none!important;width:auto;height:56px!important;min-height:0!important;margin:0!important;padding:0 32px!important;
  border:0!important;border-radius:999px!important;background:linear-gradient(var(--ink),var(--ink)) no-repeat 0 100%/100% 0,var(--magenta)!important;
  color:#fff!important;font:600 16px/1 "Geist",system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;text-shadow:none!important;box-shadow:none!important;
  cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-size .5s var(--ease),padding .3s var(--ease)!important}
.s26n .s26n-form .wpcf7-submit:not(#s26n):hover{background-size:100% 100%!important;color:#fff!important}
.s26n .s26n-form .wpcf7-submit:not(#s26n):focus-visible{outline:2px solid var(--magenta)!important;outline-offset:3px!important}
.s26n .s26n-form .wpcf7-submit:not(#s26n):disabled{opacity:.55;cursor:not-allowed}
.s26n .s26n-form.submitting .wpcf7-submit:not(#s26n){padding-right:58px!important;cursor:progress}
.s26n .s26n-form .wpcf7-spinner{position:absolute;right:22px;top:50%;width:18px;height:18px;margin:-9px 0 0;padding:0;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;background:none;opacity:1;visibility:hidden;pointer-events:none;animation:s26n-spin .8s linear infinite}
.s26n .s26n-form .wpcf7-spinner::before{content:none}
.s26n .s26n-form.submitting .wpcf7-spinner{visibility:visible}
@keyframes s26n-spin{to{transform:rotate(360deg)}}

/* thank-you state (signup26.js swaps it in on wpcf7mailsent) */
.s26n-formwrap.s26n-done .wpcf7{display:none}
.s26n .s26n-thanks{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 16px;align-items:center;padding:24px;border-radius:18px;background:var(--mist);outline:none;animation:s26n-rise .6s var(--ease-out) both}
.s26n .s26n-tick{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--magenta)}
.s26n .s26n-tick svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.s26n .s26n-thanks-t{align-self:end;font:600 24px/1.1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.s26n .s26n-thanks-d{align-self:start;font-size:15px;line-height:1.45;color:var(--ink-2)}
@keyframes s26n-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ---------- HOME BLOCK ---------- */
.s26n-home{max-width:var(--max);margin:-40px auto 0;padding:0 var(--gut) 96px}
.s26n-home-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,88px);align-items:center;padding:clamp(56px,5.6vw,88px) clamp(28px,5vw,80px);border-radius:28px;background:var(--ink);color:#fff;overflow:hidden}
.s26n-home-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--thread)}
.s26n-home-card::after{content:"";position:absolute;z-index:-1;right:-240px;top:-320px;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(230,0,126,.3),rgba(230,0,126,0) 64%);pointer-events:none}
.s26n-home .s26n-label{color:rgba(255,255,255,.68)}
.s26n-home .s26n-h{margin-top:24px;font:600 clamp(44px,5.6vw,92px)/.96 var(--display);letter-spacing:-.035em;color:#fff;text-transform:none}
.s26n-home .s26n-lede{margin-top:26px;max-width:520px;font-size:clamp(16px,1.25vw,18.5px);line-height:1.6;color:rgba(255,255,255,.76)}
.s26n-shows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;max-width:560px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}
.s26n-shows dt{display:flex;align-items:center;gap:8px;font:500 10.5px/1.2 "Geist Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.66)}
.s26n-shows dt::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--c)}
.s26n-shows dd{margin-top:10px;font:600 17px/1.25 var(--display);letter-spacing:-.012em;color:#fff}
.s26n-shows .s26n-when{margin-top:4px;font:400 14px/1.4 "Geist",system-ui,sans-serif;letter-spacing:0;color:rgba(255,255,255,.66)}
.s26n-home-form .s26n-formwrap{padding:clamp(22px,2.6vw,36px);border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 40px 90px -40px rgba(0,0,0,.7)}

/* ---------- FOOTER BAND (#ats-notify) ---------- */
/* .foot26 prefix: chrome.css resets .foot26 * margin/padding and loads after this file */
.foot26 .s26n-band,.s26n-band{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px clamp(32px,4vw,72px);align-items:start;margin:0 0 64px;padding:clamp(26px,3vw,44px);border-radius:24px;background:var(--mist);scroll-margin-top:110px}
.s26n-band .s26n-band-h{margin-top:16px;font:600 clamp(24px,2.3vw,34px)/1.06 var(--display);letter-spacing:-.025em;color:var(--ink)}
.s26n-band .s26n-band-d{margin-top:12px;max-width:420px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.s26n-band .s26n-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 236px;grid-template-areas:"email email go" "name company role" "consent consent consent"}
.s26n-band .s26n-go{align-self:end;justify-self:stretch}
.s26n-band .s26n-form .wpcf7-submit:not(#s26n){height:54px!important;width:100%}
.s26n-band .s26n-role{align-self:end}
/* email + button first; the rest opens once the visitor starts (signup26.js adds .s26n-open; without JS all fields show) */
.s26n-js .s26n-band .s26n-formwrap:not(.s26n-open) :is(.s26n-name,.s26n-company,.s26n-role,.s26n-consent){display:none}
.s26n-band .s26n-open :is(.s26n-name,.s26n-company,.s26n-role,.s26n-consent){animation:s26n-rise .5s var(--ease-out) both}

/* ---------- STICKY BAR ---------- */
.s26n-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:0 96px 18px 18px;pointer-events:none;visibility:hidden;opacity:0;transform:translateY(24px);transition:opacity .35s var(--ease),transform .5s var(--ease-out),visibility 0s .5s}
.s26n-bar.is-on{visibility:visible;opacity:1;transform:none;transition:opacity .35s var(--ease),transform .5s var(--ease-out),visibility 0s}
.s26n-bar-in{position:relative;display:flex;align-items:center;gap:16px;max-width:880px;min-height:64px;margin:0 auto;padding:10px 10px 10px 22px;border-radius:18px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 0 0 1px rgba(11,16,32,.08),0 24px 50px -20px rgba(11,16,32,.38);overflow:hidden;pointer-events:auto}
.s26n-bar-in::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--thread)}
.s26n-pulse{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--magenta)}
.s26n-pulse::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--magenta);opacity:0;animation:s26n-ping 2s var(--ease-out) infinite}
@keyframes s26n-ping{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.s26n-bar .s26n-bar-t{flex:1;min-width:0;font:500 15.5px/1.35 "Geist",system-ui,sans-serif;color:var(--ink)}
.s26n-bar .s26n-bar-k{margin-right:12px;font:500 11px/1 "Geist Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}

/* buttons (bar + dialog) */
.s26n .s26n-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex:none;height:44px;margin:0;padding:0 22px;border:0;border-radius:999px;background:var(--magenta);color:#fff;font:600 14.5px/1 "Geist",system-ui,sans-serif;letter-spacing:0;text-transform:none;text-shadow:none;box-shadow:none;white-space:nowrap;cursor:pointer;overflow:hidden;transition:color .4s var(--ease)}
.s26n .s26n-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:translateY(101%);transition:transform .5s var(--ease)}
.s26n .s26n-btn:hover,.s26n .s26n-btn:focus{background:var(--magenta);color:#fff}
.s26n .s26n-btn:hover::before{transform:none}
.s26n .s26n-x{display:grid;place-items:center;flex:none;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink-2);box-shadow:none;cursor:pointer;transition:background .2s,color .2s}
.s26n .s26n-x:hover,.s26n .s26n-x:focus{background:var(--mist);color:var(--ink)}
.s26n .s26n-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

/* ---------- DIALOG (bar "Notify me" + interstitial) ---------- */
.s26n-dialog{position:fixed;inset:0;width:min(600px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:26px;background:#fff;color:var(--ink);box-shadow:0 50px 120px -30px rgba(11,16,32,.6);overflow:auto;overscroll-behavior:contain}
.s26n-dialog:not([open]){display:none}
.s26n-dialog::backdrop{background:rgba(11,16,32,.58);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.s26n-dialog[open]{animation:s26n-in .5s var(--ease-out)}
.s26n-dialog[open]::backdrop{animation:s26n-fade .4s ease}
@keyframes s26n-in{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes s26n-fade{from{opacity:0}to{opacity:1}}
.s26n-dialog-in{position:relative;padding:44px 40px 36px}
.s26n-dialog-in::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--thread)}
.s26n-dialog .s26n-close{position:absolute;top:18px;right:18px}
.s26n-dialog .s26n-dialog-h{margin-top:18px;padding-right:32px;font:600 clamp(34px,4vw,50px)/1 var(--display);letter-spacing:-.033em;color:var(--ink)}
.s26n-dialog .s26n-dialog-d{max-width:460px;margin:14px 0 28px;font-size:16px;line-height:1.55;color:var(--ink-2)}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1100px){
  .foot26 .s26n-band,.s26n-band{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .s26n-home{margin-top:-56px;padding-bottom:72px}
  .s26n-home-card{grid-template-columns:minmax(0,1fr);padding:48px 22px 22px;border-radius:22px}
  .s26n-home-card::after{right:-320px;top:-360px}
  .s26n-home .s26n-h{font-size:clamp(42px,11vw,64px)}
  .s26n-shows{margin-top:32px}
  .s26n-home-form .s26n-formwrap{padding:22px 18px 24px;border-radius:18px}
}
@media (max-width:700px){
  .s26n-band .s26n-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"email" "name" "company" "role" "consent" "go"}
  .s26n-band .s26n-go{justify-self:stretch}
}
@media (max-width:600px){
  .s26n .s26n-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"email" "name" "company" "role" "consent" "go";gap:14px}
  .s26n .s26n-go{justify-self:stretch}
  .s26n .s26n-form .wpcf7-submit:not(#s26n){width:100%}
  .foot26 .s26n-band,.s26n-band{margin-bottom:48px;padding:24px 20px;border-radius:20px}
  /* bar: ≤64px tall, clear of the LiveChat launcher on the right; body gets room so nothing hides under it */
  .s26n-bar{padding:0 76px 10px 10px}
  .s26n-bar-in{gap:8px;min-height:0;max-height:64px;padding:8px 6px 8px 14px;border-radius:16px}
  .s26n-pulse,.s26n-bar .s26n-bar-k{display:none}
  .s26n-bar .s26n-bar-t{font-size:13.5px;line-height:1.25}
  .s26n .s26n-bar .s26n-btn{height:40px;padding:0 16px;font-size:14px}
  .s26n .s26n-bar .s26n-x{width:32px;height:32px}
  html.s26n-bar-on body{padding-bottom:84px}
  /* dialog becomes a bottom sheet */
  .s26n-dialog{width:100%;max-height:92vh;max-height:92dvh;margin:auto 0 0;border-radius:24px 24px 0 0}
  .s26n-dialog-in{padding:36px 20px 28px}
  .s26n-dialog .s26n-close{top:12px;right:10px}
  .s26n-dialog[open]{animation-name:s26n-up}
}
@keyframes s26n-up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media (max-width:380px){
  .s26n-shows{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .s26n,.s26n *,.s26n *::before,.s26n *::after,.s26n-dialog::backdrop{animation:none!important;transition:none!important}
  .s26n-bar{transform:none}
  .s26n .s26n-form .wpcf7-spinner{border-top-color:rgba(255,255,255,.35);border-right-color:#fff}
}
