@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.star-border-container{isolation:isolate;border-radius:20px;display:inline-block;position:relative;overflow:hidden}.border-gradient-bottom{opacity:.7;z-index:0;pointer-events:none;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-bottom;position:absolute;bottom:-12px;right:-250%}.border-gradient-top{opacity:.7;z-index:0;pointer-events:none;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-top;position:absolute;top:-12px;left:-250%}.inner-content{color:#fff;text-align:center;z-index:1;background:#000;border:1px solid #222;border-radius:20px;padding:16px 26px;font-size:16px;position:relative}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.border-gradient-bottom,.border-gradient-top{opacity:.35;animation:none}}.aurora-container{width:100%;height:100%}.aurora-container canvas{width:100%;height:100%;display:block}:root{--bg:#080808;--panel:#101010;--line:#ffffff24;--muted:#8a8a8a;--lime:#c7ff31;--frame:min(1700px, calc(100vw - 96px));color:#f3f3f0;background:var(--bg);font-synthesis:none;font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.frame{width:var(--frame);margin-inline:auto}.nav{z-index:50;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;width:100%;height:92px;padding:0 max(48px,50vw - 850px);transition:all .35s;display:flex;position:fixed;top:0;left:0}.nav.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--line);background:#080808cc;height:70px}.logo{letter-spacing:.08em;align-items:center;gap:11px;font-size:14px;font-weight:700;display:flex}.logo i{border:1px solid var(--lime);border-radius:50%;width:17px;height:17px;position:relative}.logo i:after{content:"";background:var(--lime);border-radius:50%;width:5px;height:5px;position:absolute;inset:5px}.nav nav{gap:44px;display:flex}.nav nav a{letter-spacing:.17em;color:#b4b4b4;font-size:11px;transition:all .2s}.nav-contact{letter-spacing:.14em;border-bottom:1px solid #777;padding:8px 0;font-size:11px}.arrow{margin-left:10px;font-size:17px;transition:transform .2s;display:inline-block}.diagonal{transform:rotate(-45deg)}a:hover .arrow,button:hover .arrow{transform:translate(4px)}a:hover .diagonal,button:hover .diagonal{transform:rotate(-45deg)translate(4px)}.hero{border-bottom:1px solid var(--line);background:#090909;height:100svh;min-height:760px;position:relative;overflow:hidden}.hero-media{filter:saturate(.7);background:radial-gradient(circle at 55% 48%,#25272a 0,#111 30%,#060606 68%);position:absolute;inset:0}.hero-media:after{content:"";background:linear-gradient(90deg,#000000ad,#0000 45%,#00000059),linear-gradient(#0000 60%,#0009);position:absolute;inset:0}.orb{filter:blur(2px);border-radius:47% 53% 61% 39%;animation:10s ease-in-out infinite float;position:absolute}.orb-one{background:radial-gradient(circle at 35% 27%,#bebebe,#45484c 25%,#121314 57%,#020202 71%);width:42vw;height:42vw;top:10%;left:38%;transform:rotate(18deg);box-shadow:inset -70px -50px 90px #000,0 0 130px #ffffff12}.orb-two{background:linear-gradient(145deg,#41454a,#070707 60%);width:22vw;height:16vw;animation-delay:-4s;bottom:6%;right:-3%}.mesh{background:repeating-radial-gradient(circle,#0000 0 33px,#ffffff06 34px 35px);border:1px solid #ffffff14;border-radius:50%;width:65vw;height:65vw;position:absolute;top:-7%;left:24%}.grain{opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;justify-content:center;height:100%;padding-top:80px;display:flex;position:relative}.eyebrow{letter-spacing:.28em;color:#bdbdbd;font-size:10px}.hero h1{letter-spacing:-.065em;margin:45px 0 58px;font-size:clamp(72px,8.2vw,150px);font-weight:600;line-height:.82}.hero h1 span{display:block}.hero-bottom{justify-content:space-between;align-items:center;width:58%;display:flex}.hero-bottom p{color:#b5b5b5;font-size:13px;line-height:1.75}.round-link{border:1px solid #ffffff73;border-radius:50%;place-items:center;width:67px;height:67px;transition:all .3s;display:grid}.round-link .arrow{margin:0}.round-link:hover{background:var(--lime);border-color:var(--lime);color:#000}.side-label{z-index:2;writing-mode:vertical-rl;letter-spacing:.25em;color:#888;font-size:9px;position:absolute;top:50%;right:26px}@keyframes float{50%{transform:rotate(25deg)translateY(-25px)scale(1.03)}}.section-index{border-top:1px solid var(--line);align-items:center;gap:18px;padding-top:18px;display:flex}.section-index span{color:var(--lime);font-size:11px}.section-index p{letter-spacing:.22em;color:#aaa;margin:0;font-size:10px}.about-grid{grid-template-columns:.82fr 1.18fr;gap:10vw;margin-top:85px;display:grid}.portrait{background:linear-gradient(140deg,#181818,#0d0d0d);border:1px solid #202020;min-height:710px;position:relative;overflow:hidden}.portrait-glow{filter:blur(15px);background:radial-gradient(circle,#747b79 0,#262a29 45%,#0000 72%);border-radius:50%;width:70%;height:55%;position:absolute;top:15%;left:17%}.silhouette{filter:contrast(1.2);background:linear-gradient(100deg,#171a1a,#777d7b 48%,#111 70%);border-radius:48% 48% 5% 5%;width:46%;height:60%;position:absolute;bottom:0;left:27%}.silhouette:before{content:"";aspect-ratio:.83;background:linear-gradient(110deg,#171818,#a7aaa5 48%,#232424 76%);border-radius:47%;width:57%;position:absolute;top:-48%;left:20%;box-shadow:-15px -22px #101111}.silhouette i{border:1px solid #c7ff313d;border-radius:50%;position:absolute;inset:-58% -60% 10%;transform:rotate(-18deg)}.portrait span{color:#777;letter-spacing:.15em;font-size:9px;position:absolute;bottom:22px;left:24px}.bio{padding-top:35px}.kicker{color:var(--lime);letter-spacing:.19em;font-size:9px}.bio h2,.work-head h2,.ability-title h2{letter-spacing:-.05em;margin:48px 0;font-size:clamp(50px,4.5vw,82px);font-weight:400;line-height:1.05}.bio h2 em,.work-head h2 em,.ability-title h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.bio-copy{color:#969696;max-width:630px;margin:65px 0 55px;font-size:14px;line-height:1.9}.info-row{border-top:1px solid var(--line);justify-content:space-between;padding:19px 0;font-size:11px;display:flex}.info-row span{color:#666;letter-spacing:.13em}.info-row p{margin:0}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:120px;display:grid}.stats div{border-right:1px solid var(--line);flex-direction:column;padding:48px 0 42px;display:flex}.stats div:not(:first-child){padding-left:45px}.stats div:last-child{border:0}.stats strong{letter-spacing:-.06em;font-size:57px;font-weight:300}.stats sup{color:var(--lime);font-size:22px}.stats span{color:#777;letter-spacing:.14em;margin-top:17px;font-size:9px}.work{background:#0c0c0c}.work-head{grid-template-columns:.7fr 1.4fr .6fr;align-items:end;display:grid}.work-head .section-index{align-self:start}.work-head h2{margin:70px 0 20px}.work-head>p{color:#777;margin-bottom:30px;font-size:12px;line-height:1.8}.projects{margin-top:85px}.project{margin-bottom:125px}.project-visual{background:#151515;height:min(68vw,930px);position:relative;overflow:hidden}.project-visual:after{content:"";background:radial-gradient(circle,#0000,#00000073);position:absolute;inset:0}.project-code{z-index:3;letter-spacing:.18em;color:#ffffff8c;font-size:9px;position:absolute;top:25px;left:26px}.art-object{transition:transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;inset:8%}.project:hover .art-object{transform:scale(1.035)rotate(.6deg)}.visual-a .art-object:before{content:"";background:linear-gradient(105deg,#09080d,#bcb2c7 35%,#443e4e 55%,#080708 75%);border-radius:50% 50% 42% 58%;width:42%;height:80%;position:absolute;top:10%;left:29%;box-shadow:0 0 80px #9e88b071}.visual-a .art-object:after{content:"";border:1px solid #c7ff3175;border-radius:50%;width:70%;height:55%;position:absolute;top:23%;left:16%;transform:rotate(-18deg);box-shadow:0 0 40px #c7ff3120}.visual-b .art-object{filter:drop-shadow(0 0 45px #bbd0d22b);background:conic-gradient(from 90deg,#0000,#b7c2c7,#0000 25%,#3d4649,#0000 54%,#d0d4d2,#0000);border-radius:50%}.visual-b .art-object:after{content:"";border:60px solid #171b1c;border-radius:48%;position:absolute;inset:23%;transform:rotate(36deg);box-shadow:inset 20px 10px 35px #8b9798,-20px 30px 55px #000}.visual-c .art-object:before,.visual-c .art-object:after{content:"";filter:drop-shadow(0 0 35px #8cfb7342);background:radial-gradient(circle at 70% 20%,#c6ff31,#35684b 25%,#09120e 67%);border-radius:50% 15% 50% 20%;width:43%;height:72%;position:absolute;top:13%;transform:rotate(27deg)}.visual-c .art-object:before{left:23%}.project-meta{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr auto;padding:25px 0;display:grid}.project-meta>span{color:#777;font-size:11px}.project-meta p{letter-spacing:.16em;color:#777;margin:0 0 10px;font-size:9px}.project-meta h3{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:400}.project-meta small{color:#777;margin-top:10px;display:block}.project-meta button{color:#fff;background:0 0;border:1px solid #444;border-radius:50%;width:55px;height:55px}.project-meta button .arrow{margin:0}.ability-title{justify-content:space-between;align-items:end;margin:80px 0;display:flex}.ability-title h2{margin:0}.ability-title>p{color:#777;margin-bottom:12px;font-size:12px;line-height:1.8}.cap-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.cap-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:460px;padding:25px 27px;transition:all .3s;position:relative}.cap-grid article>span{color:#666;font-size:9px}.cap-icon{place-items:center;height:170px;display:grid}.cap-icon i{border:1px solid #626262;border-radius:50%;width:72px;height:72px;position:relative}.cap-icon b{border:1px solid var(--lime);border-radius:50%;width:38px;height:90px;position:absolute;transform:rotate(45deg)}.cap-grid article:nth-child(2) .cap-icon i{border-radius:5px;transform:rotate(23deg)}.cap-grid article:nth-child(3) .cap-icon i{clip-path:polygon(50% 0,100% 30%,82% 100%,18% 100%,0 30%);border-radius:0}.cap-grid article:nth-child(4) .cap-icon b{width:90px;height:38px;transform:rotate(90deg)}.cap-grid article>p{color:var(--lime);letter-spacing:.14em;font-size:9px}.cap-grid h3{margin:15px 0 24px;font-size:20px;font-weight:400}.cap-grid small{color:#777;font-size:12px;line-height:1.8}.contact{background:#080908;height:100svh;min-height:780px;position:relative;overflow:hidden}.contact-glow{opacity:.55;background:radial-gradient(circle at 34% 31%,#7e8984,#242927 28%,#060706 65%);border-radius:50%;width:70vw;height:70vw;position:absolute;top:17%;left:43%;box-shadow:inset -110px -100px 140px #000}.contact-inner{flex-direction:column;justify-content:center;height:100%;display:flex;position:relative}.contact h2{letter-spacing:-.065em;margin:43px 0 55px;font-size:clamp(70px,8.5vw,155px);font-weight:500;line-height:.81}.contact-inner>a{letter-spacing:.17em;border-bottom:1px solid #777;width:max-content;padding:10px 0;font-size:11px}.footer-row{border-top:1px solid var(--line);color:#777;letter-spacing:.13em;justify-content:space-between;width:100%;padding-top:22px;font-size:9px;line-height:1.7;display:flex;position:absolute;bottom:34px;left:0}.footer-row p{margin:0}@media (width<=900px){:root{--frame:calc(100vw - 40px)}.nav{padding:0 20px}.nav nav{display:none}.hero h1{font-size:16vw}.hero h1 .outline{margin-left:0}.hero-bottom{width:100%}.about-grid{grid-template-columns:1fr}.portrait{min-height:520px}.stats{grid-template-columns:1fr 1fr}.stats div{padding-left:20px!important}.work-head{grid-template-columns:1fr}.project-visual{height:75vw}.ability-title{display:block}.ability-title>p{margin-top:30px}.cap-grid{grid-template-columns:1fr 1fr}.contact h2{font-size:15vw}.footer-row p:nth-child(2){display:none}}@media (width<=560px){.section{padding:95px 0}.nav-contact{font-size:0}.nav-contact .arrow{font-size:18px}.hero{min-height:680px}.hero h1{font-size:18vw;line-height:.9}.about-grid{margin-top:50px}.portrait{min-height:430px}.stats strong{font-size:42px}.work-head h2,.ability-title h2,.bio h2{font-size:13vw}.projects{margin-top:50px}.project{margin-bottom:75px}.project-meta{grid-template-columns:35px 1fr auto}.project-meta small{display:none}.cap-grid{grid-template-columns:1fr}.contact{min-height:700px}.contact h2{font-size:16vw}.footer-row{font-size:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orb{animation:none}*{transition:none!important}}.hero-media video{object-fit:cover;opacity:.18;mix-blend-mode:screen;filter:grayscale()contrast(1.25);width:100%;height:100%;position:absolute;inset:0}:root{--lime:#8eeaff;--ice:#dffaff}.hero-media{background:radial-gradient(circle at 57% 38%,#354957 0,#14212a 28%,#070a0d 67%)}.hero-media video{filter:grayscale(.7)hue-rotate(155deg)contrast(1.35);opacity:.12}.orb-one{background:radial-gradient(at 49% 57%,#dce5e5 0 22%,#7f929a 23%,#171e23 49%,#030405 73%);border-radius:48% 48% 42% 42%;width:35vw;height:47vw;top:7%;left:48%;transform:rotate(4deg);box-shadow:inset -70px -40px 100px #000,0 0 130px #70dcff21}.orb-one:before{content:"";background:radial-gradient(circle at 32% 45%,#b9f4ff 0 1.1%,#0000 1.5%),radial-gradient(circle at 68% 45%,#b9f4ff 0 1.1%,#0000 1.5%),radial-gradient(at 50% 68%,#e9ece8 0 27%,#11171b 29%);border-radius:50% 50% 46% 46%;width:54%;height:34%;position:absolute;top:13%;left:23%}.orb-one:after{content:"";clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 0 12px #e5a94b55);background:#d7a74b;width:14%;height:8%;position:absolute;top:30%;left:43%}.orb-two{clip-path:polygon(8% 65%,25% 22%,44% 55%,60% 8%,95% 75%,82% 100%,10% 94%);background:linear-gradient(145deg,#c1f4ff,#263b46 48%,#070a0c 72%);border-radius:0}.mesh{background:repeating-radial-gradient(circle,#0000 0 33px,#8eeaff09 34px 35px);border-color:#8eeaff1f}.portrait{background:linear-gradient(160deg,#17242b,#070a0c 72%)}.silhouette{background:radial-gradient(at 50% 58%,#edf1ed 0 26%,#66747a 27%,#11171a 56%,#050607 77%);border-radius:49% 49% 37% 37%;width:47%;height:56%;left:27%}.silhouette:before{aspect-ratio:1;width:68%;box-shadow:none;background:radial-gradient(circle at 32% 43%,#9defff 0 1.5%,#0000 2%),radial-gradient(circle at 68% 43%,#9defff 0 1.5%,#0000 2%),radial-gradient(at 50% 67%,#e5e6df 0 25%,#111619 27%);border-radius:50%;top:-29%;left:16%}.silhouette:after{content:"";clip-path:polygon(50% 100%,0 0,100% 0);background:#e1ae52;width:24%;height:11%;position:absolute;top:-7%;left:38%}.visual-a .art-object:before{background:radial-gradient(at 50% 60%,#e5eceb 0 23%,#63747b 24%,#12191d 52%,#020303 73%);border-radius:49% 49% 40% 40%;width:36%;height:77%;left:32%}.visual-b .art-object:after{background:radial-gradient(at 50% 62%,#f2f4ef 0 25%,#172126 27%);border:0;border-radius:48%;inset:28% 38%;transform:none;box-shadow:0 0 40px #000}.visual-c .art-object:before,.visual-c .art-object:after{filter:drop-shadow(0 0 35px #8eeaff33);background:radial-gradient(at 50% 60%,#e5eeee 0 23%,#2f5663 24%,#10191d 55%,#050708 72%);border-radius:50% 50% 38% 38%}.contact-glow{opacity:.6;background:radial-gradient(circle at 34% 31%,#7898a3,#1d3039 28%,#050708 65%)}.experience-head{justify-content:space-between;align-items:end;margin:80px 0;display:flex}.experience-head h2{letter-spacing:-.05em;margin:0;font-size:clamp(50px,4.5vw,82px);font-weight:400;line-height:1.02}.experience-head h2 em{font-family:Georgia,serif;font-weight:400}.experience-head>p{color:#777;margin:0 0 10px;font-size:12px;line-height:1.8}.timeline{border-top:1px solid var(--line)}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:55px 170px 1fr 1.3fr;align-items:start;gap:30px;padding:30px 0;transition:all .25s;display:grid}.timeline article:hover{background:linear-gradient(90deg,#8eeaff0a,#0000);padding-left:14px}.timeline article>span{color:var(--ice);font-size:9px}.timeline time{color:#777;letter-spacing:.05em;font-size:11px}.timeline h3{margin:0 0 8px;font-size:17px;font-weight:400}.timeline div p{color:var(--ice);letter-spacing:.12em;margin:0;font-size:10px}.timeline small{color:#777;font-size:12px;line-height:1.8}.education{border-top:1px solid var(--line);grid-template-columns:225px 1fr 1fr;gap:30px;margin-top:90px;padding-top:24px;display:grid}.education>p{letter-spacing:.18em;color:var(--ice);font-size:10px}.education div{border-left:1px solid var(--line);padding-left:30px}.education span,.education small{color:#777;font-size:10px}.education h3{margin:16px 0 10px;font-size:17px;font-weight:400}@media (width<=900px){.experience-head{display:block}.experience-head>p{margin-top:30px}.timeline article{grid-template-columns:35px 135px 1fr}.timeline small{grid-column:3}.education{grid-template-columns:1fr 1fr}.education>p{grid-column:1/-1}}@media (width<=560px){.timeline article{grid-template-columns:30px 1fr;gap:14px}.timeline time,.timeline article>div,.timeline small{grid-column:2}.education{grid-template-columns:1fr}.education>p{grid-column:auto}.education div{border-left:0;border-top:1px solid var(--line);padding:20px 0}}body{background:var(--bg);color:#1b1b19}.nav.scrolled{border-color:var(--line);background:#f1f0ebdb}.hero{border-color:var(--line);background:#e5e3dc}.hero-media video{display:none}.hero-media:before{content:"";z-index:0;background-color:#0000;background-image:linear-gradient(90deg,#0000 calc(50% - .5px),#1b1b1914 50%,#0000 calc(50% + .5px)),linear-gradient(0deg,#0000 calc(50% - .5px),#1b1b190f 50%,#0000 calc(50% + .5px));background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:25vw 25vw;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.orb-one{width:34vw;height:52vw;box-shadow:none;filter:grayscale();opacity:.82;background:linear-gradient(108deg,#252522 0,#89877e 38%,#d5d1c8 59%,#302f2d 77%);border-radius:47% 47% 5% 5%;animation:none;top:7%;left:59%;transform:none}.orb-one:after{clip-path:none;filter:none;background:#d44232;width:130%;height:1px;top:62%;left:-15%}.orb-two{clip-path:none;opacity:.9;background:#d44232;border-radius:50%;width:11vw;height:11vw;bottom:9%;right:7%}.mesh{background:repeating-radial-gradient(circle,#0000 0 39px,#1b1b190d 40px 41px);border:1px solid #1b1b1924;width:52vw;height:52vw;top:10%;left:52%}.hero h1{font-size:clamp(72px,8.6vw,158px);font-weight:500;line-height:.82}.hero h1 .outline{color:#0000;-webkit-text-stroke:1px #1b1b19a8;margin-left:7vw}.hero-bottom p{color:#565550}.portrait{background:#d9d6ce;border:0;min-height:720px}.portrait:after{content:"温显扬\a WEN XIANYANG";white-space:pre;letter-spacing:.16em;text-align:right;color:#5d5c57;font-size:9px;line-height:1.8;position:absolute;top:24px;right:22px}.portrait-glow{filter:none;background:radial-gradient(circle,#efede7 0,#b8b5ad 45%,#0000 72%);width:80%;height:66%;top:12%;left:10%}.silhouette{filter:grayscale();background:linear-gradient(105deg,#272725,#aaa79f 50%,#3e3d3a);border-radius:46% 46% 5% 5%;width:48%;height:57%;left:26%}.silhouette:before{aspect-ratio:.83;background:linear-gradient(110deg,#242422,#c3c0b8 48%,#464541);border-radius:47%;width:60%;top:-44%;left:20%;box-shadow:-12px -15px #252523}.silhouette:after{display:none}.silhouette i{border-color:#d44232a6;border-radius:50%;inset:-54% -80% 5%;transform:rotate(-14deg)}.bio h2,.work-head h2,.ability-title h2,.experience-head h2{font-weight:400}.bio h2 em,.work-head h2 em,.ability-title h2 em,.experience-head h2 em,.contact h2 em{font-family:Noto Serif SC,Songti SC,Georgia,serif;font-style:normal}.stats,.stats div{border-color:var(--line)}.work{color:#eeede8;background:#1d1d1b}.project-visual{height:min(62vw,850px)}.visual-a .art-object:after{width:58%;height:58%;box-shadow:none;border:1px solid #1b1b1952;top:21%;left:21%;transform:rotate(-18deg)}.visual-b .art-object{clip-path:none;filter:none;background:linear-gradient(90deg,#0000 49.8%,#292927 50%,#0000 50.2%),linear-gradient(#0000 49.8%,#292927 50%,#0000 50.2%);border-radius:0}.visual-b .art-object:before{content:"AI";color:#242422;letter-spacing:-.12em;place-items:center;font-family:Georgia,serif;font-size:24vw;display:grid;position:absolute;inset:0}.visual-b .art-object:after{width:17%;height:17%;box-shadow:none;background:#d44232;border-radius:50%;inset:auto 9% 9% auto}.visual-c .art-object:before,.visual-c .art-object:after{filter:none;background:linear-gradient(100deg,#222220,#b8b5ac 50%,#3d3c38);border-radius:50%;width:30%;height:64%;top:18%}.visual-c .art-object:before{left:20%;transform:rotate(18deg)}.visual-c .art-object:after{right:20%;transform:rotate(-18deg)}.project-meta button{color:#eee;border-color:#666}.cap-grid,.cap-grid article{border-color:var(--line)}.contact-glow{width:56vw;height:56vw;box-shadow:none;opacity:.24;background:radial-gradient(circle at 36% 33%,#f1ede4,#a62820 37%,#711812 68%);top:12%;left:54%}.contact:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(25vw - 1px),#ffffff14 25vw);position:absolute;inset:0}.contact .eyebrow{color:#f5ddd8}.contact h2{font-weight:400}@media (width<=900px){.orb-one{opacity:.55;width:48vw;height:65vw;top:15%;left:53%}.orb-two{width:18vw;height:18vw}.hero h1 .outline{margin-left:0}.portrait{min-height:540px}.nav nav{display:none}}@media (width<=560px){.section{padding:90px 0}.hero h1{font-size:17vw}.hero-bottom{align-items:end}.orb-one{width:60vw;height:82vw;top:19%;left:48%}.portrait{min-height:430px}.contact h2{font-size:15vw}}:root{--bg:#050505;--panel:#0b0a0d;--line:#d2d6de6b;--muted:#888991;--lime:#ff542f;--ice:#ff542f;color:#f1f1f1;background:#050505;font-family:Bahnschrift,Arial Narrow,HarmonyOS Sans SC,Microsoft YaHei,sans-serif}body{color:#f1f1f1;background:#050505}.section{padding:130px 0}.nav{color:#f2f2f2}.nav.scrolled{background:#040404e0;border-color:#ffffff29}.logo{font-stretch:75%}.logo i{border-color:#ff542f}.logo i:after{background:#ff542f}.nav nav a{color:#a6a6aa}.nav nav a:hover{color:#ff542f}.nav-contact{border-color:#777}.hero{background:#050505;border-color:#1d1d20;height:92svh;min-height:720px}.hero-media{filter:none;background:radial-gradient(at 71% 55%,#39120c 0,#12090a 26%,#050505 65%)}.hero-media:before{background-color:#0000;background-image:linear-gradient(90deg,#0000 calc(50% - .5px),#ffffff09 50%,#0000 calc(50% + .5px)),linear-gradient(0deg,#0000 calc(50% - .5px),#ffffff06 50%,#0000 calc(50% + .5px));background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:14vw 14vw;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.hero-media:after{background:linear-gradient(90deg,#050505 0,#050505db 38%,#05050526 72%),linear-gradient(0deg,#050505 0,#0000 45%)}.orb-one{filter:none;opacity:.9;background:repeating-radial-gradient(circle,#0000 0 24px,#ff5b2f33 25px 26px),conic-gradient(from 40deg,#0c0c0e,#7c2415,#0d0d10,#ff5b2f,#0a0a0c,#40150f,#0c0c0e);border-radius:50%;width:34vw;height:34vw;top:24%;left:62%;transform:rotate(-12deg);box-shadow:0 0 110px #ff461c2e,inset 0 0 70px #000}.orb-one:before{background:radial-gradient(circle,#ff6a3f 0 8%,#24100d 9% 28%,#a9371e 29% 32%,#080809 33%);border-radius:50%;width:38%;height:38%;top:31%;left:31%;box-shadow:0 0 50px #ff4f2855}.orb-one:after{filter:none;background:linear-gradient(90deg,#0000,#ff5a32,#0000);width:150%;height:1px;top:50%;left:-25%}.orb-two{clip-path:none;background:radial-gradient(circle at 35% 35%,#ff825e,#ce3418 35%,#1b0806 70%);border-radius:50%;width:8vw;height:8vw;bottom:12%;right:8%;box-shadow:0 0 45px #ff4a2833}.mesh{background:repeating-radial-gradient(circle,#0000 0 34px,#ffffff09 35px 36px);border-color:#ffffff1a;width:45vw;height:45vw;top:18%;left:55%}.grain{opacity:.08}.hero-content{color:#f1f1f1}.eyebrow{color:#b1b1b5}.hero h1{letter-spacing:-.045em;margin:42px 0;font-family:Bahnschrift Condensed,Arial Narrow,HarmonyOS Sans SC,sans-serif;font-size:clamp(76px,8vw,148px);font-weight:400;line-height:.88}.hero h1 .outline{color:#8a8a90;-webkit-text-stroke:0;margin-left:5vw;font-weight:300}.hero h1 span:last-child{color:#ececec}.hero-bottom p{color:#9b9ba0;letter-spacing:.06em}.round-link{border-color:#777}.round-link:hover{color:#fff;background:#ff542f;border-color:#ff542f}.side-label{color:#777}.section-index{border-color:#fff3}.section-index span{color:#ff542f}.section-index p{color:#a0a0a4}.about-grid{grid-template-columns:.72fr 1.28fr}.portrait{background:radial-gradient(circle at 50% 35%,#45201b,#111013 43%,#070707 74%);border:1px solid #626269;border-radius:22px;min-height:650px}.portrait:after{color:#8a8a8f}.portrait-glow{background:radial-gradient(circle,#7f3024 0,#231316 43%,#0000 70%)}.silhouette{filter:none;background:linear-gradient(105deg,#08080a,#77757a 48%,#17171a)}.silhouette:before{background:linear-gradient(110deg,#09090a,#aaa7a8 48%,#252427);box-shadow:-12px -15px #090909}.silhouette i{border-color:#ff542fad}.portrait span{color:#85858a}.kicker{color:#ff542f}.bio h2,.work-head h2,.ability-title h2,.experience-head h2{letter-spacing:-.035em;font-family:Bahnschrift Condensed,Arial Narrow,HarmonyOS Sans SC,sans-serif;font-weight:400}.bio h2 em,.work-head h2 em,.ability-title h2 em,.experience-head h2 em,.contact h2 em{color:#8d8d93;font-family:inherit;font-style:normal}.bio-copy,.work-head>p,.ability-title>p,.experience-head>p{color:#8b8b90}.info-row span{color:#777}.stats,.stats div{border-color:#ffffff2e}.stats sup{color:#ff542f}.stats span{color:#777}.experience{padding-top:20px}.timeline,.timeline article{border-color:#ffffff2e}.timeline article:hover{background:linear-gradient(90deg,#ff542f14,#0000)}.timeline article>span,.timeline div p,.education>p{color:#ff542f}.timeline time,.timeline small,.education span,.education small{color:#85858b}.education,.education div{border-color:#ffffff2e}.work{color:#f1f1f1;background:#050505;padding-top:130px}.work-head{grid-template-columns:.55fr 1.1fr .6fr}.work .section-index,.project-meta{border-color:#ffffff2e}.work .section-index p,.work-head>p,.project-meta>span,.project-meta p,.project-meta small{color:#89898f}.projects{grid-template-columns:1fr 1fr;gap:38px 28px;margin-top:70px;display:grid}.project{margin:0}.project-visual{aspect-ratio:16/10;background:#0d0c10;border:1px solid #686870;border-radius:18px;height:auto;overflow:hidden;box-shadow:inset 0 0 0 1px #121216}.project-code{color:#a7a7ac}.art-object{inset:10%}.visual-a{background:radial-gradient(at 70% 70%,#74220f,#140b0c 42%,#09090b 72%)}.visual-a .art-object:before{background:linear-gradient(120deg,#f0efed,#67656a 45%,#121215 68%);border-radius:50%;width:31%;height:68%;top:15%;left:35%;box-shadow:50px 35px #ff49238c}.visual-a .art-object:after{border-color:#ff5b3a66;box-shadow:0 0 35px #ff542f22}.visual-b{background:radial-gradient(circle at 52% 55%,#2c1318,#0b0910 56%)}.visual-b .art-object{background:linear-gradient(90deg,#0000 49.8%,#ff542f 50%,#0000 50.2%),linear-gradient(#0000 49.8%,#ffffff40 50%,#0000 50.2%)}.visual-b .art-object:before{color:#ecebed;font-size:13vw}.visual-b .art-object:after{background:#ff542f}.visual-c{background:radial-gradient(circle,#361510,#09090b 68%)}.visual-c .art-object:before,.visual-c .art-object:after{filter:drop-shadow(0 0 25px #ff4e2925);background:linear-gradient(100deg,#08080a,#b5b3b4 50%,#272629)}.visual-d{background:linear-gradient(145deg,#0b0b0e,#32110d 55%,#0a090b)}.visual-d .art-object:before{content:"M";color:#ff542f;text-shadow:35px 22px #ffffff14;place-items:center;font-size:16vw;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.visual-d .art-object:after{content:"BRAND SYSTEM / 04";letter-spacing:.18em;color:#aaa;font-size:9px;position:absolute;bottom:8%;right:7%}.visual-e{background:radial-gradient(circle at 55% 45%,#3a1410,#0a090b 64%)}.visual-e .art-object:before{content:"";aspect-ratio:1;background:conic-gradient(from 45deg,#f1f0ed,#343338,#ff5934,#111114,#a4a1a2,#f1f0ed);border-radius:22%;width:48%;position:absolute;top:5%;left:26%;transform:rotate(27deg);box-shadow:0 35px 65px #000}.visual-e .art-object:after{content:"";border:1px solid #ff633f66;border-radius:50%;position:absolute;inset:16%}.visual-f{background:linear-gradient(135deg,#09090b,#211016 48%,#08080a)}.visual-f .art-object:before{content:"▶";color:#ff542f;filter:drop-shadow(0 0 40px #ff542f44);place-items:center;font-size:9vw;display:grid;position:absolute;inset:0}.visual-f .art-object:after{content:"00:15 / 00:30";letter-spacing:.15em;color:#aaa;border-top:2px solid #ff542f;padding-top:10px;font-size:9px;position:absolute;bottom:8%;left:8%;right:8%}.project-meta{grid-template-columns:38px 1fr auto;padding:20px 4px 25px}.project-meta h3{font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:24px}.project-meta button{color:#eee;border-color:#555;width:48px;height:48px}.cap-grid,.cap-grid article{border-color:#ffffff2e}.cap-grid article:hover{background:#0d0c0f}.cap-grid article>span{color:#777}.cap-grid article>p{color:#ff542f}.cap-grid small{color:#838389}.cap-icon i{border-color:#777}.cap-icon b{border-color:#ff542f}.contact{color:#f1f1f1;background:#050505}.contact-glow{opacity:.5;background:radial-gradient(circle at 35% 34%,#ff5d35,#52160e 28%,#080808 64%);width:62vw;height:62vw;top:8%;left:52%;box-shadow:inset -80px -80px 130px #000}.contact:before{background:repeating-linear-gradient(90deg,#0000 0 calc(20vw - 1px),#ffffff09 20vw)}.contact h2{font-family:Bahnschrift Condensed,Arial Narrow,HarmonyOS Sans SC,sans-serif}.contact h2 em{color:#8d8d93;-webkit-text-stroke:0}.contact-inner>a{border-color:#777}.footer-row{color:#777;border-color:#fff3}.footer-row a{color:#aaa}@media (width<=900px){.projects,.work-head{grid-template-columns:1fr}.orb-one{width:52vw;height:52vw;top:25%;left:51%}.project-visual{aspect-ratio:16/10}.visual-b .art-object:before{font-size:26vw}.visual-d .art-object:before{font-size:31vw}}@media (width<=560px){.hero{min-height:680px}.hero h1{font-size:16vw}.hero h1 .outline{margin-left:0}.projects{gap:28px}.project-visual{border-radius:12px}.project-meta small{display:none}.work{padding-top:90px}}.hero-media video{object-fit:cover;opacity:.72;mix-blend-mode:normal;filter:saturate(.72)contrast(1.08)brightness(.64);width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.025)}.hero-media:after{z-index:2;background:linear-gradient(90deg,#030304eb 0,#030304ad 38%,#0303042e 72%),linear-gradient(0deg,#030304e0 0,#0000 48%,#03030438 100%)}.hero-glass{z-index:3;-webkit-backdrop-filter:blur(18px)saturate(1.1);background:linear-gradient(125deg,#0f0f1285,#140f1133);border:1px solid #ffffff29;border-radius:28px;width:auto;height:auto;position:absolute;inset:84px 24px 22px;box-shadow:inset 0 1px #ffffff21,0 35px 90px #00000052}.hero-glass:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff0e,#0000 38%,#ff542f09);border-radius:26px;position:absolute;inset:1px}.hero-content{z-index:4}.hero .orb,.hero .mesh{opacity:.14;z-index:3}.hero .orb-one{mix-blend-mode:screen}.hero .grain{z-index:4}@media (width<=900px){.hero-glass{-webkit-backdrop-filter:blur(14px);border-radius:22px;width:auto;height:auto;inset:78px 12px 12px}}@media (prefers-reduced-motion:reduce){.hero-media video{display:none}.hero-media{background:radial-gradient(at 70%,#3a140e,#050505 66%)}}.hero h1 .outline{margin-left:0}.nav-contact,.round-link,.project-meta button,.contact-inner>a,.footer-row a{transition:color .25s,background-color .25s,border-color .25s,box-shadow .25s,transform .25s}.nav-contact{border:1px solid #ffffff61;border-radius:999px;padding:10px 14px}.nav-contact:hover{color:#fff;background:#ff542f;border-color:#ff542f;transform:translateY(-2px);box-shadow:0 8px 28px #ff542f3d}.round-link:hover,.project-meta button:hover{color:#fff;background:#ff542f;border-color:#ff542f;transform:translateY(-3px);box-shadow:0 10px 32px #ff542f4d}.contact-inner>a{border:1px solid #ffffff6b;border-radius:999px;padding:13px 18px}.contact-inner>a:hover{color:#fff;background:#ff542f;border-color:#ff542f;transform:translateY(-3px);box-shadow:0 10px 34px #ff542f47}.footer-row a{border:1px solid #0000;border-radius:999px;padding:7px 11px}.footer-row a:hover{color:#fff;background:#ff542f;border-color:#ff542f;transform:translateY(-2px)}.nav-contact:focus-visible,.round-link:focus-visible,.project-meta button:focus-visible,.contact-inner>a:focus-visible,.footer-row a:focus-visible{outline-offset:4px;outline:2px solid #ff7657}.nav{background:0 0;border:1px solid #0000;width:100%;height:86px;padding:0 max(48px,50vw - 850px);transition:top .35s,left .35s,right .35s,width .35s,height .35s,background-color .35s,border-color .35s,border-radius .35s,box-shadow .35s;position:absolute;top:0;left:0}.nav.scrolled{-webkit-backdrop-filter:blur(18px)saturate(1.25);background:#0d0d10a8;border:1px solid #ffffff2b;border-radius:18px;width:auto;height:64px;padding:0 22px;position:fixed;top:14px;left:max(24px,50vw - 850px);right:max(24px,50vw - 850px);box-shadow:inset 0 1px #ffffff1a,0 16px 48px #00000061}.nav.scrolled:before{content:"";pointer-events:none;background:linear-gradient(110deg,#ffffff0e,#0000 35%,#ff542f09);border-radius:16px;position:absolute;inset:1px}.nav.scrolled>*{z-index:1;position:relative}@media (width<=900px){.nav{padding:0 20px}.nav.scrolled{border-radius:16px;padding:0 16px;top:10px;left:12px;right:12px}}.project-star-border{background:#09090b;border-radius:19px;width:100%;display:block}.project-star-border>.inner-content{text-align:left;background:#09090b;border-color:#ffffff38;border-radius:18px;padding:0;overflow:hidden}.project-star-border .project-visual{border:0;border-radius:17px}.project:hover .project-star-border{filter:drop-shadow(0 12px 34px #ff542f21)}.ability-star-border{background:#08080a;border-radius:0;width:100%;height:100%;display:block}.ability-star-border>.inner-content{text-align:left;background:#08080a;border:0;border-radius:0;height:100%;padding:0}.ability-star-border article{height:100%}.ability-star-border:hover>.inner-content{background:#0d0c0f}.ability-star-border:hover article{background:0 0}.below-fold{isolation:isolate;background:#050505;position:relative}.aurora-backdrop{z-index:0;pointer-events:none;opacity:.48;filter:saturate(1.1);width:100%;height:100vh;margin-bottom:-100vh;position:sticky;top:0;overflow:hidden}.aurora-backdrop:after{content:"";pointer-events:none;background:linear-gradient(#0505050f,#05050580),radial-gradient(circle,#0000 0,#0505055c 72%);position:absolute;inset:0}.below-fold>.section,.below-fold>.contact{z-index:1;position:relative}.below-fold .work{-webkit-backdrop-filter:blur(2px);background:#050505c7}.below-fold .contact{background:#050505e0}@media (prefers-reduced-motion:reduce){.aurora-backdrop{opacity:.3}}.work-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:80px;display:grid}.work-head .section-index{grid-column:1/-1;align-self:auto;width:100%}.work-head h2{grid-column:1;margin:72px 0 20px}.work-head>p{text-align:left;grid-column:2;max-width:310px;margin:0 0 30px}@media (width<=900px){.work-head{grid-template-columns:1fr}.work-head .section-index,.work-head h2,.work-head>p{grid-column:1}.work-head h2{margin-top:58px}.work-head>p{max-width:420px;margin-top:8px}}.tool-logo{color:#ddd;background:#09090bc2;border:1px solid #ffffff2e;border-radius:16px;align-items:center;gap:17px;height:76px;padding:0 28px;transition:border-color .3s,background .3s,color .3s,transform .3s;display:flex;box-shadow:inset 0 1px #ffffff0f}.tool-logo:hover{color:#fff;background:#130c0d;border-color:#ff542fb8}.blender-logo i{color:#fff;background:#e85d04;border-radius:50%;font-size:25px}.software-loop{border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;margin-top:90px;padding:22px 0 28px;overflow:hidden}.software-loop-head{align-items:center;gap:18px;margin-bottom:42px;display:flex}.software-loop-head span{color:#ff542f;font-size:10px}.software-loop-head p{letter-spacing:.2em;color:#99999e;margin:0;font-size:10px}.tool-logo{color:#bbb;align-items:center;gap:17px;height:76px;padding:0 8px;transition:color .3s,transform .3s;display:flex}.tool-logo:hover{color:#fff}.tool-logo i{letter-spacing:-.05em;border-radius:11px;place-items:center;width:48px;height:48px;font-size:20px;font-style:normal;font-weight:600;display:grid}.tool-logo b{letter-spacing:.02em;white-space:nowrap;font-size:15px;font-weight:400}.blender-logo i{background:0 0;border-radius:0;width:58px}.blender-logo svg{width:58px;height:auto;display:block}.ps-logo i{color:#31a8ff;background:#001e36;border:2px solid #31a8ff}.ai-logo i{color:#ff9a00;background:#300;border:2px solid #ff9a00}.capcut-logo i{color:#fff;background:0 0;border:0;font-size:30px}.sd-logo i{color:#fff;background:linear-gradient(145deg,#784bff,#ff4f61)}.comfy-logo i{color:#fff;background:#202024;border:2px dotted #ff542f}.software-loop .logoloop{padding:8px 0}@media (width<=560px){.software-loop{margin-top:60px}.software-loop-head{margin-bottom:28px}.tool-logo{gap:12px;height:66px;padding:0 6px}.tool-logo i{width:42px;height:42px}.blender-logo i,.blender-logo svg{width:50px}.tool-logo b{font-size:13px}}.tool-logo i,.ps-logo i,.ai-logo i,.capcut-logo i,.sd-logo i,.comfy-logo i{box-shadow:none;background:0 0;border:0;border-radius:0}.ps-logo i{color:#31a8ff}.ai-logo i{color:#ff9a00}.sd-logo i{color:#9b7cff}.comfy-logo i{color:#ff6846}.capcut-logo i{color:#f2f2f2}.blender-logo i{width:62px;height:56px}.blender-logo svg{width:62px;height:56px;overflow:visible}.software-loop .tool-logo{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.software-loop .tool-logo:hover{box-shadow:none!important;background:0 0!important;border:0!important}.software-loop .blender-logo i{width:64px;height:54px}.software-loop .blender-logo svg{width:64px;height:54px;display:block;overflow:visible}.opening-curtain{z-index:20;pointer-events:none;display:flex;position:absolute;inset:0}.opening-curtain i{will-change:transform;background:#050505;width:50%;height:100%;display:block}.hero .eyebrow,.hero h1 span,.hero-bottom{visibility:hidden}.hero h1{overflow:visible}.hero h1 span{will-change:transform,opacity}.project-star-border,.project-visual,.portrait{will-change:transform,clip-path}.project-star-border{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.opening-curtain{display:none}.hero .eyebrow,.hero h1 span,.hero-bottom{visibility:visible}.hero-content,.hero-media video,.project-visual{opacity:1!important;transform:none!important}}.timeline article,.education>div{visibility:visible;opacity:1}.about-grid{margin-top:86px;display:block}.about .bio{padding:0}.about .kicker{margin:0 0 48px}.about .bio h2{max-width:1280px;margin:0;font-size:clamp(62px,6.3vw,112px);line-height:.94}.bio-details{border-top:1px solid #ffffff2e;grid-template-columns:minmax(320px,.78fr) minmax(520px,1.22fr);align-items:start;gap:clamp(70px,9vw,170px);margin-top:100px;padding-top:30px;display:grid}.about .bio-copy{max-width:620px;margin:0;font-size:14px;line-height:2}.bio-info{width:100%}.bio-info .info-row:first-child{border-top:0;padding-top:0}.bio-info .info-row{padding:20px 0}.about .stats{margin-top:100px}@media (width<=900px){.about-grid{margin-top:62px}.about .bio h2{font-size:clamp(52px,10vw,82px)}.bio-details{grid-template-columns:1fr;gap:55px;margin-top:70px}.about .bio-copy{max-width:720px}.bio-info .info-row:first-child{border-top:1px solid var(--line);padding-top:19px}}@media (width<=560px){.about-grid{margin-top:48px}.about .kicker{margin-bottom:34px}.about .bio h2{font-size:13.5vw;line-height:1}.bio-details{gap:42px;margin-top:55px;padding-top:24px}}.project-visual>img{z-index:0;object-fit:cover;object-position:center 34%;filter:saturate(.82)contrast(1.05)brightness(.72);width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s;position:absolute;inset:0}.project-visual>img~.art-object{display:none}.project-visual:has(>img):after{content:"";z-index:1;background:linear-gradient(#00000057,#0000 38%,#0000007a);position:absolute;inset:0}.project-visual .project-code{z-index:3}.project:nth-child(2) .project-visual>img,.project:nth-child(3) .project-visual>img,.project:nth-child(4) .project-visual>img{object-position:center top}.projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.project{cursor:pointer;min-width:0}.project-star-border{border-radius:15px}.project-star-border>.inner-content{border-radius:14px}.project-star-border .project-visual{aspect-ratio:3/4;border-radius:13px}.project-visual>img{object-position:center top;filter:saturate(.85)contrast(1.02)brightness(.78)}.project-visual:has(>img):after{background:linear-gradient(#0000001a,#0000 55%,#0000009e)}.project-open{z-index:3;letter-spacing:.16em;color:#fff;opacity:0;font-size:10px;transition:all .35s;position:absolute;bottom:17px;right:18px;transform:translateY(10px)}.project:hover .project-open{opacity:1;transform:none}.project-meta{grid-template-columns:28px 1fr auto}.project-meta h3{font-size:21px}.project-meta button{width:43px;height:43px}.project-viewer{z-index:1000;-webkit-backdrop-filter:blur(18px);background:#000000e0;animation:.45s both viewer-in;position:fixed;inset:0}.project-viewer-bar{z-index:2;background:#0c0c0ec7;border:1px solid #ffffff2e;border-radius:16px;justify-content:space-between;align-items:center;height:62px;padding:0 12px 0 22px;display:flex;position:fixed;top:18px;left:24px;right:24px;box-shadow:0 14px 45px #0008}.project-viewer-bar>div{align-items:center;gap:18px;display:flex}.project-viewer-bar span{color:#ff542f;font-size:11px}.project-viewer-bar p{letter-spacing:.06em;margin:0;font-size:14px}.project-viewer-bar button{color:#fff;background:0 0;border:1px solid #555;border-radius:50%;width:42px;height:42px;font-size:27px;line-height:1;transition:all .25s}.project-viewer-bar button:hover{background:#ff542f;border-color:#ff542f;transform:rotate(90deg)}.project-viewer-scroll{overscroll-behavior:contain;height:100%;padding:110px 24px 80px;overflow:auto}.project-viewer-scroll img{background:#111;border-radius:4px;width:min(1024px,100%);height:auto;margin:0 auto;display:block;box-shadow:0 35px 100px #000}@keyframes viewer-in{0%{opacity:0}to{opacity:1}}@media (width<=1100px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.projects{grid-template-columns:1fr;gap:42px}.project-star-border .project-visual{aspect-ratio:4/5}.project-viewer-bar{top:10px;left:10px;right:10px}.project-viewer-scroll{padding:88px 10px 50px}}.project .project-visual>img{filter:saturate(.48)contrast(1.08)brightness(.43);transition:filter .75s cubic-bezier(.2,.7,.2,1),transform 1.05s cubic-bezier(.2,.7,.2,1);transform:scale(1.015)}.project .project-visual:after{background:linear-gradient(#0303056b,#0303052e 48%,#030305c2);transition:opacity .7s cubic-bezier(.2,.7,.2,1)}.project .project-star-border{transition:filter .7s,transform .7s cubic-bezier(.2,.7,.2,1)}.project .project-meta{opacity:.68;transition:opacity .55s,transform .65s cubic-bezier(.2,.7,.2,1)}.project:hover .project-visual>img{filter:saturate()contrast(1.02)brightness(.96);transform:scale(1.065)}.project:hover .project-visual:after{opacity:.22}.project:hover .project-star-border{filter:drop-shadow(0 22px 42px #ff542f33);transform:translateY(-7px)}.project:hover .project-meta{opacity:1;transform:translateY(-3px)}.project:hover .project-code{color:#fff}.project:focus-within .project-visual>img{filter:saturate()contrast(1.02)brightness(.96)}@media (hover:none){.project .project-visual>img{filter:saturate(.82)contrast(1.04)brightness(.72)}.project .project-meta{opacity:1}}.project-star-border .project-visual{aspect-ratio:6/11}.project .project-visual>img{object-fit:cover;object-position:center top;transform-origin:top;width:100%;height:auto;min-height:100%;transition:filter .75s cubic-bezier(.2,.7,.2,1),transform var(--detail-duration,24s) cubic-bezier(.22,.05,.16,1);top:0;bottom:auto;transform:translate(0,0)scale(1.01)}.project:hover .project-visual>img{transform:translate3d(0,calc(-1 * var(--detail-scroll,0px)),0) scale(1.01)}.project:not(:hover) .project-visual>img{transition-duration:.75s,1.45s;transition-timing-function:cubic-bezier(.2,.7,.2,1),cubic-bezier(.2,.7,.2,1)}@media (width<=1100px){.project-star-border .project-visual{aspect-ratio:3/4}}@media (hover:none){.project-star-border .project-visual{aspect-ratio:3/4}.project .project-visual>img,.project:hover .project-visual>img{object-fit:cover;height:100%;min-height:0;transform:none}}.nav nav a,.nav-contact{font-size:12px}.eyebrow,.kicker,.section-index p,.software-loop-head p,.section-index span,.timeline article>span,.education>p,.software-loop-head span{font-size:11px}.side-label,.project-code{font-size:10px}.hero-bottom p{font-size:14px}.bio-copy{font-size:15px}.info-row,.timeline time{font-size:12px}.info-row span{font-size:11px}.stats span{font-size:10px}.work-head>p,.ability-title>p,.experience-head>p{font-size:13px}.project-meta p{font-size:10px}.project-meta small,.timeline small,.cap-grid small{font-size:13px}.cap-grid article>p,.cap-grid article>span{font-size:10px}.education span,.education small{font-size:11px}.footer-row{font-size:10px}.contact-inner>a{font-size:12px}@media (width<=560px){.nav-contact{font-size:0}.eyebrow,.kicker,.section-index p{font-size:10px}.hero-bottom p,.bio-copy,.project-meta small,.timeline small,.cap-grid small{font-size:13px}.info-row{font-size:11px}.footer-row{font-size:9px}}