:root{--cream:#f7f1e5;--cream-soft:#b7c7c2;--paper:#f7f1e5;--paper-deep:#efe6d3;--sand:#e5d9bf;--line:#d8cbaf;--ink:#22332f;--ink-soft:#54635e;--sea:#1c5e53;--sea-deep:#143f38;--turquoise:#2e8c7a;--gold:#b98a2f;--coral:#c75b39;--coral-deep:#a8472a;--depth:#0a161c;--font-display:var(--font-fraunces), Georgia, serif;--font-body:var(--font-newsreader), Georgia, serif;--font-mono:var(--font-spline-mono), ui-monospace, "SF Mono", monospace;--shore-h:38%}html:has(#ocean){background:var(--depth);height:100%;color:var(--cream);font-family:var(--font-body);overflow:hidden}html:has(#ocean) body{background:var(--depth);height:100%;color:var(--cream);font-family:var(--font-body);overflow:hidden}#ocean{width:100%;height:100%;display:block;position:fixed;inset:0}#stage{pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}#stage>*{pointer-events:auto}.lockup{z-index:5;opacity:.92;transition:opacity .3s;display:block;position:fixed;top:1.1rem;left:1.25rem}.lockup:hover{opacity:1}.lockup img{filter:drop-shadow(0 1px 10px #06161c8c);width:auto;height:26px;display:block}.ask{text-align:center;width:min(34rem,100vw - 3rem);padding:0 1.5rem;transition:opacity .9s;position:relative}.ask:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#06141980,#06141900 68%);position:absolute;inset:-3.5rem -2.5rem}.ask.gone{visibility:hidden;pointer-events:none}.ask.away{opacity:0;pointer-events:none}.ask label{font-family:var(--font-display);letter-spacing:.01em;text-shadow:0 1px 18px #040a0dcc;margin-bottom:1.4rem;font-size:clamp(1.35rem,4vw,2rem);font-style:italic;font-weight:420;display:block}.ask-name{transition:opacity .24s}.ask-name.turning{opacity:0}.ask input{width:100%;color:var(--cream);font-family:var(--font-mono);letter-spacing:.02em;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a161c8c;border:1px solid #f7f1e559;border-radius:2px;outline:none;padding:.85rem 1rem;font-size:.98rem}.ask input:focus{border-color:#f7f1e5b3}.ask input::placeholder{color:#b7c7c28c}.ask-go{font-family:var(--font-display);letter-spacing:.03em;color:var(--cream);cursor:pointer;text-shadow:0 1px 12px #061a1ca6;background:0 0;border:none;margin-top:1.1rem;padding:.5rem 1.2rem;font-size:1.05rem;font-style:italic;transition:opacity .4s}.ask-go:hover{text-underline-offset:4px;text-decoration:underline}.ask.fetching .ask-go{opacity:0;pointer-events:none}.ask .quiet{color:var(--cream-soft);min-height:1.4em;margin-top:1rem;font-size:.95rem;font-style:italic}.ask .sample-badge{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border:1px solid #b98a2f80;border-radius:2px;margin-top:.9rem;padding:.25rem .6rem;font-size:.68rem;display:inline-block}.ask.fetching input{opacity:.4;pointer-events:none}.reveal{pointer-events:none;position:fixed;inset:0}.reveal.hidden{display:none}.demo-offer{z-index:8;text-align:center;opacity:0;pointer-events:none;background:#0a161cdb;border:1px solid #f7f1e547;border-radius:10px;width:min(21rem,100vw - 3.6rem);padding:1.5rem 1.6rem 1.4rem;transition:opacity 1s;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}.demo-offer.in{opacity:1;pointer-events:auto}.demo-offer .offer-line{font-family:var(--font-display);color:var(--cream);margin-bottom:1rem;font-size:1.25rem;font-style:italic}.demo-offer .offer-go{background:var(--sea);border-color:var(--sea);color:var(--paper)}.demo-offer .offer-go:hover{background:var(--sea-deep);border-color:var(--sea-deep)}.demo-offer .offer-home{font-family:var(--font-mono);letter-spacing:.1em;color:var(--cream-soft);text-underline-offset:3px;margin-top:.9rem;font-size:.68rem;text-decoration:underline;display:block}.demo-offer .offer-home:hover{color:var(--cream)}.site-name{z-index:3;text-align:center;font-family:var(--font-mono);letter-spacing:.14em;color:var(--cream);text-shadow:0 1px 12px #040e12b3;opacity:0;pointer-events:none;font-size:clamp(.78rem,2.4vw,.95rem);transition:opacity 1.2s 1.6s;position:fixed;top:60px;left:0;right:0}.reveal.in .site-name{opacity:.95}.shore{height:var(--shore-h);text-align:left;color:var(--ink);background:linear-gradient(180deg, #dcc9a2 0%, var(--sand) 7%, var(--paper) 34%, var(--paper-deep) 100%);pointer-events:auto;will-change:transform;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.4rem;padding:0 1.4rem 1.6rem;display:flex;position:absolute;bottom:0;left:0;right:0}.shore .moment{margin-top:auto}.shore .moment.thanked{margin-top:1rem}.caption-zone{z-index:2;align-self:stretch;padding:2.6rem 0 .4rem;position:relative}.wash{z-index:5;pointer-events:none;background:#6fa9ac;height:0;transition:height .8s ease-in-out;position:absolute;top:-44px;left:0;right:0}.wash:not(.live){visibility:hidden}.wash:after{content:"";background:inherit;height:14px;position:absolute;bottom:-13px;left:0;right:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 14' preserveAspectRatio='none'%3E%3Cpath d='M0 7 Q 27.5 1 55 7 T 110 7 T 165 7 T 220 7 L 220 0 L 0 0 Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 14' preserveAspectRatio='none'%3E%3Cpath d='M0 7 Q 27.5 1 55 7 T 110 7 T 165 7 T 220 7 L 220 0 L 0 0 Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:220px 14px;mask-size:220px 14px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.wash:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 14' preserveAspectRatio='none'%3E%3Cpath d='M0 7 Q 27.5 1 55 7 T 110 7 T 165 7 T 220 7' fill='none' stroke='%23FFFFFF' stroke-width='2.4' opacity='0.9'/%3E%3C/svg%3E") 0 0/220px 14px repeat-x;height:14px;position:absolute;bottom:-13px;left:0;right:0}.crab{z-index:6;pointer-events:none;opacity:0;-webkit-user-drag:none;width:clamp(130px,34vw,200px);transition:opacity 1.2s 2.6s;position:absolute;bottom:-6px;right:-10px}.reveal.in .crab{opacity:1}.shore:before{content:"";z-index:4;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 22' preserveAspectRatio='none'%3E%3Cpath d='M0 11 Q 27.5 3 55 11 T 110 11 T 165 11 T 220 11' fill='none' stroke='%23FFFFFF' stroke-width='4'/%3E%3C/svg%3E") 0 0/220px 22px repeat-x,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 22' preserveAspectRatio='none'%3E%3Cpath d='M0 11 Q 27.5 3 55 11 T 110 11 T 165 11 T 220 11 L 220 22 L 0 22 Z' fill='%23DCC9A2'/%3E%3C/svg%3E") 0 0/220px 22px repeat-x;height:22px;position:absolute;top:-21px;left:0;right:0}.shore:after{content:"";z-index:4;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 16' preserveAspectRatio='none'%3E%3Cpath d='M0 8 Q 27.5 1 55 8 T 110 8 T 165 8 T 220 8' fill='none' stroke='%23FFFFFF' stroke-width='3.4' opacity='0.95'/%3E%3C/svg%3E") 0 22px/220px 16px repeat-x,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 16' preserveAspectRatio='none'%3E%3Cpath d='M0 8 Q 30 2 60 8 T 120 8 T 180 8 T 240 8' fill='none' stroke='%23FFFFFF' stroke-width='2.6' opacity='0.8'/%3E%3C/svg%3E") 30px 0/240px 16px repeat-x;height:40px;transition:opacity 1.7s;animation:9s ease-in-out infinite alternate shore-lap;position:absolute;top:-58px;left:0;right:0}.shore.washing:after{opacity:0;transition-duration:1.1s}@keyframes shore-lap{0%{background-position:0 22px,30px 0}to{background-position:64px 22px,-38px 0}}.caption{opacity:0;max-width:min(34rem,100vw - 3rem);min-height:3em;transition:opacity 1.2s 2s;position:relative}.reveal.in .caption{opacity:1}.caption .hint{color:var(--ink-soft);font-size:.95rem;font-style:italic}.caption .who{transition:opacity .6s}.caption .who.hidden{visibility:hidden;opacity:0;display:block}.caption .who .name{color:var(--ink);font-size:.95rem;font-weight:600}.caption .who .name:after{content:" — ";color:var(--ink-soft);font-weight:400}.caption .who .note{color:var(--ink-soft);font-size:.95rem;font-style:normal;line-height:1.5}.caption .who .fix{color:var(--ink);font-size:.95rem;font-style:normal;font-weight:650;line-height:1.5}.moment{z-index:2;opacity:0;max-width:min(34rem,100vw - 2.8rem);transition:opacity 1.4s 2.8s;position:relative}.reveal.in .moment{opacity:1}.the-line{font-family:var(--font-display);color:var(--ink);margin-bottom:.9rem;font-size:clamp(1.25rem,3vw,1.7rem);font-style:italic;font-weight:460}.doors{flex-direction:column;align-items:flex-start;gap:.7rem;display:flex}.doors .door{max-width:min(30rem,78vw)}@media (min-width:601px){.doors{flex-flow:wrap}}.door{font-family:var(--font-body);letter-spacing:.01em;color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:9px;padding:.65rem 1.3rem;font-size:.98rem;font-weight:500;text-decoration:none;transition:background .25s,border-color .25s,color .25s}.door:hover{background:#22332f0f}#door-fix,#door-go{background:var(--sea);border-color:var(--sea);color:var(--paper)}#door-fix:hover,#door-go:hover{background:var(--sea-deep);border-color:var(--sea-deep)}.door2-form{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.6rem;display:flex}.door2-form input{border:1.5px solid var(--sea);color:var(--ink);font-family:var(--font-mono);background:#fff;border-radius:8px;outline:none;width:min(15rem,42vw);padding:.6rem .9rem;font-size:.9rem}.door2-form input:focus{border-color:var(--sea-deep);box-shadow:0 0 0 2px #1c5e532e}.door2-form input::placeholder{color:var(--ink-soft)}.door2-form .nudge{width:100%;color:var(--coral-deep);min-height:1.3em;margin-top:.3rem;font-size:.85rem;font-style:italic}.thanks{max-width:30rem;color:var(--ink);font-style:italic;line-height:1.55}.share-row{margin-top:1.1rem}.share{font-family:var(--font-body);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:.2rem .3rem;font-size:.8rem;font-style:italic}.share:hover{color:var(--ink)}.share-sep{color:var(--line);font-size:.8rem}.hidden{display:none}.provenance{z-index:2;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);opacity:0;align-self:flex-start;max-width:calc(100% - 116px);margin-top:1.1rem;font-size:.66rem;line-height:1.7;transition:opacity 1.4s 3.4s;position:relative}.reveal.in .provenance{opacity:.9}@media (max-width:600px){.lockup{top:.85rem;left:.9rem}.lockup img{height:21px}.shore{gap:.3rem;padding:0 1rem 1.3rem}.the-line{margin-bottom:.7rem;font-size:1.15rem}.doors{gap:.55rem}.door{padding:.55rem 1rem;font-size:.92rem}.share-row{margin-top:.7rem}.provenance{letter-spacing:.13em;font-size:.58rem}.caption{min-height:2.8em}.caption .hint,.caption .who .name,.caption .who .note{font-size:.88rem}.caption-zone{margin:0 -1rem;padding:2.2rem 1rem .4rem}}.ocean-about{z-index:9;position:fixed;bottom:1rem;left:1.25rem}.ocean-about summary{cursor:pointer;font-family:var(--font-mono);letter-spacing:.12em;color:var(--cream-soft);text-shadow:0 1px 10px #040e12b3;font-size:.7rem;list-style:none}.ocean-about summary::-webkit-details-marker{display:none}.ocean-about summary:hover{color:var(--cream)}.ocean-about[open] summary{z-index:11;color:var(--ink-soft);text-shadow:none;position:fixed;bottom:1rem;left:1.25rem}.ocean-about[open] summary:after{content:" — close"}.ocean-about-panel{z-index:10;background:var(--paper);color:var(--ink);padding:3.5rem 1.6rem 4.5rem;position:fixed;inset:0;overflow-y:auto}.ocean-about-panel>*{max-width:38rem;margin-left:auto;margin-right:auto}.ocean-about-panel h1{font-family:var(--font-display);margin-bottom:1rem;font-size:clamp(1.6rem,4vw,2.2rem);font-style:italic;font-weight:460}.ocean-about-panel h2{font-family:var(--font-display);margin:1.8rem auto .6rem;font-size:1.25rem}.ocean-about-panel h3{margin:1.1rem auto .3rem;font-size:1rem}.ocean-about-panel p{color:var(--ink-soft);margin-bottom:.9rem;font-size:1rem;line-height:1.65}.ocean-about-panel a{color:var(--sea)}.ocean-about-footer{margin-top:2rem;font-size:.9rem}body:has(.reveal.in) .ocean-about{display:none}