:root{--dark:#0b0c10;--dark2:#121419;--cream:#f3f3ef;--white:#fff;--ink:#17191f;--muted:#8a8d9b;--blue:#5879ff;--blue-light:#9db2ff;--border-dark:rgba(255,255,255,.13);--border-light:rgba(18,20,28,.12);--font-display:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-body:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--dark);color:#f9fafc;font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:#8ea4ff;color:#10121a}:focus-visible{outline:3px solid #7593ff;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display)}.container{width:min(1180px,calc(100% - 76px));margin-inline:auto}.container-wide{width:min(1390px,calc(100% - 70px));margin-inline:auto}.skip-link{position:fixed;z-index:300;left:20px;top:-100px;padding:13px 22px;background:white;color:#111;border-radius:10px}.skip-link:focus{top:16px}.scroll-progress{position:fixed;z-index:202;top:0;left:0;width:0;height:2px;background:#9cafed;transition:width .1s linear;pointer-events:none}
/* navigation */
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;padding-top:21px}.nav-shell{height:65px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;white-space:nowrap}.brand-symbol{height:26px;width:26px;color:#dce5ff}.brand-name{font-family:var(--font-display);font-weight:800;letter-spacing:-1.45px;font-size:20px;line-height:1}.brand-name>span{font-weight:500}.brand-name sup{font-size:8px;position:relative;top:-8px;margin-left:2px;letter-spacing:0;font-weight:700}.desktop-nav{display:flex;align-items:center;gap:2px}.nav-pill{border:1px solid rgba(255,255,255,.075);background:rgba(35,37,44,.82);border-radius:100px;padding:5px;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 9px 28px #0002}.nav-link{border-radius:99px;color:#a7abb7;font-size:12px;font-weight:600;padding:10px 17px;transition:background .25s,color .25s}.nav-link:hover,.nav-link.is-active{color:#fff;background:rgba(255,255,255,.105)}.nav-right{display:flex;align-items:center;gap:23px}.availability{font-size:11px;color:#b6bac6;display:flex;gap:8px;align-items:center;white-space:nowrap}.availability-dot{background:#b4f0aa;height:6px;width:6px;border-radius:50%;box-shadow:0 0 11px #84e4a255}.nav-contact{border-radius:100px;background:#f8f8fa;color:#111;font-size:12px;font-weight:700;min-width:111px;text-align:center;padding:13px 17px;transition:background .22s,transform .22s}.nav-contact:hover{background:#dfe7ff}.nav-contact span{margin-left:10px}.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px;padding:11px;flex-direction:column;gap:7px;justify-content:center;z-index:102}.menu-toggle span{display:block;width:100%;height:2px;background:white;transition:transform .3s}.mobile-menu{display:none}
/* universal */
.section-pad{padding-top:126px;padding-bottom:132px}.section-light{background:var(--cream);color:var(--ink)}.section-dark{background:var(--dark);color:var(--white)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--border-light);padding-bottom:19px;margin-bottom:71px}.section-dark .section-top{border-color:var(--border-dark)}.section-kicker{font-size:11px;letter-spacing:1.25px;font-weight:700;display:inline-flex;gap:11px;align-items:center;white-space:nowrap}.kicker-dot{height:7px;width:7px;background:var(--blue);display:inline-block;border-radius:2px}.section-top-right{font-size:12px;color:#797c83}.section-dark .section-top-right{color:#9b9daa}.display-title{font-size:clamp(49px,6.3vw,94px);line-height:1.065;letter-spacing:-.078em;font-weight:600;margin-bottom:0}.display-title--light{color:#f9faff}.display-title em{font-style:normal;color:#5879ff}.muted-title{color:#727680}.blue-period{color:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:45px;padding-bottom:9px;border-bottom:1px solid currentColor;font-size:13px;font-weight:700;transition:gap .2s}.text-link:hover{gap:60px}.dark-link{color:#151820}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;border-radius:100px;padding:7px 8px 7px 23px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s,transform .25s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button-icon{height:36px;width:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;font-weight:400}.button-light{background:#fff;color:#151620}.button-light:hover{background:#e9eeff;box-shadow:0 6px 32px #fff2}.button-light .button-icon{background:#dce4ff;color:#293eb8}.button-outline{border-color:rgba(255,255,255,.3);background:rgba(13,14,18,.35);color:#f8f9fa;padding:7px 21px}.button-outline:hover{background:rgba(255,255,255,.12)}.button-blue{background:#5475f5;color:#fff}.button-blue:hover{background:#3d5edc}.button-blue .button-icon{color:#3554ce;background:#dce4ff}
/* hero */
.hero{isolation:isolate;position:relative;min-height:1015px;overflow:hidden;padding-top:174px;background:radial-gradient(ellipse at 50% 46%,#191b25 0,#101115 43%,#0a0b0d 78%)}.hero-grain{pointer-events:none;position:absolute;inset:0;z-index:-1;opacity:.27;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='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.14' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-glow{position:absolute;z-index:-1;filter:blur(55px);pointer-events:none;border-radius:50%}.hero-glow--a{width:380px;height:280px;background:#4248932b;top:220px;left:calc(50% - 300px)}.hero-glow--b{width:600px;height:260px;background:#3756a32b;bottom:50px;left:calc(50% - 260px)}.hero-intro{position:relative;z-index:6;text-align:center}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#c5c8d4;display:flex;align-items:center;justify-content:center;gap:10px}.eyebrow-square{height:7px;width:7px;background:#a4eb76;border-radius:2px;box-shadow:0 0 14px #bbff9c33}.eyebrow-separator{color:#666d7e}.hero h1{font-size:clamp(65px,7.15vw,105px);letter-spacing:-.082em;line-height:1.06;font-weight:600;margin:28px 0 19px;text-shadow:0 5px 26px #0002}.headline-accent{color:#d5d5d9;font-weight:500}.headline-accent .blue-period{color:#8ea4ff}.hero-subline{color:#e9eaf0;font-size:16px;font-weight:600;margin-bottom:16px;letter-spacing:-.3px}.hero-subline span{color:#90a8ff}.hero-description{max-width:506px;line-height:1.75;margin:0 auto;color:#9da0af;font-size:13px}.hero-buttons{display:flex;justify-content:center;gap:12px;margin-top:25px}.hero-stage{position:relative;height:485px;max-width:1330px;margin:22px auto 0;perspective:1400px;transform-style:preserve-3d}.stage-grid{position:absolute;width:1000px;height:360px;left:50%;bottom:-205px;transform:translateX(-50%) rotateX(77deg);background-image:linear-gradient(to right,#7c8bfa18 1px,transparent 1px),linear-gradient(to bottom,#7c8bfa18 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,black 5%,transparent 75%);pointer-events:none}.stage-orbit{position:absolute;left:50%;top:55%;border:1px solid #9caffb0f;border-radius:50%;transform:translate(-50%,-50%) rotate(-10deg);pointer-events:none}.stage-orbit--one{width:940px;height:250px}.stage-orbit--two{width:1180px;height:360px;transform:translate(-50%,-50%) rotate(10deg)}.stage-side-note{position:absolute;bottom:48px;left:35px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:2px;color:#8f92a2}.stage-side-note span{color:#4e6de9;margin-top:20px}.hero-card{--card-tilt-x:0deg;--card-tilt-y:0deg;position:absolute;display:block;border-radius:25px;transform-style:preserve-3d;filter:drop-shadow(0 33px 22px #0005);transition:filter .4s,transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}.hero-card:focus-visible{outline-offset:5px}.hero-card:hover{filter:drop-shadow(0 40px 32px #0008)}.hero-card-inner{height:100%;width:100%;border-radius:inherit;overflow:hidden;position:relative;transform:perspective(800px) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y));transition:transform .18s ease-out;backface-visibility:hidden;box-shadow:inset 0 1px #ffffff4f;border:1px solid #ffffff4c}.hero-card--creative{left:calc(50% - 430px);top:110px;width:295px;height:339px;transform:rotate(-12deg) scale(.96);z-index:2}.hero-card--creative:hover{transform:rotate(-8deg) scale(1.015) translateY(-12px)}.hero-card--creative .hero-card-inner{background:linear-gradient(138deg,#e58fab 0%,#ff7b88 55%,#c55081 100%)}.hero-card--technology{left:calc(50% - 162px);top:24px;width:322px;height:399px;transform:rotate(-2deg);z-index:5}.hero-card--technology:hover{transform:rotate(-1deg) scale(1.035) translateY(-12px)}.hero-card--technology .hero-card-inner{background:linear-gradient(133deg,#28bbd4 5%,#0b93cf 52%,#2d5bd9 100%)}.hero-card--business{left:calc(50% + 109px);top:98px;width:293px;height:341px;transform:rotate(9deg) scale(.96);z-index:3}.hero-card--business:hover{transform:rotate(5deg) scale(1.01) translateY(-12px)}.hero-card--business .hero-card-inner{background:linear-gradient(135deg,#c4ef6c,#64dd80 55%,#38b595)}.hero-card--property{left:calc(50% + 359px);top:135px;width:275px;height:326px;transform:rotate(13deg) scale(.94);z-index:1}.hero-card--property:hover{transform:rotate(9deg) scale(.99) translateY(-13px)}.hero-card--property .hero-card-inner{background:linear-gradient(145deg,#7871d6 0%,#4b51ac 55%,#353987 100%)}.card-topline{position:absolute;top:19px;left:20px;right:20px;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:800;letter-spacing:1px;color:#101925bc}.card-arrow{width:27px;height:27px;border:1px solid #18263155;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:500}.hero-card--property .card-topline,.hero-card--property .card-arrow{color:#f7f9ff;border-color:#ffffff5c}.card-heading{position:absolute;top:63px;left:20px;z-index:2;display:flex;flex-direction:column;gap:7px;color:#fff;text-shadow:0 2px 15px #0001}.card-heading strong{font-family:var(--font-display);font-size:30px;line-height:1.01;letter-spacing:-1.75px;font-weight:800}.card-heading small{font-size:10px;font-weight:600;color:#ffffffd7}.hero-card--business .card-heading{color:#173a2c}.hero-card--business .card-heading small{color:#234635b5}.hero-card--creative .card-heading{color:#5d233f}.hero-card--creative .card-heading small{color:#612b45ae}.card-art{position:absolute;width:123%;max-width:none;left:-11%;top:92px;filter:drop-shadow(0 13px 10px #0002);user-select:none;pointer-events:none;animation:float-art 5.5s ease-in-out infinite}.hero-card--technology .card-art{top:105px;width:127%;left:-13%}.hero-card--business .card-art{top:91px}.hero-card--property .card-art{top:90px;width:124%}.card-bottomline{position:absolute;bottom:15px;left:19px;right:19px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:9px;font-weight:700;color:#ffffffd9}.hero-card--creative .card-bottomline,.hero-card--business .card-bottomline{color:#244433ab}.circle-dash{font-size:20px;line-height:1}.stage-bottom-caption{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;white-space:nowrap;color:#9399ae;letter-spacing:1.7px;font-size:9px;font-weight:700}.stage-scroll-line{height:1px;width:40px;background:#7d8cab66}@keyframes float-art{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
/* manifesto */
.manifesto-strip{overflow:hidden;background:#5578ff;color:#f4f6ff;border-block:1px solid #6a8bff;transform:translateZ(0)}.manifesto-track{white-space:nowrap;min-width:200%;font-size:15px;font-weight:800;letter-spacing:1.6px;padding:19px 0;font-family:var(--font-display);animation:marquee 32s linear infinite}.manifesto-track b{color:#d2ff89;font-size:20px;padding:0 31px;vertical-align:middle}@keyframes marquee{to{transform:translateX(-50%)}}
/* about */
.about-grid{display:grid;grid-template-columns:1fr .82fr;gap:9%;align-items:start}.about-left .display-title{font-size:clamp(58px,6.2vw,91px)}.about-art{margin-top:67px;height:340px;overflow:hidden;position:relative;background:#d6ddf5;border-radius:16px;isolation:isolate}.about-art-glow{position:absolute;inset:-40%;background:radial-gradient(ellipse at 70% 35%,#b9c4ff 0,#7192f8 28%,#3243c3 68%,#27338a 100%);transform:rotate(8deg)}.about-art-a{font-family:var(--font-display);font-size:490px;font-weight:800;position:absolute;left:-8px;top:-130px;line-height:1;color:#ffffffea;letter-spacing:-70px;text-shadow:10px 17px 1px #b0c5ff,21px 32px 20px #101c7255}.about-art-star{position:absolute;font-size:110px;color:#d5f6b1;right:42px;top:13px;animation:star-rotate 24s linear infinite}.about-art-label{position:absolute;color:#151c4d;right:40px;bottom:40px;font-size:11px;font-weight:800;letter-spacing:1.5px;line-height:1.6}.about-art-corner{position:absolute;left:29px;bottom:26px;font-size:9px;color:#e9ebff;font-weight:800;letter-spacing:1.3px}@keyframes star-rotate{to{transform:rotate(360deg)}}.about-right{padding-top:6px}.about-lead{font-family:var(--font-display);font-size:clamp(26px,2.8vw,37px);line-height:1.33;letter-spacing:-1.3px;font-weight:600;margin-bottom:33px}.about-lead span{color:#5e78dd}.about-right>p:not(.about-lead){color:#5c6069;font-size:15px;line-height:1.85;margin-bottom:23px}.about-right .text-link{margin-top:18px}.about-principles{margin-top:81px;border-top:1px solid var(--border-light)}.about-principles>div{display:flex;align-items:center;gap:21px;padding:18px 0;border-bottom:1px solid var(--border-light)}.about-principles span{font-size:11px;color:#8a8c94}.about-principles strong{font-size:14px;font-family:var(--font-display)}
/* services */
.services{background:#101116}.services-heading-wrap{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:80px}.services-heading-wrap .display-title{font-size:clamp(58px,6.6vw,92px)}.services-heading-wrap>p{max-width:305px;font-size:14px;color:#a2a5b0;line-height:1.8;margin:0 0 8px}.service-accordion{border-top:1px solid #ffffff2c}.service-item{border-bottom:1px solid #ffffff29;scroll-margin-top:100px}.service-trigger{border:0;background:transparent;color:#f5f6fa;display:grid;align-items:center;grid-template-columns:65px minmax(0,1fr) 190px 43px;width:100%;text-align:left;padding:32px 0;gap:15px}.service-number{color:#9296a3;font-size:13px}.service-title{font-family:var(--font-display);font-size:clamp(22px,3.15vw,40px);font-weight:600;letter-spacing:-1.7px;transition:color .2s}.service-trigger:hover .service-title{color:#aabaff}.service-bubble{justify-self:start;border-radius:100px;padding:10px 15px;font-size:11px;font-weight:700;white-space:nowrap}.bubble-pink{background:#e8b4c2;color:#672d4b}.bubble-blue{background:#809fff;color:#172d84}.bubble-green{background:#bcf18b;color:#285333}.service-toggle-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;font-size:23px;font-weight:300;justify-self:end;transition:transform .25s,background .25s}.service-item.is-open .service-toggle-icon{background:#fff;color:#111;border-color:#fff}.service-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.23,.9,.3,1);visibility:hidden}.service-item.is-open .service-content{grid-template-rows:1fr;visibility:visible}.service-content-inner{min-height:0;overflow:hidden;padding-left:80px;padding-right:90px}.service-item.is-open .service-content-inner{padding-bottom:38px}.service-content p{max-width:690px;color:#b0b2bd;line-height:1.75;font-size:15px}.tag-list{display:flex;gap:8px;flex-wrap:wrap;max-width:800px;padding-top:9px}.tag-list span{color:#c7c9d2;border:1px solid #ffffff29;padding:10px 14px;font-size:11px;border-radius:100px}.service-cta{color:#aebfff;font-size:12px;font-weight:700;display:inline-flex;gap:20px;align-items:center;margin-top:26px;padding-bottom:6px;border-bottom:1px solid #aebfff}.service-cta:hover{gap:35px}
/* work */
.work-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:54px}.work-heading p{max-width:360px;color:#5e626c;line-height:1.75;font-size:15px;margin-bottom:10px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 24px}.project-card{min-width:0}.project-card--systems{grid-column:1/-1}.project-visual{position:relative;overflow:hidden;height:410px;border-radius:13px;isolation:isolate}.project-visual-top{position:absolute;top:25px;left:27px;right:27px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:10px}.visual-tab{display:inline-flex;align-items:center;gap:8px;background:#ffffffd8;border:1px solid #ffffffb2;border-radius:100px;padding:9px 13px;font-weight:800;font-size:9px;letter-spacing:.5px;color:#2b2e3b;backdrop-filter:blur(10px)}.visual-tab-dot{height:6px;width:6px;background:#5a7bfb;border-radius:50%}.visual-index{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#2d365b88}.visual-bottom{position:absolute;z-index:6;bottom:25px;left:28px;right:28px;font-weight:700;font-size:10px;letter-spacing:1.1px;color:#fff;display:flex;justify-content:space-between;align-items:center}.visual-bottom span{font-size:20px}.project-info{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-top:24px}.project-info .project-label{font-size:10px;color:#6f7686;letter-spacing:.7px;font-weight:700}.project-info h3{margin:10px 0 8px;font-size:25px;font-weight:650;letter-spacing:-1.2px}.project-info p{font-size:13px;color:#70727c;line-height:1.55;margin:0}.project-index{font-size:10px;color:#858792;white-space:nowrap}.property-visual{background:radial-gradient(ellipse at 55% 33%,#dddbe4 0,#b7bfce 42%,#8f9eb9 100%)}.property-visual:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#22294344);pointer-events:none}.architecture-scene{position:absolute;width:80%;height:68%;left:12%;bottom:36px;transform:perspective(1000px) rotateY(-13deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.project-card:hover .architecture-scene{transform:perspective(1000px) rotateY(-4deg) translateY(-7px)}.architecture-halo{position:absolute;top:4%;left:15%;width:300px;height:250px;border-radius:50%;background:#e8effa9b;filter:blur(50px)}.building{position:absolute;bottom:29px;box-shadow:26px 31px 45px #35394a66;display:flex;align-items:stretch;gap:8px;padding:20px}.building-back{height:158px;width:220px;left:21%;bottom:90px;background:linear-gradient(120deg,#f9f6f3,#c4c9d2);transform:skewY(-5deg)}.building-front{height:202px;width:270px;left:30%;background:linear-gradient(135deg,#faf9f6,#bac2cb);transform:skewY(-5deg)}.building-back:before,.building-front:before{content:"";position:absolute;top:-24px;left:0;width:100%;height:25px;background:#fefefd;transform:skewX(45deg);transform-origin:bottom}.building-back span,.building-front span{background:linear-gradient(115deg,#657a93,#c5d8e0 55%,#4b6079);flex:1;border:6px solid #e8e8e7;box-shadow:inset 7px 0 14px #283c4d61}.building-front span:nth-child(2){flex:1.7}.building-front span:last-child{background:linear-gradient(115deg,#566e86,#c0d0dc);flex:.45}.building-floor{position:absolute;width:92%;height:17px;bottom:0;left:4%;border-radius:50%;background:#9fa6ae;filter:blur(12px)}.works-visual{background:radial-gradient(ellipse at 50% 43%,#edcfb8 0,#d6b69e 47%,#b88e7e 100%)}.works-visual .visual-bottom{color:#fff}.book-scene{position:absolute;inset:20px;isolation:isolate}.book-book{position:absolute;left:50%;top:52%;height:255px;width:190px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;font-family:var(--font-display);box-shadow:17px 24px 37px #4f322f5e;transform-style:preserve-3d;transition:transform .6s}.book-book:after{content:"";position:absolute;right:-12px;top:6px;width:12px;height:calc(100% - 6px);transform:skewY(36deg);transform-origin:left;background:#ab9ca0}.book-book span{line-height:1.06;font-size:26px;font-weight:800;letter-spacing:-1.4px}.book-book small{font-size:8px;font-weight:700;letter-spacing:.4px}.book-back{background:#f2f1e8;color:#161718;transform:translate(-8%,-42%) rotate(17deg) rotateY(-11deg)}.book-front{background:linear-gradient(145deg,#1c2247,#526cef);color:white;transform:translate(-85%,-54%) rotate(-16deg) rotateY(-11deg)}.book-mark{font-size:29px}.book-glow{position:absolute;z-index:-1;left:32%;top:34%;height:240px;width:270px;background:#fff7d5;filter:blur(65px);border-radius:50%}.project-card:hover .book-front{transform:translate(-92%,-59%) rotate(-20deg) rotateY(-11deg)}.project-card:hover .book-back{transform:translate(-1%,-41%) rotate(21deg) rotateY(-11deg)}.systems-visual{height:370px;background:radial-gradient(ellipse at 55% 58%,#283b6b 0%,#18243f 55%,#0f162a 100%)}.systems-visual .visual-index{color:#b7c6ff99}.dashboard-scene{position:absolute;left:20%;top:84px;width:63%;height:300px;display:flex;transform:perspective(900px) rotateX(7deg) rotateY(-11deg) rotateZ(-2deg);border:1px solid #90a8ff62;border-radius:15px 15px 0 0;background:#11192b;box-shadow:0 50px 65px #0008,0 0 70px #628afc33;overflow:hidden;transition:transform .7s}.project-card:hover .dashboard-scene{transform:perspective(900px) rotateX(2deg) rotateY(-3deg) rotateZ(-1deg) translateY(-10px)}.dashboard-sidebar{background:#172037;display:flex;flex-direction:column;align-items:center;gap:27px;width:64px;flex-shrink:0;padding:22px 12px;border-right:1px solid #ffffff17}.dashboard-sidebar i{font-size:22px;font-style:normal;color:#a6b4ff}.dashboard-sidebar b{color:#9299ae;font-weight:400;font-size:19px}.dashboard-main{padding:20px 26px;flex:1;min-width:0}.dashboard-line{display:flex;align-items:center;justify-content:space-between}.dashboard-line strong{font-size:17px;letter-spacing:-.4px}.dashboard-line span{font-size:10px;color:#bfc8e1;background:#25314b;padding:8px 12px;border-radius:40px}.dashboard-stats{display:flex;gap:12px;margin-top:20px}.dashboard-stats>div{background:#202c46;border-radius:9px;min-height:75px;flex:1;padding:13px 15px}.dashboard-stats small{display:block;font-size:10px;color:#8f9bbc}.dashboard-stats b{display:block;font-size:16px;margin-top:8px}.dashboard-chart{height:140px;display:flex;align-items:end;gap:13px;border-radius:10px;margin-top:14px;padding:22px;background:#1a2640}.dashboard-chart span{width:9%;border-radius:6px 6px 0 0;background:linear-gradient(#8eaaff,#4163e5)}.dashboard-chart span:nth-child(2n){background:linear-gradient(#b0e9d4,#438b98)}.work-note{border-top:1px solid var(--border-light);display:flex;align-items:center;gap:21px;margin-top:73px;padding-top:22px}.work-note>span{font-size:29px;color:#6884ec}.work-note p{margin:0;flex:1;font-size:14px;color:#676b74}.work-note .text-link{font-size:12px}
/* process */
.process{background:#111218}.process-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:78px}.process-intro .display-title{font-size:clamp(56px,6vw,84px)}.process-intro p{font-size:14px;line-height:1.8;color:#adb0bd;max-width:335px;margin:0 0 8px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-dark)}.step{border-right:1px solid var(--border-dark);padding:27px 25px 15px 0;min-height:263px}.step:not(:first-child){padding-left:24px}.step:last-child{border:0}.step-header{display:flex;align-items:center;justify-content:space-between;color:#9195a4;font-size:12px;margin-bottom:66px}.step-shape{font-size:40px;line-height:1;font-weight:400}.step-shape--one{color:#a7b7ff}.step-shape--two{color:#e8a0b1}.step-shape--three{color:#b8ef87}.step-shape--four{color:#b8a6fc}.step h3{letter-spacing:-1px;font-size:25px;margin-bottom:9px}.step p{font-size:13px;color:#8f94a0;line-height:1.7;margin:0}
/* ventures */
.ventures{background:#0b0c10;overflow:hidden}.ventures-wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding-block:120px 125px}.ventures-copy{position:relative;z-index:4}.ventures-copy .display-title{font-size:clamp(55px,5.3vw,77px);margin-top:46px}.ventures-copy .display-title em{color:#95aaff}.ventures-copy>p{color:#9da2b2;line-height:1.8;font-size:15px;max-width:405px;margin:29px 0 30px}.ventures-display{height:465px;position:relative;isolation:isolate;perspective:800px}.ventures-grid{position:absolute;inset:0;background-image:linear-gradient(#8ca3fa10 1px,transparent 1px),linear-gradient(90deg,#8ca3fa10 1px,transparent 1px);background-size:37px 37px;mask-image:radial-gradient(ellipse at 50% 50%,black,transparent 76%)}.venture-planet{position:absolute;border-radius:50%;height:310px;width:310px;left:23%;top:15%;background:radial-gradient(circle at 32% 22%,#6c7ed0aa,#222e6733 55%,transparent 75%);filter:blur(48px)}.venture-tile{position:absolute;display:flex;flex-direction:column;justify-content:space-between;border-radius:20px;box-shadow:0 30px 50px #0007;border:1px solid #ffffff35;overflow:hidden}.venture-tile>span{font-size:8px;font-weight:800;letter-spacing:1px}.venture-tile>b{font-family:var(--font-display);letter-spacing:-1.5px;line-height:1.06}.venture-tile>small{font-size:10px;font-weight:600}.venture-tile-a{left:16%;top:17px;width:267px;height:354px;padding:22px;background:linear-gradient(125deg,#687bef,#3d428b);transform:rotate(-12deg);z-index:2}.venture-tile-a img{position:absolute;width:133%;max-width:none;left:-18%;top:69px;opacity:.97;animation:float-art 6s ease-in-out infinite}.venture-tile-a b,.venture-tile-a small{position:relative;z-index:2}.venture-tile-a b{font-size:25px;margin-top:auto;margin-bottom:7px}.venture-tile-b{width:237px;height:298px;right:4%;top:105px;padding:21px;background:linear-gradient(130deg,#d0ff91,#8edec1);color:#214039;transform:rotate(12deg);z-index:3}.venture-tile-b b{font-size:44px}.ventures-display-footer{position:absolute;left:16%;bottom:13px;font-size:9px;color:#929cbf;letter-spacing:1.4px}
/* contact */
.contact-layout{display:grid;grid-template-columns:1fr .88fr;gap:8%;align-items:start}.contact-copy .display-title{font-size:clamp(58px,5.8vw,82px);margin-top:67px}.contact-copy>p{margin-top:31px;font-size:15px;line-height:1.8;max-width:380px;color:#636873}.contact-meta{margin-top:90px;display:flex;flex-direction:column;gap:9px}.contact-meta>span{font-size:11px;font-weight:700;letter-spacing:1px;color:#8c919b}.contact-meta strong{font-size:16px;display:flex;gap:20px}.contact-meta strong span{font-weight:400;color:#5978f0}.contact-panel{border-radius:17px;background:white;padding:34px 35px 32px;box-shadow:0 12px 45px #16171f0b}.form-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;font-weight:800;color:#737987}.form-heading span:last-child{color:var(--blue);font-size:29px}.contact-panel h3{font-size:38px;line-height:1.12;letter-spacing:-1.7px;margin:31px 0 31px;font-weight:650}.form-row{margin-bottom:20px}.form-row label{display:block;color:#30333d;font-size:12px;font-weight:700;margin-bottom:9px}.form-row label b{color:#5f7efa}.form-row input,.form-row select,.form-row textarea{width:100%;background:#f5f5f6;border:1px solid #e9e9ed;outline:0;border-radius:8px;padding:14px 14px;color:#181b24;font-size:13px;line-height:1.4;transition:border-color .2s,box-shadow .2s;resize:vertical}.form-row select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%234c5160' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 15px center;background-size:18px;background-repeat:no-repeat}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#6884ff;box-shadow:0 0 0 3px #698aff24}.form-row input[aria-invalid=true],.form-row select[aria-invalid=true],.form-row textarea[aria-invalid=true]{border-color:#c24b67}.form-row textarea{min-height:94px}.submit-button{width:100%;justify-content:space-between;border:0;margin-top:3px}.form-feedback{font-size:12px;line-height:1.6;margin:10px 0 0;min-height:0;color:#335cbb}.form-feedback:empty{display:none}.form-feedback.is-error{color:#bd3e60}.form-note{margin:15px 0 0;font-size:10px;color:#999ca4;text-align:center;line-height:1.5}
/* footer */
.site-footer{background:#101116;color:#fff;padding:80px 0 24px}.footer-main{display:flex;justify-content:space-between;gap:40px;padding-bottom:95px}.footer-brand .brand-symbol{width:32px;height:32px}.footer-brand .brand-name{font-size:26px}.footer-main p{font-size:15px;line-height:1.7;color:#838a9b;margin:22px 0 0}.footer-links{display:flex;gap:105px}.footer-links>div{display:flex;flex-direction:column;gap:14px}.footer-links span{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#7c8293;margin-bottom:5px}.footer-links a{font-size:13px;color:#d9dce8;transition:color .2s}.footer-links a:hover{color:#96abff}.footer-bottom{padding-top:24px;border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.3px;color:#7d8495}.footer-bottom span:nth-child(2){letter-spacing:1px}
/* reveal defaults: remain visible without JS; JS adds class */
.js-animate [data-reveal]{opacity:0;transform:translateY(26px)}.js-animate [data-hero-animate]{opacity:0;transform:translateY(18px)}
@media (max-width:1180px){.availability{display:none}.nav-shell{gap:12px}.desktop-nav .nav-link{padding-inline:13px}.container{width:min(1100px,calc(100% - 64px))}.hero-card--creative{left:calc(50% - 380px)}.hero-card--property{left:calc(50% + 304px)}.work-heading .display-title{font-size:76px}.hero{min-height:990px}}
@media (max-width:960px){.desktop-nav{display:none}.menu-toggle{display:flex}.site-header{padding-top:10px}.nav-shell{height:65px}.mobile-menu{display:flex;position:fixed;inset:0;background:#12141afa;flex-direction:column;align-items:start;justify-content:center;padding:70px 10%;gap:16px;transform:translateX(100%);visibility:hidden;transition:transform .3s,visibility .3s;z-index:101}.menu-open .mobile-menu{transform:translateX(0);visibility:visible}.mobile-menu a{font-family:var(--font-display);font-size:clamp(30px,7vw,52px);letter-spacing:-1.9px;font-weight:700}.menu-open .menu-toggle{position:fixed;right:30px;top:22px}.menu-open .menu-toggle span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.hero{padding-top:158px}.hero h1{font-size:clamp(65px,9vw,91px)}.hero-card--creative{left:calc(50% - 335px);width:275px}.hero-card--technology{left:calc(50% - 146px);width:296px;height:372px}.hero-card--business{left:calc(50% + 105px);width:270px}.hero-card--property{left:calc(50% + 255px);width:250px}.about-grid{gap:6%}.about-art{height:280px}.about-art-a{font-size:380px;top:-93px}.about-art-star{right:15px;font-size:80px}.services-heading-wrap,.process-intro,.work-heading{align-items:start;flex-direction:column}.project-visual{height:340px}.book-book{height:220px;width:162px}.book-book span{font-size:22px}.dashboard-scene{width:80%;left:12%}.ventures-wrap{gap:10px}.venture-tile-a{left:7%;transform:rotate(-8deg)}.venture-tile-b{right:-3%;transform:rotate(8deg)}.contact-layout{gap:5%}.contact-copy .display-title{font-size:60px}}
@media (max-width:680px){html{scroll-padding-top:70px}.container,.container-wide{width:calc(100% - 38px)}.site-header{padding-top:8px}.brand-symbol{height:24px;width:24px}.brand-name{font-size:18px}.nav-contact{padding:11px 12px;min-width:95px;font-size:11px}.nav-right{gap:7px}.nav-shell{height:58px}.menu-toggle{width:34px}.menu-open .menu-toggle{right:20px;top:15px}.section-pad{padding-block:81px 88px}.section-top{margin-bottom:43px}.section-top-right{display:none}.section-kicker{font-size:10px}.display-title{font-size:clamp(47px,11.2vw,68px);letter-spacing:-.071em}.hero{min-height:auto;padding-top:143px;padding-bottom:72px}.hero h1{font-size:clamp(49px,10vw,69px);letter-spacing:-.073em;margin:23px 0 20px}.eyebrow{font-size:9px;letter-spacing:.8px;gap:7px}.hero-subline{font-size:13px;line-height:1.6}.hero-description{font-size:12px;max-width:360px;padding-inline:13px}.hero-buttons{gap:8px;flex-wrap:wrap;margin-top:25px}.hero-buttons .button{min-height:46px;font-size:12px;padding-left:16px;padding-right:14px;gap:10px}.hero-buttons .button-light{padding-right:6px}.hero-buttons .button-icon{height:32px;width:32px}.hero-stage{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;width:calc(100% - 38px);margin-top:58px;perspective:none}.stage-grid,.stage-orbit,.stage-side-note,.stage-bottom-caption{display:none}.hero-card,.hero-card--creative,.hero-card--technology,.hero-card--business,.hero-card--property{position:relative;width:100%;height:270px;left:auto;top:auto;transform:none!important;filter:drop-shadow(0 12px 11px #0005);border-radius:17px;will-change:auto}.hero-card:hover{filter:drop-shadow(0 18px 14px #0006)}.hero-card-inner{border-radius:17px;transform:none!important}.card-topline{top:15px;left:15px;right:15px;font-size:8px;letter-spacing:.3px}.card-arrow{height:23px;width:23px}.card-heading{top:53px;left:15px;gap:6px}.card-heading strong{font-size:24px;letter-spacing:-1.3px}.card-heading small{font-size:9px}.card-art,.hero-card--technology .card-art,.hero-card--business .card-art,.hero-card--property .card-art{top:85px;left:-12%;width:128%}.card-bottomline{left:14px;right:14px;bottom:13px;font-size:8px}.manifesto-track{font-size:12px;padding:16px 0}.manifesto-track b{padding:0 17px}.about-grid,.contact-layout,.ventures-wrap{grid-template-columns:1fr}.about-left .display-title{font-size:clamp(50px,10.5vw,72px)}.about-art{height:255px;margin-top:38px}.about-art-a{font-size:380px;top:-105px}.about-right{padding-top:32px}.about-lead{font-size:29px}.about-right>p:not(.about-lead){font-size:14px}.about-principles{margin-top:49px}.services-heading-wrap{margin-bottom:48px}.services-heading-wrap .display-title{font-size:clamp(49px,10.5vw,70px)}.services-heading-wrap>p{font-size:13px}.service-trigger{grid-template-columns:33px 1fr 40px;gap:9px;padding:24px 0}.service-title{font-size:clamp(20px,5vw,30px);letter-spacing:-1px}.service-bubble{display:none}.service-toggle-icon{height:35px;width:35px;font-size:22px}.service-content-inner{padding-left:42px;padding-right:0}.service-item.is-open .service-content-inner{padding-bottom:28px}.service-content p{font-size:13px}.tag-list span{padding:8px 10px;font-size:10px}.work-heading{gap:22px;margin-bottom:38px}.work-heading .display-title{font-size:65px}.work-heading p{font-size:13px}.project-grid{grid-template-columns:1fr;gap:40px}.project-card--systems{grid-column:auto}.project-visual{height:330px}.project-info h3{font-size:22px}.project-info p{font-size:12px}.architecture-scene{width:92%;left:4%}.systems-visual{height:310px}.dashboard-scene{width:94%;left:5%;top:77px;height:259px}.dashboard-stats{margin-top:12px}.dashboard-main{padding:15px}.dashboard-chart{height:109px;padding:12px}.work-note{flex-wrap:wrap;margin-top:55px}.work-note p{flex-basis:calc(100% - 70px)}.work-note .text-link{margin-left:48px}.process-intro{margin-bottom:43px}.process-intro .display-title{font-size:clamp(49px,10vw,72px)}.process-intro p{font-size:13px}.steps-grid{grid-template-columns:1fr 1fr}.step,.step:not(:first-child){padding:19px 16px 25px 0;min-height:223px}.step:nth-child(2n){border-right:0;padding-left:18px}.step:nth-child(n+3){border-top:1px solid var(--border-dark)}.step-header{margin-bottom:36px}.step h3{font-size:20px}.step p{font-size:12px}.ventures-wrap{padding-block:81px 74px}.ventures-copy .display-title{margin-top:34px;font-size:clamp(49px,10vw,68px)}.ventures-copy>p{font-size:13px}.ventures-display{height:395px;max-width:440px;width:100%;margin-inline:auto}.venture-tile-a{top:15px;left:9%;width:238px;height:320px}.venture-tile-b{right:5%;top:89px;width:205px;height:258px}.venture-tile-b b{font-size:37px}.ventures-display-footer{bottom:4px}.contact-copy .display-title{margin-top:38px;font-size:clamp(51px,10.5vw,72px)}.contact-copy>p{font-size:13px}.contact-meta{margin-top:36px}.contact-panel{padding:26px 23px 27px;margin-top:42px}.contact-panel h3{font-size:34px}.site-footer{padding-top:62px}.footer-main{flex-direction:column;gap:54px;padding-bottom:57px}.footer-links{gap:60px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:9px;font-size:9px}}
@media (max-width:380px){.brand-name{font-size:16px}.brand-symbol{height:21px;width:21px}.nav-contact{min-width:80px;font-size:10px}.hero h1{font-size:45px}.hero-stage{gap:9px;width:calc(100% - 24px)}.hero-card,.hero-card--creative,.hero-card--technology,.hero-card--business,.hero-card--property{height:234px}.card-heading strong{font-size:21px}.card-art,.hero-card--technology .card-art,.hero-card--business .card-art,.hero-card--property .card-art{top:83px}.card-bottomline{font-size:7px}.about-art{height:220px}.about-art-a{font-size:330px;top:-87px}.architecture-scene{transform:scale(.85)}.venture-tile-a{left:0}.venture-tile-b{right:0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-animate [data-reveal],.js-animate [data-hero-animate]{opacity:1!important;transform:none!important}}

.site-header.is-scrolled{padding-top:8px;background:linear-gradient(180deg,#0d0e12e8,#0d0e12b8);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #ffffff10}.site-header.is-scrolled .nav-shell{height:58px}