/* Picostrap's own top bar sits above the custom, fixed Canyon Host navigation. */
html:has(body.canyonhost-front-page .ch-has-topbar){--ch-topbar-height:40px;scroll-padding-top:calc(100px + var(--ch-topbar-height))}
.ch-homepage .ch-has-topbar{height:auto}
.ch-homepage .ch-has-topbar .ch-header-inner{height:var(--ch-header-height);transition:height .32s cubic-bezier(.2,.7,.2,1)}
.ch-homepage .ch-has-topbar #wrapper-topbar{position:relative;z-index:1}
.ch-homepage .ch-hero{padding-top:calc(146px + 23px + var(--ch-topbar-height, 0px))}
.ch-homepage.ch-support-page .ch-support-main{padding-top:calc(140px + var(--ch-topbar-height, 0px))}
.ch-homepage .ch-has-topbar .ch-nav-dropdown-panel{max-height:calc(100dvh - var(--ch-header-height) - var(--ch-topbar-height, 0px) - var(--ch-admin-offset, 0px) - 24px)}
body.admin-bar .ch-homepage{--ch-admin-offset:32px}
@media(max-width:820px){
  html:has(body.canyonhost-front-page .ch-has-topbar){scroll-padding-top:calc(75px + var(--ch-topbar-height))}
  .ch-homepage .ch-hero{padding-top:calc(146px + 24px + var(--ch-topbar-height, 0px))}
  .ch-homepage.ch-support-page .ch-support-main{padding-top:calc(110px + var(--ch-topbar-height, 0px))}
  .ch-homepage .ch-has-topbar .ch-main-nav{max-height:calc(100dvh - var(--ch-header-height) - var(--ch-topbar-height, 0px) - var(--ch-admin-offset, 0px))}
}
@media(max-width:782px){body.admin-bar .ch-homepage{--ch-admin-offset:46px}}
@media(max-width:600px){
  .ch-homepage .ch-hero{padding-top:calc(116px + 18px + var(--ch-topbar-height, 0px))}
  .ch-homepage.ch-support-page .ch-support-main{padding-top:calc(95px + var(--ch-topbar-height, 0px))}
}
@media(prefers-reduced-motion:reduce){.ch-homepage .ch-has-topbar .ch-header-inner{transition:none}}