@import "https://fonts.googleapis.com/css2?family=Germania+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.SuggestionBox{color:var(--green);flex-direction:column;align-items:center;gap:1em;margin-top:3em;display:flex}.SuggestionBox h2{font-size:28pt}@media screen and (width<1000px){.SuggestionBox h2{font-size:6vw}.SuggestionBox a{font-size:3vw}}.CalendarEventCard{background-color:#fff;border-radius:1em;grid-template-rows:auto;grid-template-columns:3fr 2fr;display:grid;overflow:hidden}.CalendarEventCard.full .info{background-color:var(--lightgreen)}.CalendarEventCard .info{padding:2em}.CalendarEventCard .info h2{margin-bottom:1em;font-family:Montserrat;font-size:16pt;font-weight:700}.CalendarEventCard .info ul{margin:0;padding:0}.CalendarEventCard .info ul li{color:var(--black);align-items:center;gap:10px;margin-block:6px;display:flex}.CalendarEventCard .info ul li svg{color:var(--green)}.CalendarEventCard .info ul .organizer-list li{margin-left:32px}.CalendarEventCard .info .excerpt{color:var(--black);margin-top:auto;padding-top:20px;font-size:14pt}.CalendarEventCard .image{object-fit:cover;width:100%;height:100%;display:block}.CalendarEventCard .description{text-wrap:pre-wrap;background-color:#fff;grid-column:1/span 2;padding:30px 40px}.CalendarPage{color:var(--green);background-color:var(--lightpeach);flex:1;padding-top:3em}.CalendarPage h1{margin-bottom:1em}@media screen and (width<1000px){.CalendarPage h1{font-size:10vw}}.CalendarPage .CalendarEventCard{margin-block:1em}.FrontPage{flex-direction:column;display:flex}.FrontPage p{width:22em}.FrontPage .upcoming{padding-bottom:4em}.FrontPage .upcoming .content{padding-inline:1em}@media screen and (width>=1000px){.FrontPage .upcoming .content .mobile{display:none}}@media screen and (width<1000px){.FrontPage .upcoming .content .desktop{display:none}}.FrontPage .upcoming h1{color:var(--green);font-size:32pt}@media screen and (width>=1000px){.FrontPage .upcoming h1{font-size:38pt}}.FrontPage .upcoming .calendar-event-card{background-color:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.FrontPage .upcoming .calendar-event-card img{object-fit:cover;width:100%;height:50%}.FrontPage .upcoming .calendar-event-card>div{padding:1em}.FrontPage .upcoming .calendar-event-card>div h2{color:var(--green);text-wrap:balance;font-family:Montserrat;font-size:12pt}.FrontPage .upcoming .calendar-event-card>div ul{margin:0;padding:0}.FrontPage .upcoming .calendar-event-card>div ul li{color:#000;align-items:center;gap:8px;margin-block:4px;font-size:8pt;font-weight:500;list-style-type:none;display:flex}.FrontPage .upcoming .calendar-event-card>div ul li>:first-child{width:20px;color:var(--green);flex-shrink:0;font-size:18pt}.FrontPage .upcoming .calendar-event-cards{flex-direction:column;gap:1em;margin-block:2em;display:flex}.FrontPage .upcoming .calendar-event-cards .calendar-event-card{height:100%}@media screen and (width>=1000px){.FrontPage .upcoming .calendar-event-cards{flex-direction:row;align-items:stretch}.FrontPage .upcoming .calendar-event-cards>a{flex:1 1 0;min-width:0}}.Footer{background-color:var(--darkgreen);color:#fff;margin-top:auto}.Footer.block{padding-bottom:1em}.Footer .content{flex-direction:column;align-items:center;display:flex}@media screen and (width>=1000px){.Footer .content{width:var(--content-width);flex-direction:row;margin-top:1em!important}}.Footer .space{flex-grow:10;min-width:10px}.Footer .logo{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.Footer .logo img{filter:brightness(0)invert();width:200px;height:auto;margin-bottom:15px}.Footer .docs{border-left:2px solid var(--white);flex-direction:column;justify-content:center;gap:10px;height:fit-content;padding:10px 0 10px 30px;display:flex}.Footer .docs>div{align-items:center;gap:10px;display:flex}@media screen and (width<1000px){.Footer .docs{border:none}}.Footer .docs svg{min-width:16px}nav ul{margin:0;padding:0;list-style:none;display:flex}nav.desktop{justify-content:space-between;align-items:center;width:1000px;height:60px;margin:auto;display:flex}nav.desktop img.logo{height:30px}nav.desktop .navi-blob{z-index:10;position:absolute;top:0;left:0}nav.desktop .nav-links{gap:20px}nav.desktop .nav-links a>span:hover{text-shadow:0 0 .7px}nav.desktop .nav-links .nav-link{align-items:center;height:100%;display:flex;position:relative}nav.desktop .nav-links .nav-link ul{white-space:nowrap;z-index:10;border-bottom-right-radius:20px;border-bottom-left-radius:20px;flex-direction:column;align-items:flex-start;padding:20px;list-style:none;display:flex;position:absolute}nav.desktop .nav-links .nav-link ul li{cursor:pointer;margin-block:5px}nav.desktop .nav-links .nav-link .nav-sub-links{background-color:var(--green);top:calc(100% + 10px);left:0}nav.desktop .nav-links .nav-link .nav-sub-links,nav.desktop .nav-links .nav-link .nav-sub-links a{color:var(--white)}nav.desktop .nav-links .nav-link .nav-sub-links .nav-sub-link{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}nav.desktop .nav-links .nav-link .nav-sub-links .nav-sub-link .arrow{visibility:hidden;margin-left:4px}nav.desktop .nav-links .nav-link .nav-sub-links .nav-sub-link .arrow.visible{visibility:visible}nav.desktop .nav-links .nav-link .nav-sub-links .nav-sub-link .nav-sub-sub-links{background-color:var(--peach);top:-25px;left:calc(100% + 20px)}nav.desktop .nav-links .nav-link .nav-sub-links .nav-sub-link .nav-sub-sub-links,nav.desktop .nav-links .nav-link .nav-sub-links .nav-sub-link .nav-sub-sub-links a{color:var(--black)}nav.desktop .nav-links .nav-link .nav-sub-links .nav-sub-link .nav-sub-sub-links{border-top-right-radius:20px}nav.desktop .nav-links .nav-link.active>a{color:var(--green);text-underline-offset:5px;text-decoration:underline}nav.desktop .icons{color:var(--green);gap:10px;display:flex}nav.desktop .icons li{justify-content:center;align-items:center;display:flex}nav.desktop .icons .LanguageSwitcher{color:var(--green);margin-left:20px;font-weight:700;text-decoration:none}nav.mobile .header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-height:160px;padding:20px;display:flex}nav.mobile img.logo{height:100%}nav.mobile img.menu-button{cursor:pointer;height:100%}nav.mobile .menu{z-index:10;background-color:var(--green);width:100%;min-height:100vh;color:var(--white);flex-direction:column;display:flex;position:absolute;top:0;left:0}nav.mobile .menu ul{flex-direction:column}nav.mobile .menu .logo{filter:brightness(0)invert()}nav.mobile .menu li{text-align:center}nav.mobile .menu ul.nav-links{margin-top:1em}nav.mobile .menu ul.nav-links>li{margin-block:3vw;font-family:Germania One;font-size:9vw}nav.mobile .menu ul.nav-links>li>span{justify-content:center;align-items:center;gap:10px;display:flex}nav.mobile .menu ul.nav-links>li .nav-sub-links{margin-top:.25em}nav.mobile .menu ul.nav-links>li .nav-sub-links li{margin-block:2vw;font-family:Montserrat;font-size:6.5vw;font-weight:600}nav.mobile .menu ul.nav-links>li .nav-sub-links .nav-sub-sub-links{margin-top:.25em}nav.mobile .menu ul.nav-links>li .nav-sub-links .nav-sub-sub-links>li{margin-block:1.5vw;font-size:6vw;font-style:italic;font-weight:400}nav.mobile .menu ul.icons{flex-direction:row;align-items:center;gap:30px;width:fit-content;height:fit-content;margin:auto auto 30px;font-size:24pt;display:flex}nav.mobile .menu ul.icons li{justify-content:center;align-items:center;display:flex}nav.mobile .menu ul.icons .LanguageSwitcher{color:var(--white);margin-left:50px;font-weight:500}@media screen and (width<1000px){nav.desktop{display:none}nav.mobile{display:flex}}@media screen and (width>=1000px){nav.desktop{display:flex}nav.mobile{display:none}}*{box-sizing:border-box}html,body{--white:#fffef5;--lightgreen:#ddefdf;--green:#007860;--darkgreen:#005c4a;--lightpeach:#ffefe6;--peach:#ffc5a3;--black:#424242;--content-width:1000px;background-color:var(--white);margin:0;padding:0;font-family:Montserrat}:is(html,body) a{color:#000;text-decoration:none}:is(html,body) a:visited{color:#000}main.menu-open{display:none}#root{flex-direction:column;min-height:100vh;display:flex}main{flex-direction:column;flex:1;display:flex}h1,h2,h3,h4{color:var(--green);margin:0;font-family:Germania One}h1{font-size:40pt}h2{font-size:36pt}h3{font-size:32pt}h4{font-size:28pt}.LangLink,.LangLink:visited{color:inherit;cursor:pointer;font-family:inherit}a.external{text-underline-offset:2px;text-decoration:underline}.Layout{flex-direction:column;min-height:100vh;display:flex}.Layout footer{margin-top:auto}.ribbon{width:100%;height:30px;margin-bottom:10px;padding-top:36px;-webkit-mask-image:url(/img/kataja_oksat.svg);mask-image:url(/img/kataja_oksat.svg);-webkit-mask-position:-10px;mask-position:-10px;-webkit-mask-size:auto 20px;mask-size:auto 20px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.ribbon.white{background-color:#fff}.ribbon.green{background-color:var(--darkgreen)}.arrow-link{text-underline-offset:4px;text-decoration:underline}.arrow-link>span{align-items:center;gap:10px;display:flex}.arrow-link.green{color:var(--green)}.arrow-link.white{color:var(--white)}.block{background-color:var(--white);flex-direction:column;width:100%;padding-bottom:4em;display:flex;overflow-x:hidden}.block .content{max-width:100%;margin:3em auto auto;padding-inline:2em}@media screen and (width>=1000px){.block .content{width:var(--content-width);padding-inline:0}}.block .header-row{justify-content:space-between;align-items:center;display:flex}.block .header-row .header-block{margin-top:2em}.block .header-row .header-block p{text-transform:uppercase;color:var(--green);margin:0 0 .25em;font-weight:500}.block .header-row .header-block h1,.block .header-row .header-block h2{margin:0}.block p{font-size:13pt}.block.split{flex-direction:column-reverse}.block.split .blob-1,.block.split .blob-2,.block.split .image-edge{display:none}.block.split .split-image{height:50vw}@media screen and (width>1000px){.block.split{position:relative;overflow:hidden}.block.split .split-images .split-image{object-fit:cover;width:100%;height:100%}.block.split .split-images .image-edge{background:var(--white);display:block;position:absolute;inset:0}.block.split.right{background-color:var(--white)}.block.split.right .content{padding-left:calc(50% - 500px);margin:0;padding-block:2em}.block.split.right .split-images{width:50%;height:100%;position:absolute;top:0;right:0}.block.split.right .split-images .image-edge{-webkit-mask:url(/img/mask/left-mask-1.avif) 0/auto 100% no-repeat;mask:url(/img/mask/left-mask-1.avif) 0/auto 100% no-repeat}.block.split.right .split-images .blob{pointer-events:none;position:absolute}.block.split.right .split-images .blob.blob-1{display:block;top:-20px;right:-20px}.block.split.right .split-images .blob.blob-2{display:block;bottom:-80px;left:0}.block.split.left{background-color:var(--white);flex-direction:row;margin:0;padding-bottom:2em}.block.split.left .content{margin:0;padding:2em 4em 2em 50%}.block.split.left .split-images{width:45%;height:100%;position:absolute;top:0;left:0}.block.split.left .split-images .image-edge{-webkit-mask:url(/img/mask/right-mask-1.avif) 100%/auto 100% no-repeat;mask:url(/img/mask/right-mask-1.avif) 100%/auto 100% no-repeat}}.block.peach{background-color:var(--lightpeach)}.block.green{background-color:var(--green)}.button{border-radius:50vh;justify-content:space-between;align-items:center;gap:10px;height:fit-content;margin:40px;padding:12px 24px;font-weight:600;text-decoration:none;display:flex}.button.lightgreen{color:var(--darkgreen);background-color:var(--lightgreen)}button.peach{background-color:var(--peach);border:none;border-radius:50vh;margin-block:2em;padding:1em 2em}button.peach a{color:var(--green);letter-spacing:.75px;font-size:14pt;font-weight:600;text-decoration:none}.CalendarEventPage .block .content{padding-top:3em}.CalendarEventPage .block .content .CalendarEventCard{margin-top:1em}.ClassesPage .schedule-columns{display:flex}.ClassesPage .schedule-columns>div{width:50%}.ClassesPage .schedule-columns>div:first-child{padding-right:15px}.ClassesPage .schedule-columns img{width:100%}.ClassesPage .subheader{align-items:center;gap:10px;display:flex}.ClassesPage .subheader img{width:30pt;height:30pt}.ClassesPage .class-card{color:var(--black);border-radius:20px;grid-template-rows:auto 4em;grid-template-columns:3fr 2fr;margin-block:2em;display:grid;overflow:hidden}.ClassesPage .class-card .class-card-text{background-color:#fff;grid-area:1/1/span 2/span 1;padding:2em}.ClassesPage .class-card .class-card-image{grid-area:1/2/span 1/span 1}.ClassesPage .class-card .class-card-image img{object-fit:cover;object-position:top left;width:100%;height:100%}.ClassesPage .class-card .class-card-link{background-color:var(--green);grid-area:2/2/span 1/span 1;justify-content:center;align-items:center;display:flex}.ClassesPage .class-card h4{margin-bottom:2em;font-family:Montserrat;font-size:14pt}.ClassesPage .images{justify-content:space-around;align-items:center;gap:30px;width:100%;display:flex}.ClassesPage .images img{object-fit:contain;flex:none;width:auto;max-width:400px;height:auto;max-height:none}.VideoContainer{flex-direction:column;align-items:center;display:flex}.VideoContainer .video{aspect-ratio:16/9;width:100%;max-width:560px;margin:10px}.MaterialsPage .content.centered{text-align:center}.MaterialsPage .content h1{margin:2em 0 1em}:is(.MaterialsPage #jaminuotit,.MaterialsPage #julkaisut) a{text-decoration:underline}.MaterialsPage .playlists-container{justify-content:space-between;padding-right:6em;display:flex}.MaterialsPage .playlists-container li{cursor:pointer}.MaterialsPage .playlists-container ul.links{margin:0;padding-left:0;list-style-type:none}.MaterialsPage .playlists-container ul.links a{border-radius:3px;align-items:center;gap:5px;width:fit-content;margin-block:4px;padding:3px 6px;display:flex}.MaterialsPage .playlists-container ul.links .tidal-link:hover{color:#fff;background-color:#000}.MaterialsPage .playlists-container ul.links .spotify-link:hover{color:green;background-color:#000}.MaterialsPage #pajavideot h2{text-align:center;margin-top:2em;font-family:Montserrat;font-size:16pt}.MaterialsPage #pajavideot a.external:hover{font-weight:500}.ActorsPage h2,.ActorsPage h3{font-family:Montserrat}.ActorsPage h2{font-size:24pt}.ActorsPage h3{color:#000;font-size:20pt}.ActorsPage a.external{align-items:center;gap:.5em;margin:.25em 1em;text-decoration:underline;display:flex}.ActorsPage .actor{background-color:var(--white);border-radius:1em;grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr auto;margin-block:1em;padding:1em;display:grid}.ActorsPage .actor h2{grid-area:1/1/span 1/span 2;margin-bottom:.75em}.ActorsPage .actor img{grid-area:1/2/span 4/span 1;height:200px;margin-bottom:1em}.ActorsPage .actor p{grid-column:1/span 2}.ActorsPage #national h1,.ActorsPage #national h2{margin-block:1em}.ActorsPage #national h3{margin-left:1em}.ActorsPage #national a{margin-left:2em}.KatajaPage .teacher{background-color:var(--lightpeach);border-radius:1em;flex-direction:row-reverse;gap:4em;margin-block:2em;padding:2em;display:flex}.KatajaPage .teacher .image{justify-content:center;align-items:center;display:flex}.KatajaPage .teacher h2{font-family:Montserrat;font-size:18pt}.KatajaPage .teacher p{color:var(--black);line-height:170%}.KatajaPage .teacher .image img{height:400px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.KatajaPage .teacher .image img.shape-1{-webkit-mask-image:url(/img/teachers/teacher-mask-1.svg);mask-image:url(/img/teachers/teacher-mask-1.svg)}.KatajaPage .teacher .image img.shape-2{-webkit-mask-image:url(/img/teachers/teacher-mask-2.svg);mask-image:url(/img/teachers/teacher-mask-2.svg)}.KatajaPage .teacher .image img.shape-3{-webkit-mask-image:url(/img/teachers/teacher-mask-3.svg);mask-image:url(/img/teachers/teacher-mask-3.svg)}