:root{--ink:#050912;--navy:#081523;--navy2:#0c2136;--blue:#123653;--gold:#d6b66d;--gold2:#f0d99a;--ivory:#f2eee5;--muted:#99a6b3;--line:rgba(214,182,109,.2);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);font-weight:300;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(51,112,160,.09),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:1}.topbar{height:82px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;padding:0 4.5vw;border-bottom:1px solid rgba(255,255,255,.08);transition:.35s;background:linear-gradient(180deg,rgba(2,7,14,.7),transparent)}.topbar.scrolled{height:68px;background:rgba(4,10,18,.92);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:3px;font-weight:400;white-space:nowrap}.brand b{font-weight:300;color:var(--gold)}.brand-orbit{font-family:serif;font-size:29px;color:var(--gold);width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.nav{display:flex;gap:2.2vw;margin:auto}.nav a,.lang{color:#ced5db;text-decoration:none;background:none;border:0;font:400 10px var(--sans);letter-spacing:1.3px;text-transform:uppercase;cursor:pointer}.nav a:hover{color:var(--gold)}.top-actions{display:flex;align-items:center;gap:24px}.lang span{color:#5e6872}.talk{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ivory);text-decoration:none;border:1px solid var(--line);padding:12px 17px}.talk i,.btn i{color:var(--gold);font-style:normal;margin-left:12px}.menu{display:none;background:0;border:0;color:#fff;font-size:22px}.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/mirabela-hero.png') center/cover no-repeat;transform:scale(1.02);animation:breathe 14s ease-in-out infinite alternate}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,15,.94) 0%,rgba(4,9,16,.73) 28%,rgba(4,9,16,.1) 70%),linear-gradient(0deg,rgba(3,8,15,.75),transparent 35%)}@keyframes breathe{to{transform:scale(1.06)}}.hero-copy{position:relative;z-index:2;margin:70px 0 0 9vw;max-width:640px}.eyebrow,.gold-label{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:500}.eyebrow{display:flex;align-items:center;gap:13px}.eyebrow>span:first-child{width:32px;height:1px;background:var(--gold)}h1,h2{font-family:var(--serif);font-weight:500;margin:0}h1{font-size:clamp(65px,7vw,112px);line-height:.88;letter-spacing:-4px}h1 em,h2 em{color:var(--gold);font-weight:500}.intro{font-size:16px;line-height:1.8;color:#bdc6ce;max-width:520px;margin:32px 0}.hero-actions,.rp-content>div{display:flex;gap:13px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;text-decoration:none;text-transform:uppercase;font-size:9px;letter-spacing:1.8px;font-weight:600;border:0;cursor:pointer;font-family:var(--sans)}.btn.primary{color:#0b1119;background:linear-gradient(135deg,var(--gold2),#b89046)}.btn.primary i{color:#18202a}.btn.ghost{border:1px solid rgba(255,255,255,.18);color:#e5e8e9;background:rgba(5,10,18,.2)}.btn.large{padding:0 36px;min-height:58px}.hero-caption{position:absolute;right:4.5vw;bottom:9vh;display:flex;gap:14px;align-items:flex-start;font-size:9px;letter-spacing:2px;line-height:1.7}.hero-caption span{color:var(--gold);font-family:var(--serif);font-size:18px}.hero-caption p{margin:0}.scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#8d98a3;text-decoration:none;font-size:8px;letter-spacing:2px}.scroll span{height:45px;width:1px;background:linear-gradient(var(--gold),transparent)}.section{padding:120px 8vw;position:relative}.section-no{font-size:9px;letter-spacing:2.2px;color:var(--gold);margin-bottom:80px}.manifesto{background:radial-gradient(circle at 20% 15%,#10263a 0,transparent 32%),#07111d}.manifesto-grid{display:grid;grid-template-columns:30% 1fr;gap:8vw}.kicker{font:italic 20px/1.4 var(--serif);color:var(--gold);margin:9px 0}.manifesto h2,.section-title h2,.ideas h2,.atelier h2,.mission h2,.tracking h2{font-size:clamp(46px,5.2vw,76px);line-height:1.08;letter-spacing:-2px}.manifesto-grid>div>p{max-width:650px;color:var(--muted);line-height:1.9;font-size:15px}.text-link{color:#e8e9e7;text-decoration:none;text-transform:uppercase;font-size:9px;letter-spacing:2px;border-bottom:1px solid var(--line);padding-bottom:8px}.text-link i{font-style:normal;color:var(--gold);margin-left:16px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);margin-top:100px;border-top:1px solid var(--line)}.pillars article{position:relative;padding:32px 28px 20px;border-right:1px solid var(--line);min-height:230px}.pillars article:first-child{border-left:1px solid var(--line)}.pillars b{position:absolute;right:18px;top:19px;color:#52606d;font:400 10px var(--sans)}.pillars .icon{font:30px var(--serif);color:var(--gold)}.pillars h3{font:500 22px var(--serif);margin:42px 0 12px}.pillars p{font-size:12px;color:var(--muted);line-height:1.6}.ideas{background:linear-gradient(145deg,#0b1c2d,#07111b 65%)}.ideas-head,.section-title{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.ideas-head>p,.section-title>p{max-width:430px;color:var(--muted);line-height:1.8;font-size:14px}.assistant{margin:70px auto 0;max-width:980px;border:1px solid var(--line);background:rgba(3,10,17,.5);box-shadow:0 25px 100px rgba(0,0,0,.3)}.assistant-top,.assistant-foot{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);font-size:9px;letter-spacing:1.2px;color:#87929d}.assistant-person{display:flex;align-items:center;gap:12px}.assistant-person b{display:block;color:#eceae4;font-size:12px}.assistant-person small{display:block;margin-top:4px}.assistant-person small i,.status i,.tracker-head i{display:inline-block;width:5px;height:5px;background:#65ba91;border-radius:50%;margin-right:5px}.ai-orb{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);background:radial-gradient(circle,#173452,#07121f)}.ai-orb.small{width:29px;height:29px;flex:0 0 auto}.assistant-body{padding:38px 5vw 48px;min-height:410px}.chat-line{display:flex;gap:14px;align-items:flex-start}.bubble{background:#102438;border:1px solid rgba(255,255,255,.07);padding:17px 20px;min-width:380px}.bubble p{margin:0 0 7px;color:#b6c0c9;font-size:12px}.bubble strong{font:500 17px var(--serif)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 0 44px}.choice-grid button{position:relative;text-align:left;padding:18px;border:1px solid rgba(255,255,255,.12);background:rgba(5,14,23,.75);color:white;cursor:pointer;transition:.25s}.choice-grid button:hover{border-color:var(--gold);transform:translateY(-2px);background:#10243a}.choice-grid button>span{color:var(--gold);font:20px var(--serif);position:absolute;right:18px}.choice-grid b,.choice-grid small{display:block}.choice-grid b{font:500 15px var(--serif);margin-bottom:5px}.choice-grid small{font:300 10px var(--sans);color:#84919c}.assistant-foot{border-top:1px solid rgba(255,255,255,.08);border-bottom:0}.idea-form{margin:30px 0 0 44px}.idea-form label,.configurator form>label{display:block;margin-bottom:17px}.idea-form label>span,.configurator label>span{display:block;color:#aeb7c0;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}input,textarea,select{width:100%;background:#081522;border:1px solid rgba(255,255,255,.13);color:#fff;padding:13px;font:12px var(--sans);outline:0}textarea{min-height:95px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--gold)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hidden{display:none!important}.success{text-align:center;padding:55px}.success>span{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);margin:auto}.success h3{font:500 27px var(--serif)}.success p{color:var(--muted)}.services{background:#050c15}.service-list{margin-top:70px;border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:90px 1fr 60px;align-items:center;padding:33px 15px;border-bottom:1px solid var(--line);transition:.3s}.service-list article:hover{background:#0b1b2a;padding-left:28px}.service-list>article>span{font:italic 17px var(--serif);color:var(--gold)}.service-list small{color:var(--gold);letter-spacing:2px;font-size:8px}.service-list h3{font:500 30px var(--serif);margin:6px 0}.service-list p{color:var(--muted);font-size:12px;margin:0}.service-list i{font-style:normal;color:var(--gold);font-size:25px}.process{background:#091827}.timeline{display:grid;grid-template-columns:repeat(5,1fr);margin-top:70px}.timeline article{position:relative}.timeline article>b{font:italic 20px var(--serif);color:#64717c}.timeline article>span{display:block;width:100%;height:1px;background:#34404b;margin:24px 0}.timeline article>span:before{content:'';display:block;width:7px;height:7px;border:1px solid #75808a;border-radius:50%;background:#091827;transform:translateY(-4px)}.timeline article.active>span{background:var(--gold)}.timeline article.active>span:before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 15px var(--gold)}.timeline h3{font:500 18px var(--serif)}.timeline p{color:var(--muted);font-size:11px}.atelier{display:grid;grid-template-columns:1fr 1fr;min-height:800px;padding:0;background:#07111d}.atelier-visual{min-height:700px;position:relative;display:grid;place-content:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(214,182,109,.18),transparent 35%),radial-gradient(circle at 30% 30%,#173c5c,transparent 48%),#07111c}.atelier-moon{position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(214,182,109,.24);top:50%;left:50%;transform:translate(-50%,-58%);box-shadow:inset -55px 0 70px rgba(0,0,0,.7),0 0 90px rgba(80,136,173,.15)}.atelier-symbol{font:90px var(--serif);color:var(--gold);position:relative}.atelier-visual p{position:relative;letter-spacing:6px;font-size:14px}.atelier-visual p b{color:var(--gold);font-weight:400}.atelier-copy{padding:100px 8vw 80px 7vw;align-self:center}.atelier-copy .section-no{margin-bottom:70px}.atelier-copy>p:not(.gold-label){color:var(--muted);line-height:1.9;margin:28px 0;max-width:490px}.shop{background:#07131f}.configurator{display:grid;grid-template-columns:1.2fr 1fr;max-width:1050px;margin:70px auto 0;border:1px solid var(--line)}.product-stage{min-height:520px;background:radial-gradient(circle,#17334b 0,transparent 60%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line)}.product-object{width:230px;height:270px;display:grid;place-items:center;clip-path:polygon(50% 0,89% 22%,94% 72%,50% 100%,6% 72%,11% 22%);background:linear-gradient(145deg,#e1c77e,#665027);filter:drop-shadow(0 30px 25px rgba(0,0,0,.5));transition:.35s}.product-object span{font:90px var(--serif);color:#18212a}.product-stage small{margin-top:35px;color:#6f7d89;font-size:8px;letter-spacing:2px}.configurator form{padding:45px}.segmented{display:flex}.segmented button,.colors button{background:#0b1926;border:1px solid rgba(255,255,255,.12);color:#aab4bd;min-width:45px;height:39px;cursor:pointer}.segmented button.active{border-color:var(--gold);color:var(--gold)}.colors{display:flex;gap:10px}.colors button{min-width:33px;width:33px;height:33px;border-radius:50%;background:var(--c);border:3px solid #07131f;outline:1px solid transparent}.colors button.active{outline-color:var(--gold)}.estimate{display:flex;justify-content:space-between;align-items:center;margin:24px 0;color:#929da7;font-size:11px}.estimate strong{font:500 28px var(--serif);color:var(--gold)}.full{width:100%}.rp{min-height:780px;display:flex;align-items:center;overflow:hidden}.rp-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,14,.96),rgba(3,9,16,.45)),radial-gradient(circle at 75% 45%,rgba(198,156,68,.35),transparent 11%),linear-gradient(165deg,#15324a 0,#07101c 43%,#02060a 100%)}.rp-bg:after{content:'M';position:absolute;right:8vw;top:50%;transform:translateY(-50%);font:500 420px var(--serif);color:transparent;-webkit-text-stroke:1px rgba(214,182,109,.15)}.rp-content{position:relative;max-width:650px}.rp-content h2{font-size:clamp(70px,9vw,135px);letter-spacing:-5px}.rp-lead{font:italic 28px/1.3 var(--serif);color:var(--gold)}.rp-content>p:not(.gold-label,.rp-lead){color:var(--muted);line-height:1.8;max-width:510px}.status{font-size:8px;letter-spacing:2px;color:#8f9aa4;margin-left:18px}.featured{background:#050c14}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px}.project-art{height:360px;display:grid;place-items:center;overflow:hidden;position:relative}.project-art:before{content:'';position:absolute;width:240px;height:240px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 80px rgba(214,182,109,.1)}.project-art span{font:80px var(--serif);color:var(--gold);position:relative}.art-digital{background:radial-gradient(circle,#163957,transparent 55%),#08131f}.art-3d{background:radial-gradient(circle,#554929,transparent 45%),#101611}.art-game{background:radial-gradient(circle,#2b4050,transparent 50%),#060b10}.project-grid small{display:block;color:var(--gold);letter-spacing:2px;font-size:8px;margin-top:20px}.project-grid h3{font:500 20px var(--serif);margin-top:9px}.mission{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:5vw;align-items:center;background:radial-gradient(circle at 50%,#173550 0,transparent 45%),#091725}.mission-mark{font:90px var(--serif);color:var(--gold);text-align:center}.mission-copy .section-no{margin-bottom:55px}.mission-copy>p{color:var(--muted);line-height:1.9}.mission-quote{border-left:1px solid var(--line);padding-left:40px}.mission-quote span{font:60px var(--serif);color:var(--gold)}.mission-quote p{font:italic 18px/1.6 var(--serif);color:#bac2c8}.tracking{background:#050c14}.tracking-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:center}.tracking-grid>div>p:not(.gold-label){color:var(--muted);line-height:1.8;max-width:420px}.tracker{border:1px solid var(--line);padding:28px;background:#081522}.tracker-head{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#8b97a1}.tracker-head b{color:var(--gold)}.tracker h3{font:500 25px var(--serif);margin:32px 0}.progress{height:2px;background:#283442}.progress span{display:block;width:53%;height:100%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.stages{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:25px 0 36px}.stages>span{font-size:9px;color:#66737e}.stages small{display:block;margin-top:7px}.stages .done{color:#86aa97}.stages .current{color:var(--gold)}.final-cta{min-height:680px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,#183651 0,transparent 45%),#07121e}.final-cta h2{font-size:clamp(60px,8vw,110px)}.final-cta p:not(.gold-label){color:var(--muted);line-height:1.8}.big-moon{position:absolute;font:600px var(--serif);color:rgba(214,182,109,.025);left:50%;top:50%;transform:translate(-50%,-50%)}.final-cta>div{position:relative}.final-cta .btn{margin-top:18px}footer{display:grid;grid-template-columns:1.5fr .7fr .7fr 1.2fr;gap:5vw;padding:80px 7vw 30px;background:#03070c;border-top:1px solid var(--line);position:relative}footer>div:not(.footer-brand,.newsletter){display:flex;flex-direction:column;gap:12px}footer b{color:var(--gold);font-size:8px;letter-spacing:2px;margin-bottom:8px}footer a,footer p{color:#77838e;text-decoration:none;font-size:11px;line-height:1.8}.footer-brand p{margin:24px 0}.newsletter form{display:flex;border-bottom:1px solid #34404b;margin-top:18px}.newsletter input{border:0;background:0;padding-left:0}.newsletter button{background:0;border:0;color:var(--gold);font-size:20px}.newsletter b{display:block}.newsletter p{margin:10px 0}footer>small{color:#4e5963;font-size:8px;letter-spacing:1px;margin-top:40px}footer>small:last-child{text-align:right;grid-column:4}.toast{position:fixed;right:25px;bottom:25px;background:#10283d;border:1px solid var(--gold);padding:16px 22px;font-size:12px;z-index:100;transform:translateY(100px);opacity:0;transition:.35s}.toast.show{transform:none;opacity:1}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.nav{position:fixed;top:68px;right:0;left:0;display:none;flex-direction:column;background:#06101a;padding:30px;text-align:center}.nav.open{display:flex}.menu{display:block}.talk{display:none}.hero-caption{display:none}.manifesto-grid{grid-template-columns:1fr}.pillars{grid-template-columns:1fr 1fr}.atelier{grid-template-columns:1fr}.mission{grid-template-columns:1fr 2fr}.mission-quote{display:none}.project-art{height:280px}.tracking-grid{gap:4vw}}
@media(max-width:700px){.topbar{padding:0 20px}.brand{font-size:10px;letter-spacing:2px}.top-actions{gap:10px}.hero{min-height:760px}.hero-bg{background-position:65% center}.hero-vignette{background:linear-gradient(90deg,rgba(3,8,15,.94),rgba(3,8,15,.45)),linear-gradient(0deg,rgba(3,8,15,.9),transparent)}.hero-copy{margin:80px 25px 0}.hero h1{font-size:58px;letter-spacing:-2px}.intro{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch;max-width:270px}.section{padding:85px 24px}.section-no{margin-bottom:45px}.manifesto h2,.section-title h2,.ideas h2,.atelier h2,.mission h2,.tracking h2{font-size:43px}.pillars{grid-template-columns:1fr;margin-top:60px}.pillars article{min-height:180px;border-left:1px solid var(--line)}.ideas-head,.section-title{display:block}.choice-grid{grid-template-columns:1fr;margin-left:0}.assistant-body{padding:28px 18px}.bubble{min-width:0}.idea-form{margin-left:0}.form-row{grid-template-columns:1fr}.assistant-foot span:last-child{display:none}.service-list article{grid-template-columns:45px 1fr 25px}.service-list h3{font-size:24px}.service-list p{display:none}.timeline{grid-template-columns:1fr}.timeline article{display:grid;grid-template-columns:40px 1fr;column-gap:12px}.timeline article>span{grid-column:1;width:1px;height:55px;margin:0 0 0 7px}.timeline article>span:before{transform:translate(-4px,0)}.timeline h3{margin:0}.timeline p{grid-column:2;margin-top:-30px}.atelier-visual{min-height:500px}.atelier-copy{padding:80px 24px}.atelier-moon{width:280px;height:280px}.configurator{grid-template-columns:1fr}.product-stage{min-height:380px;border-right:0;border-bottom:1px solid var(--line)}.product-object{width:160px;height:190px}.configurator form{padding:25px}.rp{min-height:650px}.rp-content h2{font-size:66px;letter-spacing:-3px}.project-grid{grid-template-columns:1fr}.mission{grid-template-columns:1fr}.mission-mark{text-align:left}.tracking-grid{grid-template-columns:1fr}.tracker{padding:18px;overflow:hidden}.stages small{font-size:7px;writing-mode:vertical-rl}.final-cta{padding:40px 20px;min-height:570px}.final-cta h2{font-size:55px}footer{grid-template-columns:1fr 1fr;padding:60px 24px 25px}.footer-brand,.newsletter{grid-column:1/-1}footer>small{margin-top:15px}footer>small:last-child{grid-column:2}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bg{animation:none}.reveal{transition:none;opacity:1;transform:none}}

/* Cinematic entrance */
body.intro-open{overflow:hidden}.intro-gate{position:fixed;inset:0;z-index:200;background:#02060c;display:grid;place-items:center;overflow:hidden;transition:opacity 1.1s ease,visibility 1.1s}.intro-gate::before{content:'';position:absolute;inset:17px;border:1px solid rgba(214,182,109,.19);pointer-events:none}.intro-gate::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 35%,transparent 65%,rgba(0,0,0,.42)),radial-gradient(circle at 50% 48%,transparent,rgba(0,0,0,.74) 100%);pointer-events:none}.intro-gate.leaving{opacity:0;visibility:hidden}.intro-gate.leaving .intro-aura{transform:translate(-50%,-50%) scale(4);opacity:0}.intro-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 17% 24%,#d8b45e 0 1px,transparent 1.4px),radial-gradient(circle at 72% 18%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 87% 68%,#d8b45e 0 1px,transparent 1.4px),radial-gradient(circle at 32% 76%,#85a8c5 0 1px,transparent 1.4px),radial-gradient(circle at 61% 82%,#fff 0 1px,transparent 1.4px);background-size:260px 230px,330px 280px,410px 340px,290px 390px,370px 310px;opacity:.58;animation:starDrift 22s linear infinite}.intro-aura{position:absolute;left:50%;top:40%;width:min(78vw,920px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(214,182,109,.09),rgba(29,77,119,.08) 30%,transparent 67%);transition:transform 1.3s,opacity 1.2s}.celestial-mark{position:absolute;left:50%;top:35%;width:230px;height:230px;transform:translate(-50%,-50%);z-index:2;filter:drop-shadow(0 0 30px rgba(214,182,109,.18));animation:markArrive 1.8s cubic-bezier(.2,.8,.2,1) both}.intro-sun{position:absolute;left:37px;top:49px;width:105px;height:105px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 35px rgba(214,182,109,.23),inset 0 0 24px rgba(214,182,109,.12)}.intro-sun::before,.intro-sun::after{content:'';position:absolute;inset:-21px;border:1px dashed rgba(214,182,109,.5);border-radius:50%;animation:spin 30s linear infinite}.intro-sun::after{inset:-11px;border-style:solid;border-color:rgba(214,182,109,.14)}.intro-sun i{position:absolute;inset:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff0b7,#d7a84c 36%,#60461d 72%);box-shadow:0 0 28px #c28e37}.intro-moon{position:absolute;width:104px;height:132px;right:33px;top:42px;border-radius:50%;background:#06111d;box-shadow:-17px 4px 0 1px #d8c07b,-23px 5px 35px rgba(214,182,109,.3);transform:rotate(8deg)}.orbit{position:absolute;inset:5px;border:1px solid rgba(214,182,109,.2);border-radius:50%;transform:rotate(-18deg) scaleY(.48)}.orbit::after{content:'';position:absolute;width:5px;height:5px;background:var(--gold2);border-radius:50%;top:49%;right:-3px;box-shadow:0 0 12px var(--gold)}.orbit-two{inset:-20px;transform:rotate(25deg) scaleY(.62);opacity:.5}.intro-wordmark{position:relative;z-index:4;text-align:center;margin-top:250px;animation:wordArrive 1.4s .55s both}.intro-overline{display:block;color:var(--gold);font-size:8px;letter-spacing:4px;margin-bottom:15px}.intro-wordmark strong{display:block;font:500 clamp(48px,5vw,74px)/.9 var(--serif);letter-spacing:13px;color:#f4efe3;text-shadow:0 0 28px rgba(214,182,109,.12)}.intro-wordmark small{display:block;color:var(--gold);font:400 10px var(--sans);letter-spacing:10px;margin:13px 0 21px}.intro-wordmark p{font:400 16px/1.55 var(--serif);color:#b7c0c8;margin:0 0 22px}.intro-wordmark p em{color:var(--gold)}.enter-universe{min-width:230px;height:51px;color:#07101a;border:0;background:linear-gradient(110deg,#b98d3e,#f0d794,#b98d3e);background-size:200% 100%;font:600 9px var(--sans);letter-spacing:2px;text-transform:uppercase;cursor:pointer;box-shadow:0 9px 35px rgba(0,0,0,.35);transition:.3s}.enter-universe:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 10px 45px rgba(214,182,109,.2)}.enter-universe i{font-style:normal;margin-left:18px;font-size:14px}.intro-detail{position:absolute;z-index:4;bottom:8vh;display:flex;align-items:center;gap:15px;color:#788692;font-size:7px;letter-spacing:2px;line-height:1.7}.intro-detail b{font:27px var(--serif);color:var(--gold);font-weight:400}.intro-detail-left{left:6vw}.intro-detail-right{right:6vw;text-align:right}.intro-lang{position:absolute;right:6vw;top:6vh;z-index:4;background:transparent;border:0;color:var(--gold);font:500 9px var(--sans);letter-spacing:2px;cursor:pointer}.intro-lang span{color:#55616d}.intro-line{position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);z-index:5;animation:introLine 2.4s .25s ease-out forwards}.replay-intro{position:fixed;z-index:60;right:20px;bottom:18px;background:rgba(4,10,18,.8);border:1px solid var(--line);padding:10px 13px;color:#7e8a94;font:400 8px var(--sans);letter-spacing:1.3px;text-transform:uppercase;cursor:pointer}.replay-intro:hover{color:var(--gold);border-color:var(--gold)}@keyframes markArrive{from{opacity:0;transform:translate(-50%,-50%) scale(.65) rotate(-12deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes wordArrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes introLine{to{width:100%}}@keyframes starDrift{to{background-position:50px 20px,-40px 30px,25px -35px,-20px 25px,35px -15px}}
@media(max-width:700px){.intro-gate::before{inset:9px}.celestial-mark{top:31%;transform:translate(-50%,-50%) scale(.78)}.intro-wordmark{margin-top:205px;padding:0 20px}.intro-wordmark strong{font-size:42px;letter-spacing:7px}.intro-wordmark p{font-size:14px}.intro-detail{display:none}.intro-lang{right:25px;top:28px}.replay-intro span{display:none}}
@media(prefers-reduced-motion:reduce){.intro-stars,.celestial-mark,.intro-wordmark,.intro-line,.intro-sun::before{animation:none}}

/* One-screen universe navigation */
.single-view main>section:not(.overview){display:none}.single-view footer{display:none}.single-view .topbar{background:linear-gradient(180deg,rgba(2,7,14,.92),transparent);border-bottom-color:rgba(214,182,109,.12)}.single-view .replay-intro{bottom:12px}.overview{height:100svh;min-height:680px;position:relative;overflow:hidden;padding:105px 4.5vw 42px;display:grid;grid-template-columns:minmax(300px,.7fr) minmax(620px,1.4fr);gap:4vw;align-items:center;background:#040a12}.overview-atmosphere{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,14,.96) 0%,rgba(4,10,17,.72) 35%,rgba(4,10,17,.3) 100%),url('assets/mirabela-hero.png') center/cover no-repeat;opacity:.62}.overview-atmosphere:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 48%,rgba(214,182,109,.08),transparent 30%),linear-gradient(0deg,#040a12 0,transparent 24%)}.overview-intro{position:relative;z-index:2;max-width:510px}.overview-intro h1{font-size:clamp(48px,5vw,82px);line-height:.9}.overview-intro>p:not(.eyebrow){color:#aab4bd;line-height:1.7;font-size:13px;max-width:430px;margin:24px 0}.overview-start{margin-top:2px}.universe-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(155px,1fr));grid-template-rows:repeat(3,minmax(130px,1fr));gap:10px;height:min(70vh,650px)}.universe-card{position:relative;text-align:left;overflow:hidden;padding:18px;border:1px solid rgba(214,182,109,.16);background:linear-gradient(145deg,rgba(7,19,31,.9),rgba(5,11,18,.82));color:var(--ivory);font-family:var(--sans);cursor:pointer;transition:transform .3s,border-color .3s,background .3s;backdrop-filter:blur(8px)}.universe-card:hover{transform:translateY(-3px);border-color:var(--gold);background:linear-gradient(145deg,rgba(17,44,67,.96),rgba(7,16,26,.94));z-index:3}.universe-card small{display:block;color:var(--gold);font-size:7px;letter-spacing:1.4px;margin-bottom:12px}.universe-card h2{font-size:clamp(18px,1.6vw,27px);line-height:1.05;letter-spacing:-.5px}.universe-card p{color:#7f8c97;font-size:9px;line-height:1.45;max-width:150px;margin:8px 0 0}.universe-card>i{position:absolute;right:14px;bottom:12px;color:var(--gold);font-style:normal}.card-icon{position:absolute;right:14px;top:13px;color:rgba(214,182,109,.35);font:25px var(--serif)}.card-wide{grid-column:span 2;background:linear-gradient(135deg,rgba(10,38,61,.94),rgba(6,15,24,.86))}.card-wide h2{font-size:clamp(25px,2.2vw,37px)}.card-gold{background:linear-gradient(145deg,#d3b46e,#87662f);color:#07101a;border-color:#e3c982}.card-gold small,.card-gold .card-icon{color:#14202a}.card-gold h2{font-size:clamp(24px,2vw,34px)}.card-gold p{color:#26313a}.overview-foot{position:absolute;z-index:3;left:4.5vw;right:4.5vw;bottom:15px;display:flex;justify-content:space-between;color:#53606c;font-size:7px;letter-spacing:1.5px}.quick-panel{position:fixed;z-index:120;top:0;right:0;width:min(700px,100%);height:100svh;background:radial-gradient(circle at 80% 20%,#173750,transparent 40%),#07111c;border-left:1px solid var(--line);transform:translateX(102%);transition:transform .65s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;padding:8vw;overflow:hidden}.quick-panel.open{transform:none}.quick-panel:before{content:'';position:absolute;inset:14px;border:1px solid rgba(214,182,109,.12);pointer-events:none}.panel-close{position:absolute;right:32px;top:28px;z-index:2;width:42px;height:42px;border:1px solid var(--line);background:rgba(3,8,14,.4);color:var(--gold);font-size:25px;cursor:pointer}.panel-orbit{position:absolute;right:-100px;top:8%;font:400px var(--serif);color:rgba(214,182,109,.035)}.panel-content{position:relative;z-index:2;width:100%}.panel-content h2{font-size:clamp(48px,6vw,82px);line-height:1;max-width:580px}.panel-lead{max-width:540px;color:#aeb8c1;font:400 17px/1.7 var(--serif);margin:28px 0}.panel-list{border-top:1px solid var(--line);margin:30px 0}.panel-list span{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding:17px 5px;color:#bac2c8;font-size:12px}.panel-list b{font:italic 14px var(--serif);color:var(--gold)}.panel-action{margin-top:8px}.panel-nav{position:absolute;z-index:2;right:38px;bottom:35px;display:flex;align-items:center;gap:18px;color:#7b8792;font-size:9px;letter-spacing:2px}.panel-nav button{width:35px;height:35px;border:1px solid var(--line);background:transparent;color:var(--gold);cursor:pointer}body.panel-open .overview{filter:brightness(.42);transition:filter .5s}
@media(max-width:1050px){.overview{grid-template-columns:300px 1fr;gap:25px;padding-left:25px;padding-right:25px}.universe-grid{grid-template-columns:repeat(3,1fr)}.overview-intro h1{font-size:51px}.nav{display:none}.menu{display:none}}
@media(max-width:760px){.single-view{overflow:auto}.overview{height:auto;min-height:100svh;display:block;padding:105px 18px 55px;overflow:auto}.overview-intro{margin-bottom:28px}.overview-intro h1{font-size:48px}.overview-intro>p:not(.eyebrow){margin:18px 0}.universe-grid{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:none}.universe-card{min-height:145px}.card-wide{grid-column:span 2}.universe-card h2{font-size:22px}.universe-card p{display:none}.overview-foot{display:none}.quick-panel{padding:75px 28px 95px}.panel-content h2{font-size:48px}.panel-lead{font-size:15px}.panel-close{right:22px;top:20px}.panel-nav{right:25px;bottom:25px}.single-view .replay-intro{display:none}}

/* Original Mirabela worlds */
.universe-card{background-position:center;background-size:cover;isolation:isolate}.universe-card::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,7,13,.93) 0%,rgba(3,9,16,.73) 58%,rgba(3,9,16,.3) 100%),linear-gradient(0deg,rgba(2,7,13,.9),transparent 75%);transition:background .35s}.universe-card::after{content:'';position:absolute;z-index:-2;inset:-3%;background:inherit;background-position:center;background-size:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s}.universe-card:hover::after{transform:scale(1.09);filter:saturate(1.12) brightness(1.08)}.universe-card:hover::before{background:linear-gradient(90deg,rgba(2,7,13,.87),rgba(3,9,16,.48) 65%,rgba(3,9,16,.18)),linear-gradient(0deg,rgba(2,7,13,.86),transparent 78%)}.universe-card[data-panel="create"]{background-image:url('assets/card-digital.webp')}.universe-card[data-panel="atelier"]{background-image:url('assets/card-atelier.webp')}.universe-card[data-panel="rp"]{background-image:url('assets/card-rp.webp')}.universe-card[data-panel="shop"]{background-image:url('assets/card-shop.webp')}.universe-card[data-panel="projects"]{background-image:url('assets/card-projects.webp')}.universe-card[data-panel="mission"]{background-image:url('assets/card-mission.webp')}.universe-card[data-panel="track"]{background-image:url('assets/card-track.webp')}.universe-card[data-panel="ideas"]{background-image:url('assets/card-ideas.webp');color:var(--ivory)}.universe-card[data-panel="ideas"]::before{background:linear-gradient(90deg,rgba(4,10,17,.9),rgba(4,10,17,.46)),linear-gradient(0deg,rgba(4,10,17,.9),transparent)}.universe-card[data-panel="ideas"] small,.universe-card[data-panel="ideas"] .card-icon{color:var(--gold)}.universe-card[data-panel="ideas"] p{color:#aeb8c0}.universe-card h2,.universe-card small,.universe-card p,.universe-card>i,.universe-card .card-icon{position:relative;z-index:2;text-shadow:0 2px 18px rgba(0,0,0,.85)}
