.listicle{--listicle-cream: #fdfbdb;--listicle-yellow: #ffd600;background:#f3f0e7;color:#000}.listicle .listicle__container{width:min(100% - 64px,1256px);margin-inline:auto}.listicle .listicle__hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:clamp(32px,4.5vw,76px);padding-block:clamp(32px,4vw,64px)}.listicle .listicle__hero-copy{min-width:0;padding-block:12px}.listicle .listicle__eyebrow{margin:0 0 20px;font-size:.72rem;font-weight:700;letter-spacing:.11em;line-height:1.4}.listicle .listicle__headline{display:flex;align-items:flex-start;gap:clamp(12px,1.6vw,24px);margin:0;font-size:clamp(2.35rem,3.4vw,3.5rem);line-height:.99;letter-spacing:-.035em;text-transform:uppercase}.listicle .listicle__headline>span:last-child{max-width:13ch}.listicle .listicle__five{display:flex;flex:none;align-items:center;justify-content:center;width:1.05em;height:1.12em;margin-top:-.035em;border-radius:.15em;background:var(--listicle-yellow);font-size:2.3em;line-height:.9;transform:rotate(-5deg)}.listicle .listicle__intro{max-width:41ch;margin:24px 0;font-size:clamp(.9375rem,1.3vw,1.1rem);line-height:1.5}.listicle .listicle__cta,.listicle-sticky .listicle-sticky__button{display:inline-flex;align-items:center;justify-content:center;gap:22px;width:min(100%,360px);min-height:54px;padding:12px 22px;border:2px solid #000;border-radius:999px;background:#ffd600;color:#000;box-shadow:none;font-size:1.12rem;line-height:1.05;text-decoration:none;white-space:nowrap}.listicle .listicle__cta svg,.listicle-sticky .listicle-sticky__button svg{flex:none;width:17px;height:17px}.listicle .listicle__cta:focus-visible,.listicle-sticky .listicle-sticky__button:focus-visible{outline:3px solid #000;outline-offset:5px}.listicle .listicle__cta-note{max-width:360px;margin:10px 0 0;color:#565650;font-size:.6875rem;line-height:1.4;text-align:center}.listicle .listicle__hero-media{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:24px;aspect-ratio:1 / 1.06;background:#dfdacc}.listicle .listicle__hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:42% center}.listicle .listicle__photo-note{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;gap:9px;width:fit-content;max-width:calc(100% - 40px);padding:11px 14px;border-radius:999px;background:var(--listicle-cream);color:#000;font-size:.75rem;font-weight:600;line-height:1.3}.listicle .listicle__photo-note svg{flex:none;width:21px;height:21px}.listicle .listicle__reasons{padding-top:36px;padding-bottom:24px}.listicle .listicle__reason{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,7vw,112px);padding-block:clamp(36px,5vw,72px);border-bottom:1px solid #d7d3c9}.listicle .listicle__reason:last-child{border-bottom:0}.listicle .listicle__reason-copy{min-width:0;max-width:480px}.listicle .listicle__number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 0 18px;border:1.5px solid #000;border-radius:50%;background:var(--listicle-yellow);font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums}.listicle .listicle__reason-title{max-width:100%;text-wrap:balance;margin:0 0 18px;font-size:clamp(1.85rem,3.25vw,3.1rem);line-height:1.03;letter-spacing:normal;text-transform:uppercase}.listicle .listicle__reason-body{max-width:41ch;font-size:1rem;line-height:1.6}.listicle .listicle__reason-body p{margin:0}.listicle .listicle__reason-body p+p{margin-top:12px}.listicle .listicle__reason-copy>.listicle__cta{margin-top:25px}.listicle .listicle__reason-media{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:20px;aspect-ratio:1 / 1;background:#e8e3d6}.listicle .listicle__reason-image,.listicle .listicle__video{display:block;width:100%;height:100%;object-fit:cover}.listicle .listicle__reason--reverse .listicle__reason-copy{grid-column:2;grid-row:1}.listicle .listicle__reason--reverse .listicle__reason-media{grid-column:1;grid-row:1}.listicle .listicle__reason-media--detail{aspect-ratio:1 / 1;background:#171715}.listicle .listicle__reason-media--detail .listicle__reason-image{object-fit:cover}.listicle .listicle__reason-media--video{aspect-ratio:1 / 1;background:#d7cfbd}.listicle .listicle__video{object-fit:contain}.listicle .listicle__caption{position:absolute;bottom:16px;left:16px;max-width:calc(100% - 32px);margin:0;padding:8px 11px;border-radius:8px;background:#fdfbdbed;color:#000;font-size:.7rem;line-height:1.3}.listicle .listicle__reason-media--video .listicle__caption{top:16px;bottom:auto}.listicle .listicle__quality-link{margin-top:24px}.listicle .listicle__quality-link .panel-quality-card{width:100%;max-width:420px;margin:0;border-color:#b4af9c}.listicle .listicle__quality-link .panel-quality-card__title{font-size:1rem}.listicle-sticky{position:fixed;bottom:0;left:0;right:0;z-index:90;padding:12px 32px max(12px,env(safe-area-inset-bottom));border-top:1px solid #000;background:#fdfbdb;color:#000}.listicle-sticky[hidden]{display:none}.listicle-sticky .listicle-sticky__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1256px;margin:auto}.listicle-sticky .listicle-sticky__copy{display:flex;flex-direction:column;gap:4px;font-size:.8rem;line-height:1.35}.listicle-sticky .listicle-sticky__copy strong{font-size:1rem}.listicle-sticky .listicle-sticky__button{width:320px;min-height:48px;flex:none}@media(min-width:1500px){.listicle .listicle__hero-media{max-height:615px}}@media(max-width:999px){.listicle .listicle__container{width:min(100% - 40px,760px)}.listicle .listicle__hero{grid-template-columns:1fr 1fr;gap:24px}.listicle .listicle__headline{font-size:clamp(1.95rem,4vw,2.7rem);gap:12px}.listicle .listicle__five{font-size:1.9em}.listicle .listicle__intro{margin-block:18px;font-size:.9rem}.listicle .listicle__hero-media{aspect-ratio:4 / 5}.listicle .listicle__photo-note{bottom:12px;left:12px;right:12px;max-width:calc(100% - 24px);padding:9px 11px;font-size:.65rem}.listicle .listicle__reason{gap:30px}.listicle .listicle__reason-title{font-size:2.1rem}.listicle .listicle__reason-body{font-size:.9rem}}@media(max-width:639px){.listicle .listicle__container{width:calc(100% - 32px)}.listicle .listicle__hero{grid-template-columns:1fr;gap:24px;padding-top:24px;padding-bottom:28px}.listicle .listicle__hero-copy{padding:0}.listicle .listicle__eyebrow{margin-bottom:16px;font-size:.62rem}.listicle .listicle__headline{align-items:flex-start;gap:13px;font-size:clamp(1.85rem,7.9vw,2.8rem);line-height:1}.listicle .listicle__headline>span:last-child{max-width:16ch}.listicle .listicle__five{font-size:2.2em}.listicle .listicle__intro{max-width:36ch;margin-block:18px;font-size:.9375rem;line-height:1.5}.listicle .listicle__cta{width:100%;max-width:none;min-height:50px;font-size:1.1rem}.listicle .listicle__cta-note{max-width:none;font-size:.65rem}.listicle .listicle__hero-media{aspect-ratio:1.17 / 1;border-radius:18px}.listicle .listicle__hero-image{object-position:43% 48%}.listicle .listicle__photo-note{font-size:.7rem}.listicle .listicle__reasons{padding-top:0;padding-bottom:8px}.listicle .listicle__reason{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding-block:32px}.listicle .listicle__reason-copy{max-width:none}.listicle .listicle__number{width:36px;height:36px;margin-bottom:13px;font-size:.72rem}.listicle .listicle__reason-title{max-width:17ch;margin-bottom:13px;font-size:clamp(1.9rem,8.3vw,2.5rem)}.listicle .listicle__reason-body{max-width:43ch;font-size:.9375rem;line-height:1.55}.listicle .listicle__reason-media{aspect-ratio:1.12 / 1;border-radius:16px}.listicle .listicle__reason-media--video{aspect-ratio:1 / 1}.listicle .listicle__quality-link{margin-top:18px}.listicle .listicle__quality-link .panel-quality-card{max-width:none}.listicle .listicle__caption{font-size:.65rem}.listicle-sticky{padding:9px 16px max(9px,env(safe-area-inset-bottom))}.listicle-sticky .listicle-sticky__copy{display:none}.listicle-sticky .listicle-sticky__button{width:100%;min-height:46px;padding-block:10px;font-size:1.05rem}}@media(max-width:767px){[data-flow-experience=listicle].artist-flow--started .artist-flow__workspace:has(.artist-flow__art-step) .artist-flow__art-step{order:8}[data-flow-experience=listicle].artist-flow--started .artist-flow__workspace:has(.artist-flow__art-step) .artist-flow__purchase-support{order:7}}@media(max-width:767px){body:has([data-listicle-sticky-active=true]) [class*=kl-teaser-]:has([data-testid=animated-teaser]),body:has(.listicle-sticky--page:not([hidden])) [class*=kl-teaser-]:has([data-testid=animated-teaser]){bottom:calc(132px + env(safe-area-inset-bottom))!important}}.listicle .listicle__reason-media--portrait{aspect-ratio:4 / 5}.listicle .listicle__reason-media--art-preview{aspect-ratio:auto;background:transparent;overflow:visible}.listicle .art-discovery--compact{padding:0;background:transparent;color:#000}.listicle .art-discovery--compact .art-discovery__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.listicle .art-discovery--compact .art-discovery__composition{max-width:460px}.listicle .art-discovery--compact .art-discovery__browse{width:100%;margin:0}.listicle .art-discovery--compact .art-discovery__prompt{margin-bottom:6px;font-size:.75rem}.listicle .art-discovery--compact .art-discovery__choices{display:flex;gap:8px;overflow-x:auto;padding:4px 4px 8px}.listicle .art-discovery--compact .art-discovery__choice{flex:0 0 84px;min-width:0;padding:7px 5px;background:#fdfbdb}.listicle .art-discovery--compact .art-discovery__thumbnail{max-width:none;height:76px;aspect-ratio:auto}.listicle .art-discovery--compact .art-discovery__choice-title{font-size:.625rem}.listicle .art-discovery--compact .art-discovery__choice-artist{display:none}
/*# sourceMappingURL=/cdn/shop/t/374/assets/listicle-v7.css.map */