.art-head{z-index:1;padding:var(--space-20) 0 var(--space-9);position:relative}.art-eyebrow{font-size:var(--fs-caption);letter-spacing:.2em;text-transform:uppercase;color:var(--text-subtle);margin:0 0 var(--gap-lg)}.art-title{font-size:var(--fs-page-title);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-display);margin:0 0 var(--space-6);line-height:1.08}.art-sub{font-size:var(--fs-sub);color:var(--text-muted);max-width:58ch;margin:0;line-height:1.66}.art-sub b{color:var(--text);font-weight:var(--fw-semibold);font-size:var(--fs-body-lg);margin-bottom:var(--space-2);display:block}.art-filter{z-index:1;align-items:center;gap:var(--space-3);padding:var(--space-9) 0 var(--space-8);flex-wrap:wrap;display:flex;position:relative}.art-chip{align-items:baseline;gap:var(--space-2);border:1px solid var(--border);background:var(--surface-tint);border-radius:var(--r-pill);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--text-muted);cursor:pointer;letter-spacing:var(--ls-body);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);display:inline-flex}.art-chip .n{font-size:var(--fs-micro);color:var(--text-subtle);transition:color var(--dur-fast) var(--ease)}.art-chip:hover{color:var(--text);border-color:var(--border-strong)}.art-chip.on{background:var(--violet);border-color:var(--violet);color:var(--white)}.art-chip.on .n{color:var(--on-media-muted)}.art-count{font-size:var(--fs-xs);color:var(--text-subtle);margin-left:auto}.art-count b{color:var(--text-muted);font-weight:var(--fw-semibold)}.art-meta{font-size:var(--fs-xs);color:var(--text-subtle);align-items:center;gap:var(--space-2);display:flex}.art-meta__dot{width:var(--space-1);height:var(--space-1);border-radius:var(--r-pill);background:var(--text-subtle);display:inline-block}.art-feat{z-index:1;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface-1);margin-bottom:var(--space-12);transition:border-color var(--dur) var(--ease), transform var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease);grid-template-columns:1.15fr 1fr;gap:0;text-decoration:none;display:grid;position:relative;overflow:hidden}.art-feat:hover{border-color:var(--border-strong);transform:translateY(var(--lift));box-shadow:var(--shadow-deep)}.art-feat__shot{min-height:var(--feat-shot-h);position:relative;overflow:hidden}.art-feat:hover .thumb{transform:scale(var(--scale-image))}.art-feat__body{padding:var(--space-12);flex-direction:column;justify-content:center;display:flex}.art-feat__badge{align-items:center;gap:var(--space-2);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--violet-bright);border:1px solid var(--border-violet);background:var(--tint-violet);border-radius:var(--r-pill);padding:var(--space-1) var(--space-3);margin-bottom:var(--gap);align-self:flex-start;display:inline-flex}.art-feat__cat{font-size:var(--fs-xs);color:var(--text-subtle);letter-spacing:.04em;margin-bottom:var(--space-3)}.art-feat__title{font-size:var(--fs-title-md);font-weight:var(--fw-extrabold);letter-spacing:-.03em;margin:0 0 var(--space-4);color:var(--text);transition:color var(--dur) var(--ease);line-height:1.22}.art-feat:hover .art-feat__title{color:var(--violet-bright)}.art-feat__excerpt{font-size:var(--fs-sm);color:var(--text-muted);margin:0 0 var(--gap-lg);line-height:1.66}.art-grid{z-index:1;gap:var(--space-6);scroll-margin-top:var(--space-24);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.art-grid:focus{outline:none}.art-post{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface-1);transition:border-color var(--dur) var(--ease), transform var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.art-post:hover{border-color:var(--border-strong);transform:translateY(var(--lift));box-shadow:var(--shadow-lift)}.art-post__shot{aspect-ratio:16/9;position:relative;overflow:hidden}.art-post:hover .thumb{transform:scale(var(--scale-image))}.art-post__tag{top:var(--gap-sm);left:var(--gap-sm);z-index:2;font-size:var(--fs-micro);color:var(--on-media);background:var(--chip-media-bg);-webkit-backdrop-filter:var(--blur-chip);backdrop-filter:var(--blur-chip);border:1px solid var(--on-media-border);border-radius:var(--r-pill);padding:var(--space-1) var(--space-3);position:absolute}.art-post__body{padding:var(--gap-lg) var(--gap-lg) var(--space-5);flex-direction:column;flex:1;display:flex}.art-post__title{font-size:var(--fs-body-lg);font-weight:var(--fw-bold);letter-spacing:var(--ls-heading);margin:0 0 var(--space-3);color:var(--text);transition:color var(--dur) var(--ease);line-height:1.42}.art-post:hover .art-post__title{color:var(--violet-bright)}.art-post__excerpt{font-size:var(--fs-caption);line-height:var(--lh-body);color:var(--text-subtle);margin:0 0 var(--gap)}.art-post .art-meta{margin-top:auto}.art-pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-10);display:flex}.art-page-btn{min-width:var(--space-9);height:var(--space-9);padding:0 var(--space-2);border:1px solid var(--border);background:var(--surface-tint);border-radius:var(--r-pill);color:var(--text-muted);font-family:inherit;font-size:var(--fs-caption);cursor:pointer;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);justify-content:center;align-items:center;display:inline-flex}.art-page-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.art-page-btn.on{background:var(--violet);border-color:var(--violet);color:var(--white)}.art-page-btn:disabled{opacity:.4;cursor:default}@media (max-width:1080px){.art-grid{grid-template-columns:repeat(2,1fr)}.art-feat__body{padding:var(--space-9) var(--space-8)}.art-feat__shot{min-height:var(--feat-shot-h-md)}}@media (max-width:640px){.art-head{padding:var(--space-14) 0 var(--space-6)}.art-feat{margin-bottom:var(--space-9);grid-template-columns:1fr}.art-feat__shot{aspect-ratio:16/9;min-height:0}.art-feat__body{padding:var(--space-6) var(--gap-lg) var(--space-8)}.art-grid{gap:var(--space-5);grid-template-columns:1fr}.art-count{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.art-feat,.art-post,.art-feat:hover .thumb,.art-post:hover .thumb{transition:none}}