.page-shell{width:min(1120px,100% - 2rem);margin-inline:auto;padding-block:clamp(2rem,4vw,4.5rem) clamp(4rem,8vw,7rem)}.hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);min-height:min(720px,100vh - 7rem);padding-block:clamp(2rem,7vw,7rem);display:grid;position:relative;overflow-x:clip}.hero:before{content:"";pointer-events:none;background:radial-gradient(50% 45% at 25% 30%,#0284c70f,#0000 60%);position:absolute;inset:-200px 0}html.dark .hero:before{background:radial-gradient(50% 45% at 25% 30%,#0ea5e912,#0000 60%)}.hero__kicker{color:#0284c7;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem;font-size:.95rem;font-weight:700}html.dark .hero__kicker{color:#38bdf8}.hero h1{color:#171717;letter-spacing:-.03em;text-wrap:balance;max-width:14ch;margin:0;font-size:clamp(2.5rem,7vw,5.75rem);font-weight:700;line-height:.96}html.dark .hero h1{color:#fafafa}.hero__body{color:#404040;max-width:62ch;margin:1.5rem 0 0;font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.75}html.dark .hero__body{color:#d4d4d4}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.btn{color:#262626;border:1px solid #d4d4d4;border-radius:.5rem;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1rem;font-weight:700;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,color .18s,background .18s;display:inline-flex}html.dark .btn{color:#f5f5f5;border-color:#404040}.btn:hover,.btn:focus-visible{color:#0284c7;border-color:#0284c7;outline:none;transform:translateY(-2px)}.btn--primary{color:#fff;background:#0284c7;border-color:#0284c7}.btn--primary:hover,.btn--primary:focus-visible{color:#fff;background:#0369a1}.hero__panel{background:#fff;border:1px solid #d4d4d4;border-radius:.75rem;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 24px 70px #0208171f}html.dark .hero__panel{background:#1a1a1a;border-color:#404040;box-shadow:0 24px 70px #00000059}.hero__panel-inner{gap:.75rem;display:grid}.hero__portrait{perspective:1000px;width:100%;margin-bottom:.75rem}.hero__portrait-inner{aspect-ratio:1;width:100%;transform-style:preserve-3d;will-change:transform;border-radius:50%;transition:transform .2s ease-out;position:relative;overflow:hidden;box-shadow:0 12px 40px #0284c726}html.dark .hero__portrait-inner{box-shadow:0 12px 40px #0284c714}.hero__portrait-inner img{object-fit:cover;object-position:center 22%;width:100%;height:100%;display:block}.hero__portrait-inner:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#0000 50%);position:absolute;inset:0}.hero__name{margin:0;font-size:1.35rem;font-weight:700}.hero__desc{color:#525252;margin:0;line-height:1.7}html.dark .hero__desc{color:#d4d4d4}.hero__tech{border-top:1px solid #e5e5e5;margin-top:.75rem;padding-top:1rem}html.dark .hero__tech{border-top-color:#333}.hero__tech-label{color:#737373;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .6rem;font-size:.82rem;font-weight:600}html.dark .hero__tech-label{color:#a3a3a3}.hero__tech-list,.tl-tags{flex-wrap:wrap;gap:.4rem;display:flex}.hero__tech-list span,.tl-tags span{color:#404040;border:1px solid #d4d4d4;border-radius:999px;padding:.3rem .6rem;font-size:.82rem;font-weight:600}html.dark .hero__tech-list span,html.dark .tl-tags span{color:#d4d4d4;border-color:#404040}.timeline-wrap{margin-block:clamp(2rem,7vw,6rem) clamp(2rem,5vw,4rem)}.timeline-intro{grid-template-columns:1fr;gap:.5rem;margin-bottom:clamp(2rem,5vw,4rem);display:grid}.timeline-intro h2{color:#171717;letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(2.5rem,7vw,5.75rem);font-weight:700;line-height:.98}html.dark .timeline-intro h2{color:#fafafa}.timeline-intro p{color:#525252;max-width:62ch;margin:0;font-size:1.08rem;line-height:1.75}html.dark .timeline-intro p{color:#c7c7c7}.timeline{gap:clamp(1.5rem,4vw,3rem);display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(#0000,#0284c7 6%,#3b82f6 20%,#737373 54%,#0000);border-radius:1px;width:2px;position:absolute;inset-block:0;inset-inline-start:clamp(7.4rem,18vw,13rem)}html.dark .timeline:before{background:linear-gradient(#0000,#0ea5e9 6%,#38bdf8 20%,#525252 54%,#0000)}.tl-entry{grid-template-columns:clamp(7rem,18vw,12rem) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,4vw,4rem);display:grid;position:relative}.tl-entry:before{content:"";z-index:1;background:#fff;border:2.5px solid #0284c7;border-radius:999px;width:.9rem;height:.9rem;position:absolute;inset-block-start:.75rem;inset-inline-start:calc(clamp(7.4rem,18vw,13rem) - .46rem);box-shadow:0 0 0 4px #0284c726}html.dark .tl-entry:before{background:#121212;box-shadow:0 0 0 4px #0ea5e926}.tl-entry__meta{color:#737373;gap:.35rem;padding-top:.35rem;font-size:.92rem;line-height:1.4;display:grid;position:sticky;top:6rem}.tl-entry__meta strong{color:#262626}html.dark .tl-entry__meta strong{color:#f5f5f5}.tl-entry__body{background:#fff;border:1px solid #e5e5e5;border-radius:.75rem;min-width:0;padding:clamp(1.1rem,3vw,2rem)}html.dark .tl-entry__body{background:#1a1a1a;border-color:#333}.tl-entry__body h3{color:#171717;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.45rem,3vw,2.45rem);font-weight:700;line-height:1.12}html.dark .tl-entry__body h3{color:#fafafa}.tl-entry__subtitle{color:#0284c7;margin:.7rem 0 1rem;font-weight:700}.tl-entry__body p:not(.tl-entry__subtitle){color:#404040;font-size:1rem;line-height:1.78}html.dark .tl-entry__body p:not(.tl-entry__subtitle){color:#d4d4d4}.tl-tags{margin-block:1.1rem}.writing{margin-top:clamp(3.5rem,8vw,7rem)}.writing__header{grid-template-columns:1fr;gap:.5rem;margin-bottom:clamp(1.5rem,4vw,3rem);display:grid}.writing__header h2{color:#171717;letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(2.5rem,7vw,5.75rem);font-weight:700;line-height:.98}html.dark .writing__header h2{color:#fafafa}.writing__header p{color:#525252;max-width:62ch;margin:0;font-size:1.08rem;line-height:1.75}html.dark .writing__header p{color:#c7c7c7}.writing__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.writing__card,.writing__empty{background:#fff;border:1px solid #d4d4d4;border-radius:.75rem;padding:clamp(1.1rem,3vw,1.6rem)}html.dark .writing__card,html.dark .writing__empty{background:#1a1a1a;border-color:#404040}.writing__date{color:#737373;margin:0 0 .6rem;font-size:.88rem;font-weight:700}.writing__card h3{letter-spacing:-.01em;margin:0 0 .8rem;font-size:1.35rem;line-height:1.2}.writing__card h3 a{color:inherit;text-decoration:none}.writing__card h3 a:hover,.writing__card h3 a:focus-visible{color:#0284c7;outline:none}.writing__summary{color:#525252;margin:0 0 1rem;font-size:.95rem;line-height:1.7}html.dark .writing__summary{color:#d4d4d4}.writing__link{color:#0284c7;align-items:center;gap:.3rem;min-height:44px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.writing__link:hover,.writing__link:focus-visible{outline:none;text-decoration:underline}.writing__empty{color:#525252}html.dark .writing__empty{color:#d4d4d4}.reveal{transition:transform .64s cubic-bezier(.22,1,.36,1),opacity .64s cubic-bezier(.22,1,.36,1),filter .64s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.js .reveal{opacity:.001;filter:blur(4px)}.js .reveal.is-visible{opacity:1;filter:blur();transform:translateY(0)}@media (width<=860px){.hero,.writing__list{grid-template-columns:1fr}.hero{align-items:start;min-height:auto}.timeline:before,.tl-entry:before{display:none}.tl-entry{grid-template-columns:1fr;gap:.75rem}.tl-entry__meta{flex-wrap:wrap;gap:.35rem .75rem;display:flex;position:static}}@media (width<=520px){.page-shell{width:min(100% - 1rem,1120px)}.hero h1,.timeline-intro h2,.writing__header h2{font-size:clamp(2.15rem,13vw,3.25rem)}.tl-entry__body,.hero__panel,.writing__card,.writing__empty{padding:1rem}}@media (prefers-reduced-motion:reduce){.reveal,.btn{transition-duration:.01ms!important;transform:none!important}.js .reveal{opacity:1;filter:none}}