1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8551],{8551:function(e,t,l){l.r(t),l.d(t,{default:function(){return d}});var i=l(85893),r=l(67294),n=l(55915),a=l(24435),o=l(77029),s=l(95364);function d(e){let{title:t,description:l,image:d,anchor_menu:c,settings:u}=e,h=!!(null==c?void 0:c.length),x=(null==u?void 0:u.wrap_content)!==!1,f=(0,r.useRef)(null),m=(0,r.useRef)(null),[p,v]=(0,r.useState)(!1),[w,g]=(0,r.useState)(0),b=(e,t)=>{if(!t)return;e.preventDefault();let l=window.matchMedia("(prefers-reduced-motion: reduce)").matches,i=document.getElementById(t);if(i){var r,n;let e=null!==(n=null===(r=m.current)||void 0===r?void 0:r.offsetHeight)&&void 0!==n?n:0,a=i.getBoundingClientRect().top+window.scrollY-e;window.scrollTo({top:Math.max(a,0),behavior:l?"auto":"smooth"}),window.history.replaceState(null,"","#".concat(t))}};if((0,r.useEffect)(()=>{if(!h)return;let e=document.querySelector("[data-filters-section]")||f.current;if(!e)return;let t=new IntersectionObserver(e=>{let[t]=e;v(t.boundingClientRect.bottom<=0)},{threshold:[0,1],rootMargin:"0px 0px 0px 0px"});return t.observe(e),()=>t.disconnect()},[h]),(0,r.useEffect)(()=>{let e=()=>{var e,t;let l=document.querySelector("[data-breadcrumbs]"),i=null==l?void 0:l.parentElement;g(l?(null!==(e=null==i?void 0:i.getBoundingClientRect().height)&&void 0!==e?e:0)+(null!==(t=null==l?void 0:l.getBoundingClientRect().height)&&void 0!==t?t:0)+4:0)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),!t&&!l&&!d&&!h)return null;let j=t?"hero-title":void 0;return(0,i.jsx)("section",{className:"bg-white relative","aria-labelledby":j,"aria-describedby":l?"hero-description":void 0,children:(0,i.jsx)(n.default,{fullWidth:!x,children:(0,i.jsxs)("div",{className:"w-full flex flex-col gap-6 ".concat(0===w?"pt-20":"pt-8"),children:[(0,i.jsx)("div",{className:"relative flex flex-col",children:(0,i.jsxs)("div",{className:"flex flex-col gap-6",children:[t&&(0,i.jsx)("h1",{id:j,className:"text-4xl leading-tight md:text-5xl max-w-[18ch] z-10",children:t}),l&&(0,i.jsx)("p",{id:"hero-description",className:"whitespace-pre-line text-md font-light md:text-lg max-w-[72ch] z-10",children:l})]})}),h&&(0,i.jsxs)("div",{className:x?"py-4 -mx-4 md:mx-0 ":"py-4",children:[d&&(0,i.jsx)("div",{className:"absolute hidden lg:block right-0 w-72 md:w-[560px] aspect-[16/9] overflow-hidden rounded-2xl",style:{top:-w},children:(0,i.jsx)(a.Z,{image:d,objectFit:o.ll.COVER,className:"w-full h-full",imageClassName:"object-cover object-right-top",alternativeText:null==d?void 0:d.alternativeText,priority:!0})}),(0,i.jsx)("div",{ref:f,"aria-hidden":!0,className:"h-px w-full"}),(0,i.jsx)("nav",{"aria-label":"Hero anchor menu",ref:m,className:"".concat(p?"fixed top-0 py-4 z-30 w-full border border-b border-black bg-white/95 flex items-center justify-start lg:justify-center backdrop-blur left-0 shadow-sm":"relative lg:w-full"," flex flex-nowrap gap-3 overflow-x-auto lg:flex-wrap lg:overflow-visible w-auto transition-all duration-150 ").concat(x?"px-4 md:px-0":"px-4"),children:null==c?void 0:c.map(e=>(0,i.jsx)(s.z,{asChild:!0,variant:e.background_color||"default",className:"shrink-0 text-sm lg:text-base px-[24px]",children:(0,i.jsx)("a",{href:"#".concat(e.css_id),onClick:t=>b(t,e.css_id),"aria-label":e.title,children:e.title})},e.id))})]})]})})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.