@font-face{font-family:DM Sans;src:url(/media/fonts/dm-sans.woff2)format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:"Source Serif 4";src:url(/media/fonts/source-serif-4.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Source Serif 4";src:url(/media/fonts/source-serif-4-italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}:root{color-scheme:light;--paper:#f9f8f5;--card:#f1eee6;--ink:#120c08;--muted:#615f5c;--accent:#ff7811;--focus:#415eee;--serif:"Source Serif 4", Georgia, serif;--gutter:clamp(16px, 2.23vw, 32px);--heading-xl:clamp(50px, 12.7vw, 64px);--heading-lg:clamp(36px, 9.14vw, 40px);--heading-sm:clamp(21px, 5.33vw, 26px);color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;font:16px/1.45 DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;overflow-x:clip}main{z-index:1;background:var(--paper);position:relative}h1,h2,h3,p,ol,ul{margin:0}h1,h2,.display-type{font-family:var(--serif);font-weight:400}h2,.display-type{font-size:var(--heading-lg);letter-spacing:-.01em;line-height:1.05}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button,summary{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{color:var(--ink);background:#c3eaf4}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:6;background:#fff;border-radius:12px;padding:12px 16px;position:fixed;inset:12px auto auto 12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{z-index:5;pointer-events:none;justify-content:center;display:flex;position:fixed;inset:12px 0 auto}.nav-glass,.glass-invitation{backdrop-filter:blur(16px);background:#e3ddcf33;border:1px solid #ffffff30}.nav-glass{pointer-events:auto;border-radius:16px;align-items:center;padding:3px;display:flex}.nav-glass :is(a,summary){white-space:nowrap;background:#fff;border-radius:12px;justify-content:center;align-items:center;min-height:40px;padding-inline:12px;font-size:14px;transition:background-color .18s;display:inline-flex}.nav-glass :is(a,summary):hover{background:#f7f3ed}.nav-glass .brand{padding-inline:10px}.brand-name{max-width:80px;font:400 19px/1 var(--serif);padding-inline-start:6px;transition:max-width .26s,opacity .18s,padding .26s;overflow:hidden}.is-scrolled .brand-name{opacity:0;max-width:0;padding-inline-start:0}.nav-glass .nav-cta{background:var(--accent);color:var(--ink)}.nav-glass .nav-cta:hover{background:#ff912e}.desktop-actions{position:absolute;right:18px}.mobile-navigation{display:none}.button{white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:42px;padding:8px 16px;font-size:15px;line-height:1.2;transition:background-color .18s;display:inline-flex}.button-light{color:var(--ink);background:#fff}.button-light:hover{background:#f5efe7}.button-dark{color:#fff;background:var(--ink)}.button-dark:hover{background:#38332e}.hero-track{min-height:100svh}.hero{--hero-inset:16px;--hero-radius:24px;isolation:isolate;color:#fff;text-align:center;place-items:center;height:100svh;min-height:400px;display:grid;position:relative;overflow:clip}.hero-backdrop,.hero-backdrop img,.hero-video,.hero-backdrop:after{width:100%;height:100%;position:absolute;inset:0}.hero-backdrop{z-index:-1;clip-path:inset(0);background:#1d413b}.hero-backdrop img,.hero-video{object-fit:cover}.hero-video{opacity:0;transition:opacity .3s}.hero-video.has-frame{opacity:1}.hero-backdrop:after{content:"";background:linear-gradient(#080d1029,#07171d50 38%,#050d125e)}.hero-copy{width:100%;padding:0 12px}.hero h1{font-size:var(--heading-xl);letter-spacing:-.02em;margin-bottom:40px;line-height:.95}.hero-description,.hero-activity{font-size:clamp(14px,1.2vw,18px)}.hero-activity{color:#ffffffd6;height:1.6em;margin-top:9px;display:grid;overflow:clip}.hero-activity span{grid-area:1/1}.hero-activity span:not(:first-child){opacity:0}.hero-activity i{vertical-align:1px;border:1px solid;border-radius:5px;place-items:center;width:18px;height:18px;margin-inline-end:6px;font:12px/1 monospace;display:inline-grid}@media (prefers-reduced-motion:no-preference){.hero-backdrop{transition:clip-path 1s cubic-bezier(.22,1,.36,1)}.hero-track.is-inset .hero-backdrop{clip-path:inset(var(--hero-inset) round var(--hero-radius))}.hero-invitation,.hero-motion{transition:transform .5s ease-out}.hero-track.is-inset .hero-invitation{transform:translateY(-50px)}.hero-track.is-inset .hero-motion{transform:translate(calc(-1 * var(--hero-inset)), calc(-1 * var(--hero-inset)))}.hero-activity span{animation:12s linear infinite both paused activity-cycle}.hero-activity span:nth-child(2){animation-delay:-8s}.hero-activity span:nth-child(3){animation-delay:-4s}.hero[data-video-playing] .hero-activity span{animation-play-state:running}@keyframes activity-cycle{0%,29%{opacity:1;transform:translateY(0)}33%{opacity:0;transform:translateY(-100%)}34%,96%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.glass-invitation{background:#25211e50;border-radius:16px;align-items:center;gap:4px;width:min(275px,100% - 32px);min-height:50px;padding:3px;display:flex}.glass-invitation input{color:#fff;background:0 0;border:none;border-radius:10px;flex:1;width:0;min-width:0;padding:8px 8px 8px 15px;font-size:15px}.glass-invitation input::placeholder{color:#ffffffe0;opacity:1}.hero-invitation{margin-inline:auto;position:absolute;inset:auto 0 16px}.hero-motion{color:#fff;background:#0004;border:1px solid #ffffff50;border-radius:12px;place-items:center;width:42px;height:42px;padding:0;display:grid;position:absolute;inset:auto 16px 16px auto}.hero-motion[data-playback=playing] .motion-play,.hero-motion[data-playback=paused] .motion-pause{display:none}.product-section{padding-block-start:100px}.intro{padding:0 var(--gutter) 80px;text-align:center;justify-items:center;gap:68px;display:grid}.intro-mark{object-fit:contain;width:88px;height:92px}.feature-track{--feature-height:clamp(330px, 115vw, 520px);--feature-frame-height:100vw;--feature-pin-span:250svh;--feature-step:2;--feature-exit:3;--feature-copy-lead:0;--feature-copy-enter:.5;--feature-copy-exit:3;--feature-copy-lift:100svh;--feature-progress:0;--feature-radius:22px}.feature-filters{pointer-events:none;position:absolute}.feature-stack,.preview-scene{padding:0;list-style:none}.feature-stack{gap:48px;max-width:2120px;margin-inline:auto;display:grid}.feature-chapter{padding-inline:var(--gutter);align-content:center;gap:24px;display:grid}.feature-copy h3{font:400 var(--heading-sm)/1.1 var(--serif);letter-spacing:-.01em;text-wrap:balance;margin-bottom:10px}.feature-copy p{color:var(--muted);font-size:clamp(14px,1.09vw,17px);line-height:1.35}.feature-scene{isolation:isolate;aspect-ratio:1.05;border-radius:var(--feature-radius);background:#728267;place-items:center;width:100%;min-width:0;min-height:240px;display:grid;position:relative;overflow:clip}.feature-photo{z-index:-1;object-fit:cover;filter:url(#feature-horizontal-blur)saturate(.58);width:100%;height:100%;position:absolute;transform:scale(1.23)rotate(-5deg)}.feature-scene[data-scene=meals] .feature-photo{object-position:center 42%;filter:url(#feature-vertical-blur)saturate(.48)brightness(.94);transform:scale(1.23)rotate(6deg)}.feature-scene[data-scene=water] .feature-photo{filter:url(#feature-horizontal-blur)saturate(.65);transform:scale(1.23)rotate(14deg)}.sample-card{width:min(80%,430px);color:var(--ink);background:#f9f8f5;border-radius:clamp(10px,1.1vw,16px);padding:clamp(10px,1.25vw,18px);box-shadow:0 4px 20px #17140d13}.sample-heading,.sample-entry{align-items:center;gap:8px;font-size:clamp(11px,.9vw,14px);line-height:1.25;display:flex}.sample-heading{margin-bottom:12px}.sample-entry{background:#fff;border-radius:7px;padding:10px}.sample-badge,.sample-entry small{color:var(--muted);margin-inline-start:auto;font-size:clamp(9px,.75vw,12px)}.sample-status{color:#325e36;background:#e4efde;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;font-size:11px;display:inline-grid}.feature-scene[data-scene=water] .sample-card{width:min(72%,325px)}.feature-scene[data-scene=gloop] .sample-card{border-radius:100px;align-items:center;gap:6px;width:min(80%,398px);padding:5px 10px;display:flex}.feature-scene[data-scene=gloop] .sample-heading{margin:0}.feature-scene[data-scene=gloop] :is(.sample-heading span,.sample-status,small){display:none}.feature-scene[data-scene=gloop] .sample-entry{background:0 0;padding:7px 0}.pause-section{--collage-copy-time:0;--collage-pin-span:120svh;--drift-progress:0;margin-top:100px}.pause-composition{isolation:isolate;place-items:center;min-height:max(620px,100svh);display:grid;position:relative;overflow:clip}.pause-copy{z-index:1;width:100%;padding-inline:var(--gutter);text-align:center;position:relative}.pause-stat{display:none}.pause-stat strong{font:400 var(--heading-xl)/.95 var(--serif);display:block}.collage-piece,.collage-note{position:absolute}.collage-piece{aspect-ratio:.94;border-radius:clamp(10px,1.1vw,18px);width:clamp(95px,16.5vw,260px);overflow:hidden}.collage-piece img{object-fit:cover;width:100%;height:100%}.collage-meadow{top:12%;left:7.6%}.collage-water{top:5%;right:8.6%}.collage-meal{bottom:10%;right:10.6%}.collage-note{z-index:1;width:clamp(138px,23vw,340px)}.collage-note .sample-card{background:var(--card);width:100%}.collage-note[data-scene=meals]{bottom:26%;right:1.2%}.collage-note[data-scene=water]{top:17%;left:17%}.collage-note[data-scene=gloop]{bottom:10%;left:14%}.preview-track{--preview-card-time:-6;--preview-intro:0;--pattern-progress:1}.preview-section{isolation:isolate;text-align:center;justify-items:center;padding:120px 0 48px;display:grid;position:relative}.preview-pattern{z-index:-1;aspect-ratio:1.75;background:radial-gradient(circle,#c2b8a358 1.9px,#0000 2.9px) 0 0/13px 13px;width:min(90%,1020px);margin-inline:auto;position:absolute;inset:22% 0 auto;mask-image:url(/media/gloup.svg);mask-position:50%;mask-size:83% 100%;mask-repeat:no-repeat}.preview-pattern:after{opacity:clamp(0, calc((var(--pattern-progress) - .2) * 1.25), 1);content:"";background:radial-gradient(circle,#120c08c0 2.5px,#0000 3.3px) 0 0/13px 13px;position:absolute;inset:0;mask-image:radial-gradient(10% 12% at 27% 29%,#000,#0000),radial-gradient(9% 10% at 72% 32%,#000,#0000),radial-gradient(10% 13% at 25% 66%,#000,#0000),radial-gradient(12% 11% at 66% 78%,#000,#0000),radial-gradient(5% 8% at 42% 88%,#000,#0000),radial-gradient(6% 7% at 44% 20%,#000,#0000)}.preview-scene{width:100%;padding:0 var(--gutter) 8px;scroll-padding-inline:var(--gutter);scroll-snap-type:x mandatory;gap:16px;margin:52px 0 30px;display:flex;overflow-x:auto}.preview-card{scroll-snap-align:start;text-align:start;background:#fff;border-radius:18px;flex:0 0 min(76vw,370px);gap:16px;padding:12px;display:grid;box-shadow:0 5px 22px #120c0808}.preview-screen{background:#f8ebd3;border-radius:12px;place-items:center;height:310px;display:grid;overflow:hidden}.preview-card[data-scene=water] .preview-screen{background:#d7e6f5}.preview-card[data-scene=gloop] .preview-screen{background:#e9e1f6}.preview-screen img{object-fit:contain;border-radius:10px;width:auto;height:94%;min-height:0}.preview-copy{flex-direction:column;justify-content:space-between;gap:20px;padding:2px 4px 4px;display:flex}.preview-copy p{font:400 var(--heading-sm)/1.12 var(--serif);text-wrap:pretty}.preview-copy span{color:var(--muted);font:11px/1.4 ui-monospace,monospace}.little-things{padding-block:80px 40px}.little-things h2{margin:0 var(--gutter) 48px;text-align:center}.habit-grid{max-width:2120px;padding:0 var(--gutter) 8px;scroll-padding-inline:var(--gutter);scroll-snap-type:x mandatory;grid-auto-columns:min(76vw,420px);grid-auto-flow:column;gap:12px;margin-inline:auto;display:grid;overflow-x:auto}.habit-grid:focus-visible{outline-offset:-3px}.habit{scroll-snap-align:start;min-width:0}.habit-art{aspect-ratio:1;background:var(--card);border-radius:clamp(20px,2.23vw,32px);flex-direction:column;justify-content:center;align-items:center;gap:0;margin-bottom:16px;padding:8px;display:flex}.habit-step{background:#fff;border-radius:10px;align-items:center;gap:10px;width:64%;min-height:15%;padding:12px;font-size:clamp(11px,.95vw,15px);display:flex}.habit-step-icon{aspect-ratio:1;background:#eae3f8;border-radius:7px;flex:none;place-items:center;width:clamp(24px,2.4vw,34px);display:grid}.habit-art[data-scene=meals] .habit-step{width:66%;min-height:22%;box-shadow:0 -7px 0 -3px #fff9,0 -15px 0 -7px #fff6}.habit-art[data-scene=meals] .habit-step-icon{background:url(/media/salad.jpg) 50%/cover}.habit-art[data-scene=meals] .habit-step-icon img{visibility:hidden}.habit-art[data-scene=water] .habit-step{width:58%}.habit-art[data-scene=water] .habit-step-icon{background:#d8e8f7}.habit-art[data-scene=gloop] .habit-step{align-items:flex-start;width:69%;min-height:23%;padding-top:14px}.habit-connector{color:#285964;background:linear-gradient(#0000 30%,#e0edf0 30% 70%,#0000 70%);justify-items:center;padding:0 7px;font:clamp(8px,.66vw,11px)/1.1 ui-monospace,monospace;display:grid}.habit-connector:before,.habit-connector:after{content:"";border-inline-start:1px dashed #a9a39a;width:0;height:clamp(8px,1.45vw,22px)}.habit-art .sample-card{width:70%;box-shadow:none}.habit h3{font-size:clamp(16px,1.5vw,22px);font-weight:400;line-height:1.3}.habit p{color:var(--muted);margin-top:4px;font-size:clamp(14px,1.2vw,18px);line-height:1.35}.faq-section{padding:160px var(--gutter) 100px}.faq-section h2{text-align:center;margin-bottom:32px;line-height:1}.faq-list{width:min(100%,542px);margin-inline:auto}.faq-list details{background:#fff;border-radius:18px}.faq-list summary{justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:18px 32px 18px 18px;font-size:clamp(14px,1.2vw,18px);list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-chevron{border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:9px;height:9px;transition:transform .18s;transform:translateY(-2px)rotate(45deg)}.faq-list details[open] .faq-chevron{transform:translateY(2px)rotate(225deg)}.faq-list p{color:var(--muted);padding:0 26px 24px 18px;font-size:clamp(14px,1.13vw,17px)}.closing-section{--closing-progress:.5;padding:var(--gutter);background:linear-gradient(var(--paper), #fff)}.closing-frame{isolation:isolate;color:#fff;background:#645d39;border-radius:clamp(32px,4.45vw,64px);place-items:center;min-height:clamp(458px,60svh,740px);padding:40px 16px;display:grid;position:relative;overflow:clip}.closing-photo,.closing-frame:after{z-index:-2;object-fit:cover;object-position:50% 43%;width:100%;height:118%;transform:translateY(calc((var(--closing-progress) - .5) * -13%));position:absolute;inset:-9% 0}.closing-frame:after{z-index:-1;content:"";background:#17140945;height:100%;inset:0;transform:none}.closing-content{text-align:center;justify-items:center;width:100%;display:grid}.closing-content>img{filter:brightness(0)invert();width:clamp(72px,8.2vw,118px);height:auto;margin-bottom:32px}.closing-content h2{margin-bottom:clamp(16px,2.8vw,40px)}.footer{isolation:isolate;background:linear-gradient(#fff 0%, var(--paper) 30%, #c3eaf4 100%);position:relative}.footer-panel{z-index:1;padding:32px var(--gutter) 24px;background:#fff;border-radius:0 0 clamp(32px,4.45vw,64px) clamp(32px,4.45vw,64px);gap:32px;display:grid;position:relative}.footer-lead .button{margin-top:20px}.footer-links{flex-wrap:wrap;gap:24px 36px;font-size:15px;display:flex}.footer-links div{align-content:start;gap:6px;display:grid}.footer-links div>span{color:var(--muted);margin-bottom:4px}.footer :is(nav,.footer-bottom) a:hover{text-decoration:underline}.footer-bottom{align-self:end;justify-items:start;font:13px/1.3 ui-monospace,monospace;display:grid}.footer-bottom img{margin-bottom:10px}.footer-wordmark{color:#fff;height:29vw;font:400 30vw/.85 var(--serif);letter-spacing:-.09em;user-select:none;justify-content:center;align-items:end;padding-bottom:1.4vw;display:grid;overflow:clip}@media (width>=768px){.product-section{padding-block-start:150px}.intro{padding-bottom:60px}.feature-track{--feature-height:clamp(380px, 57svh, 550px);--feature-radius:44px}.feature-stack{padding-inline:var(--gutter)}.feature-chapter{grid-template-columns:minmax(0,1fr) minmax(0,3.15fr) minmax(0,1fr);grid-template-areas:"copy scene.";align-items:center;gap:24px;padding-inline:0}.feature-chapter:nth-child(2n){grid-template-areas:".scene copy"}.feature-copy{grid-area:copy}.feature-scene{height:calc(var(--feature-height) - 52px);aspect-ratio:auto;grid-area:scene}.habit-grid{scroll-snap-type:none;grid-auto-columns:minmax(0,1fr);gap:24px;overflow:visible}.habit-art{margin-bottom:22px}.little-things{padding-block:160px 96px}.little-things h2{margin-bottom:56px}.faq-list summary{min-height:84px;padding-inline:26px 44px}.faq-list p{padding-inline:26px 44px}.closing-frame{min-height:clamp(530px,78svh,900px)}.footer-panel{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:517px;padding-block:80px 24px}.footer-links{justify-content:space-between;margin-right:clamp(0px,5vw,75px)}.footer-lead .button{margin-top:36px}.footer-bottom{grid-column:2}}@media (width>=1024px){:root{--heading-xl:clamp(64px, 6.01vw, 120px);--heading-lg:clamp(40px, 4.05vw, 82px);--heading-sm:clamp(22px, 1.73vw, 36px)}.product-section{padding-block-start:270px}.feature-track{--feature-height:clamp(440px, 40vw, 760px);--feature-frame-height:75svh;--feature-pin-span:300svh;--feature-exit:2;--feature-copy-exit:2;--feature-radius:clamp(44px, 4.45vw, 80px)}.feature-stack{padding-inline:clamp(24px,1.67vw,34px)}.little-things{padding-block-start:200px}.faq-section{padding-bottom:160px}}@media (width>=1280px){.hero{--hero-inset:32px;--hero-radius:64px}.feature-track{--feature-frame-height:var(--feature-height);--feature-pin-span:220svh;--feature-exit:3;--feature-copy-lead:.1;--feature-copy-enter:1;--feature-copy-exit:.5;--feature-copy-lift:60%}.pause-section{--collage-pin-span:220svh}}@media (width<=767px){.desktop-nav,.desktop-actions,.mobile-menu[open] .menu-open,.mobile-menu:not([open]) .menu-close{display:none}.mobile-navigation{display:flex;position:relative}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu-panel{background:var(--card);border-radius:16px;gap:4px;width:min(270px,100vw - 32px);padding:4px;display:grid;position:absolute;inset:calc(100% + 8px) auto auto 50%;transform:translate(-50%);box-shadow:0 6px 28px #120c0826}.hero-motion{inset:auto 8px 76px auto}.feature-scene{height:min(calc(100vw - 32px), calc(var(--feature-height) - 96px))}.collage-meadow{top:11%;left:5%}.collage-water{top:5%;right:6%}.collage-meal{bottom:7%;right:13%}.collage-note[data-scene=meals]{bottom:16%;right:3%}.collage-note[data-scene=water]{top:8%;left:13%}.collage-note[data-scene=gloop]{bottom:21%;left:6%}.collage-note .sample-entry small{display:none}}@media (prefers-reduced-motion:no-preference) and (height>=580px){.has-motion .feature-track{--feature-duration:max(var(--chapter-count) * var(--feature-step), (var(--chapter-count) - 1) * var(--feature-step) + var(--feature-exit));height:calc(var(--feature-frame-height) + var(--feature-pin-span))}.has-motion .feature-stack{top:calc((100svh - var(--feature-frame-height)) / 2);height:var(--feature-frame-height);gap:0;position:sticky}.has-motion .feature-chapter{--time:calc(var(--feature-progress) * var(--feature-duration));--scene-time:calc(var(--time) - var(--chapter-index) * var(--feature-step));--first-step:clamp(0, var(--time) / var(--feature-step), 1);--depth:clamp(0, 1 + var(--chapter-index) - var(--time) / var(--feature-step), var(--chapter-index));--exit-time:max(0, var(--scene-time) - var(--feature-step));--scene-exit-remaining:clamp(0, 1 - var(--exit-time) / var(--feature-exit), 1);--copy-exit-remaining:clamp(0, 1 - var(--exit-time) / var(--feature-copy-exit), 1);--copy-enter:clamp(0, (var(--scene-time) - var(--feature-copy-lead)) / var(--feature-copy-enter), 1);--copy-position:clamp(0, var(--scene-time) / var(--feature-step), 1);z-index:var(--chapter-layer);grid-area:1/1}.has-motion .feature-chapter:last-child{--exit-time:0}.has-motion .feature-track[data-motion-near] :is(.feature-copy,.feature-scene){will-change:transform, opacity}.has-motion .feature-copy{--exit-opacity:calc(var(--copy-exit-remaining) * var(--copy-exit-remaining));opacity:calc(var(--copy-enter) * var(--exit-opacity));transform:translateY(calc((1 - var(--copy-position)) * 50% - (1 - var(--exit-opacity)) * var(--feature-copy-lift)))}.has-motion .feature-scene{--exit:calc(1 - var(--scene-exit-remaining) * var(--scene-exit-remaining));transform:translateY(calc((1 - var(--first-step)) * 10% + var(--first-step) * var(--depth) * 12% - var(--exit) * 100svh)) scale(calc(.95 + var(--first-step) * (.05 - var(--depth) * .15)))}.has-motion .pause-section{min-height:calc(100svh + var(--collage-pin-span))}.has-motion .pause-composition{min-height:100svh;position:sticky;top:0}.has-motion .pause-stat,.has-motion .pause-copy h2{grid-area:1/1}.has-motion .pause-copy{align-items:center;display:grid}.has-motion .pause-section[data-motion-near] :is(.collage-piece,.collage-note,.pause-stat,.pause-copy h2){will-change:transform, opacity}.has-motion .pause-stat{--enter:clamp(0, (var(--collage-copy-time) - 1.1) / 3, 1);--exit-remaining:clamp(0, 9.1 - var(--collage-copy-time), 1);--enter-opacity:calc(1 - pow(1 - var(--enter), 6));opacity:calc(var(--enter-opacity) * var(--exit-remaining) * var(--exit-remaining));transform:translateY(calc((1 - var(--enter-opacity)) * 30px - (1 - var(--exit-remaining)) * 40%));display:block}.has-motion .pause-copy h2{--enter:clamp(0, (var(--collage-copy-time) - 9.1) / 1.5, 1);opacity:calc(1 - pow(1 - var(--enter), 2));transform:translateY(calc((1 - var(--enter)) * 30px))}.has-motion :is(.collage-piece,.collage-note){scale:min(1, var(--drift-progress) * 2)}.has-motion .collage-meadow{transform:translate(calc((1 - var(--drift-progress)) * -110px), calc((.55 - var(--drift-progress)) * 260px))}.has-motion .collage-water{transform:translate(calc((.65 - var(--drift-progress)) * -220px), calc((var(--drift-progress) - .6) * 140px))}.has-motion .collage-meal{transform:translate(calc((.6 - var(--drift-progress)) * 150px), calc((var(--drift-progress) - .55) * 250px))}.has-motion .collage-note[data-scene=meals]{transform:translateY(calc((var(--drift-progress) - .55) * 180px))}.has-motion .collage-note[data-scene=water]{transform:translateY(calc((.6 - var(--drift-progress)) * 180px))}.has-motion .collage-note[data-scene=gloop]{transform:translateY(calc((.55 - var(--drift-progress)) * 220px))}}@media (prefers-reduced-motion:no-preference) and (width>=768px) and (height>=580px){.has-motion .feature-chapter{padding-block-start:44px}}@media (prefers-reduced-motion:no-preference) and (width>=1024px) and (height>=620px){.has-motion .preview-track{--pattern-progress:calc(.2 + var(--preview-intro) * .8);min-height:600svh}.has-motion .preview-section{height:100svh;min-height:620px;padding:80px var(--gutter) 42px;grid-template-rows:auto 1fr auto;position:sticky;top:0;overflow:clip}.has-motion .preview-section h2{transform:translateY(calc((1 - var(--preview-intro)) * 20svh)) scale(calc(1 - var(--preview-intro) * .3))}.has-motion .preview-track[data-motion-near] :is(.preview-card,.preview-pattern,.preview-section h2){will-change:transform, opacity}.has-motion .preview-scene{pointer-events:none;scroll-snap-type:none;place-items:center;width:auto;margin:0;display:grid;position:absolute;inset:0;overflow:clip}.has-motion .preview-pattern{width:min(74%,1020px);transform:translateY(calc((1 - var(--preview-intro)) * 70svh)) scaleX(1.35)}.has-motion .preview-card{--card-time:calc(var(--preview-card-time) - var(--preview-index) * 1.5);--enter:clamp(0, var(--card-time) / 2, 1);--exit:clamp(0, (var(--card-time) - 2) / 2, 1);width:min(640px,78vw);min-height:0;transform:translateY(calc((1 - var(--enter) - var(--exit)) * (100svh + 50%) + (var(--enter) - var(--exit)) * 25%)) scale(calc(.5 + var(--enter) * .5));grid-area:1/1;grid-template-columns:1fr 1fr;gap:22px;padding:24px}.has-motion .preview-screen{height:min(43svh,374px)}.has-motion .preview-link{opacity:0;pointer-events:none;grid-row:3;transition:opacity .3s ease-out,transform .45s ease-out;transform:scale(.75)}.has-motion .preview-track[data-preview-active] .preview-link,.has-motion .preview-link:focus-visible{opacity:1;pointer-events:auto;transform:none}}@media (prefers-reduced-motion:no-preference) and (width<=1023px) and (height>=580px){.has-motion .preview-scene{margin-block-start:clamp(52px,50vw,360px)}}@media (prefers-reduced-motion:no-preference) and (width<=767px) and (height>=580px){.has-motion .feature-chapter{align-content:start;padding-block-start:3px}.has-motion .feature-scene{height:auto}.has-motion .collage-piece,.has-motion .collage-note[data-scene]{translate:0 calc((.5 - var(--drift-progress)) * 55px);transform:none}.has-motion .collage-note[data-scene=water]{top:14%}.has-motion .collage-note[data-scene=gloop]{bottom:12%}}@media (height<=579px){.hero h1{margin-bottom:20px}.hero-copy{padding-bottom:48px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important}.closing-photo{transform:none}}
