/* A scroll-controlled descent: the photograph, fish and text occupy independent depth planes. */
.hero.dive-track{height:380vh;min-height:0;max-height:none;overflow:visible;--dive:0;--intro-opacity:1;--yellow-opacity:0;--blue-opacity:0}
.dive-stage{position:sticky;top:0;height:100svh;min-height:680px;width:100%;overflow:hidden;isolation:isolate;background:#052735}
.hero-visual{transform-origin:65% 55%;transform:translateY(calc(var(--dive) * -8%)) scale(calc(1 + var(--dive) * .38));will-change:transform}
.hero-shade{background:linear-gradient(90deg,rgba(2,24,34,.87),rgba(2,24,34,.3) 51%,rgba(2,24,34,.06)),linear-gradient(0deg,#061f29 0%,transparent 18%,transparent 80%,rgba(2,24,34,.35))}
.hero-content{opacity:var(--intro-opacity);transform:translateY(calc(var(--dive) * -180px));will-change:transform,opacity}
.hero-content[aria-hidden=true]{pointer-events:none}
.hero-fish{top:30%;right:11%;width:clamp(190px,24vw,380px);transform:translate3d(calc(var(--dive) * -120vw + var(--pointer-x,0) * 20px),calc(var(--dive) * 10vh),0) scale(calc(1 + var(--dive) * .6));transition:none;will-change:transform;opacity:clamp(0,calc(1 - var(--dive) * 3.8),1)}
.dive-swimmer{position:absolute;z-index:2;will-change:transform;pointer-events:none;filter:drop-shadow(0 22px 35px #02182345)}
.dive-swimmer>img{width:100%;height:auto;animation:fish-float 7s ease-in-out infinite}
.dive-swimmer>span{display:block;position:absolute;bottom:1%;left:30%;font-size:12px;letter-spacing:.12em;line-height:1.5;white-space:nowrap;color:#f2f5d8;text-shadow:0 2px 15px #001623}
.dive-swimmer>span i{display:block;font-size:12px;letter-spacing:.02em;color:#c5dbd7}
.dive-swimmer--yellow{left:0;top:22%;width:clamp(280px,33vw,540px);transform:translate3d(calc(132vw - var(--dive) * 210vw),calc(var(--dive) * 4vh),0) rotate(calc(-5deg + var(--dive) * 10deg))}
.dive-swimmer--blue{left:0;top:27%;width:clamp(340px,42vw,670px);transform:translate3d(calc(225vw - var(--dive) * 217vw),calc(var(--dive) * -4vh),0) rotate(calc(4deg - var(--dive) * 5deg))}
.dive-swimmer--gramma{left:0;bottom:8%;width:clamp(130px,15vw,235px);z-index:1;opacity:.85;transform:translate3d(calc(-30vw + var(--dive) * 75vw),calc(var(--dive) * -8vh),0) scaleX(-1)}
.dive-chapter{position:absolute;left:var(--gutter);top:24%;z-index:3;max-width:52%;pointer-events:none;will-change:transform,opacity}
.dive-chapter .eyebrow{display:block;color:#d8e6dc;margin-bottom:26px;letter-spacing:.14em}
.dive-chapter h2{font-size:clamp(50px,5.8vw,96px);line-height:1.06}
.dive-chapter>p:last-child{font-size:17px;line-height:1.7;color:#d0e3df;margin-top:26px}
.dive-chapter--yellow{opacity:var(--yellow-opacity);transform:translateY(calc((.38 - var(--dive)) * 130px))}
.dive-chapter--blue{opacity:var(--blue-opacity);transform:translateY(calc((.78 - var(--dive)) * 100px))}
.hero-bottom{bottom:46px}.skip-dive{font-size:12px;letter-spacing:.025em;display:flex;gap:14px;align-items:center;color:#cde2da}.skip-dive:hover{color:var(--lime)}
.dive-progress{display:flex;align-items:center;gap:18px}.dive-progress-label,.dive-meter{font-size:11px;letter-spacing:.13em;color:#e2eee6}.dive-progress-label{min-width:102px}
.dive-progress-track{width:110px;height:2px;background:#b7d6c94d;overflow:hidden}.dive-progress-track i{display:block;width:100%;height:100%;background:var(--lime);transform:scaleX(var(--dive));transform-origin:left}
.hero-bottom .scroll-circle{animation:scroll-bob 1.6s ease-in-out infinite}.hero-bottom .scroll-cue{font-size:11px}
.fish-collection{display:block;padding-top:110px;padding-bottom:100px}
.fish-collection-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:55px}.fish-collection-heading .eyebrow{color:var(--muted);margin-bottom:22px}.fish-collection-heading>p{color:var(--muted);max-width:450px;font-size:16px}.fish-collection-heading h2{font-size:clamp(42px,4.3vw,70px)}
.species-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.species-card{min-width:0}.species-photo{aspect-ratio:1/1.1;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#0b414c,#082732 70%);overflow:hidden;border-radius:2px}.species-photo img{width:95%;height:100%;object-fit:contain;transition:transform .65s}.species-card:hover .species-photo img{transform:translate(-7px,-5px) scale(1.06)}.species-gramma .species-photo{background:radial-gradient(ellipse at 50% 40%,#293755,#082732 70%)}.species-yellow .species-photo{background:radial-gradient(ellipse at 50% 40%,#21544a,#082732 70%)}.species-number{display:block;font-size:10px;letter-spacing:.1em;color:#93b3ad;margin-top:23px}.species-card h3{font-size:23px;line-height:1.3;letter-spacing:-.03em;margin-top:10px}.species-card>p{font-size:12px;font-style:italic;color:#b0c8c3;margin-top:6px}.species-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:40px}.species-bottom>p{font-size:13px;color:#94b1b1;max-width:620px}.species-bottom .text-link{white-space:nowrap;font-size:14px}
.our-world.store-world{display:block;padding-bottom:100px;border-bottom:0}.store-world-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:58px}.store-world-heading .eyebrow{color:var(--muted);margin-bottom:28px}.store-intro-copy{max-width:500px}.store-intro-copy p{font-size:16px;color:var(--muted);margin-bottom:20px}.store-intro-copy .text-link{margin-top:3px}.store-gallery{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:300px 300px;gap:22px}.store-photo{margin:0;position:relative;overflow:hidden;isolation:isolate;background:#0a3342}.store-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,17,25,.83),transparent 40%);z-index:1;pointer-events:none}.store-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s ease}.store-photo:hover img{transform:scale(1.05)}.store-photo-main{grid-row:1/3}.store-photo-main img{object-position:45% center}.store-photo figcaption{position:absolute;z-index:2;left:26px;right:26px;bottom:26px;font-size:11px;letter-spacing:.12em;display:flex;justify-content:space-between;gap:20px;line-height:1.5}.store-photo figcaption span:last-child{font-size:12px;text-transform:none;letter-spacing:.02em;color:#c8d7d6}.store-photo-note{font-size:12px;color:#94b0b1;margin-top:18px}
.sc-ready [data-sc-in]{transform:translateY(48px);transition:opacity .85s ease,transform 1s cubic-bezier(.22,1,.36,1)}.sc-ready [data-sc-in].sc-in{transform:none;opacity:1}
@keyframes scroll-bob{0%,100%{translate:0 0}50%{translate:0 6px}}
@media(max-width:1100px){.dive-stage{min-height:660px}.dive-chapter{max-width:59%;top:25%}.dive-chapter h2{font-size:clamp(48px,5.9vw,73px)}.species-grid{gap:17px}.species-card h3{font-size:20px}.species-number{font-size:9px}.dive-swimmer--yellow{width:38vw;top:27%}.dive-swimmer--blue{width:46vw;top:30%}.store-gallery{grid-template-rows:260px 260px}.store-photo-main figcaption{flex-direction:column;gap:6px}}
@media(max-width:760px){.hero.dive-track{height:340vh}.dive-stage{min-height:660px;height:100svh}.hero-content{padding-top:145px}.hero .eyebrow{font-size:9px}.hero-content h1{font-size:clamp(45px,11.7vw,80px)}.hero-content .hero-description{max-width:310px}.hero-fish{top:auto;bottom:100px;right:3%;width:210px;transform:translate3d(calc(var(--dive) * -170vw),calc(var(--dive) * 8vh),0) scale(calc(1 + var(--dive) * .5))}.hero-visual{transform-origin:58% 50%;transform:translateY(calc(var(--dive) * -4%)) scale(calc(1 + var(--dive) * .3))}.hero-image{object-position:62% 50%}.dive-chapter{left:var(--gutter);top:18%;max-width:calc(100% - 50px)}.dive-chapter h2{font-size:clamp(44px,10.8vw,64px)}.dive-chapter .eyebrow{font-size:10px;margin-bottom:20px}.dive-chapter>p:last-child{font-size:15px;line-height:1.6;margin-top:20px}.dive-chapter>p:last-child br{display:none}.dive-swimmer--yellow{top:43%;width:280px;transform:translate3d(calc(104vw - var(--dive) * 217vw),calc(var(--dive) * 4vh),0) rotate(-3deg)}.dive-swimmer--blue{top:45%;width:330px;transform:translate3d(calc(212vw - var(--dive) * 261vw),calc(var(--dive) * -3vh),0)}.dive-swimmer--gramma{width:115px;bottom:11%;transform:translate3d(calc(-40vw + var(--dive) * 125vw),calc(var(--dive) * -2vh),0) scaleX(-1)}.dive-swimmer>span{left:20%;bottom:3%;font-size:10px}.dive-swimmer>span i{font-size:10px}.hero-bottom{bottom:74px;left:25px;right:25px;display:grid;grid-template-columns:1fr auto;gap:17px}.hero-bottom .scroll-cue{font-size:9px;gap:10px}.hero-bottom .scroll-circle{width:25px;height:34px;font-size:17px}.dive-progress{grid-row:2;grid-column:1/-1;gap:12px}.dive-progress-label,.dive-meter{font-size:9px;letter-spacing:.1em}.dive-progress-track{width:100%;height:1px}.dive-progress-label{min-width:90px}.dive-meter{min-width:30px}.skip-dive{font-size:10px;gap:8px}.fish-collection{padding-top:80px;padding-bottom:70px}.fish-collection-heading{display:block;margin-bottom:32px}.fish-collection-heading>p{font-size:15px;margin-top:22px}.fish-collection-heading>p br{display:none}.fish-collection-heading h2{font-size:40px}.species-grid{grid-template-columns:1fr 1fr;gap:32px 15px}.species-photo{aspect-ratio:1/1.13}.species-card h3{font-size:19px;line-height:1.25}.species-number{font-size:8px;letter-spacing:.07em;line-height:1.6;margin-top:15px}.species-card>p{font-size:10px;line-height:1.5}.species-bottom{display:block;margin-top:34px}.species-bottom>p{font-size:12px}.species-bottom .text-link{margin-top:23px}.store-world-heading{display:block;margin-bottom:33px}.store-intro-copy{margin-top:30px}.store-intro-copy p{font-size:15px}.our-world.store-world{padding-top:75px;padding-bottom:70px}.store-gallery{grid-template-columns:1fr 1fr;grid-template-rows:380px 215px;gap:13px}.store-photo-main{grid-row:1;grid-column:1/-1}.store-photo figcaption{font-size:9px;left:15px;right:15px;bottom:17px;line-height:1.6}.store-photo-main figcaption{flex-direction:row;gap:10px;font-size:10px}.store-photo-main figcaption span:last-child{font-size:10px}.store-photo-note{font-size:11px}.store-photo-detail img{object-position:35% center}.store-photo-wall img{object-position:65% center}}
@media(max-height:740px) and (min-width:761px){.dive-stage{min-height:600px}.hero-content{padding-top:140px}.hero-content h1{font-size:74px}.hero-description{font-size:15px;margin-top:20px;margin-bottom:22px}.hero-bottom{bottom:32px}}
/* Pausing or reduced motion gives the reader the complete ordinary page without a pinned track. */
.motion-paused .hero.dive-track{height:auto!important;min-height:0}.motion-paused .dive-stage{position:relative;height:100svh;min-height:780px}.motion-paused .hero-visual,.motion-paused .hero-content{transform:none!important;opacity:1!important}.motion-paused .hero-content{pointer-events:auto}.motion-paused .dive-swimmer,.motion-paused .dive-chapter,.motion-paused .dive-progress,.motion-paused .skip-dive{display:none}.motion-paused .hero-fish{transform:none!important;opacity:1!important}.motion-paused .hero-bottom{display:flex}.motion-paused .scroll-circle{animation:none}.motion-paused.sc-ready [data-sc-in]{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.hero.dive-track{height:auto!important}.dive-stage{position:relative}.hero-visual,.hero-content{transform:none!important;opacity:1!important}.dive-chapter,.dive-swimmer,.dive-progress,.skip-dive{display:none}.sc-ready [data-sc-in]{opacity:1;transform:none}}