@font-face{font-family:Manosque;src:url(../fonts/Manosque-Regular.woff2) format("woff2");font-weight:400;font-style:normal}*{outline:none}html,body{margin:0;font-family:Manosque,Gluten,Poetsen One,Gaegu,cursive;overscroll-behavior-y:none}.scene{position:relative;height:100vh;overflow:hidden}.main-logo{width:100%;height:100%;position:relative;display:flex;object-fit:contain;justify-content:flex-start;align-items:flex-start;z-index:4}.main-logo img{position:absolute;width:clamp(10vmin,30vmin,20vw);height:auto;object-fit:contain;aspect-ratio:1 / 1;margin:4% 5%}.background{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;margin:0;z-index:0}#transparent-bg{opacity:95%}.layer{position:absolute;width:100%;height:100%;object-fit:contain;top:0;left:0;pointer-events:none}.layer-container1{transform-origin:center center;z-index:1}.water{transform-origin:top center;margin-left:0;width:110%;height:auto;left:-5%;object-fit:cover}#transparent-bg-contact{opacity:80%}.header-contact{position:fixed;top:0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);width:100vw;height:100px;z-index:1000;box-sizing:border-box}.contact-container{margin:0;display:flex;height:100%;width:100%;align-items:center;justify-content:space-between;padding:0 1%;box-sizing:border-box;z-index:1000}.contact-logo{margin:0;position:relative;height:100%;width:auto;min-width:100px;box-sizing:border-box}.contact-logo img{height:100px;width:100px}.social-container{height:50%;width:70%;display:flex;justify-content:end;align-items:center;gap:1vw;box-sizing:border-box;margin-right:2%}.social-icon-layers{position:relative;overflow:hidden;width:300px;height:100%;display:flex;align-items:center;justify-content:space-evenly}.icon_layer{margin:0;position:relative;height:100%;width:auto;object-fit:contain;box-sizing:border-box}.icon_layer img{height:100%;width:auto}.mail_pop{cursor:text;position:absolute;transform-origin:top center;background-image:"/icons/popup.png";top:100%;left:50%;width:200px;height:44px;transform:translate(-50%) scale(0);background-image:url(/icons/popup.png);background-size:contain;background-repeat:no-repeat;background-position:center;color:#f1f1f1;padding:6px 10px;margin-top:6px;white-space:nowrap;display:flex;justify-content:center;align-items:center;z-index:100}#mail_text{font-size:12px;letter-spacing:.1rem;font-family:Gluten;margin:0}.copy-message{position:absolute;transform-origin:top center;top:100%;left:0%;color:#fff;padding:8px 16px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .3s ease}.copy-message.show{opacity:1}#nav_btn{margin:0;height:100%;max-width:150px;box-sizing:border-box}#nav_iocn{height:100%;width:auto}#nav_btn-project{margin:0;height:100%;max-width:150px;box-sizing:border-box}#nav_iocn-project{height:100%;width:auto}.scene.multi .layer-container{display:flex;justify-content:space-around;align-items:center;width:100vw;height:100%;position:relative;box-sizing:border-box}.scenes-img-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;box-sizing:border-box}.Project{display:flex;flex-direction:column;justify-content:center;align-content:center;width:100%;height:100%;position:relative;box-sizing:border-box}.masked-layer{position:relative;width:100%;height:100%;justify-content:center;align-items:center;transform-origin:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;z-index:1}.masked-dq-layer{-webkit-mask-image:url(/scene2/Dq/dq-mask2.png);mask-image:url(/scene2/Dq/dq-mask2.png)}.drama-mask{top:1%}.drama-slider{opacity:0}.cta-eye{background-image:url(/icons/close_eye.png);background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;width:50px;height:50px;top:50%;left:50%;transform:translate(-50%,-50%);filter:invert()}.cta-contaner{position:relative;width:100%;height:150px}.cta-bg{top:50%;left:50%;width:72px;height:72px;transform:translate(-50%);position:relative;background-color:#ffffff1a;border:none;border-radius:40%;z-index:10}.cta-eye:hover{background-image:url(/icons/eye.png);z-index:10}.masked-scraps-layer{-webkit-mask-image:url(/scene2/Scraps/sc-mask2.png);mask-image:url(/scene2/Scraps/sc-mask2.png)}.NFT-sign{position:relative;width:100vw;max-width:500px;min-width:200px;height:auto;z-index:3;display:flex;flex-direction:column;align-items:start;padding:0 30px}.Title_text{position:inherit;color:#fff;bottom:0;font-size:3vw;padding-left:3vw;margin:0}#title_head{font-size:8vw}.poster-layers{display:flex;margin:0;justify-content:center;align-items:center;width:100vw;height:100vh;box-sizing:border-box}.poster{position:relative;display:flex;flex-direction:column;justify-content:center;align-content:center;width:auto;height:100%;box-sizing:border-box}.poster-image{position:relative;height:80vh;width:auto}#title_head_poster{font-size:6vw}.about{position:relative;box-sizing:border-box;z-index:5}.about-container{z-index:5;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;position:absolute;box-sizing:border-box}.about_text{width:90vw;height:80vh;color:#fff;font-size:.5vw;z-index:5;display:flex;justify-content:center;align-items:center}#about_body_text{position:relative;object-fit:contain;padding:0 9%;font-family:Gluten;line-height:1.6;letter-spacing:.05em;font-style:normal;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}.scene.multi .nft-layer-container{display:flex;justify-content:space-around;align-items:center;width:100vw;height:100%;position:relative;box-sizing:border-box}.Nft-text-Containter{display:flex;margin:0;padding-top:100px;justify-content:center;align-items:center;flex-direction:column;width:70vw;height:auto;box-sizing:border-box}.nft-body-text{padding:10px;color:#fff;font-size:1.1vw;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:start;text-align:start;z-index:5;box-sizing:border-box}.nft-sotial-containrt{position:relative;width:100%;height:72px;display:flex;justify-content:start;gap:3vw;align-content:center;box-sizing:border-box;padding-left:9%}.nft-sotial-img{height:100%;width:auto}#inv{filter:invert()}.nft-cover{position:relative;object-fit:contain;width:100vw;height:auto;display:flex;justify-content:center;align-content:center;box-sizing:border-box}.nft-video{position:relative;padding:10px;top:0;left:0;bottom:0;right:0;height:clamp(270px,360px,540px);width:clamp(480px,640px,960px)}#Nft-posters{height:70vh;width:auto}.grid-Container{position:relative;display:grid;justify-content:space-evenly;column-gap:50px;row-gap:30px;grid-template-columns:repeat(3,auto);padding:30px;box-sizing:border-box;scroll-snap-type:y mandatory;scroll-behavior:smooth;z-index:3}.grid-Cell{position:relative;width:44vmin;height:44vmin;border-radius:10px;overflow:hidden}.grid-cell-img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transition:transform .3s ease;z-index:1;position:relative}.grid-cell-texbox{position:absolute;bottom:0;background-color:#51515180;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;z-index:2}#grid-textbox-text{font-family:Gluten;white-space:nowrap;color:#fff;padding:0 20px;font-size:clamp(20px,50px,2vh);letter-spacing:.05em;font-style:normal;text-overflow:ellipsis}.grid-textbox-text-link{text-decoration:none}.grid-textbox-text-link:hover{text-decoration:underline}@media (max-aspect-ratio: 3/2){html,body{scroll-snap-type:y mandatory;scroll-behavior:smooth;margin:0;padding:0;overflow-x:hidden}.main-logo{justify-content:center;align-items:start;z-index:4}.main-logo img{position:absolute;width:200px;height:auto;aspect-ratio:1 / 1}.water{height:110%;width:100%;left:0}.scene.multi{display:block;height:auto}.scene.multi .layer-container{flex-direction:column;width:100vw;height:auto}.scenes-img-container{flex-direction:column}.scene.multi .Project{width:100%;height:auto;position:relative;overflow:hidden}.masked-layer{width:100vw;height:100vw;object-fit:contain;overflow:hidden}.scene.multi .layer{display:block;width:100%;height:100%;object-fit:contain;top:0;left:0;box-sizing:border-box;overflow:hidden}.drama-mask{margin-top:1%}.NFT-sign{z-index:10;width:90vw;max-width:500px;height:auto;margin:2vh auto;display:flex;justify-content:center;align-items:center;padding-bottom:env(safe-area-inset-bottom,30px)}.Title_text{margin:0;color:#fff;text-align:center;bottom:0;font-size:10vw;padding:0 20px}#title_head{font-size:15vw;padding-top:20px}#title_head_poster{font-size:20vw}.poster{width:100%;height:auto;position:relative;overflow:hidden}.poster-image{width:100vw;height:100vw;object-fit:contain}.poster-layers{width:100%;height:auto;flex-direction:column}.about-container{flex-direction:column}#Nft-posters{height:auto;width:80vw}.nft-layer-container{flex-direction:column;justify-content:center;align-content:start;width:100vw;height:auto}.Nft-text-Containter{display:flex;justify-content:start;align-items:center}.nft-sotial-containrt{padding:0;justify-content:space-evenly;gap:0}.about_text{position:relative;justify-content:center;align-items:start;text-align:center;font-size:1.2vw;padding:20px}.nft-body-text{display:block;justify-content:center;align-items:start;text-align:center;font-size:2.25vh;padding-top:20px}.grid-Container{grid-template-columns:repeat(1,auto);scroll-snap-type:y mandatory;justify-content:space-evenly;justify-content:center;margin-top:10vh;margin-bottom:10vh}.grid-Cell{width:90vw;height:50vh;transition:height .5s ease-in-out}.drama-slider{opacity:1;-webkit-appearance:none;position:absolute;top:50%;left:50%;transform:translate(-50%);margin-top:clamp(10vw,25vw,50vw);width:40vw;height:64px;background-color:#3636365d;border-radius:30px}.drama-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:64px;height:64px;background:#ffffffb1;border-radius:50%;cursor:pointer}}
