#Hero{vertical-align:top;display:grid;margin-left:auto;position:relative;@property --un-content{syntax:"*";inherits:false;initial-value:"";}@property --un-gradient-position{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-stops{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-gradient-via-stops{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;syntax:"<length-percentage>";inherits:false;initial-value:0%;}@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;syntax:"<length-percentage>";inherits:false;initial-value:50%;}@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;syntax:"<length-percentage>";inherits:false;initial-value:100%;}@property --un-gradient-position{syntax:"*";inherits:false;}@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-stops{syntax:"*";inherits:false;}@property --un-gradient-via-stops{syntax:"*";inherits:false;}@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;}@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;}@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;}@property --un-mask-linear{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-radial{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-conic{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-bottom-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;syntax:"<length-percentage>";inherits:false;initial-value:0%;}@property --un-mask-bottom-from-color{syntax:"<color>";inherits:false;initial-value:black;syntax:"<color>";inherits:false;initial-value:black;}@property --un-mask-bottom-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;syntax:"<length-percentage>";inherits:false;initial-value:100%;}@property --un-mask-bottom-to-color{syntax:"<color>";inherits:false;initial-value:transparent;syntax:"<color>";inherits:false;initial-value:transparent;}@property --un-mask-top{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-right{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-bottom{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-left{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}}#Hero:before{left:-75%;bottom:-50%;position:absolute;z-index:2;width:100%}@media(min-width:48rem){#Hero:before{height:100vh}}#Hero:not(.right){@property --un-mask-linear{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-radial{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-conic{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-left-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;syntax:"<length-percentage>";inherits:false;initial-value:0%;}@property --un-mask-left-from-color{syntax:"<color>";inherits:false;initial-value:black;syntax:"<color>";inherits:false;initial-value:black;}@property --un-mask-left-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;syntax:"<length-percentage>";inherits:false;initial-value:100%;}@property --un-mask-left-to-color{syntax:"<color>";inherits:false;initial-value:transparent;syntax:"<color>";inherits:false;initial-value:transparent;}@property --un-mask-top{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-right{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-bottom{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-left{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}}@media(min-width:48rem){#Hero:not(.right) .image{--un-mask-left-from-position:75%;-webkit-mask-image:var(--un-mask-linear),var(--un-mask-radial),var(--un-mask-conic);mask-image:var(--un-mask-linear),var(--un-mask-radial),var(--un-mask-conic);-webkit-mask-composite:source-in;mask-composite:intersect;--un-mask-linear:var(--un-mask-left), var(--un-mask-right), var(--un-mask-bottom), var(--un-mask-top);--un-mask-left:linear-gradient(to left, var(--un-mask-left-from-color) var(--un-mask-left-from-position), var(--un-mask-left-to-color) var(--un-mask-left-to-position));--un-mask-left-to-position:95%}}#Hero .image{position:relative}@media(min-width:48rem){#Hero .image{grid-column:3/-1;grid-row:1/-1}}@media(min-width:48rem){#Hero .image{--un-mask-bottom-from-position:70%;-webkit-mask-image:var(--un-mask-linear),var(--un-mask-radial),var(--un-mask-conic);mask-image:var(--un-mask-linear),var(--un-mask-radial),var(--un-mask-conic);-webkit-mask-composite:source-in;mask-composite:intersect;--un-mask-linear:var(--un-mask-left), var(--un-mask-right), var(--un-mask-bottom), var(--un-mask-top);--un-mask-bottom:linear-gradient(to bottom, var(--un-mask-bottom-from-color) var(--un-mask-bottom-from-position), var(--un-mask-bottom-to-color) var(--un-mask-bottom-to-position));--un-mask-bottom-to-position:85%}}@media (max-width: calc(48rem - .1px)){#Hero .image{--un-mask-bottom-from-position:30%;-webkit-mask-image:var(--un-mask-linear),var(--un-mask-radial),var(--un-mask-conic);mask-image:var(--un-mask-linear),var(--un-mask-radial),var(--un-mask-conic);-webkit-mask-composite:source-in;mask-composite:intersect;--un-mask-linear:var(--un-mask-left), var(--un-mask-right), var(--un-mask-bottom), var(--un-mask-top);--un-mask-bottom:linear-gradient(to bottom, var(--un-mask-bottom-from-color) var(--un-mask-bottom-from-position), var(--un-mask-bottom-to-color) var(--un-mask-bottom-to-position));--un-mask-bottom-to-position:90%}}#Hero .image img{width:100%;height:100%;object-fit:cover;object-position:center}#Hero article{position:relative;z-index:11;gap:calc(var(--spacing) * 6);display:grid;max-width:calc(var(--spacing) * 140);align-content:flex-start;@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}}#Hero article h2{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));text-transform:capitalize}@media(min-width:48rem){#Hero article h2{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight))}}#Hero article h1{font-size:40px;--un-font-weight:var(--fontWeight-extrabold);font-weight:var(--fontWeight-extrabold)}@supports (color: color-mix(in lab,red,red)){#Hero article h1{color:color-mix(in oklab,var(--colors-green-500) var(--un-text-opacity),transparent)}}@media(min-width:48rem){#Hero article h1{font-size:55px}}#Hero article .content{gap:calc(var(--spacing) * 6);display:grid}#Hero article .content h3{text-align:left}#Hero article .content+a{margin-top:calc(var(--spacing) * 3)}@media(min-width:48rem){#Hero article{grid-row:2/3;grid-column:2/4}}@media (max-width: calc(48rem - .1px)){#Hero article{padding-inline:calc(var(--spacing) * 4)}}@media(min-width:48rem){#Hero article{padding-left:calc(var(--spacing) * 4)}}@media (max-width: calc(48rem - .1px)){#Hero article{top:calc(calc(var(--spacing) * 16) * -1)}}#Hero.right{margin-right:auto;margin-left:calc(var(--spacing) * 0);@property --un-mask-linear{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-radial{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-conic{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-right-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;syntax:"<length-percentage>";inherits:false;initial-value:0%;}@property --un-mask-right-from-color{syntax:"<color>";inherits:false;initial-value:black;syntax:"<color>";inherits:false;initial-value:black;}@property --un-mask-right-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;syntax:"<length-percentage>";inherits:false;initial-value:100%;}@property --un-mask-right-to-color{syntax:"<color>";inherits:false;initial-value:transparent;syntax:"<color>";inherits:false;initial-value:transparent;}@property --un-mask-top{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-right{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-bottom{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}@property --un-mask-left{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff);}}@media(min-width:48rem){#Hero.right article{grid-column:4/-1}}@media(min-width:48rem){#Hero.right article{padding-right:calc(var(--spacing) * 4);padding-left:calc(var(--spacing) * 0)}}#Hero.right .image:after{--un-gradient-position:to left in oklab;background-image:linear-gradient(var(--un-gradient-stops));right:calc(var(--spacing) * 0);left:auto}@media (max-width: calc(48rem - .1px)){#Hero.right .image:after{--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops))}}@media(min-width:48rem){#Hero.right .image{grid-column:1/4}}@media(min-width:48rem){#Hero.right .image{--un-mask-right-from-position:30%;-webkit-mask-image:var(--un-mask-linear),var(--un-mask-radial),var(--un-mask-conic);mask-image:var(--un-mask-linear),var(--un-mask-radial),var(--un-mask-conic);-webkit-mask-composite:source-in;mask-composite:intersect;--un-mask-linear:var(--un-mask-left), var(--un-mask-right), var(--un-mask-bottom), var(--un-mask-top);--un-mask-right:linear-gradient(to right, var(--un-mask-right-from-color) var(--un-mask-right-from-position), var(--un-mask-right-to-color) var(--un-mask-right-to-position));--un-mask-right-to-position:90%}}#Hero.right .lens-flare{right:50%}#Hero .lens-flare{position:absolute;z-index:10;right:25%;bottom:calc(calc(var(--spacing) * 8) * -1);display:none;width:300px;height:300px}@media(min-width:48rem){#Hero .lens-flare{grid-column:auto;display:block}}@media(min-width:48rem){#Hero{grid-template-columns:2.5rem 1fr 2fr}}@media(min-width:64rem){#Hero{grid-template-columns:auto 300px 1fr 1fr 5%}}@media(min-width:48rem){#Hero{padding-bottom:calc(var(--spacing) * 12)}}@media(min-width:48rem){#Hero{grid-template-rows:75px minmax(700px,1fr)}}@media(min-width:64rem){#Hero{width:85vw}}