.page-section{max-width:var(--container);margin:var(--space-30) auto 0;padding:0 var(--gutter)}.page-head{gap:var(--space-4);margin-bottom:var(--space-10);flex-direction:column;display:flex}.page-head h2{letter-spacing:0;max-width:820px;font-size:36px;line-height:1.05}.page-head .t-lead{max-width:640px}@media (width>=1024px){.page-section{margin-top:var(--section-gap)}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-10);margin-bottom:var(--space-15);flex-direction:row}.page-head h2{font-size:var(--text-h1)}.page-head .t-lead{max-width:420px}}.filters{margin-top:var(--space-10);justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.filter{border-radius:var(--radius-full);border:1px solid var(--border-primary);height:40px;font-size:var(--text-sm);font-weight:var(--fw-medium);letter-spacing:0;color:var(--text-secondary);transition:background-color var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);align-items:center;gap:8px;padding:0 16px;display:inline-flex}.filter:hover{border-color:var(--border-hover);color:var(--text-primary)}.filter sup{color:var(--text-tertiary);transition:color var(--dur-fast);font-size:11px}.filter[aria-pressed=true]{background:var(--button-primary);border-color:var(--button-primary);color:var(--text-inverted)}.filter[aria-pressed=true] sup{color:var(--color-gray-400)}.work-grid{overflow-clip-margin:40px;max-width:var(--container);margin:var(--space-15) auto 0;padding:0 var(--gutter);gap:var(--space-15) var(--space-5);grid-template-columns:1fr;display:grid;position:relative;overflow:clip}@media (width>=900px){.work-grid{grid-template-columns:repeat(2,1fr)}.work-card.is-lead{grid-column:1/-1}.work-card.is-lead .work-media{aspect-ratio:16/8}}@media (width>=1100px){.work-grid{gap:var(--space-15) var(--space-6);grid-template-columns:repeat(3,1fr)}.work-card.is-lead{grid-column:auto}.work-card.is-lead .work-media{aspect-ratio:4/3}}.work-card{gap:var(--space-5);flex-direction:column;display:flex}.work-card.is-hidden{display:none}.work-media{aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--bg-elevation);isolation:isolate;display:block;position:relative;overflow:hidden}.work-media img{object-fit:cover;z-index:-1;width:100%;height:100%;transition:transform 1.4s var(--ease-out-expo);position:absolute;inset:0}.work-card:hover .work-media img{transform:scale(1.04)}.work-info{align-items:start;gap:var(--space-2) var(--space-6);grid-template-columns:1fr auto;display:grid}.work-info h2{letter-spacing:0;font-size:26px;line-height:1.1}.work-info h2 a:hover{color:var(--text-secondary)}.work-info p{color:var(--text-secondary);letter-spacing:0;grid-column:1/-1;max-width:560px}@media (width>=1100px){.work-info{align-items:center;gap:var(--space-2) var(--space-3)}.work-info .tags{flex-wrap:nowrap}}.tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.tag{border-radius:var(--radius-full);background:var(--bg-elevation);height:28px;font-size:13px;font-weight:var(--fw-medium);color:var(--text-secondary);align-items:center;padding:0 10px;display:inline-flex}@media (width>=1024px){.work-info h2{font-size:var(--text-h3)}}@media (width>=1100px){.work-info h2{white-space:nowrap;font-size:28px}}.index-list{border-bottom:1px solid var(--border-primary);margin:0;padding:0;list-style:none}.index-row{align-items:center;gap:var(--space-4);padding:var(--space-6) 0;border-top:1px solid var(--border-primary);grid-template-columns:56px 1fr 96px;display:grid;position:relative}.index-row .yr{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.index-row .name{letter-spacing:0;transition:transform var(--dur-base) var(--ease-out-expo), color var(--dur-base);font-size:22px;line-height:1.15}.index-row .kind{font-size:var(--text-sm);color:var(--text-tertiary);display:none}.index-row .status{text-align:right;font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-tertiary)}.index-list:hover .index-row .name{color:var(--text-tertiary)}.index-list .index-row:hover .name{color:var(--text-primary);transform:translate(8px)}@media (width>=768px){.index-row{grid-template-columns:90px 1.4fr 1fr 110px}.index-row .kind{display:block}.index-row .name{font-size:28px}}.preview{z-index:60;aspect-ratio:4/5;border-radius:var(--radius-md);pointer-events:none;opacity:0;background:var(--bg-elevation);width:280px;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 30px 60px #0000002e}.preview img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (hover:none){.preview{display:none}}@media (width>=1024px){.page-section .hscroll.is-pinned{margin-left:calc(var(--gutter) * -1);width:calc(100% + var(--gutter) * 2)}}.about-intro{gap:var(--space-10);grid-template-columns:1fr;align-items:start;display:grid}.about-intro .prose p{font-size:20px}.about-intro .prose p:first-child{letter-spacing:0;color:var(--text-primary);font-size:26px;line-height:1.25}.portrait{aspect-ratio:4/5;border-radius:var(--radius-md);background:var(--bg-elevation);position:relative;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:112%;position:absolute;inset:-6% 0}.status-pill{border-radius:var(--radius-full);backdrop-filter:blur(20px)saturate(140%);color:#fff;height:40px;font-size:15px;font-weight:var(--fw-medium);letter-spacing:0;white-space:nowrap;background:#0c0c0e6b;border:1px solid #ffffff29;align-items:center;gap:10px;padding:0 16px 0 14px;line-height:1;display:inline-flex;position:absolute;bottom:16px;left:16px;box-shadow:0 8px 24px #0000002e}.status-pill .pulse{background:#35d07f;border-radius:50%;width:8px;height:8px;position:relative;box-shadow:0 0 0 3px #35d07f38}.status-pill .pulse:after{content:"";animation:status-pulse 2s var(--ease-out-cubic) infinite;background:#35d07f;border-radius:50%;position:absolute;inset:0}@keyframes status-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.status-pill .pulse:after{animation:none}}@media (width>=768px){.status-pill{bottom:20px;left:20px}}@media (width>=1024px){.about-intro{gap:var(--space-20);grid-template-columns:5fr 7fr}.about-intro .prose{margin-top:0}}.timeline{margin:0;padding:0;list-style:none}.tl-row{gap:var(--space-2);padding:var(--space-8) 0;border-top:1px solid var(--border-primary);grid-template-columns:1fr;display:grid}.tl-row:last-child{border-bottom:1px solid var(--border-primary)}.tl-when{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.tl-role{letter-spacing:0;font-size:24px;line-height:1.15}.tl-role span{color:var(--text-tertiary)}.tl-desc{color:var(--text-secondary);letter-spacing:0;max-width:520px;line-height:1.55}@media (width>=900px){.tl-row{gap:var(--space-10);grid-template-columns:180px 1fr 1fr;align-items:baseline}.tl-role{font-size:28px}}.principles{gap:var(--space-4);grid-template-columns:1fr;display:grid}.principle{padding:var(--space-8);border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-primary);justify-content:space-between;gap:var(--space-10);flex-direction:column;min-height:260px;display:flex}.principle .n{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-tertiary)}.principle h3{letter-spacing:0;font-size:26px;line-height:1.1}.principle p{margin-top:var(--space-3);color:var(--text-secondary);letter-spacing:0;line-height:1.5}@media (width>=768px){.principles{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.principles{grid-template-columns:repeat(4,1fr)}}.quotes{gap:var(--space-4);grid-template-columns:1fr;display:grid}.quote-card{padding:var(--space-8);border-radius:var(--radius-md);background:var(--bg-inverted);color:var(--text-inverted);justify-content:space-between;gap:var(--space-10);flex-direction:column;min-height:300px;display:flex}.quote-card p{letter-spacing:0;font-size:22px;line-height:1.3}.quote-card footer{align-items:center;gap:var(--space-3);display:flex}.quote-card .avatar{background:var(--color-gray-800);width:40px;height:40px;font-size:14px;font-weight:var(--fw-medium);border-radius:50%;place-items:center;display:grid}.quote-card b{font-weight:var(--fw-medium);display:block}.quote-card small{color:var(--color-gray-400);font-size:var(--text-sm)}@media (width>=900px){.quotes{grid-template-columns:repeat(3,1fr)}}.closing{text-align:center;align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.closing h2{letter-spacing:0;font-size:44px;line-height:1;font-weight:var(--fw-book);text-wrap:balance;max-width:980px}.closing .dream-actions .btn-outline{display:inline-flex}@media (width>=1024px){.closing h2{font-size:var(--text-display)}}