@font-face{font-family:Alegreya Sans;src:url(/fonts/alegreya-sans/AlegreyaSans-300-latin.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(/fonts/alegreya-sans/AlegreyaSans-400-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(/fonts/alegreya-sans/AlegreyaSans-400-italic-latin.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(/fonts/alegreya-sans/AlegreyaSans-500-latin.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(/fonts/alegreya-sans/AlegreyaSans-700-latin.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--water:#eef3f6;--water-deep:#dde7ee;--water-light:#f7fafb;--ink:#0e1d33;--ink-soft:#52627a;--line:#c6d3dc;--on-deep:#eef3f6;--cobalt:#2b56b3;--cobalt-deep:#1b418a;--selection:#fbe3a8;--focus:#2b56b3;--sans:"Alegreya Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif;--gutter:clamp(20px, 4vw, 56px);--wide:1520px;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:var(--ink-soft) var(--water);accent-color:var(--cobalt);caret-color:var(--cobalt)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--water);color:var(--ink);font:400 20px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}h1,h2,h3,p,figure,ol,ul{margin:0}ol,ul{padding:0;list-style:none}h1,h2{letter-spacing:-.02em;text-wrap:balance;font-weight:300;line-height:1.02}h3{font-size:22px;font-weight:500;line-height:1.25}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--cobalt)}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.42}img{max-width:100%;height:auto;display:block}a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.showcase:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.levels:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.artwork-gallery:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{background:var(--selection);color:var(--ink)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--water)}::-webkit-scrollbar-thumb{background:var(--ink-soft);border:3px solid var(--water);border-radius:99px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:30;background:var(--ink);color:var(--on-deep);border-radius:99px;padding:14px 18px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:16px}.site-header{max-width:1600px;padding:18px var(--gutter);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.brand-wordmark{width:150px;height:auto}.home-link,.site-header nav>a,.footer-links a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.site-header nav{align-items:center;gap:clamp(16px,2.4vw,32px);font-size:18px;font-weight:500;display:flex}.site-header nav>a{text-decoration:none}.site-header nav>a:not(.header-get):hover,.site-header nav>a[aria-current=page]{color:var(--ink);text-decoration:underline}.header-get{border:1.5px solid var(--ink);border-radius:99px;justify-content:center;padding:0 22px}.header-get:hover{background:var(--ink);color:var(--on-deep)}.site-footer{max-width:1600px;padding:44px var(--gutter) 56px;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;margin:0 auto;display:flex}.site-footer p{color:var(--ink-soft);font-size:17px}.footer-links{flex-wrap:wrap;gap:8px 28px;font-size:17px;display:flex}.back-to-top{gap:6px}.text-link{align-items:center;min-height:44px;font-weight:500;text-decoration:underline;display:inline-flex}.platform-note{color:var(--ink-soft);font-size:16px;font-weight:500}.story-head{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:24px clamp(40px,6vw,110px);display:grid}.story-head h2,.sharing-story h2,.personal-story h2,.questions h2,.app-story h2{font-size:clamp(40px,5.2vw,76px)}.story-copy{justify-items:start;gap:16px;max-width:46ch;display:grid}.create-story,.pace-story,.discovery-story,.sharing-story,.personal-inner,.questions{max-width:var(--wide);padding-inline:var(--gutter);margin:0 auto}.current{pointer-events:none;display:block}.current img{width:100%;height:auto;display:block}.basin-hero{max-width:1600px;padding:8px var(--gutter) 24px;grid-template-rows:minmax(0,1fr) auto auto auto minmax(0,1fr);grid-template-columns:minmax(300px,.82fr) minmax(0,1.6fr);column-gap:clamp(32px,4vw,64px);margin:0 auto;display:grid}.basin-hero h1{grid-area:2/1;padding-bottom:22px;font-size:clamp(52px,6.6vw,96px);line-height:.98}.hero-painting{--trail:clamp(180px, 16vw, 250px);grid-area:1/2/6/3;gap:14px;min-width:0;display:grid}.stage-water{margin-bottom:14px;position:relative}.painting-spill{pointer-events:none;position:absolute}.spill-right{width:var(--gutter);height:100%;top:0;left:100%}.spill-bottom{width:107%;height:auto;top:100%;left:0}.painting-trail{top:calc(100% - 34px);right:calc(-1 * var(--gutter));width:var(--trail);pointer-events:none;height:auto;position:absolute}.hero-line{grid-area:3/1;max-width:30ch;font-size:22px;line-height:1.45}.hero-get{grid-area:4/1;justify-items:start;gap:2px;margin-top:16px;display:grid}.app-store-badge{border-radius:10px;width:fit-content;margin:14px 0;display:block}.app-store-badge img{width:auto;height:56px;display:block}.painting-stage{z-index:1;aspect-ratio:1619/971;background:var(--water-deep);touch-action:pan-y;border-radius:6px 0 0;position:relative;overflow:hidden;-webkit-mask:url(/currents/painting-edge.webp) 0 0/100% 100% no-repeat;mask:url(/currents/painting-edge.webp) 0 0/100% 100% no-repeat}.painting-stage>img,.basin-canvas,.painting-spaces{width:100%;height:100%;position:absolute;inset:0}.painting-stage>img{object-fit:cover}.basin-canvas{opacity:0;transition:opacity .2s var(--ease)}.is-live .basin-canvas{opacity:1}.space{cursor:pointer}.space path{fill:var(--water);stroke:#0e1d336b;stroke-width:.28px;stroke-linejoin:round;transition:fill .2s}.space:hover path{fill:#e3ecf2}.space text{font-family:var(--sans);fill:var(--ink);transition:opacity .9s var(--ease);font-size:5px;font-weight:500}.space.is-painted{pointer-events:none}.space.is-painted text{opacity:0}.paint-reveal{transition:r .52s var(--ease)}.is-live .space path{fill:#0000;stroke:none}.is-live .space:hover path{fill:#2b56b314}.is-live .space.is-painted{display:none}.is-live:not(.is-settled) .space text{opacity:0}.ink-drop{pointer-events:none;width:0;height:0;position:absolute}.ink-drop i{border-radius:50%;width:18px;height:18px;position:absolute;top:-9px;left:-9px}.ink-drop i:first-child{background:var(--ink);animation:1.3s cubic-bezier(.25,.6,.4,1) forwards ink-drop}.ink-drop i+i{border:1.5px solid var(--ink);opacity:0;animation:1.4s cubic-bezier(.25,.6,.4,1) forwards ink-ring}.ink-drop i+i+i{animation-delay:.18s}@keyframes ink-drop{0%{opacity:1;transform:scale(.3)}25%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(.45)}}@keyframes ink-ring{0%{opacity:.9;transform:scale(.7)}70%{opacity:.35}to{opacity:0;transform:scale(5.5)}}.preview-error{text-align:center;background:var(--water);border-radius:6px;place-content:center;padding:16px;font-size:18px;display:grid;position:absolute;inset:12%}.preview-error button{background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.preview-controls{z-index:1;padding-right:calc(var(--trail) * .75 - var(--gutter));flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex;position:relative}.color-palette{border:0;flex-wrap:wrap;gap:12px;margin:0;padding:0;display:flex}.color-chip{border:0;border-radius:50%;place-items:center;width:54px;height:54px;padding:0;display:grid}.color-chip span{background:var(--water-light);border-radius:50%;place-items:center;width:26px;height:26px;font-size:15px;font-weight:700;line-height:1;display:grid}.color-chip.is-selected{outline:2.5px solid var(--ink);outline-offset:4px}.color-chip.is-selected:focus-visible{outline:3px solid var(--focus)}.preview-instruction{flex:240px;gap:2px;display:grid}.preview-instruction output{text-wrap:balance;min-height:1.5em;color:var(--ink-soft);font-size:17px}.preview-actions{flex-wrap:wrap;gap:4px 22px;display:flex}.preview-actions button{text-underline-offset:5px;background:0 0;border:0;align-items:center;gap:6px;min-height:44px;padding:0;font-size:17px;font-weight:500;text-decoration:underline;display:inline-flex}.preview-label{z-index:1;color:var(--ink-soft);font-size:16px;position:relative}.current-after-hero{margin-top:-8px}.create-story{padding-top:clamp(16px,2vw,32px)}.showcase-water{isolation:isolate;margin-top:clamp(88px,9vw,130px);position:relative}.current-under{z-index:-1;width:100vw;position:absolute;top:-64px;bottom:-64px;left:50%;transform:translate(-50%)}.current-under img{object-fit:cover;height:100%}.showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,52px);display:grid;position:relative}.showcase img,.showcase svg{aspect-ratio:4/5;object-fit:cover;border-radius:4px;width:100%;height:auto;display:block}.showcase text{font-family:var(--sans);fill:var(--ink);font-weight:500}.showcase figcaption,.artwork-gallery figcaption{align-items:center;gap:10px;margin-top:14px;font-size:19px;font-weight:500;display:flex}.showcase figcaption{background:var(--water);border-radius:99px;width:fit-content;padding:5px 16px 5px 5px}.showcase figcaption span{border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:grid}.showcase-note{max-width:72ch;color:var(--ink-soft);margin-top:88px;font-size:16px}.pace-story{padding-top:clamp(96px,11vw,170px)}.levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,52px);margin-top:clamp(40px,5vw,72px);display:grid}.levels li{align-content:start;gap:8px;display:grid}.levels h3{margin-top:12px}.levels p{color:var(--ink-soft);font-size:18px}.shot-placeholder{text-align:center;border:1.5px dashed var(--ink-soft);background:var(--water-deep);color:var(--ink-soft);border-radius:12px;place-content:center;gap:4px;padding:18px;display:grid}.shot-placeholder span{letter-spacing:.06em;text-transform:uppercase;font-size:14px;font-weight:700}.shot-placeholder strong{color:var(--ink);font-size:18px;font-weight:500}.shot-placeholder.is-level{aspect-ratio:3/4}.shot-placeholder.is-phone{aspect-ratio:9/19.5;border-radius:26px}.shot-placeholder.is-tablet{aspect-ratio:3/4;border-radius:18px}.app-story{background:linear-gradient(#dde7ee00, var(--water-deep) 140px, var(--water-deep) calc(100% - 140px), #dde7ee00);margin-top:clamp(80px,10vw,150px);padding-block:clamp(110px,12vw,170px);position:relative}.app-inner{max-width:var(--wide);padding-inline:var(--gutter);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(40px,6vw,100px);margin:0 auto;display:grid}.app-story p{color:var(--ink-soft)}.prints{grid-template-columns:1.35fr .62fr .62fr;align-items:end;gap:clamp(12px,2vw,28px);display:grid;position:relative}.prints .shot-placeholder{background:var(--water-light);box-shadow:0 24px 48px #0e1d3333}.prints>:first-child{transform:rotate(-2deg)}.prints>:nth-child(2){transform:translateY(-36px)rotate(1.5deg)}.prints>:nth-child(3){transform:rotate(-1deg)}.discovery-story{padding-top:clamp(130px,14vw,210px)}.artwork-gallery{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(18px,3vw,52px);max-width:1180px;margin-top:clamp(40px,5vw,72px);display:grid}.artwork-gallery>:nth-child(2){margin-top:clamp(40px,6vw,110px)}.artwork-gallery img{aspect-ratio:4/5;object-fit:cover;border-radius:4px;width:100%}.collection-caption{color:var(--ink-soft);margin-top:28px;font-size:17px}.current-after-collection{margin-top:clamp(32px,4vw,64px)}.sharing-story{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:24px clamp(40px,6vw,110px);padding-top:clamp(24px,3vw,48px);display:grid}.sharing-story p{max-width:46ch}.personal-story{padding-top:clamp(110px,12vw,180px)}.personal-inner{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:40px clamp(40px,6vw,110px);display:grid}.personal-inner>div:first-child{gap:22px;display:grid}.personal-inner>div:first-child p{max-width:46ch}.personal-invitation{justify-items:start;gap:18px;display:grid}.promise{font-size:clamp(30px,3vw,40px);font-weight:300;line-height:1.15}.get-button{background:var(--ink);min-height:60px;color:var(--on-deep);border-radius:99px;justify-content:center;align-items:center;padding:12px 32px;font-size:20px;font-weight:500;text-decoration:none;display:inline-flex}.get-button:hover{background:var(--cobalt-deep);color:var(--on-deep)}.questions{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:32px clamp(40px,6vw,110px);padding-block:clamp(80px,9vw,130px) clamp(96px,10vw,150px);display:grid}.question-list details{border-top:1px solid var(--line)}.question-list details:last-child{border-bottom:1px solid var(--line)}.question-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:76px;font-size:22px;font-weight:500;list-style:none;display:flex}.question-list summary::-webkit-details-marker{display:none}.question-list summary svg{transition:transform .3s var(--ease);flex-shrink:0}.question-list details[open] summary svg{transform:rotate(45deg)}.question-list details p{max-width:64ch;padding-bottom:26px;font-size:19px;line-height:1.6}.info-page{isolation:isolate;max-width:1320px;padding:clamp(40px, 5vw, 72px) var(--gutter) clamp(80px, 9vw, 130px);margin:0 auto;position:relative}.current-info{z-index:-1;width:min(560px,40vw);position:absolute;top:0;right:calc(50% - 50vw)}.info-intro{gap:18px;max-width:820px;display:grid}.info-intro h1{font-size:clamp(46px,5.6vw,84px)}.info-intro>p{color:var(--ink-soft);max-width:52ch;font-size:22px;line-height:1.45}.info-intro>.info-date{font-size:16px}.support-email{align-items:center;min-height:44px;font-size:clamp(24px,2.4vw,30px);font-weight:500;display:inline-flex}.info-layout{grid-template-columns:260px minmax(0,1fr);gap:clamp(40px,6vw,96px);margin-top:clamp(56px,7vw,96px);display:grid}.info-contents{align-self:start;display:grid;position:sticky;top:24px}.info-contents p{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-size:14px;font-weight:700}.info-contents a{align-items:center;min-height:44px;font-size:17px;line-height:1.3;text-decoration:none;display:flex}.info-contents a:hover{text-decoration:underline}.info-body{gap:clamp(48px,6vw,80px);display:grid}.info-body section{gap:16px;scroll-margin-top:24px;display:grid}.info-body h2{font-size:clamp(30px,3vw,42px);font-weight:400}.info-body p{max-width:70ch;font-size:19px;line-height:1.7}.info-links{flex-wrap:wrap;gap:4px 28px;display:flex}.info-links a{align-items:center;min-height:44px;font-weight:500;display:inline-flex}@media (max-width:1200px){.basin-hero{grid-template-columns:minmax(280px,.9fr) minmax(0,1.5fr)}.color-chip{width:48px;height:48px}}@media (max-width:900px){.basin-hero{grid-template-rows:none;grid-template-columns:1fr;gap:0}.basin-hero h1,.hero-painting,.hero-line,.hero-get{grid-area:auto}.hero-painting{margin-top:6px}.painting-trail{display:none}.preview-controls{padding-right:0}.hero-line{margin-top:24px}.story-head,.sharing-story,.personal-inner,.questions,.app-inner{grid-template-columns:1fr}.prints{margin-top:16px}.info-layout{grid-template-columns:1fr}.info-contents{position:static}}@media (max-width:760px){body{font-size:18px}.site-header{padding-block:12px}.brand-wordmark{width:116px}.site-header nav>a:not(.header-get){display:none}.info-header nav>a:not(.header-get){display:inline-flex}.basin-hero h1{padding-bottom:16px;font-size:46px}.hero-line{margin-top:18px;font-size:19px}.hero-get{margin-top:4px}.app-store-badge{margin:12px 0}.app-store-badge img{height:48px}.space text{font-size:7px}.color-palette{gap:10px}.color-chip{width:44px;height:44px}.color-chip span{width:24px;height:24px;font-size:14px}.preview-controls{gap:8px}.showcase,.artwork-gallery,.levels{scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);grid-template-columns:none;grid-auto-columns:76%;grid-auto-flow:column;padding-bottom:8px;overflow-x:auto}.showcase>*,.artwork-gallery>*,.levels>*{scroll-snap-align:start}.artwork-gallery>:nth-child(2){margin-top:0}.prints{grid-template-columns:1fr 1fr}.prints>:first-child{grid-column:1/-1}.prints>:nth-child(2){transform:rotate(1.5deg)}.question-list summary{min-height:68px;font-size:20px}.question-list details p,.info-body p{font-size:18px}.current-info{width:100vw;margin:-24px calc(50% - 50vw) 4px;position:relative;right:auto}.info-intro>p{font-size:19px}}@media (max-width:360px){.basin-hero h1{font-size:40px}.header-get{padding:0 16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}.ink-drop{display:none}}
