.page-hero{padding-top:calc(var(--nav-h) + clamp(2rem,5vw,4.5rem));padding-bottom:clamp(1.5rem,4vw,3rem)}.page-hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4rem);align-items:center}.page-hero-copy{display:grid;gap:1.5rem;justify-items:start}.page-hero-figure{position:relative;display:grid;justify-items:center;align-self:end}.page-hero-figure img{height:min(46vh,420px);width:auto;filter:drop-shadow(0 26px 24px rgba(38,34,28,.26))}.page-hero-figure .note{position:absolute;top:4%;right:-4%;pointer-events:none}.hero-cta-row{display:flex;flex-wrap:wrap;gap:.9rem}@media(max-width:880px){.page-hero-inner{grid-template-columns:1fr}.page-hero-figure{order:-1}.page-hero-figure img{height:min(34vh,300px)}.page-hero-figure .note{top:-1.2rem;right:0;max-width:150px;font-size:1.1rem}}.repo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.1rem}.repo-card{display:flex;flex-direction:column;gap:.7rem;padding:1.5rem 1.5rem 1.3rem;color:var(--ink);position:relative}.repo-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.repo-head svg{width:22px;height:22px;fill:var(--ink-faint);flex:0 0 auto;transition:fill .3s ease,transform .4s var(--ease-clay)}.repo-card:hover .repo-head svg{fill:var(--ink);transform:rotate(-8deg) scale(1.15)}.repo-card h3{font-size:1.18rem}.repo-card p{font-size:.93rem;color:var(--ink-soft);line-height:1.55;flex:1}.repo-foot{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--line)}.repo-foot .tag{font-size:.72rem}.repo-arrow{font-family:var(--font-display);font-weight:700;color:var(--blue-deep);transition:transform .35s var(--ease-clay)}.repo-card:hover .repo-arrow{transform:translate(6px)}.group-note{margin-bottom:1.6rem}.repo-card--more{align-items:center;justify-content:center;text-align:center;gap:.4rem;border-style:dashed;border-width:2px;border-color:var(--line-strong);box-shadow:none;background:transparent}.repo-card--more:hover{border-color:var(--blue-deep);background:var(--surface)}.repo-card--more .hand{color:var(--ink-soft);font-size:1.4rem}.repo-card--more .more-title{font-family:var(--font-display);font-weight:800;font-size:1.3rem}.repo-card--more .repo-arrow{font-size:1.5rem}.shownote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.4rem}.shownote-card{display:flex;flex-direction:column;overflow:clip;color:var(--ink)}.shownote-card .cover{height:210px;overflow:clip}.shownote-card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.shownote-card:hover .cover img{transform:scale(1.06)}.shownote-body{display:grid;gap:.5rem;padding:1.3rem 1.4rem 1.4rem}.shownote-body p{color:var(--ink-soft);font-size:.93rem}.shownote-card.is-coming{align-items:center;justify-content:center;text-align:center;gap:.8rem;padding:2.5rem 1.5rem;border-style:dashed;border-width:2px;box-shadow:none;background:transparent}.shownote-card.is-coming img{height:130px;width:auto;filter:drop-shadow(0 10px 10px rgba(38,34,28,.18))}.shownote-card.is-coming .hand{color:var(--ink-soft);font-size:1.5rem}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.value-card{padding:1.6rem;display:grid;gap:.8rem;align-content:start;justify-items:start}.value-emoji{font-size:1.9rem;line-height:1;display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--paper-deep)}.value-card p{color:var(--ink-soft);font-size:.94rem}@media(max-width:880px){.value-grid{grid-template-columns:1fr}}.topic-cloud{display:flex;flex-wrap:wrap;gap:.6rem;max-width:820px}.topic-chip{font-family:var(--font-display);font-weight:600;font-size:.95rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:.65rem 1.2rem;color:var(--ink-soft);transition:background .3s ease,color .3s ease,border-color .3s ease}.topic-chip:hover{background:var(--chip);border-color:var(--chip);color:var(--chip-text)}.topic-chip--live{display:inline-flex;align-items:center;gap:.55rem;background:var(--chip);border-color:var(--chip);color:var(--chip-text);will-change:transform}.topic-chip--live:hover{background:var(--blue-ink);color:var(--chip-text)}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--terracotta);animation:livePulse 1.8s ease-out infinite}@keyframes livePulse{0%{box-shadow:0 0 #c96f4a99}70%{box-shadow:0 0 0 10px #c96f4a00}to{box-shadow:0 0 #c96f4a00}}.life-overlay{position:fixed;inset:0;z-index:2300;overflow:hidden;cursor:pointer}.life-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#f3eee6,#e3ddd0 70%,#d8d1c2)}.life-title{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:.3rem;z-index:20;pointer-events:none}.life-title .hand{color:var(--terracotta-deep);font-size:clamp(1.3rem,3vw,1.8rem)}.life-title h2{font-size:clamp(2.4rem,8vw,6rem);color:var(--ink);text-shadow:0 2px 0 var(--paper),0 14px 30px rgba(38,34,28,.18)}.life-hint{margin-top:.7rem;color:var(--ink-soft);font-size:.92rem}.life-stage{position:absolute;inset:0;z-index:10}.life-photo{position:absolute;top:0;left:0;width:clamp(118px,13.5vw,188px);margin:0;background:#fff;padding:8px 8px 28px;border-radius:4px;box-shadow:0 14px 30px -12px #26221c8c;will-change:transform}.life-photo img{display:block;width:100%;height:auto;border-radius:2px;background:var(--paper-deep)}.life-cap{position:absolute;left:50%;top:-12px;--cap-shift: 0px;transform:translate(calc(-50% + var(--cap-shift)),-100%) scale(.8);background:var(--chip);color:var(--chip-text);font-family:var(--font-display);font-weight:700;font-size:.8rem;white-space:nowrap;max-width:70vw;overflow:hidden;text-overflow:ellipsis;padding:.4rem .8rem;border-radius:8px;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .35s var(--ease-clay)}.life-cap:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--chip)}.life-cap.show{opacity:1;transform:translate(calc(-50% + var(--cap-shift)),-100%) scale(1)}.life-cap--below{top:auto;bottom:-12px;transform:translate(calc(-50% + var(--cap-shift)),100%) scale(.8)}.life-cap--below:after{bottom:auto;top:-5px}.life-cap--below.show{transform:translate(calc(-50% + var(--cap-shift)),100%) scale(1)}.scene-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.scene-strip figure{position:relative;border-radius:var(--r-lg);overflow:clip;box-shadow:var(--shadow-md)}.scene-strip img{width:100%;height:240px;object-fit:cover;transition:transform .6s var(--ease-out)}.scene-strip figure:hover img{transform:scale(1.05)}.scene-strip figcaption{position:absolute;left:.9rem;bottom:.9rem}@media(max-width:880px){.scene-strip{grid-template-columns:1fr}}.about-card{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.8rem,4vw,3rem);align-items:center}.about-figure img{width:100%;max-width:300px;height:auto;margin-inline:auto;filter:drop-shadow(0 20px 18px rgba(38,34,28,.22))}.about-copy{display:grid;gap:1rem;color:var(--ink-soft)}.about-copy ul{padding-left:1.2rem;display:grid;gap:.4rem}.pull-quote{font-family:var(--font-hand);font-weight:600;font-size:1.7rem;line-height:1.3;color:var(--ink);border-left:4px solid var(--terracotta);padding-left:1.1rem}@media(max-width:880px){.about-card{grid-template-columns:1fr}}.timeline{position:relative;display:grid;gap:1.6rem;padding-left:2.4rem;max-width:860px}.timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--line)}.timeline-progress{position:absolute;left:9px;top:8px;bottom:8px;width:3px;border-radius:3px;background:linear-gradient(var(--terracotta),var(--blue-deep));transform-origin:top;transform:scaleY(0)}.timeline-item{position:relative;padding:1.5rem 1.6rem}.timeline-item:before{content:"";position:absolute;left:calc(-2.4rem + 2px);top:2rem;width:17px;height:17px;border-radius:50%;background:var(--paper);border:4px solid var(--terracotta);box-shadow:0 0 0 4px var(--paper)}.timeline-item:nth-child(odd):before{border-color:var(--blue-deep)}.timeline-role{font-family:var(--font-display);font-weight:700;font-size:1.25rem}.timeline-org{color:var(--blue-deep);font-weight:600;font-size:.95rem}.timeline-period{display:inline-block;font-size:.8rem;font-weight:600;color:var(--ink-faint);background:var(--paper-deep);border-radius:var(--r-pill);padding:.18rem .7rem;margin-block:.45rem .7rem}.timeline-item p{color:var(--ink-soft);font-size:.95rem}.skill-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.1rem}.skill-group{padding:1.4rem 1.4rem 1.5rem;display:grid;gap:.9rem;align-content:start;transition:box-shadow .45s var(--ease-out),translate .35s var(--ease-clay)}.skill-group:hover{translate:0 -4px;box-shadow:var(--shadow-md)}.skill-group .tag{background:color-mix(in srgb,var(--g) 22%,var(--surface))!important;color:color-mix(in srgb,var(--g) 85%,var(--ink))!important;border-color:color-mix(in srgb,var(--g) 45%,transparent)!important;transition:translate .3s var(--ease-clay),rotate .3s var(--ease-clay),background .25s ease}.skill-group .tag:hover{translate:0 -3px;rotate:-1.5deg;background:color-mix(in srgb,var(--g) 32%,var(--surface))!important}.skill-group .tag.kit-tag-active{translate:0 -3px;background:color-mix(in srgb,var(--g) 36%,var(--surface))!important;color:color-mix(in srgb,var(--g) 92%,var(--ink))!important;box-shadow:0 0 0 2px var(--g),var(--shadow-md)}.kit-pop{position:fixed;z-index:2100;width:min(300px,calc(100vw - 24px));background:radial-gradient(120% 100% at 0% 0%,#fffdf8 0%,var(--surface) 60%),var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:1.1rem 1.2rem 1.2rem;transform-origin:top center}.kit-pop-close{position:absolute;top:.4rem;right:.5rem;width:30px;height:30px;border-radius:50%;font-size:1.2rem;line-height:1;color:var(--ink-faint);transition:background .2s ease,color .2s ease}.kit-pop-close:hover{background:var(--paper-deep);color:var(--ink)}.kit-pop-kind{font-family:var(--font-display);font-weight:700;font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;color:var(--terracotta-deep)}.kit-pop-title{font-family:var(--font-display);font-weight:800;font-size:1.15rem;line-height:1.15;color:var(--ink);margin:.2rem 0 .5rem}.kit-pop-body{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.55}.skill-group h3{font-size:1.05rem;display:flex;align-items:center;gap:.6rem}.skill-group h3 .dot{width:11px;height:11px;border-radius:50%;background:var(--g, var(--terracotta));box-shadow:0 0 0 4px color-mix(in srgb,var(--g, var(--terracotta)) 22%,transparent)}.skill-tags{display:flex;flex-wrap:wrap;gap:.4rem}.skill-group--wide{grid-column:1 / -1}.row-list{display:grid;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:clip}.row-item{display:flex;align-items:center;gap:1.1rem;padding:1.15rem 1.4rem;transition:background .25s ease}.row-item:hover{background:var(--surface-press)}.row-item+.row-item{border-top:1px solid var(--line)}.row-badge{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--paper-deep);font-size:1.3rem}.row-main{flex:1;min-width:0}.row-title{font-weight:700;font-family:var(--font-display);font-size:1.02rem}.row-sub{font-size:.85rem;color:var(--ink-soft)}.row-id{font-size:.75rem;color:var(--ink-faint)}.row-year{flex:0 0 auto;font-weight:700;font-family:var(--font-display);color:var(--ink-soft);font-size:.9rem;background:var(--paper-deep);padding:.3rem .85rem;border-radius:var(--r-pill)}@media(max-width:560px){.row-item{flex-wrap:wrap}}.cert-overlay{position:fixed;inset:0;z-index:2200;display:grid;place-items:center;padding:var(--gutter)}.cert-backdrop{position:absolute;inset:0;background:#1b18138c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.cert-paper{position:relative;width:min(560px,100%);background:radial-gradient(120% 100% at 50% 0%,#fffdf8 0%,var(--surface) 60%),var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:.6rem}.cert-close{position:absolute;top:.5rem;right:.7rem;z-index:2;width:38px;height:38px;border-radius:50%;font-size:1.5rem;line-height:1;color:var(--ink-soft);background:color-mix(in srgb,var(--paper-deep) 70%,transparent);transition:background .2s ease,color .2s ease}.cert-close:hover{background:var(--chip);color:var(--chip-text)}.cert-frame{position:relative;border:2px solid var(--terracotta);outline:1px solid var(--terracotta);outline-offset:4px;border-radius:calc(var(--r-lg) - 8px);padding:clamp(1.8rem,4vw,2.8rem) clamp(1.4rem,4vw,2.6rem) clamp(2.2rem,4vw,2.8rem);text-align:center;display:grid;justify-items:center;gap:.55rem;overflow:hidden}.cert-kind{font-family:var(--font-display);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.26em;color:var(--terracotta-deep)}.cert-crest{display:grid;place-items:center;width:76px;height:76px;margin:.2rem 0 .3rem;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px var(--line-strong)}.cert-crest img{width:56px;height:56px;object-fit:contain;border-radius:8px}.cert-crest--wide{width:auto;min-width:150px;height:60px;border-radius:14px;padding:0 16px}.cert-crest--wide img{width:auto;max-width:160px;height:38px}.cert-crest-emoji{font-size:2.4rem}.cert-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.3rem,3.2vw,1.85rem);line-height:1.1;color:var(--ink);max-width:22ch;margin-top:.2rem}.cert-line{font-size:.85rem;color:var(--ink-soft);margin:0}.cert-name{font-family:var(--font-hand);font-weight:600;font-size:2rem;line-height:1;color:var(--blue-ink);margin:.1rem 0}.cert-issuer{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--ink);margin:0}.cert-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--ink-faint)}.cert-id{font-variant-numeric:tabular-nums;letter-spacing:.02em}.cert-date{font-weight:700;font-family:var(--font-display);color:var(--ink-soft)}.cert-seal{position:absolute;right:clamp(1rem,4vw,2rem);bottom:clamp(3rem,7vw,3.6rem);width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--terracotta) 0%,var(--terracotta-deep) 100%);color:var(--chip-text);box-shadow:0 6px 16px -6px #a85433b3;transform:rotate(-12deg)}.cert-seal span{font-family:var(--font-display);font-weight:800;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;text-align:center;line-height:1.3}@media(max-width:460px){.cert-seal{width:58px;height:58px}}