@font-face{font-family:Outfit;src:url(/play/noor-town/assets/Outfit.ttf)}@font-face{font-family:Geist;src:url(/play/noor-town/assets/Geist.woff2)}:root{--forest:#123d31;--ink:#193c30;--cream:#fbf7e9;--gold:#edbf63;--muted:#657567;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font:14px Geist,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #cb913f;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}button:active,.button:active{transform:scale(.98)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Outfit,sans-serif;color:var(--ink)}.studio-nav{position:absolute;z-index:3;top:24px;left:4%;width:92%;display:flex;align-items:center;justify-content:space-between;color:var(--cream)}.studio-brand{display:flex;gap:10px;text-decoration:none;align-items:center;font:500 18px Outfit}.studio-brand img{width:47px;height:47px;border-radius:50%;background:var(--cream);padding:4px}.studio-brand small{display:block;font:8px Geist;letter-spacing:3px;margin-top:5px;opacity:.7}.studio-nav nav{display:flex;gap:30px;font-size:11px}.studio-nav nav a{text-decoration:none;opacity:.85}.studio-nav nav a:hover{opacity:1}.nav-login{color:var(--cream);background:#ffffff10;border:1px solid #ffffff20;border-radius:28px;padding:14px 18px;display:flex;gap:20px;align-items:center;font-size:11px}.studio-hero{min-height:900px;height:100svh;max-height:1100px;position:relative;background:#123d31;overflow:hidden;color:var(--cream);display:grid;grid-template-columns:49% 51%;align-items:center;padding:120px 4% 100px}.hero-copy{position:relative;z-index:2;padding-left:2%}.eyebrow{font:500 9px Geist;letter-spacing:2px;display:block}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:7px}.game-wordmark{font:800 clamp(65px,8vw,122px)/.78 Outfit;letter-spacing:-5px;margin:38px 0 32px;position:relative;width:max-content;color:#f8efce}.game-wordmark>span{display:block;font-size:.43em;letter-spacing:.43em;margin:18px 0 0 5px}.game-wordmark sup{position:absolute;right:-31px;top:0;font-size:32px;letter-spacing:0;color:var(--gold);transform:rotate(13deg)}.studio-hero h1{font-size:clamp(38px,4.6vw,66px);line-height:1.06;letter-spacing:-2.2px;color:var(--cream);font-weight:500}.studio-hero h1 em{color:var(--gold);font-style:normal}.hero-lead{color:#d7dfc8;line-height:1.8;font-size:14px;margin:24px 0 28px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:50px;padding:10px 10px 10px 23px;min-height:54px;text-decoration:none;font:600 12px Geist;border:0;transition:transform .3s var(--ease)}.button>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#123d3112;font-size:22px}.button-gold{background:var(--gold);color:var(--forest)}.button-forest{background:var(--forest);color:var(--cream)}.button-forest>span{background:#ffffff20}.story-link{font-size:11px;text-decoration:none;display:flex;align-items:center;gap:15px}.hero-meta{display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:1.5px;color:#afc4a7;margin-top:32px}.hero-meta i{width:3px;height:3px;border-radius:50%;background:#93b18d}.hero-orbit{position:absolute;width:850px;height:850px;border:1px solid #ffffff0b;border-radius:50%;right:-150px;top:90px}.hero-orbit:after{content:'';position:absolute;inset:70px;border:1px solid #ffffff08;border-radius:50%}.hero-scene{height:100%;position:relative;min-width:0}#hero-world{display:block;width:calc(100% + 70px);height:100%;min-height:650px;margin-left:-30px;position:relative}.scene-caption{position:absolute;bottom:25px;left:14%;transform:rotate(-3deg);background:#f4e8c7;padding:17px 25px;color:var(--forest);border-radius:4px 16px 16px 16px;box-shadow:0 18px 50px #092a2228}.scene-caption>span{font-size:7px;letter-spacing:1.8px}.scene-caption strong{font:500 19px Outfit;display:block;margin-top:7px}.world-stamp{position:absolute;right:0;top:22%;font-size:8px;letter-spacing:2px;text-align:center;color:#c7d8b4;transform:rotate(9deg)}.world-stamp b{display:block;font:500 26px/1 Outfit;letter-spacing:-.5px;margin:8px 0}.world-stamp span{color:var(--gold);font-size:24px}.chapter-cue{position:absolute;bottom:32px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;text-decoration:none;color:#c8d3bd}.chapter-cue b{font-weight:400}.story-section,.mission-section,.build-story,.character-section,.parent-section{padding:110px max(5%,calc((100vw - 1320px)/2));scroll-margin-top:35px}.chapter-label{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:2px;margin-bottom:40px}.chapter-label>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #193c3030;border-radius:50%;letter-spacing:0}.story-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.story-layout h2,.section-heading h2,.build-copy h2,.parent-section h2{font-size:clamp(36px,4.7vw,65px);line-height:1.06;letter-spacing:-2px;font-weight:500}.story-layout h2 em,.section-heading h2 em,.build-copy h2 em,.parent-section h2 em{font-style:normal;color:#69815b}.story-copy{max-width:440px}.story-copy p{line-height:1.85;color:#657567;font-size:13px;margin-bottom:17px}.story-copy .large-copy{font:500 23px/1.4 Outfit;color:var(--ink);margin-bottom:23px}.story-copy .story-signoff{color:var(--ink);font-weight:600;margin-top:25px}.story-ribbon{margin-top:65px;border-top:1px solid #193c301c;border-bottom:1px solid #193c301c;padding:25px 0;display:flex;align-items:center;gap:45px}.story-ribbon>span{font-family:serif;font-size:43px;color:#9b7c3a}.story-ribbon p{font-size:12px;line-height:1.8;color:#71806b}.story-ribbon p b{font-weight:500;color:var(--ink)}.story-ribbon i{font-style:normal;color:#ba9449;font-size:38px;margin-left:auto}.mission-section{background:#e8eddb}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{font-size:12px;line-height:1.8;color:#687762;max-width:330px}.mission-grid{display:grid;grid-template-columns:1.05fr 1.15fr 1fr;gap:20px;align-items:start}.mission-card{background:#fffaf0;border:6px solid #ffffff60;border-radius:25px;overflow:hidden}.mission-card.market{margin-top:50px}.mission-card.garden{margin-top:100px}.mission-art{height:230px;position:relative;overflow:hidden;background:#c4d7a6}.market .mission-art{background:#f1d89e}.garden .mission-art{background:#b9ccb2}.mission-text{padding:26px 20px 24px}.mission-text>span{font-size:8px;letter-spacing:1.5px;color:#738069}.mission-text h3{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:12px 0}.mission-text p{font-size:12px;line-height:1.8;color:#6d7967;min-height:66px}.mission-text>strong{font-size:10px;font-weight:500;display:block;margin-top:22px}.mission-text strong i{font-style:normal;margin:0 9px;color:#c2a254}.mini-tree{position:absolute;width:70px;height:85px;background:#5d8b57;border-radius:50% 50% 45% 45%;left:24%;top:42px;box-shadow:inset -16px -6px 0 #47764920;z-index:1;animation:tree-sway 5s var(--ease) infinite alternate}.mini-tree:after{content:'';position:absolute;width:9px;height:58px;background:#9f7d4f;left:31px;top:80px}.t2{left:56%;top:66px;transform:scale(.75);background:#8ba75f;animation-delay:-2s}.mini-path{position:absolute;width:280px;height:65px;background:#ebdab5;transform:rotate(-30deg);bottom:0;left:0}.mini-leaf{position:absolute;font-size:38px;color:#f4eacb;right:18%;bottom:14px;transform:rotate(15deg)}.mini-stall{position:absolute;left:18%;top:90px;width:65%;height:97px;background:#c59658;border-radius:5px;box-shadow:12px 15px 0 #a07f4320;transform:rotate(-4deg)}.mini-stall:before{content:'';position:absolute;top:-30px;left:-8%;width:116%;height:45px;background:repeating-linear-gradient(90deg,#4b7c58 0 24px,#fff3cf 24px 48px);border-radius:9px;transform:skewX(-9deg)}.mini-stall b{position:absolute;top:15px;width:100%;text-align:center;color:#efb844;font-size:34px;letter-spacing:4px;text-shadow:0 3px 0 #9c6a40}.hello-bubble{position:absolute;top:23px;left:18%;background:var(--cream);padding:12px 16px;border-radius:15px 15px 15px 3px;font-size:12px;transform:rotate(-5deg);animation:bob 4s var(--ease) infinite alternate}.sprout{position:absolute;width:6px;height:64px;background:#5c7951;bottom:43px;left:27%;transform:rotate(-7deg);transform-origin:bottom;animation:tree-sway 4s var(--ease) infinite alternate}.sprout:before,.sprout:after{content:'';position:absolute;width:40px;height:25px;border-radius:4px 30px 4px 30px;background:#719759;top:0;right:3px;transform:rotate(14deg)}.sprout:after{left:3px;top:15px;transform:scaleX(-1) rotate(14deg);background:#8caa65}.sprout i{position:absolute;width:65px;height:15px;background:#a18b60;border-radius:50%;bottom:-8px;left:-30px}.s2{left:52%;height:110px;animation-delay:-2s}.s3{left:76%;height:77px;animation-delay:-1s}.build-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.build-copy .eyebrow{margin-bottom:22px}.build-copy p{font-size:13px;line-height:1.85;color:#687863;margin:26px 0;max-width:400px}.build-copy ol{padding:0;list-style:none;margin:35px 0 0}.build-copy li{display:flex;gap:20px;align-items:center;border-top:1px solid #193c3015;padding:19px 0}.build-copy li>b{font:400 24px Outfit;color:#a38e5b}.build-copy li>span{font:500 18px Outfit}.build-copy small{display:block;font:11px Geist;color:#7b856d;margin-top:5px}.mosque-poster{height:555px;border:7px solid #e9edda;border-radius:190px 190px 30px 30px;background:#c6d5b0;position:relative;overflow:hidden}.poster-sun{position:absolute;width:240px;height:240px;background:#f1dfad;border-radius:50%;left:50%;top:50px;transform:translateX(-50%)}.poster-mosque{position:absolute;left:12%;width:76%;bottom:110px;filter:drop-shadow(10px 16px 0 #65805520);animation:bob 6s var(--ease) infinite alternate}.poster-hall{height:147px;background:#f7e7c2;border-radius:5px;display:flex;align-items:center;justify-content:space-evenly;border-top:10px solid #ffefcb;position:relative}.poster-hall i{width:35px;height:55px;border-radius:18px 18px 0 0;background:#87ab8c;border:5px solid #e4cb94}.poster-hall b{height:85px;width:52px;align-self:end;background:#3d775a;border-radius:30px 30px 0 0}.poster-dome{width:165px;height:90px;background:#568769;border-radius:100px 100px 0 0;margin:auto;position:relative}.poster-dome:before{content:'☾';position:absolute;color:#b28a35;font-size:43px;top:-46px;left:65px;transform:rotate(-20deg)}.poster-minaret{position:absolute;bottom:0;left:-7px;width:29px;height:235px;background:#f5e3bd;border-top:16px solid #548365;border-radius:30px 30px 0 0;z-index:1}.poster-minaret.m2{left:auto;right:-7px}.poster-steps{height:10px;background:#fdf0d1;width:110%;margin-left:-5%;box-shadow:0 8px 0 #e2d1a6}.mosque-poster>span{position:absolute;bottom:32px;width:100%;text-align:center;font:8px Geist;letter-spacing:2px}.mosque-poster>span b{display:block;font:500 25px Outfit;letter-spacing:-.5px;margin-top:6px}.character-section{background:#133d31;color:var(--cream)}.character-section .section-heading h2{color:var(--cream)}.character-section .section-heading h2 em{color:var(--gold)}.character-section .section-heading>p{color:#b6c7a9}.character-studio{display:grid;grid-template-columns:1fr 1fr;gap:32px}.character-stage{position:relative;min-height:660px;background:#d8dfbd;border:7px solid #ffffff13;border-radius:29px;color:var(--ink);overflow:hidden}.stage-tag{position:absolute;left:23px;right:23px;top:23px;display:flex;justify-content:space-between;font:8px Geist;letter-spacing:1.5px;z-index:1}.stage-tag i{font-style:normal;font-size:7px;background:#eff1d9;padding:6px 9px;border-radius:20px}.character-stage canvas{width:100%;height:100%;min-height:650px;display:block;position:absolute;z-index:1}.avatar-caption{position:absolute;bottom:35px;left:28px;z-index:2}.avatar-caption>span{font:500 31px Outfit;letter-spacing:-.8px}.avatar-caption p{font-size:10px;margin-top:6px;color:#657458}.wave-button{position:absolute;right:22px;bottom:35px;z-index:2;border-radius:25px;background:#fff9ec;padding:12px 15px;font-size:10px;display:flex;gap:10px;align-items:center}.stage-orbit{position:absolute;width:360px;height:360px;border:1px solid #68876030;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.character-controls{padding:25px 5px}.character-controls>.eyebrow{color:#b7c7a3}.character-controls h3{font-size:33px;color:var(--cream);font-weight:500;letter-spacing:-.8px;margin:13px 0 28px}fieldset{border:0;padding:0;margin:0}legend{font-size:10px;letter-spacing:.3px;margin-bottom:12px;color:#b7c7a3}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.style-grid button{background:#ffffff07;border:1px solid #ffffff16;border-radius:15px;padding:16px 13px;color:var(--cream);display:flex;gap:13px;align-items:center;text-align:left;min-height:72px}.style-grid button[aria-pressed=true]{background:#e9bf65;color:var(--ink);border-color:#e9bf65}.style-grid button b{font:400 18px Outfit;opacity:.55}.style-grid button span{font:500 14px Outfit}.style-grid small{font:9px Geist;display:block;margin-top:5px;opacity:.7}.colour-row{display:flex;gap:60px;margin:29px 0}.colour-options{display:flex;gap:13px}.colour{width:29px;height:29px;background:var(--swatch);border-radius:50%;outline-offset:4px;border:1px solid #ffffff35}.colour[aria-pressed=true]{outline:2px solid #f5dc98}.forest{--swatch:#23705a}.honey{--swatch:#e6a440}.rust{--swatch:#c7724d}.light{--swatch:#f2c7a3}.medium{--swatch:#b8794f}.deep{--swatch:#65422e}.join-box{padding:23px;background:#f6f0dc;border:5px solid #ffffff15;border-radius:21px;color:var(--ink)}#account-summary{display:flex;gap:13px;margin-bottom:18px}.join-icon{color:#ab8436;font-size:25px}#account-summary strong{font:500 18px Outfit}#account-summary p{font-size:11px;line-height:1.7;color:#748064;margin-top:6px}.join-box .button{width:100%;justify-content:space-between}.join-box>a{display:block;font-size:9px;line-height:1.6;text-align:center;color:#69765c;margin-top:15px}.join-box #profile-status{font-size:11px;line-height:1.6;margin-top:8px}#logout{background:transparent;text-decoration:underline;color:#68785f;font-size:10px;padding:10px}#logout[hidden]{display:none}.parent-section{text-align:center;padding-top:100px;padding-bottom:100px}.parent-section .eyebrow{margin-bottom:25px}.parent-facts{display:flex;gap:55px;max-width:1010px;margin:45px auto 30px;text-align:left}.parent-facts p{font-size:12px;line-height:1.9;color:#71806a;flex:1}.parent-facts b{display:block;color:var(--ink);font-weight:600;margin-bottom:9px}.parent-section>a{font-size:10px;color:#65765b}.studio-footer{padding:30px 5%;background:#e5ead6;display:flex;justify-content:space-between;align-items:center;font-size:10px}.studio-footer>a{text-decoration:none}.studio-footer>a:first-child{font:500 22px Outfit}.studio-footer>span{color:#718066}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform 1s var(--ease)}.reveal.visible{opacity:1;transform:none}@keyframes bob{to{transform:translateY(-10px) rotate(-2deg)}}@keyframes tree-sway{to{rotate:5deg}}
dialog{max-width:490px;width:calc(100% - 28px);max-height:calc(100dvh - 28px);overflow:auto;border:0;border-radius:28px;background:var(--cream);color:var(--ink);padding:38px;box-shadow:0 25px 90px #08251c30}dialog::backdrop{background:#0d2e27b8;backdrop-filter:blur(8px)}.close-button{position:absolute;top:6px;right:7px;width:44px;height:44px;font-size:27px;background:none}.dialog-badge{font-size:8px;letter-spacing:1.5px;color:#778368;margin:8px 0 20px}dialog h2{font-size:35px;font-weight:500;line-height:1.1;letter-spacing:-1px;margin-bottom:24px}dialog p{font-size:12px;line-height:1.8;color:#6c7964}dialog label{display:block;font-size:11px;font-weight:600;margin:20px 0 8px}dialog input[type=email],dialog input[type=text]{width:100%;border:1px solid #25483430;border-radius:12px;min-height:52px;padding:13px 15px;background:#fffdf7;color:var(--ink)}dialog input::placeholder{color:#8b927f}dialog .consent-row{display:flex;gap:11px;align-items:start;font-size:10px;font-weight:400;line-height:1.7}dialog input[type=checkbox]{accent-color:var(--forest);flex:0 0 18px;height:18px;margin-top:1px}dialog .button{margin-top:22px;width:100%;justify-content:space-between}dialog .form-error{color:#974c30;font-size:11px;margin-top:12px}dialog .fine-print{font-size:9px;line-height:1.65;margin-top:15px}dialog .text-button{display:block;background:transparent;text-decoration:underline;font-size:11px;margin:17px auto 0;padding:9px}.sandbox-code{padding:12px 15px;margin-top:15px;background:#e7ecd7;border-radius:12px;font-size:11px;line-height:1.7}.sandbox-code b{font-size:18px;letter-spacing:4px}.login-status{padding:13px 16px;background:#e5ecd9;border-radius:12px}.code-input{text-align:center;font:500 25px Outfit!important;letter-spacing:9px}.form-hint{font-size:10px!important;margin-top:7px!important}.profile-label{display:inline-block;background:#e5ebd5;padding:7px 11px;border-radius:15px;font-size:9px;margin-bottom:15px}
@media(max-width:1000px){.studio-nav nav{gap:18px}.studio-hero{min-height:850px;padding-left:5%;padding-right:3%;grid-template-columns:51% 49%}.game-wordmark{font-size:89px}.studio-hero h1{font-size:47px}.hero-actions{gap:18px}.hero-scene{margin-left:-50px}.world-stamp{right:0;top:15%}.story-layout{gap:40px}.mission-grid{gap:13px}.mission-text{padding:23px 14px}.mission-text h3{font-size:21px}.build-story{gap:40px}.character-studio{gap:22px}.character-controls h3{font-size:29px}.style-grid button{padding:13px 9px;gap:8px}.style-grid button span{font-size:12px}.colour-row{gap:35px}.avatar-caption>span{font-size:27px}.wave-button{bottom:103px;right:18px}.story-section,.mission-section,.build-story,.character-section,.parent-section{padding-top:85px;padding-bottom:85px}}
@media(max-width:700px){.studio-nav{top:18px;left:5%;width:90%}.studio-brand{font-size:14px;gap:7px}.studio-brand img{width:38px;height:38px}.studio-brand small{font-size:6px;letter-spacing:2px}.studio-nav nav{display:none}.nav-login{font-size:10px;padding:12px 13px;gap:12px}.studio-hero{height:auto;max-height:none;min-height:1050px;display:block;padding:125px 6% 50px}.hero-copy{padding:0}.eyebrow{font-size:7px;letter-spacing:1.6px}.game-wordmark{font-size:87px;margin:30px 0 28px;letter-spacing:-4px}.game-wordmark>span{margin-top:14px}.studio-hero h1{font-size:47px;letter-spacing:-1.8px}.hero-lead{font-size:12px;line-height:1.8;margin:20px 0 22px}.hero-actions{gap:20px}.button{font-size:11px;min-height:52px;padding-left:20px;gap:18px}.story-link{font-size:10px;gap:10px}.hero-meta{font-size:6px;gap:10px;letter-spacing:1.5px;margin-top:22px}.hero-scene{margin:0;height:460px;position:relative;margin-top:-5px}#hero-world{width:calc(100% + 30px);height:440px;min-height:0;margin-left:-15px}.world-stamp{top:35px;right:0;font-size:6px;letter-spacing:1px}.world-stamp b{font-size:22px}.scene-caption{left:5%;bottom:5px;padding:13px 18px;transform:rotate(-2deg)}.scene-caption>span{font-size:6px;letter-spacing:1px}.scene-caption strong{font-size:16px}.chapter-cue{bottom:18px;font-size:6px;letter-spacing:1.3px}.hero-orbit{width:600px;height:600px;right:-200px;top:500px}.story-section,.mission-section,.build-story,.character-section,.parent-section{padding:65px 6%}.chapter-label{font-size:7px;letter-spacing:1.5px;margin-bottom:28px}.story-layout{grid-template-columns:1fr;gap:28px}.story-layout h2,.section-heading h2,.build-copy h2,.parent-section h2{font-size:40px;letter-spacing:-1.4px}.story-copy .large-copy{font-size:21px}.story-copy p{font-size:12px}.story-ribbon{margin-top:35px;gap:20px;padding:20px 0}.story-ribbon>span{font-size:32px}.story-ribbon p{font-size:10px}.story-ribbon i{display:none}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;font-size:11px}.mission-grid{grid-template-columns:1fr;gap:23px}.mission-card.market,.mission-card.garden{margin:0}.mission-art{height:215px}.mission-text{padding:24px}.mission-text h3{font-size:25px}.mission-text p{min-height:0}.mission-text>strong{margin-top:18px}.build-story{grid-template-columns:1fr;gap:35px}.mosque-poster{height:420px;border-radius:160px 160px 26px 26px}.poster-mosque{bottom:93px}.poster-sun{width:200px;height:200px;top:26px}.poster-hall{height:120px}.poster-dome{width:135px;height:75px}.poster-dome:before{left:50px}.poster-minaret{height:210px;width:25px}.build-copy li>span{font-size:17px}.character-studio{grid-template-columns:1fr;gap:20px}.character-stage{min-height:450px}.character-stage canvas{min-height:440px}.avatar-caption{bottom:27px;left:20px}.avatar-caption>span{font-size:27px}.wave-button{bottom:85px;font-size:9px}.stage-tag{left:17px;right:17px;top:18px;font-size:7px}.character-controls{padding:15px 0}.character-controls h3{font-size:29px;margin-bottom:24px}.style-grid button{padding:15px 11px}.style-grid button span{font-size:13px}.colour-row{gap:40px}.join-box{padding:18px}.parent-facts{display:block;margin:30px 0}.parent-facts p{margin-top:25px;font-size:12px}.studio-footer{padding:28px 6%;flex-wrap:wrap;gap:23px}.studio-footer>span{display:none}.studio-footer>a:first-child{font-size:20px}dialog{padding:30px 25px}dialog h2{font-size:30px}.dialog-badge{font-size:7px;letter-spacing:1px}}
@media(max-width:360px){.studio-hero h1{font-size:41px}.hero-actions{gap:12px}.story-link{font-size:9px}.button{font-size:10px;padding-left:16px;gap:12px}.studio-hero{padding-top:115px}.style-grid button{gap:7px;padding:12px 9px}.style-grid button span{font-size:12px}.style-grid button b{font-size:15px}.colour-row{gap:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* 0.3 — Golden-hour character direction and immediate launch. */
.studio-hero{background:radial-gradient(ellipse at 76% 47%,#355647 0,#173e31 38%,#0e2d25 90%)}.hero-orbit{border-color:#e7d3a512}.scene-caption{background:#f7edd5e8;box-shadow:0 15px 50px #061d1720}.nav-login{font-weight:600}.hero-actions .button-gold{min-width:220px}.hero-actions .button>span{transition:transform .45s var(--ease)}.hero-actions .button:hover>span{transform:rotate(-12deg) scale(1.08)}.character-stage{background:#244d40;color:var(--cream);border-color:#acbd9830;box-shadow:inset 0 0 0 1px #d1dbbd12}.character-stage canvas{touch-action:pan-y;cursor:grab}.character-stage canvas:active{cursor:grabbing}.stage-tag{color:#e4e4c8;z-index:2}.stage-tag i{background:#d6dfc414;color:#e5e6ca}.avatar-caption{color:#fbf7e9;z-index:2}.avatar-caption p{color:#c2d0b4}.wave-button{z-index:3;background:#fbf7e9;color:#173e31}.launch-copy{display:flex;gap:14px;margin-bottom:22px}.launch-copy strong{font:500 23px Outfit}.launch-copy p{font-size:12px;margin-top:6px;color:#6b785e}.device-note{font-size:10px;line-height:1.6;margin-top:15px;text-align:center;color:#607057}.launch-box{padding:26px}.launch-box .button{min-height:60px}.footer-launch{background:none;font-size:11px}.launch-sequence{position:fixed;inset:0;z-index:20;background:#0c2c24f5;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f9f0dc;overflow:hidden;animation:launch-in .55s cubic-bezier(.22,1,.36,1) both}.launch-sequence[hidden]{display:none}.launch-sequence h2{font:500 clamp(46px,6vw,84px)/1.03 Outfit;letter-spacing:-2px;text-align:center;color:#f9f0dc;margin:30px 20px 20px}.launch-sequence h2 em{font-style:normal;color:#edbf63}.launch-sequence p{font-size:13px;color:#b6c8af}.launch-ring{position:absolute;width:70vw;height:70vw;border:1px solid #e4ca8b20;border-radius:50%;animation:launch-ring 1.2s cubic-bezier(.22,1,.36,1) both;pointer-events:none}.launch-ring:after{content:'';position:absolute;inset:45px;border:1px solid #e4ca8b12;border-radius:50%}.launch-progress{height:2px;width:180px;background:#ffffff15;margin-top:45px;overflow:hidden}.launch-progress i{display:block;height:100%;background:#edbf63;transform-origin:left;animation:launch-fill 1s cubic-bezier(.22,1,.36,1) both}.launch-small{font-size:7px;letter-spacing:2px;margin-top:17px;color:#adc4ad}.launching{overflow:hidden}@keyframes launch-in{from{opacity:0}to{opacity:1}}@keyframes launch-ring{from{transform:scale(.65);opacity:0}to{transform:scale(1.2);opacity:1}}@keyframes launch-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:700px){.hero-actions{gap:17px}.hero-actions .button-gold{min-width:202px}.launch-box{padding:20px}.launch-ring{width:140vw;height:140vw}.character-stage{min-height:500px}.character-stage canvas{min-height:490px}.avatar-caption p{font-size:10px}}@media(prefers-reduced-motion:reduce){.launch-sequence,.launch-ring,.launch-progress i{animation:none!important}}
.studio-motion{position:absolute;top:58px;left:23px;right:23px;display:flex;align-items:center;gap:14px;z-index:3}.studio-motion button{background:#f7efd81c;border:1px solid #d7e2b830;border-radius:20px;color:#f8f1dc;padding:10px 14px;font-size:10px}.studio-motion button[aria-pressed=true]{background:#e6bd6b;color:#143d30}.studio-motion>span{font-size:7px;letter-spacing:1.2px;color:#c6d3b9}@media(max-width:700px){.studio-motion{top:48px;left:17px;gap:12px}.studio-motion button{font-size:9px;padding:9px 12px}}
.character-stage::after{content:'';position:absolute;inset:auto 0 0;height:145px;background:linear-gradient(transparent,#0c2b24c9);pointer-events:none;z-index:1}.avatar-caption p{color:#e5ecd8}.avatar-caption{bottom:30px}.wave-button{bottom:34px}@media(max-width:1000px){.wave-button{bottom:100px}}@media(max-width:700px){.wave-button{bottom:85px}}