.page.content{--subhero-gutter:clamp(22px,5vw,75px);} .page.content > .peaks-subhero{position:relative;display:flex;align-items:flex-start;min-height:0;height:auto;margin:-48px calc(-1 * var(--subhero-gutter)) 0;padding:110px max(32px,var(--subhero-gutter)) 125px;isolation:isolate;overflow:hidden;background:transparent;} .page.content > .peaks-subhero::before{content:'';position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,rgba(2,9,20,.86) 0%,rgba(3,12,27,.62) 43%,rgba(3,12,27,.16) 100%),var(--peaks-hero-image);background-position:center,center 42%;background-size:cover;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 36%,rgba(0,0,0,.84) 53%,rgba(0,0,0,.22) 84%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 36%,rgba(0,0,0,.84) 53%,rgba(0,0,0,.22) 84%,transparent 100%);} .peaks-subhero .peaks-subhero-copy{width:min(900px,100%);position:relative;} .peaks-subhero .peaks-subhero-kicker{color:#08baff;text-transform:uppercase;font-size:clamp(12px,1.2vw,16px);letter-spacing:.2em;font-weight:800;margin:0 0 15px;} .peaks-subhero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(58px,6.6vw,100px);line-height:.94;max-width:800px;margin:0;color:#fff;text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 5px 24px rgba(0,0,0,.7);} .site-shell main > .page.content > .peaks-subhero .peaks-subhero-copy h1{position:relative;left:-3px;} .page.content > .peaks-subhero + p.intro{position:relative;z-index:1;margin-top:-105px;margin-bottom:80px;color:#c4d3e3;text-shadow:0 2px 10px rgba(0,0,0,.65);} .page.content > .peaks-subhero + p.intro + .calendar-controls{margin-top:0;} @media (min-width:521px) and (max-width:820px){.page.content > .peaks-subhero{padding-top:92px;padding-bottom:115px;} .peaks-subhero h1{font-size:clamp(46px,9vw,72px);} .page.content > .peaks-subhero + p.intro{margin-top:-95px;margin-bottom:60px;}} @media (max-width:520px){.page.content{--subhero-gutter:18px;} .page.content > .peaks-subhero{margin-top:-28px;padding:82px 25px 105px;} .peaks-subhero h1{font-size:clamp(40px,11vw,59px);} .peaks-subhero .peaks-subhero-kicker{font-size:11px;letter-spacing:.15em;} .page.content > .peaks-subhero + p.intro{margin-top:-85px;margin-bottom:42px;}} @media screen and (max-width:1024px){.site-shell main > .page.content{--subhero-gutter:var(--kc-content-gutter,clamp(22px,5vw,75px));} .site-shell main > .page.content > .peaks-subhero{margin-left:calc(-1 * var(--subhero-gutter)) !important;margin-right:calc(-1 * var(--subhero-gutter)) !important;padding-left:var(--subhero-gutter) !important;padding-right:var(--subhero-gutter) !important;box-sizing:border-box;} .site-shell main > .page.content > .peaks-subhero > .peaks-subhero-copy{margin-left:0 !important;padding-left:0 !important;box-sizing:border-box;}}