:root{--font-ui: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;--font-text: Optima, Candara, "Noto Sans", source-sans-pro, sans-serif;--grey-darkest-color: 218 10% 16%;--grey-darkest: hsl(var(--grey-darkest-color));--grey-dark-color: 221 10% 32%;--grey-dark: hsl(var(--grey-dark-color));--grey-color: 222 12% 52%;--grey: hsl(var(--grey-color));--grey-light-color: 220 14% 73%;--grey-light: hsl(var(--grey-light-color));--grey-lightest-color: 220 4% 87%;--grey-lightest: hsl(var(--grey-lightest-color));--grey-background-color: 218 14% 97%;--grey-background: hsl(var(--grey-background-color));--green-accent-color: 126 100% 33%;--green-accent: hsl(var(--green-accent-color));--teal-accent-color: 184 70% 43%;--teal-accent: hsl(var(--teal-accent-color));--purple-dark-accent-color: 273 70% 33%;--purple-dark-accent: hsl(var(--purple-dark-accent-color));--purple-accent-color: 273 70% 43%;--purple-accent: hsl(var(--purple-accent-color));--blue-accent-color: 212 100% 33%;--blue-accent: hsl(var(--blue-accent-color));--accent-dark-color: var(--purple-dark-accent-color);--accent-dark: hsl(var(--accent-dark-color));--accent-color: var(--purple-accent-color);--accent: hsl(var(--accent-color));--background-color: var(--grey-background-color);--background: var(--grey-background);--background-light-color: 0deg 0% 100%;--background-light: hsl(var(--background-light-color));--text-light-color: var(--grey-dark-color);--text-light: hsl(var(--text-light-color));--text-color: var(--grey-darkest-color);--text: var(--grey-darkest);--base-size: 4px;--size-1: 4px;--size-2: 8px;--size-3: 12px;--size-4: 16px;--size-5: 20px;--size-6: 24px;--size-7: 28px;--size-8: 32px;--size-9: 36px;--size-10: 40px;--size-11: 44px;--size-12: 48px;--size-13: 52px;--size-14: 56px;--size-15: 60px;--size-16: 64px;--size-17: 68px;--size-20: 80px;--size-24: 96px;--size-28: 112px;--size-32: 128px;--size-36: 144px;--size-40: 160px;--size-48: 192px;--size-64: 256px;--content-area: 960px;--shadow-color: 211 20% 30%;--shadow: hsl(var(--shadow-color) / 0.2);--text-xs: 0.75rem;--text-sm: 0.875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 5rem;--shadow-hidden: 0 0 0 0 var(--shadow);--shadow-xs: 0 1px 2px 0 var(--shadow);--shadow-sm: 0 1px 4px 0 var(--shadow);--shadow-md: 0 2px 8px 0 var(--shadow);--shadow-lg: 0 4px 16px 0 var(--shadow);--shadow-xl: 0 8px 32px 0 var(--shadow);--shadow-2xl: 0 16px 64px 0 var(--shadow);--desktop: 1060px;--tablet: 760px;--phone: 480px}.bg{background-color:var(--background)}.bg-grey-lightest{background-color:var(--grey-lightest)}.bg-grey-light{background-color:var(--grey-light)}.bg-grey{background-color:var(--grey)}.bg-grey-dark{background-color:var(--grey-dark)}.bg-grey-darkest{background-color:var(--grey-darkest)}.bg-accent-light{background-color:hsl(var(--accent-color)/0.1)}.light-label{color:var(--text-light);text-transform:uppercase;font-size:.875rem}.text-light{color:var(--text-light)}.text-center{text-align:center}.text-balance{text-wrap:balance}.text-accent{color:var(--accent)}.p-block-xs{padding-block:var(--size-1)}.p-block-0{padding-block:0}.p-block-sm{padding-block:var(--size-2)}.p-block-md{padding-block:var(--size-4)}.p-block-lg{padding-block:var(--size-8)}.p-block-xl{padding-block:var(--size-16)}.p-inline-xs{padding-inline:var(--size-1)}.p-inline-sm{padding-inline:var(--size-2)}.p-inline-md{padding-inline:var(--size-4)}.p-inline-lg{padding-inline:var(--size-8)}.p-inline-xl{padding-inline:var(--size-16)}.p-xs{padding:var(--size-1)}.p-sm{padding:var(--size-2)}.p-md{padding:var(--size-4)}.p-lg{padding:var(--size-8)}.p-xl{padding:var(--size-16)}.m-block-0{margin-block:0}.m-block-xs{margin-block:var(--size-1)}.m-block-sm{margin-block:var(--size-2)}.m-block-md{margin-block:var(--size-4)}.m-block-lg{margin-block:var(--size-8)}.m-block-xl{margin-block:var(--size-16)}.m-inline-xs{margin-inline:var(--size-1)}.m-inline-sm{margin-inline:var(--size-2)}.m-inline-md{margin-inline:var(--size-4)}.m-inline-lg{margin-inline:var(--size-8)}.m-inline-xl{margin-inline:var(--size-16)}.m-xs{margin:var(--size-1)}.m-sm{margin:var(--size-2)}.m-md{margin:var(--size-4)}.m-lg{margin:var(--size-8)}.m-xl{margin:var(--size-16)}.title-2xl{font-size:clamp(2.25rem,2vw,3rem);font-weight:400;line-height:1.2;letter-spacing:-0.05em}.title-xl{font-size:clamp(2rem,2vw,2.5rem);text-wrap:balance;font-weight:400;line-height:1.2;letter-spacing:-0.05em}.title-lg{font-size:clamp(1.8rem,2vw,2rem);font-weight:400;line-height:1.2;letter-spacing:-0.05em}.title-md,.document-host h2{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:400;line-height:1.2}.title-sm{font-size:1.25rem;font-weight:400;line-height:1.2}.title-xs{font-size:1rem;font-weight:500;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.lead{font-weight:300;font-size:clamp(1rem,5vw,1.35rem)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-md{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-uppercase{text-transform:uppercase}.text-bold{font-weight:600}.layout-grid{display:grid;grid-template-columns:[full-start] minmax(var(--size-4), 1fr) [breakout-start] minmax(0, var(--size-24)) [content-start] min(100% - var(--size-4)*2,var(--content-area)) [content-end] minmax(0, var(--size-24)) [breakout-end] minmax(var(--size-4), 1fr) [full-end]}.layout-grid>:not(.breakout):not(.full){grid-column:content}.layout-grid>.breakout{grid-column:breakout}.layout-grid>.full{grid-column:full}.layout.sbs{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--size-8)}.layout.sbs>:not(.full){grid-column:span 1}.layout.sbs>.full{grid-column:span 2}.layout.column{display:flex;flex-direction:column;gap:var(--size-4)}.layout.features{display:grid;grid-template-columns:[heading-start lead-start content-start action-start] minmax(0, 1fr) [heading-end lead-end content-end action-end image-start] minmax(0, 1fr) [image-end];grid-template-rows:[heading-start image-start] min-content [heading-end lead-start] min-content [lead-end content-start] min-content [content-end action-start] min-content [action-end image-end];gap:var(--size-8)}.layout.features>.image,.layout.features>.photo{grid-column:image;grid-row:image}.layout.features>.heading{grid-column:heading;grid-row:heading}.layout.features>.lead{grid-column:lead;grid-row:lead}.layout.features>.content{grid-column:content;grid-row:content}.layout.features>.action{grid-column:action;grid-row:action}@media(max-width: 810px){.layout.features{grid-template-columns:[heading-start lead-start content-start action-start image-start] minmax(0, 1fr) [heading-end lead-end content-end action-end image-end];grid-template-rows:[heading-start] min-content [heading-end image-start] minmax(64px, 300px) [image-end lead-start] min-content [lead-end content-start] min-content [content-end action-start] min-content [action-end]}}@media(max-width: 520px){.layout.sbs{grid-template-columns:minmax(0, 1fr)}}@layer base{.icon{--icon-size: var(--size-5);display:block;width:var(--icon-size);height:var(--icon-size);background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.icon.xs{--icon-size: var(--size-6)}.icon.sm{--icon-size: var(--size-8)}.icon.md{--icon-size: var(--size-12)}.icon.lg{--icon-size: var(--size-20)}.icon.icon-back-circle-fill{-webkit-mask-image:url("/assets/icons/arrow-back-circle-fill.svg");mask-image:url("/assets/icons/arrow-back-circle-fill.svg")}.icon.icon-book{-webkit-mask-image:url("/assets/icons/book.svg");mask-image:url("/assets/icons/book.svg")}.icon.icon-character-book-closed{-webkit-mask-image:url("/assets/icons/character-book-closed.svg");mask-image:url("/assets/icons/character-book-closed.svg")}.icon.icon-chevron-down{-webkit-mask-image:url("/assets/icons/chevron-down.svg");mask-image:url("/assets/icons/chevron-down.svg")}.icon.icon-chevron-down-circle-fill{-webkit-mask-image:url("/assets/icons/chevron-down-circle-fill.svg");mask-image:url("/assets/icons/chevron-down-circle-fill.svg")}.icon.icon-envelope{-webkit-mask-image:url("/assets/icons/envelope.svg");mask-image:url("/assets/icons/envelope.svg")}.icon.icon-envelope-fill{-webkit-mask-image:url("/assets/icons/envelope-fill.svg");mask-image:url("/assets/icons/envelope-fill.svg")}.icon.icon-euro{-webkit-mask-image:url("/assets/icons/euro.svg");mask-image:url("/assets/icons/euro.svg")}.icon.icon-facebook{-webkit-mask-image:url("/assets/facebook.svg");mask-image:url("/assets/facebook.svg")}.icon.icon-group{-webkit-mask-image:url("/assets/icons/group.svg");mask-image:url("/assets/icons/group.svg")}.icon.icon-instagram{-webkit-mask-image:url("/assets/instagram.svg");mask-image:url("/assets/instagram.svg")}.icon.icon-menu{-webkit-mask-image:url("/assets/icons/menu.svg");mask-image:url("/assets/icons/menu.svg")}.icon.icon-person{-webkit-mask-image:url("/assets/icons/person.svg");mask-image:url("/assets/icons/person.svg")}.icon.icon-textbook{-webkit-mask-image:url("/assets/icons/textbook-closed-fill.svg");mask-image:url("/assets/icons/textbook-closed-fill.svg")}.icon.icon-video{-webkit-mask-image:url("/assets/icons/video.svg");mask-image:url("/assets/icons/video.svg")}.icon.icon-whatsapp{-webkit-mask-image:url("/assets/whatsapp.svg");mask-image:url("/assets/whatsapp.svg")}}.page-footer{font-family:var(--font-ui);background-color:var(--grey-dark);color:var(--background);display:grid;padding:var(--size-4) 0;grid-template-columns:[full-start] minmax(var(--size-4), 1fr) [breakout-start] minmax(0, var(--size-24)) [contacts-start] min(33% - var(--size-4),var(--content-area)/3) [contacts-end social-start] min(33% - var(--size-4),var(--content-area)/3) [social-end info-start] min(33.334% + var(--size-1),var(--content-area)/3) [info-end] minmax(0, var(--size-24)) [breakout-end] minmax(var(--size-4), 1fr) [full-end]}.page-footer hr{border-bottom-color:var(--grey-light)}.page-footer a{margin:calc(var(--size-2)*-1);padding:var(--size-2);display:inline-block}.page-footer .footer-section{display:flex;flex-direction:column;gap:var(--size-4)}.page-footer>.footer-section.contacts{grid-area:contacts}.page-footer>.footer-section.social{grid-area:social;align-items:center}.page-footer>.footer-section.info{grid-area:info;text-align:right}.page-footer .footer-section .social-icons{display:flex;gap:var(--size-2)}.page-footer .footer-section .social-icons a{width:var(--size-12);height:var(--size-12);display:block;padding:var(--size-2);border-radius:var(--size-2)}.page-footer .footer-section .social-icons a .icon{width:100%;height:100%;display:block}@media(max-width: 900px){.page-footer{grid-template-columns:[full-start] minmax(var(--size-4), 1fr) [breakout-start] minmax(0, var(--size-24)) [contacts-start] min(50% - var(--size-4),var(--content-area)/2) [contacts-end social-start info-start] min(50% - var(--size-4),var(--content-area)/2) [social-end info-end] minmax(0, var(--size-24)) [breakout-end] minmax(var(--size-4), 1fr) [full-end];grid-template-rows:[contacts-start social-start] auto [social-end info-start] auto [info-end contacts-end]}.page-footer>.footer-section.social{align-items:flex-end}}@media screen and (max-width: 760px){.page-footer{grid-template-columns:[full-start] minmax(var(--size-4), 1fr) [breakout-start] minmax(0, var(--size-24)) [contacts-start social-start] min(50% - var(--size-4),var(--content-area)/2) [social-end info-start] min(50% - var(--size-4),var(--content-area)/2) [info-end contacts-end] minmax(0, var(--size-24)) [breakout-end] minmax(var(--size-4), 1fr) [full-end];grid-template-rows:[contacts-start] auto [contacts-end social-start info-start] auto [social-end info-end]}.page-footer>.footer-section.contacts{padding-block-end:var(--size-8)}.page-footer>.footer-section.social{align-items:flex-start}.page-footer>.footer-section.info ul>li{margin-block-end:var(--size-4);font-size:1.2rem}}@media screen and (max-width: 520px){.page-footer{grid-template-columns:[full-start] minmax(var(--size-4), 1fr) [breakout-start] minmax(0, var(--size-24)) [contacts-start social-start info-start] min(100% - var(--size-4),var(--content-area)) [contacts-end social-end info-end] minmax(0, var(--size-24)) [breakout-end] minmax(var(--size-4), 1fr) [full-end];grid-template-rows:[contacts-start] auto [contacts-end social-start] auto [social-end info-start] auto [info-end]}.footer-section+.footer-section{padding-block-start:var(--size-8)}.page-footer>.footer-section.contacts{padding-block-end:0}.page-footer>.footer-section.info{align-items:flex-start;text-align:left}}@keyframes nav-animation{to{background-color:hsl(var(--background-color)/0.7);-webkit-backdrop-filter:blur(var(--size-2));backdrop-filter:blur(var(--size-2));box-shadow:var(--shadow-lg)}}.skip-link{top:calc(var(--size-24)*-1);left:50%;padding:var(--size-6) var(--size-8);position:absolute;pointer-events:none;opacity:0;transform:translateY(-100%) translateX(-50%);z-index:2;box-shadow:var(--shadow-lg);font-family:var(--font-ui);font-size:1rem;letter-spacing:1px;background-color:var(--background);border-radius:0 0 var(--size-2) var(--size-2)}.skip-link:focus-within{transform:translateY(calc(var(--size-24))) translateX(-50%);opacity:1;pointer-events:all}.nav-host{position:sticky;top:0;background-color:hsl(var(--background-color)/0.7);-webkit-backdrop-filter:blur(var(--size-2));backdrop-filter:blur(var(--size-2));box-shadow:var(--shadow-lg);z-index:1;font-family:var(--font-ui);grid-row:1/2}.nav-host+.hero{padding-block-start:var(--size-32);grid-row:1/3}.logo{display:flex;padding:var(--size-2);border-radius:var(--size-2);gap:var(--size-4);align-items:center}.logo .logo-illustration{width:var(--size-12);height:var(--size-12)}.logo .logo-text{-webkit-mask:url(/assets/images/logo.svg) no-repeat center/cover;mask:url(/assets/images/logo.svg) no-repeat center/cover;background-color:var(--text);width:126px;-webkit-aspect-ratio:4.6666/1;aspect-ratio:4.6666/1;margin-block-start:calc(var(--size-2)*-1)}nav{display:grid;padding-block:var(--size-4);gap:var(--size-4);position:relative;align-items:center;grid-template-columns:[logo-start] auto [logo-end social-start] minmax(min-content, 1fr) [social-end nav-start] auto [nav-end];grid-template-rows:[logo-start social-start nav-start cta-start] auto [logo-end social-end nav-end cta-end];font-size:1.2rem}nav a{border-radius:var(--size-1);display:flex;align-items:center;gap:var(--size-2)}nav a .icon{flex:0 0 auto}nav .social-link{display:block;padding:var(--size-2)}nav .social-icons{grid-area:social;justify-content:flex-end;gap:var(--size-2)}nav .main-links{grid-area:nav;justify-content:flex-end;align-items:flex-start;gap:var(--size-8)}nav .main-links a{padding:var(--size-2);text-decoration:none;border-bottom:2px solid hsl(var(--accent-color)/0);transition:border-bottom-color .3s cubic-bezier(0.2, 0.8, 0.2, 1),background-color .3s cubic-bezier(0.2, 0.8, 0.2, 1)}nav .main-links a[aria-current=page],nav .main-links a:hover{border-bottom:2px solid var(--accent)}nav .main-links a[aria-current=page]{cursor:default;font-weight:400}nav .button-cta{grid-area:cta}nav ul{display:flex;flex-direction:row;align-items:center;justify-content:center;list-style:none;padding:0;margin:0}nav .button.menu-button{display:none;grid-area:nav;gap:var(--size-2);color:var(--text-color)}nav .menu-links{display:flex;flex-direction:column;align-items:stretch;padding:var(--size-1)}nav .menu-links a{border-inline-start:var(--size-2) solid rgba(0,0,0,0);font-size:1.3rem;border-radius:0;padding:var(--size-3) var(--size-6);background-color:hsl(var(--accent-color)/0);transition:border-bottom-color .3s cubic-bezier(0.2, 0.8, 0.2, 1),background-color .3s cubic-bezier(0.2, 0.8, 0.2, 1)}nav .menu-links a:hover{background-color:hsl(var(--accent-color)/0.1)}nav .menu-links a[aria-current=page]{border-inline-start-color:var(--accent)}nav ul.social-list{margin:var(--size-4);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--size-2)}nav ul.social-list li{flex:1;height:var(--size-16)}nav ul.social-list a{padding:var(--size-2);width:100%;height:100%;display:flex;justify-content:center}nav .popover{max-width:320px}nav .popover h2{padding:var(--size-8) var(--size-8) 0 var(--size-8)}@media screen and (max-width: 1000px){nav{grid-template-columns:[logo-start] auto [logo-end social-start] minmax(min-content, 1fr) [social-end nav-start] auto [nav-end];grid-template-rows:[logo-start social-start nav-start] auto [logo-end social-end nav-end]}nav .main-links{gap:var(--size-4)}}@media screen and (max-width: 810px){nav{grid-template-columns:[logo-start] minmax(min-content, 1fr) [logo-end social-start] min-content [social-end nav-start] min-content [nav-end];grid-template-rows:[logo-start social-start nav-start] auto [logo-end social-end nav-end]}nav .button.menu-button{display:flex}nav .main-links{display:none}.logo .logo-text{margin-block-start:0}.nav-host+*{padding-block-start:var(--size-40)}}@media screen and (max-width: 520px){.nav-host{position:relative;margin:0}nav{grid-template-columns:[logo-start social-start] minmax(0, 1fr) [logo-end social-end nav-start] auto [nav-end];grid-template-rows:[logo-start nav-start social-start] auto [logo-end nav-endsocial-end];gap:var(--size-2);padding-block:var(--size-2)}nav .social-icons{justify-content:center;gap:var(--size-8);display:none}.nav-host+*{padding-block-start:0}}@media screen and (max-width: 360px){nav{padding:var(--size-1) 0}.nav-host+.hero{padding-block-start:var(--size-24)}.logo{gap:var(--size-2)}.logo .logo-illustration{width:var(--size-8);height:var(--size-8)}.logo .logo-text{max-width:30vw}}@media(prefers-reduced-motion: no-preference){.skip-link{transition:transform .3s cubic-bezier(0.2, 0.8, 0.2, 1),opacity .3s cubic-bezier(0.2, 0.8, 0.2, 1)}@supports(animation-timeline: scroll()){.nav-host{animation:nav-animation forwards .3s linear;animation-timeline:scroll();animation-range-start:var(--size-10);animation-range-end:var(--size-32);box-shadow:var(--shadow-hidden);background-color:hsl(var(--background-color)/0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}}@layer base{:root{--ring-opacity: 0.75;--ring-color: var(--accent-color);--ring: hsl(var(--ring-color) / var(--ring-opacity))}@keyframes focus-ring{0%{outline-color:hsl(var(--ring-color)/0);outline-width:20px}100%{outline-color:hsl(var(--ring-color)/var(--ring-opacity));outline-width:2px}}.focus-ring:has(:focus-visible){outline:solid 2px var(--ring);outline-offset:2px}button,a{outline:none}button:focus-visible,a:focus-visible{outline:solid 2px var(--ring);outline-offset:2px}fieldset:has(:focus-visible){outline:solid 2px var(--ring);outline-offset:2px}input,textarea,select{outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:solid 2px var(--ring);outline-offset:0px}@media screen and (prefers-reduced-motion: no-preference){button:focus-visible,a:focus-visible,.toggle-button:focus-visible,input[type=text]:focus-visible,input[type=email]:focus-visible,input[type=tel]:focus-visible,input[type=url]:focus-visible,input[type=password]:focus-visible,textarea:focus-visible,select:focus-visible{animation:focus-ring 250ms forwards ease-out}.focus-ring:has(:focus-visible){animation:focus-ring 250ms forwards ease-out}}}@keyframes hero-background-fade-in{100%{background-color:hsl(var(--accent-color)/0.07)}}@keyframes circles-small{100%{transform:scale(1.9);opacity:1}}@keyframes circles-large{100%{transform:scale(4);opacity:1}}.hero{--hero-text-align: center;--hero-flex-items: center;--hero-padding: 0;background-color:hsl(var(--accent-color)/0);animation:hero-background-fade-in 2s cubic-bezier(0.5, 0, 0.5, 1) forwards;overflow:hidden;-webkit-mask:url("/assets/images/hero-mask.svg") no-repeat center bottom/cover;mask:url("/assets/images/hero-mask.svg") no-repeat center bottom/cover;padding:var(--hero-padding)}.hero .hero-text{display:flex;align-items:var(--hero-flex-items);flex-direction:column;font-family:var(--font-ui);text-align:var(--hero-text-align);font-weight:200;margin-block:auto}.hero .hero-text .heading{margin-block:var(--size-2)}.hero .hero-text .title{font-weight:500;font-size:.85rem;text-transform:uppercase;color:var(--accent);line-height:1}.hero .hero-text .lead{max-width:470px}.hero .hero-text a{margin-block-start:var(--size-4)}.hero .hero-image{position:relative;aspect-ratio:1/1;width:30vw;max-width:270px;margin:var(--size-4) auto}.hero .hero-image::before,.hero .hero-image::after{content:"";display:block;inset:0;position:absolute;border-radius:100%;z-index:-1;opacity:0}.hero .hero-image::before{transform:scale(1.2);background-color:hsl(var(--accent-color)/0.05);animation:circles-small 2s cubic-bezier(0.5, 0, 0.5, 1) forwards}.hero .hero-image::after{transform:scale(2.5);background-color:hsl(var(--accent-color)/0.1);animation:circles-large 2s cubic-bezier(0.5, 0, 0.5, 1) forwards}.about-hero{--hero-text-align: left;--hero-flex-items: flex-start;--hero-padding: var(--size-12)}section:nth-child(even) .mini-hero{background-color:hsl(var(--accent-color)/0.07)}section:nth-child(even) .mini-hero figure{order:2}.mini-hero figure img{height:100%;object-fit:cover;aspect-ratio:2/1}.mini-hero .hero-text{margin-bottom:var(--size-4);margin-block-end:var(--size-4)}.mini-hero .hero-list{display:flex;flex-direction:column;gap:var(--size-4);margin-block:var(--size-8)}.mini-hero .hero-list .hero-list-item{display:flex;gap:var(--size-4);font-size:1.3rem;align-items:center}.mini-hero .hero-list .hero-list-item>p{margin-block:var(--size-1) 0;font-weight:300}@media(max-width: 520px){div.hero{flex-direction:column;gap:var(--size-4)}div.hero .hero-text{width:100%;max-width:none}div.hero .hero-image{display:none}section:nth-child(even) .mini-hero{background-color:hsl(var(--accent-color)/0.07)}section:nth-child(even) .mini-hero figure{order:0}}@keyframes fade-in{0%{opacity:0;transform:scale(0.7) translate3d(0%, -180px, 0);display:none}100%{opacity:1;transform:scale(1) translate3d(0, 0, 0);display:block}}@keyframes fade-out{0%{opacity:1;transform:scale(1);display:block}100%{opacity:0;transform:scale(0.3) translate3d(0%, 0, 0);display:none}}@keyframes backdrop-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes backdrop-fade-out{0%{opacity:1}100%{opacity:0}}.button{--bg-btn: hsl(var(--accent-color) / 0);--bg-btn-hover: hsl(var(--accent-color) / 0.1);--cl-btn: var(--accent);display:inline-flex;text-decoration:none;text-align:center;gap:var(--size-4);padding:var(--size-2) var(--size-4);color:var(--cl-btn);width:auto;align-items:center;border-radius:var(--size-1);font-weight:500;font-family:var(--font-ui);background-color:var(--bg-btn);border:none}.button:hover{background-color:var(--bg-btn-hover)}.button.button-secondary{border:1px solid var(--accent);border-radius:999px}.button.button-fab{padding:var(--size-2) var(--size-4);--cl-btn: var(--accent)}.button.button-fab .icon{width:var(--size-4);height:var(--size-4)}.button.submit,.button[type=submit]{background-color:var(--accent);color:#fff;align-items:center;justify-content:center;border-radius:var(--size-1);border:none;font-size:1rem}.button.submit:hover,.button[type=submit]:hover{background-color:var(--accent-dark)}.button.button-cta{--bg-btn-hover: var(--accent-dark);--bg-btn: var(--accent);--cl-btn: var(--background-light);border-radius:999px}form{background-color:hsl(var(--grey-color)/0.1);border-radius:var(--size-2)}.form-field{display:flex;flex-direction:column;gap:var(--size-1);padding-inline:var(--size-3);padding-inline-end:var(--size-4);border-inline-start:solid var(--size-1) rgba(0,0,0,0)}.form-field input[type=text],.form-field input[type=email],.form-field input[type=tel],.form-field input[type=url],.form-field input[type=password],.form-field textarea{border:1px solid var(--grey);border-radius:var(--size-1);padding:var(--size-2);font-size:1rem;font-family:var(--font-ui);color:var(--text);background-color:var(--background-light);transition:border-color .3s cubic-bezier(0.2, 0.8, 0.2, 1),background-color .3s cubic-bezier(0.2, 0.8, 0.2, 1)}.form-field input[type=text]:focus-visible,.form-field input[type=email]:focus-visible,.form-field input[type=tel]:focus-visible,.form-field input[type=url]:focus-visible,.form-field input[type=password]:focus-visible,.form-field textarea:focus-visible{border-color:var(--accent);background-color:#fff}.form-field input[type=tel]{font-variant-numeric:tabular-nums;max-width:18ch}.form-field input.name,.form-field input.email{max-width:32ch}.form-field select{border:1px solid var(--grey);border-radius:var(--size-1);padding:var(--size-2);font-size:1rem;font-family:var(--font-ui);color:var(--text);background-color:var(--background-light);transition:border-color .3s cubic-bezier(0.2, 0.8, 0.2, 1),background-color .3s cubic-bezier(0.2, 0.8, 0.2, 1)}.form-field select:focus-visible{border-color:var(--accent);background-color:#fff}.form-field .error{display:none;color:#db0037}.form-field.input-error{border-inline-start-color:#db0037}.form-field.input-error input[type=text],.form-field.input-error input[type=email],.form-field.input-error input[type=tel],.form-field.input-error input[type=url],.form-field.input-error input[type=password],.form-field.input-error textarea,.form-field.input-error select{border-color:var(--red)}.form-field.input-error .error{display:block}.popover{padding:0;width:100%;right:var(--size-4);left:unset;top:var(--size-16);margin:0;border-radius:var(--size-2);border-width:1px;border-color:var(--grey-light);box-shadow:var(--shadow-lg);animation:fade-out .25s forwards cubic-bezier(0.2, 0.8, 0.2, 1);transform-origin:top right}.popover[open]{animation:fade-in .25s forwards cubic-bezier(0.2, 0.8, 0.2, 1)}.popover::backdrop{animation:backdrop-fade-out .25s ease-out forwards}.popover[open]::backdrop{animation:backdrop-fade-in .25s ease-out forwards}ul.unmarked.testimonials{display:flex;overflow-x:auto;gap:var(--size-4);scroll-snap-type:x mandatory;scroll-padding-inline-start:calc((100% - min(100% - var(--size-4)*2,var(--content-area)))/2);padding-inline:calc((100% - min(100% - var(--size-4)*2,var(--content-area)))/2)}ul.unmarked.testimonials blockquote p::before{content:"“";font-size:3rem;line-height:1}ul.unmarked.testimonials blockquote p::after{content:"”";font-size:3rem;position:absolute}.featured-list{display:flex;flex-direction:column;gap:var(--size-8);counter-reset:feature-counter;list-style:none;padding:0;padding-inline-start:var(--size-15)}.featured-list li{counter-increment:feature-counter;margin:0;position:relative}.featured-list li::before{content:counter(feature-counter);display:grid;place-items:center;--size: var(--size-9);left:calc(-1*var(--size) - var(--size-4));line-height:1.4;width:var(--size);height:var(--size);text-align:center;font-weight:500;font-size:1.5rem;top:-5px;position:absolute;border-radius:999px;border:var(--accent) solid 2px;color:var(--accent)}.testimonial{position:relative;display:flex;flex-direction:column;gap:var(--size-4);padding:var(--size-8);border-radius:var(--size-2);background-color:var(--background-light);box-shadow:var(--shadow-md);width:clamp(320px,50vw,720px);scroll-snap-align:start;height:calc(100% - var(--size-8));margin-block:var(--size-4);justify-content:center;transition:transform .45s cubic-bezier(0.2, 0.8, 0.2, 1),box-shadow .45s cubic-bezier(0.2, 0.8, 0.2, 1)}.testimonial .testimonial-text{font-size:1.25rem;font-weight:300;line-height:1.5;font-style:italic}.testimonial .testimonial-author{display:flex;align-items:center;gap:var(--size-2);font-weight:500;font-size:1.25rem}.testimonial .testimonial-author .testimonial-author-image{width:var(--size-8);height:var(--size-8);border-radius:100%;overflow:hidden}.inverted-section{background-color:hsl(var(--grey-light-color)/0.6);justify-items:center}@media(prefers-reduced-motion: no-preference){.button{transition:background-color .3s cubic-bezier(0.2, 0.8, 0.2, 1),color .3s cubic-bezier(0.2, 0.8, 0.2, 1)}}.cards-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-auto-rows:1fr;gap:var(--size-8);padding:0;isolation:isolate}.card{display:grid;aspect-ratio:5/3;position:relative;border-radius:var(--size-2);overflow:hidden;overflow:clip;background-color:var(--background-light);border:1px solid var(--grey-light);box-shadow:var(--shadow-sm);grid-template-columns:[full-start header-start main-start] 1fr [main-end header-end full-end];grid-template-rows:[full-start] 1fr [header-start] min-content [header-end main-start] min-content [main-end] var(--size-8) [full-end]}.card:hover .card-image img{transition:transform 1s ease-out;transform:scale(1.1)}.card:hover .card-header-link::before{opacity:1}.card .card-image{grid-area:full;order:-1;flex:1;width:100%;height:100%}.card .card-image img{object-fit:cover;object-position:center;max-width:100%;max-height:100%;width:100%;height:100%;transition:transform .6s cubic-bezier(0.2, 0.8, 0.2, 1)}.card .card-header,.card .card-text{z-index:1}.card .card-header{grid-area:header}.card .card-header-link{position:static;background-color:var(--background-light);padding:var(--size-2) var(--size-6);border-radius:var(--size-10);outline:none;margin:0 var(--size-2)}.card .card-header-link::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsl(var(--accent-color)/0.2);opacity:0;transition:opacity .3s ease-in-out;cursor:pointer;z-index:-1;-webkit-backdrop-filter:blur(4px) saturate(150%);backdrop-filter:blur(4px) saturate(150%)}.card .card-text{grid-area:main;margin:0;max-width:50%;height:fit-content;width:fit-content}.card .card-text span{background-color:var(--background-light);padding:var(--size-1) var(--size-3);-webkit-box-decoration-break:clone;box-decoration-break:clone}@media(max-width: 520px){.cards-list{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))}}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{scroll-padding-top:var(--size-32)}body{background-color:var(--background);font-family:var(--font-ui);line-height:1.5;padding:0;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;grid-template-rows:min-content 1fr min-content}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{font-size:1rem;overflow-wrap:break-word;font-weight:400;margin-block:.4em}ul.unmarked{list-style:none;padding:0;margin:0}p ul{font-family:var(--font-ui)}p{margin-bottom:15px}li{list-style-position:outside}a{color:inherit;font-weight:600;text-decoration:underline;text-decoration-color:hsl(var(--accent-color)/0);text-decoration-thickness:2px;text-underline-offset:10px;position:relative;padding-inline:var(--size-1);margin-inline:calc(var(--size-1)*-1);transition:250ms ease-in-out text-decoration-color,250ms ease-in-out background-color,250ms ease-in-out text-underline-offset}a:hover{text-decoration-color:var(--accent);text-underline-offset:4px;background-color:hsl(var(--accent-color)/0.1)}p a{color:#096478;font-weight:inherit;text-decoration:underline}hr{border:none;border-bottom:solid 1px hsl(var(--accent-color)/1);min-width:var(--size-28)}::-moz-selection{color:var(--accent-dark-color);background:hsl(var(--accent-color)/0.2)}::selection{color:var(--accent-dark);background:hsl(var(--accent-color)/0.2)}.document-host{display:grid;gap:var(--size-8);grid-template-columns:[heading-start] minmax(20vw, 30ch) [heading-end content-start] minmax(0, 70ch) [content-end];margin-block-end:var(--size-16)}.document-host>h2{grid-column:heading;position:sticky;top:var(--size-32);text-align:right;background-color:var(--background);margin-block:0;text-wrap:balance}.document-host>ul,.document-host>ol,.document-host>p,.document-host>table{margin-block-start:var(--size-1);grid-column:content}main>section{padding-block:var(--size-8)}.about-me .layout .photo-img{width:100%;height:100%;object-fit:cover}::backdrop{background-color:rgba(0,0,0,0)}.callout{display:flex;align-items:center;gap:var(--size-4);justify-self:center}.callout>p{border-radius:var(--size-2);border:solid 1px var(--grey-dark);padding:var(--size-2)}.callout.beta>p{border-color:var(--accent);background-color:var(--background-light);position:relative;box-shadow:var(--shadow-md)}.callout.beta>p::before{content:"Beta";position:absolute;display:inline-block;top:0;right:0;padding:var(--size-1) var(--size-2);border-radius:0 var(--size-1) 0 var(--size-1);background-color:var(--accent);color:var(--background);font-weight:600;font-size:.75rem;line-height:1;text-transform:uppercase}.callout.beta>p::after{content:"";position:absolute;display:block;top:50%;left:100%;width:0;height:0;border-style:solid;border-width:var(--size-2);border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--accent)}.callout>img{width:var(--size-16);height:var(--size-16)}@media(max-width: 760px){.info{flex-direction:column;max-width:100%}.info img{max-width:50vw}.info div{align-items:center;text-align:center}.document-host{grid-template-columns:[heading-start content-start] minmax(0, 1fr) [heading-end content-end]}.document-host>h2{grid-column:heading;position:static;text-align:left;background-color:rgba(0,0,0,0)}}@media(max-width: 810px){.about-me .photo{margin:calc(-1*var(--size-4));min-width:100vw}.about-me .photo .photo-img{border-radius:0;box-shadow:none}}