/* Collector's List lead magnet */
.cl-banner{position:relative;margin-block:1.5rem;padding:1.4rem 1.25rem;border:1px solid #f0a8c859;border-radius:1.25rem;background:radial-gradient(120% 140% at 0% 0%,#f0a8c826,#0000 55%),radial-gradient(120% 140% at 100% 100%,#c3b4f026,#0000 55%),#1b1722e6;box-shadow:0 0 32px #f0a8c81a;display:grid;gap:1rem;align-items:center}
.cl-banner h2{margin:.1rem 0 .35rem;font-size:clamp(1.6rem,3.2vw,2.3rem)}
.cl-banner p{margin:0;color:var(--color-mute)}
.cl-banner .cluster{margin-top:0}
@media (min-width:52rem){.cl-banner{grid-template-columns:1fr auto;padding:1.6rem 1.8rem}}
.cl-perks{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.45rem}
.cl-perks li{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start;color:var(--color-paper)}
.cl-perks li:before{content:"";width:.55rem;height:.55rem;margin-top:.5rem;border-radius:999px;background:#f0a8c8;box-shadow:0 0 10px #f0a8c8}
.cl-hero{display:grid;gap:2rem;align-items:start}
@media (min-width:60rem){.cl-hero{grid-template-columns:1.05fr .95fr}}
.cl-panel{border:1px solid var(--color-line);border-radius:1.25rem;background:#1b1722e6;padding:1.25rem;box-shadow:0 0 28px #c3b4f014}
.cl-panel h2{margin:0 0 .6rem;font-size:1.8rem}
.cl-benefits{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:40rem){.cl-benefits{grid-template-columns:1fr 1fr}}
@media (min-width:64rem){.cl-benefits{grid-template-columns:repeat(4,1fr)}}
.cl-benefit{border:1px solid var(--color-line);border-radius:1.1rem;background:#1b1722e0;padding:1rem}
.cl-benefit h3{margin:0 0 .4rem;font-size:1.3rem;color:var(--color-paper)}
.cl-benefit p{margin:0;color:var(--color-mute)}
.cl-benefit .cl-num{font-family:var(--font-audiowide);color:#f0a8c8;text-shadow:0 0 12px #f0a8c88c;font-size:1.1rem}
.cl-gallery{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}
@media (min-width:48rem){.cl-gallery{grid-template-columns:repeat(3,1fr)}}
@media (min-width:64rem){.cl-gallery{grid-template-columns:repeat(6,1fr)}}
.cl-gallery a{display:block;border:1px solid var(--color-line);border-radius:1rem;overflow:hidden;background:#100e14}
.cl-gallery a:hover{border-color:#f0a8c88c}
.cl-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.form fieldset.cl-interests{border:1px solid var(--color-line);border-radius:.8rem;margin:0;padding:.75rem .9rem;display:grid;gap:.45rem;min-width:0}
.form fieldset.cl-interests legend{color:var(--color-gold);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;padding:0 .3rem}
.cl-interest-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .9rem}
.form .cl-fine{color:var(--color-faint);font-size:.88rem;margin:0}
.form .cl-fine a{color:var(--color-lavender)}
.cl-faq details{border:1px solid var(--color-line);border-radius:.8rem;background:#100e14b3;margin:0 0 .6rem}
.cl-faq summary{cursor:pointer;color:var(--color-paper);padding:.85rem 1rem;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:.75rem;min-height:2.75rem;align-items:center}
.cl-faq summary::-webkit-details-marker{display:none}
.cl-faq summary:after{content:"+";color:#f0a8c8;font-size:1.3rem;line-height:1}
.cl-faq details[open] summary:after{content:"\2212"}
.cl-faq details>div{padding:0 1rem 1rem;color:var(--color-mute)}
.cl-faq details>div p{margin:0}
.cl-downloads{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:48rem){.cl-downloads{grid-template-columns:repeat(3,1fr)}}
.cl-downloads figure{margin:0;border:1px solid var(--color-line);border-radius:1rem;overflow:hidden;background:#fff}
.cl-downloads img{display:block;width:100%;height:auto}
.cl-downloads .card{gap:.6rem}
.cl-footer-cta{border-bottom:1px solid var(--color-line);margin-bottom:1.5rem;padding-block:1.25rem;display:flex;flex-wrap:wrap;gap:.9rem 1.5rem;align-items:center;justify-content:space-between}
.cl-footer-cta p{margin:0;color:var(--color-mute);max-width:40rem}
.cl-footer-cta strong{color:var(--color-paper);font-family:var(--font-audiowide);font-weight:400;display:block;font-size:1.25rem;margin-bottom:.2rem}
.popup-card .cl-popup-link{display:inline-block;margin-top:.6rem;color:var(--color-lavender)}
.cl-note{margin-top:1rem}

/* v2: resources, stickers, conventions */
.lm-cards{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:40rem){.lm-cards{grid-template-columns:1fr 1fr}}
@media (min-width:64rem){.lm-cards{grid-template-columns:repeat(3,1fr)}}
.lm-card{display:flex;flex-direction:column;gap:.55rem;border:1px solid var(--color-line);border-radius:1.1rem;background:#1b1722e0;padding:1rem;color:inherit;text-decoration:none}
a.lm-card:hover{border-color:#f0a8c88c}
.lm-card h3{margin:0;font-size:1.3rem;color:var(--color-paper)}
.lm-card p{margin:0;color:var(--color-mute)}
.lm-card .lm-go{margin-top:auto;color:var(--color-lavender)}
.lm-thumb{border-radius:.8rem;overflow:hidden;background:#100e14;aspect-ratio:4/5;display:grid;place-items:center;border:1px solid var(--color-line)}
.lm-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.lm-thumb.ph{background:radial-gradient(120% 120% at 0 0,#f0a8c833,#0000 60%),radial-gradient(120% 120% at 100% 100%,#c3b4f033,#0000 60%),#16131c}
.lm-thumb.ph span{font-family:var(--font-audiowide);color:#f0a8c8;text-shadow:0 0 12px #f0a8c88c;font-size:1.15rem;text-align:center;padding:1rem}
.lm-xlinks{display:grid;gap:.75rem;grid-template-columns:1fr}
@media (min-width:48rem){.lm-xlinks{grid-template-columns:repeat(3,1fr)}}
.lm-pill{display:inline-block;border:1px solid var(--color-line);border-radius:999px;padding:.1rem .6rem;font-size:.78rem;letter-spacing:.06em;color:var(--color-mute)}
.lm-pill.hot{border-color:#f0a8c88c;color:#f0a8c8}
.conv-stale{display:inline-block;border:1px solid #f2b45a;color:#f2b45a;border-radius:.4rem;padding:.05rem .45rem;font-size:.8rem}
.conv-stale[hidden]{display:none}
.conv-meta{display:grid;gap:.2rem;margin:0;color:var(--color-mute);font-size:.95rem}
.conv-meta dt{color:var(--color-gold);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.35rem}
.conv-meta dd{margin:0;color:var(--color-paper)}
.lm-list{margin:.4rem 0 0;padding-left:1.1rem;color:var(--color-paper)}
.lm-list li{margin:.25rem 0}
.st-grid{display:grid;gap:.75rem;grid-template-columns:1fr}
@media (min-width:36rem){.st-grid.two{grid-template-columns:1fr 1fr}}
@media (min-width:36rem){.st-grid.three{grid-template-columns:2fr 1fr 1fr}}
.form select{width:100%;min-height:2.75rem;border-radius:.6rem;border:1px solid var(--color-line);background:#100e14;color:var(--color-paper);padding:.55rem .7rem;font:inherit}
.st-msg{border-radius:.8rem;padding:.8rem 1rem;margin:0;border:1px solid var(--color-line)}
.st-msg.err{border-color:#f2b45a;color:#ffd9a3}
.st-msg.ok{border-color:#9be3b5;color:#cdf5da}
.st-msg[hidden]{display:none}
.form .field-err{color:#ffd9a3;font-size:.85rem}
.st-preview{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}
@media (min-width:64rem){.st-preview{grid-template-columns:repeat(6,1fr)}}
.st-preview a{display:block;border:1px solid var(--color-line);border-radius:1rem;overflow:hidden;background:#100e14;padding:.5rem}
.st-preview img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.lm-caption{color:var(--color-faint);font-size:.9rem;margin:.6rem 0 0}