:root{--color-black:#000;--color-ink:#0d0d0d;--color-overlay:#1c1c1c;--color-white:#fff;--color-title:#d5dedd;--color-accent-blue:#3d6681;--font-display:"Huninn", "jf open Huninn", "PingFang TC", system-ui, sans-serif;--font-sans:"Huninn", "jf open Huninn", "PingFang TC", system-ui, sans-serif;--space-page-x:80px;--space-page-top:52px;--space-page-bottom:175.6px;--space-md:40px;--space-sm:18px;--space-xs:5px;--ease-standard:cubic-bezier(.22, 1, .36, 1);--ease-sharp:cubic-bezier(.76, 0, .24, 1);--duration-hover:.2s;--duration-content:.5s;--duration-route:.9s;--distance-enter-y:30px;--distance-slide-x-sm:5%;--distance-page-x:10%;--motion-fast:.2s ease-in-out}@media (width<=767px){:root{--space-page-x:24px;--space-page-top:40px;--space-page-bottom:40px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--color-black);color:var(--color-white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}::selection{background:var(--color-accent-blue);color:var(--color-white)}.ui-link{font-family:var(--font-sans);letter-spacing:2px;text-transform:uppercase;color:currentColor;cursor:pointer;align-items:center;gap:12px;font-size:clamp(16px,1vw,18px);font-weight:700;line-height:24px;display:inline-flex}.ui-link .icon{transition:transform var(--motion-fast);display:inline-flex}.ui-link:hover .icon{transform:translate(4px)}.ui-link--sm{letter-spacing:1px;font-size:clamp(14px,.9vw,16px);line-height:21px}.site-nav{top:19px;left:var(--space-page-x);right:var(--space-page-x);z-index:20;justify-content:space-between;align-items:center;display:flex;position:absolute}.site-nav__brand{font-family:var(--font-sans);letter-spacing:2px;text-transform:uppercase;font-size:clamp(14px,.9vw,16px);font-weight:700;line-height:21px}.reveal-block{opacity:0;transform:translateY(var(--distance-enter-y));transition:opacity var(--duration-content) ease-out, transform var(--duration-content) var(--ease-standard)}.reveal-block.is-ready{opacity:1;transform:translateY(0)}.portfolio-shell{background:var(--color-black);width:100vw;height:100dvh;color:var(--color-white);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.portfolio-shell:before{z-index:1;background:radial-gradient(circle at 14% 68%, color-mix(in srgb, var(--stage-accent,#000) 24%, transparent) 0, transparent 32%), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--stage-accent,#000) 18%, transparent) 0, transparent 28%);content:"";opacity:.75;pointer-events:none;transition:background .9s var(--ease-standard), opacity .5s ease;position:absolute;inset:0}.stage-canvas{z-index:0;position:absolute;inset:0}.stage-canvas canvas{width:100%;height:100%;display:block}.stage-vignette{z-index:1;pointer-events:none;background:radial-gradient(120% 120% at 30% 40%,#0000 30%,#0009 100%),linear-gradient(90deg,#00000073 0%,#0000 45%);position:absolute;inset:0}.stage-slide{z-index:5;padding:var(--space-page-top) var(--space-page-x) var(--space-page-bottom);pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.stage-slide>*{pointer-events:auto}.project-title{font-family:var(--font-display);color:var(--color-title);overflow-wrap:normal;text-wrap:balance;max-width:min(18ch,50vw);padding-bottom:.08em;font-size:clamp(48px,5.8vw,112px);font-weight:800;line-height:1.08;display:block;overflow:visible}.project-description{max-width:min(640px,38vw);font-family:var(--font-sans);color:var(--color-white);margin-top:28px;font-size:clamp(17px,1.35vw,23px);font-weight:400;line-height:1.6}.stage-cta{margin-top:var(--space-md)}.reveal-block{max-width:min(720px,44vw);margin-bottom:clamp(120px,15vh,210px)}.stage-slide.has-portrait-preview .reveal-block{margin-bottom:clamp(260px,28vh,360px)}.stage-slide.has-square-preview .reveal-block{margin-bottom:clamp(190px,21vh,280px)}.stage-meta{left:var(--space-page-x);z-index:10;letter-spacing:1px;text-transform:uppercase;opacity:.6;font-size:clamp(14px,.9vw,16px);line-height:21px;position:absolute;bottom:34px}.stage-counter{right:var(--space-page-x);z-index:10;letter-spacing:1px;opacity:.6;font-size:clamp(14px,.9vw,16px);position:absolute;bottom:34px}.project-index{right:var(--space-page-x);z-index:10;width:24px;height:auto;color:var(--project-index-fg,currentColor);pointer-events:none;position:absolute;top:50%;overflow:visible;transform:translateY(-50%)}.project-index__track{display:none}.project-index__item{letter-spacing:1px;text-transform:uppercase;color:currentColor;opacity:.35;height:34px;transition:opacity var(--motion-fast), transform var(--motion-fast);will-change:transform;white-space:nowrap;text-align:right;transform-origin:100%;margin-right:34px;padding:5px 40px 5px 0;font-size:clamp(16px,1vw,19px);font-weight:700;line-height:24px;display:block;transform:rotateY(-18deg)translate(10px)scale(.94)}.project-index__item:hover{opacity:.8;transform:rotateY(-10deg)translate(-4px)scale(.98)}.project-index__item.is-active{opacity:1;color:var(--project-index-accent,var(--color-title));transform:rotateY(0)translate(0)scale(1)}.project-index__rail{z-index:12;pointer-events:auto;flex-direction:column;gap:14px;display:flex;position:relative;top:auto;right:auto}.project-index__dot{opacity:.35;width:5px;height:18px;transition:height var(--motion-fast), background var(--motion-fast), opacity var(--motion-fast);background:currentColor;border-radius:999px}.project-index__dot.is-active{background:var(--project-index-accent,currentColor);opacity:1;height:22px}.media-preview{left:var(--space-page-x);aspect-ratio:16/10;z-index:10;pointer-events:none;perspective:900px;width:340px;max-width:26vw;position:absolute;bottom:58px}.media-preview.is-link{pointer-events:auto;transition:transform var(--motion-fast)}.media-preview.is-link:hover{transform:translateY(-2px)}.media-preview__link{width:100%;height:100%;color:inherit;cursor:pointer;text-decoration:none;display:block}.media-preview.is-link .media-preview__inner{transition:border-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast)}.media-preview.is-link:hover .media-preview__inner{transform:translateY(-2px);box-shadow:0 18px 42px #0000005c}.media-preview.media-portrait{aspect-ratio:9/16;width:190px;max-width:15vw}.media-preview.media-square{aspect-ratio:1;width:240px;max-width:19vw}.media-preview__inner{border:4px solid var(--color-title);transform-origin:50%;backface-visibility:hidden;border-radius:14px;width:100%;height:100%;overflow:hidden;transform:translateZ(0);box-shadow:0 12px 32px #0000004d}.media-preview__inner video,.media-preview__inner img{object-fit:cover;width:100%;height:100%;display:block}.media-portrait .media-preview__inner video,.media-portrait .media-preview__inner img,.media-square .media-preview__inner video,.media-square .media-preview__inner img{object-fit:contain;background:#000000c7}.mobile-pager,.mobile-card{display:none}a.mobile-card{color:inherit;cursor:pointer;text-decoration:none}.mobile-card img{object-fit:cover;width:100%;height:100%;display:block}.mobile-card.media-portrait{aspect-ratio:9/16;width:min(72vw,300px)}.mobile-card.media-square{aspect-ratio:1}.mobile-card.media-portrait img,.mobile-card.media-square img{object-fit:contain;background:#000000b8}.project-page{background:var(--project-bg,var(--color-black));width:100vw;min-height:100dvh;color:var(--project-fg,var(--color-white));position:relative;overflow-x:hidden}.project-page__scroll{height:100dvh;overflow-y:auto}.project-hero{min-height:100dvh;padding:36px var(--space-page-x) 44px;flex-direction:column;justify-content:center;display:flex;position:relative}.project-hero__frame{border-radius:16px;width:min(920px,100%);margin-bottom:28px;overflow:hidden;transform:translateZ(0);box-shadow:0 30px 80px #00000059}.project-hero__frame.media-portrait{width:min(260px,28vw);max-height:40vh}.project-hero__frame.media-square{width:min(620px,100%)}.project-hero__frame img,.project-hero__frame video{object-fit:contain;background:#000000c7;width:100%;max-height:38vh;display:block}.project-hero__frame.media-portrait img,.project-hero__frame.media-portrait video,.project-hero__frame.media-square img,.project-hero__frame.media-square video{object-fit:contain;background:#000000c7;max-height:40vh}.project-hero__title{font-family:var(--font-display);color:var(--project-title,var(--color-title));padding-bottom:.06em;font-size:clamp(48px,6vw,116px);font-weight:400;line-height:1.02;position:relative}.project-hero__desc{max-width:640px;margin-top:14px;font-size:clamp(15px,1vw,18px);line-height:1.48;position:relative}.project-video-links{color:var(--project-title,currentColor);flex-wrap:wrap;gap:12px;margin-top:18px;display:flex;position:relative}.project-reference-links{border:1px solid color-mix(in srgb, var(--project-title,currentColor) 52%, transparent);width:fit-content;max-width:min(100%,560px);color:var(--project-title,currentColor);background:linear-gradient(135deg, #ffffff47, #ffffff14), color-mix(in srgb, var(--project-bg,#fff) 82%, #fff 18%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;margin-top:18px;padding:10px;position:relative;box-shadow:0 14px 42px #0000001f}.project-reference-links__label{letter-spacing:1.8px;text-transform:uppercase;opacity:.68;margin:0 4px 8px;font-size:10px;font-weight:900;line-height:1;display:block}.project-reference-links__items{flex-wrap:wrap;gap:8px;display:flex}.external-link-card{min-height:38px;color:var(--project-bg,#111);background:var(--project-title,currentColor);letter-spacing:1.2px;text-transform:uppercase;transition:transform var(--motion-fast), filter var(--motion-fast), box-shadow var(--motion-fast);border-radius:6px;align-items:center;gap:12px;padding:0 12px 0 14px;font-size:12px;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.external-link-card:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 10px 24px #0000002e}.external-link-card__icon{width:24px;height:24px;color:var(--project-title,currentColor);background:var(--project-bg,#fff);border-radius:999px;place-items:center;display:grid}.play-cta{width:fit-content;min-height:42px;color:inherit;letter-spacing:1.4px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:transform var(--motion-fast), background var(--motion-fast);background:#ffffff2e;border:1px solid;border-radius:999px;align-items:center;gap:12px;padding:0 18px 0 14px;font-family:inherit;font-size:13px;font-weight:850;text-decoration:none;display:inline-flex}.play-cta:hover{background:#ffffff57;transform:translateY(-2px)}.play-cta__icon{width:30px;height:30px;color:var(--project-bg,var(--color-ink));background:currentColor;border-radius:999px;place-items:center;display:grid}.play-cta__icon svg{color:var(--project-title,var(--color-white));transform:translate(1px)}.video-modal{z-index:120;place-items:center;padding:clamp(18px,4vw,64px);display:grid;position:fixed;inset:0}.video-modal__backdrop{-webkit-backdrop-filter:blur(22px)saturate(1.22)contrast(1.02);cursor:pointer;background:radial-gradient(circle at 24% 18%,#ffffffb8,#0000 30%),radial-gradient(circle at 78% 70%,#b9e0f557,#0000 34%),#ffffff70;border:0;position:absolute;inset:0}.video-modal__panel{z-index:1;-webkit-backdrop-filter:blur(26px)saturate(1.35);background:radial-gradient(circle at 18% 8%,#ffffffd1,#0000 28%),linear-gradient(135deg,#ffffff94,#ffffff4d),#ffffff57;border:1px solid #ffffffb8;border-radius:22px;width:min(1120px,100%);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,inset 0 -28px 60px #ffffff29,0 36px 120px #0000004d}.video-modal__panel:before,.video-modal__panel:after{content:"";pointer-events:none;position:absolute;inset:0}.video-modal__panel:before{z-index:1;border-radius:inherit;mix-blend-mode:screen;opacity:.54;background:linear-gradient(124deg,#ffffff94 0%,#0000 18%),radial-gradient(circle at 94% 10%,#ffffff57,#0000 18%)}.video-modal__panel:after{z-index:1;border-radius:21px;inset:1px;box-shadow:inset 0 0 0 1px #ffffff52,inset 18px 0 38px #ffffff29,inset -18px -20px 44px #3d66811f}.video-modal__topbar{z-index:2;color:#111;letter-spacing:1.3px;text-transform:uppercase;background:#ffffff29;justify-content:space-between;align-items:center;gap:18px;min-height:54px;padding:0 14px 0 20px;font-size:12px;font-weight:900;display:flex;position:relative}.video-modal__close{color:#111;letter-spacing:1.1px;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);cursor:pointer;min-height:34px;transition:color var(--motion-fast), background var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast);background:#ffffff42;border:1px solid #11111157;border-radius:999px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:900}.video-modal__close:hover{color:#fff;background:#111111db;border-color:#111111d1;transform:translateY(-1px)}.video-modal iframe{z-index:2;aspect-ratio:16/9;background:#111;border:0;border-radius:0 0 21px 21px;width:100%;margin:0;display:block;position:relative}.project-meta{letter-spacing:1px;text-transform:uppercase;flex-wrap:wrap;gap:24px;margin-top:22px;font-size:clamp(11px,.74vw,13px);line-height:17px;display:flex;position:relative}.project-page .ui-link{color:var(--project-fg,var(--color-white))}.project-page .site-nav{mix-blend-mode:difference;position:fixed}.project-page .site-nav .ui-link{color:var(--color-white)}.project-meta dt{opacity:.5;margin-bottom:6px}.project-meta dd{font-weight:700}.case-study{padding:96px var(--space-page-x) 140px;gap:72px;width:100%;max-width:1100px;margin-inline:auto;display:grid}.case-section__label{letter-spacing:2px;text-transform:uppercase;opacity:.5;margin-bottom:16px;font-size:clamp(14px,.9vw,16px);font-weight:700}.case-section__body{max-width:680px;font-size:clamp(14px,.95vw,17px);line-height:1.58}.rich-case-study{gap:96px;max-width:1220px}.rich-section{gap:22px;display:grid}.rich-section h2{max-width:780px;font-family:var(--font-display);font-size:clamp(38px,4.6vw,84px);font-weight:400;line-height:1.04}.rich-section p{white-space:pre-line;max-width:740px;font-size:clamp(14px,.95vw,17px);line-height:1.6}.rich-section figure{margin:0}.rich-section img{background:#0000001f;border-radius:8px;width:100%;display:block}.rich-section--image img{aspect-ratio:16/9;object-fit:cover;max-width:980px}.rich-section--image.media-portrait img{aspect-ratio:9/16;object-fit:cover;width:min(100%,520px)}.rich-section--image.media-square img{aspect-ratio:1;object-fit:cover;width:min(100%,720px)}.rich-section--image.media-source img{aspect-ratio:auto;object-fit:contain;width:min(100%,980px);height:auto}.rich-section figcaption{opacity:.58;max-width:720px;margin-top:10px;font-size:13px;line-height:1.45}.rich-gallery{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.rich-gallery img{aspect-ratio:4/3;object-fit:cover}.rich-section--highlights ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-width:960px;padding:0;list-style:none;display:grid}.rich-section--highlights li{border:1px solid;border-radius:8px;min-height:72px;padding:18px;font-size:clamp(15px,1vw,18px);line-height:1.45}.play-cta--content{color:inherit;background:0 0}.case-nav{padding:0 var(--space-page-x) 80px;justify-content:space-between;width:100%;max-width:1100px;margin-inline:auto;display:flex}.project-content .ui-link{color:inherit}.category-hero{justify-content:center;min-height:72dvh;padding-top:24px;padding-bottom:40px}.category-hero__frame{width:min(720px,45vw);margin-bottom:34px;margin-left:auto;transform:rotate(-3deg)}.category-hero__frame img{max-height:36vh}.category-hero__cue{left:var(--space-page-x);color:var(--project-title,currentColor);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:12px;font-size:13px;font-weight:850;display:inline-flex;position:absolute;bottom:22px}.category-hero__cue:before{content:"";background:currentColor;border-radius:999px;width:34px;height:2px}.category-hero__cue strong{font-size:18px;line-height:1}.category-study{padding:58px var(--space-page-x) 140px;gap:88px;width:100%;max-width:1220px;margin-inline:auto;display:grid}.category-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;width:100%;max-width:1180px;margin-inline:auto;display:grid}.category-card{color:inherit;align-content:start;gap:18px;display:grid}.category-card img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform var(--motion-fast), filter var(--motion-fast);background:#0003;border-radius:8px}.category-card:hover img{filter:saturate(1.1);transform:rotate(-1.5deg)scale(1.02)}.category-card h3{font-family:var(--font-display);font-size:clamp(16px,1.15vw,22px);font-weight:800;line-height:1.25}.category-card p{opacity:.78;max-width:520px;margin-top:8px;font-size:clamp(12px,.72vw,14px);line-height:1.5}.category-index-list{flex-wrap:wrap;gap:10px;max-width:1120px;display:flex}.category-index-list a,.category-index-list span{min-height:34px;color:inherit;letter-spacing:.6px;text-transform:uppercase;opacity:.72;transition:background var(--motion-fast), opacity var(--motion-fast), transform var(--motion-fast);border:1px solid;border-radius:999px;align-items:center;padding:7px 13px;font-size:13px;line-height:1.2;display:inline-flex}.category-index-list a:hover{border-color:var(--project-accent,currentColor);color:var(--color-white);background:var(--project-accent,currentColor);opacity:1;transform:translateY(-2px)}.about-page{--about-bg:#191919;background:var(--about-bg);width:100vw;height:100dvh;color:var(--color-white);padding:0;position:relative;overflow:hidden}.about-page:before{content:"";opacity:0;filter:grayscale()contrast(1.1);background:url(/images/mao_photo.png) 50%/cover no-repeat;width:49.5vw;position:absolute;top:72px;bottom:48px;left:0}.about-page:after{content:"";pointer-events:none;background:linear-gradient(#0000,#1919196b);height:18vh;position:absolute;bottom:48px;left:0;right:50.5vw}.about-page>:not(.video-modal):not(.about-email):not(.about-pixel-gradient):not(.about-point-cloud){z-index:1;position:relative}.about-pixel-gradient{z-index:1;pointer-events:none;grid-template-rows:repeat(18,minmax(18px,1fr));grid-template-columns:repeat(12,minmax(18px,1fr));width:30vw;display:grid;position:absolute;top:72px;bottom:48px;left:34vw}.about-point-cloud{z-index:1;pointer-events:none;width:51vw;position:absolute;top:72px;bottom:48px;left:0}.about-point-cloud canvas{width:100%;height:100%;display:block}.about-pixel-gradient span{background:var(--about-bg);display:block}.about-content{z-index:1;width:min(560px,34vw);position:absolute;top:52%;left:58vw;transform:translateY(-50%)}.about-title{font-family:var(--font-display);color:var(--color-white);letter-spacing:0;max-width:8ch;margin-bottom:24px;margin-left:-13vw;font-size:clamp(86px,10vw,182px);font-weight:400;line-height:.9}.about-title .word{vertical-align:bottom;display:inline-block;overflow:hidden}.about-title .word>span{animation:word-rise .7s var(--ease-standard) forwards;display:inline-block;transform:translateY(110%)}@keyframes word-rise{to{transform:translateY(0)}}.about-subtitle{width:max-content;max-width:calc(100vw - 2 * var(--space-page-x));color:var(--color-white);font-family:var(--font-display);letter-spacing:0;white-space:nowrap;margin-bottom:18px;margin-left:-13vw;font-size:clamp(64px,6.6vw,132px);font-weight:400;line-height:.9}.about-roles{flex-wrap:wrap;gap:10px;margin-top:24px;font-size:clamp(12px,.78vw,14px);font-weight:800;line-height:1.45;display:flex}.about-roles span{letter-spacing:.7px;background:#ffffff12;border:1px solid #ffffff3d;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;display:inline-flex}.about-status{max-width:560px;color:var(--color-white);margin-top:0;font-size:clamp(24px,1.8vw,34px);font-weight:850;line-height:1.35}.about-bio{opacity:.7;max-width:540px;margin-top:22px;font-size:clamp(16px,1vw,19px);line-height:1.65}.about-reel{color:#fff;background:#3d6681c7;border-color:#3d6681;margin-top:28px}.about-reel:hover{background:#3d6681}.about-reel .play-cta__icon svg{color:#3d6681}.about-contact-cta{color:#d8edf8;letter-spacing:1.1px;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:fit-content;min-height:42px;transition:background var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast), transform var(--motion-fast);background:#3d668138;border:1px solid #3d6681b3;border-radius:999px;align-items:center;margin-top:14px;padding:0 18px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.about-contact-cta:hover{color:#fff;background:#3d6681;border-color:#3d6681;transform:translateY(-2px)}.about-resume-cta{color:#fff;background:0 0;margin-left:10px}.about-links{flex-wrap:wrap;align-items:center;gap:42px;margin-top:58px;display:flex}.email-button{color:#fff2a8;min-height:46px;font-family:var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d0d2e;border:1px solid #fff2a8bd;border-radius:999px;place-items:center;padding:0 18px;font-size:13px;font-weight:850;display:inline-grid;position:relative;overflow:hidden}.about-email{top:14px;right:var(--space-page-x);z-index:3;min-height:52px;color:var(--color-white);background:#3d6681;border-color:#3d6681;padding-inline:24px;position:fixed;left:auto}.email-button:before{content:"";transition:transform .26s var(--ease-standard);background:#fff2a8;position:absolute;inset:0;transform:translateY(102%)}.email-button span{z-index:1;transition:color .22s ease, transform .26s var(--ease-standard), opacity .18s ease}.email-button__text{grid-area:1/1;position:relative}.email-button__hover{color:var(--color-ink);opacity:0;grid-area:1/1;position:relative;transform:translateY(80%)}.email-button:hover:before{transform:translateY(0)}.email-button:hover .email-button__text{opacity:0;transform:translateY(-70%)}.email-button:hover .email-button__hover{opacity:1;transform:translateY(0)}.about-icon-link{width:24px;height:24px;color:var(--color-white);transition:transform var(--motion-fast), color var(--motion-fast);background:0 0;border:0;border-radius:0;place-items:center;text-decoration:none;display:grid}.about-icon-link:hover{color:#3d6681;transform:translateY(-3px)rotate(-4deg)}.about-icon-link svg{fill:currentColor;width:20px;height:20px}.about-icon-link span{font-size:15px;font-weight:900}.load-bar{z-index:50;transform-origin:bottom;background:var(--color-accent-blue);width:10px;animation:load-grow .9s var(--ease-sharp) forwards;pointer-events:none;position:fixed;top:0;bottom:0;left:0}@keyframes load-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (width<=767px){.site-nav{top:19px}.project-index,.stage-canvas{display:none}.media-preview{pointer-events:none;width:180px;max-width:46vw;margin:16px auto 0;position:static}.media-preview.is-link{pointer-events:auto}.media-preview.media-portrait{width:112px;max-width:30vw}.media-preview.media-square{width:148px;max-width:38vw}.mobile-pager{z-index:20;gap:6px;display:flex;position:absolute;top:56px;left:50%;transform:translate(-50%)}.mobile-pager__dot{opacity:.35;width:14px;height:5px;transition:background var(--motion-fast), opacity var(--motion-fast), width var(--motion-fast);background:currentColor;border-radius:999px;padding:0}.mobile-pager__dot.is-active{opacity:1;width:22px}.stage-slide{justify-content:flex-start;padding-top:96px}.mobile-card{aspect-ratio:16/10;border-radius:16px;flex-shrink:0;width:calc(100vw - 48px);max-width:341px;height:clamp(188px,52vw,252px);margin:0 auto 28px;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.mobile-card.media-portrait{aspect-ratio:9/16;width:min(62vw,250px);height:auto;max-height:44vh}.project-title,.project-hero__title{max-width:100%;font-size:clamp(34px,10.6vw,46px);line-height:1.08}.project-title{max-width:12.5ch}.reveal-block{max-width:100%;margin-bottom:0}.stage-slide.has-portrait-preview .reveal-block,.stage-slide.has-square-preview .reveal-block{margin-bottom:0}.project-description,.project-hero__desc,.about-status,.about-bio{font-size:16px;line-height:26px}.case-section__body,.rich-section p{font-size:14px;line-height:23px}.about-page{padding:0 var(--space-page-x) 40px}.about-page:before{opacity:1;background:url(/images/mao_photo.png) 50% 28%/cover no-repeat;width:100%;height:45vh;inset:70px 0 auto}.about-point-cloud{width:100%;height:45vh;display:none;inset:70px 0 auto}.about-page:after{background:var(--about-bg);width:auto;height:16vh;inset:42vh 0 auto}.about-pixel-gradient{grid-template-rows:repeat(18,minmax(10px,1fr));grid-template-columns:repeat(12,minmax(22px,1fr));width:100%;height:18vh;inset:34vh 0 auto;transform:rotate(180deg)}.about-content{right:var(--space-page-x);bottom:44px;left:var(--space-page-x);width:auto;max-width:100%;position:absolute;top:auto;transform:none}.about-title{margin-bottom:16px;margin-left:0;font-size:56px}.about-subtitle{margin-bottom:12px;margin-left:0;font-size:clamp(30px,9.6vw,42px);line-height:.95}.about-roles{letter-spacing:1.4px;gap:8px 18px;margin-top:20px;font-size:12px;line-height:18px}.about-bio{margin-top:22px}.about-reel{margin-top:20px}.about-contact-cta{letter-spacing:.9px;min-height:38px;margin-top:12px;padding-inline:14px;font-size:10px}.about-resume-cta{margin-left:0}.about-links{gap:24px;margin-top:30px}.about-email{top:14px;right:var(--space-page-x);letter-spacing:.8px;width:auto;max-width:calc(100vw - 48px);min-height:40px;padding-inline:14px;font-size:11px;left:auto}.about-icon-link{width:26px;height:26px}.ui-link{letter-spacing:1px;font-size:14px;line-height:21px}.stage-meta,.stage-counter{bottom:20px}.case-study{padding:64px var(--space-page-x) 96px;gap:48px}.category-study{padding:42px var(--space-page-x) 96px;gap:56px}.category-grid{grid-template-columns:1fr;gap:36px}.category-card h3{font-size:18px}.category-index-list span{font-size:12px}.project-hero{justify-content:flex-end;padding-top:36px;padding-bottom:34px}.category-hero{justify-content:flex-end;min-height:70dvh;padding-bottom:42px}.category-hero__cue{bottom:20px}.project-hero__frame{margin-bottom:18px}.category-hero__frame{width:min(100%,340px);margin-bottom:24px}.project-hero__frame.media-portrait{width:min(45vw,180px);max-height:32vh}.project-hero__frame img,.project-hero__frame video{max-height:30vh}.project-hero__frame.media-portrait img,.project-hero__frame.media-portrait video{max-height:32vh}.video-modal{padding:14px}.video-modal__topbar{min-height:48px;padding-inline:14px 10px;font-size:10px}.video-modal__topbar span{text-overflow:ellipsis;white-space:nowrap;max-width:58vw;overflow:hidden}.video-modal__close{min-height:30px;padding-inline:10px;font-size:10px}}