.hero-banner-full-width{align-items:center;background-position:50%;background-size:cover;display:grid;grid-template-columns:10vw auto 10vw;min-height:50vh;padding-bottom:1rem;width:100vw}.hero-banner-full-width .hero-text{grid-column-start:2;max-width:70%}:is(.hero-banner-full-width,.hero-banner-standard) :is(.hero-text h1){font-family:AkagiPro-Thin}.hero-banner-full-width a.button-cta{align-items:center;display:inline-flex;flex-direction:row;gap:.5rem;padding:.5rem 1rem;text-decoration:none;width:fit-content}.hero-text h1,.hero-text p{text-align:left}.hero-text p{color:var(--white);font-family:AkagiPro-Book;font-size:1rem}.hero-text ul.cta-buttons{gap:1rem;list-style-type:none;margin:0;padding:0}.hero-text ul.cta-buttons,.hero-text ul.cta-buttons li a.button-cta{display:flex;flex-direction:row}.hero-text ul.cta-buttons li a.button-cta div{display:block;overflow:hidden;white-space:nowrap}ul.tags{display:flex;flex-direction:row;gap:.5rem;margin-top:1rem;padding-left:12vw}ul.tags li a{color:var(--white);font-style:italic;text-decoration:none}ul.tags li a:hover{text-decoration:underline}ul.tags li a:before{color:var(--white);content:"#";display:inline-block}.hero-banner-standard+ul.tags{padding-left:0}@media (max-width:1024px){.hero-banner-full-width{min-height:30vh}.hero-banner-full-width .hero-text{max-width:100vw}.hero-banner-standard{width:90vw}}@media (max-width:920px){.hero-text ul.cta-buttons,ul.tags{flex-wrap:wrap}ul.tags{margin-top:1rem}}@media (max-width:640px){.hero-banner-full-width .hero-text{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;text-align:center}.hero-text ul.cta-buttons{align-items:center}}.hero-banner-only-image{align-items:center;display:flex;max-height:400px;overflow:hidden;width:calc(var(--col-5)/4*4 - 10%)}.hero-banner-only-image img{aspect-ratio:16/9;object-fit:cover;width:100%}.standard-content .hero-banner-standard{width:var(--col-3)}.standard-content .hero-banner-full-width{margin-left:-10vw}.standard-content ul.tags{padding-left:0}@media (max-width:1024px){.standard-content .hero-banner-standard{width:calc(var(--col-5) - 10vw)}.standard-content .hero-banner-full-width{grid-template-columns:10vw auto 10vw;margin-left:-10vw}}@media (max-width:640px){.standard-content ul.tags{margin:0 10vw 0 0}}@media (max-width:320px){.hero-text h1{font-size:11vw}}