@font-face{font-family:"Klavika";src:url("./static/fonts/klavika/klavika-light.woff2") format("woff2");font-weight:300;font-style:normal}@font-face{font-family:"Klavika";src:url("./static/fonts/klavika/klavika-light-italic.woff2") format("woff2");font-weight:300;font-style:italic}@font-face{font-family:"Klavika";src:url("./static/fonts/klavika/klavika-medium.woff2") format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"Klavika";src:url("./static/fonts/klavika/klavika-medium-italic.woff2") format("woff2");font-weight:500;font-style:italic}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url("./static/fonts/opensans/opensans-latin-ext.woff2") format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url("./static/fonts/opensans/opensans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;font-stretch:100%;src:url("./static/fonts/opensans/opensans-italic-latin-ext.woff2") format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;font-stretch:100%;src:url("./static/fonts/opensans/opensans-italic-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}@keyframes dash-flow{0%{background-position:0 0}100%{background-position:20px 0}}@keyframes fade-in-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes icon-spin-bounce{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg) scale(1)}}@keyframes icon-wiggle-spin{0%,100%{transform:rotate(0deg) scale(1)}25%{transform:rotate(15deg) scale(1.15)}50%{transform:rotate(-15deg) scale(1.3)}75%{transform:rotate(15deg) scale(1.15)}}@keyframes icon-double-spin{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(180deg) scale(1.1)}50%{transform:rotate(360deg) scale(1.2)}75%{transform:rotate(540deg) scale(1.1)}100%{transform:rotate(720deg) scale(1)}}@keyframes icon-bounce-shake{0%,100%{transform:translateY(0) rotate(0deg)}20%{transform:translateY(-20px) rotate(-10deg) scale(1.1)}40%{transform:translateY(-10px) rotate(10deg) scale(1.05)}60%{transform:translateY(-15px) rotate(-8deg) scale(1.15)}80%{transform:translateY(-5px) rotate(5deg) scale(1.05)}}@keyframes icon-pulse-grow{0%,100%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(0.9)}75%{transform:scale(1.4)}}@keyframes icon-flip-3d{0%{transform:perspective(400px) rotateY(0deg)}50%{transform:perspective(400px) rotateY(180deg) scale(1.2)}100%{transform:perspective(400px) rotateY(360deg)}}@keyframes icon-elastic-bounce{0%{transform:scale(1) rotate(0deg)}20%{transform:scale(1.6, 0.6) rotate(-5deg)}40%{transform:scale(0.8, 1.3) rotate(5deg)}60%{transform:scale(1.3, 0.8) rotate(-3deg)}80%{transform:scale(0.9, 1.1) rotate(2deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes icon-crazy-shake{0%,100%{transform:translate(0, 0) rotate(0deg)}10%{transform:translate(-10px, -5px) rotate(-10deg)}20%{transform:translate(10px, 5px) rotate(10deg)}30%{transform:translate(-8px, 8px) rotate(-8deg)}40%{transform:translate(8px, -8px) rotate(8deg)}50%{transform:translate(-12px, 3px) rotate(-12deg) scale(1.2)}60%{transform:translate(12px, -3px) rotate(12deg) scale(1.2)}70%{transform:translate(-5px, 5px) rotate(-5deg)}80%{transform:translate(5px, -5px) rotate(5deg)}90%{transform:translate(-2px, 2px) rotate(-2deg)}}@keyframes icon-spiral-spin{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(0.5)}50%{transform:rotate(180deg) scale(0.3)}75%{transform:rotate(270deg) scale(0.5)}100%{transform:rotate(360deg) scale(1)}}@keyframes icon-zoom-explode{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(2.5) rotate(180deg)}100%{transform:scale(1) rotate(360deg)}}@keyframes icon-wobble-crazy{0%,100%{transform:rotate(0deg)}15%{transform:rotate(15deg) translateX(10px)}30%{transform:rotate(-12deg) translateX(-10px)}45%{transform:rotate(10deg) translateX(8px) scale(1.2)}60%{transform:rotate(-8deg) translateX(-8px) scale(1.2)}75%{transform:rotate(5deg) translateX(5px)}90%{transform:rotate(-3deg) translateX(-5px)}}@keyframes icon-twist-bounce{0%{transform:rotate(0deg) scaleX(1)}25%{transform:rotate(180deg) scaleX(0.5) scaleY(1.3)}50%{transform:rotate(360deg) scaleX(1.5) scaleY(0.7)}75%{transform:rotate(540deg) scaleX(0.8) scaleY(1.2)}100%{transform:rotate(720deg) scaleX(1) scaleY(1)}}@keyframes icon-jump-spin{0%,100%{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-40px) rotate(90deg) scale(1.1)}50%{transform:translateY(-50px) rotate(180deg) scale(1.3)}75%{transform:translateY(-40px) rotate(270deg) scale(1.1)}}*:focus-visible{outline:2px solid #f04e98;outline-offset:2px;border-radius:2px}a{color:#f04e98;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}a:hover{text-decoration-thickness:2px;text-underline-offset:3px}a:focus-visible{outline:2px solid #f04e98;outline-offset:2px;border-radius:2px}html,body{font-family:"Open Sans",sans-serif;font-size:14px;background:#fdfdfd;position:relative;scroll-behavior:smooth;scroll-padding-top:var(--header-height, 0px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main{position:relative}.header{padding:0 40px;border-bottom:2px dashed #008aab;background:rgba(253,253,253,.9);backdrop-filter:blur(10px);position:sticky;top:0;z-index:99;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}.header *{transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}.header .content{min-height:unset;padding:40px 50px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header a.logo{display:inline-block;transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1);outline:none}.header a.logo:hover{transform:translateY(-2px)}.header a.logo img{width:303px;height:50px}@media only screen and (max-width: 1000px){.header a.logo img{width:200px;height:33px}}.header .hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;z-index:101}@media only screen and (max-width: 1000px){.header .hamburger{display:flex}}.header .hamburger-line{width:30px;height:3px;background:#008aab;border-radius:2px;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center}.header .hamburger .hamburger-line:nth-child(1){background:#008aab}.header .hamburger .hamburger-line:nth-child(2){background:#f04e98}.header .hamburger .hamburger-line:nth-child(3){background:#78be21}.header .hamburger.active .hamburger-line:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.header .hamburger.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.header .hamburger.active .hamburger-line:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.header .hamburger:focus-visible{outline:2px solid #f04e98;outline-offset:4px;border-radius:2px}.header ul.menu{list-style:none;display:flex;flex-direction:row;gap:10px;font-size:18px;line-height:25px;height:25px}.header ul.menu li a{position:relative;text-decoration:none;padding:2px 8px;display:inline-block;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.header ul.menu li a::after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:50%;transform:translateX(-50%);background:currentColor;transition:width 300ms cubic-bezier(0.4, 0, 0.2, 1)}.header ul.menu li a:hover{transform:translateY(-2px);font-weight:bold}.header ul.menu li a:hover::after{width:100%}.header ul.menu li a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}@media only screen and (max-width: 1000px){.header ul.menu{display:none;position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fdfdfd;flex-direction:column;padding:80px 30px 30px;gap:0;box-shadow:-5px 0 15px rgba(0,0,0,.1);transition:right 300ms cubic-bezier(0.4, 0, 0.2, 1);overflow-y:auto;z-index:100}.header ul.menu.open{right:0}.header ul.menu li{border-bottom:2px dashed #f04e98;width:100%}.header ul.menu li:first-child{border-top:2px dashed #f04e98}.header ul.menu li:nth-child(3n+1){border-bottom:2px dashed #78be21}.header ul.menu li:nth-child(3n+2){border-bottom:2px dashed #008aab}.header ul.menu li a{display:block;padding:20px 0;font-size:20px;line-height:28px;text-align:left;transform:none}.header ul.menu li a::after{display:none}.header ul.menu li a:hover{transform:translateX(5px);padding-left:10px}}.header.small{box-shadow:0 2px 8px rgba(0,0,0,.05)}.header.small .content{padding:20px 50px}.header.small a.logo img{width:151px;height:25px}.header.small ul.menu{font-size:16px}@media only screen and (max-width: 1000px){.header{padding:0}.header .content{padding:20px 25px}.header.small .content{padding:20px 25px}}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);z-index:80}.menu-overlay.active{opacity:1;visibility:visible}.copy{width:100%;max-width:1380px;margin:-28px auto 0 auto;padding:0 40px;font-size:12px;white-space:nowrap;pointer-events:none;user-select:none;text-align:right}@media only screen and (max-width: 1000px){.copy{padding:0;font-size:10px;margin-top:-22px}}.copy .inner{padding:0 14px}@media only screen and (max-width: 1000px){.copy{font-size:10px;bottom:120px;right:8px}}.section{border-bottom:2px dashed #78be21;padding:0 40px}.section:nth-child(3n+1){border-bottom:2px dashed #008aab}.section:nth-child(3n+2){border-bottom:2px dashed #f04e98}.section:last-child{border-bottom:none}@media only screen and (max-width: 1000px){.section{padding:0}}.content{width:100%;max-width:1300px;min-height:calc(100vh - 70px);margin:0 auto;border-left:2px dashed #f04e98;border-right:2px dashed #78be21;display:flex;flex-direction:column}@media only screen and (max-width: 1000px){.content{border:none}}.content.divider{min-height:100px;height:100px}.content .inner{padding:40px 50px;flex:1}@media only screen and (max-width: 1000px){.content .inner{padding:20px 20px}}.content .inner ul,.content .inner ol{padding-left:24px}.content .title{position:relative;height:300px}.content .title img.image{width:100%;height:300px;object-fit:cover;transition:transform .6s cubic-bezier(0.4, 0, 0.2, 1)}.content .title img.icon{max-width:256px;max-height:256px;position:absolute;top:20px;right:20px;z-index:9;transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1),filter 200ms cubic-bezier(0.4, 0, 0.2, 1);filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));cursor:pointer}.content .title img.icon:hover{transform:translateY(-8px) rotate(5deg) scale(1.05);filter:drop-shadow(0 8px 16px rgba(0, 0, 0, 0.2))}.content .title img.icon.anim-1{animation:icon-spin-bounce .6s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.content .title img.icon.anim-2{animation:icon-wiggle-spin .7s ease-in-out}.content .title img.icon.anim-3{animation:icon-double-spin 1s cubic-bezier(0.4, 0, 0.2, 1)}.content .title img.icon.anim-4{animation:icon-bounce-shake .8s ease-in-out}.content .title img.icon.anim-5{animation:icon-pulse-grow .6s ease-in-out}.content .title img.icon.anim-6{animation:icon-flip-3d .8s ease-in-out}.content .title img.icon.anim-7{animation:icon-elastic-bounce .9s ease-in-out}.content .title img.icon.anim-8{animation:icon-crazy-shake .7s ease-in-out}.content .title img.icon.anim-9{animation:icon-spiral-spin .8s cubic-bezier(0.4, 0, 0.2, 1)}.content .title img.icon.anim-10{animation:icon-zoom-explode .7s cubic-bezier(0.4, 0, 0.2, 1)}.content .title img.icon.anim-11{animation:icon-wobble-crazy .8s ease-in-out}.content .title img.icon.anim-12{animation:icon-twist-bounce 1s ease-in-out}.content .title img.icon.anim-13{animation:icon-jump-spin .9s cubic-bezier(0.68, -0.55, 0.265, 1.55)}@media only screen and (max-width: 1000px){.content .title img.icon{max-width:128px;max-height:128px}}.content .title h2{padding:30px 50px 30px 50px;width:100%;line-height:46px;font-size:40px;font-family:"Klavika",sans-serif;font-weight:400;letter-spacing:-0.5px;border-bottom:2px dashed #78be21;position:absolute;bottom:-2px;left:0}.content .title h2.with-bg{border-top:2px dashed #f04e98}@media only screen and (max-width: 1000px){.content .title h2{font-size:28px;line-height:34px;padding:20px 20px 10px 20px;letter-spacing:-0.3px}}@media only screen and (max-width: 600px){.content .title h2{font-size:24px;line-height:30px;padding:15px 20px 10px 20px}}.content .text{font-size:16px;line-height:28px}.content .text.center{text-align:center}.content .text img{max-width:100%}.content .text p{margin-bottom:12px}.content .text p:last-child{margin-bottom:0}@media only screen and (max-width: 600px){.content .text{font-size:15px;line-height:26px}.content .text p{margin-bottom:20px}}.content .cols{display:flex;flex-wrap:wrap}.content .cols .subsection{padding:50px;border-top:2px dashed #008aab;border-left:2px dashed #f04e98;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);position:relative}.content .cols .subsection.center{text-align:center}.content .cols .subsection:first-child{border-left:none}.content .cols .subsection a{text-decoration:none;display:block}.content .cols .subsection a h3{text-decoration:underline}.content .cols .subsection img.subimage{width:100%;object-fit:cover;border-radius:4px;transition:transform .6s cubic-bezier(0.4, 0, 0.2, 1),filter 300ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.content .cols .subsection img.subimage.full{object-fit:contain;height:auto}.content .cols .subsection img.subimage.full-portrait{width:auto;max-height:300px}.content .cols .subsection:hover img.subimage{transform:scale(1.05)}.content .cols .subsection h3{margin:20px 0 15px 0;font-family:"Klavika",sans-serif;font-weight:500;font-size:18px;line-height:24px;transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1)}.content .cols .subsection a:hover h3{text-decoration:underline}@media only screen and (max-width: 1000px){.content .cols .subsection{padding:15px}.content .cols .subsection h3{font-size:16px;margin:12px 0 8px 0}}.content .cols-1 .subsection{flex-basis:100%}.content .cols-1 .subsection img.subimage{height:300px}.content .cols-1 .subsection:hover img.subimage{transform:scale(1.02)}.content .cols-2 .subsection{flex-basis:50%}.content .cols-2 .subsection:nth-child(2n+1){border-left:none}.content .cols-2 .subsection img.subimage{height:300px}.content .cols-2 .subsection:hover img.subimage{transform:scale(1.02)}.content .cols-3 .subsection{flex-basis:33.3%}.content .cols-3 .subsection:nth-child(3n+1){border-left:none}.content .cols-3 .subsection img.subimage{height:150px}.content .cols-4 .subsection{flex-basis:25%}.content .cols-4 .subsection:nth-child(4n+1){border-left:none}.content .cols-4 .subsection img.subimage{height:150px}.content .cols-5 .subsection{flex-basis:20%}.content .cols-5 .subsection:nth-child(5n+1){border-left:none}.content .cols-5 .subsection img.subimage{height:100px}.content .cols-6 .subsection{flex-basis:16.6%}.content .cols-6 .subsection:nth-child(6n+1){border-left:none}.content .cols-6 .subsection img.subimage{height:100px}.content .cols-7 .subsection{flex-basis:14.2%}.content .cols-7 .subsection:nth-child(7n+1){border-left:none}.content .cols-7 .subsection img.subimage{height:100px}@media only screen and (max-width: 1000px){.content .cols-1 .subsection{flex-basis:100% !important}.content .cols-2 .subsection{flex-basis:50% !important}.content .cols-3 .subsection,.content .cols-4 .subsection,.content .cols-5 .subsection,.content .cols-6 .subsection,.content .cols-7 .subsection{flex-basis:50% !important;border-left:2px dashed #f04e98 !important}.content .cols-3 .subsection:nth-child(2n+1),.content .cols-4 .subsection:nth-child(2n+1),.content .cols-5 .subsection:nth-child(2n+1),.content .cols-6 .subsection:nth-child(2n+1),.content .cols-7 .subsection:nth-child(2n+1){border-left:none !important}.content .cols-3 .subsection img.subimage,.content .cols-4 .subsection img.subimage,.content .cols-5 .subsection img.subimage,.content .cols-6 .subsection img.subimage,.content .cols-7 .subsection img.subimage{height:250px !important}}@media only screen and (max-width: 600px){.content .cols-1 .subsection,.content .cols-2 .subsection,.content .cols-3 .subsection,.content .cols-4 .subsection,.content .cols-5 .subsection,.content .cols-6 .subsection,.content .cols-7 .subsection{flex-basis:100% !important;border-left:none !important}.content .cols-1 .subsection img.subimage,.content .cols-2 .subsection img.subimage,.content .cols-3 .subsection img.subimage,.content .cols-4 .subsection img.subimage,.content .cols-5 .subsection img.subimage,.content .cols-6 .subsection img.subimage,.content .cols-7 .subsection img.subimage{height:200px !important}}.k{background:url("/static/kompas.png") no-repeat center center;background-size:contain;width:100%;height:200px;position:fixed;bottom:10px;left:0;z-index:-1}.fg-white{color:#fff}.fg-white a{color:#fff}.fg-black{color:#000}.fg-black a{color:#000}.fg-bright-fern{color:#78be21}.fg-bright-fern a{color:#78be21}.fg-dragonfruit{color:#f04e98}.fg-dragonfruit a{color:#f04e98}.fg-pacific-cyan{color:#008aab}.fg-pacific-cyan a{color:#008aab}.fg-gray{color:#aaa}.fg-gray a{color:#aaa}.fg-dark-gray{color:#666}.fg-dark-gray a{color:#666}.fg-light-gray{color:#ccc}.fg-light-gray a{color:#ccc}.bg-white{background:#fff}.bg-white-trans{background:rgba(255,255,255,.6)}.bg-black{background:#000}.bg-black-trans{background:rgba(0,0,0,.6)}.bg-bright-fern{background:#78be21}.bg-bright-fern-trans{background:rgba(120,190,33,.6)}.bg-dragonfruit{background:#f04e98}.bg-dragonfruit-trans{background:rgba(240,78,152,.6)}.bg-pacific-cyan{background:#008aab}.bg-pacific-cyan-trans{background:rgba(0,138,171,.6)}.bg-gray{background:#aaa}.bg-gray-trans{background:rgba(170,170,170,.6)}.bg-dark-gray{background:#666}.bg-dark-gray-trans{background:rgba(102,102,102,.6)}.bg-light-gray{background:#ccc}.bg-light-gray-trans{background:rgba(204,204,204,.6)}