.main{width:min(100% - 2 * var(--page-gutter),var(--page-max));margin-inline:auto}.main>section{padding-block:var(--space-3xl)}.section-head{margin-bottom:var(--space-xl)}.section-label{font-size:22px;font-weight:500;line-height:1.4;letter-spacing:-.025em}.main>.intro{padding-block:var(--space-2xl)}.intro-name{font-size:32px;font-weight:500;letter-spacing:-.035em;line-height:1.3;margin-bottom:var(--space-xs)}.intro-role{font-size:14px;color:var(--text-muted)}.intro-description{max-width:640px;margin-top:var(--space-lg);font-size:15px;line-height:1.85;color:var(--text-tertiary)}.main>#work{padding-top:0}.project-list{display:flex;flex-direction:column}.project-item{display:grid;grid-template-columns:36px minmax(0,1fr) 240px;align-items:start;gap:var(--space-xl);padding-block:var(--space-xl);border-top:1px solid var(--border-default)}.project-item:last-child{border-bottom:1px solid var(--border-default)}.project-index{padding-top:5px;font-size:12px;color:var(--text-muted)}.project-main{min-width:0}.project-title{font-size:clamp(21px,2.3vw,30px);font-weight:500;line-height:1.4;letter-spacing:-.025em;margin-bottom:var(--space-md)}.project-item:hover .project-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.project-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xs)}.project-year{font-size:12px;color:var(--text-muted)}.project-desc{max-width:650px;font-size:14px;line-height:1.85;color:var(--text-tertiary)}.project-desc strong{font-weight:500}.project-tools{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:var(--space-md)}.project-aside{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);padding-top:5px}.project-visual{width:100%;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--border-subtle);background:var(--surface-sunken)}.project-visual:not(:has(img)){display:none}.project-visual-image{display:block;width:100%;height:100%;object-fit:cover}.project-visual-image-tenn{object-position:center 17%}.project-cta{font-size:12px;white-space:nowrap;color:var(--text-tertiary)}.about-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(40px,7vw,100px)}.about-body{max-width:700px}.about-body p{font-size:16px;line-height:1.95;color:var(--text-secondary);margin-bottom:var(--space-lg)}.about-body p:last-child{margin-bottom:0}.about-body strong{font-weight:500}.avatar{width:72px;height:72px;margin-bottom:var(--space-xl);overflow:hidden}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.about-sidebar{display:flex;flex-direction:column;gap:var(--space-xl)}.about-sidebar-block h4{font-size:13px;font-weight:500;margin-bottom:var(--space-sm)}.about-sidebar-block ul{list-style:none;display:flex;flex-direction:column;gap:6px}.about-sidebar-block li{font-size:13px;color:var(--text-tertiary)}.exp-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--space-xl);padding-block:32px;border-top:1px solid var(--border-subtle)}.exp-item:last-child{border-bottom:1px solid var(--border-subtle)}.exp-period{padding-top:4px;font-size:13px;color:var(--text-muted)}.exp-company{font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1.5;margin-bottom:4px}.exp-role{font-size:13px;color:var(--text-muted);margin-bottom:var(--space-md)}.exp-desc{max-width:720px;font-size:14px;color:var(--text-tertiary);line-height:1.85}#contact{max-width:800px}.contact-headline{font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1.3;letter-spacing:-.035em;margin-bottom:var(--space-lg)}.contact-headline em{font-style:normal;font-weight:inherit}.contact-sub{font-size:16px;color:var(--text-tertiary);line-height:1.85;max-width:580px;margin-bottom:var(--space-xl)}.site-footer{padding-block:var(--space-xl);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-xs)}.site-footer-note{font-size:12px;color:var(--text-muted);line-height:1.7;max-width:700px}.site-footer-copy,.site-footer-system{font-size:12px;color:var(--text-muted)}.site-footer-system{align-self:flex-start;margin-bottom:var(--space-md);white-space:nowrap}@media (max-width: 900px){.project-item{grid-template-columns:24px minmax(0,1fr);gap:var(--space-md)}.project-aside{grid-column:2}.project-visual{max-width:320px}.about-grid{grid-template-columns:minmax(0,1fr) 200px;gap:var(--space-xl)}}@media (max-width: 600px){.main>section{padding-block:var(--space-2xl)}.main>.intro{padding-block:var(--space-xl) var(--space-2xl)}.intro-name{font-size:28px}.intro-description{margin-top:var(--space-md)}.about-body p,.contact-sub{font-size:15px}.section-head{display:block;margin-bottom:var(--space-lg)}.project-item{padding-block:28px}.project-title{font-size:21px}.about-grid{grid-template-columns:minmax(0,1fr)}.about-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.exp-item{grid-template-columns:minmax(0,1fr);gap:var(--space-sm)}.exp-company{font-size:20px}}