:root{--charcoal:#171715;--warm:#e7dfd2;--bronze:#956044;--soft:#aaa297;--line:#403d38}*{box-sizing:border-box}html,body{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{background:var(--charcoal);color:var(--warm);font-family:"Helvetica Neue",Arial,sans-serif}.page{position:fixed;inset:0;display:grid;grid-template-columns:minmax(0,56%) minmax(0,44%);background:var(--charcoal);overflow:hidden}.information{min-width:0;height:100%;padding:0 clamp(34px,5vw,78px);display:flex;flex-direction:column;background-color:var(--charcoal);background-image:radial-gradient(rgba(255,255,255,.025) .7px,transparent .7px);background-size:5px 5px}.information header{height:96px;flex:0 0 96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.information header img{display:block;width:clamp(176px,15vw,232px);height:auto;max-height:78px;object-fit:contain}.information header p,.location,.registerCopy p,.brandImage>p{font-size:9px;letter-spacing:.28em;margin:0;color:#b2aaa0}.message{min-height:0;flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 0}.location{color:var(--bronze);margin-bottom:22px}h1{margin:0;font-size:clamp(52px,5.5vw,84px);line-height:.96;letter-spacing:-.045em;font-weight:300}.summary{width:min(510px,88%);margin:26px 0 0;color:var(--soft);font-size:clamp(13px,1.05vw,16px);line-height:1.65;font-weight:300}.register{min-height:104px;flex:0 0 104px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:195px minmax(0,1fr);gap:22px;align-items:center}.registerCopy p{color:var(--warm);margin-bottom:8px}.registerCopy span{display:block;color:#89847c;font-size:10px;line-height:1.45}.register form{min-width:0;height:48px;display:flex;border:1px solid #5d574f}.register input{min-width:0;flex:1;border:0;background:transparent;color:var(--warm);padding:0 14px;outline:0;font-size:12px}.register input::placeholder{color:#77736d}.register button{flex:0 0 auto;border:0;border-left:1px solid #5d574f;background:transparent;color:var(--warm);padding:0 14px;letter-spacing:.12em;font-size:8px;white-space:nowrap;cursor:pointer}.register button:hover{background:var(--bronze)}.register button span{margin-left:13px;color:var(--bronze)}.register button:hover span{color:var(--warm)}.success{height:48px;border:1px solid var(--bronze);display:flex;align-items:center;padding:0 15px;color:#c99372;font-size:12px}.information footer{height:72px;flex:0 0 72px;display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:.15em;color:#918b82;white-space:nowrap}.information footer i{width:24px;height:1px;background:#5b554e}.brandImage{position:relative;height:100%;min-height:0;background:url("/brand/slake-door.jpg") center center/cover no-repeat}.imageShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,23,21,.26),transparent 35%),linear-gradient(0deg,rgba(11,11,10,.42),transparent 45%)}.brandImage>p{position:absolute;right:7%;bottom:5%;color:#d5c9bb}.srOnly{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
[hidden]{display:none!important}
@media(max-width:1100px) and (min-width:701px){.page{grid-template-columns:minmax(0,60%) minmax(0,40%)}.information{padding:0 4vw}.information header{height:84px;flex-basis:84px}h1{font-size:clamp(48px,5.3vw,68px)}.register{grid-template-columns:150px minmax(0,1fr);gap:14px}.registerCopy span{font-size:9px}.register button{padding:0 10px}.register button span{margin-left:7px}.information footer{gap:9px;font-size:7px}.information footer i{width:14px}}
@media(max-width:700px){.page{position:fixed;inset:0;display:flex;flex-direction:column}.brandImage{order:1;flex:0 0 34%;width:100%;background-position:center 48%}.imageShade{background:linear-gradient(0deg,var(--charcoal) 0,rgba(23,23,21,.08) 45%)}.brandImage>p{display:none}.information{order:2;flex:1;min-height:0;width:100%;padding:0 22px;display:flex}.information header{position:absolute;z-index:3;top:0;left:22px;right:22px;height:78px;min-height:0;flex:0;border-color:rgba(255,255,255,.3)}.information header img{width:164px;max-height:62px}.information header p{font-size:7px;color:#e2d8ca}.message{flex:1;justify-content:flex-start;padding:12px 0 8px}.location{font-size:7px;margin-bottom:9px}h1{font-size:clamp(36px,10.5vw,48px);line-height:.95}.summary{font-size:10px;line-height:1.45;margin-top:10px;width:96%}.register{min-height:98px;flex:0 0 98px;display:block;padding:11px 0}.registerCopy{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.registerCopy p{font-size:7px;margin:0}.registerCopy span{font-size:7px}.register form{height:40px}.register input{font-size:11px;padding:0 10px}.register button{font-size:7px;padding:0 10px}.register button span{margin-left:6px}.information footer{height:48px;flex:0 0 48px;gap:6px;justify-content:space-between;font-size:6px;letter-spacing:.07em}.information footer i{width:10px}}
@media(max-width:700px){.message{flex:0 0 auto}.register{margin-top:24px}.information footer{margin-top:auto}}
.brandImage{background-image:url("/brand/slake-door-clean.png")}
.register form{position:relative}.register button:disabled{cursor:wait;opacity:.65}.formError{position:absolute;right:0;top:52px;margin:0;color:#c99372;font-size:9px}
@media(max-width:380px),(max-height:620px){.brandImage{flex-basis:30%}.information header{height:68px}.information header img{width:145px}h1{font-size:35px}.summary{font-size:9px}.register{min-height:86px;flex-basis:86px;padding:8px 0}.registerCopy span{display:none}.register form{height:36px}.information footer{height:40px;flex-basis:40px;font-size:5.5px}}
