@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Cormorant:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";@font-face{font-display:swap;font-family:Chiron Sung HK;font-style:normal;font-weight:200;src:url(/assets/chiron-sung-hk-v2-latin-regular-SP_MQ00i.woff2) format("woff2")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Cinzel,serif;background-color:#000;color:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px 64px;z-index:1000;background-color:#000}.logo{display:flex;align-items:center;gap:10px;font-family:Caveat,cursive;text-decoration:none;color:#fff}.logo-jy{height:38px;width:auto}.logo-name{font-family:Cinzel,serif;font-size:1rem;font-weight:400;color:#fff;letter-spacing:-.005em}nav{display:flex;align-items:center;gap:40px}nav a{font-family:Cinzel,serif;font-size:1rem;color:#fff;text-decoration:none;letter-spacing:-.005em;transition:opacity .2s}nav a:hover{opacity:.6}.home-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:0 20px}.home-greeting{font-family:Cinzel,serif;font-style:normal;font-size:1.25rem;font-weight:400;color:#fff;margin-bottom:4px;letter-spacing:-.005em}.home-headline{font-family:Chiron Sung HK,serif;font-size:2.5rem;font-weight:100;color:#fff;letter-spacing:-.005em;line-height:1.45}.page-title{font-family:Cinzel,serif;font-size:3rem;font-weight:400;letter-spacing:.3em;text-align:center;color:#fff;padding-top:108px;padding-bottom:60px;line-height:1.45}.page-container{max-width:1440px;margin:0 auto;padding:0 48px 100px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;max-width:100%}.project-card{display:flex;flex-direction:column}.project-card-image{width:100%;aspect-ratio:16 / 10;overflow:hidden;margin-bottom:20px}.project-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}.project-card-image a:hover img{opacity:.85}.proj-title{font-family:Cinzel,serif;font-size:1.1rem;font-weight:400;color:red;margin-bottom:10px;line-height:1.4;letter-spacing:-.005em}.proj-desc{font-family:Chiron Sung HK,serif;font-size:.85rem;color:#fff;line-height:1.6;margin-bottom:14px}.proj-desc a{color:#05f;text-decoration:none}.proj-tags{display:flex;flex-wrap:wrap;gap:8px}.proj-tag{font-family:Cormorant,serif;font-size:.9rem;color:#fff;background-color:#90f;padding:4px 10px;white-space:nowrap}.project-preview img{width:100%;height:auto}.proj-note{font-family:Cinzel,serif;font-size:.7rem;color:#666;margin-top:10px;letter-spacing:-.005em;line-height:1.6}.about-layout{display:flex;flex-direction:column;gap:0}.about-top{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:16px;border-bottom:1px solid #333;margin-bottom:40px}.about-meta{font-family:Cinzel,serif;font-size:1.33rem;line-height:1.8}.about-meta .school-name{display:block;color:#06f;letter-spacing:-.005em}.about-meta .school-degree{display:block;color:#fff;letter-spacing:-.005em}.school-year{font-family:Cinzel,serif;font-size:1.33rem;color:#fff;letter-spacing:-.005em;white-space:nowrap}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.about-photo img{width:100%;height:auto;object-fit:cover}.about-bio{font-family:Chiron Sung HK,serif;font-size:1.6rem;line-height:1.75;color:#fff;font-style:normal}.about-bio p{margin-bottom:20px}.peniel-toc{max-width:1054px;margin:0 auto}.year-section{margin-bottom:56px}.year-header{display:flex;align-items:center;margin-bottom:28px}.year-label{font-family:Cinzel,serif;font-size:1rem;color:#fff;padding-right:18px;white-space:nowrap;flex-shrink:0;line-height:1;letter-spacing:-.005em}.year-rule{flex:1;border:none;border-top:1px solid #fff;height:0;margin:0}.toc-entry{margin-bottom:40px}.toc-entry-block{font-family:Cinzel,serif;font-style:normal;line-height:1.45;letter-spacing:-.005em}.toc-entry-title{display:block;font-size:1.6rem;color:red;margin-bottom:4px;text-decoration:none;transition:opacity .2s}.toc-entry-title:hover{opacity:.7}.toc-entry-date{display:block;font-size:1rem;color:#fff;margin-bottom:4px}.toc-entry-subtitle{display:block;font-size:1rem;color:#90f}.entry-nav-btn{position:fixed;top:50%;transform:translateY(-50%);font-family:Junge,serif;font-size:1.6rem;color:#fff;text-decoration:none;width:52px;height:52px;display:flex;align-items:center;justify-content:center;opacity:.25;transition:opacity .2s;-webkit-user-select:none;user-select:none;z-index:50}.entry-nav-btn:hover{opacity:.85}.entry-nav-btn.prev{left:20px}.entry-nav-btn.next{right:20px}.entry-content{max-width:948px;margin:0 auto;padding:108px 64px 100px}.entry-title-block{margin-bottom:44px}.entry-title{font-family:Chiron Sung HK,serif;font-size:2.4rem;font-weight:400;color:#fff;line-height:1.45;letter-spacing:-.005em;margin-bottom:6px}.entry-date{font-family:Chiron Sung HK,serif;font-size:1.2rem;color:#d9d9d9;letter-spacing:-.005em}.entry-body{font-family:Chiron Sung HK,Cormorant,serif;font-size:1.25rem;font-weight:400;line-height:1.45;letter-spacing:-.005em;color:#fff}.entry-body p{margin-bottom:24px}.entry-body a{color:#05f;text-decoration:underline}.entry-body img{width:100%;height:auto;margin:28px 0 10px}.entry-body .img-caption{font-size:.8rem;color:#aaa;font-style:italic;text-align:center;margin-bottom:20px}.entry-closing-verse{font-family:Cinzel,serif;font-size:1rem;color:red;line-height:1.75;margin-top:54px;letter-spacing:.05em}.youtube-container{position:relative;width:100%;padding-bottom:56.25%;margin:28px 0}.youtube-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media(max-width:960px){header{padding:20px 28px}nav{gap:24px}.page-container{padding:0 28px 60px}.projects-grid,.about-bottom{grid-template-columns:1fr}.about-photo{max-width:260px}.entry-content{padding:90px 28px 80px}}@media(max-width:600px){.home-headline{font-size:1.6rem}.page-title{font-size:2rem;letter-spacing:.2em}.entry-nav-btn{display:none}}