.promo-dialog{
  --promo-unit:min(calc(84vw / 927),calc((100svh - 80px) / 506));
  width:calc(927 * var(--promo-unit));height:calc(506 * var(--promo-unit));
  max-width:none;max-height:none;inset:0;margin:auto;padding:0;border:0;
  overflow:visible;border-radius:calc(12 * var(--promo-unit));
  background:transparent;color:#000;color-scheme:light;
  box-shadow:0 0 70px 18px #ffffff40,0 24px 80px #0004;
}
.promo-dialog::backdrop{background:rgb(0 0 0 / .4);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.promo-dialog[open]{animation:promo-appear .55s cubic-bezier(.2,.7,.2,1) both}
.promo-dialog[open]::backdrop{animation:promo-backdrop .5s ease both}
.promo-panel{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#fff}
.promo-copy{position:absolute;inset:0 auto 0 0;width:calc(632 * var(--promo-unit))}
.promo-copy h2,.promo-copy p{margin:0}
#promo-title{position:absolute;left:calc(104.166 * var(--promo-unit));top:calc(37.3547 * var(--promo-unit));width:calc(431.15 * var(--promo-unit))}
#promo-description{position:absolute;left:calc(76.658 * var(--promo-unit));top:calc(93.55 * var(--promo-unit));width:calc(467.251 * var(--promo-unit))}
#promo-title img,#promo-description img{width:100%;height:auto}
.promo-form{position:absolute;inset:0;margin:0}
.promo-field{position:absolute;left:calc(71 * var(--promo-unit));width:calc(480 * var(--promo-unit));height:calc(56.1125 * var(--promo-unit));border-radius:calc(2 * var(--promo-unit));background:#f5f5f7}
.promo-field:focus-within{outline:2px solid #166874;outline-offset:3px}
.promo-gender{top:calc(178 * var(--promo-unit))}
.promo-email{top:calc(239.113 * var(--promo-unit))}
.promo-placeholder{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.promo-field input,.promo-field select{position:relative;z-index:1;display:block;width:100%;height:100%;margin:0;border:0;outline:0;border-radius:inherit;background:transparent;padding:0 calc(19.4 * var(--promo-unit));font:400 calc(17 * var(--promo-unit))/1.2 Arial,sans-serif;color:#111;letter-spacing:.015em}
.promo-field select{appearance:none;cursor:pointer;color:transparent}
.promo-field option{color:#111;background:#f5f5f7}
.promo-gender.has-value select{color:#111;padding-right:calc(52 * var(--promo-unit));background:#f5f5f7 url('/assets/promo/chevron.svg') right calc(28 * var(--promo-unit)) center / calc(14 * var(--promo-unit)) no-repeat}
.promo-email input:not(:placeholder-shown)+.promo-placeholder{opacity:0}
.promo-email input:-webkit-autofill{-webkit-text-fill-color:#111;box-shadow:0 0 0 1000px #f5f5f7 inset}
.promo-consent{position:absolute;left:calc(77 * var(--promo-unit));top:calc(332 * var(--promo-unit));width:calc(454 * var(--promo-unit));height:calc(38 * var(--promo-unit));cursor:pointer}
.promo-consent input{position:absolute;left:0;top:0;width:calc(70 * var(--promo-unit));height:100%;opacity:0;margin:0;cursor:pointer}
.promo-toggle{display:block;width:calc(65.4761 * var(--promo-unit));height:calc(34.3362 * var(--promo-unit));border-radius:99px;background:#e9e9ec;transition:background .3s ease;pointer-events:none}
.promo-toggle>span{position:absolute;left:calc(2.498 * var(--promo-unit));top:calc(2.498 * var(--promo-unit));width:calc(29.3382 * var(--promo-unit));height:calc(29.3382 * var(--promo-unit));border-radius:50%;background:#166874;box-shadow:0 2px 5px #0003;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s}
.promo-consent input:checked+.promo-toggle{background:#166874}
.promo-consent input:checked+.promo-toggle>span{transform:translateX(calc(31.1423 * var(--promo-unit)));background:#fff}
.promo-consent input:focus-visible+.promo-toggle{outline:2px solid #166874;outline-offset:4px}
.promo-consent-copy{position:absolute;left:calc(87.494 * var(--promo-unit));top:calc(5.748 * var(--promo-unit));width:calc(366.469 * var(--promo-unit));height:calc(24.892 * var(--promo-unit));pointer-events:none}
.promo-submit{position:absolute;left:calc(22 * var(--promo-unit));top:calc(415 * var(--promo-unit));width:calc(579 * var(--promo-unit));height:calc(57 * var(--promo-unit));border-radius:calc(2 * var(--promo-unit));overflow:hidden;transition:box-shadow .35s ease}
.promo-submit>img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.promo-submit-hover{opacity:0;transition:opacity .35s ease}
.promo-submit:hover .promo-submit-hover,.promo-submit:focus-visible .promo-submit-hover{opacity:1}
.promo-submit:focus-visible{outline:2px solid #166874;outline-offset:4px}
.promo-status{position:absolute;left:calc(22 * var(--promo-unit));top:calc(480 * var(--promo-unit));width:calc(579 * var(--promo-unit));font:calc(11 * var(--promo-unit))/1.2 Arial,sans-serif;text-align:center;color:#166874}
.promo-panther{position:absolute;right:0;top:0;width:calc(295 * var(--promo-unit));height:100%;object-fit:cover;border-radius:calc(12 * var(--promo-unit)) 0 0 calc(12 * var(--promo-unit));background:#111;pointer-events:none}
.promo-close{position:absolute;right:calc(16 * var(--promo-unit));top:calc(26 * var(--promo-unit));display:grid;place-items:center;width:calc(38 * var(--promo-unit));height:calc(38 * var(--promo-unit));border-radius:50%;transition:background .3s ease,transform .35s ease}
.promo-close img{width:calc(16 * var(--promo-unit));height:calc(16 * var(--promo-unit))}
.promo-close:hover{background:#ffffff1a;transform:rotate(90deg)}
.promo-close:focus-visible{outline:1px solid #c5c6ce;outline-offset:0}
html.promo-is-open,html.promo-is-open body{overflow:hidden}
@keyframes promo-appear{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes promo-backdrop{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.promo-dialog[open],.promo-dialog[open]::backdrop{animation:none}.promo-close:hover{transform:none}}
