:root{color-scheme:light;--ink: #17262b;--muted: #637479;--paper: #f7f6ef;--panel: #fffdf7;--line: rgba(23, 38, 43, .12);--blue: #8bcbd3;--mint: #dff0e7;--gold: #ffd875;--orange: #f36f35;--shadow: 0 24px 80px rgba(36, 45, 48, .14);--ease: cubic-bezier(.22, 1, .36, 1);--display-serif: "STSong", "Songti SC", "Noto Serif SC", "SimSun", serif;--latin-serif: "Times New Roman", "Georgia", serif;--body-sans: "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", Arial, sans-serif;font-family:var(--body-sans);background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#fafcfe}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block}.site{min-height:100vh;overflow-x:clip}.cursor-ring,.cursor-dot{position:fixed;z-index:9999;left:0;top:0;opacity:0;pointer-events:none;will-change:transform,opacity}.cursor-ring{width:42px;height:42px;border-radius:50%;border:1px solid rgba(24,45,73,.82);background:transparent;box-shadow:0 0 0 1px #ffffff52 inset,0 0 16px #182d490f;transform:translate(-50%,-50%) scale(var(--cursor-scale, 1));mix-blend-mode:normal;transition:transform .22s var(--ease),opacity .22s var(--ease);isolation:isolate}.cursor-ring:before{content:"";position:absolute;left:50%;top:50%;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#a7d3f22e,#a7d3f214 38%,#a7d3f200 72%),radial-gradient(circle,#fffbe629,#fffbe600 68%);filter:blur(8px);opacity:.28;mix-blend-mode:multiply;transform:translate(-50%,-50%);z-index:-1}.cursor-dot{width:5px;height:5px;border-radius:50%;background:#182d49;box-shadow:0 0 12px #182d4952;transform:translate(-50%,-50%)}@media(pointer:fine){.site.has-custom-cursor,.site.has-custom-cursor *{cursor:none!important}}@media(pointer:coarse){.cursor-ring,.cursor-dot{display:none}}.site.cursor-is-active .cursor-ring{--cursor-scale: 1.95;border-color:#182d49e6;background:transparent}.site.cursor-is-active .cursor-ring:before{opacity:.22}.site.cursor-is-pressed .cursor-ring{--cursor-scale: 1.35}.nav-shell{position:fixed;z-index:20;top:clamp(12px,2vw,22px);left:50%;width:min(1120px,calc(100% - 28px));height:64px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 12px;transform:translate(-50%);border:1px solid rgba(23,38,43,.1);border-radius:999px;background:#fffdf7c7;box-shadow:0 18px 50px #222c301a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark,.nav-shell nav button,.primary-action,.ghost-action,.inline-open,.icon-button,.gallery-nav,.auto-frame,.card-hit,.thumb-row button{border:0;cursor:pointer}.brand-mark{display:inline-flex;align-items:center;gap:10px;min-width:0;padding:0;background:transparent;color:var(--ink);text-align:left}.brand-symbol{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--ink);color:#f9f3d5;font-weight:900;letter-spacing:0}.brand-mark strong{display:block;font-size:.98rem;line-height:1;font-weight:700}.brand-mark small{display:block;margin-top:5px;color:var(--muted);font-family:var(--latin-serif);font-size:.72rem;font-style:italic;letter-spacing:.16em}.nav-shell nav{display:flex;gap:4px}.nav-shell nav button,.ghost-action{min-height:42px;padding:0 16px;border-radius:999px;background:transparent;color:var(--ink);transition:background .22s var(--ease),transform .22s var(--ease)}.nav-shell nav button:hover,.ghost-action:hover{background:#17262b14;transform:translateY(-1px)}.section-shell{width:min(1180px,calc(100% - 36px));margin:0 auto}.hero{position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:center;min-height:100svh;padding:136px clamp(24px,12vw,176px) 92px;background:linear-gradient(135deg,#a7d3f2fa,#d4ebfcf5 42%,#fffbe6f5);background-size:260% 260%;animation:heroGradientDrift 8s ease-in-out infinite alternate;overflow:hidden;text-align:left;isolation:isolate}.hero-gradient-field{position:absolute;inset:-34%;z-index:-2;background:conic-gradient(from 120deg at 48% 50%,#59aee78f,#ddf3ffb8,#fffbe6cc,#bbe0f6ad,#59aee78f),linear-gradient(125deg,#61b3e885,#ffffff2e,#fffbe680);filter:blur(38px) saturate(1.16);opacity:.92;transform:translateZ(0) rotate(0) scale(1.05);animation:gradientFieldFlow 10s cubic-bezier(.45,0,.2,1) infinite alternate;pointer-events:none}.hero-gradient-field:before,.hero-gradient-field:after{content:"";position:absolute;inset:6%;background:linear-gradient(105deg,#fff0 10%,#ffffff9e 46%,#fff0 76%),linear-gradient(20deg,#5cb1e957,#fffbe647);filter:blur(28px);opacity:.62;transform:translate3d(-8%,-3%,0) rotate(-8deg) scale(1.1);animation:gradientRibbonFlow 7.8s ease-in-out infinite alternate}.hero-gradient-field:after{inset:0;background:linear-gradient(72deg,#71beee6b,#ffffff2e 42%,#fffbe66b),linear-gradient(160deg,#fff0,#ffffff70,#fff0);opacity:.5;transform:translate3d(7%,5%,0) rotate(10deg) scale(1.08);animation:gradientRibbonFlowAlt 9.2s ease-in-out infinite alternate}#hero,#resume,#works,#contact{scroll-margin-top:110px}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.018;pointer-events:none}.hero:after{content:"";position:absolute;inset:12% auto auto 10%;z-index:-1;width:min(44vw,520px);height:min(44vw,520px);background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border-radius:0;filter:blur(56px);transform:rotate(-18deg);animation:lightSweep 11s ease-in-out infinite alternate;pointer-events:none}.kicker,.hero-period{margin:0 0 18px;color:#287f94;font-size:.82rem;font-weight:850;letter-spacing:.08em}.hero-period{margin-bottom:24px;color:#182d4985;font-family:var(--latin-serif);font-style:italic;font-weight:400;letter-spacing:.22em}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;width:min(760px,100%)}.hero h1,.section-heading h2,.contact h2{margin:0;max-width:10ch;font-size:clamp(3.1rem,7.4vw,7.4rem);line-height:.93;letter-spacing:0}.hero h1{max-width:none;color:#182d49;font-family:var(--display-serif);font-size:clamp(5.4rem,12vw,11rem);font-weight:400;line-height:.78;letter-spacing:.02em;text-indent:0}.hero h1 span{display:block}.hero h1 em{display:block;margin-top:-.04em;color:#182d49ad;font-family:var(--latin-serif);font-size:.52em;font-style:italic;font-weight:400;letter-spacing:.04em;line-height:.8}.hero-slogan{margin:clamp(28px,4.5vw,48px) 0 0;color:#182d49a3;font-family:var(--display-serif);font-size:clamp(1.12rem,1.55vw,1.55rem);letter-spacing:.36em}@keyframes heroGradientDrift{0%{background-position:0% 20%}50%{background-position:70% 88%}to{background-position:100% 36%}}@keyframes gradientFieldFlow{0%{transform:translate3d(-8%,-4%,0) rotate(-8deg) scale(1.05)}50%{transform:translate3d(7%,4%,0) rotate(4deg) scale(1.16)}to{transform:translate3d(-2%,8%,0) rotate(10deg) scale(1.1)}}@keyframes gradientRibbonFlow{0%{transform:translate3d(-10%,-7%,0) rotate(-11deg) scale(1.08)}to{transform:translate3d(12%,7%,0) rotate(8deg) scale(1.2)}}@keyframes gradientRibbonFlowAlt{0%{transform:translate3d(8%,-6%,0) rotate(14deg) scale(1.08)}to{transform:translate3d(-8%,8%,0) rotate(-7deg) scale(1.18)}}@keyframes lightSweep{0%{transform:translate3d(-22%,-10%,0) rotate(-18deg);opacity:.16}to{transform:translate3d(28%,12%,0) rotate(-12deg);opacity:.42}}.hero-lede,.section-heading p,.contact-copy p,.resume-panel p,.auto-copy p,.branch-card p,.modal-footer p,.stage-copy p{color:var(--muted);line-height:1.75}.hero-lede{max-width:43rem;margin:18px 0 0;color:#182d4975;font-size:clamp(.9rem,1vw,1.08rem);letter-spacing:.04em}.hero-side-mark{position:absolute;right:clamp(34px,12vw,176px);top:51%;z-index:1;display:grid;justify-items:center;gap:18px;transform:translateY(-36%);color:#182d49db}.hero-side-mark div{display:grid;width:clamp(88px,12vw,142px);aspect-ratio:1;place-items:center;border:1px solid rgba(24,45,73,.82);border-radius:50%;font-family:var(--latin-serif);font-size:clamp(3rem,5vw,5rem);line-height:1}.hero-side-mark i{width:62px;height:1px;background:#182d49b8}.hero-side-mark span{color:#182d4975;font-family:var(--latin-serif);font-size:.72rem;letter-spacing:.34em;line-height:1.8;text-align:center;text-transform:uppercase}.scroll-cue{position:absolute;left:clamp(24px,12vw,176px);bottom:clamp(34px,6vh,70px);z-index:2;display:inline-grid;grid-template-columns:auto 58px;align-items:center;gap:14px;padding:0;border:0;background:transparent;color:#182d497a;font-size:.62rem;font-weight:750;letter-spacing:.24em}.scroll-cue i{position:relative;display:block;width:58px;height:1px;overflow:hidden;background:#182d4929}.scroll-cue i:before{content:"";position:absolute;inset:0;background:#182d49bd;animation:scrollLine 2.2s cubic-bezier(.16,1,.3,1) infinite;transform-origin:left}@keyframes scrollLine{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;background:var(--ink);color:#fffdf7;box-shadow:0 14px 32px #17262b33;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.primary-action:hover{transform:translateY(-2px);box-shadow:0 18px 40px #17262b3d}.primary-action.compact,.ghost-action.compact{min-height:42px;padding:0 16px;font-size:.95rem}.hero-deck{position:relative;min-height:clamp(380px,48vw,610px);perspective:1600px}.hero-card{position:absolute;top:50%;left:50%;width:clamp(250px,31vw,430px);aspect-ratio:2560 / 1792;object-fit:cover;border:8px solid rgba(255,253,247,.95);border-radius:8px;box-shadow:var(--shadow);transform:translate(-50%,-50%) rotate(var(--rot)) translate(var(--tx)) translateY(var(--ty));transform-origin:center bottom}.hero-card:nth-child(1){z-index:1}.hero-card:nth-child(2){z-index:2}.hero-card:nth-child(3){z-index:5}.hero-card:nth-child(4){z-index:3}.hero-card:nth-child(5){z-index:1}.about{min-height:100svh;padding:clamp(92px,12vw,150px) 0 clamp(76px,10vw,118px)}.about-heading{display:grid;grid-template-columns:58px minmax(0,1fr);gap:clamp(18px,4vw,42px);align-items:end;margin:0 0 clamp(54px,8vw,94px) clamp(0px,10vw,118px)}.about-heading>span{color:#0d1c21d1;font-family:var(--latin-serif);font-size:.78rem;font-style:italic;font-weight:700;letter-spacing:.3em}.about-heading h2{margin:0;color:#182d49;font-family:var(--display-serif);font-size:clamp(3.1rem,7vw,6rem);font-weight:400;line-height:1;letter-spacing:.02em}.about-heading em{display:block;margin-top:14px;color:#0d1c21b8;font-family:var(--latin-serif);font-size:clamp(1rem,1.5vw,1.28rem);font-style:italic;font-weight:700;letter-spacing:.38em}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:clamp(42px,8vw,108px);align-items:center}.about-copy{display:grid;gap:clamp(34px,5vw,58px)}.about-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:24px;max-width:680px}.about-item>span{width:8px;height:8px;margin-top:11px;border-radius:50%;background:#182d4961}.about-item h3{margin:0;color:#182d49b8;font-family:var(--display-serif);font-size:clamp(1.45rem,2.2vw,2.2rem);font-weight:400;line-height:1.2;letter-spacing:.18em}.about-item p{max-width:56rem;margin:18px 0 0;color:#182d4985;font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.9}.about-portrait{position:relative;align-self:stretch;min-height:560px;overflow:hidden;border:1px solid rgba(24,45,73,.1);border-radius:8px;background:#fffdf75c}.about-portrait:before{content:"关于我";position:absolute;z-index:2;left:28px;top:30px;color:#fffdf7bd;font-family:var(--display-serif);font-size:clamp(2.2rem,3.4vw,3.7rem);letter-spacing:.28em}.about-portrait:after{content:"About Me";position:absolute;z-index:2;left:30px;top:86px;color:#fffdf794;font-family:var(--latin-serif);font-size:1rem;font-style:italic;letter-spacing:.42em}.about-portrait:before,.about-portrait:after{content:none;display:none}.about-portrait img{width:100%;height:100%;min-height:560px;object-fit:cover;filter:saturate(.82) contrast(.96)}.about-portrait div{position:absolute;left:24px;right:24px;bottom:24px;z-index:3;display:grid;gap:8px;padding:18px 0 0;border-top:1px solid rgba(255,253,247,.38);color:#fffdf7}.about-portrait strong{font-size:1.15rem;letter-spacing:.1em}.about-portrait span{color:#fffdf7b8;font-size:.9rem;line-height:1.6}.about-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(44px,7vw,78px);overflow:hidden;border:1px solid rgba(24,45,73,.1);border-radius:8px;background:#182d491a}.about-info-card{min-height:132px;padding:clamp(20px,2.5vw,30px);background:#fffdf7c2}.about-info-card.wide{grid-column:1 / -1}.about-info-card strong{display:block;color:#182d49d6;font-family:var(--display-serif);font-size:1.45rem;font-weight:400;letter-spacing:.18em}.about-info-card p{margin:16px 0 0;color:#182d498f;line-height:1.75}.section-heading{display:grid;gap:14px;margin-bottom:clamp(30px,5vw,58px)}.section-heading h2{max-width:13ch;font-family:var(--display-serif);font-size:clamp(2.5rem,5.2vw,5.4rem);font-weight:400;letter-spacing:.04em}.section-heading p{max-width:44rem;margin:0;font-size:1.05rem}.compact-heading h2{max-width:15ch}.tag-cloud,.chip-row{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud{margin-top:24px}.tag-cloud span,.chip-row small{display:inline-flex;min-height:34px;align-items:center;border:1px solid rgba(23,38,43,.14);border-radius:999px;padding:0 13px;background:#ffffff8a;color:#31565e;font-weight:750}.works{padding:clamp(24px,4vw,52px) 0 56px}.works>.section-heading{display:none}.showcase-stage{position:relative;min-height:clamp(620px,78svh,760px);display:grid;grid-template-rows:auto 1fr;gap:clamp(28px,4vw,54px);align-items:stretch;margin-top:clamp(26px,4vw,46px);padding:clamp(34px,5vw,68px);border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate}.showcase-stage:before{content:"";position:absolute;inset:-6% -8% 4%;z-index:-1;background:radial-gradient(circle at 72% 30%,rgba(255,216,117,.2),transparent 28rem),radial-gradient(circle at 28% 82%,rgba(139,203,211,.17),transparent 30rem);pointer-events:none}.showcase-stage.is-commercial{min-height:clamp(540px,68svh,680px);border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;color:var(--ink)}.showcase-stage.is-commercial:before{content:"";position:absolute;inset:-7% -8% 6%;z-index:-1;background:radial-gradient(circle at 70% 26%,rgba(243,111,53,.15),transparent 30rem),radial-gradient(circle at 24% 82%,rgba(139,203,211,.17),transparent 28rem);pointer-events:none}.showcase-halo{position:absolute;inset:auto 50% -28% auto;width:min(68vw,760px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(139,203,211,.25),rgba(139,203,211,.08) 46%,transparent 70%);filter:blur(14px);pointer-events:none;transform:translate(50%);z-index:-1}.showcase-stage.is-commercial .showcase-halo{background:radial-gradient(circle,rgba(243,111,53,.18),rgba(255,216,117,.1) 46%,transparent 72%)}.showcase-card-deck{position:relative;z-index:1;display:flex;min-width:0;min-height:clamp(270px,33vw,400px);align-items:flex-end;justify-content:center;padding:0 clamp(18px,3vw,44px) clamp(16px,3vw,32px);perspective:1600px}.showcase-card{position:relative;z-index:var(--card-z);flex:0 0 clamp(300px,29vw,430px);aspect-ratio:1.44 / 1;min-height:0;margin-left:clamp(-242px,-16vw,-158px);padding:0;border:0;border-radius:16px;background:#20282b;box-shadow:0 22px 64px #161e202e,0 1px #ffffffb8 inset;overflow:hidden;transform:rotate(var(--card-rot)) translateY(var(--card-y)) translateZ(0);transform-origin:center bottom;transition:transform .42s var(--ease),opacity .3s var(--ease),filter .3s var(--ease),box-shadow .42s var(--ease);cursor:pointer;isolation:isolate}.showcase-card:first-child{margin-left:0}.showcase-card-deck:hover .showcase-card{opacity:1;filter:none}.showcase-card-deck .showcase-card.is-active{z-index:100;opacity:1;filter:none;transform:rotate(0) translateY(-46px) scale(1.1);box-shadow:0 38px 96px #161e2047;outline:none}.showcase-card.is-featured{flex-basis:min(72vw,860px);aspect-ratio:1.78 / 1;min-height:0;margin-left:0;transform:rotate(-2deg) translateY(0)}.showcase-card.is-featured.is-active{transform:rotate(0) translateY(-34px) scale(1.035)}.showcase-media{position:absolute;inset:0}.showcase-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform .52s var(--ease)}.showcase-card.is-active .showcase-media img{transform:scale(1)}.showcase-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0a12140f 22%,#091214e0);pointer-events:none}.showcase-card.has-placeholder:after{background:linear-gradient(180deg,#0a12140d,#0a12147a)}.project-placeholder{display:grid;width:100%;height:100%;place-items:center;padding:28px;background:radial-gradient(circle at 30% 18%,color-mix(in srgb,var(--accent),#fff 42%),transparent 14rem),linear-gradient(135deg,color-mix(in srgb,var(--accent),#fff 76%),#f8fbf8);color:var(--ink);text-align:center}.project-placeholder span{color:color-mix(in srgb,var(--accent),#17262b 58%);font-size:.72rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.project-placeholder strong{max-width:8em;font-family:var(--display-serif);font-size:clamp(2.2rem,3.2vw,3.8rem);font-weight:400;line-height:1;letter-spacing:.08em}.showcase-card-copy{position:absolute;z-index:4;left:22px;right:22px;bottom:22px;color:#fffdf7;text-align:left}.showcase-card-copy>span{display:block;margin-bottom:9px;color:color-mix(in srgb,var(--accent),#fff 42%);font-weight:850}.showcase-card-copy h4{margin:0;font-size:clamp(1.55rem,2.4vw,2.5rem);line-height:1.05}.showcase-card-copy p{margin:12px 0 0;color:#fffdf7c7;line-height:1.58}.showcase-card-copy .chip-row{max-height:0;margin-top:0;opacity:0;overflow:hidden;transition:opacity .26s var(--ease),margin .26s var(--ease),max-height .26s var(--ease)}.showcase-card.is-active .chip-row{max-height:92px;margin-top:14px;opacity:1}.showcase-card-copy .chip-row small{border-color:#ffffff38;background:#ffffff1f;color:#fffdf7}.showcase-card-copy b{display:inline-flex;align-items:center;gap:8px;min-height:38px;margin-top:16px;padding:0 13px;border-radius:999px;background:#fffdf7;color:var(--ink);font-size:.92rem;font-weight:850}.showcase-stage.is-commercial .stage-copy p,.showcase-stage.is-commercial .auto-copy p{color:var(--muted)}.showcase-stage:not(.is-commercial) .stage-copy{width:min(1040px,100%)}.showcase-stage:not(.is-commercial) .stage-copy h3{max-width:none;white-space:nowrap;font-size:clamp(2.7rem,4.55vw,5.55rem)}.showcase-stage.is-commercial .stage-copy h3{max-width:none;white-space:nowrap;font-size:clamp(2.7rem,4.55vw,5.55rem)}.ip-stage{position:relative;min-height:650px;display:grid;grid-template-columns:minmax(250px,.35fr) minmax(0,1fr);gap:clamp(22px,3vw,42px);align-items:center;padding:clamp(22px,4vw,42px);border:1px solid rgba(23,38,43,.1);border-radius:8px;background:linear-gradient(135deg,#fffdf7e6,#e8f6eebd),radial-gradient(circle at 85% 20%,rgba(255,216,117,.3),transparent 30rem);box-shadow:var(--shadow);overflow:hidden}.stack-halo{position:absolute;inset:auto 3% -20% auto;width:48%;aspect-ratio:1;border-radius:50%;background:#8bcbd340;filter:blur(16px);pointer-events:none}.stage-copy{position:relative;z-index:1;width:min(820px,100%);justify-self:center;align-self:start;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.stage-copy span,.auto-copy span,.branch-card span,.modal-header span{color:#287f94;font-weight:850}.stage-copy h3,.auto-copy h3,.side-heading h3,.contact-card h2{margin:10px 0 0;font-family:var(--display-serif);font-size:clamp(2.4rem,5.6vw,6.8rem);font-weight:400;line-height:.95;letter-spacing:0}.stage-copy p{max-width:48rem;margin:22px auto 0}.project-stack{position:relative;z-index:1;display:flex;align-items:stretch;min-width:0;padding:38px 18px 46px 80px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(23,38,43,.2) transparent}.work-card{--card-width: clamp(270px, 27vw, 390px);position:relative;flex:0 0 var(--card-width);min-height:476px;margin-left:-70px;border-radius:8px;box-shadow:0 22px 58px #232b2c2e;overflow:hidden;transform:rotate(var(--tilt)) translateY(8px);transition:flex-basis .36s var(--ease),transform .36s var(--ease),box-shadow .36s var(--ease);isolation:isolate}.work-card:first-child{margin-left:0}.work-card.is-active,.work-card:hover{flex-basis:clamp(360px,37vw,540px);transform:rotate(0) translateY(-14px);box-shadow:0 30px 76px #232b2c40;z-index:5}.work-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 34%,rgba(9,18,20,.86));pointer-events:none}.work-card img{width:100%;height:100%;min-height:476px;object-fit:cover;transform:scale(1.02);transition:transform .5s var(--ease)}.work-card.is-active img,.work-card:hover img{transform:scale(1)}.card-hit{position:absolute;inset:0;z-index:3;background:transparent}.work-card-copy{position:absolute;z-index:4;left:22px;right:22px;bottom:22px;color:#fffdf7}.work-card-copy span{display:block;margin-bottom:9px;color:color-mix(in srgb,var(--accent),#fff 44%);font-weight:850}.work-card-copy h4,.branch-card h4{margin:0;font-size:clamp(1.55rem,2.3vw,2.3rem);line-height:1.08}.work-card-copy p{max-width:26rem;min-height:0;margin:12px 0 0;color:#fffdf7c7;line-height:1.58}.work-card-copy .chip-row{max-height:0;margin-top:0;opacity:0;overflow:hidden;transition:opacity .26s var(--ease),margin .26s var(--ease),max-height .26s var(--ease)}.work-card.is-active .chip-row,.work-card:hover .chip-row{max-height:92px;margin-top:14px;opacity:1}.work-card-copy .chip-row small{border-color:#ffffff38;background:#ffffff1f;color:#fffdf7}.inline-open{position:relative;z-index:6;display:inline-flex;align-items:center;gap:8px;min-height:38px;margin-top:16px;padding:0 13px;border-radius:999px;background:#fffdf7;color:var(--ink);font-weight:850}.auto-showcase{display:grid;grid-template-columns:minmax(250px,.35fr) minmax(0,1fr);gap:22px;align-items:center;margin-top:22px;padding:clamp(22px,4vw,42px);border-radius:8px;background:#1b292d;color:#fffdf7;overflow:hidden}.auto-copy p{margin:18px 0 0;color:#fffdf7b8}.auto-copy .chip-row{margin:22px 0}.auto-copy .chip-row small{border-color:#ffffff24;background:#ffffff14;color:#fffdf7}.auto-strip,.thumb-row{display:flex;overflow-x:auto;scrollbar-width:thin;cursor:grab}.auto-strip.is-dragging,.branch-rail.is-dragging{cursor:grabbing}.auto-strip{gap:16px;padding:18px 4px 24px}.auto-frame{flex:0 0 min(62vw,520px);padding:0;border-radius:8px;background:#fffdf7;box-shadow:0 22px 48px #0003;overflow:hidden;transition:transform .22s var(--ease)}.auto-frame:hover{transform:translateY(-8px)}.auto-frame img{width:100%;aspect-ratio:2560 / 1792;object-fit:cover}.branch-section{margin-top:22px;padding:36px 0 6px}.side-heading{margin-bottom:22px}.side-heading h3{max-width:none;white-space:nowrap}.branch-rail{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:clamp(300px,28vw,390px);padding:36px clamp(16px,3vw,42px) 64px;overflow:visible;perspective:1400px}.branch-card{position:relative;z-index:var(--branch-z, 1);flex:0 0 var(--branch-basis, clamp(320px, 34vw, 520px));display:grid;grid-template-columns:minmax(170px,.85fr) minmax(0,1fr);gap:20px;align-items:center;min-height:270px;margin-left:var(--branch-overlap, clamp(-112px, -7vw, -64px));padding:14px;border:1px solid var(--line);border-radius:8px;background:#fffdf7c7;color:var(--ink);text-align:left;box-shadow:0 12px 32px #17262b14;cursor:pointer;transition:transform .42s var(--ease),box-shadow .42s var(--ease),background .28s var(--ease),border-color .28s var(--ease);transform:rotate(var(--branch-rot, 0deg)) translateY(var(--branch-y, 0)) translateZ(0);transform-origin:center bottom}.branch-card:first-child{margin-left:0}.branch-card:hover,.branch-card:focus-visible{z-index:90;border-color:#287f9447;background:#fffdf7f2;box-shadow:0 30px 76px #17262b2e;outline:none;transform:rotate(0) translateY(-34px) scale(1.055)}.branch-card:active{transform:translateY(-12px) scale(1.015)}.branch-card img{width:100%;height:238px;border-radius:8px;object-fit:cover;transition:transform .52s var(--ease),filter .32s var(--ease)}.branch-placeholder{display:grid;align-content:end;gap:10px;width:100%;height:238px;padding:22px;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(247,214,147,.4),transparent 34%),linear-gradient(135deg,#d5eef2eb,#ebe7ddb8);color:var(--ink);transition:transform .52s var(--ease),filter .32s var(--ease)}.branch-placeholder span{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}.branch-placeholder strong{font-family:var(--font-display);font-size:clamp(1.35rem,2vw,2rem);font-weight:400;line-height:1.05}.branch-card:hover img,.branch-card:focus-visible img,.branch-card:hover .branch-placeholder,.branch-card:focus-visible .branch-placeholder{filter:saturate(1.04) contrast(1.03);transform:scale(1.035)}.branch-card p{margin:14px 0 18px}.branch-card-action{display:inline-flex}.contact{padding:48px 0 64px}.contact-card{display:grid;grid-template-columns:108px minmax(0,1fr) 108px;gap:clamp(16px,3vw,30px);align-items:center;width:min(980px,100%);margin:0 auto;padding:clamp(18px,3vw,28px);border-radius:8px;background:var(--ink);color:#fffdf7;box-shadow:var(--shadow)}.contact-card h2{font-size:clamp(1.7rem,2.7vw,3.1rem);line-height:1.05}.avatar,.qr-box img{width:108px;aspect-ratio:1;border-radius:8px;object-fit:cover}.avatar{border-radius:50%}.contact-copy p{max-width:38rem;margin:12px 0 0;color:#fffdf7b8;font-size:.95rem}.qr-box{display:grid;justify-items:center;gap:10px;color:#fffdf7b8;font-weight:750}.waterfall-backdrop{position:fixed;inset:0;z-index:60;overflow-y:auto;padding:clamp(72px,9vw,112px) clamp(18px,5vw,72px) 72px;background:#0c0f10e0;color:#fffdf7}.waterfall-scrim{position:fixed;inset:0;z-index:0;border:0;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.08),transparent 42rem),#0c0f10e0;cursor:pointer}.waterfall-shell{position:relative;z-index:1;width:min(1560px,100%);margin:0 auto}.waterfall-header{position:sticky;top:18px;z-index:5;display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:clamp(28px,5vw,54px);padding:18px 18px 18px 22px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#121719b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.waterfall-header span{color:#fffdf78f;font-family:var(--latin-serif);font-size:.8rem;font-style:italic;letter-spacing:.2em}.waterfall-header h3{margin:8px 0 0;font-family:var(--display-serif);font-size:clamp(2rem,4.4vw,5rem);font-weight:400;line-height:1;letter-spacing:.04em}.waterfall-header p{max-width:54rem;margin:14px 0 0;color:#fffdf7ad;line-height:1.72}.waterfall-close{flex:0 0 auto;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#ffffff14;color:#fffdf7;cursor:pointer;transition:transform .22s var(--ease),background .22s var(--ease)}.waterfall-close:hover{transform:rotate(90deg);background:#ffffff29}.waterfall-grid{column-count:3;column-gap:clamp(18px,3vw,38px)}.waterfall-grid.is-ordered-reading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.4vw,48px);column-count:initial;align-items:start}.waterfall-card{display:inline-block;width:100%;margin:0 0 clamp(18px,3vw,38px);break-inside:avoid}.waterfall-grid.is-ordered-reading .waterfall-card{display:block;margin:0}.waterfall-image-button{display:block;width:100%;padding:0;border:0;border-radius:2px;background:transparent;cursor:zoom-in;overflow:hidden}.waterfall-image-button img{width:100%;height:auto;border-radius:2px;background:#fffdf7;box-shadow:0 24px 68px #00000057;transition:transform .26s var(--ease),filter .26s var(--ease)}.waterfall-card.is-tall .waterfall-image-button{max-height:460px}.waterfall-card.is-tall .waterfall-image-button img{height:460px;object-fit:cover;object-position:top center}.waterfall-video{display:block;width:100%;max-height:560px;border-radius:2px;background:#050708;box-shadow:0 24px 68px #00000057;object-fit:cover}.waterfall-image-button:hover img,.waterfall-image-button:focus-visible img{transform:scale(1.015);filter:brightness(1.04)}.waterfall-image-button:focus-visible{outline:2px solid rgba(139,203,211,.86);outline-offset:4px}.waterfall-card figcaption{margin-top:10px;color:#fffdf775;font-family:var(--latin-serif);font-size:.74rem;letter-spacing:.18em}.waterfall-empty{display:grid;min-height:420px;place-items:center;padding:42px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0d;text-align:center}.waterfall-empty span{color:#fffdf77a;font-family:var(--latin-serif);font-style:italic;letter-spacing:.24em}.waterfall-empty h4{margin:18px 0 0;font-family:var(--display-serif);font-size:clamp(2rem,5vw,4.6rem);font-weight:400}.waterfall-empty p{max-width:34rem;margin:14px 0 0;color:#fffdf79e;line-height:1.75}.image-lightbox{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:clamp(18px,4vw,56px)}.image-lightbox-scrim{position:absolute;inset:0;border:0;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.12),transparent 32rem),#030506e6;cursor:zoom-out}.image-lightbox-stage{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%}.image-lightbox-stage img{max-width:min(96vw,1680px);max-height:calc(100svh - 124px);width:auto;height:auto;border-radius:4px;background:#fffdf7;box-shadow:0 38px 110px #0000009e;object-fit:contain}.image-lightbox-stage.is-tall{align-items:start;overflow:auto;padding:72px 0}.image-lightbox-stage.is-tall img{width:min(92vw,980px);max-width:980px;max-height:none;margin:0 auto}.image-lightbox-close,.image-lightbox-nav{position:fixed;z-index:2;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fffdf7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;transition:transform .22s var(--ease),background .22s var(--ease)}.image-lightbox-close{top:24px;right:24px;display:grid;width:48px;height:48px;place-items:center;border-radius:50%}.image-lightbox-close:hover{transform:rotate(90deg);background:#ffffff2e}.image-lightbox-nav{top:50%;min-height:44px;border-radius:999px;padding:0 18px;font-weight:850;transform:translateY(-50%)}.image-lightbox-nav:hover{background:#ffffff2e}.image-lightbox-nav.is-prev{left:24px}.image-lightbox-nav.is-next{right:24px}.image-lightbox-count{position:fixed;left:50%;bottom:24px;z-index:2;transform:translate(-50%);border-radius:999px;padding:9px 14px;background:#ffffff1a;color:#fffdf7c2;font-family:var(--latin-serif);font-size:.78rem;letter-spacing:.18em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#0a1213a8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-modal{width:min(1380px,100%);max-height:calc(100svh - 36px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-radius:8px;background:#fffdf7;box-shadow:0 30px 90px #0000005c;overflow:hidden}.modal-header,.modal-footer{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-header h3{margin:5px 0 0;font-size:clamp(1.3rem,2.5vw,2.4rem);line-height:1.05}.icon-button,.gallery-nav{display:grid;place-items:center;border-radius:50%;background:#17262b14;color:var(--ink)}.icon-button{width:44px;height:44px}.modal-main{position:relative;display:grid;min-height:0;place-items:center;padding:16px 70px;background:linear-gradient(90deg,#8bcbd31f,#ffd87521),#f4f3ed}.modal-main img{width:100%;max-height:68svh;object-fit:contain;border-radius:8px;box-shadow:0 18px 52px #1d26272e}.gallery-nav{position:absolute;top:50%;width:48px;height:48px;transform:translateY(-50%)}.gallery-nav.left{left:14px}.gallery-nav.right{right:14px}.modal-footer{align-items:flex-start;border-top:1px solid var(--line);border-bottom:0}.modal-footer strong{white-space:nowrap}.modal-footer p{max-width:42rem;margin:6px 0 0}.thumb-row{max-width:min(42vw,560px);gap:8px;padding-bottom:4px}.thumb-row button{flex:0 0 86px;height:60px;padding:0;border:2px solid transparent;border-radius:8px;background:transparent;overflow:hidden;opacity:.6}.thumb-row button.is-current{border-color:#287f94;opacity:1}.thumb-row img{width:100%;height:100%;object-fit:cover}@media(max-width:980px){.about-layout,.showcase-stage,.ip-stage,.auto-showcase{grid-template-columns:1fr}.hero{min-height:100svh;padding-top:128px}.hero h1,.section-heading h2,.contact h2{max-width:12ch}.hero h1{max-width:none}.hero-side-mark{right:34px;opacity:.62;transform:translateY(-26%) scale(.86);transform-origin:center right}.about-heading{margin-left:0}.about-portrait,.about-portrait img{min-height:460px}.about-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-copy p{max-width:38rem}.showcase-stage:not(.is-commercial) .stage-copy h3,.showcase-stage.is-commercial .stage-copy h3{white-space:normal;font-size:clamp(2.8rem,10vw,5rem)}.showcase-card-deck{justify-content:flex-start;overflow-x:auto;padding:34px 4px 46px;scroll-snap-type:x mandatory;scrollbar-width:thin}.showcase-card,.showcase-card.is-featured{flex:0 0 min(76vw,430px);min-height:440px;margin-left:-34px;scroll-snap-align:center}.showcase-card:first-child,.showcase-card.is-featured:first-child{margin-left:0}.waterfall-grid{column-count:2}.waterfall-grid.is-ordered-reading{grid-template-columns:repeat(2,minmax(0,1fr))}.project-stack{padding-left:0}.work-card{margin-left:-34px}.work-card:first-child{margin-left:0}.contact-card{grid-template-columns:110px minmax(0,1fr)}.avatar,.qr-box img{width:110px}.qr-box{grid-column:1 / -1;justify-self:start;grid-template-columns:auto auto;align-items:center}}@media(max-width:720px){#hero,#resume,#works,#contact{scroll-margin-top:140px}.nav-shell{top:8px;width:calc(100% - 16px);height:auto;align-items:stretch;border-radius:8px;flex-direction:column;gap:8px;padding:10px}.nav-shell nav{display:grid;grid-template-columns:repeat(3,1fr)}.nav-shell nav button{padding:0 8px;font-size:.86rem}.hero{min-height:100svh;padding:154px 18px 82px}.hero h1{max-width:none;font-size:clamp(4.2rem,21vw,7rem);letter-spacing:.02em}.hero h1 em{font-size:.46em}.hero-slogan{font-size:1rem;letter-spacing:.18em}.hero-actions{gap:10px}.hero-side-mark{display:none}.scroll-cue{left:18px;bottom:34px}.about{padding-block:68px}.about-heading{grid-template-columns:1fr;gap:10px;margin-bottom:38px}.about-heading h2{font-size:clamp(3rem,14vw,4.4rem)}.about-heading em{letter-spacing:.22em}.about-layout{gap:32px}.about-item{grid-template-columns:9px minmax(0,1fr);gap:16px}.about-item h3{letter-spacing:.08em}.about-portrait,.about-portrait img{min-height:430px}.about-info-grid{grid-template-columns:1fr}.about-info-card.wide{grid-column:auto}.about,.works,.contact{padding-block:56px}.ip-stage,.showcase-stage,.auto-showcase{padding:18px}.showcase-stage{min-height:auto}.side-heading h3{max-width:12ch;white-space:normal}.showcase-card-deck{gap:12px;margin-inline:-4px;padding:18px 0 24px}.showcase-card,.showcase-card.is-featured,.showcase-card-deck .showcase-card.is-active,.showcase-card.is-featured.is-active{flex:0 0 min(82vw,360px);min-height:430px;margin-left:0;transform:none}.showcase-card-deck:hover .showcase-card{opacity:1;filter:none}.showcase-card-copy .chip-row{max-height:92px;margin-top:14px;opacity:1}.waterfall-backdrop{padding:72px 12px 42px}.waterfall-header{position:relative;top:auto;display:grid;padding:16px}.waterfall-close{position:fixed;top:16px;right:16px;z-index:10;background:#121719db}.waterfall-grid{column-count:1}.waterfall-grid.is-ordered-reading{grid-template-columns:1fr}.image-lightbox{padding:68px 10px 82px}.image-lightbox-stage img{max-width:calc(100vw - 20px);max-height:calc(100svh - 164px)}.image-lightbox-close{top:14px;right:14px}.image-lightbox-nav{top:auto;bottom:22px;transform:none}.image-lightbox-nav.is-prev{left:14px}.image-lightbox-nav.is-next{right:14px}.image-lightbox-count{bottom:76px}.project-stack{gap:12px;padding:14px 0 20px;scroll-snap-type:x mandatory}.work-card,.work-card.is-active,.work-card:hover{flex:0 0 min(82vw,360px);min-height:440px;margin-left:0;scroll-snap-align:center;transform:none}.work-card-copy .chip-row{max-height:92px;margin-top:14px;opacity:1}.auto-frame{flex-basis:min(84vw,430px)}.branch-rail{justify-content:flex-start;min-height:auto;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;padding:18px 0 28px}.branch-card{grid-template-columns:1fr;flex-basis:min(86vw,390px);margin-left:14px;scroll-snap-align:center;transform:none}.branch-card:first-child{margin-left:0}.branch-card:hover,.branch-card:focus-visible{transform:translateY(-10px)}.branch-card img,.branch-placeholder{height:220px}.contact-card{grid-template-columns:1fr}.modal-backdrop{padding:8px}.project-modal{max-height:calc(100svh - 16px)}.modal-header,.modal-footer{padding:14px}.modal-main{padding:12px 42px}.modal-main img{max-height:58svh}.gallery-nav{width:38px;height:38px}.gallery-nav.left{left:4px}.gallery-nav.right{right:4px}.modal-footer{display:grid}.thumb-row{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}