.life-book-section{border-block:1px solid var(--color-line);background:radial-gradient(circle at 92% 8%, var(--color-glow-soft), transparent 29rem), radial-gradient(circle at 8% 92%, #ffffff61, transparent 27rem), var(--color-surface);overflow:hidden}.life-book-section .section-heading{margin-bottom:clamp(1.7rem,3vw,2.6rem)}.life-book{--book-accent:var(--color-accent);--book-accent-deep:var(--color-accent-secondary);--book-wash:var(--color-accent-pale);--book-spine:color-mix(in srgb, var(--color-accent-fill) 20%, var(--color-accent-secondary));width:100%}.life-book__stage{perspective:1600px;width:min(100%,72rem);min-height:clamp(35rem,51vw,44rem);margin-inline:auto;position:relative}.life-book__cover{z-index:3;border-radius:0 var(--radius-md) var(--radius-md) 0;width:48%;min-height:clamp(33rem,48vw,41rem);box-shadow:-.65rem 0 0 var(--book-spine), 0 2.5rem 4rem #1a1a1a2e;color:#1a1a1a;cursor:pointer;transform-origin:0;transform-style:preserve-3d;text-align:left;transition:border-color var(--motion-duration-fast) ease, box-shadow var(--motion-duration-medium) var(--motion-ease-hover), transform var(--motion-duration-medium) var(--motion-ease-hover);background:linear-gradient(90deg,#1a1a1a1a,#0000 6%),#f1ebde;border:1px solid #1a1a1a6b;flex-direction:column;align-items:flex-start;padding:clamp(2rem,4vw,4rem);display:flex;position:absolute;top:0;left:26%;overflow:hidden}.life-book__cover:is(:hover,:focus-visible){border-color:var(--interaction-hover-border);box-shadow:-.65rem 0 0 var(--book-spine), var(--interaction-hover-shadow);transform:translateY(-.3rem)rotateY(-2.5deg)rotate(-.2deg)}.life-book__cover:before{z-index:1;content:"";pointer-events:none;border:1px solid #1a1a1a42;position:absolute;inset:1rem}.life-book__cover:after{border-radius:0 0 var(--radius-sm) var(--radius-sm);content:"";background:repeating-linear-gradient(0deg,#dedcd4 0 1px,#fff 1px 3px);height:.55rem;position:absolute;bottom:-.55rem;left:.55rem;right:0}.life-book__cover-kicker,.life-book__running-head,.life-book__eyebrow{font:700 var(--text-caption) / 1.4 var(--font-interface);letter-spacing:.14em}.life-book__cover-scene{z-index:0;pointer-events:none;position:absolute;inset:0}.life-book__cover-scene img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block}.life-book__cover-kicker{z-index:2;color:#a8842c;position:relative}.life-book__cover-title{z-index:2;font-family:var(--font-serif,"Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif);letter-spacing:.14em;color:#d9a83c;text-shadow:0 1px 14px #0a101459;margin-top:auto;font-size:clamp(2.2rem,3.6vw,3.3rem);font-weight:600;line-height:1.1;position:relative}.life-book__cover-intro{z-index:2;color:#eee8d8cc;font-size:var(--text-small);font-weight:var(--font-weight-medium);letter-spacing:.22em;text-shadow:0 1px 10px #0a101466;margin-top:.9rem;line-height:1.9;position:relative}.life-book__open-hint{z-index:3;border-radius:var(--radius-pill);min-height:2.75rem;font-size:var(--text-small);font-weight:var(--font-weight-semibold);transition:background-color var(--motion-duration-fast) ease, transform var(--motion-duration-fast) var(--motion-ease-hover);border:1px solid #1a1a1a61;align-items:center;gap:.65rem;padding:0 1rem;display:inline-flex;position:absolute;top:2.4rem;right:2.4rem}.life-book__cover:is(:hover,:focus-visible) .life-book__open-hint{background:var(--interaction-hover-surface);transform:translate(.24rem)rotate(-.35deg)}.life-book__pages{opacity:0;pointer-events:none;min-height:clamp(35rem,52vw,45rem);position:relative}.life-book__pages[data-open=true]{opacity:1;pointer-events:auto}.life-book__spread{border-radius:var(--radius-md);transform-origin:0;min-height:clamp(35rem,52vw,45rem);transform-style:preserve-3d;background:#fffdf8;border:1px solid #1a1a1a2e;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 2.5rem 5rem #1a1a1a1f}.life-book__spread:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#1a1a1a1a,#0000);width:1.5rem;position:absolute;top:0;bottom:0;left:45%;transform:translate(-50%)}.life-book__background{z-index:0;color:#1a1a1a0a;font-size:clamp(.72rem,1.05vw,.95rem);font-weight:var(--font-weight-semibold);letter-spacing:.16em;pointer-events:none;user-select:none;grid-template-columns:repeat(4,minmax(0,1fr));align-content:space-between;gap:1.2rem 1.6rem;line-height:1;display:grid;position:absolute;inset:1.75rem}.life-book__leaf{z-index:1;flex-direction:column;min-width:0;padding:clamp(1.7rem,3.4vw,3.2rem);display:flex;position:relative}.life-book__leaf--left{background:linear-gradient(160deg, var(--book-wash), #ffffffe6);border-right:1px solid #1a1a1a1a;justify-content:center}.life-book__leaf--portrait .life-book__eyebrow{position:absolute;top:clamp(1.4rem,2.7vw,2.5rem);left:clamp(1.7rem,3.4vw,3.2rem)}.life-book__eyebrow,.life-book__running-head{color:var(--book-accent);margin:0}.life-book__folio{color:#7a590024;font-size:clamp(4rem,8vw,7rem);font-weight:var(--font-weight-bold);letter-spacing:-.08em;margin:0;line-height:.75;position:absolute;bottom:clamp(1rem,2vw,2rem);right:clamp(1rem,2vw,2rem)}.life-book__portrait{background:#fff;border:1px solid #1a1a1a29;width:min(82%,21rem);margin:clamp(2.8rem,5vw,4.2rem) auto 0;padding:.45rem .45rem 2rem;position:relative;transform:rotate(-1.4deg);box-shadow:0 1.25rem 2rem -1.25rem #1a1a1a42}.life-book__portrait:before{z-index:-1;border:1px solid color-mix(in srgb, var(--book-accent) 34%, transparent);background:var(--book-wash);content:"";position:absolute;inset:-.35rem .45rem .4rem -.35rem;transform:rotate(2.2deg)}.life-book__portrait img{aspect-ratio:auto;object-fit:contain;object-position:center;background:var(--book-wash);width:100%;height:auto;display:block}.life-book__portrait figcaption{color:var(--book-accent);font:700 .62rem / 1 var(--font-interface);letter-spacing:.08em;position:absolute;bottom:.55rem;right:.55rem}.life-book__about-copy{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.life-book__leaf--right h3{max-width:11em;color:var(--color-text);font-family:var(--font-display);letter-spacing:var(--tracking-display);margin:clamp(1.35rem,2.5vw,2.15rem) 0 0;font-size:clamp(1.55rem,2.55vw,2.45rem);line-height:1.03}.life-book__body{max-width:36rem;margin-top:clamp(1.1rem,2vw,1.65rem)}.life-book__body p{color:var(--color-text-muted);margin:0;font-size:clamp(.88rem,1vw,.98rem);line-height:1.78}.life-book__body p+p{margin-top:1rem}.life-book__facts{border-top:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:clamp(1.25rem,2.2vw,1.8rem) 0 0;padding-top:.8rem;display:grid}.life-book__facts dt{color:var(--color-text-muted);font:600 .68rem / 1 var(--font-interface)}.life-book__facts dd{font-family:var(--font-display);margin:.45rem 0 0;font-size:clamp(.78rem,1vw,.92rem);font-weight:700;line-height:1.3}.life-book__page-number{color:var(--color-text-muted);font:600 var(--text-caption) / 1 var(--font-interface);letter-spacing:.12em;text-align:right;margin:auto 0 0}.life-book__controls{z-index:4;border:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:0;padding:0;display:grid;position:absolute;bottom:clamp(1rem,3vw,2rem);left:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.life-book__controls button{border:1px solid var(--color-line);border-radius:var(--radius-pill);min-height:2.75rem;color:var(--color-text);cursor:pointer;font-size:var(--text-small);font-weight:var(--font-weight-semibold);backdrop-filter:blur(8px);transition:border-color var(--motion-duration-fast) ease, background var(--motion-duration-fast) ease, transform var(--motion-duration-fast) var(--motion-ease-smooth);background:#ffffffeb;align-items:center;gap:.5rem;padding:0 1rem;display:inline-flex}.life-book__controls button:not(:disabled):hover,.life-book__controls button:not(:disabled):focus-visible{background:var(--book-wash);border-color:#7a590073;transform:translateY(-.12rem)}.life-book__controls button:first-child{justify-self:start}.life-book__controls button:last-child{justify-self:end}.life-book__controls--single{justify-content:center;display:flex}.life-book__controls button:disabled{cursor:not-allowed;opacity:.32}.life-book__close{color:var(--color-text-muted)}.life-book__controls--single .life-book__close{justify-self:auto}.life-book__no-script{gap:2rem;display:grid}.life-book__no-script article{border-top:1px solid var(--color-line);padding-block:2rem}@media (width<=700px){.life-book__stage{min-height:53rem}.life-book__cover{width:88%;min-height:40rem;padding:2rem;left:6%}.life-book__cover-title{margin-top:auto;font-size:clamp(2rem,9vw,2.8rem)}.life-book__pages,.life-book__spread{min-height:51rem}.life-book__spread{grid-template-columns:1fr}.life-book__spread:after{display:none}.life-book__background{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;font-size:.68rem}.life-book__leaf{padding:2rem}.life-book__leaf--left{border-right:0;border-bottom:1px solid var(--color-line);justify-content:flex-start;min-height:19rem}.life-book__folio{display:none}.life-book__leaf--right{min-height:31rem;padding-bottom:6rem}.life-book__leaf--right h3{margin-top:1.25rem;font-size:clamp(1.25rem,5.4vw,1.65rem);line-height:1.1}.life-book__portrait{width:min(72%,17rem);margin-top:2.8rem}.life-book__facts{grid-template-columns:1fr;gap:.55rem}.life-book__body{margin-top:1.5rem}.life-book__body p{font-size:.94rem;line-height:1.8}.life-book__controls{gap:.4rem}.life-book__controls button{padding-inline:.75rem;font-size:.82rem}}@media (prefers-reduced-motion:reduce){.life-book__cover,.life-book__open-hint,.life-book__spread,.life-book__pages,.life-book__controls button{transition:none}.life-book__cover:is(:hover,:focus-visible),.life-book__cover:is(:hover,:focus-visible) .life-book__open-hint{transform:none}}.life-book[data-locale-ready=false]>.life-book__stage,.life-book[data-locale-ready=false]>.sr-only{visibility:hidden}.life-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,2.8vw,2.6rem);margin-top:clamp(4.5rem,6vw,5.5rem);display:grid}.life-folder{min-width:0;min-height:clamp(21rem,30vw,27rem);color:var(--color-text);isolation:isolate;transition:transform var(--motion-duration-medium) var(--motion-ease-hover);padding-top:5.6rem;text-decoration:none;display:block;position:relative}.life-folder--hobbies,.life-folder--moments{--folder-accent:var(--color-accent);--folder-tab:var(--color-accent-fill)}.life-folder__back{z-index:0;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--folder-tab) 42%, var(--color-surface-raised));position:absolute;inset:3.9rem 0 1.25rem;box-shadow:0 1.5rem 3.5rem #1a1a1a1a}.life-folder__tab{z-index:-1;border:1px solid var(--color-line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:color-mix(in srgb, var(--folder-tab) 42%, var(--color-surface-raised));border-bottom:0;width:42%;height:5rem;position:absolute;top:2.4rem;left:0}.life-folder__stack{z-index:1;pointer-events:none;height:68%;position:absolute;top:.65rem;left:6%;right:6%}.life-folder__sheet{aspect-ratio:16/10;border-radius:calc(var(--radius-md) * .8);background:var(--color-surface-raised);transform-origin:50% 100%;width:80%;transition:transform var(--motion-duration-medium) var(--motion-ease-hover);border:1px solid #1a1a1a24;display:block;position:absolute;bottom:1.25rem;left:10%;overflow:hidden;box-shadow:0 1rem 2.5rem #1a1a1a1f}.life-folder__sheet--note{z-index:1;background:linear-gradient(var(--color-line) 1px, transparent 1px), var(--color-surface-raised);color:var(--color-text-muted);font:700 var(--text-caption) / 1 var(--font-interface);letter-spacing:.08em;background-size:100% 2rem;justify-content:space-between;align-items:flex-start;padding:1.2rem;display:flex;transform:translate(-5%)rotate(-4deg)}.life-folder__sheet--2{z-index:2;transform:translate(2%)rotate(3deg)}.life-folder__sheet--3{z-index:3;transform:translate(-1%)rotate(-1deg)}.life-folder__sheet img{object-fit:cover;filter:saturate(.82)contrast(1.03);width:100%;height:100%}.life-folder__front{z-index:4;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:linear-gradient(145deg, #fffffffa, #f7f6f0fa), var(--color-surface-raised);min-height:58%;transition:background-color var(--motion-duration-fast) ease, border-color var(--motion-duration-fast) ease, box-shadow var(--motion-duration-medium) var(--motion-ease-hover), transform var(--motion-duration-medium) var(--motion-ease-hover);flex-direction:column;padding:clamp(1.5rem,3vw,2.5rem);display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 1.75rem 4rem #1a1a1a21}.life-folder__number{color:var(--color-text-muted);font:700 var(--text-caption) / 1 var(--font-interface);letter-spacing:.12em;position:absolute;top:1.25rem;right:1.5rem}.life-folder__eyebrow{color:var(--folder-accent);font:700 var(--text-caption) / 1.2 var(--font-interface);letter-spacing:.12em}.life-folder__front strong{font:600 clamp(1.8rem, 3.8vw, 3.25rem) / 1 var(--font-display);letter-spacing:var(--tracking-display);margin-top:.85rem}.life-folder__description{max-width:31rem;color:var(--color-text-muted);font-size:var(--text-small);margin-top:1rem;line-height:1.75}.life-folder__footer{border-top:1px solid var(--color-line);color:var(--color-text-muted);font:600 var(--text-caption) / 1.2 var(--font-interface);justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1.25rem;display:flex}.life-folder__footer>span:last-child{color:var(--color-text);transition:transform var(--motion-duration-fast) var(--motion-ease-hover);align-items:center;gap:.4rem;display:inline-flex}.life-folder:is(:hover,:focus-visible){transform:translateY(-.3rem)rotate(-.16deg)}.life-folder:is(:hover,:focus-visible) .life-folder__sheet--note{transform:translate(-9%,-38%)rotate(-7deg)}.life-folder:is(:hover,:focus-visible) .life-folder__sheet--2{transform:translate(6%,-47%)rotate(5deg)}.life-folder:is(:hover,:focus-visible) .life-folder__sheet--3{transform:translate(-1%,-58%)rotate(-1deg)}.life-folder:is(:hover,:focus-visible) .life-folder__front{border-color:var(--interaction-hover-border);background:var(--interaction-hover-surface);box-shadow:var(--interaction-hover-shadow);transform:translateY(.35rem)}.life-folder:is(:hover,:focus-visible) .life-folder__footer>span:last-child{transform:translate(.3rem)rotate(-1deg)}@media (width<=700px){.life-folder-grid{grid-template-columns:1fr}.life-folder{min-height:23rem}.life-folder__sheet--note{transform:translate(-7%,-18%)rotate(-5deg)}.life-folder__sheet--2{transform:translate(5%,-23%)rotate(4deg)}.life-folder__sheet--3{transform:translate(-1%,-29%)rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.life-folder,.life-folder__sheet,.life-folder__front,.life-folder__footer>span:last-child{transition:none}.life-folder__sheet--note{left:4%}.life-folder__sheet--2{left:12%}.life-folder__sheet,.life-folder:is(:hover,:focus-visible) .life-folder__sheet,.life-folder:is(:hover,:focus-visible),.life-folder:is(:hover,:focus-visible) .life-folder__front,.life-folder:is(:hover,:focus-visible) .life-folder__footer>span:last-child{transform:none}}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}.site-header{z-index:30;width:100%;padding:1.1rem var(--layout-gutter);border-bottom:1px solid var(--color-line);backdrop-filter:blur(18px);background:#f7f6f0e6;grid-template-columns:auto 1fr;align-items:center;gap:clamp(1rem,3vw,3rem);display:grid;position:fixed;top:0;left:0}.brand-mark{min-width:2.75rem;color:var(--color-text);letter-spacing:-.045em;font-size:1.5rem;font-weight:700;text-decoration:none}.brand-mark span{color:var(--color-accent)}.header-actions a{min-height:2.75rem;color:var(--color-text-muted);font:600 var(--text-nav) / 1 var(--font-interface);letter-spacing:.06em;transition:border-color var(--motion-duration-fast) ease, background-color var(--motion-duration-fast) ease, color var(--motion-duration-fast) ease, transform var(--motion-duration-fast) var(--motion-ease-hover);background:0 0;border:0;justify-content:center;align-items:center;gap:.4rem;padding:0 .7rem;text-decoration:none;display:inline-flex}.header-actions a:hover,.header-actions a:focus-visible{border-color:var(--interaction-hover-border);background-color:var(--interaction-hover-surface);color:var(--color-text);transform:translateY(-.12rem)rotate(-.35deg)}.header-actions{justify-self:end;align-items:center;gap:.25rem;display:flex}.header-actions a{border:1px solid var(--color-line);border-radius:var(--radius-pill)}.hero{isolation:isolate;border-bottom:1px solid var(--color-line);background:linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px), radial-gradient(circle at 8% 12%, var(--color-glow), transparent 29rem), radial-gradient(circle at 92% 84%, var(--color-glow-soft), transparent 33rem), var(--color-surface);background-size:4.5rem 4.5rem,4.5rem 4.5rem,auto,auto,auto;align-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#f7f6f0c2 0%,#f7f6f061 52%,#0000 100%);position:absolute;inset:0}.character-field{inset:clamp(5.75rem, 9vh, 7rem) var(--layout-gutter) 1.5rem;border:1px solid var(--color-line);pointer-events:none;user-select:none;position:absolute;overflow:hidden}.character-field:after{z-index:4;content:"";pointer-events:none;border:1px solid #1a1a1a4d;position:absolute;inset:-1px}.character-field__pattern{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(12,1fr);padding:clamp(1.5rem,4vw,4rem) 0;display:grid;position:absolute;inset:0}.character-field__pattern--base{z-index:0;mask-image:radial-gradient(circle at 58% 44%,#000 0%,#000000c2 52%,#0000 92%)}.character-field__pattern span{color:#1a1a1a12;font:700 clamp(.7rem, 1.3vw, 1.25rem) / 1 var(--font-interface);letter-spacing:.18em;place-items:center;display:grid}.character-field__reveal{z-index:3;background:#1a1a1a;position:absolute;inset:0;overflow:hidden}.character-field__pattern--reveal span{color:#ffffff26}.character-field__alternate-title{color:#fff;width:100%;font-family:var(--font-display);letter-spacing:var(--tracking-display);font-size:clamp(3.4rem,7vw,7.5rem);font-weight:700;line-height:var(--leading-display);text-align:center;white-space:nowrap;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__content{z-index:2;text-align:center;padding-top:clamp(8rem,15vh,11rem);padding-bottom:clamp(8rem,15vh,11rem);position:relative}.eyebrow{color:var(--color-accent);font:700 var(--text-caption) / 1.4 var(--font-interface);letter-spacing:.14em;text-transform:uppercase;margin:0}.hero .eyebrow{color:var(--color-accent-teal)}.hero h1{color:var(--color-text);font-family:var(--font-display);letter-spacing:var(--tracking-display);font-size:clamp(3.4rem,7vw,7.5rem);font-weight:700;line-height:var(--leading-display);white-space:nowrap;margin:1.25rem auto 0}.hero h1 span{color:inherit;font:inherit;letter-spacing:inherit}.hero__hello,.hero__name{transform-origin:bottom;display:inline-block}.hero__hello{transform:translateY(.025em)rotate(-1deg)}.hero__name{margin-left:.06em;transform:translateY(-.02em)rotate(.7deg)}.hero__english{width:fit-content;color:var(--color-accent-coral);font:600 clamp(.85rem, 1.3vw, 1.1rem) / 1 var(--font-interface);letter-spacing:.18em;margin:1.4rem auto 0;transform:rotate(-.45deg)}.identity-list{flex-wrap:wrap;justify-content:center;gap:.55rem 0;max-width:56rem;margin:clamp(2rem,5vh,4rem) auto 0;padding:0;list-style:none;display:flex}.identity-list li{color:var(--color-text);font-size:clamp(.9rem,1.35vw,1.1rem)}.identity-list li:not(:last-child):after{color:var(--color-accent);content:"/";margin:0 .8rem}.hero blockquote{border-left:2px solid var(--color-accent);max-width:49rem;color:var(--color-text-muted);text-align:left;margin:2rem auto 0;padding-left:1.25rem;font-size:clamp(.9rem,1.4vw,1.1rem);line-height:1.9}.pat-counter{align-items:center;gap:.85rem;min-height:2.65rem;margin-top:clamp(1.35rem,2.4vw,2rem);display:flex}.pat-counter[data-locale-ready=false]{visibility:hidden}.pat-counter__button{border:1px solid var(--interaction-hover-border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface-raised) 88%, var(--color-accent-pale));min-height:2.65rem;box-shadow:0 .25rem 0 color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-text);cursor:pointer;font:var(--font-weight-semibold) var(--text-small) / 1 var(--font-interface);transition:background-color var(--motion-duration-fast) ease, box-shadow var(--motion-duration-fast) var(--motion-ease-hover), transform var(--motion-duration-fast) var(--motion-ease-hover);align-items:center;gap:.48rem;padding:.55rem .9rem;display:inline-flex}.pat-counter__button>span:last-child{color:var(--color-accent);transition:transform var(--motion-duration-fast) var(--motion-ease-hover);font-size:1rem}.pat-counter__button:is(:hover,:focus-visible){background:var(--interaction-hover-surface);box-shadow:var(--interaction-hover-shadow);transform:translateY(-.14rem)rotate(-.3deg)}.pat-counter__button:is(:hover,:focus-visible)>span:last-child{transform:scale(1.35)}.pat-counter__button:active{box-shadow:0 .12rem 0 color-mix(in srgb, var(--color-accent) 16%, transparent);transform:translateY(.06rem)scale(.985)}.pat-counter__button:disabled{cursor:wait;opacity:.66}.pat-counter p{color:var(--color-text-muted);font:var(--font-weight-medium) var(--text-caption) / 1.35 var(--font-interface);margin:0}.scroll-cue{z-index:4;right:var(--layout-gutter);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface-raised);min-height:2.75rem;color:var(--color-text-muted);font:600 var(--text-caption) / 1 var(--font-interface);letter-spacing:.12em;transition:border-color var(--motion-duration-fast) ease, background-color var(--motion-duration-fast) ease, transform var(--motion-duration-fast) var(--motion-ease-hover);align-items:center;gap:.8rem;padding:0 .9rem;text-decoration:none;display:flex;position:absolute;bottom:2rem}.scroll-cue:is(:hover,:focus-visible){border-color:var(--interaction-hover-border);background-color:var(--interaction-hover-surface);transform:translateY(-.16rem)rotate(-.35deg)}.home-tabs-shell{z-index:20;border-bottom:1px solid var(--color-line);backdrop-filter:blur(14px);background:#f7f6f0f0;position:sticky;top:5rem}.home-tabs{scrollbar-width:none;overflow-x:auto}.home-tabs__track{justify-content:center;gap:clamp(.25rem,2vw,2rem);width:max-content;min-width:100%;display:flex}.home-tabs::-webkit-scrollbar{display:none}.home-tab{min-height:5rem;color:var(--color-text-muted);cursor:pointer;font:700 var(--text-nav) / 1 var(--font-interface);letter-spacing:-.025em;white-space:nowrap;transition:background-color var(--motion-duration-fast) ease, color var(--motion-duration-fast) ease, transform var(--motion-duration-fast) var(--motion-ease-hover);background:0 0;border:0;flex:none;align-items:center;gap:.65rem;padding:0 .55rem;display:inline-flex;position:relative}.home-tab:after{background:var(--color-accent);content:"";opacity:0;transform-origin:0;height:3px;transition:opacity var(--motion-duration-fast) ease, transform var(--motion-duration-fast) var(--motion-ease-smooth);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(.35)}.home-tab:hover,.home-tab:focus-visible,.home-tab[aria-selected=true]{color:var(--color-text)}.home-tab:hover,.home-tab:focus-visible{border-radius:var(--radius-pill);background-color:var(--interaction-hover-surface);transform:translateY(-.12rem)rotate(-.35deg)}.home-tab:active{transform:translateY(1px)}.home-tab[aria-selected=true]:after{opacity:1;transform:scaleX(1)}.home-tab__index{color:var(--color-accent);font-size:1rem;display:inline-block;transform:rotate(-2deg)}.home-tab>span:last-child{transition:transform var(--motion-duration-fast) var(--motion-ease-smooth);display:inline-block}.home-tab:hover>span:last-child,.home-tab:focus-visible>span:last-child,.home-tab[aria-selected=true]>span:last-child{transform:translateY(-.08rem)rotate(-.65deg)}.home-panels[data-enhanced=true]{overflow:hidden}.home-panel{scroll-margin-top:11rem}.home-panel[hidden]{display:none}.home-panel[data-entering=forward]{animation:home-panel-enter-forward var(--motion-duration-medium) var(--motion-ease-smooth) both}.home-panel[data-entering=backward]{animation:home-panel-enter-backward var(--motion-duration-medium) var(--motion-ease-smooth) both}@keyframes home-panel-enter-forward{0%{opacity:0;transform:translate(clamp(2rem,7vw,7rem))}to{opacity:1;transform:translate(0)}}@keyframes home-panel-enter-backward{0%{opacity:0;transform:translate(clamp(-7rem,-7vw,-2rem))}to{opacity:1;transform:translate(0)}}.section{padding:clamp(2.3rem,4vw,3.8rem) 0;position:relative}.section-heading{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:clamp(1.2rem,2vw,1.85rem);display:flex}.section-heading h2{width:fit-content;color:var(--color-text);font-family:var(--font-display);font-size:var(--text-section-title);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--leading-display);transform-origin:0;margin:0;transform:rotate(-.35deg)}.section-heading h2:after{background:var(--color-accent-fill);content:"";border-radius:999px;width:.62em;height:.16em;margin-left:.22em;display:inline-block;transform:translateY(-.14em)rotate(-3deg)}.brain-section,.skills-section,.life-section,.about-section,.contact-section{background:radial-gradient(circle at 92% 8%, var(--color-glow-soft), transparent 29rem), radial-gradient(circle at 8% 92%, #ffffff61, transparent 27rem), var(--color-surface)}.knowledge-grid{grid-template-columns:repeat(2,minmax(0,19.25rem));justify-content:center;gap:1rem;max-width:40rem;margin-inline:auto;display:grid}.knowledge-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-text);transition:background-color var(--motion-duration-medium) ease, border-color var(--motion-duration-medium) ease, box-shadow var(--motion-duration-medium) var(--motion-ease-hover), transform var(--motion-duration-medium) var(--motion-ease-hover);text-decoration:none;overflow:hidden}.knowledge-card:is(:hover,:focus-visible){border-color:var(--interaction-hover-border);background-color:var(--interaction-hover-surface);box-shadow:var(--interaction-hover-shadow);transform:translateY(-.32rem)rotate(-.22deg)}.knowledge-card:active{transform:translateY(-.12rem)scale(.995)}.knowledge-card__visual{aspect-ratio:16/6.6;border-bottom:1px solid var(--color-line);background:var(--color-accent-pale);transition:background-color var(--motion-duration-medium) ease;place-items:center;margin:0;display:grid;overflow:hidden}.knowledge-card:nth-child(2) .knowledge-card__visual,.knowledge-card:nth-child(3) .knowledge-card__visual{background:var(--color-accent-pale)}.knowledge-card__visual img{object-fit:contain;width:86%;height:86%;transition:transform var(--motion-duration-medium) var(--motion-ease-hover)}.knowledge-card:is(:hover,:focus-visible) .knowledge-card__visual{background-color:var(--interaction-hover-surface)}.knowledge-card:is(:hover,:focus-visible) .knowledge-card__visual img{transform:translateY(-.22rem)scale(1.045)rotate(-.65deg)}.knowledge-card__body{padding:clamp(.78rem,1.35vw,1rem);position:relative}.knowledge-card__meta{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font:600 var(--text-caption) / 1.4 var(--font-interface);display:flex}.knowledge-card__meta time{font-variant-numeric:tabular-nums}.knowledge-card__meta span{color:var(--color-accent)}.knowledge-card h3{max-width:18ch;font-family:var(--font-display);letter-spacing:-.035em;margin:.8rem 2rem 0 0;font-size:clamp(1.02rem,1.4vw,1.28rem);font-weight:700;line-height:1.25}.knowledge-card__summary{color:var(--color-text-muted);font-size:var(--text-small);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.65rem 0 0;line-height:1.65;display:-webkit-box;overflow:hidden}.knowledge-card__arrow{color:var(--color-accent);transition:transform var(--motion-duration-fast) var(--motion-ease-hover);position:absolute;top:3.65rem;right:clamp(1.05rem,2vw,1.45rem)}.knowledge-card:is(:hover,:focus-visible) .knowledge-card__arrow{transform:translate(.22rem,-.22rem)rotate(4deg)}.panel-cursor{z-index:999;width:var(--cursor-card-size);height:var(--cursor-card-size);margin-top:calc(var(--cursor-card-size) / -2);margin-left:calc(var(--cursor-card-size) / -2);background:var(--color-accent-gradient);opacity:0;pointer-events:none;transition:width var(--motion-duration-fast) var(--motion-ease-smooth), height var(--motion-duration-fast) var(--motion-ease-smooth), opacity var(--motion-duration-fast) ease, box-shadow var(--motion-duration-fast) ease;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-100px,-100px);box-shadow:0 0 1.4rem #c8664f38}.panel-cursor[data-visible=true]{opacity:1}.panel-cursor[data-mode=card]{width:var(--cursor-card-size);height:var(--cursor-card-size);box-shadow:0 0 0 .2rem #e4c85f1f,0 0 1rem #c8664f3d}.knowledge-all-link{align-items:center;gap:var(--space-2);width:fit-content;min-height:3rem;margin:var(--space-7) auto 0;color:var(--color-text);font-weight:var(--font-weight-semibold);justify-content:center;text-decoration:none;display:flex}.skills-layout{max-width:52rem;margin-inline:auto}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.skill-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-raised);min-height:26rem;color:var(--color-text);transition:background-color var(--motion-duration-medium) ease, border-color var(--motion-duration-medium) ease, box-shadow var(--motion-duration-medium) var(--motion-ease-hover), transform var(--motion-duration-medium) var(--motion-ease-hover);flex-direction:column;padding:clamp(1.4rem,2.2vw,1.9rem);text-decoration:none;display:flex;position:relative;overflow:hidden}.skill-card:after{content:"";pointer-events:none;background-image:radial-gradient(var(--color-line) 1.1px, transparent 1.1px);background-size:.58rem .58rem;width:4.6rem;height:3.6rem;position:absolute;bottom:4.6rem;right:1rem}.skill-card:is(:hover,:focus-visible){border-color:var(--interaction-hover-border);box-shadow:var(--interaction-hover-shadow);transform:translateY(-.3rem)}.skill-card__index{z-index:2;font-family:var(--font-display);letter-spacing:.02em;color:var(--color-text);opacity:.14;pointer-events:none;font-size:clamp(3rem,4.5vw,4.1rem);font-weight:700;line-height:1;position:absolute;bottom:.3rem;left:1.1rem}.skill-card__topline{z-index:2;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;position:relative}.skill-card__topline strong{max-width:calc(100% - 3.2rem);font-family:var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(1.5rem,2.3vw,1.9rem);font-weight:700;line-height:1.12}.skill-card__copy{z-index:2;margin-top:.55rem;display:grid;position:relative}.skill-card__copy span{color:var(--color-text-muted);font-size:var(--text-small);line-height:1.55}.skill-card__arrow{z-index:1;border:1px solid var(--color-line);width:2.1rem;height:2.1rem;color:var(--color-text);transition:background-color var(--motion-duration-fast) var(--motion-ease-hover), color var(--motion-duration-fast) var(--motion-ease-hover), transform var(--motion-duration-fast) var(--motion-ease-hover);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;margin-top:.15rem;display:grid;position:relative}.skill-card:is(:hover,:focus-visible) .skill-card__arrow{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.skill-card__visual{z-index:1;border-radius:0 0 var(--radius-lg) var(--radius-lg);flex:1;place-items:end center;min-height:15rem;margin:.8rem calc(-1*clamp(1.4rem,2.2vw,1.9rem)) calc(-1*clamp(1.4rem,2.2vw,1.9rem));display:grid;position:relative;overflow:hidden}.skill-card__visual picture{place-items:end center;width:100%;height:100%;display:grid;position:relative}.skill-card__visual img{object-fit:contain;object-position:center bottom;width:100%;height:100%;max-height:18.5rem;transition:transform var(--motion-duration-medium) var(--motion-ease-hover);position:relative}.skill-card:is(:hover,:focus-visible) .skill-card__visual img{transform:translateY(-.35rem)scale(1.04)}.skill-card:is(:hover,:focus-visible) .skill-card__topline strong{color:var(--color-accent)}.skill-card:is(:hover,:focus-visible) .skill-card__arrow{transform:translate(.22rem,-.22rem)rotate(5deg)}.life-section{color:var(--color-text);padding-block:clamp(1.9rem,3vw,2.8rem)}.life-section .section-heading{margin-bottom:clamp(.9rem,1.5vw,1.3rem)}.about-section{color:var(--color-text)}.about-grid{grid-template-columns:minmax(18rem,.82fr) 1.18fr;align-items:center;gap:clamp(2rem,7vw,8rem);display:grid}.portrait-card{isolation:isolate;transition:background-color var(--motion-duration-medium) ease, box-shadow var(--motion-duration-medium) var(--motion-ease-hover), transform var(--motion-duration-medium) var(--motion-ease-hover);background:#fff;border:1px solid #1a1a1a29;margin:0;padding:clamp(.65rem,1.5vw,1rem) clamp(.65rem,1.5vw,1rem) 3.25rem;position:relative;transform:rotate(-1deg);box-shadow:0 1.75rem 3rem -1.5rem #1a1a1a3d}.portrait-card:before{z-index:-1;background:var(--color-accent-pale);content:"";pointer-events:none;border:1px solid #7a590052;position:absolute;inset:-.65rem .75rem .65rem -.65rem;transform:rotate(2.1deg)}.portrait-card:after{z-index:3;content:"";background:#e4c85fb8;width:5.5rem;height:1.65rem;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)rotate(1.5deg)}.portrait-card img{object-fit:cover;object-position:center 30%;filter:saturate(.88)contrast(1.03);width:100%;max-height:46rem;display:block}.portrait-card figcaption{z-index:2;background:var(--color-accent-pale);color:var(--color-accent);font:600 var(--text-caption) / 1 var(--font-interface);letter-spacing:.1em;padding:.35rem .65rem;display:inline-block;position:absolute;bottom:1rem;right:1rem}.about-copy h3{font-family:var(--font-display);letter-spacing:var(--tracking-display);margin:1.5rem 0 2rem;font-size:clamp(2.55rem,4.6vw,4.6rem);font-weight:700;line-height:1.08}.about-copy>p:not(.eyebrow){max-width:38rem;color:var(--color-text-muted);margin:0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:2}.life-facts{border-top:1px solid var(--color-line);grid-template-columns:repeat(3,1fr);gap:1rem;margin:clamp(2.5rem,6vw,5rem) 0 0;display:grid}.life-facts div{padding-top:1rem}.life-facts dt{color:var(--color-text-muted);font:600 var(--text-caption) / 1 var(--font-interface)}.life-facts dd{font-weight:var(--font-weight-semibold);margin:.65rem 0 0}.contact-section{overflow:hidden}.contact-section:after{color:#0000;content:"CYY";font:700 clamp(11rem, 30vw, 30rem) / .8 var(--font-display);opacity:.2;pointer-events:none;-webkit-text-stroke:1px var(--color-line);position:absolute;bottom:-.32em;right:-.08em}.contact-grid{z-index:1;position:relative}.section-heading--contact{margin-bottom:clamp(1.4rem,2.5vw,2.1rem)}.contact-panel{border-top:1px solid var(--color-line);max-width:58rem;margin-inline:auto}.contact-grid .pat-counter{max-width:58rem;margin-inline:auto}.contact-row{border-bottom:1px solid var(--color-line);min-height:clamp(4.8rem,6vw,5.7rem);color:var(--color-text);cursor:pointer;transition:background-color var(--motion-duration-fast) ease, box-shadow var(--motion-duration-fast) var(--motion-ease-hover), color var(--motion-duration-fast) ease, transform var(--motion-duration-fast) var(--motion-ease-hover);grid-template-columns:3.25rem 2.25rem minmax(9rem,.7fr) 1fr 2.5rem;align-items:center;gap:clamp(.75rem,2vw,1.5rem);text-decoration:none;display:grid;position:relative}.contact-row__icon{border:1px solid var(--color-line);background:var(--color-surface-raised);color:#181717;width:2.75rem;height:2.75rem;transition:background var(--motion-duration-fast) ease, color var(--motion-duration-fast) ease;border-radius:.8rem;place-items:center;display:grid}.contact-row:is(:hover,:focus-visible){background:var(--interaction-hover-surface);box-shadow:var(--interaction-hover-shadow);transform:translate(.28rem,-.16rem)rotate(-.16deg)}.contact-row:hover .contact-row__icon,.contact-row:focus-visible .contact-row__icon{background:var(--color-accent-pale);border-color:#7a59006b}.contact-row:active{transform:translate(.2rem)scale(.995)}.contact-row strong{z-index:0;width:fit-content;font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(1.12rem,1.8vw,1.55rem);line-height:1;position:relative}.contact-row strong:after{z-index:-1;content:"";transform-origin:0;height:.42em;transition:transform var(--motion-duration-medium) var(--motion-ease-smooth);background:#e4c85f9e;position:absolute;bottom:-.08em;left:-.35rem;right:-.35rem;transform:scaleX(0)}.contact-row:hover strong:after,.contact-row:focus-visible strong:after{transform:scaleX(1)}.contact-row__index,.contact-row__description{color:var(--color-text-muted);font:600 var(--text-caption) / 1 var(--font-interface)}.contact-row__arrow{color:var(--color-accent);transition:transform var(--motion-duration-fast) var(--motion-ease-hover);justify-self:end;font-size:1.7rem}.contact-row:hover .contact-row__arrow,.contact-row:focus-visible .contact-row__arrow{transform:translate(.45rem)}.site-footer{border-top:1px solid var(--color-line);background:var(--color-surface);padding:2rem 0}.site-footer .page-shell{justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer p,.site-footer a{color:var(--color-text-muted);font:600 var(--text-caption) / 1.4 var(--font-interface);margin:0;text-decoration:none}.site-footer a{justify-content:center;align-items:center;gap:.4rem;min-width:44px;min-height:44px;padding:0 .5rem;display:inline-flex}@media (width<=860px){.site-header{padding-top:.75rem;padding-bottom:.45rem}.home-tabs-shell{top:4.25rem}.header-actions{justify-self:end}.hero__content{padding-top:8rem}.about-grid{grid-template-columns:1fr}.portrait-card{max-width:38rem}}@media (width<=600px){html{scroll-padding-top:5rem}.hero{background-size:3.25rem 3.25rem,3.25rem 3.25rem,auto,auto;min-height:50rem}.hero:after{background:linear-gradient(90deg,#f7f6f0f5,#f7f6f0a8)}.character-field{inset:7.5rem 1rem 2rem}.character-field__pattern{grid-template-columns:repeat(6,1fr);padding:1.5rem 0}.character-field__pattern span:nth-child(n+43){display:none}.hero h1{font-size:clamp(2.8rem,13vw,4.5rem)}.character-field__alternate-title{padding-inline:1rem;font-size:clamp(1.8rem,9vw,3.2rem)}.hero blockquote{font-size:var(--text-small);line-height:1.75}.scroll-cue{right:auto;left:var(--layout-gutter)}.knowledge-grid{grid-template-columns:1fr;max-width:22.5rem}.skill-grid{grid-template-columns:1fr;max-width:23rem;margin-inline:auto}.home-tab{gap:0;min-height:4.75rem;padding-inline:.65rem}.home-tab__index{display:none}.contact-row{grid-template-columns:2.75rem 2rem 1fr 2rem;gap:.75rem}.contact-row__icon{grid-row:1/span 2}.contact-row__index{grid-column:2}.contact-row strong{grid-column:3;font-size:clamp(1.08rem,4.8vw,1.35rem)}.contact-row__description{grid-column:3}.contact-row__arrow{grid-area:1/4/span 2}.about-grid{gap:4rem}.life-facts{grid-template-columns:1fr}.site-footer .page-shell{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header-actions a,.scroll-cue,.pat-counter__button,.pat-counter__button>span:last-child,.knowledge-card,.knowledge-card__visual,.knowledge-card__visual img,.panel-cursor,.skill-card,.skill-card__visual img,.skill-card__arrow,.portrait-card,.home-tab,.home-tab:after,.contact-row,.contact-row__icon,.contact-row strong:after,.contact-row__arrow{transition:none}.home-panel[data-entering]{animation:none}.panel-cursor{display:none}.header-actions a:is(:hover,:focus-visible),.scroll-cue:is(:hover,:focus-visible),.pat-counter__button:is(:hover,:focus-visible),.pat-counter__button:is(:hover,:focus-visible)>span:last-child,.home-tab:is(:hover,:focus-visible),.home-tab:is(:hover,:focus-visible)>span:last-child,.knowledge-card:is(:hover,:focus-visible),.knowledge-card:is(:hover,:focus-visible) .knowledge-card__visual img,.knowledge-card:is(:hover,:focus-visible) .knowledge-card__arrow,.skill-card:is(:hover,:focus-visible),.skill-card:is(:hover,:focus-visible) .skill-card__visual img,.skill-card:is(:hover,:focus-visible) .skill-card__arrow,.contact-row:is(:hover,:focus-visible),.contact-row:is(:hover,:focus-visible) .contact-row__icon,.contact-row:is(:hover,:focus-visible) strong:after,.contact-row:is(:hover,:focus-visible) .contact-row__arrow{transform:none}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.home-panels[data-cursor-ready=true]{cursor:auto}.home-panels[data-cursor-ready=true][data-cursor-active=true] [data-cursor-card]{cursor:none}}