html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}@font-face{font-family:Archivo Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/ai-web-experience-collection/crema/fonts/archivo-latin-variable.woff2)format("woff2-variations")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#090b0a;--paper:#eeede6;--secondary:#bfc1ba;--muted:#979c95;--line:#e0e2d847;--amber:#c78b4d;--gutter:clamp(24px,3.5vw,100px);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:var(--ink);color:var(--paper);font-family:Archivo Variable,sans-serif;font-weight:400}*{box-sizing:border-box}html,body{min-width:280px;margin:0}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:7px}::selection{color:#10120f;background:#c28c54}html{scrollbar-color:#737871 #10120f;scrollbar-width:thin}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#10120f}::-webkit-scrollbar-thumb{background:#737871;border-radius:0}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:1000;top:18px;left:var(--gutter);background:var(--paper);color:var(--ink);padding:12px 20px;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:none}.visual-stage{background:var(--ink);pointer-events:none;isolation:isolate;position:fixed;inset:0;overflow:hidden}.machine-frame,.fallback-frame,.cup-frame{position:absolute;inset:0;overflow:hidden}.machine-frame img{object-fit:cover;transform-origin:50% 41.2%;will-change:transform,opacity;width:100%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#000,#000 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#000,#000 80%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.fallback-frame{opacity:0}.fallback-frame img{object-fit:cover;width:100%;height:100%}.cup-frame{opacity:0;will-change:opacity,transform;transform-origin:67% 53%}.cup-frame img{object-fit:cover;width:100%;height:100%}#world{width:100%;height:100%;display:block;position:absolute;inset:0}.reading-shade{opacity:0;will-change:opacity;background:linear-gradient(90deg,#090b0ab8,#0000 48%);position:absolute;inset:0}.frame-edge{pointer-events:none;background:linear-gradient(#090b0a33,#0000 15% 83%,#090b0aad);position:absolute;inset:0}.site-header{z-index:40;height:88px;padding:0 var(--gutter);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.wordmark{letter-spacing:.39em;font-size:17px;font-weight:550;line-height:1.3;display:inline-block}.header-controls{align-items:center;gap:38px;display:flex}.text-control{align-items:center;gap:14px;min-height:44px;font-size:13px;display:flex;position:relative}.text-control:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:8px;left:0;transform:scaleX(0)}.text-control:hover:after{transform:scaleX(1)}.index-icon,.close-icon{width:13px;height:13px;display:block;position:relative}.index-icon:before,.index-icon:after,.close-icon:before,.close-icon:after{content:"";background:currentColor;width:13px;height:1px;position:absolute;top:6px;left:0}.index-icon:after{transform:rotate(90deg)}.close-icon:before{transform:rotate(45deg)}.close-icon:after{transform:rotate(-45deg)}.sound-icon{align-items:center;gap:3px;width:20px;height:15px;display:flex}.sound-icon i{background:currentColor;width:1px;height:3px;transition:transform .3s;display:block}.sound-icon i:nth-child(2){height:9px}.sound-icon i:nth-child(3){height:13px}.sound-icon i:nth-child(4){height:6px}.sound-toggle[aria-pressed=true] .sound-icon i{animation:1.2s ease-in-out infinite alternate sound-bars}.sound-toggle[aria-pressed=true] .sound-icon i:nth-child(2){animation-delay:-.45s}.sound-toggle[aria-pressed=true] .sound-icon i:nth-child(3){animation-delay:-.7s}.sound-toggle[aria-pressed=true] .sound-icon i:nth-child(4){animation-delay:-.95s}@keyframes sound-bars{to{transform:scaleY(.35)}0%{transform:scaleY(1)}}#story{z-index:10;position:relative}.chapter{pointer-events:none;min-height:100svh;position:relative}.chapter-content{min-height:100svh;padding:180px var(--gutter) 100px}.experience-ready .chapter{min-height:0}.experience-ready .chapter-content{opacity:0;visibility:hidden;will-change:opacity,transform;pointer-events:none;min-height:0;padding:0;position:fixed;inset:0}.experience-ready .chapter-content.is-active{visibility:visible}.chapter-content a,.chapter-content button{pointer-events:auto}.chapter-content[inert] a,.chapter-content[inert] button{pointer-events:none}.hero-content{position:relative}.hero-title{letter-spacing:-.04em;left:calc(var(--gutter) - .012em);right:var(--gutter);transform-origin:50% 100%;margin:0;font-size:26.35vw;font-weight:725;line-height:.76;position:absolute;bottom:14.1vh;transform:scaleY(.89)}.hero-invitation{position:absolute;top:44.5vh;left:8.65vw}.hero-invitation p{letter-spacing:-.015em;margin:0 0 13px;font-size:clamp(17px,1.32vw,31px)}.line-link{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:18px;padding:0 0 3px;font-size:clamp(14px,1.05vw,24px);line-height:1.6;display:inline-flex;position:relative}.line-link svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:18px;height:18px;transition:transform .35s}.line-link:hover svg{transform:translate(2px,2px)}.hero-aside{right:var(--gutter);color:var(--secondary);text-align:right;margin:0;font-size:12px;line-height:1.6;position:absolute;top:46vh}.copy{padding:0}.copy h2{letter-spacing:-.038em;left:var(--gutter);text-wrap:balance;margin:0;font-size:clamp(60px,6.35vw,176px);font-weight:430;line-height:.97;position:absolute;top:29vh}.chapter-description{letter-spacing:-.018em;color:var(--secondary);left:var(--gutter);max-width:34vw;margin:0;font-size:clamp(16px,1.35vw,30px);line-height:1.5;position:absolute;bottom:20vh}.material-label{bottom:13.4vh;left:var(--gutter);letter-spacing:.2em;color:var(--secondary);align-items:center;gap:20px;font-size:10px;line-height:1.6;display:flex;position:absolute}.hairline{background:var(--line);width:40px;height:1px}.copy--particle h2{font-size:clamp(54px,6vw,166px);top:25vh}.copy--bed h2{top:28vh}.copy--bed .chapter-description{bottom:26vh}.copy--bed .material-label{bottom:22vh;left:auto;right:10vw}.copy--wet h2{font-size:clamp(64px,5.8vw,166px);top:16vh}.copy--wet .material-label{left:auto;right:var(--gutter);bottom:36vh}.copy--flow h2{font-size:clamp(58px,5.8vw,165px);top:31vh}.copy--extract h2{top:22vh}.copy--extract .chapter-description{bottom:20vh}.copy--drop h2{font-weight:350;top:29vh}.copy--drop .chapter-description{bottom:19vh}.copy--stream h2{font-weight:380;top:24vh}.copy--crema h2{font-size:clamp(65px,6.5vw,178px);font-weight:350;top:20vh}.copy--crema .chapter-description{bottom:25vh}.copy--crema .material-label{bottom:18vh}.copy--cup h2{font-size:clamp(66px,7.4vw,195px);font-weight:450;top:26vh}.cup-line{left:var(--gutter);letter-spacing:-.035em;margin:0;font-size:clamp(32px,3.2vw,76px);position:absolute;top:51vh}.copy--cup .line-link{left:var(--gutter);position:absolute;top:65vh}.closing-line{left:var(--gutter);color:var(--secondary);margin:0;font-size:clamp(12px,1vw,22px);position:absolute;bottom:13vh}.pressure-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.pressure-title{align-items:flex-end;margin:-8vh 0 0;font-weight:200;display:flex}.pressure-number{letter-spacing:-.065em;font-size:clamp(220px,29vw,650px);font-weight:200;line-height:.83}.pressure-unit{letter-spacing:.13em;padding:0 0 3.2vh 3.2vw;font-size:clamp(25px,2.5vw,65px);font-weight:350}.pressure-content p{letter-spacing:.06em;color:var(--secondary);margin:7vh 0 0;font-size:clamp(12px,1.08vw,22px)}.journey{z-index:35;bottom:26px;left:var(--gutter);right:var(--gutter);align-items:center;gap:30px;height:44px;display:flex;position:fixed}.chapter-indicator{letter-spacing:.18em;white-space:nowrap;text-align:left;align-items:center;gap:10px;min-width:146px;min-height:44px;font-size:10px;display:flex}.indicator-dash{color:var(--muted);margin-right:1px}.journey-track{flex:1;align-items:center;height:44px;display:flex;position:relative}.journey-track:before{content:"";background:var(--line);height:1px;position:absolute;top:22px;left:0;right:0}.journey-fill{background:var(--paper);transform-origin:0;will-change:transform;pointer-events:none;width:100%;height:1px;position:absolute;top:22px;left:0;transform:scaleX(0)}.journey-track a{flex:1;min-width:10px;height:44px;position:relative}.journey-track a:before{content:"";background:var(--line);width:1px;height:6px;transition:background .25s,transform .25s;position:absolute;top:19px;left:50%}.journey-track a:hover:before{background:var(--paper);transform:scaleY(2)}.journey-track a[aria-current=step]:before{background:var(--paper);border-radius:50%;width:5px;height:5px;top:20px;left:calc(50% - 2px)}.journey-hint{letter-spacing:.18em;white-space:nowrap;color:var(--secondary);gap:12px;font-size:9px;display:flex}.chapter-index{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--paper);z-index:100;overscroll-behavior:contain;background:#101310;border:0;margin:0;padding:0;overflow-y:auto}.chapter-index::backdrop{background:#090b0a}.chapter-index[open]{flex-direction:column;display:flex}.index-header{padding:0 var(--gutter);flex:none;justify-content:space-between;align-items:center;height:88px;display:flex}.index-layout{padding:7vh var(--gutter) 6vh;flex:1;grid-template-columns:1fr 1.1fr;gap:8vw;display:grid}.index-introduction h2{letter-spacing:-.04em;margin:0 0 35px;font-size:clamp(54px,6.2vw,155px);font-weight:400;line-height:.98}.index-introduction>p{color:var(--secondary);font-size:clamp(15px,1.3vw,24px);line-height:1.55}.motion-toggle{min-width:190px;min-height:44px;margin-top:24px;font-size:13px}.motion-state{color:var(--amber)}.index-chapters{flex-direction:column;align-self:start;display:flex}.index-chapters>a{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr 25px;align-items:center;gap:15px;padding:clamp(9px,1.2vh,23px) 0;transition:color .25s,transform .25s;display:grid}.index-chapters>a:first-child{padding-top:0}.index-chapters>a>span{font-variant-numeric:tabular-nums;letter-spacing:.1em;color:var(--muted);font-size:11px}.index-chapters strong{letter-spacing:-.02em;font-size:clamp(24px,2.05vw,54px);font-weight:400}.index-chapters i{opacity:0;font-size:22px;font-style:normal;transition:opacity .2s}.index-chapters>a:hover,.index-chapters>a[aria-current=step]{color:var(--amber);transform:translate(8px)}.index-chapters>a:hover i,.index-chapters>a[aria-current=step] i{opacity:1}.study-notes{max-width:400px;color:var(--secondary);margin-top:30px;font-size:13px;line-height:1.65}.study-notes summary{cursor:pointer;color:var(--paper);align-items:center;gap:30px;width:fit-content;min-height:36px;list-style:none;display:flex}.study-notes summary::-webkit-details-marker{display:none}.study-notes[open] summary span{transform:rotate(45deg)}.study-notes summary span{font-size:18px;transition:transform .2s}.study-notes p{margin:12px 0}.study-notes div>a{text-underline-offset:4px;color:var(--paper);margin:10px 0;text-decoration:underline;display:block}.index-footer{padding:22px var(--gutter) 30px;color:var(--muted);letter-spacing:.025em;justify-content:space-between;gap:25px;font-size:11px;line-height:1.6;display:flex}.index-footer span{letter-spacing:.15em}.dialog-open{overflow:hidden}.noscript-note{z-index:40;margin:90px var(--gutter);font-size:18px;position:relative}.render-fallback .fallback-frame{display:block}@media (width>=2000px){.site-header,.index-header{height:130px}.wordmark{font-size:25px}.text-control{font-size:18px}.header-controls{gap:50px}.journey{height:55px;bottom:40px}.chapter-indicator{min-width:210px;font-size:14px}.journey-hint{font-size:13px}.material-label{font-size:14px}.hero-aside{font-size:18px}.line-link svg{width:25px;height:25px}.study-notes{max-width:570px;font-size:17px}.index-footer{font-size:15px}}@media (width<=900px){.header-controls{gap:24px}.hero-aside,.journey-hint{display:none}.copy h2{font-size:7.5vw}.copy--crema h2,.copy--cup h2{font-size:8.2vw}.chapter-description{font-size:17px}.copy--cup .cup-line{top:51vh}.index-layout{gap:5vw}.index-chapters strong{font-size:26px}}@media (width<=699px){:root{--gutter:22px}.site-header,.index-header{height:76px}.wordmark{letter-spacing:.35em;font-size:13px}.text-control{gap:9px;font-size:12px}.header-controls{gap:22px}.sound-label{display:none}.sound-toggle{justify-content:flex-end;min-width:28px}.index-icon{display:none}.hero-title{letter-spacing:-.045em;font-size:25.3vw;font-weight:680;line-height:.85;bottom:21.4vh;left:19px;right:19px;transform:none}.hero-invitation{left:var(--gutter);right:var(--gutter);text-align:center;top:57vh}.hero-invitation p{letter-spacing:-.015em;margin:0 0 20px;font-size:17px}.hero-invitation .line-link{gap:15px;font-size:14px}.line-link svg{width:15px;height:15px}.copy h2{left:var(--gutter);max-width:calc(100% - 2 * var(--gutter));letter-spacing:-.037em;font-size:clamp(40px,11.9vw,76px);font-weight:430;line-height:.98;top:17vh}.chapter-description{left:var(--gutter);max-width:75vw;font-size:14px;line-height:1.55;bottom:16vh}.material-label{left:var(--gutter);letter-spacing:.14em;gap:14px;font-size:8px;bottom:11vh;right:auto}.hairline{width:25px}.copy--particle h2{font-size:11.5vw;top:19vh}.copy--bed h2{top:18vh}.copy--bed .chapter-description{bottom:17vh}.copy--bed .material-label{left:var(--gutter);bottom:11vh;right:auto}.copy--wet h2{font-size:11.8vw;top:16vh}.copy--wet .material-label{left:var(--gutter);bottom:11vh;right:auto}.copy--flow h2{font-size:11vw;top:19vh}.copy--flow .chapter-description{bottom:17vh}.copy--extract h2{font-size:11.8vw;top:16vh}.copy--extract .chapter-description{bottom:16vh}.copy--drop h2{font-size:11.5vw;font-weight:350;top:60vh}.copy--drop .chapter-description{font-size:12px;bottom:11vh}.copy--stream h2{max-width:46vw;font-size:9vw;font-weight:350;top:36vh}.copy--stream .chapter-description{max-width:45vw;bottom:18vh}.copy--crema h2{font-size:12.2vw;font-weight:350;top:15vh}.experience-ready .copy--crema:before{content:"";pointer-events:none;background:radial-gradient(76% 22% at 3% 82%,#090b0ac2,#090b0a6e 48%,#0000 86%),radial-gradient(84% 28% at 2% 24%,#090b0a94,#090b0a38 56%,#0000 90%);position:absolute;inset:0}.copy--crema .chapter-description{font-size:14px;bottom:16vh}.copy--crema .material-label{bottom:11vh}.copy--cup h2{font-size:12vw;font-weight:430;top:18vh}.cup-line{font-size:7.4vw!important;top:33.5vh!important}.copy--cup .line-link{font-size:14px;top:43vh}.closing-line{left:var(--gutter);right:var(--gutter);max-width:240px;font-size:10px;line-height:1.6;bottom:13vh}.pressure-number{letter-spacing:-.06em;font-size:61vw}.pressure-unit{padding-bottom:2vh;padding-left:8vw;font-size:6.2vw}.pressure-title{margin-top:-6vh}.pressure-content p{letter-spacing:.025em;margin-top:5vh;font-size:10px}.journey{gap:18px;height:44px;bottom:15px}.chapter-indicator{letter-spacing:.12em;gap:6px;min-width:106px;font-size:8px}.journey-track a:before{height:4px;top:20px}.journey-track a[aria-current=step]:before{width:4px;height:4px}.journey-track a{min-width:0}.reading-shade{background:linear-gradient(#090b0a8c,#0000 42% 55%,#090b0abf)}.index-layout{flex-direction:column;gap:28px;padding-top:4vh;display:flex}.index-introduction h2{margin-bottom:20px;font-size:15vw;line-height:.94}.index-introduction>p{font-size:14px}.index-introduction h2 br{display:none}.motion-toggle{min-width:170px;margin-top:10px;font-size:12px}.study-notes{max-width:none;margin-top:15px;font-size:12px}.index-chapters>a{grid-template-columns:25px 1fr 20px;gap:12px;padding:11px 0}.index-chapters{align-self:stretch;width:100%}.index-chapters strong{font-size:25px}.index-chapters>a>span{font-size:10px}.index-chapters i{font-size:18px}.index-footer{flex-direction:column;gap:7px;font-size:10px}.cup-frame img{object-position:72% center}.frame-edge{background:linear-gradient(#090b0a38,#0000 12% 80%,#090b0ac7)}}@media (height<=540px) and (orientation:landscape){.site-header{height:60px}.hero-title{font-size:23.5vw;bottom:15vh}.hero-invitation{top:40vh}.hero-invitation p{margin-bottom:7px;font-size:14px}.hero-invitation .line-link{font-size:11px}.hero-aside{display:none}.journey{bottom:5px}.copy h2{font-size:8.5vh;top:22vh}.chapter-description{font-size:12px;bottom:23vh}.material-label{font-size:8px;bottom:15vh}.pressure-number{font-size:48vh}.pressure-unit{font-size:6vh}.pressure-content p{font-size:10px}.copy--cup .cup-line{font-size:6vh!important;top:44vh!important}.copy--cup .line-link{font-size:12px;top:61vh}.closing-line{font-size:9px;bottom:15vh}.index-chapters>a{padding:8px 0}.index-chapters strong{font-size:23px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) *,html:not([data-motion=full]) :before,html:not([data-motion=full]) :after{transition:none!important;animation:none!important}}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{transition:none!important;animation:none!important}.header-actions{align-items:center;gap:28px;display:flex}@media (width<=699px){.header-actions{gap:18px}}