:root{--bg:#09080b;--surface:#141019;--ink:#f4f0f9;--muted:#aaa2b6;--accent:#cbb0f0;--line:#302735;--radius:24px;--space:8px;--font:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header,main,footer{width:min(100%,1376px);margin:auto;padding-left:64px;padding-right:64px}header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.brand{font-size:32px;font-weight:800;line-height:1;letter-spacing:-1.6px}.brand b{color:var(--accent)}header nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500}header nav a{color:var(--muted);padding:8px 0;transition:color .18s ease}header nav a:hover,header nav a.active{color:var(--ink)}header nav a.active{box-shadow:0 1px var(--accent)}header nav .lang{padding:6px 10px;border:1px solid var(--line);border-radius:8px;font-size:11px;font-weight:600}h1,h2,h3,h4{font-family:var(--font);margin:0;font-weight:700;line-height:1.12;text-wrap:balance}h1{font-size:clamp(48px,6.4vw,88px);font-weight:800;letter-spacing:-.055em}h2{font-size:clamp(32px,3.6vw,48px);font-weight:700;letter-spacing:-.045em}h3{font-size:22px;letter-spacing:-.025em}p{margin:20px 0;color:var(--muted);line-height:1.8}em{font-style:normal;color:var(--accent)}.eyebrow,.hero-meta,.tag,.product-state{font-size:11px;font-weight:600;letter-spacing:1.2px;line-height:1.5;text-transform:uppercase;color:var(--accent)}.eyebrow{display:block;margin-bottom:24px}.lead{font-size:19px;max-width:650px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid var(--accent);background:var(--accent);color:#1d1029;border-radius:10px;min-height:56px;padding:16px 24px;font:700 15px/1.4 var(--font);letter-spacing:-.015em;transition:background .18s,transform .18s}.button span{font-size:21px;line-height:1}.button:hover{background:#e2ccff;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:28px;font-size:14px;font-weight:600;border-bottom:1px solid #725781;padding:12px 0;color:#e0caee}.text-link:hover{color:white}.section{padding:104px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:start}.section-head p{margin:0;max-width:450px}.studio-hero{padding:56px 0 0}.hero-meta{display:flex;justify-content:space-between;gap:24px;color:#92879d;font-size:10px;letter-spacing:1.5px}.studio-hero h1{font-size:clamp(60px,8.7vw,120px);margin:64px 0 40px;font-weight:800;line-height:1.02;letter-spacing:-.065em}.hero-summary{display:flex;justify-content:space-between;align-items:center;gap:64px}.hero-summary p{max-width:490px;margin:0;font-size:17px}.hero-rule{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#796e86;border-top:1px solid var(--line);margin-top:64px;padding:24px 0}.featured-product{margin:48px 0 104px;border:1px solid #493156;border-radius:var(--radius);background:radial-gradient(ellipse at 90% 45%,#4d2d6770,transparent 70%),var(--surface);overflow:hidden}.feature-intro{display:flex;align-items:center;justify-content:space-between;padding:32px 48px;border-bottom:1px solid #49315680}.feature-intro .eyebrow{margin:0}.product-state{color:#a191b1;font-size:10px}.feature-body{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:56px 48px 0;align-items:center}.feature-copy{padding-bottom:64px}.mora-identity{display:flex;align-items:center;gap:16px;margin-bottom:32px}.mora-identity img{border-radius:14px}.mora-identity strong{font-size:32px;font-weight:800;line-height:1;letter-spacing:-1.5px;display:block}.mora-identity span{font-size:9px;font-weight:500;letter-spacing:1.5px;display:block;margin-top:9px;color:#ac99bd}.feature-copy h2{font-size:48px;font-weight:700}.feature-copy p{max-width:390px;margin:24px 0 32px;font-size:17px}.feature-phones{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:20px;min-height:530px;overflow:hidden}.phone{position:relative;padding:7px;background:#121015;border:1px solid #5c4d68;border-radius:32px;width:230px;flex-shrink:0;box-shadow:0 24px 50px #0005;overflow:hidden}.phone img{width:100%;height:auto;border-radius:25px}.phone:after{content:'';position:absolute;top:13px;left:50%;transform:translateX(-50%);width:62px;height:10px;background:#141017;border-radius:12px}.feature-phones .phone.front{width:230px;margin-bottom:-50px;z-index:2}.feature-phones .phone.rear{width:200px;margin-bottom:-105px;opacity:.78}.studio-overview{border-top:0;padding-top:0}.contact{padding:64px 0;margin:0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:48px}.contact .eyebrow{margin-bottom:16px}.contact h2{font-size:40px}.contact p{margin:16px 0 0;max-width:540px;font-size:15px}.contact .button{font-size:14px;white-space:nowrap}footer{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding-top:32px;padding-bottom:40px;border-top:1px solid var(--line);color:#988aa6;font-size:11px;line-height:1.8}footer .links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;max-width:720px}footer a:hover{color:var(--ink)}.page-top{padding:72px 0 64px;max-width:1020px}.page-top .lead{margin-bottom:0}.product-directory{padding-bottom:88px}.directory-card{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;background:var(--surface);border:1px solid #493156;border-radius:var(--radius);padding:40px}.directory-visual{display:flex;justify-content:center;align-items:center;position:relative;min-height:320px;background:radial-gradient(circle,#65427966,transparent 75%),#1e1428;border-radius:16px}.directory-visual img{width:128px;height:128px;border-radius:28px;box-shadow:0 20px 40px #0005}.directory-visual>span{position:absolute;bottom:24px;right:24px;font-size:26px;color:var(--accent)}.directory-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.directory-copy .eyebrow{margin-bottom:16px}.directory-copy h2{font-size:48px}.directory-copy p{max-width:440px;font-size:17px}.directory-status{font-size:12px;color:#a391b1;margin:0 0 24px}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:12px;color:#bca7ce;padding:24px 0 32px}.breadcrumbs span[aria-current]{color:var(--ink)}.mora-showcase{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;background:radial-gradient(ellipse at 90% 45%,#4d2d6770,transparent 70%),var(--surface);border:1px solid #493156;border-radius:var(--radius);padding:56px;overflow:hidden}.mora-story h1{font-size:clamp(40px,4.2vw,60px);font-weight:800;line-height:1.1}.mora-story>p{font-size:17px;max-width:470px;margin:24px 0}.availability,.mora-story .availability{font-size:12px;color:#ad95bf;margin:24px 0 0;line-height:1.7}.mora-devices{display:flex;gap:16px;align-items:center;justify-content:center;min-height:520px;position:relative}.mora-devices .phone.primary{width:215px;z-index:2}.mora-devices .phone.secondary{width:170px;opacity:.7;margin-top:85px}.mora-chapters{padding-top:24px}.experience-chapter{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center;padding:88px 0;border-bottom:1px solid var(--line)}.chapter-copy h2{font-size:46px}.chapter-copy>p{font-size:17px;max-width:520px;margin:24px 0}.chapter-copy ul{padding:0;margin:32px 0 0;list-style:none}.chapter-copy li{font-size:14px;font-weight:500;padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:16px}.chapter-copy li:before{content:'↗';color:var(--accent)}.chapter-screen{padding:40px;background:radial-gradient(ellipse at center,#4d2d6740,transparent 70%),var(--surface);border:1px solid #493156;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;min-height:590px}.chapter-screen .phone{width:230px}.experience-chapter.reverse .chapter-copy{order:2}.experience-chapter.reverse .chapter-screen{order:1}.screens-caption{font-size:11px;margin:24px 0;color:#8f819d}.mora-faq{border-top:0;padding:72px 0}.faq{padding-top:32px;max-width:900px}.faq details{padding:24px 0;border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600;font-size:19px;line-height:1.5}.faq summary h3{display:inline;font-size:19px;font-weight:600}.faq details p{max-width:740px;font-size:15px}.mora-resources{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:48px 0;margin-bottom:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mora-resources .eyebrow{margin-bottom:16px}.mora-resources h2{font-size:32px}.resource-links{display:flex;flex-direction:column}.resource-links a{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:600;color:#d2b8e8}.resource-links a:last-child{border:0}.resource-links a:hover{color:white}.back-to-products{font-size:13px;font-weight:600;display:inline-block;margin:0 0 48px;color:var(--accent)}.studio-statement h2{font-size:clamp(38px,5vw,64px)}.about-copy{max-width:780px;font-size:19px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:32px}.number{display:block;font-size:12px;color:var(--accent);border-top:1px solid var(--line);padding:20px 0 24px}.principles h3{font-size:24px}.principles p{font-size:15px}.legal{max-width:860px;padding-bottom:80px}.legal h2{font-size:26px;margin:40px 0 16px;letter-spacing:-.025em}.legal p,.legal li{font-size:16px;color:#b6aabd;line-height:1.9}.legal a,.faq a{text-decoration:underline;text-underline-offset:3px}.notice{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:14px;line-height:1.8}.tag{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:8px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:32px 0}.feature-grid article{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.feature-grid p{font-size:14px}.fade-in{animation:appear .5s ease-out both}@keyframes appear{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(max-width:1100px){header,main,footer{padding-left:40px;padding-right:40px}.feature-body,.mora-showcase{gap:32px}.feature-phones .phone.front{width:195px}.feature-phones .phone.rear{width:160px}.feature-copy h2{font-size:40px}.mora-showcase{padding:40px}.mora-devices .phone.primary{width:190px}.mora-devices .phone.secondary{width:150px}.experience-chapter{gap:64px}.chapter-copy h2{font-size:40px}.section-head{gap:48px}.contact h2{font-size:34px}}@media(max-width:800px){header,main,footer{padding-left:24px;padding-right:24px}header{min-height:126px;flex-wrap:wrap;gap:18px;padding-top:24px;padding-bottom:20px}.brand{font-size:28px}header nav{gap:20px;font-size:12px;flex-wrap:wrap}.hero-meta{font-size:8px;letter-spacing:1px}.hero-meta span:last-child{display:none}.studio-hero{padding-top:32px}.studio-hero h1{font-size:clamp(47px,10vw,78px);margin:40px 0 32px;line-height:1.06}.hero-summary{flex-direction:column;align-items:flex-start;gap:28px}.hero-summary p{font-size:16px;max-width:500px}.hero-rule{margin-top:40px;font-size:8px}.featured-product{margin:32px 0 64px}.feature-intro{padding:24px}.feature-intro .eyebrow{font-size:9px}.product-state{font-size:9px}.feature-body{grid-template-columns:1fr;padding:32px 24px 0;gap:0}.feature-copy{padding-bottom:24px}.feature-copy h2{font-size:38px}.feature-copy p{font-size:16px}.feature-phones{min-height:450px;gap:20px}.feature-phones .phone.front{width:210px}.feature-phones .phone.rear{width:175px}.section{padding:64px 0}.studio-overview{padding-top:0}.section-head{grid-template-columns:1fr;gap:28px}.contact{display:block;padding:48px 0}.contact .button{margin-top:28px;white-space:normal}.contact h2{font-size:32px}footer{flex-direction:column;gap:20px;padding-top:24px;padding-bottom:32px}footer .links{justify-content:flex-start;gap:12px 20px;font-size:11px}.page-top{padding:48px 0 40px}.lead{font-size:17px}.directory-card{grid-template-columns:1fr;gap:32px;padding:24px}.directory-visual{min-height:240px}.directory-copy h2{font-size:40px}.directory-copy p{font-size:16px}.product-directory{padding-bottom:48px}.mora-showcase{grid-template-columns:1fr;padding:32px 24px;gap:28px}.mora-story h1{font-size:clamp(34px,7.7vw,52px)}.mora-story>p{font-size:16px}.mora-devices{min-height:430px;gap:20px}.mora-devices .phone.primary{width:195px}.mora-devices .phone.secondary{width:155px}.experience-chapter{grid-template-columns:1fr;gap:32px;padding:56px 0}.experience-chapter.reverse .chapter-copy,.experience-chapter.reverse .chapter-screen{order:initial}.chapter-copy h2{font-size:36px}.chapter-copy>p{font-size:16px}.chapter-screen{min-height:0;padding:32px}.chapter-screen .phone{width:230px}.mora-resources{grid-template-columns:1fr;gap:24px;padding:32px 0;margin-bottom:32px}.mora-resources h2{font-size:28px}.mora-faq{padding:56px 0}.faq summary,.faq summary h3{font-size:17px}.principles,.feature-grid{grid-template-columns:1fr;gap:24px}.principles{margin-top:16px}.about-copy{font-size:17px}.button{font-size:14px;min-height:52px;padding:15px 20px}.back-to-products{margin-bottom:32px}.legal h2{font-size:23px}.legal p,.legal li{font-size:15px}}@media(max-width:420px){header nav{gap:14px;font-size:11px}.feature-phones{gap:12px;min-height:405px}.feature-phones .phone.front{width:180px}.feature-phones .phone.rear{width:145px}.mora-devices{gap:12px;min-height:385px}.mora-devices .phone.primary{width:175px}.mora-devices .phone.secondary{width:135px}.mora-identity{gap:12px}.mora-identity img{width:56px;height:56px}.studio-hero h1{font-size:11vw}.feature-copy h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* A shared expressive layer: type, light and motion use the same palette and rhythm. */
body{background:radial-gradient(ellipse 70% 420px at 50% -110px,#51249b70,transparent 75%),var(--bg)}header{border-bottom:0;position:relative;z-index:5}header nav{padding:18px 24px;border:1px solid #493356;border-radius:18px;background:linear-gradient(130deg,#14101ba8,#201526b0);box-shadow:0 10px 35px #0002}header nav a.active{color:#ead3ff;box-shadow:none}.studio-hero{position:relative;text-align:center;padding-top:36px;isolation:isolate}.studio-hero:before{content:'';position:absolute;inset:0 -64px;background:radial-gradient(ellipse at 50% 48%,#53208b38,transparent 62%);z-index:-1}.studio-hero h1{font-size:clamp(64px,9.7vw,138px);font-weight:800;letter-spacing:-.065em;line-height:.98;margin:72px -15px 0;text-transform:uppercase;position:relative;z-index:2}.studio-hero h1 em{color:#eadbff}.hero-sculpture{position:relative;height:340px;margin-top:-4px;perspective:900px;isolation:isolate}.hero-sculpture:before{content:'';position:absolute;inset:10% 10%;background:radial-gradient(ellipse,#8f40ec26,transparent 68%);filter:blur(25px)}.light-orbit{position:absolute;left:50%;top:50%;width:460px;height:200px;border:2px solid #c099ff;border-radius:50%;box-shadow:0 0 9px #c099ff66,inset 0 0 9px #c099ff33,0 0 45px #944de755;transform:translate(-50%,-50%) rotate(-24deg) rotateX(45deg);animation:orbit-drift 18s ease-in-out infinite}.orbit-b{width:370px;height:230px;border-color:#8958d9;transform:translate(-50%,-50%) rotate(42deg) rotateX(55deg);animation-name:orbit-counter;animation-duration:22s;opacity:.7}.orbit-c{width:280px;height:190px;border-color:#e0c9ff;transform:translate(-50%,-50%) rotate(-64deg) rotateX(35deg);animation-name:orbit-inner;animation-duration:20s;opacity:.9}.sculpture-core{position:absolute;top:50%;left:50%;width:115px;height:115px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 27% 24%,#f4e9ff 0,#b88aed 16%,#613285 40%,#180c27 73%);box-shadow:inset -12px -14px 20px #0007,0 0 70px #9e45ff33}.light-speck{position:absolute;border-radius:50%;width:6px;height:6px;background:#d1a7ff;box-shadow:0 0 18px #d1a7ff;animation:speck-glow 7s ease-in-out infinite}.speck-a{left:23%;top:20%}.speck-b{right:23%;bottom:19%;animation-delay:-3s}.hero-summary{max-width:880px;margin:auto;text-align:left;gap:48px}.hero-summary p{max-width:450px;font-size:16px}.hero-rule{margin-top:48px}.featured-product{background:radial-gradient(ellipse at 85% 45%,#6c359d85,transparent 68%),#130c1c;box-shadow:0 0 100px #6d2e9b10}.feature-copy h2{font-size:clamp(38px,4.4vw,60px);font-weight:800}.feature-phones .phone.front{animation:device-float 9s ease-in-out infinite}.feature-phones .phone.rear{animation:device-float 11s ease-in-out infinite;animation-delay:-4s}.studio-overview h2{font-weight:800;font-size:clamp(36px,4.5vw,62px)}.page-top h1{font-size:clamp(48px,7vw,98px)}.mora-showcase{background:radial-gradient(ellipse at 90% 40%,#6c359d85,transparent 72%),#130c1c}.mora-story h1{font-size:clamp(42px,4.6vw,64px)}.chapter-screen{background:radial-gradient(ellipse at 50% 40%,#68339450,transparent 73%),#130c1c}.contact{position:relative;isolation:isolate}.contact:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at right,#6e329323,transparent 68%);z-index:-1}.contact h2{font-weight:800}.button{box-shadow:0 5px 25px #bb83ff18}.button:hover{box-shadow:0 8px 35px #bb83ff35}@keyframes orbit-drift{50%{transform:translate(-50%,-50%) rotate(-10deg) rotateX(58deg)}}@keyframes orbit-counter{50%{transform:translate(-50%,-50%) rotate(60deg) rotateX(42deg)}}@keyframes orbit-inner{50%{transform:translate(-50%,-50%) rotate(-80deg) rotateX(48deg)}}@keyframes speck-glow{50%{opacity:.2;transform:translateY(-8px)}}@keyframes device-float{50%{translate:0 -12px}}@media(max-width:800px){header nav{padding:14px 16px;gap:18px;width:100%;justify-content:space-between;border-radius:12px}.studio-hero h1{font-size:clamp(48px,11vw,86px);margin:48px 0 0;line-height:1.02}.hero-sculpture{height:285px}.light-orbit{width:330px;height:155px}.orbit-b{width:280px;height:175px}.orbit-c{width:220px;height:145px}.sculpture-core{width:85px;height:85px}.hero-summary{text-align:center;align-items:center;gap:24px}.hero-summary p{max-width:430px;font-size:15px}.hero-rule{margin-top:36px}.studio-hero:before{inset:0 -24px}.feature-copy h2{font-size:38px}.mora-story h1{font-size:clamp(34px,7.7vw,52px)}}@media(max-width:400px){header nav{padding:13px 12px;gap:10px}.studio-hero h1{font-size:11vw}.hero-sculpture{height:245px}.light-orbit{width:270px;height:135px}.orbit-b{width:235px;height:155px}.orbit-c{width:190px;height:125px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
