.hero{background:var(--sky) url(/background.png) center bottom / cover no-repeat;height:clamp(560px,100svh,940px);image-rendering:pixelated;border-bottom:6px solid var(--river);position:relative;overflow:hidden}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#142a4400 45%,#142a448c 100%);position:absolute;inset:0}.hero-inner{z-index:2;text-align:center;justify-items:center;gap:24px;padding-top:clamp(32px,9vh,96px);display:grid;position:relative}.logo{width:min(560px,88%);height:auto;image-rendering:pixelated;animation:3.2s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-6px)rotate(.6deg)}}.title{justify-content:center;width:100%;margin:0;line-height:0;display:flex}.tagline{font-family:var(--pixel);letter-spacing:.04em;background:var(--river-deep);color:var(--foam);box-shadow:4px 4px 0 var(--oar);text-wrap:balance;margin:0;padding:8px 16px;font-size:clamp(15px,2.4vw,20px)}.platform-note{background:var(--river-deep);max-width:36ch;color:var(--foam);text-wrap:balance;justify-items:center;margin:0;padding:8px 16px;font-size:16px;line-height:1.5;display:grid}.platform-note[hidden]{display:none}.send-link{min-height:44px;font:inherit;color:var(--oar);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-weight:700;text-decoration:underline;display:inline-flex}.send-link:focus-visible{outline:3px solid var(--foam);outline-offset:2px}section{border-bottom:1px solid var(--line);text-align:center;padding-block:56px}section:last-of-type{border-bottom:0}h2{font-family:var(--display);text-wrap:balance;margin:0 auto 16px;font-size:clamp(28px,4.2vw,40px);font-weight:700;line-height:1.15}h2 .line{display:inline-block}h3{font-family:var(--pixel);letter-spacing:.02em;margin:0 0 8px;font-size:17px;font-weight:700;line-height:1.25}p{max-width:65ch;margin:0 auto 16px}.clip{aspect-ratio:16/9;background:var(--river) url(/img/henley-scene.png) center / cover no-repeat;image-rendering:pixelated;border:3px solid var(--river);margin-top:32px;position:relative;overflow:hidden}.clip canvas,.clip video{width:100%;height:100%;position:absolute;inset:0}.clip canvas{image-rendering:pixelated}.clip video{object-fit:cover;display:none}.clip.has-video video{display:block}.clip.has-video canvas{display:none}.clip-toggle{min-width:44px;min-height:44px;font-family:var(--pixel);color:var(--foam);background:var(--river-deep);border:2px solid var(--foam);cursor:pointer;padding:0 16px;font-size:14px;display:none;position:absolute;bottom:12px;right:12px}.clip-toggle:focus-visible{outline:3px solid var(--oar);outline-offset:2px}.clip.has-video .clip-toggle{align-items:center;display:inline-flex}.features{text-wrap:pretty;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.features b{color:var(--oar)}.season{counter-reset:v;text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.season li{counter-increment:v;min-width:0}.season .mark{align-items:center;gap:8px;margin-bottom:12px;display:flex}.season .mark:before{content:counter(v, decimal-leading-zero);width:40px;height:40px;font-family:var(--pixel);background:var(--river);color:var(--oar);flex:none;place-items:center;font-weight:700;display:grid}.season li:not(:last-child) .mark:after{content:"";background:repeating-linear-gradient(90deg, var(--river) 0 8px, transparent 8px 14px);flex:1;height:3px;margin-right:-16px}.season li:last-child .mark:before{background:var(--oar);color:var(--oar-ink)}.season .final{font-family:var(--pixel);letter-spacing:.08em;text-transform:uppercase;color:var(--oar);font-size:12px}.season a{color:inherit;text-decoration:none;display:block}.season img{aspect-ratio:2;object-fit:cover;width:100%;height:auto;transition:transform .1s ease-out,box-shadow .1s ease-out;display:block}.season strong{text-underline-offset:4px;margin-top:8px;font-size:18px;line-height:1.25;display:block}.season strong:after{content:" ›";color:var(--oar)}.season span.fmt{font-family:var(--pixel);color:var(--mist);font-size:12px}@media (hover:hover){.season a:hover img{box-shadow:6px 6px 0 var(--oar);transform:translate(-2px,-2px)}.season a:hover strong{text-decoration:underline}}.season a:focus-visible{outline:3px solid var(--oar);outline-offset:4px}.season-more{text-align:center;margin:32px auto 0}.season-more a{min-height:44px;font-family:var(--pixel);color:var(--oar);text-underline-offset:4px;align-items:center;font-size:15px;display:inline-flex}.season-more a:focus-visible{outline:3px solid var(--oar);outline-offset:2px}@media (width<=767.98px){.season{grid-template-columns:repeat(2,minmax(0,1fr))}.season li:nth-child(2) .mark:after{display:none}}.cta{justify-items:center;gap:16px;margin-top:24px;display:grid}.cta-meta{color:var(--mist);margin:0;font-size:16px}.cta .platform-note{background:0 0;padding:0}.get{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:start;gap:32px 48px;margin-top:48px;display:grid}.install{padding-top:24px}.install h3{margin-bottom:16px}.steps{counter-reset:s;gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;grid-template-columns:44px 1fr;align-items:center;gap:16px;font-weight:700;display:grid}.steps li:before{content:counter(s);font-family:var(--pixel);background:var(--river);width:44px;height:44px;color:var(--oar);place-items:center;font-size:18px;font-weight:700;display:grid}.note{background:var(--river);color:var(--mist);margin:24px 0 0;padding:16px;font-size:16px}.note b{color:var(--foam)}.reqs{background:var(--river);padding:24px 24px 8px}.reqs h3{margin-bottom:8px}.reqs dl{margin:0}.reqs dl div{border-top:1px solid var(--line);grid-template-columns:96px 1fr;align-items:baseline;gap:12px;padding:12px 0;display:grid}.reqs dt{font-family:var(--pixel);letter-spacing:.08em;text-transform:uppercase;color:var(--mist);font-size:12px}.reqs dd{min-width:0;margin:0}.reqs dd small{color:var(--mist);font-size:16px;display:block}
