@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}