@layer reset,base,layout,utils,components;@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}[role=list]{list-style:none;margin:0;padding:0}body{min-block-size:100vh;line-height:1.6}h1,h2,h3,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}p,li{text-wrap:pretty}img,picture{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}}@layer base{:root{--clr-white: hsl(0 0% 100%);--clr-black: hsl(0 0% 0%);--clr-blue-100: hsl(247 54% 90%);--clr-blue-200: hsl(247 54% 80%);--clr-blue-300: hsl(247 54% 70%);--clr-blue-400: hsl(247 54% 50%);--clr-blue-500: hsl(247 54% 33%);--clr-blue-600: hsl(247 54% 25%);--clr-blue-700: hsl(247 54% 20%);--clr-neutral-100: hsl(0 0% 97%);--clr-neutral-200: hsl(0 0% 90%);--clr-neutral-300: hsl(0 0% 80%);--clr-neutral-400: hsl(0 0% 70%);--clr-neutral-500: hsl(0 0% 60%);--clr-neutral-600: hsl(0 0% 40%);--clr-neutral-700: hsl(0 0% 30%);--clr-neutral-800: hsl(0 0% 20%);--clr-neutral-900: hsl(0 0% 10%);--clr-yellow-700: hsl(41 57% 64%);--clr-red-700: hsl(0 70% 38%);--background-color-main: var(--clr-neutral-100);--background-color-accent: var(--clr-blue-500);--background-color-hover: var(--clr-yellow-700);--background-color-white: var(--clr-white);--text-color-regular: var(--clr-black);--text-color-accent: var(--clr-blue-500);--text-color-inverse: var(--clr-white);--text-color-hover: var(--clr-yellow-700);--text-color-error: var(--clr-red-700);--border-color-regular: var(--clr-blue-500);--border-color-white: var(--clr-white);--fs-300: clamp(.875rem, .8vw, 1rem);--fs-400: clamp(1rem, 1vw, 1.125rem);--fs-500: clamp(1.125rem, 1.5vw, 1.25rem);--fs-600: clamp(1.25rem, 2vw, 1.5rem);--fs-700: clamp(1.5rem, 2.5vw, 1.75rem);--fs-800: clamp(1.75rem, 3vw, 2.25rem);--fs-900: clamp(2rem, 4vw, 3rem);--fs-1000: clamp(2.5rem, 6vw, 4.5rem);--ff-heading: Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif;--ff-body: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;--font-size-heading-sm: var(--fs-700);--font-size-heading-regular: var(--fs-800);--font-size-heading-lg: var(--fs-900);--font-size-heading-xl: var(--fs-1000);--font-size-sm: var(--fs-300);--font-size-regular: var(--fs-400);--font-size-md: var(--fs-500);--font-size-lg: var(--fs-600);--border-radius-1: .25rem;--border-radius-2: .5rem;--border-radius-3: .75rem;--transition-fast: .15s ease-in-out;--transition-medium: .3s ease-in-out;--transition-slow: .5s ease-in-out;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 3px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--space-xs: 2px;--space-sm: 1rem;--space-md: 2rem;--space-lg: 5rem;--nav-height: 150px}}@layer base{@view-transition{navigation: auto;}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}html{scroll-padding:2rem}}@layer base{body{font-family:var(--ff-body);font-size:var(--font-size-regular);color:var(--text-color-regular);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--ff-header);font-weight:700;line-height:1.2}a{color:var(--text-color-accent)}a:focus-visible{outline:3px solid var(--text-color-accent);outline-offset:3px}}@layer layout{:root{--wrapper-sm-max-width: 720px;--wrapper-md-max-width: 1130px;--wrapper-lg-max-width: 1330px;--wrapper-padding: 1rem}.wrapper{box-sizing:content-box;max-width:var(--wrapper-md-max-width);padding-inline:var(--wrapper-padding);margin-inline:auto;&[data-width=narrow]{max-width:var(--wrapper-sm-max-width)}&[data-width=wide]{max-width:var(--wrapper-lg-max-width)}&[data-border]{position:relative;&:before{display:block;content:"";position:absolute;top:0;right:var(--wrapper-padding);left:var(--wrapper-padding);border-top:1px solid var(--border-color-regular)}}&[data-border=white]{&:before{border-top:1px solid var(--border-color-white)}}}.grid-wrapper{display:grid;grid-template-columns:[start] 1fr [content-start] min(calc(100vw - 2 * var(--wrapper-padding)),var(--wrapper-md-max-width)) [content-end] 1fr [end];&[data-width=narrow]{grid-template-columns:[start] 1fr [content-start] min(calc(100vw - 2 * var(--wrapper-padding)),var(--wrapper-sm-max-width)) [content-end] 1fr [end]}&[data-width=wide]{grid-template-columns:[start] 1fr [content-start] min(calc(100vw - 2 * var(--wrapper-padding)),var(--wrapper-lg-max-width)) [content-end] 1fr [end]}}.wrapper-left-pad{padding-left:max(var(--wrapper-padding),calc((100vw - var(--wrapper-md-max-width)) / 2));&[data-width=narrow]{padding-left:max(var(--wrapper-padding),calc((100vw - var(--wrapper-sm-max-width)) / 2))}&[data-width=wide]{padding-left:max(var(--wrapper-padding),calc((100vw - var(--wrapper-lg-max-width)) / 2))}}.text-wrapper{--text-wrapper-max-width: 970px;max-width:var(--text-wrapper-max-width);&[data-width=narrow]{--text-wrapper-max-width: 830px}&[data-width=wide]{--text-wrapper-max-width: 1130px}&[data-center=true]{margin-inline:auto}}}@layer layout{.section{padding-block:var(--space-lg);background-color:var(--background-color-main);&[data-background=none]{background-color:unset}&[data-background=white]{background-color:var(--background-color-white)}@media (width < 768px){padding-block:var(--space-md)}&:has(+.section){padding-block-end:var(--space-xs)}}.section__heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);padding-bottom:var(--space-md)}.section__title-container{display:flex;flex-direction:column;justify-content:space-around}.section__title{color:var(--text-color-accent);font-size:var(--font-size-heading-regular);padding-block-end:var(--space-md);&:has(+.section__subtitle){padding-block-end:var(--space-sm)}&:is(h1){font-size:var(--font-size-heading-lg)}}}@layer layout{.text-container{--text-container-max-width: 830px;max-width:var(--text-container-max-width)}}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@layer components{.form-field{width:100%}.form-field label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-md);font-weight:500;color:var(--text-color-primary);padding-block-end:var(--space-xs)}.form-field input,.form-field textarea{width:100%;border:1px solid var(--border-color-regular);border-radius:0;background-color:var(--background-color-white);font-size:var(--font-size-md);line-height:2;padding-inline:var(--space-sm)}.form-field textarea{resize:vertical;min-height:100px}.form-field input:focus,.form-field textarea:focus{outline:2px solid var(--border-color-regular)}}@layer components{.wysiwyg{font-family:var(--ff-body);font-size:var(--font-size-regular);line-height:1.6;color:var(--text-color-regular)}.wysiwyg h1{font-family:var(--ff-heading);font-size:var(--font-size-heading-lg);margin-bottom:var(--space-md);color:var(--text-color-accent);line-height:1.2}.wysiwyg h2{font-family:var(--ff-heading);font-size:var(--font-size-heading-regular);margin-top:var(--space-md);margin-bottom:var(--space-sm);color:var(--text-color-accent);line-height:1.3}.wysiwyg h3{font-family:var(--ff-heading);font-size:var(--font-size-heading-sm);margin-top:var(--space-md);margin-bottom:var(--space-sm);color:var(--text-color-accent);line-height:1.4}.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{font-family:var(--ff-heading);font-size:var(--font-size-lg);margin-top:var(--space-sm);margin-bottom:var(--space-sm);color:var(--text-color-accent)}.wysiwyg p{margin-bottom:var(--space-sm)}.wysiwyg p:last-child{margin-bottom:0}.wysiwyg ul,.wysiwyg ol{margin-bottom:var(--space-sm);padding-left:1.5em}.wysiwyg li{margin-bottom:.5em}.wysiwyg ul li{list-style-type:disc}.wysiwyg ol li{list-style-type:decimal}.wysiwyg ul ul,.wysiwyg ol ol,.wysiwyg ul ol,.wysiwyg ol ul{margin-top:.5em;margin-bottom:.5em}.wysiwyg a{color:var(--text-color-accent);text-decoration:underline;transition:color var(--transition-fast)}.wysiwyg a:hover{color:var(--text-color-hover)}.wysiwyg blockquote{border-left:4px solid var(--border-color-regular);padding-left:var(--space-sm);margin-left:0;margin-right:0;margin-bottom:var(--space-sm);font-style:italic;color:var(--clr-neutral-700)}.wysiwyg pre{background-color:var(--clr-neutral-100);padding:var(--space-sm);border-radius:var(--border-radius-1);overflow-x:auto;margin-bottom:var(--space-sm);font-family:monospace;font-size:.9em}.wysiwyg code{font-family:monospace;background-color:var(--clr-neutral-100);padding:.2em .4em;border-radius:var(--border-radius-1);font-size:.9em}.wysiwyg table{width:100%;border-collapse:collapse;margin-bottom:var(--space-sm)}.wysiwyg th{background-color:var(--clr-neutral-100);font-weight:700;text-align:left;padding:.75em;border:1px solid var(--clr-neutral-300)}.wysiwyg td{padding:.75em;border:1px solid var(--clr-neutral-300)}.wysiwyg tr:nth-child(2n){background-color:var(--clr-neutral-100)}.wysiwyg img{max-width:100%;height:auto;margin-bottom:var(--space-sm)}.wysiwyg hr{border:0;height:1px;background-color:var(--clr-neutral-300);margin:var(--space-md) 0}}:root{--burger-line-color: var(--background-color-accent);--burger-line-width: 35px;--burger-line-thickness: 4px;--burger-line-padding: 10px}@layer components{body:has(.header__nav[data-open=true]){overflow:hidden;height:100dvh}.header{display:flex;align-items:center;justify-content:space-between;width:100%}body:has(.hero){.header{position:absolute}}.header__logo{position:relative;z-index:2}.header__nav-hamburger{z-index:2;display:block;height:calc(var(--burger-line-width) + var(--burger-line-padding) * 2);width:calc(var(--burger-line-width) + var(--burger-line-padding) * 2);background-color:transparent;border:none;position:relative;color:transparent;cursor:pointer;overflow:hidden;.line{position:absolute;display:block;width:var(--burger-line-width);height:var(--burger-line-thickness);background-color:var(--burger-line-color);left:var(--burger-line-padding);transform-origin:left center;@media (prefers-reduced-motion: no-preference){transition:all .3s ease-in-out}&:first-of-type{top:calc(var(--burger-line-padding) + var(--burger-line-thickness))}&:nth-of-type(2){top:calc(50% - var(--burger-line-thickness) / 2)}&:last-of-type{bottom:calc(var(--burger-line-padding) + var(--burger-line-thickness))}}&[aria-expanded=true]{.line{background-color:var(--background-color-hover);&:first-of-type{transform:rotate(45deg);top:calc(var(--burger-line-padding) + (var(--burger-line-width) - var(--burger-line-width) / sqrt(2)) / 2 - var(--burger-line-thickness) / 2);left:calc(var(--burger-line-padding) + (var(--burger-line-width) - var(--burger-line-width) / sqrt(2)) / 2)}&:nth-of-type(2){opacity:0}&:last-of-type{bottom:calc(var(--burger-line-padding) + (var(--burger-line-width) - var(--burger-line-width) / sqrt(2)) / 2 - var(--burger-line-thickness) / 2);left:calc(var(--burger-line-padding) + (var(--burger-line-width) - var(--burger-line-width) / sqrt(2)) / 2);transform:rotate(-45deg)}}}@media (width > 1050px){display:none}}body:has(.hero){.header__nav-hamburger{--burger-line-color: var(--background-color-white)}}.header__nav{@media (width <= 1050px){position:fixed;inset:0;display:none;gap:var(--space-xs);padding:var(--space-xs);background-color:var(--background-color-white);flex-direction:column;opacity:0;&:where([data-open=true]){display:flex;padding-top:var(--nav-height);overflow-y:auto;opacity:1;z-index:1}}@media (width > 1050px){display:flex;background-color:var(--background-color-accent);right:var(--space-md);position:absolute;gap:var(--space-xs);padding:var(--space-xs)}.header__nav-item{color:var(--text-color-regular);text-decoration:none;padding:var(--space-sm);text-align:center;border:none;transition:background-color var(--transition-fast) ease-in-out;@media (width > 1050px){background-color:var(--background-color-accent);color:var(--text-color-inverse)}&:focus-visible,&:hover,&[data-active=true]{outline:none;color:var(--text-color-hover);@media (width > 1050px){background-color:var(--background-color-hover);color:var(--text-color-inverse)}}}.header__nav-dropdown{&:has([data-active=true]) .header__nav-dropdown-control{background-color:var(--background-color-hover);color:var(--text-color-accent)}}.header__nav-dropdown-control{display:none;@media (width > 1050px){display:block}}.header__nav-dropdown-menu{display:flex;position:relative;z-index:2;margin:0;padding:0;border:none;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs);background-color:transparent;width:100%;overscroll-behavior:contain;@media (width > 1050px){display:none;position:absolute;translate:-100%;width:max-content;background-color:var(--background-color-accent);&:popover-open{display:flex}}}}}.info-section__grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:var(--space-md);@media (width < 1200px){grid-template-columns:repeat(2,1fr)}@media (width < 640px){grid-template-columns:1fr}}.info-section-item{display:grid;grid-template-rows:subgrid;grid-row:span 3;padding-block:var(--space-md)}.info-section-item__image{grid-row:1 / 2;display:block;width:calc(100% - var(--space-md) * 2);max-width:180px;height:auto;margin-inline:auto}.info-section-item__title{font-size:var(--font-size-heading-sm);color:var(--text-color-accent);grid-row:2 / 3;text-align:center;padding-block-end:var(--space-sm)}.info-section-item__content{grid-row:3 / 4;text-align:center;display:flex;flex-direction:column;gap:var(--space-xs)}.social-icon{display:block;text-decoration:none;width:40px;height:40px}.social-icon__image{display:block;width:100%;height:100%}.footer{background-color:var(--background-color-main)}.map-section{width:100%;height:250px;overflow:hidden}.general-contact{text-align:center;margin-bottom:2rem}.footer-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;padding-block:var(--space-md) var(--space-sm);align-items:center;gap:1rem;grid-template-areas:"copyright social legal";@media (width < 640px){grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"social social" "copyright legal"}@media (width < 480px){grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"social" "legal" "copyright"}}.footer-bottom__copyright{grid-area:copyright;@media (width < 480px){text-align:center}}.footer-bottom__social{grid-area:social;display:flex;justify-content:center;gap:var(--space-sm)}.footer-bottom__legal{grid-area:legal;text-align:right;@media (width < 480px){text-align:center}}
