@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700&family=Outfit:wght@400;500;600;700&display=swap";.lanyard-wrapper{z-index:0;transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;transform:scale(1)}.lanyard-diagnostic{color:#f0ddb3;letter-spacing:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#11120dd1;border:1px solid #d6b46e47;border-radius:14px;max-width:min(420px,100vw - 48px);padding:10px 14px;font-size:12px;line-height:1.45;position:absolute;bottom:24px;left:24px;box-shadow:0 14px 30px #0000003d,inset 0 1px #ffffff1f}:root{color:#efe7d8;--panel:#efe7d813;--line:#dac28e33;--muted:#b8ad98;--text:#efe7d8;--accent:#d6b46e;--warm:#8aa0ad;--olive:#303c25;--walnut:#4b2d18;--cream:#efe1c6;--ink:#11120d;--glass-radius:24px;--glass-radius-sm:20px;--glass-bg:#ffffff1a;--glass-bg-strong:#ffffff29;--glass-border:#fff3;--glass-border-bright:#ffffff52;--glass-shadow:0 8px 32px #1f262333, 0 2px 16px #1f26231a, inset 0 1px 0 #ffffff38, inset 0 -1px 0 #ffffff1a;--glass-filter:blur(12px) saturate(1.8) brightness(1.16);background:#11120d;font-family:Outfit,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 12%,#d6b46e29,#0000 24rem),radial-gradient(circle at 88% 22%,#5b70523d,#0000 28rem),linear-gradient(#16170f,#0d0f0b);min-width:1120px;margin:0}a{color:inherit;text-decoration:none}.pageFrame{width:min(1700px,100vw - 96px);margin:0 auto}.hero{border-bottom:1px solid var(--glass-border);min-height:100vh;position:relative;overflow:hidden}.heroImage,.lightWash{width:100%;height:100%;position:absolute;inset:0}.heroImage{filter:saturate(.98)contrast(1.04)brightness();background-image:url(/atelier-hero.jpg);background-position:50%;background-size:cover;transform:scale(1.02)}.heroImage:after{content:"";background:linear-gradient(90deg,#11120d9e,#11120d38,#11120d7a),linear-gradient(#11120d14,#11120d80),repeating-linear-gradient(90deg,#efe1c605 0 1px,#0000 1px 132px);position:absolute;inset:0}.lightWash{mix-blend-mode:screen;opacity:.58;background:linear-gradient(104deg,#efe1c647 0 10%,#0000 28%),radial-gradient(circle at 18% 40%,#d6b46e29,#0000 18rem),radial-gradient(circle at 74% 38%,#303c251f,#0000 22rem)}.nav{z-index:6;letter-spacing:0;justify-content:flex-end;align-items:center;width:min(1700px,100vw - 96px);margin:0 auto;padding:32px 0;display:flex;position:relative}.brand{text-transform:uppercase;font-weight:700}.navActions{isolation:isolate;border:1px solid var(--glass-border);border-radius:var(--glass-radius);min-height:62px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);background:#0808067a;align-items:stretch;display:flex;position:relative;overflow:hidden}.navActions a{isolation:isolate;color:#efe7d8;letter-spacing:0;text-transform:uppercase;border-right:1px solid #ffffff24;justify-content:center;align-items:center;min-width:122px;padding:0 28px;font-size:13px;font-weight:700;transition:background .26s,color .26s,box-shadow .26s;display:inline-flex;position:relative;overflow:hidden}.navActions a:hover{background:#ffffff24}.navActions .enterStudio{color:#11120d;background:#f1eadff0;border-right:0;min-width:178px;box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #00000014}.navActions .enterStudio:hover{background:#fff}.lanyardStage{z-index:4;width:100vw;height:100vh;position:absolute;inset:0;overflow:visible}.lanyardStage .lanyard-wrapper{width:100%;height:100%;transform:none}.heroLanyard{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 24px 48px #08080657);opacity:0;width:300px;height:520px;transform:translate3d(var(--drag-x,0), calc(-720px + var(--drag-y,0px)), 0) rotate(-9deg);transform-origin:50% -220px;will-change:transform, opacity;--rope-tension:0;--card-rotate:-4deg;position:absolute;top:82px;left:clamp(260px,22vw,430px)}.lanyardBand{transform-origin:50% 0;will-change:transform;width:300px;height:560px;position:absolute;inset:0;overflow:visible}.lanyardStrap,.lanyardStrapEdge{fill:none;stroke-linecap:round}.lanyardStrap{stroke:url(#lanyardPattern);stroke-width:24px}.lanyardStrapEdge{stroke:url(#bandEdge);stroke-width:26px;mix-blend-mode:screen;opacity:calc(.56 + var(--rope-tension,0) * .22)}.lanyardClip{isolation:isolate;width:76px;height:66px;box-shadow:var(--glass-shadow), inset 0 0 18px #d6b46e1f;-webkit-backdrop-filter:blur(10px)saturate(1.5);transform-origin:50%;will-change:transform;background:linear-gradient(135deg,#efe1c657,#8aa0ad2e 38%,#141611ad),#ffffff14;border:1px solid #efe1c661;border-radius:18px;position:absolute;top:118px;left:112px;overflow:hidden}.lanyardClip span{z-index:1;background:linear-gradient(90deg,#ffffff57,#0000 42%),linear-gradient(#d6b46e94,#303c2561);border:1px solid #efe1c657;border-radius:999px;width:20px;height:46px;margin:10px auto 0;display:block;position:relative;box-shadow:inset 0 1px #ffffff5c,0 0 18px #d6b46e1f}.lanyardCard{isolation:isolate;width:264px;min-height:322px;box-shadow:0 30px 70px #00000061, var(--glass-shadow), inset 0 1px 0 #ffffff3d;-webkit-backdrop-filter:blur(16px)saturate(1.65);transform:rotate(var(--card-rotate,-4deg));transform-origin:50% -42px;will-change:transform;background:linear-gradient(150deg,#efe1c633,#efe1c60d 38%,#303c2533),linear-gradient(#131610db,#0c0e0ab8);border:1px solid #efe1c63d;border-radius:28px;padding:26px 24px 24px;position:absolute;top:170px;left:18px;overflow:hidden}.hero--softwareDropped .heroLanyard{opacity:1;pointer-events:auto;cursor:grab}.heroLanyard--dragging{cursor:grabbing!important}.hero--draggingSoftware .heroLanyard,.heroLanyard--dragging{cursor:grabbing}.lanyardCard:after{padding:1.2px}.lanyardPatternMark{background:radial-gradient(circle at 34% 22%,#d6b46e57,#0000 34px),#efe1c60f;border:1px solid #d6b46e57;border-radius:22px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;width:86px;height:86px;margin-bottom:38px;padding:9px;display:grid}.lanyardPatternMark span{background:#303c25c7;border:1px solid #efe1c685;border-radius:999px}.lanyardPatternMark span:first-child{background:linear-gradient(#d6b46eb3,#4b2d1873);border-radius:999px 999px 10px 10px;grid-row:span 2}.lanyardCardLabel{color:#efe1c69e;letter-spacing:0;font-size:12px;font-weight:700}.lanyardInfo{gap:18px;margin:18px 0 0;display:grid}.lanyardInfo div{margin:0}.lanyardInfo dt{color:#8aa0adeb;margin-bottom:7px;font-size:13px;font-weight:700}.lanyardInfo dd{color:#f3e7ce;overflow-wrap:anywhere;margin:0;font-size:23px;font-weight:700;line-height:1.14}.lanyardInfo div:last-child dd{color:#d6b46e;font-size:18px}.heroSoftwareRail{z-index:5;pointer-events:none;align-items:center;width:100vw;height:86px;display:flex;position:absolute;top:38.2%;left:0;overflow:hidden;transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 9% 91%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 9% 91%,#0000 100%)}.softwareMarquee{will-change:transform;align-items:center;gap:16px;width:max-content;padding:0;animation:42s linear infinite softwareLoop;display:flex}.softwarePill{isolation:isolate;border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);color:#f4ead6;letter-spacing:0;text-transform:uppercase;white-space:nowrap;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none;cursor:grab;background:#ffffff1c;justify-content:center;align-items:center;min-width:156px;height:52px;padding:0 24px;font-size:15px;font-weight:700;transition:transform 80ms linear;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #ffffff1a}.hero--softwareDropped .softwareMarquee{width:100%;height:100%;animation:none;display:block;position:absolute;inset:0;transform:none}.hero--softwareDropped .heroSoftwareRail{pointer-events:none;height:100%;top:0;overflow:visible;transform:none;-webkit-mask-image:none;mask-image:none}.hero--softwareDropped .softwarePill{left:var(--start-left,0);top:var(--start-top,0);width:var(--start-width,auto);height:var(--start-height,52px);transform-origin:50%;pointer-events:none;transition:none;position:absolute}.hero--softwareDropped{cursor:grab}.hero--draggingSoftware{cursor:grabbing}.hero--softwareDropped .softwarePill:before,.hero--softwareDropped .softwarePill:after{pointer-events:none}.hero--softwareDropped .softwarePill--clone{display:none}.heroContent{z-index:2;flex-direction:column;justify-content:center;min-height:calc(100vh - 104px);padding-bottom:8vh;display:flex;position:relative}.eyebrow,.sectionKicker{color:var(--accent);text-transform:uppercase;letter-spacing:0;font-size:13px;font-weight:700}.hero h1{letter-spacing:0;text-shadow:0 20px 48px #0000009e;max-width:1160px;margin:22px 0 36px;font-family:Noto Serif SC,serif;font-size:clamp(72px,7vw,132px);line-height:1.05}.heroMeta{color:#eadfc9;gap:14px;display:flex}.heroMeta span,.softwareBar span{isolation:isolate;border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);background:var(--glass-bg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);padding:12px 16px;position:relative;overflow:hidden}.about{grid-template-columns:.75fr 1.25fr;gap:72px;padding:138px 0;display:grid}.portraitPanel{align-self:start;position:sticky;top:32px}.portrait{isolation:isolate;border:1px solid var(--glass-border);border-radius:var(--glass-radius);min-height:620px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);background:linear-gradient(160deg,#efe1c61c,#0000 50%),radial-gradient(circle at 50% 25%,#d6b46e29,#0000 18rem),linear-gradient(#2b3321,#12130e);align-items:flex-end;padding:34px;display:flex;position:relative;overflow:hidden}.portrait:before{content:"";aspect-ratio:.72;z-index:1;background:linear-gradient(#efe1c62e,#efe1c60d),linear-gradient(120deg,#d6b46e1f,#8aa0ad1f);border-radius:44% 44% 8% 8%;width:62%;margin:0 auto;position:relative;box-shadow:0 0 100px #d6b46e1f}.portrait span{z-index:1;color:#ffffff80;font-weight:700;position:absolute}.contactLines{gap:12px;margin-top:18px;display:grid}.contactLines p{isolation:isolate;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);color:#e0d5bf;align-items:center;gap:10px;margin:0;padding:16px 18px;display:flex;position:relative;overflow:hidden}.aboutText h2,.sectionHeader h2,.finale h2{letter-spacing:0;margin:12px 0 0;font-family:Noto Serif SC,serif;font-size:54px;line-height:1.15}.date{color:var(--warm);margin:18px 0 28px;font-weight:700}.bio{color:#d7cbb4;max-width:960px;font-size:22px;line-height:1.82}.experienceGrid,.strengthGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px;display:grid}.experienceGrid article,.strengthCard{isolation:isolate;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);min-height:220px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);padding:30px;position:relative;overflow:hidden}.experienceGrid svg,.strengthCard svg{color:var(--accent)}.experienceGrid h3,.strengthCard h3,.projectCopy h3{margin:18px 0 12px;font-size:24px}.experienceGrid p,.strengthCard p,.projectCopy p{color:var(--muted);margin:0;line-height:1.72}.metrics{isolation:isolate;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid;position:relative;overflow:hidden}.metrics div{z-index:1;border-right:1px solid #ffffff24;padding:26px 30px;position:relative}.metrics div:last-child{border-right:0}.metrics strong{font-size:44px;display:block}.metrics span{color:var(--muted)}.work,.skills{padding:120px 0}.sectionHeader{justify-content:space-between;align-items:end;margin-bottom:42px;display:flex}.projectGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.projectCard{isolation:isolate;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);min-height:610px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.projectVisual{background:linear-gradient(135deg,#efe1c624,#0000 32%),repeating-linear-gradient(90deg,#efe1c60d 0 1px,#0000 1px 74px),radial-gradient(circle at 68% 35%,#5b70526b,#0000 16rem),#182014;min-height:410px;position:relative}.projectCard.silver .projectVisual{background:linear-gradient(145deg,#efe1c62e,#0000 30%),radial-gradient(circle at 36% 40%,#8aa0ad40,#0000 14rem),#171814}.projectCard.green .projectVisual{background:linear-gradient(145deg,#d6b46e29,#0000 30%),radial-gradient(circle at 68% 38%,#2f4a2c61,#0000 15rem),#132014}.projectCard.amber .projectVisual{background:linear-gradient(145deg,#efe1c633,#0000 30%),radial-gradient(circle at 58% 48%,#8b582a57,#0000 15rem),#1b130b}.projectVisual:after{content:"";border:1px solid var(--glass-border-bright);border-radius:var(--glass-radius-sm);position:absolute;inset:54px;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff14}.visualMark{color:#efe1c6bf;font-size:44px;font-weight:700;position:absolute;bottom:42px;right:42px}.projectCopy{padding:30px 34px 36px}.projectCopy span{color:var(--warm);font-weight:700}.strengthGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.strengthCard{min-height:300px}.softwareBar{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.finale{border-top:1px solid var(--glass-border);background:linear-gradient(#efe1c609,#0000),radial-gradient(circle at 74% 46%,#d6b46e26,#0000 26rem),radial-gradient(circle at 18% 38%,#303c2552,#0000 24rem),#11120d;align-items:center;min-height:100vh;display:flex}.finale h2{max-width:1200px;font-size:78px}.bigContact{isolation:isolate;border:1px solid var(--glass-border);border-radius:var(--glass-radius);background:var(--glass-bg-strong);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);color:var(--accent);align-items:center;gap:18px;margin-top:44px;padding:18px 24px;font-size:34px;font-weight:700;transition:background .26s,color .26s;display:inline-flex;position:relative;overflow:hidden}.bigContact:hover{color:#f5ead2;background:#ffffff2e}@keyframes drift{0%{transform:translate(-2%,-1%)scale(1.04)}to{transform:translate(2%,1%)scale(1.08)}}@keyframes lanyardElasticDrop{0%{opacity:0;transform:translate3d(var(--drag-x,0), calc(-720px + var(--drag-y,0px)), 0) rotate(-10deg)}46%{opacity:1;transform:translate3d(var(--drag-x,0), calc(54px + var(--drag-y,0px)), 0) rotate(7deg)}58%{transform:translate3d(var(--drag-x,0), calc(-26px + var(--drag-y,0px)), 0) rotate(-5deg)}70%{transform:translate3d(var(--drag-x,0), calc(18px + var(--drag-y,0px)), 0) rotate(3.5deg)}82%{transform:translate3d(var(--drag-x,0), calc(-8px + var(--drag-y,0px)), 0) rotate(-2deg)}to{opacity:1;transform:translate3d(var(--drag-x,0), var(--drag-y,0), 0) rotate(var(--drag-rotate,-1.5deg))}}@keyframes lanyardRopeStretch{0%{transform:scaleY(.7)}40%{transform:scaleY(1.26)}54%{transform:scaleY(.88)}68%{transform:scaleY(1.1)}84%{transform:scaleY(.97)}to{transform:scaleY(1)}}@keyframes lanyardCardSwing{0%{transform:rotate(-9deg)translateY(-10px)}42%{transform:rotate(12deg)translateY(18px)}58%{transform:rotate(-9deg)translateY(-8px)}74%{transform:rotate(5deg)translateY(5px)}88%{transform:rotate(-3deg)translateY(-2px)}to{transform:rotate(-4deg)translateY(0)}}@keyframes softwareLoop{0%{transform:translate(0)}to{transform:translate(-50%)}}