:root{--ink:#172322;--muted:#64706b;--paper:#fafbf8;--surface:#eef4e9;--accent:#167c48;--line:#dce5dc;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',sans-serif;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}em{font-family:var(--serif);font-weight:500}p{color:var(--muted);line-height:1.85;font-size:15px}.wrap{width:min(1320px,88%);margin-inline:auto}.eyebrow{font-size:9px;letter-spacing:2px;line-height:1.8;font-weight:600;text-transform:uppercase}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:10px;box-shadow:0 0 0 5px #12824c12;animation:signal 3s infinite}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;width:min(1600px,88%);margin:auto;gap:30px;position:relative;z-index:5}.site-header nav{display:flex;gap:32px;align-items:center;font-size:12px}.site-header nav a{position:relative;padding:10px 0}.site-header nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;scale:0 1;transform-origin:left;transition:scale .3s}.site-header nav a:hover:after,.site-header nav [aria-current]:after{scale:1 1}.studio-brand{font-family:'Manrope',sans-serif;font-size:34px;font-weight:800;letter-spacing:-2px}.studio-brand span{font-size:11px;display:inline-block;vertical-align:top;margin:10px 0 0 3px;letter-spacing:0}.product-brand{display:flex;align-items:center;gap:12px;font:800 24px 'Manrope',sans-serif;letter-spacing:-.9px}.product-brand img{width:36px;height:36px;border-radius:10px}.pill-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #17232266;border-radius:40px;padding:15px 23px;font-size:11px;transition:background .3s,color .3s,translate .3s}.pill-button:hover{background:var(--ink);color:white;translate:0 -3px}.solid-button{display:inline-flex;align-items:center;gap:45px;background:var(--ink);color:white;border-radius:40px;padding:19px 26px;font-size:12px;transition:translate .3s}.solid-button:hover{translate:0 -4px}.text-link{display:inline-flex;align-items:center;font-size:11px;border-bottom:1px solid currentColor;padding-bottom:8px;gap:25px}.skip-link{position:fixed;left:20px;top:-100px;background:var(--ink);color:white;padding:15px;z-index:100}.skip-link:focus{top:15px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--accent);scale:var(--page-progress,0) 1;transform-origin:left;z-index:100;pointer-events:none}#studio-atmosphere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9;opacity:.4}.cursor-ring{position:fixed;top:0;left:0;width:34px;height:34px;border:1px solid var(--accent);border-radius:50%;pointer-events:none;z-index:99;opacity:0;transition:width .3s,height .3s,opacity .3s}.cursor-ring.is-over{width:54px;height:54px}.groc{--ink:#112d22;--accent:#12824c;--surface:#eaf4e7;--paper:#fcfdfa;--line:#d7e5d8}.readlens{--ink:#17202b;--accent:#5b6b80;--muted:#6b7076;--surface:#eeeff1;--paper:#fafaf9;--line:#dfe1e4}.readlens h1,.readlens h2{font-family:var(--serif)}.readlens h1 em,.readlens h2 em{color:#65707e}.campaign-hero{position:relative;isolation:isolate;width:min(1560px,calc(100% - 48px));margin:0 auto 30px;aspect-ratio:16/9;min-height:670px;overflow:hidden;border-radius:20px;background:#f2f1eb}.campaign-media{position:absolute;inset:0;z-index:-3}.campaign-media img,.campaign-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.campaign-film{opacity:0;transition:opacity 1s}.film-ready .campaign-film{opacity:1}.campaign-wash{position:absolute;inset:0;background:linear-gradient(90deg,#fafbf8e8,#fafbf8b3 31%,#fafbf800 63%);z-index:-1;pointer-events:none}.readlens .campaign-wash{background:linear-gradient(90deg,#fafaf9d9,#fafaf999 32%,#fafaf900 64%)}.campaign-copy{position:relative;width:56%;padding:7% 0 130px 6%}.campaign-copy h1{font:600 clamp(56px,5.7vw,90px)/1.06 'Manrope',sans-serif;letter-spacing:-4.5px;margin:28px 0}.groc .campaign-copy h1 em{color:var(--accent)}.readlens .campaign-copy h1{font:500 clamp(58px,5.8vw,94px)/1.08 var(--serif);letter-spacing:-4px}.campaign-copy p{font-size:14px;max-width:355px;color:#405048;line-height:1.9}.hero-caption{font-size:9px;margin-top:25px;color:var(--muted);line-height:1.8}.hero-caption span{display:block;font-size:8px;opacity:.85;margin-top:5px}.hero-footer{position:absolute;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;align-items:center}.hero-footer a{display:flex;align-items:center;gap:20px}.hero-footer a span{font-size:23px;animation:little-bob 3s infinite}.film-toggle{position:absolute;bottom:68px;right:5%;background:#ffffffb8;backdrop-filter:blur(10px);border:1px solid white;border-radius:30px;font-size:9px;padding:10px 16px}.store-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.store-badge{display:flex;align-items:center;gap:12px;border-radius:11px;padding:12px 17px;min-width:174px;background:linear-gradient(120deg,var(--ink),var(--accent));color:white;border:1px solid #ffffff30;box-shadow:0 8px 24px #173d2a15;position:relative;overflow:hidden;transition:translate .3s,box-shadow .3s}.store-badge:after{content:'';position:absolute;inset:-100%;background:linear-gradient(100deg,transparent 40%,#ffffff26 50%,transparent 60%);translate:-70% 0;transition:translate .8s}.store-badge:hover:after{translate:65% 0}.store-badge:hover{translate:0 -4px;box-shadow:0 15px 30px #173d2a24}.store-badge.google{background:linear-gradient(110deg,#fff,var(--surface));color:var(--ink);border-color:var(--line)}.store-badge svg{width:25px;height:29px;flex-shrink:0}.store-badge span{font-size:16px;font-weight:500;line-height:1.15}.store-badge small{display:block;font-size:8px;font-weight:400;margin-bottom:4px}.store-badge b{font-size:11px;font-weight:400;margin-left:auto}.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--surface);padding:21px 0}.ticker>div{display:flex;align-items:center;width:max-content;gap:48px;animation:ticker 45s linear infinite}.ticker span{font-size:9px;letter-spacing:2px;white-space:nowrap}.ticker i{font-style:normal;font-size:23px;color:var(--accent)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.section-heading .eyebrow{margin-bottom:24px}.section-heading h2,h2{font-size:clamp(42px,4.6vw,68px);line-height:1.12;letter-spacing:-2.8px}.section-heading p{font-size:12px;max-width:300px}.experience-section{padding-block:130px 70px}.experience-board{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.experience-tabs{display:flex;flex-direction:column}.experience-tabs>button{background:transparent;display:grid;grid-template-columns:35px 1fr 20px;gap:12px;align-items:center;text-align:left;border-bottom:1px solid var(--line);padding:30px 10px;transition:background .4s,padding .4s}.experience-tabs>button span{font-size:9px;color:var(--muted)}.experience-tabs>button strong{font-size:19px;font-weight:500}.experience-tabs>button b{font-weight:400;font-size:18px}.experience-tabs>button.active{background:var(--surface);padding-left:25px;border-radius:8px}.experience-tabs .text-link{margin-top:40px;align-self:flex-start}.experience-visual{position:relative;overflow:hidden;background:var(--surface);border-radius:18px;min-height:555px;isolation:isolate}.experience-panel{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:25px;padding:36px}.experience-panel[hidden]{display:none}.experience-panel>div{position:relative;z-index:2}.experience-panel h3{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:25px 0 18px}.experience-panel p{font-size:12px}.experience-panel img{width:230px;box-shadow:10px 20px 35px #142b291c;border-radius:7px;rotate:4deg;position:relative;z-index:1;animation:object-float 8s ease-in-out infinite}.experience-panel.active{animation:panel-in .7s var(--ease)}.visual-rings{position:absolute;inset:20% -15%;border:1px solid #749e7e33;border-radius:50%;rotate:-30deg;z-index:-1;animation:orbit-turn 25s ease-in-out infinite alternate}.visual-rings:after{content:'';position:absolute;inset:25px -20px;border:inherit;border-radius:inherit}.feature-section{padding-block:110px;display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center;--scroll-shift:0px}.feature-section.reverse .screenshot-scene{order:2}.feature-section.reverse .feature-copy{order:1}.screenshot-scene{position:relative;min-height:680px;display:flex;align-items:center;justify-content:center;isolation:isolate;transform:translateY(var(--scroll-shift));transition:transform .16s linear}.screenshot-scene:before{content:'';position:absolute;inset:10% 0;background:radial-gradient(ellipse,var(--surface),transparent 70%);z-index:-2}.store-screen{width:285px;height:auto;max-height:680px;object-fit:contain;box-shadow:20px 30px 50px #182e261c;border-radius:8px;rotate:-4deg;animation:object-float 9s ease-in-out infinite;position:relative;z-index:1}.reverse .store-screen{rotate:4deg;animation-delay:-3s}.scene-number{position:absolute;font:500 190px var(--serif);color:#73947518;top:0;right:0;letter-spacing:-15px}.scene-caption{position:absolute;bottom:-25px;left:50%;translate:-50% 0;font-size:7px;letter-spacing:1.5px;white-space:nowrap;color:var(--muted)}.scene-orbit{position:absolute;inset:25% -5%;border:1px solid #749e7e44;border-radius:50%;rotate:-25deg;animation:orbit-turn 20s ease-in-out infinite alternate;z-index:-1}.scene-orbit:after{content:'';position:absolute;inset:20px -20px;border:inherit;border-style:dashed;border-radius:50%}.floating-symbol{position:absolute;right:3%;bottom:10%;font-size:70px;color:var(--accent);animation:symbol-turn 14s ease-in-out infinite}.feature-copy .eyebrow{margin-bottom:28px}.feature-copy h2{font-size:clamp(42px,4vw,60px);line-height:1.16;letter-spacing:-2.5px}.feature-copy h2 em{color:var(--accent)}.feature-copy .lead{margin-top:25px;max-width:400px}.feature-details{margin:35px 0}.feature-details article{display:flex;gap:25px;border-top:1px solid var(--line);padding:22px 0}.feature-details article>span{font-size:9px;padding-top:5px;color:var(--accent)}.feature-details h3{font-size:14px;margin-bottom:8px}.feature-details p{font-size:12px;max-width:320px}.lifestyle-section{padding-block:110px;display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center}.lifestyle-photo{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1.25;isolation:isolate}.lifestyle-photo img{width:100%;height:100%;object-fit:cover;animation:photo-breathe 14s ease-in-out infinite}.lifestyle-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0b211847)}.photo-corner{position:absolute;right:22px;top:15px;color:white;font-size:48px;animation:symbol-turn 10s ease-in-out infinite}.photo-note{position:absolute;bottom:25px;left:25px;color:white;font-size:8px;letter-spacing:1.6px;z-index:2}.lifestyle-copy .eyebrow{margin-bottom:25px}.lifestyle-copy h2{font-size:clamp(40px,4vw,60px)}.lifestyle-copy p{margin:26px 0 32px;font-size:14px}.interactive-section{margin-block:80px 140px;padding:70px;background:var(--surface);border-radius:18px;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.interactive-section .eyebrow{margin-bottom:24px}.interactive-section h2{font-size:clamp(42px,4vw,61px)}.interactive-section p{margin-top:25px;font-size:13px}.choice-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.choice-tabs button{padding:10px 15px;border-radius:25px;background:#ffffff70;border:1px solid var(--line);font-size:10px}.choice-tabs button.active{background:var(--ink);color:#fff}.insight-demo{position:relative;overflow:hidden;background:#ffffffcc;border:1px solid white;border-radius:15px;padding:35px;min-height:330px;box-shadow:0 20px 40px #1b342711}.demo-caption{font-size:7px;letter-spacing:1.5px;color:var(--muted)}.scan-symbol{font-size:60px;color:var(--accent);margin-top:15px;animation:little-bob 5s infinite}.insight-demo h3{font-size:26px;letter-spacing:-.7px;line-height:1.2;margin:20px 0}.insight-demo p{font-size:12px;margin:0}.demo-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.demo-tags span{padding:7px 12px;border-radius:20px;background:var(--surface);font-size:9px}.scanning-line{height:1px;position:absolute;left:15px;right:15px;top:30%;background:linear-gradient(90deg,transparent,#18875066,transparent);box-shadow:0 0 20px #18875040;animation:scan-line 6s ease-in-out infinite;pointer-events:none}.reading-sentence{font:500 27px/1.7 var(--serif);margin-top:30px}.reading-sentence button{font:inherit;border-radius:3px;padding:0 5px;background:#e3d89970;box-shadow:inset 0 -6px #d8c77240}.reading-sentence button.active{background:#e8d67f}.example-note{display:block;font-size:8px;color:var(--muted);margin-top:20px;line-height:1.7}.word-demo h3{font:500 44px var(--serif);margin:26px 0}.word-demo>div:not(.demo-caption){border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.result-label{font-size:7px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:8px}.screens-section{padding:100px 0 75px;background:var(--surface);overflow:hidden}.carousel-controls{display:flex;gap:10px}.carousel-controls button{width:45px;height:45px;border-radius:50%;border:1px solid var(--line);background:transparent;font-size:18px}.carousel-controls button:hover{background:white}.screens-track{display:flex;gap:25px;overflow-x:auto;padding:10px 10px 25px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.screens-track figure{margin:0;flex:0 0 245px;scroll-snap-align:start}.screens-track figure img{width:100%;border-radius:10px;box-shadow:0 12px 22px #1b2b2612;transition:translate .5s}.screens-track figure:hover img{translate:0 -7px}.screens-track figure:nth-child(even){padding-top:35px}.screens-track figcaption{display:flex;align-items:center;font-size:10px;gap:15px;margin-top:22px}.screens-track figcaption>span{font-size:8px;color:var(--muted)}.screens-track figcaption>b{font-weight:400;margin-left:auto}.gallery-caption{display:flex;justify-content:space-between;margin-top:25px;font-size:7px;letter-spacing:1.4px;color:var(--muted)}.download-section{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding-block:140px 90px}.download-icon{width:64px;height:64px;border-radius:17px;margin:0 auto 35px;box-shadow:0 15px 30px #17232220;animation:object-float 8s ease-in-out infinite}.download-section .eyebrow{margin-bottom:25px}.download-section h2{font-size:clamp(48px,5.6vw,84px);letter-spacing:-3.7px}.download-section>p:not(.product-disclosure){margin-top:25px;font-size:14px}.download-section .store-row{justify-content:center;margin-top:35px}.download-section>small{display:block;font-size:8px;color:var(--muted);margin-top:25px}.download-section .product-disclosure{font-size:10px;max-width:620px;margin:45px auto 0;line-height:1.8}.download-rings{position:absolute;inset:15% 3%;border:1px solid var(--line);border-radius:50%;rotate:-12deg;z-index:-1;animation:orbit-turn 30s ease-in-out infinite alternate;opacity:.6}.download-rings:after{content:'';position:absolute;inset:20px -20px;border:inherit;border-radius:inherit}.related{padding:60px 0 120px;border-top:1px solid var(--line)}.related>.eyebrow{margin-bottom:30px}.related h2{font-size:48px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.related-photo{overflow:hidden;border-radius:12px;aspect-ratio:2.1}.related-photo img{width:100%;height:100%;object-fit:cover;transition:scale .8s}.related-card:hover img{scale:1.05}.related-card>div:last-child{display:grid;grid-template-columns:1fr 20px;margin-top:25px;gap:10px}.related-card h3{font-size:24px;letter-spacing:-.5px}.related-card span{font-size:12px;color:var(--muted);grid-row:2}.related-card b{grid-row:1/3;grid-column:2;font-size:23px;font-weight:400}.studio-footer{padding:65px 6% 30px;background:#162522;color:#f2f5ee}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:30px;padding-bottom:65px}.footer-top p{color:#b8c6bd;font-size:15px;line-height:1.65}.footer-top .text-link{border-color:#b8c6bd;font-size:12px}.footer-bottom{border-top:1px solid #b8c6bd25;padding-top:25px;display:flex;justify-content:space-between;gap:25px;font-size:9px;color:#b8c6bd}.footer-bottom>div{display:flex;flex-wrap:wrap;gap:20px}.footer-bottom button{background:transparent;color:inherit;padding:0;font-size:9px}.footer-bottom a:hover{color:white}
.studio-home{--paper:#f7f7f0;--surface:#e9eee2;--ink:#202d27;--accent:#4e7958;--muted:#727a6e;--line:#dce2d3}.studio-hero{min-height:760px;height:calc(100svh - 94px);max-height:1000px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-bottom:65px;gap:3%}.studio-hero-copy{position:relative;z-index:3}.studio-hero h1{font-size:clamp(70px,6.8vw,106px);line-height:1.02;letter-spacing:-6px;margin:28px 0}.studio-hero h1 em{color:#68815d}.studio-hero-copy p{font-size:14px;max-width:400px;margin:30px 0}.hero-platforms{display:flex;align-items:center;gap:12px;font-size:7px;letter-spacing:1.1px;margin-top:35px}.hero-platforms span{font-size:22px;color:var(--accent)}.studio-orchestra{height:620px;position:relative;isolation:isolate;min-width:0}.orchestra-orbit{position:absolute;border:1px solid #9dac8e55;border-radius:50%;inset:15% -4%;z-index:-1;rotate:-35deg;animation:orbit-turn 25s ease-in-out infinite alternate}.orbit-two{inset:21% -10%;rotate:30deg;border-style:dashed;animation-delay:-10s}.orchestra-star{position:absolute;right:0;top:7%;font-size:70px;color:#668a59;animation:symbol-turn 20s infinite}.floating-app{position:absolute;border-radius:14px;box-shadow:0 20px 45px #26372a21;border:5px solid #fff;background:white;overflow:hidden;transition:box-shadow .5s;animation:object-float 8s ease-in-out infinite}.floating-app:hover{box-shadow:0 25px 55px #26372a40}.floating-app>img{width:100%}.float-groc{width:190px;left:0;top:60px;rotate:-12deg;z-index:1;animation-delay:-2s}.float-readlens{width:190px;right:-15px;top:145px;rotate:12deg;z-index:3;animation-delay:-4s}.float-klod{width:265px;height:405px;left:25%;top:95px;rotate:-2deg;z-index:2;background:#dbeefa}.floating-app>span{display:flex;justify-content:space-between;font-size:10px;padding:13px 10px;background:#fff}.floating-app>span b{font-weight:400}.home-film{height:calc(100% - 40px);overflow:hidden;background:url('/assets/klod-cinematic-ivory-v2.png') 73% center/cover}.home-film video{width:100%;height:100%;object-fit:cover;object-position:73% center}.floating-app-word{position:absolute;bottom:65px;left:20px;font:500 35px var(--serif);color:#152f46;text-shadow:0 0 15px #fff}.floating-app-word small{display:block;font:6px var(--sans);letter-spacing:1.2px;margin-top:7px}.orchestra-caption{position:absolute;bottom:15px;left:50%;translate:-50% 0;white-space:nowrap;font-size:7px;letter-spacing:1.2px;display:flex;align-items:center;gap:12px}.orchestra-caption i{width:6px;height:6px;border-radius:50%;background:#739866}.home-scroll{position:absolute;bottom:35px;left:0;font-size:7px;letter-spacing:1.5px;display:flex;align-items:center;gap:20px}.home-scroll span{font-size:23px;animation:little-bob 3s infinite}.collection{padding-block:130px}.collection-card{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:7%;padding:55px 0 85px;border-bottom:1px solid var(--line)}.collection-card:last-child{padding-bottom:30px;border:0}.collection-media{position:relative;aspect-ratio:1.3;overflow:hidden;border-radius:15px}.collection-media>img{width:100%;height:100%;object-fit:cover;object-position:70% center;animation:photo-breathe 18s ease-in-out infinite}.collection-index{position:absolute;top:24px;left:25px;font-size:8px;letter-spacing:1.5px}.round-link{position:absolute;bottom:25px;right:25px;width:50px;height:50px;display:grid;place-items:center;border:1px solid #ffffffb8;border-radius:50%;background:#ffffff88;backdrop-filter:blur(10px);font-size:22px}.collection-copy h3{font-size:clamp(38px,3.7vw,56px);letter-spacing:-2px;line-height:1.15;margin:25px 0}.collection-copy h3 em{color:var(--accent)}.collection-copy p{font-size:13px;margin-bottom:28px;max-width:340px}.collection-copy small{display:block;font-size:8px;color:var(--muted);margin-top:25px;line-height:1.8}.studio-manifesto{position:relative;background:#20342a;color:#eef3e9;padding:110px 0;overflow:hidden}.studio-manifesto h2{font-size:clamp(48px,5.8vw,86px);line-height:1.15;margin:35px 0 55px}.studio-manifesto h2 em{color:#b7c99a}.studio-manifesto .eyebrow{color:#b3c5ad}.manifesto-bottom{display:flex;justify-content:space-between;align-items:center;gap:45px}.manifesto-symbol{font-size:100px;line-height:1;color:#b7c99a;animation:symbol-turn 25s infinite}.manifesto-bottom p{font-size:13px;color:#b8c9bd}.manifesto-lines{position:absolute;width:650px;height:500px;right:-200px;top:0;pointer-events:none;opacity:.25}.manifesto-lines i{position:absolute;inset:0;border:1px solid #a5b895;border-radius:50%;rotate:-40deg;animation:orbit-turn 30s infinite alternate}.manifesto-lines i:nth-child(2){inset:25px;animation-delay:-8s}.manifesto-lines i:nth-child(3){inset:50px;animation-delay:-16s}.pick-section{padding-block:130px 80px}.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.moment-grid>a{padding:35px 30px 25px;border:1px solid var(--line);border-radius:14px;background:#edf3e6;transition:translate .5s,box-shadow .5s}.moment-grid>a:first-child{background:#e7f0f6}.moment-grid>a:last-child{background:#ececea}.moment-grid>a:hover{translate:0 -8px;box-shadow:0 20px 40px #243d2912}.moment-grid>a>span{font-size:7px;letter-spacing:1.2px}.moment-grid h3{font:500 clamp(27px,2.7vw,40px)/1.25 var(--serif);letter-spacing:-1.3px;margin:48px 0}.moment-grid>a>div{border-top:1px solid #233a2918;padding-top:20px;display:flex;justify-content:space-between;align-items:center}.moment-grid b{font-size:13px;font-weight:500}.moment-grid i{font-size:23px;font-style:normal}.home-close{text-align:center;padding-block:100px 150px}.home-close h2{font-size:clamp(45px,5.6vw,80px);margin:30px 0 40px}.home-close h2 em{color:var(--accent)}
.js .enter{opacity:0;translate:0 24px;transition:opacity .9s var(--ease),translate 1s var(--ease);transition-delay:var(--delay,0ms)}.js .enter.seen{opacity:1;translate:0 0}.js .image-enter{opacity:0;clip-path:inset(3% 0 3% 0 round 12px);transition:opacity 1s,clip-path 1.2s var(--ease)}.js .image-enter.seen{opacity:1;clip-path:inset(0 round 12px)}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .enter,.motion-paused .image-enter{opacity:1;translate:none;clip-path:none;transition:none}.motion-paused .screenshot-scene{transform:none}.motion-paused .cursor-ring{display:none}.motion-paused .campaign-film{opacity:0}.motion-paused .home-film video{visibility:hidden}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes object-float{0%,100%{translate:0 0}50%{translate:0 -11px}}@keyframes little-bob{50%{translate:0 5px}}@keyframes signal{50%{box-shadow:0 0 0 8px #12824c03}}@keyframes orbit-turn{to{rotate:8deg;translate:0 12px}}@keyframes symbol-turn{0%,100%{rotate:0deg}50%{rotate:70deg}}@keyframes panel-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes photo-breathe{0%,100%{transform:scale(1.025)}50%{transform:scale(1.065) translateX(-.4%)}}@keyframes scan-line{0%,100%{translate:0 -80px;opacity:0}30%,70%{opacity:1}50%{translate:0 180px}}
@media(max-width:1200px){.site-header nav{gap:23px}.campaign-copy{width:62%;padding-top:6%;padding-bottom:115px}.campaign-copy h1{font-size:65px;letter-spacing:-3px}.readlens .campaign-copy h1{font-size:68px}.campaign-hero{min-height:650px}.campaign-copy .store-badge{min-width:153px;padding:11px 13px}.campaign-copy .store-row{gap:8px}.experience-board{gap:40px}.experience-panel{grid-template-columns:1fr 180px;padding:30px;gap:20px}.experience-panel img{width:180px}.experience-visual{min-height:470px}.experience-panel h3{font-size:24px}.feature-section{gap:7%;padding-block:80px}.screenshot-scene{min-height:600px}.store-screen{width:255px}.interactive-section{padding:50px;gap:7%}.studio-hero h1{font-size:85px}.studio-orchestra{height:550px}.float-groc,.float-readlens{width:150px}.float-klod{width:220px;height:355px;top:90px;left:23%}.float-readlens{right:-5px}.orchestra-caption{font-size:6px}.studio-hero{min-height:690px}}
@media(max-width:900px){.site-header{height:82px;gap:20px}.site-header nav{font-size:10px;gap:17px}.nav-action{display:none}.product-brand{font-size:22px}.studio-hero{min-height:620px;height:auto}.studio-hero h1{font-size:70px;letter-spacing:-4px}.studio-hero-copy p{font-size:12px}.studio-orchestra{height:470px}.float-klod{width:180px;height:310px;left:22%;top:80px}.float-groc,.float-readlens{width:125px}.float-readlens{top:140px}.float-groc{top:45px}.floating-app>span{font-size:8px}.orchestra-caption{font-size:5px;letter-spacing:.5px}.hero-platforms{font-size:6px;gap:8px}.campaign-hero{min-height:600px}.campaign-copy h1{font-size:56px;letter-spacing:-2.5px}.readlens .campaign-copy h1{font-size:59px}.campaign-copy p{font-size:12px;max-width:300px}.campaign-copy{padding-top:7%;width:67%}.campaign-copy .store-row{margin-top:25px}.campaign-copy .store-badge{min-width:145px;padding:10px}.store-badge span{font-size:14px}.campaign-copy .store-badge svg{width:20px}.experience-board{gap:25px}.experience-tabs>button strong{font-size:16px}.experience-panel{grid-template-columns:1fr 150px;padding:25px;gap:15px}.experience-panel img{width:150px}.experience-panel h3{font-size:21px}.experience-panel p{font-size:10px}.experience-visual{min-height:400px}.feature-section{gap:6%}.store-screen{width:230px}.screenshot-scene{min-height:550px}.feature-copy h2{font-size:39px;letter-spacing:-1.8px}.feature-copy .lead{font-size:13px}.feature-details article{padding:17px 0;gap:15px}.feature-details h3{font-size:12px}.feature-details p{font-size:11px}.feature-details{margin:25px 0}.scene-number{font-size:140px}.lifestyle-section{gap:7%}.lifestyle-copy h2{font-size:39px}.lifestyle-copy p{font-size:12px}.interactive-section{padding:40px;gap:7%}.interactive-section h2{font-size:40px}.insight-demo{padding:25px}.collection-card{gap:6%}.collection-copy h3{font-size:36px}.collection-copy p{font-size:12px}.moment-grid{gap:15px}.moment-grid>a{padding:28px 20px}.moment-grid h3{font-size:29px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:650px){html{scroll-padding-top:15px}.site-header{height:auto;min-height:94px;display:grid;grid-template-columns:1fr auto;padding:17px 0 15px;gap:15px;width:88%}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:15px;font-size:10px;border-top:1px solid var(--line);padding-top:4px}.site-header nav a{padding:9px 0 0}.site-header nav a:after{bottom:-5px}.studio-brand{font-size:28px}.product-brand{font-size:23px}.product-brand img{width:30px;height:30px}.site-header .nav-action{display:inline-flex;grid-column:2;grid-row:1;font-size:9px;padding:9px 14px;gap:15px}.eyebrow{font-size:7px;letter-spacing:1.6px}.campaign-hero{width:calc(100% - 24px);aspect-ratio:auto;min-height:0;display:flex;flex-direction:column;border-radius:13px;margin-bottom:23px}.campaign-copy{width:100%;padding:37px 7% 28px;order:0}.campaign-copy h1{font-size:clamp(44px,12vw,68px);letter-spacing:-2.5px;margin:24px 0}.readlens .campaign-copy h1{font-size:clamp(47px,12.8vw,68px);letter-spacing:-2px}.campaign-copy p{max-width:330px;font-size:12px}.campaign-media{position:relative;order:2;aspect-ratio:16/9;inset:auto;width:100%;z-index:0;overflow:hidden}.campaign-media img,.campaign-media video{object-fit:contain}.campaign-wash{display:none}.campaign-copy .store-row{gap:9px;margin-top:26px}.store-badge,.campaign-copy .store-badge{min-width:0;gap:9px;padding:11px 13px}.store-badge span{font-size:14px}.store-badge small{font-size:7px}.store-badge svg{width:21px}.store-badge b{font-size:9px;margin-left:4px}.hero-caption{font-size:8px;margin-top:22px}.hero-caption span{font-size:7px}.hero-footer{bottom:15px;left:6%;right:6%;z-index:2}.hero-footer>span{display:none}.hero-footer a{font-size:6px;letter-spacing:.8px;background:#ffffffe0;padding:7px 10px;border-radius:20px;gap:10px}.hero-footer a span{font-size:16px}.film-toggle{bottom:15px;right:6%;z-index:3;font-size:7px;padding:8px 12px}.ticker{padding:15px 0}.ticker>div{gap:25px}.ticker span{font-size:7px;letter-spacing:1.2px}.ticker i{font-size:20px}.section-heading{display:block;margin-bottom:33px}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2,h2{font-size:39px;letter-spacing:-1.8px}.section-heading>p{margin-top:23px;font-size:11px}.section-heading>.text-link,.section-heading>.carousel-controls{margin-top:25px}.experience-section{padding-block:75px 30px}.experience-board{grid-template-columns:1fr;gap:30px}.experience-tabs>button{padding:19px 10px;grid-template-columns:25px 1fr 20px}.experience-tabs>button strong{font-size:16px}.experience-tabs .text-link{margin-top:24px}.experience-visual{min-height:0}.experience-panel{grid-template-columns:1fr 150px;gap:20px;padding:28px 22px;min-height:380px}.experience-panel img{width:150px}.experience-panel h3{font-size:23px;margin:20px 0 14px}.experience-panel p{font-size:11px}.experience-panel .eyebrow{font-size:6px;letter-spacing:.7px}.feature-section,.feature-section.reverse{display:flex;flex-direction:column;gap:45px;padding-block:60px;align-items:stretch}.feature-section.reverse .screenshot-scene{order:0}.feature-section.reverse .feature-copy{order:1}.screenshot-scene{min-height:0;height:565px}.store-screen{width:240px;max-height:540px}.scene-number{font-size:140px;right:10px;top:-10px}.scene-orbit{inset:25% -2%}.scene-caption{bottom:-8px;font-size:6px}.floating-symbol{right:2%;bottom:10%;font-size:50px}.feature-copy .eyebrow{margin-bottom:20px}.feature-copy h2{font-size:39px;letter-spacing:-1.8px}.feature-copy .lead{font-size:13px;max-width:none}.feature-details{margin:25px 0}.feature-details article{padding:20px 0}.feature-details h3{font-size:13px}.feature-details p{font-size:12px}.text-link{font-size:10px}.lifestyle-section{display:flex;flex-direction:column;padding-block:60px;gap:35px}.lifestyle-photo{width:100%;aspect-ratio:1.15}.lifestyle-copy h2{font-size:39px}.lifestyle-copy p{font-size:13px;max-width:340px}.photo-note{font-size:6px}.interactive-section{margin-block:35px 75px;grid-template-columns:1fr;padding:35px 25px;gap:35px}.interactive-section h2{font-size:38px}.interactive-section p{font-size:12px;margin-top:20px}.insight-demo{padding:25px;min-height:310px}.insight-demo p{margin-top:0}.word-demo h3{font-size:37px}.reading-sentence{font-size:26px}.screens-section{padding-block:65px 45px}.screens-track{gap:20px}.screens-track figure{flex-basis:225px}.gallery-caption{font-size:5px;letter-spacing:.8px;gap:20px}.download-section{padding-block:80px 60px}.download-section h2{font-size:43px;letter-spacing:-2px}.download-section .eyebrow{font-size:6px}.download-section>p:not(.product-disclosure){font-size:12px}.download-section .store-row{gap:8px}.download-section .product-disclosure{font-size:9px}.download-rings{inset:22% -12%}.related{padding:45px 0 70px}.related h2{font-size:38px}.related-grid{grid-template-columns:1fr;gap:35px}.related-photo{aspect-ratio:1.8}.related-card h3{font-size:22px}.related-card span{font-size:11px}.studio-footer{padding:45px 6% 25px}.footer-top{flex-wrap:wrap;padding-bottom:40px;gap:25px}.footer-top p{font-size:12px;margin-left:auto}.footer-top .text-link{font-size:11px;width:max-content}.footer-bottom{font-size:8px;gap:24px}.footer-bottom>div{order:3;width:100%;gap:18px;line-height:2}.footer-bottom button{font-size:8px}.footer-bottom>a{margin-left:auto}.studio-hero{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:40px 0 55px;gap:15px}.studio-hero-copy{text-align:center}.studio-hero h1{font-size:clamp(60px,15vw,85px);letter-spacing:-3.6px;margin:24px 0}.studio-hero-copy p{font-size:12px;margin:24px auto;max-width:310px}.solid-button{font-size:11px;padding:16px 24px}.hero-platforms{justify-content:center;font-size:5.5px;letter-spacing:.5px;gap:8px;margin-top:23px}.studio-orchestra{height:435px;width:100%;margin-top:15px}.float-groc,.float-readlens{width:120px}.float-groc{left:0;top:35px}.float-readlens{right:0;top:100px}.float-klod{width:170px;height:290px;left:50%;translate:-50% 0;top:55px;animation-name:center-float}.orchestra-star{top:10px;right:5px;font-size:50px}.orchestra-caption{bottom:25px;font-size:5px;letter-spacing:.6px}.orchestra-orbit{inset:15% -2%}.home-scroll{bottom:15px;left:50%;translate:-50% 0;white-space:nowrap;font-size:6px}.collection{padding-block:75px}.collection-card{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:25px 0 50px;margin-bottom:30px}.collection-media{aspect-ratio:1.25}.collection-copy h3{font-size:39px;margin:22px 0}.collection-copy p{font-size:13px;max-width:330px}.collection-index{font-size:7px;left:20px;top:20px}.round-link{width:42px;height:42px;font-size:20px}.collection-copy .pill-button{font-size:10px}.studio-manifesto{padding:75px 0}.studio-manifesto h2{font-size:43px;letter-spacing:-1.8px;margin:27px 0 35px}.manifesto-bottom{flex-wrap:wrap;gap:25px}.manifesto-symbol{font-size:70px}.manifesto-bottom p{font-size:11px}.manifesto-bottom .text-link{margin-top:10px}.manifesto-lines{right:-400px}.pick-section{padding-block:75px 35px}.moment-grid{grid-template-columns:1fr;gap:20px}.moment-grid>a{padding:28px}.moment-grid h3{font-size:38px;margin:35px 0}.moment-grid>a>span{font-size:7px}.home-close{padding-block:65px 90px}.home-close h2{font-size:40px;letter-spacing:-1.8px}.cursor-ring{display:none}#studio-atmosphere{opacity:.25}}
@keyframes center-float{0%,100%{translate:-50% 0}50%{translate:-50% -10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .enter,.js .image-enter{opacity:1;translate:none;clip-path:none}.screenshot-scene{transform:none}.cursor-ring,#studio-atmosphere{display:none}.campaign-film{display:none}.home-film video{display:none}}
.small-details{padding-block:10px 110px}.detail-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-card{display:grid;grid-template-columns:1fr 160px;gap:25px;padding:35px;background:var(--surface);border-radius:15px;align-items:center;overflow:hidden}.detail-card h3{font:500 32px/1.2 var(--serif);letter-spacing:-1px;margin:25px 0 18px}.detail-card p{font-size:12px}.detail-card img{width:160px;border-radius:6px;rotate:5deg;box-shadow:0 12px 25px #17232220;animation:object-float 9s ease-in-out infinite}.detail-card:nth-child(2) img{rotate:-5deg;animation-delay:-3s}@media(max-width:900px){.detail-card{padding:25px;grid-template-columns:1fr 125px;gap:20px}.detail-card img{width:125px}.detail-card h3{font-size:26px}.detail-card p{font-size:11px}.detail-card .eyebrow{font-size:6px}}@media(max-width:650px){.small-details{padding-bottom:70px}.detail-card-grid{grid-template-columns:1fr;gap:25px}.detail-card{padding:28px 24px;grid-template-columns:1fr 130px}.detail-card img{width:130px}.detail-card h3{font-size:28px}.detail-card .eyebrow{font-size:6px;letter-spacing:1px}}
.hero-result{position:absolute;right:5%;bottom:115px;z-index:3;display:flex;align-items:center;gap:17px;padding:16px 20px;background:#ffffffe0;border:1px solid #ffffffdd;box-shadow:0 15px 40px #13252121;border-radius:12px;backdrop-filter:blur(14px);animation:object-float 9s ease-in-out infinite;transition:opacity .7s,translate .7s}.hero-result img{width:60px;height:130px;object-fit:contain;border-radius:4px;box-shadow:0 3px 10px #17232215}.hero-result strong{display:block;font:500 20px/1.2 var(--serif);letter-spacing:-.5px;margin:12px 0}.hero-result .result-step{font-size:6px;letter-spacing:1px;color:var(--muted)}.hero-result small{font-size:8px}.hero-result.result-ready{box-shadow:0 15px 45px #167c4830;border-color:#c6dbbe}.ambient-section{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;min-height:480px;aspect-ratio:2.3;margin-block:35px 100px;background:#f5f3ec}.ambient-media{position:absolute;inset:0;z-index:-2}.ambient-media img,.ambient-media video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.ambient-section:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fafbf8d9,#fafbf850 50%,transparent);pointer-events:none;z-index:-1}.ambient-copy{width:49%;padding:65px 0 80px 6%}.ambient-copy h2{font-size:clamp(38px,4vw,58px);margin:25px 0;letter-spacing:-2px}.ambient-copy p{font-size:12px;max-width:300px;margin-bottom:25px}.ambient-toggle{position:absolute;bottom:24px;right:25px;border-radius:20px;background:#ffffffbd;font-size:8px;padding:9px 14px}.ambient-caption{position:absolute;bottom:25px;left:6%;font-size:6px;letter-spacing:1.4px;color:var(--muted)}.film-toggle[hidden]{display:none}.motion-paused .ambient-media video{visibility:hidden}@media(max-width:1000px){.hero-result{right:4%;bottom:115px;padding:12px 14px;gap:12px}.hero-result img{width:45px;height:100px}.hero-result strong{font-size:17px}.hero-result small{font-size:7px}.ambient-copy{width:60%}}@media(max-width:650px){.hero-result{position:relative;order:3;right:auto;bottom:auto;margin:0;border-radius:0;padding:16px 7%;gap:20px;background:var(--surface);box-shadow:none;border:0;animation:none;justify-content:start}.hero-result img{width:42px;height:92px}.hero-result strong{font-size:20px;margin:8px 0}.hero-result strong br{display:none}.hero-result strong br:after{content:' '}.hero-result small{font-size:8px}.hero-result .result-step{font-size:6px}.campaign-hero .hero-footer,.campaign-hero .film-toggle{bottom:145px}.ambient-section{aspect-ratio:auto;min-height:0;margin-block:15px 65px}.ambient-copy{width:100%;padding:35px 7% 30px}.ambient-copy h2{font-size:37px;letter-spacing:-1.5px}.ambient-copy p{font-size:12px}.ambient-media{position:relative;aspect-ratio:16/9;order:2;z-index:0}.ambient-section{display:flex;flex-direction:column}.ambient-section:after{display:none}.ambient-toggle{bottom:16px;right:16px;z-index:3}.ambient-caption{left:7%;bottom:20px;z-index:3;font-size:5px;background:#ffffffb8;padding:6px}.ambient-copy .eyebrow{font-size:6px}}
@media(max-width:650px){.hero-result strong br{display:initial}}
body{overflow-x:clip}.experience-panel>div,.feature-copy,.lifestyle-copy,.detail-card>div{min-width:0}@media(max-width:650px){.campaign-copy .store-row,.download-section .store-row{flex-wrap:nowrap;gap:8px}.campaign-copy .store-badge,.download-section .store-badge{flex:1;min-width:0;padding:10px 11px;gap:8px}.campaign-copy .store-badge b,.download-section .store-badge b{display:none}.campaign-copy .store-badge span,.download-section .store-badge span{font-size:13px}.campaign-copy .store-badge svg,.download-section .store-badge svg{width:19px}.campaign-copy .store-badge small,.download-section .store-badge small{font-size:6px}}
@media(max-width:650px){.feature-section{overflow:hidden}}
@media(max-width:650px){.studio-orchestra{overflow:hidden;width:calc(100% + 32px);margin-inline:-16px}.float-groc{left:15px;rotate:-8deg}.float-readlens{right:15px;rotate:8deg}}
.home-app-film{height:calc(100% - 40px);overflow:hidden}.home-app-film video{width:100%;height:100%;object-fit:cover;object-position:72% center}.home-groc-film{background:url('/assets/groc-human-hero.png') 72% center/cover}.home-readlens-film{background:url('/assets/readlens-human-hero.png') 72% center/cover}.float-groc,.float-readlens{height:365px}.collection-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}.collection-index,.collection-media .round-link{z-index:2}.motion-paused .collection-media>video,.motion-paused .home-app-film video{visibility:hidden}@media(max-width:1200px){.float-groc,.float-readlens{height:315px}}@media(max-width:900px){.float-groc,.float-readlens{height:285px}}@media(max-width:650px){.float-groc,.float-readlens{height:270px}.float-groc{top:40px}.float-readlens{top:105px}.home-app-film video{object-position:73% center}}@media(prefers-reduced-motion:reduce){.collection-media>video,.home-app-film video{display:none}}