/* Edge-to-edge photographic hero, with one continuous colour field. */
.header{position:absolute;inset:0 0 auto;z-index:10;background:transparent;color:#fff;height:100px}
.header .brand-mark{color:#e5c5ff}.header .uk{background:#fff;color:#6328ff}
.header nav a{padding:10px 15px;background:#6328ff;border-radius:30px}
.header nav{gap:10px}.header-cta{background:#6328ff}.menu-toggle{color:white}
.hero{isolation:isolate;background:linear-gradient(180deg,#52add2 0%,#8f9dda 27%,#b79be6 52%,#946ce8 72%,#5748ee 100%)}
.hero-background{position:absolute;inset:0 0 0 30%;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 30%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%)}
.hero-background img{height:100%;width:100%;object-fit:cover;object-position:52% 50%}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(22,27,46,.12),transparent 25%,transparent 57%,rgba(94,65,238,.3) 77%,#5748ee 100%)}
.hero-inner{display:flex;align-items:center;min-height:780px;position:relative;gap:0}
.hero-copy{width:51%;padding:155px 0 85px;position:relative;z-index:1}
.hero h1{font-size:clamp(88px,8.3vw,124px);line-height:1.02;letter-spacing:-.025em;margin-bottom:32px;color:#fff;text-wrap:balance}
.hero h1 em{color:inherit}.hero-description{font-size:20px;line-height:1.55;max-width:440px;color:#fff;margin-bottom:32px}
.hero .micro{color:#fff;font-size:11px;margin-top:18px;max-width:440px}
.hero .button{background:#f2c6ff;color:#4a18ae;min-height:60px;padding:17px 28px;font-size:15px}
.hero-bottom{position:relative;z-index:1;padding:0 0 27px;color:#fff}
@media(min-width:1500px){.hero-inner{min-height:850px}}
@media(min-width:801px) and (max-width:1100px){.header{padding:0 32px;gap:18px}.header nav{gap:6px}.header nav a{padding:9px 11px;font-size:10px}.hero-inner{min-height:740px}.hero h1{font-size:88px}.hero-copy{width:53%}.hero-description{font-size:18px;max-width:355px}.hero-background{left:29%}}
@media(max-width:800px){.header{height:82px}.header nav{background:#34216f}.header nav a{background:transparent;padding:8px 0;font-size:15px}.header-cta{margin-left:auto}.hero-inner{min-height:700px}.hero-copy{width:54%;padding-top:130px;padding-bottom:65px}.hero h1{font-size:77px}.hero-description{font-size:17px}.hero-background{left:25%}.hero .button{font-size:13px;min-height:53px}}
@media(max-width:600px){
.header{height:78px}.header nav{top:78px}.header .brand{font-size:24px}.header-cta{background:#6328ff}.menu-toggle{background:#6328ff;border-radius:50%;height:37px;width:37px;font-size:22px;flex-shrink:0}
.hero{background:linear-gradient(180deg,#183246 0%,#729fd5 22%,#bea9e9 52%,#9169ec 75%,#5748ee 100%)}
.hero-background{inset:0 0 auto;height:570px;mask-image:linear-gradient(180deg,#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 65%,transparent 100%)}
.hero-background img{object-position:48% 50%}
.hero:after{background:linear-gradient(180deg,rgba(11,20,34,.75) 0%,rgba(11,20,34,.25) 11%,transparent 24%,transparent 44%,rgba(133,90,221,.12) 65%,transparent 82%)}
.hero-inner{display:block;min-height:0}.hero-copy{width:100%;padding:450px 0 35px}
.hero h1{font-size:clamp(65px,16vw,86px);line-height:.98;letter-spacing:-.018em;margin-bottom:23px;max-width:390px;text-wrap:initial}
.hero-description{font-size:17px;line-height:1.55;max-width:380px;margin-bottom:25px}.hero .micro{font-size:10px;line-height:1.6;margin-top:15px;max-width:none}
.hero .button{font-size:14px;padding:15px 24px;min-height:56px;gap:25px}
.hero-bottom{padding:0 0 24px;gap:20px}.hero-bottom>span{font-size:7px;max-width:160px}.hero-bottom a{font-size:9px}
}
@media(max-width:360px){.hero-background{height:530px}.hero-copy{padding-top:415px}.hero h1{font-size:64px}.header{gap:8px}.header-cta{padding:9px 10px;font-size:8px}.hero-description{font-size:16px}}
@media(max-height:500px) and (min-width:601px){.hero-inner{min-height:620px}.hero-copy{padding:130px 0 60px}.hero h1{font-size:76px}.hero-description{font-size:16px;max-width:340px}}