.hero{--hb-hero-color-bg-start:#f2efeb;--hb-hero-color-bg-end:#fffdfa;--hb-hero-color-title:#665f59;--hb-hero-color-text:#7a726a;--hb-hero-color-origin:#665f59;--hb-hero-container-width:87.5rem;--hb-hero-inline-space:clamp(1.25rem,4vw,4rem);--hb-hero-block-space:clamp(3rem,7vw,6rem);--hb-hero-content-width:42.5rem;--hb-hero-text-width:38.75rem;position:relative;isolation:isolate;width:100%;max-width:100%;padding:var(--hb-hero-block-space) var(--hb-hero-inline-space);overflow:hidden;background:linear-gradient( 180deg,var(--hb-hero-color-bg-start) 0%,var(--hb-hero-color-bg-end) 100% )} .hero,.hero *,.hero *::before,.hero *::after{box-sizing:border-box} .hero img,.hero svg{display:block;max-width:100%} .hero a{-webkit-tap-highlight-color:transparent} .hero::before{position:absolute;inset:0;z-index:-1;content: "";pointer-events:none;opacity:0.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.8'/%3E%3C/svg%3E")} .hero__inner{display:grid;width:100%;max-width:var(--hb-hero-container-width);margin-inline:auto;align-items:center;gap:clamp(2.25rem,5vw,4.5rem)} .hero__content,.hero__media{min-width:0} .hero__content{width:100%;max-width:var(--hb-hero-content-width)} .hero__title{max-width:100%;margin:0;color:var(--hb-hero-color-title);font-size:clamp(2.4rem,9vw,4.5rem);font-weight:300;line-height:1.02;letter-spacing:-0.035em;overflow-wrap:break-word;text-wrap:balance} .hero__text{max-width:var(--hb-hero-text-width);margin:1.4rem 0 0;color:var(--hb-hero-color-text);font-size:clamp(1.15rem,4.5vw,1.6rem);line-height:1.5;overflow-wrap:break-word;text-wrap:balance} .hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.85rem;margin-top:2rem} .hero__origin{display:flex;margin-top:1.35rem;align-items:center;gap:0.8rem} .hero__origin-icon{width:4.25rem;height:auto;flex:0 0 auto;object-fit:contain} .hero__origin-text{color:var(--hb-hero-color-origin);font-size:0.78rem;font-weight:700;letter-spacing:0.11em;line-height:1.3;text-transform:uppercase} .hero__media{display:flex;width:100%;max-width:100%;min-width:0;align-items:center;flex-direction:column;justify-content:center} .hero__slider{position:relative;width:100%;max-width:100%;aspect-ratio:16 / 9} .hero__slide{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;opacity:0;object-fit:contain;pointer-events:none;transition:opacity 1.4s ease-in-out} .hero__slide.is-active{z-index:2;opacity:1} .hero__slider-nav{position:relative;z-index:3;display:flex;margin-top:0.75rem;align-items:center;justify-content:center;gap:0.65rem} .hero__slider-dot{display:block;width:0.625rem;height:0.625rem;padding:0;cursor:pointer;background:rgb(102 95 89 / 28%);border:0;border-radius:50%;transition:background-color 200ms ease,transform 200ms ease} .hero__slider-dot:hover{background:rgb(102 95 89 / 52%)} .hero__slider-dot[aria-pressed="true"]{background:#665f59;transform:scale(1.18)} .hero__slider-dot:focus-visible{outline:0.1875rem solid #144e9e;outline-offset:0.25rem} @media (min-width:56.25rem){.hero__inner{grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr)} .hero__slider{width:110%;max-width:none} .hero__title{font-size:clamp(3.4rem,5vw,5.25rem)}} @media (max-width:34rem){.hero__actions{align-items:flex-start;flex-direction:column} .hero__actions .hb-button{width:auto} .hero__origin{margin-top:1.2rem} .hero__origin-icon{width:3.25rem}} @media (prefers-reduced-motion:reduce){.hero *,.hero *::before,.hero *::after{scroll-behavior:auto !important;transition-duration:0.001ms !important;animation-duration:0.001ms !important;animation-iteration-count:1 !important}} [data-contrast="high"] .hero{--hb-hero-color-bg-start:#000000;--hb-hero-color-bg-end:#000000;--hb-hero-color-title:#ffffff;--hb-hero-color-text:#ffffff;--hb-hero-color-origin:#ffffff} [data-contrast="high"] .hero::before{opacity:0} [data-contrast="high"] .hero__slider-dot{background:#ffffff;border:0.125rem solid #000000} [data-contrast="high"] .hero__slider-dot[aria-pressed="true"]{background:#000000;border-color:#ffffff} [data-font-size="large"] .hero{font-size:1.125rem}