.main-logo{margin:clamp(8px,8px + 8 * (100vw - 1200px)/480,16px) 0;width:clamp(0px,50vw,320px)}.main-logo img{filter:brightness(0) invert(1)}.nav-container{align-items:center;display:flex;justify-content:flex-start;min-height:clamp(48px,48px + 16 * (100vw - 1200px)/480,64px);position:relative;z-index:10}.nav-container .nav-drawer{background:var(--color-white);box-shadow:-2px 0 10px rgba(0,0,0,.1);height:100%;max-width:75vw;padding:2rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:400px;z-index:1000}.nav-container .nav-drawer.active{transform:translateX(0)}.nav-container .nav-overlay{background:var(--color-overlay);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:999}.nav-container .nav-overlay.active{opacity:1;pointer-events:auto}.nav-container .nav-close,.nav-container .nav-toggle{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:0;width:44px}.nav-container .nav-close,.nav-container .nav-close:hover,.nav-container .nav-toggle,.nav-container .nav-toggle:hover{background:none;box-shadow:none;color:var(--color-neutral-900)}.nav-container .nav-close svg path,.nav-container .nav-toggle svg path{transition:d .35s ease,opacity .35s ease}.nav-container .nav-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%)}.nav-container .nav-toggle:hover .nav-toggle__top{d:path("M 26 3 L 8 12.5")}.nav-container .nav-toggle:hover .nav-toggle__mid{opacity:0}.nav-container .nav-toggle:hover .nav-toggle__bot{d:path("M 26 22 L 8 12.5")}.nav-container .nav-close:hover .nav-close__top{d:path("M 9 4 L 17 12")}.nav-container .nav-close:hover .nav-close__bot{d:path("M 9 20 L 17 12")}.nav-container .nav-drawer ul{list-style:none;padding:0}.nav-container .nav-drawer ul li{margin:1rem 0}.nav-container .nav-drawer ul a{font-size:clamp(18px,18px + 6 * (100vw - 1200px)/480,24px);text-decoration:none}.nav-container .nav-drawer ul a.nav-selected{text-decoration:underline;text-decoration-color:var(--color-green)}.nav-container .nav-drawer ul ul li a{color:var(--color-green)}.nav-container .nav-drawer ul ul li a.nav-selected{text-decoration-color:var(--color-primary)}.nav-container .nav-drawer ul ul li a:hover{color:var(--color-brown)}


.hero-image-wrapper{margin-bottom:clamp(32px,32px + 16 * (100vw - 1200px)/480,48px);position:relative}.hero-image-wrapper>.image{-o-object-fit:cover;object-fit:cover;width:100vw}.hero-image-wrapper .hero-image-text{backdrop-filter:blur(32px);background-color:var(--color-light-overlay);border-radius:var(--border-radius);bottom:20%;color:var(--color-white);left:50%;padding:clamp(20px,20px + 20 * (100vw - 1200px)/480,40px) clamp(30px,30px + 30 * (100vw - 1200px)/480,60px);position:absolute;text-align:center;transform:translate(-50%)}@media screen and (max-width:768px){.hero-image-wrapper .hero-image-text{bottom:0;left:0;margin-top:-1rem;position:relative;transform:none}}


@charset "UTF-8";.accent{display:block;margin-left:10%;position:relative;text-align:center;width:80%}.accent:before{content:"«";left:0;top:0}.accent:after,.accent:before{color:var(--color-primary);display:block;font-size:clamp(48px,48px + 48 * (100vw - 1200px)/480,96px);position:absolute;z-index:-1}.accent:after{bottom:0;content:"»";right:0}.question{display:block;position:relative}.question:before{color:var(--color-primary);content:"?";display:block;font-size:clamp(48px,48px + 48 * (100vw - 1200px)/480,96px);font-weight:700;left:-1rem;position:absolute;top:0;z-index:-1}


.feature-link{text-align:center}


.page-list-wrapper .page-list-pages{display:flex;flex-wrap:wrap;gap:clamp(8px,8px + 8 * (100vw - 1200px)/480,16px);justify-content:center}.page-list-wrapper .page-list-pages .page-link{filter:none;flex:1 0 15%;position:relative;transition:filter var(--transition-time),color var(--transition-time);width:30%}.page-list-wrapper .page-list-pages .page-link:hover{filter:sepia(100%)}.page-list-wrapper .page-list-pages .page-link .image,.page-list-wrapper .page-list-pages .page-link .lb-img-wrapper{border-radius:var(--border-radius-small);overflow:hidden}.page-list-wrapper .page-list-pages .page-link .page-link-text{display:block;margin-top:clamp(8px,8px + 4 * (100vw - 1200px)/480,12px);text-align:center;width:100%}@media screen and (max-width:1199px){.page-list-wrapper .page-list-pages .page-link{flex:0 0 30%}}@media screen and (max-width:767px){.page-list-wrapper .page-list-pages .page-link{flex:0 0 45%}}