/* Zuki cinematic opening. All scene artwork is native UI; existing assets stay local. */
:root{--studio-bg:#0b1015;--studio-ink:#f2f2e9;--studio-muted:#a2b0b7;--studio-line:#ffffff20;--studio-mint:#8ae0cc;--studio-gold:#d8bf91}
html{scroll-padding-top:96px}body{background:var(--studio-bg)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.zj{position:relative;background:#080c10;color:var(--studio-ink);isolation:isolate;font-family:Arial,Helvetica,sans-serif;--p:0}.zj[hidden],body.section-mode .zj{display:none!important}.zj *{box-sizing:border-box}.zj a{color:inherit}.zj button{font:inherit}.zj button,.zj a{-webkit-tap-highlight-color:transparent}.zj :focus-visible{outline:2px solid var(--studio-mint);outline-offset:5px}.zj-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:radial-gradient(#a1cbbd 1px,transparent 1px),radial-gradient(#c9d6fa 1px,transparent 1px);background-size:137px 179px,257px 317px;background-position:23px 57px,97px 121px;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
.zj-controls{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px max(5vw,20px);background:#080c10e8;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}.zj-wordmark{text-decoration:none;letter-spacing:-.07em;font-size:32px;font-weight:900;line-height:.9;flex-shrink:0}.zj-wordmark span{display:block;font-size:7px;letter-spacing:.22em;font-weight:500;margin-top:10px}.zj-tools{display:flex;align-items:center;gap:10px}.zj-tools button,.zj-skip{font-size:11px;letter-spacing:.02em;border:1px solid #ffffff24;border-radius:30px;padding:12px 16px;background:transparent;color:#e0e8e6;cursor:pointer;text-decoration:none;white-space:nowrap;min-height:42px}.zj-tools button:hover{background:#ffffff0e}.zj-tools button[aria-pressed=true]{border-color:var(--studio-mint);color:var(--studio-mint)}.zj-tools button:disabled{opacity:.45;cursor:default}.zj-tools .zj-skip{background:var(--studio-ink);color:#111a1d;font-weight:700;border-color:transparent}.zj-progress{position:sticky;top:87px;height:2px;background:#ffffff09;z-index:31;pointer-events:none}.zj-progress>span{display:block;height:100%;background:var(--studio-mint);width:100%;transform:scaleX(var(--journey-progress,0));transform-origin:left}
.zj-chapter{position:relative;min-height:175vh;min-height:175svh;--p:0;--reveal:0}.zj-sticky{position:sticky;top:89px;min-height:calc(100vh - 89px);min-height:calc(100svh - 89px);max-width:1600px;margin:auto;padding:64px max(5vw,24px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:6vw;align-items:center}.zj-sticky:before{content:'';position:absolute;width:75%;height:80%;right:0;top:10%;background:radial-gradient(ellipse,#21504c27,transparent 65%);z-index:-1;pointer-events:none}.zj-copy{position:relative;z-index:2;min-width:0}.zj-kicker{font-size:10px!important;letter-spacing:.23em!important;font-weight:600;color:var(--studio-mint)!important;margin:0 0 32px!important}.zj-copy h2{font-size:clamp(36px,4.5vw,76px);font-weight:500;letter-spacing:-.06em;line-height:1.04;margin:0 0 28px;text-wrap:balance;color:var(--studio-ink)}.zj-copy h2 em,.zj-final-message em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#a9d6ce;letter-spacing:-.05em}.zj-copy>p:not(.zj-kicker){font-size:clamp(14px,1.3vw,18px);line-height:1.7;color:var(--studio-muted);max-width:380px;margin-bottom:24px}.zj-copy>small{display:block;font-size:10px;color:#96a5ad;line-height:1.6;max-width:340px;margin-top:28px}.zj-scroll-cue{font-size:11px;display:flex;align-items:center;gap:16px;color:#c2d0d1;margin-top:40px}.zj-scroll-cue>span{font-size:23px;color:var(--studio-mint)}.zj-visual{position:relative;width:100%;min-width:0;max-width:690px;aspect-ratio:1.16;margin:auto;display:flex;align-items:center;justify-content:center;perspective:1100px}.zj-scene-caption{position:absolute;bottom:-25px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:.2em;color:#7e959d;line-height:1.7}.zj-orbit{position:absolute;inset:0;border:1px solid #a3d7d913;border-radius:50%;transform:rotate(-30deg) scaleY(.65)}.zj-orbit:before{content:'';position:absolute;inset:30px;border:1px solid #a3d7d912;border-radius:50%}.zj-profile{position:relative;width:88%;background:linear-gradient(145deg,#202e36,#111b21 75%);border:1px solid #a4bfbf2a;border-radius:20px;padding:25px;box-shadow:0 45px 100px #0008;transform:rotateY(calc(-9deg + var(--p)*9deg)) rotateX(calc(5deg - var(--p)*5deg)) translateY(calc((1 - var(--p))*10px))}.zj-profile-top{display:flex;align-items:center;gap:12px}.zj-avatar{width:42px;height:42px;border-radius:50%;background:#b4c9bc;color:#162e2c;font-family:Georgia,serif;font-size:29px;display:grid;place-items:center;position:relative}.zj-avatar>span{font-size:16px;position:absolute;right:-5px;bottom:-3px;color:#8ae0cc}.zj-profile-top strong{font-size:12px}.zj-profile-top small{display:block;font-size:8px;color:#a2b0b7;margin-top:5px}.zj-verified{margin-left:auto;color:#8ae0cc}.zj-profile-stats{display:flex;align-items:end;gap:35px;margin:24px 0 15px}.zj-profile-stats>div{display:flex;flex-direction:column;gap:5px}.zj-profile-stats strong{font-weight:500;font-size:14px}.zj-profile-stats #journey-followers{font-size:clamp(36px,4.4vw,64px);line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.zj-profile-stats span{font-size:9px;color:#a9babf}.zj-chart{height:44px;display:flex;gap:5px;align-items:end;margin:20px 0}.zj-chart i{flex:1;height:calc(10% + var(--bar)*7%);background:linear-gradient(#8ae0cc,#345954);border-radius:2px;transform:scaleY(calc(.18 + var(--p)*.82));transform-origin:bottom}.zj-chart i:nth-child(1){--bar:1}.zj-chart i:nth-child(2){--bar:2}.zj-chart i:nth-child(3){--bar:3}.zj-chart i:nth-child(4){--bar:2}.zj-chart i:nth-child(5){--bar:5}.zj-chart i:nth-child(6){--bar:4}.zj-chart i:nth-child(7){--bar:7}.zj-chart i:nth-child(8){--bar:6}.zj-chart i:nth-child(9){--bar:8}.zj-chart i:nth-child(10){--bar:10}.zj-chart i:nth-child(11){--bar:9}.zj-chart i:nth-child(12){--bar:12}.zj-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.zj-feed>div{aspect-ratio:1;background:#c8d4bf;overflow:hidden;border-radius:4px;color:#172a25;display:grid;place-items:center}.zj-feed>div:nth-child(2){background:#22383a}.zj-feed>div:nth-child(3){background:#5e807a;color:#f4f5e5}.zj-feed img{width:100%;height:100%;object-fit:cover;filter:saturate(.6)}.zj-feed span{font-size:clamp(10px,1.4vw,18px);line-height:1.2;font-weight:700;letter-spacing:-.03em}.zj-feed b{font-family:Georgia,serif;font-style:italic;font-weight:400}.zj-profile-footer{display:flex;justify-content:space-between;gap:8px;margin-top:15px;font-size:8px;color:#9caeb2}.zj-profile-footer>span:first-child{font-size:16px;color:#dae8e4}.zj-notification{position:absolute;right:0;bottom:4%;max-width:90%;padding:13px 16px;display:flex;align-items:center;gap:12px;background:#223735f2;border:1px solid #a9e3d238;border-radius:12px;box-shadow:0 15px 40px #0007;transform:translateY(calc((1 - var(--p))*15px))}.zj-notification>span:first-child{font-size:23px;color:var(--studio-mint)}.zj-notification strong{font-size:10px;font-weight:500}.zj-notification small{display:block;font-size:8px;color:#a7b9b6;margin-top:4px}.zj-dot{height:5px;width:5px;background:#8ae0cc;border-radius:50%;box-shadow:0 0 13px #8ae0cc}
.zj-detail-list{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.zj-detail-list span,.zj-format{font-size:9px;letter-spacing:.04em;padding:9px 12px;border:1px solid #ffffff20;border-radius:30px;color:#c0d2d0}.zj-browser{width:92%;margin-right:auto;border:1px solid #b5c8d53b;border-radius:12px;overflow:hidden;background:#18222b;box-shadow:0 40px 90px #0008;transform:rotateY(calc(-10deg + var(--reveal)*10deg))}.zj-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;font-size:8px;color:#a4b2bc;background:#1d2730;gap:10px}.zj-browser-bar>span:first-child{letter-spacing:3px;font-size:6px;color:#67747b}.zj-webcanvas{aspect-ratio:1.45;position:relative;background:#e9ebec;overflow:hidden}.zj-web-before,.zj-web-after{position:absolute;inset:0;padding:24px}.zj-web-before{color:#62676c;background:#e9ebec;opacity:calc(1 - var(--reveal));font-family:Georgia,serif}.zj-web-before span{font-size:12px}.zj-web-before h3{font-size:20px;margin:25px 0 10px}.zj-web-before p{font-size:12px}.zj-web-before div{height:28px;width:70%;background:#c9ced1;margin:15px 0}.zj-web-before button{font-size:9px;color:#666;border:1px solid #a0a0a0;border-radius:0;padding:6px;pointer-events:none}.zj-web-after{opacity:var(--reveal);transform:translateY(calc((1 - var(--reveal))*20px));color:#12302a;background:radial-gradient(ellipse at 90% 55%,#96b6a0,#dde7d5 65%);padding:20px}.zj-mock-nav{display:flex;justify-content:space-between;gap:10px;font-size:7px}.zj-mock-nav strong{font-size:10px;letter-spacing:-.07em}.zj-mock-nav span{font-size:5px}.zj-mock-hero{padding:28px 0 20px;position:relative;z-index:1}.zj-mock-hero>span:first-child{font-size:6px;letter-spacing:.15em}.zj-mock-hero h3{font-size:clamp(20px,2.5vw,36px);line-height:1.07;font-weight:500;letter-spacing:-.04em;margin:12px 0 20px}.zj-mock-hero h3 em{font-family:Georgia,serif;font-weight:400}.zj-mock-cta{display:inline-block;background:#25433a;color:#eef5e8;padding:10px 12px;border-radius:30px;font-size:7px}.zj-mock-cards{display:flex;gap:12px;border-top:1px solid #203d3730;padding-top:12px;font-size:6px}.zj-sweep{position:absolute;top:-50%;left:-80%;width:45%;height:200%;background:linear-gradient(90deg,transparent,#ffffff55,transparent);transform:translateX(calc(var(--p)*650%)) rotate(20deg);pointer-events:none}.zj-phone-preview{position:absolute;right:0;bottom:5%;width:24%;aspect-ratio:.51;background:#ccdbc4;border:5px solid #344a44;border-radius:22px;box-shadow:0 25px 45px #0007;padding:15px 9px 10px;color:#183b30;transform:translateY(calc((1 - var(--reveal))*30px));opacity:var(--reveal);display:flex;flex-direction:column;gap:18px}.zj-phone-speaker{width:32%;height:4px;background:#161f25;border-radius:10px;margin:0 auto 10px;flex-shrink:0}.zj-phone-preview>span{font-size:6px}.zj-phone-preview>strong{font-size:clamp(12px,1.7vw,23px);font-weight:500;letter-spacing:-.05em;line-height:1.2}.zj-phone-preview em{font-family:Georgia,serif}.zj-phone-preview .zj-mobile-cta{margin-top:auto;padding:8px;background:#224c3d;color:white;border-radius:4px}.zj-web-tags{position:absolute;left:1%;bottom:3%;display:flex;gap:8px;opacity:var(--reveal);flex-wrap:wrap;max-width:70%}.zj-web-tags span{font-size:8px;color:#adcdc7;background:#15252a;padding:9px 10px;border:1px solid #bce7dc20;border-radius:6px}
.zj-review-card{position:absolute;left:3%;top:15%;width:47%;aspect-ratio:.7;border-radius:16px;padding:22px;background:linear-gradient(135deg,#c8bea1,#ebdfbe 55%,#b7b7a2);color:#2c332f;box-shadow:0 40px 70px #0008;transform:translateX(calc((1 - var(--p))*-25px)) rotateY(calc(18deg - var(--p)*12deg)) rotateZ(-8deg);display:flex;flex-direction:column}.zj-card-brand{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em}.zj-review-card h3{font-size:clamp(18px,2.5vw,35px);font-weight:500;letter-spacing:-.05em;line-height:1.12;margin:25px 0 12px}.zj-nfc-mark{font-size:24px;letter-spacing:-.1em;transform:rotate(-10deg);color:#526b61}.zj-card-bottom{display:flex;align-items:center;gap:10px;margin-top:auto}.zj-card-bottom>span{font-size:5px;line-height:1.8;letter-spacing:.04em}.zj-review-card>small{font-size:5px;margin-top:12px;opacity:.7}.zj-qr-art{position:relative;width:46px;aspect-ratio:1;background:repeating-conic-gradient(#3b4940 0 25%,#dfd9bd 0 50%) 0 0/7px 7px;border:4px solid #dfd9bd;flex-shrink:0}.zj-qr-art i{position:absolute;top:0;left:0;width:13px;height:13px;border:3px solid #3b4940;background:#dfd9bd}.zj-qr-art i:nth-child(2){left:auto;right:0}.zj-qr-art i:nth-child(3){top:auto;bottom:0}.zj-review-phone{position:absolute;right:3%;top:10%;width:40%;aspect-ratio:.5;background:linear-gradient(150deg,#f0f1e9,#dae2db);color:#253b36;border:6px solid #4c5857;border-radius:30px;padding:15px 14px;display:flex;align-items:center;flex-direction:column;box-shadow:0 30px 60px #0009;transform:translateX(calc((1 - var(--reveal))*40px)) rotate(calc((1 - var(--reveal))*8deg))}.zj-google-text{font-size:15px;font-weight:600;margin:13px 0 15px}.zj-review-phone>span:not(.zj-google-text){font-size:8px}.zj-review-phone>strong{font-size:14px;text-align:center;line-height:1.4;margin:18px 0 15px;font-weight:500}.zj-stars{font-size:clamp(13px,1.8vw,23px);letter-spacing:2px;color:#b28b35;filter:grayscale(calc(1 - var(--reveal)));opacity:calc(.3 + var(--reveal)*.7)}.zj-review-phone .zj-review-submit{font-size:6px;padding:10px;border:1px solid #abc0b6;border-radius:20px;margin-top:16px}.zj-review-counter{margin-top:auto;padding-top:15px;text-align:center}.zj-review-counter strong{display:block;font-size:35px;font-weight:500;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.zj-review-counter span{font-size:6px;color:#61736b}.zj-tap-ring{position:absolute;left:28%;top:18%;width:50%;aspect-ratio:1;border:1px solid #8ae0cc88;box-shadow:0 0 0 20px #8ae0cc09,0 0 0 40px #8ae0cc05;border-radius:50%;transform:scale(calc(.4 + var(--p)*1.1));opacity:calc(var(--reveal)*.7);z-index:2;pointer-events:none}.zj-tap-label{position:absolute;bottom:0;left:8%;font-size:10px;letter-spacing:.1em;color:#c2d4c7}.zj-tap-label>span{display:block;font-size:8px;margin-top:7px;color:#8ea59f;letter-spacing:0}
.zj-video{padding-top:55px}.zj-neo{position:absolute;right:-1%;top:-7%;width:57%;height:auto;z-index:3;filter:drop-shadow(0 20px 30px #0007);transform:translateY(calc((1 - var(--p))*-35px)) rotate(calc(-10deg + var(--p)*13deg));pointer-events:none}.zj-editor{width:100%;border:1px solid #65767b66;border-radius:12px;background:#182227;overflow:hidden;box-shadow:0 45px 70px #0008}.zj-editor-head{display:flex;justify-content:space-between;padding:15px;font-size:7px;letter-spacing:.08em;color:#aec1c5}.zj-film{position:relative;aspect-ratio:1.85;overflow:hidden}.zj-film>img,.zj-film-grade img{width:100%;height:100%;object-fit:cover;display:block}.zj-film>img{filter:saturate(.45) contrast(.8) brightness(1.15)}.zj-film-grade{position:absolute;inset:0;clip-path:inset(0 calc((1 - var(--p))*100%) 0 0)}.zj-film-grade img{filter:contrast(1.13) saturate(.9) brightness(.82)}.zj-film-frame{position:absolute;inset:12%;border:1px solid #fff7;display:flex;align-items:center;padding:15px;opacity:var(--reveal)}.zj-film-frame span{font-size:8px;line-height:1.8;letter-spacing:.07em;text-shadow:0 2px 20px #000}.zj-film-frame b{font-size:clamp(12px,1.9vw,26px);font-weight:500;letter-spacing:-.03em}.zj-film-before,.zj-film-after{position:absolute;bottom:9px;font-size:6px;padding:4px 7px;background:#071215a0;letter-spacing:.12em}.zj-film-before{right:8px;opacity:calc(1 - var(--p))}.zj-film-after{left:8px;opacity:var(--p)}.zj-film-divider{position:absolute;top:0;bottom:0;width:1px;background:#d9e4d3;left:calc(var(--p)*100%)}.zj-timeline{position:relative;display:grid;grid-template-columns:18px 1fr;gap:7px;padding:16px;font-size:6px;align-items:center}.zj-timeline>div{display:flex;height:18px;gap:4px}.zj-timeline i{flex:1;background:#65867b;border-radius:3px}.zj-timeline i:nth-child(even){background:#536e78;flex:1.3}.zj-timeline .zj-audio-track{height:13px;border-radius:3px;background:repeating-linear-gradient(90deg,#426360 0 2px,#618178 2px 3px,#426360 3px 7px)}.zj-timeline b{position:absolute;height:80%;width:1px;top:10%;left:calc(8% + var(--p)*87%);background:#d8bf91}
.zj-finale .zj-copy h2{font-size:clamp(25px,3vw,44px);max-width:470px;color:#9dafb3}.zj-copy .zj-final-message{font-size:clamp(35px,4.3vw,68px)!important;letter-spacing:-.05em;line-height:1.1!important;color:#f0f2e7!important;max-width:none!important}.zj-final-message em{font-size:1.1em}.zj-final-cta{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #8ae0cc70;padding:12px 0;text-decoration:none;font-size:12px;margin-top:12px}.zj-final-cta span{color:var(--studio-mint);font-size:20px}.zj-core-stage{aspect-ratio:1}.zj-core-orbit{position:absolute;inset:14%;border:1px solid #a3c5be20;border-radius:50%;box-shadow:0 0 0 35px #a3c5be05,0 0 0 70px #a3c5be03}.zj-core{width:38%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 20%,#3f5d55,#172c2a 65%);border:1px solid #a9ddcb50;box-shadow:0 0 80px #7adaad18,inset 0 0 30px #b9ffde12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.zj-core>span{font-size:clamp(30px,4vw,60px);font-weight:900;letter-spacing:-.07em;color:#e8f1de}.zj-core>small{font-size:5px;letter-spacing:.2em;color:#a1c4b7}.zj-satellite{position:absolute;left:50%;top:50%;width:24%;aspect-ratio:1.3;background:linear-gradient(135deg,#2b3d40,#162327);border:1px solid #c6dbd532;border-radius:12px;box-shadow:0 15px 25px #0005;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;transform:translate(-50%,-50%) translate(var(--sat-x,0px),var(--sat-y,0px))}.zj-satellite>span{font-size:20px;color:var(--studio-mint)}.zj-satellite strong{font-size:12px;font-weight:500}.zj-satellite small{font-size:7px;color:#9fbbb8}.zj-bridge{text-align:center;padding:100px 24px 45px;background:linear-gradient(transparent,var(--studio-bg));color:#bdcac9}.zj-bridge p{font-size:clamp(22px,3vw,38px);letter-spacing:-.04em;margin:0 0 14px}.zj-bridge>span{font-size:12px;color:#8b9ea5}.zj-bridge a{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #617672;margin:30px auto 0;text-decoration:none;font-size:22px;color:#8ae0cc}
/* Shared studio shell: the preserved services keep their own visual accents. */
body.studio-experience{font-family:Arial,Helvetica,sans-serif;background:var(--studio-bg);color:var(--studio-ink)}.studio-experience .top{background:var(--studio-bg);max-width:1320px;padding-top:28px;padding-bottom:22px;border-bottom:1px solid #ffffff12}.studio-experience .top .brand{background:#fff;border-radius:14px;padding:0 8px;display:block}.studio-experience .top .logo{width:100px;height:68px;object-fit:contain}.studio-experience .cart-link{color:#e3eee9}.studio-experience .cart-link span{background:#8ae0cc;color:#132a25}.studio-experience .category-home{background:var(--studio-bg);max-width:1320px;padding:60px 24px 90px}.studio-experience.campaign-focus .category-home>.eyebrow{color:#8ae0cc;font-size:10px;letter-spacing:.2em}.studio-experience.campaign-focus .category-home h1{color:#f2f2e9;letter-spacing:-.055em;font-size:clamp(38px,5.5vw,72px);font-weight:500}.studio-experience.campaign-focus .category-home h1 span{color:#a9d6ce;font-family:Georgia,serif;font-weight:400;font-style:italic}.studio-experience.campaign-focus .category-hint{color:#a2b0b7;font-size:15px;max-width:590px}.studio-experience.campaign-focus .category-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:44px}.studio-experience.campaign-focus .category-choice{grid-column:auto!important;border-radius:20px!important;background:linear-gradient(135deg,#1a292f,#111b21)!important;color:#e4ece8!important;border:1px solid #8caaab30!important;box-shadow:none!important;min-width:0;transition:border-color .25s,transform .25s;--tile-accent:#8ae0cc}.studio-experience.campaign-focus .category-choice.campaign-featured{min-height:240px;padding:32px}.studio-experience.campaign-focus .category-choice:before{background:radial-gradient(ellipse at 80% 20%,#8ae0cc0c,transparent 60%);animation:none;inset:0;opacity:1}.studio-experience.campaign-focus .category-choice:after{display:none}.studio-experience.campaign-focus .category-choice:hover{border-color:#8ae0cc80!important;transform:translateY(-3px)}.studio-experience.campaign-focus .category-choice strong{font-weight:500;font-size:28px;letter-spacing:-.035em;color:inherit}.studio-experience.campaign-focus .category-choice .choice-description{color:#a4b5b9;font-size:14px;line-height:1.6}.studio-experience.campaign-focus .category-choice .choice-index{font-size:8px;letter-spacing:.14em;color:#8ae0cc}.studio-experience.campaign-focus .campaign-card-action{font-size:10px;color:#e7ede4;border-color:#8ae0cc55}.studio-experience.campaign-focus .choice-icon{color:#8ae0cc}.studio-experience.campaign-focus .category-choice.campaign-secondary{min-height:160px;padding:26px;opacity:.9}.studio-experience.campaign-focus .campaign-secondary strong{font-size:23px}.studio-experience.campaign-focus .campaign-more{grid-column:1/-1;color:#8ba2a9;border-color:#ffffff16;margin-top:20px}.studio-experience .campaign-motion{display:none}.studio-experience .service-switcher{background:#0c1419ed;color:#e3ebe8;border-color:#ffffff16;backdrop-filter:blur(16px)}.studio-experience .service-tab,.studio-experience .service-home{color:#adbfbd;background:transparent;border-color:#ffffff20}.studio-experience .service-tab.is-active{background:#bad9cd;color:#142a24;border-color:#bad9cd}.studio-experience .category-panel{scroll-margin-top:95px}.studio-experience .category-panel h2,.studio-experience .category-panel h3{letter-spacing:-.035em}.studio-experience .category-panel button,.studio-experience .category-panel .button{transition:transform .2s,box-shadow .2s}.studio-experience .category-panel button:active{transform:scale(.98)}.studio-experience #gomitas{background:#f2f6f3;color:#202c2b}.studio-experience #gomitas .marquee{border-width:1px}.studio-experience #gomitas .product,.studio-experience #gomitas .summary{border-width:1px;box-shadow:0 12px 35px #0d403b0a}.studio-experience #vending{background:#eff1e8}.studio-experience #reviews{background:#eaf0ed}.studio-experience footer{background:var(--studio-bg);border-color:#ffffff20;color:#a6b5b5}.studio-experience footer .brand{background:white;border-radius:12px;padding:0 8px}.studio-experience .request-dialog{color:#24292a}.studio-experience .category-panel .back-categories{color:inherit}
@media(min-width:1600px){.zj-sticky{padding-left:80px;padding-right:80px}}
@media(max-width:900px){.zj-sticky{gap:30px;padding:48px 5vw;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.zj-copy h2{font-size:40px}.zj-profile{padding:18px}.zj-profile-stats{gap:18px}.zj-profile-stats strong{font-size:11px}.zj-review-card{padding:16px}.zj-review-phone{padding:12px 8px;border-width:4px;border-radius:23px}.zj-review-phone>strong{font-size:10px;margin:10px 0}.zj-google-text{margin:8px 0;font-size:12px}.zj-review-counter strong{font-size:25px}.zj-review-phone .zj-review-submit{margin-top:10px;padding:7px;font-size:5px}.zj-phone-preview{gap:8px;border-width:4px;padding:10px 7px}.zj-web-after{padding:15px}.zj-mock-hero{padding:20px 0 12px}.zj-mock-hero h3{margin:8px 0 12px}.zj-mock-cards{font-size:5px;gap:6px;padding-top:8px}.zj-copy .zj-final-message{font-size:38px!important}}
@media(max-width:680px){.zj-controls{padding:14px 16px;gap:10px;flex-wrap:wrap}.zj-wordmark{font-size:27px}.zj-wordmark span{font-size:5px;margin-top:7px}.zj-tools{gap:6px;flex-wrap:wrap;justify-content:flex-end}.zj-tools button,.zj-tools .zj-skip{font-size:9px;min-height:36px;padding:9px 10px}.zj-tools #journey-auto{order:3;flex-basis:100%;padding:4px 10px;min-height:24px;border:0;text-align:right;color:#a2b7b3}.zj-progress{top:91px}.zj-chapter{min-height:155svh}.zj-sticky{top:93px;min-height:calc(100svh - 93px);padding:30px 24px 45px;grid-template-columns:minmax(0,1fr);gap:25px;align-content:center}.zj-copy h2{font-size:clamp(31px,7.7vw,44px);margin-bottom:14px}.zj-copy h2 br{display:none}.zj-kicker{font-size:8px!important;margin-bottom:16px!important;letter-spacing:.18em!important}.zj-copy>p:not(.zj-kicker){font-size:12px;line-height:1.55;margin-bottom:10px;max-width:360px}.zj-copy>small{font-size:8px;margin-top:12px;max-width:none}.zj-scroll-cue{margin-top:15px;font-size:9px;gap:10px}.zj-scroll-cue>span{font-size:15px}.zj-visual{width:100%;max-width:370px;aspect-ratio:1.42}.zj-profile{width:83%;padding:15px;border-radius:14px}.zj-avatar{width:30px;height:30px;font-size:22px}.zj-profile-top strong{font-size:10px}.zj-profile-top small{font-size:6px}.zj-profile-stats{margin:14px 0 7px;gap:25px}.zj-profile-stats #journey-followers{font-size:35px}.zj-profile-stats strong{font-size:10px}.zj-profile-stats span{font-size:7px}.zj-chart{height:26px;margin:10px 0;gap:4px}.zj-feed>div{aspect-ratio:1.35}.zj-feed span{font-size:11px}.zj-profile-footer{margin-top:10px;font-size:6px}.zj-profile-footer>span:first-child{font-size:11px}.zj-notification{bottom:-5px;padding:9px 11px;border-radius:9px}.zj-notification strong{font-size:8px}.zj-notification small{font-size:6px}.zj-scene-caption{bottom:-27px;font-size:6px;letter-spacing:.13em}.zj-detail-list{gap:6px;margin:15px 0 0}.zj-detail-list span{font-size:7px;padding:6px 8px}.zj-browser{width:87%;border-radius:8px}.zj-browser-bar{padding:9px;font-size:6px}.zj-webcanvas{aspect-ratio:1.33}.zj-web-after{padding:15px}.zj-mock-nav span{font-size:4px}.zj-mock-nav strong{font-size:8px}.zj-mock-hero h3{font-size:22px}.zj-mock-hero{padding:19px 0 12px}.zj-mock-cta{padding:8px;font-size:6px}.zj-mock-cards{font-size:4px}.zj-phone-preview{width:24%;bottom:0;border-radius:17px;gap:10px}.zj-phone-preview>strong{font-size:13px}.zj-phone-preview>span{font-size:5px}.zj-web-tags{bottom:-15px;left:0;gap:4px}.zj-web-tags span{font-size:6px;padding:6px}.zj-web .zj-scene-caption{bottom:-42px}.zj-reviews{aspect-ratio:1.35}.zj-review-card{width:40%;left:9%;top:5%;border-radius:10px;padding:15px}.zj-card-brand{font-size:5px}.zj-review-card h3{font-size:19px;margin:18px 0 8px}.zj-nfc-mark{font-size:18px}.zj-qr-art{width:32px;border-width:3px;background-size:5px 5px}.zj-qr-art i{width:10px;height:10px;border-width:2px}.zj-card-bottom>span{font-size:4px}.zj-review-card>small{font-size:4px;margin-top:7px}.zj-review-phone{width:33%;right:8%;top:0;border-radius:20px;padding:9px 8px}.zj-review-phone>span:not(.zj-google-text){font-size:6px}.zj-google-text{font-size:10px;margin:4px 0 8px}.zj-review-phone>strong{font-size:9px;margin:9px 0}.zj-stars{font-size:12px;letter-spacing:1px}.zj-review-phone .zj-review-submit{font-size:4px;padding:5px;margin-top:9px}.zj-review-counter{padding-top:8px}.zj-review-counter strong{font-size:24px}.zj-review-counter span{font-size:4px}.zj-tap-label{left:10%;bottom:1%;font-size:7px}.zj-tap-label>span{font-size:6px}.zj-tap-ring{width:35%;left:31%}.zj-video{padding-top:40px;aspect-ratio:1.25}.zj-neo{width:46%;top:-7%;right:0}.zj-editor-head{font-size:6px;padding:10px}.zj-timeline{padding:11px;gap:5px}.zj-timeline>div{height:14px}.zj-film-frame b{font-size:16px}.zj-format{font-size:7px;padding:7px 9px;display:inline-block}.zj-core-stage{aspect-ratio:1.35;max-width:350px}.zj-core{width:30%}.zj-core>span{font-size:28px}.zj-core>small{font-size:4px}.zj-satellite{width:24%;border-radius:10px;gap:3px}.zj-satellite>span{font-size:15px}.zj-satellite strong{font-size:10px}.zj-satellite small{font-size:6px}.zj-finale .zj-copy h2{font-size:22px}.zj-copy .zj-final-message{font-size:35px!important}.zj-final-cta{font-size:10px;padding-top:2px;margin:0}.zj-bridge{padding:60px 24px 25px}.zj-bridge>span{font-size:11px}.studio-experience.campaign-focus .category-menu{grid-template-columns:minmax(0,1fr);gap:12px}.studio-experience.campaign-focus .category-choice.campaign-featured{min-height:195px;padding:25px}.studio-experience.campaign-focus .category-choice.campaign-secondary{min-height:140px;padding:25px}.studio-experience .category-home{padding:35px 20px 65px}.studio-experience.campaign-focus .category-choice strong{font-size:25px}.studio-experience .top{padding:18px 20px}.studio-experience .top .logo{width:80px;height:54px}.studio-experience .service-switcher-inner{padding-top:8px;padding-bottom:8px}}
@media(max-width:360px){.zj-sticky{padding-left:18px;padding-right:18px}.zj-tools{gap:4px}.zj-tools button,.zj-tools .zj-skip{font-size:8px;padding-left:7px;padding-right:7px}.zj-copy h2{font-size:30px}.zj-review-phone>strong{font-size:8px}.zj-mock-hero h3{font-size:19px}.zj-satellite small{font-size:5px}}
/* Short screens never force a sticky scene taller than the safe viewport. */
@media(max-height:760px) and (max-width:680px),(max-height:600px){.zj-chapter{min-height:initial;padding-top:20px;padding-bottom:50px}.zj-sticky{position:relative;top:auto;min-height:0}.zj-visual{max-width:330px}.zj-progress{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.zj-chapter{min-height:0;padding:30px 0 70px}.zj-sticky{position:relative;top:auto;min-height:0}.zj *{animation:none!important;transition:none!important}.zj-profile,.zj-browser,.zj-phone-preview,.zj-review-card,.zj-review-phone,.zj-neo,.zj-notification{transform:none!important}.zj-sweep,.zj-tap-ring{display:none}.studio-experience *{scroll-behavior:auto!important}.studio-experience.campaign-focus .category-choice:hover{transform:none}}
.zj-progress{top:calc(var(--controls-height,89px) - 2px)}.zj-sticky{top:var(--controls-height,89px);min-height:calc(100svh - var(--controls-height,89px))}.journey-replay{display:block;margin:35px auto 0;padding:12px 18px;border:1px solid #8ca9a440;background:transparent;color:#b4cec6;border-radius:25px;font-size:11px}.journey-replay:hover{background:#ffffff09}.studio-experience.campaign-focus .category-choice .campaign-card-action{background:#ffffff09}.studio-experience.campaign-focus .campaign-more:after{background:#ffffff16}.studio-experience.campaign-focus .choice-icon{background:#8ae0cc0d}.studio-experience .category-return{color:inherit}.studio-experience #gomitas .shop{background:transparent}.studio-experience #gomitas .order{box-shadow:0 12px 35px #0d403b0a}.studio-experience .category-home{margin-left:auto;margin-right:auto}.studio-experience .category-home h1,.studio-experience .category-home h1 span{animation:none}
@media(max-width:680px){.zj-sticky{top:var(--controls-height,93px);min-height:calc(100svh - var(--controls-height,93px))}.studio-experience.campaign-focus .category-choice .campaign-card-action{display:inline-flex;margin-top:12px}.studio-experience.campaign-focus .category-choice .choice-description{max-width:36ch}}
@media(max-height:760px) and (max-width:680px),(max-height:600px){.zj-sticky{top:auto;min-height:0}}
@media(prefers-reduced-motion:reduce){.zj-sticky{top:auto;min-height:0}}
.studio-experience.campaign-focus .category-choice .campaign-card-action{position:static;align-self:flex-start}.studio-experience.campaign-focus .category-choice.campaign-secondary{padding:26px!important}
/* A longer, layered build followed by a living finished design. */
.zj-chapter[data-scene=web]{min-height:215svh;--build-0:0;--build-1:0;--build-2:0;--build-3:0}.zj-webcanvas{aspect-ratio:1.16}.zj-web-before{opacity:calc(1 - var(--build-0))}.zj-web-after{opacity:var(--build-0);transform:none;padding:22px;background:#dce7d8;isolation:isolate}.zj-mock-nav{position:relative;z-index:3;opacity:var(--build-0);transform:translateY(calc((1 - var(--build-0))*-16px));padding-bottom:12px;border-bottom:1px solid #26473b20}.zj-mock-hero{position:relative;padding:35px 0 25px;z-index:2;max-width:77%;opacity:var(--build-1);transform:translateY(calc((1 - var(--build-1))*28px))}.zj-mock-hero h3{font-size:clamp(24px,2.8vw,40px);max-width:300px;line-height:1.08}.zj-mock-hero h3 em{display:inline;color:#305f4e}.zj-mock-cta{box-shadow:0 6px 16px #143e2720;position:relative;overflow:hidden}.zj-mock-cta:after{content:'';position:absolute;inset:-30% -100%;background:linear-gradient(100deg,transparent 40%,#ffffff40,transparent 60%);animation:zj-cta-light 7s ease-in-out infinite;animation-play-state:paused}.zj-design-art{position:absolute;right:0;top:13%;width:42%;height:59%;overflow:hidden;opacity:var(--build-1);transform:translateX(calc((1 - var(--build-1))*55px));background:radial-gradient(ellipse at 70% 60%,#769e83a0,transparent 72%);z-index:0}.zj-design-art>span{position:absolute;bottom:10%;right:13%;writing-mode:vertical-rl;font-size:5px;letter-spacing:.13em;opacity:.55}.zj-sculpture{position:absolute;width:100%;aspect-ratio:1;top:10%;right:-20%;perspective:500px;animation:zj-sculpture-float 10s ease-in-out infinite;animation-play-state:paused}.zj-sculpture i{position:absolute;inset:10%;border:15px solid #648d78;border-radius:50%;box-shadow:inset 3px 3px 8px #efffeb9c,6px 10px 15px #163f3440;transform:rotateY(50deg) rotateX(-25deg)}.zj-sculpture i:nth-child(2){inset:21%;border-width:12px;border-color:#96b499;transform:rotateY(-30deg) rotateX(35deg)}.zj-sculpture i:nth-child(3){inset:34%;border-width:9px;border-color:#c4d2a6;transform:rotateY(25deg) rotateX(-15deg)}.zj-mock-cards{position:relative;z-index:2;border:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;opacity:var(--build-2);transform:translateY(calc((1 - var(--build-2))*28px))}.zj-mock-cards>span{padding:12px 9px;border:1px solid #355e4226;background:#f4f6e67d;border-radius:6px;font-size:7px;line-height:1.5}.zj-mock-cards b{display:block;font-size:17px;font-weight:400;font-family:Georgia,serif;margin-bottom:10px;color:#517960}.zj-mock-cards small{display:block;font-size:5px;margin-top:4px;color:#5d7664}.zj-web-marquee{position:absolute;bottom:0;left:0;right:0;overflow:hidden;background:#31594a;color:#ddebd5;padding:9px 0;opacity:var(--build-2)}.zj-web-marquee span{display:block;width:max-content;font-size:6px;letter-spacing:.2em;word-spacing:5px;animation:zj-mini-band 24s linear infinite;animation-play-state:paused}.zj-demo-cursor{position:absolute;z-index:5;left:45%;top:50%;font-size:23px;color:#142e27;filter:drop-shadow(0 2px 2px #fff9);opacity:var(--build-3);animation:zj-cursor-tour 14s ease-in-out infinite;animation-play-state:paused;pointer-events:none}.zj-demo-cursor span{display:block;font-size:6px;background:#183f32;color:#eff5e6;padding:4px 6px;border-radius:4px;margin-left:13px;margin-top:-6px;filter:none}.zj-web .zj-phone-preview{opacity:var(--build-3);transform:translateY(calc((1 - var(--build-3))*45px));bottom:1%}.zj-web-tags{opacity:var(--build-3);bottom:-5%;max-width:72%}.zj-build-status{position:absolute;top:-4%;left:1%;right:7%;display:flex;align-items:center;gap:8px;color:#a7c7bc;font-size:8px;letter-spacing:.035em}.zj-build-status>i{height:5px;width:5px;flex-shrink:0;background:#8ae0cc;border-radius:50%}.zj-build-status>div{margin-left:auto;width:20%;height:2px;background:#ffffff20}.zj-build-status b{display:block;width:100%;height:100%;background:#8ae0cc;transform:scaleX(var(--p));transform-origin:left}.zj-web .zj-scene-caption{bottom:-12%}
/* Ambient cycles add life without scrolling or changing demonstration counts. */
.zj-chapter .zj-orbit{animation:zj-orbit-breathe 14s ease-in-out infinite;animation-play-state:paused}.zj-chapter .zj-avatar{animation:zj-soft-glow 8s ease-in-out infinite;animation-play-state:paused}.zj-chapter .zj-notification{animation:zj-notice-drift 9s ease-in-out infinite;animation-play-state:paused}.zj-chapter .zj-neo{animation:zj-drone-hover 9s ease-in-out infinite;animation-play-state:paused}.zj-chapter .zj-tap-ring{animation:zj-nfc-breathe 6s ease-in-out infinite;animation-play-state:paused}.zj-chapter .zj-core{animation:zj-core-light 11s ease-in-out infinite;animation-play-state:paused}.zj-chapter .zj-satellite{animation:zj-satellite-drift 10s ease-in-out infinite;animation-play-state:paused}.zj-satellite:nth-of-type(even){animation-delay:-5s}.zj-is-moving .zj-orbit,.zj-is-moving .zj-avatar,.zj-is-moving .zj-notification,.zj-is-moving .zj-neo,.zj-is-moving .zj-tap-ring,.zj-is-moving .zj-core,.zj-is-moving .zj-satellite,.zj-is-moving .zj-sculpture,.zj-is-moving .zj-web-marquee span,.zj-is-moving .zj-demo-cursor,.zj-is-moving .zj-mock-cta:after{animation-play-state:running}
@keyframes zj-sculpture-float{0%,100%{translate:0 0;rotate:-5deg}50%{translate:-7px -8px;rotate:8deg}}@keyframes zj-mini-band{to{transform:translateX(-50%)}}@keyframes zj-cursor-tour{0%,100%{translate:0 0}25%,35%{translate:-65px -35px}60%,72%{translate:30px 65px}85%{translate:60px -25px}}@keyframes zj-cta-light{0%,45%{translate:-35% 0}80%,100%{translate:35% 0}}@keyframes zj-orbit-breathe{0%,100%{scale:.98;opacity:.45}50%{scale:1.035;opacity:1}}@keyframes zj-soft-glow{0%,100%{box-shadow:0 0 0 0 #8ae0cc00}50%{box-shadow:0 0 0 7px #8ae0cc13,0 0 25px #8ae0cc25}}@keyframes zj-notice-drift{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes zj-drone-hover{0%,100%{translate:0 0;rotate:-1deg}50%{translate:4px 11px;rotate:2deg}}@keyframes zj-nfc-breathe{0%,100%{scale:.86;filter:brightness(.65)}50%{scale:1.06;filter:brightness(1.3)}}@keyframes zj-core-light{0%,100%{box-shadow:0 0 55px #7adaad12,inset 0 0 30px #b9ffde12}50%{box-shadow:0 0 90px #7adaad2b,inset 0 0 40px #b9ffde29}}@keyframes zj-satellite-drift{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:1000px){.zj-tools{gap:6px}.zj-tools button,.zj-tools .zj-skip{font-size:9px;padding:10px}.zj-web-after{padding:15px}.zj-mock-hero{padding:20px 0 17px}.zj-mock-hero h3{font-size:25px}.zj-mock-cards>span{padding:8px 6px;font-size:6px}.zj-mock-cards b{font-size:14px;margin-bottom:5px}.zj-mock-cards small{font-size:4px}}
@media(max-width:680px){.zj-chapter[data-scene=web]{min-height:180svh}.zj-controls{gap:10px}.zj-wordmark{font-size:24px}.zj-tools{flex:1;max-width:calc(100% - 64px);gap:5px}.zj-tools #journey-auto{flex-basis:auto;order:0;border:1px solid #ffffff24;min-height:30px;padding:7px;font-size:8px}.zj-tools button,.zj-tools .zj-skip{font-size:8px;padding:7px;min-height:30px}.zj-tools #journey-motion{font-size:8px}.zj-visual.zj-web{aspect-ratio:1.16;max-width:330px}.zj-webcanvas{aspect-ratio:1.04}.zj-web-after{padding:13px}.zj-mock-hero{max-width:80%;padding:22px 0 18px}.zj-mock-hero h3{font-size:23px;margin-bottom:13px}.zj-mock-hero>span:first-child{font-size:5px}.zj-mock-cards>span{font-size:5px;padding:8px 5px}.zj-mock-cards b{font-size:13px}.zj-mock-cards small{font-size:4px}.zj-web-marquee{padding:6px 0}.zj-web-marquee span{font-size:5px}.zj-design-art{top:20%}.zj-sculpture i{border-width:10px}.zj-sculpture i:nth-child(2){border-width:8px}.zj-sculpture i:nth-child(3){border-width:6px}.zj-build-status{font-size:6px;top:-3%}.zj-build-status>div{width:14%}.zj-web-tags{bottom:-5%}.zj-web .zj-scene-caption{font-size:5px;bottom:-12%}.zj-demo-cursor{font-size:16px}.zj-demo-cursor span{font-size:5px}.zj-web .zj-phone-preview{right:0;bottom:0}.zj-sticky:has(.zj-web){padding-bottom:55px}}
@media(max-height:760px) and (max-width:680px),(max-height:600px){.zj-chapter[data-scene=web]{min-height:0;padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){.zj-chapter[data-scene=web]{min-height:0}.zj-chapter *,.zj-chapter *:after{animation:none!important}.zj-tools #journey-motion{display:none}}
/* Viewport-aware staging: fit the content first; never hide a scene to fit it. */
.zj-chapter{min-height:calc(var(--stage-height,620px) + 430px);padding:0}.zj-chapter[data-scene=web]{min-height:calc(var(--stage-height,620px) + 620px);padding:0}.zj-chapter .zj-sticky{position:sticky;top:var(--controls-height,90px);min-height:var(--stage-height,620px);padding:32px max(5vw,24px) 52px;align-content:center;align-items:center}.zj-visual{max-width:min(620px,calc(var(--stage-height,620px) - 95px));}.zj-chapter .zj-core-stage{max-width:min(570px,calc(var(--stage-height,620px) - 110px))}.zj-chapter.zj-natural{min-height:0;padding:18px 0 50px}.zj-chapter.zj-natural .zj-sticky{position:relative;top:auto;min-height:0}.zj-progress{display:block}.zj-controls{backdrop-filter:none;-webkit-backdrop-filter:none;background:#080c10fa}.zj-sticky{scroll-margin-top:var(--controls-height,90px)}
/* Use transform keyframes instead of individual translate/rotate/scale properties. */
@keyframes zj-sculpture-float{0%,100%{transform:translate(0,0) rotate(-5deg)}50%{transform:translate(-7px,-8px) rotate(8deg)}}
@keyframes zj-cursor-tour{0%,100%{transform:translate(0,0)}25%,35%{transform:translate(-65px,-35px)}60%,72%{transform:translate(30px,65px)}85%{transform:translate(60px,-25px)}}
@keyframes zj-cta-light{0%,45%{transform:translateX(-35%)}80%,100%{transform:translateX(35%)}}
@keyframes zj-orbit-breathe{0%,100%{transform:rotate(-30deg) scaleY(.65) scale(.98);opacity:.45}50%{transform:rotate(-30deg) scaleY(.65) scale(1.035);opacity:1}}
@keyframes zj-notice-drift{0%,100%{transform:translateY(calc((1 - var(--p))*15px))}50%{transform:translateY(calc((1 - var(--p))*15px - 7px))}}
@keyframes zj-drone-hover{0%,100%{transform:translateY(calc((1 - var(--p))*-35px)) rotate(calc(-10deg + var(--p)*13deg))}50%{transform:translate(4px,calc((1 - var(--p))*-35px + 11px)) rotate(calc(-8deg + var(--p)*13deg))}}
@keyframes zj-nfc-breathe{0%,100%{transform:scale(calc(.35 + var(--p)*1.05));opacity:calc(var(--reveal)*.3)}50%{transform:scale(calc(.45 + var(--p)*1.15));opacity:calc(var(--reveal)*.7)}}
@keyframes zj-core-light{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes zj-satellite-drift{0%,100%{transform:translate(-50%,-50%) translate(var(--sat-x,0px),var(--sat-y,0px))}50%{transform:translate(-50%,-50%) translate(var(--sat-x,0px),calc(var(--sat-y,0px) - 5px))}}
@media(min-width:681px) and (max-height:800px){.zj-chapter .zj-sticky{padding-top:24px;padding-bottom:40px;gap:4vw}.zj-copy h2{font-size:clamp(32px,4vw,58px)}.zj-copy .zj-kicker{margin-bottom:20px!important}.zj-copy>p:not(.zj-kicker){font-size:14px}.zj-copy .zj-final-message{font-size:clamp(32px,4vw,54px)!important}.zj-scroll-cue{margin-top:22px}.zj-copy>small{margin-top:16px}.zj-visual.zj-web{max-width:calc(var(--stage-height,620px) - 65px)}}
@media(max-width:680px){.zj-chapter,.zj-chapter[data-scene=web]{min-height:calc(var(--stage-height,620px) + 360px)}.zj-chapter .zj-sticky{padding:22px 20px 42px;gap:22px}.zj-visual,.zj-chapter .zj-core-stage{max-width:310px}.zj-visual.zj-web{max-width:290px}.zj-copy>p:not(.zj-kicker){margin-bottom:8px}.zj-chapter.zj-natural{min-height:0;padding:10px 0 40px}.zj-chapter.zj-natural .zj-sticky{min-height:0;top:auto;position:relative}.zj-tools{max-width:calc(100% - 56px)}.zj-tools button,.zj-tools .zj-skip,.zj-tools #journey-auto{font-size:9px;min-height:34px}.zj-copy h2{font-size:clamp(29px,7.5vw,39px)}.zj-scene-caption{letter-spacing:.09em}.zj-bridge{padding-top:35px}.zj-finale .zj-copy h2{font-size:21px}.zj-copy .zj-final-message{font-size:32px!important}}
@media(prefers-reduced-motion:reduce){.zj-chapter,.zj-chapter[data-scene=web]{min-height:0;padding:15px 0 40px}.zj-chapter .zj-sticky{position:relative;top:auto;min-height:0}.zj-chapter *,.zj-chapter *:after{animation:none!important}}
/* Continuous, unhurried motion; each category keeps its own quiet rhythm. */
.studio-experience .category-motion-toggle{display:block;margin:25px auto 0;padding:11px 17px;min-height:42px;border:1px solid #8ca9a440;background:transparent;color:#b4cec6;border-radius:25px;font-size:11px}.studio-experience .category-motion-toggle:hover{background:#ffffff09}.studio-experience .category-motion-toggle[hidden]{display:none!important}
.studio-experience.campaign-focus .category-home:not(.is-entering) .category-choice{animation:zuki-category-float 9s ease-in-out infinite;animation-delay:calc(var(--entry-index,0)*-1.4s);animation-play-state:paused;transform-origin:50% 70%}
.studio-experience.campaign-focus .category-home.category-motion-active:not(.is-entering) .category-choice{animation-play-state:running}
.studio-experience.campaign-focus .category-home:not(.is-entering) .category-choice .choice-icon svg{animation:zuki-category-icon 12s ease-in-out infinite;animation-delay:calc(var(--entry-index,0)*-1.6s);animation-play-state:paused;transform-origin:center}
.studio-experience.campaign-focus .category-home.category-motion-active:not(.is-entering) .category-choice .choice-icon svg{animation-play-state:running}
.studio-experience.campaign-focus .category-home .category-choice:focus-visible{animation-play-state:paused!important}
@media(hover:hover){.studio-experience.campaign-focus .category-home .category-choice:hover{animation-play-state:paused!important}}
@keyframes zuki-category-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.3deg)}}
@keyframes zuki-category-icon{0%,100%{transform:rotate(-3deg) scale(1)}50%{transform:rotate(4deg) scale(1.06)}}
@media(max-width:680px){@keyframes zuki-category-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}}
@media(prefers-reduced-motion:reduce){.studio-experience.campaign-focus .category-home .category-choice,.studio-experience.campaign-focus .category-home .category-choice .choice-icon svg{animation:none!important}}