html{background:#fff;touch-action:pan-x pan-y}body{margin:0;overflow:hidden;background:#fff}canvas{display:block;width:100vw;height:100vh}.circle{position:absolute;width:230px;height:230px;border-radius:50%;border:3px dashed transparent;pointer-events:all;cursor:pointer;transition:opacity .3s ease-in-out}.interactive-zones{display:none;position:absolute;z-index:999;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0}.zone{position:absolute;transition:all .3s ease-in-out;pointer-events:all;cursor:pointer}.zone:hover{background:#fff3}#zone1{bottom:18%;left:3%}#zone2{top:19%;left:49%;transform:translate(-50%);height:380px}#zone3{bottom:31%;right:7%}video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;background:#000;transition:all .2s ease-in-out;will-change:auto}video#videoLoop{z-index:999}video#videoOpen{z-index:998}video#videoOpenReversed{z-index:1000}video#goldenLeaves{z-index:996}video#specialVideo{z-index:999}.hidden{display:none!important;opacity:0!important}#videoOpen{display:none}#specialVideo{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;background:#000;display:none;z-index:1000;opacity:1;transition:opacity .8s ease-out}@keyframes dash-animation{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}.zone{animation:none}.rotating{animation:dash-animation 5s linear infinite}