/* Approved ALLURE hero-roll design v1. Only pages opted in by the rollout script. */
body.hero-roll-v1 #ct-main .ct-hero {
  display:flex;
  align-items:center;
  text-align:left;
  width:100%;
  max-width:2400px;
  min-height:752px;
  height:calc(100svh - 188px);
  max-height:1050px;
  margin-inline:auto;
  padding:60px max(5vw, calc((100% - 2200px)/2));
  color:#10243a;
  background:#f3f0f3;
  isolation:isolate;
}
body.hero-roll-v1 #ct-main .ct-hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,#f3f0f3 0%,#f3f0f3 45%,rgba(243,240,243,.97) 50%,rgba(243,240,243,.45) 59%,transparent 70%);
}
body.hero-roll-v1 #ct-main .ct-hero-photo {
  position:absolute;
  inset:0 0 0 auto;
  left:auto!important;
  right:0!important;
  width:62%;
  height:100%;
  object-fit:cover;
  object-position:var(--hero-focal,65% center);
  transform:none!important;
  z-index:-2;
}
body.hero-roll-v1 #ct-main .ct-hero-content {
  position:relative;
  z-index:1;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:min(960px,53vw);
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  gap:20px;
}
body.hero-roll-v1 #ct-main .ct-hero h1 {
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  color:#10243a;
  font-size:56px;
  font-weight:650;
  line-height:1.08;
  letter-spacing:-.7px;
  hyphens:none;
  text-transform:uppercase;
}
body.hero-roll-v1 #ct-main .ct-hero h1 span {
  display:block;
  color:#5479aa;
}
body.hero-roll-v1 #ct-main .ct-hero-content>p {
  width:100%;
  max-width:890px;
  margin:0;
  padding:0;
  color:#324050;
  font-size:28px;
  font-weight:400;
  line-height:36px;
}
body.hero-roll-v1 #ct-main .ct-hero .ct-button {
  display:flex;
  align-items:center;
  justify-content:center;
  width:750px;
  max-width:100%;
  height:auto;
  min-height:72px;
  margin:0;
  padding:16px 24px;
  border-radius:5px;
  background:#5479aa;
  color:#fff;
  font-size:24px;
  font-weight:650;
  line-height:1.2;
  gap:16px;
}
body.hero-roll-v1 #ct-main .ct-hero .ct-cta-icon {
  width:31px;
  height:35px;
  flex:0 0 auto;
}
body.hero-roll-v1 #ct-main .ct-hero-logo {
  position:absolute;
  right:5%;
  bottom:32px;
  width:94px;
  height:96px;
  object-fit:contain;
  opacity:.8;
  z-index:1;
}
body.hero-roll-v1.hero-roll-B #ct-main .ct-hero-content,
body.hero-roll-v1.hero-roll-D #ct-main .ct-hero-content {width:min(1020px,55vw)}
body.hero-roll-v1.hero-roll-D #ct-main .ct-hero {
  height:500px;
  min-height:500px;
  max-height:none;
}
@media(min-width:2400px){
  body.hero-roll-v1 #ct-main .ct-hero{padding-left:100px;padding-right:100px}
  body.hero-roll-v1 #ct-main .ct-hero-content,
  body.hero-roll-v1.hero-roll-B #ct-main .ct-hero-content,
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero-content{width:1050px}
}
@media(max-width:1700px){
  body.hero-roll-v1 #ct-main .ct-hero{min-height:680px}
  body.hero-roll-v1 #ct-main .ct-hero h1{font-size:48px}
  body.hero-roll-v1 #ct-main .ct-hero-content>p{font-size:26px;line-height:34px}
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero{height:460px;min-height:460px}
}
@media(max-width:1250px){
  body.hero-roll-v1 #ct-main .ct-hero{height:auto;min-height:690px;padding:48px 5vw}
  body.hero-roll-v1 #ct-main .ct-hero-content,
  body.hero-roll-v1.hero-roll-B #ct-main .ct-hero-content,
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero-content{width:56vw}
  body.hero-roll-v1 #ct-main .ct-hero h1{font-size:40px}
  body.hero-roll-v1 #ct-main .ct-hero-content>p{font-size:23px;line-height:31px}
  body.hero-roll-v1 #ct-main .ct-hero .ct-button{font-size:19px;min-height:64px}
  body.hero-roll-v1 #ct-main .ct-hero-photo{width:65%}
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero{height:400px;min-height:400px}
}
@media(max-width:900px){
  body.hero-roll-v1 #ct-main .ct-hero{
    display:flex;flex-direction:column;align-items:stretch;
    height:auto;min-height:0;max-height:none;padding:0;
  }
  body.hero-roll-v1 #ct-main .ct-hero-content,
  body.hero-roll-v1.hero-roll-B #ct-main .ct-hero-content,
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero-content{
    order:0;width:100%;padding:40px 5vw;gap:20px;
  }
  body.hero-roll-v1 #ct-main .ct-hero-photo{
    position:relative;inset:auto;width:100%;height:390px;
    order:1;z-index:0;object-position:var(--hero-mobile-focal,center);
  }
  body.hero-roll-v1 #ct-main .ct-hero::before{
    inset:auto 0 0;height:390px;z-index:1;
    background:linear-gradient(180deg,#f3f0f3,rgba(243,240,243,0) 25%);
  }
  body.hero-roll-v1 #ct-main .ct-hero h1{font-size:40px;max-width:730px}
  body.hero-roll-v1 #ct-main .ct-hero-content>p{max-width:660px}
  body.hero-roll-v1 #ct-main .ct-hero .ct-button{width:620px}
  body.hero-roll-v1 #ct-main .ct-hero-logo{right:5%;bottom:20px;width:64px;height:66px}
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero{height:auto;min-height:0}
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero-photo,
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero::before{height:280px}
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero-content{padding-bottom:32px}
}
@media(max-width:600px){
  body.hero-roll-v1 #ct-main .ct-hero-content,
  body.hero-roll-v1.hero-roll-B #ct-main .ct-hero-content,
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero-content{padding:30px 20px 24px;gap:20px}
  body.hero-roll-v1 #ct-main .ct-hero h1{
    font-size:30px;line-height:1.1;letter-spacing:-.4px;
    overflow-wrap:normal;word-break:normal;hyphens:none;
  }
  body.hero-roll-v1 #ct-main .ct-hero-content>p{font-size:20px;line-height:27px}
  body.hero-roll-v1 #ct-main .ct-hero .ct-button{
    width:100%;min-height:60px;padding:12px 15px;
    font-size:18px;line-height:23px;gap:12px;
  }
  body.hero-roll-v1 #ct-main .ct-hero .ct-cta-icon{width:25px;height:30px}
  body.hero-roll-v1 #ct-main .ct-hero-photo,
  body.hero-roll-v1 #ct-main .ct-hero::before{height:270px}
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero-photo,
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero::before{height:240px}
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero-content{padding-bottom:26px}
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero h1{font-size:clamp(23px,6.6vw,30px);line-height:1.15}
  body.hero-roll-v1.hero-roll-title-long #ct-main .ct-hero h1{
    font-size:clamp(23px,calc(8.86vw - 5px),29.7px);hyphens:none;
  }
  body.hero-roll-v1.hero-roll-title-xlong #ct-main .ct-hero h1{
    font-size:clamp(21.5px,calc(8.3vw - 5px),27.5px);hyphens:none;
  }
}
@media(max-width:359px){
  body.hero-roll-v1 #ct-main .ct-hero h1{font-size:25px}
  body.hero-roll-v1.hero-roll-B #ct-main .ct-hero h1{hyphens:none}
  body.hero-roll-v1.hero-roll-D #ct-main .ct-hero h1{font-size:21px}
}