:root{--paper:#efefed;--ink:#090909;--muted:#8f8f8c;--line:#0909091f;--soft:#ffffffb3;--hot:#ff3d12;--cyan:#00e5ff;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 12%, #ff3d1221, transparent 24rem), linear-gradient(180deg, #dededd 0%, var(--paper) 36%, #f7f7f5 100%);min-width:320px;color:var(--ink);letter-spacing:0;margin:0;font-family:PingFang SC,Microsoft YaHei,Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.spotlight-cursor{z-index:9999;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@media (pointer:coarse),(prefers-reduced-motion:reduce){.spotlight-cursor{display:none}}.site-shell{flex-direction:column;display:flex;position:relative;overflow:hidden}.top-nav{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#efefedc2;border:1px solid #09090917;border-radius:999px;grid-template-columns:90px 1fr auto;align-items:center;gap:18px;width:min(92vw,1320px);height:58px;margin:18px auto 0;padding:0 10px 0 18px;display:grid;position:sticky;top:18px;box-shadow:0 18px 50px #00000014}.mark{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:14px;font-weight:900;display:grid}.nav-links{justify-self:center;align-items:center;gap:clamp(18px,3vw,44px);font-size:13px;display:flex}.nav-links a,.mobile-menu a{color:#0909099e;transition:color .2s}.nav-links a:hover,.mobile-menu a:hover{color:var(--ink)}.nav-cta,.pill,.mobile-menu summary{border-radius:999px;justify-content:center;align-items:center;min-height:46px;font-weight:800;transition:transform .24s,box-shadow .24s,background .24s;display:inline-flex}.nav-cta{border:1px solid #090909b8;padding:0 30px;font-size:13px}.nav-cta:hover,.pill:hover{transform:translateY(-3px);box-shadow:0 20px 36px #00000021}.mobile-menu{display:none}.hero{width:min(92vw,1320px);min-height:calc(100vh - 80px);margin:0 auto;padding:clamp(54px,7vw,105px) 0 110px;position:relative}.hero-copy{z-index:3;width:min(660px,100%);position:relative}.eyebrow,.section-kicker,.project-copy p{color:var(--hot);text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.hero h1{max-width:850px;margin:22px 0 18px;font-size:clamp(52px,9vw,128px);font-weight:900;line-height:.92}.hero h1 span{color:#09090957;display:block}.hero-intro{color:#0909099e;max-width:560px;margin:0;font-size:clamp(16px,1.4vw,19px);line-height:1.75}.hero-actions,.contact-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.pill{border:1px solid #09090929;min-width:156px;padding:0 26px;font-size:14px}.pill.primary{color:var(--ink);background:#fff}.pill.primary:before{content:"";background:radial-gradient(circle at 30%,#fff8d6 0 7%,#0000 8%),linear-gradient(90deg,#ff2b08,#ff7a12 42%,#171717 100%);border-radius:999px;width:48px;height:28px;margin-right:14px;box-shadow:0 0 18px #ff3d126b}.pill.ghost{background:#ffffff57}.pill.dark{background:var(--ink);color:#fff}.hero-stage{z-index:1;border-radius:46px;width:min(58vw,840px);animation:7s ease-in-out infinite stageFloat;position:absolute;top:clamp(62px,8vw,116px);right:-5vw;overflow:hidden;transform:rotate(-2deg);box-shadow:0 36px 90px #00000047}.hero-stage:after{content:"";background:linear-gradient(90deg,#efefedb8,#0000 34%);position:absolute;inset:0}.hero-stage img{aspect-ratio:16/9;object-fit:cover;filter:saturate(1.08)contrast(1.04);width:100%}.floating-card{z-index:2;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#00000075;border:1px solid #ffffff85;border-radius:28px;width:230px;padding:22px;position:absolute;bottom:28px;right:28px}.floating-card span,.floating-card small{color:#ffffffb3;font-size:12px;display:block}.floating-card strong{margin:10px 0 4px;font-size:24px;line-height:1;display:block}.hero-word{z-index:0;color:#ffffffe6;letter-spacing:0;white-space:nowrap;margin:0;font-size:clamp(82px,18vw,268px);font-weight:900;line-height:.8;position:absolute;bottom:-4vw;left:50%;transform:translate(-50%)}.about,.work,.experience,.contact{width:min(92vw,1320px);margin:0 auto;padding:clamp(82px,10vw,150px) 0}.about{order:2;grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(36px,7vw,104px);display:grid}.work{order:1}.about h2,.section-heading h2,.experience h2,.contact h2{margin:12px 0 0;font-size:clamp(42px,7vw,104px);font-weight:900;line-height:.98}.about p,.section-heading p,.contact p{color:#0909099e;margin:24px 0 0;font-size:clamp(17px,1.6vw,22px);line-height:1.85}.skill-cloud{flex-wrap:wrap;align-content:flex-start;gap:12px;padding-top:8px;display:flex}.skill-cloud span{border:1px solid var(--line);color:#090909b8;background:#ffffff61;border-radius:999px;align-items:center;min-height:44px;padding:0 18px;font-size:14px;display:inline-flex}.section-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:42px;margin-bottom:40px;display:grid}.project-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.project-card{border-radius:var(--radius);color:#fff;background:#111;flex-direction:column;grid-column:span 4;min-height:520px;transition:transform .32s,box-shadow .32s;display:flex;overflow:hidden;transform:translateY(0)}.project-card-link{min-height:inherit;flex-direction:column;flex:1;display:flex}.project-card-link:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}.project-card:nth-child(2),.project-card:nth-child(5){transform:translateY(22px)}.project-card:nth-child(3),.project-card:nth-child(6){transform:translateY(44px)}.project-card:nth-child(2),.project-card:nth-child(5){grid-column:span 5}.project-card:nth-child(3),.project-card:nth-child(6){grid-column:span 3}.project-card:hover{transform:translateY(-10px)scale(1.01);box-shadow:0 34px 70px #0003}.project-card:nth-child(2):hover,.project-card:nth-child(5):hover{transform:translateY(12px)scale(1.01)}.project-card:nth-child(3):hover,.project-card:nth-child(6):hover{transform:translateY(34px)scale(1.01)}.project-image{flex:1;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;min-height:330px;transition:transform .6s,filter .6s}.project-card:hover img{filter:saturate(1.12);transform:scale(1.06)}.project-image span{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24;border:1px solid #ffffff85;border-radius:999px;padding:7px 14px;font-size:12px;position:absolute;top:20px;left:20px}.project-copy{background:linear-gradient(#000000e0,#080808);padding:26px}.project-copy h3{margin:10px 0 12px;font-size:clamp(28px,3vw,48px);line-height:.95}.project-copy span,.timeline p{color:#ffffffa3;font-size:15px;line-height:1.7}.experience{order:3;grid-template-columns:.75fr 1.25fr;gap:clamp(34px,6vw,90px);display:grid}.timeline{border-top:1px solid var(--line)}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;gap:24px;padding:30px 0;display:grid}.timeline time{color:#0909097a;font-weight:800}.timeline h3{margin:0;font-size:clamp(22px,2.2vw,32px);line-height:1.25}.timeline strong{color:var(--hot);margin-top:8px;display:block}.timeline p{color:#0909099e;margin:12px 0 0}.contact{border-top:1px solid var(--line);flex-direction:column;order:4;justify-content:center;min-height:78vh;display:flex}.contact h2{max-width:1000px}.contact p{max-width:720px}.section-reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry cover 30%}.project-detail{background:#000;width:100%;min-height:100vh;overflow-x:hidden}.project-detail-header{z-index:100;color:#fff;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;height:42px;padding:0 16px;display:grid;position:fixed;top:16px;left:0}.project-detail-back,.project-detail-nav-links,.project-detail-email{pointer-events:auto;-webkit-backdrop-filter:blur(20px)saturate(165%)contrast(105%);background:radial-gradient(circle at 14% 0,#fff3,#0000 38%),linear-gradient(135deg,#ffffff1f,#ffffff09 48%,#0000001f),#0808086b;border:1px solid #ffffff3d;border-radius:999px;box-shadow:0 10px 30px #0003,inset 1px 1px #ffffff4d,inset -1px -1px #ffffff12,inset 0 0 18px #ffffff0d}.project-detail-nav-links{grid-column:2;justify-self:center;align-items:center;gap:3px;height:100%;padding:3px;display:flex}.project-detail-nav-links a{color:#fff;text-transform:uppercase;isolation:isolate;background:0 0;border-radius:999px;align-items:center;height:100%;padding:0 18px;font-size:12px;font-weight:600;line-height:16px;transition:color .28s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.project-detail-nav-links a:before{content:"";transform-origin:50% 100%;z-index:0;background:#fff;border-radius:50%;width:76px;height:76px;transition:transform .62s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-32px;left:50%;transform:translate(-50%)scale(0)}.project-detail-nav-links a>span{z-index:1;color:inherit;position:relative}.project-detail-nav-links a:hover,.project-detail-nav-links a:focus-visible{color:#000;outline:none}.project-detail-nav-links a:hover:before,.project-detail-nav-links a:focus-visible:before{transform:translate(-50%)scale(1.45)}.project-detail-nav-links a:hover>span,.project-detail-nav-links a:focus-visible>span{color:#000}.project-detail-back{color:#ffffffd6;background:#0000001a;border-radius:50%;grid-column:1;justify-content:center;justify-self:start;align-items:center;width:42px;height:42px;transition:color .18s,transform .22s;display:inline-flex}.project-detail-back:hover,.project-detail-back:focus-visible{color:#fff;background-color:#ffffff24;outline:none;transform:translate(-2px)scale(1.04)}.project-detail-email{color:#fff;text-transform:uppercase;isolation:isolate;grid-column:3;justify-self:end;align-items:center;height:42px;padding:0 18px;font-size:12px;font-weight:600;transition:color .28s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.project-detail-email:before{content:"";transform-origin:50% 100%;background:#fff;border-radius:50%;width:110px;height:110px;transition:transform .62s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-32px;left:50%;transform:translate(-50%)scale(0)}.project-detail-email:hover,.project-detail-email:focus-visible{color:#000;outline:none}.project-detail-email:hover:before,.project-detail-email:focus-visible:before{transform:translate(-50%)scale(1.8)}.project-detail-email span{z-index:1;position:relative}.project-detail-return-icon{object-fit:contain;filter:brightness(0)invert();width:36px;height:36px;display:block}.project-detail-header h1{color:#fff;letter-spacing:.08em;text-transform:uppercase;text-align:right;margin:0;padding:0 14px 0 12px;font-size:12px;font-weight:500;line-height:16px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.project-detail-gallery{width:100%;padding-top:0;line-height:0}.optimized-picture{width:100%;display:block}.project-detail-gallery img{width:100%;max-width:none;height:auto;margin:0;display:block}.project-detail-gallery picture,.watch-face-card,.other-showcase-gallery picture{content-visibility:auto;contain-intrinsic-size:auto 1000px}.other-page{color:#fff;background:radial-gradient(circle at 12% 8%,#ffffff1f,#0000 28rem),#050505;min-height:100vh;overflow:hidden}.motion-showcase{min-height:100vh;padding:104px 0 48px}.motion-heading{grid-template-columns:1fr auto;align-items:end;column-gap:24px;width:92vw;margin:0 auto;display:grid}.motion-heading p,.motion-heading span{color:#ffffff7a;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.motion-heading h1{letter-spacing:-.05em;grid-row:2;margin:4px 0 0;font-family:Figtree,Arial,sans-serif;font-size:clamp(34px,5vw,76px);font-weight:500;line-height:.95}.motion-heading span{grid-area:2/2;padding-bottom:7px}.motion-gallery{width:92vw;margin-top:clamp(160px,24vh,300px);margin-left:auto;margin-right:auto}.motion-gallery-track{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;width:100%;display:grid}.motion-card{aspect-ratio:1;content-visibility:auto;contain-intrinsic-size:1px 200px;background:#111;border:1px solid #ffffff1a;border-radius:50%;width:100%;margin:0;position:relative;overflow:hidden}.motion-card img{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%}.watch-face-section{width:92vw;margin:clamp(110px,16vh,220px) auto 0}.watch-face-section h2{color:#fff;letter-spacing:-.05em;margin:0 0 clamp(34px,5vw,72px);font-family:Figtree,Arial,sans-serif;font-size:clamp(34px,5vw,76px);font-weight:500;line-height:.95}.watch-face-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.watch-face-card{aspect-ratio:1;place-items:center;width:100%;margin:0;display:grid}.watch-face-card img{object-fit:contain;width:100%;height:100%}.other-showcase-gallery{width:100%;margin-top:clamp(110px,16vh,220px);line-height:0}.other-showcase-gallery img{width:100%;max-width:none;height:auto;margin:0;display:block}@keyframes reveal{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes stageFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(14px)rotate(-1deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:980px){.top-nav{grid-template-columns:auto 1fr auto}.nav-links,.nav-cta{display:none}.mobile-menu{justify-self:end;display:block}.mobile-menu summary{cursor:pointer;border:1px solid #09090938;padding:0 18px;font-size:13px;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu div{border:1px solid var(--line);background:#f8f8f6f5;border-radius:22px;gap:14px;min-width:180px;padding:18px;display:grid;position:absolute;top:66px;right:0;box-shadow:0 24px 50px #00000024}.hero{min-height:auto;padding-bottom:80px}.hero-stage{border-radius:30px;width:100%;margin-top:36px;position:relative;top:auto;right:auto}.hero-stage:after{background:linear-gradient(#0000 55%,#efefeda6)}.floating-card{width:min(220px,100% - 32px);bottom:16px;right:16px}.hero-word{font-size:clamp(68px,19vw,160px);bottom:24px}.about,.section-heading,.experience{grid-template-columns:1fr}.project-card,.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(5),.project-card:nth-child(6){grid-column:span 6;min-height:470px;transform:none}.project-card:hover{transform:translateY(-6px)}}@media (max-width:680px){.top-nav,.hero,.about,.work,.experience,.contact{width:min(90vw,560px)}.top-nav{height:54px;margin-top:10px;top:10px}.hero h1,.about h2,.section-heading h2,.experience h2,.contact h2{word-break:keep-all;overflow-wrap:anywhere}.hero-actions,.contact-actions{flex-direction:column;align-items:stretch}.pill{width:100%}.project-card,.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(5),.project-card:nth-child(6){grid-column:1/-1;min-height:430px}.project-image img{min-height:260px}.timeline article{grid-template-columns:1fr;gap:12px}.project-detail-header{width:100%;height:42px;padding:0 8px;top:8px;left:0}.project-detail-nav-links,.project-detail-email{display:none}.project-detail-return-icon{width:36px;height:36px}.project-detail-gallery{padding-top:0}.motion-showcase{padding:84px 0 32px}.motion-heading{width:92vw}.motion-heading span{display:none}.motion-card{border-radius:50%;width:100%}.motion-gallery{margin-top:clamp(96px,18vh,160px)}.motion-gallery-track{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-face-section{margin-top:clamp(80px,13vh,130px)}.watch-face-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}