*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:#f5f7fb;--foreground:#111827}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--background)}body{margin:0;color:var(--foreground);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}::-moz-selection{background:#111827;color:#ffffff}::selection{background:#111827;color:#ffffff}@media (max-width:760px){.dashboard-hero{padding-top:36px}.section-heading{display:block}.section-heading span{display:block;margin-top:8px;text-align:left}}.resume-book.is-entering-projects,.resume-panel.is-entering-projects{opacity:.48;filter:blur(2px)}.resume-book.is-entering-projects:after,.resume-panel.is-entering-projects:after{content:"";position:absolute;z-index:30;left:6%;right:6%;top:50%;height:1px;background:#fff;animation:projectLineEnter .42s ease both}.project-entry-button{position:absolute;right:clamp(22px,3vw,46px);bottom:24px;z-index:12;display:inline-flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.52);background:rgba(255,255,255,.06);padding:13px 16px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.18em;backdrop-filter:blur(12px);transition:background .25s ease,color .25s ease,border-color .25s ease}.project-entry-button:hover{border-color:#fff;background:#fff;color:#050505}.projects-preview{display:block;padding:clamp(92px,9vw,150px) clamp(18px,5vw,90px) 130px}.creative-index-hero,.creative-project-grid,.detail-hero-copy,.detail-hero-index,.detail-scroll,.detail-section,.project-categories{position:relative;z-index:5}.selected-works-heading{max-width:1040px;margin:0 auto clamp(38px,6vw,78px)}.background-copy>span,.creative-index-hero span,.detail-section-heading span,.selected-works-heading span,.video-copy>span{display:inline-block;margin-bottom:14px;color:rgba(255,255,255,.52);font-size:11px;font-weight:800;letter-spacing:.22em}.background-copy h2,.creative-index-hero h1,.detail-hero-copy h1,.detail-section-heading h2,.selected-works-heading h2,.video-copy h2{margin:0;color:#fff;font-family:Didot,Bodoni\ 72,Times New Roman,serif;font-size:clamp(54px,8vw,132px);font-weight:400;line-height:.86;letter-spacing:0}.background-copy p,.creative-index-hero p,.detail-section-heading p,.selected-works-heading p,.video-copy p{max-width:760px;margin:18px 0 0;color:rgba(255,255,255,.66);font-size:clamp(15px,1.2vw,20px);line-height:1.75}.category-grid{display:grid;gap:18px;max-width:1440px;margin:0 auto}.category-card{min-height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.02));box-shadow:0 40px 100px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.category-card,.category-card a{position:relative;display:grid;align-content:space-between;padding:28px;color:#fff}.category-card a{min-height:430px;padding:0}.category-card:hover{border-color:rgba(235,240,244,.86)}.category-light,.category-preview{position:absolute;inset:0;pointer-events:none}.category-light{z-index:3}.category-preview{z-index:1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transform:scale(1.08);filter:grayscale(.12) brightness(.58);transition:opacity .42s ease,transform .7s ease}.category-card:hover .category-preview{opacity:.46;transform:scale(1.02)}.category-card h3,.category-card p,.category-card strong,.category-index{position:relative;z-index:4}.category-index{color:rgba(255,255,255,.36);font-family:Didot,serif;font-size:68px;line-height:1}.category-card h3{margin:auto 0 14px;font-size:clamp(28px,2.6vw,48px);line-height:1}.category-card p{margin:0;color:rgba(255,255,255,.68);line-height:1.65}.category-card strong{display:inline-flex;width:-moz-fit-content;width:fit-content;border-top:1px solid rgba(255,255,255,.42);margin-top:48px;padding-top:14px;font-size:11px;letter-spacing:.18em}.category-card.is-disabled{opacity:.62}.creative-index-page,.project-detail-page{min-height:100vh;overflow-x:hidden;background:#080808;color:#fff;cursor:none}.creative-index-hero{min-height:56svh;display:grid;align-content:end;padding:110px clamp(20px,5vw,90px) 64px;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.11),transparent 34%),#080808}.creative-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0 clamp(20px,5vw,90px) 110px}.creative-project-card{min-height:620px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04)}.creative-project-card a{position:relative;display:block;width:100%;height:100%;min-height:620px;color:#fff}.creative-project-card img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.74) saturate(.94);transform:scale(1.03);transition:transform .8s ease,filter .45s ease}.creative-project-card:hover img{transform:scale(1.1);filter:brightness(.92) saturate(1)}.creative-project-card div{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;transform:translateY(34px);transition:transform .38s ease}.creative-project-card:hover div{transform:translateY(0)}.creative-project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.9))}.creative-project-card i{color:rgba(255,255,255,.52);font-family:Didot,serif;font-size:54px;font-style:normal}.creative-project-card p,.creative-project-card span,.creative-project-card strong{display:block;color:rgba(255,255,255,.72);font-size:12px;font-weight:800;letter-spacing:.16em}.creative-project-card h2{margin:10px 0 6px;font-size:clamp(28px,2.4vw,44px);line-height:.98}.creative-project-card strong{margin-top:18px;opacity:0;transition:opacity .25s ease}.creative-project-card:hover strong{opacity:1}.project-detail-page{scroll-behavior:smooth}.detail-hero{position:relative;min-height:100svh;overflow:hidden;display:grid;align-content:end;padding:120px clamp(20px,6vw,108px) 92px}.detail-hero-media{position:absolute;inset:-4%;width:108%;height:108%;-o-object-fit:cover;object-fit:cover;filter:brightness(.52) saturate(.92);animation:detailHeroZoom 14s ease-in-out infinite alternate}.detail-hero-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.18) 48%,rgba(0,0,0,.74)),linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.86))}.detail-hero-copy{max-width:980px}.detail-hero-copy span{display:block;margin-bottom:18px;color:rgba(255,255,255,.72);font-size:13px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.detail-hero-copy p{margin:24px 0 0;color:rgba(255,255,255,.72);font-size:clamp(15px,1.25vw,21px);letter-spacing:.12em}.detail-hero-index{position:absolute;right:clamp(20px,6vw,108px);bottom:110px;color:rgba(255,255,255,.72);font-size:12px;font-weight:800;letter-spacing:.18em}.detail-scroll{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);color:rgba(255,255,255,.5);font-size:10px;font-weight:800;letter-spacing:.2em}.detail-section{min-height:100svh;padding:clamp(84px,10vw,150px) clamp(20px,6vw,108px);border-top:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 78% 8%,rgba(255,255,255,.08),transparent 30%),#080808}.background-section{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);gap:clamp(30px,6vw,92px);align-items:end}.background-copy dl{display:grid;gap:16px;margin:34px 0 0}.background-copy dl div{border-top:1px solid rgba(255,255,255,.18);padding-top:14px}.background-copy dt{color:#fff;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.background-copy dd{margin:8px 0 0;color:rgba(255,255,255,.66);line-height:1.6}.background-media{position:relative;min-height:68vh;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.04);display:block;width:100%;padding:0;color:inherit;cursor:none}.background-media img{width:100%;height:100%;min-height:68vh;-o-object-fit:cover;object-fit:cover;transition:transform .8s ease}.background-media:hover img{transform:scale(1.05)}.background-media span{position:absolute;left:18px;right:18px;bottom:18px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.34);padding:13px 14px;color:rgba(255,255,255,.78);font-size:11px;font-weight:800;letter-spacing:.16em;backdrop-filter:blur(14px)}.media-gallery-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(420px,62vw);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:44px 4px 20px}.media-gallery-track button{position:relative;height:min(68vh,720px);overflow:hidden;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);scroll-snap-align:center}.media-gallery-track img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .8s ease,filter .35s ease}.media-gallery-track button:hover img{transform:scale(1.055);filter:brightness(1.08)}.media-gallery-fit-contain .media-gallery-track{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:unset;grid-auto-columns:unset;align-items:start;overflow:visible;scroll-snap-type:none}.media-gallery-fit-contain .media-gallery-track button{display:grid;width:100%;height:auto;max-width:none;place-items:center;background:rgba(255,255,255,.03);scroll-snap-align:unset}.media-gallery-fit-contain .media-gallery-track img{width:100%;height:auto;max-width:none;max-height:none;-o-object-fit:contain;object-fit:contain}.media-gallery-logo .media-gallery-track{grid-auto-columns:minmax(240px,24vw)}.media-gallery-logo .media-gallery-track button{height:260px;display:grid;place-items:center;padding:34px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}.media-gallery-logo .media-gallery-track img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,255,255,.1))}.media-gallery-editorial .media-gallery-track{display:grid;grid-template-columns:1.4fr repeat(2,.8fr);grid-auto-flow:unset;overflow:visible}.media-gallery-editorial .media-gallery-track button:first-child{height:min(78vh,860px);grid-row:span 2}.video-showcase-layout{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(420px,1.25fr);gap:clamp(30px,6vw,92px);align-items:center}.video-copy h3{margin:30px 0 8px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.video-stack{display:grid;gap:18px}.video-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.04);min-height:280px}.video-card video{width:100%;height:100%;min-height:280px;-o-object-fit:cover;object-fit:cover;filter:brightness(.82)}.video-card span{position:absolute;left:18px;bottom:18px;border:1px solid rgba(255,255,255,.34);background:rgba(0,0,0,.42);padding:10px 12px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.16em}.detail-section-nav{position:fixed;z-index:80;right:18px;top:50%;display:grid;gap:10px;transform:translateY(-50%)}.detail-section-nav a{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.48);font-size:10px;font-weight:800;letter-spacing:.12em}.detail-section-nav span{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:999px}.detail-section-nav a:hover{color:#fff}.detail-section-nav a:hover span{border-color:#fff}.project-context{z-index:80;left:20px;bottom:20px;gap:5px;border-left:1px solid rgba(255,255,255,.42);padding-left:12px;color:rgba(255,255,255,.66);font-size:11px;font-weight:800;letter-spacing:.12em}.lightbox,.project-context{position:fixed;display:grid}.lightbox{z-index:160;inset:0;place-items:center;background:rgba(0,0,0,.88);backdrop-filter:blur(16px)}.lightbox button{position:absolute;top:22px;right:22px;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.06);padding:11px 14px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.16em}.lightbox-media{width:min(92vw,1380px);height:min(84vh,860px)}.lightbox-media img,.lightbox-media video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.media-placeholder{min-height:300px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.48)}@keyframes projectLineEnter{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes detailHeroZoom{0%{transform:scale(1)}to{transform:scale(1.06)}}@media (max-width:1040px){.category-grid,.creative-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.background-section,.video-showcase-layout{grid-template-columns:1fr}.media-gallery-editorial .media-gallery-track{grid-template-columns:1fr;overflow-x:auto}}@media (max-width:720px){.category-grid,.creative-project-grid{grid-template-columns:1fr}.category-card,.category-card a{min-height:330px}.detail-section-nav,.project-context{display:none}.detail-hero-index{position:relative;right:auto;bottom:auto;margin-top:24px}.media-gallery-track{grid-auto-columns:minmax(82vw,1fr)}.project-entry-button{position:relative;right:auto;bottom:auto;grid-column:1/-1;margin:8px 0 0 auto}}.p01{min-height:100vh;background:#030407;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.p01,.p01 *{cursor:none}.scroll-progress{position:fixed;z-index:100;top:0;right:0;width:2px;height:100vh;transform-origin:top;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(142,190,255,.55),transparent);pointer-events:none}.cursor-dot,.cursor-ring{position:fixed;z-index:120;left:0;top:0;pointer-events:none;mix-blend-mode:difference}.cursor-dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#fff}.cursor-ring{display:grid;width:42px;height:42px;margin:-21px 0 0 -21px;place-items:center;border:1px solid rgba(255,255,255,.78);border-radius:999px;transition:width .25s ease,height .25s ease,margin .25s ease,border-color .25s ease}.cursor-ring span{opacity:0;font-size:9px;font-weight:700;letter-spacing:.12em;transition:opacity .2s ease}.cursor-ring.is-active{width:72px;height:72px;margin:-36px 0 0 -36px;border-color:rgba(255,255,255,.95)}.cursor-ring.has-label span{opacity:1}.lux-image-placeholder{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.13),transparent 34%),linear-gradient(120deg,rgba(255,255,255,.08),rgba(255,255,255,.02),rgba(255,255,255,.09));opacity:.9;filter:blur(8px);transition:opacity .6s ease}.lux-image-placeholder:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:p01Shimmer 1.8s ease-in-out infinite}.lux-image-placeholder.is-loaded{opacity:0}.lux-image{z-index:1;opacity:0;transform:scale(1.018);transition:opacity .85s ease,transform 1.15s cubic-bezier(.22,1,.36,1)}.lux-image.is-loaded{opacity:1;transform:scale(1)}.p01-hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;display:grid;place-items:center;padding:36px clamp(18px,4vw,68px);background:#05070b}.p01-hero:after,.p01-section:after,.p01-sticky-stage:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0);background-size:88px 88px;-webkit-mask-image:radial-gradient(circle at center,#000 0,transparent 72%);mask-image:radial-gradient(circle at center,#000 0,transparent 72%)}.p01-hero-bg{-o-object-fit:cover;object-fit:cover;opacity:.52;filter:saturate(1.12) contrast(1.08) brightness(.72)}.p01-particles{position:absolute;inset:-20%;z-index:2;background-image:radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(135,186,255,.45) 0 1px,transparent 1.4px);background-position:0 0,60px 90px;background-size:180px 180px,240px 240px;animation:p01Particles 32s linear infinite;opacity:.36}.p01-hero-light{position:absolute;z-index:2;width:52vw;height:52vw;border-radius:999px;background:radial-gradient(circle,rgba(105,168,255,.24),transparent 64%);filter:blur(30px)}.p01-nav{position:absolute;z-index:8;top:28px;left:clamp(18px,4vw,68px);right:clamp(18px,4vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:18px;font-size:11px;font-weight:700;letter-spacing:.22em;color:rgba(255,255,255,.72)}.p01-nav img{width:86px;height:auto;-o-object-fit:contain;object-fit:contain;filter:saturate(.92)}.p01-hero-copy{position:relative;z-index:6;width:min(1120px,96vw);margin-top:4vh;text-align:center;pointer-events:none}.p01-hero-copy span,.p01-reveal-text span,.p01-section-title span{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.24em;color:rgba(255,255,255,.62);text-transform:uppercase}.p01-hero-copy span:before,.p01-reveal-text span:before,.p01-section-title span:before{content:"";width:42px;height:1px;background:rgba(255,255,255,.38)}.p01-hero-copy h1{margin:16px 0 0;font-family:Didot,Bodoni\ 72,Times New Roman,serif;font-size:clamp(68px,14vw,214px);font-weight:400;line-height:.78;letter-spacing:-.08em;text-transform:uppercase;text-shadow:0 22px 80px rgba(0,0,0,.62)}.p01-hero-copy p{margin:28px auto 0;color:rgba(255,255,255,.68);font-size:clamp(14px,1.4vw,20px);letter-spacing:.16em;text-transform:uppercase}.p01-hero-character{position:absolute;z-index:5;left:50%;bottom:-10vh;width:min(850px,76vw);height:min(82vh,900px);transform:translateX(-50%);animation:p01Float 6.5s ease-in-out infinite;filter:drop-shadow(0 60px 85px rgba(22,50,95,.42))}.p01-hair-wind{position:absolute;z-index:2;inset:8% 8% auto auto;width:42%;height:28%;background:radial-gradient(ellipse at center,rgba(255,255,255,.34),transparent 66%);filter:blur(18px);opacity:.44;transform-origin:left center;animation:p01Hair 4.8s ease-in-out infinite}.p01-scroll{position:absolute;z-index:8;bottom:28px;left:50%;display:flex;align-items:center;gap:12px;transform:translateX(-50%);font-size:10px;font-weight:700;letter-spacing:.22em;color:rgba(255,255,255,.62)}.p01-scroll span{width:1px;height:46px;background:linear-gradient(180deg,transparent,#fff,transparent);animation:p01Scroll 1.7s ease-in-out infinite}.p01-section{position:relative;overflow:hidden;padding:clamp(92px,14vw,190px) clamp(18px,6vw,96px);background:radial-gradient(circle at 70% 0,rgba(65,128,218,.14),transparent 34%),linear-gradient(180deg,#030407,#07090f 52%,#030407)}.p01-overview{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(280px,1.1fr);gap:clamp(32px,7vw,112px);align-items:start}.p01-section-title{position:relative;z-index:4}.p01-section-title.centered{text-align:center}.p01-section-title.centered span{justify-content:center}.p01-section-title.compact{max-width:540px}.p01-reveal-text h2,.p01-section-title h2{margin:18px 0 0;font-family:Didot,Bodoni\ 72,Times New Roman,serif;font-size:clamp(46px,8.6vw,128px);font-weight:400;line-height:.86;letter-spacing:-.065em}.p01-overview-copy{position:relative;z-index:4;max-width:760px;align-self:end;border-left:1px solid rgba(255,255,255,.16);padding-left:clamp(22px,3vw,46px)}.p01-overview-copy p{margin:0 0 22px;font-size:clamp(16px,1.55vw,22px);line-height:1.95;color:rgba(255,255,255,.72)}.p01-stats{position:relative;z-index:4;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px}.p01-stat-card{min-height:230px;border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025)),radial-gradient(circle at 12% 0,rgba(155,198,255,.2),transparent 38%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 30px 80px rgba(0,0,0,.22);transform-style:preserve-3d}.p01-stat-card span{color:rgba(255,255,255,.42);font-family:Didot,serif;font-size:42px}.p01-stat-card h3{margin:44px 0 12px;font-size:18px;letter-spacing:-.02em}.p01-stat-card p{margin:0;color:rgba(255,255,255,.58);font-size:13px;line-height:1.75}.p01-reveal{position:relative;height:230vh;background:#030407}.p01-sticky-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(129,181,255,.19),transparent 46%),#030407}.p01-eye,.p01-reveal-body{position:absolute;inset:0}.p01-eye .lux-image{-o-object-position:50% 36%;object-position:50% 36%;filter:saturate(1.02) contrast(1.08)}.p01-reveal-body{inset:7vh 0 0;width:min(620px,74vw);margin:0 auto;filter:drop-shadow(0 40px 90px rgba(72,124,209,.28))}.p01-reveal-text{position:absolute;z-index:6;left:clamp(20px,6vw,96px);bottom:clamp(28px,8vh,86px);max-width:680px}.p01-body-screen{min-height:110svh;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center}.p01-body-figure{position:relative;z-index:4;justify-self:center;width:min(560px,86vw);height:min(92vh,900px);transform-style:preserve-3d;animation:p01Float 7s ease-in-out infinite}.p01-shadow{position:absolute;z-index:0;left:22%;right:22%;bottom:4%;height:36px;border-radius:50%;background:radial-gradient(ellipse,rgba(96,143,220,.42),transparent 70%);filter:blur(16px)}.p01-detail-grid{position:relative;z-index:4;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:54px}.p01-detail-grid .is-wide{grid-row:span 2}.p01-detail-card{position:relative;min-height:360px;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:34px;background:rgba(255,255,255,.04);box-shadow:0 42px 110px rgba(0,0,0,.34)}.p01-detail-grid .is-wide .p01-detail-card{min-height:740px}.p01-detail-card:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.72));opacity:.86}.p01-detail-card div{position:absolute;z-index:4;left:24px;right:24px;bottom:24px;transform:translateY(18px);opacity:.72;transition:transform .35s ease,opacity .35s ease}.p01-detail-card:hover div{transform:translateY(0);opacity:1}.p01-detail-card span{color:rgba(255,255,255,.46);font-family:Didot,serif;font-size:32px}.p01-detail-card h3{margin:6px 0 8px;font-size:clamp(20px,2vw,32px);letter-spacing:-.04em}.p01-detail-card p{max-width:520px;margin:0;color:rgba(255,255,255,.7);line-height:1.7}.p01-materials{min-height:100svh;display:grid;align-content:center;background:radial-gradient(circle at 50% 50%,rgba(167,206,255,.12),transparent 44%),linear-gradient(180deg,#030407,#080a10)}.p01-spheres{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:clamp(18px,4vw,64px);width:min(1080px,92vw);margin:clamp(48px,8vw,92px) auto 0}.p01-sphere{position:relative;aspect-ratio:1;border-radius:999px;background-size:cover;overflow:hidden;box-shadow:inset -28px -34px 70px rgba(0,0,0,.55),inset 24px 24px 55px rgba(255,255,255,.45),0 42px 90px rgba(64,124,210,.22)}.p01-sphere:before{inset:8%;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.95),transparent 12%),radial-gradient(circle at 72% 82%,rgba(32,63,116,.58),transparent 42%);mix-blend-mode:screen}.p01-sphere:after,.p01-sphere:before{content:"";position:absolute;border-radius:inherit}.p01-sphere:after{inset:0;border:1px solid rgba(255,255,255,.28)}.p01-sphere span{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);font-size:11px;font-weight:800;letter-spacing:.18em;opacity:0;transition:bottom .28s ease,opacity .28s ease}.p01-sphere:hover span{bottom:22px;opacity:1}.p01-three{background:#f4f7ff;color:#040508}.p01-three .p01-section-title span{color:rgba(0,0,0,.52)}.p01-three .p01-section-title span:before{background:rgba(0,0,0,.26)}.p01-three-card{position:relative;z-index:4;width:min(1180px,94vw);height:min(68vh,680px);margin:48px auto 0;overflow:hidden;border-radius:34px;border:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:0 50px 120px rgba(18,36,75,.16)}.p01-three-card .lux-image{transition:opacity .85s ease,transform 1.2s cubic-bezier(.22,1,.36,1),object-position .6s ease;transition:opacity .85s ease,transform 1.2s cubic-bezier(.22,1,.36,1),object-position .6s ease,-o-object-position .6s ease}.p01-three-card:hover .lux-image{transform:scale(1.08);-o-object-position:52% 50%;object-position:52% 50%}.p01-caption-row{position:relative;z-index:4;display:flex;justify-content:space-around;max-width:900px;margin:24px auto 0;color:rgba(0,0,0,.46);font-size:11px;font-weight:800;letter-spacing:.22em}.p01-sheet-section{display:grid;grid-template-columns:.58fr 1.42fr;gap:clamp(28px,5vw,72px);align-items:start}.p01-sheet-copy{position:relative;z-index:4;align-self:end}.p01-sheet-copy p{color:rgba(255,255,255,.64);line-height:1.8}.p01-sheet-tools{display:flex;gap:10px;margin-top:22px}.p01-sheet-tools button{min-width:46px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;transition:background .25s ease,transform .25s ease}.p01-sheet-tools button:hover{transform:translateY(-2px);background:rgba(255,255,255,.14)}.p01-sheet-viewport{position:relative;z-index:4;grid-column:1/-1;height:min(76vh,760px);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:36px;background:radial-gradient(circle at 22% 12%,rgba(122,174,255,.14),transparent 32%),rgba(255,255,255,.035)}.p01-sheet{position:relative;width:100%;height:100%;min-width:100%;min-height:100%}.p01-final{min-height:100svh}.p01-gallery{position:relative;z-index:4;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72vw,1080px);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:52px clamp(18px,6vw,96px) 28px 0;scrollbar-width:thin}.p01-gallery-card{position:relative;height:min(68vh,720px);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:36px;background:rgba(255,255,255,.04);box-shadow:0 42px 120px rgba(0,0,0,.36);scroll-snap-align:center}.p01-gallery-card:after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.18),transparent 32%);opacity:0;transition:opacity .35s ease}.p01-gallery-card:hover:after{opacity:1}.p01-gallery-card span{position:absolute;z-index:4;left:24px;bottom:22px;color:rgba(255,255,255,.68);font-size:11px;font-weight:800;letter-spacing:.18em}.p01-endnote{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid rgba(255,255,255,.14);margin-top:52px;padding-top:28px}.p01-endnote p{max-width:620px;color:rgba(255,255,255,.62);font-size:clamp(16px,1.8vw,24px);line-height:1.6}.p01-endnote a{display:inline-flex;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:14px 18px;font-size:11px;font-weight:800;letter-spacing:.18em;transition:background .25s ease,color .25s ease}.p01-endnote a:hover{background:#fff;color:#050505}.p01 .p01-hero{display:block;min-height:100svh;padding:0;background:linear-gradient(180deg,#edf3ff,#b8c5df 52%,#9aa9c8)}.p01 .p01-hero:after{opacity:.28;background-image:linear-gradient(rgba(37,73,144,.09) 1px,transparent 0),linear-gradient(90deg,rgba(37,73,144,.07) 1px,transparent 0);-webkit-mask-image:none;mask-image:none}.p01 .p01-nav{z-index:20;color:rgba(18,58,139,.82);border-bottom-color:rgba(34,76,151,.22)}.p01-hero-eye{position:relative;z-index:2;height:49svh;overflow:hidden;border-bottom:1px solid rgba(52,79,137,.2)}.p01-hero-eye:after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(18,39,88,.42),rgba(18,39,88,.1) 46%,rgba(255,255,255,.2)),linear-gradient(180deg,rgba(18,39,88,.08),transparent 52%,rgba(189,199,220,.92))}.p01-hero-eye .lux-image{-o-object-position:50% 48%;object-position:50% 48%;filter:saturate(1.08) contrast(1.12) brightness(.86)}.p01-corner-logo{position:absolute;z-index:6;top:56px;right:clamp(22px,5vw,80px);width:clamp(74px,8vw,128px);height:auto;opacity:.72;filter:grayscale(.2)}.p01-title-mark{position:absolute;z-index:7;left:50%;bottom:-22px;width:min(760px,70vw);transform:translateX(-50%);text-align:center}.p01-title-mark img{width:100%;height:auto;opacity:.28;filter:drop-shadow(0 2px 0 rgba(25,62,145,.9)) drop-shadow(0 16px 28px rgba(25,62,145,.34)) drop-shadow(0 0 22px rgba(255,255,255,.38))}.p01-title-mark h1{position:absolute;left:50%;top:48%;width:-moz-max-content;width:max-content;transform:translate(-50%,-50%);margin:0;color:rgba(23,63,149,.98);font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(64px,10vw,158px);font-weight:900;line-height:.82;letter-spacing:-.055em;text-transform:uppercase;-webkit-text-stroke:1.5px rgba(255,255,255,.88);text-shadow:0 4px 0 rgba(255,255,255,.68),0 22px 42px rgba(55,83,145,.32),0 0 38px rgba(255,255,255,.8)}.p01 .p01-hero-character{z-index:8;left:68%;bottom:5vh;width:min(660px,42vw);height:min(72vh,720px);opacity:.94;filter:drop-shadow(0 38px 48px rgba(51,78,132,.28))}.p01 .p01-hero-info{position:relative;z-index:9;display:grid;grid-template-columns:minmax(300px,560px) minmax(320px,620px);gap:clamp(22px,3vw,44px);min-height:51svh;padding:clamp(34px,5vw,70px) clamp(24px,5vw,88px) 70px;color:#173f95}.p01-lenovo-block{position:relative;align-self:start}.p01-lenovo-block>img{width:clamp(110px,12vw,170px);height:auto;margin-bottom:18px;box-shadow:0 16px 28px rgba(69,63,80,.12)}.p01-mini-card{position:relative;width:min(560px,35vw);min-height:300px;overflow:hidden;border:1px solid rgba(37,73,144,.18);background:rgba(238,244,255,.55);box-shadow:0 30px 80px rgba(55,78,126,.15)}.p01-bg-copy{align-self:center;max-width:540px}.p01-bg-copy span{display:block;margin-bottom:14px;border-bottom:2px solid rgba(30,70,151,.24);padding-bottom:9px;font-size:16px;font-weight:900;letter-spacing:.02em}.p01-bg-copy p{margin:0;font-size:clamp(18px,1.7vw,27px);line-height:1.55;letter-spacing:.02em}.p01-hero-foot{position:absolute;left:clamp(24px,5vw,88px);right:clamp(24px,5vw,88px);bottom:28px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(37,73,144,.18);padding-top:18px;font-size:20px;font-weight:900;letter-spacing:.04em}.p01-hero-foot i{font-style:normal;opacity:.7}.p01 .p01-scroll{color:rgba(23,63,149,.68)}.p01 .p01-scroll span{background:linear-gradient(180deg,transparent,#173f95,transparent)}.p01-overview{background:radial-gradient(circle at 12% 0,rgba(255,255,255,.88),transparent 36%),linear-gradient(180deg,#dbe4f5,#a7b5d2);color:#173f95}.p01-overview .p01-overview-copy p,.p01-overview .p01-section-title span,.p01-overview .p01-stat-card p{color:rgba(23,63,149,.72)}.p01-overview .p01-section-title span:before{background:rgba(23,63,149,.34)}.p01-overview .p01-section-title h2{color:#173f95}.p01-overview .p01-overview-copy{border-left-color:rgba(23,63,149,.18)}.p01-overview .p01-stat-card{border-color:rgba(23,63,149,.18);background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.16)),radial-gradient(circle at 12% 0,rgba(69,126,214,.16),transparent 38%);color:#173f95;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 30px 80px rgba(55,78,126,.18)}.p01-board{position:relative;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(220px,.36fr) minmax(520px,1.36fr);gap:clamp(18px,2vw,34px);min-height:100svh;overflow:hidden;padding:clamp(24px,3vw,44px);background:linear-gradient(180deg,rgba(238,244,255,.95),rgba(146,163,201,.95)),#c7d2e9;color:#173f95}.p01-board:after,.p01-board:before{content:"";position:absolute;pointer-events:none}.p01-board:before{inset:20px;border:1px solid rgba(33,75,158,.18);border-radius:8px}.p01-board:after{inset:0;background:linear-gradient(rgba(38,80,158,.07) 1px,transparent 0),linear-gradient(90deg,rgba(38,80,158,.05) 1px,transparent 0);background-size:28px 28px;opacity:.42}.p01-board-bg{position:absolute;inset:0;opacity:.22;filter:blur(1px) saturate(.88)}.p01-board-details,.p01-board-poster,.p01-board-views{position:relative;z-index:3}.p01-board-poster{min-height:calc(100svh - 88px);overflow:hidden;border:1px solid rgba(33,75,158,.18);border-radius:18px;background:rgba(220,230,250,.5);box-shadow:0 26px 80px rgba(47,73,132,.18)}.p01-board-poster-bg{position:absolute;inset:0;opacity:.5}.p01-board-poster:after{content:"";position:absolute;inset:18px;border:1px solid rgba(33,75,158,.18);border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 62%)}.p01-board-name{position:absolute;z-index:5;left:18px;top:18px;width:min(300px,75%);height:auto;opacity:.86}.p01-board-character{position:absolute;z-index:6;inset:10% 4% 5%;filter:drop-shadow(0 32px 42px rgba(53,78,128,.2))}.p01-board-poster p{position:absolute;z-index:7;left:22px;top:34%;width:28%;margin:0;color:rgba(24,60,126,.58);font-size:clamp(13px,1.2vw,22px);line-height:1.45}.p01-board-poster strong{position:absolute;z-index:7;left:22px;bottom:18px;font-size:20px;letter-spacing:.14em}.p01-board-details{padding-top:36px}.p01-board-details header span{display:block;margin-bottom:28px;font-weight:900;font-size:clamp(16px,1.5vw,24px)}.p01-board-details h2{margin:0;font-size:clamp(22px,2.2vw,34px);font-weight:900}.p01-board-details header p,.p01-board-material span{margin:4px 0 18px;color:rgba(23,63,149,.82);font-size:14px;font-weight:800;letter-spacing:.05em}.p01-board-details article{display:grid;grid-template-columns:1fr;gap:8px;margin:16px 0}.p01-board-details article div{position:relative;height:88px;overflow:hidden;border:2px solid rgba(33,75,158,.45);background:rgba(255,255,255,.28)}.p01-board-details article b{font-size:15px}.p01-board-material{margin-top:30px}.p01-board-material i{display:block;width:62px;height:62px;margin:12px 0;border-radius:999px;background-size:cover;box-shadow:inset 12px 12px 22px rgba(255,255,255,.55),inset -12px -18px 30px rgba(19,47,104,.35),0 12px 24px rgba(50,80,140,.18)}.p01-board-views{min-height:calc(100svh - 88px)}.p01-board-line{height:54px;border-top:2px solid rgba(33,75,158,.26);border-right:2px solid rgba(33,75,158,.26);clip-path:polygon(0 0,76% 0,80% 28%,100% 28%,100% 34%,79% 34%,75% 6%,0 6%);opacity:.76}.p01-board-views>.lux-image,.p01-board-views>.lux-image-placeholder{top:12%;height:56%}.p01-board-view-labels{position:absolute;z-index:5;inset:86px 2% auto;display:flex;justify-content:space-around;text-align:center;color:rgba(23,63,149,.9);font-weight:900}.p01-expression-row{position:absolute;left:4%;right:4%;bottom:2%;height:28%;overflow:hidden;opacity:.96}.p01-expression-row .lux-image{-o-object-position:center bottom;object-position:center bottom}@keyframes p01Float{0%,to{transform:translate3d(-50%,0,0)}50%{transform:translate3d(-50%,-18px,0)}}.p01-body-figure{animation-name:p01FloatBody}@keyframes p01FloatBody{0%,to{translate:0 0}50%{translate:0 -18px}}@keyframes p01Hair{0%,to{transform:skewX(0deg) translateX(0);opacity:.36}50%{transform:skewX(-10deg) translateX(22px);opacity:.58}}@keyframes p01Particles{0%{transform:translateZ(0)}to{transform:translate3d(-180px,180px,0)}}@keyframes p01Scroll{0%,to{transform:scaleY(.45);opacity:.35}50%{transform:scaleY(1);opacity:1}}@keyframes p01Shimmer{to{transform:translateX(110%)}}@media (max-width:980px){.p01-body-screen,.p01-overview,.p01-sheet-section{grid-template-columns:1fr}.p01-spheres,.p01-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.p01-detail-grid{grid-template-columns:1fr}.p01-detail-card,.p01-detail-grid .is-wide .p01-detail-card{min-height:430px}.p01-hero-character{width:94vw;height:70vh;bottom:-6vh}.p01-hero-copy h1{font-size:clamp(58px,18vw,130px)}.p01-gallery{grid-auto-columns:88vw}}@media (max-width:640px){.p01,.p01 *{cursor:auto}.cursor-dot,.cursor-ring{display:none}.p01-nav{top:18px;font-size:9px;letter-spacing:.14em}.p01-nav img{width:68px}.p01-hero{min-height:92svh}.p01-hero-copy{margin-top:-10vh}.p01-hero-copy p{letter-spacing:.08em}.p01-section{padding:78px 18px}.p01-spheres,.p01-stats{grid-template-columns:1fr}.p01-sphere{width:min(260px,72vw);margin:0 auto}.p01-reveal-body{width:92vw}.p01-gallery-card,.p01-sheet-viewport,.p01-three-card{border-radius:24px}.p01-caption-row,.p01-endnote{display:block}.p01-caption-row span{display:block;margin-top:8px}}.portfolio-site{min-height:100vh;background:#080808;color:#f4f4f4;cursor:none;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.portfolio-site *,.portfolio-site :after,.portfolio-site :before{cursor:none}.grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:94px 94px;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0 58%,transparent 78%);mask-image:radial-gradient(circle at 50% 42%,#000 0 58%,transparent 78%)}.portfolio-header,.standalone-nav{position:fixed;z-index:80;top:0;left:0;right:0;height:47px;display:flex;align-items:center;justify-content:flex-end;gap:clamp(24px,3.2vw,52px);border-bottom:2px solid rgba(255,255,255,.9);background:rgba(116,116,116,.96);padding:0 clamp(18px,3vw,54px);color:#f7f7f7;font-size:clamp(14px,1.1vw,21px);letter-spacing:0;backdrop-filter:blur(12px)}.portfolio-header a,.standalone-nav a{transition:color .25s ease,transform .25s ease}.portfolio-header a:hover,.standalone-nav a:hover{color:#dbe9ff;transform:translateY(-1px)}.standalone-nav{height:38px;gap:24px;border-bottom-width:1px;padding:0 24px;font-size:11px;font-weight:600;letter-spacing:.06em}.project-exit-button{position:fixed;z-index:140;top:50px;right:clamp(16px,2vw,30px);display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:7px 14px 7px 8px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(8,8,8,.66);color:#f2f2ef;box-shadow:0 10px 34px rgba(0,0,0,.22);backdrop-filter:blur(16px);transition:background .25s ease,border-color .25s ease,transform .25s ease}.project-exit-button span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);font-size:23px;font-weight:300;line-height:1;transition:transform .35s ease,background .25s ease}.project-exit-button em{font-size:10px;font-style:normal;font-weight:800;letter-spacing:.18em}.project-exit-button:hover{border-color:rgba(255,255,255,.78);background:rgba(20,20,20,.86);transform:translateY(-2px)}.project-exit-button:hover span{background:rgba(255,255,255,.2);transform:rotate(90deg)}.ambient-sound{position:fixed;z-index:5200;right:clamp(14px,1.8vw,28px);bottom:clamp(16px,2.2vw,28px);display:grid;grid-template-columns:27px auto auto;align-items:center;gap:9px;min-height:38px;padding:7px 11px 7px 7px;border:1px solid rgba(242,242,239,.3);border-radius:999px;color:rgba(242,242,239,.7);background:rgba(8,8,8,.52);box-shadow:0 12px 38px rgba(0,0,0,.22);backdrop-filter:blur(16px) saturate(.8);cursor:pointer;transition:color .3s ease,border-color .3s ease,background .3s ease,transform .3s ease}.ambient-sound:hover{color:#f2f2ef;border-color:rgba(242,242,239,.62);background:rgba(15,15,15,.76);transform:translateY(-2px)}.ambient-sound__bars{display:flex;width:27px;height:27px;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(255,255,255,.16);border-radius:50%}.ambient-sound__bars i{display:block;width:1px;height:3px;background:currentColor;transform-origin:center}.ambient-sound--on .ambient-sound__bars i:first-child{animation:ambient-meter 1.35s ease-in-out infinite}.ambient-sound--on .ambient-sound__bars i:nth-child(2){animation:ambient-meter 1.05s ease-in-out .18s infinite}.ambient-sound--on .ambient-sound__bars i:nth-child(3){animation:ambient-meter 1.55s ease-in-out .36s infinite}.ambient-sound__label,.ambient-sound__state{font-size:7px;font-style:normal;font-weight:700;line-height:1;letter-spacing:.16em}.ambient-sound__state{min-width:24px;color:rgba(242,242,239,.42);text-align:right}.ambient-sound--on .ambient-sound__state{color:#f2f2ef}@keyframes ambient-meter{0%,to{transform:scaleY(.7);opacity:.48}50%{transform:scaleY(3.4);opacity:1}}@media (max-width:720px){.ambient-sound{right:14px;bottom:14px;grid-template-columns:27px auto;padding-right:9px}.ambient-sound__label{display:none}}@media (prefers-reduced-motion:reduce){.ambient-sound--on .ambient-sound__bars i{animation:none;height:7px}}.cover{position:relative;min-height:100svh;overflow:hidden;background:#0a0a0a;isolation:isolate}.aboutme:after,.cover:after,.projects-preview:after{content:"";position:absolute;z-index:4;left:1.6vw;right:1.2vw;bottom:5.4vh;height:3px;background:#f4f4f4;transform:rotate(2.8deg);transform-origin:left center;pointer-events:none}.cover:after{bottom:7.8vh}.cover-card-stack{position:absolute;z-index:5;left:8vw;top:7vh;width:84vw;height:min(690px,64vh);transform-style:preserve-3d}.cover-photo{position:absolute;width:min(390px,25vw);aspect-ratio:3/4;overflow:hidden;border:3px solid #050505;border-radius:6px;background:#161616;box-shadow:0 32px 70px rgba(0,0,0,.55)}.cover-photo video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-photo-one{left:11%;top:8%;z-index:4}.cover-photo-two{left:36.5%;top:0;z-index:7}.cover-photo-three{right:9%;top:9%;z-index:5}.cover-title-3d{position:absolute;z-index:12;left:7vw;top:51vh;width:min(1580px,84vw);aspect-ratio:4405/1414;transform-style:preserve-3d;transform-origin:50% 50%}.cover-title-3d img{-o-object-fit:contain;object-fit:contain;filter:brightness(1.18) contrast(1.08) drop-shadow(0 22px 42px rgba(240,250,255,.16))}.cover-title-img{display:block;width:100%;height:auto}.cover-title-3d h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cover-tags{position:absolute;z-index:14;inset:0;pointer-events:none}.cover-tags span{position:absolute;display:inline-flex;min-height:34px;align-items:center;border-radius:8px;background:rgba(136,136,136,.96);padding:0 17px;color:#e9e9e9;font-size:clamp(13px,1.05vw,18px);line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}.cover-tags span:first-child{left:1.2vw;top:37.5vh}.cover-tags span:nth-child(2){left:7.6vw;top:42.6vh}.cover-tags span:nth-child(3){right:11.5vw;top:31.8vh}.cover-tags span:nth-child(4){right:3.8vw;top:36.5vh}.cover-star{position:absolute;z-index:12;right:18vw;top:44vh;color:#f8fdff;font-size:clamp(96px,9vw,176px);line-height:1;text-shadow:0 0 12px rgba(215,241,255,.88),0 0 28px rgba(255,255,255,.36);animation:portfolioSpin 9s linear infinite}.cover-enter{position:absolute;z-index:20;left:50%;bottom:18vh;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:190px;height:42px;border:1px solid rgba(255,255,255,.68);background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:700;letter-spacing:.2em;backdrop-filter:blur(8px);transition:background .25s ease,color .25s ease,transform .25s ease}.cover-enter:hover{background:#fff;color:#080808;transform:translateX(-50%) translateY(-3px)}.cover-bottom{position:absolute;z-index:16;left:1.2vw;right:3.4vw;bottom:2.2vh;display:flex;justify-content:space-between;align-items:end;gap:24px;color:#f4f4f4;font-size:clamp(18px,1.5vw,27px)}.cover-bottom div{display:flex;gap:clamp(34px,5vw,82px)}.cover-bottom span{font-size:clamp(14px,1.25vw,23px)}.aboutme{position:relative;min-height:100svh;overflow:hidden;background:#0a0a0a;padding:76px clamp(14px,2.8vw,54px) 132px;isolation:isolate}.aboutme-grid-bg{position:absolute;inset:47px 0 0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.42) 1px,transparent 0);background-size:100% 32vh,12.9vw 100%;opacity:.42;pointer-events:none}.aboutme-title-row{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:130px}.aboutme-title-row h2,.projects-heading span{margin:0;color:#fff;font-family:Didot,Bodoni\ 72,Times New Roman,serif;font-size:clamp(68px,9vw,136px);font-weight:400;line-height:.82;letter-spacing:0;text-shadow:0 8px 20px rgba(255,255,255,.08)}.aboutme-title-row h2 em,.projects-heading span{font-style:italic}.aboutme-star{display:block;padding-right:3vw;color:#fff;font-size:clamp(94px,9vw,150px);line-height:1;animation:portfolioSpin 10s linear infinite reverse}.aboutme-video-stage{position:relative;z-index:5;width:min(1368px,72vw);margin:0 auto}.aboutme-video-shell{position:relative;height:min(670px,62vh);overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#171717;box-shadow:0 40px 120px rgba(0,0,0,.52);transform-style:preserve-3d}.aboutme-video-shell video{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:saturate(1.04) contrast(1.08)}.aboutme-tracking,.aboutme-video-button,.aboutme-video-light,.aboutme-video-top{position:absolute;z-index:3;pointer-events:none}.aboutme-video-light{inset:0;mix-blend-mode:screen}.aboutme-tracking{inset:10% 8%;border:1px solid rgba(255,255,255,.44)}.aboutme-tracking:after,.aboutme-tracking:before{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.55)}.aboutme-tracking:before{top:36%}.aboutme-tracking:after{bottom:34%;background:rgba(0,0,0,.9);height:3px}.aboutme-tracking span{position:absolute;width:9px;height:9px;border:1px solid rgba(255,255,255,.88);background:rgba(44,255,70,.72);box-shadow:0 0 12px rgba(44,255,70,.55)}.aboutme-tracking span:first-child{left:22%;top:44%}.aboutme-tracking span:nth-child(2){left:49%;top:47%}.aboutme-tracking span:nth-child(3){right:14%;top:37%}.aboutme-tracking span:nth-child(4){left:41%;bottom:25%}.aboutme-video-top{left:18px;right:18px;top:16px;display:flex;justify-content:space-between;color:rgba(255,255,255,.76);font-size:11px;font-weight:700;letter-spacing:.16em}.aboutme-video-button{right:20px;bottom:18px;width:46px;height:46px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(0,0,0,.38);color:#fff;pointer-events:auto}.aboutme-tabs{position:relative;z-index:6;display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:clamp(18px,4vw,76px);width:min(1200px,70vw);margin:36px auto 0}.aboutme-tabs button{position:relative;min-height:82px;border:0;background:transparent;color:#f2f2f2;text-align:center;transition:transform .25s ease,opacity .25s ease}.aboutme-tabs button strong{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:2px solid rgba(255,255,255,.42);background:rgba(136,136,136,.82);padding:0 20px;color:#fff;font-size:clamp(20px,1.6vw,30px);line-height:1}.aboutme-tabs button span{display:block;margin-top:4px;font-size:clamp(12px,1vw,18px)}.aboutme-tabs button i{position:absolute;top:-11px;right:14%;color:rgba(255,255,255,.26);font-family:Didot,serif;font-size:34px;font-style:normal}.aboutme-tabs button.is-active,.aboutme-tabs button:hover{transform:translateY(-8px)}.aboutme-tabs button.is-active strong{background:#fff;color:#0a0a0a}.resume-book-stage{position:relative;z-index:7;width:100%;margin:72px auto 0}.resume-pager{display:flex;width:-moz-max-content;width:max-content;align-items:center;gap:10px;margin:0 0 14px auto}.resume-pager button,.resume-pager strong{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.24);background:rgba(8,8,8,.72);color:rgba(255,255,255,.88);padding:0 15px;font-size:11px;font-weight:800;letter-spacing:.12em;backdrop-filter:blur(12px)}.resume-pager button{gap:8px;cursor:pointer;transition:background .25s ease,color .25s ease,opacity .25s ease}.resume-pager button:not(:disabled):hover{background:#f2f2ef;color:#080808}.resume-pager button:disabled{opacity:.28;cursor:default}.resume-pager strong{min-width:78px;border-color:rgba(255,255,255,.42);font-family:Didot,Bodoni\ 72,serif;font-size:14px;font-weight:400;letter-spacing:.1em}.resume-book{position:relative;z-index:7;display:flex;gap:clamp(22px,3vw,46px);width:100%;margin:0 auto;padding:6px 2px 30px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.48) rgba(255,255,255,.08)}.resume-book::-webkit-scrollbar{height:7px}.resume-book::-webkit-scrollbar-track{background:rgba(255,255,255,.08)}.resume-book::-webkit-scrollbar-thumb{background:rgba(255,255,255,.48)}.resume-panel{position:relative;z-index:7;display:grid;grid-template-columns:minmax(270px,.76fr) minmax(360px,1fr) minmax(460px,1.18fr);gap:clamp(30px,4vw,78px);margin:0;width:min(1960px,96vw);padding:clamp(26px,3vw,52px) clamp(22px,3vw,46px) 58px;background:rgba(8,8,8,.72);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 120px rgba(0,0,0,.36);backdrop-filter:blur(10px)}.resume-book .resume-panel{flex:0 0 min(1500px,92vw);width:auto;scroll-snap-align:center;scroll-snap-stop:always}.resume-sheet{min-height:1080px;padding-bottom:92px}.resume-sheet-one,.resume-sheet-two{grid-template-columns:minmax(0,1fr) minmax(420px,1.15fr)}.resume-sheet-two{align-content:start;row-gap:clamp(22px,2.4vw,38px);background:radial-gradient(circle at 74% 20%,rgba(255,255,255,.055),transparent 28%),rgba(8,8,8,.78)}.resume-profile-compact{grid-column:1/-1;display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);grid-template-rows:auto auto auto;-moz-column-gap:clamp(28px,4vw,64px);column-gap:clamp(28px,4vw,64px);row-gap:10px;max-width:none;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);padding:2px 0 30px}.resume-profile-compact .resume-frame{display:none}.resume-profile-compact .resume-label{position:static;grid-column:2;grid-row:1;width:auto;height:auto;padding:0;color:rgba(255,255,255,.56);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.resume-profile-compact .resume-portrait{grid-column:1;grid-row:1/4;width:100%;max-width:210px;margin:0;border-width:8px}.resume-profile-compact .resume-name{grid-column:2;grid-row:2;gap:20px;margin:0}.resume-profile-compact .resume-name strong{font-size:clamp(30px,3vw,48px)}.resume-profile-compact .resume-name span{font-size:clamp(15px,1.3vw,22px)}.resume-profile.resume-profile-compact dl{grid-column:2;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px clamp(24px,3vw,48px);margin:2px 0 0;align-items:baseline}.resume-profile.resume-profile-compact dl div{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;min-width:0;align-items:baseline}.resume-profile.resume-profile-compact dt{margin:0;color:rgba(255,255,255,.48);font-size:11px;letter-spacing:.12em}.resume-profile.resume-profile-compact dd{min-width:0;font-size:clamp(13px,1vw,17px);line-height:1.45;white-space:nowrap}@media (max-width:1180px){.resume-profile-compact{grid-template-columns:minmax(150px,185px) minmax(0,1fr);-moz-column-gap:clamp(24px,3vw,38px);column-gap:clamp(24px,3vw,38px)}.resume-profile-compact .resume-portrait{max-width:185px}.resume-profile.resume-profile-compact dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}.resume-profile.resume-profile-compact dl div{grid-template-columns:48px minmax(0,1fr);gap:10px}}.resume-page-number{position:absolute;top:18px;right:22px;color:rgba(255,255,255,.42);font-size:10px;font-weight:800;letter-spacing:.18em}.resume-page-turn{position:absolute;z-index:12;bottom:24px;display:inline-flex;min-height:48px;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.56);background:rgba(255,255,255,.06);color:#fff;padding:0 18px;font-size:12px;font-weight:800;letter-spacing:.16em;backdrop-filter:blur(12px);cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}.resume-page-turn-next{right:clamp(22px,3vw,46px)}.resume-page-turn-prev{left:clamp(22px,3vw,46px)}.resume-page-turn i{font-family:Didot,Bodoni\ 72,serif;font-size:22px;font-style:normal;font-weight:400;line-height:1}.resume-page-turn:hover{background:#f2f2ef;color:#080808;transform:translateY(-3px)}.resume-profile{position:relative}.resume-frame{z-index:1;border:2px solid rgba(255,255,255,.85)}.resume-frame,.resume-label{position:absolute;left:-2px;top:-18px;width:220px;height:222px;pointer-events:none}.resume-label{z-index:8;padding:48px 0 0 66px;font-size:clamp(22px,1.5vw,31px);font-weight:800;line-height:1.28}.resume-portrait{position:relative;z-index:4;width:min(428px,100%);aspect-ratio:428/524;overflow:hidden;border:16px solid #f4f4f4;margin:86px 0 28px 68px;background:#dfe2e8;box-shadow:0 28px 90px rgba(0,0,0,.35)}.resume-portrait img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.resume-name{display:flex;align-items:baseline;gap:28px;margin:0 0 26px 66px;white-space:nowrap}.resume-name strong{font-size:clamp(32px,2.5vw,54px);line-height:1;writing-mode:horizontal-tb;white-space:nowrap;word-break:keep-all;flex:0 0 auto}.resume-name span{font-size:clamp(16px,1.4vw,28px);color:rgba(255,255,255,.82)}.projects-person dl,.resume-profile dl{display:grid;gap:13px;margin:0 0 0 68px;color:#efefef}.projects-person dl div,.resume-profile dl div{display:grid;grid-template-columns:62px 1fr;gap:12px}.projects-person dt,.resume-profile dt{font-size:clamp(18px,1.35vw,27px);font-weight:800}.projects-person dd,.resume-profile dd{margin:0;font-size:clamp(16px,1.16vw,22px);line-height:1.62;color:rgba(255,255,255,.82)}.resume-main,.resume-side{display:grid;align-content:start;gap:26px}.resume-card{position:relative;scroll-margin:96px;border-left:1px solid rgba(255,255,255,.13);padding-left:24px;padding-top:8px;padding-bottom:8px;transition:border-color .3s ease,background .3s ease,transform .3s ease,box-shadow .3s ease}.resume-card.is-highlighted{border-color:#fff;background:radial-gradient(circle at 18% 42%,rgba(255,255,255,.18),transparent 58%),linear-gradient(90deg,rgba(255,255,255,.1),transparent 78%);box-shadow:0 0 0 1px rgba(255,255,255,.2),0 0 52px rgba(255,255,255,.16),inset 0 0 40px rgba(255,255,255,.045);transform:translateX(4px);animation:resumeFocusGlow 1.7s ease-in-out infinite alternate}@keyframes resumeFocusGlow{0%{box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 24px rgba(255,255,255,.1),inset 0 0 24px rgba(255,255,255,.035)}to{box-shadow:0 0 0 1px rgba(255,255,255,.34),0 0 68px rgba(255,255,255,.22),inset 0 0 48px rgba(255,255,255,.07)}}.work-overview-card article{margin-bottom:22px}.resume-intention p{color:rgba(255,255,255,.9)}.resume-card h3{margin:0 0 12px;color:#fff;font-size:clamp(25px,1.7vw,33px);line-height:1.15}.resume-card h4{display:inline;margin:0;border-bottom:2px solid rgba(255,255,255,.76);font-size:clamp(18px,1.32vw,26px);line-height:1.5}.resume-card article{margin-bottom:28px}.resume-card p{margin:4px 0;color:rgba(255,255,255,.82);font-size:clamp(16px,1.15vw,22px);line-height:1.48}.skill-group{margin-top:14px}.skill-group>span{display:inline-block;border-bottom:2px solid rgba(255,255,255,.74);color:rgba(255,255,255,.88);font-size:clamp(17px,1.18vw,24px);line-height:1.4}.skill-group div{display:flex;flex-wrap:wrap;gap:10px 11px;margin-top:8px}.skill-group i{display:inline-flex;min-height:38px;align-items:center;border:3px solid rgba(255,255,255,.86);padding:0 14px;color:rgba(255,255,255,.78);font-size:clamp(14px,1vw,21px);font-style:normal;line-height:1}.awards-card ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}.awards-card li{display:grid;grid-template-columns:1fr 78px;gap:20px;align-items:baseline;color:rgba(255,255,255,.86);font-size:clamp(15px,1.1vw,21px);line-height:1.34}.awards-card strong{text-align:right;font-size:clamp(15px,1.1vw,21px)}.projects-preview{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(300px,.62fr) minmax(620px,1.38fr);gap:clamp(34px,5vw,90px);overflow:hidden;background:#0a0a0a;padding:clamp(72px,7vw,118px) clamp(22px,5vw,112px) 130px;isolation:isolate}.projects-content,.projects-person{position:relative;z-index:5}.project-portrait-frame{width:min(430px,100%);aspect-ratio:428/524;overflow:hidden;border:16px solid #f4f4f4;margin:84px 0 28px;background:#dde1e8}.project-portrait-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.projects-person .resume-name,.projects-person dl{margin-left:0}.projects-heading{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-height:220px}.projects-heading h2{align-self:end;margin:0;font-size:clamp(26px,1.8vw,34px)}.projects-heading span{font-size:clamp(74px,8vw,134px)}.projects-heading i{font-size:clamp(86px,7.5vw,142px);font-style:normal;line-height:1;animation:portfolioSpin 10s linear infinite reverse}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:clamp(36px,5vw,78px) clamp(42px,7vw,128px)}.projects-grid article{min-height:210px}.projects-grid h3{display:inline-flex;min-height:40px;align-items:center;border:3px solid rgba(255,255,255,.88);margin:0 0 16px;padding:0 12px;color:#fff;font-size:clamp(20px,1.45vw,28px)}.projects-grid p{margin:4px 0;color:rgba(255,255,255,.84);font-size:clamp(16px,1.12vw,22px);line-height:1.48}.project-detail-link{display:inline-flex;min-height:42px;align-items:center;border:1px solid rgba(255,255,255,.68);margin-top:38px;padding:0 18px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.18em;transition:background .25s ease,color .25s ease,transform .25s ease}.project-detail-link:hover{background:#fff;color:#0a0a0a;transform:translateY(-3px)}.project-categories{max-width:1640px;margin:0 auto}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.4vw,38px);align-items:stretch}.category-card{min-height:clamp(520px,43vw,620px);padding:0}.category-card .category-card-inner{position:relative;display:grid;height:100%;min-height:inherit;align-content:space-between;overflow:hidden;padding:clamp(28px,3vw,52px);color:#fff}.category-card a.category-card-inner{padding:clamp(28px,3vw,52px)}.category-copy{position:relative;z-index:4}.category-card h3{margin:0 0 10px;font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(38px,4.4vw,82px);line-height:1.02}.category-card em{position:relative;z-index:4;display:block;margin-bottom:24px;color:rgba(255,255,255,.72);font-size:clamp(17px,1.55vw,28px);font-style:normal;line-height:1.18}.category-card p{max-width:420px;font-size:clamp(16px,1vw,20px)}.category-card strong{margin-top:64px}.category-card .category-preview{opacity:.22}.category-card:hover .category-preview{opacity:.56}.background-copy h2,.creative-index-hero h1,.detail-hero-copy h1,.detail-section-heading h2,.selected-works-heading h2,.video-copy h2{font-family:"Noto Serif SC",Songti SC,Didot,serif}.creative-project-grid{grid-template-columns:repeat(3,minmax(340px,1fr));gap:clamp(22px,2.6vw,42px)}.creative-project-card{min-height:680px;border-color:rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))}.creative-project-card a{min-height:680px}.creative-project-card .creative-project-cover{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.68) saturate(.95);transform:scale(1.02);transition:transform .8s ease,filter .45s ease}.creative-project-card:hover .creative-project-cover{transform:scale(1.08);filter:brightness(.9) saturate(1.04)}.creative-project-card .creative-project-logo{position:absolute;z-index:3;inset:28px auto auto 28px;width:min(44%,190px);height:min(86px,12vw);-o-object-fit:contain;object-fit:contain;padding:16px;border:1px solid rgba(255,255,255,.22);background:rgba(5,5,5,.32);filter:drop-shadow(0 16px 28px rgba(0,0,0,.46));transform:none;backdrop-filter:blur(14px)}.creative-project-card:hover .creative-project-logo{transform:none;filter:drop-shadow(0 16px 28px rgba(0,0,0,.52))}.creative-project-card div{left:clamp(24px,2.2vw,42px);right:clamp(24px,2.2vw,42px);bottom:clamp(24px,2.2vw,42px);transform:none}.creative-project-card h2{max-width:640px;margin:12px 0 10px;font-size:clamp(30px,2.6vw,52px);line-height:1.12}.creative-project-card em{display:block;max-width:520px;color:rgba(255,255,255,.72);font-size:clamp(14px,1vw,18px);font-style:normal;line-height:1.5}.creative-project-card strong{opacity:1}.detail-hero-copy{max-width:1180px}.detail-hero-copy h1{max-width:1120px;font-size:clamp(48px,7vw,118px);line-height:1.05}.detail-hero-copy p{max-width:900px;line-height:1.55;letter-spacing:0}.logo-lockup-grid{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(300px,.85fr);gap:clamp(28px,5vw,82px);align-items:stretch;margin-top:clamp(34px,5vw,76px)}.logo-cover-panel{position:relative;min-height:min(72vh,760px);overflow:hidden;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04)}.logo-cover-image{width:100%;height:100%;min-height:min(72vh,760px);-o-object-fit:cover;object-fit:cover;filter:brightness(.7) saturate(.96)}.logo-cover-mark{position:absolute;left:clamp(24px,3vw,54px);top:clamp(24px,3vw,54px);width:min(36%,260px);max-height:120px;-o-object-fit:contain;object-fit:contain;padding:18px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.38);filter:drop-shadow(0 18px 34px rgba(0,0,0,.62));backdrop-filter:blur(14px)}.logo-info-panel{display:grid;align-content:end;border-left:1px solid rgba(255,255,255,.22);padding:clamp(24px,3vw,46px);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}.logo-info-panel span{color:rgba(255,255,255,.5);font-size:12px;font-weight:800;letter-spacing:.18em}.logo-info-panel h3{margin:22px 0 14px;font-size:clamp(30px,3vw,56px);line-height:1.12}.logo-info-panel p,.logo-info-panel strong{max-width:520px;color:rgba(255,255,255,.68);font-size:clamp(15px,1vw,18px);font-weight:500;line-height:1.7}.detail-section-nav{right:16px;gap:8px;border:0;border-radius:0;background:transparent;padding:0;backdrop-filter:none}.detail-section-nav a{gap:7px}.detail-section-nav i{display:grid;min-width:58px;font-style:normal;line-height:1.1}.detail-section-nav small{margin-top:3px;color:rgba(255,255,255,.38);font-size:8px;letter-spacing:.08em}@media (max-width:1120px){.category-grid,.creative-project-grid,.logo-lockup-grid{grid-template-columns:1fr}.creative-project-card,.creative-project-card a{min-height:560px}}.detail-hero-copy h1{font-family:Arial,sans-serif;font-size:clamp(42px,4.26vw,60px);line-height:1.16;font-weight:500}.background-copy h2,.detail-section-heading h2{font-family:Arial,sans-serif;font-size:clamp(54px,6.1vw,86px);line-height:1.02;font-weight:500}.detail-section-heading p{font-size:clamp(13px,.99vw,14px)}.background-copy p{max-width:560px;font-size:clamp(15px,1.05vw,17px);line-height:1.8}.background-media img,.background-media video{width:100%;height:100%;min-height:68vh;-o-object-fit:cover;object-fit:cover;transition:transform .8s ease}.background-media:hover img,.background-media:hover video{transform:scale(1.035)}.background-media span{display:none}.background-play-label{position:absolute;right:20px;bottom:20px;z-index:3;border:1px solid rgba(255,255,255,.42);background:rgba(0,0,0,.38);padding:11px 14px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.18em;backdrop-filter:blur(14px)}.project-detail-page .logo-lockup-section,.project-detail-page .video-section{display:none}.creative-index-hero,.detail-section-heading,.selected-works-heading{max-width:980px}.projects-preview{padding:clamp(64px,6vw,104px) clamp(22px,5vw,92px) clamp(84px,7vw,120px)}.category-grid{max-width:1280px;gap:clamp(18px,2vw,30px)}.category-card{min-height:clamp(440px,34vw,520px)}.category-card .category-card-inner,.category-card a.category-card-inner{padding:clamp(24px,2.4vw,40px)}.category-index{font-size:clamp(48px,4.4vw,64px)}.category-card h3{font-size:clamp(34px,3.1vw,58px)}.category-card em{font-size:clamp(15px,1.15vw,20px)}.category-card p{max-width:360px;font-size:clamp(14px,.92vw,17px)}.creative-index-hero{min-height:42svh;padding:88px clamp(20px,5vw,86px) 48px}.creative-project-grid{grid-template-columns:repeat(3,minmax(280px,1fr));max-width:1320px}.creative-project-card,.creative-project-card a{min-height:clamp(500px,40vw,600px)}.creative-project-card h2{font-size:clamp(28px,2.1vw,42px)}.detail-hero{min-height:78svh;padding:88px clamp(20px,4.6vw,78px) 66px}.detail-hero-media{inset:-2%;width:104%;height:104%}.detail-hero-copy{max-width:920px}.detail-hero-copy h1{font-size:clamp(34px,3.5vw,52px)}.detail-hero-copy p{margin-top:18px;font-size:clamp(14px,1vw,17px)}.detail-hero-index{right:clamp(20px,4.6vw,78px);bottom:72px}.detail-section{min-height:auto;padding:clamp(52px,5.2vw,82px) clamp(20px,4.6vw,78px)}.background-section{grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);gap:clamp(28px,4.4vw,68px);align-items:center}.background-copy h2,.detail-section-heading h2{font-size:clamp(36px,4.1vw,58px)}.background-copy p{max-width:520px;font-size:clamp(14px,.96vw,16px);line-height:1.72}.background-copy dl{gap:12px;margin-top:26px}.background-copy dl div{padding-top:12px}.background-media{min-height:min(48vh,500px)}.background-media-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.background-media-grid.is-multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.background-media img,.background-media video,.background-media-grid.is-multiple .background-media,.background-media-grid.is-multiple .background-media img,.background-media-grid.is-multiple .background-media video{min-height:min(48vh,500px)}.media-gallery-track{grid-auto-columns:minmax(360px,54vw);gap:18px;padding-top:34px}.media-gallery-track button{height:min(50vh,500px)}.media-gallery-fit-contain .media-gallery-track img{max-width:min(72vw,720px);max-height:min(50vh,500px)}.logo-lockup-grid{max-width:1280px}.logo-cover-image,.logo-cover-panel{min-height:min(58vh,600px)}@media (max-width:920px){.detail-hero{min-height:70svh;padding-top:72px;padding-bottom:54px}.detail-hero-copy h1{font-size:clamp(30px,5.8vw,42px)}.detail-section{padding-top:44px;padding-bottom:54px}.background-section{gap:28px}.background-media,.background-media img,.background-media video{min-height:min(42vh,420px)}.background-media-grid.is-multiple .background-media,.background-media-grid.is-multiple .background-media img,.background-media-grid.is-multiple .background-media video{min-height:min(36vh,360px)}.media-gallery-track{grid-auto-columns:minmax(300px,78vw);padding-top:24px}.media-gallery-track button{height:min(42vh,420px)}.media-gallery-fit-contain .media-gallery-track img{max-width:none;max-height:none}.media-gallery-fit-contain .media-gallery-track{grid-template-columns:1fr}}@media (max-width:620px){.background-media-grid.is-multiple{grid-template-columns:1fr}}.site-footer{position:relative;z-index:5;display:flex;justify-content:space-between;gap:20px;background:#0a0a0a;border-top:1px solid rgba(255,255,255,.18);padding:24px clamp(18px,3vw,54px);color:rgba(255,255,255,.78);font-size:clamp(14px,1.1vw,20px)}.portfolio-cursor-dot,.portfolio-cursor-ring{position:fixed;z-index:200;left:0;top:0;pointer-events:none;opacity:0;mix-blend-mode:difference}.portfolio-cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:999px;background:#fff}.portfolio-cursor-ring{display:grid;width:42px;height:42px;margin:-21px 0 0 -21px;place-items:center;border:1px solid rgba(255,255,255,.85);border-radius:999px;transition:width .22s ease,height .22s ease,margin .22s ease,opacity .18s ease}.portfolio-cursor-ring span{opacity:0;color:#fff;font-size:9px;font-weight:800;letter-spacing:.12em}.portfolio-cursor-dot.is-visible,.portfolio-cursor-ring.is-visible{opacity:1}.portfolio-cursor-ring.has-label{width:74px;height:74px;margin:-37px 0 0 -37px}.portfolio-cursor-ring.has-label span{opacity:1}@keyframes portfolioSpin{to{transform:rotate(1turn)}}@media (max-width:1180px){.cover-card-stack{left:5vw;width:90vw}.cover-photo{width:28vw}.cover-photo-two{left:35.5%}.cover-title-3d{left:4vw;top:53vh;width:92vw}.aboutme-tabs,.aboutme-video-stage{width:88vw}.projects-preview,.resume-panel{grid-template-columns:1fr}.resume-panel{width:92vw}.resume-sheet{min-height:auto}.resume-sheet-one,.resume-sheet-two{grid-template-columns:1fr}.resume-sheet-two{row-gap:22px}.resume-sheet-two .resume-main,.resume-sheet-two .resume-side{gap:18px}.resume-sheet-two .work-overview-card article{margin-bottom:14px}.resume-profile{max-width:560px}}@media (max-width:760px){.portfolio-site,.portfolio-site *{cursor:auto}.portfolio-cursor-dot,.portfolio-cursor-ring{display:none}.portfolio-header,.standalone-nav{justify-content:center;gap:18px;height:42px;font-size:12px}.standalone-nav{height:36px;gap:16px;padding:0 14px;font-size:10px}.project-exit-button{top:46px;right:12px;min-height:38px;padding:5px 11px 5px 6px}.project-exit-button span{width:26px;height:26px;font-size:20px}.cover-card-stack{left:0;top:12vh;width:100vw;height:48vh}.cover-photo{width:42vw;border-width:3px}.cover-photo-one{left:0;top:8%}.cover-photo-two{left:28.5%;top:0}.cover-photo-three{right:0;top:9%}.cover-title-3d{left:-11vw;top:52vh;width:124vw}.cover-tags span{min-height:28px;padding:0 10px;font-size:11px}.cover-tags span:first-child{left:4vw;top:34vh}.cover-tags span:nth-child(2){left:8vw;top:39vh}.cover-tags span:nth-child(3){right:6vw;top:31vh}.cover-tags span:nth-child(4){right:4vw;top:36vh}.cover-star{right:8vw;top:45vh;font-size:78px}.cover-bottom{display:block;font-size:14px}.cover-bottom div{display:grid;gap:8px}.aboutme{padding:58px 16px 96px}.aboutme-title-row{min-height:92px}.aboutme-title-row h2{font-size:56px}.aboutme-star{font-size:62px}.aboutme-tabs,.aboutme-video-stage{width:100%}.aboutme-video-shell{height:46vh}.aboutme-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.aboutme-tabs button strong{min-height:32px;padding:0 12px;font-size:18px}.resume-panel{width:100%;grid-template-columns:1fr;padding:22px 16px 34px}.resume-book{gap:16px;padding-bottom:18px}.resume-book-stage{margin-top:44px}.resume-pager{width:100%;justify-content:center;margin-bottom:12px}.resume-pager button{flex:1 1 0;padding:0 10px}.resume-book .resume-panel{flex-basis:calc(100vw - 32px)}.resume-page-number{top:12px;right:14px}.resume-page-turn{position:relative;right:auto;bottom:auto;left:auto;grid-column:1/-1;width:100%;justify-content:center;margin-top:8px}.resume-frame,.resume-label{width:150px;height:150px}.resume-label{padding:32px 0 0 38px;font-size:20px}.resume-portrait{width:min(320px,88%);margin:62px auto 24px}.resume-profile-compact{grid-template-columns:minmax(120px,150px) minmax(0,1fr);-moz-column-gap:20px;column-gap:20px;padding:4px 0 24px}.resume-profile-compact .resume-portrait{width:100%;max-width:150px;margin:0;border-width:6px}.resume-profile-compact .resume-label{font-size:10px}.resume-profile-compact .resume-name{gap:12px}.resume-profile-compact .resume-name strong{font-size:28px}.resume-profile-compact .resume-name span{font-size:14px}.resume-profile.resume-profile-compact dl{grid-template-columns:1fr;gap:9px 16px;margin:0}.resume-profile.resume-profile-compact dl div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px}.resume-profile.resume-profile-compact dt{font-size:9px}.resume-profile.resume-profile-compact dd{font-size:12px}.resume-name,.resume-profile dl{margin-left:0}.projects-preview{padding:72px 16px 96px}.projects-heading{display:block;min-height:auto}.projects-heading span{display:block;margin-top:18px;font-size:56px}.projects-heading i{position:absolute;right:0;top:0;font-size:64px}.projects-grid{grid-template-columns:1fr;margin-top:38px}.site-footer{display:grid}}.project-categories .selected-works-heading{margin-left:0;margin-right:0}.project-categories .category-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(340px,38vw,520px);width:100%;max-width:none;align-items:stretch;gap:clamp(18px,2.2vw,34px);margin:0;padding:10px 2px 28px;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;scroll-padding-inline:2px;scroll-snap-type:none;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.42) rgba(255,255,255,.08)}.project-categories .category-grid::-webkit-scrollbar{height:7px}.project-categories .category-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.08)}.project-categories .category-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.42)}.project-categories .category-card{width:100%}@media (max-width:760px){.project-categories .category-grid{grid-template-columns:none;grid-auto-columns:min(82vw,390px);gap:14px;padding-bottom:20px}}