:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06080c;--bg-soft:#0b0f16;--panel:#0d121ad1;--panel-strong:#10161ff5;--line:#ffffff14;--text:#eef2f7;--muted:#93a0b4;--accent:#7fe7d5;--accent-soft:#7fe7d524;--signal:#fb0;--blue:#9fb7ff;--gold:#d5b78a;background:var(--bg);color:var(--text);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--text);background:linear-gradient(#0e121933,#020305f5),radial-gradient(1200px 600px at 80% 10%,#56639424,#0000 56%),linear-gradient(#07090d 0%,#050608 100%);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}.page-shell{min-height:100vh;position:relative;overflow-x:clip}main{isolation:isolate;position:relative}.shell{width:min(1700px,100vw - 64px);margin:0 auto}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);color:#eef2f7db;background:#06090e47;border:1px solid #ffffff1f;border-radius:999px;grid-template-columns:180px 1fr 180px;align-items:center;gap:24px;padding:12px 16px;display:grid;position:fixed;inset:18px 36px auto}.brand-mark{align-items:center;gap:12px;display:flex}.brand-name{color:#eef2f79e;letter-spacing:.18em;font-size:.72rem;font-weight:700}.dock-nav{min-height:42px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-content:center;justify-self:center;align-items:center;gap:clamp(18px,3.2vw,48px);padding:0;display:flex}.dock-nav__item{--dock-scale:1;--dock-lift:0px;color:#eef2f79e;letter-spacing:.04em;min-width:96px;min-height:38px;transform:translateY(var(--dock-lift)) scale(var(--dock-scale));transform-origin:bottom;will-change:transform;background:#ffffff09;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-size:.76rem;font-weight:800;transition:transform .12s ease-out,color .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex;position:relative}.dock-nav__item svg{flex:none}.dock-nav__item:hover,.dock-nav__item:focus-visible,.dock-nav__item.is-active{color:var(--text);background:#ffbb0029;border-color:#ffbb004d;box-shadow:0 12px 30px #ffbb001f}.dock-nav__item.is-active{color:var(--signal)}.header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex;position:relative}.menu-button{border:1px solid var(--line);color:#eef2f7b8;cursor:pointer;background:#ffffff08;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .18s,border-color .18s,background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.menu-button.is-open{color:var(--signal);background:#ffbb002e;border-color:#ffbb0075;box-shadow:0 14px 32px #ffbb002e}.header-menu{z-index:5;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);opacity:0;pointer-events:none;transform-origin:100% 0;background:linear-gradient(145deg,#161208eb,#07090ee6),#07090ee6;border:1px solid #ffbb003d;border-radius:18px;width:178px;padding:8px;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);position:absolute;top:calc(100% + 14px);right:0;transform:translateY(-8px)scale(.98);box-shadow:0 24px 60px #00000061,0 0 42px #ffbb0021}.header-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.header-menu__item{color:#eef2f7b8;letter-spacing:.04em;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:.78rem;font-weight:800;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:flex}.header-menu__item svg{flex:none}.header-menu__item:hover,.header-menu__item:focus-visible,.header-menu__item.is-active{color:var(--signal);background:#ffbb0024;border-color:#ffbb004d;transform:translate(2px)}.ghost-button,.primary-button,.secondary-button{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 18px;transition:transform .18s,border-color .18s,background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.ghost-button{color:#eef2f7db;background:#ffffff08}.ghost-button:hover,.primary-button:hover,.secondary-button:hover,.menu-button:hover{transform:translateY(-1px)}.primary-button{color:#111;background:linear-gradient(135deg,#ffbb0038,#ffbb0014);border-color:#ffbb006b}.secondary-button{background:#ffffff08}.ghost-button:hover{color:#111;background:#ffbb00eb;border-color:#ffbb00eb;box-shadow:0 10px 28px #ffbb0029}.primary-button:hover{color:#111;background:#fffffff5;border-color:#fffffff5;box-shadow:0 14px 34px #ffbb002e}.secondary-button:hover{color:var(--text);background:#ffbb002e;border-color:#ffbb005c}.menu-button:hover{color:var(--text);background:#ffbb0029;border-color:#ffbb0057}.section{position:relative}.section:not(.hero){z-index:1}.below-hero-particles{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particles-container{position:absolute;inset:0}.particles-container canvas{width:100%;height:100%;display:block}.hero{z-index:2;align-items:stretch;height:100vh;min-height:720px;padding:72px 0 22px;display:flex;overflow:hidden}.motion-backdrop{z-index:1;opacity:.1;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.hero-video{z-index:0;object-fit:cover;object-position:center;opacity:.88;filter:saturate(.88)brightness(.66)contrast(1.08);width:100%;height:100%;position:absolute;inset:0}.hero:before{content:"";z-index:1;-webkit-backdrop-filter:blur(2px)saturate(1.12);backdrop-filter:blur(2px)saturate(1.12);pointer-events:none;background:#04070b14;position:absolute;inset:0}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0506091f,#05060975),linear-gradient(90deg,#07090da8,#07090d33 55%,#07090d73);position:absolute;inset:0}.hero-stage{z-index:2;grid-template-rows:1fr;align-content:stretch;min-height:100%;display:grid;position:relative}.eyebrow{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin:0 0 18px;font-size:.78rem}.section-heading .eyebrow{width:fit-content;min-height:32px;color:var(--signal);letter-spacing:.04em;text-transform:none;background:linear-gradient(135deg,#ffbb0024,#ffbb0009),#120c0285;border:1px solid #ffbb003d;border-radius:999px;align-items:center;margin-bottom:20px;padding:7px 16px 8px;font-size:.98rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 0 24px #ffbb0014}.section-heading--plain .eyebrow{width:auto;min-height:0;color:var(--accent);letter-spacing:.08em;text-transform:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:18px;padding:0;font-size:.98rem;font-weight:700;line-height:1.2;display:block}.hero h1,.section-heading h2{margin:0;font-weight:600;line-height:.96}.hero-composition{grid-template-rows:auto 1fr;grid-template-columns:minmax(310px,430px) minmax(300px,1fr);align-items:end;min-height:100%;margin-top:0;padding-top:clamp(116px,14vh,160px);display:grid;position:relative}.hero-title-wrap{z-index:6;grid-column:1/-1;max-width:min(1260px,100%);margin:0 0 clamp(40px,5vh,72px);position:relative;overflow:visible}.hero-index{width:100%;color:var(--signal);letter-spacing:-.04em;cursor:pointer;font-size:clamp(3.6rem,7vw,10rem);font-weight:950;line-height:.98;display:block;position:relative}.particle-text{width:100%;position:relative}.particle-text__label{color:#0000;-webkit-user-select:none;user-select:none;white-space:normal;gap:.1em;width:100%;display:grid}.particle-text__label span{white-space:nowrap;display:block}.particle-text__canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-copy{z-index:6;max-width:430px;padding:0 0 28px;position:relative}.hero-copy__lead{color:#eef2f7b8;max-width:42ch;margin:18px 0 0;font-size:.94rem;line-height:1.85}.hero-score{gap:4px;margin-top:26px;display:grid}.hero-score span{color:var(--text);letter-spacing:.22em;font-size:1.12rem;font-weight:900}.hero-score strong{color:var(--signal);letter-spacing:-.08em;font-size:clamp(3.8rem,5.4vw,6.6rem);font-weight:950;line-height:.78}.hero-score small{color:#eef2f7b8;font-size:.92rem}.hero-actions{gap:14px;margin-top:28px;display:flex}.hero .primary-button{background:var(--signal);color:#111;letter-spacing:.02em;border-color:#ffbb0080;border-radius:0;min-width:250px;min-height:52px;font-size:.72rem;font-weight:900}.hero .primary-button:hover{color:#111;background:#fffffff5;border-color:#fffffff5}.hero-statement{z-index:7;grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid;position:absolute;bottom:58px;right:0}.hero-statement span{color:var(--text);font-size:clamp(4rem,5vw,6.4rem);font-weight:950;line-height:.8;transform:skew(-12deg)}.hero-statement p{color:var(--text);margin:0;font-size:clamp(1.3rem,2vw,2.2rem);font-weight:800;line-height:1.05}.hero-statement strong{color:var(--signal)}.hero-role-strip{z-index:7;color:#eef2f7a3;letter-spacing:.14em;border-top:1px solid #ffffff24;justify-content:space-between;gap:18px;padding:17px 0 0;font-size:.7rem;font-weight:800;display:flex;position:absolute;bottom:0;left:min(34vw,480px);right:0}.hero-tags{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-tags span{border:1px solid var(--line);color:var(--muted);background:#ffffff08;border-radius:999px;padding:10px 14px}.hero-panel{border:1px solid var(--line);background:linear-gradient(#10161fb8,#090c12eb);border-radius:24px;align-self:stretch;gap:18px;padding:22px;display:grid;box-shadow:0 30px 80px #00000052}.hero-panel__frame{background:linear-gradient(#ffffff0d,#ffffff03),linear-gradient(135deg,#7fe7d50f,#9fb7ff0a);border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:flex-start;min-height:420px;padding:16px;display:flex}.hero-panel__chip,.hero-panel__status{border:1px solid var(--line);color:var(--muted);background:#0406096b;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;display:inline-flex}.hero-panel__status{color:var(--text)}.hero-panel__notes{gap:12px;display:grid}.hero-panel__notes>div{border:1px solid var(--line);background:#ffffff06;border-radius:16px;justify-content:space-between;gap:16px;padding:14px 16px;display:flex}.hero-panel__notes span{color:var(--muted)}.hero-panel__notes strong{text-align:right;font-weight:500}.section-heading{gap:10px;margin-bottom:28px;display:grid}.section-heading--row{grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:end;gap:24px}.section-heading h2{letter-spacing:-.04em;max-width:14ch;font-size:clamp(2rem,2.8vw,4rem)}.section-note{color:var(--muted);margin:0;line-height:1.8}.magic-book-section{overflow:clip}.magic-book-layout{padding:84px 0 112px}.magic-book{--magic-spread-ratio:2.828;perspective:1800px;width:min(1600px,100vw - 48px);max-width:none;margin:6px auto 0;position:relative}.magic-book__shadow{filter:blur(16px);opacity:.8;pointer-events:none;background:radial-gradient(#00000094,#0000 68%);border-radius:999px;height:58px;position:absolute;bottom:-28px;left:7%;right:7%}.magic-book__spread{z-index:1;min-height:0;aspect-ratio:var(--magic-spread-ratio) / 1;transform-style:preserve-3d;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.magic-book__spread.is-single{width:calc(100% * 1.414 / var(--magic-spread-ratio));aspect-ratio:1.414;grid-template-columns:1fr;margin:0 auto}.magic-book__spine{z-index:4;filter:blur(.2px);pointer-events:none;background:linear-gradient(90deg,#0000,#000000d1,#14171cb8,#000000db,#0000);border-radius:999px;width:28px;position:absolute;top:4%;bottom:4%;left:50%;transform:translate(-50%)}.magic-book.is-single-page .magic-book__spine{display:none}.magic-book__page{isolation:isolate;color:#16110a;min-width:0;transform-style:preserve-3d;backface-visibility:hidden;background:linear-gradient(135deg,#fff2bcfa,#efdfb0f0),#f5e8c9;border:1px solid #ffbb0029;flex-direction:column;justify-content:flex-end;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 38px #512d0929,0 18px 46px #00000047}.magic-book__page--left{transform-origin:100%;border-radius:26px 6px 6px 26px}.magic-book__page--right{transform-origin:0;border-radius:6px 26px 26px 6px}.magic-book__page--single{transform-origin:50%;border-radius:26px;overflow:visible;box-shadow:-24px 18px 34px #00000047,inset 0 0 38px #512d0929,0 18px 46px #00000047}.magic-book__page--single:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(at 14%,#fff3,#0000 44%),linear-gradient(90deg,#080807b8,#241f1680 34%,#826c4342 66%,#0000);border-radius:26px 0 0 26px;width:clamp(24px,3.2vw,44px);position:absolute;inset:0 auto 0 0;box-shadow:inset -12px 0 22px #00000061,inset 5px 0 10px #ffffff14}.magic-book__page--single:after{content:"";z-index:0;pointer-events:none;background:url(/portfolio/magic-book/spine.png) 50%/100% 100% no-repeat,#030405;border-radius:16px 0 0 16px;width:clamp(20px,2.4vw,34px);position:absolute;top:6%;bottom:6%;left:clamp(-18px,-1.7vw,-10px);box-shadow:-12px 12px 24px #0000004d,inset -6px 0 12px #0000006b}.magic-book__page--cover,.magic-book__page--back-cover{color:#fff5ca;background:radial-gradient(circle at 18% 16%,#ffed0047,#0000 28%),linear-gradient(135deg,#17110b 0%,#4a2704 48%,#d68a00 100%);border-color:#fb06}.magic-book__page--blank{background:linear-gradient(135deg,#fffffffa,#f6f6f6fa),#fff;box-shadow:inset 0 0 34px #00000014,0 18px 46px #0000003d}.magic-book__page-image{z-index:1;object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block;position:relative}.magic-book__paper-grain{z-index:-1;opacity:.55;pointer-events:none;background:linear-gradient(90deg,#42260c1f,#0000 12% 88%,#42260c1a),repeating-linear-gradient(0deg,#ffffff0f 0 1px,#0000 1px 5px);position:absolute;inset:0}.magic-book__page span{color:#583408b3;letter-spacing:.18em;margin-bottom:12px;font-size:.78rem;font-weight:900}.magic-book__page--cover span,.magic-book__page--back-cover span{color:#ffed00d1}.magic-book__page strong{letter-spacing:-.05em;max-width:9ch;font-size:clamp(2.1rem,4.5vw,5.2rem);font-weight:950;line-height:.95}.magic-book__page p{color:#16110ab8;max-width:34ch;margin:22px 0 0;line-height:1.75}.magic-book__page--cover p,.magic-book__page--back-cover p{color:#fff5cac7}.magic-book__hotspot{z-index:5;cursor:pointer;background:0 0;border:0;width:18%;position:absolute;top:0;bottom:0}.magic-book__hotspot:disabled{cursor:default}.magic-book__hotspot--left{left:0}.magic-book__hotspot--right{right:0}.magic-book__turn-layer{z-index:6;pointer-events:none;perspective:1800px;transform-style:preserve-3d;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute;inset:0}.magic-book__turn-layer.is-source-single{width:calc(100% * 1.414 / var(--magic-spread-ratio));right:auto;left:calc((100% - (100% * 1.414 / var(--magic-spread-ratio))) / 2);grid-template-columns:1fr}.magic-book__turn-page{z-index:7;min-width:0;height:100%;transform-style:preserve-3d;will-change:clip-path, transform, opacity;position:relative;overflow:hidden}.magic-book__turn-layer--next .magic-book__turn-page{animation:smoothPageRevealNext var(--magic-turn-duration,.48s) cubic-bezier(.32, .72, .18, 1) both;transform-origin:0;grid-column:2}.magic-book__turn-layer--prev .magic-book__turn-page{animation:smoothPageRevealPrev var(--magic-turn-duration,.48s) cubic-bezier(.32, .72, .18, 1) both;transform-origin:100%;grid-column:1}.magic-book__turn-layer.is-source-single .magic-book__turn-page{grid-column:1;animation-name:smoothCoverOpen}.magic-book__hold-layer{z-index:5;pointer-events:none;transform-style:preserve-3d;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute;inset:0}.magic-book__hold-page{min-width:0;height:100%;animation:holdPageFade var(--magic-turn-duration,.48s) cubic-bezier(.32, .72, .18, 1) both}.magic-book__hold-layer--next .magic-book__hold-page{grid-column:1}.magic-book__hold-layer--prev .magic-book__hold-page{grid-column:2}.magic-book__turn-shade{z-index:3;pointer-events:none;opacity:0;mix-blend-mode:multiply;animation:turningPageShade var(--magic-turn-duration,.48s) ease-in-out both;background:linear-gradient(90deg,#06080c00,#06080c57 48%,#ffffff1a),linear-gradient(#ffffff14,#0000 24%,#00000024);position:absolute;inset:0}.magic-book__turn-page>.magic-book__page{width:100%;height:100%}@keyframes smoothPageRevealNext{0%{clip-path:inset(0 round 6px 26px 26px 6px);opacity:1;transform:translate(0)}48%{clip-path:inset(0 76% 0 0 round 6px 16px 16px 6px);opacity:.74;transform:translate(-2%)}to{clip-path:inset(0 100% 0 0 round 6px);opacity:0;transform:translate(-4%)}}@keyframes smoothPageRevealPrev{0%{clip-path:inset(0 round 26px 6px 6px 26px);opacity:1;transform:translate(0)}48%{clip-path:inset(0 0 0 76% round 16px 6px 6px 16px);opacity:.74;transform:translate(2%)}to{clip-path:inset(0 0 0 100% round 6px);opacity:0;transform:translate(4%)}}@keyframes smoothCoverOpen{0%{clip-path:inset(0 round 26px);opacity:1;transform:translate(0)}50%{clip-path:inset(0 78% 0 0 round 20px 8px 8px 20px);opacity:.72;transform:translate(-4%)}to{clip-path:inset(0 100% 0 0 round 10px);opacity:0;transform:translate(-7%)}}@keyframes turningPageShade{0%,to{opacity:0}18%{opacity:.04}36%{opacity:.14}52%{opacity:.24}82%{opacity:.07}}@keyframes holdPageFade{0%,56%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.magic-book__turn-layer--next .magic-book__turn-page,.magic-book__turn-layer--prev .magic-book__turn-page,.magic-book__turn-shade{animation-duration:1ms}}.magic-book__controls{justify-content:center;align-items:center;gap:14px;margin-top:34px;display:flex}.magic-book__controls button,.magic-book__controls div{min-height:42px;color:var(--signal);font:inherit;background:#ffbb0014;border:1px solid #ffbb0042;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.84rem;font-weight:800;display:inline-flex}.magic-book__controls button{cursor:pointer;transition:transform .18s,border-color .18s,background-color .18s}.magic-book__controls button:hover:not(:disabled),.magic-book__controls button:focus-visible:not(:disabled){background:#ffbb0024;border-color:#ffbb0094;transform:translateY(-2px)}.magic-book__controls button:disabled{color:#94a3b88f;opacity:1;cursor:default;background:#94a3b814;border-color:#94a3b833;transform:none}.magic-book__page-picker{white-space:nowrap}.magic-book__page-picker label{align-items:center;gap:5px;display:inline-flex}.magic-book__page-picker input{width:3.2ch;color:var(--signal);font:inherit;text-align:center;appearance:textfield;background:0 0;border:0;border-bottom:1px solid #ffbb0094;border-radius:0;outline:none;padding:3px 2px;font-weight:900}.magic-book__page-picker input:focus{border-bottom-color:var(--text);box-shadow:0 2px #fff3}.magic-book__page-picker input::-webkit-inner-spin-button{appearance:none;margin:0}.magic-book__page-picker input::-webkit-outer-spin-button{appearance:none;margin:0}.portfolio-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 26px;display:grid}.border-glow-button{isolation:isolate;--glow-x:50%;--glow-y:50%;--glow-opacity:0;--glow-color:#a855f7;position:relative;overflow:hidden}.border-glow-button>:not(.border-glow-button__glow){z-index:1;position:relative}.border-glow-button:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--glow-x) var(--glow-y), #a855f7, #a855f79e 36%, transparent 72%);opacity:var(--glow-opacity);pointer-events:none;-webkit-mask-composite:xor;padding:1px;transition:opacity .18s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.border-glow-button__glow{border-radius:inherit;background:radial-gradient(circle at var(--glow-x) var(--glow-y), #a855f785, #a855f72e 32%, transparent 70%);filter:blur(22px);opacity:calc(var(--glow-opacity) * 1.05);pointer-events:none;transition:opacity .18s;position:absolute;inset:-30px}.border-glow-button:hover,.border-glow-button:focus-visible,.border-glow-button.is-active{--glow-opacity:1}.portfolio-tab{border:1px solid var(--line);min-height:104px;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#ffffff0a,#ffffff05),#ffffff08;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 18px 16px;transition:transform .18s,border-color .18s,background-color .18s,color .18s;display:flex}.portfolio-tab:hover{color:var(--text);border-color:#a855f7b8;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #a855f733,0 0 22px #a855f72e}.portfolio-tab.is-active{color:var(--text);background:linear-gradient(#a855f742,#a855f724),#ffffff08;border-color:#a855f7db;box-shadow:inset 0 0 0 1px #a855f72e,0 0 26px #a855f729}.portfolio-tab__index{color:#ffbb00e6;letter-spacing:.16em;font-size:.74rem;font-weight:700}.portfolio-tab strong{color:var(--signal);letter-spacing:-.02em;font-size:1.04rem;line-height:1.25}.portfolio-tab small{color:var(--muted);max-width:22ch;font-size:.8rem;line-height:1.45}.portfolio-feature{border:1px solid var(--line);background:var(--panel);border-radius:24px;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:24px;padding:24px;display:grid;box-shadow:0 22px 70px #0000003d}.portfolio-feature__image{background:linear-gradient(135deg,#ffbb0014,#9fb7ff0d),#ffffff05;border-radius:18px;justify-content:center;align-items:stretch;min-height:360px;display:flex;overflow:hidden}.portfolio-feature__image.is-game-ui{aspect-ratio:1.414;background:#040507;min-height:0}.portfolio-feature__image.is-game-ui img{object-fit:contain}.game-ui-pdf-link{width:fit-content;color:var(--signal);align-items:center;gap:8px;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.game-ui-pdf-link:hover{color:var(--text)}.game-ui-gallery .portfolio-gallery__grid{grid-template-columns:minmax(0,1fr);max-width:1180px;margin:0 auto}.game-ui-gallery__page{color:inherit;text-decoration:none;display:block}.game-ui-gallery .game-ui-gallery__page img{aspect-ratio:1.414;object-fit:contain;background:#05070a;width:100%;display:block}.game-ui-gallery__page span{color:var(--muted);padding:12px 16px 14px;font-size:.86rem;display:block}.portfolio-feature__swap{width:100%;height:100%;position:relative}.portfolio-feature__swap>img,.portfolio-feature__swap>video{z-index:1;position:relative}.portfolio-feature__swap-layer{z-index:2;opacity:0;pointer-events:none;position:absolute;inset:0}.portfolio-feature__swap-layer img,.portfolio-feature__swap-layer video{object-fit:cover;background:#040507;width:100%;height:100%;display:block}.portfolio-feature__swap-layer .is-pending{opacity:.999}.portfolio-feature__image img{object-fit:contain;background:#040507;width:100%;height:100%;display:block}.portfolio-feature__video{object-fit:cover;background:#040507;width:100%;height:100%;display:block}.portfolio-feature__empty{background:linear-gradient(#ffffff05,#ffffff0f),linear-gradient(135deg,#ffbb0014,#7fe7d50d);flex-direction:column;justify-content:flex-end;gap:8px;height:100%;padding:24px;display:flex}.portfolio-feature__empty strong{color:var(--signal);font-size:2rem;line-height:1}.portfolio-feature__empty p{max-width:24ch;color:var(--muted);margin:0;line-height:1.75}.portfolio-feature__content{align-content:start;gap:14px;padding-top:4px;display:grid}.portfolio-feature__content h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,2.2vw,2.4rem);font-weight:700}.portfolio-feature__content p{color:var(--muted);margin:0;line-height:1.8}.portfolio-feature__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:6px;display:grid}.portfolio-feature__meta div{border:1px solid var(--line);background:#ffffff06;border-radius:16px;padding:16px 18px}.portfolio-feature__meta span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:700;display:block}.portfolio-feature__meta strong{line-height:1.5;display:block}.portfolio-chip-list{flex-wrap:wrap;gap:10px;display:flex}.portfolio-chip-list span{border:1px solid var(--line);color:var(--muted);background:#ffffff08;border-radius:999px;padding:9px 12px;font-size:.82rem}.portfolio-case-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.portfolio-case-switch__button{border:1px solid var(--line);color:inherit;text-align:left;font:inherit;cursor:pointer;background:#ffffff06;border-radius:16px;gap:6px;padding:14px 16px;transition:transform .18s,border-color .18s,background-color .18s;display:grid}.portfolio-case-switch__button span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem}.portfolio-case-switch__button strong{color:var(--signal);font-size:1rem;font-weight:700}.portfolio-case-switch__button:hover{border-color:#a855f7c7;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #a855f72e,0 0 22px #a855f724}.portfolio-case-switch__button.is-active{background:#a855f72e;border-color:#a855f7e6;box-shadow:inset 0 0 0 1px #a855f72e,0 0 26px #a855f729}.portfolio-gallery{border:1px solid var(--line);background:linear-gradient(#0d121ab8,#090c12e6);border-radius:24px;margin-top:22px;padding:24px}.portfolio-media-stack{gap:22px;margin-top:22px;display:grid}.portfolio-gallery__head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.portfolio-gallery__head h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.4rem,2vw,2rem)}.portfolio-gallery__head p{max-width:42ch;color:var(--muted);margin:0;line-height:1.75}.portfolio-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.portfolio-gallery__item{border:1px solid var(--line);background:#ffffff08;border-radius:18px;margin:0;overflow:hidden}.portfolio-gallery__item img{aspect-ratio:1;object-fit:cover;width:100%}.portfolio-gallery__item.is-video video{aspect-ratio:1;object-fit:cover;background:#040507;width:100%;display:block}.portfolio-gallery__item.is-contain img{object-fit:contain;background:linear-gradient(135deg,#ffbb000d,#ffffff05),#05070a}.portfolio-gallery__item figcaption{color:var(--muted);letter-spacing:.04em;padding:10px 12px 12px;font-size:.78rem}.portfolio-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.portfolio-video-item{border:1px solid var(--line);background:#ffffff08;border-radius:18px;margin:0;overflow:hidden}.portfolio-video-item.is-featured{border-color:#ffbb0073;box-shadow:inset 0 0 0 1px #ffbb001f}.portfolio-video-item video{aspect-ratio:16/9;object-fit:cover;background:#040507;width:100%;display:block}.portfolio-video-item figcaption{color:var(--muted);letter-spacing:.04em;padding:12px 14px 14px;font-size:.82rem}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.portfolio-card{appearance:none;border:1px solid var(--line);background:var(--panel);width:100%;color:inherit;cursor:pointer;text-align:left;font:inherit;border-radius:20px;gap:14px;padding:18px;transition:transform .18s,border-color .18s,background-color .18s;display:grid}.portfolio-card:hover{border-color:#ffbb005c;transform:translateY(-4px)}.portfolio-card.is-active{background:#ffbb000f;border-color:#ffbb0070}.portfolio-card__thumb{background:linear-gradient(135deg,#ffbb0014,#7fe7d50a),#ffffff05;border-radius:14px;min-height:180px;overflow:hidden}.portfolio-card__thumb img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-card__video,.portfolio-card__media{object-fit:cover;background:#040507;width:100%;height:100%;display:block}.portfolio-card__thumb--empty{flex-direction:column;justify-content:flex-end;gap:8px;height:100%;padding:16px;display:flex}.portfolio-card__thumb--empty strong{color:var(--signal);font-size:1.5rem;line-height:1}.portfolio-card__thumb--empty p{color:var(--muted);margin:0;line-height:1.65}.portfolio-card__body{gap:10px;display:grid}.portfolio-card__body h3{color:var(--signal);margin:0;font-size:1.05rem;font-weight:700}.portfolio-card__body p:last-child{color:var(--muted);margin:0;line-height:1.75}.about-layout,.contact-layout{padding:84px 0 110px}.about-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr) minmax(280px,390px);align-items:start;gap:28px;display:grid}.portrait-card{border:1px solid var(--line);background:var(--panel);border-radius:24px;margin:0;padding:18px}.portrait-card img{aspect-ratio:3/4;object-fit:cover;filter:saturate(.92)contrast(1.02);border-radius:14px;width:100%}.about-copy{padding-top:18px}.about-copy>p,.self-review p,.ability-mini p{margin:0;line-height:1.95}.about-copy>p{max-width:42ch;color:var(--text);font-size:1.05rem}.info-list{gap:18px;display:grid}.info-list dl{border-bottom:1px solid var(--line);grid-template-columns:96px 1fr;gap:18px;margin:0;padding-bottom:18px;display:grid}.info-list dt{color:var(--muted)}.info-list dd{margin:0;line-height:1.75}.detail-lines{gap:4px;display:grid}.self-review{margin-top:8px;padding:18px 0 0}.self-review span{color:var(--muted);margin-bottom:10px;display:block}.self-review p{max-width:46ch;color:var(--text);font-size:1.02rem}.about-side{gap:18px;display:grid}.contact-mini,.metric-card,.strength-card,.project-card,.contact-card{border:1px solid var(--line);background:var(--panel);border-radius:20px}.contact-mini{gap:10px;padding:20px;display:grid}.ability-mini{background:linear-gradient(135deg, #ffbb0012, #ffffff05), var(--panel)}.ability-mini p{color:#eef2f7d1;font-size:.95rem}.contact-mini span,.metric-card span,.project-card__footer span,.contact-card span{color:var(--muted)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.metric-card{gap:10px;padding:20px;display:grid}.metric-card strong{font-size:1.7rem;font-weight:600}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.project-card{grid-template-rows:minmax(360px,1fr) auto;min-height:640px;transition:transform .22s,border-color .22s,background-color .22s;display:grid;overflow:hidden}.project-card:hover{border-color:#7fe7d538;transform:translateY(-4px)}.project-card__visual{background:linear-gradient(135deg,#7fe7d514,#9fb7ff0d),#ffffff05;min-height:390px;position:relative}.project-card__visual img{object-fit:cover;width:100%;height:100%}.project-card__meta{gap:12px;padding:22px;display:grid}.project-card__meta h3,.strength-card h3,.contact-card strong{margin:0;font-size:1.18rem;font-weight:600}.project-card__meta p,.strength-card p{color:var(--muted);margin:0;line-height:1.75}.project-card__footer{justify-content:space-between;align-items:center;padding-top:6px;display:flex}.strength-grid,.contact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.strength-card,.contact-card{padding:22px}.strength-card{gap:14px;min-height:220px;display:grid}.strength-card svg,.contact-card svg{color:var(--accent)}.contact-section{align-items:center;gap:12px;min-height:100vh;display:flex}#strengths{padding-top:88px}.brand-sigil{background:var(--signal);color:#07090d;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:1.05rem;font-weight:900;line-height:1;display:inline-flex;transform:skew(-12deg);box-shadow:0 10px 24px #ffbb003d}.contact-grid{margin-top:14px}.contact-card{appearance:none;min-height:190px;font:inherit;color:inherit;text-align:left;cursor:pointer;align-content:start;gap:10px;transition:transform .22s,border-color .22s,box-shadow .22s,background-color .22s;display:grid}.contact-card--interactive:hover,.contact-card--interactive:focus-visible{border-color:#a855f7b8;transform:translateY(-4px);box-shadow:inset 0 0 0 1px #a855f72e,0 0 24px #a855f71f}.contact-card__action{width:fit-content;color:var(--signal);letter-spacing:.04em;background:#ffbb0014;border:1px solid #ffbb0047;border-radius:999px;align-items:center;gap:6px;margin-top:4px;padding:7px 10px;font-size:.72rem;font-weight:800;display:inline-flex}@media (width<=1180px){.hero__inner,.about-grid{grid-template-columns:1fr}.project-grid,.strength-grid,.metric-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-feature{grid-template-columns:1fr}.portfolio-tabs,.portfolio-gallery__grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.site-header{border-radius:24px;grid-template-columns:1fr auto;grid-template-areas:"brand actions""nav nav";gap:10px 12px;padding:10px 12px;inset:12px 12px auto}.brand-mark{grid-area:brand}.dock-nav{scrollbar-width:none;flex-wrap:nowrap;grid-area:nav;justify-content:flex-start;justify-self:start;gap:10px;width:100%;padding-bottom:2px;overflow:auto hidden}.dock-nav::-webkit-scrollbar{display:none}.dock-nav__item{white-space:nowrap;flex:none;min-width:0;min-height:34px;padding:0 14px;font-size:.7rem}.header-actions{grid-area:actions;gap:8px}.shell{width:min(1700px,100vw - 24px)}.hero{height:auto;min-height:100svh;padding:168px 0 36px}.hero-stage{min-height:100%}.hero-composition{grid-template-rows:auto;grid-template-columns:1fr;gap:18px;padding-top:0}.hero-title-wrap{max-width:100%;margin:8px 0 0}.hero-index{letter-spacing:-.035em;font-size:clamp(2.05rem,9.2vw,3.5rem);line-height:1.02}.hero-copy{max-width:none;padding:0}.hero-copy__lead{max-width:none;font-size:.92rem;line-height:1.68}.hero-score{margin-top:16px}.hero-score strong{font-size:clamp(2.6rem,11.5vw,3.8rem)}.hero-actions{margin-top:18px}.hero .primary-button{width:100%;min-width:0}.hero-statement{gap:14px;margin-top:10px;position:static;bottom:auto;right:auto}.hero-statement span{font-size:clamp(2.4rem,12vw,3.4rem)}.hero-statement p{font-size:clamp(.92rem,3.9vw,1.2rem)}.hero-role-strip{flex-wrap:wrap;justify-content:flex-start;gap:10px 14px;margin-top:6px;padding-top:10px;position:static;bottom:auto;left:auto;right:auto}.section-heading{gap:8px;margin-bottom:14px}.section-heading h2{max-width:100%;font-size:clamp(1.35rem,6.4vw,2rem)}.section-heading--row{grid-template-columns:1fr;gap:12px}.section-note{font-size:.84rem;line-height:1.55}.project-grid,.strength-grid,.contact-grid,.metric-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:12px}.portrait-card{border-radius:16px;justify-self:center;max-width:440px;padding:10px}.about-copy{padding-top:0}.info-list{gap:10px}.info-list dl{grid-template-columns:82px 1fr;gap:10px;padding-bottom:12px}.self-review{margin-top:4px;padding-top:10px}.self-review p,.ability-mini p,.project-card__meta p,.strength-card p,.contact-card p{font-size:.86rem;line-height:1.55}.about-side,.metric-grid{gap:10px}.contact-mini,.metric-card,.project-card,.contact-card{border-radius:14px}.contact-mini,.metric-card,.project-card__meta,.contact-card{padding:12px}.metric-card strong{font-size:1.25rem}.portfolio-grid,.portfolio-feature__meta,.portfolio-gallery__grid,.portfolio-video-grid,.portfolio-case-switch{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.portfolio-tabs{grid-template-columns:1fr;gap:8px;margin:12px 0 14px}.portfolio-tab{border-radius:12px;min-height:64px;padding:10px 10px 8px}.portfolio-tab strong{font-size:.74rem}.portfolio-tab small{max-width:none;font-size:.62rem}.portfolio-feature{border-radius:16px;gap:10px;padding:10px}.portfolio-feature__image{border-radius:12px;min-height:180px}.portfolio-feature__image.is-game-ui{aspect-ratio:1.414;min-height:0}.game-ui-gallery .portfolio-gallery__grid{grid-template-columns:minmax(0,1fr)}.portfolio-feature__content{gap:8px}.portfolio-feature__content h3{font-size:clamp(1.1rem,5.6vw,1.6rem)}.portfolio-feature__meta{gap:8px}.portfolio-feature__meta div{border-radius:12px;padding:10px 12px}.portfolio-case-switch{gap:8px}.portfolio-case-switch__button{border-radius:12px;padding:10px 12px}.portfolio-gallery,.portfolio-media-stack{gap:10px;margin-top:12px}.portfolio-gallery{border-radius:16px;padding:10px}.portfolio-gallery__head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:14px}.portfolio-gallery__head h3{font-size:clamp(1rem,5vw,1.35rem)}.portfolio-gallery__head p{max-width:none;font-size:.84rem;line-height:1.45}.portfolio-gallery__grid{gap:8px}.portfolio-gallery__item figcaption,.portfolio-video-item figcaption{padding:8px 10px 10px;font-size:.68rem}.portfolio-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.portfolio-video-item{border-radius:12px}.portfolio-video-item video{aspect-ratio:16/9}.portfolio-card{border-radius:12px;gap:4px;padding:6px}.portfolio-card__thumb{aspect-ratio:1.2;border-radius:8px;min-height:0}.portfolio-card__body{gap:2px}.portfolio-card__body .eyebrow,.portfolio-card__body p:last-child{display:none}.portfolio-card__body h3{font-size:.62rem;line-height:1.08}.portfolio-tabs{grid-template-columns:1fr}.project-grid{gap:10px}.project-card{grid-template-rows:auto auto;min-height:0}.project-card__visual{min-height:170px}.project-card__meta{padding:12px}.strength-card,.contact-card{border-radius:12px;min-height:0;padding:12px}.contact-grid{gap:10px}.contact-section{min-height:auto;padding-bottom:12px}}@media (width<=760px){.hero{padding-top:172px}.hero-actions{flex-direction:column;align-items:stretch}.hero-panel__frame{min-height:260px}.info-list,.info-list dl{grid-template-columns:1fr}.magic-book-layout{padding:64px 0 76px}.magic-book{--magic-spread-ratio:2.4;width:100%}.magic-book__spread{min-height:0;aspect-ratio:var(--magic-spread-ratio) / 1}.magic-book__spread.is-single{width:calc(100% * 1.414 / var(--magic-spread-ratio));aspect-ratio:1.414}.magic-book__page{border-radius:16px 4px 4px 16px}.magic-book__page--right{border-radius:4px 16px 16px 4px}.magic-book__page-image{object-fit:contain;background:#f5e8c9}.magic-book__page strong{font-size:clamp(1.2rem,8vw,2.35rem)}.magic-book__page p{margin-top:12px;font-size:.78rem;line-height:1.55}.magic-book__page span{margin-bottom:8px;font-size:.58rem}.magic-book__controls{flex-wrap:wrap;gap:8px;margin-top:24px}.magic-book__controls button,.magic-book__controls div{min-height:38px;padding:0 12px;font-size:.72rem}.below-hero-particles{display:none}.brand-name{letter-spacing:.14em;font-size:.62rem}.menu-button,.ghost-button{min-height:40px}}@media (width<=540px){.site-header{border-radius:18px;padding:8px 10px;inset:8px 8px auto}.brand-name{display:none}.brand-sigil{width:24px;height:24px;font-size:.95rem}.dock-nav__item{min-height:32px;padding:0 12px;font-size:.68rem}.shell{width:min(1700px,100vw - 18px)}.hero{padding-top:178px}.hero-index{font-size:clamp(1.85rem,8.8vw,2.9rem)}.magic-book__spread{aspect-ratio:var(--magic-spread-ratio) / 1}.magic-book{--magic-spread-ratio:1.4545}.magic-book__spread.is-single{width:calc(100% * 1.414 / var(--magic-spread-ratio));aspect-ratio:1.414}.magic-book__spine{width:16px}.magic-book__page{padding:0}.magic-book__page p{display:none}.hero-copy__lead,.section-note,.portfolio-gallery__head p,.self-review p{font-size:.82rem}.portfolio-gallery__item img,.portfolio-gallery__item.is-video video{aspect-ratio:4/5}.game-ui-gallery .game-ui-gallery__page img{aspect-ratio:1.414;object-fit:contain}.portfolio-video-item video{aspect-ratio:16/7.2}.portfolio-feature__image{min-height:160px}.portfolio-card__thumb{aspect-ratio:1.12;min-height:0}.portfolio-grid{gap:6px}.portfolio-card{padding:7px}.portfolio-card__body h3{font-size:.68rem}}