@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Kanit:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap";.cursor-grid{width:100%;height:100%;position:relative;overflow:hidden}.cursor-grid canvas{width:100%;height:100%;display:block}.cursor-grid.global-cursor-grid{z-index:9998;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}@media (pointer:coarse),(prefers-reduced-motion:reduce){.cursor-grid.global-cursor-grid{display:none}}.accordion-gallery{perspective:1400px;perspective-origin:50%;width:100%;max-width:100%;display:flex}.ag-panel{cursor:pointer;min-width:0;transform-style:preserve-3d;will-change:flex-grow,transform;background:#09070e;outline:none;flex:1 1 0;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000059}.ag-panel:focus-visible{box-shadow:0 0 0 2px #fff,0 24px 70px #00000059}.ag-panel>img{object-fit:cover;will-change:transform,filter,opacity;width:100%;height:100%;position:absolute;inset:0}.ag-shade{pointer-events:none;background:linear-gradient(#0600101f 38%,#060010eb 100%);position:absolute;inset:0}.ag-number{color:#ffffffbf;letter-spacing:.18em;font-size:11px;position:absolute;top:24px;left:24px}.ag-label{color:#fff;opacity:0;pointer-events:none;align-items:center;gap:14px;transition:opacity .35s,transform .5s;display:flex;position:absolute;bottom:28px;left:28px;right:28px;transform:translateY(12px)}.ag-panel--active .ag-label{opacity:1;transform:translateY(0)}.ag-label i{background:#fff;border-radius:3px;width:3px;height:46px;box-shadow:0 0 18px #ffffffb3}.ag-label div{flex-direction:column;gap:5px;min-width:0;display:flex}.ag-label strong{white-space:nowrap;font-size:clamp(22px,2.1vw,38px);font-weight:600;line-height:1}.ag-label span{letter-spacing:.15em;text-transform:uppercase;color:#ffffffb8;white-space:nowrap;font-size:10px}@media (width<=900px){.accordion-gallery{height:540px!important}.ag-label{bottom:20px;left:18px}.ag-number{top:18px;left:18px}}@media (width<=560px){.accordion-gallery{flex-direction:column;height:auto!important}.ag-panel{min-height:105px;transform:none!important}.ag-panel--active{min-height:360px}.ag-label strong{font-size:24px}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel>img{will-change:auto}.ag-label{transition:none}}.specular-card{--spec-x:50%;--spec-y:50%;--spec-angle:0deg;isolation:isolate;position:relative;overflow:hidden}.specular-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--spec-angle) at var(--spec-x) var(--spec-y),#ffffff14 0deg,#ffffff14 115deg,#fffffff2 174deg,#b600a8b3 196deg,#ffffff14 250deg);-webkit-mask-composite:xor;pointer-events:none;z-index:3;opacity:.35;padding:1px;transition:opacity .3s;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-card:after{content:"";aspect-ratio:1;width:65%;left:var(--spec-x);top:var(--spec-y);opacity:0;pointer-events:none;z-index:-1;background:radial-gradient(circle,#ffffff17,#b600a809 35%,#0000 70%);transition:opacity .35s;position:absolute;transform:translate(-50%,-50%)}.specular-card:hover:before,.specular-card:hover:after{opacity:1}@media (prefers-reduced-motion:reduce){.specular-card:before,.specular-card:after{transition:none}}.line-sidebar{--accent-color:#f97316;--text-color:#d7e2ea;--marker-color:#61686d;--marker-length:58px;--max-shift:22px;--item-gap:24px;--font-size:1rem;width:100%}.line-sidebar ul{gap:var(--item-gap);flex-direction:column;margin:0;padding:4px 0;list-style:none;display:flex}.line-sidebar li{--energy:max(var(--effect,0),var(--active,0));position:relative}.line-sidebar button{width:100%;color:inherit;grid-template-columns:118px var(--marker-length) 1fr;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;align-items:start;padding:0;display:grid}.line-sidebar time{color:color-mix(in srgb,var(--accent-color) calc(var(--energy) * 100%),#858a8e);padding-top:4px;font-size:.62rem;transition:color .12s}.line-sidebar__marker{height:1px;width:var(--marker-length);background:color-mix(in srgb,var(--accent-color) calc(var(--energy) * 100%),var(--marker-color));transform-origin:0;transform:scaleX(calc(.38 + var(--energy) * .62));margin-top:11px;transition:transform .12s,background .12s}.line-sidebar__copy{transform:translateX(calc(var(--energy) * var(--max-shift)));flex-direction:column;gap:7px;padding-left:20px;transition:transform .12s;display:flex}.line-sidebar__copy strong{font-size:var(--font-size);color:color-mix(in srgb,var(--accent-color) calc(var(--active) * 100%),var(--text-color));font-weight:600;transition:color .12s}.line-sidebar__copy small{color:#8c9194;font-size:.68rem}.line-sidebar li:not(:last-child):after{content:"";left:118px;top:calc(100% + var(--item-gap) / 2);width:calc(var(--marker-length) * .3);background:var(--marker-color);opacity:.45;height:1px;position:absolute}@media (width<=650px){.line-sidebar button{grid-template-columns:90px 38px 1fr}.line-sidebar__marker{width:38px}.line-sidebar li:not(:last-child):after{left:90px}.line-sidebar__copy{padding-left:12px}.line-sidebar__copy strong{font-size:.88rem}}.tilted-card-figure{perspective:1000px;justify-content:center;align-items:center;width:100%;margin:0;display:flex;position:relative}.tilted-card-inner{--tilt-x:0px;--tilt-y:0px;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.tilted-card-img{object-fit:cover;width:106%;height:106%;transform:translate3d(var(--tilt-x),var(--tilt-y),0) scale(1.03);will-change:transform;transition:transform .3s;position:absolute;inset:-3%}.tilted-card-shade{background:linear-gradient(#0000 45%,#000000eb);position:absolute;inset:0;transform:translateZ(12px)}.tilted-card-overlay{z-index:2;pointer-events:none;position:absolute;inset:0;transform:translateZ(38px)}@media (hover:none),(prefers-reduced-motion:reduce){.tilted-card-inner{transition:none;transform:none!important}.tilted-card-img{transform:scale(1.03)}}.aurora-container{width:100%;height:100%}.aurora-container canvas{width:100%;height:100%;display:block}.stroke-text{width:100%;line-height:0;display:block}.stroke-text--hover{cursor:pointer}.stroke-text__svg{width:100%;height:var(--stroke-text-height,160px);display:block}.stroke-text__stroke,.stroke-text__fill{-webkit-user-select:none;user-select:none}.project-card-carousel{width:100%;height:var(--carousel-stage-height,620px);perspective:1350px;perspective-origin:50% 48%;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#000;border:1px solid #ffffff1a;border-radius:26px;outline:none;transition:height .55s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.project-card-carousel:active{cursor:grabbing}.project-card-carousel:focus-visible{box-shadow:0 0 0 2px #f97316}.project-card-carousel__camera{transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0}.project-card-carousel__card{width:var(--carousel-card-width,min(72%,980px));height:var(--carousel-card-height,calc(100% - 106px));transform-style:preserve-3d;will-change:transform,opacity;cursor:pointer;place-items:center;margin:0;transition:visibility .2s;display:grid;position:absolute}.project-card-carousel__card:before,.project-card-carousel__card:after{content:"";background:#171717;border:1px solid #ffffff2e;border-radius:20px;position:absolute;inset:0;transform:translateZ(-8px);box-shadow:0 36px 90px #0000009e}.project-card-carousel__card:after{background:#262626;transform:translateZ(-4px)}.project-card-carousel__surface{z-index:2;background:#0c0c0c;border:1px solid #ffffff38;border-radius:20px;place-items:center;width:100%;height:100%;padding:12px;display:grid;position:relative;overflow:hidden;transform:translateZ(2px);box-shadow:inset 0 1px 1px #ffffff1f}.project-card-carousel__surface img{object-fit:contain;cursor:zoom-in;background:0 0;flex:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.project-card-carousel__controls{z-index:150;color:#73787c;white-space:nowrap;align-items:center;gap:18px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.project-card-carousel__controls span{letter-spacing:.18em;font-size:8px}.project-card-carousel__controls button{color:#f7f7f7;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ab8;border:1px solid #ffffff4d;border-radius:50%;width:42px;height:42px;font-size:17px}.project-card-carousel__controls button:hover{color:#f97316;border-color:#f97316}@media (width<=760px){.project-card-carousel{border-radius:18px;min-height:360px}.project-card-carousel__surface{border-radius:14px;padding:7px}.project-card-carousel__card:before,.project-card-carousel__card:after{border-radius:14px}.project-card-carousel__controls{gap:10px;bottom:18px}.project-card-carousel__controls span{font-size:7px}.project-card-carousel__controls button{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.project-card-carousel__card{will-change:auto}}.project-image-lightbox{z-index:2147483647;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#000000f5;place-items:center;padding:34px 86px 58px;animation:.28s cubic-bezier(.16,1,.3,1) project-lightbox-in;display:grid;position:fixed;inset:0}.project-image-lightbox img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 92px);animation:.38s cubic-bezier(.16,1,.3,1) project-lightbox-image-in;display:block;box-shadow:0 28px 90px #000000b3}.project-image-lightbox button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ab3;border:1px solid #ffffff61;place-items:center;display:grid;position:absolute}.project-image-lightbox__close{border-radius:50%;width:48px;height:48px;font-size:27px;top:24px;right:28px}.project-image-lightbox__nav{border-radius:50%;width:52px;height:52px;font-size:20px;top:50%;transform:translateY(-50%)}.project-image-lightbox__nav--prev{left:24px}.project-image-lightbox__nav--next{right:24px}.project-image-lightbox button:hover{color:#f97316;border-color:#f97316}.project-image-lightbox__count{letter-spacing:.2em;color:#a5a5a5;font-size:10px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}@keyframes project-lightbox-in{0%{opacity:0}to{opacity:1}}@keyframes project-lightbox-image-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (width<=760px){.project-image-lightbox{padding:70px 16px 58px}.project-image-lightbox__nav{top:auto;bottom:14px}.project-image-lightbox__nav--prev{left:16px}.project-image-lightbox__nav--next{right:16px}.project-image-lightbox__close{top:14px;right:14px}}@media (prefers-reduced-motion:reduce){.project-image-lightbox,.project-image-lightbox img{animation:none}}.more-marquee{background:#0c0c0c;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;padding:150px 0 110px;position:relative;overflow:hidden}.more-marquee:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 20%,#f9731614,#0000 32%),radial-gradient(circle at 85% 72%,#465aaa1a,#0000 34%);position:absolute;inset:0}.more-marquee__head{z-index:1;margin-bottom:66px;position:relative}.more-marquee__title-row{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.more-marquee__title-row h2{letter-spacing:-.075em;margin:28px 0 0;font-size:clamp(68px,9.5vw,160px);line-height:.78}.more-marquee__title-row p{color:#969b9f;max-width:420px;margin:0;font-size:14px;line-height:1.8}.more-marquee__viewport{z-index:1;flex-direction:column;gap:12px;display:flex;position:relative}.more-marquee__row{width:100%;overflow:hidden}.more-marquee__track{will-change:transform;gap:12px;width:max-content;display:flex}.more-marquee__tile{background:#171717;border:1px solid #ffffff24;border-radius:24px;flex:none;width:420px;height:270px;margin:0;overflow:hidden}.more-marquee__tile img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s;display:block}.more-marquee__tile:hover img{filter:saturate(1.08);transform:scale(1.035)}@media (width<=760px){.more-marquee{padding:100px 0 80px}.more-marquee__head{margin-bottom:44px}.more-marquee__title-row{flex-direction:column;align-items:flex-start}.more-marquee__title-row h2{font-size:19vw}.more-marquee__tile{border-radius:18px;width:300px;height:193px}}@media (prefers-reduced-motion:reduce){.more-marquee__track{transform:none!important}.more-marquee__tile img{transition:none}}:root{color:#e9e9e4;font-synthesis:none;--line:#ffffff29;--muted:#8e918d;--lime:#c8ff4d;background:#0a0a0a;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0a0a0a;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1700px,100% - 80px);margin-inline:auto}.section{padding-top:150px;padding-bottom:150px}.section-index{letter-spacing:.18em;color:#777b78;border-top:1px solid var(--line);margin-bottom:75px;padding-top:18px;font-size:12px}.hero{background:#060606;height:100vh;min-height:720px;position:relative;overflow:hidden}.hero-video{object-fit:cover;filter:grayscale()contrast(1.18);opacity:.52;width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(#00000073,#0000 34%,#000000c7),radial-gradient(circle at 65% 42%,#0000,#00000052 65%);position:absolute;inset:0}.nav{z-index:2;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:105px;display:flex;position:relative}.mark{letter-spacing:-.08em;font-size:24px;font-weight:700}.mark span{vertical-align:top;margin-left:5px;font-size:8px}.nav-links{letter-spacing:.15em;gap:50px;font-size:13px;display:flex}.nav-links a,.contact-pill{transition:all .25s}.nav-links a:hover{color:var(--lime)}.contact-pill{letter-spacing:.12em;border:1px solid #fff9;border-radius:99px;padding:13px 19px;font-size:12px}.contact-pill:hover{background:var(--lime);color:#111;border-color:var(--lime)}.hero-content{z-index:1;flex-direction:column;justify-content:center;height:calc(100% - 105px);display:flex;position:relative}.eyebrow{letter-spacing:.22em;color:#c1c4c0;align-items:center;gap:12px;font-size:11px;display:flex}.eyebrow span{background:var(--lime);width:7px;height:7px;box-shadow:0 0 18px var(--lime);border-radius:50%}.hero h1{letter-spacing:-.09em;margin:8vh 0 7vh;font-size:clamp(100px,14vw,240px);font-weight:600;line-height:.71}.hero h1 span{display:block}.hero h1 span:last-child{text-align:right;color:#0000;-webkit-text-stroke:1px #ffffffad}.hero-bottom{color:#c4c6c2;justify-content:space-between;align-items:flex-end;font-size:14px;line-height:1.7;display:flex}.scroll-note{letter-spacing:.2em;font-size:10px}.scroll-note i{color:var(--lime);margin-left:20px;font-size:22px;font-style:normal}.about-grid{grid-template-columns:.78fr 1.22fr;align-items:center;gap:9vw;display:grid}.portrait-wrap{background:#151615;height:650px;position:relative;overflow:hidden}.portrait-wrap:before{content:"";z-index:1;background:linear-gradient(#0000 55%,#000000e6);position:absolute;inset:0}.portrait-wrap img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:all .7s}.portrait-wrap:hover img{filter:grayscale(.2);transform:scale(1.02)}.portrait-wrap span{z-index:2;letter-spacing:.2em;font-size:10px;position:absolute;bottom:30px;left:30px}.kicker{letter-spacing:.2em;color:var(--lime);font-size:12px}.about h2,.strength-head h2{letter-spacing:-.06em;margin:26px 0 55px;font-size:clamp(56px,5.5vw,100px);font-weight:500;line-height:1.05}.about h2 em,.footer h2 em{color:#9ea29e;font-family:serif;font-weight:400}.lead{color:#a9aba8;max-width:720px;font-size:clamp(18px,1.5vw,25px);font-weight:300;line-height:1.8}.contact-lines{border-top:1px solid var(--line);gap:45px;margin-top:65px;padding-top:25px;font-size:13px;display:flex}.contact-lines a span{color:var(--lime);margin-left:13px}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:120px;display:grid}.stats div{border-right:1px solid var(--line);padding:45px 0}.stats div+div{padding-left:40px}.stats strong{letter-spacing:-.06em;font-size:64px;font-weight:400}.stats sup{color:var(--lime);font-size:24px}.stats span{color:var(--muted);letter-spacing:.08em;margin-top:12px;font-size:12px;display:block}.works{color:#0b0b0b;background:#e7e8e2;border-radius:42px 42px 0 0}.works .section-index{color:#666;border-color:#0000002e}.works-head{justify-content:space-between;align-items:flex-end;margin-bottom:80px;display:flex}.works-head h2{letter-spacing:-.08em;margin:0;font-size:clamp(80px,10vw,170px);font-weight:500;line-height:.8}.works-head p{text-align:right;letter-spacing:.18em;font-size:12px;line-height:1.5}.project{--accent:#ccc;border-top:1px solid #0003;padding:28px 0 120px}.project-meta{letter-spacing:.15em;grid-template-columns:80px 1fr auto;align-items:center;font-size:11px;display:grid}.project-meta div{gap:8px;display:flex}.project-meta i{border:1px solid #0000004d;border-radius:50px;padding:8px 13px;font-style:normal}.project-title{justify-content:space-between;align-items:end;margin:55px 0 30px;display:flex}.project-title h3{letter-spacing:-.07em;margin:0;font-size:clamp(50px,6.2vw,108px);font-weight:500;line-height:.9}.project-title p{color:#60635f;letter-spacing:.08em;font-size:14px}.project-title button{color:#fff;letter-spacing:.15em;background:#111;border:0;border-radius:50%;width:88px;height:88px;font-size:10px}.project-title button span{color:var(--accent)}.project-desc{color:#5b5e5a;max-width:600px;margin:0 0 45px auto;font-size:16px;line-height:1.8}.project-images{grid-template-columns:1.65fr .75fr;gap:14px;height:720px;display:grid}.project-images>img,.project-images div img{object-fit:cover;width:100%;height:100%}.project-images div{grid-template-rows:1fr 1fr;gap:14px;min-height:0;display:grid}.project-images div img{min-height:0}.project-images div img:first-child{border-radius:5px 55px 5px 5px}.project-images div img:last-child{border-radius:5px 5px 55px}.strengths{padding-bottom:180px}.strength-head{justify-content:space-between;align-items:flex-end;margin-bottom:90px;display:flex}.strength-head h2{margin:0}.strength-head>p{color:#969996;max-width:430px;font-size:17px;line-height:1.8}.strength-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.strength-grid article{border:1px solid var(--line);background:#131413;min-height:390px;padding:30px;transition:all .35s;position:relative}.strength-grid article:hover{background:#191b18;border-color:#c8ff4d8c;transform:translateY(-8px)}.strength-grid article>span{color:#696d68;font-size:11px}.strength-grid h3{margin:100px 0 24px;font-size:28px;font-weight:500}.strength-grid p{color:#8e918e;font-size:14px;line-height:1.8}.strength-grid i{color:var(--lime);font-style:normal;position:absolute;bottom:25px;right:30px}.experience{border-top:1px solid var(--line);grid-template-columns:.5fr 1fr 1fr;gap:40px;margin-top:120px;padding-top:28px;display:grid}.experience>span,.experience p,.experience small{letter-spacing:.14em;color:#777b78;font-size:10px}.experience h3{margin:15px 0;font-size:20px;font-weight:400}.footer{color:#0a0a0a;background:#c8ff4d;border-radius:42px 42px 0 0;align-items:center;min-height:100vh;display:flex}.footer-inner{flex-direction:column;justify-content:center;height:100vh;min-height:700px;padding-top:80px;display:flex}.footer .eyebrow{color:#171817}.footer .eyebrow span{box-shadow:none;background:#0a0a0a}.footer h2{letter-spacing:-.075em;margin:8vh 0;font-size:clamp(75px,9.2vw,160px);font-weight:500;line-height:.93}.footer h2 em{color:#0a0a0a}.email{border-bottom:1px solid #111;width:max-content;padding-bottom:14px;font-size:clamp(20px,2.2vw,36px)}.email span{margin-left:20px}.footer-bottom{letter-spacing:.15em;border-top:1px solid #0000004d;justify-content:space-between;margin-top:auto;padding:35px 0;font-size:10px;display:flex}@media (width<=900px){.shell{width:min(100% - 34px,1700px)}.nav-links{display:none}.section{padding-top:90px;padding-bottom:90px}.hero{min-height:650px}.hero h1{margin:12vh 0 8vh;font-size:26vw;line-height:.8}.hero h1 span:last-child{text-align:left}.about-grid{grid-template-columns:1fr;gap:60px}.portrait-wrap{height:520px}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.project-meta{grid-template-columns:50px 1fr}.project-meta div{flex-wrap:wrap;grid-column:1/-1;margin-top:18px}.project-images{grid-template-columns:1fr;height:500px}.project-images div{display:none}.strength-head{display:block}.strength-head>p{margin-top:35px}.strength-grid{grid-template-columns:1fr 1fr}.experience{grid-template-columns:1fr}.footer h2{font-size:16vw}.footer-bottom span:last-child{display:none}}@media (width<=560px){.hero-bottom{display:block}.scroll-note{margin-top:35px}.portrait-wrap{height:440px}.stats,.strength-grid{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line)}.stats div+div{padding-left:0}.works{border-radius:25px 25px 0 0}.works-head p{display:none}.project-title{align-items:flex-start}.project-title button{width:65px;height:65px}.project-title h3{font-size:48px}.project-desc{margin-left:0}.project-images{height:420px}.footer{border-radius:25px 25px 0 0}.email{font-size:17px}.footer-bottom a{margin-left:auto}}:root{--line:#d7e2ea2e;--muted:#858d93;--lime:#bbccd7;color:#d7e2ea;background:#0c0c0c;font-family:Kanit,Noto Sans SC,sans-serif}body{background:#0c0c0c}main{overflow-x:clip}.shell{width:min(1700px,100% - 72px)}.hero{isolation:isolate;background:#0c0c0c;height:100vh;min-height:760px}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 66%,#7621b038,#0000 30%),radial-gradient(circle at 50% 105%,#b600a824,#0000 38%);position:absolute;inset:0}.hero:after{content:"";opacity:.17;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.nav{z-index:30;border:0;justify-content:space-between;height:auto;padding:27px 0 16px;display:flex;position:relative}.nav>a{letter-spacing:.09em;color:#d7e2ea;font-size:clamp(13px,1.15vw,21px);font-weight:500;transition:opacity .2s}.nav>a:hover{opacity:.7}.hero-content{justify-content:flex-start;height:calc(100% - 78px);padding-top:0;position:relative}.hero-title-mask{z-index:3;position:relative;overflow:hidden}.hero h1{letter-spacing:-.065em;white-space:nowrap;text-align:center;background:linear-gradient(#646973 0%,#bbccd7 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:12px 0 0;font-size:clamp(88px,15.7vw,268px);font-weight:900;line-height:.82}.hero-model{z-index:10;filter:drop-shadow(0 28px 42px #0000008c);width:min(43vw,680px);height:74%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-model canvas{cursor:grab}.hero-model canvas:active{cursor:grabbing}.model-status{letter-spacing:.22em;color:#d7e2ea6b;white-space:nowrap;pointer-events:none;font-size:9px;position:absolute;bottom:21px;left:50%;transform:translate(-50%)}.hero-bottom{z-index:20;align-items:flex-end;position:absolute;bottom:36px;left:0;right:0}.hero-bottom p{letter-spacing:.07em;color:#d7e2ea;max-width:340px;margin:0;font-size:clamp(12px,1.25vw,21px);font-weight:300;line-height:1.15}.contact-pill{outline-offset:-3px;color:#fff;letter-spacing:.16em;background:linear-gradient(123deg,#18011f 7%,#b600a8 37%,#7621b0 72%,#be4c00 100%);border:0;border-radius:999px;outline:2px solid #fff;padding:17px 31px;font-size:13px;font-weight:500;box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721b1}.contact-pill:hover{color:#fff;background:linear-gradient(123deg,#330441,#d000c0 37%,#8f35c5 72%,#dd6400);transform:translateY(-2px)}.contact-pill span{margin-left:34px}.section-index{color:#737b82}.kicker{color:#bbccd7}.about h2,.strength-head h2,.works-head h2{text-transform:uppercase;background:linear-gradient(#646973 0%,#bbccd7 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900}.about h2 em{color:#0000;font-family:inherit;font-style:normal}.portrait-wrap{background:#15171a;border-radius:38px}.portrait-wrap img{filter:grayscale(.4)}.stats sup,.contact-lines a span,.strength-grid i{color:#b600a8}.works{color:#d7e2ea;background:#0c0c0c;border-top:1px solid #d7e2ea33;border-radius:58px 58px 0 0}.works .section-index{border-color:var(--line);color:#737b82}.works-head h2{font-size:clamp(80px,11vw,180px)}.project{border-color:var(--line);position:relative}.project-meta i{border-color:#d7e2ea59}.project-title h3{color:#d7e2ea}.project-title p,.project-desc{color:#879097}.project-title button{color:#d7e2ea;background:0 0;border:2px solid #d7e2ea;border-radius:999px;width:100px;height:58px}.project-images>img,.project-images div img:first-child,.project-images div img:last-child{border-radius:46px}.strength-grid article{background:#121214;border-radius:28px}.strength-grid article:hover{background:#17121b;border-color:#8c2eb8}.footer{color:#0c0c0c;background:#fff;border-radius:58px 58px 0 0}.footer .eyebrow span{background:#b600a8}.footer h2{text-transform:uppercase;font-weight:900}.footer h2 em{font-family:inherit;font-style:normal}.email{border-color:#0c0c0c}@media (width<=900px){.shell{width:min(100% - 34px,1700px)}.nav>a{font-size:12px}.nav>a:nth-child(2),.nav>a:nth-child(4){display:none}.hero{min-height:700px}.hero h1{margin-top:45px;font-size:20vw}.hero-model{width:min(82vw,580px);height:65%}.hero-bottom{bottom:27px}.hero-bottom p{font-size:12px}.hero-contact{padding:14px 21px;font-size:10px}.hero-contact span{margin-left:14px}}@media (width<=560px){.hero{min-height:650px}.nav{padding-top:22px}.hero h1{margin-top:60px;font-size:20.7vw}.hero-model{width:105vw;height:61%;bottom:55px}.hero-bottom p{max-width:190px;font-size:10px}.hero-contact{padding:12px 15px}.model-status{bottom:72px}.works,.footer{border-radius:35px 35px 0 0}.project-images>img{border-radius:28px}}.nav{z-index:100;height:78px;transition:width .45s,top .45s,padding .45s,background .45s,border-color .45s,box-shadow .45s;position:fixed;top:0;left:50%;transform:translate(-50%)}.nav.nav-floating{-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:#1212159e;border:1px solid #d7e2ea29;border-radius:999px;width:min(1580px,100% - 40px);height:64px;padding:0 28px;top:14px;box-shadow:0 14px 50px #00000059,inset 0 1px #ffffff14}.nav.nav-floating>a{text-shadow:0 1px 8px #00000080}.hero:before,.hero:after{display:none}.hero-content{z-index:1;height:100%;padding-top:78px}.drift-wall{z-index:0;background:#060010;position:absolute;inset:0;overflow:hidden}.drift-plane{transform-origin:50%;will-change:transform;grid-template-columns:repeat(5,1fr);gap:18px;width:130%;height:178%;display:grid;position:absolute;top:-38%;left:-15%;transform:perspective(1200px)rotateX(16deg)rotate(-14deg)scale(1.08)}.drift-column{will-change:transform;flex-direction:column;gap:18px;animation:42s linear infinite drift-up;display:flex}.drift-column-2{animation-duration:49s;animation-direction:reverse}.drift-column-3{animation-duration:38s}.drift-column-4{animation-duration:53s;animation-direction:reverse}.drift-column-5{animation-duration:45s}.drift-tile{background:#15151a;border-radius:14px;flex:0 0 148px;overflow:hidden;box-shadow:0 18px 40px #00000047}.drift-tile img{object-fit:cover;filter:grayscale();opacity:.55;width:100%;height:100%;display:block;transform:scale(1.01)}.drift-overlay{pointer-events:none;background:linear-gradient(#06001073,#060010ad),radial-gradient(circle at 50% 58%,#0600101f,#060010b3 76%);position:absolute;inset:0}@keyframes drift-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 9px))}}@media (prefers-reduced-motion:reduce){.drift-column{animation-play-state:paused}.nav{transition:none}}@media (width<=900px){.nav{height:68px}.nav.nav-floating{height:54px;padding:0 18px;top:10px}.hero-content{padding-top:68px}.drift-plane{gap:12px;width:190%;height:165%;top:-30%;left:-45%}.drift-column{gap:12px}.drift-tile{flex-basis:120px}}@media (width<=560px){.nav{padding-top:0}.nav.nav-floating{width:calc(100% - 20px)}.drift-plane{width:240%;left:-70%;transform:perspective(1000px)rotateX(14deg)rotate(-12deg)scale(1.08)}}.site-body{isolation:isolate;background:#090706;position:relative}.gradient-waves-bg{z-index:0;pointer-events:none;width:100%;height:100vh;margin-bottom:-100vh;position:sticky;top:0;overflow:hidden}.gradient-waves-bg canvas{position:absolute;inset:0}.waves-fog{background:linear-gradient(#0907063d,#0000 30%,#0907062e 74%,#0907068c),radial-gradient(circle at 50% 48%,#0000,#08050452 88%);position:absolute;inset:0}.waves-grain{opacity:.09;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 17% 32%,#ffffffb3 0 1px,#0000 1px 4px);background-size:7px 7px;animation:.4s steps(2,end) infinite grain-shift;position:absolute;inset:-50%}.site-body>.section,.site-body>.footer{z-index:1;position:relative}.site-body>.about,.site-body>.works,.site-body>.strengths,.site-body>.footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.site-body>.works{border-top-color:#ffffff29}.site-body>.footer{color:#d7e2ea;border-top:1px solid #ffffff2e}.site-body>.footer .eyebrow,.site-body>.footer h2 em{color:#d7e2ea}.site-body>.footer .email{border-color:#d7e2ea}.site-body>.footer .footer-bottom{border-color:#ffffff47}.strength-grid article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#120e0ca8}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(1%,1%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.waves-grain{animation:none}}.splash-cursor{z-index:9999;pointer-events:none;mix-blend-mode:screen;filter:saturate(1.1)contrast(1.06);width:100vw;height:100vh;position:fixed;inset:0}@media (hover:none),(pointer:coarse){.splash-cursor{display:none}}@media (prefers-reduced-motion:reduce){.splash-cursor{display:none}}.footer-inner{grid-template-rows:1fr auto;grid-template-columns:1.05fr .95fr;gap:20px 40px;padding-top:60px;display:grid}.footer-contact-copy{z-index:2;align-self:center;position:relative}.footer-contact-copy h2{margin:6vh 0 5vh;font-size:clamp(62px,6.4vw,112px)}.lanyard-stage{z-index:3;height:calc(100vh - 100px);min-height:620px;position:relative;overflow:visible}.lanyard-hint{letter-spacing:.2em;color:#d7e2ea8f;white-space:nowrap;pointer-events:none;font-size:9px;position:absolute;bottom:45px;left:50%;transform:translate(-50%)}.wechat-line{align-items:center;gap:18px;margin-top:34px;display:flex}.wechat-line img{background:#fff;border-radius:14px;width:104px;height:104px;padding:7px;box-shadow:0 14px 40px #00000047}.wechat-line div{flex-direction:column;gap:7px;display:flex}.wechat-line strong{letter-spacing:.17em;font-size:13px}.wechat-line span{color:#999;font-size:12px}.footer-bottom{grid-column:1/-1;width:100%}@media (width<=900px){.footer-inner{grid-template-rows:auto 520px auto;grid-template-columns:1fr;height:auto;min-height:100vh;padding-top:110px}.lanyard-stage{height:520px;min-height:0}.footer-contact-copy h2{font-size:14vw}.footer-bottom{grid-column:1}.wechat-line img{width:88px;height:88px}}.hero-title-mask{height:clamp(220px,23vw,370px);margin-top:0}.hero-warp-title{filter:drop-shadow(0 16px 30px #00000040);height:100%;min-height:0}.hero-warp-title canvas{cursor:crosshair}@media (width<=900px){.hero-title-mask{height:clamp(190px,30vw,280px);margin-top:24px}}@media (width<=560px){.hero-title-mask{height:190px;margin-top:38px}}.hero-title-mask{align-items:center;height:clamp(170px,17vw,285px);margin-top:20px;display:flex;overflow:visible}.portfolio-wordmark{--wordmark-yellow:#ffc83d;color:#fbfbfb;white-space:nowrap;text-shadow:0 9px 25px #00000042;align-items:center;width:100%;font-size:clamp(68px,11.4vw,194px);font-weight:900;line-height:.78;display:flex;position:relative}.wordmark-letters{z-index:1;flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex;position:relative}.wordmark-letters>span{letter-spacing:0;display:block;position:relative}.wordmark-r{isolation:isolate}.wordmark-r:before{content:"";z-index:-1;background:var(--wordmark-yellow);border-radius:999px;width:1.7em;height:39%;position:absolute;top:13%;left:-1.12em;box-shadow:0 0 20px #ffc83d2e}.wordmark-spark{z-index:2;color:var(--wordmark-yellow);letter-spacing:0;text-shadow:14px -12px #ffc83d47;font-size:.24em;line-height:1;position:absolute;top:-3%;left:-.5%}.wordmark-o{background:var(--wordmark-yellow);border-radius:50%;flex:0 0 .72em;width:.72em;height:.72em;margin-left:.16em;position:relative;box-shadow:0 0 30px #ffc83d2e}.wordmark-o i{background:#09090a;border-radius:24% 0;width:34%;height:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.wordmark-o i:before,.wordmark-o i:after{content:"";background:#09090a;border-radius:24% 0;position:absolute;inset:0}.wordmark-o i:before{transform:rotate(90deg)}.wordmark-o i:after{transform:rotate(45deg)scale(.72)}@media (width<=900px){.hero-title-mask{height:clamp(140px,24vw,220px);margin-top:38px}.portfolio-wordmark{font-size:clamp(52px,11.2vw,108px)}}@media (width<=560px){.hero-title-mask{height:120px;margin-top:58px}.portfolio-wordmark{font-size:10.9vw}.wordmark-spark{left:0}.wordmark-o{margin-left:.1em}}.portfolio-wordmark{isolation:isolate}.portfolio-wordmark:before{content:"";z-index:0;background:var(--wordmark-yellow);height:22%;position:absolute;bottom:-4%;left:0;right:0;box-shadow:0 8px 30px #ffc83d26}.wordmark-r:before{display:none}.wordmark-spark{text-shadow:20px -14px #ffc83d40;font-size:.38em;top:-13%;left:-1.2%}.wordmark-o{z-index:1}@media (width<=560px){.wordmark-spark{font-size:.34em;top:-8%}.portfolio-wordmark:before{height:20%;bottom:0}}.portfolio-wordmark{--wordmark-yellow:#f97316}.portfolio-wordmark:before{box-shadow:0 8px 30px #f973162e}.wordmark-spark{text-shadow:20px -14px #f9731647}.wordmark-o{box-shadow:0 0 30px #f9731633}.wordmark-letters{justify-content:space-around}.wordmark-o{margin-left:.08em}.stroke-contact{background:linear-gradient(108deg,#780090 0%,#d000bd 43%,#742dc2 72%,#d84d43 100%);border:3px solid #fff;outline:0;grid-template-columns:1fr 30px;align-items:center;gap:20px;width:318px;height:82px;padding:7px 30px 7px 42px;display:grid;box-shadow:0 8px 18px #bb00c466,inset 5px 5px 15px #780096ad}.stroke-contact:hover{background:linear-gradient(108deg,#8d00aa 0%,#e500cf 43%,#8740d3 72%,#ed6257 100%);transform:translateY(-3px);box-shadow:0 10px 25px #bb00c48c,inset 5px 5px 15px #78009680}.stroke-contact .stroke-text{width:100%;overflow:visible}.stroke-contact .stroke-text__svg{height:54px;overflow:visible}.stroke-contact>span:last-child{justify-self:end;margin:0;font-size:26px;line-height:1}@media (width<=900px){.stroke-contact{grid-template-columns:1fr 24px;gap:12px;width:250px;height:64px;padding:5px 22px 5px 30px}.stroke-contact .stroke-text__svg{height:42px}.stroke-contact>span:last-child{font-size:21px}}@media (width<=560px){.stroke-contact{width:190px;height:52px;padding:4px 15px 4px 20px}.stroke-contact .stroke-text__svg{height:35px}.stroke-contact>span:last-child{font-size:18px}}.stroke-contact .stroke-text{margin:0}.hero-stroke-label{pointer-events:none;filter:drop-shadow(0 8px 20px #f9731638);justify-content:flex-end;align-items:flex-end;width:clamp(260px,24vw,410px);height:100px;display:flex}.hero-stroke-label .stroke-text{width:100%}.hero-stroke-label .stroke-text__svg{height:100px;overflow:visible}@media (width<=900px){.hero-stroke-label{width:260px;height:72px}.hero-stroke-label .stroke-text__svg{height:72px}}@media (width<=560px){.hero-stroke-label{width:180px;height:54px}.hero-stroke-label .stroke-text__svg{height:54px}}.about-text-loop{height:270px;margin:-25px 0 55px;overflow:visible}.about-text-loop .text-loop-svg{filter:drop-shadow(0 18px 32px #f9731633);height:270px;overflow:visible}@media (width<=900px){.about-text-loop{height:210px;margin:-25px 0 35px}.about-text-loop .text-loop-svg{height:210px}}@media (width<=560px){.about-text-loop{height:160px;margin:-20px 0 25px}.about-text-loop .text-loop-svg{height:160px}}.about-curved-wrap{align-items:center;height:270px;margin:-25px 0 55px;display:flex;overflow:visible}.about-curved-wrap .curved-loop-jacket{height:270px;min-height:0;overflow:visible}.about-curved-wrap .curved-loop-svg{aspect-ratio:auto;filter:drop-shadow(0 18px 34px #ff690038);height:270px;overflow:visible}.about-curved-text{letter-spacing:2px;fill:#fff;stroke:#ff6b00;stroke-width:54px;stroke-linejoin:round;stroke-linecap:round;paint-order:stroke fill;font-size:52px}@media (width<=900px){.about-curved-wrap,.about-curved-wrap .curved-loop-jacket,.about-curved-wrap .curved-loop-svg{height:210px}.about-curved-wrap{margin:-25px 0 35px}.about-curved-text{stroke-width:48px;font-size:46px}}@media (width<=560px){.about-curved-wrap,.about-curved-wrap .curved-loop-jacket,.about-curved-wrap .curved-loop-svg{height:160px}.about-curved-wrap{margin:-20px 0 25px}.about-curved-text{stroke-width:42px;font-size:40px}}.about-curved-wrap .curved-loop-svg{filter:none}.about-curved-text{fill:#fff;stroke:none;stroke-width:0;paint-order:normal}.click-spark-canvas{z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;position:fixed;inset:0}.project-list{padding-bottom:120px}.project-click-guide{color:#d7e2ea;text-align:left;justify-content:flex-end;align-items:center;gap:12px;width:max-content;margin:-38px 6px 18px auto;display:flex}.project-click-guide__icon{border:1px solid #d7e2ea80;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;animation:1.8s ease-in-out infinite project-guide-pulse;display:grid}.project-click-guide b,.project-click-guide small{display:block}.project-click-guide b{letter-spacing:.12em;font-size:14px}.project-click-guide small{color:#7f878d;letter-spacing:.14em;margin-top:3px;font-size:9px}.project-summaries{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.project-summaries article{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0a0c7a;border-radius:22px;padding:24px}.project-summaries span{letter-spacing:.15em;color:#7f878d;font-size:10px}.project-summaries h3{margin:22px 0 12px;font-size:24px;font-weight:500}.project-summaries p{color:#879097;min-height:84px;font-size:12px;line-height:1.75}.project-summaries div{flex-wrap:wrap;gap:6px;margin-top:22px;display:flex}.project-summaries i{letter-spacing:.08em;color:#aab2b8;border:1px solid #d7e2ea40;border-radius:99px;padding:7px 9px;font-size:9px;font-style:normal}@keyframes project-guide-pulse{0%,to{transform:translate(0);box-shadow:0 0 #f9731600}50%{border-color:#f97316;transform:translate(3px,-3px);box-shadow:0 0 0 7px #f9731614}}@media (width<=900px){.project-summaries{grid-template-columns:1fr 1fr}.project-click-guide{margin-top:-28px}}@media (width<=560px){.project-summaries{grid-template-columns:1fr}.project-summaries p{min-height:0}.project-click-guide{margin:0 0 16px auto}.project-click-guide small{display:none}}.card-entry{min-width:0;height:100%}.card-entry>.specular-card{height:100%}.project-summaries>.card-entry{margin-top:0;display:block}.project-summaries{grid-template-columns:repeat(3,1fr)}.accordion-gallery .ag-panel:first-child{cursor:zoom-in}.project-modal{z-index:10000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000d1;place-items:center;padding:24px;animation:.38s both project-backdrop-in;display:grid;position:fixed;inset:0}.project-modal__panel{overscroll-behavior:contain;color:#f2f0eb;scrollbar-width:thin;scrollbar-color:#f97316 #16120f;background:#0a0908;border:1px solid #ffffff2e;border-radius:34px;width:min(1500px,100%);height:min(94vh,1080px);animation:.72s cubic-bezier(.16,1,.3,1) both project-panel-in;position:relative;overflow-y:auto;box-shadow:0 40px 120px #000000b8}.project-modal__panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 84% 12%,#f973163b,#0000 42%),linear-gradient(#ffffff08,#0000);height:560px;position:absolute;inset:0 0 auto}.project-modal__close{z-index:6;float:right;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#090807b8;border:1px solid #ffffff5c;border-radius:999px;align-items:center;gap:14px;height:52px;margin:22px 24px 0 0;padding:0 9px 0 19px;display:flex;position:sticky;top:22px}.project-modal__close span{letter-spacing:.16em;font-size:10px}.project-modal__close i{background:#f97316;border-radius:50%;place-items:center;width:34px;height:34px;font-size:22px;font-style:normal;line-height:1;display:grid}.project-modal__close:hover i{transition:transform .3s;transform:rotate(90deg)}.project-modal__header{clear:both;border-bottom:1px solid #ffffff29;flex-direction:column;justify-content:flex-end;min-height:520px;padding:90px clamp(28px,6vw,100px) 70px;display:flex;position:relative}.project-modal__header>span{color:#f97316;letter-spacing:.24em;font-size:11px}.project-modal__header h2{letter-spacing:-.08em;margin:24px 0 14px;font-size:clamp(72px,10vw,168px);line-height:.78}.project-modal__header p{color:#9aa0a4;letter-spacing:.14em;margin:20px 0 32px;font-size:14px;line-height:1.45}.project-modal__header div{flex-wrap:wrap;gap:8px;display:flex}.project-modal__header i{color:#cbd0d3;letter-spacing:.1em;border:1px solid #ffffff42;border-radius:99px;padding:8px 13px;font-size:10px;font-style:normal}.project-modal__intro{justify-content:space-between;align-items:flex-end;gap:40px;padding:70px clamp(28px,6vw,100px);display:flex}.project-modal__intro p{letter-spacing:-.02em;max-width:780px;margin:0;font-size:clamp(19px,2.2vw,34px);line-height:1.5}.project-modal__intro span{color:#f97316;letter-spacing:.18em;white-space:nowrap;font-size:9px}.project-modal__section{border-top:1px solid #ffffff1f;padding:70px clamp(20px,4vw,64px)}.project-modal__section-head{grid-template-columns:56px minmax(220px,.7fr) 1fr;align-items:end;gap:24px;margin:0 clamp(8px,2vw,34px) 42px;display:grid}.project-modal__section-head>span{color:#f97316;letter-spacing:.16em;align-self:start;font-size:11px}.project-modal__section-head p{color:#777e83;letter-spacing:.2em;margin:0 0 8px;font-size:9px}.project-modal__section-head h3{letter-spacing:-.05em;margin:0;font-size:clamp(36px,4.3vw,72px);line-height:.95}.project-modal__section-head em{color:#a6abad;justify-self:end;max-width:540px;font-size:13px;font-style:normal;line-height:1.8}.works-head--compact{justify-content:flex-start;margin-bottom:60px}.works-head--compact h2{font-size:clamp(68px,9.5vw,160px);line-height:.78}.works.section{padding-bottom:70px}.works .project-list{padding-bottom:0}.hero-model{transition:filter .35s}.hero-model canvas{touch-action:none;transition:transform .35s,filter .35s}.hero-model.is-hovered{filter:drop-shadow(0 30px 48px #00000094)drop-shadow(0 0 20px #f9731633)}.hero-model.is-hovered canvas{transform:scale(1.025)}.hero-model .model-status{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07050a6b;border:1px solid #d7e2ea2e;border-radius:999px;padding:7px 12px;transition:color .25s,border-color .25s,opacity .25s}.hero-model.is-hovered .model-status{color:#f97316;opacity:1;border-color:#f9731673}.section-index{border-top:0;position:relative}.section-index:before{content:"";width:var(--motion-line,100%);background:var(--line);will-change:width;height:1px;position:absolute;top:0;left:0}.hero-title-mask,.works-head,.more-marquee__title-row,.strength-head,.footer-contact-copy{isolation:isolate}.portfolio-wordmark,.wordmark-letters>span,.ag-panel,.card-entry,.more-marquee__row{will-change:transform,opacity,clip-path}@media (prefers-reduced-motion:reduce){.portfolio-wordmark,.wordmark-letters>span,.ag-panel,.card-entry,.more-marquee__row{will-change:auto}}.wordmark-spark{color:#0000;width:.34em;height:.34em;text-shadow:none;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background:#f97316;font-size:1em;top:1%;left:.2%;overflow:visible}.wordmark-spark:after{content:"";clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:.48;background:#f97316;width:34%;height:34%;position:absolute;top:-16%;right:-32%}.project-modal__section-head em{white-space:pre-line}.project-modal__gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.project-modal__gallery img{object-fit:contain;background:0 0;border:1px solid #ffffff14;border-radius:18px;width:100%;height:auto;min-height:0;display:block}.project-modal__gallery--2 img,.project-modal__gallery--3 img{height:auto}.project-modal__gallery--3 img:first-child{grid-column:1/-1}.project-modal__gallery--4 img:nth-child(4n+1){grid-column:span 2}.project-modal__end{color:#080706;background:#f97316;border-top:1px solid #ffffff29;justify-content:space-between;align-items:center;margin-top:30px;padding:70px clamp(28px,6vw,100px);display:flex}.project-modal__end span{letter-spacing:.2em;font-size:11px;font-weight:700}.project-modal__end button{color:#080706;cursor:pointer;background:0 0;border:1px solid #00000080;border-radius:99px;padding:15px 22px;font-weight:700}.project-modal--flower .project-modal__panel{scrollbar-color:#d45aa0 #16120f}.project-modal--flower .project-modal__panel:before{background:radial-gradient(circle at 84% 12%,#d45aa045,#0000 42%),linear-gradient(#ffffff08,#0000)}.project-modal--flower .project-modal__close i,.project-modal--flower .project-modal__end{background:#d45aa0}.project-modal--flower .project-modal__header>span,.project-modal--flower .project-modal__intro span,.project-modal--flower .project-modal__section-head>span{color:#ef8bc4}.project-modal--yulinger .project-modal__panel{scrollbar-color:#70e6d6 #16120f}.project-modal--yulinger .project-modal__panel:before{background:radial-gradient(circle at 84% 12%,#70e6d645,#0000 42%),linear-gradient(#ffffff08,#0000)}.project-modal--yulinger .project-modal__close i,.project-modal--yulinger .project-modal__end{background:#70e6d6}.project-modal--yulinger .project-modal__header>span,.project-modal--yulinger .project-modal__intro span,.project-modal--yulinger .project-modal__section-head>span{color:#70e6d6}.project-modal--expo .project-modal__panel{scrollbar-color:#283887 #16120f}.project-modal--expo .project-modal__panel:before{background:radial-gradient(circle at 84% 12%,#2838876b,#0000 44%),linear-gradient(#ffffff08,#0000)}.project-modal--expo .project-modal__close i,.project-modal--expo .project-modal__end{background:#283887}.project-modal--expo .project-modal__header>span,.project-modal--expo .project-modal__intro span,.project-modal--expo .project-modal__section-head>span{color:#6f8cff}.project-modal--expo .project-modal__end{color:#fff}.project-modal--expo .project-modal__end button{color:#fff;border-color:#ffffff8c}.project-modal--haihe .project-modal__panel{scrollbar-color:#d5a54a #16120f}.project-modal--haihe .project-modal__panel:before{background:radial-gradient(circle at 84% 12%,#1f41827a,#0000 44%),linear-gradient(#d5a54a12,#0000)}.project-modal--haihe .project-modal__close i,.project-modal--haihe .project-modal__end{background:#d5a54a}.project-modal--haihe .project-modal__header>span,.project-modal--haihe .project-modal__intro span,.project-modal--haihe .project-modal__section-head>span{color:#e6bd68}@keyframes project-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes project-panel-in{0%{opacity:0;transform:translateY(70px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=760px){.project-modal{padding:8px}.project-modal__panel{border-radius:22px;height:calc(100vh - 16px)}.project-modal__header{min-height:430px;padding-top:70px}.project-modal__header h2{font-size:20vw}.project-modal__intro{flex-direction:column;align-items:flex-start}.project-modal__section{padding-block:48px}.project-modal__section-head{grid-template-columns:36px 1fr}.project-modal__section-head em{grid-column:2;justify-self:start}.project-modal__gallery{grid-template-columns:1fr}.project-modal__gallery--3 img:first-child,.project-modal__gallery--4 img:nth-child(4n+1){grid-column:auto}.project-modal__gallery--2 img,.project-modal__gallery--3 img{height:auto}.project-modal__end{flex-direction:column;align-items:flex-start;gap:25px}.project-summaries{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.project-modal,.project-modal__panel{animation:none}}.resume-section{padding-top:120px;padding-bottom:170px}.resume-layout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03030480;border:1px solid #ffffff42;grid-template-columns:.82fr 1.18fr;display:grid}.resume-intro{border-right:1px solid #ffffff52;flex-direction:column;padding:62px 58px;display:flex}.resume-portrait{background:#111;border-radius:50% 50% 8px 8px;height:520px;position:relative;overflow:hidden}.resume-portrait img{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%}.resume-portrait:after{content:"";background:linear-gradient(#0000 45%,#000000eb);position:absolute;inset:0}.resume-portrait>span{z-index:2;white-space:nowrap;letter-spacing:-.08em;font-family:Georgia,serif;font-size:clamp(56px,5vw,90px);font-weight:400;line-height:.65;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.resume-portrait>span b{color:#f97316;font-family:Kanit,sans-serif}.resume-handle{text-align:center;letter-spacing:.08em;margin:30px 0 70px;font-size:21px;font-weight:700}.resume-note{color:#aeb2b5;margin-top:auto;font-size:15px;line-height:1.75}.resume-note strong{color:#fff;margin-bottom:15px;font-size:20px;display:block}.resume-detail{padding:50px}.resume-profile-head{grid-template-columns:170px 1fr;align-items:center;gap:35px;display:grid}.resume-profile-head>img{object-fit:cover;filter:grayscale(.3);border:1px solid #777;border-radius:50%;width:170px;height:170px;padding:5px}.resume-role{letter-spacing:.18em;color:#f97316;font-size:10px}.resume-profile-head h2{letter-spacing:-.04em;margin:8px 0 5px;font-size:42px}.resume-profile-head h2 small{color:#8d9295;letter-spacing:.08em;margin-left:10px;font-size:14px}.resume-profile-head p{color:#a1a5a8;max-width:650px;font-size:13px;line-height:1.65}.resume-profile-head ul{color:#d8dce0;flex-wrap:wrap;gap:16px;margin:14px 0 0;padding:0;font-size:11px;list-style:none;display:flex}.resume-profile-head li:before{content:"✦";color:#f97316;margin-right:7px}.resume-skills{grid-template-columns:repeat(6,1fr);gap:12px;margin:48px 0;display:grid}.resume-skills div{text-align:center}.resume-skills i{color:#f97316;background:#f9731614;border:1px solid #697078;border-radius:50%;place-items:center;width:68px;height:68px;margin:auto;font-size:18px;font-style:normal;display:grid;box-shadow:inset 0 0 0 5px #ffffff06}.resume-skills span{color:#a8adb0;margin-top:9px;font-size:10px;display:block}.resume-two-col{grid-template-columns:1fr 1.2fr;gap:45px;display:grid}.resume-detail h3{letter-spacing:.14em;text-align:center;border:1px solid #64696d;border-radius:999px;margin:0 0 20px;padding:6px 16px;font-size:11px;font-weight:500}.resume-school{flex-direction:column;gap:7px;padding-bottom:30px;display:flex}.resume-school time{color:#f97316;letter-spacing:.15em;font-size:9px}.resume-school span{color:#8e9396;font-size:11px}.resume-tags{flex-wrap:wrap;gap:7px;display:flex}.resume-tags span{border:1px solid #62676b;border-radius:99px;padding:7px 10px;font-size:9px}.resume-timeline article{grid-template-columns:120px 1fr;gap:15px;padding:0 0 18px;display:grid;position:relative}.resume-timeline article:before{content:"";background:#4e5356;width:1px;position:absolute;top:5px;bottom:-5px;left:126px}.resume-timeline time{color:#858a8e;font-size:9px}.resume-timeline article div{flex-direction:column;gap:5px;padding-left:14px;display:flex}.resume-timeline span{color:#8c9194;font-size:10px}.resume-awards,.resume-projects{margin-top:42px}.resume-awards>div{grid-template-columns:1fr 1fr;gap:9px 28px;display:grid}.resume-awards p{grid-template-columns:70px 1fr;gap:12px;margin:0;font-size:11px;display:grid}.resume-awards time{color:#f97316}.resume-awards span{color:#b1b5b8}.resume-projects>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.resume-projects span{border-bottom:1px solid #ffffff2e;padding:10px;font-size:10px}.resume-projects i{color:#f97316;margin-right:8px;font-size:8px;font-style:normal}@media (width<=1100px){.resume-layout{grid-template-columns:1fr}.resume-intro{border-bottom:1px solid #ffffff4d;border-right:0}.resume-portrait{height:600px}.resume-two-col{grid-template-columns:1fr}.resume-projects>div{grid-template-columns:1fr 1fr}}@media (width<=650px){.resume-intro,.resume-detail{padding:28px 22px}.resume-portrait{height:450px}.resume-profile-head{grid-template-columns:1fr}.resume-profile-head>img{width:120px;height:120px}.resume-skills{grid-template-columns:repeat(3,1fr)}.resume-awards>div,.resume-projects>div{grid-template-columns:1fr}.resume-timeline article{grid-template-columns:95px 1fr}.resume-timeline article:before{left:101px}}@media (pointer:coarse),(prefers-reduced-motion:reduce){.click-spark-canvas{display:none}}.hero-title-mask{width:83%;height:clamp(165px,17vw,285px);margin:34px auto 0}.portfolio-wordmark{font-size:clamp(64px,9.45vw,174px)}@media (width<=900px){.hero-title-mask{width:88%;margin-top:42px}.portfolio-wordmark{font-size:10.2vw}}@media (width<=560px){.hero-title-mask{width:92%;height:110px;margin-top:62px}.portfolio-wordmark{font-size:9.8vw}}.resume-portrait>span{text-align:center;width:max-content;line-height:.88}.resume-portrait>span b{text-align:center;display:block}.resume-portrait{background:0 0;border-radius:0;overflow:visible}.resume-portrait:after{display:none}.resume-portrait .tilted-card-inner{background:#111;border-radius:50% 50% 8px 8px;box-shadow:0 28px 70px #00000059}.resume-portrait .resume-portrait-title{z-index:2;white-space:nowrap;letter-spacing:.1em;text-align:center;color:#fff;width:max-content;font-family:Kanit,sans-serif;font-size:clamp(56px,5vw,90px);font-weight:700;line-height:.88;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.resume-portrait .resume-portrait-title b{text-align:center;color:#f97316;letter-spacing:.12em;font-family:Kanit,sans-serif;display:block}.resume-collapse{margin-top:28px}.resume-collapse summary{cursor:pointer;text-align:center;letter-spacing:.14em;border:1px solid #64696d;border-radius:999px;padding:10px 52px;font-size:11px;font-weight:600;list-style:none;transition:background .25s,border-color .25s;position:relative}.resume-collapse summary::-webkit-details-marker{display:none}.resume-collapse summary:hover{background:#f9731614;border-color:#f97316}.resume-collapse summary>i{color:#f97316;font-size:18px;font-style:normal;transition:transform .3s;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.resume-collapse[open] summary>i{transform:translateY(-50%)rotate(45deg)}.resume-collapse-content{transform-origin:top;padding-top:22px;animation:.38s cubic-bezier(.2,.8,.2,1) resume-reveal}@keyframes resume-reveal{0%{opacity:0;transform:translateY(-8px)scaleY(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.resume-collapse-content{animation:none}}.resume-projects>.resume-collapse-content{grid-template-columns:repeat(3,1fr);gap:8px 14px;display:grid}.resume-project-item{border-bottom:1px solid #ffffff2e;min-width:0}.resume-collapse .resume-project-item>summary{text-align:left;letter-spacing:0;background:0 0;border:0;border-radius:0;grid-template-columns:24px 1fr 18px;align-items:center;gap:7px;padding:12px 8px;display:grid}.resume-collapse .resume-project-item>summary:hover{background:#f973160f}.resume-project-item>summary>i{color:#f97316;font-size:8px;position:static;transform:none}.resume-project-item>summary>span{color:#d7e2ea;font-size:10px}.resume-project-item>summary>b{color:#737a7f;font-size:13px;font-style:normal;font-weight:400;transition:transform .25s}.resume-project-item[open]>summary>b{color:#f97316;transform:rotate(45deg)}.resume-project-item>p{color:#92989c;margin:0;padding:2px 8px 15px 39px;font-size:10px;line-height:1.7;animation:.3s resume-reveal}@media (width<=1100px){.resume-projects>.resume-collapse-content{grid-template-columns:1fr 1fr}}@media (width<=650px){.resume-projects>.resume-collapse-content{grid-template-columns:1fr}}.resume-collapse[open] .resume-project-item>summary>i{font-size:8px;position:static;top:auto;right:auto;transform:none}.strength-head h2 small{letter-spacing:-.055em;margin-top:.16em;font-size:.55em;font-weight:900;line-height:1;display:block}.strength-grid article{min-height:540px}.strength-grid h3{margin-top:68px;font-size:clamp(30px,2vw,36px)}.strength-grid p{white-space:pre-line;font-size:15px;line-height:1.8}.footer-contact-copy h2{letter-spacing:.025em;line-height:1.1}.footer-contact-copy h2 em{color:#f97316;letter-spacing:.07em;font-weight:900}.resume-role{font-size:13px}.resume-profile-head h2 small{font-size:17px}.resume-profile-head p{font-size:16px;line-height:1.8}.resume-profile-head ul{gap:20px;font-size:14px}.resume-skills span{margin-top:11px;font-size:13px}.resume-detail h3{padding:9px 18px;font-size:14px}.resume-school time{font-size:12px}.resume-school strong{font-size:21px}.resume-school span{font-size:14px;line-height:1.7}.resume-tags span{padding:8px 12px;font-size:12px}.resume-timeline article{grid-template-columns:135px 1fr;gap:18px;padding-bottom:23px}.resume-timeline article:before{left:142px}.resume-timeline time{font-size:12px}.resume-timeline article div{gap:7px;padding-left:18px}.resume-timeline strong{font-size:17px}.resume-timeline span{font-size:13px;line-height:1.55}.resume-collapse summary{padding-block:13px;font-size:14px}.resume-collapse-content{padding-top:27px}.resume-awards p{grid-template-columns:82px 1fr;gap:16px;font-size:14px;line-height:1.65}.resume-projects>.resume-collapse-content{gap:11px 18px}.resume-collapse .resume-project-item>summary{grid-template-columns:30px 1fr 22px;padding:16px 10px}.resume-project-item>summary>i,.resume-collapse[open] .resume-project-item>summary>i{font-size:11px}.resume-project-item>summary>span{font-size:14px;line-height:1.45}.resume-project-item>summary>b{font-size:17px}.resume-project-item>p{padding:5px 10px 19px 47px;font-size:14px;line-height:1.8}@media (width<=650px){.resume-timeline article{grid-template-columns:105px 1fr}.resume-timeline article:before{left:112px}.resume-project-item>p{padding-left:47px}}.resume-tags{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.resume-tags span{color:#d7e2ea;text-align:center;background:#f973160b;border-color:#f97316;justify-content:center;align-items:center;min-height:34px;display:flex}