@font-face{font-family:'Gotham-Bold';font-weight:normal;font-style:normal;font-display:swap;src:url('Gotham-Bold.woff2') format('woff2'), url('Gotham-Bold.woff') format('woff')}@font-face{font-family:'Gotham-Medium';font-weight:normal;font-style:normal;font-display:swap;src:url('Gotham-Medium.woff2') format('woff2'), url('Gotham-Medium.woff') format('woff')}html{scroll-behavior:smooth}#base,#screen,body,html,iframe{width:100%;height:100%;margin:0;padding:0;border:0;background:transparent}body,iframe{overflow:hidden}body{-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;min-width:320px;background:#F0EBEB;background:radial-gradient(circle,rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(240, 240, 240, 1) 100%)}svg{width:100%;height:100%;pointer-events:none;display:block}b{font-family:'Gotham-Bold', sans-serif}.hide{display:none}#base,#fout,#screen{position:absolute;z-index:1}#fout{color:#fff;user-select:none;font-family:'Gotham-Medium';font-size:1px}#screen{opacity:0;z-index:3;box-shadow:0 0 25px 20px rgba(0,0,0,0.25) inset;transition:opacity 1s ease-in-out;will-change:transform}#screen.open{opacity:1}#base{z-index:2;display:flex;justify-content:center;align-items:center}.disc{position:relative;aspect-ratio:1/1;opacity:1;transition:opacity 750ms ease-in, transform 1s ease-in;will-change:transform}.disc:hover{z-index:4 !important}#d1{z-index:2;transform:rotate(-5deg)}#d2{z-index:3;transform:rotate(9deg)}#d1.out{opacity:0;transform:scale(6) rotate(-35deg) translate(-1499px, -700px)}#d2.out{opacity:0;transform:scale(6) rotate(39deg) translate(1499px, 700px)}@media(orientation: portrait){.disc{width:60%}#base{flex-direction:column}#d1{margin-left:15%;margin-top:2%}#d2{margin-left:-15%;margin-top:-2%}@media(max-width:750px){.disc{width:75%}}}@media(orientation: landscape){.disc{width:40%}#d1{margin-left:1%;margin-top:7%}#d2{margin-left:-1%;margin-top:-7%}@media(max-width:1600px){.disc{width:45%}}@media(max-width:1100px){.disc{width:50%}}}.discview{position:absolute;width:50%;height:13.2%;left:25%;top:43.4%;pointer-events:none}.disccell{position:relative;cursor:pointer;pointer-events:all;width:29%;left:-37%;height:100%;opacity:0.8}.disccell:hover{opacity:1}.disccell,.slide div{background-size:cover;background-position:center;background-repeat:no-repeat}svg.dsc{position:absolute;z-index:9;filter:drop-shadow(0px 1px 2px rgba(25, 25, 25, .2));transform:rotate(0.01deg)}.dsc text{fill:#1a1a1a;opacity:0.8;stroke:none;font-family:'Gotham-Medium', sans-serif;font-size:17px;text-align:center;text-anchor:middle;text-rendering:geometricPrecision}.dsc text.arctext,.dsc text.logotext{font-family:'Gotham-Bold';font-size:42px;letter-spacing:-3px}.dsc text.logotext{font-size:48px;letter-spacing:-2px}.dsc text.portfolio{font-size:28px;letter-spacing:-1px}.dsc path{fill:none;stroke:none}.dsc path.dscarrow,.dsc path.dsclogo{fill:#1a1a1a;opacity:0.75}.dsc path.dsclogo{fill:#e00000;filter:blur(.5px)}.btn,.ico{position:absolute;box-sizing:border-box}.btn{width:50px;height:50px;right:9px;cursor:pointer;z-index:6;filter:drop-shadow(0px 1px 2px rgba(25, 25, 25, .3))}.btn:active{padding:1px;filter:drop-shadow(0px 1px 1px rgba(25, 25, 25, .1))}#close{top:9px}#next{bottom:9px}.ico{width:100%;height:100%;top:0;padding:18px;pointer-events:none}#close .ico{top:-4px;font-size:18px;color:rgba(250, 250, 250, .85)}#next .ico{left:4px;top:-2px}.icoarrow{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(250, 250, 250, .85)}.cornergrp{position:absolute;width:calc(100% + 8px);height:calc(100% + 8px);z-index:5;left:0;margin-left:-6px;top:0;margin-top:-6px;opacity:0.3;pointer-events:none}#c1.cornergrp{z-index:5}.corner{position:absolute;width:29%;aspect-ratio:1/1;filter:blur(9px)}#c2 .corner{width:19%}.corner:nth-child(2){right:0;transform:rotate(90deg)}.corner:nth-child(3){right:0;bottom:0;transform:rotate(180deg)}.corner:nth-child(4){bottom:0;transform:rotate(270deg)}#screeninner{position:absolute;width:100%;height:100%;left:0;top:0;z-index:3}.slide,.slide div{position:absolute;height:100vh;right:0;z-index:2}.slide{width:618.95%;will-change:transform}.slide div{width:16.16%}#s1{transform:rotate(-25.7deg);z-index:1}.slide.rotate{transition:transform 800ms ease}#s1.rotate{transform:rotate(0deg) !important}#s2.rotate{transform:rotate(25.7deg) !important}