/* GROUPY: aqua currents, coral accents and pearl finishes. */
:root{--paper:#fff6e8;--paper-raised:#fff9ef;--ink:#07364e;--gold:#ffad8c;--green-deep:#0a526b;--green:#12778d;--green-bright:#5cc6ce;--green-moss:#06435b;--brown:#072f49;--brown-felt:#0b526a}
.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#022e4a42,transparent 40%,#03294232)}
.scene__grain{background-image:none!important;background:radial-gradient(ellipse at 50% 30%,#5ee5ec14,transparent 65%);opacity:1;mix-blend-mode:normal}
.topbar{padding:.45rem .5rem;gap:1rem}.topbar__menu .pfp-nav-link{font:400 clamp(1rem,1.3vw,1.25rem)/1 var(--font-display);letter-spacing:.045em;padding:.6rem 1rem;border-radius:999px;background:#07506be8;color:#fff6e8;border:1px solid #b7f2eb90;box-shadow:0 4px 0 #043349,0 8px 18px #03294230}
.topbar__brand img{background:#afe6e8;border:2px solid #ffcfac;box-shadow:0 4px 15px #052f4950}.pfp-top-badge{font:400 1.35rem/1 var(--font-display);letter-spacing:.045em;color:#fff6e8;text-shadow:0 2px 5px #07364e;padding-left:.8rem}.pfp-top-badge small{display:block;font:750 .55rem/1.4 var(--font-body);letter-spacing:.13em;margin-top:.25rem;color:#c4f1ef}
.topbar__actions{gap:.5rem}.ocean-social{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.6rem 1rem;border:1px solid #b9efeb9c;border-radius:999px;background:linear-gradient(140deg,#147e94ed,#074c68f0);box-shadow:inset 0 1px 0 #e2ffff45,0 4px 0 #04354c;color:#fff8eb;font:750 .75rem/1 var(--font-body);text-shadow:none;transition:transform .2s,background .2s}.ocean-social svg{width:20px;height:20px;flex:none}.ocean-social:hover{transform:translateY(-3px);background:#138da0}.ocean-social:active{transform:translateY(1px)}
.ocean-button{display:inline-flex;gap:1rem;align-items:center;justify-content:center;min-height:58px;padding:1rem 1.8rem;font:400 1.6rem/1 var(--font-display);letter-spacing:.05em;color:#07364e;background:linear-gradient(135deg,#ffce9e,#ff967f);border:2px solid #fff1d8;border-radius:999px;box-shadow:inset 0 2px 0 #fff6e8a8,0 6px 0 #a8524f,0 14px 30px #06364c3d;transition:transform .2s,filter .2s}.ocean-button svg{width:23px;height:23px}.ocean-button:hover{transform:translateY(-4px);filter:brightness(1.05)}.ocean-button:active{transform:translateY(2px)}
.ocean-pill{display:inline-flex;align-items:center;border:1px solid #b4f3ea9c;border-radius:999px;padding:.55rem .85rem;font:800 .62rem/1.2 var(--font-body);letter-spacing:.2em;background:#07506ba8;color:#d6fffa;box-shadow:inset 0 1px 0 #fff4}
.hero__content{width:min(100% - 4rem,1220px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:1rem;text-align:left;margin:7rem auto 6rem}.hero__copy{min-width:0}.hero__wordmark{width:100%;max-width:650px;margin:1.1rem 0 1.2rem;filter:drop-shadow(0 15px 25px #06364c45)}.hero__line{font:400 clamp(2.8rem,5.7vw,5.8rem)/.95 var(--font-display);letter-spacing:.015em;color:#fff7e7;text-shadow:0 5px 20px #0439505e}.hero__line em{font-style:normal;color:#ffc7a3}.hero__note{font-size:clamp(.85rem,1.1vw,1rem);line-height:1.55;margin-top:1.3rem;color:#edfffd;text-shadow:0 2px 10px #07364e9c}.hero__cta{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:1.65rem}.hero-socials{display:flex;gap:.7rem}.hero__fish{position:relative;display:block;width:100%;background:none;border:0;aspect-ratio:1;outline-offset:8px;isolation:isolate;cursor:pointer}.hero__fish-inner{position:relative;width:100%;height:100%;object-fit:contain;z-index:1;filter:drop-shadow(0 25px 30px #003c5965);animation:fishFloat 5.5s ease-in-out infinite}.hero__fish-glow{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#bafff844,#55e0e61c 50%,transparent 70%);box-shadow:inset 0 0 0 1px #c5fff418,0 0 100px #33cbdc1a}.boop-label{display:inline-flex;align-items:center;gap:.65rem;position:absolute;left:50%;bottom:-.1rem;transform:translateX(-50%) rotate(-4deg);background:#083e59d9;border:1px solid #b1f4eb88;padding:.55rem .85rem;border-radius:999px;color:#fff6e8;font:800 .6rem/1 var(--font-body);letter-spacing:.17em;white-space:nowrap}.boop-label svg{width:18px;height:18px;transform:rotate(-35deg)}
@keyframes fishFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(3deg)}}
.ocean-bubbles{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.ocean-bubbles i{position:absolute;left:var(--bx);bottom:-5%;width:var(--bs);height:var(--bs);border:1px solid #d6ffff65;border-radius:50%;background:radial-gradient(circle at 30% 25%,#efffff42,transparent 55%);box-shadow:inset 0 0 6px #d8ffff22;animation:bubbleRise var(--bd) linear infinite;animation-delay:var(--delay)}@keyframes bubbleRise{0%{transform:translate3d(0,0,0);opacity:0}10%,80%{opacity:.7}100%{transform:translate3d(28px,-110vh,0);opacity:0}}
.boop-bubble{position:fixed;z-index:120;width:var(--size);height:var(--size);border:2px solid #d9fff3d0;border-radius:50%;box-shadow:inset 0 0 12px #aff6f44d,0 0 12px #2dd5d333;background:radial-gradient(circle at 30% 20%,#fff6,transparent 50%);pointer-events:none;animation:boopRise 1.35s ease-out forwards}@keyframes boopRise{to{transform:translate(var(--dx),-220px) scale(.35);opacity:0}}
.gm__letter{display:block!important;width:auto!important;height:auto;font:400 clamp(12rem,35vw,36rem)/.85 var(--font-display);color:#fff4df;-webkit-text-stroke:2px #b6f5e6;text-shadow:.015em .018em 0 #afe2d9,.028em .045em 0 #3e9ba8,.04em .065em 0 #07536f,0 .09em .12em #03445e60;filter:none!important}.gm__letters{gap:clamp(1rem,5vw,5rem)}.gm__say{color:#fff9ef;text-shadow:0 3px 20px #063e5c}.rocket__f{transform:translateY(var(--fish-bob,0px));filter:drop-shadow(0 15px 25px #05364e4a)}
.sleaze__stage{aspect-ratio:1;overflow:hidden}.sleaze__groupy{position:absolute;z-index:1;left:50%;bottom:6%;width:95%;margin-left:-47.5%;filter:drop-shadow(0 24px 30px #04384c5c);will-change:transform}.sleaze__wave{width:55%;left:0;bottom:-1%;filter:drop-shadow(0 10px 12px #02364d4d)}.crew-glow{position:absolute;inset:15%;background:#75fff71c;border-radius:50%;box-shadow:0 0 100px #87fff223}.statement{color:#d1f3ef80}.profile__row dd{color:#fff5e1}.profile__row dt{color:#cff7f2}.eyebrow{color:#d0fff4;text-shadow:0 2px 9px #06435b66}.display{color:#fff7e8;text-shadow:0 5px 20px #04395055}.lede{color:#ebfffc;text-shadow:0 3px 18px #07364e80}
.pfp-lab-heading{gap:1rem}.pfp-lab-heading .lede{max-width:38ch}#lab{scroll-margin-top:100px}.pfp-app{width:100%;display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(1rem,2.5vw,2.2rem);align-items:stretch;margin-top:2rem;color:#07364e}.pfp-preview,.pfp-controls{min-width:0;padding:clamp(1.2rem,2.2vw,2rem);border-radius:2rem;background:linear-gradient(140deg,#fff9eeFA,#d7f1edFA);border:2px solid #c5fff1;box-shadow:inset 0 2px 0 #fff,0 .6rem 0 #115e7485,0 1.5rem 3rem #04394e40;backdrop-filter:blur(9px)}.pfp-preview{display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem}.pfp-preview-head,.pfp-preview-foot{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.pfp-preview-head{font-size:.65rem;font-weight:800;letter-spacing:.15em;color:#246d7c}.pfp-preview-foot strong{font:400 clamp(1.5rem,2.6vw,2.1rem)/1 var(--font-display)}.pfp-preview-foot span{font-size:.65rem;letter-spacing:.1em;font-weight:800;color:#246d7c}.pfp-canvas-wrap{width:100%;max-width:490px;aspect-ratio:1;align-self:center;border-radius:1.5rem;overflow:hidden;background:repeating-conic-gradient(#d1e4e2 0% 25%,#edf5ec 0% 50%) 0 0/22px 22px;box-shadow:0 .8rem 2rem #0f657533}#pfp-canvas{display:block;width:100%;height:100%}.pfp-controls{display:grid;gap:1.35rem}.pfp-controls fieldset{border:0;min-width:0}.pfp-controls legend{padding:0;margin-bottom:.8rem;font:400 1.5rem/1 var(--font-display);letter-spacing:.03em}.pfp-controls legend b{font:750 .7rem/1 var(--font-body);color:#21758b;margin-right:.7rem}.pfp-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.pfp-picker button{display:grid;justify-items:center;gap:.3rem;padding:.45rem .3rem;min-width:0;border-radius:1rem;border:2px solid #2c8b9c33;color:#07364e;background:#fffdf29c;cursor:pointer;transition:background .15s,transform .15s}.pfp-picker button img{width:100%;height:62px;object-fit:contain}.pfp-picker button span{font-size:.59rem;line-height:1.15;font-weight:750}.pfp-picker button[aria-pressed=true]{border-color:#cf614f;background:#ffdcc6;box-shadow:0 3px 0 #d57560}.pfp-picker button:hover{transform:translateY(-2px)}.pfp-options{display:flex;gap:.45rem;flex-wrap:wrap}.pfp-options button{display:flex;align-items:center;gap:.4rem;padding:.6rem .75rem;border:1px solid #27849560;border-radius:999px;color:#07364e;background:#fffaf09c;font-size:.75rem;font-weight:750;cursor:pointer}.pfp-options button[aria-pressed=true]{color:#fff8e9;background:#0b607e;box-shadow:0 3px 0 #043c55}.pfp-swatch{width:1rem;height:1rem;border-radius:50%;border:1px solid #07364e38}.pfp-swatch.sand{background:linear-gradient(135deg,#fff0d0,#ffcaa6)}.pfp-swatch.reef{background:linear-gradient(135deg,#aff9eb,#24a2bb)}.pfp-swatch.deep{background:linear-gradient(135deg,#225d85,#061f3e)}.pfp-swatch.solana{background:linear-gradient(135deg,#9945ff,#14f195)}.pfp-zoom-row{display:flex;align-items:center;gap:1rem;font-weight:750;font-size:.75rem}.pfp-zoom-row input{flex:1;width:100%;min-width:0;accent-color:#126d87}.pfp-zoom-row output{min-width:3.4rem;text-align:right;color:#21758b}.pfp-actions{display:flex;flex-wrap:wrap;gap:.65rem}.pfp-action{flex:1;padding:.8rem 1.1rem;min-height:48px;font:400 1.4rem/1 var(--font-display);letter-spacing:.04em;border-radius:999px;border:2px solid #fff0da;background:linear-gradient(135deg,#ffbf97,#ff907c);box-shadow:0 5px 0 #b75d54,0 9px 18px #07516b26;color:#07364e;cursor:pointer}.pfp-action.secondary{flex:0 0 auto;background:#eafff9;color:#135a73;border-color:#83d2d2;box-shadow:0 4px 0 #67acb6}.pfp-action:disabled{opacity:.65;cursor:wait}.pfp-action:hover:not(:disabled){filter:brightness(1.05)}.pfp-status{font-size:.7rem;min-height:1.15rem;line-height:1.5;color:#226476}.pfp-steps{margin-top:2rem}.pfp-step{background:#f4fff0ef;color:#07364e;border:2px solid #b7f8e9;border-radius:2rem;box-shadow:0 .45rem 0 #0a6c8280,0 1rem 2rem #07364e30;padding:1.7rem;text-align:center;backdrop-filter:blur(8px)}.pfp-step img{width:130px;height:130px;object-fit:contain;margin:0 auto 1.3rem;border-radius:0;box-shadow:none}.pfp-step h3{font:400 2.1rem/1 var(--font-display);margin-bottom:.75rem}.pfp-step p{font-size:.9rem;line-height:1.6}.cross__cta{gap:1rem}.cross__cta .ocean-social{min-height:54px}.pfp-wall-card{background:radial-gradient(circle at 30% 25%,#befbe9,#208ca8);cursor:pointer;border:2px solid #baf6e9aa;border-radius:1.75rem;aspect-ratio:1;text-align:left;box-shadow:inset 0 2px 0 #fff6}.pfp-wall-card img{padding:1rem}.pfp-wall-caption{position:absolute;inset:auto 0 0;display:grid;gap:.25rem;padding:1.5rem 1rem .9rem;background:linear-gradient(transparent,#063a54ed 58%);color:#fff7e8}.pfp-wall-caption strong{font:400 1.55rem/1 var(--font-display);letter-spacing:.04em}.pfp-wall-caption span{font-size:.55rem;font-weight:800;letter-spacing:.14em;color:#ffc4a4}.pfp-wall-card[aria-pressed=true]{border-color:#ffb291;box-shadow:0 0 0 3px #ffb2914f}.foot{padding-bottom:2rem}.foot__info{grid-template-columns:1fr}.foot__legal{color:#d3f7f0d9}.foot__h{color:#ffb899;border-color:#ffb89966}.groupy-finale{font:400 clamp(4rem,9.5vw,10rem)/.93 var(--font-display);letter-spacing:.02em;text-align:center;color:#fff5de;text-shadow:0 .045em 0 #125a71,0 .08em .2em #062b4577;margin-bottom:3rem}.groupy-finale em{color:#ffb08e;font-style:normal}.groupy-footer-art{position:relative;aspect-ratio:1.15;isolation:isolate}.groupy-footer-art:before{content:"";position:absolute;inset:10%;border-radius:50%;background:#31d6d218;box-shadow:0 0 80px #1fbfcd1f}.footer-fish{width:100%;position:relative;filter:drop-shadow(0 20px 30px #032d4970)}.footer-coral{width:43%;position:absolute;left:-6%;bottom:-7%;filter:drop-shadow(0 10px 15px #032d4950)}.footer-socials{display:flex;gap:.6rem;flex-wrap:wrap}.foot__sig{color:#a9f2e7}.foot__deco--a{width:12vw!important}.foot__deco--b{width:10vw!important}
.pfp-picker button:focus-visible,.pfp-options button:focus-visible,.pfp-wall-card:focus-visible,.pfp-action:focus-visible,.ocean-button:focus-visible,.ocean-social:focus-visible{outline:3px solid #ffad8c;outline-offset:4px}
@media(max-width:1100px){.topbar__actions .social-label{display:none}.hero__content{width:min(100% - 3rem,1100px);grid-template-columns:1.1fr 1fr}.pfp-app{grid-template-columns:1fr 1.15fr}.pfp-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.pfp-picker button img{height:58px}.topbar__menu .pfp-nav-link{padding:.6rem .8rem}}
@media(max-width:760px){.topbar{padding:0;gap:.5rem}.topbar__menu{display:none}.topbar__lead{flex:1 1 auto}.topbar__actions{flex:0 0 auto;gap:.45rem}.topbar__actions .ocean-social{width:42px;padding:0;min-height:42px}.pfp-top-badge{font-size:1.15rem}.pfp-top-badge small{font-size:.48rem}.hero__content{display:flex;flex-direction:column;width:min(100% - 2.5rem,500px);text-align:center;gap:0;margin:0 auto;padding:7rem 0 6rem}.hero__copy{display:contents}.ocean-pill{order:0;font-size:.55rem;padding:.5rem .7rem}.hero__wordmark{order:1;margin:1rem auto .8rem;max-width:370px}.hero__line{order:2;font-size:clamp(2.4rem,9.3vw,3.25rem);line-height:.95}.hero__line br{display:none}.hero__line em{display:block}.hero__note{display:none}.hero__fish{order:3;width:min(75vw,300px);margin:-.5rem auto .75rem}.boop-label{font-size:.5rem;bottom:-.6rem}.hero__cta{order:4;align-items:center;margin-top:1.4rem;gap:1.2rem}.hero-socials{gap:.7rem}.hero__cta .ocean-button{min-height:52px;padding:.8rem 1.5rem;font-size:1.45rem}.hero-socials .ocean-social{font-size:.7rem;padding:.6rem .85rem;min-height:40px}.sec--hero .props .prop{opacity:.65}.pfp-app{grid-template-columns:1fr;max-width:540px;margin-inline:auto}.pfp-preview{gap:1rem}.pfp-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.pfp-picker button img{height:64px}.pfp-controls{gap:1.35rem}.pfp-lab-heading .display{font-size:clamp(4rem,18vw,7rem)}.pfp-step{padding:1.4rem}.cross__cta{flex-wrap:wrap;justify-content:center}.cross__cta .ocean-button{width:100%;max-width:280px}.groupy-finale{font-size:clamp(3.5rem,15vw,7rem)}.groupy-footer-art{max-width:420px;margin:auto}.footer-socials{justify-content:center}.gm__letter{font-size:clamp(10rem,38vw,22rem)}.gm__say{padding-inline:1rem}.foot__deco--a{width:22vw!important}.foot__deco--b{width:18vw!important}}
@media(max-width:380px){.pfp-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.pfp-top-badge{font-size:1rem;padding-left:.5rem}.pfp-top-badge small{font-size:.43rem}.topbar__actions .ocean-social{width:36px;min-height:36px}.topbar__actions .ocean-social svg{width:17px;height:17px}.pfp-preview,.pfp-controls{padding:1.05rem}.hero__content{padding-top:6.5rem}.hero__fish{width:74vw}.hero__wordmark{margin-bottom:.5rem}.boop-label{display:none}}
@media(prefers-reduced-motion:reduce){.hero__fish-inner,.ocean-bubbles i{animation:none}.ocean-bubbles{display:none}.ocean-button,.ocean-social,.pfp-picker button{transition:none}.statement{color:#fff6e8}.boop-bubble{animation:none;display:none}}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}