:root{color:#eef7ff;background:#061536;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #061536;--pale: #dff1ff;--blue: #68b9ff;--line: rgba(205, 232, 255, .24)}.portfolio-gateway{position:relative;isolation:isolate;min-height:100svh;padding:72px 28px 40px;overflow:hidden;background:#071633;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.portfolio-backdrop{position:absolute;top:-25px;right:-25px;bottom:-25px;left:-25px;z-index:-2;background:linear-gradient(#06153655,#020a25aa) center/cover;filter:blur(9px);transform:scale(1.05)}.gateway-heading{text-align:center}.gateway-heading .eyebrow{margin-bottom:16px}.gateway-heading h2{margin:0;font-size:clamp(28px,3vw,48px);font-weight:400;letter-spacing:-.04em}.gateway-heading>p:last-child{font-size:11px;letter-spacing:.35em;color:#a6bed6;margin:20px 0 0}.gateway-close{position:absolute;top:28px;right:30px;border:1px solid #bddfff66;border-radius:24px;padding:10px 18px;color:#e8f6ff;background:#07163377;cursor:pointer;font-size:11px}.gateway-close span{font-size:18px;margin-left:12px}.folder-stage{position:relative;width:min(960px,100%);height:490px;margin:28px 0;display:flex;align-items:flex-end;justify-content:center;perspective:1200px}.portfolio-folder{position:relative;width:min(570px,85%);height:250px;border:0;background:transparent;color:#effaff;cursor:pointer;transform:translateY(35px) scale(.9);opacity:0;transition:opacity .7s,transform .8s}.has-entered .portfolio-folder{opacity:1;transform:none;animation:folder-float 5s ease-in-out 1s infinite}.folder-tab{position:absolute;left:4%;top:-24px;width:42%;height:65px;border-radius:20px 25px 0 0;background:linear-gradient(130deg,#b5d5ef,#34669b);border:1px solid #c8e6ff;padding:15px;text-align:left;font-size:9px;letter-spacing:.18em}.folder-paper{position:absolute;top:2%;right:4%;bottom:2%;left:4%;border-radius:12px;background:#cadbea;transform:rotate(-4deg);box-shadow:0 4px 12px #0005;transition:transform .7s}.paper-two{transform:rotate(3deg);background:#96bada}.folder-face{position:absolute;top:20px;right:0;bottom:0;left:0;border-radius:16px 20px 24px 24px;border:1px solid #c8e6ff;background:linear-gradient(125deg,#6999c7,#254f82,#123263 70%,#588db8);box-shadow:inset 0 2px 2px #fff8,inset 0 -8px 12px #021a3988,0 28px 70px #0007;display:flex;align-items:center;justify-content:center;gap:22px}.folder-symbol{font-size:40px;color:#c3e9ff;text-shadow:0 3px #173858}.folder-title{font:900 clamp(24px,4vw,47px)/1.05 Arial,sans-serif;text-align:left;letter-spacing:-.045em;text-shadow:0 3px 0 #1a3b66,0 5px 8px #001d40}.folder-title>span{display:block;font-size:.68em;letter-spacing:.12em;margin-top:9px}.folder-arrow{border-radius:50%;background:#b2d7ef;color:#173a63;width:45px;height:45px;display:grid;place-items:center;font-size:27px;box-shadow:0 4px #163854}.folder-caption{position:absolute;bottom:24px;font-size:7px;letter-spacing:.22em;opacity:.65}.category-cards{position:absolute;inset:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;z-index:2;pointer-events:none}.category-card{border-radius:18px;border:1px solid #c0e3ff88;background:linear-gradient(140deg,#dbeafa,#a4c0db);padding:8px;text-align:left;color:#102a4d;opacity:0;transform:translateY(180px) scale(.65) rotate(calc((var(--card-index) - 1) * 8deg));transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .4s;box-shadow:0 18px 40px #0004;cursor:pointer}.category-card>img{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;border-radius:11px;background:#17345c}.category-card-copy{padding:18px 15px 15px}.category-cover-pending{aspect-ratio:1.25;border-radius:11px;background:linear-gradient(140deg,#325b84,#07172f);color:#b1d3ee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.category-cover-pending>span{font-size:64px;font-weight:200;letter-spacing:-.06em;opacity:.55}.category-cover-pending small{font-size:9px;letter-spacing:.16em}.project-entry:disabled{cursor:default;opacity:.65}.category-card-copy>span{font-size:8px;letter-spacing:.13em}.category-card h3{display:flex;justify-content:space-between;font-size:26px;font-weight:500;margin:10px 0}.category-card h3 span{font-size:22px}.category-card p{font-size:12px;line-height:1.8;margin:0 0 18px}.category-card small{font-size:8px;letter-spacing:.12em;opacity:.6}.is-expanded .category-cards{pointer-events:auto}.is-expanded .category-card{opacity:1;transform:translateY(0) rotate(calc((var(--card-index) - 1) * 3deg));transition-delay:calc(var(--card-index) * 70ms)}.is-expanded .category-card:hover,.is-expanded .category-card:focus-visible{transform:translateY(-14px) scale(1.035);transition-delay:0s}.is-expanded .portfolio-folder{height:100px;width:min(660px,90%);animation:none}.is-expanded .folder-title{font-size:24px}.is-expanded .folder-title>span{display:inline;margin-left:9px;font-size:1em;letter-spacing:-.045em}.is-expanded .folder-caption,.is-expanded .folder-tab,.is-expanded .folder-paper{opacity:0}.gateway-hint{text-align:center;font-size:11px;letter-spacing:.14em;color:#c0d8ee}.gateway-hint>span{display:block;margin-top:12px;font-size:8px;color:#7f9bb9}.category-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;color:#eaf5ff;background:#07142f}.category-dialog::backdrop{background:#020a20bb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.category-work{min-height:100%}@media(min-width:601px)and (max-height:850px){.portfolio-gateway{padding-top:45px;padding-bottom:20px}.gateway-heading h2{font-size:30px}.gateway-heading>p:last-child{margin-top:12px}.folder-stage{width:min(850px,100%);height:410px;margin:16px 0}.category-card-copy{padding:12px}.category-card p{margin-bottom:10px}.portfolio-folder{z-index:3}}@keyframes folder-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@media(max-width:600px){.portfolio-gateway{padding:95px 20px 30px}.folder-stage{height:390px;align-items:center}.portfolio-folder{height:210px;width:94%}.folder-face{gap:12px}.folder-symbol{font-size:28px}.folder-arrow{width:34px;height:34px}.is-expanded .folder-stage{height:auto;flex-direction:column}.category-cards{position:relative;grid-template-columns:1fr;gap:22px;width:100%;display:none}.is-expanded .category-cards{display:grid}.category-card{max-width:350px;margin:auto;width:100%}.is-expanded .category-card{transform:none}.is-expanded .portfolio-folder{min-height:100px;margin-top:24px}.is-expanded .folder-title{font-size:18px}}@media(prefers-reduced-motion:reduce){.portfolio-folder{animation:none!important}.category-card{transition:none!important}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;color:#eef7ff;background:var(--ink);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,a{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #bfe4ff;outline-offset:5px}.eyebrow{margin:0 0 22px;color:#e2f2ffb3;font-size:10px;font-weight:600;letter-spacing:.26em;text-transform:uppercase}.story{position:relative;height:100svh;min-height:620px;background:#061536}.story-stage{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;cursor:crosshair}.story-media,.story-media img,.story-media video,.story-vignette,.ripple-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.story-media{z-index:-3;background:#061536}.story-media img,.story-media video{object-fit:cover;object-position:center center;opacity:0;transform:scale(1.012);transition:none}.story-media .is-active{opacity:1}.story-media img{z-index:0}.story-media video{z-index:1}.story-vignette{z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(2,11,31,.32),transparent 35%,rgba(1,8,26,.2)),linear-gradient(0deg,rgba(1,7,24,.48),transparent 34%)}.ripple-canvas{z-index:-1;pointer-events:none}.site-header{position:absolute;z-index:10;top:0;left:0;display:flex;justify-content:space-between;align-items:center;width:100%;padding:28px clamp(24px,3.2vw,58px)}.brand{display:flex;align-items:baseline;gap:12px;text-decoration:none}.brand strong{font-family:Arial,sans-serif;font-size:18px;font-weight:900;letter-spacing:-.04em}.brand span{color:#e1f1ff9e;font-size:8px;letter-spacing:.28em}.site-header nav{display:flex;gap:clamp(20px,2.6vw,42px)}.site-header nav a{position:relative;color:#f0f8ffbf;font-size:12px;letter-spacing:.08em;text-decoration:none}.site-header nav a:after{position:absolute;right:100%;bottom:-8px;left:0;height:1px;content:"";background:#fff;transition:right .24s ease}.site-header nav a:hover:after{right:0}.hero-intro,.story-copy{position:absolute;z-index:4;opacity:0;pointer-events:none;transform:translateY(24px);transition:opacity .42s ease,transform .52s cubic-bezier(.16,1,.3,1)}.hero-intro.is-visible,.story-copy.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.hero-intro{bottom:13vh;left:clamp(24px,5vw,84px);max-width:470px}.hero-intro h1,.story-copy h2,.section-heading h2,.contact h2,.dialog-header h2{margin:0;font-weight:400;letter-spacing:-.065em}.hero-intro h1{font-size:clamp(32px,3.5vw,58px);line-height:1.13}.hero-intro>p:last-child{margin:24px 0 0;color:#e4f2ff9e;font-size:10px;letter-spacing:.22em}.story-copy{top:50%;width:min(350px,31vw);transform:translateY(calc(-50% + 24px))}.story-copy.is-visible{transform:translateY(-50%)}.about-copy{right:clamp(42px,8vw,148px);transform:translate(38px,-50%);transition:opacity .7s ease,transform .85s cubic-bezier(.16,1,.3,1)}.experience-copy{left:clamp(42px,8vw,148px);transform:translateY(calc(-50% + 34px));transition:opacity .7s ease,transform .85s cubic-bezier(.16,1,.3,1)}.story-copy h2{font-size:clamp(36px,3.5vw,58px);line-height:1.1}.story-copy .role{margin:22px 0 0;font-size:13px;letter-spacing:.12em}.story-copy .description{max-width:34em;margin:18px 0 0;color:#e1effab8;font-size:13px;line-height:1.95}.fact-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.fact-list div{padding-top:11px;border-top:1px solid var(--line)}.fact-list dt,.timeline span,.dialog-meta span{color:#dbecfa85;font-size:8px;letter-spacing:.2em}.fact-list dd{margin:7px 0 0;font-size:11px;letter-spacing:.08em}.text-link{display:inline-flex;gap:18px;align-items:center;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.7);font-size:12px;text-decoration:none}.timeline{display:grid;gap:14px;margin-top:28px}.timeline div{display:grid;grid-template-columns:88px 1fr;align-items:baseline;padding-top:13px;border-top:1px solid var(--line)}.timeline strong{font-size:13px;font-weight:500}.timeline p{grid-column:2;margin:8px 0 0;color:#dbecfa94;font-size:11px}.story-footer{position:absolute;z-index:6;right:clamp(24px,3.2vw,58px);bottom:24px;left:clamp(24px,3.2vw,58px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#e1f1ff85;font-size:8px;letter-spacing:.16em}.step-indicator{display:flex;align-items:flex-end;gap:20px}.step-indicator span{position:relative;padding-bottom:8px}.step-indicator span:after{position:absolute;right:100%;bottom:0;left:0;height:1px;content:"";background:#fff;transition:right .26s ease}.step-indicator .is-active{color:#fff}.step-indicator .is-active:after{right:0}.scroll-note{justify-self:end}.work{position:relative;overflow:hidden;padding:150px clamp(24px,6vw,100px) 180px;color:#eaf5ff;background:#07142f}.work:before{position:absolute;top:-20vw;left:-12vw;width:58vw;height:58vw;content:"";border:1px solid rgba(112,186,255,.09);border-radius:50%;box-shadow:0 0 100px #3787ff12 inset;pointer-events:none}.section-heading{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr);gap:10vw;align-items:end;margin-bottom:90px}.section-heading h2,.contact h2{font-size:clamp(45px,5.4vw,86px);line-height:1.12}.section-heading>p{margin:0 0 8px;color:#d9e9f799;font-size:14px;line-height:2}.project-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--line)}.project-entry{display:grid;grid-template-columns:64px minmax(0,1fr) 104px;gap:28px;align-items:start;width:100%;padding:38px 10px;border:0;border-bottom:1px solid var(--line);color:inherit;background:transparent;text-align:left;cursor:pointer;transition:background .25s ease}.project-entry:hover,.project-entry:focus-visible{background:#6eb9ff0e}.project-entry-number{padding-top:4px;color:#91ceff;font-size:12px;letter-spacing:.15em}.project-entry-english{margin:0 0 12px;color:#83a3c2;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.project-entry h3{margin:0;font-size:clamp(22px,2.4vw,36px);font-weight:400;line-height:1.4;letter-spacing:-.035em}.project-entry-summary{max-width:620px;margin:15px 0 20px;color:#dcedfa94;font-size:13px;line-height:1.9}.project-entry ul{display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;color:#8facc7;font-size:9px;letter-spacing:.08em}.project-entry-action{display:flex;align-items:center;gap:18px;padding-top:30px;color:#aecbe4;font-size:11px;white-space:nowrap}.project-entry-action>span:last-child{font-size:28px;transition:transform .25s ease}.project-entry:hover .project-entry-action>span:last-child{transform:translate(3px,-3px)}@media(max-width:600px){.project-entry{grid-template-columns:26px minmax(0,1fr) 24px;gap:14px;padding:28px 0}.project-entry-action>span:first-child{display:none}.project-entry-action{padding-top:22px}.project-entry h3{font-size:22px}}.project-card{grid-column:span 6;padding:0;color:inherit;text-align:left;background:none;border:0;cursor:pointer}.project-card-2,.project-card-4,.project-card-6{margin-top:120px}.project-image-wrap{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#0d2049}.project-image-wrap:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:#07142f14;transition:background .35s ease}.project-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.92) contrast(1.02);transform:scale(1.002);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .35s ease}.project-card-1 .project-image-wrap img,.project-card-3 .project-image-wrap img,.project-card-6 .project-image-wrap img{object-fit:contain}.project-view{position:absolute;z-index:2;right:24px;bottom:22px;padding:11px 14px;color:#07142f;background:#ebf7ffeb;font-size:10px;letter-spacing:.12em;opacity:0;transform:translateY(10px);transition:opacity .26s ease,transform .26s ease}.project-card:hover .project-image-wrap img{filter:saturate(1.1) contrast(1.05);transform:scale(1.035)}.project-card:hover .project-image-wrap:after{background:#07142f00}.project-card:hover .project-view{opacity:1;transform:translateY(0)}.project-card-copy{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;padding-top:22px}.project-card-copy>div span{display:block;color:#91ceff;font:600 10px/1 Arial,sans-serif;letter-spacing:.18em}.project-card-copy>div p{margin:8px 0 0;color:#d3e6f575;font-size:8px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.project-card-copy h3{margin:-4px 0 0;font-size:clamp(20px,2vw,31px);font-weight:400;line-height:1.3;letter-spacing:-.04em}.project-card-copy ul{display:flex;grid-column:2;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.project-card-copy li{padding:6px 9px;color:#daedfc94;border:1px solid rgba(181,219,250,.14);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.project-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;color:#10172a;background:#eef3f7;border:0;overflow:auto}.project-dialog::backdrop{background:#010716db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-shell{min-height:100%;background:#eef3f7}.dialog-close{position:fixed;z-index:20;top:22px;right:24px;min-width:64px;min-height:44px;color:#eef7ff;background:#07142feb;border:1px solid rgba(255,255,255,.24);border-radius:0;cursor:pointer;font-size:11px;letter-spacing:.12em}.dialog-header{padding:120px clamp(24px,9vw,150px) 90px;color:#edf7ff;background:#07142f}.dialog-header h2{max-width:950px;font-size:clamp(44px,6.3vw,104px);line-height:1.08}.dialog-english{margin:22px 0 0;color:#d8ecfb80;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.dialog-meta{display:grid;grid-template-columns:2fr 1fr;gap:42px;max-width:760px;margin-top:64px}.dialog-meta div{display:grid;gap:9px;padding-top:14px;border-top:1px solid rgba(207,231,250,.2)}.dialog-meta strong{font-size:13px;font-weight:400;line-height:1.7}.dialog-summary{max-width:650px;margin:50px 0 0;color:#deeefaa8;font-size:15px;line-height:2}.project-pages{display:grid;gap:28px;padding:70px clamp(18px,7vw,110px) 110px}.project-pages img{display:block;width:min(100%,1180px);height:auto;margin:0 auto;background:#fff;box-shadow:0 18px 70px #21344f1a}.dialog-end{display:flex;justify-content:space-between;align-items:center;padding:60px clamp(24px,9vw,150px);color:#eaf5ff;background:#07142f}.dialog-end p{font-size:9px;letter-spacing:.2em}.dialog-end button{padding:14px 18px;color:#eaf5ff;background:transparent;border:1px solid rgba(214,235,251,.3);cursor:pointer;font-size:11px;letter-spacing:.08em}.contact{padding:150px clamp(24px,6vw,100px) 42px;color:#eaf5ff;background:#030b1e}.contact h2{max-width:1150px}.contact>a{display:inline-block;margin-top:54px;padding-bottom:10px;border-bottom:1px solid rgba(226,241,252,.6);font-size:clamp(18px,2.2vw,34px);text-decoration:none}.contact-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;margin-top:145px;color:#d2e5f47a;font-size:8px;letter-spacing:.14em}.contact-bottom a{color:#e2f2ffbf;text-decoration:none}.contact-bottom span:last-child{justify-self:end}@media(max-width:860px){.story{height:100svh}.story-stage{min-height:560px}.site-header{padding:22px 20px}.brand span,.site-header nav a:nth-child(1),.site-header nav a:nth-child(3){display:none}.site-header nav{gap:20px}.story-media img,.story-media video{object-position:58% center}.hero-intro{right:22px;bottom:14vh;left:22px}.story-copy{top:auto;right:20px;bottom:78px;left:20px;width:auto;padding:22px;background:#030d26ad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateY(24px)}.story-copy.is-visible{transform:translateY(0)}.story-copy h2{font-size:clamp(34px,10vw,52px)}.story-copy .description{line-height:1.7}.fact-list,.timeline>div:nth-child(n+3){display:none}.story-footer{right:20px;bottom:18px;left:20px;grid-template-columns:auto 1fr}.story-footer>span:first-child{display:none}.step-indicator{justify-self:start}.section-heading{grid-template-columns:1fr;gap:34px;margin-bottom:64px}.work{padding:110px 20px 120px}.project-grid{display:block}.project-card{width:100%;margin:0 0 64px}.project-card-copy{grid-template-columns:54px minmax(0,1fr)}.dialog-header{padding:100px 22px 70px}.dialog-meta{grid-template-columns:1fr;gap:18px;margin-top:44px}.project-pages{gap:14px;padding:24px 10px 70px}.dialog-end{align-items:flex-start;padding:44px 22px}.contact{padding:110px 20px 30px}.contact-bottom{grid-template-columns:1fr auto;margin-top:100px}.contact-bottom span:first-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.ripple-canvas{display:none}}