@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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size: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-in-out: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{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);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,)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--primary:#1f4df5;--accent:#ff52af;--success:#10b981;--dark:#111827;--gray:#4b5563;--light:#fff;--yellow:#ffe46b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:320px}body{color:var(--dark);background:radial-gradient(110% 62% at 58% -10%,#bed2ff61,#0000 72%),radial-gradient(88% 58% at 10% 28%,#ffc2eb59,#0000 76%),radial-gradient(78% 54% at 92%,#daefff47,#0000 76%),linear-gradient(#f2f5ff 0%,#fff0f7 48%,#fbf6ff 100%),#fffafd;min-height:100vh;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}img,video,canvas,svg{max-width:100%}main,section,article,aside,header,nav,div{min-width:0}main{flex-direction:column;align-items:center;gap:0;padding:0 20px 60px;display:flex;position:relative}a{color:inherit}.home-page{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;width:100%;max-width:1200px;min-height:100svh;padding-top:98px;display:flex}.site-header{z-index:100;justify-content:space-between;align-items:center;width:min(1200px,100vw - 40px);height:64px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.logo{color:var(--primary);letter-spacing:2px;font-size:26px;font-weight:900;text-decoration:none}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--dark);background:#ffffffb8;border-radius:99px;gap:4px;padding:4px;display:flex}nav a{border-radius:99px;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:color .2s,background-color .2s}nav a:hover,nav a:focus-visible{background:#e8f0fe}nav a.active{background:var(--dark);color:var(--light)}section,.hero{z-index:2;flex-direction:column;align-items:center;gap:42px;width:100%;max-width:1200px;scroll-margin-top:0;display:flex;position:relative}main>section{scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;min-height:100svh;padding:140px 0 50px}.hero{text-align:center;flex:1;justify-content:center;gap:18px;padding:20px 0 34px}.hero-title-container{place-items:center;width:100%;max-width:1100px;min-height:120px;display:grid;position:relative}.hero-title{letter-spacing:-3px;white-space:nowrap;grid-area:1/1;font-size:clamp(64px,8vw,96px);font-weight:900;line-height:.95}.hero-title-shadow{color:var(--accent);transform:translate(7px,7px)}.hero-title-main{color:var(--dark);position:relative}.hero-subtitle{color:var(--primary);letter-spacing:6px;font-size:21px;font-weight:900}.avatar-stage{isolation:isolate;width:min(900px,100%);height:390px;box-shadow:none;background:0 0;border:0;place-items:center;display:grid;position:relative;overflow:visible}.avatar-3d-shell{z-index:3;cursor:grab;touch-action:none;width:420px;height:420px;box-shadow:none;background:0 0;border:0;animation:.8s cubic-bezier(.22,1,.36,1) both avatarEntrance;position:relative;overflow:visible}.avatar-3d-shell:active{cursor:grabbing}.avatar-3d-canvas{width:100%;height:100%;box-shadow:none;background:0 0;border:0;overflow:visible}.avatar-3d-canvas canvas{width:100%;height:100%;box-shadow:none;filter:drop-shadow(0 24px 18px #1f4df521);border:0;outline:none;display:block;background:0 0!important}.avatar-loader,.avatar-fallback{color:var(--primary);letter-spacing:2px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex;position:absolute;inset:0}.avatar-loader small{color:var(--gray)}.avatar-loader-orbit{border:2px solid #c7d2fe;border-top-color:var(--accent);border-radius:50%;width:74px;height:74px;margin-bottom:8px;animation:1s linear infinite avatarSpin}.avatar-fallback img{object-fit:cover;object-position:center top;border:2px solid var(--dark);background:#fff;border-radius:50%;width:270px;height:270px}.avatar-tags{z-index:4;pointer-events:none;flex-direction:column;justify-content:space-around;display:flex;position:absolute;top:88px;bottom:96px}.avatar-tags-left{align-items:flex-end;left:22px}.avatar-tags-right{align-items:flex-start;right:22px}.avatar-tags span{color:#4d258f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.3px;white-space:nowrap;background:#ffffffc7;border:1.5px solid #b8afd0;border-radius:99px;padding:9px 15px;font-size:11px;font-weight:900;box-shadow:3px 3px #1f4df524}.avatar-tags-left span:nth-child(2),.avatar-tags-right span:nth-child(2){transform:translate(34px)}.avatar-interaction-hint{color:var(--gray);letter-spacing:1.7px;opacity:.72;white-space:nowrap;font-size:10px;font-weight:900;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.avatar-confetti{z-index:2;pointer-events:none;position:absolute;inset:0}.avatar-confetti i{background:var(--accent);border-radius:4px;width:12px;height:6px;position:absolute;transform:rotate(22deg)}.avatar-confetti i:first-child{bottom:58px;left:23%}.avatar-confetti i:nth-child(2){background:#9aa9f8;bottom:30px;left:31%;transform:rotate(-30deg)}.avatar-confetti i:nth-child(3){background:#72dfb8;bottom:48px;left:39%;transform:rotate(63deg)}.avatar-confetti i:nth-child(4){background:#ffe46b;bottom:22px;left:45%}.avatar-confetti i:nth-child(5){background:#ff9ed0;bottom:47px;right:42%}.avatar-confetti i:nth-child(6){background:#72dfb8;bottom:25px;right:35%;transform:rotate(-48deg)}.avatar-confetti i:nth-child(7){background:#9aa9f8;bottom:50px;right:28%;transform:rotate(70deg)}.avatar-confetti i:nth-child(8){background:#ff9ed0;bottom:30px;right:21%;transform:rotate(-12deg)}@keyframes avatarSpin{to{transform:rotate(360deg)}}@keyframes avatarEntrance{0%{opacity:0;transform:translateY(28px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.button-group,.contact-actions{flex-wrap:wrap;gap:20px;display:flex}.hero>.button-group{z-index:5;margin-top:54px;position:relative}.btn{border:2.5px solid var(--dark);box-shadow:6px 6px 0 var(--dark);border-radius:99px;padding:14px 30px;font-size:15px;font-weight:900;text-decoration:none;transition:transform .1s,box-shadow .1s}.btn:hover{box-shadow:8px 8px 0 var(--dark);transform:translate(-2px,-2px)}.btn:active{box-shadow:3px 3px 0 var(--dark);transform:translate(3px,3px)}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{color:var(--dark);background:#fff}.btn-compact{padding:10px 22px;font-size:13px}.section-title-group{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.badge{letter-spacing:2px;border:2px solid;border-radius:99px;padding:6px 20px;font-size:12px;font-weight:900}.badge-pink{color:var(--accent);border-color:var(--accent);background:#fff0fb}.badge-blue{color:var(--primary);border-color:var(--primary);background:#e8f0fe}.section-title{letter-spacing:-.8px;font-size:clamp(34px,5vw,44px);font-weight:900}.about-content{flex-direction:column;gap:22px;width:100%;display:flex}.about-top-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;width:100%;display:grid}.about-top-grid .profile-card{grid-column:span 2}.profile-card{border:3px solid var(--dark);width:100%;height:auto;box-shadow:12px 12px 0 var(--primary);background:#fff;border-radius:28px;flex-direction:column;gap:24px;padding:34px;font-weight:900;display:flex}.profile-copy{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.mini-label,.project-eyebrow{color:var(--primary);letter-spacing:2px;font-size:11px;font-weight:900}.profile-copy h3{max-width:650px;font-size:29px;font-weight:950;line-height:1.25}.profile-copy .profile-lead{color:var(--primary);border-left:5px solid var(--accent);padding-left:16px;font-size:22px;font-weight:950}.profile-copy p{color:var(--gray);font-size:15px;font-weight:900;line-height:1.85}.profile-tags{flex-wrap:wrap;gap:9px;display:flex}.profile-tags span{border:1.5px solid var(--dark);background:#f1f5f9;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:800}.education-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.education-card{border:2.5px solid var(--dark);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:22px;display:flex}.education-copy{min-width:0}.education-card span{letter-spacing:1px;color:var(--gray);font-size:11px;font-weight:900}.education-card h3{margin:8px 0 6px;font-size:21px;font-weight:950}.education-card p{color:var(--gray);font-size:13px;font-weight:950}.education-logo{object-fit:contain;flex:0 0 74px;width:74px;height:74px}.cityu-logo{flex-basis:108px;width:108px}.edu-one{transform:rotate(1deg);box-shadow:7px 7px #fbcfe8}.edu-two{transform:rotate(-1deg);box-shadow:7px 7px #c7d2fe}.about-capabilities{grid-template-rows:repeat(2,92px);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 22px;width:100%;display:grid}.about-capability{width:100%;height:92px;min-height:92px}.specular-button{--shine-x:50%;--shine-y:50%;isolation:isolate;border:2px solid var(--dark);background:#fff;border-radius:17px;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s;position:relative;overflow:hidden}.specular-button:before{content:"";z-index:-1;opacity:0;background:radial-gradient(150px circle at var(--shine-x) var(--shine-y), #fffffffa 0, #6e8fff61 24%, transparent 58%);transition:opacity .25s;position:absolute;inset:-2px}.specular-button__shine{pointer-events:none;opacity:0;background:radial-gradient(120px circle at var(--shine-x) var(--shine-y), #ffffffe6, #ffffff29 45%, transparent 72%);mix-blend-mode:screen;transition:opacity .25s;position:absolute;inset:0}.specular-button:hover{transform:translateY(-5px)scale(1.015);box-shadow:0 12px 24px #2550eb24}.specular-button:hover:before,.specular-button:hover .specular-button__shine{opacity:1}.specular-button__content{z-index:1;min-height:inherit;align-items:center;gap:12px;padding:13px 16px;display:flex;position:relative}.capability-icon{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.about-capability h4{font-size:15px;font-weight:950;line-height:1.25}.about-capability p{color:var(--gray);margin-top:5px;font-size:11px;font-weight:900;line-height:1.45}.capability-pink .capability-icon{background:#fde7f3}.capability-blue .capability-icon{background:#e5edff}.capability-green .capability-icon{background:#dcf7ed}.capability-yellow .capability-icon{background:#fff3c7}.capability-purple .capability-icon{background:#f0e6ff}.capability-coral .capability-icon{background:#ffe4e6}.lanyard{justify-content:center;height:500px;min-height:500px;margin-top:-82px;margin-bottom:-58px;display:flex;position:relative;overflow:hidden}.lanyard-anchor{background:var(--dark);z-index:3;border-radius:0 0 8px 8px;width:52px;height:13px;position:absolute;top:0;left:50%;transform:translate(-50%)}.lanyard-band{transform-origin:50% 0;will-change:height, transform;background:linear-gradient(90deg,#19449f,#4b8bd8 45%,#245daf);border:1.5px solid #17376f;border-radius:3px;width:38px;height:110px;position:absolute;top:8px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 4px 0 #ffffff24,inset -4px 0 #0000001f,2px 3px 6px #1118272e}.lanyard-band span{color:#fff;letter-spacing:1.6px;writing-mode:vertical-rl;justify-content:center;align-items:center;font-size:8px;font-weight:900;display:flex;position:absolute;inset:8px 0}.lanyard-ring{z-index:1;will-change:transform;border:5px solid #aab2bd;border-radius:50%;width:48px;height:48px;position:absolute;top:103px;left:50%;transform:translate(-50%);box-shadow:inset 2px 2px #f8fafc,2px 3px 4px #11182733}.lanyard-card{transform-origin:50% -112px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;filter:drop-shadow(8px 11px 8px #11182733);width:min(246px,94%);position:absolute;top:148px;left:50%;transform:translate(-50%)rotate(3deg)}.lanyard-card:active{cursor:grabbing}.lanyard-card img{pointer-events:none;width:100%;display:block}.lanyard-clip{z-index:2;background:linear-gradient(135deg,#f8fafc,#778391 55%,#dbe2ea);border:2px solid #4b5563;border-radius:7px 7px 12px 12px;width:34px;height:30px;position:absolute;top:-22px;left:50%;transform:translate(-50%);box-shadow:2px 3px 4px #1118272e}.grid-3{grid-template-columns:repeat(3,1fr);gap:36px;width:100%;display:grid}.card-project{border:3px solid var(--dark);background:#fff;border-radius:24px;flex-direction:column;gap:15px;min-height:525px;padding:20px;display:flex}.shadow-blue{box-shadow:10px 10px #c7d2fe}.shadow-pink{box-shadow:10px 10px #fbcfe8}.shadow-cyan{box-shadow:10px 10px #bae6fd}.card-visual{border:2px solid var(--dark);border-radius:16px;place-items:center;height:240px;display:grid;position:relative;overflow:hidden}.visual-blue{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.visual-pink{background:linear-gradient(135deg,#fde6f5,#fbcfe8)}.visual-cyan{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.visual-index{border:1.5px solid var(--dark);background:#fff;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:900;position:absolute;top:16px;left:18px}.visual-symbol{z-index:2;filter:drop-shadow(4px 4px #1118272e);font-size:74px;position:relative}.visual-orbit{border:2px dashed #11182773;border-radius:50%;width:190px;height:100px;position:absolute;transform:rotate(20deg)}.orbit-two{width:150px;height:190px;transform:rotate(-35deg)}.card-title{font-size:20px;font-weight:900;line-height:1.3}.card-desc{color:var(--gray);font-size:14px;font-weight:600;line-height:1.65}.card-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.tag{border:1.5px solid var(--dark);background:#f1f5f9;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:800}.btn-small{background:var(--primary);color:#fff;border:1.5px solid var(--dark);white-space:nowrap;border-radius:99px;padding:8px 13px;font-size:11px;font-weight:800;text-decoration:none}.pendant-stage{isolation:isolate;border-bottom:2px solid #1118271f;width:100%;height:560px;margin-top:8px;position:relative;overflow:hidden}.pendant-stage:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 24%,#2557f414,#0000 42%);position:absolute;inset:0}.pendant-stage-hint{color:#7b8190;letter-spacing:2px;white-space:nowrap;font-size:11px;font-weight:900;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.pendant-cluster{transform-origin:50% 16px;will-change:transform;animation:6.2s cubic-bezier(.45,.05,.55,.95) infinite alternate pendantClusterSwing;position:absolute;inset:0}.pendant-master-hook{z-index:5;background:linear-gradient(90deg,#fff,#b7bdc6 55%,#f8fafc);border:7px solid #858c98;border-bottom-color:#656c77;border-radius:24px 24px 19px 19px;width:42px;height:61px;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:inset 3px 0 3px #fff,3px 5px 8px #1118272e}.pendant-master-hook:after{content:"";background:#fff;width:14px;height:20px;position:absolute;bottom:5px;right:-8px;transform:rotate(12deg)}.pendant-master-neck{z-index:4;background:linear-gradient(90deg,#777e89,#fff 45%,#737a85);border-radius:99px;width:9px;height:27px;position:absolute;top:61px;left:50%;transform:translate(-50%)}.pendant-master-ring{z-index:5;background:0 0;border:9px solid #858c98;border-radius:50%;width:68px;height:68px;position:absolute;top:78px;left:50%;transform:translate(-50%);box-shadow:inset 3px 2px 3px #ffffffe6,3px 5px 7px #1118272e}.pendant-branches{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pendant-branches line{stroke:#8b929d;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(1px 2px 1px #11182738)}.pendant-hit{width:min(var(--pendant-width),28vw);top:var(--pendant-y);left:var(--pendant-x);transform:translateX(-50%) rotate(var(--pendant-rotation));transform-origin:50% -32px;cursor:pointer;filter:drop-shadow(8px 12px 9px #11182738);z-index:3;background:0 0;border:0;padding:0;transition:filter .25s,transform .25s;position:absolute}.pendant-hit:before{content:"";border:2px dashed #0000;border-radius:28px;transition:border-color .2s;position:absolute;inset:-8px}.pendant-hit:hover,.pendant-hit:focus-visible{transform:translateX(-50%) rotate(var(--pendant-rotation)) scale(1.055);filter:drop-shadow(11px 17px 12px #2557f440);outline:none}.pendant-hit:focus-visible:before{border-color:var(--primary)}.pendant-hit img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.pendant-connector{z-index:2;background:#f8fafc;border:3px solid #858c98;border-radius:50%;width:18px;height:18px;position:absolute;top:-8px;left:50%;transform:translate(-50%,-50%);box-shadow:inset 2px 2px #fff}@keyframes pendantClusterSwing{0%{transform:rotate(-2.4deg)}to{transform:rotate(2.4deg)}}.project-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1118279e;place-items:center;padding:24px;animation:.22s both modalFade;display:grid;position:fixed;inset:0}.project-modal{border:3px solid var(--dark);width:min(680px,100%);max-height:min(760px,90svh);box-shadow:14px 16px 0 var(--primary);background:#fff;border-radius:28px;padding:38px 42px 42px;animation:.34s cubic-bezier(.2,.8,.2,1) both modalPop;position:relative;overflow:auto}.project-modal-close{border:2px solid var(--dark);width:40px;height:40px;color:var(--dark);cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:27px;line-height:1;transition:transform .18s,background .18s;display:grid;position:absolute;top:18px;right:20px}.project-modal-close:hover{background:#ffe5f2;transform:rotate(8deg)scale(1.06)}.project-modal-kicker{color:var(--primary);letter-spacing:2px;font-size:11px;font-weight:950}.project-modal h3{max-width:85%;margin:10px 0 28px;font-size:clamp(26px,4vw,38px);line-height:1.18}.project-modal-sections{gap:22px;display:grid}.project-modal-sections>div{border-top:2px solid #1118271f;padding-top:18px}.project-modal-sections h4{color:var(--primary);margin-bottom:8px;font-size:15px;font-weight:950}.project-modal-sections p{color:var(--gray);font-size:14px;font-weight:750;line-height:1.75}@keyframes modalFade{0%{opacity:0}}@keyframes modalPop{0%{opacity:0;transform:translateY(24px)scale(.95)}}.scroll-stack{width:100%;padding:30px 0 12vh;position:relative}.scroll-stack-spacer{pointer-events:none;height:clamp(300px,48vh,460px)}.experience-row{grid-template-rows:auto 1fr auto;gap:18px;width:100%;display:grid;position:relative}.experience-folder{top:var(--stack-top);z-index:calc(10 + var(--stack-index));border:2.5px solid var(--dark);background-color:var(--folder-bg);min-height:390px;box-shadow:10px 12px 0 var(--folder-shadow);transform-origin:top;will-change:transform, filter;--tab-left:0%;border-radius:8px 24px 24px;margin-top:42px;padding:36px 42px 28px;transition:filter .18s linear;position:sticky}.experience-folder:nth-of-type(2){--tab-left:14%}.experience-folder:nth-of-type(3){--tab-left:28%}.experience-folder:nth-of-type(4){--tab-left:42%}.experience-folder:nth-of-type(5){--tab-left:56%}.folder-tab{left:var(--tab-left);background-color:var(--folder-bg);border:2.5px solid var(--dark);width:fit-content;min-width:0;max-width:none;height:58px;color:var(--folder-label);letter-spacing:.5px;white-space:nowrap;border-bottom:0;border-radius:24px 44px 0 0;align-items:flex-start;padding:11px 24px 0;font-size:19px;font-weight:950;line-height:1.1;display:inline-flex;position:absolute;top:-43px}.folder-pink{--folder-bg:#ff1593;--folder-shadow:#b90068;--folder-label:#fff}.folder-blue{--folder-bg:#9b4dff;--folder-shadow:#5f20c5;--folder-label:#fff}.folder-green{--folder-bg:#13bff2;--folder-shadow:#087cac;--folder-label:#fff}.folder-yellow{--folder-bg:#ff5a55;--folder-shadow:#bd292e;--folder-label:#fff}.folder-purple{--folder-bg:#7048ed;--folder-shadow:#3f27a5;--folder-label:#fff}.experience-number{border:2px solid var(--dark);z-index:2;background:#ffffffb8;border-radius:99px;place-items:center;width:44px;height:28px;font-size:10px;font-weight:900;display:grid;position:absolute;top:24px;right:28px}.exp-pink{background:#ff99cf}.exp-blue{color:#fff;background:#85a5ff}.exp-green{background:#72dfb8}.exp-yellow{background:#ffe46b}.exp-purple{background:#d7b8ff}.experience-main{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.experience-main h3{color:#fff;margin-top:5px;font-size:39px;font-weight:950}.experience-role{color:#ffffffdb;letter-spacing:1px;font-size:17px;font-weight:900}.experience-main time{border:1.5px solid var(--dark);white-space:nowrap;background:#ffffffc7;border-radius:99px;margin-right:58px;padding:7px 13px;font-size:13px;font-weight:850}.experience-details{align-content:space-evenly;gap:13px;padding:3px 0;list-style:none;display:grid}.experience-details:before{content:"KEY RESULTS / 核心成果";color:#ffffffb8;letter-spacing:1.8px;font-size:12px;font-weight:950}.experience-details li{color:#fffffff0;padding-left:24px;font-size:18px;font-weight:700;line-height:1.75;position:relative}.experience-details li:before{content:"▸";color:#fff;font-weight:900;position:absolute;top:0;left:0}.experience-highlight{color:#fff36a;font-weight:950}.experience-tags{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.experience-tags span{color:#1747dd;white-space:nowrap;background:#ffffffeb;border:2px solid #1747dd;border-radius:999px;justify-content:center;align-items:center;min-height:37px;padding:7px 19px;font-size:14px;font-weight:900;line-height:1;display:inline-flex;box-shadow:2px 2px #ffffff40}.life-board{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;display:grid}.life-card{border:2.5px solid var(--dark);min-height:280px;box-shadow:7px 7px 0 var(--dark);border-radius:20px;flex-direction:column;justify-content:flex-end;padding:22px;display:flex;position:relative;overflow:hidden}.life-card:before{content:"";border:2px dashed #11182752;border-radius:50%;width:180px;height:180px;position:absolute;top:-55px;right:-45px}.life-football{background:#def7ec}.life-f1{background:#fbcfe8}.life-music{background:#c7d2fe}.life-travel{background:#fff0a3}.life-icon{z-index:1;margin-bottom:auto;font-size:64px;position:relative}.life-card p{letter-spacing:2px;margin-bottom:8px;font-size:11px;font-weight:900}.life-card h3{font-size:17px;line-height:1.4}.life-journal{perspective:1800px;flex-direction:column;align-items:center;width:100%;display:flex}.journal-book-stage{aspect-ratio:920/640;perspective:1800px;touch-action:pan-y;width:min(1040px,92vw);position:relative}.journal-book-shadow{filter:blur(24px);background:#452d1e3d;border-radius:36px;position:absolute;inset:8% 4% 2%;transform:translateY(20px)}.journal-page-turn{z-index:2;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;position:relative}.journal-page-turn img{object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 18px #452d1e2e);width:100%;height:100%;display:block}.journal-turn-next{transform-origin:0;animation:.78s cubic-bezier(.2,.72,.18,1) both journalPageNext}.journal-turn-prev{transform-origin:100%;animation:.78s cubic-bezier(.2,.72,.18,1) both journalPagePrev}@keyframes journalPageNext{0%{opacity:.25;filter:brightness(.72);transform:rotateY(-78deg)translate(-3%)}58%{opacity:1;transform:rotateY(8deg)translate(0)}to{filter:brightness();transform:rotateY(0)}}@keyframes journalPagePrev{0%{opacity:.25;filter:brightness(.72);transform:rotateY(78deg)translate(3%)}58%{opacity:1;transform:rotateY(-8deg)translate(0)}to{filter:brightness();transform:rotateY(0)}}.journal-material{z-index:4;color:#fff;border:2px solid var(--dark);width:52px;height:52px;box-shadow:4px 5px 0 var(--dark);opacity:0;pointer-events:none;border-radius:14px;place-items:center;animation:.55s cubic-bezier(.18,.88,.25,1.28) forwards journalMaterialDrop;display:grid;position:absolute}.material-one{background:#ff4fa3;animation-delay:.42s;top:15%;left:2%;transform:rotate(-12deg)}.material-two{background:#18bd91;animation-delay:.58s;top:35%;right:2%;transform:rotate(9deg)}.material-three{background:#2557f4;animation-delay:.74s;bottom:4%;left:10%;transform:rotate(7deg)}@keyframes journalMaterialDrop{0%{opacity:0;translate:0 -55px;rotate:-20deg;scale:.2}to{opacity:1;translate:0;rotate:none;scale:1}}.journal-corner{z-index:8;width:64px;height:84px;color:var(--dark);border:2px solid var(--dark);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbd;place-items:center;font-size:42px;font-weight:500;transition:transform .2s,background .2s;display:grid;position:absolute;top:50%;translate:0 -50%}.journal-corner:hover{background:#fff;transform:scale(1.06)}.journal-corner-left{border-radius:20px 8px 8px 20px;left:-30px}.journal-corner-right{border-radius:8px 20px 20px 8px;right:-30px}.journal-controls{align-items:center;gap:22px;margin-top:12px;display:flex}.journal-controls>button{border:2px solid var(--dark);cursor:pointer;width:48px;height:40px;box-shadow:3px 3px 0 var(--dark);background:#fff;border-radius:99px;font-size:19px;font-weight:900}.journal-page-meta{flex-direction:column;align-items:center;min-width:220px;line-height:1.2;display:flex}.journal-page-meta strong{font-size:15px}.journal-page-meta span{color:var(--gray);letter-spacing:1.5px;margin-top:5px;font-size:9px;font-weight:900}.journal-dots{gap:9px;margin-top:14px;display:flex}.journal-dots button{border:2px solid var(--dark);cursor:pointer;background:#fff;border-radius:50%;width:10px;height:10px;padding:0;transition:width .2s,background .2s}.journal-dots button.is-active{background:#ff4fa3;border-radius:99px;width:30px}@media (prefers-reduced-motion:reduce){.journal-page-turn,.journal-material{opacity:1;animation:none}}.life-journal-prototype{perspective:none}.journal-composite-stage{aspect-ratio:2642/1809;touch-action:pan-y;cursor:grab;width:min(1100px,94vw);position:relative;overflow:visible}.journal-composite-stage:active{cursor:grabbing}.journal-fixed-book{z-index:1;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 22px 24px #452d1e33);width:100%;height:100%;position:absolute;inset:0}.journal-layer-page{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.journal-layer-asset{width:var(--asset-w);height:auto;left:var(--asset-x);top:var(--asset-y);object-fit:contain;-webkit-user-select:none;user-select:none;transform:translate3d(0,0,0) rotate(var(--asset-r));transform-origin:50%;will-change:transform,opacity,filter;position:absolute}.journal-layer-current .material-from-left{opacity:0;transform:translate3d(-145px,0,0) rotate(calc(var(--asset-r) - 4deg)) scale(.92);filter:blur(3px)}.journal-layer-current .material-from-right{opacity:0;transform:translate3d(145px,0,0) rotate(calc(var(--asset-r) + 4deg)) scale(.92);filter:blur(3px)}.journal-layer-current.is-ready .journal-layer-asset{animation-duration:.86s;animation-delay:var(--asset-delay);animation-timing-function:cubic-bezier(.18,.82,.2,1);animation-fill-mode:both}.journal-layer-current.is-ready .material-from-left{animation-name:journalAssetEnterLeft}.journal-layer-current.is-ready .material-from-right{animation-name:journalAssetEnterRight}.journal-layer-outgoing .journal-layer-asset{opacity:1;animation-duration:.7s;animation-timing-function:cubic-bezier(.42,0,.2,1);animation-fill-mode:forwards}.journal-layer-outgoing .material-from-left{animation-name:journalAssetLeaveLeft}.journal-layer-outgoing .material-from-right{animation-name:journalAssetLeaveRight}@keyframes journalAssetEnterLeft{0%{opacity:0;transform:translate3d(-190px,18px,0) rotate(calc(var(--asset-r) - 11deg)) scale(.68);filter:blur(7px)}55%{opacity:1;transform:translate3d(20px,-5px,0) rotate(calc(var(--asset-r) + 2deg)) scale(1.055);filter:blur()}76%{transform:translate3d(-7px,2px,0) rotate(calc(var(--asset-r) - 1deg)) scale(.985)}90%{transform:translate3d(3px,-1px,0) rotate(calc(var(--asset-r) + .4deg)) scale(1.008)}to{opacity:1;transform:translate3d(0,0,0) rotate(var(--asset-r)) scale(1);filter:blur()}}@keyframes journalAssetEnterRight{0%{opacity:0;transform:translate3d(190px,18px,0) rotate(calc(var(--asset-r) + 11deg)) scale(.68);filter:blur(7px)}55%{opacity:1;transform:translate3d(-20px,-5px,0) rotate(calc(var(--asset-r) - 2deg)) scale(1.055);filter:blur()}76%{transform:translate3d(7px,2px,0) rotate(calc(var(--asset-r) + 1deg)) scale(.985)}90%{transform:translate3d(-3px,-1px,0) rotate(calc(var(--asset-r) - .4deg)) scale(1.008)}to{opacity:1;transform:translate3d(0,0,0) rotate(var(--asset-r)) scale(1);filter:blur()}}@keyframes journalAssetLeaveLeft{to{opacity:0;transform:translate3d(-150px,0,0) rotate(calc(var(--asset-r) - 4deg)) scale(.92);filter:blur(3px)}}@keyframes journalAssetLeaveRight{to{opacity:0;transform:translate3d(150px,0,0) rotate(calc(var(--asset-r) + 4deg)) scale(.92);filter:blur(3px)}}.journal-material-layer{z-index:3;pointer-events:none;transform-style:preserve-3d;position:absolute;inset:4.1% 4.1% 4.5%;overflow:hidden}.journal-sports-material{object-fit:contain;transform-origin:50%;will-change:transform,opacity;height:auto;transition:opacity .58s cubic-bezier(.2,.75,.2,1),transform .72s cubic-bezier(.18,.85,.2,1.05),filter .55s;position:absolute}.journal-material-layer.is-hidden .material-from-left{opacity:0;filter:blur(3px);transform:translate(-105px)rotateY(16deg)scale(.94)}.journal-material-layer.is-hidden .material-from-right{opacity:0;filter:blur(3px);transform:translate(105px)rotateY(-16deg)scale(.94)}.journal-material-layer.is-visible .journal-sports-material{opacity:1;filter:blur();transform:translate(0)rotateY(0)scale(1)}.sports-title{width:28%;top:5.8%;left:2.8%}.sports-ball{width:6.2%;top:16.5%;left:5.2%}.sports-team{width:27%;top:18.3%;left:14%}.sports-club{width:25%;top:25.5%;left:15.2%}.sports-note{width:36%;top:31%;left:2.8%}.sports-fans{width:12%;top:83%;left:1.7%}.sports-film-a{width:34%;top:60.8%;left:3.6%}.sports-film-b{width:31%;top:80.5%;left:14.5%}.sports-person{z-index:4;width:11.4%;top:29%;left:36.1%}.sports-right-composite{width:47%;top:3.8%;right:1.4%}.sports-f1-window{width:18%;top:6.5%;left:52.5%}.sports-car{width:13.5%;top:8%;left:69%}.sports-box-text{width:16%;top:20%;left:69.5%}.sports-post{width:15%;top:39%;left:52.2%}.sports-driver{width:14.5%;top:31%;left:70%}.sports-cartoon{width:12%;top:29%;right:1.8%}.sports-polaroid{width:18%;top:57%;right:5.7%}.sports-caption{width:27%;top:83%;left:51.5%}.journal-swipe-zone{z-index:7;width:52px;height:86px;color:var(--dark);border:2px solid var(--dark);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc7;place-items:center;font-size:38px;display:grid;position:absolute;top:50%;translate:0 -50%}.journal-swipe-hide{border-radius:22px 8px 8px 22px;left:-22px}.journal-swipe-show{border-radius:8px 22px 22px 8px;right:-22px}.journal-prototype-controls{align-items:center;gap:20px;margin-top:12px;display:flex}.journal-prototype-controls button{min-width:118px;color:var(--dark);border:2px solid var(--dark);box-shadow:3px 3px 0 var(--dark);cursor:pointer;background:#fff;border-radius:99px;padding:10px 14px;font-size:11px;font-weight:900}.journal-prototype-controls div{flex-direction:column;align-items:center;min-width:180px;display:flex}.journal-prototype-controls strong{font-size:15px}.journal-prototype-controls span{color:var(--gray);letter-spacing:1px;margin-top:4px;font-size:9px;font-weight:850}.journal-page-arrow{z-index:8;color:#8b8a84;white-space:nowrap;pointer-events:none;width:150px;min-height:42px;padding:5px 8px;font-size:19px;font-weight:750;line-height:1;position:absolute;top:50%;translate:0 -50%}.journal-page-arrow-left{text-align:right;left:-158px}.journal-page-arrow-right{text-align:left;right:-158px}@media (prefers-reduced-motion:reduce){.journal-sports-material,.journal-layer-asset{opacity:1!important;transform:rotate(var(--asset-r))!important;filter:none!important;transition:none!important;animation:none!important}.pendant-cluster{animation:none}}.pass-card{border:3px solid var(--dark);width:100%;max-width:760px;min-height:350px;box-shadow:12px 12px 0 var(--primary);background:#fff;border-radius:28px;align-items:center;gap:34px;padding:25px;display:flex}.contact-section{isolation:isolate;border-radius:36px;overflow:hidden}.contact-section>:not(.ballpit-layer){z-index:2;position:relative}.ballpit-layer{z-index:0;pointer-events:auto;opacity:1;position:absolute;inset:92px 0 0;overflow:hidden}.ballpit-canvas{touch-action:none;width:100%;height:100%;display:block}.polaroid{border:2.5px solid var(--dark);background:#fff;border-radius:12px;flex-direction:column;flex:none;width:190px;height:280px;padding:10px 10px 30px;display:flex;transform:rotate(-2deg);box-shadow:5px 5px #e2e8f0}.polaroid img{object-fit:cover;object-position:center top;border:1.5px solid var(--dark);background:#f8fafc;border-radius:6px;width:165px;height:205px}.polaroid span{text-align:center;margin-top:auto;font-size:10px;font-weight:900}.contact-info{flex-direction:column;flex:1;align-items:flex-start;gap:15px;display:flex}.name-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.name-row h3{font-size:30px;font-weight:900}.status-badge{border:1.5px solid var(--dark);color:#03543f;background:#def7ec;border-radius:99px;padding:5px 11px;font-size:10px;font-weight:900}.contact-lead{color:var(--gray);font-size:14px;font-weight:600;line-height:1.55}.contact-details{flex-direction:column;gap:8px;display:flex}.contact-details a,.contact-details span{color:var(--gray);font-size:13px;font-weight:700;text-decoration:none}footer{scroll-snap-align:end;border-top:2px solid #1118271a;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:1200px;padding:40px 0 0;display:flex}.footer-pixels{gap:14px;display:flex}.footer-pixels span{border:1.5px solid var(--dark);border-radius:6px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.footer-pixels span:first-child{background:var(--accent)}.footer-pixels span:nth-child(2){background:var(--primary);color:#fff}.footer-pixels span:nth-child(3){background:var(--success)}footer p{color:#6b7280;letter-spacing:.6px;text-align:center;font-size:12px;font-weight:700}.floating-sticker{pointer-events:none;border:2px solid var(--dark);width:70px;height:70px;box-shadow:5px 5px 0 var(--dark);z-index:1;place-items:center;font-size:38px;font-weight:900;display:grid;position:absolute}.sticker-one{background:#ffe46b;top:520px;left:3vw;transform:rotate(-12deg)}.sticker-two{background:#ff9ed0;border-radius:50%;top:1060px;right:4vw;transform:rotate(10deg)}.sticker-three{background:#a5c4f7;top:2350px;left:3vw;transform:rotate(8deg)}.sticker-four{background:#8ee5c0;top:3600px;right:4vw;transform:rotate(-9deg)}@media (max-width:1024px){.grid-3{grid-template-columns:1fr;max-width:620px}.card-project{min-height:500px}.profile-card{grid-template-columns:1fr}.about-content,.about-profile-column,.about-lanyard-column,.about-capabilities{gap:18px}.life-board{grid-template-columns:repeat(2,1fr)}.floating-sticker{opacity:.45;transform:scale(.75)}}@media (max-width:760px){html{scroll-snap-type:y proximity}main{padding:0 16px 60px}.home-page{min-height:100svh;padding-top:76px}.site-header{align-items:flex-start;gap:20px;width:calc(100vw - 32px);height:auto;top:12px}.logo{padding-top:8px;font-size:18px}nav{justify-content:flex-start;max-width:68vw;overflow-x:auto}nav a{flex:none;padding:7px 11px;font-size:11px}.hero-title-container{min-height:86px}.hero-title{white-space:normal;font-size:clamp(42px,13vw,64px)}.hero-subtitle{letter-spacing:3px;font-size:13px}main>section{height:auto;min-height:100svh;padding:110px 0 54px}.hero{min-height:0;padding:24px 0 44px}.hero>.button-group{margin-top:46px}.avatar-stage{height:380px}.avatar-3d-shell{width:360px;height:390px}.avatar-tags{flex-flow:wrap;justify-content:center;gap:7px;width:100%;padding-inline:8px;top:auto;bottom:34px}.avatar-tags-left{align-items:center;bottom:62px;left:0}.avatar-tags-right{align-items:center;bottom:24px;right:0}.avatar-tags span{padding:6px 10px;font-size:9px}.avatar-tags-left span:nth-child(2),.avatar-tags-right span:nth-child(2){transform:none}.avatar-interaction-hint{display:none}.avatar-confetti{opacity:.72}.profile-card{padding:26px 22px}.about-content{grid-template-columns:1fr;gap:32px}.about-top-grid{grid-template-columns:1fr;gap:24px}.about-top-grid .profile-card{grid-column:auto}.profile-card{height:auto;min-height:0}.about-capabilities{grid-template-rows:none;grid-template-columns:1fr;gap:14px}.about-capability{height:92px;min-height:92px}.about-capabilities-side{grid-template-columns:1fr}.lanyard{justify-self:center;width:100%;max-width:420px;min-height:500px;margin:0}.education-stack{grid-template-columns:1fr}.education-logo{flex-basis:64px;width:64px;height:64px}.cityu-logo{flex-basis:92px;width:92px}.profile-copy h3{font-size:25px}.scroll-stack-spacer{height:420px}.experience-folder{top:var(--stack-top-mobile);border-radius:7px 20px 20px;min-height:430px;padding:30px 18px 22px}.experience-folder:nth-of-type(n){--tab-left:0%}.experience-folder:nth-of-type(2n){--tab-left:24%}.folder-tab{width:fit-content;max-width:calc(100% - var(--tab-left) - 18px);padding:11px 18px 0;font-size:15px}.experience-number{top:20px;right:16px}.experience-main{flex-direction:column}.experience-main time{align-self:flex-start;margin-right:0}.experience-details{gap:10px}.experience-details:before{font-size:10px}.experience-details li{font-size:14px;line-height:1.65}.experience-tags span{min-height:28px;padding:4px 12px;font-size:10px}.projects-orbit-stage{height:720px;margin-top:-70px;overflow:visible}.projects-orbit-center{width:74px;height:74px}.projects-orbit-center strong{font-size:10px}.projects-orbit-center small{display:none}.orbit-project{border-radius:20px;width:min(225px,66vw);min-height:218px;padding:15px 16px}.orbit-project>p{margin-top:10px;font-size:8px}.orbit-project h3{font-size:17px}.orbit-project-copy{margin:9px 0 12px;font-size:10px}.orbit-project-topline b{font-size:24px}.pendant-stage{height:520px;overflow:hidden}.pendant-stage-hint{letter-spacing:1.2px;font-size:8px;bottom:14px}.pendant-master-hook{transform-origin:top;transform:translate(-50%)scale(.8)}.pendant-master-neck{top:54px}.pendant-master-ring{top:69px;transform:translate(-50%)scale(.8)}.pendant-branches line{stroke-width:5px}.pendant-hit{width:min(var(--pendant-width),34vw)}.project-modal{box-shadow:8px 9px 0 var(--primary);border-radius:22px;padding:32px 24px 30px}.project-modal h3{margin-bottom:22px;font-size:25px}.project-modal-sections{gap:18px}.life-board{grid-template-columns:1fr;max-width:520px}.life-card{min-height:235px}.journal-book-stage{width:96vw}.journal-corner{width:42px;height:60px;font-size:30px}.journal-corner-left{left:-8px}.journal-corner-right{right:-8px}.journal-material{border-radius:9px;width:34px;height:34px;font-size:12px}.journal-controls{gap:12px;margin-top:6px}.journal-page-meta{min-width:170px}.journal-composite-stage{width:98vw}.journal-page-arrow{width:118px;min-height:34px;padding:4px;font-size:13px;top:auto;bottom:-34px;translate:0}.journal-page-arrow-left{text-align:left;left:4px}.journal-page-arrow-right{text-align:right;right:4px}.journal-swipe-zone{width:36px;height:58px;font-size:26px}.journal-swipe-hide{left:-4px}.journal-swipe-show{right:-4px}.journal-prototype-controls{gap:8px}.journal-prototype-controls button{min-width:92px;padding:8px 10px;font-size:9px}.journal-prototype-controls div{min-width:118px}.pass-card{flex-direction:column;padding:32px 22px}.ballpit-layer{opacity:.86;inset:76px -16px 0}.contact-info{text-align:center;align-items:center}.name-row,.contact-actions{justify-content:center}.floating-sticker{display:none}}@media (min-width:761px) and (max-height:760px){html{scroll-snap-type:y proximity}.home-page,main>section{min-height:760px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.avatar-3d-shell,.avatar-loader-orbit{animation:none}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}