.header-links{display:flex;gap:24px;font-size:13px}.directory-intro{padding:38px 0 28px;display:flex;justify-content:space-between;align-items:end;gap:20px}.directory-intro h1{font-size:clamp(30px,3.7vw,54px)}.directory-intro p:last-child{font-size:14px;color:var(--muted)}.batch{color:var(--muted);text-align:right;font-size:12px;line-height:2;white-space:nowrap}.batch b{font-weight:400;color:var(--red);font-size:17px}#doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:30px}.door{border:0;padding:0;background:none;text-align:left;color:var(--ink)}.door-image{aspect-ratio:16/10;overflow:hidden;background:#ddd7cd;position:relative}.door-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.door:hover img{transform:scale(1.04)}.door-line{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.door h2{font-size:20px;font-weight:400;margin:0;font-family:"Songti SC",serif}.door-line span{font-size:12px;color:var(--red)}.door p{font-size:12px;color:var(--muted);line-height:1.6;margin:8px 0}.door[aria-pressed=true] .door-line{color:var(--red)}.door[aria-pressed=true] .door-image:after{content:'';position:absolute;inset:0;border-bottom:4px solid var(--red)}.door-swatches{display:flex;position:absolute;left:0;right:0;bottom:0;height:9px}.door-swatches i{flex:1}.directory-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:18px;position:sticky;top:0;background:var(--bg);z-index:2}.directory-toolbar nav{padding:0;gap:26px;flex-wrap:nowrap}.directory-toolbar nav button{padding:19px 0;border:0;border-radius:0;font-size:14px;background:none;color:var(--muted);border-bottom:2px solid transparent}.directory-toolbar nav button[aria-pressed=true]{background:none;color:var(--red);border-color:var(--red)}.directory-toolbar input{border:0;border-bottom:1px solid var(--line);font-size:13px;background:none;padding:9px 0;min-width:230px}.directory-toolbar label{margin:8px 0}#directorySummary{font-size:12px;color:var(--muted);padding-top:24px}.shelf{padding:28px 0 32px;border-bottom:1px solid var(--line)}.shelf-head{display:flex;justify-content:space-between;align-items:baseline;gap:15px}.shelf h2{font:400 29px "Songti SC",serif;margin:0}.shelf-head a{color:var(--red);font-size:12px;white-space:nowrap}.shelf p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 17px}.shelf-meta{font-size:11px;color:var(--muted);margin-left:14px}.strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.strip a{display:block;min-width:0}.strip img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#e7e2d9;transition:opacity .15s}.strip a:hover img{opacity:.8}.strip span{display:block;font-size:11px;color:var(--muted);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-links{padding-top:38px}.topic-links h2{font:400 28px "Songti SC",serif;margin:0}.topic-links p{color:var(--muted);font-size:13px}.topic-links>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.topic-links a{border:1px solid var(--line);padding:12px 16px;font-size:13px}.topic-links a:hover{border-color:var(--red);color:var(--red)}#noGroups{padding:60px;text-align:center;color:var(--muted)}@media(max-width:900px){#doors{grid-template-columns:repeat(2,minmax(0,1fr))}.strip{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-toolbar{flex-wrap:wrap;gap:0;padding-bottom:12px}.directory-toolbar label{width:100%;margin:0}.directory-toolbar input{width:100%}.directory-toolbar nav{width:100%;justify-content:space-between;gap:12px}.batch{display:none}}@media(max-width:560px){.header-links{gap:12px;font-size:11px}#doors{gap:18px 12px}.door h2{font-size:18px}.door-line span{font-size:10px}.door p{font-size:11px}.directory-intro{padding:25px 0 22px}.directory-intro h1{font-size:29px}.directory-intro p:last-child{font-size:12px;line-height:1.8}.directory-toolbar nav button{font-size:13px}.strip{display:flex;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.strip a{flex:0 0 44%;scroll-snap-align:start}.shelf h2{font-size:25px}.shelf-meta{display:block;margin:7px 0 0}.shelf-head{align-items:center}.shelf{padding:24px 0}.topic-links a{font-size:12px}}

#lanes button[data-lane="color"]{margin-left:24px}#lanes button[data-lane="color"],#lanes button[data-lane="photo"]{font-size:12px} @media(max-width:560px){#doors{grid-template-columns:1fr}.door-image{aspect-ratio:2.6}.directory-toolbar nav{overflow-x:auto;justify-content:start;gap:20px}.directory-toolbar nav button{white-space:nowrap}#lanes button[data-lane="color"]{margin-left:8px}}