/* Critical above-the-fold CSS: hero, nav, body layout. Keep in sync with main.css when hero/nav change. */
*,::before,::after{box-sizing:border-box}
html{-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.container{width:100%}
@media (min-width:640px){.container{max-width:640px}}
@media (min-width:768px){.container{max-width:768px}}
@media (min-width:1024px){.container{max-width:1024px}}
@media (min-width:1280px){.container{max-width:1280px}}
@media (min-width:1536px){.container{max-width:1536px}}
.absolute{position:absolute}
.relative{position:relative}
.inset-0{top:0;right:0;bottom:0;left:0}
.z-0{z-index:0}
.z-20{z-index:20}
.mx-auto{margin-left:auto;margin-right:auto}
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-row{flex-direction:row}
.h-full{height:100%}
.w-full{width:100%}
.h-\[600px\]{height:600px}
.max-h-\[740px\]{max-height:740px}
.overflow-hidden{overflow:hidden}
.overflow-x-hidden{overflow-x:hidden}
.object-cover{object-fit:cover}
.items-center{align-items:center}
.justify-start{justify-content:flex-start}
.gap-4{gap:1rem}
.gap-7{gap:1.75rem}
.gap-2{gap:0.5rem}
.mt-12{margin-top:3rem}
.mt-10{margin-top:2.5rem}
.mb-4{margin-bottom:1rem}
.mr-4{margin-right:1rem}
.ml-4{margin-left:1rem}
.mt-3{margin-top:0.75rem}
.mt-3\.5{margin-top:0.875rem}
.p-5{padding:1.25rem}
.p-3{padding:0.75rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.pl-11{padding-left:2.75rem}
.pb-2{padding-bottom:0.5rem}
.px-4{padding-left:1rem;padding-right:1rem}
.rounded-xl{border-radius:0.75rem}
.rounded-sm{border-radius:0.125rem}
.rounded-br-\[50px\]{border-bottom-right-radius:50px}
.rounded-br-\[100px\]{border-bottom-right-radius:100px}
.rounded-\[10px\]{border-radius:10px}
.border{border-width:1px}
.border-2{border-width:2px}
.border-brandtext{border-color:var(--brandtext)}
.border-brandfilters{border-color:var(--brandfilters)}
.bg-white{background-color:rgba(255,255,255,var(--tw-bg-opacity,1))}
.text-white{color:rgba(255,255,255,var(--tw-text-opacity,1))}
.text-center{text-align:center}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.text-7xl{font-size:4.5rem;line-height:1}
.font-sans{font-family:filson-pro,sans-serif}
.leading-snug{line-height:1.375}
.text-brandtext{color:var(--brandtext)}
.text-brandsecondary{color:var(--brandsecondary)}
.max-w-2xl{max-width:42rem}
.inline-block{display:inline-block}
.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.duration-150{transition-duration:150ms}
.ease-in-out{transition-timing-function:cubic-bezier(0.4,0,0.2,1)}
.hero-home{position:relative;height:100%;width:100%;padding-bottom:13rem}
@media (min-width:768px){.hero-home{padding-bottom:15rem}}
.compananny-corporate .hero-home{padding-bottom:11rem}
@media (min-width:768px){.compananny-corporate .hero-home{padding-bottom:11rem}}
@media (min-width:1024px){.compananny-corporate .hero-home{padding-bottom:7rem}}
@media (min-width:1280px){.compananny-corporate .hero-home{padding-bottom:10rem}}
.compananny-corporate .checkbox-wrapper{display:block;position:relative;cursor:pointer;user-select:none}
.compananny-corporate .checkbox-wrapper p,.compananny-corporate .checkbox-wrapper span.font-sans{font-size:16px;line-height:19px;font-weight:700;padding-left:28px}
.compananny-corporate .checkbox-wrapper input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.compananny-corporate .checkmark{position:absolute;height:18px;width:18px;background-color:#fff}
.compananny-corporate .checkbox-wrapper:hover input~.checkmark{background-color:#eee}
.compananny-corporate .checkbox-wrapper input:checked~.checkmark{background-color:#fff}
.compananny-corporate .checkmark:after{content:"";position:absolute;display:none}
.compananny-corporate .checkbox-wrapper input:checked~.checkmark:after{display:block}
.compananny-corporate .checkbox-wrapper .checkmark:after{left:4px;top:0;width:6px;height:11px;border:solid var(--brandtext);border-width:0 3px 3px 0;transform:rotate(45deg)}
.button-primary,.button-orange{display:block;border-radius:10px;background-color:var(--brandsecondary);padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1.5rem;padding-right:1.5rem;color:rgba(255,255,255,var(--tw-text-opacity,1));transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.button-primary:hover,.button-orange:hover{background-color:var(--brandsecondaryhover)}
@media (min-width:768px){.md\:block{display:block}.md\:text-5xl{font-size:3rem;line-height:1}.md\:mt-20{margin-top:5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:rounded-br-\[100px\]{border-bottom-right-radius:100px}}
@media (min-width:1024px){.lg\:mt-28{margin-top:7rem}.lg\:flex-row{flex-direction:row}.lg\:pb-7{padding-bottom:1.75rem}}
@media (min-width:640px){.sm\:p-7{padding:1.75rem}.sm\:gap-2{gap:0.5rem}.sm\:justify-start{justify-content:flex-start}.sm\:w-auto{width:auto}}
.placeholder-brandsecondary::-moz-placeholder{color:var(--brandsecondary)}
.placeholder-brandsecondary:-ms-input-placeholder{color:var(--brandsecondary)}
.placeholder-brandsecondary::placeholder{color:var(--brandsecondary)}
.mr-0{margin-right:0}
.mt-0{margin-top:0}