@property --lens-pointer-x{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --lens-pointer-y{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.browser-showcase{--browser-edge: #647b9b;--browser-shadow: #01040abf;--browser-chrome: #101b2d;--browser-toolbar: #091321;--browser-tab: #1b2c46;--browser-address: #060d18;--browser-label: #c6d5ed;--browser-soft-label: #8e9eb6;--browser-chrome-height: 16px;--browser-full-chrome-height: 56px;--browser-page: #08121f;--browser-surround: #060d18;position:relative;isolation:isolate;overflow-x:clip;z-index:0;padding:30px clamp(12px,2.2vw,42px) 42px;background:var(--browser-surround);border-bottom:1px solid #a5baff1c}.browser-frame{position:relative;z-index:1;width:min(1570px,100%);margin-inline:auto;border:1px solid #9cb7dc58;border-radius:20px;background:var(--browser-page);box-shadow:inset 0 1px #e8f0ff3b,0 0 0 1px #03060e,0 35px 65px -35px #000d,7px 10px 0 -3px #010611,8px 11px 0 -3px #7893c42e}.browser-chrome{position:relative;z-index:12;border-radius:19px 19px 0 0;background:var(--browser-chrome);color:var(--browser-label);-webkit-user-select:none;user-select:none;pointer-events:none}.browser-tabstrip{display:flex;align-items:center;gap:16px;height:29px;padding:4px 16px 0;border-bottom:1px solid #b5cdf417}.browser-lights{display:inline-flex;align-items:center;gap:5px;padding-bottom:3px}.browser-lights i{width:6px;height:6px;border:1px solid #a8c0e766;border-radius:50%;background:#a9bbd52b}.browser-lights i:nth-child(3){background:transparent}.browser-tab{display:flex;align-items:center;gap:8px;align-self:end;width:148px;height:25px;padding-inline:10px;border:1px solid #a5c2ec28;border-bottom:0;border-radius:7px 7px 0 0;background:var(--browser-tab);font-size:.75rem;font-weight:600}.browser-tab-mark,.browser-tab-mark img{width:15px;height:15px;border-radius:3px}.browser-tab-close{margin-left:auto;font-size:1rem;color:var(--browser-soft-label)}.browser-plus{font-size:1.05rem;color:var(--browser-soft-label)}.browser-toolbar{height:27px;display:flex;align-items:center;gap:13px;padding:2px 16px;border-bottom:1px solid #9cb7dc36;background:var(--browser-toolbar)}.browser-arrows{font-size:1rem;letter-spacing:.15em;white-space:nowrap}.browser-refresh{font-size:1.05rem}.browser-address{display:flex;align-items:center;gap:9px;width:min(620px,68%);height:21px;margin-inline:auto;padding-inline:10px;border:1px solid #b5cdf41a;border-radius:6px;background:var(--browser-address);font-size:.6875rem;color:var(--browser-soft-label)}.browser-address>span{font-size:.5625rem}.browser-menu{font-size:1.1rem;letter-spacing:.08em;line-height:1;padding-bottom:5px}.browser-bezel{--bezel-radius: 19px;position:sticky;top:var(--header-height, 80px);z-index:13;width:calc(100% + 2px);height:16px;margin-left:-1px;margin-bottom:-16px;opacity:0;pointer-events:none;background:radial-gradient(circle at 100% 100%,transparent calc(var(--bezel-radius) - .5px),var(--browser-surround) var(--bezel-radius)) left top/var(--bezel-radius) var(--bezel-radius) no-repeat,radial-gradient(circle at 0 100%,transparent calc(var(--bezel-radius) - .5px),var(--browser-surround) var(--bezel-radius)) right top/var(--bezel-radius) var(--bezel-radius) no-repeat}.browser-bezel:after{content:"";position:absolute;inset:0;border:1px solid var(--browser-edge);border-bottom:0;border-radius:var(--bezel-radius) var(--bezel-radius) 0 0}.intro-scene{position:relative;isolation:isolate;border-radius:0 0 19px 19px;background:var(--browser-page);padding-bottom:24px}.intro-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip;background:radial-gradient(ellipse at 77% 25%,#7b88d713,transparent 55%)}.intro-atmosphere:before{content:"";position:absolute;inset:-50px 0;background:url(assets/water-caustics-v3.webp) center/cover no-repeat;opacity:.08}.intro-shell{position:relative;z-index:2;width:calc(100% - clamp(32px,6.4vw,106px));max-width:1390px;margin-inline:auto}.intro-kicker{display:flex;justify-content:space-between;gap:25px;padding-block:22px;color:#99abc6}.intro-kicker p{font-size:.625rem;line-height:1.6;letter-spacing:.035em}.intro-kicker p:first-child{font-weight:600}.intro-stage{position:relative;display:grid;grid-template-columns:1.14fr 1fr;gap:2vw;min-height:540px;align-items:center}.intro-copy-track{position:relative;min-width:0;z-index:2;padding-block:28px 48px}.intro-copy{display:flex;flex-direction:column;align-items:start;gap:34px;min-width:0}.intro-copy .eyebrow{color:#b9c8df;font-size:.625rem;letter-spacing:.14em;font-weight:500;line-height:1.7}.intro-copy .eyebrow br{display:none}.intro-message h1{font-size:clamp(3.6rem,6.25vw,6.6rem);line-height:1.035;letter-spacing:-.075em;font-weight:650;overflow-wrap:normal}.intro-message h1>span:not(.scroll-text-run){color:#b4bfff}.intro-message>p{max-width:360px;font-size:clamp(.875rem,1.15vw,1rem);line-height:1.8;color:#b9c7de;margin-top:28px}.intro-message .button{margin-top:30px}.intro-scroll{display:inline-flex;align-items:center;gap:20px;font-size:.625rem;letter-spacing:.035em;color:#a1b4cf}.intro-scroll>span{font-size:1rem}.intro-scroll:hover{color:var(--blue)}.liquid-artwork{position:relative;min-width:0;width:100%;aspect-ratio:.96;max-height:590px;display:grid;place-items:center;z-index:1;perspective:1050px;-webkit-user-select:none;user-select:none}.liquid-sculpture{position:relative;width:100%;max-width:640px;transform:rotateX(var(--lens-pointer-x, 0deg)) rotateY(var(--lens-pointer-y, 0deg)) rotate(-9deg) translateZ(28px);transform-origin:50% 50%;z-index:2}.liquid-sculpture picture,.liquid-sculpture img{display:block;width:100%;height:auto}.liquid-sculpture[data-lens-active]{will-change:transform}.liquid-reflection{position:absolute;width:78%;height:22%;object-fit:cover;object-position:50% 94%;bottom:-8%;left:12%;opacity:.09;transform:scaleY(-1) skew(-15deg);-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);pointer-events:none;z-index:0}.liquid-reflection img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 94%}.liquid-orbit{position:absolute;width:106%;height:42%;left:-2%;bottom:1%;border:1px solid #b0c4ff26;border-radius:50%;transform:rotate(-15deg);pointer-events:none}.liquid-orbit--far{width:125%;height:55%;left:-10%;bottom:-5%;border-color:#9aaef510;transform:rotate(-15deg) translateZ(-40px)}.liquid-orbit--near:after{content:"";position:absolute;width:4px;height:4px;background:#d5e0ff;border-radius:50%;top:43%;left:-2px;box-shadow:0 0 12px 3px #b3c5ff55}.intro-insights{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:28px 24px;border:1px solid #adc6ed2a;border-radius:12px;background:#07121fe8;box-shadow:inset 0 1px #eff5ff08,0 20px 30px -30px #000;margin-top:34px}.insight-track{min-width:0;padding:0 24px;border-left:1px solid #adc6ed24}.insight-track:first-child{padding-left:0;border-left:0}.insight-track:last-child{padding-right:0}.insight-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:6px 18px;min-width:0}.insight-card-top{grid-column:1 / -1;margin-bottom:13px;color:#97aaca;font-size:.625rem;font-weight:500;letter-spacing:.09em}.insight-chart{position:relative;width:74px;height:74px;grid-row:2 / 4;align-self:start}.insight-chart svg{width:100%;height:100%;transform:rotate(-90deg)}.insight-chart-track,.insight-chart-fill{fill:none;stroke-width:6}.insight-chart-track{stroke:#7e9acb22}.insight-chart-fill{stroke:#b0beff;stroke-linecap:round}.insight-card--speed .insight-chart-fill{stroke:#c8def8}.insight-card--shortlist .insight-chart-fill{stroke:#86addb}.insight-value{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:1.8rem;font-weight:600;line-height:1;letter-spacing:-.07em}.insight-value>span{font-size:.7rem;margin-top:9px;letter-spacing:-.03em}.insight-card h2{grid-column:2;font-size:clamp(.9rem,1.3vw,1.1rem);line-height:1.4;letter-spacing:-.04em;font-weight:600}.insight-description{grid-column:2;color:#9cacc5;font-size:.75rem;line-height:1.8}.insight-caption{grid-column:1 / -1;color:#8096b5;font-size:.6875rem;margin-top:13px;line-height:1.6}.intro-research{display:flex;justify-content:space-between;align-items:start;gap:40px;padding-top:27px;margin-top:24px;border-top:1px solid #adc6ed1a}.intro-research>p{max-width:440px;color:#8198ba;font-size:.625rem;line-height:1.7}.research-details{width:315px;max-width:100%;font-size:.6875rem;color:#9fb0cb}.research-details summary{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#d3def1;cursor:pointer;font-weight:600;list-style:none;padding-block:0 10px}.research-details summary::-webkit-details-marker{display:none}.research-details summary>span{font-size:1.1rem}.research-details[open] summary>span{transform:rotate(45deg)}.research-details p{font-size:.6875rem;line-height:1.85;margin-block:12px}.research-details a{display:block;width:fit-content;margin-top:7px;text-decoration:underline;text-underline-offset:3px;font-size:.625rem;color:#c7d6ef}#intro-sources{scroll-margin-top:24px}#why .preview-water[data-water-ambient=playing] .water-caustics,#why .preview-water[data-water-loaded=true][data-water-ambient=paused] .water-caustics{opacity:.16}.cursor-ambient{position:fixed;top:0;left:0;width:420px;height:420px;z-index:0;pointer-events:none;transform:translate3d(-420px,-420px,0)}.cursor-ambient[data-ambient-rendered=false]{display:none}.cursor-ambient[data-ambient-rendered=true]{will-change:transform}.ambient-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#d3edff80 0%,#a1ceff4d 9%,#6faaff29 25%,#7d83eb12 46%,transparent 70%);opacity:0;transition:opacity .7s cubic-bezier(.2,.65,.35,1)}.cursor-ambient[data-ambient-active=true] .ambient-glow{opacity:var(--ambient-strength,1);transition-duration:.4s}.opening-optics{position:absolute;inset:0;overflow:clip;contain:strict;pointer-events:none;z-index:-1}.opening-optics>span{position:absolute;width:min(85vw,1350px);aspect-ratio:1;top:-20%;right:-14%;border:1px solid #b2c5ff14;border-radius:50%;transform:perspective(1000px) rotateX(60deg) rotate(-22deg)}.opening-optics>span:nth-child(2){width:min(67vw,1000px);top:-6%;right:-5%;border-color:#a6baff0c}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.liquid-artwork{animation:lens-depth auto linear both;animation-timeline:view(block);animation-range:cover 0% cover 100%}@keyframes lens-depth{0%{translate:0 -48px}to{translate:0 92px}}}}@media(min-width:1600px){.intro-stage{min-height:600px}.intro-message h1{font-size:clamp(6rem,6vw,7rem)}}@media(max-width:1100px){.intro-stage{min-height:450px;grid-template-columns:1.1fr 1fr;gap:0}.intro-copy{gap:28px}.intro-message h1{font-size:clamp(3.1rem,6.5vw,4.8rem)}.intro-message>p{max-width:290px;font-size:.8125rem}.intro-copy .eyebrow{font-size:.625rem}.liquid-artwork{width:103%}.insight-track{padding-inline:16px}.insight-card{grid-template-columns:60px minmax(0,1fr);gap:5px 13px}.insight-chart{width:60px;height:60px}.insight-value{font-size:1.5rem}.insight-value>span{font-size:.6rem}}@media(max-width:760px){.browser-showcase{padding:18px 8px 26px}.browser-frame{border-radius:15px}.browser-chrome{border-radius:14px 14px 0 0}.browser-bezel{--bezel-radius: 14px}.browser-lights,.browser-plus,.browser-arrows{display:none}.browser-tabstrip{height:27px;padding-inline:12px}.browser-tab{height:23px;width:130px;font-size:.6875rem}.browser-toolbar{height:26px;gap:9px;padding-inline:12px}.browser-address{width:auto;flex:1;font-size:.625rem;margin:0}.intro-scene{border-radius:0 0 14px 14px;padding-bottom:20px}.intro-shell{width:calc(100% - 36px)}.intro-kicker{padding-block:17px;gap:18px}.intro-kicker p{font-size:.625rem}.intro-kicker p:last-child{max-width:130px;text-align:right}.intro-stage{grid-template-columns:1fr;min-height:0}.intro-copy-track{padding-block:29px 0}.intro-copy{gap:26px}.intro-copy .eyebrow{font-size:.625rem}.intro-message h1{font-size:clamp(2.9rem,10.7vw,5.6rem);line-height:1.06}.intro-message>p{max-width:320px;font-size:.875rem;margin-top:22px}.intro-message .button{margin-top:22px}.intro-scroll{display:none}.liquid-artwork{width:min(100%,420px);margin:-3px auto 5px;max-height:380px;aspect-ratio:1.2}.liquid-sculpture{width:83%}.liquid-orbit{width:87%;height:34%;left:7%;bottom:0}.liquid-orbit--far{width:103%;left:-1%;height:47%;bottom:-3%}.liquid-reflection{bottom:-10%}.intro-insights{grid-template-columns:1fr;padding:24px 18px;margin-top:46px;gap:22px}.insight-track,.insight-track:first-child,.insight-track:last-child{padding:0 0 22px;border:0;border-bottom:1px solid #adc6ed24}.insight-track:last-child{padding-bottom:0;border-bottom:0}.insight-card{grid-template-columns:66px minmax(0,1fr);gap:4px 16px}.insight-card-top{font-size:.625rem;margin-bottom:10px}.insight-chart{width:66px;height:66px}.insight-card h2{font-size:.9375rem}.insight-description{font-size:.6875rem;line-height:1.7}.insight-caption{grid-column:2;margin-top:6px;font-size:.625rem}.intro-research{display:block;padding-top:20px;margin-top:22px}.intro-research>p{font-size:.5625rem}.research-details{width:100%;margin-top:19px}}[data-theme=light] .browser-showcase{--browser-edge:#718ab1;--browser-chrome:#d5dfef;--browser-toolbar:#e7edf7;--browser-tab:#f3f6fc;--browser-address:#f8faff;--browser-label:#344863;--browser-soft-label:#536d8e;--browser-page:#e9f0fa;--browser-surround:#e2eaf7}[data-theme=light] .browser-frame{border-color:#6d8cb366;box-shadow:inset 0 1px #fff,0 24px 45px -30px #1b355958,7px 10px 0 -3px #718ebc28}[data-theme=light] .intro-message h1>span:not(.scroll-text-run){color:#4b63ba}[data-theme=light] .intro-message>p,[data-theme=light] .intro-copy .eyebrow,[data-theme=light] .intro-kicker,[data-theme=light] .intro-scroll,[data-theme=light] .insight-card-top,[data-theme=light] .insight-description,[data-theme=light] .insight-caption,[data-theme=light] .intro-research>p,[data-theme=light] .research-details{color:#536986}[data-theme=light] .research-details summary,[data-theme=light] .research-details a{color:#2d466e}[data-theme=light] .intro-insights,[data-theme=light] .insight-track,[data-theme=light] .intro-research{border-color:#6884ad33}[data-theme=light] .intro-insights{background:#f3f7fdee}[data-theme=light] .insight-chart-track{stroke:#a1b3cf55}[data-theme=light] .insight-chart-fill{stroke:#5b72cf}[data-theme=light] .insight-card--speed .insight-chart-fill{stroke:#425d8c}[data-theme=light] .insight-card--shortlist .insight-chart-fill{stroke:#648eb8}[data-theme=light] .ambient-glow{background:radial-gradient(circle,#72b8ff60 0%,#71b8ff38 11%,#659eeb21 27%,#8188d90e 46%,transparent 70%)}@media(prefers-reduced-motion:reduce),(forced-colors:active),(hover:none),(pointer:coarse){.cursor-ambient{display:none}}@media(prefers-reduced-motion:reduce){.liquid-sculpture{transform:rotate(-9deg)}}@media(forced-colors:active){.opening-optics,.intro-atmosphere,.liquid-orbit,.liquid-reflection{display:none}.browser-showcase,.browser-frame,.intro-scene,.browser-chrome,.browser-toolbar,.browser-tab,.browser-address{background:Canvas;color:CanvasText;box-shadow:none}.browser-frame,.browser-toolbar,.browser-tab,.browser-address,.intro-insights,.insight-track,.intro-research{border-color:CanvasText}.intro-message>p,.intro-message h1>span:not(.scroll-text-run),.intro-copy .eyebrow,.intro-kicker,.intro-scroll,.insight-card-top,.insight-description,.insight-caption,.intro-research>p,.research-details,.research-details summary,.research-details a{color:CanvasText}.insight-chart-track{stroke:GrayText}.insight-chart-fill{stroke:Highlight}}