*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F6F4EF;--text: #1A1916;--muted: #8C8A84;--link: #1A1916;--border: #D9D5CB;--tab-active: #1A1916;--tab-inactive: #9C9A94}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:Libre Caslon Text,Georgia,serif;font-size:16px;line-height:1.7;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 24px}.container{width:100%;max-width:620px;padding-top:48px;padding-bottom:32px}nav{display:flex;gap:28px;margin-bottom:32px}.tab-btn{background:none;border:none;cursor:pointer;font-family:Libre Caslon Text,Georgia,serif;font-size:16px;color:var(--tab-inactive);padding:0;position:relative;letter-spacing:.01em;transition:color .2s ease}.tab-btn:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:var(--text);transform:scaleX(0);transition:transform .2s ease;transform-origin:left}.tab-btn.active{color:var(--tab-active)}.tab-btn.active:after{transform:scaleX(1)}.tab-btn:hover{color:var(--text)}.tab-panel{display:none}.tab-panel.active{display:block}.about p{margin-bottom:18px;color:var(--text)}.about p:last-child{margin-bottom:0}a{color:var(--link);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border);transition:text-decoration-color .2s ease}a:hover{text-decoration-color:var(--text)}.work-section{margin-bottom:36px}.work-section:last-child{margin-bottom:0}.work-heading{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:16px}.work-list{list-style:none}.work-empty{font-size:15px;font-style:italic;color:var(--muted)}.work-item{display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:16px 0}.work-year{grid-column:1;grid-row:1 / 3;font-size:14px;color:var(--muted);font-style:italic;padding-top:1px}.work-title{grid-column:2;font-weight:700;font-size:15px}.work-desc{grid-column:2;font-size:15px;color:var(--muted);line-height:1.6;margin-top:4px}.photo-container{margin-top:20px;display:flex;justify-content:center}#random-photo{width:100%;height:auto;display:block;object-fit:cover}.footer-links{margin-top:20px;display:flex;gap:20px;flex-wrap:wrap}.footer-links a{font-size:14px;color:var(--muted);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--text)}@media (max-width: 480px){.container{padding-top:48px}nav{gap:22px;margin-bottom:40px}.work-item{grid-template-columns:1fr;row-gap:2px}.work-year{grid-column:1;grid-row:1;padding-top:0}.work-title,.work-desc{grid-column:1}}