.dive{background:var(--w-deep);position:relative;overflow-x:clip}.zone{--fg:var(--on-scene);--fg-2:var(--on-scene);--fg-shadow:0 1px 8px var(--scene-shadow);--link:var(--on-scene);--wash:var(--wash-deep);--wash-a:.72;--art-y:50%;isolation:isolate;background:linear-gradient(180deg, var(--from), var(--to));color:var(--fg);position:relative;overflow:clip}.zone--surface{--from:var(--w-surface);--to:var(--w-shallows);--art-y:40%}.zone--shallows{--from:var(--w-shallows);--to:var(--w-reef);--art-y:52%}.zone--reef{--from:var(--w-reef);--to:var(--w-reef-mid)}.zone--reefbed{--from:var(--w-reef-mid);--to:var(--w-reef-deep);--art-y:60%}.zone--coral{--from:var(--w-reef-deep);--to:var(--w-coral);--art-y:62%}.zone--garden{--from:var(--w-coral);--to:var(--w-drop)}.zone--drop{--from:var(--w-drop);--to:var(--w-drop-deep)}.zone--trench{--from:var(--w-drop-deep);--to:var(--w-deep)}.zone--deep{--from:var(--w-deep);--to:var(--w-deep);--art-y:100%}@media (prefers-color-scheme:light){.zone--sunlit{--fg:var(--text);--fg-2:var(--text-2);--fg-shadow:none;--link:var(--accent-text);--wash:var(--wash-sunlit);--wash-a:.86}}.zone__art{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.zone__painting{object-fit:cover;object-position:50% var(--art-y);width:100%;height:100%;-webkit-mask-image:linear-gradient(180deg, transparent, var(--mask) 18%, var(--mask) 74%, transparent);mask-image:linear-gradient(180deg, transparent, var(--mask) 18%, var(--mask) 74%, transparent);position:absolute;inset:0}.hero__painting{-webkit-mask-image:linear-gradient(180deg, var(--mask) 72%, transparent);mask-image:linear-gradient(180deg, var(--mask) 72%, transparent)}.zone__painting--floor{-webkit-mask-image:linear-gradient(180deg, transparent 30%, var(--mask) 62%);mask-image:linear-gradient(180deg, transparent 30%, var(--mask) 62%)}.zone__inner{max-width:var(--wide);gap:var(--s-10);padding:var(--s-16) var(--gutter) var(--s-20);margin:0 auto;display:grid}.caustics{width:120%;height:70%;-webkit-mask-image:linear-gradient(180deg, var(--mask) 55%, transparent);mask-image:linear-gradient(180deg, var(--mask) 55%, transparent);mix-blend-mode:soft-light;opacity:.55;position:absolute;top:0;left:-10%}.caustics:before,.caustics:after{background:radial-gradient(ellipse 60px 34px at 30% 40%, var(--caustic), transparent 70%), radial-gradient(ellipse 80px 40px at 70% 20%, var(--caustic), transparent 70%), radial-gradient(ellipse 50px 30px at 55% 70%, var(--caustic), transparent 70%), radial-gradient(ellipse 70px 36px at 15% 80%, var(--caustic), transparent 70%);content:"";background-size:240px 200px;position:absolute;inset:-20%}.caustics:after{opacity:.7;background-size:300px 260px}.rays{background:linear-gradient(180deg, var(--ray), transparent 70%);mix-blend-mode:screen;width:100%;height:45%;position:absolute;top:0;left:0}.swimmer,.bubbles{display:none}.fg{filter:var(--piece-filter) drop-shadow(0 10px 12px var(--piece-shadow));position:absolute}.fg--coral{width:12rem;bottom:-2.5rem;left:-3.5rem}.fg--kelp{transform-origin:bottom;width:5.5rem;bottom:-3rem;right:-.5rem}.hud{z-index:3;max-width:var(--wide);padding:var(--s-2) var(--gutter);justify-content:flex-end;margin:0 auto;display:flex;position:absolute;top:0;left:0;right:0}.hud__nav ul{gap:0 var(--s-5);padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--ink-72);box-shadow:var(--sh-float);margin:0;list-style:none;display:flex}.hud__nav li{margin:0}.hud__nav a{min-height:var(--target);padding:var(--s-3) 0;color:var(--on-ink);font-size:var(--t-small);font-weight:700;text-decoration:none;display:inline-block}.hud__nav a:hover{text-decoration:underline}.copy .still{min-height:var(--target);align-items:center;gap:var(--s-2);padding:0 var(--s-4) 0 var(--s-3);border-radius:var(--r-pill);background:var(--ink-72);box-shadow:var(--sh-float);color:var(--on-ink);cursor:pointer;font-size:var(--t-small);text-shadow:none;font-weight:700;display:inline-flex}.still__box{width:1.375rem;height:1.375rem;box-shadow:inset 0 0 0 1.5px var(--on-ink-2);color:#0000;border-radius:.375rem;flex:none;place-items:center;display:grid}.still:has(:checked) .still__box{background:var(--accent);box-shadow:none;color:var(--on-accent)}.hud__nav a:focus-visible,.copy a:focus-visible,.slab:focus-visible,.copy .still:has(:focus-visible){outline:3px solid var(--focus-on-dark);outline-offset:2px;box-shadow:var(--sh-focus-halo)}.slab:focus-visible{box-shadow:var(--sh-slab), var(--sh-focus-halo)}.hero__actions{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.gauge{display:none}.hero__inner{align-content:center;gap:var(--s-5);min-height:100svh;padding-top:var(--s-16);padding-bottom:var(--s-12)}.hero__head,.hero__body{z-index:1;isolation:isolate}.hero__head h1{max-width:11em;margin:var(--s-4) 0 0;font-size:var(--t-display);letter-spacing:var(--track-tight);font-weight:800;line-height:1.02}.hero__lede{max-width:30rem;margin:0 0 var(--s-4);color:var(--fg-2);font-size:var(--t-lg)}.copy .store{min-height:var(--target);align-items:center;gap:var(--s-2);padding:0 var(--s-4) 0 var(--s-3);border-radius:var(--r-pill);background:var(--ink-72);box-shadow:var(--sh-float);color:var(--on-ink);font-size:var(--t-small);text-shadow:none;margin:0;font-weight:700;display:inline-flex}.store__icon{fill:none;width:1.125rem;height:1.125rem;stroke:var(--on-ink-2);stroke-linecap:round;stroke-width:1.75px}.store--live{min-height:var(--btn-h);padding:0 var(--s-6);background:var(--ink);box-shadow:var(--sh-dark);font-size:var(--t-lg);text-decoration:none}.pad{--pad-k:.9;flex-direction:column;align-items:center;display:flex}.pad__art{width:264em;height:226em;font-size:calc(var(--pad-k) * 1px);position:relative}.pad__art img{max-width:none;position:absolute}.pad__islet{width:264em;filter:var(--piece-filter) drop-shadow(0 14em 12em var(--piece-shadow));-webkit-mask-image:linear-gradient(180deg, var(--mask) 52%, transparent 92%);mask-image:linear-gradient(180deg, var(--mask) 52%, transparent 92%);top:170em;left:0}.pad__disc{width:220em;top:103em;left:22em}.pad__ring{border:3px solid var(--accent);opacity:.85;border-radius:50%;width:170em;height:60em;position:absolute;top:120em;left:47em}.pad__contact{background:var(--contact);filter:blur(6px);border-radius:50%;width:110em;height:22em;position:absolute;top:118em;left:77em}.pad__sydney{width:142em;top:0;left:61em}.slab{z-index:2;min-height:var(--target);align-items:center;gap:var(--s-2);margin-top:var(--s-2);padding:0 var(--s-4) 0 var(--s-5);background:var(--accent);box-shadow:var(--sh-slab);color:var(--on-accent);white-space:nowrap;border-radius:.875rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.slab:active{box-shadow:0 1px 0 var(--accent-press);transform:translateY(3px)}.slab small{font-family:var(--mono);font-size:var(--t-meta);font-weight:400}@media (width<=47.99em){.more{display:none!important}}.copy,.step{position:relative}.copy:before,.step:before{z-index:-1;inset:calc(-1 * var(--s-4)) calc(-1 * var(--s-5));border-radius:var(--s-8);background:rgb(var(--wash) / var(--wash-a));box-shadow:0 0 var(--s-8) var(--s-4) rgb(var(--wash) / var(--wash-a));content:"";position:absolute}.copy{max-width:34rem;text-shadow:var(--fg-shadow)}.copy--center{text-align:center;margin:0 auto}.copy h2{margin:0 0 var(--s-3);font-size:var(--t-h2);letter-spacing:var(--track-title);font-weight:700;line-height:1.1}.copy p{margin:0 0 var(--s-3);color:var(--fg-2);font-size:var(--t-lg)}.copy p:last-child{margin-bottom:0}.copy a{color:var(--link)}.copy .copy__quiet{margin-top:var(--s-6);font-size:var(--t-small)}.meet__inner{gap:var(--s-8)}.meet__stage{width:100%;max-width:20rem;margin:0 auto}.meet__beats{gap:var(--s-8);display:grid}.beat .copy{margin:0 auto}.beat h3{margin:0 0 var(--s-2);font-size:var(--t-h2);letter-spacing:var(--track-title);font-weight:700;line-height:1.1}.copy .meet__says{color:var(--fg);font-weight:700}.motion{width:100%;max-width:22.5rem;margin:0 auto}.motion__frame{border-radius:var(--r-sheet);box-shadow:var(--sh-window);aspect-ratio:1;position:relative;overflow:clip}.motion__film,.motion__still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.motion__still,html:has(#still:checked) .motion__film{display:none}html:has(#still:checked) .motion__still{display:block}.kind{margin:0 0 var(--s-2);color:var(--text-3);font-family:var(--mono);font-size:var(--t-meta);letter-spacing:0;font-weight:400;display:block}.tick{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px;flex:none;width:1rem;height:1rem}.btn{width:100%;min-height:var(--btn-h);border-radius:var(--r-btn);background:var(--accent);box-shadow:var(--sh-btn);color:var(--on-accent);cursor:pointer;font-family:inherit;font-size:var(--t-lg);border:0;justify-content:center;align-items:center;font-weight:700;display:flex}.btn:active{box-shadow:var(--sh-btn-down);transform:translateY(var(--press))}.steps{gap:var(--s-6);margin:0;padding:0;list-style:none;display:grid;position:relative}.step{align-items:center;gap:0 var(--s-3);grid-template-columns:8rem 1fr;width:100%;max-width:24rem;margin:0 auto;display:grid}.step>:not(.step__stop){grid-column:2}.step__stop{width:8rem;height:7.25rem;position:relative}.step__stop img{max-width:none;position:absolute}.step__islet{width:8rem;filter:var(--piece-filter);-webkit-mask-image:linear-gradient(180deg, var(--mask) 55%, transparent 96%);mask-image:linear-gradient(180deg, var(--mask) 55%, transparent 96%);bottom:0;left:0}.step__islet--flip{scale:-1 1}.step__token{width:4.5rem;filter:drop-shadow(0 5px 3px var(--piece-shadow));top:0;left:1.75rem}.step__n{width:4.5rem;height:4.2rem;color:var(--on-accent);font-size:var(--t-h3);place-items:center;font-weight:800;display:grid;position:absolute;top:0;left:1.75rem}.step h3{margin:var(--s-2) 0 var(--s-1);font-size:var(--t-h3);text-shadow:var(--fg-shadow);font-weight:700}.step__text{margin:0 0 var(--s-4);color:var(--fg-2);text-shadow:var(--fg-shadow)}.tip,.write{width:100%;padding:var(--s-5);background:var(--surface);box-shadow:var(--sh-tile);color:var(--text);text-align:left;border-radius:1.375rem}.tip .kind{color:var(--accent-text)}.tip__term{margin:0 0 var(--s-2);font-size:var(--t-q);font-weight:700;line-height:1.15}.tip__body{color:var(--text-2);margin:0}.kinds{justify-content:center;gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.kinds li{padding:var(--s-2) var(--s-3);border-radius:var(--r-chip);background:var(--surface);box-shadow:var(--sh-tile);color:var(--text);font-family:var(--mono);font-size:var(--t-excerpt);margin:0}.write__task{margin:0 0 var(--s-3);color:var(--text-2);font-size:var(--t-small)}.write__prompt{margin:0 0 var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-tile);box-shadow:inset 0 0 0 1.5px var(--line-strong);font-family:var(--mono);font-size:var(--t-small)}.write__list{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.write__list li{align-items:center;gap:var(--s-2);font-size:var(--t-small);margin:0;display:flex}.write__list .tick{color:var(--good)}.lesson .kind{color:var(--text-2)}.lesson{border-radius:var(--r-sheet);background:var(--window);width:100%;max-width:26.25rem;box-shadow:var(--sh-window);color:var(--text);margin:0 auto;position:relative;overflow:clip}.lesson__body{padding:var(--s-5)}.lesson__top{align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);display:flex}.segs{gap:var(--s-1);flex:1;grid-template-columns:repeat(6,1fr);margin:0;padding:0;list-style:none;display:grid}.segs li{border-radius:var(--r-pill);background:var(--track);height:.625rem;margin:0}.segs--at-2 li:nth-child(-n+2),.segs--at-3 li:nth-child(-n+3){background:linear-gradient(180deg, var(--seg-from), var(--accent))}.chip{height:2.125rem;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--ink);box-shadow:var(--sh-float);color:var(--on-ink);font-family:var(--mono);font-size:var(--t-small);font-variant-numeric:tabular-nums;align-items:center;display:inline-flex}.lesson__q{min-width:0;margin:0 0 var(--s-5);border:0;padding:0}.lesson__q legend{margin-bottom:var(--s-1);font-size:var(--t-q);padding:0;font-weight:700;line-height:1.2}.lesson--spot legend{font-size:var(--t-h3)}.tile{align-items:center;gap:var(--s-3);min-height:4rem;margin-top:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-tile);background:var(--surface);box-shadow:var(--sh-tile);cursor:pointer;line-height:1.3;display:flex;position:relative}.tile:active{transform:translateY(3px)}.tile__key{border-radius:var(--r-key);background:var(--surface-2);width:1.875rem;height:1.875rem;color:var(--text-2);font-family:var(--mono);font-size:var(--t-meta);flex:none;place-items:center;display:grid}.tile__text{flex:1;min-width:0}.tile__good{display:none}.tile:has(:checked),.row:has(:checked){box-shadow:var(--sh-tile-on)}.tile:has(:checked) .tile__key,.row:has(:checked) .row__ring{background:var(--accent);box-shadow:none;color:var(--on-accent)}.tile:has(:focus-visible),.row:has(:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.lesson__check{list-style:none}.lesson__check::-webkit-details-marker{display:none}.lesson__check-again,.lesson__check-replay{display:none}.lesson__ghost{background:var(--surface-2);box-shadow:var(--sh-off);color:var(--text-3);cursor:default;display:none}.lesson:not(:has(.lesson__q :checked)) .lesson__ghost{display:flex}.lesson:not(:has(.lesson__q :checked)) .lesson__result{display:none}.lesson:has(.lesson__result[open]):has(.lesson__q :checked) .lesson__check{background:var(--surface);box-shadow:var(--sh-tile);color:var(--text);font-size:var(--t-body)}.lesson:has(.lesson__result[open]):has(.lesson__q :checked) .lesson__check-go,.lesson:has(.lesson__result[open]):has(.tile--right :checked,.row--right :checked) .lesson__check-again{display:none}.lesson:has(.lesson__result[open]):has(.tile--wrong :checked,.row--wrong :checked) .lesson__check-again,.lesson:has(.lesson__result[open]):has(.tile--right :checked,.row--right :checked) .lesson__check-replay{display:inline}.lesson:has(.lesson__result[open]):has(.lesson__q :checked) .lesson__q label{pointer-events:none}.lesson:has(.lesson__result[open]) .lesson__q input:not(:checked){visibility:hidden}.say{display:none}.lesson:has(.lesson__result[open]):has(.tile--wrong :checked) .say--miss,.lesson:has(.lesson__result[open]):has(.row--wrong :checked) .say--miss,.lesson:has(.lesson__result[open]):has(.tile--right :checked) .say--good,.lesson:has(.lesson__result[open]):has(.row--right :checked) .say--good{display:inline}.lesson:has(.lesson__result[open]) .tile--right:has(:checked),.lesson:has(.lesson__result[open]) .row--right:has(:checked){background:var(--good-bg);box-shadow:var(--sh-tile-good);color:var(--good)}.lesson:has(.lesson__result[open]) .tile--right:has(:checked) .tile__key,.lesson:has(.lesson__result[open]) .row--right:has(:checked) .row__ring{background:var(--good-fill);color:var(--on-good)}.lesson:has(.lesson__result[open]) .tile--right:has(:checked) .tile__good{background:var(--good-fill);width:1.625rem;height:1.625rem;color:var(--on-good);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.burst{position:absolute;top:50%;left:50%}.burst i{background:var(--surface);width:.5rem;height:.5rem;box-shadow:inset 0 0 0 1.5px var(--good-fill);opacity:0;border-radius:50%;margin:-.25rem;position:absolute}.lesson:has(.lesson__result[open]):has(.tile--right :checked) .segs--at-2 li:nth-child(3),.lesson:has(.lesson__result[open]):has(.row--right :checked) .segs--at-3 li:nth-child(4){background:linear-gradient(180deg, var(--seg-from), var(--accent))}.splat{z-index:2;pointer-events:none;width:5.25rem;height:5.25rem;display:none;position:absolute;top:50%;right:-.75rem;transform:translateY(-50%)rotate(-6deg)}.splat img{width:100%;height:100%;filter:drop-shadow(0 6px 5px var(--piece-shadow));object-fit:contain}.splat__label{color:var(--on-scene);font-size:var(--t-micro);text-align:center;place-items:center;font-weight:800;line-height:.95;display:grid;position:absolute;inset:24% 20% 16% 18%;transform:rotate(-4deg)}.splat i{--dx:0px;--dy:0px;background:var(--ink);opacity:.9;width:9px;height:11px;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.6);border-radius:50% 50% 55% 55%;position:absolute;top:50%;left:50%}.splat i:first-of-type{--dx:-72px;--dy:-16px}.splat i:nth-of-type(2){--dx:-60px;--dy:20px}.splat i:nth-of-type(3){--dx:-26px;--dy:-24px}.splat i:nth-of-type(4){--dx:12px;--dy:24px}.splat i:nth-of-type(5){--dx:-44px;--dy:24px}.splat i:nth-of-type(6){--dx:26px;--dy:-22px}.splat--row{width:5.5rem;height:5.5rem;right:-.875rem}.splat--row .splat__label{font-size:var(--t-micro)}.lesson:has(.lesson__result[open]) .tile--wrong:has(:checked){padding-right:5rem}.lesson:has(.lesson__result[open]) .tile--wrong:has(:checked) .splat,.lesson:has(.lesson__result[open]) .row--wrong:has(:checked) .splat{display:block}.excerpt{margin-top:var(--s-3);padding:var(--s-2);border-radius:.375rem var(--r-card) var(--r-card) var(--r-card);background:var(--surface);box-shadow:var(--sh-tile);gap:.375rem;display:grid}.excerpt__head{align-items:center;gap:var(--s-2);padding:var(--s-1) .375rem;font-size:var(--t-small);display:flex}.excerpt__head b{font-weight:700}.excerpt__bot{background:var(--ink);border-radius:50%;place-items:center;width:1.625rem;height:1.625rem;display:grid}.excerpt__bot svg{fill:none;width:.875rem;height:.875rem;stroke:var(--xp);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}.excerpt__tag{padding:.1875rem var(--s-2);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-3);font-family:var(--mono);font-size:var(--t-micro);margin-left:auto}.row{min-height:var(--target);align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3) var(--s-2) .625rem;border-radius:var(--r-chip);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-strong);cursor:pointer;display:flex;position:relative}.row:active{background:var(--surface-2)}.row:has(:checked){box-shadow:inset 0 0 0 2.5px var(--accent)}.row__ring{width:1.375rem;height:1.375rem;box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--text-2);font-family:var(--mono);font-size:var(--t-micro);border-radius:50%;flex:none;place-items:center;display:grid}.row__ring .tick{width:.75rem;height:.75rem;display:none}.row__text{min-width:0;font-family:var(--mono);font-size:var(--t-excerpt);flex:1;line-height:1.5}.row__mark{--mark:transparent;background:linear-gradient(var(--mark), var(--mark)) 0 0 / 0% 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;margin:0 -2px;padding:1px 2px}.row:has(:checked) .row__mark{--mark:var(--highlight);background-size:100% 100%}.lesson:has(.lesson__result[open]) .row--right:has(:checked){box-shadow:inset 0 0 0 2.5px var(--good-fill)}.lesson:has(.lesson__result[open]) .row--right:has(:checked) .row__mark{--mark:transparent}.lesson:has(.lesson__result[open]) .row--right:has(:checked) .row__n{display:none}.lesson:has(.lesson__result[open]) .row--right:has(:checked) .tick{display:block}.lesson:has(.lesson__result[open]) .row--wrong:has(:checked){padding-right:5rem}.lesson:has(.lesson__result[open]) .row--wrong:has(:checked) .row__mark{--mark:var(--ink);box-shadow:0 0 0 1px var(--mark-edge);color:var(--on-ink)}.sheet-slot{margin:var(--s-5) calc(-1 * var(--s-5)) calc(-1 * var(--s-5));display:grid}.sheet{border-radius:var(--r-sheet) var(--r-sheet) 0 0;background:var(--ink);min-height:0;box-shadow:var(--sh-sheet);color:var(--on-ink);display:none;overflow:hidden}.sheet__in{gap:var(--s-2);padding:var(--s-5);display:grid}.lesson:has(.lesson__result[open]):has(.tile--wrong :checked) .sheet--miss,.lesson:has(.lesson__result[open]):has(.row--wrong :checked) .sheet--miss,.lesson:has(.lesson__result[open]):has(.tile--right :checked) .sheet--good,.lesson:has(.lesson__result[open]):has(.row--right :checked) .sheet--good{display:block}.sheet__who{align-items:flex-end;gap:var(--s-3);display:flex}.sheet__sydney{width:5.25rem;filter:drop-shadow(0 10px 12px var(--sheet-shadow));flex:none}.sheet__head{font-size:var(--t-q);margin:0;font-weight:800;line-height:1.1}.sheet__head--ok{color:var(--xp)}.sheet__answer{font-size:var(--t-small);margin:0}.sheet__why{margin:0 0 var(--s-2);color:var(--on-ink-3);font-size:var(--t-note)}.units-scroll{margin:0 calc(-1 * var(--gutter));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;overflow-x:auto}.units-scroll:focus-visible{outline:3px solid var(--focus-on-dark);outline-offset:-3px}.units{gap:var(--s-4);width:max-content;padding:var(--s-4) var(--gutter) var(--s-6);margin:0;list-style:none;display:flex}.unit{align-content:start;justify-items:center;gap:var(--s-3);scroll-snap-align:center;width:17rem;margin:0;display:grid}.unit__summary{width:100%;padding:var(--s-3) var(--s-4);background:var(--ink-72);box-shadow:var(--sh-panel);color:var(--on-ink);font-size:var(--t-small);border-radius:1.125rem;margin:0}.unit__sign{aspect-ratio:750/561;width:15rem;color:var(--sign-text);filter:var(--sign-filter) drop-shadow(0 10px 10px var(--piece-shadow));text-align:center;grid-template-rows:repeat(3,1fr);place-items:center;padding:2.0625rem 1.625rem .75rem;display:grid;position:relative}.unit__board{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.unit__meta{color:var(--sign-meta);font-family:var(--mono);font-size:var(--t-meta);margin:0}.unit__sign h3{font-size:var(--t-lg);grid-row:2;margin:0;font-weight:800;line-height:1}.unit__count{font-size:var(--t-small);grid-row:3;margin:0}.unit__lessons{width:100%;max-width:17rem;padding:var(--s-3) var(--s-4) var(--s-3) var(--s-10);background:var(--ink-72);box-shadow:var(--sh-panel);color:var(--on-ink);font-size:var(--t-small);border-radius:1.125rem;margin:0}.unit__lessons li{padding:var(--s-1) 0;margin:0}.unit__lessons li::marker{color:var(--on-ink-2);font-family:var(--mono);font-size:var(--t-meta)}.reward{gap:var(--s-5);width:100%;max-width:24rem;margin:0 auto;display:grid}.reward__stage{place-items:end center;height:19.875rem;display:grid;position:relative}.reward__stage img{max-width:none;position:absolute}.reward__clam{width:12.75rem;filter:drop-shadow(0 18px 16px var(--piece-shadow));transform-origin:bottom;bottom:0}.reward__clam--closed{opacity:0}.reward__sydney{width:9.375rem;filter:drop-shadow(0 12px 10px var(--piece-shadow));bottom:8.5rem}.reward__glow{background:radial-gradient(ellipse, var(--glow), transparent 70%);opacity:0;border-radius:50%;width:13.75rem;height:7.5rem;position:absolute;bottom:3.125rem}.reward__pearls{z-index:3;position:absolute;bottom:6.875rem;left:50%}.reward__pearls img{--dx:0px;--dy:0px;opacity:0;width:1.5rem;top:-.75rem;left:-.75rem}.reward__pearls picture:first-child img{--dx:-120px;--dy:-70px}.reward__pearls picture:nth-child(2) img{--dx:-84px;--dy:-128px}.reward__pearls picture:nth-child(3) img{--dx:-30px;--dy:-150px}.reward__pearls picture:nth-child(4) img{--dx:34px;--dy:-146px}.reward__pearls picture:nth-child(5) img{--dx:88px;--dy:-120px}.reward__pearls picture:nth-child(6) img{--dx:124px;--dy:-64px}.reward__pearls picture:nth-child(7) img{--dx:-136px;--dy:-10px}.reward__pearls picture:nth-child(8) img{--dx:138px;--dy:-6px}.stats{grid-template-columns:repeat(3,1fr);gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.stat{align-items:center;gap:var(--s-1);padding:.875rem .625rem var(--s-3);background:var(--ink-72);box-shadow:var(--sh-panel);color:var(--on-ink);border-radius:1.125rem;flex-direction:column;margin:0;display:flex}.stat img{object-fit:contain;width:2.125rem;height:2.125rem}.stat b{font-size:var(--t-q);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.stat--xp b{color:var(--xp)}.stat span{color:var(--on-ink-2);font-family:var(--mono);font-size:var(--t-meta)}.faq{gap:var(--s-3);margin-top:var(--s-12);display:grid;position:relative}.faq__sydney{z-index:1;top:-5rem;right:var(--s-3);width:5.875rem;filter:drop-shadow(0 10px 8px var(--piece-shadow));position:absolute}.faq__item{padding:var(--s-2) var(--s-5);border-radius:var(--r-card);background:var(--ink-72);box-shadow:var(--sh-panel);color:var(--on-ink);position:relative}.faq__item h3{min-height:var(--target);padding-right:var(--s-8);font-size:var(--t-lg);align-items:center;margin:0;font-weight:700;display:flex}.faq__item summary{border-radius:var(--r-card);cursor:pointer;list-style:none;position:absolute;inset:0}.faq__item [open] summary{height:calc(var(--target) + var(--s-4));bottom:auto}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{top:calc(var(--s-2) + var(--target) / 2 - .5rem);right:var(--s-5);border-right:2px solid var(--on-ink-2);border-bottom:2px solid var(--on-ink-2);content:"";width:.625rem;height:.625rem;position:absolute;rotate:45deg}.faq__item [open] summary:after{top:calc(var(--s-2) + var(--target) / 2 - .125rem);rotate:225deg}.faq__item summary:focus-visible{outline:3px solid var(--focus-on-dark);outline-offset:2px}.faq__item p{margin:0 0 var(--s-3);color:var(--on-ink-3)}.zone--deep .zone__inner{min-height:46rem;padding-top:var(--s-20);align-content:start}@media (width>=26em){.splat:not(.splat--row){width:7.625rem;height:7.625rem}.splat:not(.splat--row) .splat__label{font-size:var(--t-small)}.lesson:has(.lesson__result[open]) .tile--wrong:has(:checked){padding-right:7.75rem}}@media (width>=48em){.pad{--pad-k:1.15}.motion--lesson{max-width:60rem}.motion--lesson .motion__frame{aspect-ratio:16/9}.copy h2{font-size:var(--t-h1);letter-spacing:var(--track-tight);font-weight:800}.zone__inner{padding-top:var(--s-20);padding-bottom:var(--s-24)}.units-scroll{margin:0;overflow:visible}.units{gap:var(--s-10) var(--s-5);grid-template-columns:repeat(2,1fr);width:auto;padding:0;display:grid}.unit{width:auto}.unit__summary,.unit__lessons{max-width:17rem}.faq{grid-template-columns:repeat(2,1fr);align-items:start}.sheet__sydney{width:7rem}.fg--coral{width:18rem}.fg--kelp{width:7rem}}@media (width>=64em){.pad{--pad-k:1.5}.hero__inner{align-items:center;row-gap:var(--s-4);padding-top:var(--s-20);grid-template-columns:1.1fr .9fr;grid-template-areas:"head pad""body pad"}.hero__head{grid-area:head;align-self:end}.hero__body{grid-area:body;align-self:start}.hero .pad{grid-area:pad}.zone__inner--split{align-items:center;gap:var(--s-16);grid-template-columns:1fr 1fr}.zone__inner--flip .copy{order:2}.meet__inner{grid-template-columns:1fr 1.2fr;align-items:start}.meet__stage{position:sticky;top:calc(50svh - 11.25rem)}.meet__beats{gap:var(--s-24);padding:var(--s-16) 0}.beat .copy{margin:0}.faq__sydney{right:calc(50% + var(--s-4))}.zone--deep .zone__inner{min-height:58rem}.step{text-align:center;grid-template-columns:1fr;align-content:start;place-items:start center}.step>:not(.step__stop){grid-column:auto}.steps{gap:var(--s-8);grid-template-columns:repeat(3,1fr)}.steps:before,.steps:after{z-index:-1;content:"";position:absolute;top:4.25rem;left:17%;right:17%}.steps:before{background:radial-gradient(circle, var(--rope-ahead) .2rem, transparent .25rem) 0 50% / 1rem .5rem repeat-x;height:.5rem}.steps:after{border-radius:var(--r-pill);background:var(--rope);height:.5rem;box-shadow:0 5px 4px var(--piece-shadow);transform-origin:0}.fg--coral{width:24rem;bottom:-4rem;left:-5rem}.fg--kelp{width:9rem;right:1rem}}@media (width>=72em){.units{grid-template-columns:repeat(3,1fr)}}@media (width>=90em){.gauge{z-index:4;top:50%;right:var(--s-4);padding:var(--s-1) 0;border-radius:var(--r-pill);background:var(--ink-72);box-shadow:var(--sh-float);display:block;position:fixed;translate:0 -50%}.gauge ol{margin:0;padding:0;list-style:none}.gauge li{margin:0}.gauge a{width:var(--target);height:var(--target);place-items:center;display:grid}.gauge a:before{background:var(--on-ink-2);content:"";border-radius:50%;width:.5rem;height:.5rem}.gauge a:hover:before,.gauge a:focus-visible:before{background:var(--on-ink)}.gauge a:focus-visible{outline-color:var(--focus-on-dark);outline-offset:-4px;border-radius:50%}.gauge__marker{top:calc(var(--s-1) + .75rem);border:3px solid var(--accent);pointer-events:none;border-radius:50%;width:1.25rem;height:1.25rem;display:none;position:absolute;left:.75rem}}@media (prefers-reduced-motion:no-preference){:where(html:not(:has(#still:checked))){& .slab,& .btn,& .tile{transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease)}& .caustics:before{animation:14s ease-in-out infinite alternate caustic}& .caustics:after{animation:19s ease-in-out infinite alternate-reverse caustic}& .rays{animation:9s ease-in-out infinite alternate rays}& .pad__sydney{animation:3.2s ease-in-out infinite alternate bob}& .pad__contact{animation:3.2s ease-in-out infinite alternate contact}& .pad__ring{animation:ring 2.6s var(--ease) infinite}& .step__stop{animation:5.5s ease-in-out infinite alternate drift}& .step:nth-child(2) .step__stop{animation-delay:-1.8s}& .step:nth-child(3) .step__stop{animation-delay:-3.6s}& .fg--kelp{animation:7s ease-in-out infinite alternate sway}& .swimmer{--swim-to:calc(100vw + 34rem);filter:var(--piece-filter) drop-shadow(0 6px 6px var(--piece-shadow));will-change:transform;display:block;position:absolute;left:-17rem}& .swimmer--fish{opacity:.85;width:10rem;animation:44s linear -6s infinite swim;top:46%}& .swimmer--turtle{opacity:.9;width:7.5rem;animation:66s linear -12s infinite swim;top:12%}& .swimmer--ray{opacity:.75;width:15rem;animation:80s linear -20s infinite swim;top:18%}& .bubbles{display:block;position:absolute;inset:0}& .bubbles i{border:1.5px solid var(--bubble);background:radial-gradient(circle at 32% 30%, var(--bubble), transparent 55%);width:.875rem;height:.875rem;box-shadow:0 0 0 1px var(--bubble-edge);opacity:0;border-radius:50%;animation:11s linear infinite rise;position:absolute;bottom:-1rem}& .bubbles--dim{opacity:.5}& .bubbles i:first-child{animation-delay:-1s;left:8%}& .bubbles i:nth-child(2){width:.5625rem;height:.5625rem;animation-duration:14s;animation-delay:-6s;left:21%}& .bubbles i:nth-child(3){animation-duration:9s;animation-delay:-3s;left:37%}& .bubbles i:nth-child(4){width:1.25rem;height:1.25rem;animation-duration:16s;animation-delay:-9s;left:52%}& .bubbles i:nth-child(5){width:.5625rem;height:.5625rem;animation-delay:-5s;left:64%}& .bubbles i:nth-child(6){animation-duration:13s;animation-delay:-11s;left:76%}& .bubbles i:nth-child(7){width:.75rem;height:.75rem;animation-duration:10s;animation-delay:-7s;left:88%}& .bubbles i:nth-child(8){width:1rem;height:1rem;animation-duration:15s;animation-delay:-2s;left:95%}& .row__mark{transition:background-size .24s var(--ease)}& .lesson:has(.lesson__result[open]) .tile--right:has(:checked),& .lesson:has(.lesson__result[open]) .row--right:has(:checked){animation:pop .42s var(--spring)}& .lesson:has(.lesson__result[open]) .tile--right:has(:checked) .burst i{animation:burst .6s var(--ease) 80ms both}& .burst i:first-child{--dx:-34px;--dy:-22px}& .burst i:nth-child(2){--dx:-12px;--dy:-38px}& .burst i:nth-child(3){--dx:16px;--dy:-34px}& .burst i:nth-child(4){--dx:34px;--dy:-12px}& .burst i:nth-child(5){--dx:30px;--dy:20px}& .burst i:nth-child(6){--dx:6px;--dy:36px}& .burst i:nth-child(7){--dx:-22px;--dy:30px}& .burst i:nth-child(8){--dx:-38px;--dy:6px}& .lesson:has(.lesson__result[open]):has(.tile--right :checked) .segs--at-2 li:nth-child(3),& .lesson:has(.lesson__result[open]):has(.row--right :checked) .segs--at-3 li:nth-child(4){animation:bump .42s var(--spring) .42s backwards}& .lesson:has(.lesson__result[open]) .splat{animation:splat .52s var(--spring) backwards}& .lesson:has(.lesson__result[open]) .splat i{animation:droplet .62s var(--ease) .12s backwards}& .lesson:has(.lesson__result[open]):has(.tile--wrong :checked) .lesson__body,& .lesson:has(.lesson__result[open]):has(.row--wrong :checked) .lesson__body{animation:.24s linear shake}& .lesson:has(.lesson__result[open]) .sheet-slot{animation:slot-open var(--slow) var(--ease) .52s backwards}& .lesson:has(.lesson__result[open]) .sheet__in{animation:sheet-in var(--slow) var(--ease) .52s backwards}& .lesson:has(.lesson__result[open]) .sheet__sydney{animation:sydney-rise .52s var(--spring) .64s backwards}}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:where(html:not(:has(#still:checked))){& .arrive{animation:linear both arrive view();animation-range:entry entry 60%}& .hero .fg{animation:linear both parallax-near scroll(root);animation-range:0 100vh}& .hero .fg--kelp{animation:linear both parallax-near scroll(root),7s ease-in-out infinite alternate sway;animation-range:0 100vh,normal}& .hero{--hero-drop:12vh;padding-bottom:var(--hero-drop)}& .hero .fg--coral{bottom:calc(var(--hero-drop) - 4rem)}& .hero .fg--kelp{bottom:calc(var(--hero-drop) - 3rem)}@media (width>=48em){& .hero{--hero-drop:22vh}}& .hero__painting{height:calc(100% + 8vh);animation:linear both parallax-far scroll(root);animation-range:0 100vh}& .steps{view-timeline:--steps block}& .steps:after{animation:linear both rope --steps;animation-range:entry 30% cover 55%}& .reward{view-timeline:--reward block}& .reward__clam--closed,& .reward__clam--open,& .reward__glow,& .reward__pearls img,& .reward__sydney,& .stat{animation:none;animation-range:entry 45% cover 52%}& .reward__clam--closed{animation-name:clam-closed}& .reward__clam--open{animation-name:clam-open}& .reward__glow{animation-name:glow}& .reward__pearls img{animation-name:pearl-burst}& .reward__sydney{animation-name:hop}& .stat{animation-name:card-1}& .stat:nth-child(2){animation-name:card-2}& .stat:nth-child(3){animation-name:card-3}& .gauge__marker{animation:linear both gauge scroll(root);display:block}}}}@keyframes caustic{0%{transform:translate(0)scale(1)}to{transform:translate(40px,26px)scale(1.08)}}@keyframes rays{to{opacity:.55}}@keyframes bob{to{transform:translateY(-6px)}}@keyframes contact{to{opacity:.75;transform:scale(.9)}}@keyframes ring{0%{opacity:.85;transform:scale(.72)}to{opacity:0;transform:scale(1.35)}}@keyframes drift{to{translate:0 -4px}}@keyframes sway{to{rotate:2.2deg}}@keyframes swim{0%{transform:translate(0,0)}12%{transform:translate3d(calc(var(--swim-to) * .27), -10px, 0)}24%{transform:translate3d(calc(var(--swim-to) * .53), 4px, 0)}36%{transform:translate3d(calc(var(--swim-to) * .8), -8px, 0)}45%,to{transform:translate3d(var(--swim-to), 0, 0)}}@keyframes rise{0%{opacity:0;transform:translateY(0)}12%{opacity:.8}80%{opacity:.6}to{opacity:0;transform:translateY(-34rem)}}@keyframes pop{40%{transform:scale(1.04)}}@keyframes bump{0%{background:var(--track)}40%{transform:scale(1.18)}}@keyframes burst{0%{opacity:1;transform:none}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.3)}}@keyframes splat{0%{opacity:0;transform:translateY(-50%)scale(.2)rotate(-18deg)}55%{opacity:1;transform:translateY(-50%)scale(1.1)rotate(-4deg)}}@keyframes droplet{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes shake{20%{transform:translate(-4px)rotate(-.3deg)}45%{transform:translate(4px)}70%{transform:translate(-3px)rotate(.2deg)}90%{transform:translate(2px)}}@keyframes slot-open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes sheet-in{0%{opacity:0;transform:translateY(2.5rem)}}@keyframes sydney-rise{0%{opacity:0;transform:translateY(2.5rem)scale(.8)}}@keyframes arrive{0%{opacity:0;translate:0 1.5rem}}@keyframes parallax-near{to{translate:0 -22vh}}@keyframes parallax-far{0%{translate:0 -8vh}}@keyframes rope{0%{transform:scaleX(0)}}@keyframes clam-closed{0%{opacity:0;transform:scale(.4)translateY(40px)}22%{opacity:1;transform:scale(1.06)}30%,38%{opacity:1;transform:none}48%,to{opacity:0}}@keyframes clam-open{0%,38%{opacity:0;transform:none}48%{opacity:1;transform:scale(1.06)}56%{transform:none}}@keyframes glow{0%,38%{opacity:0;transform:scale(.2)}56%{opacity:1}76%,to{opacity:0;transform:scale(1.4)}}@keyframes pearl-burst{0%,42%{opacity:0;transform:scale(.3)}52%{opacity:1}84%,to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1)}}@keyframes hop{0%,42%{opacity:0;transform:translateY(60px)scale(.8)}62%{opacity:1;transform:translateY(-18px)scale(1.04)}72%{transform:none}}@keyframes card-1{0%,56%{opacity:0;transform:translateY(16px)scale(.9)}74%{opacity:1;transform:none}}@keyframes card-2{0%,64%{opacity:0;transform:translateY(16px)scale(.9)}82%{opacity:1;transform:none}}@keyframes card-3{0%,72%{opacity:0;transform:translateY(16px)scale(.9)}90%{opacity:1;transform:none}}@keyframes gauge{to{translate:0 calc(4 * var(--target))}}