
.t10{max-width:760px;margin:0 auto;padding:1.2rem 1rem 3rem}
.t10-head{text-align:center;margin:.6rem 0 1.2rem}
.t10-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;margin:0 0 .5rem;opacity:.7}
.t10-head h1{font-size:clamp(2rem,6vw,3.1rem);line-height:1.08;margin:.1rem 0 .7rem}
.t10-dek{font-size:1.12rem;line-height:1.5;margin:0 auto .7rem;max-width:620px;opacity:.85}
.t10-by{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.65;margin:0}
.t10-disc{font-size:.8rem;line-height:1.5;opacity:.75;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);padding:.6rem 0;margin:1rem 0 1.4rem}
.t10-intro p{font-size:1.06rem;line-height:1.7;margin:0 0 1rem}
.t10-item{margin:2.6rem 0 0;padding-top:2.2rem;border-top:1px solid rgba(0,0,0,.12)}
.t10-fig{margin:0 0 1.1rem}
.t10-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#f4f1ee;border-radius:2px}
.t10-frame img,.t10-frame picture{display:block;width:100%;height:100%}
.t10-frame img{object-fit:cover}
.t10-fig.is-contain .t10-frame img{object-fit:contain;background:#fff}
.t10-fig.is-art .t10-frame{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#fff 0,#f3ece6 75%)}
.t10-fig.is-art .t10-frame svg{width:62%;height:auto;max-height:86%}
.t10-num{position:absolute;left:0;top:0;background:#111;color:#fff;font:600 1.15rem/1 Georgia,serif;padding:.65rem .85rem;min-width:2.6rem;text-align:center}
.t10-fig figcaption{font-size:.74rem;line-height:1.4;opacity:.65;margin-top:.4rem}
.t10-fig figcaption a{color:inherit}
.t10-best{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;margin:0 0 .5rem;padding:.25rem .6rem;border:1px solid currentColor;border-radius:999px}
.t10-item h2{font-size:clamp(1.45rem,4.5vw,2rem);line-height:1.15;margin:.1rem 0 .2rem}
.t10-rank{opacity:.45}
.t10-brand{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;opacity:.7;margin:0 0 .7rem}
.t10-meta{font-size:.98rem;line-height:1.6;margin:.2rem 0 .8rem}
.t10-price{font-size:1.2rem}
.t10-star{color:#c8932b}
.t10-muted{opacity:.72}.t10-sep{opacity:.4;margin:0 .15rem}
.t10-date{display:block;font-size:.74rem;opacity:.6}
.t10-desc{font-size:1.04rem;line-height:1.7;margin:0 0 1rem}
.t10-desc a{color:inherit}
.t10-cta{margin:0 0 .4rem}
.t10-btn{display:block;text-align:center;background:#111;color:#fff!important;text-decoration:none;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.86rem;padding:.95rem 1.4rem;border-radius:2px}
.t10-btn:hover{opacity:.85}
.t10-paid{display:block;text-align:center;font-size:.72rem;opacity:.65;margin-top:.3rem}
.t10-alt{font-size:.82rem;text-align:center;margin:.3rem 0 0;opacity:.8}.t10-alt .t10-paid{display:inline}
.t10-how{margin-top:3rem;padding-top:1.6rem;border-top:2px solid #111;font-size:.95rem;line-height:1.65}
.t10-how h2{font-size:1.3rem}
.t10-more{margin-top:2rem;font-size:.95rem}.t10-more ul{padding-left:1.1rem}.t10-more li{margin:.3rem 0}
.t10-tiles{display:grid;grid-template-columns:1fr;gap:1.4rem;margin-top:1.5rem}
.t10-tile{display:block;text-decoration:none;color:inherit;border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:1rem}
.t10-tile-fig{display:block;aspect-ratio:3/2;overflow:hidden;background:#f4f1ee;margin-bottom:.6rem}
.t10-tile-fig img,.t10-tile-fig picture{width:100%;height:100%;object-fit:cover;display:block}
.t10-tile-fig svg{display:block;margin:0 auto;height:100%;width:auto;padding:8%}
.t10-tile-t{display:block;font:600 1.25rem/1.25 Georgia,serif}.t10-tile-s{display:block;font-size:.85rem;opacity:.7;margin-top:.25rem}
@media(min-width:700px){.t10{padding-top:2rem}.t10-btn{display:inline-block}.t10-paid{display:inline;margin-left:.4rem}.t10-cta,.t10-alt{text-align:left}
.t10-tiles{grid-template-columns:1fr 1fr}.t10-frame{aspect-ratio:3/2}.t10-fig.is-tall{max-width:560px;margin:0 auto 1.1rem}.t10-fig.is-tall .t10-frame{aspect-ratio:4/5}}
.t10-fig.is-art .t10-frame{background:#f4e7d3}
