:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--water-0:#f4fbfd;--water-1:#e6f5f9;--water-2:#d2ecf4;--water-3:#b6e1ee;--water-4:#8fd3e8;--accent:#0a8fb0;--accent-deep:#086f8a;--ink:#0b3b4a;--ink-soft:#3b6472;--ink-faint:#6f8f9a;--white:#fff;--shadow:0 2px 4px #08334414, 0 12px 28px #0833441f;--shadow-soft:0 1px 2px #0833440f, 0 6px 16px #08334414;--radius:22px;--gutter:clamp(20px, 4vw, 64px);--measure:68ch;--ease-out:cubic-bezier(.16, 1, .3, 1);--caustic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='c' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.011' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 2.4 -1.05'/%3E%3C/filter%3E%3Crect width='420' height='420' filter='url(%23c)'/%3E%3C/svg%3E")}body{color:var(--ink);background:linear-gradient(180deg, var(--water-0) 0%, var(--water-1) 40%, var(--water-2) 100%)}::selection{background:var(--water-4);color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:999px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--water-1)}::-webkit-scrollbar-thumb{background:var(--water-4);border:3px solid var(--water-1);border-radius:8px}a{color:var(--accent-deep);text-underline-offset:.2em;text-decoration-thickness:1.5px}a:hover{color:var(--accent)}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}.wash{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.wash__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wash__glass{opacity:0;-webkit-backdrop-filter:blur(3px)saturate(1.06)brightness(1.025);backdrop-filter:blur(3px)saturate(1.06)brightness(1.025);will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.wash__splash circle,.wash__beads circle{fill:url(#wash-droplet);stroke:#ffffffa6;stroke-width:.6px}.wash__impact{fill:url(#wash-impact);opacity:0}.wash__ring{fill:none;stroke:url(#wash-rim);opacity:0}.wash__stream{fill:url(#stream-fill);opacity:0}.wash__stream-gloss{fill:var(--white);opacity:0}.wash__deep{fill:url(#wash-depth);opacity:0}.wash__wave{fill:url(#wave-fill);opacity:0}.wash__caustics{fill:url(#wash-caustics);opacity:0}.wash__foam{fill:url(#wash-foam);opacity:0}.surface{min-height:max(640px,100vh);position:relative;overflow:hidden}.surface__water{z-index:0;opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}.surface__water.is-on{opacity:1}.surface:after{content:"";z-index:0;background:linear-gradient(180deg, #e6f5f900, var(--water-1));pointer-events:none;height:180px;position:absolute;bottom:0;left:0;right:0}.drops{z-index:1;width:100%;height:100%;position:absolute;inset:0}.drops__shade{fill:#08334433}.drops__contact{fill:#063d522e}.drops__bodies circle{fill-opacity:.46}.drops__optics{opacity:.37}.drops__under{opacity:.46}.drops__rings circle{fill:none;stroke:var(--white);stroke-width:1.5px;opacity:.8}.surface__text{z-index:2;max-width:34rem;padding:clamp(80px, 14vh, 160px) var(--gutter) 0;position:relative}.surface__name{color:var(--ink);font-size:clamp(2.8rem,6.4vw,4.8rem);font-weight:800;line-height:1.02}.surface__tagline{color:var(--ink-soft);margin-top:18px;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.6}.surface__tally{color:var(--ink-soft);flex-wrap:wrap;gap:6px 18px;margin-top:22px;font-size:.92rem;display:flex}.surface__tally strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.surface__hint{color:var(--accent-deep);margin-top:36px;font-size:.95rem}.surface__hint:before{content:"";background:radial-gradient(circle at 38% 32%, var(--white), var(--water-4) 70%);vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.drops__nav{z-index:3;position:absolute;inset:0}.drop-btn{color:var(--ink);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;text-decoration:none;display:block;position:absolute}.drop-btn__in{width:100%;height:100%;transition:transform .35s var(--ease-out);border-radius:50%;place-content:center;gap:2px;display:grid}.drop-btn:hover .drop-btn__in{transform:translateY(-3%)}.drop-btn:active .drop-btn__in{transform:scale(.94)}.drop-btn__label{letter-spacing:-.01em;text-shadow:0 1px #ffffffb3;font-weight:800;line-height:1}.drop-btn__hint{color:var(--ink-soft);font-size:max(11px,.66em);line-height:1.25}.drop-btn--action{color:var(--ink);font-size:13px}.drop-btn--action .drop-btn__label{font-weight:700}.drop-btn__icon{width:1.6em;height:1.6em;margin:0 auto 2px}.water-overview{top:max(16px, env(safe-area-inset-top));right:var(--gutter);z-index:41;min-height:44px;color:var(--accent-deep);box-shadow:var(--shadow-soft);background:#f4fbfdf0;border:1px solid #086f8a40;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex;position:fixed}.water-overview:hover{background:var(--white)}.snav{z-index:40;opacity:0;transition:transform .5s var(--ease-out), opacity .4s ease;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:18px;transform:translate(140%,-50%)}.snav.is-on{opacity:1;transform:translateY(-50%)}.snav__drop{background:radial-gradient(circle at 38% 32%, var(--white), var(--water-2) 40%, var(--water-4));width:18px;height:18px;box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .3s var(--ease-out);border:0;border-radius:50%;padding:0;position:relative}.snav__drop:hover,.snav__drop:focus-visible{transform:scale(1.25)}.snav__drop[aria-current=true]{background:radial-gradient(circle at 38% 32%, var(--white), var(--accent) 55%)}.snav__drop--top{background:radial-gradient(circle at 38% 32%, var(--white), var(--ink-soft) 60%);margin-bottom:8px}.snav__label{color:var(--ink);white-space:nowrap;background:var(--white);box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;transition:opacity .25s ease, transform .25s var(--ease-out);border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:600;position:absolute;top:50%;right:28px;transform:translateY(-50%)translate(6px)}.snav__drop:hover .snav__label,.snav__drop:focus-visible .snav__label{opacity:1;transform:translateY(-50%)translate(0)}.pool{padding:clamp(72px, 10vw, 140px) var(--gutter) clamp(64px, 8vw, 120px);isolation:isolate;scroll-margin-top:0;position:relative}.pool__edge{z-index:1;width:100%;height:clamp(28px,5vw,60px);position:absolute;top:-1px;left:0;right:0}.pool--1 .pool__edge path{fill:var(--water-1)}.pool--2 .pool__edge path{fill:var(--water-2)}.pool--3 .pool__edge path{fill:var(--water-3)}.pool__fill{z-index:0;transform-origin:bottom;position:absolute;inset:0;overflow:hidden;transform:scaleY(0)}.pool.is-filled .pool__fill{transform:scaleY(1)}.pool__fill:after{content:"";background-image:var(--caustic);opacity:.42;mix-blend-mode:soft-light;pointer-events:none;background-size:420px 420px;position:absolute;inset:-40px}.pool--1 .pool__fill{background:var(--water-1)}.pool--2 .pool__fill{background:var(--water-2)}.pool--2 .pool__fill:after{opacity:.55;background-position:140px 60px}.pool--3 .pool__fill{background:var(--water-3)}.pool--3 .pool__fill:after{opacity:.7;background-position:60px 200px}.pool__inner{z-index:2;max-width:1120px;margin:0 auto;position:relative}.pool__head{max-width:var(--measure);margin-bottom:clamp(32px,5vw,56px)}.pool__head h2{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800;line-height:1.15}.pool__head p{color:var(--ink-soft);margin-top:12px;font-size:1.05rem;line-height:1.65}.pool__body h3{font-size:1.15rem;font-weight:700}.stream{gap:28px;padding-left:34px;display:grid;position:relative}.stream__line{width:4px;height:calc(100% - 24px);position:absolute;top:12px;left:9px;overflow:visible}.stream__line path{fill:none;stroke:var(--water-4);stroke-width:4px;stroke-linecap:round}.stream__stop{position:relative}.stream__mark{background:radial-gradient(circle at 38% 32%, var(--white), var(--water-2) 40%, var(--accent));width:22px;height:22px;box-shadow:var(--shadow-soft);border-radius:50%;position:absolute;top:22px;left:-34px}.stream__card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:22px 26px}.stream__title{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.stream__title h3{font-size:1.25rem}.stream__period{color:var(--accent-deep);font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:600}.stream__sub{color:var(--ink-faint);margin-top:2px;font-size:.88rem}.stream__role{color:var(--ink-soft);margin-top:4px;font-size:.95rem;font-weight:600}.stream__card ul{max-width:var(--measure);margin-top:12px;padding-left:1.1em;font-size:.95rem;line-height:1.6;list-style:outside}.stream__card li+li{margin-top:4px}.edu{color:var(--ink-soft);margin-top:28px;font-size:.92rem}.stack{margin-top:48px}.stack__list{max-width:var(--measure);gap:10px;margin:14px 0 0;display:grid}.stack__row{border-top:1px solid #0833441f;grid-template-columns:7.5rem 1fr;gap:12px;padding:10px 0;font-size:.95rem;display:grid}.stack__row dt{color:var(--ink);font-weight:700}.stack__row dd{color:var(--ink-soft);margin:0;line-height:1.55}.works__tabs{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.works__tab{font:inherit;color:var(--ink-soft);background:var(--white);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .3s var(--ease-out), background-color .2s ease, color .2s ease;border:0;border-radius:999px;align-items:baseline;gap:8px;padding:8px 14px;display:flex}.works__tab span{font-weight:800}.works__tab small{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.78rem}.works__tab:hover{color:var(--ink);transform:translateY(-2px)}.works__tab[aria-selected=true]{color:var(--white);background:radial-gradient(circle at 30% 25%, #4fc3dd, var(--accent) 60%)}.works__tab[aria-selected=true] small{color:#fffc}.works__panel{animation:works-in .45s var(--ease-out)}@keyframes works-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.works__org{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:18px;display:flex}.works__org strong{color:var(--ink);font-size:1.1rem;font-weight:800}.works{perspective:1200px;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.work{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:transform .45s var(--ease-out), box-shadow .45s var(--ease-out);display:grid;position:relative;overflow:hidden}.work:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.work__text{padding:20px 24px 24px;position:relative}.work__title{flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-right:72px;display:flex}.work__title h3{font-size:1.2rem}.work__period{color:var(--accent-deep);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.work__line{color:var(--ink-soft);margin-top:4px;font-weight:600}.work__detail{max-width:var(--measure);color:var(--ink-soft);margin-top:10px;font-size:.95rem;line-height:1.6}.work__stack{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.work__stack li{color:var(--accent-deep);background:var(--water-1);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600}.level{align-items:flex-end;gap:8px;display:flex;position:absolute;top:18px;right:20px}.level__tube{background:var(--water-1);border-radius:999px;width:12px;height:52px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0833441f}.level__water{background:linear-gradient(180deg, var(--water-4), var(--accent));position:absolute;bottom:0;left:0;right:0}.level__water:before{content:"";background:#ffffffb3;border-radius:999px;height:3px;position:absolute;top:0;left:2px;right:2px}.level__text{line-height:1.1;display:grid}.level__text strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.level__text small{color:var(--ink-faint);font-size:.66rem;font-weight:600}.channel{grid-template-columns:repeat(5,1fr);gap:0;margin-bottom:clamp(32px,5vw,56px);display:grid}.channel__pool{text-align:center;background:var(--white);box-shadow:var(--shadow-soft);border-radius:999px;gap:4px;margin-right:28px;padding:18px 16px;display:grid;position:relative}.channel__pool:last-child{margin-right:0}.channel__name{font-size:1.15rem;font-weight:800}.channel__note{color:var(--ink-soft);font-size:.78rem}.channel__link{width:32px;height:14px;position:absolute;top:50%;right:-30px;overflow:visible;transform:translateY(-50%)}.channel__link path{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.method{gap:32px var(--gutter);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;display:grid}.method__principles{max-width:var(--measure);counter-reset:p;gap:12px;display:grid}.method__principles li{background:var(--white);box-shadow:var(--shadow-soft);border-radius:16px;padding:14px 18px 14px 50px;font-size:1rem;line-height:1.55;position:relative}.method__principles li:before{counter-increment:p;content:counter(p);width:22px;height:22px;color:var(--white);background:radial-gradient(circle at 38% 32%, #4fc3dd, var(--accent) 60%);border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:grid;position:absolute;top:14px;left:16px}.method__tools{grid-template-columns:1fr;gap:14px;display:grid}.method__tools li{background:var(--white);box-shadow:var(--shadow-soft);border-radius:16px;gap:4px;padding:16px 18px;display:grid}.method__tools strong{font-weight:800}.method__tools span{color:var(--ink-soft);font-size:.9rem}.side{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.side__item{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:22px 26px}.side__title{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.side__period{color:var(--accent-deep);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.side__line{color:var(--ink-soft);margin-top:4px;font-weight:600}.side__detail{max-width:var(--measure);color:var(--ink-soft);margin-top:10px;font-size:.95rem;line-height:1.6}.side__stack{color:var(--ink-faint);margin-top:12px;font-size:.82rem}.side__item--wide{grid-column:1/-1}.side__points{color:var(--ink-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px;margin-top:12px;padding-left:1.1em;font-size:.92rem;line-height:1.6;list-style:outside;display:grid}.side__points li::marker{color:var(--accent)}.tide{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:24px 28px 20px}.calendar__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:14px;display:flex}.calendar__head h3{font-size:1rem}.calendar__head span{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.82rem}.calendar{aspect-ratio:53/7;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(53,1fr);grid-auto-flow:column;gap:3px;width:100%;display:grid}.calendar__day{background:var(--water-1);border-radius:2px}.calendar__day[data-level="1"]{background:var(--water-3)}.calendar__day[data-level="2"]{background:var(--water-4)}.calendar__day[data-level="3"]{background:var(--accent)}.calendar__day[data-level="4"]{background:var(--accent-deep)}.calendar__months{color:var(--ink-faint);grid-template-columns:repeat(12,1fr);margin-top:8px;font-size:.7rem;display:grid}.calendar__empty{color:var(--ink-soft);padding:16px 0;font-size:.92rem}.tide__note{color:var(--ink-soft);margin-top:16px;font-size:.9rem}.reach{flex-wrap:wrap;align-items:center;gap:20px 32px;display:flex}.reach__mail{color:var(--white);background:radial-gradient(circle at 30% 25%, #4fc3dd, var(--accent) 60%);box-shadow:var(--shadow);transition:transform .35s var(--ease-out);border-radius:999px;padding:16px 28px;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:800;text-decoration:none;position:relative}.reach__mail:after{content:"";border:2px solid var(--accent);opacity:0;pointer-events:none;border-radius:999px;position:absolute;inset:-4px}.pool.is-filled .reach__mail:after{animation:reach-ripple 1.4s var(--ease-out) .9s 1}@keyframes reach-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.35,1.9)}}.reach__mail:hover,.reach__mail:focus-visible{color:var(--white);transform:translateY(-3px)}.reach__foot{color:var(--ink-faint);margin-top:56px;font-size:.82rem}@media (prefers-reduced-motion:reduce){.surface__water{transition:none}.pool.is-filled .reach__mail:after,.works__panel{animation:none}.work,.drop-btn__in,.snav,.snav__drop{transition:none}}@media (width<=760px){.surface{min-height:max(720px,100vh)}.surface__text{max-width:none;padding-top:64px}.surface__name{font-size:2.6rem}.surface__hint{margin-top:22px}.drop-btn__hint{display:none}.snav{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:999px;flex-direction:row;gap:12px;padding:8px 12px;inset:auto auto 14px 50%;transform:translate(-50%,140%)}.snav.is-on{transform:translate(-50%)}.snav__drop--top{margin:0}.snav__label{inset:auto auto 26px 50%;transform:translate(-50%,6px)}.snav__drop:hover .snav__label,.snav__drop:focus-visible .snav__label{transform:translate(-50%)}.pool--3{padding-bottom:120px}.works,.side,.side__points{grid-template-columns:1fr}.channel{grid-template-columns:1fr;gap:22px}.channel__pool{margin-right:0}.channel__link{inset:auto auto -20px 50%;transform:translate(-50%)rotate(90deg)}.method{grid-template-columns:1fr}.stack__row{grid-template-columns:1fr;gap:2px}.stream{padding-left:26px}.stream__line{left:7px}.stream__mark{width:18px;height:18px;left:-26px}.calendar{gap:2px}}
