.swell-lab{padding:clamp(5rem,9vw,9rem) 3.5vw;background:radial-gradient(circle at 82% 8%,rgba(42,113,119,.34),transparent 34rem),var(--ocean);color:var(--ivory)}.swell-lab__heading{display:grid;grid-template-columns:minmax(18rem,.85fr) minmax(20rem,1.15fr);gap:5vw;align-items:end;margin-bottom:clamp(2.5rem,5vw,5rem)}.swell-lab h2{margin:1.4rem 0 0;font:800 clamp(4.5rem,8vw,8.8rem) / .8 var(--display);letter-spacing:-.035em;text-transform:uppercase}.swell-lab h2 em{color:var(--lime);font-style:italic}.swell-lab__copy{max-width:42rem;padding-bottom:.25rem;font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.65}.swell-lab__scope{max-width:35rem;margin:1.2rem 0 0;color:#8fa9a8;font:.68rem / 1.65 var(--mono);letter-spacing:.04em;text-transform:uppercase}.swell-lab__shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,27rem);border:1px solid rgba(151,205,199,.28);background:#04161a;box-shadow:0 2rem 5rem #00000038}.swell-lab__stage{position:relative;min-width:0;overflow:hidden;background:#061a20}.swell-lab__stage:after{position:absolute;inset:0;pointer-events:none;content:"";box-shadow:inset 0 0 6rem #010c0f59}.swell-lab__stagebar{position:absolute;z-index:3;top:1rem;right:1rem;left:1rem;display:flex;justify-content:space-between;gap:1rem;pointer-events:none}.swell-lab__scene-tabs,.swell-lab__pause,.swell-lab__views{border:1px solid rgba(242,239,228,.23);background:#031216d6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.swell-lab button{min-height:44px;border:0;color:inherit;font:500 .64rem var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.swell-lab button:focus-visible,.swell-lab input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.swell-lab__scene-tabs{display:flex;pointer-events:auto}.swell-lab__scene-tabs button,.swell-lab__views button{padding:.7rem .9rem;border-right:1px solid rgba(242,239,228,.18);background:transparent}.swell-lab__scene-tabs button:last-child,.swell-lab__views button:last-child{border-right:0}.swell-lab button[aria-pressed=true]{background:var(--lime);color:var(--deep)}.swell-lab__pause{padding:.7rem 1rem;pointer-events:auto}.swell-lab canvas{display:block;width:100%;height:auto;aspect-ratio:1.48 / 1}.swell-lab__legend{position:absolute;z-index:2;bottom:1.15rem;left:1.2rem;display:flex;flex-wrap:wrap;gap:1rem;color:#f2efe4c7;font:.59rem var(--mono);letter-spacing:.07em;text-transform:uppercase}.swell-lab__key:before{display:inline-block;width:1.5rem;height:2px;margin:0 .45rem .2rem 0;background:currentColor;content:""}.swell-lab__key--wind{color:var(--aqua)}.swell-lab__key--ground{color:var(--lime)}.swell-lab__key--depth{color:#c29d69}.swell-lab__model-tag{position:absolute;z-index:2;right:1.2rem;bottom:1.05rem;color:#f2efe4ad;font:.65rem var(--mono);letter-spacing:.04em}.swell-lab__controls{display:flex;flex-direction:column;border-left:1px solid rgba(151,205,199,.28);background:#082229}.swell-lab__presets{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid rgba(242,239,228,.17)}.swell-lab__presets>span{grid-column:1 / -1;padding:.9rem 1rem .3rem;color:#91aaa9;font:.58rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.swell-lab__presets button{min-height:40px;padding:.6rem .35rem;background:transparent}.swell-lab__wave{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:0;padding:1.2rem 1rem 1.35rem;border:0;border-bottom:1px solid rgba(242,239,228,.17)}.swell-lab__wave legend{float:left;width:100%;margin-bottom:.9rem;color:var(--ivory);font:700 1.35rem var(--display);letter-spacing:.03em;text-transform:uppercase}.swell-lab__wave legend span{margin-right:.55rem;color:var(--aqua);font:.6rem var(--mono)}.swell-lab__wave--ground legend span{color:var(--lime)}.swell-lab__wave label,.swell-lab__angle{display:block;min-width:0;color:#b8cbca;font:.62rem var(--mono);letter-spacing:.05em;text-transform:uppercase}.swell-lab label>span{display:flex;justify-content:space-between;gap:.5rem}.swell-lab output{color:var(--ivory);font-variant-numeric:tabular-nums}.swell-lab input[type=range]{width:100%;min-height:28px;margin:.55rem 0 .35rem;accent-color:var(--aqua);cursor:pointer}.swell-lab__wave--ground input[type=range]{accent-color:var(--lime)}.swell-lab small{display:block;min-height:2.5em;color:#789392;font:.56rem / 1.4 var(--mono);letter-spacing:0;text-transform:none}.swell-lab__angle{padding:1.2rem 1rem 1rem}.swell-lab__angle input[type=range]{accent-color:var(--lime)}.swell-lab__views{display:grid;grid-template-columns:repeat(3,1fr);margin:auto 1rem 1rem}.swell-lab__views button{padding:.65rem .3rem}.swell-lab__readout{display:grid;grid-template-columns:minmax(18rem,1.25fr) minmax(28rem,1fr);gap:4vw;align-items:center;padding:1.6rem 0 0}.swell-lab__readout>p{max-width:49rem;margin:0;color:#b8cdcb;font-size:.9rem;line-height:1.65}.swell-lab__readout dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid rgba(242,239,228,.2)}.swell-lab__readout dl div{padding:.9rem .65rem 0}.swell-lab__readout dl div:first-child{padding-left:0}.swell-lab__readout dt{color:#819b99;font:.55rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.swell-lab__readout dd{margin:.4rem 0 0;color:var(--lime);font:.78rem var(--mono);font-variant-numeric:tabular-nums}@media(max-width:1040px){.swell-lab__shell{grid-template-columns:1fr}.swell-lab__controls{border-top:1px solid rgba(151,205,199,.28);border-left:0}.swell-lab__presets{grid-template-columns:auto repeat(3,1fr)}.swell-lab__presets>span{grid-column:auto;padding:1rem;align-self:center}.swell-lab__wave{grid-template-columns:1fr 1fr}.swell-lab__angle{padding-right:35%}.swell-lab__views{margin-top:.5rem}}@media(max-width:720px){.swell-lab{padding:5rem 1rem}.swell-lab__heading,.swell-lab__readout{grid-template-columns:1fr}.swell-lab h2{font-size:clamp(4rem,17vw,6rem)}.swell-lab__stagebar{position:static;flex-direction:column;gap:0}.swell-lab__scene-tabs{border-width:0 0 1px}.swell-lab__scene-tabs button{flex:1;padding:.55rem .25rem}.swell-lab__pause{width:100%;border-width:0 0 1px;background:#09272e}.swell-lab canvas{aspect-ratio:1 / .92}.swell-lab__model-tag{display:none}.swell-lab__legend{position:static;justify-content:center;padding:0 1rem 1rem}.swell-lab__presets{grid-template-columns:repeat(3,1fr)}.swell-lab__presets>span{grid-column:1 / -1;padding-bottom:.3rem}.swell-lab__angle{padding-right:1rem}.swell-lab__readout dl{grid-template-columns:1fr}.swell-lab__readout dl div,.swell-lab__readout dl div:first-child{padding:.8rem 0;border-bottom:1px solid rgba(242,239,228,.12)}}@media(max-width:440px){.swell-lab__wave{grid-template-columns:1fr}.swell-lab__wave label{padding-bottom:.4rem}}@media(prefers-reduced-motion:reduce){.swell-lab *{scroll-behavior:auto;transition:none}}.swell-lab__wave{display:block}.swell-lab__fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.swell-lab__wave legend{margin-bottom:18px}.swell-lab__scope{font-family:var(--sans);text-transform:none;letter-spacing:0;font-size:13px;line-height:1.65}@media(max-width:720px){.swell-lab__stage{position:relative}.swell-lab__stage canvas{max-height:330px}.swell-lab__fields{gap:18px}.swell-lab__wave label{padding-bottom:0}}.swell-lab__fields{clear:both}.swell-lab__guides{display:block;margin:0 1rem 1rem;border:1px solid rgba(151,205,199,.35)!important;padding:0 1rem;background:transparent}.swell-lab__guides[aria-pressed=true]{background:var(--lime);color:#061a20}.swell-lab__surface-note{margin:0 1rem 1.2rem;color:#a7bfbd;font:13px/1.6 var(--sans)}.crew-note{max-width:700px;color:#a3bbb9;font-size:14px;line-height:1.7;margin-top:28px}.rider{margin:0;min-width:0}.rider-bio{font:400 14px/1.7 var(--sans);color:#aec6c4;margin:0;padding:0 8px 22px 0;max-width:34ch}.rider figcaption{gap:10px}.rider figcaption b{max-width:75%}.rider-track{gap:24px;scroll-padding-right:24px}.physics-note a{color:var(--lime);text-underline-offset:4px}.route-status{max-width:740px;font-size:13px;line-height:1.7;color:#465e60;margin:35px 0 0}.learn-water{padding:100px max(24px,3.5vw);background:var(--paper);color:var(--ink)}.learn-heading{display:grid;grid-template-columns:1.2fr 1fr;column-gap:60px;align-items:end}.learn-heading .eyebrow{grid-column:1/-1}.learn-heading h2,.ride-options h2{font:800 clamp(3.4rem,6vw,6.5rem)/.93 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:24px 0}.learn-heading>p:last-child{font-size:18px;line-height:1.7;max-width:460px}.learn-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;margin-top:45px;align-items:center}.wave-reading{margin:0}.wave-reading svg{display:block;width:100%;height:auto;border-radius:2px}.wave-reading figcaption{font-size:12px;color:#4d6567;margin-top:12px}.learn-lessons article{border-top:1px solid #acb6ad;padding:21px 0 5px}.learn-lessons span,.options-grid article>span{font:11px var(--mono);letter-spacing:.1em}.learn-lessons h3,.options-grid h3{font-size:22px;margin:12px 0}.learn-lessons p{font-size:15px;line-height:1.7;color:#324b4f}.learn-bottom{display:flex;gap:45px;justify-content:space-between;align-items:center;border-top:1px solid #acb6ad;padding-top:25px;margin-top:35px}.learn-bottom p{max-width:650px;line-height:1.7;font-size:14px}.learn-bottom a{color:var(--ink);flex-shrink:0}.ride-options{padding:85px max(24px,3.5vw)}.options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:30px}.options-grid article{border-top:1px solid var(--line);padding-top:25px}.options-grid article>span{color:var(--lime)}.options-grid p{color:#aac3c2;font-size:15px;line-height:1.7}.hero-note p{line-height:1.6}.nav nav{gap:22px}.skip{transform:translateY(-200%);top:12px!important}.skip:focus{transform:none!important}.encounter-intro{max-width:690px}.mixer :focus-visible,.rider-track :focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(max-width:1000px){.options-grid{grid-template-columns:repeat(2,1fr)}.learn-grid{gap:30px;grid-template-columns:1fr}.learn-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.learn-bottom{align-items:flex-start;flex-direction:column;gap:8px}.nav nav{gap:14px}}@media(max-width:650px){.learn-water,.ride-options{padding:64px 24px}.learn-heading{display:block}.learn-heading>p:last-child{font-size:16px}.learn-lessons{display:block}.options-grid{grid-template-columns:1fr;gap:12px}.rider{flex-basis:80vw}.rider-bio{max-width:none}.rider-track{gap:16px}.crew-note{font-size:13px}.learn-grid{margin-top:25px}.physics-art figcaption{line-height:1.7}.route-status{font-size:12px}}