.site{width:100%;max-width:var(--site-max-width);margin:0 auto;padding-left:max(.5rem,env(safe-area-inset-left,0px));padding-right:max(.5rem,env(safe-area-inset-right,0px));box-sizing:border-box}.page{width:100%;margin:0;padding:0}.experience-hero{position:relative;overflow:hidden;height:100dvh;min-height:100dvh;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.experience-hero__bg{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;background-color:#030305;background-image:linear-gradient(to top right,#000000e0,#0000005c,#0000001f),url(/src/background/background2.webp);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;transform:scale(1);transform-origin:center center;will-change:transform,opacity;pointer-events:none}.experience-hero__title{position:absolute;z-index:1;left:50%;top:50%;margin:0;padding:0 1.25rem;max-width:min(1080px,92vw);width:100%;box-sizing:border-box;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(1rem,2.2vw,1.8rem);font-weight:700;line-height:1.15;letter-spacing:.02em;text-align:center;color:var(--text);opacity:0;transform:translate(-50%,calc(-50% + 32px))}.experience-hero.scroll-reveal.is-visible .experience-hero__title{animation:experience-hero-title-reveal 6s cubic-bezier(.18,1,.32,1) .65s both}@keyframes experience-hero-title-reveal{0%{opacity:0;transform:translate(-50%,calc(-50% + 32px))}to{opacity:1;transform:translate(-50%,-50%)}}.projects{margin-top:clamp(6.25rem,14vw,11rem);padding-bottom:clamp(2.5rem,6vw,4.5rem);max-width:min(1080px,94vw);margin-left:auto;margin-right:auto}.projects__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1.25rem;max-width:min(1080px,94vw);margin-left:auto;margin-right:auto}.projects__heading{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(1rem,2.2vw,1.8rem);font-weight:700;line-height:1.15;letter-spacing:.02em;color:var(--text)}.experience-projects-list{margin-top:.75rem;display:grid;gap:clamp(6.5rem,15vw,11rem)}.project-slide{display:block;padding:0}.project-slide__text{font-family:Inter,Segoe UI,Arial,sans-serif;text-align:left}.project-slide__title{margin:0;font-size:clamp(1rem,2vw,1.32rem);font-weight:600;letter-spacing:.03em;text-transform:none;color:var(--text);line-height:1.2}.project-slide__images{margin-top:clamp(2.15rem,5.2vw,3.25rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.35rem,3.2vw,2rem)}.project-image-card{position:relative;overflow:hidden}a.project-image-card{display:block;text-decoration:none;color:inherit;cursor:pointer}a.project-image-card:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:3px}.project-slide__images img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;transition:transform .45s ease}.project-image-card--koola img{object-position:34% 50%;transform-origin:30% 52%}.project-image-card--koola .project-image-card__overlay{background:linear-gradient(118deg,#000000e6,#00000080 48%,#00000029)}.project-image-card--koola:hover .project-image-card__overlay,.project-image-card--koola:focus-within .project-image-card__overlay{background:linear-gradient(118deg,#000000f0,#00000094 48%,#00000042)}.project-image-card--chinajoy img{object-position:72% 44%;transform-origin:76% 48%}.project-image-card--chinajoy .project-image-card__overlay{background:linear-gradient(32deg,#000000e6,#00000070 44%,#0000001f)}.project-image-card--chinajoy:hover .project-image-card__overlay,.project-image-card--chinajoy:focus-within .project-image-card__overlay{background:linear-gradient(32deg,#000000f0,#0000008a 46%,#0000003d)}.project-image-card--dream img{object-position:50% 42%;transform-origin:52% 44%}.project-image-card--dream .project-image-card__overlay{background:linear-gradient(118deg,#00000038,#00000080 38%,#000000e0)}.project-image-card--dream:hover .project-image-card__overlay,.project-image-card--dream:focus-within .project-image-card__overlay{background:linear-gradient(118deg,#0000004d,#0009 40%,#000000eb)}.project-image-card--detective img{object-position:42% 50%;transform-origin:40% 52%}.project-image-card--detective .project-image-card__overlay{background:linear-gradient(to right,#0000002e,#0000007a 46%,#000000db)}.project-image-card--detective:hover .project-image-card__overlay,.project-image-card--detective:focus-within .project-image-card__overlay{background:linear-gradient(to right,#00000042,#0000008f 46%,#000000e6)}.project-image-card--money img{object-position:50% 58%;transform-origin:50% 62%}.project-image-card--money .project-image-card__overlay{background:linear-gradient(180deg,#00000024,#0000007a 45%,#000000e0)}.project-image-card--money:hover .project-image-card__overlay,.project-image-card--money:focus-within .project-image-card__overlay{background:linear-gradient(180deg,#00000038,#0000008f 45%,#000000eb)}.project-image-card--taste img{object-position:54% 44%;transform-origin:56% 46%}.project-image-card--taste .project-image-card__overlay{background:linear-gradient(18deg,#000000e0,#0000006b 44%,#00000024)}.project-image-card--taste:hover .project-image-card__overlay,.project-image-card--taste:focus-within .project-image-card__overlay{background:linear-gradient(18deg,#000000eb,#00000085 44%,#0000003d)}.project-image-card--station img{object-position:48% 56%;transform-origin:50% 58%}.project-image-card--station .project-image-card__overlay{background:linear-gradient(200deg,#0003,#00000085 42%,#000000e0)}.project-image-card--station:hover .project-image-card__overlay,.project-image-card--station:focus-within .project-image-card__overlay{background:linear-gradient(200deg,#00000047,#0009 42%,#000000eb)}.project-image-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(.4rem,1.1vw,.55rem);padding:clamp(.65rem,1.75vw,.95rem) clamp(.95rem,2.2vw,1.2rem) clamp(3.85rem,7.5vw,4.65rem);background:linear-gradient(165deg,#000000d1,#00000080 42%,#00000038);opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease,background .35s ease}.project-image-card__title{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(1.05rem,2.35vw,1.42rem);font-weight:600;letter-spacing:.015em;line-height:1.2;color:#fff;text-align:left}.project-image-card__subtitle{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(.68rem,1.15vw,.8rem);font-weight:500;letter-spacing:.04em;line-height:1.35;color:#ffffffb8;text-align:left}.project-image-card__labels{list-style:none;margin:.15rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .45rem}.project-image-card__labels li{margin:0;padding:.22em .55em;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(.58rem,.95vw,.68rem);font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;color:#ffffffeb;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#ffffff0f}.project-image-card__desc{margin:clamp(.45rem,1.2vw,.65rem) 0 0;max-width:26ch;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(.64rem,1.05vw,.76rem);line-height:1.5;color:#ffffffdb;text-align:left}.project-image-card:hover img{transform:scale(1.03)}.project-image-card:hover .project-image-card__overlay{opacity:1;transform:translateY(0);background:linear-gradient(165deg,#000000e6,#00000094 48%,#00000052)}.project-image-card:focus-within .project-image-card__overlay{opacity:1;transform:translateY(0);background:linear-gradient(165deg,#000000e6,#00000094 48%,#00000052)}.project-slide__image--under-right{grid-column:2}.project-slide--physical .project-image-card--station-row{grid-column:1;grid-row:3}.project-slide--physical .project-image-card--immersive-row{grid-column:2;grid-row:3}.logo{display:inline-block;border:2px solid #fff;padding:.2rem .45rem;font-size:1.15rem;font-weight:700;letter-spacing:.03em}.hero{display:grid;grid-template-columns:1.8fr 1fr;gap:1rem;align-items:start;padding:1.2rem;border:1px solid rgba(255,255,255,.1)}.hero-copy h1{margin:1rem 0 .15rem;font-size:clamp(1.3rem,3vw,2rem)}.hero-copy h2{margin:0 0 .85rem;font-size:clamp(1.1rem,2.3vw,1.55rem)}.hero-copy p{margin:.45rem 0;color:var(--muted);line-height:1.45;font-size:.95rem}.hero-image{min-height:220px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(170deg,#4ca7ff47,#ff5ca63d),url(/src/background/background2.webp) center / cover no-repeat}.content-section{margin-top:1.05rem;padding:0 1.2rem}h3{margin:0 0 .75rem;font-size:clamp(1rem,2.5vw,1.6rem);line-height:1.15}h3 span{font-weight:600}.cards{display:grid;gap:.75rem}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden}.card p{margin:.55rem .5rem .15rem;font-size:.86rem}.card small{display:block;color:#adb4c8;margin:0 .5rem .5rem;font-size:.7rem}.thumb{aspect-ratio:.76;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.compact .thumb{aspect-ratio:1.7}.t1{background:linear-gradient(145deg,#74393f,#d17a62)}.t2{background:linear-gradient(145deg,#7f6d41,#d2b878)}.t3{background:linear-gradient(145deg,#722f39,#db5854)}.t4{background:linear-gradient(145deg,#272f61,#4d7ed4)}.t5{background:linear-gradient(145deg,#23405f,#48b7c0)}.t6{background:linear-gradient(145deg,#3a4b9d,#81c4ff)}.t7{background:linear-gradient(145deg,#354835,#8fb995)}.t8{background:linear-gradient(145deg,#655239,#b1915b)}.t9{background:linear-gradient(145deg,#304062,#8faed7)}.t10{background:linear-gradient(145deg,#4b6f7f,#b3dbe8)}.t11{background:linear-gradient(145deg,#48678a,#b2ceff)}.t12{background:linear-gradient(145deg,#6c5f56,#d2c2a7)}@media(max-width:780px){.site{max-width:min(1080px,92vw)}.projects{padding-left:max(0,env(safe-area-inset-left,0px));padding-right:max(0,env(safe-area-inset-right,0px))}.experience-hero{min-height:72svh;height:72svh}.hero{grid-template-columns:1fr;padding:.9rem}.cards.three{grid-template-columns:1fr}.hero-image{min-height:180px}.content-section{padding:0 .2rem}.projects{margin-top:clamp(4.75rem,11vw,7.25rem)}.project-slide__images{grid-template-columns:1fr}.project-slide__image--under-right{grid-column:auto}.project-slide--physical .project-image-card--immersive-row,.project-slide--physical .project-image-card--station-row{grid-column:auto;grid-row:auto}}.scroll-reveal{opacity:0;transform:translateY(40px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.experience-hero.scroll-reveal{opacity:0;transform:none;transition:opacity 1.15s cubic-bezier(.22,1,.36,1)}.experience-hero.scroll-reveal.is-visible{opacity:1}.project-slide.scroll-reveal{opacity:1;transform:none;transition:none}.project-slide.scroll-reveal .project-slide__title,.project-slide.scroll-reveal .project-image-card{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.project-slide.scroll-reveal.is-visible .project-slide__title{opacity:1;transform:translateY(0);transition-delay:.06s}.project-slide.scroll-reveal.is-visible .project-image-card:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.12s}.project-slide.scroll-reveal.is-visible .project-image-card:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.2s}.project-slide.scroll-reveal.is-visible .project-image-card:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.28s}.project-slide.scroll-reveal.is-visible .project-image-card:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.36s}.project-slide.scroll-reveal.is-visible .project-image-card:nth-child(5){opacity:1;transform:translateY(0);transition-delay:.44s}.project-slide.scroll-reveal.is-visible .project-image-card:nth-child(6){opacity:1;transform:translateY(0);transition-delay:.52s}@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal.is-visible{opacity:1;transform:none;transition:none}.experience-hero__title{opacity:1;transform:translate(-50%,-50%);animation:none!important}.experience-hero__bg{transform:scale(1)!important;will-change:auto}.experience-hero.scroll-reveal,.experience-hero.scroll-reveal.is-visible{opacity:1;transition:none}.project-slide.scroll-reveal .project-slide__title,.project-slide.scroll-reveal .project-image-card,.project-slide.scroll-reveal.is-visible .project-slide__title,.project-slide.scroll-reveal.is-visible .project-image-card{opacity:1;transform:none;transition:none;transition-delay:0s}}