:root{color-scheme:dark;font-family:Lora,Georgia,serif;font-synthesis:none;text-rendering:optimizeLegibility;--text: #f1f1ef;--muted: #c1c0bc;--quiet: #a8a7a3;--line: rgba(238, 239, 237, .14);--frame: min(760px, calc(100vw - clamp(16px, 3.333vw, 48px)) )}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#15141d}body{min-width:320px;margin:0;color:var(--muted);font-size:18px;font-weight:400;line-height:1.55}::selection{background:#ffc47047;color:var(--text)}a{color:inherit;text-decoration-color:#f1f1ef61;text-decoration-thickness:1px;text-underline-offset:.25em;transition:color .18s ease,text-decoration-color .18s ease,opacity .18s ease}a:hover{color:var(--text);text-decoration-color:currentColor}a:focus-visible{outline:1px solid var(--text);outline-offset:5px;border-radius:1px}strong{color:var(--text);font-weight:400}.scene{position:fixed;z-index:0;inset:0;overflow:hidden;background:#15141d;pointer-events:none}.scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 48%;image-rendering:pixelated;filter:brightness(.82) saturate(.92) contrast(1.03);transform:scale(1.008)}.scene-static{display:none}.scene-grade{position:absolute;inset:0;background:linear-gradient(180deg,#02030814,#02030808 55%,#02030833),linear-gradient(90deg,#02040a0d,#02040a24 16%,#02050b85 25%,#02050bb8 36% 64%,#02040a73 76%,#02040a24 84%,#02040a0d)}.page-frame{position:relative;z-index:1;width:var(--frame);margin-inline:auto;border-inline:1px solid var(--line);background:linear-gradient(90deg,#02050b7a,#02050b9e 14% 86%,#02050b7a);box-shadow:0 0 120px #02050b2e}.screen{height:100svh;height:100dvh;overflow:hidden}h1,h2,p{margin:0}h1,h2{color:var(--text);font-weight:400}.home-screen{display:grid;width:100%;height:100%;padding:clamp(42px,7vh,72px) 60px;place-items:center start}.home-content{width:100%;max-width:620px}.identity{display:flex;gap:20px;align-items:center}.avatar{flex:0 0 auto;width:84px;height:84px;border:1px solid rgba(255,255,255,.18);border-radius:50%;object-fit:cover;filter:saturate(.82) contrast(1.04)}.identity-copy{min-width:0}.intro-label{color:var(--quiet);font-size:18px;line-height:1.25}.identity h1{margin-top:4px;font-size:clamp(29px,3vw,33px);letter-spacing:-.04em;line-height:1.08}.role-line{margin-top:8px;color:var(--muted);font-size:16px;line-height:1.35}.home-copy{max-width:600px;margin-top:clamp(32px,5vh,48px);color:var(--muted);font-size:19px;letter-spacing:-.014em;line-height:1.58}.home-copy span{display:block}.home-copy a{color:var(--text);text-decoration-color:currentColor}.topic-links{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:16px;color:var(--text);font-size:17px}.topic-links a{text-decoration:underline;text-decoration-color:#f1f1ef9e}.home-info{margin-top:clamp(30px,5vh,46px)}.home-time{display:flex;gap:7px;align-items:center;color:var(--quiet);font-size:16px;font-variant-numeric:tabular-nums}.social-links{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;margin-top:13px;color:var(--muted);font-size:16px}.social-links a{text-decoration:none}.topic-screen{display:grid;height:100%;grid-template-rows:auto minmax(0,1fr);padding:clamp(30px,5vh,48px) 60px clamp(34px,5vh,52px)}.topic-header{display:flex;align-items:center;justify-content:space-between;color:var(--quiet);font-size:13px}.topic-header p{font-variant-numeric:tabular-nums}.home-link{text-decoration:none}.topic-content{width:100%;max-width:620px;margin-block:auto}.topic-content>h1{margin-bottom:clamp(24px,4vh,38px);font-size:clamp(29px,3vw,33px);letter-spacing:-.04em;line-height:1.1}.about-copy{color:var(--muted);font-size:clamp(15px,1.7vw,17px);letter-spacing:-.012em;line-height:1.48}.about-copy p+p{margin-top:clamp(13px,2vh,20px)}.project-list,.skill-groups{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:18px;padding:clamp(17px,2.6vh,26px) 0;border-bottom:1px solid var(--line)}.project-index{padding-top:3px;color:var(--quiet);font-size:13px;font-variant-numeric:tabular-nums}.project-heading{display:flex;gap:18px;align-items:baseline;justify-content:space-between}.project-heading h2{font-size:clamp(18px,2.2vw,23px);letter-spacing:-.03em;line-height:1.2}.project-heading a{text-decoration:none}.project-role{flex:0 0 auto;color:var(--quiet);font-size:12px;letter-spacing:.04em}.project-row p{margin-top:7px;color:var(--muted);font-size:clamp(14px,1.6vw,16px);line-height:1.42}.project-row .project-detail{margin-top:5px;color:var(--quiet);font-size:13px}.skill-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.skill-group{min-height:128px;padding:clamp(18px,3vh,28px) 24px clamp(18px,3vh,28px) 0;border-bottom:1px solid var(--line)}.skill-group:nth-child(2n){padding-right:0;padding-left:24px;border-left:1px solid var(--line)}.skill-group h2{font-size:17px;line-height:1.35}.skill-group p{margin-top:8px;color:var(--quiet);font-size:14px;line-height:1.5}.reveal-ready [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}@media(max-width:760px){.scene img{object-position:36% center}.scene-grade{background:linear-gradient(180deg,#02040a26,#02040a47),linear-gradient(90deg,#02040a33,#02050bad 38%,#02050bb3 68%,#02040a42)}.home-screen,.topic-screen{padding-inline:36px}}@media(max-width:520px){body{font-size:16px}.page-frame{background:#02050b8f}.home-screen{padding:max(28px,env(safe-area-inset-top)) 23px max(28px,env(safe-area-inset-bottom))}.identity{gap:15px}.avatar{width:68px;height:68px}.intro-label{font-size:15px}.identity h1,.topic-content>h1{font-size:26px}.role-line{margin-top:6px;font-size:13px}.home-copy{margin-top:28px;font-size:16px;line-height:1.55}.topic-links{gap:10px 24px;margin-top:14px;font-size:16px}.home-info{margin-top:28px}.social-links{gap:7px 18px;margin-top:11px;font-size:14px}.home-time{font-size:14px}.topic-screen{padding:max(24px,env(safe-area-inset-top)) 23px max(28px,env(safe-area-inset-bottom))}.topic-content>h1{margin-bottom:21px}.about-copy{font-size:14px;line-height:1.42}.about-copy p+p{margin-top:11px}.project-row{grid-template-columns:25px minmax(0,1fr);gap:10px;padding-block:13px}.project-heading h2{font-size:17px}.project-row p{margin-top:4px;font-size:13px;line-height:1.35}.project-row .project-detail{margin-top:3px;font-size:11px}.skill-groups{grid-template-columns:1fr}.skill-group,.skill-group:nth-child(2n){min-height:0;padding:15px 0;border-left:0}.skill-group h2{font-size:15px}.skill-group p{margin-top:5px;font-size:13px;line-height:1.4}}@media(max-height:680px){.home-screen,.topic-screen{padding-top:24px;padding-bottom:24px}.home-copy{margin-top:24px;font-size:16px}.home-info{margin-top:20px}.topic-links{margin-top:14px}.about-copy{font-size:13px;line-height:1.36}.about-copy p+p{margin-top:8px}.project-row{padding-block:11px}.skill-group,.skill-group:nth-child(2n){padding-top:12px;padding-bottom:12px}}@media(prefers-reduced-motion:reduce){.scene-gif{display:none}.scene-static{display:block}.scene img{transform:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-ready [data-reveal]{opacity:1;transform:none}}