*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.resize{resize:both}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Kanit,sans-serif;color:#d7e2ea;background:#0c0c0c;font-synthesis:none;font-weight:300}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:30px}body,#root,main{background:#0c0c0c}main{overflow-x:clip}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #cc9dff;outline-offset:7px}::-moz-selection{background:#a877e7;color:#0c0c0c}::selection{background:#a877e7;color:#0c0c0c}.hero{height:100svh;min-height:690px;max-height:1200px;position:relative;isolation:isolate;padding:26px 3vw 32px;display:flex;flex-direction:column;overflow:hidden}nav{display:flex;justify-content:space-between;position:relative;z-index:20}nav a{display:flex;align-items:center;gap:6px;font-size:clamp(.85rem,1.45vw,1.4rem);font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:opacity .2s}nav a:hover{opacity:.65}.hero-heading{background:linear-gradient(180deg,#646973,#bbccd7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;line-height:.95;letter-spacing:-.055em}.hero h1{font-size:12.1vw;white-space:nowrap;margin-top:36px;position:relative;z-index:1}.hero-meta{display:flex;justify-content:space-between;letter-spacing:.16em;font-size:10px;margin-top:16px;color:#81838d}.panda-stage{position:absolute;z-index:3;top:16%;left:50%;transform:translate(-50%);width:min(680px,67vw);height:76%;pointer-events:none;filter:drop-shadow(0 28px 32px #0009)}.panda-stage canvas{width:100%;height:100%}.panda-stage img{width:75%;margin:20% auto;border-radius:50%}.hero-glow{position:absolute;left:50%;top:53%;width:42vw;height:30vw;transform:translate(-50%,-30%);background:radial-gradient(ellipse,#58217940,transparent 68%);z-index:-1}.hero-orbit{position:absolute;top:52%;left:50%;width:55vw;height:23vw;border:1px solid #ffffff0b;border-radius:50%;transform:translate(-50%,-20%) rotate(-21deg);z-index:0}.orbit-two{transform:translate(-50%,-20%) rotate(22deg);width:60vw}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:auto;position:relative;z-index:5}.hero-bottom p{font-size:clamp(.8rem,1.3vw,1.25rem);font-weight:300;line-height:1.45;letter-spacing:.03em}.hero-bottom p span{color:#868793}.contact-pill{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:linear-gradient(123deg,#18011f 7%,#b600a8 37%,#7621b0 72%,#be4c00);box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721b1;outline:2px solid #fff;outline-offset:-4px;border-radius:999px;padding:20px 32px;color:#fff;font-size:13px;letter-spacing:.12em;font-weight:500;text-transform:uppercase;transition:transform .25s}.contact-pill:hover{transform:translateY(-4px)}.scroll-link{font-size:10px;letter-spacing:.13em;display:flex;align-items:center;gap:10px;color:#7c7e86}.marquees{padding:100px 0 60px;overflow:hidden;display:grid;gap:12px}.marquee-row{display:flex;gap:12px;width:-moz-max-content;width:max-content;will-change:transform}.word-tile{width:380px;height:235px;border-radius:20px;padding:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#21202b}.tile-label{font-size:9px;letter-spacing:.15em}.word-tile strong{font-size:49px;font-weight:800;letter-spacing:-.06em;position:relative;z-index:2}.tile-symbol{font-size:210px;line-height:1;position:absolute;right:-8px;top:5px;color:#ffffff1c}.tile-1{background:#b9b4ff;color:#242033}.tile-1 .tile-symbol{color:#51418533}.tile-2{background:#dadfe0;color:#17191f}.tile-2 .tile-symbol{color:#8c919c44}.section{padding:100px 4vw}.section-index{display:block;font-size:10px;letter-spacing:.18em;font-weight:400;margin-bottom:40px;color:#92939c}.section h2{font-size:clamp(3rem,10.5vw,160px);font-weight:900;line-height:1;letter-spacing:-.055em}.about{text-align:center;position:relative;padding-top:100px}.about .section-index{margin-bottom:50px}.about-copy{max-width:650px;font-size:clamp(1.1rem,1.75vw,1.5rem);line-height:1.65;margin:45px auto 48px;color:#81838e}.about-copy span{color:#d7e2ea}.spark{position:absolute;font-size:150px;color:#b0a1d2;text-shadow:6px 9px #402f58;line-height:1;transform:rotate(-20deg)}.spark-left{left:4%;top:24%}.spark-right{right:5%;top:41%;font-size:120px;transform:rotate(14deg);color:#d9dae2}.stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:left;border-top:1px solid #ffffff24;margin-top:110px;padding-top:32px;gap:24px}.stats b{display:block;font-weight:600;font-size:clamp(40px,5vw,80px);line-height:1.1;letter-spacing:-.06em}.stats span{font-size:12px;color:#8d8e98}.footnote{font-size:10px;color:#73757e;text-align:left;margin-top:26px}.services{background:#f3f3f1;color:#0c0c0c;border-radius:56px 56px 0 0;padding-bottom:150px}.services h2{text-align:center}.service-list{max-width:1100px;margin:65px auto 0}.service{display:grid;grid-template-columns:160px 1fr 30px;gap:35px;align-items:center;border-bottom:1px solid #0c0c0c26;padding:35px 0}.service-number{font-size:clamp(70px,9vw,130px);font-weight:900;line-height:1;letter-spacing:-.08em}.service h3{font-size:clamp(20px,2.3vw,32px);font-weight:500;text-transform:uppercase}.service p{max-width:650px;font-size:18px;line-height:1.6;opacity:.6;margin-top:10px}.projects{border-radius:56px 56px 0 0;background:#0c0c0c;margin-top:-55px;position:relative;padding-bottom:40px}.projects h2{text-align:center;font-size:10vw}.section-intro{text-align:center;color:#848691;margin:24px 0 65px}.project-wrap{min-height:92vh;position:relative;padding-bottom:55px}.project{position:sticky;border:2px solid #b7bec8;border-radius:38px;padding:25px;background:#0c0c0c;transform-origin:center top}.project-top{display:flex;align-items:center;gap:28px;margin-bottom:24px}.project-number{font-size:70px;line-height:1;font-weight:800;letter-spacing:-.07em}.project small{font-size:10px;letter-spacing:.13em;color:#9799a4}.project h3{font-size:28px;font-weight:400;letter-spacing:-.025em}.outline-pill{margin-left:auto;display:inline-flex;gap:25px;align-items:center;border:1px solid #bac4d0;border-radius:999px;padding:13px 24px;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.outline-pill:hover{background:#ffffff12}.project-art{display:grid;grid-template-columns:.65fr 1fr;gap:15px;height:440px}.project-note,.project-poster{border-radius:24px;padding:30px;overflow:hidden}.project-note{background:#1b1b21;display:flex;flex-direction:column}.project-note>span{font-size:10px;letter-spacing:.14em;color:#9695a4}.project-note h4{font-size:34px;font-weight:500;margin:40px 0 15px;line-height:1.1}.project-note p{font-size:16px;color:#a6a5af;line-height:1.6}.project-note .note-bottom{margin-top:auto;padding-top:20px}.project-poster{position:relative;background:#b9b0f3;color:#252037;display:flex;flex-direction:column;justify-content:space-between}.project-poster>span{font-size:10px;letter-spacing:.1em}.project-poster strong{font-size:clamp(45px,6vw,90px);line-height:.91;letter-spacing:-.06em;white-space:pre-line;font-weight:800;z-index:1}.project-poster small{color:inherit;font-size:8px;z-index:1}.poster-arrow{position:absolute;right:10px;bottom:80px;width:220px;height:220px;opacity:.14;stroke-width:1}.orange .project-poster{background:#d88e60;color:#38251c}.silver .project-poster{background:#c9d6d8;color:#263b3b}.experience{padding-top:40px}.section-title{margin-bottom:50px}.section-title>span:last-child{display:block;text-align:right;font-size:12px;color:#888b94;margin-top:20px}.job{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:35px;padding:34px 0;border-top:1px solid #ffffff24}.job>span{font-size:12px;color:#8c8c97}.job h3{font-size:23px;font-weight:400;line-height:1.2}.job h4{font-size:14px;color:#ad96cf;font-weight:300;margin-top:10px}.job p{font-size:14px;line-height:1.7;color:#8e909c}.credentials{background:#141418;border-top:1px solid #ffffff12}.credentials h2{font-size:8vw}.credential-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.credential-grid h3{font-size:16px;font-weight:500;margin-bottom:18px}.credential-grid p{font-size:14px;line-height:1.9;color:#91939e}footer{padding-bottom:25px!important}footer h2{position:relative;font-size:12vw!important}footer h2>span{color:#9c88b8}footer h2>a{position:absolute;right:2%;top:15%;width:15vw;height:15vw;border:1px solid #6b6179;border-radius:50%;display:grid;place-items:center;transition:background .2s}footer h2>a:hover{background:#6f3983}footer h2 svg{width:9vw;height:9vw;stroke-width:1}.contact-details{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:45px 0 70px}.contact-details p{font-size:18px;color:#8e8e9b}.footer-links{display:flex;flex-wrap:wrap;gap:28px;padding:24px 0;border-top:1px solid #ffffff24}.footer-links a{font-size:13px;display:flex;align-items:center;gap:8px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;color:#787b86;font-size:10px;letter-spacing:.08em;border-top:1px solid #ffffff24;padding-top:24px}.footer-bottom>a:first-child{font-weight:700;color:#bdc5ce}@media(min-width:1600px){.hero h1{font-size:12.2vw}.panda-stage{width:780px}}@media(max-width:900px){.spark{font-size:90px;opacity:.3}.spark-right{right:1%;top:20%}.spark-left{left:0;top:45%}.panda-stage{width:85vw;top:18%}.service{grid-template-columns:100px 1fr 25px;gap:20px}.project-art{height:390px}.project-note h4{font-size:26px}.job{grid-template-columns:.6fr 1fr}.job p{grid-column:2}.credential-grid{gap:20px}.scroll-link{display:none}}@media(max-width:600px){.hero{min-height:720px;padding:22px 20px 28px;height:94svh}.hero h1{font-size:16vw;white-space:normal;max-width:90%;margin-top:40px;line-height:.92}.hero-meta{font-size:8px}.hero-meta span:last-child{max-width:120px;text-align:right}.panda-stage{width:116vw;height:60%;top:26%}.hero-orbit{top:53%;width:90vw;height:45vw}.hero-bottom p{font-size:11px}.contact-pill{font-size:10px;padding:17px 22px;gap:10px}.hero-glow{width:100vw;height:85vw}.section{padding:70px 20px}.section-index{font-size:8px;letter-spacing:.14em;margin-bottom:25px}.marquees{padding-top:55px}.word-tile{width:270px;height:180px}.word-tile strong{font-size:37px}.tile-symbol{font-size:165px}.about-copy{font-size:18px;margin:30px auto 35px}.spark{display:none}.stats{grid-template-columns:1fr 1fr;margin-top:65px;gap:30px}.stats span{font-size:10px}.footnote{font-size:9px}.services,.projects{border-radius:30px 30px 0 0}.services{padding-bottom:100px}.service-list{margin-top:35px}.service{grid-template-columns:65px 1fr;gap:18px;padding:28px 0}.service-number{font-size:60px}.service h3{font-size:19px}.service p{font-size:14px}.service-plus{display:none}.projects h2{font-size:14vw}.section-intro{font-size:14px;margin-bottom:35px}.project-wrap{min-height:auto;padding-bottom:24px}.project{position:relative!important;top:0!important;padding:15px;border-radius:25px}.project-top{gap:14px;flex-wrap:wrap;margin-bottom:18px}.project-number{font-size:50px}.project h3{font-size:21px}.project small{font-size:8px}.outline-pill{padding:9px 13px;font-size:9px;gap:8px}.project-art{height:auto;grid-template-columns:1fr}.project-note{min-height:210px;padding:23px}.project-note h4{margin:20px 0 12px}.project-note p{font-size:14px}.project-note .note-bottom{display:none}.project-poster{height:330px;padding:24px}.project-poster strong{font-size:62px}.project-note,.project-poster{border-radius:18px}.poster-arrow{width:180px;height:180px;bottom:50px}.job{grid-template-columns:1fr;gap:15px}.job p{grid-column:auto}.job h3{font-size:22px}.credential-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.credentials h2{font-size:12vw}.contact-details{align-items:start;flex-direction:column;margin:30px 0 40px}.contact-details p{font-size:15px}footer h2{font-size:14vw!important}footer h2>a{width:17vw;height:17vw;right:0;top:25%}.footer-links{gap:20px}.footer-links a{font-size:12px}.footer-bottom{font-size:8px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.panda-stage{pointer-events:auto;cursor:grab;touch-action:pan-y;outline:none}.panda-stage:active{cursor:grabbing}.panda-stage:focus-visible{outline:1px dashed #b9b0f3;outline-offset:-30px;border-radius:40%}.motion-toggle{position:fixed;right:18px;bottom:14px;z-index:100;border:1px solid #b8a4d766;border-radius:30px;background:#151019df;color:#ded7ea;padding:9px 14px;font:400 10px Kanit,sans-serif;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-pill{position:relative;isolation:isolate;overflow:hidden;background:#230c3a;box-shadow:0 0 24px #a820b844,inset 0 0 18px #fff2;transition:box-shadow .3s;transform:translateZ(0)}.contact-pill:hover{box-shadow:0 0 38px #c73dfb88,inset 0 0 18px #fff4}.contact-pill>svg,.button-label{position:relative;z-index:3;pointer-events:none}.liquid-flow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1;overflow:hidden;border-radius:inherit;background:linear-gradient(130deg,#3e1165,#890cb4,#d52395,#c76c24);background-size:250% 250%;animation:liquid-current 6s ease-in-out infinite}.liquid-flow i{position:absolute;display:block;width:95%;height:230%;top:-110%;left:-20%;border-radius:42% 58% 66% 34%/52% 37% 63% 48%;background:radial-gradient(ellipse at 45% 70%,#fb91eecc,#f415c699 40%,#7f24db00 72%);filter:blur(5px);animation:liquid-swirl 7s linear infinite}.liquid-flow i:nth-child(2){left:45%;top:-40%;width:85%;height:190%;background:radial-gradient(ellipse,#fba049dd,#f5594477 45%,transparent 70%);animation:liquid-swirl 9s linear infinite reverse;animation-delay:-3s}.liquid-flow i:nth-child(3){left:15%;top:10%;height:150%;background:radial-gradient(ellipse,#9e7bffdd,#5b1bab77 50%,transparent 70%);animation:liquid-swirl 5s linear infinite;animation-delay:-2s}.contact-pill:after{content:"";position:absolute;top:-100%;right:-25%;bottom:-100%;left:-25%;z-index:2;background:linear-gradient(110deg,transparent 35%,#ffffff44 48%,transparent 59%);transform:translate(-80%) rotate(15deg);animation:liquid-shine 4s ease-in-out infinite;pointer-events:none}.contact-pill:active .liquid-flow{filter:brightness(1.5)}.contact-pill:hover .liquid-flow i{animation-duration:3s}.contact-pill>svg{transition:transform .35s}.contact-pill:hover>svg{transform:translate(3px,-3px) rotate(7deg)}@keyframes liquid-current{0%,to{background-position:0% 20%}50%{background-position:100% 80%}}@keyframes liquid-swirl{0%{transform:translate(-8%,2%) rotate(0) scale(1)}50%{transform:translate(18%,20%) rotate(180deg) scale(1.18)}to{transform:translate(-8%,2%) rotate(360deg) scale(1)}}@keyframes liquid-shine{0%,15%{transform:translate(-80%) rotate(15deg)}70%,to{transform:translate(80%) rotate(15deg)}}.marquee-scroll{width:-moz-max-content;width:max-content;will-change:transform}.marquee-loop{animation:tile-slide 26s linear infinite}.marquee-loop.row-1{animation-direction:reverse;animation-duration:30s}.marquee-scroll:hover .marquee-loop{animation-play-state:paused}@keyframes tile-slide{to{transform:translate(-50%)}}.spark-left{animation:float-star 6s ease-in-out infinite}.spark-right{animation:float-arrow 5s ease-in-out infinite}.tile-symbol{animation:symbol-turn 20s linear infinite}.row-1 .tile-symbol{animation:float-arrow 5s ease-in-out infinite}.hero-orbit:after{content:"";position:absolute;left:18%;top:12%;width:10px;height:10px;border-radius:50%;background:#d2aaff;box-shadow:0 0 18px #b96bff}.orbit-one{animation:orbit-sway 12s ease-in-out infinite}.orbit-two{animation:orbit-sway 15s ease-in-out infinite reverse}.scroll-link svg{animation:scroll-bounce 1.8s ease-in-out infinite}.service-plus{transition:transform .5s}.service:hover .service-plus{transform:rotate(180deg)}.outline-pill svg,.footer-links svg{transition:transform .3s}.outline-pill:hover svg,.footer-links a:hover svg{transform:translate(4px,-4px)}@keyframes float-star{0%,to{transform:translateY(0) rotate(-20deg)}50%{transform:translateY(-28px) rotate(15deg)}}@keyframes float-arrow{0%,to{transform:translate(0) rotate(14deg)}50%{transform:translate(8px,-25px) rotate(-8deg)}}@keyframes symbol-turn{to{transform:rotate(360deg)}}@keyframes orbit-sway{0%,to{transform:translate(-50%,-20%) rotate(-21deg)}50%{transform:translate(-50%,-25%) rotate(26deg)}}@keyframes scroll-bounce{0%,to{transform:translateY(-4px)}50%{transform:translateY(6px)}}.motion-playing .liquid-flow{animation:liquid-current 6s ease-in-out infinite!important}.motion-playing .liquid-flow i{animation:liquid-swirl 7s linear infinite!important}.motion-playing .liquid-flow i:nth-child(2){animation-duration:9s!important;animation-direction:reverse!important;animation-delay:-3s!important}.motion-playing .liquid-flow i:nth-child(3){animation-duration:5s!important;animation-delay:-2s!important}.motion-playing .contact-pill:after{animation:liquid-shine 4s ease-in-out infinite!important}.motion-playing .marquee-loop{animation:tile-slide 26s linear infinite!important}.motion-playing .row-1{animation-direction:reverse!important;animation-duration:30s!important}.motion-playing .spark-left{animation:float-star 6s ease-in-out infinite!important}.motion-playing .spark-right{animation:float-arrow 5s ease-in-out infinite!important}.motion-playing .tile-symbol{animation:symbol-turn 20s linear infinite!important}.motion-playing .hero-orbit{animation:orbit-sway 12s ease-in-out infinite!important}.motion-playing .orbit-two{animation-direction:reverse!important;animation-duration:15s!important}.motion-playing .scroll-link svg{animation:scroll-bounce 1.8s ease-in-out infinite!important}.motion-paused *,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .marquee-scroll{transform:none!important}@media(max-width:600px){.panda-stage{width:108vw}.spark{display:block;font-size:44px;opacity:.45;top:12%;pointer-events:none}.spark-left{left:0}.spark-right{right:0;top:23%}.motion-toggle{right:10px;bottom:8px;font-size:9px;padding:7px 10px}}.marquee-copy{display:flex;gap:12px;padding-right:12px}.marquee-loop{gap:0}.word-tile{flex:none}.music-toggle{position:fixed;left:18px;bottom:14px;z-index:100;display:flex;align-items:center;gap:9px;background:#151019e8;color:#ded7ea;border:1px solid #b8a4d766;border-radius:30px;padding:10px 14px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.music-status{font:400 9px Kanit,sans-serif;letter-spacing:.08em}.music-bars{display:flex;align-items:center;gap:2px;height:16px}.music-bars i{width:2px;height:4px;background:#d394f6;display:block;border-radius:2px}.music-on .music-bars i{animation:music-level .9s ease-in-out infinite alternate}.music-on .music-bars i:nth-child(2){animation-delay:-.6s}.music-on .music-bars i:nth-child(3){animation-delay:-.3s}@keyframes music-level{0%{height:3px}to{height:15px}}.music-toggle:focus-visible,.motion-toggle:focus-visible{outline:2px solid #cc9dff;outline-offset:4px}@media(max-width:600px){.music-toggle{left:10px;bottom:8px;padding:7px 10px}.music-status{font-size:8px}}.language-toggle{position:fixed;right:18px;top:82px;z-index:100;background:#19131fe8;color:#e9def7;border:1px solid #b8a4d788;border-radius:30px;padding:9px 17px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:500 13px Tajawal,Kanit,sans-serif}.language-toggle:focus-visible{outline:2px solid #cc9dff;outline-offset:4px}html[lang=ar] body{font-family:Tajawal,sans-serif}html[lang=ar] .hero-heading,html[lang=ar] h2,html[lang=ar] .word-tile strong,html[lang=ar] .project-poster strong{letter-spacing:0;line-height:1.22}html[lang=ar] nav a,html[lang=ar] .section-index,html[lang=ar] .hero-meta,html[lang=ar] .contact-pill,html[lang=ar] .tile-label{letter-spacing:0}html[lang=ar] .hero h1{font-size:11.5vw;margin-top:30px;white-space:nowrap}html[lang=ar] .hero-bottom p{line-height:1.7}html[lang=ar] .stats{text-align:right}html[lang=ar] .footnote{text-align:right;line-height:1.8}html[lang=ar] .about-copy{line-height:1.9}html[lang=ar] .outline-pill{margin-left:0;margin-inline-start:auto}html[lang=ar] .project-poster strong{font-size:clamp(42px,5.4vw,78px);line-height:1.3}html[lang=ar] .project-note p,html[lang=ar] .job p{line-height:1.9}html[lang=ar] .project-note h4{line-height:1.4}html[lang=ar] .job>span,html[lang=ar] .stats b{unicode-bidi:plaintext}html[lang=ar] .footer-bottom{letter-spacing:0}html[lang=ar] footer h2>a{right:auto;left:2%}html[lang=ar] .marquees{direction:ltr}html[lang=ar] .word-tile{direction:rtl}html[lang=ar] .word-tile strong{font-size:48px}html[lang=ar] .motion-toggle,html[lang=ar] .music-status{font-family:Tajawal,sans-serif;letter-spacing:0}html[lang=ar] .music-toggle{direction:rtl}html[lang=ar] .credential-grid p{line-height:2}@media(max-width:600px){.language-toggle{top:57px;right:10px;padding:7px 12px;font-size:11px}html[lang=ar] .hero h1{font-size:13.5vw;white-space:normal;max-width:100%;margin-top:45px;line-height:1.3}html[lang=ar] .hero-meta{font-size:9px}html[lang=ar] .section h2{font-size:12vw}html[lang=ar] .word-tile strong{font-size:36px}html[lang=ar] .project-poster strong{font-size:52px}html[lang=ar] footer h2>a{left:0}html[lang=ar] .hero-bottom p{font-size:12px}html[lang=ar] .music-status{font-size:9px}html[lang=ar] .section-index{font-size:10px}}