body:has(.guyu-hero) .np{--nav-fg: #e3ebf2 !important;--nav-fg-soft: #bbcbd7 !important;background:#0b111be6!important;border-color:#b6d7ee30!important}body:has(.guyu-hero) .np :focus-visible{outline:2px solid #89ddea;outline-offset:3px}.guyu-hero{--hero-cyan: #89ddea;--hero-silver: #e3ebf2;--hero-muted: #a9b8c8;--hero-field-x: 0px;--hero-field-y: 0px;position:relative;isolation:isolate;overflow:clip;color:var(--hero-silver);background:#0b111b;padding:6.4rem 1rem 2rem}.guyu-hero__inner{position:relative;width:100%;max-width:80rem;margin-inline:auto}.guyu-hero__identity{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #b6d7ee20}.guyu-hero__identity>p{display:flex;align-items:center;gap:.65rem;color:var(--hero-muted);font:.7rem/1.6 var(--font-mono)}.guyu-hero__identity h1{margin:0;font-size:1.5rem;line-height:1.1;font-weight:650;letter-spacing:-.055em}.guyu-hero__identity h1>span{color:var(--hero-cyan)}.guyu-hero__stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;margin-top:1.25rem}.guyu-hero__field{position:absolute;inset:-.75rem -1rem 0;z-index:0;overflow:hidden;pointer-events:none;transform:translate(var(--hero-field-x),var(--hero-field-y))}.guyu-hero__field:before{content:"";position:absolute;inset:0;background:linear-gradient(#8bb9d00b 1px,transparent 1px),linear-gradient(90deg,#8bb9d00b 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,black 18%,black 72%,transparent)}.guyu-hero__field:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#35739326,transparent 62%)}.guyu-hero__wordmark{position:absolute;top:12%;left:50%;transform:translate(-50%);color:transparent;-webkit-text-stroke:1px #9dbdc545;font-size:clamp(6rem,25.5vw,22rem);font-weight:750;letter-spacing:-.055em;line-height:.85;white-space:nowrap}.guyu-hero__scan{position:absolute;inset:0;background:linear-gradient(transparent 47%,#89ddea0a 49%,#aeeef344 50%,#89ddea08 51%,transparent 53%);opacity:0;animation:guyu-hero-scan 2.8s ease-out both;animation-play-state:paused}.guyu-hero.is-motion-enabled.is-in-view .guyu-hero__scan{animation-play-state:running}@keyframes guyu-hero-scan{0%{opacity:0;transform:translateY(-80%)}20%{opacity:.65}80%{opacity:.5}to{opacity:0;transform:translateY(80%)}}.guyu-hero__portrait{--hero-reveal: 65%;position:relative;z-index:2;grid-column:1 / -1;grid-row:1;justify-self:center;width:min(78vw,25rem);aspect-ratio:960 / 1313;pointer-events:none}.guyu-hero__photo,.guyu-hero__digital{position:absolute;inset:0;width:100%;height:100%}.guyu-hero__portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.guyu-hero__photo{clip-path:inset(0 0 0 var(--hero-reveal))}.guyu-hero__digital{clip-path:inset(0 calc(100% - var(--hero-reveal)) 0 0)}.guyu-hero__portal{position:relative;z-index:3;display:flex;flex-direction:column;gap:.5rem;padding:1.1rem .7rem;text-decoration:none;border-top:1px solid #b6d7ee30}.guyu-hero__portal--projects{grid-column:1;grid-row:2;padding-left:0}.guyu-hero__portal--notes{grid-column:2;grid-row:2;padding-right:0}.guyu-hero__portal-label{color:var(--hero-muted);font:.65rem/1.5 var(--font-mono)}.guyu-hero__portal-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:1.25rem;line-height:1.35;font-weight:600;letter-spacing:-.035em}.guyu-hero__portal-title>span{color:var(--hero-cyan);font-size:1.1rem;font-weight:400}.guyu-hero__portal-note{color:var(--hero-muted);font-size:.71rem;line-height:1.65}.guyu-hero :focus-visible{outline:2px solid var(--hero-cyan);outline-offset:5px}.guyu-hero__portal:focus-visible{outline-offset:-4px}.guyu-hero__controls{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3rem 1.5rem;min-height:44px;margin:.25rem auto 0;color:var(--hero-muted);font:.72rem/1.5 var(--font-mono)}.guyu-hero__controls[hidden],.guyu-hero__controls [hidden]{display:none!important}.guyu-hero__range{display:flex;align-items:center;gap:.7rem}.guyu-hero__range input{width:8rem;min-width:0;height:44px;margin:0;accent-color:var(--hero-cyan);cursor:ew-resize;color-scheme:dark}.guyu-hero__motion{min-height:44px;padding:.4rem .2rem;color:var(--hero-muted);font:.72rem/1.5 var(--font-sans);text-decoration:underline;text-underline-offset:.3em;cursor:pointer}.guyu-hero__motion:hover{color:var(--hero-silver)}.guyu-hero__foot{display:flex;flex-direction:column;align-items:start;gap:.6rem;margin-top:1rem;padding-top:1.1rem;border-top:1px solid #b6d7ee20}.guyu-hero__foot>p{max-width:42rem;color:var(--hero-muted);font-size:.84rem;line-height:1.85}.guyu-hero__foot>a{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:44px;flex:none;color:var(--hero-silver);font-size:.8rem;text-decoration:underline;text-decoration-color:#a3bac550;text-underline-offset:.35em}.guyu-hero__foot>a:hover{text-decoration-color:var(--hero-cyan)}.guyu-guide{position:fixed;right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));z-index:35}.guyu-guide[hidden],.guyu-guide [hidden]{display:none!important}.guyu-guide__trigger{display:flex;align-items:center;gap:.6rem;min-height:54px;padding:.3rem .9rem .3rem .3rem;border:1px solid var(--color-line);border-radius:3rem;background:var(--color-paper);color:var(--color-ink);box-shadow:0 .6rem 1.8rem -.7rem #1c191740;cursor:pointer;font:.77rem var(--font-sans)}.guyu-guide__trigger img{width:2.7rem;height:2.7rem;object-fit:cover;object-position:center top;border-radius:50%;background:#eee9df}.guyu-guide__chevron{font-size:1rem}.guyu-guide__trigger[aria-expanded=true] .guyu-guide__chevron{transform:rotate(180deg)}.guyu-guide__panel{position:absolute;bottom:calc(100% + .75rem);right:0;width:min(16rem,calc(100vw - 2rem));max-height:calc(100dvh - 11rem);overflow-y:auto;padding:.5rem .9rem .75rem;border:1px solid var(--color-line);border-radius:1.15rem;background:var(--color-paper);box-shadow:0 1rem 3rem -.9rem #1c191733}.guyu-guide__heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--color-ink-soft);font-size:.72rem}.guyu-guide__heading button{display:grid;place-items:center;width:44px;height:44px;margin-right:-.5rem;border-radius:50%;color:var(--color-ink);cursor:pointer;font-size:1.4rem}.guyu-guide__panel>a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.45rem .2rem;border-top:1px solid var(--color-line);color:var(--color-ink);font-size:.92rem;text-decoration:none}.guyu-guide__panel>a>span{color:var(--color-accent-deep)}.guyu-guide__panel>a:hover,.guyu-guide__heading button:hover{background:var(--color-veil)}.guyu-guide :focus-visible{outline:3px solid var(--color-accent-deep);outline-offset:3px}@media(min-width:760px){.guyu-hero{padding:6.8rem 2rem 2rem}.guyu-hero__identity{padding-inline:1rem;padding-bottom:1.1rem}.guyu-hero__identity h1{font-size:1.6rem}.guyu-hero__stage{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center;min-height:26rem;margin-top:1rem}.guyu-hero__field{inset:-1rem -2rem 0}.guyu-hero__field:before{background-size:64px 64px}.guyu-hero__wordmark{top:18%}.guyu-hero__portrait{grid-column:2;width:min(100%,25rem);align-self:end}.guyu-hero__portal{align-self:center;gap:.8rem;padding:1.6rem 1rem;border:0}.guyu-hero__portal--projects{grid-column:1;grid-row:1}.guyu-hero__portal--notes{grid-column:3;grid-row:1;padding-left:1.7rem}.guyu-hero__portal-label{font-size:.7rem}.guyu-hero__portal-title{justify-content:start;flex-wrap:wrap;gap:.7rem;font-size:clamp(1.65rem,3.05vw,2.45rem)}.guyu-hero__portal-title>span{font-size:1.5rem}.guyu-hero__portal-note{font-size:.83rem}.guyu-hero__controls{margin-top:.55rem}.guyu-hero__range input{width:10rem}.guyu-hero__foot{flex-direction:row;justify-content:space-between;align-items:start;gap:2.5rem;margin-top:.8rem;padding:1.2rem 1rem 0}.guyu-guide{left:1.5rem;right:auto;bottom:1.5rem}.guyu-guide__panel{left:0;right:auto}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.guyu-hero__portal-title>span{transition:transform .2s ease-out}.guyu-hero__portal:hover .guyu-hero__portal-title>span{transform:translate(3px,-3px)}}@media(prefers-reduced-motion:reduce){.guyu-hero *,.guyu-guide *{animation:none!important;transition:none!important}.guyu-hero__field{transform:none}}@media print{.guyu-guide{display:none!important}}