:root{--ribbon-1:#08cbd4;--ribbon-2:#267ff3;--ribbon-3:#5941ef;--ribbon-4:#a77af2;--accent:#a7c6ff;--accent-rgb:76,122,255;--theme-light:#e9edf5;--theme-panel:#121923;--theme-contact:#131d30;--theme-deep:#0a0e17;--p2m-duration:2400ms;--p2m-ease-enter:cubic-bezier(.4,0,.6,1);--p2m-ease-settle:cubic-bezier(.16,1,.3,1)}
body[data-theme=dawn]{--ribbon-1:#ffdc9b;--ribbon-2:#ff966f;--ribbon-3:#ec568d;--ribbon-4:#b781df;--accent:#ffc3a2;--accent-rgb:240,139,102;--theme-light:#f1e9e4;--theme-panel:#211a1c;--theme-contact:#271c23;--theme-deep:#130f14}
body[data-theme=forest]{--ribbon-1:#b1edc9;--ribbon-2:#47cba9;--ribbon-3:#23a6a6;--ribbon-4:#5096dd;--accent:#a5dccb;--accent-rgb:69,173,149;--theme-light:#e5eeea;--theme-panel:#14201e;--theme-contact:#152a26;--theme-deep:#0b1413}
body{background:var(--theme-deep);transition:background-color 1.6s ease;color:#f0f2f6}.brand-mark{display:block;flex-shrink:0;overflow:visible}.brand-stop-0{stop-color:var(--ribbon-1)}.brand-stop-1{stop-color:var(--ribbon-2)}.brand-stop-2{stop-color:var(--ribbon-3)}.brand-stop-3{stop-color:var(--ribbon-4)}.brand-stop-0,.brand-stop-1,.brand-stop-2,.brand-stop-3{transition:stop-color 1.6s ease}.site-header{position:relative;z-index:30}.site-header nav a:hover,.text-link{color:var(--accent)}.primary{background:var(--accent);border-color:var(--accent);color:#111b29}.primary:hover{background:#f6f7fb;border-color:#f6f7fb}.hero{isolation:isolate;padding-top:62px}.hero:before{content:'';position:absolute;width:70%;height:650px;right:0;top:-90px;background:radial-gradient(ellipse,rgba(var(--accent-rgb),.085),transparent 65%);pointer-events:none;z-index:-1;transition:background 1.6s}.hero h1>span{color:var(--accent);transition:color 1.6s}.hero .eyebrow{color:#a0aec5}.hero-description{color:#b2bacb}.hero-signature{color:#a6afc1}.hero-signature .brand-mark{width:30px;height:30px}.dream-art{height:438px;border:1px solid #ffffff18;border-radius:18px;background:radial-gradient(ellipse at 50% 42%,rgba(var(--accent-rgb),.11),transparent 65%),linear-gradient(140deg,#ffffff06,#ffffff01);position:relative;overflow:hidden;isolation:isolate}.dream-art:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff025 1px,transparent 1px);background-size:100% 42px;opacity:.2}.art-top,.art-bottom{position:absolute;left:26px;right:26px;display:flex;justify-content:space-between;gap:14px;align-items:center;z-index:2}.art-top{top:20px;font-size:9px;letter-spacing:.13em;color:#a6afc1}.art-bottom{bottom:24px;font-size:11px;color:#a7b0c3}.art-bottom>span:first-child{letter-spacing:.08em;color:var(--accent)}.art-bottom>span:last-child{font-size:10px}.replay-intro{background:transparent;color:#adb8cc;border:0;font-size:20px;display:flex;align-items:center;gap:6px;padding:5px 0;min-height:44px}.replay-intro span{font-size:10px;letter-spacing:0}.replay-intro:hover{color:white}.hero-mark-stage{position:absolute;inset:40px 8px 30px;display:grid;place-items:center}.hero-mark-stage>.brand-mark{width:275px;height:275px;filter:drop-shadow(0 10px 45px rgba(var(--accent-rgb),.16))}.hero-mark-stage:before,.hero-mark-stage:after{content:'';position:absolute;border:1px solid #ffffff0e;border-radius:50%;width:315px;height:315px;transform:rotate(-25deg) scaleY(.65);pointer-events:none}.hero-mark-stage:after{transform:rotate(40deg) scaleY(.65);width:345px;height:345px;border-color:#ffffff08}.hero .hero-base{margin-top:14px}.light-section{background:var(--theme-light);transition:background-color 1.6s ease}.contact{background:var(--theme-contact);transition:background-color 1.6s ease}.tool-title>.brand-mark{width:58px;height:58px}.ecosystem-intro>.brand-mark{width:190px;height:190px;margin-right:25px}.studio-intro{display:grid;grid-template-columns:1fr 1.13fr;gap:7%;align-items:center;min-height:330px;margin:0 0 58px;border-block:1px solid #ffffff1a;padding:38px 0;background:transparent}.studio-identity{display:flex!important;align-items:center;gap:15px;padding:0!important;min-width:0}.studio-morph{width:148px;height:170px;flex-shrink:0}.studio-morph svg{display:block;width:100%;height:100%;overflow:visible}.studio-wordmark{display:flex;flex-direction:column;gap:10px}.studio-wordmark strong{font-size:clamp(26px,3.1vw,43px);line-height:1.35;letter-spacing:-.04em;white-space:nowrap}.studio-wordmark span{font-size:11px!important;color:#abb5c7!important;letter-spacing:.03em!important}.studio-description>.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--accent);display:block;margin:0 0 15px}.studio-description h2{font-size:32px;line-height:1.5;margin-bottom:16px}.studio-description p{font-size:15px!important;line-height:1.95!important;color:#acb6c8!important}.studio-description .text-link{font-size:13px;margin-top:20px}.studio-wordmark{opacity:1}.works .section-top{margin-bottom:34px}.works-heading h2{font-size:31px}.works .section-top .section-note{color:#a2adc0}.work-image{border:1px solid #ffffff0f}.work-caption>p{color:#acb5c6}.ecosystem-grid p,.body-copy{color:#abb5c7}.theme-dock{position:fixed;right:24px;bottom:22px;z-index:45;display:flex;align-items:center;gap:10px;background:#121720df;border:1px solid #ffffff20;border-radius:40px;padding:4px 8px 4px 18px;box-shadow:0 8px 28px #0003;backdrop-filter:blur(20px);color:#c7cedd}.theme-label{font-size:11px;letter-spacing:.08em}.theme-options{display:flex;align-items:center;gap:0}.theme-options button,.theme-auto{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:#d5dceb;border-radius:50%;padding:0}.theme-options button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #d4d9e3a6}.swatch{width:20px;height:20px;border-radius:50%;display:block}.swatch.moon{background:linear-gradient(135deg,#08cbd4,#267ff3,#a77af2)}.swatch.dawn{background:linear-gradient(135deg,#ffdc9b,#ff966f,#ec568d)}.swatch.forest{background:linear-gradient(135deg,#b1edc9,#47cba9,#5096dd)}.theme-auto{border-left:1px solid #ffffff17;border-radius:0 30px 30px 0;font-size:13px;margin-left:2px;width:36px}.theme-options button:hover,.theme-auto:hover{background:#ffffff0b}.sr-only{position:absolute!important;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.footer{padding-bottom:105px}.site-header nav.open{background:var(--theme-panel)}
#dream-entry{padding:0;margin:0;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;color:#f0f2f6;background:var(--theme-deep);overflow:hidden;opacity:1;transition:opacity .42s ease,background-color 1.6s ease}#dream-entry::backdrop{background:#080b12}#dream-entry.is-leaving{opacity:0;pointer-events:none}.entry-shell{height:100%;display:flex;flex-direction:column;padding:28px 4.8vw;position:relative;isolation:isolate}.entry-shell:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 43%,rgba(var(--accent-rgb),.10),transparent 57%);pointer-events:none}.entry-top,.entry-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center}.entry-top>span{font-size:22px;letter-spacing:.1em;font-weight:600}.entry-top small{font-size:14px;font-weight:400;letter-spacing:.05em;margin-left:10px;color:#a2adc2}.entry-top button{background:none;border:1px solid #ffffff24;border-radius:30px;padding:10px 18px;color:#c7cfdd;font-size:12px;min-height:44px}.entry-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding-bottom:15px}.entry-stage{width:clamp(260px,43vw,500px);height:clamp(230px,37vh,390px);flex-shrink:1;min-height:170px;position:relative}.bubble-scene{display:block;width:100%;height:100%;overflow:visible}.entry-kicker{font-size:10px;letter-spacing:.2em;color:#a4b1cb;margin-top:3px}.entry-center h2{font-size:clamp(26px,3.3vw,46px);font-weight:400;line-height:1.6;letter-spacing:.06em;margin-top:16px}.entry-center>p:not(.entry-kicker){font-size:13px;color:#a5b0c6;margin-top:12px;letter-spacing:.08em}.entry-center .button{border-radius:40px;min-width:166px;margin-top:30px;gap:25px;min-height:50px}.entry-center .button:disabled{cursor:default;opacity:.6;transform:none}.entry-bottom{font-size:10px;color:#8996ad;letter-spacing:.1em;padding-top:20px}.entry-bottom>span:last-child{font-size:9px;letter-spacing:.16em}.entry-shell.is-animating .entry-kicker,.entry-shell.is-animating h2,.entry-shell.is-animating #entry-description{transition:opacity .6s ease;opacity:.45}.entry-shell.is-animating #start-dream{opacity:.3}.bubble-scene .master-mark{filter:drop-shadow(0 12px 23px rgba(var(--accent-rgb),.17))}.theme-dock:has(~#dream-entry[open]){visibility:hidden}
.motion-study{max-width:1100px;padding:35px 25px 70px;margin:auto}.motion-study>a{font-size:13px;color:var(--accent)}.motion-study>.eyebrow{margin-top:30px}.motion-study h1{font-size:clamp(25px,4vw,40px);font-weight:400;margin:15px 0}.study-stage{height:430px;max-width:560px;margin:auto}.study-controls{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center;font-size:13px}.study-controls label{display:flex;align-items:center;gap:8px}.study-controls input{width:125px;accent-color:var(--accent)}.motion-atoms{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:38px}.motion-atoms button{border:1px solid #ffffff1a;border-radius:15px;background:#ffffff03;color:#c5cee0;display:flex;flex-direction:column;align-items:center;padding:20px;font-size:13px;gap:12px}.atom-mark{width:65px;height:65px;display:block}.atom-mark>.brand-mark{width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1)}.atom-hover:hover .brand-mark{transform:translateY(-7px) rotate(-5deg)}.atom-turn:hover .brand-mark{transform:rotate(90deg)}.study-note{font-size:12px;color:#a4afc2;text-align:center;margin-top:30px}
@media(min-width:1600px){.dream-art{height:490px}.hero-mark-stage>.brand-mark{width:315px;height:315px}}@media(max-width:1100px){.studio-intro{gap:5%;grid-template-columns:1fr 1.1fr}.studio-morph{width:108px;height:135px}.studio-identity{gap:8px}.studio-wordmark strong{font-size:30px}.studio-wordmark span{font-size:9px!important}.studio-description h2{font-size:29px}.art-top{left:18px;right:18px;font-size:8px}.art-top .replay-intro span{display:none}.hero-mark-stage>.brand-mark{width:245px;height:245px}}@media(max-width:760px){.hero{padding-top:25px}.dream-art{height:330px}.hero-mark-stage{inset:32px 0 25px}.hero-mark-stage>.brand-mark{width:235px;height:235px}.hero-mark-stage:before{width:260px;height:260px}.hero-mark-stage:after{width:290px;height:290px}.art-top{left:20px;right:20px;top:13px;font-size:8px}.art-bottom{left:20px;right:20px;bottom:19px}.art-bottom>span:last-child{font-size:9px}.tool-title>.brand-mark{width:43px;height:43px}.ecosystem-intro>.brand-mark{width:78px;height:78px;margin:7px 0 0}.studio-intro{display:grid;grid-template-columns:1fr;gap:28px;padding:30px 0;min-height:0;margin-bottom:35px}.studio-identity{gap:16px!important;justify-content:center}.studio-morph{width:105px;height:130px}.studio-wordmark strong{font-size:34px}.studio-wordmark span{font-size:10px!important}.studio-description h2{font-size:29px}.studio-description p{font-size:14px!important}.studio-description .text-link{font-size:12px}.works-heading h2{font-size:28px}.theme-dock{right:12px;bottom:12px;padding-left:10px;gap:4px}.theme-label{font-size:10px;letter-spacing:0}.theme-options button{width:38px;height:40px}.theme-auto{width:32px}.footer{padding-bottom:110px}.entry-shell{padding:20px 23px}.entry-top>span{font-size:19px}.entry-top small{font-size:12px}.entry-top button{padding:8px 13px;font-size:11px}.entry-stage{width:90vw;height:34vh;min-height:195px;max-height:320px}.entry-center h2{font-size:29px;letter-spacing:0;margin-top:15px}.entry-kicker{font-size:8px}.entry-center>p:not(.entry-kicker){font-size:12px;letter-spacing:0}.entry-bottom>span:last-child{display:none}.entry-bottom{font-size:9px;justify-content:center}.entry-center .button{margin-top:27px}.entry-center{padding-bottom:12px}.study-stage{height:330px}.motion-atoms{gap:8px}.motion-atoms button{font-size:11px;padding:14px 8px}.motion-study{padding-inline:18px}.study-controls{gap:14px}.study-controls input{width:100px}}@media(max-height:640px){.entry-stage{height:210px;min-height:150px}.entry-center h2{font-size:25px;margin-top:0}.entry-center .button{margin-top:18px}.entry-kicker{margin-top:0}.entry-shell{padding-block:14px}.entry-center>p:not(.entry-kicker){margin-top:5px}.entry-bottom{padding-top:10px}}
@media(prefers-reduced-motion:reduce){body,.brand-stop-0,.brand-stop-1,.brand-stop-2,.brand-stop-3,.light-section,.contact{transition:none!important}.hero:before{transition:none}.atom-hover:hover .brand-mark,.atom-turn:hover .brand-mark{transform:none}.theme-auto{opacity:.4}html{scroll-behavior:auto}}