:root{--color-bg:#fff;--color-text:#1a1a1a;--color-text-secondary:#666;--color-text-tertiary:#999;--color-card-bg:#f5f5f5;--color-border:#e5e5e5;--color-accent:#1a1a1a;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--max-width:720px;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2.5rem;--spacing-xl:4rem;--spacing-2xl:6rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);padding:0 var(--spacing-md);margin:0 auto}.page{padding:var(--spacing-xl)0 var(--spacing-2xl);min-height:100vh}.name{margin-bottom:var(--spacing-lg);font-size:1.125rem;font-weight:500}.intro{color:var(--color-text-secondary);max-width:560px;margin-bottom:var(--spacing-md);font-size:1rem}.intro strong{color:var(--color-text);font-weight:400}.section-title{color:var(--color-text-tertiary);margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl);font-size:.875rem;font-weight:400}.experience-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.experience-item{gap:var(--spacing-sm);padding:var(--spacing-xs)0;grid-template-columns:1fr auto;align-items:baseline;display:grid}.experience-item a{text-underline-offset:2px;text-decoration:underline}.experience-role{color:var(--color-text-secondary);font-size:.9375rem}.experience-dates{color:var(--color-text-tertiary);text-align:right;font-size:.875rem}.project-grid{gap:var(--spacing-lg);flex-direction:column;display:flex}.project-card{transition:transform .2s;display:block}.project-card:hover{text-decoration:none;transform:translateY(-2px)}.project-image-wrapper{background-color:var(--color-card-bg);padding:var(--spacing-lg);margin-bottom:var(--spacing-sm);aspect-ratio:16/10;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.project-image-wrapper img{object-fit:contain;width:auto;max-height:100%}.project-title{margin-bottom:.25rem;font-size:1rem;font-weight:500}.project-meta{color:var(--color-text-tertiary);font-size:.875rem}.back-link{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);text-underline-offset:2px;align-items:center;gap:.5rem;font-size:.875rem;text-decoration:underline;display:inline-flex}.case-header{margin-bottom:var(--spacing-md)}.case-icon{margin-bottom:var(--spacing-sm);font-size:1.5rem}.case-title{margin-bottom:.25rem;font-size:1.25rem;font-weight:500}.case-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:1rem}.case-meta{gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.case-meta-item{flex-direction:column;gap:.25rem;display:flex}.case-meta-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.case-meta-value{font-size:.9375rem}.case-section{margin-bottom:var(--spacing-lg)}.case-section h2{margin-bottom:var(--spacing-sm);font-size:1rem;font-weight:500}.case-section p{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.case-section p:last-child{margin-bottom:0}.case-image{background-color:var(--color-card-bg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:12px}.case-image img{cursor:pointer;border-radius:8px;width:100%}.case-image-caption{color:var(--color-text-tertiary);text-align:center;margin-top:var(--spacing-sm);font-size:.875rem}.metrics-grid{gap:var(--spacing-md);margin:var(--spacing-md)0;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.metric{padding:var(--spacing-md);background-color:var(--color-card-bg);border-radius:8px}.metric-value{margin-bottom:.25rem;font-size:1.5rem;font-weight:500}.metric-label{color:var(--color-text-secondary);font-size:.875rem}.footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.footer a{color:var(--color-text-secondary);font-size:.875rem}.footer-links{gap:var(--spacing-md);display:flex}.placeholder-image{background:linear-gradient(135deg,var(--color-card-bg)0%,#e0e0e0 100%);width:100%;height:100%;min-height:200px;color:var(--color-text-tertiary);text-align:center;padding:var(--spacing-md);border-radius:8px;justify-content:center;align-items:center;font-size:.875rem;display:flex}.case-section ul{color:var(--color-text-secondary);gap:var(--spacing-xs);flex-direction:column;padding-left:0;list-style-position:inside;display:flex}.case-section li{line-height:1.5}@media (max-width:640px){.experience-item{grid-template-columns:1fr;gap:.25rem}.experience-dates{text-align:left}.case-meta{gap:var(--spacing-md)}.footer{flex-direction:column;align-items:flex-start}}.poster-grid .poster-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.poster-grid .poster-row img{border-radius:8px;width:100%;height:auto}@media (max-width:640px){.poster-grid .poster-row{grid-template-columns:1fr}}.boyfriend-wrapper{background-color:#1a1a1a}.boyfriend-wrapper img{object-fit:contain;width:auto;max-height:280px}