@font-face{font-family:OPPO Sans;src:local("OPPO Sans 4.0"),local("OPPO Sans 3.0"),local("OPPO Sans"),url(/assets/fonts/OPPOSans-subset.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#FFFFFF;--ink:#0F1012;--soft:#6B7078;--accent:#2D60FF;--accent-strong:#2047D8;--line:rgba(15,16,18,.12);--card:#FFFFFF;--card-deep:#F4F5F7;--sans:"OPPO Sans","OPPO Sans 4.0",-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;--serif:var(--sans)}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#D6D9DF var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:#fff}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}#bootScreen{position:fixed;inset:0;z-index:400;background:var(--bg);display:grid;place-items:center;transition:opacity .6s,visibility .6s}#bootScreen.done{opacity:0;visibility:hidden;pointer-events:none}.boot-inner{width:min(300px,70vw)}.boot-kicker{font-size:10px;letter-spacing:.42em;color:var(--soft);text-align:center;margin-bottom:18px}.boot-meter{height:3px;background:var(--line);overflow:hidden;border-radius:99px}.boot-meter i{display:block;width:0;height:100%;background:var(--accent);transition:width .15s}.boot-foot{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;letter-spacing:.22em;color:var(--soft)}#quickNav{position:fixed;right:2vw;top:50%;z-index:95;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;align-items:flex-end;padding:16px 14px;border-radius:999px;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .22s,background .3s,box-shadow .3s}body.is-home #quickNav,body.is-home.nav-auto-hidden #quickNav{transform:translate(130%,-50%);opacity:0;pointer-events:none}body.is-home.nav-peek #quickNav{transform:translateY(-50%);opacity:.62;pointer-events:auto}#quickNav a{display:flex;align-items:center;gap:10px;padding:6px 2px;color:var(--soft);font-size:11px;letter-spacing:.16em;transition:color .3s;cursor:pointer}#quickNav a .t{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transform:translate(8px);transition:max-width .32s cubic-bezier(.2,.8,.2,1),opacity .25s,transform .32s cubic-bezier(.2,.8,.2,1)}#quickNav a i{display:block;width:16px;height:2px;border-radius:2px;background:#0f10122e;transition:width .3s,background .3s}#quickNav a:hover{color:var(--ink)}#quickNav a:hover i{width:26px;background:var(--ink)}#quickNav a.active{color:var(--accent)}#quickNav a.active i{width:34px;background:var(--accent)}#quickNav a.active .t{max-width:150px;opacity:1;transform:none;color:var(--accent)}#quickNav:hover,#quickNav:focus-within{background:#ffffffeb;backdrop-filter:blur(12px);box-shadow:0 10px 34px #0f101214}#quickNav a:hover .t,#quickNav a:focus-visible .t{max-width:150px;opacity:1;transform:none}#quickNav.nav-on-dark,#quickNav.nav-on-dark:hover,#quickNav.nav-on-dark:focus-within{background:none;backdrop-filter:none;box-shadow:none}#quickNav.nav-on-dark a{color:#ffffffc7}#quickNav.nav-on-dark a i{background:#ffffff59}#quickNav.nav-on-dark a:hover{color:#fff}#quickNav.nav-on-dark a:hover i{width:26px;background:#ffffffb8}#quickNav.nav-on-dark a.active,#quickNav.nav-on-dark a.active .t{color:#fff}#quickNav.nav-on-dark a.active i{width:34px;background:#fff}.wt-canvas{position:absolute;pointer-events:none;z-index:1}.pager{position:absolute;left:28.75%;bottom:12px;transform:translate(-50%);z-index:5;display:none;align-items:center;gap:8px;background:#141414b8;backdrop-filter:blur(8px);border-radius:999px;padding:6px 12px}.pager.show{display:flex}.pg-btn{width:30px;height:30px;border-radius:50%;border:0;background:none;color:#fff;font-size:19px;line-height:1;cursor:pointer;transition:.2s}.pg-btn:hover{background:#fff3}.pg-dots{display:flex;gap:6px;align-items:center}.pg-dots i{width:7px;height:7px;border-radius:50%;background:#ffffff73;cursor:pointer;transition:.25s}.pg-dots i.active{background:var(--accent);transform:scale(1.3)}.pg-count{color:#fff;font-size:11px;letter-spacing:.12em;min-width:34px;text-align:center}@media (max-width:900px){.pager{left:50%}}.m3d{position:relative;width:100%;height:100%;min-height:300px;background:#fff}.m3d canvas{display:block;width:100%;height:100%}.m3d-load{position:absolute;inset:0;display:grid;place-items:center;color:var(--soft);font-size:12px;letter-spacing:.3em}.page-flash{position:fixed;inset:0;z-index:180;pointer-events:none;visibility:hidden;transform:translateY(103%);background:linear-gradient(to top,#2d60ff -6%,#a9c2ff 40%,#fff 78%)}.page-flash:after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,rgba(45,96,255,.9),transparent);opacity:0}.page-flash.cover{visibility:visible;transition:transform .3s cubic-bezier(.65,0,.3,1);transform:translateY(0)}.page-flash.cover:after{opacity:1;transition:opacity .18s}.page-flash.reveal{visibility:visible;transition:transform .52s cubic-bezier(.7,0,.22,1);transform:translateY(-103%)}.page-flash.reveal:after{opacity:0;transition:opacity .45s .08s}#desktop{position:relative;min-height:100svh;overflow:hidden;display:grid;place-items:center}#desktop:before,#desktop:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(20,19,17,.1)}#desktop:before{inset:9vh 29vw 9vh 10vw;border-right:0}#desktop:after{inset:17vh 10vw 17vh 29vw;border-left:0;border-bottom:0;opacity:.55}#desktop .desk-topline{position:absolute;left:4vw;right:4vw;top:7vh;z-index:4;display:flex;justify-content:space-between;color:var(--soft);font-size:10px;letter-spacing:.32em}#desktop .desk-topline b{color:var(--accent);font-weight:700}#desktop .desk-sidecopy{position:absolute;left:4vw;bottom:15vh;z-index:4;display:flex;flex-direction:column;gap:7px;color:var(--soft);font-size:10px;letter-spacing:.24em;line-height:1.5}#desktop .desk-sidecopy span:first-child{color:var(--ink)}#desktop .desk-stamp{position:absolute;right:7vw;top:24vh;z-index:4;width:92px;height:92px;border:1.5px solid rgba(20,19,17,.35);border-radius:50%;display:grid;place-items:center;color:var(--soft);font-size:9px;letter-spacing:.18em;text-align:center;line-height:1.6;transform:rotate(12deg);animation:stampFloat 5s ease-in-out infinite}#desktop .desk-stamp b{display:block;color:var(--accent);font-size:17px;line-height:1}#desktop .desk-title{position:relative;z-index:4;text-align:center;pointer-events:none;transform:translateY(-2vh)}#desktop .desk-kicker{font-size:11px;letter-spacing:.5em;color:var(--soft);margin-bottom:3vh;animation:heroRise .9s .08s both}#desktop h1{font-size:clamp(72px,13vw,196px);font-weight:900;letter-spacing:.04em;line-height:.98}#desktop h1 span{display:block;animation:heroRise 1s cubic-bezier(.2,.8,.2,1) both}#desktop h1 span:nth-child(2){animation-delay:.1s}#desktop h1 .outline{color:transparent;-webkit-text-stroke:1.5px rgba(20,19,17,.82);filter:blur(.25px)}#desktop .desk-sub{margin:3vh auto 0;max-width:380px;color:var(--soft);font-family:var(--serif);font-size:13.5px;line-height:1.8;letter-spacing:.12em;animation:heroRise .9s .22s both}#desktop .desk-go{pointer-events:auto;display:inline-flex;align-items:center;gap:24px;margin-top:4vh;border:1.5px solid var(--ink);border-radius:999px;padding:14px 20px 14px 28px;font-size:13px;letter-spacing:.3em;transition:.35s;cursor:pointer;background:none;color:var(--ink)}#desktop .desk-go b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--accent);font-size:15px;letter-spacing:0;transition:.35s}#desktop .desk-go:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-3px)}#desktop .desk-go:hover b{background:#fff;color:var(--accent);transform:rotate(45deg)}#desktop .desk-marquee{position:absolute;left:0;right:0;bottom:4.5vh;z-index:4;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;color:var(--soft);font-size:10px;letter-spacing:.34em;white-space:nowrap}#desktop .desk-marquee span{display:inline-block;padding-right:44px;animation:marquee 22s linear infinite}#desktop .desk-marquee b{color:var(--accent);font-weight:400;padding:0 18px}@keyframes heroRise{0%{opacity:0;transform:translateY(22px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes stampFloat{0%,to{transform:rotate(12deg) translateY(0)}50%{transform:rotate(7deg) translateY(-8px)}}@keyframes marquee{to{transform:translate(-100%)}}.star{position:absolute;cursor:pointer;z-index:5;background:none;border:none;color:var(--accent);animation:starSpin 14s linear infinite}.star svg{width:100%;height:100%;filter:drop-shadow(0 0 14px rgba(45,96,255,.42))}.star:hover svg{filter:drop-shadow(0 0 26px rgba(45,96,255,.8))}@keyframes starSpin{to{transform:rotate(360deg)}}#desktop .star-1{width:40px;top:18vh;right:12vw}#desktop .star-2{width:26px;bottom:20vh;left:14vw;animation-duration:10s}#works{padding-top:6vh}.section{padding:11vh 4vw 8vh;max-width:1120px;margin:0 auto}.sec-head{margin-bottom:7vh}.sec-head .row2{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap}.sec-no{display:none;font-size:12px;letter-spacing:.4em;color:var(--accent);font-weight:700}.sec-title{font-size:clamp(38px,6.4vw,88px);font-weight:900;letter-spacing:.02em;line-height:1.1}.sec-en{font-size:11px;letter-spacing:.5em;color:var(--soft)}.sec-desc{margin-top:16px;font-size:13px;letter-spacing:.14em;color:var(--soft)}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(14px,1.8vw,28px)}.grid .col{display:flex;flex-direction:column;gap:clamp(14px,1.8vw,28px)}.grid .col-mid{margin-top:clamp(10px,1.75vw,28px)}.grid .col-right{margin-top:clamp(20px,3.5vw,56px)}.work{cursor:pointer;opacity:.18;filter:blur(10px) saturate(.65);transform:translateY(22px);clip-path:inset(9% 0 0);transition:opacity .65s ease,filter .7s ease,transform .65s cubic-bezier(.2,.8,.2,1),clip-path .8s cubic-bezier(.2,.8,.2,1)}.work.in-view{opacity:1;filter:blur(0) saturate(1);transform:none;clip-path:inset(0)}.work .img-box{border-radius:8px;overflow:hidden;background:var(--card-deep);position:relative;aspect-ratio:1.5/1;max-height:42vh;display:grid;place-items:center}.work .img-box:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#14131100 55%,#14131129);opacity:.8;transition:opacity .35s}.work:hover .img-box:after{opacity:.2}.work img{width:100%;height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.work:hover img{transform:scale(1.03)}.work .cap{display:flex;justify-content:space-between;align-items:baseline;padding:14px 4px 0}.work .cap .t{font-weight:700;font-size:15px;letter-spacing:.06em}.work .cap .no{font-size:11px;letter-spacing:.26em;color:var(--soft)}.work .cat-line{font-size:11px;letter-spacing:.26em;color:var(--soft);margin-top:4px}.work .arrow{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:14px;opacity:0;transform:translate(6px,-6px) rotate(-45deg);transition:.4s}.work:hover .arrow{opacity:1;transform:none}.work .badge3d{position:absolute;top:12px;left:12px;z-index:3;background:var(--accent);color:#fff;border-radius:6px;padding:4px 9px;font-size:10px;font-weight:800;letter-spacing:.2em;box-shadow:0 4px 14px #2d60ff59}.grid.focus .work:not(.is-hover) .img-box{filter:blur(4px) saturate(.6);opacity:.4;transition:.5s}.grid.focus .work.is-hover .img-box{filter:none;opacity:1}.rv{opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity .7s ease,transform .78s cubic-bezier(.2,.8,.2,1),filter .7s ease}.rv.in{opacity:1;transform:none;filter:none}.rv-d1{transition-delay:.1s}.rv-d2{transition-delay:.2s}.rv-stagger>*{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .68s cubic-bezier(.2,.8,.2,1)}.rv-stagger.in>*{opacity:1;transform:none}.rv-stagger.in>*:nth-child(1){transition-delay:.04s}.rv-stagger.in>*:nth-child(2){transition-delay:.11s}.rv-stagger.in>*:nth-child(3){transition-delay:.18s}.rv-stagger.in>*:nth-child(4){transition-delay:.25s}.rv-stagger.in>*:nth-child(5){transition-delay:.32s}.rv-stagger.in>*:nth-child(6){transition-delay:.39s}.rv-stagger.in>*:nth-child(7){transition-delay:.46s}.rv-stagger.in>*:nth-child(8){transition-delay:.53s}#desktop .desk-chip{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;margin-top:3vh;padding:11px 20px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;letter-spacing:.28em;box-shadow:0 12px 32px #2d60ff52;animation:heroRise .9s .3s both,chipBob 4.5s 1.4s ease-in-out infinite}@keyframes chipBob{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-6px) rotate(1.4deg)}}.work .img-box{transition:filter .5s,opacity .5s}#profile{min-height:100svh;padding:10vh 0 9vh;width:calc(100% - 200px);max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(26px,4vh,44px)}.pf-head-row{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.pf-head-title{font-size:clamp(34px,4vw,56px);font-weight:400;letter-spacing:.06em;line-height:1.1;color:var(--ink)}.pf-head-en{font-size:11px;letter-spacing:.5em;color:var(--soft)}.pf-head-desc{margin-top:12px;font-size:13px;letter-spacing:.14em;color:var(--soft)}.pf-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(14px,1.6vw,22px);align-items:stretch}.pf-about-card{display:flex;flex-direction:column;gap:clamp(18px,3vh,28px)}.pf-hero-head{display:flex;align-items:center;gap:clamp(18px,2.2vw,28px);flex-wrap:wrap}.pf-avatar{width:clamp(84px,8vw,104px);aspect-ratio:1;border-radius:30%;overflow:hidden;flex:none;border:1.5px solid rgba(20,19,17,.14);background:var(--card-deep);display:grid;place-items:center;color:var(--soft);font-size:24px}.pf-avatar img{width:100%;height:100%;object-fit:cover;object-position:center center;background:#fff}.pf-head-text{display:flex;flex-direction:column;gap:10px;min-width:0}.pf-name{font-size:clamp(24px,2.6vw,34px);font-weight:400;letter-spacing:.14em;color:var(--ink);line-height:1.15}.pf-roles{display:flex;gap:10px;flex-wrap:wrap}.pf-role-tag{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;border:1px solid rgba(45,96,255,.22);background:#2d60ff0d;color:var(--accent);font-size:12px;font-weight:400;letter-spacing:.16em}.ft-copy i.copy-tip{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-style:normal;font-size:10px;letter-spacing:.1em;color:#fff;background:#ffffff38;padding:3px 8px;border-radius:99px;animation:copyPop .25s ease}@keyframes copyPop{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}.pf-intro{min-width:0;display:flex;flex-direction:column;gap:6px}.pf-intro .r-line{overflow:hidden}.pf-intro .r-line span{display:block;font-family:var(--sans);font-size:clamp(17px,1.8vw,23px);font-weight:400;line-height:1.85;letter-spacing:.03em;color:#2e3540}.pf-intro .r-line.dim span{color:#4a5260}.pf-traits{margin-top:auto;border-top:1px solid rgba(15,16,18,.08);padding-top:clamp(16px,2.2vh,22px)}.pf-traits h4{font-size:11px;letter-spacing:.4em;color:var(--accent);margin-bottom:10px;font-weight:400}.pf-traits .pf-trait{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:8px 0;flex-wrap:wrap}.pf-traits .pf-trait span:first-child{font-size:10px;letter-spacing:.24em;color:#9a9fa8;flex:none}.pf-traits .pf-trait span:last-child{font-size:12.5px;font-weight:400;letter-spacing:.04em;color:#2a313b;text-align:right}.pf-card{background:#fbfcfe;border:1px solid rgba(15,16,18,.09);border-radius:20px;padding:clamp(22px,2.4vw,32px);transition:opacity .6s ease,transform .5s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s}.pf-card:hover{border-color:#2d60ff4d;box-shadow:0 18px 48px #0f101212;transform:translateY(-2px)}.pf-card h4{font-size:11px;letter-spacing:.4em;color:var(--accent);margin-bottom:12px;font-weight:400}.pf-info-card{display:flex;flex-direction:column}#pfFacts{display:flex;flex-direction:column;justify-content:space-evenly;flex:1 0 auto}.pf-info-sec{margin-top:clamp(14px,2vh,20px);padding-top:clamp(16px,2.2vh,24px);border-top:1px dashed rgba(15,16,18,.12)}.pf-facts .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;flex-wrap:wrap;border-bottom:1px dashed rgba(15,16,18,.1)}.pf-facts .row:last-child{border-bottom:0}.pf-facts .row span:first-child{font-size:10px;letter-spacing:.18em;color:#9a9fa8;flex:none}.pf-facts .row span:last-child{font-size:12.5px;font-weight:400;letter-spacing:.02em;color:#1f242b;min-width:0;text-align:right}.pf-skill-group+.pf-skill-group{margin-top:clamp(14px,2vh,20px)}.pf-subtitle{font-size:10px;letter-spacing:.26em;color:#9a9fa8;margin-bottom:12px}.pf-skills{display:flex;gap:9px;flex-wrap:wrap}.pf-skills span{border:1px solid rgba(45,96,255,.16);background:#2d60ff0a;border-radius:999px;padding:6px 14px;font-size:11.5px;letter-spacing:.12em;color:#2a2f38;cursor:default;transition:background .25s,border-color .25s,color .25s,transform .25s}.pf-skills span:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.pf-story{display:flex;flex-direction:column}.pf-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);margin-top:2px}.pf-story-col{min-width:0}.pf-story-col+.pf-story-col{border-left:1px solid rgba(15,16,18,.08);padding-left:clamp(20px,3vw,44px)}.pf-story-col-title{font-size:10px;letter-spacing:.3em;color:#9a9fa8;margin-bottom:16px}.pf-timeline{position:relative;padding-left:22px}.pf-timeline:before{content:"";position:absolute;left:3px;top:8px;bottom:8px;width:1.5px;border-radius:2px;background:linear-gradient(180deg,#2d60ff66,#2d60ff0f)}.pf-tl-item{position:relative;padding-bottom:22px}.pf-tl-item:last-child{padding-bottom:0}.pf-tl-item:before{content:"";position:absolute;left:-22px;top:4px;width:8px;height:8px;border-radius:50%;background:#fff;border:1.5px solid var(--accent);box-shadow:0 0 0 3px #2d60ff1a}.pf-tl-item .time{font-size:11px;letter-spacing:.2em;color:var(--accent);font-weight:400;margin-bottom:7px}.pf-tl-item b{display:block;font-size:13.5px;letter-spacing:.05em;color:#22272e;font-weight:400;margin-bottom:7px}.pf-tl-item p{font-size:12.5px;line-height:1.85;color:#4a4e55}.pf-story-awards{margin-top:clamp(20px,2.8vh,28px);padding-top:clamp(16px,2.2vh,24px);border-top:1px solid rgba(15,16,18,.08);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pf-awards-label{font-size:10px;letter-spacing:.3em;color:#9a9fa8;flex:none}.pf-awards-list{display:flex;flex-wrap:wrap;gap:10px}.pf-award-item{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid rgba(15,16,18,.1);background:#fff;font-size:12px;letter-spacing:.08em;color:#2a2f38}.pf-award-item:before{content:"✦";color:var(--accent);font-size:10px}.footer{position:relative;min-height:0;margin:0 1.2vw 1.2vh;padding:7vh 6vw 3.5vh;background:linear-gradient(180deg,#2d60ff,#2047d8 92%);border-radius:28px;overflow:hidden;color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:5vw;align-items:center;min-height:82vh;box-shadow:0 -24px 70px -28px #2d60ff73}.footer:before{content:"";display:block;position:absolute;left:6vw;right:6vw;top:5vh;height:1px;background:#ffffff59}.footer:after{content:"PRODUCT & VISUAL DESIGN";display:block;position:absolute;right:6vw;top:3.6vh;color:#ffffffb8;font-size:9px;letter-spacing:.28em}.footer .ft-badge{display:inline-block;background:#fff;color:#2d60ff;border-radius:99px;padding:10px 18px;font-size:10px;font-weight:800;letter-spacing:.26em}.footer .ft-badge--ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.65);margin-top:3vh}.footer .ft-big{font-size:clamp(44px,7.2vw,112px);font-weight:900;line-height:.96;letter-spacing:.02em;margin-top:2.5vh}.footer .ft-line{height:1.5px;background:#fff6;margin-top:3vh;width:56%}.footer .ft-col--links{border-top:1.5px solid rgba(255,255,255,.4);align-self:center}.footer .ft-col--links a{position:relative;display:grid;grid-template-columns:76px 1fr 24px;align-items:center;gap:18px;border-bottom:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;padding:15px 2px;font-size:clamp(14px,1.4vw,20px);font-weight:600;letter-spacing:.08em;transition:.3s;box-shadow:none}.footer .ft-col--links a:before{font-size:9px;letter-spacing:.24em;color:#ffffffbf}.footer .ft-col--links a:after{content:"↗";font-size:18px;color:#fff;text-align:right;transition:.3s}.footer .ft-col--links a#emailLink:before{content:"E-MAIL"}.footer .ft-col--links a#phoneLink:before{content:"PHONE"}.footer .ft-col--links a:hover{background:transparent;color:#fff;transform:none;padding-left:10px}.footer .ft-col--links a:hover:after{color:#fff;transform:translate(3px,-3px)}.footer .ft-col--links a[hidden]{display:none!important}.footer .ft-wordmark{position:absolute;left:4vw;bottom:-1.4vw;font-size:clamp(70px,13vw,220px);font-weight:900;line-height:1;color:#ffffff24;letter-spacing:-.02em;white-space:nowrap;pointer-events:none;user-select:none}.ft-stickers{position:absolute;inset:0;pointer-events:none}.ft-sticker{position:absolute;top:var(--t);left:var(--l);width:clamp(52px,6.5vw,88px);height:clamp(52px,6.5vw,88px);display:grid;place-items:center;font-size:clamp(24px,3vw,40px);background:var(--sbg,#fff);color:var(--sfg,#2D60FF);border-radius:50%;box-shadow:0 2px #00000014,0 14px 32px #09145038;pointer-events:auto;cursor:grab;will-change:transform;scale:0;opacity:0;transition:scale .8s cubic-bezier(.34,1.56,.64,1),opacity .5s ease}.ft-sticker.ripple{animation:ftRipple .85s cubic-bezier(.22,1.5,.36,1)}@keyframes ftRipple{0%{scale:.55}55%{scale:1.14}78%{scale:.95}to{scale:1}}.footer.in .ft-sticker{scale:1;opacity:1}.footer.in .ft-sticker:nth-child(1){transition-delay:.05s}.footer.in .ft-sticker:nth-child(2){transition-delay:.13s}.footer.in .ft-sticker:nth-child(3){transition-delay:.21s}.footer.in .ft-sticker:nth-child(4){transition-delay:.29s}.footer.in .ft-sticker:nth-child(5){transition-delay:.37s}.footer.in .ft-sticker:nth-child(6){transition-delay:.45s}.ft-credits{position:absolute;right:6vw;bottom:3.2vh;z-index:5}.ft-credits-btn{background:none;color:#fff;border:0;padding:4px 2px;font-size:10px;font-weight:600;letter-spacing:.24em;cursor:pointer;opacity:.6;transition:opacity .25s,color .25s}.ft-credits-btn:hover,.ft-credits:focus-within .ft-credits-btn{opacity:1;color:#fff}.ft-credits-box{position:absolute;right:0;bottom:calc(100% + 12px);width:min(320px,72vw);background:#111;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:18px 20px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.28s cubic-bezier(.2,.8,.2,1)}.ft-credits:hover .ft-credits-box,.ft-credits-box.open{opacity:1;visibility:visible;transform:none}.ft-credits-box p{font-size:11px;letter-spacing:.06em;line-height:1.5;margin:7px 0;color:#fffc}.ft-credits-box b{display:block;font-size:9px;letter-spacing:.26em;color:#8fb0ff;margin-bottom:2px}.footer .fine{grid-column:1/-1;align-self:end;color:#ffffffb8;font-size:10px;letter-spacing:.22em;padding-top:0}.mac-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:4vw}.mac-modal.open{display:flex}.mac-modal .mask{position:absolute;inset:0;background:#000000a8;backdrop-filter:blur(12px)}.mac-window{position:relative;background:#fff;border-radius:12px;overflow:hidden;width:min(980px,100%);box-shadow:0 50px 140px #000000b3;display:flex;flex-direction:column;color:#1a1a1a;transform:scale(.9);opacity:0;transition:.4s cubic-bezier(.2,1.2,.3,1)}.mac-modal.show .mac-window{transform:scale(1);opacity:1}.mac-titlebar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f5f5f7;border-bottom:1px solid #E8E8E8}.mac-titlebar .t{font-size:12px;letter-spacing:.14em;color:#666}.modal-close{border:1px solid #DDD;background:none;color:#444;width:28px;height:28px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;transition:.3s}.modal-close:hover{background:#1a1a1a;color:#fff;transform:rotate(90deg)}.mac-body{display:grid;grid-template-columns:1.15fr .85fr;max-height:76vh}.mac-body .img{background:#fff;min-height:300px;max-height:76vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;user-select:none}.mac-body .img img{max-width:100%;max-height:76vh;width:auto;height:auto;object-fit:contain;transform-origin:center center;will-change:transform;cursor:zoom-in;-webkit-user-drag:none;user-select:none}.mac-body .img.panning img{cursor:grabbing}.mac-body .img.can-pan img{cursor:grab}.zoom-tools{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:5px;padding:5px 7px;background:#141414c7;border:1px solid rgba(255,255,255,.16);border-radius:999px}.zoom-tools button{width:25px;height:25px;border:0;background:none;color:#fff;font-size:16px;line-height:1;cursor:pointer;border-radius:50%}.zoom-tools button:hover{background:#fff;color:#111}.zoom-tools output{min-width:42px;text-align:center;font-size:10px;letter-spacing:.08em;color:#fff}.mac-body .info{padding:clamp(22px,3vw,40px);overflow:hidden auto;scrollbar-width:none}.mac-body .info::-webkit-scrollbar{display:none}.mac-body .no{font-size:11px;letter-spacing:.4em;color:var(--accent);font-weight:700;margin-bottom:10px}.mac-body h3{font-size:clamp(22px,2.4vw,32px);font-weight:900;margin-bottom:6px}.mac-body .cat{font-size:11px;letter-spacing:.3em;color:#999;margin-bottom:22px}.mac-body .desc{font-size:13px;line-height:2;color:#666}.mac-body .tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.mac-body .tags span{border:1px solid #DDD;border-radius:999px;padding:6px 16px;font-size:11px;letter-spacing:.2em;color:#333}#mascot{position:fixed;right:22px;bottom:22px;z-index:150;display:flex;align-items:flex-end;gap:12px}body.is-home #mascot,body:not(.is-home) #mascot{display:none}#mascot .bubble{background:var(--ink);color:var(--bg);border-radius:16px 16px 4px;padding:12px 18px;font-size:13px;letter-spacing:.08em;max-width:220px;box-shadow:0 14px 44px #00000080;opacity:0;transform:translateY(10px) scale(.92);transition:.45s cubic-bezier(.2,.9,.3,1.3);pointer-events:none}#mascot .bubble.show{opacity:1;transform:none}#mascot .bubble b{color:var(--accent)}#mascot .m-panel{position:absolute;right:70px;bottom:2px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(10px) scale(.95);transform-origin:bottom right;pointer-events:none;transition:.35s cubic-bezier(.2,.9,.3,1.25)}#mascot .m-panel.show{opacity:1;transform:none;pointer-events:auto}#mascot .m-panel button{border:1px solid var(--line);background:#fffffff0;backdrop-filter:blur(8px);color:var(--ink);border-radius:999px;padding:10px 18px;font-size:12px;letter-spacing:.14em;cursor:pointer;text-align:right;transition:.25s;white-space:nowrap}#mascot .m-panel button:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translate(-4px)}#mascot .face{width:56px;height:56px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 34px #2d60ff59;transition:.3s;flex:none}#mascot .face:hover{transform:scale(1.08) rotate(-8deg)}#mascot .face svg{width:34px;height:34px}#frame{position:fixed;inset:12px;z-index:210;pointer-events:none;border:1.5px solid rgba(20,19,17,.3);border-radius:14px}#frame i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #2d60ff80}#frame i:nth-child(1){top:-4px;right:22%}#frame i:nth-child(2){top:-4px;right:18%}#progress{position:fixed;top:12px;left:12px;height:3px;background:var(--accent);z-index:99;width:0;border-radius:0 3px 3px 0}@media (max-width:900px){.grid{grid-template-columns:1fr 1fr}.grid .col-right,.grid .col-mid{margin-top:0}.mac-body{grid-template-columns:1fr}.mac-body .img{max-height:52vh;min-height:220px}.mac-body .img img{max-height:52vh}.mac-body .info{max-height:none}.pf-story-grid{grid-template-columns:1fr;gap:24px}.pf-story-col+.pf-story-col{border-left:0;padding-left:0;border-top:1px solid rgba(15,16,18,.08);padding-top:24px}#profile{width:auto;margin-left:7vw;margin-right:7vw;padding-left:0;padding-right:0;gap:34px}.pf-hero{grid-template-columns:1fr;gap:26px}.pf-avatar{width:76px}.footer{display:flex;flex-direction:column;padding:10vh 7vw 4vh}.footer .ft-grid{grid-template-columns:1fr;gap:6vh}.footer .ft-col--links{width:100%;margin-top:2vh}.footer .ft-wordmark{font-size:26vw;bottom:-3vw}.footer .fine{margin-top:auto;padding-top:12vh}#preview{display:none}}@media (hover:none){.grid.focus .work:not(:hover) .img-box{filter:none;opacity:1}}@media (prefers-reduced-motion:reduce){.work{opacity:1;filter:none;transform:none;clip-path:none;transition:none}}@media (max-width:760px){#frame{inset:8px;border-radius:10px}#progress{top:8px;left:8px}#quickNav{left:4vw;right:calc(4vw + 42px);top:14px;transform:none;flex-direction:row;align-items:center;overflow-x:auto;gap:16px;padding:10px 14px;scrollbar-width:none;background:#ffffffeb;backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:999px;box-shadow:none}#quickNav::-webkit-scrollbar{display:none}#quickNav a{flex:none;gap:0;padding:4px 0}#quickNav a i{display:none}#quickNav a.active{color:var(--accent)}#quickNav a .t{display:inline;max-width:none;opacity:1;transform:none}body.is-home.nav-auto-hidden #quickNav{transform:translateY(-130%);opacity:0}body.is-home.nav-peek #quickNav{transform:none;opacity:.72}#quickNav.nav-on-dark{background:#111e4880;border-color:#ffffff52}.mac-modal{padding:0}.mac-window{width:100%;height:100%;border-radius:0}.mac-body{max-height:none;overflow:hidden auto;scrollbar-width:none}.mac-body::-webkit-scrollbar{display:none}.zoom-tools{opacity:1}#desktop .desk-topline{top:9vh;left:7vw;right:7vw;font-size:9px;letter-spacing:.2em}#desktop:before{inset:16vh 9vw 14vh 9vw}#desktop:after{inset:24vh 9vw 22vh 25vw}#desktop .desk-sidecopy{left:7vw;bottom:16vh;font-size:9px}#desktop .desk-stamp{right:8vw;top:21vh;width:70px;height:70px;font-size:8px}#desktop .desk-title{transform:translateY(-4vh)}#desktop .desk-kicker{font-size:9px;letter-spacing:.28em}#desktop h1{font-size:clamp(64px,20vw,110px)}#desktop .desk-sub{font-size:13px;max-width:270px}#desktop .desk-go{margin-top:3vh;padding:12px 16px 12px 22px;font-size:11px;gap:16px}#desktop .desk-marquee{bottom:5vh;font-size:8px;letter-spacing:.24em}}#desktop{min-height:100svh;display:block;position:relative;overflow:hidden;padding:0 6vw}#desktop:before,#desktop:after{display:none}#desktop .desk-topline{top:7vh;left:6vw;right:6vw;font-size:10px;letter-spacing:.28em}#desktop .desk-title{position:absolute;left:6vw;top:50%;transform:translateY(-53%);text-align:left;z-index:4;pointer-events:none}#desktop .desk-title .desk-go{pointer-events:auto}#desktop .desk-kicker{color:var(--accent);font-size:11px;letter-spacing:.38em;margin-bottom:22px;text-shadow:0 1px 3px rgba(255,255,255,.4)}#desktop h1{font-size:clamp(76px,11vw,220px);line-height:.92;letter-spacing:.03em;text-shadow:0 2px 24px rgba(255,255,255,.55)}#desktop h1 span{display:inline;animation:none}#desktop h1 span:first-child{color:var(--ink)}#desktop h1 .outline{color:var(--accent);-webkit-text-stroke:0;filter:none;margin-left:.08em}#desktop .desk-sub{margin:24px 0 0;color:var(--soft);font-size:13px;letter-spacing:.16em;line-height:2;max-width:250px}#desktop .desk-go{margin-top:34px;border-color:#1413118c;padding:12px 16px 12px 22px;gap:18px}#desktop .desk-sidecopy{left:6vw;bottom:8vh;font-size:10px;letter-spacing:.22em;gap:6px}#desktop .desk-stamp,#desktop .star,#desktop .desk-marquee{display:none}.city-stage{position:absolute;inset:0;z-index:1;display:block}.city-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;z-index:2;pointer-events:none;background:radial-gradient(58% 84% at 60% 104%,#2d60ff1a,#2d60ff0a 44%,#2d60ff00 72%)}#city3d{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;cursor:default;touch-action:pan-y;background:var(--bg)}#city3d canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;touch-action:pan-y}.city-placeholder i:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 11px,rgba(45,96,255,.35) 12px 14px);opacity:.45}.city-placeholder i:nth-child(1){width:34%;height:44%;left:8%;bottom:17%;transform:translateZ(14px)}.city-placeholder i:nth-child(2){width:27%;height:66%;left:38%;bottom:17%;transform:translateZ(28px)}.city-placeholder i:nth-child(3){width:24%;height:35%;right:5%;bottom:17%;transform:translateZ(9px)}.city-placeholder i:nth-child(4){width:18%;height:24%;left:25%;bottom:62%;transform:translateZ(46px)}.city-placeholder i:nth-child(5){width:14%;height:52%;right:20%;bottom:50%;transform:translateZ(36px)}.city-placeholder span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(18deg) rotateX(-56deg);color:#0f1012bf;font-size:10px;letter-spacing:.3em;white-space:nowrap}@keyframes cityFloat{0%,to{transform:perspective(700px) rotateX(56deg) rotate(-18deg) translateY(0)}50%{transform:perspective(700px) rotateX(56deg) rotate(-18deg) translateY(-9px)}}@media (max-width:900px){#desktop{padding:0 7vw}#desktop .desk-topline{left:7vw;right:7vw;top:9vh}#desktop .desk-title{left:7vw;top:31%;transform:none}#desktop h1{font-size:clamp(68px,19vw,112px)}.city-stage{top:auto;bottom:2vh;right:4vw;width:92vw;height:38vh;min-height:270px;transform:none}#city3d{min-height:290px}#desktop .desk-sidecopy{display:none}.city-placeholder{inset:8% 6% 16%}}@media (min-width:1800px){.section{max-width:1600px;padding-left:2vw;padding-right:2vw}#profile{max-width:1480px}.grid,.grid .col{gap:clamp(32px,2.6vw,56px)}.mac-window{width:min(1280px,92vw)}}@media (min-width:3200px){.city-stage{inset:0}}