.about-new-hero-banner{border-block-end:7px solid var(--figma-color-cream);min-height:100vh;color:var(--figma-color-cream);position:relative;overflow:hidden}.about-new-hero-banner:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(#00000059,#00000040);position:absolute;inset:0}.about-new-hero-banner__slides{z-index:0;position:absolute;inset:0}.about-new-hero-banner__slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.8s;position:absolute;inset:0}.about-new-hero-banner__slide--active{opacity:1}.about-new-hero-banner__arrow{z-index:2;width:44px;height:44px;color:var(--figma-color-cream);cursor:pointer;opacity:.55;background:#0000001f;border:1px solid #f5f1eb59;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s,background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.about-new-hero-banner__arrow:hover,.about-new-hero-banner__arrow:focus-visible{opacity:1;background:#00000047}.about-new-hero-banner__arrow svg{width:18px;height:18px}.about-new-hero-banner__arrow--prev{left:24px}.about-new-hero-banner__arrow--next{right:24px}.about-new-hero-banner__inner{z-index:1;min-height:100vh;padding-block:var(--hero-inset);justify-content:center;align-items:center;display:flex;position:relative}.about-new-hero-banner__content{width:min(100%,690px);color:var(--figma-color-cream);text-align:center;opacity:1;flex-direction:column;align-items:center;transition:opacity 1.5s;display:flex}.about-new-hero-banner__content--fade-out{opacity:0}.about-new-hero-banner__title{color:var(--figma-color-cream);font-family:var(--font-lora);font-size:var(--hero-title-size);letter-spacing:0;max-width:100%;margin:0;font-style:italic;font-weight:400;line-height:1}@media (max-width:768px){.about-new-hero-banner,.about-new-hero-banner__inner{min-height:680px}.about-new-hero-banner__inner{padding-block:var(--hero-inset)}.about-new-hero-banner__content{width:min(100%,360px)}.about-new-hero-banner__title{font-size:var(--hero-title-size-mobile)}.about-new-hero-banner__arrow{width:36px;height:36px}.about-new-hero-banner__arrow--prev{left:12px}.about-new-hero-banner__arrow--next{right:12px}}