:root{--paper:#111014;--ink:#f2eff7;--green:#b99aff;--line:#ffffff26}body{background:#111014;color:var(--ink)}body:after{content:'';position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.055;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='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{border-bottom:1px solid #ffffff18;background:#111014c9;position:relative;z-index:4}.logo span{color:#b99aff}.nav-note{color:#a9a4b3}.contact-link{border:1px solid #ffffff30;border-radius:30px;padding:12px 20px;background:#ffffff08;backdrop-filter:blur(15px)}.hero{position:relative;min-height:730px;padding-top:85px;overflow:hidden;background:radial-gradient(ellipse at 83% 40%,#7135ac22,transparent 50%)}.hero h1{font-size:clamp(80px,9.5vw,155px);position:relative;z-index:2;max-width:70%;margin-top:38px;margin-bottom:45px}.hero h1 .serif{color:#bfa1ff}.hero .eyebrow{color:#bfb5cc}.dot{background:#bfa1ff;box-shadow:0 0 14px #b897ff88}.hero-bottom{position:relative;z-index:3}.hero-bottom p{color:#b5afbf}.round-link b{border-color:#746087}.round-link:hover b{color:#111014}.hero-foot{color:#8e849b;margin-top:75px}.hero-object{position:absolute;width:38%;height:420px;right:3%;top:95px;perspective:1000px;pointer-events:none}.halo{position:absolute;inset:10%;background:#8542df;filter:blur(90px);opacity:.3;border-radius:50%}.glass-stack{width:280px;height:340px;position:absolute;top:20px;left:20%;transform-style:preserve-3d;transform:rotateX(15deg) rotateY(-30deg) rotateZ(15deg)}.glass-sheet{position:absolute;inset:0;border:1px solid #ddc9ff78;border-radius:20px;background:linear-gradient(135deg,#e4d4ff25,#9255ff12 50%,#d5b9ff3a);box-shadow:inset 0 1px 1px #ffffff88,0 25px 50px #0005;backdrop-filter:blur(10px)}.back-sheet{transform:translateZ(-100px) translate(-30px,-25px);background:#7c3ddf35}.mid-sheet{transform:translateZ(-45px) translate(-15px,-12px)}.mid-sheet span{font-size:14px;position:absolute;bottom:15px;left:20px;letter-spacing:2px}.front-sheet{transform:translateZ(35px);padding:25px;display:flex;flex-direction:column;justify-content:space-between}.front-sheet>span{font-size:14px;letter-spacing:2px}.front-sheet>b{font-size:47px;font-weight:400;letter-spacing:-3px;line-height:.95}.front-sheet>i{font-size:14px;letter-spacing:1px;font-style:normal}.object-note{position:absolute;bottom:0;right:10%;font-size:14px;letter-spacing:2px;color:#ac97c5}.play{height:300svh;background:#15121b}.play-sticky{background:radial-gradient(ellipse at 50% 65%,#56347144,transparent 60%);min-height:650px}.play-top{color:#b7a8c5;top:25px}.play-top button{border-color:#ffffff30;color:#ddd0ed;background:#ffffff08;backdrop-filter:blur(15px)}.experiment-heading{position:absolute;top:65px;left:5%;right:5%;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.experiment-heading h2{font-size:clamp(36px,4vw,62px);margin:0}.experiment-heading h2 .serif{color:#c2a4f8}.experiment-heading p{font-size:14px;color:#ac9abb}.stage{position:absolute;left:0;right:0;top:200px;bottom:95px;display:flex;align-items:center;justify-content:center;perspective:1500px;touch-action:pan-y;outline-offset:-10px}.stage-glow{position:absolute;width:500px;height:200px;background:#8943d53a;filter:blur(60px);border-radius:50%;transform:translateY(120px)}.scene{width:760px;height:430px;flex-shrink:0;position:relative;transform-style:preserve-3d;transform:scale(.85);will-change:transform}.layer{position:absolute;transform-style:preserve-3d;backface-visibility:visible;will-change:transform}.interface-base{inset:0;border:1px solid #baa2dc70;border-radius:17px;background:linear-gradient(130deg,#352b43ed,#17131ff5);box-shadow:0 40px 100px #0008,inset 0 1px 1px #ffffff50}.ui-top{height:52px;border-bottom:1px solid #b99aff25;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#c8b8d9}.ui-top strong{font-size:20px;font-weight:500;color:#f1e8ff}.interface-base aside{position:absolute;left:0;top:52px;bottom:30px;width:145px;border-right:1px solid #b99aff20;display:flex;flex-direction:column;gap:22px;padding:25px 18px;color:#a493b7;font-size:14px}.interface-base aside b{padding:10px;background:#b99aff22;border:1px solid #b99aff30;border-radius:6px;color:#e8d8ff;font-weight:400}.aside-bottom{margin-top:auto;font-size:14px}.base-grid{position:absolute;inset:52px 0 30px 145px;background-image:linear-gradient(#b99aff06 1px,transparent 1px),linear-gradient(90deg,#b99aff06 1px,transparent 1px);background-size:30px 30px}.base-footer{position:absolute;bottom:0;height:30px;border-top:1px solid #b99aff20;width:100%;padding:10px 18px;font-size:14px;letter-spacing:1px;color:#a796b8}.base-footer span{float:right}.interface-title{top:76px;left:172px}.interface-title>span{font-size:14px;letter-spacing:1.7px;color:#b99aff}.interface-title h3{font-size:29px;letter-spacing:-1px;line-height:1.05;margin-top:10px;font-weight:400}.balance-card{left:172px;top:177px;width:318px;height:200px;padding:18px 20px;border-radius:12px;background:linear-gradient(130deg,#a882d144,#392b4dce);border:1px solid #d0b2f34d;box-shadow:inset 0 1px #ffffff25,0 20px 35px #0003;backdrop-filter:blur(15px)}.balance-card>span{display:block;color:#d7c5eb;font-size:14px}.balance-card>span b,.payment-card>span b,.activity-card>span b{float:right;font-weight:400}.balance-card>strong{font-size:29px;display:block;margin-top:7px;font-weight:500;letter-spacing:-1px}.balance-card>strong span{font-size:18px;color:#a391b4}.balance-card>small{font-size:14px;color:#d0b8ed}.chart{height:70px;display:flex;gap:8px;align-items:flex-end;margin-top:7px}.chart i{flex:1;background:linear-gradient(#dcc7ff,#8b54ce55);border-radius:3px 3px 0 0;height:40%;border-top:1px solid #f6e9ff}.chart i:nth-child(3n){height:60%}.chart i:nth-child(4n){height:85%}.chart i:nth-child(5n){height:70%}.chart i:last-child{height:100%}.chart-labels{font-size:14px;color:#b4a2c6;margin-top:5px}.chart-labels span{float:right}.payment-card{left:514px;top:75px;width:220px;height:140px;border:1px solid #eedfff88;border-radius:12px;padding:15px 18px;background:linear-gradient(125deg,#bca0e97a,#8254c04d 45%,#c5abe48a);box-shadow:inset 0 1px #fff9,0 15px 30px #0004;backdrop-filter:blur(20px);overflow:hidden}.payment-card:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #fff3;border-radius:50%;right:-70px;top:-80px;box-shadow:0 0 0 20px #fff1,0 0 0 40px #fff1}.payment-card>span{font-size:14px;display:block}.payment-card strong{display:block;font-size:21px;line-height:1;letter-spacing:-.5px;margin-top:15px;font-weight:400}.payment-card>small{display:block;font-size:14px;margin-top:16px}.payment-card>small span{float:right;font-size:14px}.card-chip{position:absolute;right:20px;top:50px;width:25px;height:21px;border:1px solid #f4e4ff88;border-radius:4px;background:linear-gradient(30deg,#e5d0ff44,#fff5)}.activity-card{left:514px;top:233px;width:220px;height:144px;border-radius:12px;padding:17px 14px;background:linear-gradient(130deg,#bc9bdd23,#44345288);border:1px solid #d0b2f33d;backdrop-filter:blur(15px)}.activity-card>span{font-size:14px;letter-spacing:1px;display:block}.activity-card>div{display:flex;align-items:center;gap:9px;margin-top:17px}.activity-card i{width:24px;height:24px;border:1px solid #b99aff44;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:14px;color:#d0b3f7}.activity-card p{font-size:14px;margin:0;flex:1}.activity-card small{display:block;margin-top:4px;font-size:14px;color:#ad9abc}.activity-card strong{font-size:14px;font-weight:400}.floating-label{top:50px;left:200px;font-size:14px;letter-spacing:2px;color:#ddc4ff;border:1px solid #bc8dff88;padding:15px 20px;background:#38234c9c;border-radius:40px;opacity:0;white-space:nowrap}.play-bottom{bottom:30px;color:#c2b3cf;align-items:center}.play-bottom>div:first-child{min-width:180px}.phase-number{font-size:14px;letter-spacing:2px;color:#ae87df;display:block;margin-bottom:7px}.play-bottom strong{font-size:21px;letter-spacing:-.6px;font-weight:400}.phase-track{display:flex;gap:6px}.phase-track i{display:block;width:45px;height:2px;background:#ffffff25}.phase-track i.active{background:#c4a0fa}.play-count{text-align:right;line-height:1.9;font-size:14px}.work{background:#e9e3ef;color:#211a2b}.work .eyebrow{color:#6d567e}.work .section-heading p{color:#73667f}.projects{perspective:1100px;gap:32px}.project{perspective:1000px}.art{transform-style:preserve-3d;border-radius:14px;transition:transform .15s ease-out;overflow:visible;isolation:isolate}.project:hover .art{transform:rotateY(-6deg) rotateX(5deg)}.art-label{color:#e5d9f0}.pulse{background:radial-gradient(ellipse at 75% 30%,#8255b4,#39264e 70%);color:#f2e9ff}.nucleus{background:radial-gradient(ellipse at 65% 70%,#5c4d74,#25202d 75%);color:#e9e0f3}.pulse-symbol{color:#ab7bdf55;font-size:25vw;overflow:hidden;max-width:100%;max-height:100%;right:0}.art-word{font-size:clamp(32px,3.3vw,54px);left:27px;top:32%;transform:translateZ(20px)}.art-caption{font-size:14px;color:#c2a8dc}.orbit{border-color:#b89cd533;right:0;width:55%;height:90%;top:5%}.o2{right:10%}.o3{right:20%}.project-glass{position:absolute;right:7%;bottom:13%;width:38%;height:58%;border:1px solid #f2ddff60;border-radius:12px;padding:17px;background:linear-gradient(125deg,#e8d3ff38,#9c6ecc11,#d9b8ff2e);box-shadow:inset 0 1px #fff8,0 20px 30px #0003;backdrop-filter:blur(14px);transform:translateZ(60px) rotate(-9deg);display:flex;flex-direction:column;justify-content:space-between}.project-glass span{font-size:14px;letter-spacing:1px}.project-glass b{font-size:27px;line-height:1;font-weight:400;letter-spacing:-1px}.project-glass i{font-size:24px;font-style:normal}.project-info{border-color:#231b2d30}.study-note{color:#82738b}.results strong{color:#4f336d}.services{background:radial-gradient(ellipse at 90% 10%,#3c26464d,transparent 60%),#151218}.services-intro p{color:#b4a7bf}details,details:last-child{border-color:#ffffff24}summary span{color:#9c88af}.service-body>span{color:#bba5d0}.service-body p{color:#c6bace}.about{background:#211b29}.portrait{background:#151019;border:1px solid #c3a3e840;border-radius:16px;box-shadow:0 30px 80px #0003;transform:rotate(-3deg)}.portrait img{mix-blend-mode:luminosity}.portrait>span{background:#2c2337c9;border:1px solid #ddc7f744;backdrop-filter:blur(16px);color:#e7d7f7;border-radius:30px}.about-copy p{color:#beb0ca}.about-copy .serif{color:#c4a0f2}.contact{background:radial-gradient(ellipse at 90% 80%,#9e67d855,transparent 65%),#1c1327}.contact h2 .serif{color:#c39af3}.email-button{border-color:#a77cd3;color:#dbc0fa}.contact footer{border-color:#a77cd333}dialog{background:#241c2e;color:#f3eafa;border:1px solid #aa81cc55;border-radius:20px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#100b16bb}#dialog-result{border-color:#b99aff44;color:#ceb0f1}.close{color:#e3c8ff}.text-link{border-color:#b99aff66}.round-link b{color:#d9c4f3}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#b99aff}
@media(min-width:1500px){.hero-object{right:6%}}@media(max-width:900px){.hero{min-height:710px}.hero-object{right:0;top:140px;opacity:.6}.glass-stack{left:10%;width:220px;height:285px}.hero h1{max-width:90%}.stage{perspective:1300px}.scene{transform:scale(.7)}}@media(max-width:700px){.hero{min-height:850px;padding-top:45px}.hero h1{font-size:18vw;max-width:100%;margin-top:28px;margin-bottom:26px}.hero-object{top:260px;height:300px;width:100%;right:0;opacity:1}.glass-stack{left:calc(50% - 100px);top:15px;width:200px;height:230px}.front-sheet{padding:20px}.front-sheet>b{font-size:35px}.front-sheet>span,.front-sheet>i{font-size:14px}.object-note{display:none}.hero-bottom{margin-top:320px;gap:18px}.hero-bottom p{font-size:14px;max-width:290px}.hero-foot{margin-top:35px}.hero .round-link{font-size:14px}.round-link b{width:40px;height:40px;font-size:18px}.play{height:270svh}.play-sticky{min-height:650px}.experiment-heading{top:90px;left:6%;display:block}.experiment-heading h2{font-size:36px}.experiment-heading p{font-size:14px;margin-top:15px}.stage{top:220px;bottom:125px;perspective:1000px}.play-top>span{font-size:14px;letter-spacing:.8px}.play-bottom{bottom:35px}.play-bottom>div:first-child{min-width:0}.play-bottom strong{font-size:18px}.phase-track{gap:4px}.phase-track i{width:20px}.play-count{display:none}.project-glass{padding:14px}.project-glass b{font-size:24px}.art-word{font-size:10vw}.pulse-symbol{font-size:70vw}.art{aspect-ratio:1.1}.about{overflow:hidden}.portrait{margin:10px 5px}.contact{padding-bottom:25px}.contact h2{font-size:16vw}.results strong{font-size:54px}.nav-note{font-size:14px}.contact-link{font-size:14px;padding:10px 13px}}
.play,.services{color:#f2eff7}.work{overflow:clip}.object-note{display:none}.art .orbit{width:45%;height:70%;top:15%;right:10%}.art .o2{right:20%}.art .o3{right:30%}.phase-track button{width:45px;height:30px;padding:0;border:0;background:linear-gradient(#ffffff25,#ffffff25) center / 100% 2px no-repeat}.phase-track button.active{background-image:linear-gradient(#c4a0fa,#c4a0fa)}
@media(prefers-reduced-motion:reduce){.play{height:100svh;min-height:650px}.glass-stack{transform:rotateX(10deg) rotateY(-20deg) rotateZ(10deg)}.project:hover .art{transform:none}}