@font-face{font-family:TimesPortfolio;src:url('assets/Times New Roman Italic.ttf');font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Diatype;src:url('assets/ABCDiatypeMono-Medium-Trial.otf');font-display:swap}*{box-sizing:border-box}html,body{margin:0;background:white;color:#999}body{min-height:100svh}.about-main{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:170px 11.3vw 180px}h1{max-width:1500px;text-align:center;font:400 italic clamp(30px,3.65vw,76px)/1.02 TimesPortfolio,'Times New Roman',serif;margin:5.5vh 0 0;letter-spacing:-.018em}.buzzword{font:inherit;letter-spacing:inherit;padding:0;border:0;background:none;color:inherit;text-decoration:none;cursor:pointer}.buzzword:hover,.buzzword:focus-visible,.buzzword.active{color:#ff633d}.buzzword:focus-visible{outline:1px solid #ff633d;outline-offset:5px}.word-preview{position:fixed;left:8.4vw;bottom:9.4vh;width:16.3vw;aspect-ratio:1;z-index:4;pointer-events:none;animation:appear 180ms ease-out}.word-preview img{width:100%;height:100%;object-fit:cover;display:block}.project-details{position:fixed;left:4.85vw;right:4.85vw;bottom:4vh;display:flex;justify-content:space-between;gap:25px;font:clamp(10px,1vw,20px)/1.3 Diatype,monospace;text-transform:uppercase;color:#ff633d;pointer-events:none}#preview-name{text-align:right}#trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:30}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:750px){.about-main{padding:140px 22px 230px;align-items:flex-start}h1{font-size:clamp(30px,6.8vw,48px);line-height:1.08;margin:10vh 0 0}.word-preview{width:30vw;left:22px;bottom:75px}.project-details{left:22px;right:22px;bottom:22px;font-size:9px}.project-details span{max-width:60%}}@media(prefers-reduced-motion:reduce){.word-preview{animation:none}#trail{display:none}}
/* Anchor each preview beside its word, with viewport edge avoidance. */
.word-preview{left:auto;top:0;bottom:auto;width:clamp(150px,16.3vw,320px);z-index:8}.word-preview img,.word-preview video{display:block;width:100%;height:100%;object-fit:cover}.word-preview video{aspect-ratio:1}@media(max-width:750px){.word-preview{width:clamp(130px,30vw,190px);bottom:auto}}