@import "https://fonts.googleapis.com/css2?family=Rye&display=swap";
.pesce{z-index:0}
.scrollSection{flex-direction:column;align-items:center;gap:20px;width:100%;min-height:200vh;font-size:1.5rem;display:flex;position:relative;overflow:hidden;z-index:1!important}.model-container{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.title-explore{z-index:20;position:relative}.title-explore h2{text-align:center;color:#fff;z-index:25;margin-bottom:10px;font-family:Rye,serif;font-style:normal;font-weight:400;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scrollSection h3{font-size:var(--text-6xl);line-height:var(--height-6xl);text-align:center;margin-bottom:10px;font-weight:800}.scrollSection p{color:#fff;font-size:var(--text-xl);line-height:var(--height-xl);max-width:720px;margin:40px auto 0;font-weight:500;display:block}.second-first-row{z-index:15;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;margin-bottom:400px;padding-top:30px;display:flex;position:relative}.second-first{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;width:80%;padding:10px}img{object-fit:cover;border-radius:1rem;width:100%;height:300px;box-shadow:0 4px 12px #0000004d}.second-second{width:60%;margin-bottom:10px}.view{pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:50!important}.ambient-layer{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.pesci-expolor-curiosity p{color:var(--yellow300)}.scrollSection:first-child{background:#87ceeb}.scrollSection:nth-child(2){background:linear-gradient(135deg,#ade8f5 0%,#89a6d9 100%)}.scrollSection:nth-child(3){background:linear-gradient(135deg,#89a6d9 0%,#59a6d9 100%)}.scrollSection:nth-child(4){background:linear-gradient(135deg,#59a6d9 0%,#369 100%)}.scrollSection:nth-child(5){background:linear-gradient(135deg,#369 0%,#1a334d 100%)}.scrollSection:nth-child(6){background:linear-gradient(135deg,#1a334d 0%,#0d1a33 100%)}.scrollSection:nth-child(7){background:linear-gradient(135deg,#0d1a33 0%,#050d1a 100%)}@media (max-width:768px){.second-first-row{flex-direction:column}.second-first,.second-second{width:90%}.title-explore h2{font-size:1.8rem}.scrollSection h3{font-size:var(--text-5xl);line-height:var(--height-5xl)}}@media (max-width:480px){.scrollSection h3{font-size:var(--text-4xl);line-height:var(--height-4xl)}.second-first{width:95%;padding:5px}}
canvas{display:block}.canvas-container{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.content{z-index:1;position:relative}.pesci-explore-index-container{z-index:2;-webkit-user-select:none;user-select:none;transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;top:50%;left:10px;transform:translateY(-50%)}.controls-pesci-container{z-index:2;background-color:var(--red-mine);transition:var(--transition);border:1px solid #0000;border-radius:1rem;flex-direction:column;align-items:center;gap:10px;padding:5px;display:flex;position:fixed;top:10%;left:10px}.controls-pesci-container:hover{border:1px solid #fff}.home-icon-explore-fish{cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.home-icon-explore-fish:hover{background-color:var(--red500);box-sizing:content-box}.audioControlPesci{cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.audioControlPesci:hover{background-color:var(--purple);box-sizing:content-box}.endFishContainer{z-index:10;color:#fff;pointer-events:none;opacity:0;visibility:hidden;transition:var(--transition-5);position:fixed;bottom:10px;left:50%;transform:translate(-50%)translateY(150%)}.endFishContainer.active{pointer-events:all;opacity:1;visibility:visible;transform:translate(-50%)translateY(0%)}.endFishContainer-controls{justify-content:space-around;align-items:center;display:flex}@media (max-width:768px){.pesci-explore-index-container{display:none}}
video{max-height:100vh;position:absolute;top:0;left:0}.pesci-header{z-index:5}.pesci-header h1{font-size:var(--text-6xl);line-height:var(--height-6xl);color:var(--blue);padding:5px}.header-section{width:100%;min-height:100vh;max-height:100vh;transition:var(--transition);z-index:10;flex-direction:column;align-items:center;padding-top:100px;display:flex;position:fixed;top:0;left:0}.header-description{z-index:5;text-align:center;flex-direction:column;align-items:center;width:90%;margin-top:80px;display:flex}.header-description button{margin-top:50px}.halo-pesci-info{background-color:var(--blue);border-radius:16px;width:500px;height:270px;padding:30px;position:relative}.halo-pesci-info-stat{flex-direction:column;justify-content:start;display:flex;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.halo-pesci-info-number{font-size:var(--text-6xl);line-height:var(--height-6xl);color:var(--blue500);-webkit-text-stroke:4px white;font-weight:900}.halo-pesci-info-number-label{text-transform:uppercase;font-size:var(--text-3xl);line-height:var(--height-3xl);color:var(--blue100);letter-spacing:.02em;font-weight:700}.header-description p{color:var(--text-title);font-size:50px;line-height:normal}.halo-pesci-info-number-label.due{white-space:"nowrap";margin-top:10px}@media (max-width:480px){.header-section{padding-top:40px}.pesci-header h1{font-size:var(--text-5xl);line-height:var(--height-5xl);text-align:center}.header-description{margin-top:40px}.halo-pesci-info{background-color:var(--blue800);border-radius:16px;width:100%;height:350px;padding:30px;position:relative}.halo-pesci-info-stat{flex-direction:column;justify-content:start;width:80%;display:flex;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.halo-pesci-info-number-label.due{white-space:normal}}