/* A single camera stage: object, content, next object, then the complete idea. */
.studio-story-ready.about{overflow:visible;padding-top:0;padding-bottom:70px}
.studio-story-ready .studio-scroll{height:600svh;position:relative}
.studio-story-ready .studio-stage{--studio-top:88px;position:sticky;overflow:clip;top:var(--studio-top);height:calc(100svh - var(--studio-top));min-height:440px;padding:25px 0 18px}
.studio-story-ready .studio-stage>.section-label{position:relative;z-index:5}
.studio-story-ready .about-main{position:absolute;z-index:4;left:0;right:0;top:10%;margin:0;text-align:center;opacity:0;visibility:hidden;translate:none;pointer-events:auto}
.studio-story-ready .manifesto{font-size:clamp(34px,4.3vw,68px);line-height:1.14;max-width:1100px;margin:auto;letter-spacing:-.048em}
.studio-story-ready .studio-lab{position:absolute;inset:55px 0 15px;margin:0;display:block;min-height:0;height:auto}
.studio-story-ready .product-scene{position:absolute;inset:0 0 54px;height:auto;min-height:0;width:100%;perspective:1500px;overflow:visible;touch-action:pan-y}
.studio-story-ready .product-world{width:100%;height:100%;top:50%;left:50%;scale:1;transform-origin:center;transform:translate(-50%,-50%);transition:none;will-change:transform}
.studio-story-ready .product-pane{left:50%;top:50%;transition:none;filter:none!important;will-change:transform,opacity;opacity:0;backface-visibility:hidden}
.studio-story-ready .product-pane:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--reflection-x,50%) var(--reflection-y,40%),#effaff26,transparent 65%);mix-blend-mode:screen}
.studio-story-ready .product-identity{width:540px;height:576px;border-radius:68px;box-shadow:inset 4px 4px 4px #fff,16px 16px 0 #7197af,52px 72px 100px #365a7025}
.studio-story-ready .product-identity svg{width:360px;height:260px;filter:drop-shadow(0 20px 20px #20517830)}
.studio-story-ready .product-identity>span{font-size:56px;letter-spacing:16px;margin-top:36px;padding-left:16px}
.studio-story-ready .product-identity>small{font-size:16px;letter-spacing:5.2px;margin-top:24px}
.studio-story-ready .product-shadow{left:16%;right:16%;bottom:11%;height:50px;transform:translateX(var(--shadow-x,0px)) scaleX(var(--shadow-width,.35));opacity:.55;filter:blur(16px)}
.studio-story-ready .mini-app>*{opacity:var(--app-copy,1);translate:0 calc((1 - var(--app-copy,1))*18px)}
.studio-story-ready .mini-browser-content>*{opacity:var(--web-copy,1);translate:0 calc((1 - var(--web-copy,1))*18px)}
.studio-story-ready .product-identity>span,.studio-story-ready .product-identity>small{opacity:var(--identity-copy,1);translate:0 calc((1 - var(--identity-copy,1))*48px)}
.studio-story-ready .story-caption{position:absolute;z-index:3;left:0;right:0;bottom:35px;text-align:center;pointer-events:none;opacity:0}
.studio-story-ready .story-eyebrow{font-size:8px;letter-spacing:2px;color:#46748d;margin-bottom:10px}
.studio-story-ready .lab-description{font-size:clamp(14px,1.3vw,18px);line-height:1.5;min-height:0;margin:0;color:var(--surface-muted);letter-spacing:-.02em}
.studio-story-ready .lab-description br{display:none}
.studio-story-ready .lab-description br:after{content:' '}
.studio-story-ready .lab-copy{position:absolute;left:50%;bottom:0;translate:-50% 0;width:min(100%,660px);padding:0;z-index:6}
.studio-story-ready .lab-controls{display:flex;gap:24px;flex-direction:row}
.studio-story-ready .lab-controls button{position:relative;flex:1;justify-content:center;font-size:14px;letter-spacing:-.2px;gap:8px;padding:12px 0;color:var(--surface-muted);border-bottom-color:var(--surface-line)}
.studio-story-ready .lab-controls button>span{font-size:7px}
.studio-story-ready .lab-controls button[aria-pressed=true]{color:#246381}
.studio-story-ready .lab-controls button:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#327e9f;transform-origin:left;transform:scaleX(var(--step-fill,0))}
.studio-story-ready .lab-hint{bottom:0;display:flex;gap:14px;align-items:center;justify-content:center;font-size:6px;letter-spacing:1.4px;line-height:1.5}
.story-count{font-variant-numeric:tabular-nums;letter-spacing:1px}
.story-progress{height:1px;width:60px;background:#23496328;position:relative}
.story-progress:after{content:'';position:absolute;inset:0;background:#327e9f;transform:scaleX(var(--story-progress,0));transform-origin:left}
.studio-story-ready .about-bottom{margin-top:42px}
.studio-story-ready.studio-static .studio-scroll{height:auto}
.studio-story-ready.studio-static .studio-stage{position:relative;top:0;height:calc(100svh - 88px)}
.studio-static .lab-hint{visibility:hidden}
@media(max-width:700px){
 .studio-story-ready.about{padding-bottom:38px}
 .studio-story-ready .studio-scroll{height:580svh}
 .studio-story-ready .studio-stage{--studio-top:64px;min-height:430px;padding:20px 0 12px}
 .studio-story-ready .section-label{font-size:6px;letter-spacing:.7px;gap:10px}
 .studio-story-ready .section-label>span:last-child{max-width:155px}
 .studio-story-ready .studio-lab{inset:47px 0 12px}
 .studio-story-ready .product-scene{bottom:48px}
 .studio-story-ready .about-main{top:10%;text-align:left}
 .studio-story-ready .manifesto{font-size:clamp(28px,8vw,42px);line-height:1.17;letter-spacing:-1.3px}
 .studio-story-ready .manifesto br{display:none}
 .studio-story-ready .story-caption{bottom:33px}
 .studio-story-ready .story-eyebrow{font-size:6px;letter-spacing:1.4px;margin-bottom:8px}
 .studio-story-ready .lab-description{font-size:12px;line-height:1.6;max-width:280px;margin:auto}
 .studio-story-ready .lab-description br{display:block}
 .studio-story-ready .lab-controls{gap:12px}
 .studio-story-ready .lab-controls button{font-size:12px;gap:5px;padding:12px 0;white-space:nowrap}
 .studio-story-ready .lab-controls button>span{font-size:5px}
 .studio-story-ready .lab-hint{font-size:5px;letter-spacing:.8px;gap:9px}
 .studio-story-ready .product-shadow{bottom:14%;height:25px}
 .studio-story-ready .about-bottom{margin-top:25px}
 .chapter-bridge[data-gesture=ribbon],.chapter-bridge[data-gesture=lens]{height:95px}
 .chapter-bridge[data-gesture=ribbon] .chapter-gesture,.chapter-bridge[data-gesture=lens] .chapter-gesture{visibility:hidden}
 .studio-story-ready.studio-static .studio-stage{height:calc(100svh - 64px)}
}
@media(max-height:700px){.studio-story-ready .about-main{top:11%}.studio-story-ready .manifesto{font-size:clamp(27px,3.7vw,43px)}.studio-story-ready .story-caption{bottom:28px}.studio-story-ready .story-eyebrow{margin-bottom:6px}.studio-story-ready .lab-description{font-size:12px}}
@media(max-width:700px) and (max-height:700px){.studio-story-ready .manifesto{font-size:27px}.studio-story-ready .about-main{top:9%}.studio-story-ready .story-caption{bottom:26px}.studio-story-ready .lab-description{font-size:11px}}
/* The screen is balanced inside its safe area; every chapter explains our service. */
.studio-story-ready .mini-app{display:grid;grid-template-rows:7px 44px 62px 45px 28px;gap:9px;align-content:center;padding:38px 15px 27px;text-align:center}
.studio-story-ready .mini-app>span{font-size:4.5px;line-height:7px;letter-spacing:1px}
.studio-story-ready .mini-app>p{font-size:20px;line-height:1.08;letter-spacing:-.7px;margin:0}
.studio-story-ready .mini-app-visual{height:62px;margin:0}
.studio-story-ready .mini-app-visual i{left:calc(50% - 25px);top:-4px;width:50px;height:50px;border-width:10px}
.studio-story-ready .mini-app-visual i:nth-child(2){top:8px}
.studio-story-ready .mini-app-visual i:nth-child(3){top:20px}
.mini-app-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.mini-app-actions>div{border:1px solid #9ad6ef26;background:#b9e5ff0a;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.mini-app-actions svg{width:15px;height:15px;fill:none;stroke:#a3d6f1;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.mini-app-actions b{font-size:5.7px;font-weight:500;line-height:1}
.studio-story-ready .mini-app-button{margin:0;padding:8px 11px;font-size:6.5px;line-height:1;border-radius:14px}
.studio-story-ready .mini-browser-content{padding:24px}
.studio-story-ready .mini-browser-content p{font-size:31px;letter-spacing:-1.5px;margin-top:31px}
.studio-story-ready .mini-orbit{width:105px;height:105px;right:12px;top:53px}
.studio-story-ready .mini-orbit b{inset:35px}
.studio-story-ready .mini-orbit i{border-width:10px}
.studio-story-ready .story-caption{bottom:32px}
.studio-story-ready .story-eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:8px}
.studio-story-ready .story-service-title{font-size:clamp(19px,2vw,30px);font-weight:500;line-height:1.2;letter-spacing:-.04em;color:var(--surface-ink);margin:0 0 9px}
.studio-story-ready .lab-description{font-size:clamp(12px,1vw,14px);line-height:1.6;max-width:570px;margin:0 auto;color:var(--surface-muted)}
.studio-finale-copy{font-size:clamp(12px,1.15vw,16px);line-height:1.6;margin:12px auto 0;max-width:680px;letter-spacing:-.01em;color:var(--surface-muted)}
.studio-finale-copy br{display:none}
@media(max-width:700px){
 .studio-story-ready .section-label>span:last-child{max-width:170px;line-height:1.5}
 .studio-story-ready .story-caption{bottom:30px}
 .studio-story-ready .story-eyebrow{font-size:5.7px;letter-spacing:1px;margin-bottom:7px}
 .studio-story-ready .story-service-title{font-size:19px;max-width:320px;margin:0 auto 8px}
 .studio-story-ready .lab-description{font-size:11px;line-height:1.55;max-width:310px}
 .studio-finale-copy{font-size:11px;line-height:1.6;margin-top:11px;max-width:315px}
 .studio-finale-copy br{display:block}
}
@media(max-height:700px){.studio-story-ready .story-caption{bottom:27px}.studio-story-ready .story-service-title{font-size:19px;margin-bottom:7px}.studio-story-ready .lab-description{font-size:11px;line-height:1.5}.studio-finale-copy{font-size:12px;margin-top:9px}}
@media(max-width:700px) and (max-height:700px){.studio-story-ready .story-service-title{font-size:18px}.studio-story-ready .lab-description{font-size:10.5px;max-width:300px}.studio-finale-copy{font-size:10.5px;line-height:1.5}}

/* A direct image avoids Safari's cross-SVG clip reference on transformed cards. */
.product-identity .identity-bird{display:block;width:76px;height:58px;object-fit:contain;flex:none;filter:drop-shadow(0 5px 5px #20517830)}
.studio-story-ready .product-identity .identity-bird{width:360px;height:274px;filter:drop-shadow(0 20px 20px #20517830)}