@font-face{font-family:Sharp;src:url(/fonts/SimplerPro-Light.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sharp;src:url(/fonts/SimplerPro-Regular.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IsotopeVF;src:url(/fonts/Isotope-VF.woff2) format("woff2");font-weight:400;font-stretch:100% 112.5%;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}*::selection{background:#f2eab8;color:#0d0d0d}.fade-in{opacity:0;transition:opacity .6s ease}.visible{opacity:1}a{color:inherit;text-decoration:none;font:inherit;background:none;border:none;padding:0;margin:0}button,input,textarea{all:unset}button{cursor:pointer}html,body{font-family:Sharp;margin:0;background-color:#0d0d0d}html{scroll-behavior:smooth}body{padding-inline:19px;padding-block:12px;max-width:2000px;margin:0 auto}h1,h2,h3,h4,h5,h6{font-weight:400}ul,ol,li{list-style:none}*,*:before,*:after{box-sizing:border-box}.sharp{font-family:Sharp}.bold{font-weight:700}.variable{font-family:IsotopeVF;font-stretch:106%;font-variation-settings:"CNTR" 100}header .head-wrap{padding-bottom:12px;display:grid;grid-template-columns:repeat(12,1fr);color:#a3a3a3}header .head-wrap .item{min-height:44px}header .head-wrap .batzalel{grid-column:1/2;width:310px;height:47px}header .head-wrap .instructor{grid-column:3/5;color:#a3a3a3;min-width:60px;text-align:right}header .head-wrap .symbol{grid-column:6;min-width:46px;min-height:46px;height:100%}header .head-wrap .symbol svg{height:100%}header .head-wrap .names{grid-column:9/10;min-width:100px;color:#ececec}header .head-wrap .signiture{grid-column:10/-1;display:flex;justify-content:end}header .head-wrap .signiture .logo{width:177px;height:32px}.name-wrap{font-size:1rem;color:#a3a3a3;height:22px}.name-wrap span{padding-inline-start:1rem}.under-bar{border-bottom:1px solid #A3A3A3}.top-bar{width:100%;border-top:1px solid #F2EAB8;padding-top:1rem}.hero{width:100%;padding-block:180px}.hero h1{text-align:center}.hero h1 .h1-interactive-isotope{font-size:clamp(10rem,3rem + 12vw,21.875rem);color:#f2eab8;font-stretch:106%;display:flex;align-items:center;justify-content:center}.hero h1 .h1-interactive-isotope .fancy-box .box-content{padding-top:calc((3rem + 12vw)/5);line-height:.8}.hero h1 .h1-interactive-isotope .fancy-box .indicator{position:absolute;font-size:27px;padding:8px;height:50px;min-width:200px}.hero h1 .h1-interactive-isotope .fancy-box .indicator .indicator-name{color:#a3a3a3}.hero h1 .h1-interactive-isotope .fancy-box .indicator .indicator-value{color:#ececec}.hero h1 .h1-interactive-isotope .fancy-box .width-indicator{position:absolute;left:0;top:-70px;text-align:left}.hero h1 .h1-interactive-isotope .fancy-box .contrast-indicatior{position:absolute;transform:rotate(270deg);left:-130px;top:6ch;text-align:right}.hero h1 .h1-interactive-isotope .fancy-interactive-box{width:90%}.hero h1 .h1-interactive-isotope .fancy-interactive-box .fancy-box{padding-inline:0;padding-block:4rem}.hero h1 .h1-sub-flex{padding-top:1.375rem;display:flex;justify-content:center}.hero h1 .h1-sub-flex .h1-sub-wrap{width:90%;display:flex;text-align:right;gap:1.375rem}.hero h1 .h1-sub-flex .h1-sub-wrap .isotope-explanation{color:#a3a3a3;font-size:1.375rem;max-width:50%}.hero h1 .h1-sub-flex .h1-sub-wrap .h1-sub-text{font-size:clamp(1rem,.5rem + 4vw,5rem);flex-grow:1;text-align:end;font-stretch:109%}.features{min-height:100dvh;width:100%}.short-explain{max-width:45rem;color:#ececec;font-size:2rem}.ligatures{min-height:100dvh;width:100%}.ligatures .ligatures-head{color:#a3a3a3;display:flex;justify-content:space-between}.ligatures .ligatures-head .item-right{font-size:2rem;color:#ececec}.ligatures .ligatures-head .item-center{max-width:35ch;text-align:center}.ligatures .animal-cards{position:relative;display:grid;grid-template-columns:repeat(12,1fr)}.ligatures .animal-cards .animal-card-icon-track{grid-row:1/6;position:relative}.ligatures .animal-cards .animal-card-icon-track #animal-card-hover-icon{opacity:0;transition:top .4s ease,height .3s ease,opacity .4s ease;will-change:transform,opacity;position:absolute;height:300px;width:100%;top:0;left:0}.ligatures .animal-cards .animal-card-icon-track #animal-card-hover-icon .fancy-box{height:100%;padding:0}.ligatures .animal-cards .animal-card-icon{grid-column:1/3;font-size:clamp(5rem,5rem + 6vw,13rem);font-feature-settings:"liga" 1,"clig" 1,"calt" 1;font-variant-ligatures:common-ligatures contextual;color:#f2eab8}.ligatures .animal-cards .animal-card-icon .fancy-box{height:100%;padding:0}.ligatures .animal-cards .animal-card-text-wrap{grid-column:5/13;color:#a3a3a3;font-size:1rem;min-width:70%;position:relative}.ligatures .animal-cards .animal-card-text-wrap .animal-card-text,.ligatures .animal-cards .animal-card-text-wrap .animal-card-text .fancy-box{height:100%}.ligatures .animal-cards .animal-card-text-wrap .index{color:#a3a3a3;font-family:Sharp;position:absolute;right:-1rem;top:-.5rem}.animal-card-icon-track{grid-column:1/3}#hover-title-1,#hover-title-2,#hover-title-3,#hover-title-4,#hover-title-5{display:none;transition:opacity .3s ease}.cards{padding-block:10rem}.cards .stats-card-right,.cards .stats-card-left{position:relative;width:50%;padding-block:.5rem;display:flex;flex-direction:column}.cards .stats-card-right .index,.cards .stats-card-left .index{color:#a3a3a3;position:absolute;top:-.5rem}.cards .stats-card-right .index{left:-.5rem}.cards .stats-card-left{margin-right:auto}.cards .stats-card-left .index{color:#a3a3a3;right:-.5rem}.fancy-box{position:relative;padding:2rem;overflow:visible}.fancy-box .box-content{position:relative;z-index:1;height:100%}.fancy-box .box-content .description{padding-top:1rem;margin-inline-start:auto;display:flex;justify-content:end}.fancy-box .box-content .description .description-text,.fancy-box .box-content .description .description-num{color:#a3a3a3;font-size:1rem;display:flex;flex-direction:column}.fancy-box .box-content .description .description-text{padding-inline-end:2rem}.fancy-box .box-content .animal-description{padding-top:1rem;display:grid;grid-template-columns:repeat(12,1fr)}.fancy-box .box-content .animal-description .bio-description{grid-column:1/5}.fancy-box .box-content .animal-description .threat-description{grid-column:6/10}.fancy-box .box-content .animal-description .num-left{grid-column:11/-1;color:#f2eab8;text-align:end}.fancy-box .box-content .animal-description .description-pair{display:flex;gap:1rem}.fancy-box .box-content .animal-description .description-pair .biology-stats{display:flex;flex-direction:column}.fancy-box .corner{position:absolute;pointer-events:none;z-index:2}.fancy-box .corner .corner-plus{font-family:IsotopeVF;font-stretch:106%;font-variation-settings:"CNTR" 77;font-size:3.125rem;position:absolute;color:#ececec}.fancy-box .corner svg{width:100%;height:100%;display:block}.fancy-box .corner svg path{stroke-width:1px}.fancy-box .corner.top-left{top:0;left:0}.fancy-box .corner.top-left .corner-plus{top:.3rem;left:1.3rem}.fancy-box .corner.top-right{top:0;right:0}.fancy-box .corner.top-right .corner-plus{top:.3rem;right:1.3rem}.fancy-box .corner.bottom-left{bottom:0;left:0}.fancy-box .corner.bottom-left .corner-plus{bottom:-.2rem;left:1.3rem}.fancy-box .corner.bottom-right{bottom:0;right:0}.fancy-box .corner.bottom-right .corner-plus{bottom:-.2rem;right:1.3rem}.elegent{font-stretch:108%;font-variation-settings:"CNTR" 100}.geometric{font-stretch:107%;font-variation-settings:"CNTR" 63}.monolith{font-stretch:105%;font-variation-settings:"CNTR" 23}.brutalist{font-stretch:100%;font-variation-settings:"CNTR" 0}.nostalgic{font-stretch:111%;font-variation-settings:"CNTR" 83}.animal-card-header{font-size:clamp(5rem,2rem + 6vw,10rem);color:#ececec}.content-head{font-size:clamp(3rem,2.5rem + 7vw,10rem);color:#ececec}.content-head-min-size{min-height:clamp(3rem,2.5rem + 7vw,10rem)}.content-head-min-size span{display:block}.content-head-min-size span:focus{outline:none;box-shadow:none}.flex-center{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.posters_number{position:absolute;top:-1rem;right:calc(50% - 2ch)}.letter-set-head{color:#ececec;font-size:2rem;display:block}.grids{padding-block:4.5rem}.grid-wrap{padding-block:2.5rem}.grid-wrap .grid-sub-header{display:block;font-size:1.375rem;color:#a3a3a3;padding-bottom:1rem}.letter-set{min-height:100dvh;width:100%;overflow:hidden}.letter-set .letter-set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:0;border-bottom:1px solid #ECECEC;border-left:1px solid #ECECEC}.letter-set .cell{position:relative;color:#ececec;display:flex;align-items:center;justify-content:center;padding:1rem;width:100%;height:100%;font-family:IsotopeVF;font-stretch:106%;font-variation-settings:"CNTR" 77;font-size:5rem;border-right:1px solid #ECECEC;border-top:1px solid #ECECEC}.letter-set .cell:before{content:attr(data-letter);position:absolute;font-size:9rem;background:#f2eab8;color:#0d0d0d;padding:.2em;opacity:0;pointer-events:none;z-index:10;width:calc(200% + 1px);height:calc(200% + 1px);display:flex;align-items:center;justify-content:center}.letter-set .cell.hovering:before{opacity:1}.letter-set .cell.position-right:before{top:0;left:0}.letter-set .cell.position-left:before{top:0;right:0}.stats{width:100%;display:flex;justify-content:space-around;padding-bottom:12px;padding-top:15dvh;border-bottom:1px solid #F2EAB8}.stats .stats-wrap{align-items:end;text-align:center}.stats .stats-wrap .stat-num,.stats .stats-wrap .stat-text{line-height:1}.stats .stats-wrap .stat-num{color:#f2eab8;width:clamp(55px,55px + 6vw,200px);display:inline-block;font-size:clamp(5rem,1rem + 10vw,10.825rem);line-height:.8}.stats .stats-wrap .stat-text{font-size:1.375rem;color:#a3a3a3}.three-d{width:100%;padding-block:200px}.three-d #experience-canvas{border-right:2px solid #F2EAB8;border-left:2px solid #F2EAB8;width:100%;height:100%}.posters{width:100%;padding-top:3rem;padding-bottom:1rem}.posters .posters-text{width:100%}.posters .posters-text .posters-big-text{text-align:center;font-size:clamp(5rem,1rem + 10vw,18rem)}.posters .posters-text .poster-text-scroller-inner{flex-wrap:nowrap;gap:1ch;animation:textScroll 30s forwards linear infinite}.poster-image{width:100%;height:100%}.posters-text-scroller{padding-top:2rem}.posters-scroller{width:100%;border-radius:28px;background-color:#ececec}.posters-scroller .posters-scroller-header{padding-block:1.5rem;color:#0d0d0d;font-size:1.125rem;display:flex;align-items:center;justify-content:center}.posters-scroller .posters-scroller-inner{height:100%;padding-block:2rem;gap:12rem;animation:postersScroll 60s reverse linear infinite}.posters-scroller .posters-scroller-inner .fancy-box .box-content{width:259px;height:100%}.posters-scroller .posters-scroller-inner .fancy-box img{width:100%;height:100%;object-fit:cover}.scroller .scroller_inner{display:flex;flex-wrap:wrap}.scroller .scroller_inner span{white-space:nowrap}.scroller[data-animated=true]{overflow:hidden}.scroller[data-animated=true] .scroller_inner{width:fit-content;flex-wrap:nowrap}.scroller[data-animated=true] .scroller_inner:hover,.scroller[data-animated=false] .scroller_inner{animation-play-state:paused}@keyframes postersScroll{to{transform:translate(calc(50% + 6rem))}}@keyframes textScroll{to{transform:translate(calc(50% + .5ch))}}.play-test{width:100%;border-top:1px solid #F2EAB8;display:flex;flex-direction:column;padding-block:5rem}.play-test .fancy-hlep-text-wrap{align-self:end;width:100%;height:300px}.play-test .fancy-hlep-text-wrap .fancy-box .box-content{min-height:150px}.play-test .fancy-hlep-text-wrap .fancy-box .box-content .help-text-head{color:#ececec;font-size:1.375rem;padding-bottom:1rem}.play-test .fancy-hlep-text-wrap .fancy-box .box-content .help-info{color:#ececec80;font-size:2.625rem}.play-test .input-container{padding-inline:2rem}.sliders-container{display:flex;gap:5rem;justify-content:space-around}.sliders-container .slider-wrap{flex-grow:1;display:flex;flex-direction:column;gap:1rem}.sliders-container .slider-wrap .slider-text-wrap{color:#a3a3a3;font-size:1.375rem;display:flex}.sliders-container .slider-wrap .slider-text-wrap span{margin-inline-start:auto}.sliders-container .slider-wrap .custom-slider{-webkit-appearance:none;width:100%;height:2px;background:#ddd;border-radius:3px;cursor:pointer}.sliders-container .slider-wrap .custom-slider::-webkit-slider-runnable-track{height:2px;background:#f2eab8;border-radius:3px}.sliders-container .slider-wrap .custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:20px;width:20px;border-radius:2px;border:2px solid #F2EAB8;background:#0d0d0d;margin-top:-7px;cursor:pointer}.sliders-container .slider-wrap .custom-slider::-moz-range-track{height:2px;background:#f2eab8;border-radius:3px}.sliders-container .slider-wrap .custom-slider::-moz-range-thumb{height:20px;width:20px;background:#0d0d0d;border-radius:2px;border:2px solid #F2EAB8;cursor:pointer}.sliders-container .slider-wrap .custom-slider::-ms-track{height:2px;background:transparent;border-color:transparent;color:transparent}.sliders-container .slider-wrap .custom-slider::-ms-thumb{height:20px;width:20px;background:#0d0d0d;border-radius:2px;border:2px solid #F2EAB8;cursor:pointer}.editable-container{padding-block:5rem;-moz-spellcheck:false}#editableSpan{display:block;min-height:362px;height:100%;width:100%;font-size:23rem;white-space:pre-wrap;word-wrap:break-word;outline:none;border-radius:28px;border:0;padding-block:1rem;padding-inline:2rem;color:#0d0d0d;background-color:#f2eab8}#editableSpan::selection{background-color:#0d0d0d;color:#f2eab8}.muted-text-input{width:100%;height:100%;color:#ececec}.thanks{width:100%;border-bottom:1px solid #F2EAB8}.thanks .thanks-text-wrap{padding-top:2.5rem;padding-bottom:5rem;display:flex;align-items:center;justify-content:center}.thanks .thanks-text{text-align:center}.thanks .thanks-text .great-honor{padding-bottom:3rem}.thanks .thanks-text p{line-height:1.2}.thanks .thanks-text p .large-yellow-text{font-size:clamp(3rem,1rem + 1.5vw,5rem);font-family:IsotopeVF;font-stretch:107%;font-variation-settings:"CNTR" 100;color:#f2eab8}.thanks .thanks-text p .small-gray-text{font-family:Sharp;font-size:clamp(1.25rem,.7rem + .5vw,2rem);color:#a3a3a3}.thanks .echidna{padding-top:3rem}.thanks .bottom-text{display:flex;align-items:end;gap:1rem;font-size:1.375rem;padding-bottom:1.375rem;color:#313131}.thanks .bottom-text .copyright{font-size:1.25rem}.thanks .bottom-text .item-end{margin-inline-start:auto;display:flex;gap:1rem;align-items:end}.thanks .bottom-text .item-end .text-links:hover{color:#ececec}.thanks .bottom-text .item-end .text-links:hover svg path{fill:#ececec}.rotate-180{transform:rotate(180deg)}.hand svg path{fill:#ececec}.hand:hover svg path{fill:#f2eab8}.text-yellow-stroke{color:#0d0d0d;-webkit-text-stroke:2px #F2EAB8}.text-yellow{color:#f2eab8}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background-color:#f2eab8;border:none}@media (max-width: 1700px){.animal-card-icon-track{grid-column:1/4}}@media (min-width: 1400px){.hero h1 .h1-interactive-isotope{font-size:clamp(10rem,1px + 17vw,30rem)}}
