*,: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;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[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]{display:none}*,: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: }.\!container{width:100%!important}.container{width:100%}@media (width>=640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (width>=768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (width>=1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (width>=1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (width>=1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.block{display:block}.hidden{display:none}.grow{flex-grow:1}.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))}.resize{resize:both}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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:#eaf6ff;font-synthesis:none;scroll-behavior:smooth;background:#07172c;font-family:Kanit,PingFang SC,Microsoft YaHei,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{background:#07172c;min-height:100%;margin:0}body{overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}::selection{color:#06162b;background:#8dd4ff}.site{background:#07172c;min-height:100vh;overflow-x:clip}.motion-ready [data-motion=reveal],.motion-ready [data-motion=stagger-item],.motion-ready [data-motion-group]>*{will-change:transform,opacity,clip-path}.section-shell{width:min(1700px,100% - 80px);margin-inline:auto}.hero-heading{color:#d8efff;-webkit-text-fill-color:transparent;background:linear-gradient(#f6fbff 0%,#b8ddf7 58%,#6ca9d6 100%);-webkit-background-clip:text;background-clip:text}.hero{isolation:isolate;background:#0b3c73;min-height:100svh;position:relative;overflow:hidden}.hero:before{content:"";z-index:-3;background:radial-gradient(circle at 50% 34%,#4cb8ffb8 0,#1e69b2a8 28%,#0b3c73f0 62%,#081f43 100%);position:absolute;inset:0}.hero:after{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#ebf7ff14,#0000 28%,#0418352e 72%,#0411269e);position:absolute;inset:0}.splash-cursor{z-index:-1;pointer-events:none;opacity:.9;mix-blend-mode:multiply;position:absolute;inset:0;overflow:hidden}.splash-cursor canvas{width:100%;height:100%}.hero__nav-wrap{z-index:40;width:min(1700px,100% - 64px);margin-inline:auto;position:fixed;top:26px;left:0;right:0}.hero__nav{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#05264e99;border:1px solid #eaf6ff42;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:8px 10px 8px 26px;display:grid;box-shadow:0 18px 50px #02163247}.hero__mark{letter-spacing:-.04em;font-size:1rem;font-weight:800}.hero__links{color:#d7e2ea;letter-spacing:.16em;gap:clamp(24px,4vw,68px);font-size:.85rem;font-weight:500;display:flex}.hero__links a{opacity:.82;transition:opacity .2s;position:relative}.hero__links a:after{content:"";background:currentColor;height:1px;transition:right .25s;position:absolute;bottom:-7px;left:0;right:100%}.hero__links a:hover{opacity:1}.hero__links a:hover:after{right:0}.hero__nav .contact-button{justify-self:end}.contact-button{color:#0c0c0c;cursor:pointer;letter-spacing:.08em;background:#d7e2ea;border:1px solid #d7e2ea;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:0 28px;font-weight:600;transition:color .25s,background .25s,transform .25s;display:inline-flex}.contact-button:hover{color:#d7e2ea;background:0 0;transform:translateY(-2px)}.contact-button--compact{min-height:50px;padding-inline:24px;font-size:.88rem}.hero__heading-wrap{z-index:2;place-items:center;display:grid;position:absolute;inset:106px 24px 160px;overflow:hidden}.hero__heading-wrap>div{width:100%}.hero__particle-heading{width:100%;height:clamp(440px,64vh,720px);margin:0;position:relative}.hero__particle-heading .particle-text{position:absolute;inset:0}.hero__static-heading{color:#d8efff;-webkit-text-fill-color:transparent;letter-spacing:-.06em;white-space:nowrap;background:linear-gradient(#f6fbff 0%,#b8ddf7 58%,#6ca9d6 100%);-webkit-background-clip:text;background-clip:text;place-items:center;font-size:clamp(4rem,14vw,13rem);font-weight:800;line-height:.86;transition:opacity .35s;display:grid;position:absolute;inset:0}.hero__particle-heading.is-ready .hero__static-heading{opacity:0}.magnet{will-change:transform;width:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.hero__bottom{z-index:3;border-top:1px solid #d7e2ea4d;justify-content:space-between;align-items:flex-end;padding-top:22px;display:flex;position:absolute;bottom:36px;left:40px;right:40px}.hero__motto{max-width:370px}.hero__motto p{margin:0 0 13px;font-size:clamp(1.2rem,2.2vw,2.1rem);font-weight:400;line-height:1.2}.hero__motto span,.hero__meta{color:#d7e2eaad;letter-spacing:.08em;font-size:.78rem}.hero__meta{gap:34px;display:flex}.hero__scroll{z-index:4;letter-spacing:.16em;font-size:.75rem;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.marquee{background:#082343;padding:150px 0 100px;overflow:hidden}.marquee>div{gap:14px;width:116%;margin-left:-8%;display:grid}.marquee__viewport{width:100%;overflow:visible}.marquee__rail{will-change:transform;gap:14px;width:max-content;display:flex}.marquee__rail figure{aspect-ratio:1.58;background:#17191c;border-radius:20px;width:auto;height:clamp(158px,17.7vw,291px);margin:0;overflow:hidden}.marquee__rail .marquee__frame--portrait{aspect-ratio:.75}.marquee__rail img{-o-object-fit:cover;object-fit:cover;filter:grayscale(.35)saturate(.78);width:100%;height:100%;transition:filter .4s,transform .65s}.marquee__rail figure:hover img{filter:none;transform:scale(1.025)}.about,.projects{padding:150px 0}.about{background:#082343}.section-kicker{color:#d7e2ea94;letter-spacing:.18em;border-bottom:1px solid #d7e2ea33;justify-content:space-between;align-items:center;padding-bottom:18px;font-size:.72rem;display:flex}.section-display{letter-spacing:-.055em;margin:70px 0 120px;font-size:clamp(3.5rem,8.2vw,9.2rem);font-weight:700;line-height:.98}.about__grid{grid-template-columns:minmax(180px,.7fr) minmax(500px,1.35fr);align-items:start;gap:10vw;display:grid}.about__index{color:#d7e2ea8c;align-items:baseline;gap:36px;display:flex}.about__index span{font-size:3.5rem;font-weight:300}.about__index p{letter-spacing:.16em;font-size:.75rem}.about__copy>p{color:#eef2f4;margin:0 0 64px;font-size:clamp(1.3rem,2.4vw,2.35rem);font-weight:300;line-height:1.65}.about__copy>div{border-top:1px solid #d7e2ea33;grid-template-columns:100px 1fr;gap:20px;padding:18px 0;display:grid}.about__copy span{color:#d7e2ea80;font-size:.8rem}.about__copy strong{font-weight:400}.skills{z-index:2;color:#0c0c0c;background:#edf0ef;border-radius:56px 56px 0 0;padding:150px 0 180px;position:relative}.section-kicker--dark{color:#0c0c0c8f;border-color:#0c0c0c2e}.skills__heading{letter-spacing:-.06em;margin:70px 0 110px;font-size:clamp(3.3rem,7.8vw,8.7rem);font-weight:700;line-height:1}.skills__list{border-top:1px solid #0c0c0c2e}.skill-item{border-bottom:1px solid #0c0c0c2e;grid-template-columns:90px minmax(260px,.8fr) 1.2fr;align-items:start;gap:36px;padding:43px 0;display:grid}.skill-item>span{color:#0c0c0c73;letter-spacing:.14em;font-size:.82rem}.skill-item h3{margin:0;font-size:clamp(1.6rem,3vw,3rem);font-weight:500;line-height:1.1}.skill-item p{color:#0c0c0c99;max-width:680px;margin:0;font-size:clamp(1rem,1.4vw,1.3rem);font-weight:300;line-height:1.75}.projects{z-index:3;background:#071a33;border-radius:58px 58px 0 0;margin-top:-58px;padding-top:155px;position:relative}.projects__note{color:#d7e2ea85;letter-spacing:.14em;justify-content:space-between;margin:-52px 0 44px;font-size:.72rem;display:flex}.projects__grid{perspective:1400px;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.flip-card{aspect-ratio:.76;cursor:pointer;perspective:1400px;text-align:left;background:0 0;border:0;width:100%;padding:0}.flip-card__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.75,.2,1);display:block;position:relative}.flip-card.is-flipped .flip-card__inner{transform:rotateY(180deg)}.flip-card__face{backface-visibility:hidden;border:1px solid #d7e2ea42;border-radius:34px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.flip-card__front img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.flip-card__shade{background:linear-gradient(#00000014,#000000c7);position:absolute;inset:0}.flip-card__number{font-size:3.4rem;font-weight:300;position:absolute;top:25px;left:25px}.flip-card__front-copy{gap:12px;display:grid;position:absolute;bottom:62px;left:25px;right:25px}.flip-card__front-copy small,.flip-card__back small{color:#d7e2eaa6;letter-spacing:.11em}.flip-card__front-copy strong{max-width:90%;font-size:clamp(1.5rem,2.3vw,2.35rem);font-weight:500;line-height:1.14}.flip-card__hint{color:#d7e2ea8f;letter-spacing:.08em;align-items:center;gap:7px;font-size:.72rem;display:flex;position:absolute;bottom:24px;left:25px}.flip-card__back{background:#10345d;padding:28px;transform:rotateY(180deg)}.flip-card__back-top{justify-content:space-between;align-items:baseline;display:flex}.flip-card__back-top>span{font-size:3.4rem;font-weight:300}.flip-card__back>strong{margin-top:auto;font-size:clamp(1.7rem,2.5vw,2.6rem);font-weight:500;line-height:1.12}.flip-card__summary{color:#d7e2eab8;margin:26px 0;font-size:1rem;line-height:1.7}.flip-card__tags{flex-wrap:wrap;gap:8px;margin-bottom:38px;display:flex}.flip-card__tags em{border:1px solid #d7e2ea40;border-radius:99px;padding:8px 11px;font-size:.72rem;font-style:normal}.contact-section{background:#061a32;min-height:100svh;position:relative;overflow:hidden}.contact-section__image{filter:saturate(1.08)contrast(1.02);position:absolute;inset:0;overflow:hidden}.contact-section__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.contact-section__image:after{content:"";background:linear-gradient(90deg,#041936f5 0%,#072b5280 54%,#041936e6 100%),linear-gradient(#06264a38 30%,#031227f0 100%);position:absolute;inset:0}.contact-section__inner{z-index:1;flex-direction:column;min-height:100svh;padding-top:110px;display:flex;position:relative}.contact-section__heading{letter-spacing:-.06em;margin:auto 0 40px;font-size:clamp(4rem,9.8vw,10.5rem);font-weight:700;line-height:.91}.contact-section__line{border-top:1px solid #d7e2ea3d;justify-content:space-between;align-items:center;padding:38px 0;display:flex}.contact-section__line p{margin:0;font-size:clamp(1.2rem,2vw,2rem)}.contact-section__links{border-top:1px solid #d7e2ea33;border-bottom:1px solid #d7e2ea33;grid-template-columns:repeat(3,1fr);display:grid}.contact-section__links>*{text-align:left;cursor:pointer;background:0 0;border:0;border-right:1px solid #d7e2ea33;grid-template-columns:auto 1fr;gap:8px 12px;padding:28px;display:grid}.contact-section__links>:last-child{border-right:0}.contact-section__links svg{grid-row:1/3;margin-top:3px}.contact-section__links span{color:#d7e2ea8c;font-size:.78rem}.contact-section__footer{color:#d7e2ea75;letter-spacing:.1em;justify-content:space-between;padding:24px 0 30px;font-size:.68rem;display:flex}.contact-modal{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030e22b8;place-items:center;padding:56px;display:grid;position:fixed;inset:0;overflow:auto}.contact-glow-boundary{width:min(660px,100%);max-height:calc(100svh - 112px)}.contact-glow{width:100%;max-height:inherit}.contact-panel{width:100%;box-shadow:none;text-align:center;background:0 0;border:0;border-radius:40px;padding:54px;position:relative}.contact-panel__close{cursor:pointer;opacity:.65;background:0 0;border:0;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:25px;right:25px}.contact-panel>img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:30px;width:138px;margin:0 auto 24px}.contact-panel>p{color:#8290aa;letter-spacing:.2em;margin:0;font-size:.68rem}.contact-panel h2{margin:12px 0 4px;font-size:2.4rem;font-weight:400}.contact-panel>span{color:#d7e2ea85;font-size:.85rem}.contact-panel__rows{gap:12px;margin-top:38px;display:grid}.contact-panel__rows button{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #d7e2ea2e;border-radius:18px;grid-template-columns:24px 65px 1fr auto;align-items:center;gap:12px;min-height:70px;padding:0 22px;transition:background .2s,border-color .2s;display:grid}.contact-panel__rows button:hover{background:#ffffff0b;border-color:#d7e2ea66}.contact-panel__rows button>span,.contact-panel__rows button small{color:#d7e2ea8c}.contact-panel__rows button strong{overflow-wrap:anywhere;min-width:0;font-size:1rem;font-weight:600}@media (hover:hover) and (pointer:fine){.flip-card:hover .flip-card__inner{transform:rotateY(180deg)}}@media (width<=900px){.section-shell{width:min(100% - 42px,1700px)}.hero__nav-wrap{width:calc(100% - 36px);top:18px}.hero__nav{grid-template-columns:auto 1fr auto;height:62px;padding-left:20px}.hero__links{justify-content:center;gap:22px;font-size:.72rem}.hero__heading-wrap{inset:104px 18px 160px}.hero__bottom{bottom:24px;left:22px;right:22px}.hero__scroll{display:none}.about__grid{grid-template-columns:1fr;gap:55px}.skill-item{grid-template-columns:65px .8fr 1.2fr;gap:20px}.projects__grid{gap:12px}.flip-card__face{border-radius:24px}.flip-card__front-copy strong{font-size:1.25rem}.flip-card__back{padding:20px}.flip-card__summary{margin-block:16px;font-size:.82rem}}@media (width<=640px){.section-shell{width:calc(100% - 32px)}.hero{min-height:830px}.hero__nav-wrap{width:calc(100% - 24px)}.hero__nav{grid-template-columns:auto 1fr}.hero__links{display:none}.hero__heading-wrap{inset:112px 8px 210px}.hero__particle-heading{height:390px}.hero__bottom{padding-top:14px;display:block;bottom:19px}.hero__motto{max-width:100%}.hero__motto p{margin-bottom:7px;font-size:1.08rem}.hero__motto span{font-size:.66rem}.hero__meta{display:none}.marquee{padding:90px 0 65px}.marquee>div{width:130%;margin-left:-15%}.marquee__rail figure{border-radius:14px;width:auto;height:142px}.about,.projects{padding:95px 0}.section-display,.skills__heading{margin:46px 0 70px;font-size:13vw}.about__index span{font-size:2.5rem}.about__copy>p{margin-bottom:45px;font-size:1.17rem;line-height:1.7}.about__copy>div{grid-template-columns:70px 1fr;font-size:.82rem}.skills{border-radius:32px 32px 0 0;padding:95px 0 120px}.skill-item{grid-template-columns:44px 1fr;padding:30px 0}.skill-item p{grid-column:2;font-size:.92rem}.projects{border-radius:32px 32px 0 0;margin-top:-32px;padding-top:105px}.projects__note{margin:-34px 0 28px}.projects__note span{display:none}.projects__grid{grid-template-columns:1fr;gap:18px}.flip-card{aspect-ratio:.88}.flip-card__front-copy strong,.flip-card__back>strong{font-size:1.75rem}.contact-section__inner{padding-top:70px}.contact-section__heading{font-size:15vw}.contact-section__line{gap:26px;display:grid}.contact-section__links{grid-template-columns:1fr}.contact-section__links>*{border-bottom:1px solid #d7e2ea33;border-right:0}.contact-section__footer{flex-wrap:wrap;gap:18px}.contact-section__footer span:nth-child(2){display:none}.contact-modal{padding:32px 20px}.contact-glow-boundary{max-height:calc(100svh - 64px)}.contact-glow{--border-radius:28px!important;--glow-padding:16px!important}.contact-panel{border-radius:28px;padding:42px 18px 24px}.contact-panel>img{width:108px}.contact-panel h2{font-size:2rem}.contact-panel__rows{margin-top:28px}.contact-panel__rows button{grid-template-columns:22px 45px minmax(0,1fr);min-width:0;padding:0 14px}.contact-panel__rows button small{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-motion=reveal],[data-motion=stagger-item],[data-motion-group]>*{opacity:1!important;clip-path:none!important;transform:none!important}}