@charset "UTF-8";/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-display:swap;font-family:outfit;font-style:normal;font-weight:200;src:url(/fonts/Outfit-Regular.ttf)format("truetype")}@font-face{font-display:swap;font-family:outfit;font-style:normal;font-weight:400;src:url(/fonts/Outfit-Bold.ttf)format("truetype")}@font-face{font-display:swap;font-family:kanit;font-style:normal;font-weight:400;src:url(/fonts/Kanit-ExtraBold.ttf)format("truetype")}*{font-family:Outfit,sans-serif;color:#f8f7f7}h1{font-size:2rem}h2{font-size:1.5rem;font-weight:400}p{font-size:1rem;font-weight:200}section .top,section .bottom{flex:none;height:3rem;overflow:hidden}section .bottom{text-align:center}section .bottom a,section .bottom span{font-weight:200;color:darkgrey;text-decoration:none;font-size:clamp(.7rem,2vw,1rem)}section img.inline{width:100%}section img.shadow{box-shadow:0 8px 12px rgba(0,0,0,.2)}section.cards{height:100vh;display:flex;flex-direction:column;margin-top:3rem;background:#ededed;position:relative}#progress-bar{position:absolute;top:0;left:0;right:0;height:1px;border-radius:2px;background-color:darkgrey;width:100hw}#progress-bar div{background-color:#1c3f8c;width:50%;height:100%}div#dimensions{flex:1;display:flex;overflow:auto auto;scrollbar-width:none;flex-wrap:nowrap;scroll-snap-type:x mandatory;margin:1rem 0;justify-content:flex-start}div#dimensions.filtered .card:not(.bookmarked):not(.first-card){display:none}div.card{margin:auto 1%;aspect-ratio:9/16;height:80%;scroll-snap-align:center;border-radius:1rem;box-shadow:0 8px 12px rgba(0,0,0,.2);flex:none;perspective:1e3px;position:relative;transform-style:preserve-3d;transition:transform 1s;cursor:pointer}div.card.first-card{display:grid;grid-template-columns:auto;grid-template-rows:1fr 1fr;align-items:center;box-shadow:none;border:none;gap:1rem;text-align:center;background-color:#0e4522;overflow:hidden}div.card.first-card h1,div.card.first-card span{color:#fff}div.card.first-card .main-info{display:flex;flex-direction:column;justify-items:center;margin-top:4rem}div.card.first-card .main-info h1.logo{width:80%}div.card.first-card span{font-weight:200}div.card.first-card .icons{padding:0 4rem 2rem;object-fit:contain}div.card.first-card .tree{padding:10%;object-fit:cover;margin-bottom:-25%}div.card.flipped{transform:rotateY(180deg)}div.card.bookmarked div.heart svg path{fill:#f8f7f7}div.card.showAnswer *{display:none}div.card.showAnswer p.answer{display:block}div.card.showAnswer p.answer span,div.card.showAnswer p.answer a{display:block!important}div.card div.front{display:flex;justify-content:center;align-items:center;flex-direction:column;backface-visibility:hidden;background-size:cover;background-repeat:no-repeat;background-position:50% 100%;height:100%;border-radius:1rem;position:relative}div.card div.front div.heart{position:absolute;top:10px;right:20px}div.card div.front div.share{position:absolute;top:10px;left:20px}div.card div.front div.heart svg,div.card div.front div.share svg{height:1.5rem}div.card div.front h2{margin-top:clamp(3rem,20vw,6rem);margin-bottom:1rem;text-transform:uppercase;font-size:clamp(1rem,2.5vw,2rem)}div.card div.front div.icon{width:clamp(3rem,5vw,6rem);height:clamp(3rem,5vw,6rem);background-size:cover;background-repeat:no-repeat;background-position:50%}div.card div.front p{flex:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;line-height:1.5;letter-spacing:.05rem;padding-left:clamp(.5rem,2vw,5rem);padding-right:clamp(.5rem,2vw,5rem);font-size:clamp(1rem,2.5vw,1.75rem);margin:0 1rem 1rem}div.card div.front p.answer{display:none}div.card div.front p.answered{display:block}div.card div.front p.answered a{text-decoration:underline}div.card div.front p.answered span{display:none}div.card div.front p.answered span.show{display:block}div.card div.front ul.options{list-style:none;padding:0;margin:0}div.card div.front ul.options li{border:1px solid darkgrey;text-align:center;border:1px solid darkgrey;padding:.5rem;margin:.35rem;border:solid 2px #fff;border-radius:10px;font-weight:200;background-color:#4c8030}div.card div.back{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:rotateY(180deg);backface-visibility:hidden;background-image:url(/images/backgrounds/tree.svg);background-size:80%;background-repeat:no-repeat;background-position:50%;border-radius:1rem}.being{background-color:#037132}.being div.back{background-color:#037132}.thinking{background-color:#238099}.thinking div.back{background-color:#238099}.relating{background-color:#1c3f8c;background-position:50% 0}.relating div.back{background-color:#1c3f8c}.collaborating{background-color:#4c8030}.collaborating div.back{background-color:#4c8030}.acting{background-color:#c35617}.acting div.back{background-color:#c35617}.being div.front{background-image:url(/images/backgrounds/being.svg)}.being .icon{background-image:url(/images/icons/round_icons/being.svg)}.thinking div.front{background-image:url(/images/backgrounds/thinking.svg)}.thinking .icon{background-image:url(/images/icons/round_icons/thinking.svg)}.relating div.front{background-image:url(/images/backgrounds/relating.svg)}.relating .icon{background-image:url(/images/icons/round_icons/relating.svg)}.collaborating div.front{background-image:url(/images/backgrounds/collaborating.svg)}.collaborating .icon{background-image:url(/images/icons/round_icons/collaborating.svg)}.acting div.front{background-image:url(/images/backgrounds/acting.svg)}.acting .icon{background-image:url(/images/icons/round_icons/acting.svg)}div.bookmark svg *{stroke:#f8f7f7;stroke-width:1px}div.bookmark.bookmarked svg.heart-icon path{fill:#7777}div.bookmark.filtered svg.filter-icon path{fill:#7777}div.bookmark svg.active path{fill:#7777}.hi-svg-inline{width:2rem;height:2rem}section.info{flex:1;height:100vh;display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow:auto auto;scroll-snap-type:x mandatory;scrollbar-width:none}section.info section{flex:0 0 100%;scroll-snap-align:center;overflow:auto;scrollbar-width:none}h1.logo{background-image:url(/images/icons/logo/logo-icons.svg);background-repeat:no-repeat;background-position:50%;width:80vw;height:clamp(100px,15vh,200px);margin:0 auto 1rem}div.home-top{margin-top:3rem;justify-content:center;display:flex;flex-direction:column;gap:1rem}div.home-top h2{text-shadow:0 8px 12px rgba(0,0,0,.2);font-size:clamp(.75rem,5vw,1.5rem);font-weight:200;width:90vw;margin:0 auto}div.home-top p{text-align:center}h1.logo,h2.logo{font-family:kanit}section.home{background-color:#0e4522;background-image:url(/images/elements/single-green-tree.svg);background-position:50%;background-size:cover;overflow:hidden;text-align:center;display:grid;grid-template-columns:auto;grid-template-rows:1fr 4rem auto auto;gap:1rem}section.home ul.about{display:flex;list-style:none;padding:0;margin:0 auto;text-align:center;justify-content:center;align-items:center;font-size:clamp(.75rem,2.5vw,1rem);font-weight:200}section.home ul.about :nth-of-type(2):before{content:" – "}section.home ul.about li a{text-decoration:none;margin:0 .5rem}section.home button.start{text-transform:uppercase;letter-spacing:.1rem;border-radius:2rem;margin:0 auto;width:80vw;background-color:#f8f7f7;color:#0e4522;font-size:clamp(1rem,3.5vw,2rem);cursor:pointer;border-width:0;border-color:#f8f7f7}section.dimension{height:100vh;position:relative}section.dimension div.content{padding:5vh 5vw;text-align:left}section.dimension div.content .icon{width:clamp(3.6rem,5vw,9rem);height:clamp(3.6rem,5vw,9rem);background-size:cover;background-repeat:no-repeat;background-position:50%;margin:0 auto}section.dimension div.content h3{font-size:clamp(1.5rem,10vw,2.5rem);text-transform:uppercase;text-align:center;margin:1rem 0}section.dimension div.content h4{font-size:clamp(.8rem,6vw,1.5rem);font-weight:200;opacity:.7;margin:1rem 0;margin-bottom:2rem;text-align:center}section.dimension div.content p{font-size:clamp(1rem,5vw,1.5rem);font-weight:200;line-height:1.5}section.dimension div.content p.more-info{margin-top:5rem}section.dimension div.bottom-navigation{display:flex;justify-content:space-between;align-items:center;flex-direction:row;position:absolute;bottom:1rem;left:0;right:0;padding:1rem;opacity:.7}section.dimension div.bottom-navigation a{text-decoration:none;font-weight:200;display:flex;flex-direction:row;align-items:center;justify-content:center}section div.bottom a{color:#c6c6c6}section.dimension.idg,section.dimension.installieren,section.dimension.kartenspiel,section.dimension.beyond-content{background-color:#222}section.dimension.idg div.content .icon,section.dimension.installieren div.content .icon,section.dimension.kartenspiel div.content .icon,section.dimension.beyond-content div.content .icon{display:none}section.dimension.idg div.content h4,section.dimension.installieren div.content h4,section.dimension.kartenspiel div.content h4,section.dimension.beyond-content div.content h4{margin-bottom:1vh}section.dimension.idg div.content ul.dimension-buttons,section.dimension.installieren div.content ul.dimension-buttons,section.dimension.kartenspiel div.content ul.dimension-buttons,section.dimension.beyond-content div.content ul.dimension-buttons{list-style:none;margin:0;padding:0}section.dimension.idg div.content ul.dimension-buttons li,section.dimension.installieren div.content ul.dimension-buttons li,section.dimension.kartenspiel div.content ul.dimension-buttons li,section.dimension.beyond-content div.content ul.dimension-buttons li{margin-left:1rem;height:2.5rem}section.dimension.idg div.content ul.dimension-buttons li a[href=".dimension.being"],section.dimension.installieren div.content ul.dimension-buttons li a[href=".dimension.being"],section.dimension.kartenspiel div.content ul.dimension-buttons li a[href=".dimension.being"],section.dimension.beyond-content div.content ul.dimension-buttons li a[href=".dimension.being"]{background-image:url(/images/icons/round_icons/being.svg);background-repeat:no-repeat;background-position:0;background-size:1.2rem;padding-left:2rem;line-height:2.5rem;font-weight:200}section.dimension.idg div.content ul.dimension-buttons li a[href=".dimension.thinking"],section.dimension.installieren div.content ul.dimension-buttons li a[href=".dimension.thinking"],section.dimension.kartenspiel div.content ul.dimension-buttons li a[href=".dimension.thinking"],section.dimension.beyond-content div.content ul.dimension-buttons li a[href=".dimension.thinking"]{background-image:url(/images/icons/round_icons/thinking.svg);background-repeat:no-repeat;background-position:0;background-size:1.2rem;padding-left:2rem;line-height:2.5rem;font-weight:200}section.dimension.idg div.content ul.dimension-buttons li a[href=".dimension.relating"],section.dimension.installieren div.content ul.dimension-buttons li a[href=".dimension.relating"],section.dimension.kartenspiel div.content ul.dimension-buttons li a[href=".dimension.relating"],section.dimension.beyond-content div.content ul.dimension-buttons li a[href=".dimension.relating"]{background-image:url(/images/icons/round_icons/relating.svg);background-repeat:no-repeat;background-position:0;background-size:1.2rem;padding-left:2rem;line-height:2.5rem;font-weight:200}section.dimension.idg div.content ul.dimension-buttons li a[href=".dimension.collaborating"],section.dimension.installieren div.content ul.dimension-buttons li a[href=".dimension.collaborating"],section.dimension.kartenspiel div.content ul.dimension-buttons li a[href=".dimension.collaborating"],section.dimension.beyond-content div.content ul.dimension-buttons li a[href=".dimension.collaborating"]{background-image:url(/images/icons/round_icons/collaborating.svg);background-repeat:no-repeat;background-position:0;background-size:1.2rem;padding-left:2rem;line-height:2.5rem;font-weight:200}section.dimension.idg div.content ul.dimension-buttons li a[href=".dimension.acting"],section.dimension.installieren div.content ul.dimension-buttons li a[href=".dimension.acting"],section.dimension.kartenspiel div.content ul.dimension-buttons li a[href=".dimension.acting"],section.dimension.beyond-content div.content ul.dimension-buttons li a[href=".dimension.acting"]{background-image:url(/images/icons/round_icons/acting.svg);background-repeat:no-repeat;background-position:0;background-size:1.2rem;padding-left:2rem;line-height:2.5rem;font-weight:200}section.dimension.idg div.content p,section.dimension.installieren div.content p,section.dimension.kartenspiel div.content p,section.dimension.beyond-content div.content p{font-size:clamp(.5rem,5vw,1rem)}section.dimension.idg div.content p img,section.dimension.installieren div.content p img,section.dimension.kartenspiel div.content p img,section.dimension.beyond-content div.content p img{width:50vw;margin:0 auto;display:block}section.dimension.idg div.content p.button,section.dimension.installieren div.content p.button,section.dimension.kartenspiel div.content p.button,section.dimension.beyond-content div.content p.button{margin-top:2rem}section.dimension.idg div.content p.button a,section.dimension.installieren div.content p.button a,section.dimension.kartenspiel div.content p.button a,section.dimension.beyond-content div.content p.button a{border:1px solid darkgrey;border-radius:2rem;background-color:#f8f7f7;text-align:center;padding:0;color:#222;display:block;text-decoration:none;text-transform:uppercase;padding:.5rem;font-weight:400}section.dimension.idg div.bottom-navigation,section.dimension.installieren div.bottom-navigation,section.dimension.kartenspiel div.bottom-navigation,section.dimension.beyond-content div.bottom-navigation{display:none}section.dimension.beyond-content{background-color:#181d2b}section.dimension.kartenspiel,section.dimension.installieren{background-color:#0e4522}.top{padding:0 1rem;display:flex;align-items:center}.top>:first-child{flex:auto}.top a{text-decoration:none;color:darkgrey;text-transform:uppercase;letter-spacing:.05rem;margin-right:1rem;font-size:clamp(.7rem,2vw,1rem)}.top h2.top{text-align:center;font-size:clamp(1rem,5vw,2rem);opacity:.4}.burger-menu-icon{position:fixed;top:10px;left:10px;height:1.7rem;z-index:1000;cursor:pointer;display:flex;flex-direction:row;align-items:flex-start}.burger-menu-icon span{display:block;height:100%;width:35px;margin-left:.1rem}.burger-menu-icon span.hearted{position:relative}.burger-menu-icon span.hearted b{position:absolute;top:0;left:0;right:0;height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;font-weight:200;font-size:.7rem;text-align:center;line-height:1.5rem;color:darkgrey}.burger-menu-icon span svg{width:100%;height:100%;transition:fill .3s ease-in-out}.burger-menu-icon span svg *{stroke-width:1px}.burger-menu-icon span.active svg{fill:darkgrey}.burger-menu-icon span.active b{color:#f8f7f7}.burger-menu:has(.burger-menu-overlay.active) .burger-menu-icon svg *{color:#f8f7f7}div.wrapper .burger-menu-icon{color:#f8f7f7}div.wrapper.playing .burger-menu-icon svg *{color:#7777}.burger-menu-overlay{position:fixed;top:0;width:calc(100vw - 20vw);height:100vh;padding:0 10vw;background-color:#0e4522;z-index:999;left:-100vw;opacity:0;pointer-events:none;transition:left .3s ease-in-out,opacity .3s ease-in-out;text-align:left;display:flex;flex-direction:column;justify-content:space-around}.burger-menu-overlay.active{left:0;opacity:1;pointer-events:all}.burger-menu-overlay div.home-top{width:fit-content}.burger-menu-overlay ul{list-style:none;padding:0;margin:0}.burger-menu-overlay ul li{padding:0;padding:.5rem;margin:1rem 0 0}.burger-menu-overlay ul li a{text-decoration:none;color:darkgrey;text-transform:uppercase;letter-spacing:.05rem;margin-right:1rem}.burger-menu-overlay ul li.button{border:1px solid darkgrey;border-radius:2rem;background-color:#f8f7f7;text-align:center;padding:0}.burger-menu-overlay ul li.button a{width:100%;padding:1rem 0;display:block;color:#0e4522;margin:0;letter-spacing:.1rem}.burger-menu-overlay p.version{font-size:.7rem;opacity:.4;margin:0;text-align:center}body{overflow:hidden;scrollbar-width:none;background:#f4f4f4}.scroll-to{cursor:pointer}