@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#2d244c;--muted:#796e94;--accent:#8550e6;--accent-rgb:133,80,230;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:#ded6ed;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #7944d7;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}p{font-size:14px;line-height:1.8}svg{width:22px;height:22px;fill:currentColor}.world-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;animation:blobFloat 16s ease-in-out infinite alternate}.blob-violet{width:480px;height:480px;right:-30px;top:-80px;background:radial-gradient(circle at 36% 22%,#c578ff,#8324db 45%,#44218e 78%);box-shadow:30px 50px 80px #7955a76b}.blob-pink{width:390px;height:390px;left:-155px;top:410px;background:radial-gradient(circle at 35% 30%,#ff88e4,#ff2fab 60%,#cc379b);animation-delay:-6s}.blob-gold{width:470px;height:470px;right:-45px;top:520px;background:radial-gradient(circle at 62% 72%,#fff56d,#ffcb50 38%,#ff8d4c 75%);animation-delay:-10s}.blob-mint{width:180px;height:180px;right:60px;top:355px;background:radial-gradient(circle at 35% 25%,#75ffe0,#22c8b4 50%,#369f9f);animation-delay:-3s}.grain{position:absolute;inset:0;opacity:.1;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.page-top,.page-bottom{max-width:1440px;margin:auto;padding:30px 48px;display:flex;align-items:center;justify-content:space-between}.page-top>span,.page-bottom{font-size:9px;letter-spacing:2px;color:#786a91}.mini-wordmark{background:#f7f0ff8c;border:1px solid #fff9;box-shadow:0 7px 20px #51387513;border-radius:14px;padding:12px 10px;font-size:14px;letter-spacing:-1px;font-weight:800}.mini-wordmark span{font-size:8px;vertical-align:top;margin-left:2px}.motion-toggle{display:flex;align-items:center;gap:9px;background:none;font-size:10px;padding:10px}.equalizer{display:flex;align-items:center;gap:3px;height:17px}.equalizer i{width:2px;height:11px;background:var(--ink);animation:equalize .8s infinite alternate}.equalizer i:nth-child(2){height:17px;animation-delay:-.4s}.equalizer i:nth-child(3){height:7px;animation-delay:-.2s}.glass-shell{max-width:1344px;margin:4px auto 0;position:relative;border:1px solid #ffffffb0;border-radius:30px;background:linear-gradient(135deg,#ffffff66,#ffffff24 35%,#f8efff60);box-shadow:0 36px 80px #49336530,inset 0 0 1px 1px #ffffff55;backdrop-filter:blur(30px);display:grid;grid-template-columns:77px minmax(0,1fr)}.rail{border-right:1px solid #fff7;background:linear-gradient(#fff9,#ffffff21);border-radius:30px 0 0 30px;display:flex;align-items:center;flex-direction:column;padding:28px 0;position:relative}.rail-logo{font-size:35px;font-weight:800;line-height:1;letter-spacing:-4px;position:relative;width:41px;height:43px;text-align:center;border-radius:14px;background:linear-gradient(135deg,#fff,#d4c9eb);box-shadow:4px 5px 10px #69578c24,inset 2px 2px 3px white}.rail-logo span{font-size:15px;position:absolute;top:-6px;right:-5px;color:var(--accent)}.rail nav{position:sticky;top:100px;display:flex;align-items:center;flex-direction:column;gap:25px;margin-top:104px}.rail-link{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;color:#9484ac;background:transparent;position:relative;transition:transform .4s var(--ease),box-shadow .3s,color .3s,background .3s}.rail-link span{pointer-events:none;position:absolute;left:54px;z-index:15;background:#332544;color:white;padding:7px 10px;border-radius:8px;font-size:10px;opacity:0;transform:translateX(-6px);transition:.25s}.rail-link:hover span,.rail-link:focus-visible span{opacity:1;transform:none}.rail-link:hover{color:var(--accent);transform:translateY(-3px);background:#fff6}.rail-link.active{background:linear-gradient(145deg,#fff,#eadbf9);box-shadow:4px 7px 14px #8250a730,inset 2px 2px 4px white;color:var(--accent)}.rail-link.active:before{position:absolute;content:'';width:3px;height:19px;left:-17px;background:var(--accent);border-radius:4px}.icon-line{stroke:#efe6f8;stroke-width:1.5;fill:none}.settings-trigger{margin-top:36px;position:sticky;top:400px}.settings-trigger svg{fill:#e5d8f3;stroke:currentColor;stroke-width:1.8}.rail-caption{position:absolute;top:635px;font-size:7px;letter-spacing:2px;writing-mode:vertical-rl;color:#9383aa}.shell-content{min-width:0}header{height:105px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:14px;letter-spacing:-.4px;white-space:nowrap}.brand strong{font-size:19px;letter-spacing:-.8px;font-weight:800}.brand strong>span{font-size:17px;color:var(--accent);margin-left:3px}header nav{display:flex;gap:32px;font-size:11px;color:#726182}header nav a{position:relative}header nav a:after{position:absolute;content:'';height:2px;bottom:-6px;left:0;right:100%;background:var(--accent);transition:right .25s}header nav a:hover:after{right:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:17px 23px;border-radius:30px;font-size:12px;font-weight:600;position:relative;isolation:isolate;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s,background .3s;will-change:transform}.button span{font-size:18px;line-height:1;transition:transform .3s}.button:hover span{transform:translate(3px,-2px)}.button:active{scale:.96}.button:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent,#fff5,transparent);transform:translateX(-130%);transition:transform .65s}.button:hover:after{transform:translateX(130%)}.button.primary{background:linear-gradient(125deg,#a25ced,var(--accent));color:white;box-shadow:0 9px 20px rgba(var(--accent-rgb),.26),inset 0 1px 1px #fff7}.button.primary:hover{box-shadow:0 13px 26px rgba(var(--accent-rgb),.42)}.button.dark{background:linear-gradient(120deg,#423259,#2e254c);color:#fff;box-shadow:0 7px 17px #43325830,inset 0 1px 1px #ffffff30}.button.small{padding:12px 24px;font-size:10px}.button.ghost{background:#fff4;border:1px solid #fffa;color:var(--ink);box-shadow:0 7px 20px #6954870d}.hero{position:relative;min-height:635px;display:grid;grid-template-columns:1.1fr 1fr;padding:40px 42px 96px;align-items:center}.hero-copy{position:relative;z-index:3;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.availability{font-size:8px;font-weight:600;letter-spacing:1.4px;display:flex;align-items:center;gap:8px;margin-bottom:25px}.availability>span{width:6px;height:6px;background:#56af93;border-radius:50%;box-shadow:0 0 0 4px #bde9d92e}.hero h1{font-size:clamp(40px,4.6vw,68px);letter-spacing:-3.7px;font-weight:800;line-height:1.12}.gradient-text{background:linear-gradient(110deg,#7f45d1,#ce5ba3);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:13px;line-height:1.9;color:#7a6d8c;margin-top:23px}.hero-description strong{color:#514269;font-weight:600}.skill-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.skill-pills>span{font-size:8px;background:#fff3;border:1px solid #ffffff70;padding:7px 11px;border-radius:20px;color:#756783}.hero-actions{display:flex;gap:10px;margin-top:30px;align-items:center}.hero-actions .button{padding:15px 19px;font-size:10px;gap:14px}.hero-signature{display:flex;gap:11px;align-items:center;margin-top:38px}.signature-mark{display:grid;place-items:center;width:37px;height:37px;font-family:Georgia,serif;font-style:italic;font-size:22px;color:#8068a4;background:linear-gradient(135deg,#fefcff,#daceed);border:1px solid #fff9;border-radius:50%;box-shadow:2px 3px 6px #71568b20}.hero-signature>div{font-size:8px;line-height:1.7;color:#897a9c}.hero-signature strong{font-weight:500;color:#69597e}.signature-spark{margin-left:20px;color:#b497d4;font-size:27px}.scene-area{position:absolute;right:0;top:12px;width:53%;height:555px;perspective:1000px;--px:0;--py:0}.scene-halo{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#fff6,#f7ceef22 55%,transparent 72%);left:20%;top:100px;pointer-events:none}.scene-caption{position:absolute;right:39px;top:9px;font-size:7px;letter-spacing:1.8px;color:#88759c}#scene{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;position:relative;z-index:1}#scene:active{cursor:grabbing}.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #ffffffb0;border-radius:16px;background:linear-gradient(130deg,#fff9,#f8ecff50);box-shadow:0 14px 27px #72589025,inset 0 1px 1px #fffd;backdrop-filter:blur(14px);transform-style:preserve-3d;animation:cardFloat 6s ease-in-out infinite;transition:box-shadow .35s,background .35s,scale .35s}.float-card:hover{scale:1.08;background:#ffffffe0;box-shadow:0 18px 35px #67458640;animation-play-state:paused}.float-card>span:nth-child(2){font-size:10px;letter-spacing:-.1px;text-align:left;font-weight:600}.float-card small{display:block;font-size:5px;letter-spacing:1px;color:#9c8ba8;margin-top:5px}.card-arrow{font-size:12px;color:#a78cc0;margin-left:5px}.card-design{left:6%;top:62px;rotate:-10deg;animation-delay:-2s}.card-video{right:5%;top:123px;rotate:12deg;animation-delay:-4s}.card-motion{left:1%;bottom:103px;rotate:-8deg;animation-delay:-1s}.card-art{display:grid;place-items:center;width:40px;height:42px;border-radius:10px;position:relative}.design-art{background:linear-gradient(145deg,#cca7ff,#aa77eb);box-shadow:3px 5px 9px #7344a92b}.design-art i{width:19px;height:24px;background:linear-gradient(145deg,#fcf7ff,#e3cdf4);rotate:12deg;border-radius:4px;box-shadow:2px 3px 2px #70368b33}.design-art b{position:absolute;color:#8f52d9;font-size:14px;left:14px;top:11px}.video-art{background:linear-gradient(135deg,#ffbfcf,#ef84b1);color:white;font-size:21px;text-shadow:1px 3px 2px #b1458877;box-shadow:3px 5px 9px #a944712b}.motion-icon{width:40px;height:42px;display:flex;align-items:center;justify-content:center;gap:2px;background:linear-gradient(135deg,#c3f8df,#70d9c5);border-radius:10px}.motion-icon i{height:16px;width:6px;border-radius:4px;background:#fff;box-shadow:1px 2px 2px #31887466;animation:equalize .8s infinite alternate}.motion-icon i:nth-child(2){height:26px;animation-delay:-.4s}.motion-icon i:nth-child(3){height:12px;animation-delay:-.2s}.scene-spark{position:absolute;font-size:22px;color:#a68dcc;z-index:2;pointer-events:none;animation:twinkle 3s infinite alternate}.spark-one{left:25%;top:190px}.spark-two{right:6%;bottom:135px;font-size:36px;animation-delay:-1s}.spark-three{right:30%;top:51px;font-size:15px}.scene-controls{position:absolute;bottom:0;left:12%;right:8%;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3;padding:10px 13px;border-radius:30px;background:#fff3;border:1px solid #fff5;box-shadow:0 6px 16px #6547750b;backdrop-filter:blur(10px)}.drag-label{font-size:6px;letter-spacing:1.2px;color:#8b769c}.palette{display:flex;gap:7px}.swatch{width:15px;height:15px;background:var(--swatch);border-radius:50%;box-shadow:inset 1px 1px 2px #fff9,1px 2px 3px #54316c35;transition:transform .3s,outline .3s}.swatch:hover{transform:scale(1.25)}.swatch.selected{outline:1px solid var(--swatch);outline-offset:3px}#shape-toggle{background:none;font-size:15px;display:flex;align-items:center;gap:5px;padding:0;color:#7b648d}#shape-toggle span{font-size:8px}.hero-footer{position:absolute;bottom:28px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:1.5px;color:#9382a5}.hero-footer b{color:#655576;font-weight:600;margin-right:7px}.hero-footer a span{font-size:15px;display:inline-block;margin-left:12px;animation:arrowBob 2s infinite}.live-tag{display:flex;align-items:center;gap:7px}.live-tag i{width:4px;height:4px;border-radius:50%;background:#9a7abb}.ticker{border-top:1px solid #fff6;border-bottom:1px solid #fff6;background:#ffffff22;overflow:hidden;padding:22px 0}.ticker>div{display:flex;align-items:center;gap:36px;width:max-content;animation:ticker 40s linear infinite;font-size:11px;font-weight:500;letter-spacing:1px;color:#9580aa}.ticker span{font-size:22px;color:#b097ce}.section-pad{padding:80px 48px}.eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:600;color:#9381a9}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-heading h2,h2{font-size:43px;line-height:1.18;letter-spacing:-2px;font-weight:700;margin-top:20px}h2 em{font-style:normal;font-weight:500;color:#a17bc1}.section-heading>p{font-size:11px;color:var(--muted);padding-bottom:4px}.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0}.filters{display:flex;gap:3px;background:#ffffff30;padding:5px;border:1px solid #ffffff70;border-radius:26px}.filters button{padding:10px 16px;border-radius:20px;background:transparent;font-size:9px;color:#8d799f;transition:background .3s,color .3s,box-shadow .3s}.filters button.selected{background:#fff9;box-shadow:0 4px 10px #72518714;color:#514264}.filters button:hover{color:var(--accent)}.filters sup{font-size:6px;margin-left:4px}.work-count{font-size:8px;color:#9a87aa;letter-spacing:.4px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}.project{background:transparent;text-align:left;padding:0;perspective:1000px;min-width:0}.project[hidden]{display:none}.project-art{height:310px;border:1px solid #ffffff80;border-radius:20px;position:relative;overflow:hidden;padding:25px;transition:transform .45s var(--ease),box-shadow .45s;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 10px 25px #78628312;isolation:isolate}.project:hover .project-art{box-shadow:0 22px 35px #7258812e}.art-top{font-size:8px;letter-spacing:.8px;display:flex;justify-content:space-between;font-weight:600;position:relative;z-index:2}.art-top>span{font-size:5px;letter-spacing:1px;opacity:.65}.art-brand{background:#e5cbd2;color:#583d53}.brand-object{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%) rotate(-17deg);display:flex;gap:2px;filter:drop-shadow(18px 25px 8px #6e345c25);transition:rotate .8s var(--ease)}.project:hover .brand-object{rotate:10deg}.brand-object span{font-family:Georgia,serif;font-size:200px;font-weight:700;line-height:1;color:#f9efcd;text-shadow:1px 1px #b79591,2px 2px #b79591,3px 3px #b79591,4px 4px #b79591,5px 5px #b79591,6px 6px #b79591,7px 7px #b79591,8px 8px #b79591,9px 9px #b79591,10px 10px #b79591}.brand-object span+span{transform:rotate(180deg)}.art-bottom{position:absolute;bottom:24px;font-size:13px;line-height:1.2;letter-spacing:-.3px}.project-open{position:absolute;right:20px;bottom:20px;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#fff8;border:1px solid #fff6;box-shadow:0 3px 10px #69507d10;font-size:17px;transition:transform .4s,background .3s}.project:hover .project-open{transform:rotate(45deg);background:#fff}.project-info{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 5px 0}.project-info h3{font-size:16px;letter-spacing:-.5px}.project-info p{font-size:9px;color:#9381a4;margin-top:5px}.project-tag{font-size:6px;letter-spacing:1px;border:1px solid #fff7;padding:7px 10px;border-radius:20px;color:#8d749e}.art-film{background:linear-gradient(#c7b1cc,#c8bbb9);color:#fff}.sun{position:absolute;right:47px;top:52px;width:65px;height:65px;border-radius:50%;background:#ffdcbb;box-shadow:0 0 60px #ffceae66}.mountain{position:absolute;inset:27% -10% -10%;background:#938496;clip-path:polygon(0 100%,0 60%,25% 20%,40% 48%,64% 0,100% 60%,100% 100%);transition:transform 1.2s var(--ease)}.mountain-front{inset:45% -20% -30%;background:#685e79;transform:scaleX(-1) rotate(-9deg)}.project:hover .mountain-back{transform:scale(1.1) translateX(8px)}.film-word{position:absolute;left:25px;top:96px;font-size:54px;line-height:.95;font-weight:700;letter-spacing:-3px}.film-bottom{position:absolute;left:25px;bottom:30px;font-size:5px;letter-spacing:1px}.project-wide{grid-column:1/-1}.project-wide.filtered{grid-column:auto}.art-motion{height:300px;background:linear-gradient(120deg,#d4c4ed,#bbb3e9);color:#7650b2}.motion-copy{position:absolute;top:77px;left:6%;font-size:65px;line-height:.98;letter-spacing:-3.8px}.motion-copy em{font-family:Georgia,serif;font-weight:400}.motion-rings{position:absolute;right:17%;top:14%;width:210px;height:210px;transform-style:preserve-3d;transform:rotateX(24deg) rotateY(-25deg);animation:rings 12s ease-in-out infinite alternate}.motion-rings i{position:absolute;inset:0;border:19px solid #9562d6;border-radius:50%;box-shadow:inset 2px 3px 3px #ffffff66,5px 5px 9px #61389144}.motion-rings i:nth-child(2){transform:translateZ(30px) scale(.84)}.motion-rings i:nth-child(3){transform:translateZ(60px) scale(.68)}.motion-rings i:nth-child(4){transform:translateZ(90px) scale(.52)}.motion-rings i:nth-child(5){transform:translateZ(120px) scale(.36)}.motion-foot{position:absolute;bottom:25px;font-size:6px;letter-spacing:1.5px}.project-wide.filtered .motion-copy{font-size:43px;left:25px}.project-wide.filtered .motion-rings{right:3%;width:150px;height:150px;top:38%}.work-note{font-size:9px;color:#9985aa;margin-top:28px}.about{border-top:1px solid #fff7;display:grid;grid-template-columns:1fr 1.1fr;gap:50px;background:#ffffff15}.about-visual{position:relative;perspective:1000px}.id-card{width:240px;height:315px;margin:45px auto 0;padding:22px;border:1px solid #fff9;border-radius:22px;background:linear-gradient(140deg,#ffffff99,#dbcef04d);box-shadow:15px 23px 35px #735e922e;rotate:-8deg;transform:rotateY(-10deg);transition:transform .7s,rotate .7s}.id-card:hover{rotate:0deg;transform:rotateY(10deg) translateY(-7px)}.id-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:2px;color:#9784aa}.id-top b{font-size:16px;line-height:.6}.avatar-art{height:184px;position:relative;overflow:hidden;border-radius:13px;background:radial-gradient(circle,#eedcfc,#ccafe3);margin-top:21px;display:flex;align-items:center;justify-content:center}.avatar-head{width:92px;height:95px;border-radius:28px;background:linear-gradient(135deg,#fff8ff,#ad84d2);box-shadow:8px 12px 16px #71439045;z-index:1;margin-top:-20px;display:grid;place-items:center;font-size:44px;letter-spacing:-4px;font-weight:700;color:#775698}.avatar-head span{position:absolute;right:25px;top:22px;font-size:22px;letter-spacing:0;color:#fff}.avatar-body{position:absolute;width:140px;height:100px;bottom:-31px;border-radius:60px;background:linear-gradient(130deg,#bf8de9,#8b4ec1);box-shadow:inset 3px 3px 12px #fff6}.id-bottom{padding-top:17px;display:flex;flex-direction:column;gap:7px}.id-bottom strong{font-size:15px}.id-bottom span{font-size:5px;letter-spacing:1px;color:#9581a7}.about-sticker{position:absolute;right:-5px;bottom:65px;background:#ebf6c9;border:1px solid #fff8;padding:15px 20px;font-size:10px;line-height:1.6;rotate:8deg;color:#7f8b57;border-radius:12px;box-shadow:5px 9px 18px #67763a1c}.about-copy h2{font-size:35px;margin-top:18px}.about-copy>p{font-size:12px;color:#8a769c;margin-top:23px}.services{margin-top:28px}.services details{border-top:1px solid #fff8}.services details:last-child{border-bottom:1px solid #fff8}.services summary{list-style:none;display:flex;align-items:center;padding:18px 0;cursor:pointer;font-size:14px;font-weight:500}.services summary::-webkit-details-marker{display:none}.services summary>span{font-size:8px;color:#ad99bd;margin-right:22px}.services summary b{font-size:20px;font-weight:400;color:#ad8aca;margin-left:auto;transition:transform .3s}.services details[open] summary b{transform:rotate(45deg)}.services details p{font-size:10px;color:#947fa5;padding:0 15px 17px 34px}.contact{position:relative;overflow:hidden;border-top:1px solid #fff7;background:linear-gradient(120deg,#f6e7fc66,#eecbde3d);isolation:isolate}.contact h2{font-size:72px;letter-spacing:-4px;position:relative;z-index:1}.contact h2 em{color:#ad6dc0}.contact-star{position:absolute;right:21%;top:6px;font-size:130px;color:#bc91d6;text-shadow:2px 2px #8c68af,4px 4px #8c68af,6px 6px #8c68af;animation:slowSpin 40s linear infinite;filter:drop-shadow(12px 18px 10px #75479222)}.contact-orb{position:absolute;width:330px;height:330px;right:-30px;bottom:-135px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffdeb7,#edacbf 48%,#be8acb);opacity:.65;z-index:-1}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.contact-bottom p{font-size:12px;color:#987eaa}.contact-note{display:block;font-size:6px;letter-spacing:1.5px;color:#a88eae;margin-top:30px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 42px;border-top:1px solid #fff6}footer .brand{font-size:10px}footer .brand strong{font-size:14px}footer>span{font-size:7px;color:#9e8bad}.back-top{display:grid;place-items:center;width:32px;height:32px;border:1px solid #fff9;border-radius:50%;background:#fff4;font-size:16px;transition:transform .3s}.back-top:hover{transform:translateY(-5px)}.page-bottom{padding:25px 48px 35px;font-size:7px;letter-spacing:1.7px}
dialog{padding:0;border:1px solid #fff9;border-radius:25px;background:linear-gradient(135deg,#f5eefbef,#e9dcf4f5);box-shadow:0 30px 90px #33214355;color:var(--ink);max-width:610px;width:calc(100% - 32px);max-height:88svh;overflow:auto;animation:dialogIn .35s var(--ease)}dialog::backdrop{background:#36214966;backdrop-filter:blur(15px)}.dialog-close{position:absolute;right:18px;top:15px;background:#fff9;border:1px solid #fff9;box-shadow:0 3px 10px #64417e12;width:33px;height:33px;border-radius:50%;font-size:23px;z-index:3;transition:rotate .3s}.dialog-close:hover{rotate:90deg}.dialog-content{padding:35px 38px}.dialog-content h2{font-size:36px;margin:16px 0 20px}.dialog-content>p{font-size:12px;color:#8c76a0}.dialog-art{height:180px;background:linear-gradient(120deg,#d7b5ee,#edbcd7);position:relative;overflow:hidden;display:grid;place-items:center;font-size:100px;font-weight:700;color:#fff9;text-shadow:6px 8px #8e65a333}.dialog-art[data-art="1"]{background:linear-gradient(130deg,#b5a8c9,#726682);font-size:70px;letter-spacing:-5px}.dialog-art[data-art="2"]{background:linear-gradient(120deg,#baa3de,#efc1db)}#dialog-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}#dialog-tags span{border:1px solid #fffb;border-radius:20px;padding:7px 12px;font-size:8px;color:#8d76a1;background:#fff3}.dialog-note{border-top:1px solid #fff9;padding-top:15px;font-size:9px!important}#next-project{margin-top:22px}#brief-form{margin-top:24px;display:grid;gap:15px}#brief-form label{font-size:10px;font-weight:600;display:grid;gap:7px;color:#8a719d}input,select,textarea{min-width:0;background:#fff5;border:1px solid #fffd;border-radius:12px;padding:12px;color:var(--ink);font-size:12px;width:100%;box-shadow:inset 2px 3px 8px #70538c0a}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#b5a3c4;font-size:11px}.form-note{font-size:9px!important;color:#9d88ae;margin-top:10px}#brief-form .button{margin-top:4px;justify-self:start}#brief-status{font-size:11px;color:#71538b}.setting-row{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px;font-size:12px;color:#89749d}input[type=range]{padding:0;accent-color:var(--accent);box-shadow:none;border:0;cursor:pointer}.switch{width:42px;height:25px;padding:4px;border-radius:20px;background:var(--accent);transition:background .3s}.switch i{display:block;width:17px;height:17px;border-radius:50%;background:white;transform:translateX(17px);transition:transform .3s}.switch[aria-checked=false]{background:#c3b5d0}.switch[aria-checked=false] i{transform:none}#reset-scene{margin-top:18px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:#3f2e58ef;color:white;padding:12px 22px;border:1px solid #ffffff26;border-radius:30px;font-size:11px;box-shadow:0 10px 25px #3d25402a;backdrop-filter:blur(12px);opacity:0;pointer-events:none;z-index:100;transition:opacity .3s,transform .3s;text-align:center;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}#fallback{position:absolute;inset:100px 15% 90px;border-radius:70px;background:linear-gradient(130deg,#d7b8f1,#9f69cf);box-shadow:15px 30px 50px #6c498444;display:grid;place-items:center;color:white}#fallback[hidden]{display:none}#fallback span{font-size:70px}#fallback b{font-size:60px}.reveal{opacity:1;transform:none;transition:opacity .75s var(--ease),transform .75s var(--ease)}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(30px)}.paused *,.paused *::before,.paused *::after{animation-play-state:paused!important}.paused .float-card,.paused .magnetic{transform:none!important}
@keyframes blobFloat{to{transform:translate(24px,-30px) scale(1.08)}}@keyframes equalize{to{transform:scaleY(.45)}}@keyframes cardFloat{0%,100%{transform:translate3d(calc(var(--px)*14px),calc(var(--py)*10px),0)}50%{transform:translate3d(calc(var(--px)*14px),calc(var(--py)*10px - 13px),18px)}}@keyframes twinkle{to{opacity:.4;transform:rotate(30deg) scale(.8)}}@keyframes arrowBob{50%{transform:translateY(4px)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes rings{to{transform:rotateX(-20deg) rotateY(30deg) rotateZ(15deg)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes dialogIn{from{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:none}}
@media(min-width:1500px){.page-top{padding-top:40px;padding-bottom:35px}.hero{min-height:660px}.scene-area{height:585px}.hero h1{font-size:65px}}@media(max-width:1400px){.glass-shell{margin:4px 4% 0}.hero h1{font-size:4.7vw;letter-spacing:-3px}header{padding:0 35px}.hero{padding-left:35px;padding-right:35px}.hero-footer{left:35px;right:35px}.section-pad{padding:65px 35px}.scene-area{width:54%}.hero-actions{gap:8px}.hero-actions .button{padding:14px 16px;gap:10px}}@media(max-width:1100px){.glass-shell{grid-template-columns:63px minmax(0,1fr)}header{padding:0 27px;gap:16px}header nav{gap:20px;font-size:10px}.hero{min-height:590px;padding-left:27px;padding-right:27px}.hero h1{font-size:4.8vw;letter-spacing:-2.6px}.hero-description{font-size:11px;max-width:290px}.desktop{display:none}.availability{font-size:6px;letter-spacing:1px}.hero-actions{align-items:flex-start;flex-direction:column;margin-top:24px}.hero-signature{margin-top:23px}.hero-actions .button.ghost{padding:10px 4px;background:transparent;border-color:transparent;box-shadow:none}.scene-area{height:505px;top:23px}.float-card{padding:9px;gap:7px}.card-art,.motion-icon{width:32px;height:34px}.float-card>span:nth-child(2){font-size:8px}.float-card small{font-size:4px}.card-arrow{display:none}.card-video{right:4%;top:114px}.card-motion{left:0;bottom:113px}.scene-caption{right:20px;font-size:6px}.scene-controls{left:7%;right:7%}.drag-label{font-size:5px}.section-pad{padding:60px 27px}.section-heading h2{font-size:36px}.project-art{height:270px;padding:20px}.brand-object span{font-size:170px}.film-word{font-size:43px}.project-info h3{font-size:14px}.project-tag{font-size:5px;padding:6px 8px}.motion-copy{font-size:55px}.motion-rings{right:12%;width:190px;height:190px}.about{gap:28px}.about-copy h2{font-size:29px}.about-copy>p{font-size:11px}.id-card{width:210px;height:290px;padding:18px}.avatar-art{height:170px}.about-sticker{right:-10px;font-size:8px;padding:12px;bottom:80px}.contact h2{font-size:64px}.contact-star{font-size:100px;right:15%}footer{padding:25px 27px}.rail-link.active:before{left:-10px}}
@media(max-width:780px){.page-top{padding:20px 5%}.page-top>span{font-size:6px;letter-spacing:1px}.glass-shell{grid-template-columns:1fr;margin:0 4%;border-radius:25px}.rail{position:fixed;z-index:20;bottom:13px;left:50%;transform:translateX(-50%);flex-direction:row;gap:12px;padding:7px 12px;background:#f6eefdde;backdrop-filter:blur(20px);border:1px solid #fffc;border-radius:25px;box-shadow:0 8px 30px #6d488033}.rail-logo,.rail-caption{display:none}.rail nav{position:static;flex-direction:row;gap:10px;margin:0}.rail-link{width:38px;height:38px;border-radius:13px}.rail-link svg{width:19px;height:19px}.rail-link.active:before,.rail-link span{display:none}.settings-trigger{position:static;margin:0}.shell-content{border-radius:25px;overflow:hidden}header{height:85px;padding:0 25px}header nav{font-size:9px;gap:18px}.brand{font-size:12px}.brand strong{font-size:17px}.button.small{padding:11px 16px;font-size:9px;gap:12px}.hero{min-height:580px;padding:40px 27px 95px}.hero h1{font-size:42px}.scene-area{width:55%;height:470px;top:45px;right:-3%}.hero-description{max-width:250px;font-size:11px}.skill-pills{max-width:245px}.skill-pills>span{font-size:6px;padding:6px 9px}.hero-footer{left:27px;right:27px;bottom:26px;font-size:5px}.live-tag,.scene-caption{display:none}.float-card{padding:8px;gap:5px}.card-design{left:6%;top:63px}.card-video{right:7%;top:137px}.card-motion{left:6%;bottom:80px}.scene-controls{left:16%;right:15%;bottom:5px}.drag-label{display:none}.section-heading h2{font-size:35px}.section-heading>p{font-size:10px}.about{gap:28px}.about-sticker{right:-15px}.about-copy h2{font-size:27px}.about-visual>.eyebrow{font-size:6px}.contact-star{right:10%}.page-bottom{padding:24px 6% 92px}.page-bottom>span:last-child{display:none}footer>span{max-width:180px;line-height:1.7;font-size:6px}.project-tag{display:none}}
@media(max-width:560px){.page-top{padding:18px 6%}.page-top>span{display:none}.mini-wordmark{font-size:12px;padding:10px}.motion-toggle{font-size:9px}.glass-shell{margin:0 4%;border-radius:23px}header{height:78px;padding:0 22px}header nav{display:none}.brand{font-size:11px}.brand strong{font-size:17px}.button.small{padding:10px 14px}.hero{display:block;min-height:920px;padding:36px 23px 70px}.hero-copy{width:100%}.availability{font-size:6px;margin-bottom:20px;letter-spacing:1px}.hero h1{font-size:clamp(35px,10.2vw,51px);letter-spacing:-2.3px}.hero-description{max-width:300px;font-size:11px;margin-top:20px}.skill-pills{max-width:none;gap:6px;margin-top:16px}.skill-pills>span{font-size:6px;padding:6px 9px}.hero-actions{flex-direction:row;align-items:center;gap:10px;margin-top:25px;flex-wrap:wrap}.hero-actions .button{padding:13px 17px;font-size:9px;gap:12px}.hero-actions .button.ghost{padding:12px 2px;font-size:8px;gap:5px}.hero-signature{margin-top:23px}.signature-mark{width:31px;height:31px;font-size:19px}.hero-signature>div{font-size:7px}.signature-spark{font-size:22px}.scene-area{top:430px;right:-3%;width:106%;height:430px}.scene-halo{width:250px;height:250px;left:15%;top:85px}.card-design{top:47px;left:7%}.card-video{top:97px;right:7%}.card-motion{bottom:83px;left:6%}.float-card{padding:9px;gap:7px}.float-card>span:nth-child(2){font-size:8px}.card-art,.motion-icon{width:30px;height:31px}.float-card small{font-size:4px}.design-art b{left:10px;top:7px}.scene-controls{left:16%;right:16%;bottom:0;padding:11px 17px}.drag-label{display:block;font-size:5px;letter-spacing:.6px}.palette{gap:7px}.swatch{width:12px;height:12px}#shape-toggle{font-size:12px}#shape-toggle span{font-size:7px}.spark-one{left:14%;top:187px}.spark-two{right:13%;bottom:95px;font-size:24px}.hero-footer{left:23px;right:23px;font-size:4px;letter-spacing:1px;bottom:24px}.hero-footer a span{font-size:12px;margin-left:6px}.ticker{padding:16px 0}.ticker>div{font-size:8px;gap:25px}.ticker span{font-size:18px}.section-pad{padding:47px 22px}.section-heading{display:block}.section-heading h2{font-size:32px;letter-spacing:-1.6px;margin-top:16px}.eyebrow{font-size:6px;letter-spacing:1.2px}.section-heading>p{margin-top:17px;font-size:10px}.section-heading>p br{display:none}.work-toolbar{margin:23px 0;display:block}.filters{width:max-content;max-width:100%;padding:4px;gap:1px}.filters button{font-size:8px;padding:9px 13px}.work-count{display:block;margin-top:15px;font-size:7px}.projects{grid-template-columns:1fr;gap:26px}.project-wide{grid-column:auto}.project-art{height:290px;border-radius:15px}.brand-object span{font-size:190px}.film-word{font-size:51px;top:98px;left:22px}.project-info h3{font-size:15px}.project-info p{font-size:8px}.project-tag{display:block;font-size:5px}.art-motion{height:315px}.motion-copy{font-size:47px;top:66px;left:22px}.motion-rings,.project-wide.filtered .motion-rings{width:145px;height:145px;right:9%;top:40%}.motion-rings i{border-width:14px}.motion-foot{font-size:5px;letter-spacing:1px}.work-note{font-size:8px;line-height:1.7}.about{grid-template-columns:1fr;gap:50px}.about-visual{min-height:345px}.about-visual>.eyebrow{font-size:6px}.id-card{width:215px;height:285px;margin-top:34px}.avatar-art{height:165px}.about-sticker{right:0;bottom:14px;font-size:9px;padding:13px 17px}.about-copy h2{font-size:31px}.about-copy>p{font-size:11px;margin-top:19px}.services summary{font-size:13px}.contact h2{font-size:54px;letter-spacing:-2.5px}.contact-star{font-size:70px;right:5%;top:8px}.contact-bottom{display:block;margin-top:23px}.contact-bottom .button{margin-top:23px;font-size:10px;padding:15px 20px}.contact-bottom p{font-size:11px}.contact-note{font-size:5px;letter-spacing:1px}.contact-orb{width:260px;height:260px;right:-100px;bottom:-85px}footer{padding:22px;flex-wrap:wrap;gap:17px}footer .brand{font-size:9px}footer .brand strong{font-size:13px}footer>span{order:3;width:100%;max-width:none;font-size:6px}.page-bottom{font-size:5px;letter-spacing:1.2px;padding:23px 6% 90px}.dialog-content{padding:30px 23px}.dialog-content h2{font-size:30px}.dialog-art{height:150px}.dialog-content>p{font-size:11px}#toast{bottom:87px;font-size:10px}.project-wide.filtered .motion-copy{font-size:47px}.rail{gap:8px}.rail nav{gap:8px}}
.scene-caption,.hero-footer,.drag-label{color:#76618e}.float-card small{color:#7d688e}.scene-controls .swatch{position:relative}.scene-controls .swatch:after{content:'';position:absolute;inset:-5px;border-radius:50%}.work-note,.work-count,.project-info p{color:#7d698f}
@media(max-width:780px){.glass-shell{backdrop-filter:none;background:linear-gradient(135deg,#ffffffa1,#f8efff77)}.blob-violet{width:320px;height:320px;right:-180px;top:40px;opacity:.65}.blob-pink{width:270px;height:270px;left:-180px;top:520px}.blob-gold{width:320px;height:320px;right:-200px;top:600px}.blob-mint{width:130px;height:130px;right:-55px;top:480px}.rail{position:fixed}.scene-controls .swatch{width:17px;height:17px}.scene-controls{gap:10px}.hero-description{color:#776288}.hero-signature>div{color:#82708f}.hero-footer{font-size:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal,.js-motion .reveal:not(.visible){opacity:1;transform:none}}
[hidden]{display:none!important}[data-cms]{display:contents!important;font:inherit!important;letter-spacing:inherit!important;color:inherit!important;text-transform:inherit!important}.project-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.custom-hero-image{position:absolute;inset:3%;width:94%;height:90%;object-fit:contain;filter:drop-shadow(0 20px 25px #49336530)}.avatar-art>img{width:100%;height:100%;object-fit:cover}.social-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;font-size:12px}.cms-banner{padding:12px 22px;background:#302248;color:white;font-size:12px;text-align:center;position:relative;z-index:30}.cms-banner a{text-decoration:underline}.portfolio-empty{padding:35px;color:var(--muted)}.dialog-art>img{width:100%;height:100%;object-fit:cover}.project-external{margin-top:16px}