/* Photo-led learning worlds. CSS geometry, no canvas or rendering dependency. */
.studio-home{--world-accent:#d7e9a8;--world-shadow:#93ad62;--world-wash:#eaf0d9}
.studio-hero{position:relative;grid-template-columns:1fr 1.08fr;gap:50px;padding-top:58px;padding-bottom:62px;min-height:730px}
.studio-hero:before{content:"";position:absolute;inset:-50px -10vw 0;z-index:-1;background:radial-gradient(ellipse at 79% 35%,#e5ebdba0,transparent 52%)}
.studio-hero h1{font-size:clamp(3.5rem,5.65vw,5.4rem);letter-spacing:-.067em}
.studio-hero h1 em{position:relative;display:inline-block;color:#658249}
.studio-hero h1 em:after{content:"";position:absolute;left:3%;right:0;bottom:1px;height:8px;z-index:-1;border-radius:50%;background:#d5e6b0;transform:rotate(-2deg)}
.title-spark{font-size:43px;right:4px;top:20px;text-shadow:2px 3px 0 #c68a4030}
.studio-intro{max-width:390px;font-size:.96rem}
.learning-world{min-width:0;position:relative;padding-top:14px;isolation:isolate}
.learning-world[data-world="ai"]{--world-accent:#ded7f3;--world-shadow:#a299bd;--world-wash:#eeebf7}
.learning-world[data-world="robotics"]{--world-accent:#f3d3a2;--world-shadow:#c69960;--world-wash:#f7eddc}
.learning-stage{height:460px;position:relative;transform-style:preserve-3d;transform:perspective(1400px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .35s ease-out}
.world-halo{position:absolute;inset:8px -10px 5px 6px;background:var(--world-wash);border-radius:50%;transition:background .6s;transform:translateZ(-45px);z-index:-3}
.world-halo:before{content:"";position:absolute;inset:20px;border:1px dashed #889b6c40;border-radius:50%}
.world-orbit{position:absolute;inset:29px -30px 35px -20px;border:1px solid #abb98a6e;border-radius:50%;transform:rotate(-24deg) translateZ(-25px);z-index:-2}
.world-orbit i{position:absolute;left:12%;top:12%;width:12px;height:12px;border-radius:50%;background:#dca463;box-shadow:inset -3px -3px 4px #88643330}
.world-orbit i+ i{left:auto;right:2%;top:66%;width:9px;height:9px;background:#93a7aa}
.world-platform{position:absolute;left:5%;right:-2%;bottom:7px;height:100px;border-radius:50%;background:radial-gradient(ellipse,#79906126,transparent 68%);transform:rotate(-7deg) translateZ(-50px);z-index:-2}
.world-photo-stack{position:absolute;inset:30px 23px 47px 24px;transform:translateZ(18px) rotate(-4deg);border:7px solid #fffef9;border-radius:18px;background:#fffef9;box-shadow:2px 3px 0 #d6dccb,5px 7px 0 #e8eade,8px 12px 0 #cbd2bf,15px 28px 40px -18px #26442d50;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.world-window-bar{position:absolute;z-index:3;left:0;right:0;top:0;height:32px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffef9;padding:0 10px;color:#6a7869;font-size:.56rem;border-radius:10px 10px 0 0}
.world-window-bar>span:first-child{display:flex;gap:4px}.world-window-bar i{width:5px;height:5px;border-radius:50%;background:#bdcbaa}.world-window-bar i:nth-child(2){background:#e4c39c}.world-window-bar i:nth-child(3){background:#c9c2db}.world-window-bar>span:last-child{font-size:15px}
.world-photo{position:absolute;inset:32px 0 0;opacity:0;visibility:hidden;overflow:hidden;border-radius:0 0 11px 11px;transition:opacity .55s,visibility .55s}
.world-photo.is-current{opacity:1;visibility:visible}
.world-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.03);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.world-photo.is-current img{transform:scale(1)}
.world-photo:after{content:"";position:absolute;inset:63% 0 0;background:linear-gradient(transparent,#1733269c)}
.world-photo-label{position:absolute;z-index:4;left:18px;bottom:16px;display:flex;gap:9px;align-items:center;font-size:.48rem;letter-spacing:.15em;font-weight:650;color:white}
.world-photo-label .live-dot{background:#d5efa5;width:5px;height:5px}
.wonder-cube{position:absolute;left:6px;top:-4px;width:65px;height:65px;perspective:500px;transform:translateZ(85px);z-index:5;animation:world-arrive 1s .15s backwards}
.wonder-cube-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-21deg) rotateY(-32deg) rotateZ(8deg);animation:wonder-turn 4.5s ease-in-out 1}
.wonder-cube-inner>span{position:absolute;inset:0;border:1px solid #fff6;display:grid;place-items:center;font:700 24px monospace;border-radius:8px;background:var(--world-accent);color:#385534;transition:background .6s}
.wonder-cube-inner .cube-front{transform:translateZ(32px);background:linear-gradient(135deg,#ffffff99,transparent),var(--world-accent)}
.wonder-cube-inner .cube-side{transform:rotateY(90deg) translateZ(32px);background:var(--world-shadow)}
.wonder-cube-inner .cube-top{transform:rotateX(90deg) translateZ(32px);background:var(--world-accent)}
.world-satellite{position:absolute;right:-8px;top:1px;width:67px;height:67px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#f7e4b9,#dcad6c);box-shadow:3px 5px 0 #c79859,10px 15px 22px #9f7c4025;transform:translateZ(75px) rotate(12deg);z-index:5;color:#84673c;animation:world-arrive .85s .2s backwards}
.world-satellite span{font-size:45px;line-height:1;text-shadow:1px 2px 0 #fff9}
.world-note{position:absolute;right:-14px;bottom:86px;padding:12px 16px;display:flex;align-items:center;gap:10px;border:1px solid #fffc;border-radius:12px;background:#fffef3f5;box-shadow:0 10px 24px #213f2926;transform:translateZ(65px) rotate(5deg);z-index:6;animation:world-arrive .9s .3s backwards}
.world-note-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--world-accent);font-size:21px;transition:background .6s}.world-note small{display:block;font-size:.43rem;font-weight:700;letter-spacing:.14em;color:#7b856c;margin-bottom:4px}.world-note strong{font:italic 19px Georgia,serif;white-space:nowrap}
.world-project{position:absolute;left:-15px;bottom:1px;width:234px;padding:14px 15px 15px;background:#193e35;border:1px solid #ffffff38;border-radius:13px;box-shadow:3px 5px 0 #122f28,10px 20px 32px #17382f33;color:#f9f8e9;transform:translateZ(90px) rotate(3deg);z-index:7;animation:world-arrive 1s .25s backwards}
.project-caption{display:flex;gap:6px;align-items:center;font-size:.42rem;letter-spacing:.12em;color:#c5d7bb;margin-bottom:13px}.project-caption>i{width:5px;height:5px;border-radius:50%;background:#c9e393}.project-caption>span{margin-left:auto;font-size:13px}
.project-example{height:98px;display:flex;flex-direction:column;justify-content:center;gap:5px}.project-example[hidden]{display:none}
.code-line{display:block;align-self:flex-start;font:600 .6rem "Segoe UI",sans-serif;padding:7px 10px;border-radius:5px;box-shadow:1px 2px 0 #071f2070;color:#314f3b;background:#e2ecc9}.line-two{margin-left:12px;background:#e7c596}.line-three{margin-left:24px;background:#d5cdea}.line-three b{padding-left:10px}
.idea-network,.idea-machine{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:10px}.idea-network i{display:grid;place-items:center;font:700 15px monospace;background:#dcd4ed;color:#46405c;width:35px;height:35px;border-radius:50%;box-shadow:2px 3px 0 #aa9dc5}.idea-network span{width:25px;border-top:1px dashed #b6c9af}.idea-machine{gap:18px}.idea-machine i{display:grid;place-items:center;width:44px;height:40px;border-radius:8px;background:#f0d1a2;color:#72583a;font:normal 26px monospace;box-shadow:3px 4px 0 #b99260}.project-insight{font-size:.62rem;text-align:center;color:#dae4ce}
.world-controls{position:relative;z-index:9;margin:28px 12px 0}.world-controls[hidden]{display:none}.world-controls-label{display:flex;align-items:center;gap:14px;font-size:.52rem;letter-spacing:.14em;font-weight:700;color:#7d876e;margin-bottom:12px}.world-controls-label>span{font-size:17px;color:#75834e}
.world-switch{display:flex;gap:7px;padding:5px;background:#eeeede;border:1px solid #dce1ce;border-radius:13px;box-shadow:inset 0 2px 4px #30432c07}
.world-switch button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;border:1px solid transparent;background:transparent;border-radius:9px;color:#6a785f;font-size:.7rem;font-weight:600;white-space:nowrap;transition:background .25s,box-shadow .25s,color .25s}
.world-switch button>span{font:600 16px monospace}.world-switch button[aria-pressed="true"]{background:#fffef9;color:#234733;border-color:#dce2cd;box-shadow:0 2px 5px #39452b12}.world-switch button:hover{color:#193f35;background:#fffdf180}.world-switch button:focus-visible{outline:2px solid #557346;outline-offset:3px}
.world-description{margin:12px 13px 0;font-size:.63rem;color:#7b8471;line-height:1.65;min-height:24px}
.learning-world[data-world="ai"] .world-photo-stack{transform:translateZ(18px) rotate(1deg)}
.learning-world[data-world="robotics"] .world-photo-stack{transform:translateZ(18px) rotate(-2deg)}
.discovery-strip{background:#eaf0dd;border-color:#dce4ce}.discovery-strip i{display:inline-block;text-shadow:1px 2px 0 #bfd092}
.studio-home .studio-section-heading h2 em{color:#718653}.studio-home .studio-section-heading{margin-bottom:48px}
.studio-home .studio-section-heading .studio-kicker{font-size:.58rem;letter-spacing:.18em}
.studio-home .film-section{border-radius:32px;margin:10px 28px;background:radial-gradient(ellipse at 80% 15%,#355849,#183c32 65%);box-shadow:0 22px 45px -30px #183c3270}
.film-window{border:8px solid #ffffff18;box-shadow:0 30px 50px -20px #0b221ea0;transform:perspective(1500px) rotateY(-5deg) rotateZ(2deg);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.film-play{inset:0;margin:auto;transform:none}
.film-corner-label{left:16px;top:16px;font-size:.48rem}
.journey-photos{border:8px solid #fffefa;border-radius:24px;box-shadow:0 25px 40px -22px #1d3e3650,0 0 0 1px #d9dfd0}
.journey-track{position:absolute;z-index:3;top:20px;left:22px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:30px;background:#faf9f4ed;color:#66745d;box-shadow:0 3px 12px #183c3220}
.journey-track>span{display:grid;place-items:center;width:26px;height:26px;font:600 10px monospace;border-radius:50%;transition:background .4s,color .4s}.journey-track>i{width:15px;height:1px;background:#bfcbaa}
[data-journey-stage="0"] .journey-track>span:nth-of-type(1),[data-journey-stage="1"] .journey-track>span:nth-of-type(2),[data-journey-stage="2"] .journey-track>span:nth-of-type(3){background:#244c3b;color:#f1f5e5}
.journey-photo{transform:scale(1.045);transition:opacity .7s,transform 1.2s cubic-bezier(.2,.7,.2,1)}.journey-photo.is-active{transform:scale(1)}
.journey-photo-caption{background:#fffef2f0;box-shadow:0 6px 20px #183c321a;bottom:16px;left:16px;right:16px}.journey-photo-caption small{display:block;font-size:.47rem;letter-spacing:.13em;color:#819071;margin-bottom:5px}
.journey-step{position:relative;padding-left:18px;transition:opacity .5s,background .5s}.journey-step:before{content:"";position:absolute;left:0;top:30px;bottom:30px;width:3px;border-radius:4px;background:#9db773;transform:scaleY(0);transform-origin:top;transition:transform .5s}.journey-step.is-active:before{transform:scaleY(1)}
.studio-home .gallery-section{background:radial-gradient(ellipse at 50% 100%,#e2e8d5,#f0f2e8 75%);padding:95px 0 110px}
.studio-gallery{gap:24px;padding:15px 7px;perspective:1600px}
.studio-gallery .gallery-item{border:7px solid #fffef9;border-radius:13px;box-shadow:0 12px 24px -13px #25443665;transform:rotate(var(--gallery-angle,0deg));transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .65s,box-shadow .4s}
.gallery-item:first-child{--gallery-angle:-3deg}.gallery-item:nth-child(2){--gallery-angle:2deg}.gallery-item:nth-child(3){--gallery-angle:3deg}.gallery-item:nth-child(4){--gallery-angle:-2deg}
.gallery-item>span{font-size:.68rem}.gallery-item:focus-visible{outline:3px solid #527444;outline-offset:5px}
.studio-gallery.depth-ready:not(.is-inview) .gallery-item{opacity:0;transform:translateY(45px) rotate(0deg) scale(.96)}
.studio-gallery.is-inview .gallery-item:nth-child(2){transition-delay:.07s}.studio-gallery.is-inview .gallery-item:nth-child(3){transition-delay:.14s}.studio-gallery.is-inview .gallery-item:nth-child(4){transition-delay:.21s}
.family-values article{transition:background .3s}.value-icon{box-shadow:3px 4px 0 #dbe4c9;transform:rotate(-5deg);transition:transform .4s}
.closing-inner{background:radial-gradient(ellipse at 70% 30%,#e9f5be,#d4e8a2);box-shadow:0 20px 30px -25px #25443666;border:1px solid #cedda7}.closing-flower{filter:drop-shadow(12px 15px 7px #68864218);transform:rotate(-10deg)}
@media(hover:hover) and (pointer:fine){.studio-gallery .gallery-item:hover{transform:translateY(-9px) rotate(0deg);box-shadow:0 22px 30px -16px #25443670;z-index:2;transition-delay:0s}.family-values article:hover .value-icon{transform:rotate(7deg) translateY(-4px)}.film-window:hover{transform:perspective(1500px) rotateY(0deg) rotateZ(0deg)}}
@keyframes wonder-turn{0%,100%{transform:rotateX(-21deg) rotateY(-32deg) rotateZ(8deg)}50%{transform:rotateX(-13deg) rotateY(-14deg) rotateZ(2deg)}}
@keyframes world-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(min-width:951px) and (prefers-reduced-motion:no-preference){.world-project{translate:0 calc(var(--scene-scroll,0) * -16px)}.world-note{translate:0 calc(var(--scene-scroll,0) * -27px)}.world-satellite{translate:0 calc(var(--scene-scroll,0) * 18px)}.studio-hero-copy{animation:world-arrive .8s both}}
@media(max-width:1150px) and (min-width:951px){.studio-hero{gap:35px}.learning-stage{height:425px}.world-project{width:210px;left:-6px}.world-note{right:-4px}.world-photo-stack{inset:25px 8px 55px 14px}.title-spark{right:-6px;font-size:33px}.world-switch button{font-size:.64rem;gap:5px}.world-description{font-size:.59rem}}
@media(max-width:950px){.studio-hero{grid-template-columns:1fr;gap:32px;padding-top:45px}.studio-hero-copy{max-width:620px}.studio-hero h1{font-size:4.8rem}.studio-hero h1 br:last-of-type{display:none}.title-spark{right:0}.studio-intro{max-width:440px}.learning-world{max-width:570px;width:100%;margin:0 auto}.learning-stage{height:475px}.world-controls{margin-top:23px}.world-photo-stack{inset:25px 25px 50px}.studio-home .film-section{margin-left:16px;margin-right:16px}.film-grid{gap:45px}.film-window{transform:none}.studio-gallery{gap:18px}.world-description{min-height:0}.journey-grid{gap:40px}}
@media(max-width:700px){.studio-hero{padding-top:30px;padding-bottom:38px;gap:26px}.studio-hero h1{font-size:clamp(3.4rem,10.5vw,4.8rem);margin:20px 0}.studio-hero h1 br:last-of-type{display:initial}.studio-hero .title-spark{font-size:30px;top:15px;right:15px}.studio-intro{font-size:.86rem}.learning-world{padding:12px 0 0;max-width:480px}.learning-stage{height:360px;margin:0 4px}.world-photo-stack{inset:20px 7px 49px 10px;border-width:6px;border-radius:15px}.world-window-bar{height:27px;font-size:.46rem;padding:0 8px}.world-photo{top:27px}.world-photo-label{bottom:15px;left:13px;font-size:.38rem;letter-spacing:.09em}.world-halo{inset:0 -6px 0}.world-orbit{inset:20px -15px 22px}.wonder-cube{width:46px;height:46px;left:10px;top:0}.wonder-cube-inner>span{font-size:19px;border-radius:5px}.wonder-cube-inner .cube-front{transform:translateZ(23px)}.wonder-cube-inner .cube-side{transform:rotateY(90deg) translateZ(23px)}.wonder-cube-inner .cube-top{transform:rotateX(90deg) translateZ(23px)}.world-satellite{width:47px;height:47px;right:0;top:-2px}.world-satellite span{font-size:34px}.world-project{width:185px;left:-2px;padding:11px 12px;bottom:-3px;border-radius:11px}.project-caption{font-size:.33rem;margin-bottom:6px;letter-spacing:.08em}.project-example{height:83px;gap:4px}.code-line{font-size:.49rem;padding:6px 8px}.line-two{margin-left:8px}.line-three{margin-left:16px}.world-note{right:0;bottom:63px;padding:10px;gap:7px}.world-note-icon{width:25px;height:25px;font-size:17px}.world-note strong{font-size:15px}.world-note small{font-size:.33rem}.world-controls{margin:24px 0 0}.world-controls-label{font-size:.48rem;margin-bottom:8px}.world-switch{gap:2px;padding:4px;border-radius:11px}.world-switch button{font-size:.61rem;gap:6px;min-height:41px;padding:5px}.world-switch button>span{font-size:14px}.world-description{font-size:.59rem;margin:10px 2px 0;min-height:31px}.idea-network i{width:28px;height:28px;font-size:12px}.idea-network span{width:18px}.project-insight{font-size:.5rem}.idea-machine i{width:36px;height:31px;font-size:22px}.studio-home .studio-section-heading{margin-bottom:30px}.studio-home .film-section{border-radius:20px;margin:0 10px}.film-grid{padding:40px 22px;gap:30px}.film-copy h2{font-size:2.6rem}.film-window{border-width:5px}.journey-track{top:12px;left:12px;padding:5px 7px}.journey-track>span{width:23px;height:23px}.journey-photo-caption{padding:11px 13px;left:10px;right:10px;bottom:10px}.journey-photo-caption small{font-size:.4rem}.journey-photos{border-width:6px}.journey-step{padding-left:15px}.studio-home .gallery-section{padding:60px 0 65px}.studio-gallery{gap:16px 12px;padding:8px 1px}.studio-gallery .gallery-item{border-width:4px;border-radius:9px}.gallery-item>span{font-size:.59rem;left:9px;right:9px;bottom:12px}.gallery-item i{width:19px;height:19px}.gallery-item:first-child{--gallery-angle:-2deg}.gallery-item:nth-child(3){--gallery-angle:2deg}.studio-gallery.depth-ready:not(.is-inview) .gallery-item{transform:translateY(20px);opacity:0}.closing-flower{right:-25px}}
@media(max-width:380px){.learning-stage{height:325px}.world-note{right:-5px;bottom:57px}.world-note strong{font-size:13px}.world-note-icon{display:none}.world-project{width:169px}.world-switch button{font-size:.54rem;gap:4px}.world-controls-label{font-size:.44rem}.world-description{font-size:.54rem}.world-photo-label{font-size:.32rem;gap:6px}.studio-hero .title-spark{right:-5px}}
html[lang="bn"] .world-note strong{font-family:"Noto Sans Bengali",sans-serif;font-size:.83rem;font-style:normal}html[lang="bn"] .world-switch button{font-size:.66rem}html[lang="bn"] .code-line{font-family:"Noto Sans Bengali",sans-serif;font-size:.58rem}html[lang="bn"] .studio-hero h1 br:last-of-type{display:block}
@media(max-width:700px){html[lang="bn"] .world-switch button{font-size:.55rem}html[lang="bn"] .code-line{font-size:.47rem}html[lang="bn"] .world-note strong{font-size:.7rem}html[lang="bn"] .studio-hero h1{font-size:clamp(2.8rem,10vw,4rem)}}
@media(prefers-reduced-motion:reduce){.learning-stage,.world-photo-stack,.world-project,.world-note,.world-satellite,.studio-gallery .gallery-item{transform:none!important;translate:none!important;animation:none!important}.world-photo,.world-photo img,.world-switch button{transition:none}.world-photo.is-current img,.journey-photo{transform:none!important}.wonder-cube-inner .cube-side,.wonder-cube-inner .cube-top{display:none}.studio-gallery.depth-ready:not(.is-inview) .gallery-item{opacity:1}.journey-step:before{display:none}.journey-step.is-active:before{display:block}.film-play{transform:none!important}.studio-hero-copy{animation:none}.world-note,.world-project,.wonder-cube,.world-satellite{opacity:1}}