.collection-hero-wrap{background:radial-gradient(circle at 88% 18%, #ff4d2e42, transparent 38%), radial-gradient(circle at 70% 90%, #e8155e2e, transparent 40%), radial-gradient(circle at 8% 10%, #ffb80047, transparent 35%), var(--bg);margin-top:-80px;padding:96px 0 40px;position:relative}.collection-breadcrumb{color:var(--hint);flex-wrap:wrap;align-items:center;gap:8px;padding-top:28px;font-size:13px;font-weight:600;display:flex}.collection-breadcrumb a{min-height:32px;color:var(--body);align-items:center;display:inline-flex}.collection-breadcrumb a:hover{color:var(--magenta)}.collection-hero{padding:36px 0 20px}.collection-hero h1{max-width:880px;font-size:clamp(40px,5.6vw,72px)}.collection-hero>p:last-child{max-width:36em;color:var(--body);margin:24px 0 0;font-size:19px;line-height:1.55}.tool-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:28px 0 64px;display:grid}.tool-entry{border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.tool-entry:hover{transform:translateY(-4px);box-shadow:0 22px 40px -18px #b41e3c61}.tool-art{background:var(--peach);border-radius:20px;height:290px;margin:8px 8px 0;overflow:hidden}.tool-art>img{object-fit:cover;object-position:center 12%;width:100%;height:100%;transition:transform .5s}.tool-entry:hover .tool-art>img{transform:scale(1.03)}.tool-art-strip{background:var(--blush);justify-content:center;align-items:center;gap:24px;display:flex}.tool-art-strip .mini-strip{background:#fff;gap:7px;width:140px;padding:10px 10px 28px;display:grid;transform:rotate(-8deg);box-shadow:0 14px 26px -14px #3c141e80}.tool-art-strip .mini-strip:last-child{transform:rotate(9deg)translateY(14px)}.mini-strip img{object-fit:cover;width:100%;height:76px}.tool-entry-copy{flex-direction:column;flex:1;padding:24px 28px 28px;display:flex}.tool-entry-copy small{background:var(--chip);color:var(--magenta);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:800}.tool-entry-copy h2{letter-spacing:-.03em;margin:14px 0 10px;font-size:clamp(24px,2.5vw,30px);line-height:1.08}.tool-entry-copy p{color:var(--body);margin:0;font-size:16px;line-height:1.55}.tool-entry-copy .tool-detail{color:var(--hint);margin-top:14px;font-size:14px}.tool-action{color:var(--plum);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:20px;font-size:15px;font-weight:700;display:flex}.tool-action span{background:var(--chip);width:34px;height:34px;color:var(--plum);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex}.tool-entry:hover .tool-action span{background:var(--magenta);color:#fff}.collection-note{color:var(--hint);margin:-36px 0 56px;font-size:14px;line-height:1.6}.collection-callout{border-radius:var(--radius-xl);background:var(--peach);margin-bottom:80px;padding:44px}.collection-callout h2{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(30px,4vw,44px);line-height:1.02}.collection-callout p{max-width:40em;color:var(--body);margin:0;font-size:18px;line-height:1.55}.collection-callout .text-link{background:var(--plum);color:#fff;margin-top:22px}.collection-callout .text-link:hover{background:var(--plum);color:var(--lemon)}.blog-empty{grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin:10px 0 70px;display:grid}.blog-empty figure{border-radius:var(--radius-lg);margin:0;overflow:hidden}.blog-empty img{object-fit:cover;object-position:center 35%;width:100%;height:380px}.blog-empty h2{font-size:clamp(28px,3.5vw,42px);line-height:1.05}.blog-empty p{color:var(--body);line-height:1.6}.blog-empty .text-link{margin-top:18px}@media (max-width:860px){.tool-directory{gap:18px}}@media (max-width:640px){.collection-page .shell{width:calc(100% - 32px)}.collection-hero-wrap{padding:90px 0 24px}.collection-hero{padding:24px 0 12px}.collection-hero h1{font-size:clamp(38px,11vw,46px)}.collection-hero>p:last-child{font-size:17px}.tool-directory,.blog-empty{grid-template-columns:1fr;gap:18px}.tool-art{height:250px}.tool-entry-copy{padding:22px 22px 26px}.collection-note{margin-top:-28px}.collection-callout{border-radius:28px;padding:28px 24px}.blog-empty{margin-top:0}.blog-empty figure{order:2}.blog-empty img{height:280px}}@media (prefers-reduced-motion:reduce){.tool-entry,.tool-art>img{transition:none}.tool-entry:hover,.tool-entry:hover .tool-art>img{transform:none}}