html{height:100%;width:100%}body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff;font-family:Arial,Helvetica Neue,sans-serif;font-size:.75rem;font-weight:700;z-index:100}#feature{width:100%;height:100vh;position:relative;overflow:hidden}#scene-container{position:absolute;top:0;right:0;bottom:0;left:0;height:calc(100% + 1px)}#scene-container canvas{display:block}#hotspot-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.Hotspot{position:absolute;top:0;left:0;pointer-events:auto;cursor:pointer;background:transparent;border:0;padding:.5rem;transition:opacity .4s ease}.HotspotAnnotation{background:none;border-radius:.25rem;text-shadow:0 0 .625rem #fff;color:#fff;display:block;font-family:Arial,Helvetica Neue,sans-serif;font-size:.75rem;font-weight:700;width:max-content;overflow-wrap:break-word;padding:.5em 1em;position:relative;text-align:center;transition:color .8s ease,text-shadow .8s ease}.HotspotAnnotation a{color:#fff;transition:color .8s ease}.ps2-scene .HotspotAnnotation{color:#9effe1;text-shadow:0 0 .625rem #9EFFE1}.ps2-scene .HotspotAnnotation a{color:#9effe1}.dark-scene .HotspotAnnotation{color:#000;text-shadow:0 0 .625rem rgba(0,0,0,.3)}.dark-scene .HotspotAnnotation a{color:#000}.main{display:none}h1{margin-top:0;margin-bottom:10px}h3{margin-bottom:0}.h1link{text-decoration:none;color:#000}.about-indent{padding-left:100px}.about-question{padding-left:200px}.faust-brand{font-weight:bolder}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background-color:transparent;border:none;font-size:24px;cursor:pointer;transition:transform .3s ease;outline:none}.dropdown-menu{display:none;position:relative;top:100%;left:0;min-width:150px;background-color:#fff;border-radius:5px;overflow:hidden;z-index:1}.dropdown-menu a{padding-top:10px;display:block;text-decoration:none;color:#333;transition:background-color .3s}.dropdown-menu a:hover{color:#00f}.dropdown-toggle.active{transform:rotate(-90deg)}.fade-content{opacity:0;background-color:transparent;transition:opacity .5s ease-in-out;display:none}.fade-content.visible{display:block;position:absolute;opacity:1;margin:50px;padding:20px;width:calc(70% - 140px);height:calc(100% - 140px);border:3px solid black;border-radius:25px;background-color:#fff;font-family:Arial,Helvetica Neue,sans-serif;font-size:.75rem;font-weight:700;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;z-index:50}.fade-content::-webkit-scrollbar{display:none}.hidden{display:none}.portfolio-media{display:inline}.portfolio-media img{height:200px}video{height:200px}hr{margin-top:20px;margin-bottom:20px;height:1px;color:#000;background-color:#000}.close-button{position:fixed;right:calc(30% + 70px);top:70px;background:none;border:none;font-size:32px;cursor:pointer;transition:color .3s ease;text-decoration:none;color:#333;line-height:1;z-index:51}.close-button:hover{color:#00f}@media(min-width:1024px){body{display:grid;grid-template-columns:1fr 30%}.main{grid-column:2;padding:50px;width:calc(100% - 100px);position:relative;font-family:Arial,Helvetica Neue,sans-serif;font-size:.75rem;font-weight:700;text-align:right;display:inline}#feature{width:calc(100% - 100px);height:calc(100vh - 100px);margin:50px;grid-column:1;overflow:hidden;border:3px solid black;border-radius:25px;box-sizing:border-box}.mobile-header{display:none}}@media screen and (max-width:1023px){.fade-content.visible{display:block;position:absolute;opacity:1;padding:20px;width:calc(100% - 40px);height:100%;margin:0;border:none}.close-button{top:20px;right:20px}.mobile-header h1{text-decoration:underline}#hotspot-1{padding-bottom:4rem}}@media screen and (max-width:720px){.portfolio-media img{height:auto;width:100%}video{height:auto;width:100%}}