@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&family=Poppins:wght@200;300;400;500;600&display=swap');
:root{color-scheme:dark;--cyan:#69eef5;--violet:#9780ff;--ink:#02060c}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;color:#f4f2ed;background:#02060c;font-family:Manrope,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.top{position:fixed;z-index:20;inset:0 0 auto;height:72px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff25;background:#020711aa;backdrop-filter:blur(18px);font:500 11px Poppins,sans-serif;letter-spacing:.15em}.top .logo{font:17px Poppins,sans-serif;letter-spacing:.24em}.city-journey{height:360vh;position:relative}.city-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#020711}#studioCity,.city-grade{position:absolute;inset:0;width:100%;height:100%}.city-grade{pointer-events:none;background:linear-gradient(90deg,rgba(1,5,12,.68),transparent 45%,rgba(1,4,9,.22)),linear-gradient(0deg,rgba(1,5,10,.65),transparent 38%,rgba(1,5,12,.4));z-index:2}.city-copy{position:absolute;z-index:4;left:5vw;top:18vh;width:min(780px,80vw)}.city-copy p,.city-copy span,.city-copy i,.city-depth small,.city-depth b,.kicker,.work-head p,.project small,.project b,.closing>p,footer,dialog small,dialog label{font-weight:500;font-family:Poppins,sans-serif;letter-spacing:.13em}.city-copy p{font-size:11px;color:var(--cyan)}.city-copy h1{font-size:clamp(82px,12vw,185px);line-height:.76;letter-spacing:-.075em;font-weight:400;margin:40px 0}.city-copy h1 em,.services h2 em,.work h2 em,.closing h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(126,235,244,.62)}.city-copy span{display:block;max-width:620px;font-size:12px;line-height:1.9;color:#ffffffb8}.city-copy i{display:block;margin-top:55px;font-style:normal;font-size:10px;color:#ffffff85}.city-clarity{display:block;max-width:560px;margin-top:20px;font-size:13px;line-height:1.7;color:#ffffffd0}
@media(max-width:700px){.city-clarity{font-size:12px}footer{flex-wrap:wrap!important;row-gap:14px!important;padding:28px 22px!important}footer span{width:100%;margin-right:0!important}.city-copy h1,.services h2,.work h2,.closing h2,.city-copy p,.city-copy>span{overflow-wrap:break-word!important;word-break:normal!important;hyphens:auto!important;max-width:100%!important}}
.one-accent{background:linear-gradient(100deg,#f2b25a,#c9852f);-webkit-background-clip:text;background-clip:text;color:transparent}
.soon-plate{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(120,90,20,.18),transparent 55%),linear-gradient(150deg,#0c0e18,#05060b)}
.soon-plate img{width:min(46%,240px);height:auto;filter:drop-shadow(0 12px 40px rgba(242,178,90,.18))}
.soon-plate em{position:absolute;right:20px;bottom:20px;padding:8px 14px;border:1px solid rgba(240,178,90,.5);border-radius:20px;background:rgba(10,10,18,.6);font:500 9px Poppins,sans-serif;font-style:normal;letter-spacing:.14em;color:#f2b25a}
.project--soon:hover{border-color:rgba(240,178,90,.7)}
.project--soon b{color:#f2b25a}
h1,h2,h3,h4,.maigia strong,.private-crm strong{font-family:'Poppins',sans-serif}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.work-head span{display:block;max-width:520px;margin-top:20px;font:500 12px/1.8 Poppins,sans-serif;letter-spacing:.1em;color:#ffffffb0}
.work-expand{display:none;width:100%;margin-top:28px;padding:18px 0;border:1px solid #ffffff40;border-radius:26px;background:transparent;color:white;font:500 11px Poppins,sans-serif;letter-spacing:.14em;cursor:pointer;transition:background .25s,border-color .25s}
.work-expand:hover{background:#ffffff12;border-color:#ffffff70}
.work-expand b{margin-left:8px;font-size:14px}
@media(max-width:900px){.work-grid .project:not(.project--featured){display:none}.work-grid.is-expanded .project{display:block!important}.work-expand{display:block}}.city-depth{position:absolute;z-index:5;inset:0;pointer-events:none}.city-depth article{position:absolute;width:min(370px,32vw);padding:27px;border:1px solid #c9f7ff5e;border-radius:24px;background:linear-gradient(145deg,#d9f7ff1f,#07172688 48%,#080c1a99);backdrop-filter:blur(13px) saturate(160%);box-shadow:inset 1px 1px #ffffff70,0 24px 80px #0009;opacity:0;transform:translateY(35px) scale(.94);transition:opacity .5s,transform .7s}.city-depth article:nth-child(1){left:9vw;bottom:12vh}.city-depth article:nth-child(2){left:38vw;top:22vh}.city-depth article:nth-child(3){right:6vw;bottom:15vh}.city-depth b,.city-depth small{font-size:10px;color:var(--cyan)}.city-depth b{float:right}.city-depth h2{font-size:clamp(27px,3vw,45px);line-height:1;margin:70px 0 0;font-weight:450}.city-journey[data-step="1"] .city-copy{opacity:0;transform:translateY(-50px)}.city-copy{transition:opacity .6s,transform .8s}.city-journey[data-step="1"] .city-depth article:nth-child(1),.city-journey[data-step="2"] .city-depth article:nth-child(2),.city-journey[data-step="3"] .city-depth article:nth-child(3){opacity:1;transform:none}.services,.work{position:relative;z-index:6;padding:15vh 5vw;background:#030812}.kicker,.work-head p,.closing>p{font-size:11px;color:var(--cyan)}.services header{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.services h2,.work h2,.closing h2{font-size:clamp(62px,9vw,138px);line-height:.84;letter-spacing:-.06em;font-weight:400;margin:35px 0}.services header>p{font:500 15px/1.85 Poppins,sans-serif;letter-spacing:.02em;color:#ffffffd9;max-width:520px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:11vh}.service-grid article{position:relative;overflow:hidden;min-height:340px;padding:30px;border:1px solid rgba(255,255,255,.4);border-radius:25px;background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(105,238,245,.06) 45%,rgba(7,19,35,.7));backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 1px 1px rgba(255,255,255,.5),inset -1px -1px rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.35);transition:transform .4s,box-shadow .4s,border-color .4s}.service-grid article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.4),transparent 32%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 48%,transparent 66%);pointer-events:none;mix-blend-mode:screen}.service-grid article:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.65);box-shadow:inset 1px 1px rgba(255,255,255,.6),inset -1px -1px rgba(255,255,255,.1),0 32px 80px rgba(0,0,0,.45),0 0 40px rgba(105,238,245,.18)}.service-grid article>*{position:relative;z-index:1}.service-grid span{font:500 9px Poppins,sans-serif;color:var(--cyan)}.service-grid h3{font-size:27px;line-height:1.05;margin:75px 0 24px}.service-grid p{font:500 10px/1.8 Poppins,sans-serif;color:#ffffff9e}.work{background:radial-gradient(circle at 75% 12%,#34206055,transparent 26%),#02060c}.work-head{margin-bottom:10vh}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project{display:grid;grid-template-columns:1.25fr .75fr;min-height:520px;border:1px solid #ffffff32;border-radius:28px;overflow:hidden;background:#06101a;box-shadow:0 30px 90px #0008;transition:transform .4s,border-color .4s}.project:hover{transform:translateY(-8px);border-color:#c9faff99}.project--wide{grid-column:1/-1}.project-image{background:linear-gradient(0deg,#02081177,transparent),var(--image) center/cover no-repeat}.project>div:last-child{padding:36px;display:flex;flex-direction:column}.project small{font-size:10px;color:var(--cyan)}.project h3{font-size:clamp(32px,3.8vw,60px);line-height:.95;margin:90px 0 20px}.project p{font:500 10px/1.8 Poppins,sans-serif;color:#ffffffa8}.project b{font-size:10px;margin-top:auto;padding-top:25px;border-top:1px solid #ffffff3a}.maigia{padding:38px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 30% 35%,#42edff55,transparent 28%),radial-gradient(circle at 75% 65%,#8c62ff66,transparent 30%),linear-gradient(135deg,#071322,#02050a);overflow:hidden}.maigia:after{content:"";width:360px;aspect-ratio:1;border:1px solid #8df7ff77;transform:rotate(45deg);align-self:center;box-shadow:0 0 90px #4be6ff33,inset 0 0 70px #9568ff25}.maigia span{font:500 9px Poppins,sans-serif;letter-spacing:.14em;color:var(--cyan)}.maigia strong{font-size:clamp(50px,7vw,110px);letter-spacing:-.06em}.closing{position:relative;padding:18vh 5vw;background:linear-gradient(135deg,#071a27,#100b24 55%,#02060b)}.closing button{width:min(520px,100%);padding:20px 0;border:0;border-bottom:1px solid #ffffff99;background:transparent;color:white;text-align:left;font:500 10px Poppins,sans-serif;letter-spacing:.14em;cursor:pointer}footer{display:flex;gap:32px;padding:34px 5vw;border-top:1px solid #ffffff24;font-size:10px}footer span{margin-right:auto}dialog{width:min(1050px,94vw);border:1px solid #bcefff66;border-radius:28px;padding:55px;background:linear-gradient(140deg,#0a2934f5,#050711fa);color:white}dialog::backdrop{background:#01040ae8;backdrop-filter:blur(15px)}dialog[open]{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.close{position:absolute;right:24px;top:20px;background:none;border:0;color:white}dialog h2{font-size:70px;margin:55px 0 30px}dialog a{display:block;margin-top:14px;font:500 11px Poppins,sans-serif}dialog form{display:grid;gap:22px}dialog label{font-size:10px;color:var(--cyan)}dialog input,dialog textarea{display:block;width:100%;padding:12px 0;border:0;border-bottom:1px solid #ffffff42;background:none;color:white;outline:none}dialog form button{padding:17px 0;background:none;border:0;border-bottom:1px solid #ffffff88;color:white;text-align:left}
@media(max-width:900px){.top span{display:none}.city-depth article{width:78vw;left:11vw!important;right:auto!important;top:auto!important;bottom:12vh!important}.services header{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}.project,.project--wide{grid-column:auto;grid-template-columns:1fr;min-height:720px}.project-image,.maigia{min-height:380px}dialog[open]{display:block}dialog form{margin-top:45px}}
@media(max-width:600px){.city-copy h1{font-size:20vw}.service-grid{grid-template-columns:1fr}.project{min-height:650px}.services h2,.work h2,.closing h2{font-size:16vw}.top{padding:0 20px}.services,.work,.closing{padding-left:22px;padding-right:22px}}

#cursor-fx{position:fixed;z-index:60;inset:0;width:100vw;height:100vh;pointer-events:none;mix-blend-mode:screen}@media(pointer:coarse),(prefers-reduced-motion:reduce){#cursor-fx{display:none}}

/* Liquid-glass project layer */
.project{position:relative;isolation:isolate;background:linear-gradient(145deg,rgba(191,237,255,.13),rgba(6,18,31,.7) 44%,rgba(9,8,23,.72));backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 1px 1px 0 rgba(255,255,255,.5),inset -1px -1px 0 rgba(63,190,232,.12),0 34px 100px rgba(0,0,0,.48);transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));transition:transform .18s ease-out,border-color .3s,box-shadow .3s}
.project:before{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,20%) var(--gy,10%),rgba(255,255,255,.36),transparent 20%),linear-gradient(112deg,rgba(255,255,255,.2),transparent 19%,transparent 72%,rgba(86,220,255,.1));mix-blend-mode:screen}.project:hover{--lift:-9px;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift));box-shadow:inset 1px 1px 0 rgba(255,255,255,.72),inset -1px -1px 0 rgba(75,215,255,.2),0 42px 120px rgba(0,0,0,.55),0 0 40px rgba(72,220,255,.08)}
.project>div{position:relative;z-index:2}.project-image{transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s}.project:hover .project-image{transform:scale(1.035);filter:saturate(1.12) brightness(1.06)}
.maigia{position:relative;padding:0!important;min-height:520px}.maigia iframe{position:absolute;z-index:0;inset:0;width:100%;height:100%;border:0;background:#02060c}.maigia span,.maigia strong{position:absolute;z-index:2;left:38px}.maigia span{top:34px}.maigia strong{bottom:34px}.maigia:after{display:none}
.private-crm{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:42px;background:radial-gradient(circle at 50% 48%,rgba(79,225,255,.14),transparent 26%),linear-gradient(145deg,#071a29,#030812);overflow:hidden}.private-crm:before{content:"";position:absolute;width:48%;aspect-ratio:1;left:26%;top:14%;border:1px solid rgba(112,235,244,.55);border-radius:28%;transform:rotate(45deg);box-shadow:0 0 70px rgba(68,223,255,.16),inset 0 0 45px rgba(133,87,255,.13)}.private-crm i{position:absolute;width:36%;aspect-ratio:1;left:32%;top:20%;border:1px solid rgba(160,126,255,.42);border-radius:28%;transform:rotate(45deg);animation:crmPulse 4s ease-in-out infinite}.private-crm span,.private-crm strong{position:relative;z-index:2;font-family:Poppins,sans-serif;letter-spacing:.14em}.private-crm span{font-size:10px;color:var(--cyan)}.private-crm strong{font-size:clamp(35px,5vw,75px);align-self:flex-end}@keyframes crmPulse{50%{transform:rotate(57deg) scale(1.06);opacity:.55}}
.tis-venue{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:42px;background:radial-gradient(circle at 28% 22%,rgba(255,90,214,.16),transparent 30%),radial-gradient(circle at 76% 72%,rgba(105,238,245,.14),transparent 32%),linear-gradient(145deg,#0b0715,#02060c);overflow:hidden}.tis-venue:before{content:"";position:absolute;width:50%;aspect-ratio:1;left:25%;top:15%;border:1px solid rgba(255,90,214,.5);border-radius:50%;box-shadow:0 0 80px rgba(255,90,214,.16),inset 0 0 50px rgba(105,238,245,.12)}.tis-venue i{position:absolute;width:34%;aspect-ratio:1;left:33%;top:23%;border:1px solid rgba(105,238,245,.5);border-radius:50%;animation:crmPulse 4s ease-in-out infinite}.tis-venue span,.tis-venue strong{position:relative;z-index:2;font-family:Poppins,sans-serif;letter-spacing:.14em}.tis-venue span{font-size:10px;color:#ff5ad6}.tis-venue strong{font-size:clamp(30px,4.2vw,58px);align-self:flex-start}
@media(max-width:900px){.maigia{min-height:390px}}

.maigia spline-viewer{position:absolute;z-index:0;inset:0;width:100%;height:100%}.maigia iframe{display:none}