@font-face{font-family:Evergreen;src:url(../fonts/Evergreen.otf) format("opentype")}*{box-sizing:border-box;touch-action:none}html{font-size:16px}body{margin:0 auto;padding:0;background-color:#ffd1d0;color:#050814;font-family:Evergreen,Arial,sans-serif;touch-action:none;overflow:hidden;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}h1,h2,h3,p{margin:0}h1{font-size:3rem}h2{font-size:1.5rem}p{font-size:1rem}a{font-size:inherit;text-decoration:underline;cursor:pointer;color:#050814}a:visited{color:#050814}a:hover{color:#c6392f}.frame{position:absolute;top:0;left:0;height:100vh;max-height:-webkit-fill-available;width:100vw;overflow:hidden}.frame-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;cursor:pointer;z-index:20}.frame-overlay-show{display:block}.frame-title{position:absolute;z-index:21;margin:20px;pointer-events:none}.frame-button{z-index:24;position:absolute;width:2em;height:2em;border:2px solid #050814;border-radius:50%;line-height:2em;text-align:center;cursor:pointer;margin:20px;bottom:0;left:0;background-color:#fff}.frame-button:hover{border:2px solid #C6392F}.frame-button:hover a{color:#c6392f}.frame-button:focus-visible{outline:#C6392F auto 2px;outline-offset:2px}.frame-button:focus{outline:#C6392F auto 2px;outline-offset:2px}.frame-button a{text-decoration:none;pointer-events:none}.info-container{z-index:23;position:absolute;height:auto;width:auto;bottom:0;left:0;transform:translate(calc(-100% + 160px),calc(100% - 120px));transition:transform 1s ease-in-out;pointer-events:none}.info-container a{pointer-events:initial}.info-container-show{transform:translate(0)}.info-image{position:relative;width:800px;height:auto;left:-75px;bottom:-10px}.info-content{position:absolute;display:none;bottom:0;left:0;width:100vw;max-width:800px;margin:auto auto 85px;padding-left:20px;padding-right:10px}.info-body{max-width:550px}.info-body p{line-height:1.5rem}.info-alternative{font-size:.75em;font-family:Arial,Helvetica,sans-serif;margin-top:1rem}.info-author{display:flex;flex-direction:row;justify-content:space-between;margin-top:1rem;width:90%;gap:10px}.info-author p{font-size:.75em;line-height:1rem;font-family:Arial,Helvetica,sans-serif}.topic-container{z-index:99;position:fixed;overflow:hidden;bottom:-100%;height:90%;left:0;width:100vw;transition:transform 1s ease-in-out;pointer-events:none}.topic-container a{pointer-events:initial}.topic-container-show{transform:translateY(-95vh);transform:translateY(-95dvh)}.topic-image{position:absolute}.topic-image-lg{width:100%;display:none}.topic-image-sm{height:100vh;width:auto}.topic-image-cotton{top:80px}.topic-image-bh{top:-200px}.topic-image-sugar{top:-200px;left:50px}.topic-content{position:relative;top:20%;width:90%;margin:0 auto;display:none}.topic-titles{margin:20px;width:auto}.topic-title{font-size:2rem}.topic-subtitle{padding-bottom:.5rem;font-size:.75rem}.topic-body{font-size:.75rem;line-height:1.5rem;margin:20px}.topic-body h3{margin-bottom:5px}.topic-cite{margin-top:5px;font-size:.7rem}.navHints-container{display:flex;flex-direction:row;justify-content:center;position:absolute;z-index:21;bottom:50vh;padding:20px;width:100%;pointer-events:none;user-select:none;opacity:0;gap:50vw}.navHints-container img{width:70px;background-color:#ffd1d0;border-radius:20px}.object-container{position:absolute;z-index:21;pointer-events:none;bottom:0;margin:10px;text-align:center;width:100%}.object-container h2{position:absolute;bottom:0;padding:10px;left:50%;transform:translate(-50%)}.object-container .hidden-tab{opacity:0;z-index:-1;padding:10px}.object-container .hidden-tab:focus-visible{opacity:1;z-index:22}canvas{border:none;outline:none}.canvas{position:absolute;top:0;right:0;z-index:10;width:100vw;height:100vh;cursor:grab}.canvas-pointer{cursor:pointer}.canvas-grab{cursor:grabbing}.canvas-disabled{pointer-events:none}.loading{z-index:30;position:absolute;top:0;left:0;height:100vh;width:100vw;color:#050814;background-color:#fff;margin:0;padding:0;pointer-events:none;touch-action:none;overflow:hidden;cursor:pointer}.loading-image{display:block;margin:20px auto;width:50vw;max-width:200px}.loading-text{text-align:center;width:100%;margin:auto}.footer{z-index:30;position:absolute;bottom:0;right:0;margin:30px}.footer a{text-decoration:none}.footer a:focus-visible{outline:#C6392F auto 2px;outline-offset:2px}.footer a:focus{outline:#C6392F auto 2px;outline-offset:2px}.alternative{width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}.alternative-hide{display:none}.alternative img{max-width:90%;max-height:80%;width:auto;height:auto}.alternative-sidenav{position:absolute;z-index:20;display:flex;flex-direction:column;gap:15px;left:100%}.alternative-sidenav a{position:relative;right:20px;padding:20px;text-decoration:none;width:120px;color:#050814;background-color:#fff;border-radius:10px 0 0 10px;transition:.3s}.alternative-sidenav a:hover{right:100%}@media (min-width: 725px){.info-content{margin-bottom:100px;padding-left:40px}.topic-container{max-width:800px;height:100%;left:100vw;bottom:0}.topic-container-show{transform:translate(-100%) scale(1.1)}.topic-image-lg{display:block}.topic-image-sm{display:none}.topic-content{top:180px;width:70%}.topic-title{font-size:3rem}.topic-subtitle{font-size:1rem}.topic-cite{font-size:.75rem}.navHints-container{gap:500px}}.fade-in{animation:fadeIn ease 2s;-webkit-animation:fadeIn ease 2s;-moz-animation:fadeIn ease 2s;-o-animation:fadeIn ease 2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-delay{animation:fadeIn-delay ease 6s;-webkit-animation:fadeIn-delay ease 6s;-moz-animation:fadeIn-delay ease 6s;-o-animation:fadeIn-delay ease 6s}@keyframes fadeIn-delay{0%{opacity:0}10%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn-delay{0%{opacity:0}10%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn-delay{0%{opacity:0}10%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn-delay{0%{opacity:0}10%{opacity:0}to{opacity:1}}.fade-out{animation:fadeOut ease 2s;-webkit-animation:fadeOut ease 2s;-moz-animation:fadeOut ease 2s;-o-animation:fadeOut ease 2s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out-delay{animation:fadeOut-delay ease 10s;-webkit-animation:fadeOut-delay ease 10s;-moz-animation:fadeOut-delay ease 10s;-o-animation:fadeOut-delay ease 10s}@keyframes fadeOut-delay{0%{opacity:1}50%{opacity:1}to{opacity:0}}@-moz-keyframes fadeOut-delay{0%{opacity:1}50%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOut-delay{0%{opacity:1}50%{opacity:1}to{opacity:0}}@-o-keyframes fadeOut-delay{0%{opacity:1}50%{opacity:1}to{opacity:0}}