:root{--ink:#3d3234;--ink-secondary:#7a6b6e;--ink-tertiary:#b0a3a6;--surface:#fdf8f5;--surface-warm:#f7f0eb;--surface-card:#fff;--accent:#d4828a;--accent-soft:#fce8ec;--border:#e8d8d0;--border-light:#f0e6e0;--font-display:"Instrument Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif:"Noto Serif SC", "Songti SC", "STSong", Georgia, serif;--font-body:"PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:clamp(.7rem, .65rem + .25vw, .8rem);--text-sm:clamp(.8rem, .75rem + .25vw, .875rem);--text-base:clamp(.95rem, .9rem + .25vw, 1.05rem);--text-lg:clamp(1.1rem, 1rem + .5vw, 1.3rem);--text-xl:clamp(1.4rem, 1.2rem + 1vw, 1.8rem);--text-2xl:clamp(1.8rem, 1.4rem + 2vw, 2.8rem);--text-3xl:clamp(2.4rem, 1.6rem + 4vw, 4.5rem);--text-hero:clamp(2.6rem, 1.8rem + 4vw, 5rem);--space-xs:clamp(.5rem, .4rem + .5vw, .75rem);--space-sm:clamp(.75rem, .6rem + .75vw, 1.25rem);--space-md:clamp(1.5rem, 1rem + 2.5vw, 3rem);--space-lg:clamp(3rem, 2rem + 5vw, 6rem);--space-xl:clamp(5rem, 3rem + 8vw, 10rem);--space-2xl:clamp(7rem, 4rem + 10vw, 14rem);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.7s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--surface);line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:#3d3234;background:#fce8ec}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,3vw,4rem)}.nav{z-index:100;padding:var(--space-sm) 0;transition:background var(--duration-fast) ease, backdrop-filter var(--duration-fast) ease;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border);background:#fafafad1}.nav__inner{justify-content:space-between;align-items:center;display:flex}.nav__logo{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em;color:var(--ink)}.nav__logo span{color:var(--accent)}.nav__links{gap:clamp(1.2rem,2.5vw,2.2rem);list-style:none;display:flex}.nav__links a{font-size:var(--text-sm);color:var(--ink-secondary);letter-spacing:.04em;transition:color var(--duration-fast) ease;font-weight:500;position:relative}.nav__links a:after{content:"";background:var(--accent);width:0;height:1.5px;transition:width var(--duration-normal) var(--ease-out-expo);position:absolute;bottom:-4px;left:0}.nav__links a:hover{color:var(--ink)}.nav__links a:hover:after{width:100%}.nav__cta{background:var(--accent);transition:background var(--duration-fast) ease, transform var(--duration-fast) ease;border-radius:100px;padding:.55em 1.4em;font-size:var(--text-sm)!important;color:#fff!important;font-weight:600!important}.nav__cta:hover{background:var(--accent);transform:translateY(-1px)}.nav__cta:after{display:none!important}.nav__toggle{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.nav__toggle span{background:var(--ink);width:22px;height:2px;transition:all var(--duration-fast) ease;margin:5px 0;display:block}@media (width<=768px){.nav__toggle{display:block}.nav__links{background:var(--surface);width:100%;height:100vh;transition:right var(--duration-normal) var(--ease-out-expo);flex-direction:column;justify-content:center;align-items:center;gap:2rem;position:fixed;top:0;right:-100%}.nav__links.open{right:0}.nav__links a{font-size:var(--text-xl)}.nav__cta{font-size:var(--text-lg)!important}}.hero{min-height:100vh;padding:var(--space-2xl) 0 var(--space-xl);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4828a14 0%,#0000 70%);width:clamp(300px,50vw,700px);height:clamp(300px,50vw,700px);position:absolute;top:-20%;right:-5%}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#add8e60f 0%,#0000 70%);width:clamp(250px,40vw,500px);height:clamp(250px,40vw,500px);position:absolute;bottom:-10%;left:-15%}.hero__inner{gap:var(--space-lg);grid-template-columns:1fr auto;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,3vw,4rem);display:grid}.hero__text{opacity:0;animation:fadeRight 1s var(--ease-out-expo) .3s forwards;transform:translate(-30px)}.hero__photo-wrap{opacity:0;animation:fadeLeft 1s var(--ease-out-expo) .5s forwards;flex-shrink:0;position:relative;transform:translate(30px)}.hero__photo-wrap:before{content:"";background:linear-gradient(135deg, var(--accent-soft) 0%, #add8e633 100%);z-index:0;border-radius:24px;position:absolute;inset:-12px}.hero__photo{z-index:1;border-radius:20px;width:clamp(280px,24vw,420px);position:relative;overflow:hidden;box-shadow:0 20px 60px #3d32341f}.hero__photo img{width:100%;display:block}@keyframes fadeRight{to{opacity:1;transform:translate(0)}}@keyframes fadeLeft{to{opacity:1;transform:translate(0)}}.hero__eyebrow-row{margin-bottom:var(--space-sm);align-items:center;gap:.9rem;width:fit-content;max-width:100%;display:flex}.hero__eyebrow{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--accent);opacity:0;animation:fadeUp .8s var(--ease-out-expo) .2s forwards;white-space:nowrap;margin-bottom:0;font-weight:600;transform:translateY(20px)}.hero__resume-download{color:var(--accent);font-family:var(--font-body);letter-spacing:.06em;opacity:0;animation:fadeUp .8s var(--ease-out-expo) .32s forwards;transition:transform var(--duration-fast) ease, background var(--duration-fast) ease, border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;background:#fce8ecb8;border:1px solid #d4828a5c;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:.42rem;padding:.48rem .9rem;font-size:.76rem;font-weight:600;line-height:1;display:inline-flex;transform:translateY(20px);box-shadow:0 5px 16px #3d32340a}.hero__resume-download svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.hero__resume-download:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 8px 20px #d4828a2e}.hero__resume-download:active{transform:translateY(0)}.hero__heading{font-family:var(--font-serif);font-size:var(--text-hero);letter-spacing:.02em;color:var(--ink);margin-bottom:var(--space-sm);max-width:16ch;font-weight:700;line-height:1.15}.hero__heading em{color:var(--accent);font-style:normal;position:relative}.hero__sub{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--ink-secondary);max-width:40ch;margin-bottom:0;font-weight:300;line-height:1.7}.hero__stats{gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border);opacity:0;animation:fadeUp .8s var(--ease-out-expo) .8s forwards;display:flex;transform:translateY(20px)}.hero__stat-num{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.03em;color:var(--ink);font-weight:700;line-height:1}.hero__stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-tertiary);text-align:center;white-space:nowrap;margin-top:.4em;font-weight:500}.hero__scroll{bottom:var(--space-md);color:var(--ink-tertiary);font-size:var(--text-xs);letter-spacing:.15em;opacity:0;animation:fadeUp .6s var(--ease-out-expo) 1.2s forwards;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(to bottom, var(--ink-tertiary), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.section{padding:clamp(6rem,3.8rem + 7vw,10rem) 0;scroll-margin-top:100px}.section--alt{background:var(--surface-warm)}.section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:var(--space-sm);font-weight:600}.section-heading{font-family:var(--font-serif);font-size:var(--text-2xl);letter-spacing:.01em;color:var(--ink);margin-bottom:var(--space-xs);font-weight:700;line-height:1.25}.section-sub{font-size:var(--text-lg);color:var(--ink-secondary);max-width:55ch;margin-bottom:var(--space-lg);line-height:1.65}.about__grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid;position:relative}.about__grid:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4828a1f 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-30px}.about__grid:after{content:"";pointer-events:none;border:2px solid #add8e640;border-radius:50%;width:80px;height:80px;position:absolute;bottom:20px;left:-50px}.about__intro{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--ink-secondary);text-align:justify;text-justify:inter-character;text-align-last:left;line-height:1.85;position:relative}.about__intro p{width:100%}.about__intro:before{content:"“";color:var(--accent-soft);pointer-events:none;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;top:-.6em;left:-.4em}.about__intro p+p{margin-top:1.5em}.about__info-list{padding-top:var(--space-sm);flex-direction:column;gap:1.2rem;list-style:none;display:flex;position:relative}.about__info-list:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:0;right:-20px}.about__info-list:after{content:"";background:linear-gradient(to right, var(--accent-soft), transparent);border-radius:2px;width:40px;height:3px;position:absolute;bottom:-10px;right:40px}.about__info-item{align-items:flex-start;gap:1.2rem;display:flex}.about__info-key{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-tertiary);flex-shrink:0;min-width:5em;font-weight:600}.about__info-val{font-size:var(--text-base);color:var(--ink);font-weight:500}.about__info-val--stacked{flex-direction:column;align-items:flex-start;line-height:1.65;display:flex}.about__info-arrow{text-align:left;width:auto;color:var(--accent);align-self:flex-start;padding:.15rem 0;line-height:1.15}.about__highlights{margin-top:var(--space-md);flex-wrap:wrap;gap:.6rem;display:flex}.highlight-tag{font-size:var(--text-xs);letter-spacing:.06em;border:1.5px solid var(--border);color:var(--ink-secondary);transition:all var(--duration-fast) ease;border-radius:100px;padding:.5em 1.1em;font-weight:600}.highlight-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}@media (width<=768px){.about__grid{gap:var(--space-md);grid-template-columns:1fr}}.footprint{margin-top:clamp(2.4rem,4vw,4.5rem);margin-bottom:clamp(3.2rem,5vw,5.5rem);position:relative}.footprint__title{font-family:var(--font-display);letter-spacing:.22em;color:var(--ink);text-transform:uppercase;font-size:clamp(1.45rem,1.1rem + 1.2vw,2.15rem);font-weight:700}.footprint__subtitle{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--ink-tertiary);letter-spacing:.06em;margin-top:.45rem}.footprint-timeline{margin:0 auto clamp(3rem,5vw,5rem);padding:0 .5rem;position:relative}.footprint-timeline__track{background:var(--border);height:1px;position:absolute;top:8px;left:calc(6.25% + .5rem);right:calc(6.25% + .5rem);overflow:hidden}.footprint-timeline__track:after{content:"";background:linear-gradient(90deg, var(--accent-soft), var(--accent), var(--accent-soft));transition:transform 1.2s var(--ease-out-expo) .15s;position:absolute;inset:0;transform:translate(-100%)}.footprint.visible .footprint-timeline__track:after{transform:translate(0)}.footprint-timeline__items{z-index:1;grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:relative}.footprint-node{text-align:center;appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 .25rem}.footprint-node:hover .footprint-node__dot{transform:scale(1.14);box-shadow:0 0 0 1px #d4828a94,0 0 0 7px #d4828a17}.footprint-node:hover .footprint-node__label,.footprint-node.is-active .footprint-node:focus-visible{outline-offset:6px;border-radius:10px;outline:2px solid #d4828a6b}.footprint-node__label{color:var(--ink)}.footprint-node.is-active .footprint-node__dot{background:var(--accent);transform:scale(1.18);box-shadow:0 0 0 1px #d4828aad,0 0 0 8px #d4828a1c}.footprint.is-ready .footprint-node__dot{transition-delay:0s!important}.footprint-node__dot{aspect-ratio:1;border:4px solid var(--surface);background:var(--border);width:16px;height:16px;box-shadow:0 0 0 1px var(--border);transition:background .35s ease, box-shadow .35s ease, transform .35s var(--ease-out-expo);border-radius:50%;flex:0 0 16px;margin:0 auto .75rem;display:block}.footprint.visible .footprint-node__dot{background:var(--accent);box-shadow:0 0 0 1px #d4828a73,0 0 0 6px #d4828a0f}.footprint.visible .footprint-node:first-child .footprint-node__dot{transition-delay:.1s}.footprint.visible .footprint-node:nth-child(2) .footprint-node__dot{transition-delay:.18s}.footprint.visible .footprint-node:nth-child(3) .footprint-node__dot{transition-delay:.26s}.footprint.visible .footprint-node:nth-child(4) .footprint-node__dot{transition-delay:.34s}.footprint.visible .footprint-node:nth-child(5) .footprint-node__dot{transition-delay:.42s}.footprint.visible .footprint-node:nth-child(6) .footprint-node__dot{transition-delay:.5s}.footprint.visible .footprint-node:nth-child(7) .footprint-node__dot{transition-delay:.58s}.footprint.visible .footprint-node:nth-child(8) .footprint-node__dot{transition-delay:.66s}.footprint-node__label{max-width:none;color:var(--ink-secondary);white-space:nowrap;margin:0 auto;font-size:clamp(.58rem,.48rem + .22vw,.7rem);font-weight:500;line-height:1.35;display:block}.experience-carousel{perspective:1200px;perspective-origin:50% 46%;background:radial-gradient(at 50% 45%,#d4828a1a,#0000 34%),radial-gradient(at 50% 88%,#3d32340b,#0000 34%),radial-gradient(circle at 14% 72%,#add8e612,#0000 27%);border-radius:28px;height:clamp(430px,47vw,555px);position:relative;overflow:hidden}.experience-carousel:before,.experience-carousel:after{content:"";z-index:8;pointer-events:none;width:clamp(50px,10vw,130px);position:absolute;top:0;bottom:0}.experience-carousel:before{background:linear-gradient(90deg, var(--surface), transparent);left:0}.experience-carousel:after{background:linear-gradient(-90deg, var(--surface), transparent);right:0}.experience-carousel__stage{transform-style:preserve-3d;touch-action:pan-y;cursor:default;place-items:center;display:grid;position:absolute;inset:0 0 54px;transform:translateY(-3px)rotateX(-1.5deg)}.experience-ring{--ring-radius:390px;--ring-depth:-180px;width:clamp(235px,23vw,285px);height:clamp(345px,34vw,405px);transform-style:preserve-3d;will-change:transform;transform:translateZ(var(--ring-depth)) rotateY(0deg);transition:transform .48s cubic-bezier(.2,.78,.25,1);position:relative}.experience-card{backface-visibility:hidden;transform:rotateY(var(--angle)) translateZ(var(--ring-radius));transform-origin:50%;opacity:.16;filter:saturate(.72)brightness(1.035);pointer-events:none;background:#fffffff7;border:1px solid #e8d8d0db;border-radius:20px;flex-direction:column;transition:opacity .42s,scale .48s cubic-bezier(.2,.78,.25,1),filter .42s,box-shadow .36s,border-color .36s;display:flex;position:absolute;inset:0;overflow:hidden;scale:.86;box-shadow:0 13px 34px #3d323414}.experience-card.is-mid{opacity:.34;filter:saturate(.82)brightness(1.025);scale:.9}.experience-card.is-near{opacity:.66;filter:saturate(.92)brightness(1.01);scale:.95}.experience-card.is-active{opacity:1;filter:none;pointer-events:auto;border-color:#d4828a4d;scale:1.02;box-shadow:0 28px 68px #3d323429}.experience-card.is-active:hover{border-color:#d4828a85;box-shadow:0 31px 76px #3d323430}.experience-card__image-wrap{background:var(--surface-warm);height:58%;min-height:180px;position:relative;overflow:hidden}.experience-card__image{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out-expo)}.experience-card:hover .experience-card__image{transform:scale(1.035)}.experience-card--document .experience-card__image{object-fit:contain;background:#fff;padding:.4rem}.experience-card--cyd .experience-card__image{object-position:center top}.experience-card--bisu .experience-card__image{object-position:center 38%}.experience-card--cuhk .experience-card__image{object-position:56% center}.experience-card__body{flex-direction:column;flex:1;padding:1rem 1.05rem 1.05rem;display:flex}.experience-card__meta{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin-bottom:.3rem;font-size:.67rem;font-weight:650}.experience-card__title{font-family:var(--font-serif);color:var(--ink);font-size:clamp(1rem,.9rem + .3vw,1.15rem);font-weight:700;line-height:1.35}.experience-card__role{color:var(--ink-tertiary);margin-top:.18rem;font-size:.75rem}.experience-card__tags{flex-wrap:wrap;gap:.32rem;margin-top:auto;padding-top:.72rem;display:flex}.experience-card__tag{background:var(--surface-warm);border:1px solid var(--border-light);color:var(--ink-secondary);white-space:nowrap;border-radius:100px;padding:.28em .62em;font-size:.63rem;line-height:1.35}.experience-carousel__controls{z-index:12;align-items:center;gap:.7rem;display:flex;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.experience-carousel__button{border:1px solid var(--border);width:38px;height:38px;color:var(--ink-secondary);cursor:pointer;transition:all var(--duration-fast) ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fdf8f5e6;border-radius:50%;font-size:1.05rem}.experience-carousel__button:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.experience-carousel__button:active{transform:translateY(0)scale(.96)}.experience-carousel__button.is-busy{opacity:.55;cursor:default}.experience-carousel__hint{color:var(--ink-tertiary);letter-spacing:.04em;text-align:center;min-width:7.5em;font-size:.68rem}@media (width<=980px){.experience-ring{--ring-radius:350px;--ring-depth:-155px}.footprint-node__label{font-size:.64rem}}@media (width<=768px){.footprint{margin-top:2.2rem;margin-bottom:3.2rem}.footprint__header{text-align:left}.footprint-timeline{scrollbar-width:thin;padding-bottom:.6rem;overflow-x:auto}.footprint-timeline__track{min-width:720px;left:52px;right:52px}.footprint-timeline__items{grid-template-columns:repeat(8,102px);width:820px}.footprint-node__label{white-space:nowrap;font-size:.66rem}.experience-carousel{border-radius:0;height:500px;margin-left:-1.5rem;margin-right:-1.5rem}.experience-carousel__stage{inset:0 0 50px}.experience-ring{--ring-radius:285px;--ring-depth:-125px;width:220px;height:350px}.experience-carousel:before,.experience-carousel:after{width:45px}.experience-card__body{padding:.85rem .9rem .95rem}}@media (width<=520px){.experience-carousel{height:475px}.experience-carousel__stage{inset:0 0 44px}.experience-ring{--ring-radius:235px;--ring-depth:-105px;width:205px;height:330px}.experience-card__image-wrap{min-height:160px}.experience-carousel__hint{display:none}}@media (prefers-reduced-motion:reduce){.footprint-timeline__track:after{transition:none;transform:none}.experience-card__image{transition:none}}.skill-block{padding:var(--space-lg) 0;border-top:1px solid var(--border-light)}.skill-block:first-of-type{border-top:none}.skill-block__header{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.skill-block__icon{flex-shrink:0;font-size:1.6rem}.skill-block__title{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--ink);letter-spacing:.01em;font-weight:700}.skill-block__num{font-family:var(--font-display);font-size:var(--text-xs);color:var(--ink-tertiary);letter-spacing:.1em;font-weight:700}.skill-block__body{gap:var(--space-md) var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.skill-detail{flex-direction:column;gap:.6rem;display:flex}.skill-detail__title{font-family:var(--font-display);font-size:var(--text-base);color:var(--ink);letter-spacing:-.01em;font-weight:700}.skill-detail__desc{font-size:var(--text-sm);color:var(--ink-secondary);line-height:1.7}.skill-detail__tags{flex-wrap:wrap;gap:.35rem;margin-top:.2rem;display:flex}.skill-detail__tag{background:var(--surface-warm);color:var(--ink-secondary);letter-spacing:.02em;border-radius:4px;padding:.3em .7em;font-size:.68rem;font-weight:500}.skill-metrics{gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-light);display:flex}.skill-metric{flex-direction:column;display:flex}.skill-metric__val{font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink);letter-spacing:-.02em;font-weight:700;line-height:1}.skill-metric__label{font-size:var(--text-xs);color:var(--ink-tertiary);letter-spacing:.04em;margin-top:.3em}@media (width<=768px){.skill-block__body{grid-template-columns:1fr}.skill-metrics{flex-wrap:wrap}}.evidence-gallery{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-light)}.evidence-gallery__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--ink-tertiary);margin-bottom:var(--space-sm);align-items:center;gap:.5em;font-weight:600;display:flex}.evidence-gallery__label:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.evidence-stack{flex-direction:column;gap:1.5rem;display:flex}.evidence-stack .evidence-item{width:100%}.evidence-stack .evidence-item__img{object-fit:contain;object-position:top;background:var(--surface-warm);width:100%;max-height:520px}.evidence-pair{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.evidence-pair .evidence-item__img{object-fit:contain;object-position:top;background:var(--surface-warm);max-height:400px}@media (width<=600px){.evidence-pair{grid-template-columns:1fr}}.photo-gallery{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.photo-item{cursor:zoom-in;border-radius:4px;position:relative;overflow:hidden}.photo-item img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .6s var(--ease-out-expo);display:block}.photo-item:hover img{transform:scale(1.04)}.photo-item__caption{opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#1d1d1fb3 100%);padding:2rem .8rem .7rem;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.photo-item:hover .photo-item__caption{opacity:1}.photo-item__caption span{font-size:var(--text-xs);color:#ffffffe6;letter-spacing:.03em;line-height:1.4}@media (width<=768px){.photo-gallery{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.photo-gallery{grid-template-columns:1fr}}.video-work-section{margin-top:clamp(1.5rem,2vw,2.2rem)}.video-work-card{border:1px solid var(--border-light);background:var(--surface-card);transition:transform var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo), border-color var(--duration-fast) ease;border-radius:10px;overflow:hidden}.video-work-card:hover{border-color:var(--border);transform:translateY(-4px);box-shadow:0 16px 38px #3d323417}.video-work-card__link{color:inherit;display:block}.video-work-card__cover{aspect-ratio:16/9;background:var(--surface-warm);position:relative;overflow:hidden}.video-work-card__cover img{object-fit:cover;width:100%;height:100%;transition:transform .65s var(--ease-out-expo), filter var(--duration-normal) ease}.video-work-card:hover .video-work-card__cover img{filter:brightness(.92);transform:scale(1.035)}.video-work-card__play{width:52px;height:52px;color:var(--accent);transition:transform var(--duration-fast) ease, background var(--duration-fast) ease;background:#fdf8f5eb;border:1px solid #d4828a52;border-radius:50%;place-items:center;padding-left:2px;font-size:1.05rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 26px #3d323424}.video-work-card:hover .video-work-card__play{background:#fff;transform:translate(-50%,-50%)scale(1.08)}.video-work-card__duration{color:#fff;font-family:var(--font-display);letter-spacing:.04em;background:#3d3234c7;border-radius:100px;padding:.22rem .5rem;font-size:.68rem;line-height:1.2;position:absolute;bottom:.55rem;right:.65rem}.video-work-card__body{padding:.9rem 1rem 1rem}.video-work-card__title{font-family:var(--font-serif);font-size:var(--text-base);color:var(--ink);font-weight:700;line-height:1.35}.video-work-card__meta{font-size:var(--text-xs);color:var(--ink-tertiary);letter-spacing:.04em;margin-top:.35rem}.video-work-card__action{font-size:var(--text-xs);color:var(--accent);align-items:center;gap:.35em;margin-top:.65rem;font-weight:600;display:inline-flex}.video-work-card__action:after{content:"↗";font-size:.9em}@media (width<=768px){.video-work-grid{grid-template-columns:1fr}.video-work-card__play{width:46px;height:46px}}.poster-row{grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-bottom:1.5rem;display:grid}.poster-item{text-align:center}.poster-item img{border-radius:4px;width:100%;display:block}.poster-item__label{font-size:var(--text-xs);color:var(--ink-tertiary);letter-spacing:.04em;margin-top:.5rem}@media (width<=600px){.poster-row{grid-template-columns:1fr}}.article-card-pair{grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.5rem;display:grid}.article-card{background:var(--surface-card);border:1px solid var(--border-light);transition:transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo);border-radius:8px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.article-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000014}.article-card__visual{aspect-ratio:16/9;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.article-card__visual--spring{background:linear-gradient(135deg,#a8d8a0 0%,#f5e6c8 40%,#f0c9c9 70%,#c9d6f0 100%)}.article-card__visual--color{background:linear-gradient(135deg,#f5e6c8 0%,#f0c9c9 25%,#a8d8a0 50%,#c9d6f0 75%,#e8d5f0 100%)}.article-card__visual-icon{opacity:.6;font-size:3rem}.article-card__visual-title{font-family:var(--font-serif);font-size:var(--text-lg);color:#fff;letter-spacing:.02em;background:linear-gradient(#0000 0%,#1d1d1fbf 100%);padding:2rem 1.2rem 1rem;font-weight:700;line-height:1.35;position:absolute;bottom:0;left:0;right:0}.article-card__body{flex-direction:column;flex:1;gap:.6rem;padding:1rem 1.2rem 1.2rem;display:flex}.article-card__source{font-size:var(--text-xs);color:var(--ink-tertiary);letter-spacing:.06em;align-items:center;gap:.4em;display:flex}.article-card__source-dot{background:var(--ink-tertiary);border-radius:50%;width:4px;height:4px}.article-card__excerpt{font-size:var(--text-sm);color:var(--ink-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;line-height:1.7;display:-webkit-box;overflow:hidden}.article-card__meta{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:.6rem;display:flex}.article-card__role{font-size:var(--text-xs);color:var(--accent);letter-spacing:.06em;font-weight:600}.article-card__link{font-size:var(--text-xs);color:var(--ink-tertiary);letter-spacing:.06em;transition:color var(--duration-fast) ease;align-items:center;gap:.3em;font-weight:500;display:flex}.article-card:hover .article-card__link{color:var(--accent)}.article-card__link-arrow{transition:transform var(--duration-fast) var(--ease-out-expo)}.article-card:hover .article-card__link-arrow{transform:translate(3px)}@media (width<=600px){.article-card-pair{grid-template-columns:1fr}}.wx-showcase{margin-top:var(--space-md)}.wx-showcase__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--ink-tertiary);margin-bottom:var(--space-sm);align-items:center;gap:.5em;font-weight:600;display:flex}.wx-showcase__label:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.wx-account-card{background:var(--surface-card);border:1px solid var(--border-light);border-radius:8px;grid-template-columns:200px 1fr;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:grid}.wx-account-card__img{border:1px solid var(--border-light);border-radius:6px;width:100%}.wx-account-card__info{flex-direction:column;gap:.6rem;display:flex}.wx-account-card__name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink);font-weight:700}.wx-account-card__stats{gap:var(--space-md);display:flex}.wx-account-stat__val{font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink);letter-spacing:-.02em;font-weight:700;line-height:1}.wx-account-stat__label{font-size:var(--text-xs);color:var(--ink-tertiary);margin-top:.3em}.wx-account-card__desc{font-size:var(--text-sm);color:var(--ink-secondary);line-height:1.6}.wx-article-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.wx-article-grid--large{grid-template-columns:repeat(2,1fr);gap:.8rem}.wx-article-grid--large .wx-article-thumb img{aspect-ratio:9/12}.wx-article-thumb{border:1px solid var(--border-light);border-radius:4px;overflow:hidden}.wx-article-thumb img{aspect-ratio:9/14;object-fit:cover;object-position:top center;width:100%;display:block}@media (width<=768px){.wx-account-card{grid-template-columns:140px 1fr;gap:1rem;padding:1rem}.wx-article-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.wx-account-card{text-align:center;grid-template-columns:1fr}.wx-account-card__stats{justify-content:center}}.xhs-data-row{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.6rem;display:grid}.xhs-data-card{border:1px solid var(--border-light);border-radius:4px;position:relative;overflow:hidden}.xhs-data-card img{aspect-ratio:9/14;object-fit:cover;object-position:top center;width:100%;display:block}.xhs-data-card__badge{background:var(--accent);color:#fff;letter-spacing:.04em;border-radius:100px;padding:.3em .7em;font-size:.65rem;font-weight:700;position:absolute;top:.6rem;right:.6rem}@media (width<=600px){.xhs-data-row{grid-template-columns:1fr}}.evidence-item{background:var(--surface-card);border:1px solid var(--border-light);transition:transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo);border-radius:6px;overflow:hidden}.evidence-item:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.evidence-item__img{border-bottom:1px solid var(--border-light);width:100%;display:block}.evidence-item__body{padding:1rem 1.2rem}.evidence-item__title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--ink);letter-spacing:-.01em;margin-bottom:.3em;font-weight:700}.evidence-item__desc{font-size:var(--text-sm);color:var(--ink-secondary);line-height:1.65}.evidence-image-link,.portfolio-image-link{color:inherit;cursor:pointer;display:block}.evidence-image-link img,.portfolio-image-link img{width:100%;display:block}.platform-section{padding:var(--space-lg) 0}.platform-section:first-child{padding-top:0}.platform-card{gap:var(--space-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}.platform-card__visual{aspect-ratio:4/3;background:var(--surface-warm);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.phone-mockup{border:3px solid var(--ink);width:52%;height:82%;transition:transform var(--duration-normal) var(--ease-out-expo);background:#fff;border-radius:28px;flex-direction:column;padding:8px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000001a}.platform-card__visual:hover .phone-mockup{transform:translateY(-4px)rotate(-1deg)}.phone-notch{background:var(--ink);border-radius:0 0 12px 12px;flex-shrink:0;width:40%;height:18px;margin:0 auto 8px}.phone-screen{background:var(--surface);border-radius:4px;flex-direction:column;flex:1;display:flex;overflow:hidden}.phone-header{border-bottom:1px solid var(--border-light);padding:10px 12px 8px}.phone-header__title{color:var(--ink);font-size:11px;font-weight:700}.phone-header__sub{color:var(--ink-tertiary);margin-top:2px;font-size:8px}.phone-content{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow:hidden}.phone-post{align-items:flex-start;gap:8px;display:flex}.phone-post__img{border-radius:4px;flex-shrink:0;width:36px;height:36px}.phone-post__lines{flex-direction:column;flex:1;gap:3px;display:flex}.phone-post__line{background:var(--border-light);border-radius:3px;height:5px}.phone-post__line:first-child{background:var(--accent-soft);width:80%}.phone-post__line:nth-child(2){width:100%}.phone-post__line:nth-child(3){width:60%}.phone-stats{gap:6px;margin-top:auto;padding-top:8px;display:flex}.phone-stat{background:var(--surface-warm);border-radius:4px;flex:1;height:28px;position:relative;overflow:hidden}.phone-stat:after{content:"";background:var(--accent);border-radius:4px 4px 0 0;position:absolute;bottom:0;left:0;right:0}.phone-stat:first-child:after{height:60%}.phone-stat:nth-child(2):after{height:85%}.phone-stat:nth-child(3):after{height:45%}.phone-stat:nth-child(4):after{height:70%}.phone-mockup--wechat .phone-header{background:#07c160}.phone-mockup--wechat .phone-header__title{color:#fff}.phone-mockup--wechat .phone-header__sub{color:#ffffffb3}.phone-mockup--wechat .phone-post__line:first-child{background:#07c16026}.phone-mockup--wechat .phone-stat:after{background:#07c160}.phone-mockup--red .phone-header{background:#ff2442}.phone-mockup--red .phone-header__title{color:#fff}.phone-mockup--red .phone-header__sub{color:#ffffffb3}.phone-mockup--red .phone-post__line:first-child{background:#ff24421f}.phone-mockup--red .phone-stat:after{background:#ff2442}.platform-card__content{gap:var(--space-sm);flex-direction:column;display:flex}.platform-card__tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-weight:600}.platform-card__title{font-family:var(--font-serif);font-size:var(--text-xl);letter-spacing:.01em;font-weight:700;line-height:1.3}.platform-card__desc{font-size:var(--text-base);color:var(--ink-secondary);line-height:1.75}.platform-card__metrics{gap:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border);margin-top:var(--space-xs);display:flex}.platform-metric__val{font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink);letter-spacing:-.02em;font-weight:700}.platform-metric__label{font-size:var(--text-xs);color:var(--ink-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-top:.2em}.platform-card__samples{margin-top:var(--space-sm);flex-direction:column;gap:.8rem;display:flex}.sample-item{background:var(--surface-warm);transition:background var(--duration-fast) ease;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;display:flex}.sample-item:hover{background:var(--accent-soft)}.sample-item__num{font-family:var(--font-display);font-size:var(--text-sm);color:var(--ink-tertiary);flex-shrink:0;min-width:1.8em;font-weight:700}.sample-item__text{font-size:var(--text-sm);color:var(--ink-secondary);line-height:1.6}.sample-item__text strong{color:var(--ink);font-weight:600}.platform-card__skills{margin-top:var(--space-xs);flex-wrap:wrap;gap:.4rem;display:flex}.platform-skill{background:var(--surface-warm);color:var(--ink-secondary);letter-spacing:.02em;border-radius:100px;padding:.35em .8em;font-size:.7rem;font-weight:500}@media (width<=768px){.platform-card{gap:var(--space-md);grid-template-columns:1fr}}.lang-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.lang-item{flex-direction:column;gap:.6rem;display:flex}.lang-item__name{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--ink);font-weight:700}.lang-item__level{font-size:var(--text-xs);color:var(--ink-tertiary);letter-spacing:.08em}.lang-bar{background:var(--border);border-radius:2px;height:3px;overflow:hidden}.lang-bar__fill{background:var(--accent);width:0;height:100%;transition:width 1.2s var(--ease-out-expo);border-radius:2px}@media (width<=600px){.lang-grid{grid-template-columns:1fr}}.timeline{position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:0;bottom:0;left:0}.timeline-item{padding-left:var(--space-lg);padding-bottom:var(--space-lg);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";border:2px solid var(--accent);background:var(--surface-warm);z-index:1;border-radius:50%;width:11px;height:11px;position:absolute;top:6px;left:-5px}.timeline-item__date{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.4em;font-weight:600}.timeline-item__role{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.01em;color:var(--ink);font-weight:700}.timeline-item__org{font-size:var(--text-sm);color:var(--ink-secondary);margin-bottom:.6em}.timeline-item__bullets{flex-direction:column;gap:.4em;list-style:none;display:flex}.timeline-item__bullets li{font-size:var(--text-sm);color:var(--ink-secondary);padding-left:1.2em;line-height:1.6;position:relative}.timeline-item__bullets li:before{content:"";background:var(--border);border-radius:50%;width:5px;height:5px;position:absolute;top:.65em;left:0}.contact{text-align:center}.contact__heading{font-family:var(--font-serif);font-size:var(--text-3xl);letter-spacing:.01em;margin-bottom:var(--space-sm);font-weight:700;line-height:1.08}.contact__heading-main,.contact__heading em{display:block}.contact__heading em{color:var(--accent);font-style:normal}.contact__sub{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--ink-secondary);width:fit-content;max-width:none;margin:0 auto var(--space-lg);line-height:1.65}.contact__sub-line{white-space:nowrap;display:block}.contact__links{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.contact__link{font-size:var(--text-sm);letter-spacing:.06em;color:var(--ink);border:1.5px solid var(--ink);transition:all var(--duration-fast) ease;padding:1em 2.5em;font-weight:600}.contact__link:hover{background:var(--ink);color:#fff}.contact__link--primary{background:var(--accent);border-color:var(--accent);color:#fff}.contact__link--primary:hover{background:#c07078;border-color:#c07078}[data-lightbox=portfolio]{cursor:zoom-in}.image-lightbox{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#1e1819e0;justify-content:center;align-items:center;padding:clamp(1rem,3vw,2.5rem);display:none;position:fixed;inset:0}.image-lightbox.open{display:flex}.image-lightbox__figure{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.75rem;max-width:min(94vw,1500px);max-height:92vh;display:flex;position:relative}.image-lightbox__img{object-fit:contain;cursor:zoom-out;background:#fff;border-radius:8px;width:auto;max-width:94vw;height:auto;max-height:84vh;display:block;box-shadow:0 24px 80px #00000059}.image-lightbox__caption{color:#ffffffeb;max-width:90vw;font-size:var(--text-sm);text-align:center;line-height:1.5}.image-lightbox__close{color:#fff;cursor:pointer;background:#0000003d;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:42px;height:42px;font-size:28px;line-height:1;display:grid;position:fixed;top:18px;right:22px}.image-lightbox__close:hover{background:#ffffff1f}body.lightbox-open{overflow:hidden}.footer{border-top:1px solid var(--border);text-align:center}.footer__text{font-size:var(--text-xs);color:var(--ink-tertiary);letter-spacing:.05em}#about{position:relative;overflow:hidden}#about:before{content:"";background:linear-gradient(to right, transparent, var(--accent-soft), transparent);width:200px;height:1px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out-expo), transform var(--duration-slow) var(--ease-out-expo);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo), transform var(--duration-normal) var(--ease-out-expo);transform:translateY(20px)}.reveal-stagger.visible>*{opacity:1;transform:translateY(0)}.reveal-stagger.visible>:first-child{transition-delay:0s}.reveal-stagger.visible>:nth-child(2){transition-delay:80ms}.reveal-stagger.visible>:nth-child(3){transition-delay:.16s}.reveal-stagger.visible>:nth-child(4){transition-delay:.24s}.reveal-stagger.visible>:nth-child(5){transition-delay:.32s}.reveal-stagger.visible>:nth-child(6){transition-delay:.4s}@media (prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{transition-duration:.01ms!important;transition-delay:0s!important}.hero__eyebrow,.hero__resume-download,.hero__text,.hero__photo-wrap,.hero__stats,.hero__scroll{opacity:1;animation:none;transform:none}}@media (width<=600px){.hero__inner{text-align:center;grid-template-columns:1fr}.hero__eyebrow-row{justify-content:center;gap:.65rem;width:100%}.hero__eyebrow{white-space:normal}.hero__resume-download{padding:.46rem .78rem;font-size:.72rem}.hero__photo-wrap{order:-1;justify-content:center;display:flex}.hero__photo{width:200px}.hero__heading,.hero__sub{max-width:none}.hero__stats{gap:var(--space-sm);flex-direction:column}.contact__links{flex-direction:column;align-items:center}}:root{--ink:#342b2e;--ink-secondary:#77696d;--ink-tertiary:#aa999e;--surface:#fbf7ef;--surface-warm:#f7efe8;--surface-card:#fffdf9;--accent:#e58da1;--accent-soft:#f8dfe5;--sky:#a9d8ee;--sky-soft:#e8f5fb;--butter:#f3e4b5;--mint:#dcebdc;--border:#e8ddd5;--border-light:#f0e7e0;--font-editorial:"DM Serif Display", "Noto Serif SC", Georgia, serif;--font-hand:"Caveat", cursive}html{background:var(--surface)}body{background:radial-gradient(circle at 88% 8%, #a9d8ee42, transparent 24rem), radial-gradient(circle at 8% 22%, #e58da129, transparent 25rem), var(--surface)}body:before{content:"";z-index:999;pointer-events:none;opacity:.14;mix-blend-mode:multiply;background-image:radial-gradient(circle at 25% 30%,#342b2e2e 0 .45px,#0000 .6px),radial-gradient(circle at 72% 64%,#342b2e1f 0 .45px,#0000 .6px);background-size:7px 7px,11px 11px;position:fixed;inset:0}.container{max-width:1280px}.container--narrow{max-width:1160px}.section{padding:clamp(5.5rem,7vw,8rem) 0;position:relative}.nav{padding:.9rem 0}.nav__inner{justify-content:center}.nav__links{-webkit-backdrop-filter:blur(18px)saturate(145%);background:#fffdf9bd;border:1px solid #e8ddd5e0;border-radius:999px;gap:.35rem;padding:.38rem .48rem;box-shadow:0 8px 30px #49363b0f}.nav__links a{letter-spacing:.03em;border-radius:999px;padding:.46rem .9rem;font-size:.78rem}.nav__links a:after{display:none}.nav__links a:hover{background:var(--sky-soft)}.nav__cta{box-shadow:0 5px 15px #e58da13d;background:var(--accent)!important}.nav.scrolled{-webkit-backdrop-filter:none;background:0 0;border:0}.hero{background:linear-gradient(115deg,#fffdf9c7,#fffdf938),radial-gradient(circle at 82% 24%,#a9d8ee3b,#0000 18rem),radial-gradient(circle at 18% 80%,#f3e4b542,#0000 18rem);min-height:100svh;padding:clamp(7.6rem,10vw,9.5rem) 0 clamp(5.2rem,7vw,7rem)}.hero:before{background:#a9d8ee26;border-radius:48% 52% 44% 56%/54% 45% 55% 46%;width:360px;height:360px;top:16%;right:-110px;transform:rotate(18deg)}.hero:after{background:0 0;border:1px dashed #e58da157;border-radius:50%;width:260px;height:150px;bottom:8%;left:-60px;transform:rotate(-12deg)}.hero__inner{grid-template-columns:minmax(0,1.18fr) minmax(300px,.72fr);align-items:center;gap:clamp(3.5rem,7vw,7rem);position:relative}.hero__inner:before{content:"XU BOWEN / DIGITAL SPACE";font-family:var(--font-display);letter-spacing:.2em;color:var(--ink-tertiary);font-size:.66rem;font-weight:650;position:absolute;top:-3.3rem;left:.2rem}.hero__inner:after{content:"VOL. 01";font-family:var(--font-hand);color:var(--accent);font-size:1.25rem;position:absolute;top:-2.9rem;right:1rem;transform:rotate(5deg)}.hero__text{z-index:2;position:relative}.hero__text:after{content:"";border-top:3px solid var(--sky);opacity:.9;pointer-events:none;border-radius:50%;width:88px;height:18px;position:absolute;top:8.8rem;right:12%;transform:rotate(-8deg)}.hero__eyebrow-row{flex-wrap:wrap;justify-content:flex-start;gap:.85rem;margin-bottom:1.15rem}.hero__eyebrow{letter-spacing:.055em;text-transform:none;background:#f8dfe5a8;border-radius:999px;margin:0;padding:.38rem .78rem;font-size:.75rem}.hero__resume-download{color:#557a8b;box-shadow:none;background:#e8f5fbdb;border-color:#7bbcd973}.hero__resume-download:hover{background:var(--sky);border-color:var(--sky);color:#244453;transform:translateY(-2px)rotate(-1deg)}.hero__heading{font-family:var(--font-serif);letter-spacing:-.02em;max-width:none;margin-bottom:1.45rem;font-size:clamp(3.2rem,5.65vw,5.85rem);line-height:1.02}.hero__line{white-space:nowrap;display:block}.hero__heading em{color:var(--accent);background:linear-gradient(#0000 68%,#a9d8ee57 68% 92%,#0000 92%);padding:0 .03em}.hero__sub{color:#75666a;border-left:2px solid #e58da16b;max-width:38ch;padding-left:1rem;font-size:clamp(1rem,.92rem + .35vw,1.22rem);line-height:1.9}.hero__stats{background:#fffdf99e;border:1px solid #e8ddd5d6;border-radius:22px 22px 22px 8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-top:2.1rem;padding:.8rem;display:grid;box-shadow:0 13px 35px #4332370a}.hero__stats>div{text-align:center;padding:.7rem .5rem .6rem;position:relative}.hero__stats>div+div:before{content:"";background:var(--border);width:1px;position:absolute;top:18%;bottom:18%;left:0}.hero__stat-num{font-family:var(--font-editorial);font-size:clamp(2rem,2.5vw,3rem);font-weight:400}.hero__stat-label{text-align:center;letter-spacing:.04em;text-transform:none;font-size:.68rem;transform:none!important}.hero__photo-wrap{isolation:isolate;transform:rotate(1.2deg)}.hero__photo-wrap:before{background:var(--accent-soft);border-radius:38px 12px 38px 18px;inset:-22px 18px 26px -24px;transform:rotate(-4deg)}.hero__photo-wrap:after{content:"";z-index:-1;background:var(--sky-soft);border-radius:20px 44px 14px 38px;position:absolute;inset:22px -24px -20px 24px;transform:rotate(4deg)}.hero__photo{border:10px solid #fffdf9e6;border-radius:32px 14px;width:clamp(285px,25vw,390px);box-shadow:0 25px 70px #4a353b21}.hero__photo:after{content:"hello :)";font-family:var(--font-hand);color:#fff;text-shadow:0 1px 10px #00000038;font-size:1.35rem;position:absolute;bottom:12px;right:14px}.hero__scroll{bottom:1.5rem}.section-label{color:var(--accent);letter-spacing:.13em;background:#fffdf999;border:1px solid #e58da147;border-radius:999px;align-items:center;gap:.55rem;margin-bottom:.9rem;padding:.36rem .7rem;font-size:.69rem;display:inline-flex}.section-label:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:.55rem;box-shadow:10px 0 #a9d8eee6}.section-heading{letter-spacing:-.015em;margin-bottom:.75rem;font-size:clamp(2.35rem,4.3vw,4.65rem);line-height:1.08;position:relative}.section-heading:after{font-family:var(--font-editorial);letter-spacing:.13em;color:#7ebbd6;margin-top:.58rem;font-size:.9rem;font-style:italic;font-weight:400;display:block}#about .section-heading:after{content:"ABOUT ME / FOOTPRINT"}#capabilities .section-heading:after{content:"SELECTED SKILLS / WORK"}#accounts .section-heading:after{content:"SOCIAL NOTES / GROWTH"}.section-sub{max-width:46ch;font-size:1rem;line-height:1.8}#about{background:radial-gradient(circle at 96% 14%,#f3e4b547,#0000 17rem),0 0;overflow:hidden}#about:before{content:"01";font-family:var(--font-editorial);color:#e58da114;pointer-events:none;font-size:clamp(5rem,10vw,10rem);line-height:.8;position:absolute;top:5rem;right:clamp(1rem,5vw,5rem)}.footprint{background:linear-gradient(125deg,#fffdf9d9,#e8f5fb8f),#fff6;border:1px solid #e8ddd5c7;border-radius:34px 12px;margin-top:3.4rem;padding:clamp(1.6rem,3vw,2.6rem);box-shadow:0 24px 65px #4231360e}.footprint:before{content:"my little timeline";font-family:var(--font-hand);color:var(--accent);font-size:1.3rem;position:absolute;top:1rem;right:1.7rem;transform:rotate(4deg)}.footprint__header{text-align:left;margin-bottom:2rem}.footprint__title{font-family:var(--font-editorial);letter-spacing:-.015em;text-transform:none;font-size:clamp(2.5rem,4vw,4.2rem);font-style:italic;font-weight:400}.footprint__subtitle{color:var(--ink-secondary)}.footprint-timeline{border-top:1px dashed #e58da157;margin-bottom:2.4rem;padding:.9rem .7rem 0}.footprint-timeline__track{background:#a9d8ee99}.footprint-timeline__track:after{background:linear-gradient(90deg, var(--accent), var(--sky), var(--butter))}.footprint-node__dot{background:var(--surface-card);border-width:3px;box-shadow:0 0 0 1px #e58da173,0 0 0 5px #f8dfe570}.footprint-node:nth-child(3n+2) .footprint-node__dot{box-shadow:0 0 0 1px #7ebbd68c,0 0 0 5px #e8f5fbb3}.footprint-node:nth-child(3n) .footprint-node__dot{box-shadow:0 0 0 1px #cfb96f7a,0 0 0 5px #f3e4b580}.footprint-node__label{font-size:.68rem}.footprint-node.is-active .footprint-node__label{color:var(--ink);font-weight:700}.experience-carousel{background:radial-gradient(circle at 50% 38%,#e58da11c,#0000 20rem),radial-gradient(circle at 18% 76%,#a9d8ee21,#0000 15rem),linear-gradient(#fffdf99e,#f7efe8b8);border:1px solid #e8ddd599;border-radius:26px 26px 10px}.experience-carousel:before{background:linear-gradient(90deg,#fbf7effa,#fbf7ef00)}.experience-carousel:after{background:linear-gradient(-90deg,#fbf7effa,#fbf7ef00)}.experience-card{background:#fffdf9fa;border-color:#decfc6d6;border-radius:15px 15px 10px}.experience-card.is-front:after{content:"✦";background:var(--butter);color:#806e37;z-index:4;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.9rem;display:grid;position:absolute;top:10px;right:13px}.experience-card__tag{background:var(--surface-warm);border-color:#0000}.experience-carousel__controls{bottom:8px}.experience-carousel__hint{font-family:var(--font-hand);font-size:1.05rem}.experience-ring{transition:none!important;transform:none!important}.experience-card{opacity:0;pointer-events:none;will-change:transform, opacity, filter;transition:transform .52s cubic-bezier(.22,.78,.24,1),opacity .42s,filter .42s,box-shadow .36s,border-color .36s;transform:translateZ(-240px)rotateY(0)scale(.82);scale:1!important}.experience-card.is-active,.experience-card.is-near,.experience-card.is-mid{scale:1!important}.experience-card.is-active{pointer-events:auto}.experience-card.is-front{border-color:#e58da16b;box-shadow:0 28px 68px #3f2e332b,0 0 0 5px #fffdf994}.about__grid{grid-template-columns:1.08fr .92fr;gap:1.4rem;margin-top:1.2rem}.about__grid:before,.about__grid:after{display:none}.about__intro{color:#66595d;background:#e8f5fbb8;border-radius:28px 8px;padding:clamp(1.7rem,3vw,2.6rem);box-shadow:inset 0 0 0 1px #a9d8ee59}.about__intro:before{color:#7ebbd638;font-size:5.5rem;top:-.32em;left:.05em}.about__grid>.reveal:not(.about__intro){border:1px solid var(--border);background:#fffdf9d4;border-radius:8px 28px;padding:clamp(1.5rem,2.7vw,2.25rem);transform:rotate(.35deg);box-shadow:0 16px 42px #3e2f340e}.about__info-list{padding-top:.2rem}.about__info-key{min-width:4.2em;color:var(--accent);font-family:var(--font-display);letter-spacing:.08em}.about__highlights{gap:.45rem}.highlight-tag{background:var(--accent-soft);color:#766168;border:0;border-radius:999px;padding:.48em .9em}.highlight-tag:nth-child(3n+2){background:var(--sky-soft)}.highlight-tag:nth-child(3n){background:#f7edcb}#capabilities{background:radial-gradient(circle at 12% 12%,#ffffffb8,#0000 22rem),radial-gradient(circle at 88% 10%,#dff0f89e,#0000 20rem),linear-gradient(#eef8fc 0%,#f3fafc 100%);overflow:hidden}#capabilities:before{display:none}.capabilities-shell{counter-reset:skillcounter;max-width:1280px}.capabilities-intro{min-height:clamp(260px,34vw,420px);margin-bottom:clamp(2.8rem,5vw,4.6rem);padding:clamp(1rem,1.5vw,1.5rem) min(28vw,360px) 0 0;position:relative}.capabilities-intro:after{content:"FILES";font-family:var(--font-editorial);letter-spacing:-.04em;color:#7ebbd61c;pointer-events:none;font-size:clamp(4.8rem,10vw,9.5rem);font-style:italic;line-height:.88;position:absolute;top:clamp(.6rem,1.4vw,1.3rem);right:0}.capabilities-intro__copy{z-index:1;max-width:min(820px,92vw);position:relative}#capabilities .section-heading{max-width:9.4ch;margin-bottom:.85rem;font-size:clamp(3rem,6.1vw,5.5rem)}#capabilities .section-heading:after{content:"SELECTED SKILLS / WORK";margin-top:.75rem;font-size:1rem}#capabilities .section-sub{color:#6f6669;max-width:24ch;font-size:1.05rem;line-height:1.95}.skill-block{counter-increment:skillcounter;background:#fffcf9f0;border:1px solid #ddd8d0cc;border-radius:30px 10px;max-width:1040px;margin:0 auto 2.9rem;padding:clamp(1.6rem,3vw,2.65rem);position:relative;overflow:visible;box-shadow:0 24px 60px #38343a0f}.skill-block:before{content:"0" counter(skillcounter);font-family:var(--font-editorial);color:#e58da124;pointer-events:none;font-size:4rem;line-height:1;position:absolute;top:-.72rem;right:1rem}.skill-block:nth-of-type(2n){border-radius:9px 26px}.skill-block__header{border-bottom:1px dashed #77696d2e;align-items:center;margin-bottom:1.4rem;padding-bottom:1rem}.skill-block__icon{background:var(--butter);width:42px;height:42px;box-shadow:5px 5px 0 var(--accent-soft);border-radius:50%;place-items:center;font-size:1.1rem;display:grid}.skill-block__title{font-family:var(--font-serif);font-size:clamp(1.5rem,2.3vw,2.25rem)}.skill-block__body{gap:1.3rem 2rem}.skill-detail{padding:1rem 0}.skill-detail__title{font-size:1rem}.skill-detail__desc{line-height:1.8}.skill-detail__tag{background:var(--sky-soft);border-radius:999px}.skill-metrics{border-top-style:dashed}.evidence-gallery{border-top:1px dashed #77696d33;margin-top:1.7rem;padding-top:1.4rem}.evidence-gallery__label,.wx-showcase__label{font-family:var(--font-hand);letter-spacing:.03em;text-transform:none;color:var(--accent);font-size:1.1rem}.evidence-item,.wx-article-card,.cyd-article-card{border-color:#e0d5cee0;border-radius:16px 6px;overflow:hidden;box-shadow:0 11px 30px #3e30340e}.evidence-pair>:first-child{transform:rotate(-.45deg)}.evidence-pair>:last-child{transform:rotate(.45deg)}.photo-gallery{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:72px;gap:12px;display:grid}.photo-item{border-radius:16px 6px;box-shadow:0 10px 28px #2b262814}.photo-item img{aspect-ratio:auto;object-fit:cover;width:100%;height:100%}.photo-item:first-child{grid-area:span 3/1/auto/span 4;transform:rotate(-.6deg)}.photo-item:nth-child(2){grid-area:span 4/5/auto/span 4;transform:rotate(.4deg)}.photo-item:nth-child(3){grid-area:span 3/9/auto/span 4;transform:rotate(-.3deg)}.photo-item:nth-child(4){grid-area:span 3/1/auto/span 5;transform:rotate(.35deg)}.photo-item:nth-child(5){grid-area:span 3/6/auto/span 4;transform:rotate(-.5deg)}.photo-item:nth-child(6){grid-area:span 3/10/auto/span 3;transform:rotate(.5deg)}.photo-item__caption{pointer-events:none}.video-work-section{border-top:1px dashed #77696d33;margin-top:2.3rem;padding-top:1.6rem}.video-work-grid{gap:1rem}.video-work-card{background:#211d1f;border:6px solid #211d1f;border-radius:14px 14px 6px;position:relative}.video-work-card:before,.video-work-card:after{content:"";z-index:3;pointer-events:none;opacity:.65;background:repeating-linear-gradient(90deg,#fbf7ef 0 8px,#0000 8px 17px);height:5px;position:absolute;left:8px;right:8px}.video-work-card:before{top:5px}.video-work-card:after{bottom:5px}.video-work-card__cover{border-radius:7px 7px 0 0;overflow:hidden}.video-work-card__action{color:var(--accent)}#accounts{background:radial-gradient(circle at 7% 9%, #e58da121, transparent 17rem), radial-gradient(circle at 94% 68%, #a9d8ee33, transparent 22rem), var(--surface)}#accounts:after{content:"SOCIAL / REAL DATA / REAL WORK";writing-mode:vertical-rl;font-family:var(--font-display);letter-spacing:.22em;color:#77696d59;font-size:.58rem;position:absolute;bottom:3.5rem;left:2.5vw}.platform-section{border-top:1px dashed #77696d38;padding:2.6rem 0 4.2rem}.platform-card{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(2rem,4vw,4.5rem)}.platform-section--reverse .platform-card__visual{order:2}.platform-section--reverse .platform-card__content{order:1}.platform-card__visual{background:#e8f5fb9e;border-radius:26px 8px;padding:1rem;overflow:visible!important}.platform-card__visual:before{content:"";z-index:3;background:#f3e4b5b8;width:68px;height:18px;position:absolute;top:-8px;left:38%;transform:rotate(-3deg);box-shadow:0 1px 3px #0000000a}.platform-section--reverse .platform-card__visual:before{background:#f8dfe5b8;transform:rotate(4deg)}.platform-card__visual>img,.wx-account-card__img img{box-shadow:0 18px 42px #3e2e3414;border-radius:17px 7px!important}.platform-card__content{padding-top:.4rem}.platform-card__tag{background:var(--accent-soft);text-transform:none;letter-spacing:.06em;border-radius:999px;align-self:flex-start;padding:.32rem .65rem;display:inline-flex}.platform-card__title{font-size:clamp(1.9rem,3vw,3.2rem);line-height:1.12}.platform-card__metrics{border:1px solid var(--border);background:#fffdf9b3;border-radius:16px 5px;padding:1rem}.platform-metric__val{font-family:var(--font-editorial);font-weight:400}.sample-item{background:#e8f5fb85;border-radius:12px 4px}.sample-item:nth-child(2n){background:#f8dfe56b}.platform-skill{background:#f4ebd0}.wx-showcase{border-top:1px dashed #77696d33;margin-top:1.6rem;padding-top:1.3rem}.wx-article-grid,.xhs-data-row{gap:.8rem}.wx-article-thumb,.xhs-data-card{border-radius:14px 5px;overflow:hidden}#contact{background:linear-gradient(135deg,#e8f5fbe0,#f8dfe59e 58%,#f3e4b58c);align-items:center;min-height:100vh;padding:6rem 0 3rem;display:flex}#contact .container{width:100%}.contact{background:#fffdf9c7;border:1px solid #ffffffdb;border-radius:32px 10px;max-width:1080px;margin:0 auto;padding:clamp(3rem,6vw,6rem);position:relative;box-shadow:0 25px 70px #41303614}.contact:before{content:"say hi!";font-family:var(--font-hand);color:var(--accent);font-size:1.6rem;position:absolute;top:1.2rem;right:2.2rem;transform:rotate(7deg)}.contact__heading{font-size:clamp(3.2rem,6vw,6.5rem)}.contact__heading-main{display:block}.contact__heading em{background:linear-gradient(#0000 68%,#a9d8ee6b 68% 90%,#0000 90%);width:fit-content;margin:.08em auto 0;padding:0 .08em;display:block}.contact__link{background:#fffdf9b8;border-color:#342b2e40;border-radius:999px}.contact__link:hover{transform:translateY(-2px)rotate(-1deg)}.contact__link--primary{border-color:var(--accent);background:var(--accent)}.footer__text{letter-spacing:.06em}.evidence-item,.video-work-card,.platform-card__visual,.photo-item,.highlight-tag{transition:transform .32s var(--ease-out-expo), box-shadow .32s ease, filter .32s ease}.evidence-item:hover{transform:translateY(-4px)rotate(.18deg)}.photo-item:hover{z-index:5;transform:translateY(-4px)rotate(0)}@media (width<=900px){.hero__inner{grid-template-columns:1fr .75fr;gap:2rem}.hero__heading{font-size:clamp(3rem,8vw,5.2rem)}.hero__stats{grid-template-columns:repeat(2,1fr)}.hero__stats>div:nth-child(3):before{display:none}.platform-card{grid-template-columns:1fr}.platform-section--reverse .platform-card__visual,.platform-section--reverse .platform-card__content{order:initial}}@media (width<=768px){body:before{opacity:.08}.section{padding:4.8rem 0}.nav__inner{justify-content:flex-end}.nav__links{background:var(--surface);border:0;border-radius:0;padding:0}.hero{padding-top:6.8rem}.hero__inner{text-align:left;grid-template-columns:1fr}.hero__photo-wrap{order:-1;justify-self:center}.hero__photo{width:min(68vw,290px)}.hero__inner:before{top:-2.1rem}.hero__inner:after{top:-2rem;right:0}.hero__eyebrow-row{justify-content:flex-start}.hero__heading{max-width:none;font-size:clamp(2.8rem,14vw,4.5rem)}.hero__sub{max-width:none}.hero__stats{border-radius:18px 18px 18px 6px;grid-template-columns:repeat(2,1fr)}.hero__stats>div:nth-child(3):before{display:none}.hero__stat-label{white-space:normal}.section-heading{font-size:clamp(2.2rem,11vw,3.5rem)}.capabilities-intro{min-height:auto;margin-bottom:2.2rem;padding-right:0}.capabilities-intro:after{opacity:.5;font-size:clamp(3.2rem,18vw,5.6rem);top:.2rem;right:0}#capabilities .section-heading{max-width:8.8ch;font-size:clamp(2.4rem,11.5vw,4rem)}#capabilities .section-heading:after{font-size:.88rem}#capabilities .section-sub{max-width:100%;font-size:.95rem;line-height:1.85}.footprint{border-radius:22px 8px;padding:1.15rem}.footprint:before{display:none}.footprint__title{font-size:2.7rem}.about__grid{grid-template-columns:1fr}.about__grid>.reveal:not(.about__intro){transform:none}.skill-block{border-radius:20px 7px;padding:1.15rem}.skill-block:before{font-size:3.2rem}.photo-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:.65rem}.photo-item:nth-child(n){grid-area:auto;transform:none}.photo-item img{aspect-ratio:4/3;height:auto}.video-work-grid{grid-template-columns:1fr}.platform-card__visual{padding:.7rem}#accounts:after{display:none}#contact{min-height:auto;padding:2.2rem 0 1rem}.contact{border-radius:24px 8px}.contact:before{font-size:1.2rem;right:1rem}}@media (width<=480px){.hero__stats{grid-template-columns:1fr 1fr;gap:0}.hero__stats>div{padding:.62rem .3rem}.hero__stat-num{font-size:2rem}.hero__resume-download{padding:.5rem .72rem}.photo-gallery{grid-template-columns:1fr}}html{scroll-behavior:smooth;scroll-padding-top:0}.section[id],#about,#capabilities,#accounts,#contact{scroll-margin-top:100px}html{scroll-padding-top:0}.footer{margin-top:0}.about__highlights{height:170px;margin-top:1.05rem;padding:.15rem 0;position:relative;overflow:hidden}.about__highlights:before,.about__highlights:after{content:"";z-index:3;pointer-events:none;height:24px;position:absolute;left:0;right:0}.about__highlights:before{background:linear-gradient(#fffdf9fa,#fffdf900);top:0}.about__highlights:after{background:linear-gradient(#fffdf900,#fffdf9fa);bottom:0}.about__highlights-row{will-change:transform;gap:1rem;width:max-content;display:flex;position:absolute;left:0}.about__highlights-row--1{animation:34s linear infinite aboutTickerLeft;top:6px}.about__highlights-row--2{animation:38s linear infinite aboutTickerRight;top:46px}.about__highlights-row--3{animation:36s linear infinite aboutTickerLeft;top:86px}.about__highlights-row--4{animation:40s linear infinite aboutTickerRight;top:126px}.about__highlights-row--5{display:none}.about__highlights-row:hover{animation-play-state:paused}.highlight-tag{white-space:nowrap;border:0;justify-content:center;align-items:center;min-height:38px;padding:.52em 1.15em;display:inline-flex;box-shadow:0 8px 20px #3f2e320f}.highlight-tag:hover{transform:translateY(-2px)scale(1.02)}.about__highlights-row .highlight-tag:nth-child(3n+1){background:#f8dfe5e6}.about__highlights-row .highlight-tag:nth-child(3n+2){background:#dff1fcf5}.about__highlights-row .highlight-tag:nth-child(3n+3){background:#f7edcbfa}@keyframes aboutTickerLeft{0%{transform:translate(0)}to{transform:translate(-28%)}}@keyframes aboutTickerRight{0%{transform:translate(-24%)}to{transform:translate(0)}}.xhs-visual-stack{grid-template-columns:1fr;gap:.95rem;width:100%;display:grid}.xhs-visual-card{background:#fffdf9d1;border:1px solid #e0d5cee0;border-radius:18px 7px;position:relative;overflow:hidden;box-shadow:0 16px 40px #3d2e3414}.xhs-visual-card:before{content:"";z-index:2;background:#f8dfe5e6;border-radius:3px;width:56px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-4deg)}.xhs-visual-card:nth-child(2):before{background:#dff1fcf2;transform:translate(-50%)rotate(3deg)}.xhs-visual-card:nth-child(3):before{background:#f7edcbfa;transform:translate(-50%)rotate(-2deg)}.xhs-visual-card img{width:100%;height:auto;display:block}.platform-card__visual.xhs-visual{max-width:760px;margin:0 auto;padding:.75rem}.xhs-visual-stack{gap:.75rem}.xhs-visual-card img{object-fit:cover;object-position:top center;max-height:240px}.xhs-showcase-wide{border-top:1px dashed #77696d33;margin-top:1.8rem;padding-top:1.5rem}.xhs-showcase-wide .wx-showcase__label{margin-bottom:.85rem}.xhs-note-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;width:100%;display:grid}.xhs-note-card{background:#fffdf9f5;border:1px solid #e0d5cee0;border-radius:14px 6px;overflow:hidden;box-shadow:0 10px 28px #3e2e340f}.xhs-note-card__thumb{background:#111;display:block}.xhs-note-card__thumb img{width:100%;height:auto;display:block}.xhs-note-card__title{font-family:var(--font-serif);color:var(--ink);margin-bottom:.5rem;font-size:clamp(.78rem,1vw,.95rem);line-height:1.45}.xhs-note-card__meta{color:var(--ink-tertiary);letter-spacing:.06em;font-size:.65rem}.xhs-note-grid-wide{align-items:start;gap:.75rem;width:min(100%,1120px);margin:0 auto}.xhs-note-card{transform-origin:top;transform:scale(.94);box-shadow:0 8px 22px #3e2e340d}.xhs-note-card__thumb img{object-fit:cover;object-position:top center;max-height:390px}.xhs-note-card__body{padding:.55rem .65rem .65rem}.xhs-note-card__title{margin-bottom:.35rem;font-size:clamp(.72rem,.92vw,.88rem);line-height:1.34}.xhs-note-card__meta{letter-spacing:.05em;font-size:.6rem;line-height:1.4}.photo-editorial{background:#fffdf9e6;border:1px solid #e0d5cee0;border-radius:26px 10px;max-width:980px;margin:0 auto;padding:1.25rem 1.25rem 1.4rem;box-shadow:0 20px 50px #3e2e3412}.photo-editorial__collage{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;margin-bottom:1.35rem;padding:.35rem .15rem .2rem;display:grid}.photo-polaroid{background:#fffdf8;border-radius:10px;padding:.52rem .52rem .9rem;transition:transform .28s,box-shadow .28s;display:block;position:relative;box-shadow:0 16px 34px #0000001f}.photo-polaroid img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%;display:block}.photo-polaroid:hover{z-index:4;box-shadow:0 20px 42px #00000026;transform:translateY(-4px)rotate(0)!important}.photo-polaroid--a{transform:rotate(-4deg)translateY(10px)}.photo-polaroid--b{transform:rotate(2deg)translateY(0)}.photo-polaroid--c{transform:rotate(-3deg)translateY(12px)}.photo-polaroid--d{transform:rotate(1.5deg)translateY(-8px)}.photo-polaroid--e{transform:rotate(-2deg)translateY(-18px)}.photo-polaroid--f{transform:rotate(2.5deg)translateY(-6px)}.photo-editorial__body{background:#fff9ee;border:1px solid #e9dcc5e6;border-radius:14px 6px;padding:1.3rem 1.35rem 1.25rem}.photo-editorial__eyebrow{letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin-bottom:.75rem;font-size:.78rem}.photo-editorial__title{font-family:var(--font-serif);margin-bottom:.8rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.photo-editorial__desc{color:var(--ink-secondary);font-size:1rem;line-height:1.9}.photo-editorial__mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem;display:grid}.photo-editorial__mini a{border-radius:16px 6px;display:block;overflow:hidden;box-shadow:0 12px 26px #3e2e3414}.photo-editorial__mini img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.video-work-section .evidence-gallery__label{margin-bottom:.95rem}.video-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;display:grid}.video-work-card{background:#fffdf9f5;border:1px solid #e0d5cee6;border-radius:20px 8px;overflow:hidden;box-shadow:0 18px 42px #3e2e3414}.video-work-card:before,.video-work-card:after{display:none}.video-work-card__link{flex-direction:column;height:100%;display:flex}.video-work-card__cover{background:#111}.video-work-card__cover img{aspect-ratio:4/3.2;object-fit:cover;object-position:top center;width:100%}.video-work-card__body{background:#fffbf2fa;padding:1rem 1rem 1.05rem}.video-work-card__title{font-family:var(--font-serif);margin-bottom:.35rem;font-size:1.38rem;line-height:1.45}.video-work-card__meta{letter-spacing:.07em;color:var(--ink-tertiary);font-size:.8rem}.video-work-card__action{margin-top:.65rem}@media (width<=900px){.video-work-grid{grid-template-columns:1fr}.xhs-note-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.xhs-note-card{transform:scale(.9)}.xhs-note-card__thumb img{max-height:330px}.photo-editorial__collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.photo-polaroid--a,.photo-polaroid--b,.photo-polaroid--c,.photo-polaroid--d{width:48%}.photo-polaroid--a{top:0;left:0}.photo-polaroid--b{top:1.4rem;left:auto;right:0}.photo-polaroid--c{top:13rem;left:0;right:auto}.photo-polaroid--d{top:14.2rem;left:auto;right:0}}@media (width<=768px){.about__highlights{height:152px}.about__highlights-row--1{top:4px}.about__highlights-row--2{top:40px}.about__highlights-row--3{top:76px}.about__highlights-row--4{top:112px}.about__highlights-row--5{display:none}.highlight-tag{min-height:34px;font-size:.74rem}.photo-editorial{padding:1rem}.photo-editorial__collage{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-polaroid img{height:155px}.platform-card__visual.xhs-visual{max-width:100%;padding:.65rem}.xhs-visual-card img{max-height:180px}.xhs-note-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.xhs-note-card{transform:none}.xhs-note-card__thumb img{max-height:260px}}@media (width<=560px){.photo-editorial__collage{grid-template-columns:1fr}.photo-polaroid img{height:130px}.video-work-card__title{font-size:1.08rem}.xhs-note-card__title{font-size:1rem}}.hero__name-signature{z-index:5;pointer-events:none;flex-direction:column;align-items:flex-start;padding:.5rem 1.1rem .7rem;display:flex;position:absolute;bottom:10%;left:-5%;transform:rotate(-7deg)}.hero__name-signature:before{content:"";z-index:-1;filter:blur(1.2px);opacity:.96;background:linear-gradient(120deg,#fff9e6 0%,#fdf3d4 35%,#fff8e7 65%,#fef9e9 100%);border-radius:48% 52% 42% 58%/52% 48% 58%;position:absolute;inset:-10px -18px -6px -14px;transform:rotate(3deg)scale(1.05);box-shadow:0 0 18px 5px #fdf5dc8c,0 0 35px 10px #fff8e659,inset 0 0 12px #fff9}.hero__name-signature:after{content:"";z-index:-1;filter:blur(.5px);opacity:.75;background:linear-gradient(160deg,#fffaf0eb,#fcf5e4e0);border-radius:58% 42% 52% 48%/48% 58% 42%;position:absolute;inset:-4px -12px -2px -10px;transform:rotate(-2deg)}.hero__name-cn{color:#da98a6;letter-spacing:.12em;text-shadow:0 1px 3px #0000000f;font-family:STXingkai,Xingkai SC,KaiTi,STKaiti,"FangSong",cursive;font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.05;display:block;position:relative}.hero__name-en{color:#d4828a;letter-spacing:.04em;margin-top:.05em;margin-left:.5em;font-family:Caveat,cursive;font-size:clamp(1.2rem,1.8vw,1.9rem);line-height:1;display:block;position:relative;transform:rotate(-3deg)}@media (width<=900px){.hero__name-signature{bottom:8%;left:-3%;transform:rotate(-6deg)}}@media (width<=768px){.hero__name-signature{padding:.4rem .9rem .6rem;bottom:5%;left:2%;transform:rotate(-5deg)}.hero__name-cn{font-size:clamp(1.7rem,6.5vw,2.6rem)}.hero__name-en{margin-left:.4em;font-size:clamp(1.1rem,4vw,1.6rem)}}@media (width<=480px){.hero__name-signature{bottom:4%;left:0%;transform:rotate(-4deg)}}.wx-account-visual{align-self:start;aspect-ratio:auto!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}.wx-account-visual img{display:block;object-fit:contain!important;height:auto!important;max-height:none!important}@media (width<=768px){.wx-account-visual{width:100%;max-width:420px;margin:0 auto}.footer{padding-bottom:7.8rem}}#app{min-height:100vh}