.avatar-main{width:min(1280px,calc(100% - 48px));margin:0 auto}
.avatar-hero{padding:clamp(88px,12vw,170px) 0 90px;border-bottom:1px solid var(--line)}
.avatar-hero-top{display:flex;justify-content:space-between;align-items:center;gap:24px}
.avatar-back{color:var(--muted);font-size:11px;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}
.avatar-back:hover{color:var(--ink)}
.avatar-hero h1{margin:38px 0 64px;font:400 clamp(86px,15vw,210px)/.75 Georgia,serif;letter-spacing:-.075em}
.avatar-hero h1 span{color:var(--accent)}
.avatar-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}
.avatar-intro p:first-child{margin:0;font:400 clamp(32px,4vw,58px)/1.1 Georgia,serif}
.avatar-intro p:last-child{max-width:440px;margin:0;color:var(--muted);font-size:13px;line-height:1.9}
.avatar-directory{padding:66px 0 0}
.avatar-controls{display:grid;grid-template-columns:minmax(200px,1fr) 200px auto;gap:20px;align-items:end;margin-bottom:64px}
.avatar-controls label{display:grid;gap:12px;color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.avatar-controls input,.avatar-controls select{width:100%;height:52px;border:1px solid var(--line);border-radius:0;padding:0 16px;background:#131316;color:var(--ink);font:13px Inter,"Noto Sans JP",sans-serif}
.avatar-controls input:focus-visible,.avatar-controls select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#avatar-count{padding-bottom:16px;color:var(--muted);font-size:10px;letter-spacing:.16em;white-space:nowrap;text-transform:uppercase}
.avatar-year-group{margin:0 0 74px}
.avatar-year-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}
.avatar-year-head h2{margin:0;font:400 clamp(48px,7vw,86px)/1 Georgia,serif;letter-spacing:-.055em}
.avatar-year-head span{color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.avatar-rows{border-top:1px solid var(--line)}
.avatar-row{display:grid;grid-template-columns:56px minmax(0,1fr) 140px 170px;gap:16px;align-items:center;min-height:68px;border-bottom:1px solid var(--line)}
.avatar-index{color:var(--muted);font-size:10px;letter-spacing:.1em}
.avatar-name{min-width:0;overflow-wrap:anywhere;font-size:clamp(15px,1.5vw,20px)}
.avatar-date{color:var(--muted);font-size:12px;white-space:nowrap}
.avatar-product{justify-self:end;color:var(--muted);font-size:11px;text-decoration:none;white-space:nowrap}
a.avatar-product{color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:3px}
a.avatar-product:hover{color:var(--accent)}
.avatar-loading,.avatar-empty{padding:60px 0;color:var(--muted);font:400 28px Georgia,serif}
.avatar-note{margin:80px 0 0;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.8}
@media(max-width:760px){.avatar-main{width:calc(100% - 32px)}.avatar-hero{padding:90px 0 64px}.avatar-hero h1{margin:38px 0 48px;font-size:clamp(72px,20vw,130px)}.avatar-intro{grid-template-columns:1fr;gap:18px}.avatar-controls{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:54px}.avatar-controls label:first-child{grid-column:1/-1}#avatar-count{grid-column:1/-1;padding:0}.avatar-row{grid-template-columns:32px minmax(0,1fr) auto;gap:8px 10px;padding:14px 0}.avatar-name{grid-column:2/4}.avatar-date{grid-column:2}.avatar-product{grid-column:3}.avatar-year-group{margin-bottom:60px}}