.sub-page{flex-direction:column;gap:clamp(28px,5vw,56px);max-width:1100px;min-height:100vh;margin:0 auto;padding:clamp(20px,5vw,64px);display:flex}.sub-nav{justify-content:space-between;align-items:center;display:flex}.sub-back{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.sub-back:hover{color:var(--md-sys-color-primary)}.sub-hero{flex-direction:column;gap:12px;display:flex}.sub-eyebrow{color:var(--md-sys-color-primary);letter-spacing:.08em;text-transform:uppercase}.sub-title{text-wrap:balance;color:var(--md-sys-color-on-background);margin:0}.sub-lead{max-width:60ch;color:var(--md-sys-color-on-surface-variant);margin:0}.work-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.work-card{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex;overflow:hidden}.work-card:hover{box-shadow:0 20px 40px -28px color-mix(in srgb, var(--md-sys-color-shadow) 60%, transparent);transform:translateY(-4px)}.work-thumb{aspect-ratio:16/10;align-items:flex-end;padding:16px;display:flex}.work-thumb md-icon{width:40px;height:40px;font-size:40px}.work-body{flex-direction:column;gap:6px;padding:16px;display:flex}.work-meta{color:var(--md-sys-color-on-surface-variant)}.gallery-grid{columns:3 240px;column-gap:16px}.gallery-item{border-radius:14px;width:100%;margin:0 0 16px;display:block}.about-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,48px);display:grid}.about-prose{color:var(--md-sys-color-on-surface-variant);flex-direction:column;gap:16px;display:flex}.about-card{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;flex-direction:column;gap:14px;padding:24px;display:flex}.about-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.about-list li{align-items:center;gap:10px;display:flex}.contact-actions{flex-wrap:wrap;gap:14px;display:flex}.writing-list{flex-direction:column;display:flex}.writing-item{color:var(--md-sys-color-on-background);border-top:1px solid var(--md-sys-color-outline-variant);flex-direction:column;gap:8px;padding:clamp(20px,3vw,32px) 0;text-decoration:none;transition:padding-left .16s;display:flex}.writing-item:last-child{border-bottom:1px solid var(--md-sys-color-outline-variant)}.writing-item:hover{padding-left:12px}.writing-meta{color:var(--md-sys-color-primary);letter-spacing:.06em;text-transform:uppercase}.writing-heading{text-wrap:balance}.writing-excerpt{max-width:70ch;color:var(--md-sys-color-on-surface-variant)}.resume-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,48px);display:grid}.resume-timeline{flex-direction:column;gap:28px;display:flex}.resume-item{border-left:2px solid var(--md-sys-color-primary);flex-direction:column;gap:4px;padding-left:18px;display:flex}.resume-period{color:var(--md-sys-color-primary)}.resume-org{color:var(--md-sys-color-on-surface-variant)}.resume-detail{max-width:60ch;color:var(--md-sys-color-on-surface-variant);margin:6px 0 0}.resume-skills{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.resume-skills li{align-items:center;gap:10px;display:flex}@media (max-width:720px){.about-layout,.resume-layout{grid-template-columns:1fr}}