@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#0c0c0c}html,body,#root{background:#0c0c0c;min-height:100%}body{color:#d7e2ea;font-family:Kanit,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.hero-heading{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(#646973 0%,#bbccd7 100%);-webkit-background-clip:text;background-clip:text}.hero-section{flex-direction:column;height:100svh;min-height:620px;display:flex;position:relative;overflow-x:clip}.nav-bar{z-index:30;color:#d7e2ea;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;padding:1.5rem 1.5rem 0;font-size:.875rem;font-weight:500;display:flex}.nav-bar a{transition:opacity .2s}.nav-bar a:hover{opacity:.7}.hero-heading-wrap{width:100%;margin-top:1.5rem;overflow:hidden}.hero-title{white-space:nowrap;letter-spacing:-.025em;text-align:center;text-transform:uppercase;justify-content:center;align-items:baseline;gap:.1em;width:100%;font-size:14vw;font-weight:900;line-height:.85;display:flex}.portrait-position{z-index:10;width:min(440px,116vw);margin-inline:auto;position:absolute;top:32%;left:0;right:0}.portrait{-webkit-user-select:none;user-select:none;width:100%;height:auto}.hero-bottom{z-index:20;justify-content:space-between;align-items:flex-end;margin-top:auto;padding:0 1.5rem 1.75rem;display:flex;position:relative}.hero-intro{color:#d7e2ea;letter-spacing:.04em;text-transform:uppercase;max-width:160px;font-size:clamp(.75rem,1.4vw,1.5rem);font-weight:300;line-height:1.28}.contact-button{color:#fff;letter-spacing:.12em;outline-offset:-3px;text-transform:uppercase;background:linear-gradient(123deg,#18011f 7%,#b600a8 37%,#7621b0 72%,#be4c00 100%);border-radius:999px;outline:2px solid #fff;justify-content:center;align-items:center;padding:.75rem 2rem;font-size:.75rem;font-weight:500;transition:transform .2s,filter .2s;display:inline-flex;box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721b1}.contact-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.marquee-section{background:#0c0c0c;flex-direction:column;gap:.75rem;padding:6rem 0 2.5rem;display:flex;overflow:hidden}.marquee-row{align-items:center;gap:clamp(1.5rem,3vw,3rem);width:max-content;display:flex}.marquee-card{perspective:700px;width:clamp(130px,14vw,190px);height:clamp(90px,10vw,130px);transform-style:preserve-3d;outline:none;flex:none;transition:transform .38s cubic-bezier(.22,1,.36,1),z-index 0s .38s;position:relative}.marquee-card:after{z-index:-1;filter:blur(24px);opacity:0;content:"";background:#b600a852;border-radius:50%;transition:opacity .3s;position:absolute;inset:18% 12%;transform:translateZ(-30px)}.marquee-tile{object-fit:contain;background:0 0;width:100%;height:100%;padding:clamp(.5rem,1vw,1rem);transition:transform .38s cubic-bezier(.22,1,.36,1),filter .3s;display:block;transform:translateZ(0)}.marquee-name{z-index:3;color:#d7e2ea;letter-spacing:.1em;opacity:0;white-space:nowrap;text-transform:uppercase;text-shadow:0 3px 12px #000000e6,0 0 14px #b600a857;background:0 0;padding:0;font-size:clamp(.58rem,.75vw,.72rem);font-weight:600;transition:opacity .26s,transform .38s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-.4rem;left:50%;transform:translate3d(-50%,14px,36px)rotateX(-8deg)scale(.86)}.marquee-card:hover,.marquee-card:focus-visible{z-index:5;transition-delay:0s;transform:translateY(-9px)rotateX(7deg)rotateY(-5deg)scale(1.06)}.marquee-card:hover:after,.marquee-card:focus-visible:after{opacity:1}.marquee-card:hover .marquee-tile,.marquee-card:focus-visible .marquee-tile{filter:brightness(1.08)drop-shadow(0 14px 18px #00000061);transform:translateZ(28px)scale(.96)}.marquee-card:hover .marquee-name,.marquee-card:focus-visible .marquee-name{opacity:1;transform:translate3d(-50%,0,42px)rotateX(-5deg)scale(1)}.about-section{justify-content:center;align-items:center;min-height:100svh;padding:5rem 1.25rem;display:flex;position:relative;overflow:hidden}.about-content{z-index:5;text-align:center;flex-direction:column;align-items:center;gap:2.5rem;width:100%;display:flex;position:relative}.section-title{letter-spacing:-.055em;text-align:center;text-transform:uppercase;font-size:clamp(3rem,12vw,160px);font-weight:900;line-height:.85}.animated-copy{color:#d7e2ea;max-width:560px;font-size:clamp(1rem,2vw,1.35rem);font-weight:500;line-height:1.65}.animated-word{white-space:nowrap;display:inline-block}.character{white-space:pre;display:inline-block;position:relative}.character-placeholder{visibility:hidden}.character-visible{position:absolute;inset:0}.about-content>div:last-child{margin-top:1.5rem}.decor{z-index:1;position:absolute}.decor img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 18px 38px #875aff4d);width:100%}.moon{width:120px;top:4%;left:1%}.object{width:100px;bottom:8%;left:3%}.lego{width:120px;top:4%;right:1%}.group{width:130px;bottom:8%;right:3%}.services-section{color:#0c0c0c;background:#fff;border-radius:40px 40px 0 0;padding:5rem 1.25rem;position:relative}.dark-title{color:#0c0c0c;margin-bottom:4rem}.service-list{width:100%;max-width:64rem;margin:0 auto}.service-item{border-top:1px solid #0c0c0c26;grid-template-columns:minmax(110px,.38fr) 1fr;align-items:center;gap:1.5rem;padding:2rem 0;display:grid}.service-item:last-child{border-bottom:1px solid #0c0c0c26}.service-number,.project-number{color:#0c0c0c;letter-spacing:-.06em;font-size:clamp(3rem,10vw,140px);font-weight:900;line-height:.8}.service-copy h3{text-transform:uppercase;font-size:clamp(1rem,2.2vw,2.1rem);font-weight:500}.service-copy p{opacity:.6;max-width:42rem;margin-top:.65rem;font-size:clamp(.85rem,1.6vw,1.25rem);font-weight:300;line-height:1.55}.projects-section{--sticky-top:4rem;z-index:10;background:#0c0c0c;border-radius:40px 40px 0 0;margin-top:-2.5rem;padding:7rem 1.25rem 0;position:relative}.projects-title{margin-bottom:5rem}.projects-list{width:100%;max-width:90rem;margin:0 auto}.project-card-slot{height:calc(100svh - var(--sticky-top) - .5rem);min-height:0;position:sticky}.project-card-spacer{pointer-events:none;height:clamp(5rem,12vh,8rem)}.projects-view-more-wrap{justify-content:center;padding:clamp(4rem,9vw,8rem) 0 clamp(6rem,11vw,10rem);display:flex}.projects-view-more{cursor:pointer;background:0 0;font-family:inherit}.project-card{width:100%;height:100%;min-height:inherit;transform-origin:top;background:#0c0c0c;border:2px solid #d7e2ea;border-radius:40px;padding:1rem;position:relative;overflow:hidden}.project-meta{grid-template-columns:.55fr .45fr 1fr auto;align-items:center;gap:clamp(1.25rem,2.5vw,2.5rem);height:clamp(118px,17vh,150px);padding:1rem 1rem 2rem;display:grid}.project-meta .project-number{color:#d7e2ea}.project-category{letter-spacing:.12em;opacity:.65;text-transform:uppercase;font-size:clamp(.75rem,1.2vw,1rem)}.project-meta h3{text-transform:uppercase;font-size:clamp(1.2rem,2.5vw,2.6rem);font-weight:500;line-height:1}.live-button{color:#d7e2ea;letter-spacing:.1em;white-space:nowrap;text-transform:uppercase;border:2px solid #d7e2ea;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.875rem;font-weight:500;transition:background .2s;display:inline-flex}.live-button:hover{background:#d7e2ea1a}.project-images{grid-template-columns:40fr 60fr;align-items:center;gap:1.25rem;height:calc(100% - clamp(118px,17vh,150px) - clamp(1rem,2vh,1.5rem));min-height:0;margin-top:clamp(1rem,2vh,1.5rem);display:grid}.project-left{flex-direction:column;gap:1.25rem;min-height:0;display:flex}.project-detail-panel{background:radial-gradient(circle at 85% 15%,#b600a824,#0000 42%),#d7e2ea0b;border:1px solid #d7e2ea24;border-radius:40px;flex-direction:column;justify-content:center;min-height:0;padding:clamp(1.25rem,2.5vw,2.5rem);display:flex;overflow:hidden}.project-about-panel{flex:0 0 42%}.project-stack-panel{flex:1}.project-detail-panel>span{color:#d7e2ea;letter-spacing:.14em;opacity:.55;text-transform:uppercase;margin-bottom:.8rem;font-size:clamp(.65rem,.9vw,.8rem);font-weight:600}.project-detail-panel p{color:#d7e2ea;max-width:34rem;font-size:clamp(.82rem,1.2vw,1.08rem);font-weight:300;line-height:1.5}.project-tech-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.45rem,.8vw,.7rem);width:100%;display:flex}.project-tech-icon{background:#0c0c0cb8;border:1px solid #d7e2ea38;border-radius:999px;flex:none;align-items:center;gap:.4rem;width:auto;padding:.38rem .68rem .38rem .45rem;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.project-images .project-tech-icon img{object-fit:contain;border-radius:0;flex:none;width:clamp(1rem,1.3vw,1.15rem);min-width:clamp(1rem,1.3vw,1.15rem);max-width:clamp(1rem,1.3vw,1.15rem);height:clamp(1rem,1.3vw,1.15rem);min-height:clamp(1rem,1.3vw,1.15rem);max-height:clamp(1rem,1.3vw,1.15rem);display:block}.project-tech-icon b{color:#d7e2ea;letter-spacing:.025em;white-space:nowrap;font-size:clamp(.62rem,.75vw,.72rem);font-weight:500}.project-images img{border-radius:40px;width:100%}.experience-section{z-index:12;background:linear-gradient(#0c0c0c 0 5rem,#0c0c0ceb 8rem,#0c0c0c8c 13rem,#0c0c0c00 20rem calc(100% - 20rem),#0c0c0c8c calc(100% - 13rem),#0c0c0ceb calc(100% - 8rem),#0c0c0c calc(100% - 5rem) 100%),radial-gradient(circle at 12% 20%,#b600a829,#0000 28%),radial-gradient(circle at 88% 76%,#7621b02e,#0000 30%),#0c0c0c;margin-top:-1px;padding:clamp(7rem,12vw,11rem) 1.25rem clamp(8rem,13vw,12rem);position:relative;overflow:hidden}.experience-ghost{color:#0000;letter-spacing:-.07em;opacity:.07;pointer-events:none;-webkit-text-stroke:1px #d7e2ea;white-space:nowrap;font-size:clamp(6rem,20vw,22rem);font-weight:900;line-height:1;position:absolute;top:4rem;left:50%;transform:translate(-50%)}.experience-kicker{color:#d7e2ea;letter-spacing:.2em;text-align:center;text-transform:uppercase;margin-bottom:.85rem;font-size:.75rem;font-weight:500}.experience-title{margin-bottom:clamp(5rem,9vw,8rem)}.experience-timeline{z-index:2;width:100%;max-width:86rem;margin:0 auto;position:relative}.experience-portal{z-index:0;aspect-ratio:1;pointer-events:none;width:clamp(22rem,44vw,46rem);transform-style:preserve-3d;will-change:transform;position:absolute;top:30%;right:-13rem}.experience-portal-ring{border:1px solid #d7e2ea29;border-radius:50%;position:absolute;box-shadow:inset 0 0 45px #b600a814,0 0 35px #7621b01a}.portal-ring-one{border-width:2px 1px;animation:18s linear infinite portalSpin;inset:0}.portal-ring-two{border-color:#b600a840;animation:13s linear infinite portalSpinReverse;inset:13%;transform:rotateX(64deg)}.portal-ring-three{border-color:#be4c0038;animation:9s linear infinite portalSpin;inset:27%;transform:rotateY(68deg)}.experience-portal-core{background:radial-gradient(circle at 35% 30%,#d7e2ea,#b600a8 22%,#7621b0 52%,#0000 72%);border-radius:50%;animation:3.5s ease-in-out infinite portalPulse;position:absolute;inset:40%;box-shadow:0 0 55px #b600a8bf,0 0 120px #7621b061}@keyframes portalSpin{to{transform:rotate(360deg)rotateX(22deg)}}@keyframes portalSpinReverse{to{transform:rotate(-360deg)rotateX(64deg)}}@keyframes portalPulse{50%{opacity:.75;transform:scale(1.15)}}.experience-row{perspective:1600px;transform-style:preserve-3d;grid-template-columns:clamp(6.3rem,16vw,14rem) minmax(0,1fr);align-items:start;margin-bottom:clamp(4rem,8vw,7rem);display:grid;position:relative}.experience-row:last-child{margin-bottom:0}.experience-index{aspect-ratio:1;color:#d7e2ea;width:clamp(5.3rem,11vw,9rem);transform-style:preserve-3d;justify-content:center;align-items:center;padding-top:.55rem;display:flex;position:relative}.experience-index b{z-index:2;letter-spacing:-.07em;text-shadow:0 0 26px #b600a8a6;font-size:clamp(2.5rem,5vw,5rem);font-weight:900;line-height:.75;position:relative}.experience-index small{z-index:2;letter-spacing:.2em;opacity:.5;text-transform:uppercase;font-size:clamp(.42rem,.65vw,.58rem);font-weight:500;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.experience-orbit{border:1px solid #d7e2ea40;border-radius:50%;position:absolute;inset:7%;box-shadow:inset 0 0 20px #b600a81f,0 0 20px #7621b01f}.experience-orbit:after{content:"";background:#d7e2ea;border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:-.25rem;left:50%;box-shadow:0 0 12px #b600a8}.experience-orbit-one{animation:9s linear infinite experienceOrbit;transform:rotateX(68deg)rotate(0)}.experience-orbit-two{border-color:#b600a861;animation:7s linear infinite experienceOrbitReverse;inset:18%;transform:rotateY(64deg)rotate(0)}@keyframes experienceOrbit{to{transform:rotateX(68deg)rotate(360deg)}}@keyframes experienceOrbitReverse{to{transform:rotateY(64deg)rotate(-360deg)}}.experience-card-shell{transform-style:preserve-3d;position:relative}.experience-depth-layer{pointer-events:none;border:1px solid #d7e2ea1f;border-radius:clamp(2rem,4vw,3.75rem);position:absolute;inset:0}.experience-depth-layer-one{background:#7621b014;transform:translate3d(18px,18px,-40px)}.experience-depth-layer-two{background:#b600a80d;transform:translate3d(34px,34px,-80px)}.experience-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transform-style:preserve-3d;background:linear-gradient(135deg,#ffffff18,#0000 38%),linear-gradient(145deg,#1e0e26f0,#0c0c0cf7 62%);border:1px solid #d7e2ea38;border-radius:clamp(2rem,4vw,3.75rem);padding:clamp(1.5rem,4vw,3.5rem);transition:border-color .3s,transform .3s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1c,inset -1px -1px #b600a81a,0 35px 90px #0000007a,0 0 50px #7621b014}.experience-card:before{filter:blur(50px);content:"";background:#b600a829;border-radius:50%;width:18rem;height:18rem;position:absolute;top:-8rem;right:-8rem}.experience-card:after{border-radius:inherit;pointer-events:none;content:"";background:repeating-linear-gradient(115deg,#0000 0 18px,#ffffff05 18px 19px);position:absolute;inset:0}.experience-card-shine{z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff12,#0000);width:38%;height:190%;transition:left .7s cubic-bezier(.22,1,.36,1);position:absolute;top:-45%;left:-15%;transform:rotate(18deg)}.experience-card:hover .experience-card-shine{left:92%}.experience-card:hover{border-color:#d7e2ea7a;transform:translateY(-6px)}.experience-card-head{z-index:2;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex;position:relative}.experience-role-wrap{align-items:flex-start;gap:1rem;display:flex}.experience-role-wrap>svg{color:#b600a8;width:1.5rem;height:1.5rem;margin-top:.25rem}.experience-role-wrap p{letter-spacing:.16em;opacity:.58;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem}.experience-role-wrap h3{text-transform:uppercase;font-size:clamp(1.45rem,3vw,3rem);font-weight:600;line-height:1}.experience-meta{flex-direction:column;align-items:flex-end;gap:.65rem;display:flex}.experience-meta span{opacity:.72;align-items:center;gap:.5rem;font-size:clamp(.72rem,1vw,.9rem);font-weight:300;display:flex}.experience-meta svg{flex:none;width:1rem;height:1rem}.experience-description{z-index:2;opacity:.72;max-width:60rem;margin:clamp(1.5rem,3vw,2.5rem) 0;font-size:clamp(.95rem,1.45vw,1.25rem);font-weight:300;line-height:1.6;position:relative}.experience-card-grid{z-index:2;grid-template-columns:minmax(0,1.35fr) minmax(14rem,.65fr);gap:2rem;display:grid;position:relative}.experience-card-grid ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.experience-card-grid li{align-items:flex-start;gap:.7rem;font-size:clamp(.78rem,1.1vw,.95rem);font-weight:300;line-height:1.45;display:flex}.experience-card-grid li svg{color:#b600a8;flex:none;width:1rem;height:1rem;margin-top:.15rem}.experience-skills{flex-wrap:wrap;place-content:flex-start flex-end;gap:.55rem;display:flex}.experience-skills span{letter-spacing:.04em;background:#d7e2ea0d;border:1px solid #d7e2ea33;border-radius:999px;align-items:center;gap:.42rem;padding:.42rem .7rem .42rem .48rem;font-size:.7rem;display:inline-flex}.experience-skills img{object-fit:contain;border-radius:0;width:1.25rem;height:1.25rem}.project-feature{align-self:center;width:100%;height:auto;min-height:0;max-height:100%;display:block}.footer{text-align:center;background:#0c0c0c;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;margin-top:-1px;padding:8rem 1rem 3rem;display:flex}.footer p{letter-spacing:.12em;opacity:.65;text-transform:uppercase;margin-bottom:1rem;font-size:1rem;font-weight:300}.footer a{letter-spacing:-.05em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:clamp(2.3rem,8vw,8rem);font-weight:700;line-height:.95;display:flex}.footer span{letter-spacing:.12em;opacity:.5;text-transform:uppercase;margin-top:auto;font-size:.75rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;margin-top:2.5rem;display:flex}.footer .footer-links a{letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #d7e2ea59;font-size:.8rem;font-weight:500;line-height:1.5}@media (min-width:640px){.nav-bar{padding:2rem 2.5rem 0;font-size:1rem}.hero-heading-wrap{margin-top:1rem}.hero-title{font-size:15vw}.portrait-position{width:460px;top:auto;bottom:-2rem}.hero-bottom{padding:0 2.5rem 2rem}.hero-intro{max-width:220px}.contact-button{padding:.875rem 2.5rem;font-size:.875rem}.marquee-section{padding-top:8rem}.about-section{padding:5rem 2rem}.about-content{gap:3.5rem}.about-content>div:last-child{margin-top:1.5rem}.moon,.lego{width:160px}.moon{left:2%}.lego{right:2%}.object{width:140px;left:6%}.group{width:170px;right:6%}.services-section{border-radius:50px 50px 0 0;padding:6rem 2rem}.dark-title{margin-bottom:5rem}.service-item{padding:2.5rem 0}.projects-section{border-radius:50px 50px 0 0;margin-top:-3rem;padding-inline:2rem}.project-card{border-radius:50px;padding:1.5rem}.project-images img,.project-detail-panel{border-radius:50px}.live-button{padding:.875rem 2.5rem;font-size:1rem}.experience-section{padding-inline:2rem}}@media (min-width:768px){.nav-bar{font-size:1.125rem}.hero-heading-wrap{margin-top:-1.25rem}.hero-title{font-size:16vw}.portrait-position{width:500px;bottom:-2.5rem}.hero-bottom{padding-bottom:2.5rem}.hero-intro{max-width:260px}.contact-button{padding:1rem 3rem;font-size:1rem}.marquee-section{padding-top:10rem}.about-section{padding-inline:2.5rem}.about-content{gap:4rem}.about-content>div:last-child{margin-top:2rem}.moon,.lego{width:210px}.moon{left:4%}.lego{right:4%}.object{width:180px;left:10%}.group{width:220px;right:10%}.services-section{border-radius:60px 60px 0 0;padding:8rem 2.5rem}.dark-title{margin-bottom:7rem}.service-item{padding:3rem 0}.projects-section{--sticky-top:3.5rem;border-radius:60px 60px 0 0;margin-top:-3.5rem;padding-inline:2.5rem}.project-card{border-radius:60px;padding:2.5rem}.project-images img,.project-detail-panel{border-radius:60px}.experience-section{padding-inline:2.5rem}}@media (min-width:1024px){.nav-bar{font-size:1.4rem}.hero-title{font-size:17.5vw}.portrait-position{width:590px;bottom:-3rem}}@media (max-width:700px){.marquee-card{width:120px;height:84px}.marquee-tile{padding:.4rem}.service-item{grid-template-columns:90px 1fr;gap:1rem}.project-card-slot{height:calc(100svh - var(--sticky-top) - .5rem);min-height:0}.project-card{height:100%;min-height:0}.project-meta{grid-template-columns:auto 1fr auto;min-height:92px}.project-meta .project-number{grid-row:span 2}.project-category{align-self:end}.project-meta h3{align-self:start}.project-meta .live-button{grid-area:1/3/span 2;padding:.65rem 1rem;font-size:.7rem}.project-images{grid-template-rows:48% 52%;grid-template-columns:1fr;height:calc(100% - clamp(118px,17vh,150px) - 1rem);margin-top:1rem}.project-left{grid-template-columns:1fr 1fr;display:grid}.project-detail-panel{border-radius:28px;justify-content:flex-start;padding:1rem}.project-detail-panel p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-tech-list{justify-content:flex-start;gap:.35rem}.project-tech-icon{gap:.28rem;padding:.28rem .45rem .28rem .32rem}.project-images .project-tech-icon img{width:.9rem;min-width:.9rem;max-width:.9rem;height:.9rem;min-height:.9rem;max-height:.9rem}.project-tech-icon b{font-size:.54rem}.project-feature{width:100%;height:auto;min-height:0;max-height:100%}.experience-section{padding-inline:1rem}.experience-title{margin-bottom:4rem}.experience-row{width:100%;margin-bottom:5rem;display:block}.experience-portal{opacity:.38;right:-17rem}.experience-index{width:5.5rem;margin:0 0 1.1rem .35rem;padding-top:0}.experience-index b{font-size:3rem}.experience-index small{bottom:5%}.experience-card-shell{width:calc(100% - .75rem);margin-right:.75rem}.experience-depth-layer-one{transform:translate3d(5px,8px,-30px)}.experience-depth-layer-two{transform:translate3d(9px,14px,-60px)}.experience-card-head{flex-direction:column;gap:1.25rem}.experience-meta{align-items:flex-start}.experience-card-grid{grid-template-columns:1fr;gap:1.5rem}.experience-skills{justify-content:flex-start}}@media (max-width:480px){.hero-section{min-height:580px}.nav-bar{padding-inline:1rem;font-size:.7rem}.portrait-position{width:108vw;margin-inline:0;top:27%;left:-7%;right:auto}.hero-bottom{gap:.75rem;padding-inline:1rem}.hero-intro{max-width:135px;font-size:.66rem}.contact-button{padding-inline:1.25rem}.decor{opacity:.6}.service-item{display:block}.service-number{margin-bottom:1rem;display:block}.project-card{border-radius:30px;padding:.75rem}.project-images img{border-radius:26px}.project-meta .project-number{font-size:3rem}.project-meta .live-button svg{display:none}.experience-section{padding-inline:.85rem}.experience-portal{opacity:.5;right:-17rem}.experience-index{width:4.8rem;margin-left:.15rem}.experience-index b{font-size:2.6rem}.experience-card-shell{width:calc(100% - .5rem);margin-right:.5rem}.experience-card{border-radius:1.75rem;padding:1.35rem 1.15rem}.experience-depth-layer{border-radius:1.75rem}.experience-depth-layer-one{transform:translate3d(4px,7px,-30px)}.experience-depth-layer-two{transform:translate3d(7px,11px,-60px)}.experience-role-wrap{gap:.65rem}.experience-role-wrap>svg{display:none}.experience-role-wrap h3{font-size:1.35rem;line-height:1.08}.experience-meta{gap:.5rem}.experience-description{margin-block:1.25rem}.experience-skills span{padding-right:.55rem;font-size:.62rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}