/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--color-grey:#e6e6e6;--color-grey-30:oklch(from var(--color-grey) l c h / 30%);--color-grey-50:oklch(from var(--color-grey) l c h / 50%);--color-orange:hsl(25deg 95% 53%);--color-yellow:hsl(45deg 100% 51%);--color-red:hsl(0deg 72% 51%);--color-green:hsl(145deg 45% 42%);--color-green-light:oklch(from var(--color-green) calc(l + .2) c h);--color-primary:var(--color-orange);--color-secondary:var(--color-yellow);--color-text:hsl(220deg 20% 14%);--color-text-light:hsl(220deg 10% 46%);--color-light:hsl(0deg 0% 100%);--color-light-10:oklch(from var(--color-light) l c h / 10%);--color-light-80:oklch(from var(--color-light) l c h / 80%);--color-surface-warm:#faf8f5;--color-surface-warm-light:oklch(from var(--color-surface-warm) l c h / 80%);--color-dark:hsl(220deg 25% 10%);--color-dark-blue:#1a1f2a}:root{--font-base-family:"DM Sans","Helvetica","Arial",sans-serif;--font-sec-family:"Playfair Display","Georgia",serif;--font-size:1.6rem;--font-size-big:1.8rem;--font-line-height:2.6rem;--font-line-height-big:2.8rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700}:root{--flex-gap:80px;--flex-total-columns:24}:root{--grid-gap:30px}:root{--shadow-sm:0 1px 2px 0 rgba(0 0 0 / 5%);--shadow-md:0 0 5px rgb(0 0 0 / 20%);--shadow-lg:0 20px 25px -5px rgb(0 0 0 / 10%),0 8px 10px -6px rgb(0 0 0 / 10%);--btn-shadow:0 4px 6px -1px rgb(0 0 0 / 15%),0 2px 4px -2px rgb(0 0 0 / 10%);--btn-shadow-hover:0 10px 15px -3px rgb(0 0 0 / 15%),0 4px 6px -4px rgb(0 0 0 / 10%);--text-shadow:0 2px 12px rgba(0 0 0 / 50%)}.c-intro{position:relative;overflow:hidden}@media screen and (min-width:768px){.first-paragraph .c-intro{padding-top:5rem}}@media screen and (min-width:768px)and (min-width:768px){.first-paragraph .c-intro{padding-top:10rem}}@media screen and (min-width:768px)and (min-width:1150px){.first-paragraph .c-intro{padding-top:15rem}}@media screen and (min-width:768px){.first-paragraph .c-intro{padding-bottom:5rem}}@media screen and (min-width:768px)and (min-width:768px){.first-paragraph .c-intro{padding-bottom:10rem}}@media screen and (min-width:768px)and (min-width:1150px){.first-paragraph .c-intro{padding-bottom:15rem}}.c-intro .container.flex{align-items:center;position:relative;z-index:1}.c-intro--with-media .container.flex{min-height:50vh}@media screen and (min-width:768px){.c-intro__content{width:calc(14 / var(--flex-total-columns) * 100%);padding-block:10rem 0}}@media screen and (min-width:992px){.c-intro__content{width:calc(11 / var(--flex-total-columns) * 100%)}}.c-intro__media{display:none}@media screen and (min-width:768px){.c-intro__media{display:block;position:absolute;inset:0;background-size:50%;background-position:top -20px right 10%;background-repeat:no-repeat;width:100%}.first-paragraph .c-intro__media{top:20%}}@media screen and (min-width:1600px){.c-intro__media{background-size:contain}}.c-intro__button{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}@media screen and (min-width:768px){.c-intro__button{display:inline-flex;flex-wrap:nowrap;justify-content:flex-start}}.c-intro__button .btn--type-secondary{--btn-background:var(--color-light-80)}
:root{--color-grey:#e6e6e6;--color-grey-30:oklch(from var(--color-grey) l c h / 30%);--color-grey-50:oklch(from var(--color-grey) l c h / 50%);--color-orange:hsl(25deg 95% 53%);--color-yellow:hsl(45deg 100% 51%);--color-red:hsl(0deg 72% 51%);--color-green:hsl(145deg 45% 42%);--color-green-light:oklch(from var(--color-green) calc(l + .2) c h);--color-primary:var(--color-orange);--color-secondary:var(--color-yellow);--color-text:hsl(220deg 20% 14%);--color-text-light:hsl(220deg 10% 46%);--color-light:hsl(0deg 0% 100%);--color-light-10:oklch(from var(--color-light) l c h / 10%);--color-light-80:oklch(from var(--color-light) l c h / 80%);--color-surface-warm:#faf8f5;--color-surface-warm-light:oklch(from var(--color-surface-warm) l c h / 80%);--color-dark:hsl(220deg 25% 10%);--color-dark-blue:#1a1f2a}:root{--font-base-family:"DM Sans","Helvetica","Arial",sans-serif;--font-sec-family:"Playfair Display","Georgia",serif;--font-size:1.6rem;--font-size-big:1.8rem;--font-line-height:2.6rem;--font-line-height-big:2.8rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700}:root{--flex-gap:80px;--flex-total-columns:24}:root{--grid-gap:30px}:root{--shadow-sm:0 1px 2px 0 rgba(0 0 0 / 5%);--shadow-md:0 0 5px rgb(0 0 0 / 20%);--shadow-lg:0 20px 25px -5px rgb(0 0 0 / 10%),0 8px 10px -6px rgb(0 0 0 / 10%);--btn-shadow:0 4px 6px -1px rgb(0 0 0 / 15%),0 2px 4px -2px rgb(0 0 0 / 10%);--btn-shadow-hover:0 10px 15px -3px rgb(0 0 0 / 15%),0 4px 6px -4px rgb(0 0 0 / 10%);--text-shadow:0 2px 12px rgba(0 0 0 / 50%)}.c-section-header{margin-top:4rem;margin-bottom:6rem}.c-section-header--align-center{text-align:center;align-items:center}.c-section-header--align-left{text-align:left}.c-section-header__pretitle{display:block;margin-bottom:2rem}.c-section-header__text{color:var(--color-text-light);max-width:60%;margin:auto;text-wrap:auto}
.c-teaser{width:100%;background:#fff;border:1px solid var(--color-grey-50);border-radius:1.5rem;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease;padding:2rem}.c-teaser img{transform:scale(1);transition:all .3s ease}.c-teaser:hover{box-shadow:var(--shadow-lg)}.c-teaser:hover .btn-type-arrow:after{transform:translate(.3rem)}.c-teaser:hover img{transform:scale(1.05)}.c-teaser:hover .c-teaser__title:after{background-color:var(--color-primary)}.c-teaser__content{padding-top:4rem}.c-teaser__title{position:relative;color:var(--color-dark)}.c-teaser__title:after{content:"";-webkit-mask:url(/themes/custom/studioeleventheme/img/icon-arrow.svg) no-repeat center center;mask:url(/themes/custom/studioeleventheme/img/icon-arrow.svg) no-repeat center center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--color-light);width:1.6rem;height:1.6rem;display:block;transition:all .2s ease;position:absolute;right:0;top:0}.c-teaser__text{color:var(--color-text-light);font-size:1.4rem}
