@font-face{font-family:WER Montreal;src:url(fonts/NeueMontreal-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:WER Montreal;src:url(fonts/NeueMontreal-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:WER Anklepants;src:url(fonts/Anklepants-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
.wer-landing{--wer-orange:#f4772b;position:relative;isolation:isolate;width:100%;min-height:100svh;background:#111 url(landing-texture.jpg) center/cover no-repeat;color:#fff;padding:140px 6vw 110px;font:400 20px/1.35 'WER Montreal',Arial,sans-serif}
.wer-landing,.wer-landing *{box-sizing:border-box}
.wer-landing::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,15,15,.65),#111 95%);pointer-events:none}
.wer-landing .wer-logo{position:absolute;top:7.2%;right:5%;display:block;width:209px;line-height:0}
.wer-landing .wer-logo img{width:100%;height:auto;margin:0;display:block}
.wer-landing-inner{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,620px) minmax(0,1fr);gap:clamp(40px,8vw,150px);align-items:center;min-height:calc(100svh - 250px)}
.wer-landing .wer-content{position:relative;z-index:1}
.wer-landing h1{font:400 clamp(30px,2.5vw,48px)/1.2 'WER Anklepants',sans-serif;text-transform:uppercase;color:#fff;margin:0 0 26px;letter-spacing:0}
.wer-landing p,.wer-landing label,.wer-landing span{font-family:inherit;color:inherit}
.wer-landing .wer-welcome{font-size:20px;line-height:1.35;margin:0;padding:0}
.wer-landing .wer-signal{margin-top:80px}
.wer-landing h2{font:400 32px/1.2 'WER Montreal',Arial,sans-serif;text-transform:uppercase;margin:0 0 20px;color:#fff;letter-spacing:0}
.wer-landing .wer-signal>p{font-size:20px;margin:0 0 28px;padding:0}
.wer-landing .wer-form{display:flex;flex-direction:column;gap:0;margin:0}
.wer-landing .wer-field-tab{align-self:flex-start;min-width:168px;padding:7px 34px 7px 30px;margin:0;background:#393939;clip-path:polygon(0 0,80% 0,100% 100%,0 100%);font-size:18px;font-weight:700;line-height:22px}
.wer-landing .wer-field{position:relative;background:#373737;padding:1px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.wer-landing .wer-field:focus-within{background:var(--wer-orange)}
.wer-landing .wer-field input{display:block;appearance:none;width:100%;height:68px;min-height:0;margin:0;padding:17px 29px;background:#202020;color:#fff;border:0;border-radius:0;box-shadow:none;outline:none;font:400 18px/1.4 'WER Montreal',Arial,sans-serif;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}
.wer-landing .wer-field input::placeholder{color:#999;opacity:1}
.wer-landing .wer-extra:not([hidden]){display:flex;flex-direction:column;gap:18px;margin-top:18px}
.wer-landing .wer-extra[hidden]{display:none!important}
.wer-landing .wer-name-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wer-landing .wer-name-row input{padding-left:18px}
.wer-landing .wer-check{display:flex;align-items:flex-start;gap:12px;margin:10px 0 0;font:400 14px/1.5 'WER Montreal',Arial,sans-serif!important;cursor:pointer}
.wer-landing .wer-check input{appearance:auto;flex:0 0 17px;width:17px;height:17px;min-height:0;margin:5px 0 0;accent-color:var(--wer-orange)}
.wer-landing .wer-submit{align-self:flex-end;min-width:190px;min-height:42px;margin:20px 0 0;padding:10px 24px;background:#ff934b!important;border:0;border-radius:0;color:#101010;font:400 18px/1.25 'WER Anklepants',sans-serif;text-transform:uppercase;clip-path:polygon(13px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 13px);cursor:pointer;box-shadow:none;transition:background .15s}
.wer-landing .wer-submit:hover{background:#ff934b !important}
.wer-landing .wer-submit:focus-visible,.wer-landing .wer-logo:focus-visible{outline:3px solid white;outline-offset:5px;clip-path:none}
.wer-landing .wer-submit:disabled{opacity:.65;cursor:wait}
.wer-landing .wer-message{font:400 15px/1.4 'WER Montreal',Arial,sans-serif;color:#ffb58a}
.wer-landing .wer-message:not(:empty){padding:12px 0 0}
.wer-landing .wer-art{align-self:center;width:calc(100% + 40px);max-width:710px;margin-top:55px;mask-image:linear-gradient(#000 65%,transparent 100%)}
.wer-landing .wer-art img{display:block;width:100%;height:auto;margin:0;filter:brightness(.99)}
.wer-landing .wer-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1600px){.wer-landing:not(.is-registering) .wer-content{transform:translateY(40px)}}
@media(max-width:1100px){.wer-landing{padding:140px 6vw 70px}.wer-landing-inner{gap:30px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.wer-desktop-break{display:none}.wer-landing .wer-welcome,.wer-landing .wer-signal>p{font-size:18px}.wer-landing .wer-signal{margin-top:50px}.wer-landing .wer-art{width:100%}.wer-landing h2{font-size:28px}}
@media(max-width:767px){.wer-landing{padding:120px 24px 0;min-height:100svh}.wer-landing .wer-logo{top:30px;right:24px;width:145px}.wer-landing-inner{display:flex;flex-direction:column;gap:25px;min-height:0;align-items:stretch}.wer-landing h1{font-size:30px;margin-bottom:22px}.wer-landing .wer-welcome{font-size:17px}.wer-landing .wer-signal{margin-top:42px}.wer-landing h2{font-size:26px;margin-bottom:14px}.wer-landing .wer-signal>p{font-size:17px;margin-bottom:24px}.wer-landing .wer-art{width:100%;max-width:420px;align-self:center;margin:0 0 -1px}.wer-landing .wer-field input{height:60px;padding:14px 18px;font-size:16px}.wer-landing .wer-check{font-size:13px!important}.wer-landing .wer-submit{font-size:16px;min-height:44px}.wer-landing .wer-name-row{gap:12px}p br {display: block!important;}}
@media(max-width:360px){.wer-landing{padding-left:18px;padding-right:18px}.wer-landing .wer-name-row{grid-template-columns:1fr}.wer-landing h1{font-size:20px}}

/* Remove Salient's content gutters on the landing page only. */
body.wer-landing-page .container-wrap{background:#111;padding:0!important;min-height:0}
body.wer-landing-page .container.main-content{width:100%;max-width:none;padding:0!important;margin:0}
body.wer-landing-page .container.main-content>.row{padding:0;margin:0}
body.wer-landing-page #page-header-wrap,body.wer-landing-page #header-space,body.wer-landing-page #header-outer,body.wer-landing-page #footer-outer{display:none!important}
body.wer-landing-page #ajax-content-wrap{background:#111}

/* Compact desktop composition, including 1280 × 800 laptops. */
@media(min-width:768px){
  .wer-landing{padding:100px 6vw 40px}
  .wer-landing .wer-logo{top:28px;right:4vw;width:100px}
  .wer-landing-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;min-height:calc(100svh - 140px);max-width:1280px}
  .wer-landing h1{font-size:34px!important;line-height:1.15!important;margin-bottom:20px}
  .wer-landing .wer-welcome,.wer-landing .wer-signal>p{font-size:17px!important;line-height:1.4!important}
  .wer-landing .wer-desktop-break{display:none}
  .wer-landing .wer-signal{margin-top:40px}
  .wer-landing.is-registering .wer-signal{margin-top:26px}
  .wer-landing h2{font-size:26px!important;line-height:1.2!important;margin-bottom:14px}
  .wer-landing .wer-signal>p{margin-bottom:20px}
  .wer-landing .wer-field-tab{font-size:15px!important;padding:5px 30px 5px 20px;line-height:20px}
  .wer-landing .wer-field input{height:52px;padding:14px 20px;font-size:16px!important}
  .wer-landing .wer-extra:not([hidden]){gap:12px;margin-top:12px}
  .wer-landing .wer-check{font-size:12px!important;line-height:1.5!important;margin-top:6px}
  .wer-landing .wer-submit{font-size:16px!important;min-height:42px;margin-top:16px}
  .wer-landing .wer-art{width:100%;margin-top:35px;max-width:540px}
}

@media(min-width:1600px){.wer-landing:not(.is-registering) .wer-content{transform:none;width:85%;}}
