:root{--ink:#111313;--muted:#676d6b;--line:#11131326;--paper:#f2f3ef;--acid:#d9ff43;--dark:#111513}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1280px,100% - 72px);margin:0 auto}.section{padding:132px 0}.hero{background:#edf0ed;min-height:100svh;position:relative;overflow:hidden}.hero-video{object-fit:cover;object-position:58% top;width:100%;height:calc(100% + 72px);animation:1.25s ease-out both hero-video-enter;position:absolute;top:0;left:0}.hero-wash{background:radial-gradient(82% 120% at 0 48%,#f4f6f2fa 0%,#f4f6f2d1 43%,#f4f6f24d 70%,#0000 100%),linear-gradient(#0000 65%,#fff3);position:absolute;inset:0}.hero-wash:after{content:"";opacity:.035;pointer-events:none;mix-blend-mode:soft-light;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='3' 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}.nav{z-index:3;color:#f3f4f1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c0ce6;border:1px solid #ffffff21;border-radius:100px;justify-content:space-between;align-items:center;height:50px;padding:0 24px;animation:.72s cubic-bezier(.22,.8,.24,1) 80ms both hero-nav-enter;display:flex;position:relative;top:40px;box-shadow:0 14px 34px #080a092e,inset 0 1px #ffffff14}.brand{letter-spacing:-.06em;align-items:center;font-size:20px;font-weight:900;display:inline-flex}.brand-pulse{background:#d79419;border-radius:50%;width:7px;height:7px;margin-right:10px;animation:1.8s ease-in-out infinite brand-breathe;box-shadow:0 0 0 2px #d794191f}@keyframes brand-breathe{0%,to{opacity:.48;transform:scale(.82);box-shadow:0 0 0 2px #d794191a}50%{opacity:1;transform:scale(1);box-shadow:0 0 0 5px #d794192e,0 0 12px #d7941966}}.nav-links{gap:36px;font-size:13px;display:flex}.nav-links a{transition:opacity .2s}.nav-links a:hover{opacity:.5}.menu-button{color:inherit;appearance:none;background:0 0;border:0;display:none}.music-control{z-index:4;cursor:pointer;filter:drop-shadow(0 12px 16px #11131333);background:0 0;border:0;border-radius:50%;width:84px;height:84px;margin-top:14px;padding:0;transition:transform .2s;position:relative}.music-control:hover{transform:translateY(-2px)scale(1.04)}.music-record{color:var(--acid);background:repeating-radial-gradient(circle,#252a28 0 2px,#111513 3px 5px);border:2px solid #0a0d0c;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 14px #000000a6}.music-record:before{content:"";background:#d79419;border:1px solid #00000059;border-radius:50%;width:35px;height:35px;position:absolute;box-shadow:0 0 0 4px #d794191f,0 0 18px #d7941966}.music-record:after{content:"";background:#111513;border-radius:50%;width:5px;height:5px;position:absolute}.music-record i{z-index:1;background:#111513;width:2px;height:10px;margin-top:-7px;position:absolute}.music-control.playing .music-record{animation:3.2s linear infinite music-record-spin}.music-label{color:#d79419;letter-spacing:.24em;white-space:nowrap;text-shadow:0 0 14px #d794194d;font-size:15px;font-weight:900;animation:2.2s ease-in-out infinite music-label-float;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)}.music-label:after{content:"";background:linear-gradient(90deg,#d79419,#0000);height:1px;position:absolute;bottom:-7px;left:0;right:.24em}.music-control.playing .music-label{text-shadow:0 0 9px #d79419a6,0 0 22px #d7941959}@keyframes music-record-spin{to{transform:rotate(360deg)}}@keyframes music-label-float{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 4px))}}.hero-content{z-index:2;padding-top:clamp(178px,23vh,238px);position:relative;transform:translateY(30px)}.eyebrow{letter-spacing:.24em;font-size:11px;font-weight:700}.hero-content>.eyebrow{animation:.62s ease-out .3s both hero-copy-enter}.hero-heading{width:min(850px,72vw);margin:25px 0 32px;position:relative}.hero h1,.hero-heading p{font-kerning:none;font-feature-settings:"kern" 0;white-space:nowrap;margin:0;font-family:Arial,Helvetica Neue,sans-serif;font-weight:900;line-height:.8}.hero h1{color:#0000;letter-spacing:-.04em;transform-origin:0;-webkit-text-stroke:2.2px var(--ink);width:max-content;font-size:clamp(72px,9.3vw,144px);animation:.78s cubic-bezier(.22,.8,.24,1) .4s both hero-title-enter;scale:1.08 1}.hero-heading p{z-index:2;color:var(--ink);letter-spacing:-.035em;-webkit-text-stroke:1.7px var(--ink);paint-order:stroke fill;margin-top:16px;font-size:clamp(44px,5.8vw,90px);animation:.82s cubic-bezier(.22,.8,.24,1) .52s both hero-title-enter;position:relative}.hero-points{color:#414744;letter-spacing:.06em;gap:8px;margin:0;padding:2px 0;font-size:11px;list-style:none;display:grid}.hero-points li{align-items:center;gap:11px;animation:.55s ease-out both hero-copy-enter;display:flex}.hero-points li:first-child{animation-delay:.84s}.hero-points li:nth-child(2){animation-delay:.94s}.hero-points li:nth-child(3){animation-delay:1.04s}.hero-points li:before{content:"";background:#d79419;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite point-breathe;box-shadow:0 0 0 3px #d7941921}@keyframes point-breathe{0%,to{opacity:.45;transform:scale(.8);box-shadow:0 0 0 2px #d794191a}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 0 5px #d7941933,0 0 12px #d7941975}}.arrow-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:18px;height:18px}.hero-lines{z-index:1;pointer-events:none;width:min(1280px,100% - 72px);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.hero-lines span{color:#1113135c;border-color:currentColor;display:block;position:absolute}.line-v-left{transform-origin:top;border-left:1px solid;animation:.9s cubic-bezier(.22,.8,.24,1) .12s both line-draw-v;top:0;bottom:0;left:7.8%}.line-v-center{transform-origin:top;border-left:1px solid;height:34%;animation:.75s cubic-bezier(.22,.8,.24,1) .28s both line-draw-v;top:0;left:40.5%}.line-h-top{transform-origin:0;border-top:1px solid;width:23%;animation:.72s cubic-bezier(.22,.8,.24,1) .42s both line-draw-h;top:22%;left:3.8%}.line-h-center{transform-origin:0;border-top:1px solid;animation:.9s cubic-bezier(.22,.8,.24,1) .5s both line-draw-h;top:28%;left:36%;right:4%}.line-v-copy{transform-origin:top;border-left:1px solid;animation:.78s cubic-bezier(.22,.8,.24,1) .64s both line-draw-v;top:33%;bottom:16%;left:48%}.line-h-lower{transform-origin:0;border-top:1px solid;width:18%;animation:.62s cubic-bezier(.22,.8,.24,1) .78s both line-draw-h;top:67%;left:41.5%}.line-panel-left{border-bottom:1px solid;border-left:1px solid;border-right:1px solid;border-radius:0 0 28px 28px;width:44%;height:25%;animation:.85s cubic-bezier(.22,.8,.24,1) .72s both line-panel-reveal;bottom:5%;left:4%}.line-h-top:before,.line-h-top:after,.line-h-center:before,.line-h-center:after,.line-h-lower:before,.line-h-lower:after{content:"";background:currentColor;width:7px;height:3px;position:absolute;top:-2px}.line-h-top:before,.line-h-center:before,.line-h-lower:before{left:0}.line-h-top:after,.line-h-center:after,.line-h-lower:after{right:0}.line-v-left:before,.line-v-left:after,.line-v-center:before,.line-v-center:after,.line-v-copy:before,.line-v-copy:after{content:"";background:currentColor;width:3px;height:7px;position:absolute;left:-2px}.line-v-left:before,.line-v-center:before,.line-v-copy:before{top:0}.line-v-left:after,.line-v-center:after,.line-v-copy:after{bottom:0}.line-panel-left:before,.line-panel-left:after{content:"";background:currentColor;width:3px;height:8px;position:absolute;top:0}.line-panel-left:before{left:-2px}.line-panel-left:after{right:-2px}@keyframes line-draw-v{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes line-draw-h{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes line-panel-reveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.hero-meta{z-index:1;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:16px;font-size:10px;animation:.6s ease-out 1.22s both hero-meta-enter;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}@keyframes hero-video-enter{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes hero-nav-enter{0%{opacity:0;transform:translateY(-14px)scaleX(.97)}to{opacity:1;transform:translateY(0)scaleX(1)}}@keyframes hero-copy-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-title-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-meta-enter{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.section-label{letter-spacing:.16em;text-transform:uppercase;flex:0 0 190px;width:190px;font-size:11px}.section-label span{color:var(--muted);margin-right:18px}.intro{grid-template-columns:190px 1fr;gap:40px 0;display:grid}.intro-copy>p:first-child{color:var(--muted);margin:0 0 22px}.intro h2,.section-head h2,footer h2{letter-spacing:-.065em;margin:0;font-size:clamp(40px,5.4vw,76px);line-height:1.08}.body-copy{max-width:720px;color:var(--muted);margin:36px 0 0;font-size:17px;line-height:1.9}.metrics{border-top:1px solid var(--line);grid-column:2;grid-template-columns:repeat(3,1fr);margin-top:50px;display:grid}.metrics div{flex-direction:column;gap:10px;padding:34px 20px 0 0;display:flex}.metrics strong{letter-spacing:-.07em;font-size:clamp(48px,6vw,82px)}.metrics sup{vertical-align:top;font-size:.35em}.metrics span{color:var(--muted);font-size:13px}.work{background:var(--dark);color:#f1f4ee;position:relative;overflow:hidden}.work:after{content:"";pointer-events:none;background:#080c0ac2;position:absolute;inset:0}.work-video{object-fit:cover;object-position:left top;width:calc(100% + 140px);height:calc(100% + 70px);position:absolute;top:0;left:0}.work>.shell{z-index:1;position:relative}.section-head{grid-template-columns:190px 1fr;gap:40px 0;margin-bottom:86px;display:grid}.section-label.light,.section-label.light span{color:#9da49f}.project{border-top:1px solid #ffffff29;grid-template-columns:70px 1.1fr 1.2fr 1fr 30px;align-items:center;gap:28px;padding:42px 0;display:grid}.project:last-child{border-bottom:1px solid #ffffff29}.project-index,.project-type{color:#8f9892;letter-spacing:.12em;font-size:11px}.project h3{letter-spacing:-.03em;margin:8px 0 0;font-size:25px}.project-summary{color:#aab0ac;font-size:14px;line-height:1.7}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{color:#c9ceca;border:1px solid #fff3;border-radius:100px;padding:7px 10px;font-size:10px}.project>.arrow-icon{width:22px;height:22px}.skill-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.skill-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:540px;padding:28px}.skill-no{color:var(--muted);font-size:10px}.skill-card h3{letter-spacing:-.04em;min-height:62px;margin:52px 0 28px;font-size:25px}.skill-card ul{margin:0;padding:0;list-style:none}.skill-card li{color:var(--muted);border-bottom:1px solid #11131312;padding:7px 0;font-size:12px;line-height:1.45}footer{color:#edf0eb;background:#0d100f;padding:132px 0 38px}footer h2{max-width:900px;margin:28px 0 70px}.back-top{border-bottom:1px solid #edf0eb;padding-bottom:7px;font-size:12px}.footer-bottom{color:#858c87;letter-spacing:.13em;border-top:1px solid #ffffff26;justify-content:space-between;margin-top:120px;padding-top:24px;font-size:10px;display:flex}.reveal{opacity:0;transition:opacity .75s,transform .75s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:none}@media (max-width:860px){.shell,.hero-lines{width:min(100% - 36px,680px)}.section{padding:88px 0}.hero-video{object-position:62% center}.hero-wash{background:radial-gradient(105% 115% at 0 48%,#f4f6f2f7,#f4f6f2ad 58%,#f4f6f21f 100%)}.nav{height:46px;padding:0 16px;top:30px}.menu-button{z-index:3;cursor:pointer;display:block;position:relative}.nav-links{color:var(--ink);background:#f2f3effa;border-radius:27px;flex-direction:column;padding:78px 22px 28px;display:none;position:absolute;inset:0 0 auto}.nav-links.open{display:flex}.music-control{width:74px;height:74px;margin-top:12px}.music-label{font-size:13px;left:calc(100% + 11px)}.hero-content{padding-top:calc(15vh + 72px);transform:translateY(20px)}.hero-heading{width:100%;margin:22px 0 28px}.hero h1{font-size:clamp(60px,18vw,96px)}.hero-heading p{margin-top:12px;font-size:clamp(36px,9.5vw,54px)}.hero-points{margin-top:0}.line-v-center,.line-v-copy,.line-h-lower,.line-panel-left{display:none!important}.line-v-left{left:18px}.line-h-top{width:30%;top:18%;left:18px}.line-h-center{top:35%;left:58%;right:0}.hero-meta{display:none}.intro,.section-head{display:block}.section-label{margin-bottom:46px}.metrics{grid-column:auto;grid-template-columns:1fr}.metrics div{border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:baseline}.project{grid-template-columns:42px 1fr 24px;gap:14px}.project-summary,.tags{grid-column:2/4}.project>.arrow-icon{grid-area:1/3}.skill-grid{grid-template-columns:1fr 1fr}.skill-card{min-height:330px}}@media (max-width:520px){.hero-video{object-position:66% center}.hero-wash{background:radial-gradient(125% 110% at 0 48%,#f4f6f2f7,#f4f6f2bd 70%,#f4f6f233 100%)}.hero h1{font-size:18vw}.hero-heading p{font-size:9.5vw}.hero-points{font-size:10px}.metrics strong{font-size:54px}.skill-grid{grid-template-columns:1fr}.skill-card{min-height:auto}.skill-card h3{margin:42px 0 28px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav,.hero-content>.eyebrow,.hero h1,.hero-heading p,.hero-points li,.hero-meta,.brand-pulse,.music-control.playing .music-record,.music-label,.hero-points li:before,.hero-lines span{animation:none}.reveal{opacity:1;transition:none;transform:none}}