@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&family=Outfit:wght@100;200;300;400;500;600&display=swap";
:root{--bg-pure:#fff;--bg-sub:#faf9f6;--text-dark:#111;--text-dark-sub:#4a4a4d;--text-muted:#8e8e93;--accent-orange:#af4b1a;--font-sans:"Outfit", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-pure);width:100%;min-height:100vh;color:var(--text-dark);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px;line-height:1.8;overflow-x:hidden}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:var(--bg-pure)}::-webkit-scrollbar-thumb{background:#e5e5ea;border-radius:1.5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-orange)}::selection{color:var(--accent-orange);background:#af4b1a0f}.preloader{z-index:9999;will-change:transform;background-color:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.preloader-logo{letter-spacing:.4em;color:var(--text-dark);opacity:0;will-change:opacity, transform;font-family:Outfit,sans-serif;font-size:28px;font-weight:100}.orb-container{z-index:1;pointer-events:none;width:100%;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.orb{filter:blur(120px);opacity:.15;pointer-events:none;mix-blend-mode:multiply;will-change:transform, opacity;border-radius:50%;width:45vw;height:45vw;position:absolute}.orb-1{background:radial-gradient(circle,#af4b1a40 0%,#0000 80%);top:-10%;left:20%}.orb-2{background:radial-gradient(circle,#af4b1a2e 0%,#0000 80%);bottom:20%;right:10%}.orb-3{background:radial-gradient(circle,#af4b1a1f 0%,#0000 80%);top:40%;left:5%}.grid-vertical{z-index:0;pointer-events:none;clip-path:inset(0% 0% 100%);will-change:clip-path, transform;background-image:linear-gradient(90deg,#af4b1a11 1px,#0000 1px),linear-gradient(90deg,#11111105 .8px,#0000 .8px);background-position:50%;background-size:150px 100%,30px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.grid-horizontal{z-index:0;pointer-events:none;clip-path:inset(0% 100% 0% 0%);will-change:clip-path, transform;background-image:linear-gradient(#af4b1a11 1px,#0000 1px),linear-gradient(#11111105 .8px,#0000 .8px);background-position:50%;background-size:100% 150px,100% 30px;width:100%;height:100%;position:absolute;top:0;left:0}h1,h2,h3,h4{letter-spacing:.15em;color:var(--text-dark);font-weight:100;line-height:1.4}h2{letter-spacing:.18em;font-size:32px}h3{letter-spacing:.12em;font-size:22px}p{color:var(--text-dark-sub);letter-spacing:.05em;font-weight:300}.elegant-text{color:var(--text-dark)}.copper-text{color:var(--accent-orange)}.mask-parent{display:block;overflow:hidden}.mask-child{will-change:transform;display:block;transform:translateY(105%)}.perspective-container{perspective:1500px;transform-style:preserve-3d}section{z-index:10;will-change:transform;width:100%;padding:160px 24px;position:relative}.container{z-index:10;max-width:960px;margin:0 auto;position:relative}.optimize-gpu{transform-style:preserve-3d;backface-visibility:hidden}@media (max-width:768px){section{padding:120px 16px}}#fishes-app canvas{z-index:1!important;pointer-events:none!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.sunset-bg-container #sun{z-index:10;opacity:.5;background-repeat:no-repeat;width:100%;height:50%;position:absolute;top:0;left:0%}.sunset-bg-container #sunDay{z-index:999;opacity:.5;background-repeat:no-repeat;width:100%;height:50%;position:absolute;top:0;left:0}.sunset-bg-container #moon{z-index:10001;opacity:0;background:radial-gradient(circle at 40% 55%,#f9f9fa -1%,#bdfffe 1%,#08314e 1%,#081a38 10%,#04102e 40%,#02080d 70%);width:100%;height:50%;position:absolute;top:0;left:0}.sunset-bg-container #sunSet{z-index:999;opacity:.3;background-repeat:no-repeat;width:100%;height:50%;position:absolute;top:0;left:0}.sunset-bg-container #sky{cursor:pointer;z-index:5;opacity:.52;background:linear-gradient(#6eafff 0%,#a7defd 60%,#d7fdfe 80%,#f9fbf0 90%);width:100%;height:50%;position:absolute;top:0;left:0}.sunset-bg-container #starsContainer{perspective:350px;perspective-origin:50% 300%;z-index:10000;opacity:0;width:200%;height:50%;display:none;position:absolute;top:0;left:-50%;overflow:hidden}.sunset-bg-container #stars{opacity:.5;width:200%;height:200%;position:absolute;bottom:0;left:-50%;transform:rotateX(-90deg)}.sunset-bg-container #mountainRange{z-index:999;width:100%;display:none;position:absolute;bottom:50%;left:0}.sunset-bg-container .star{color:#fff;z-index:999;opacity:.09;border-bottom:7px solid #fff;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;display:none;position:absolute;transform:rotate(35deg)}.sunset-bg-container .star:before{content:"";border-bottom:8px solid #fff;border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;display:block;position:absolute;top:-5px;left:-6px;transform:rotate(-35deg)}.sunset-bg-container .star:after{color:#fff;content:"";border-bottom:7px solid #fff;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;display:block;position:absolute;top:0;left:-10px;transform:rotate(-70deg)}.sunset-bg-container #mountain{border-width-right:50%;z-index:999;border-bottom:100px solid #000;border-right:100px solid #0000;width:0;height:0;position:absolute;bottom:50%;left:0}.sunset-bg-container #horizon{cursor:pointer;z-index:5;opacity:.99;background:linear-gradient(#184b6a00 0%,#f69534cc 80%,#d4572be6 100%);width:100%;height:50%;position:absolute;top:0;left:0}.sunset-bg-container #horizonNight{cursor:pointer;z-index:10000;opacity:0;background:linear-gradient(#000b161a 40%,#0d62f5 80%,#39a7ff 100%);width:100%;height:50%;position:absolute;top:0;left:0}.sunset-bg-container #darknessOverlaySky{opacity:0;z-index:9999;background-color:#000;width:100%;height:50%;position:absolute;top:0;left:0}.sunset-bg-container #darknessOverlay{cursor:default;opacity:0;z-index:99;background-color:#000;width:100%;height:50%;position:absolute;bottom:0;left:0}.sunset-bg-container #waterDistance{z-index:20;background:linear-gradient(#0000009e 0%,#000000a6 5%,#0003 56%,#0000 90%);width:100%;height:50%;position:absolute;bottom:0;left:0}.sunset-bg-container #water{z-index:10;background:linear-gradient(#3ea8dc 0%,#1a7eae 30%,#0e4775 65%,#00192d 100%);width:100%;height:50%;position:absolute;bottom:0;left:0;overflow:hidden}.sunset-bg-container #waterReflectionContainer{perspective:30px;perspective-origin:50% -12%;z-index:25;width:103%;height:50%;position:absolute;top:50%;left:-3%;overflow:hidden}.sunset-bg-container #waterReflectionMiddle{z-index:999;opacity:.7;background:radial-gradient(circle at 50% 0,#f7b148 3%,#f8af41 6%,#cf3e1e66 35%,#b05b301a 45%,#8d582f00 60%,#74523f00 70%,#2c414400 80%,#07131f00 100%);width:200%;height:55%;position:absolute;top:0;left:-50%;transform:rotateX(45deg)}.sunset-bg-container #division{z-index:9999;cursor:ns-resize;background-color:#000e1800;width:100%;height:5px;position:absolute;top:50%;bottom:50%}.sunset-bg-container #oceanRipple{opacity:.5;z-index:10;background-image:repeating-linear-gradient(175deg,#a5a5a514 43%,#afafaf14 45%,#ebebeb14 49%,#c3c3c314 50%,#a5a5a514 54%);width:100%;height:50%;position:absolute;bottom:0;left:0%}.map-bg{opacity:0;z-index:2;pointer-events:none;will-change:opacity, transform;background-image:url(/images/azimuthal-okinawa.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:95vw;max-width:800px;height:95vw;max-height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.calligraphy-char{height:calc(1.8rem + 2.8vw + 12px);padding:0 2px;line-height:1.35;display:inline-block;position:relative}.calligraphy-char .char-text{clip-path:inset(0 100% 0 0);will-change:clip-path, opacity, transform;font-size:calc(1.8rem + 2.8vw);font-weight:100;display:inline-block}.hero-section{background-color:#0000;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px 0;display:flex;position:relative;overflow:hidden}.question-section{background-color:#031f48;padding:220px 24px;position:relative;overflow:hidden}.value-section{background-color:var(--bg-sub);padding:160px 24px}.mechanism-section{padding:160px 24px}.partner-section{background-color:var(--bg-sub);padding:160px 24px}.unboxing-section{background-color:var(--bg-sub);padding:0 24px 160px;position:relative}.future-vision-section{background-color:#fff;padding:160px 24px}.idea-section{background-color:var(--bg-sub);padding:160px 24px}.profile-section{padding:210px 24px;position:relative;overflow:hidden}.projects-section{background-color:var(--bg-sub);padding:160px 24px}@media (max-width:768px){h2{font-size:26px!important}.hero-section{padding:60px 16px 0}.question-section{padding:120px 16px}.value-section,.mechanism-section,.partner-section,.future-vision-section,.idea-section,.projects-section{padding:100px 16px}.unboxing-section{padding:0 16px 100px}.profile-section{padding:120px 16px}.unboxing-container{height:320px!important}.unboxing-scene{transform:scale(.62)!important}.profile-section .container>div{text-align:center!important;justify-content:center!important;gap:40px!important}.profile-text-content,.profile-image-container{flex:100%!important}}@media (max-width:480px){.calligraphy-char{height:calc(1.1rem + 2.4vw + 8px)}.calligraphy-char .char-text{font-size:calc(1.1rem + 2.4vw)}.map-bg{width:105vw;height:105vw;transform:translate(-50%,-50%)}h2{letter-spacing:.1em!important;font-size:24px!important}h3{font-size:20px!important}}