@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background:#111;position:relative;overflow:hidden}.card-spotlight:before{content:"";z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 72%);transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.specular-frame{border-radius:var(--specular-radius,0);isolation:isolate;position:relative;overflow:hidden}.specular-frame>:not(.specular-frame__fx){z-index:1;position:relative}.specular-frame__fx{z-index:2;pointer-events:none;border-radius:inherit;padding:var(--specular-thickness,1px);background:radial-gradient(circle 240px at var(--specular-x,-300px) var(--specular-y,-300px), var(--specular-line) 0, transparent 68%), linear-gradient(var(--specular-base), var(--specular-base));opacity:.42;-webkit-mask-composite:xor;transition:opacity .18s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.specular-frame:hover .specular-frame__fx{opacity:var(--specular-intensity,1)}@media (prefers-reduced-motion:reduce),(pointer:coarse){.specular-frame__fx{display:none}}:root{color:#f0f0ee;font-synthesis:none;background:#0a0b0d;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0a0b0d;margin:0}button,a{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}.shell{width:min(1700px,100% - 96px);margin:0 auto}.section{padding:140px 0}.eyebrow,.section-label,.hero-meta,.stat-strip p,.project-info p,.contact-footer p{letter-spacing:.09em;font:500 10px/1.2 DM Mono,monospace}.hero{isolation:isolate;background:#000;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.nav{z-index:6;grid-template-columns:1fr auto 1fr;align-items:center;height:94px;display:grid}.brand{letter-spacing:-.075em;text-align:left;font:800 20px/1 Manrope}.brand span{vertical-align:top;letter-spacing:0;margin-left:2px;font-size:8px}.nav-links{gap:clamp(34px,5vw,88px);display:flex}.nav-links button{color:#aaa;padding:9px 0;font-size:12px;font-weight:700;position:relative}.nav-links button:after{content:"";background:#fff;width:0;height:2px;transition:width .35s;position:absolute;bottom:0;left:0}.nav-links button.active:after{width:100%}.contact-link{text-align:right;letter-spacing:-.035em;color:#b7ff00;justify-self:end;padding:0;font:800 12px/.98 Manrope}.contact-link .arrow{color:#f5f5f2;margin-left:6px;font-size:13px}.arrow{margin-left:12px;font-size:17px;transition:transform .25s;display:inline-block}button:hover .arrow,a:hover .arrow{transform:translate(4px,-3px)}.hero-main{z-index:3;pointer-events:none;flex:1;width:min(100% - 96px,1700px);padding:10.5vh 0 0;position:relative}.hero-intro{color:#fff;width:280px}.hero-intro .hero-kicker{letter-spacing:-.1em;margin:0 0 12px;font:800 clamp(42px,3.9vw,70px)/.87 Noto Sans SC,sans-serif}.hero-intro .hero-kicker i{color:#b7ff00;font-style:normal}.hero-intro b{letter-spacing:-.07em;margin-bottom:9px;font:800 clamp(22px,2.1vw,36px)/1 Manrope;display:block}.hero-intro b:first-letter{color:#fff}.hero-intro>p:last-child{letter-spacing:-.015em;margin:0;font:800 11px/1.32 Manrope}.hero-intro>p:last-child strong{color:#b7ff00}.hero-name{text-align:right;position:absolute;top:12vh;right:0}.hero-name span{letter-spacing:.1em;color:#c7c7c2;font:500 10px DM Mono;display:block}.hero-name p{letter-spacing:.06em;color:#777;margin:9px 0 0;font:700 10px/1.4 DM Mono}.scroll-prompt{pointer-events:auto;color:#f2f2ef;letter-spacing:.08em;padding:12px 0;font:700 10px DM Mono;position:absolute;bottom:23vh;right:0}.hero-display{z-index:1;white-space:nowrap;color:#f5f5f0;letter-spacing:-.11em;margin:0;font:800 clamp(118px,16.5vw,328px)/.73 Manrope;position:absolute;bottom:-2.1vw;left:-1.1vw}.hero-display i{color:#b7ff00;font-style:normal}.hero-display span{color:#b7ff00;vertical-align:.17em;margin-left:.035em;font-size:.48em;display:inline-block}.hero-meta{z-index:3;color:#979793;border-top:1px solid #ffffff30;justify-content:space-between;padding:18px max(48px,50vw - 850px);display:flex;position:relative}.section-label{color:#9e9ea1;align-items:center;gap:16px;display:flex}.section-label span{color:#e8e8e8}.about-grid{grid-template-columns:29% 1fr;align-items:end;gap:11.5%;margin-top:72px;display:grid}.portrait-wrap{background:#ddddd9;height:454px;position:relative;overflow:hidden}.portrait-wrap:before{content:"";z-index:1;pointer-events:none;border:1px solid #0003;position:absolute;inset:13px}.portrait-wrap img{object-fit:cover;object-position:center 14%;filter:grayscale()contrast(1.12);mix-blend-mode:multiply;width:100%;height:100%}.portrait-caption{color:#0c0c0d;letter-spacing:.1em;z-index:2;font:500 11px/1.1 DM Mono;position:absolute;bottom:20px;left:26px}.about-copy{padding-bottom:5px}.large-copy{letter-spacing:-.08em;margin:0 0 70px;font-size:clamp(39px,4.1vw,70px);font-weight:400;line-height:1.18}.large-copy strong{color:#9e9aad;font-weight:500}.about-details{grid-template-columns:1fr auto;align-items:end;gap:22px;max-width:600px;margin-left:auto;display:grid}.about-details p{color:#a6a6a8;margin:0;font-size:14px;line-height:2}.about-details a{white-space:nowrap;border-bottom:1px solid #aaa;padding-bottom:6px;font-size:12px}.stat-strip{border-top:1px solid #333438;border-bottom:1px solid #333438;grid-template-columns:repeat(3,1fr) 1.45fr;margin-top:115px;padding:29px 0 27px;display:grid}.stat-strip>div{border-right:1px solid #333438;padding:0 26px}.stat-strip>div:first-child{padding-left:0}.stat-strip>div:last-child{border:0;padding-right:0}.stat-strip b{letter-spacing:-.06em;font-size:36px;font-weight:500;display:block}.stat-strip b span{color:#918aaf}.stat-strip p{color:#88888b;margin:7px 0 0}.stat-strip .info{grid-template-columns:.8fr 1.2fr;align-items:baseline;display:grid}.stat-strip .info b{letter-spacing:.01em;font:500 14px DM Mono}.stat-strip .info p:last-child{grid-column:2}.about-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.9fr) minmax(0,.75fr);align-items:center;gap:4.5%}.about-grid .large-copy{margin:0;font-size:clamp(34px,3.17vw,58px)}.about-grid .large-copy .theme-word{color:#b7ff00}.about{overflow:hidden}.about-grid .large-copy,.about-grid .about-details{z-index:2;position:relative}.about-portrait-center{z-index:1;place-items:center;width:100%;height:clamp(520px,46vw,760px);margin:0;display:grid;position:relative;overflow:visible}.about-portrait-center img{object-fit:contain;filter:saturate(.88)contrast(1.04);width:min(1360px,118vw);max-width:none;height:100%;display:block;transform:translate(-200px,-65px)}.about-grid .about-details{grid-template-columns:1fr;gap:26px;max-width:none;margin:0}.about-grid .about-details a{justify-self:start}@media (width>=801px){.about.section{height:1000px;min-height:1000px;padding-top:74px;padding-bottom:56px}.about .about-grid{grid-template:"headline portrait"1fr"details portrait"1fr/460.77px minmax(0,1fr);align-items:stretch;gap:28px 4%;height:650px;margin-top:34px}.about-grid .large-copy{grid-area:headline;align-self:end;width:460.77px;height:272.97px;transform:translateY(-40px)}.about-portrait-center{grid-area:portrait;height:650px}.about-portrait-center img{height:800px;transform:translate(-200px,-123px)}.about-grid .about-details{grid-area:details;align-self:start;width:390px;transform:translateY(-40px)}.about-grid .about-details p{height:225px;padding-top:50px}.about .stat-strip{margin-top:30px;padding-top:22px;padding-bottom:20px}}.work{color:#141416;background:#e6e5e1;padding:135px 0 140px}.section-head{justify-content:space-between;align-items:flex-start;display:flex}.section-head p{color:#6b6b6b;text-align:right;margin:0;font:500 10px/1.5 DM Mono}h2{letter-spacing:-.09em;margin:71px 0 66px;font-size:clamp(58px,8.4vw,140px);font-weight:500;line-height:.9}h2 span{font-family:Noto Sans SC;font-weight:400}.project-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project-card{background:#1b1b1d;height:480px;position:relative;overflow:hidden}.project-card.wide{grid-column:1/-1;height:min(48vw,720px)}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.project-card:hover img{transform:scale(1.04)}.project-shade{background:linear-gradient(#0000 50%,#000000bd);position:absolute;inset:0}.project-info{color:#f7f7f5;grid-template-columns:75px 1fr auto;align-items:end;padding:25px 30px;display:grid;position:absolute;bottom:0;left:0;right:0}.project-info>span{align-self:start;font:500 11px DM Mono}.project-info h3{letter-spacing:-.05em;margin:0;font-size:23px;font-weight:600}.project-info p{color:#ddd;margin:7px 0 0}.project-info button{border:1px solid #fff9;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.project-info button .arrow{margin:0}.all-work{border-bottom:1px solid #181818;margin-top:36px;padding-bottom:7px;font-size:13px}.expertise{padding-bottom:150px}.expertise-head{grid-template-columns:1fr 270px;align-items:end;gap:30px;margin:68px 0 90px;display:grid}.expertise-head h2{margin:0;font-size:clamp(44px,5.4vw,86px)}.expertise-head p{color:#98989b;margin:0;font-size:14px;line-height:1.9}.capability-grid{border-top:1px solid #343539;grid-template-columns:repeat(4,1fr);display:grid}.capability{border-right:1px solid #343539;flex-direction:column;min-height:352px;padding:21px 23px 21px 0;display:flex;position:relative}.capability+.capability{padding-left:24px}.capability:last-child{border:0}.capability>span{color:#949497;font:500 10px DM Mono}.cap-icon{color:#b8b3d2;margin:auto 0 23px;font-size:27px}.capability h3{letter-spacing:-.05em;margin:0;font-size:23px;font-weight:500}.capability p{color:#929296;max-width:260px;margin:14px 0 20px;font-size:13px;line-height:1.8}.capability .arrow{color:#b5b0cf;margin:0;position:absolute;bottom:21px;right:22px}.contact{background:#111217;min-height:100vh;position:relative;overflow:hidden}.contact:after{content:"";background:radial-gradient(circle at 47% 70%,#5a51906b,#0000 22%),linear-gradient(150deg,#121318,#090a0c);position:absolute;inset:0}.contact-orbit{z-index:1;border:1px solid #bdb7ff38;border-radius:50%;position:absolute}.orbit-a{width:880px;height:880px;bottom:-580px;left:-190px}.orbit-b{width:1180px;height:1180px;top:-760px;right:-580px}.contact-inner{z-index:2;flex-direction:column;min-height:100vh;padding-top:54px;display:flex;position:relative}.contact-prelude{color:#b6b5b9;margin:auto 0 20px;font-size:15px}.contact-title{letter-spacing:-.1em;font-size:clamp(62px,10vw,170px);font-weight:500;line-height:.9}.contact-title span{color:#a8a0d1}.contact-footer{border-top:1px solid #fff3;grid-template-columns:1fr 1fr 1.4fr;margin-top:auto;padding:24px 0 28px;display:grid}.contact-footer p{color:#89898d;margin:0 0 8px}.contact-footer a{font-size:14px}.copyright{text-align:right;line-height:1.6}@media (width<=800px){.shell{width:min(100% - 40px,1700px)}.nav{grid-template-columns:1fr auto;height:76px}.nav-links{display:none}.contact-link{font-size:9px}.hero-main{width:min(100% - 40px,1700px);padding-top:8vh}.hero-intro{width:210px}.hero-intro .hero-kicker{font-size:43px}.hero-intro b{font-size:25px}.hero-intro>p:last-child{font-size:9px}.hero-name{top:8vh}.hero-name p{display:none}.scroll-prompt{font-size:8px;bottom:19vh;right:0}.hero-display{font-size:25.5vw;bottom:-1.8vw;left:-1vw}.hero-meta{padding:18px 20px}.hero-meta span:nth-child(2){display:none}.section{padding:80px 0}.about-grid{grid-template-columns:1fr;gap:45px;margin-top:45px}.portrait-wrap{width:min(100%,370px);height:380px}.large-copy{margin-bottom:38px}.about-details{grid-template-columns:1fr;margin:0}.stat-strip{grid-template-columns:repeat(2,1fr);gap:22px 0;margin-top:70px}.stat-strip .info{border:0;grid-column:1/-1;padding-left:0}.work{padding:80px 0}.project-grid{grid-template-columns:1fr}.project-card,.project-card.wide{height:68vw;min-height:290px}.project-card.wide{grid-column:auto}.project-info{grid-template-columns:46px 1fr auto;padding:17px}.project-info h3{font-size:18px}.expertise-head{grid-template-columns:1fr;margin:45px 0}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability:nth-child(2){border-right:0}.capability:nth-child(n+3){border-top:1px solid #343539}.contact-inner{padding-top:35px}.contact-footer{grid-template-columns:1fr 1fr;gap:24px}.copyright{text-align:left;grid-column:1/-1}.about-grid{grid-template-columns:1fr;gap:38px}.about-grid .large-copy{margin:0}.about-portrait-center{height:98vw;max-height:560px;overflow:hidden}.about-portrait-center img{width:142vw;transform:translate(4vw)}}:root{--accent:#b7ff00;--accent-ink:#101500}.floating-nav{z-index:20;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;position:fixed;top:0;left:-2.3vw;right:0;transform:translateY(-16px)}.floating-nav.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.floating-nav-inner{-webkit-backdrop-filter:blur(18px)saturate(135%);background:#0d0f0d99;border-bottom:1px solid #ffffff2b;grid-template-columns:minmax(150px,1fr) minmax(390px,680px) minmax(150px,1fr);align-items:center;min-height:68px;padding:0 max(48px,50vw - 850px);display:grid;box-shadow:0 12px 36px #00000038,inset 0 1px #ffffff14}.floating-nav .brand{font-size:16px}.floating-nav .nav-links{justify-content:space-between;gap:20px;width:100%}.floating-nav .nav-links button{font-size:11px}.floating-contact{color:var(--accent);letter-spacing:.05em;border:1px solid #b7ff00cc;justify-self:end;padding:8px 12px;font:700 10px DM Mono,monospace;transition:background-color .25s,color .25s,border-color .25s}.floating-contact:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.floating-contact .arrow{margin-left:7px}.nav-links button.active,.nav-links button:hover{color:var(--accent)}.nav-links button:after{background:var(--accent)}.hero-aurora{z-index:1;opacity:.28;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.hero{background:#000}.hero-display{bottom:1.4vw}.contact-link,.contact-link .arrow,.hero-intro .hero-kicker i,.hero-intro>p:last-child strong,.hero-display i,.hero-display span{color:var(--accent)}.contact-link:hover,.contact-link:hover .arrow{color:#fff}.scroll-prompt:hover,.scroll-prompt:hover .arrow,.about-details a:hover,.all-work:hover,.contact-title:hover,.contact-footer a:hover{color:var(--accent);border-color:var(--accent)}.project-info button,.all-work,.about-details a,.contact-title,.contact-footer a{transition:color .25s,background-color .25s,border-color .25s,transform .25s}.project-info button:hover{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);transform:rotate(45deg)}.project-info button:hover .arrow{transform:none}.large-copy strong,.stat-strip b span,.cap-icon,.capability .arrow,.contact-title span{color:var(--accent)}.capability:hover{background:#b7ff0012}.capability:hover h3,.capability:hover .cap-icon,.capability:hover .arrow{color:var(--accent)}@media (width<=800px){.floating-nav{top:0}.floating-nav-inner{grid-template-columns:1fr auto;min-height:52px;padding:0 20px}.floating-nav .nav-links{display:none}.hero-display{bottom:1.7vw}}.about{isolation:isolate;clip-path:inset(0 -100vmax);background:#000;position:relative;box-shadow:0 0 0 100vmax #000}.about .large-copy strong{color:#f0f0ee}.work{color:#141416;background:#fff}.work .section-head p,.work .section-label{color:#6b6b6b}.work .section-label span{color:#141416}.work .all-work{border-color:#181818}.project-card.card-spotlight{border:0;border-radius:0;padding:0}.project-card .spotlight-project-content{width:100%;height:100%;position:relative;overflow:hidden}.project-card.card-spotlight .project-info button{width:56px;height:56px}.card-jump{z-index:4;color:#fff;border:1px solid #ffffffbf;border-radius:50%;place-items:center;width:56px;height:56px;transition:background-color .25s,border-color .25s,color .25s,transform .25s;display:grid;position:absolute;bottom:24px;right:26px}.project-card .project-info{pointer-events:none;padding-right:104px}.card-jump .arrow{margin:0}.card-jump:hover{color:#101500;background:var(--accent);border-color:var(--accent);transform:rotate(45deg)}.hero-display,.hero-intro,.hero-name,.scroll-prompt,.project-card,.project-card img,.about-portrait-center,.capability{will-change:transform, opacity, clip-path}@media (prefers-reduced-motion:reduce){.hero-display,.hero-intro,.hero-name,.scroll-prompt,.project-card,.project-card img,.about-portrait-center,.capability{will-change:auto}}.project-page{color:#f3f3ef;background:#000;min-height:100vh}.project-page-nav{z-index:3;border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:center;width:100%;height:86px;padding:0 max(48px,50vw - 850px);display:flex;position:absolute;top:0;left:0}.project-back,.project-footer button,.project-footer a{letter-spacing:.08em;font:700 11px DM Mono,monospace}.project-cover{background:#000;height:600px;min-height:0;position:relative;overflow:hidden}.project-cover-specular{position:absolute;inset:0}.project-cover-specular>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hanamino-cover,.dr-mary-cover,.half-free-cover,.hailan-cover,.prof-ling-cover{background:#000}.hanamino-cover>.project-cover-specular,.hanamino-cover>.project-cover-shade,.dr-mary-cover>.project-cover-specular,.dr-mary-cover>.project-cover-shade,.half-free-cover>.project-cover-specular,.half-free-cover>.project-cover-shade,.hailan-cover>.project-cover-specular,.hailan-cover>.project-cover-shade,.prof-ling-cover>.project-cover-specular,.prof-ling-cover>.project-cover-shade,.henan-aggregate-cover>.project-cover-specular,.henan-aggregate-cover>.project-cover-shade{display:none}.henan-aggregate-cover{background:#000}.project-cover-shade{background:linear-gradient(90deg,#000000b3,#0000 70%),linear-gradient(#0000 46%,#000000b3);position:absolute;inset:0}.project-cover-copy{z-index:1;position:absolute;bottom:9vw;left:max(48px,50vw - 850px)}.project-cover-copy>span,.project-intro>span,.project-gallery figcaption{letter-spacing:.11em;color:#bebeb8;font:500 10px DM Mono,monospace}.project-cover-copy h1{letter-spacing:-.1em;margin:18px 0 10px;font:600 clamp(68px,11vw,190px)/.8 Manrope}.project-cover-copy h1 span{color:var(--accent)}.project-cover-copy p{letter-spacing:.08em;margin:0;font:500 12px DM Mono,monospace}.project-intro{border-bottom:1px solid #ffffff38;grid-template-columns:22% 1fr;gap:10%;padding:150px 0;display:grid}.project-intro>p{letter-spacing:-.07em;max-width:900px;margin:0;font-size:clamp(30px,4vw,64px);line-height:1.18}.project-intro>div{grid-column:2;gap:12px;margin-top:20px;display:flex}.project-intro b{letter-spacing:.08em;border:1px solid #ffffff54;padding:9px 12px;font:500 10px DM Mono,monospace}.project-gallery{grid-template-columns:1fr;gap:28px;padding:60px 0 150px;display:grid}.project-gallery figure{box-shadow:none;background:#000;border:0;outline:0;margin:0;position:relative;overflow:hidden}.project-gallery img{width:calc(100% + 2px);max-width:none;height:auto;box-shadow:none;border:0;outline:0;margin:-1px;display:block}.project-footer{border-top:1px solid #ffffff38;justify-content:space-between;padding:30px 0 38px;display:flex}@media (width<=800px){.project-page-nav{height:68px;padding:0 20px}.project-cover{height:420px}.project-cover-copy{bottom:16vw;left:20px}.project-intro{grid-template-columns:1fr;gap:28px;padding:80px 0}.project-intro>div{flex-wrap:wrap;grid-column:auto}.project-gallery{gap:16px;padding:30px 0 80px}}.hero-intro .hero-kicker{margin-bottom:15px;line-height:1.02}.hero-intro b{margin-bottom:12px;line-height:1.1}.hero-intro>p:last-child{line-height:1.52}