html { user-select: none; }
body { overscroll-behavior-y: none }
canvas { width: 100%; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; transition: opacity 1s ease; }
.loaded canvas { opacity: 1 }
/* VERTICAL */
.iasg.is-vertical { height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1;font-size:calc(100vw / 1920 * 10);}
.iasg.is-vertical > div { height: 295em; position: relative; visibility: hidden }
.iasg.is-vertical figure { position: absolute; }
.iasg.is-vertical img { display: block; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% }
.iasg.is-vertical figure:nth-child(1) { height: 40em; width: 70em }
.iasg.is-vertical figure:nth-child(2) { height: 50em; left: 85em; top: 30em; width: 40em }
.iasg.is-vertical figure:nth-child(3) { height: 50em; left: 15em; top: 60em; width: 60em }
.iasg.is-vertical figure:nth-child(4) { height: 30em; right: 0; top: 10em; width: 50em }
.iasg.is-vertical figure:nth-child(5) { height: 60em; right: 15em; top: 55em; width: 40em }
.iasg.is-vertical figure:nth-child(6) { height: 75em; left: 5em; top: 120em; width: 57.5em }
.iasg.is-vertical figure:nth-child(7) { height: 70em; right: 0; top: 130em; width: 50em }
.iasg.is-vertical figure:nth-child(8) { height: 50em; left: 85em; top: 95em; width: 40em }
.iasg.is-vertical figure:nth-child(9) { height: 65em; left: 75em; top: 155em; width: 50em }
.iasg.is-vertical figure:nth-child(10) { height: 43em; right: 0; top: 215em; width: 30em }
.iasg.is-vertical figure:nth-child(11) { height: 50em; left: 70em; top: 235em; width: 80em }
.iasg.is-vertical figure:nth-child(12) { height: 70em; left: 0; top: 210em; width: 50em }
@media (max-width: 1200px) {
.iasg.is-vertical > div { height: 650em }
.iasg.is-vertical figure:nth-child(1) { height: 60em; width: 100em }
.iasg.is-vertical figure:nth-child(2) { height: 110em; left: auto; top: 25em; width: 70em; right: 0; }
.iasg.is-vertical figure:nth-child(3) { height: 80em; left: 12em; top: 80em; width: 89em }
.iasg.is-vertical figure:nth-child(4) { height: 60em; right: 0; top: 153em; width: 60em }
.iasg.is-vertical figure:nth-child(5) { height: 110em; left: 0; top: 180em; width: 70em; right: auto; }
.iasg.is-vertical figure:nth-child(6) { height: 135em; left: 95em; top: 230em; width: 87.5em }
.iasg.is-vertical figure:nth-child(7) { height: 110em; left: 0; top: 310em; width: 80em; right: auto; }
.iasg.is-vertical figure:nth-child(8) { height: 50em; left: auto; top: 385em; width: 80em; right: 0; }
.iasg.is-vertical figure:nth-child(9) { height: 100em; left: 110em; top: 450em; width: 70em }
.iasg.is-vertical figure:nth-child(10) { height: 50em; left: 20em; top: 440em; width: 55em; right: auto; }
.iasg.is-vertical figure:nth-child(11) { height: 70em; left: auto; top: 570em; width: 70em; right: 0; }
.iasg.is-vertical figure:nth-child(12) { height: 100em; left: 0; top: 515em; width: 90em }
}
/* HORIZONTAL */
.iasg.is-horizontal { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1; }
.iasg.is-horizontal > div { height: 100%;position: relative;width: 1954em; visibility:hidden;font-size: calc(100vmin / 920 * 10); }
.iasg.is-horizontal figure { position: absolute }
.iasg.is-horizontal img { display:block; height:100%;left:0;object-fit:cover;position:absolute;top: 0;width: 100%}
.iasg.is-horizontal figure:nth-child(1) {height: 57em; left: 20em; width: 95em; top: 8em; }
.iasg.is-horizontal figure:nth-child(2) {height: 57em; left: 140em; width: 95em; bottom: 8em; }
.iasg.is-horizontal figure:nth-child(3) {height: 57em; left: 260em; width: 95em; top: 8em; }
.iasg.is-horizontal figure:nth-child(4) {height: 57em; left: 380em; width: 95em; bottom: 8em; }
.iasg.is-horizontal figure:nth-child(5) {height: 57em; left: 500em; width: 95em; top: 8em; }
.iasg.is-horizontal figure:nth-child(6) {height: 57em; left: 620em; width: 95em; bottom: 8em; }
.iasg.is-horizontal figure:nth-child(7) {height: 57em; left: 740em; width: 95em; top: 8em; }
.iasg.is-horizontal figure:nth-child(8) {height: 57em; left: 860em; width: 95em; bottom: 8em; }
.iasg.is-horizontal figure:nth-child(9) {height: 57em; left: 980em; width: 80em; top: 8em; }
.iasg.is-horizontal figure:nth-child(10) {height: 57em; left: 1100em; width: 90em; bottom: 8em; }
.iasg.is-horizontal figure:nth-child(11) {height: 57em; left: 1220em; width: 90em; top: 8em; }
.iasg.is-horizontal figure:nth-child(12) {height: 57em; left: 1340em; width: 90em; bottom: 8em; }
.iasg.is-horizontal figure:nth-child(13) {height: 57em; left: 1460em; width: 90em; bottom: 8em; }
.iasg.is-horizontal figure:nth-child(14) {height: 57em; left: 1580em; width: 90em; bottom: 8em; }
.iasg.is-horizontal figure:nth-child(15) {height: 57em; left: 1700em; width: 90em; bottom: 8em; }
.iasg.is-horizontal figure:nth-child(16) {height: 57em; left: 1820em; width: 90em; bottom: 8em; }
/*
.iasg.is-horizontal figure:nth-child(17) {height: 76em; left: 1940em; width: 100em; bottom: -2em; }
.iasg.is-horizontal figure:nth-child(18) {height: 76em; left: 2060em; width: 100em; bottom: -2em; }
.iasg.is-horizontal figure:nth-child(19) {height: 76em; left: 2180em; width: 100em; bottom: -2em; }
.iasg.is-horizontal figure:nth-child(20) {height: 76em; left: 2300em; width: 100em; bottom: -2em; }
.iasg.is-horizontal figure:nth-child(21) {height: 76em; left: 2420em; width: 100em; bottom: -2em; }
.iasg.is-horizontal figure:nth-child(22) {height: 76em; left: 2540em; width: 100em; bottom: -2em; }
.iasg.is-horizontal figure:nth-child(23) {height: 76em; left: 2660em; width: 100em; bottom: -2em; }
.iasg.is-horizontal figure:nth-child(24) {height: 76em; left: 2780em; width: 100em; bottom: -2em; }
.iasg.is-horizontal figure:nth-child(25) {height: 76em; left: 2900em; width: 100em; bottom: -2em; }
.iasg.is-horizontal figure:nth-child(26) {height: 76em; left: 3020em; width: 100em; bottom: -2em; }
*/