.album-page{--album-spread-ease:cubic-bezier(.33, 0, .67, 1);--album-spread-ms:.42s;gap:26px;display:grid}.album-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;margin:0;padding:0;list-style:none;display:grid}.album-card{background:var(--heo-card-bg,#fff);box-shadow:var(--heo-shadow-border,0 0 0 1px #0000000f);transition:transform .22s var(--album-spread-ease), box-shadow .22s var(--album-spread-ease);border-radius:16px;gap:8px;padding:14px;display:grid;position:relative}.album-card:hover{box-shadow:var(--heo-shadow,0 8px 24px #00000014);transform:translateY(-2px)}.album-card__link{color:inherit;gap:8px;text-decoration:none;display:grid}.album-card__stack{aspect-ratio:21/9;border-radius:10px;position:relative;overflow:hidden}.album-card__stack img{object-fit:cover;height:100%;box-shadow:0 0 0 3px var(--heo-card-bg,#fff), var(--heo-shadow-border,0 0 0 1px #0000000f);transform-origin:bottom;transition:left var(--album-spread-ms) var(--album-spread-ease);border-radius:10px;position:absolute;inset:auto auto 0 0}.album-card__title{font-size:1.02rem;font-weight:650}.album-card__meta,.album-card__desc{color:var(--heo-secondtext,#6b7280);font-size:.82rem}.album-card__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;display:-webkit-box;overflow:hidden}.album-card__empty{background:var(--heo-secondbg,#f3f4f6);height:100%;color:var(--heo-secondtext,#6b7280);border-radius:10px;place-items:center;display:grid}.album-detail{grid-template-columns:minmax(0,1fr);gap:26px;display:grid}.album-hero{background:var(--heo-secondbg,#f3f4f6);aspect-ratio:21/9;box-shadow:var(--heo-shadow-border,0 0 0 1px #0000000f);border-radius:20px;position:relative;overflow:hidden}.album-hero img{object-fit:cover;width:100%;height:100%}.album-hero__body{color:#fff;background:linear-gradient(#0c0a1400,#0c0a146b 45%,#0c0a14d1);gap:6px;padding:26px;display:grid;position:absolute;inset:auto 0 0}.album-hero__eyebrow{letter-spacing:.18em;opacity:.86;font-size:.78rem}.album-hero__title{text-shadow:0 2px 12px #00000059;margin:0;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:700;line-height:1.2}.album-hero__meta,.album-hero__desc{opacity:.9;margin:0;font-size:.88rem}.album-hero__desc{max-width:46em;line-height:1.6}.album-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.album-pill{background:var(--heo-secondbg,#f3f4f6);color:var(--heo-fontcolor,#111827);font:inherit;cursor:pointer;transition:background .18s var(--album-spread-ease), color .18s var(--album-spread-ease);border:0;border-radius:999px;align-items:center;padding:6px 14px;font-size:.84rem;text-decoration:none;display:inline-flex}.album-pill:hover{background:color-mix(in srgb, var(--heo-fontcolor,#111827) 12%, var(--heo-secondbg,#f3f4f6))}.album-toolbar__count{color:var(--heo-secondtext,#6b7280);margin-right:auto;font-size:.88rem}.album-fold{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.album-fold__head{align-items:center;gap:8px;font-size:.92rem;display:flex}.album-fold__dot{background:var(--heo-fontcolor,#111827);opacity:.5;border-radius:999px;width:6px;height:6px}.album-fold__title{color:var(--heo-fontcolor,#111827);font-weight:600}.album-fold__count{color:var(--heo-secondtext,#6b7280);margin-left:2px;font-size:.84rem}.pile{--pile-expand-ms:.34s;--pile-collapse-ms:.28s;--pile-ease:cubic-bezier(.33, 0, .67, 1);--pile-ms:var(--pile-collapse-ms);min-width:0;position:relative}.pile[data-expanded=true]{--pile-ms:var(--pile-expand-ms)}.pile__viewport{max-width:100%;height:320px;transition:height var(--pile-ms) var(--pile-ease);touch-action:pan-y;outline:none;position:relative;overflow:hidden}.pile:not([data-expanded=true]) .pile__viewport{cursor:pointer}.pile__viewport:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--heo-fontcolor,#111827) 35%, transparent);border-radius:12px}.pile__track{position:relative}.pile__card{transition:top var(--pile-ms) var(--pile-ease), left var(--pile-ms) var(--pile-ease), width var(--pile-ms) var(--pile-ease), transform var(--pile-ms) var(--pile-ease);position:absolute;top:0;left:0;right:auto}.pile__card img{object-fit:cover;width:100%;height:auto;box-shadow:0 0 0 3px var(--heo-card-bg,#fff), var(--heo-shadow-border,0 0 0 1px #0000000f);border-radius:12px;display:block}.pile__hint{color:var(--heo-secondtext,#6b7280);text-align:center;margin-top:10px;font-size:.8rem;display:block}.pile__hint[hidden]{display:none}.pile__badge{z-index:900;position:absolute;bottom:12px;left:12px}.pile[data-expanded=true] .pile__badge{width:fit-content;margin:14px auto 0;display:block;position:static}.pile[data-expanded=true][data-axis=x] .pile__viewport{overscroll-behavior-x:contain;touch-action:auto;overflow:auto hidden}.pile[data-expanded=true][data-axis=x] .pile__viewport::-webkit-scrollbar{height:8px}.pile[data-expanded=true][data-axis=x] .pile__viewport::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--heo-secondtext,#6b7280) 32%, transparent);border-radius:999px}.pile[data-expanded=true][data-axis=x] .pile__viewport::-webkit-scrollbar-track{background:0 0}@media (max-width:720px){.album-page{gap:20px}.album-list{grid-template-columns:minmax(0,1fr);gap:14px}.album-hero{aspect-ratio:16/10;border-radius:16px}.album-hero__body{padding:18px}.album-toolbar__count{width:100%}}@media (prefers-reduced-motion:reduce){.album-card__stack img,.pile__viewport,.pile__card{transition:none}}