@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(/kanit-300.ttf)format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/kanit-400.ttf)format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(/kanit-500.ttf)format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/kanit-600.ttf)format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/kanit-700.ttf)format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(/kanit-800.ttf)format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url(/kanit-900.ttf)format("truetype")}*,:before,:after,::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:#3b82f680;--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:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{color:#d7e2ea;font-synthesis:none;background:#0c0c0c;font-family:Kanit,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#0c0c0c}body,#root,main{background:#0c0c0c;min-height:100%}body{overflow-x:hidden}main{overflow-x:clip}a{color:inherit;text-decoration:none}.hero-heading{background:linear-gradient(#646973 0%,#bbccd7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-screen{flex-direction:column;height:100vh;min-height:720px;padding:0 40px;display:flex;position:relative;overflow:hidden}.hero-nav{letter-spacing:.09em;justify-content:space-between;padding-top:28px;font-size:clamp(.9rem,1.4vw,1.4rem);font-weight:500;display:flex}.hero-nav a{transition:opacity .2s}.hero-nav a:hover{opacity:.7}.hero-title-wrap{width:100%;margin-top:10px;overflow:hidden}.hero-screen h1{letter-spacing:-.065em;white-space:nowrap;text-align:center;font-size:clamp(4rem,11.6vw,11rem);font-weight:900;line-height:.88}.hero-portrait{z-index:10;width:min(36vw,520px);bottom:0;left:50%;position:absolute!important;transform:translate(-50%)!important}.hero-magnet{width:100%}.hero-portrait img{-o-object-fit:contain;object-fit:contain;width:100%;max-height:72vh;display:block}.hero-bottom{z-index:20;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-bottom:40px;display:flex;position:relative}.hero-bottom p{text-transform:uppercase;letter-spacing:.04em;max-width:270px;font-size:clamp(.75rem,1.4vw,1.5rem);font-weight:300;line-height:1.15}.contact-button{text-transform:uppercase;letter-spacing:.12em;color:#fff;outline-offset:-4px;background:linear-gradient(123deg,#18011f 7%,#b600a8 37%,#7621b0 72%,#be4c00 100%);border-radius:999px;outline:2px solid #fff;align-items:center;gap:20px;padding:16px 42px;font-weight:500;transition:transform .2s;display:inline-flex;box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721b1}.contact-button:hover{transform:scale(1.04)}.motion-marquee{background:#0c0c0c;flex-direction:column;gap:12px;padding:150px 0 45px;display:flex;overflow:hidden}.motion-row{will-change:transform;gap:12px;width:max-content;display:flex}.motion-row img{-o-object-fit:cover;object-fit:cover;background:#171717;border-radius:24px;flex:none;width:420px;height:270px}.contain-art-frame{background:#fff;border-radius:24px;flex:none;width:100%;height:100%;overflow:hidden}.motion-row .contain-art-frame img{-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:0;width:100%;height:100%;transform:none}.motion-row .contain-art-frame.zoomed img{transform-origin:50%;transform:translate(10%)scale(1.34)}.profile-link,.profile-card-shell{aspect-ratio:14/9;flex:none;width:clamp(300px,33.3333vw - 16px,560px);display:block}.profile-link{cursor:pointer}.profile-link .contain-art-frame{transition:filter .2s,transform .2s}.profile-link:hover .contain-art-frame{filter:brightness(.88);transform:scale(.985)}@media (width<=768px){.profile-link,.profile-card-shell{width:300px}.contain-art-frame{border-radius:18px}}@media (width<=520px){.profile-link,.profile-card-shell{width:240px}}.about-dark{place-items:center;min-height:100vh;padding:110px 40px;display:grid;position:relative;overflow:hidden}.about-center{z-index:2;flex-direction:column;align-items:center;gap:70px;display:flex;position:relative}.section-title{letter-spacing:-.06em;text-align:center;font-size:clamp(4rem,12vw,10rem);font-weight:900;line-height:.8}.experience-title{letter-spacing:.05em;white-space:nowrap;font-size:clamp(3.25rem,8vw,8rem)}.about-text{text-align:center;max-width:660px;font-size:clamp(1rem,2vw,1.35rem);font-weight:500;line-height:1.7}.deco{pointer-events:none;position:absolute}.moon{width:clamp(120px,15vw,210px);top:4%;left:4%}.lego{width:clamp(120px,15vw,210px);top:4%;right:4%}.object{width:clamp(100px,13vw,180px);bottom:8%;left:10%}.group{width:clamp(130px,16vw,220px);bottom:8%;right:10%}.services{color:#0c0c0c;background:#fff;border-radius:60px 60px 0 0;padding:120px 40px 150px}.section-title.black{color:#0c0c0c;-webkit-text-fill-color:initial;background:0 0;margin-bottom:90px}.service-list{max-width:1050px;margin:auto}.service-item{border-bottom:1px solid #0c0c0c26;grid-template-columns:32% 1fr;align-items:center;padding:42px 0;display:grid}.service-item strong{letter-spacing:-.06em;font-size:clamp(4rem,10vw,8.5rem);font-weight:900;line-height:.8}.service-item h3{text-transform:uppercase;font-size:clamp(1.2rem,2.2vw,2.1rem);font-weight:500}.service-item p{opacity:.6;max-width:700px;margin-top:12px;font-size:clamp(.9rem,1.6vw,1.25rem);font-weight:300;line-height:1.6}.projects-dark{z-index:4;background:#0c0c0c;border-radius:60px 60px 0 0;margin-top:-60px;padding:130px 40px 90px;position:relative}.projects-dark>.section-title{margin-bottom:90px}.project-stage{transform-origin:top;height:calc(100vh - 220px);min-height:560px;margin-bottom:46vh;position:sticky}.project-stage.is-last{height:calc(100vh - 220px);min-height:560px;margin-bottom:32vh}.project-stack{transform-origin:top;will-change:transform;background:#0c0c0c;border:2px solid #d7e2ea;border-radius:58px;height:100%;min-height:560px;padding:30px;position:relative;overflow:hidden}.project-stack header{grid-template-columns:180px 1fr auto;align-items:center;gap:28px;margin-bottom:24px;display:grid}.project-stack header>strong{font-size:clamp(4rem,8vw,8rem);font-weight:900;line-height:.75}.project-stack header span{letter-spacing:.14em;opacity:.55;font-size:.8rem}.project-stack h3{text-transform:uppercase;font-size:clamp(1.4rem,2.5vw,2.6rem);font-weight:600}.project-stack header p{opacity:.6;max-width:780px;font-weight:300;line-height:1.35}.project-stack header a{text-transform:uppercase;letter-spacing:.1em;border:2px solid #d7e2ea;border-radius:999px;padding:13px 28px;transition:background .2s}.project-stack header a:hover{background:#d7e2ea18}.project-images{grid-template-columns:40% 60%;gap:14px;height:calc(100% - 150px);display:grid}.project-images>div{grid-template-rows:40% 60%;gap:14px;min-height:0;display:grid}.project-images img,.project-images video{-o-object-fit:cover;object-fit:cover;border-radius:42px;width:100%;height:100%;min-height:0;display:block}.project-images>img,.project-images>video{padding-right:14px}.project-stack header .project-view-hint{letter-spacing:.08em;opacity:.9;white-space:nowrap;background:#d7e2ea0a;border:1px solid #d7e2ea7a;border-radius:999px;justify-self:end;align-items:center;padding:13px 24px;font-size:.8rem;font-weight:500;display:inline-flex}.project-media-link{border-radius:42px;width:100%;height:100%;min-height:0;transition:transform .2s,filter .2s;display:block;overflow:hidden}.project-media-link:hover{filter:brightness(.9);transform:scale(.992)}.project-images>.project-media-link{padding-right:14px}.project-media-link img{padding:0!important}.project-prototype-link{aspect-ratio:3/2;color:#0c0c0c;scroll-snap-align:center;isolation:isolate;background:#f3f6f8;border:1px solid #d7e2ea4d;border-radius:28px;flex:none;width:min(76vw,620px);height:min(100%,430px);position:relative;overflow:hidden}.project-prototype-frame{pointer-events:none;transform-origin:0 0;background:#f3f6f8;border:0;width:1280px;height:820px;transform:scale(.485)}.project-prototype-link:after{content:"";z-index:1;background:linear-gradient(#0000 55%,#080c11d1);position:absolute;inset:0}.project-prototype-caption{z-index:2;color:#fff;grid-template-columns:auto 1fr auto;align-items:end;gap:12px;display:grid;position:absolute;bottom:20px;left:24px;right:24px}.project-prototype-caption b{font-size:clamp(1.35rem,2.2vw,2rem);line-height:1}.project-prototype-caption small{letter-spacing:.08em;opacity:.72;font-size:.75rem}.project-prototype-caption em{letter-spacing:.08em;font-size:.78rem;font-style:normal}.project-prototype-link:hover .project-prototype-frame{filter:brightness(.9)}.project-stack.has-note-grid{flex-direction:column;display:flex}.project-stack.has-note-grid>header{flex:none}.project-stack.has-note-grid .note-gallery{flex:1;justify-content:center;align-items:flex-end;gap:16px;height:auto;min-height:0;padding-top:18px;display:flex}.project-stack.has-note-grid .note-gallery .project-media-link{aspect-ratio:3/5;background:#fff;border-radius:24px;flex:none;width:auto;height:min(100%,430px);padding:0}.project-stack.has-note-grid .note-gallery img{-o-object-fit:cover;object-fit:cover;border-radius:24px}.project-stack.has-three-notes .note-gallery{align-items:center;gap:clamp(14px,2vw,28px);padding:12px clamp(4px,2vw,26px) 4px}.project-stack.has-three-notes .note-gallery .project-media-link{background:#fff;border:1px solid #d7e2ea33;border-radius:28px;height:min(100%,480px)}.project-stack.has-three-notes .note-gallery img{-o-object-fit:contain;object-fit:contain;border-radius:27px}.note-gallery-shell{height:100%;min-height:0;position:relative;overflow:hidden}.project-stack.has-note-carousel .note-gallery{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;justify-content:flex-start;align-items:center;gap:18px;height:100%;padding:12px 58px 6px;overflow:auto hidden}.project-stack.has-note-carousel .note-gallery .project-media-link{aspect-ratio:3/5;scroll-snap-align:center;background:#fff;border:1px solid #d7e2ea33;flex:none;width:auto;height:min(100%,460px)}.project-stack.has-note-carousel .note-gallery img{-o-object-fit:contain;object-fit:contain}.project-stack.has-note-carousel .note-gallery::-webkit-scrollbar{display:none}.project-stack.has-note-carousel .note-gallery{scrollbar-width:none}.gallery-arrow{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d7e2ea;cursor:pointer;background:#0c0c0cc7;border:1px solid #d7e2ea85;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .2s,border-color .2s,scale .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{color:#0c0c0c;background:#d7e2ea;border-color:#d7e2ea;scale:1.06}.gallery-arrow.prev{left:8px}.gallery-arrow.next{right:8px}.gallery-arrow svg{width:22px;height:22px}.work-points{opacity:.66;max-width:820px;margin-top:7px;padding:0;font-size:clamp(.72rem,.9vw,.92rem);font-weight:300;line-height:1.35;list-style:none}.work-points li{padding-left:14px;position:relative}.work-points li:before{content:"•";color:#d7e2ea;position:absolute;left:0}.project-stack.has-portrait-video,.project-stack.has-work-points{grid-template-rows:auto minmax(0,1fr);display:grid}.project-stack.has-work-points>.project-images{height:auto}.project-stack.has-portrait-video .project-images{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:20px;height:auto}.project-stack.has-portrait-video .project-images>div{justify-content:center;align-items:center;gap:16px;display:flex}.project-stack.has-portrait-video .project-images>div>img,.project-stack.has-portrait-video .project-images>div>.project-media-link{aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid #d7e2ea2e;border-radius:30px;width:calc(50% - 8px);height:auto}.project-stack.has-portrait-video .project-images>div>.project-media-link img{aspect-ratio:auto;-o-object-fit:contain;object-fit:contain;border:0;border-radius:29px;width:100%;height:100%}.project-stack.has-portrait-video .project-images>video{aspect-ratio:9/16;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;cursor:zoom-in;background:#000;border:1px solid #d7e2ea52;border-radius:34px;justify-self:center;width:auto;height:100%;padding:0}.project-stack.has-portrait-video .project-images>video:fullscreen{-o-object-fit:contain;object-fit:contain;background:#000;border:0;border-radius:0;width:100vw;height:100vh}footer{border-top:1px solid #30343a;flex-direction:column;justify-content:center;gap:34px;min-height:55vh;padding:100px 40px 40px;display:flex}footer>p{max-width:1100px;font-size:clamp(2.5rem,7vw,7rem);font-weight:800;line-height:.9}footer>a{align-items:center;gap:14px;font-size:clamp(1.1rem,2vw,1.7rem);display:flex}footer>span{letter-spacing:.12em;opacity:.5;margin-top:auto;font-size:.75rem}@media (width<=768px){.hero-screen{padding:0 22px}.hero-nav{padding-top:22px}.hero-screen h1{margin-top:20px;font-size:11.5vw}.hero-portrait{width:min(75vw,400px);top:50%;bottom:auto;transform:translate(-50%,-50%)!important}.hero-bottom{padding-bottom:28px}.hero-bottom p{max-width:170px}.contact-button{padding:13px 26px}.motion-marquee{padding-top:110px}.motion-row img{border-radius:18px;width:300px;height:195px}.about-dark{padding:90px 24px}.deco{opacity:.55}.services,.projects-dark{border-radius:42px 42px 0 0;padding-left:24px;padding-right:24px}.service-item{grid-template-columns:30% 1fr}.project-stage,.project-stage.is-last{height:auto;min-height:0;margin-bottom:28px;position:relative;top:auto!important}.project-stack{border-radius:38px;height:auto;min-height:0;padding:20px;position:relative;top:auto!important}.project-stack header{grid-template-columns:100px 1fr;gap:16px}.project-stack header a{grid-column:1/-1;width:max-content}.project-images,.project-stack.has-portrait-video .project-images{grid-template-columns:1fr;height:600px}.project-images>div{display:none}.project-images>img,.project-images>video,.project-images>.project-media-link{border-radius:30px;padding:0}footer{padding-inline:24px}.project-stack header .project-view-hint{grid-column:1/-1;justify-self:start;padding:10px 18px}}@media (width<=520px){.hero-nav{font-size:.72rem}.hero-screen h1{font-size:14.5vw}.hero-bottom{gap:20px}.hero-bottom .contact-button{padding:12px 18px;font-size:.65rem}.motion-row img{width:240px;height:155px}.deco{width:90px}.about-center{gap:48px}.service-item{grid-template-columns:1fr;gap:22px}.project-stack header{grid-template-columns:1fr}.project-images{height:440px}}@media (width<=768px){.project-stack.has-note-grid .note-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:auto;padding-top:12px;display:grid}.project-stack.has-note-grid .note-gallery .project-media-link{aspect-ratio:3/5;width:100%;height:auto;display:block}.project-stack.has-three-notes .note-gallery{scroll-snap-type:x mandatory;justify-content:flex-start;gap:12px;padding:12px 2px 8px;display:flex;overflow-x:auto}.project-stack.has-three-notes .note-gallery .project-media-link{scroll-snap-align:start;flex:0 0 min(68vw,260px);width:min(68vw,260px)}.project-stack.has-three-notes .note-gallery::-webkit-scrollbar{height:4px}.project-stack.has-three-notes .note-gallery::-webkit-scrollbar-thumb{background:#d7e2ea55;border-radius:999px}.project-stack.has-note-carousel .note-gallery{grid-template-columns:none;gap:12px;height:520px;padding:10px 38px;display:flex}.project-stack.has-note-carousel .note-gallery .project-media-link{aspect-ratio:3/5;flex:none;width:auto;height:100%}.gallery-arrow{width:36px;height:36px}.gallery-arrow.prev{left:0}.gallery-arrow.next{right:0}.gallery-arrow svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.hero-portrait img{mix-blend-mode:normal}.hero-portrait{top:50%;bottom:auto;transform:translate(-50%,-50%)!important}.hero-title-wrap{transform:translateY(10vh)}.hero-portrait{top:60%}.hero-title-wrap{z-index:1;margin-top:28px;position:relative;transform:none}.hero-screen h1{letter-spacing:-.025em;font-size:clamp(5rem,13.1vw,13rem);line-height:.76}.hero-portrait{width:min(48vw,680px);top:auto;bottom:7vh;transform:translate(-50%)!important}.hero-portrait img{max-height:82vh}.hero-bottom{z-index:20;padding-bottom:34px}@media (width<=768px){.hero-title-wrap{margin-top:38px}.hero-screen h1{font-size:14vw;line-height:.82}.hero-portrait{width:min(92vw,520px);top:auto;bottom:19vh;transform:translate(-50%)!important}.hero-portrait img{max-height:70vh}}.hero-skills{z-index:14;pointer-events:none;position:absolute;inset:0}.skill-orbit{-webkit-backdrop-filter:blur(12px);color:#d7e2ea;pointer-events:auto;background:#0f1013ad;border:1px solid #d7e2ea52;border-radius:999px;align-items:center;gap:10px;min-width:142px;padding:11px 16px 10px 12px;transition:border-color .25s,background .25s,transform .25s;animation:5.6s ease-in-out infinite skill-float;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #ffffff06}.skill-orbit:hover{background:#1b1d22db;border-color:#d7e2eab8;transform:translateY(-3px)}.skill-orbit i{background:#aebbc6;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 5px #aebbc614,0 0 18px #aebbc675}.skill-orbit span{letter-spacing:.06em;white-space:nowrap;align-items:baseline;gap:8px;font-size:clamp(.76rem,1vw,.96rem);font-weight:500;display:flex}.skill-orbit small{letter-spacing:.14em;opacity:.42;font-size:.56rem;font-weight:400}.skill-orbit:first-child{animation-delay:-.4s;top:34%;left:8%}.skill-orbit:nth-child(2){animation-delay:-2.1s;top:50%;left:15%}.skill-orbit:nth-child(3){animation-delay:-3.7s;top:64%;left:7%}.skill-orbit:nth-child(4){animation-delay:-1.2s;top:34%;right:8%}.skill-orbit:nth-child(5){animation-delay:-2.8s;top:50%;right:14%}.skill-orbit:nth-child(6){animation-delay:-4.5s;top:64%;right:7%}@keyframes skill-float{0%,to{translate:0}50%{translate:0 -8px}}@media (width<=1000px){.skill-orbit{min-width:124px;padding:9px 13px 8px 10px}.skill-orbit small{display:none}.skill-orbit:first-child,.skill-orbit:nth-child(3){left:3%}.skill-orbit:nth-child(2){left:8%}.skill-orbit:nth-child(4),.skill-orbit:nth-child(6){right:3%}.skill-orbit:nth-child(5){right:8%}}@media (width<=768px){.skill-orbit{background:#0f1013c2;gap:7px;min-width:0;padding:7px 10px 7px 8px}.skill-orbit span{font-size:.68rem}.skill-orbit i{width:6px;height:6px}.skill-orbit:nth-child(2),.skill-orbit:nth-child(5){display:none}.skill-orbit:first-child{top:34%;left:2%}.skill-orbit:nth-child(3){top:58%;left:2%}.skill-orbit:nth-child(4){top:39%;right:2%}.skill-orbit:nth-child(6){top:63%;right:2%}}.skill-orbit:first-child{top:37%}.skill-orbit:nth-child(2){top:53%}.skill-orbit:nth-child(3){top:67%}.skill-orbit:nth-child(4){top:37%}.skill-orbit:nth-child(5){top:53%}.skill-orbit:nth-child(6){top:67%}@media (width<=768px){.skill-orbit:nth-child(5){display:flex;top:66%;right:2%}.skill-orbit:first-child{top:37%}.skill-orbit:nth-child(3){top:61%}.skill-orbit:nth-child(4){top:42%}}.project-stack header .project-view-hint{-moz-column-gap:14px;letter-spacing:0;opacity:1;background:0 0;border:0;border-left:1px solid #d7e2ea73;border-radius:0;grid-template-columns:1fr auto;justify-self:end;gap:2px 14px;min-width:190px;padding:4px 0 4px 18px;display:grid;position:relative}.project-view-hint small{letter-spacing:.18em;color:#d7e2ea;opacity:.42;grid-column:1/-1;font-size:.56rem;font-weight:500}.project-view-hint b{letter-spacing:.08em;color:#d7e2ea;font-size:.78rem;font-weight:500}.project-view-hint i{border:1px solid #d7e2ea52;border-radius:50%;grid-area:1/2/3;align-self:center;place-items:center;width:32px;height:32px;font-size:.95rem;font-style:normal;animation:1.8s ease-in-out infinite gallery-hint;display:grid}@keyframes gallery-hint{0%,to{opacity:.55;translate:0 -2px}50%{opacity:1;translate:0 3px}}@media (width<=768px){.project-stack header .project-view-hint{grid-column:1/-1;justify-self:start;min-width:180px;padding:3px 0 3px 14px}.project-view-hint i{width:28px;height:28px}}.project-stack.has-three-notes .note-gallery-shell{place-items:center;display:grid}.project-stack.has-three-notes .note-gallery{grid-template-columns:repeat(3,clamp(190px,13vw,245px));justify-content:center;align-items:start;gap:clamp(14px,2vw,28px);width:100%;height:auto;padding:10px 24px 4px;display:grid;overflow:visible}.project-stack.has-three-notes .note-gallery .project-media-link{aspect-ratio:550/870;background:#fff;border-radius:24px;width:100%;height:auto;padding:0;display:block;overflow:hidden}.project-stack.has-three-notes .note-gallery img{-o-object-fit:contain;object-fit:contain;border-radius:23px;width:100%;height:100%;display:block}@media (width<=768px){.project-stack.has-three-notes .note-gallery-shell{display:block}.project-stack.has-three-notes .note-gallery{scroll-snap-type:x mandatory;justify-content:flex-start;align-items:stretch;gap:12px;width:100%;padding:12px 2px 8px;display:flex;overflow:auto hidden}.project-stack.has-three-notes .note-gallery .project-media-link{aspect-ratio:550/870;scroll-snap-align:start;flex:0 0 min(68vw,260px);width:min(68vw,260px);height:auto}}.project-stack header .project-view-hint{white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;gap:13px;min-width:0;padding:0;display:flex}.project-view-hint small{letter-spacing:.18em;opacity:.46;align-items:center;gap:13px;font-size:.58rem;display:flex}.project-view-hint small:after{content:"";background:#d7e2ea57;width:34px;height:1px;display:block}.project-view-hint b{letter-spacing:.08em;font-size:.72rem;font-weight:500}.project-view-hint i{color:#d7e2ea;border:0;border-radius:0;width:auto;height:auto;font-size:.9rem;animation:2s ease-in-out infinite works-arrow;display:inline}@keyframes works-arrow{0%,to{opacity:.45;translate:-2px -2px}50%{opacity:1;translate:2px 2px}}@media (width<=768px){.project-stack header .project-view-hint{gap:10px;padding:0}.project-view-hint small{gap:10px}.project-view-hint small:after{width:24px}.project-view-hint i{width:auto;height:auto}}.project-stack header .project-view-hint{color:#d7e2ea;background:0 0;border:2px solid #d7e2ea;border-radius:999px;place-items:center;min-width:168px;padding:14px 28px;display:grid}.project-view-hint b{letter-spacing:.08em;font-size:.86rem;font-weight:500;line-height:1}@media (width<=768px){.project-stack header .project-view-hint{min-width:148px;padding:12px 22px}.project-view-hint b{font-size:.8rem}}.project-stack header .project-view-hint{justify-content:center;align-items:center;gap:24px;display:flex}.project-stack header .project-view-hint i{border:0;border-radius:0;width:auto;height:auto;font-size:1rem;font-style:normal;line-height:1;animation:1.8s ease-in-out infinite view-hint-arrow;display:block}@keyframes view-hint-arrow{0%,to{opacity:.58;transform:translateY(-2px)}50%{opacity:1;transform:translateY(3px)}}@media (width<=768px){.project-stack header .project-view-hint{gap:20px}}.project-stack header .project-view-hint{min-width:190px}.project-stack header .project-view-hint b{letter-spacing:.1em;font-size:1rem;font-weight:400}@media (width<=768px){.project-stack header .project-view-hint{min-width:180px}.project-stack header .project-view-hint b{font-size:1rem}}.project-stack.has-note-carousel.has-portrait-video{grid-template-rows:none;display:flex}.project-stack.has-note-carousel.has-portrait-video .note-gallery{height:100%}.project-stack.has-note-carousel.has-portrait-video .note-gallery>video{aspect-ratio:9/16;-o-object-fit:cover;object-fit:cover;scroll-snap-align:center;cursor:zoom-in;border:1px solid #d7e2ea47;border-radius:24px;flex:none;justify-self:auto;width:auto;height:min(100%,460px);padding:0}@media (width<=768px){.project-stack.has-note-carousel.has-portrait-video .note-gallery>video{aspect-ratio:9/16;border-radius:24px;width:auto;height:100%}.project-prototype-link{aspect-ratio:3/2;border-radius:24px;width:min(78vw,560px);height:100%}.project-prototype-frame{transform:scale(.42)}.project-prototype-caption{grid-template-columns:1fr auto;bottom:16px;left:18px;right:18px}.project-prototype-caption small{display:none}}.projects-dark>.project-stage:nth-of-type(2) .note-gallery{align-items:center}.projects-dark>.project-stage:nth-of-type(2) .note-gallery .project-media-link,.projects-dark>.project-stage:nth-of-type(2) .note-gallery>img{aspect-ratio:3/2;scroll-snap-align:center;-o-object-fit:cover;object-fit:cover;background:#101216;border-radius:28px;flex:none;width:auto;height:min(100%,430px)}.projects-dark>.project-stage:nth-of-type(2) .note-gallery img{-o-object-fit:cover;object-fit:cover;border-radius:28px}.projects-dark>.project-stage:nth-of-type(2) .note-gallery>video{-o-object-fit:cover;object-fit:cover;scroll-snap-align:center;cursor:zoom-in;aspect-ratio:auto;-o-object-fit:contain;object-fit:contain;background:#101216;border:1px solid #d7e2ea47;border-radius:28px;flex:none;width:auto;height:min(100%,430px);padding:0}.project-images video:fullscreen{-o-object-position:center;object-position:center;background:#000;aspect-ratio:auto!important;-o-object-fit:contain!important;object-fit:contain!important;border:0!important;border-radius:0!important;width:100vw!important;height:100vh!important}@media (width<=768px){.projects-dark>.project-stage:nth-of-type(2) .note-gallery{height:360px}.projects-dark>.project-stage:nth-of-type(2) .note-gallery .project-media-link,.projects-dark>.project-stage:nth-of-type(2) .note-gallery>img{aspect-ratio:3/2;width:min(78vw,560px);height:auto}.projects-dark>.project-stage:nth-of-type(2) .note-gallery>video{width:auto;height:100%}}.about-center{text-align:center;width:100%;margin-inline:auto;transform:translateY(-8%)}.about-text{width:min(100%,660px);margin-inline:auto}.project-prototype-link{aspect-ratio:2/3;background:#f4ead8;width:auto;height:min(100%,430px)}.project-prototype-poster{-o-object-fit:cover;object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}@media (width<=520px){.projects-dark{padding-inline:14px}.project-stack{border-radius:30px;padding:18px 16px}.project-stack header{gap:12px}.project-stack header strong{font-size:clamp(4rem,22vw,6rem)}.work-points{font-size:.72rem;line-height:1.45}.project-stack.has-note-carousel .note-gallery{height:420px;padding-inline:30px}.projects-dark>.project-stage:nth-of-type(2) .note-gallery{height:340px}.project-stack.project-04.has-note-carousel .note-gallery{height:330px;padding-inline:28px}.project-stack.project-04.has-note-carousel .note-gallery .project-media-link{aspect-ratio:3/5;width:auto;height:100%}.project-prototype-link{aspect-ratio:2/3;width:auto;height:100%}}