@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&family=Shippori+Mincho&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box}html,body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;margin:0;padding:0;font-family:Playfair Display,Shippori Mincho,serif;font-size:62.5%;overflow:hidden}*{-webkit-user-select:none;user-select:none}.no-drag{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.hero{z-index:1;place-items:center;width:100%;height:100svh;display:grid;position:relative;overflow:clip}.section-bg{place-items:unset;z-index:-1;background-color:#237efa;background-image:url(/img/samples/bg-image.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:100svh;position:absolute}.hero--split{place-items:unset;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative}.noise-overlay{z-index:30;pointer-events:none;opacity:1;mix-blend-mode:overlay;background-image:url(/img/samples/noise-effect.png);background-repeat:repeat;background-size:auto;width:100%;height:100%;position:absolute;inset:0}.frame{z-index:10;background-color:#0000;justify-content:space-between;align-items:center;width:100%;height:10%;padding:5rem;display:flex;position:absolute;top:0%;left:0%}.frame h1{flex:1;font-family:Orbitron,sans-serif;font-size:3.3rem;font-weight:900}.frame span{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:400}.frame a{color:#fff;flex:1;justify-content:end;font-family:Orbitron,sans-serif;font-size:2rem;font-weight:400;display:flex}.marqueesContainer{z-index:auto;flex-shrink:0;align-items:flex-start;width:45%;height:200svh;display:flex;position:absolute;overflow:hidden;rotate:-20deg}.marqueesContainer2{z-index:40;flex-shrink:0;align-items:flex-start;width:45%;height:200svh;display:flex;position:absolute;overflow:hidden;rotate:-20deg}.marquee__track{will-change:transform;z-index:1;flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex;position:absolute;overflow:hidden}.marquee__track-container::-webkit-scrollbar{display:none}.marquee__track--cutout{z-index:40;will-change:transform;flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex;position:absolute}.marquee__item{border-radius:2%;flex-shrink:0;width:100%;height:110vh;overflow:hidden}.marquee__img{object-fit:cover;object-position:0px bottom;width:100%;height:100%}.testContainer{z-index:auto;clip-path:polygon(31.25% 0%,68.75% 0%,68.75% 100%,31.25% 100%);flex-shrink:0;justify-items:center;width:120%;height:170%;display:flex;position:absolute;overflow:hidden;rotate:-20deg}.testContainer2{z-index:auto;flex-shrink:0;justify-items:center;width:120%;height:170%;display:flex;position:absolute;overflow:hidden;rotate:-20deg}.textMarquee1,.textMarquee2,.textMarquee3,.textMarquee4{z-index:1;align-items:center;width:100%;height:25%;display:flex;position:absolute}.textMarquee1,.textMarquee3{bottom:25%;transform:perspective(1200px)rotateX(-10deg)rotateY(-10deg)}.textMarquee2,.textMarquee4{bottom:55%;left:5%;transform:perspective(1200px)rotateX(10deg)rotateY(10deg)}.textMarquee3,.textMarquee4{opacity:.5;z-index:0;filter:url(#liquidWater);will-change:filter, transform;transform-style:preserve-3d}.textMarquee__track{flex-direction:row;width:max-content;height:100%;display:flex;position:relative}.marqueeText{white-space:nowrap;flex-shrink:0;font-family:IBM Plex Sans JP,sans-serif;font-size:35rem;font-weight:700}.selectedImageElement{z-index:50;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.selectedImageElement.is-active{pointer-events:auto}.selectedImage__media{justify-content:center;align-items:center;width:50%;height:100%;margin-left:5rem;display:flex;position:relative;overflow:hidden}.selectedImage__opaqueImg{object-fit:cover;object-position:center bottom;opacity:0;z-index:1;border-radius:2%;width:80%;height:95%}.selectedImage__img{object-fit:cover;object-position:center bottom;opacity:0;z-index:2;clip-path:inset(0%);border-radius:2%;width:80%;height:95%;position:absolute}.selectedImage__cutImg{object-fit:cover;object-position:center bottom;opacity:0;z-index:10;width:80%;height:95%;position:absolute}.selectedImage__textContainer{flex-direction:column;place-items:center;width:50%;height:85%;margin-right:5rem;display:flex;position:relative}.selectedImage__textContainer p{color:#fff;filter:url(#liquidWater2);text-align:center;font-family:IBM Plex Sans JP,sans-serif;font-size:3rem;font-weight:700;line-height:4.5rem}.selectedImage__Upper{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:auto;padding:1.5rem;display:flex;overflow-y:auto}.selectedImage__Lower{opacity:0;flex-direction:column;flex:1;justify-content:start;width:100%;height:auto;padding:1.5rem;display:flex;overflow-y:auto}.selectedImage__text .char{white-space:normal;display:inline}.border-draw{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.border-draw rect{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:square;stroke-miterlimit:30;opacity:.8;width:100%}.selectedImage__seeMoreButton{cursor:pointer;opacity:0;cursor:pointer;z-index:50;background:0 0;border:solid #fff;border-radius:100%;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;top:55%}.selectedImage__seeMoreButton svg{fill:#fff;width:1.6rem;height:1.6rem;transition:transform .3s}.selectedImage__seeMoreButton.is-expanded svg{transform:rotate(180deg)}@media (width<=389px){html,body{font-size:40%}.testContainer,.testContainer2{width:100%}.marqueesContainer,.marqueesContainer2{justify-content:center;width:90%;display:flex}.marquee__track,.marquee__track--cutout{align-items:center;width:100%}.marquee__item{justify-content:center;align-items:center;height:60vh;display:flex}.marquee__img{object-position:center center}.marqueesContainer,.marqueesContainer2,.testContainer,.testContainer2{clip-path:inset(0%);rotate:0deg}.textMarquee1,.textMarquee3{transform:perspective(1200px)rotateX(-10deg)rotateY(-10deg)}.textMarquee2,.textMarquee4{transform:perspective(1200px)rotateX(10deg)rotateY(10deg)}.selectedImageElement{flex-direction:column;place-items:center;padding-left:1rem;padding-right:1rem;display:flex}.selectedImage__media{width:100%;height:50%;margin-left:0}.selectedImage__textContainer{width:100%;height:50%;margin-right:0;padding:.2rem}.selectedImage__textContainer p{font-size:1.6rem}}@media (width>=390px) and (width<=599px){html,body{font-size:40%}.testContainer,.testContainer2{width:100%}.marqueesContainer,.marqueesContainer2{justify-content:center;width:90%;display:flex}.marquee__track,.marquee__track--cutout{align-items:center;width:100%}.marquee__item{justify-content:center;align-items:center;height:60vh;display:flex}.marquee__img{object-position:center center}.marqueesContainer,.marqueesContainer2,.testContainer,.testContainer2{clip-path:inset(0%);rotate:0deg}.textMarquee1,.textMarquee3{transform:perspective(1200px)rotateX(-10deg)rotateY(-10deg)}.textMarquee2,.textMarquee4{transform:perspective(1200px)rotateX(10deg)rotateY(10deg)}.selectedImageElement{flex-direction:column;place-items:center;padding-left:1rem;padding-right:1rem;display:flex}.selectedImage__media{width:100%;height:50%;margin-left:0}.selectedImage__textContainer{width:100%;height:50%;margin-right:0;padding:.2rem}.selectedImage__textContainer p{font-size:1.6rem}}@media (width>=600px) and (width<=899px){html,body{font-size:50%}.testContainer,.testContainer2{width:100%}.marqueesContainer,.marqueesContainer2{justify-content:center;width:90%;display:flex}.marquee__track,.marquee__track--cutout{align-items:center;width:100%}.marquee__item{justify-content:center;align-items:center;height:60vh;display:flex}.marquee__img{object-position:center center}.marqueesContainer,.marqueesContainer2,.testContainer,.testContainer2{clip-path:inset(0%);rotate:0deg}.textMarquee1,.textMarquee3{bottom:25%;transform:perspective(1200px)rotateX(-10deg)rotateY(-10deg)rotate(15deg)}.textMarquee2,.textMarquee4{bottom:55%;left:5%;transform:perspective(1200px)rotateX(10deg)rotateY(10deg)rotate(3deg)}.selectedImageElement{flex-direction:column;place-items:center;padding-left:1rem;padding-right:1rem;display:flex}.selectedImage__media{width:100%;height:70%;margin-left:0}.selectedImage__textContainer{width:100%;height:50%;margin-right:0;padding:.2rem}.selectedImage__textContainer p{font-size:3rem}}@media (width>=900px) and (width<=1199px){.marqueeText{font-size:60%}.selectedImageElement{flex-direction:column;place-items:center;padding-left:1rem;padding-right:1rem;display:flex}.selectedImage__media{width:100%;height:50%;margin-left:0}.selectedImage__textContainer{width:100%;height:50%;margin-right:0;padding:.2rem}.selectedImage__textContainer p{font-size:2rem}}@media (width>=1200px) and (width<=1599px){html,body{font-size:60%}}@media (width>=1600px) and (width<=2199px){html,body{font-size:70%}}@media (width>=2200px){html,body{font-size:130%}.selectedImage__textContainer p{font-size:2.5rem;line-height:4.5rem}}