/* v17 (11 Oct, Chay): dark-art tiles, stat captions, merch grid with hoodies, CTA gate + Instagram DM */
/* white/cream text + mark on every full-art tile, brighter art */
.lk-cs.lk-has-art{color:#FFF8EE!important}
.lk-cs.lk-has-art>img.lk-card-art{filter:brightness(1.3) saturate(1.12)}
.lk-cs.lk-has-art::before{background:linear-gradient(180deg,rgba(10,2,4,.55) 0%,rgba(10,2,4,0) 24%,rgba(10,2,4,0) 50%,rgba(10,2,4,.78) 84%,rgba(10,2,4,.9) 100%)!important}
/* stat captions: one line at desktop, at most two on phones */
.lk-ep-lab{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.lk-ep-lab{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
/* merch: two tiles go 2-wide on tablets only when the hoodies are in (keeps 3 columns flush) */
@media (min-width:641px) and (max-width:1023px){.lk-merch-v13 .lk-prod.lk-tab2{grid-column:span 2}}
/* show row social links */
.lk-show-social{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
/* email gate */
.lk-gate{display:grid;grid-template-columns:1fr;gap:.45rem;margin:.9rem 0 0;padding:16px;border:1px solid rgba(201,150,46,.55);border-radius:14px;background:#FBF6EE;font-family:var(--font-inter),system-ui,sans-serif;max-width:26rem}
.lk-gate-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lk-gate-l{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#660114}
.lk-gate-l span{font-weight:400;text-transform:none;letter-spacing:0;color:#5c3a3e}
.lk-gate input{width:100%;min-height:44px;padding:.6rem .8rem;border:1px solid rgba(102,1,20,.25);border-radius:10px;background:#fff;font-size:1rem;color:#1a0a0d}
.lk-gate button{min-height:44px;margin-top:.35rem;border:0;border-radius:999px;background:#660114;color:#FFF8EE;font-weight:600;font-size:.9rem;cursor:pointer}
.lk-gate button:hover{background:#4a000e}
.lk-gate-msg{margin:0;font-size:.82rem;color:#660114;min-height:1em}
.lk-gate-ok{margin:0;font-size:.95rem;line-height:1.5;color:#1a0a0d}
.lk-gate-dl{display:inline-flex;align-items:center;min-height:40px;margin-left:.35rem;padding:.35rem 1rem;border-radius:999px;background:#660114;color:#FFF8EE!important;font-weight:600;text-decoration:none!important;border:0!important}
/* Instagram DM button. No helper line under it (the link is the cue). */
.lk-dm-wrap{display:inline-flex;vertical-align:top;margin-left:.75rem}
.lk-dm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;box-sizing:border-box;min-height:36px;padding:0 .9rem;border:1px solid #660114;border-radius:999px;color:#660114!important;font-family:var(--font-inter),system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;line-height:1;text-decoration:none!important;background:transparent}
.lk-dm-btn b{letter-spacing:.12em}
.lk-dm-btn:hover{background:#660114;color:#FFF8EE!important}
.lk-dm-note{display:none!important}
@media (max-width:640px){.lk-dm-wrap{display:flex;margin:.6rem 0 0}}
.lk-cs.lk-has-art>img.lk-card-art[src*="g-chandelier"],.lk-cs.lk-has-art>img.lk-card-art[src*="g-showgirl"]{filter:none}   /* these two are gamma-lifted in the file itself (v17) */
/* v17b (11 Oct, Chay 7:56 PM): merch by category. Compact square tiles; a section's tiles are exactly one grid column wide
   (--ds desktop / --ms phone = columns the section spans), short rows centre, so there are never empty cells. */
.lk-merch-v17b .lk-blog-head{padding-bottom:.6rem!important}
.lk-merch-v17b .lk-merch-top{margin-top:.8rem;gap:.5rem 1rem}
.lk-merch-v17b .lk-merch-top .lk-merch-btn{padding:.55rem 1.1rem;font-size:.85rem}
.lk-merch-v17b .lk-merch-top .lk-merch-note{margin:0;font-size:.74rem}
.lk-mchips{display:flex;gap:.45rem;margin:1rem -20px 0;padding:0 20px 2px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.lk-mchips::-webkit-scrollbar{display:none}
.lk-mchip{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;min-height:36px;padding:.35rem .9rem;border:1px solid rgba(102,1,20,.35);border-radius:999px;background:#FBF6EE;color:#660114!important;font-family:var(--font-inter),system-ui,sans-serif;font-size:.74rem;font-weight:600;letter-spacing:.05em;text-decoration:none!important;white-space:nowrap}
.lk-mchip:hover,.lk-mchip:focus-visible{background:#660114;color:#F5EDE3!important;border-color:#660114}
.lk-merch-v17b .lk-merch-wrap{padding-top:1.25rem!important;padding-bottom:2.5rem!important}
.lk-mgrid{--g:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem var(--g)}
.lk-msec{grid-column:span var(--ds);min-width:0;scroll-margin-top:84px}
.lk-msec-h{margin:0 0 .6rem;font-size:1.3rem;line-height:1.1;color:#660114;font-weight:400}
.lk-msec-cd .lk-msec-h{text-align:center}
.lk-mtiles{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g)}
.lk-mt{--c:var(--ds);flex:0 0 calc((100% - (var(--c) - 1)*var(--g))/var(--c));min-width:0;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#F5EDE3;box-shadow:0 1px 0 rgba(102,1,20,.06)}
.lk-mt-img{aspect-ratio:1/1;overflow:hidden;background:#EDE3D6}
.lk-mt-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.lk-mt:hover .lk-mt-img img{transform:scale(1.03)}
.lk-mt-body{padding:.5rem .7rem .6rem}
.lk-mt-kind{margin:0;font-family:var(--font-inter),system-ui,sans-serif;font-size:.6rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#9a6b12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-mt-name{margin:.15rem 0 0;font-size:1.02rem;line-height:1.15;color:#660114;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-mt-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem;margin:.3rem 0 0;font-family:var(--font-inter),system-ui,sans-serif}
.lk-mt-price{font-size:.8rem;font-weight:600;color:#1a0a0d}
.lk-mt-cta{font-size:.72rem;font-weight:600;color:#660114!important;text-decoration:underline;text-decoration-color:rgba(102,1,20,.35);text-underline-offset:3px;white-space:nowrap}
@media (max-width:640px){
 .lk-mgrid{--g:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem var(--g)}
 .lk-msec{grid-column:span var(--ms)}
 .lk-msec-cd .lk-msec-h{text-align:left}
 .lk-msec-h{font-size:1.15rem;margin-bottom:.45rem}
 .lk-mt{--c:var(--ms);border-radius:10px}
 .lk-mt-body{padding:.4rem .55rem .5rem}
 .lk-mt-name{font-size:.92rem}
 .lk-mt-cta{font-size:.66rem}
 .lk-mt-price{font-size:.74rem}
}
@media (max-width:640px){
 .lk-merch-v17b .lk-blog-head{padding-top:1rem!important;padding-bottom:.4rem!important}
 .lk-merch-v17b .lk-blog-head h1{font-size:2.1rem!important;margin-top:.3rem!important}
 .lk-merch-v17b .lk-blog-head h1+p{margin-top:.4rem!important;font-size:.92rem!important}
 .lk-merch-v17b .lk-merch-top{margin-top:.6rem}
 .lk-mchips{margin-top:.75rem}
 .lk-merch-v17b .lk-merch-wrap{padding-top:.9rem!important;padding-bottom:1.75rem!important}
 .lk-mgrid{row-gap:.9rem}
 .lk-msec-h{font-size:1.05rem;margin-bottom:.35rem}
 .lk-mt-body{padding:.32rem .5rem .42rem}
 .lk-mt-kind{font-size:.56rem}
 .lk-mt-name{font-size:.88rem;margin-top:.1rem}
 .lk-mt-meta{margin-top:.18rem}
}
/* phones: categories with more than two items become one swipeable 2-up row (two whole tiles + a peek of the next) */
@media (max-width:640px){
 .lk-msec-sw .lk-mtiles{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:0 -20px;padding:0 20px 4px;scroll-snap-type:x mandatory;scroll-padding:0 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .lk-msec-sw .lk-mtiles::-webkit-scrollbar{display:none}
 .lk-msec-sw .lk-mt{flex:0 0 calc((100% - var(--g))/2.18);scroll-snap-align:start}
 .lk-msec-sw .lk-msec-h::after{content:"Swipe →";float:right;margin-top:.35em;font-family:var(--font-inter),system-ui,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9a6b12}
}
@media (min-width:641px){.lk-mgrid{max-width:1000px;margin:0 auto;row-gap:1.3rem}.lk-merch-v17b .lk-blog-head{max-width:1000px}.lk-msec-h{font-size:1.2rem;margin-bottom:.45rem}}
@media (min-width:641px){.lk-msec-st{grid-column:var(--dst) / span var(--ds)}}
/* v17b (11 Oct, Chay 9:37 PM): no lone tile on its own row at any width.
   Tablet 641-1023: a category with more items than its columns (the 5 cropped tops) is one swipe row (4 tiles + a peek).
   Desktop >=1024: 5 equal tile columns on a 10-track grid; the 5 tops fill one row, short rows centre as a block (merch.py _pack5). */
@media (min-width:641px) and (max-width:1023px){
 .lk-msec-tsw .lk-mtiles{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
 .lk-msec-tsw .lk-mtiles::-webkit-scrollbar{display:none}
 .lk-msec-tsw .lk-mt{flex:0 0 calc((100% - 3*var(--g))/4.35);scroll-snap-align:start}
 .lk-msec-tsw .lk-msec-h{text-align:left}
 .lk-msec-tsw .lk-msec-h::after{content:"Swipe →";float:right;margin-top:.45em;font-family:var(--font-inter),system-ui,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9a6b12}
}
@media (min-width:1024px){
 .lk-mgrid{grid-template-columns:repeat(10,minmax(0,1fr));max-width:1080px}
 .lk-merch-v17b .lk-blog-head{max-width:1080px}
 .lk-msec,.lk-msec-st{grid-column:var(--d5s) / span var(--d5w)}
 .lk-mt{--c:var(--d5c)}
 .lk-msec-cd .lk-msec-h{text-align:left}
}
.lk-mchips{scroll-padding-inline:20px}   /* first chip keeps its 20px inset (snap otherwise pulls it to the edge) */

/* ===== v17c (11 Oct, live-site fixes) — phones only (≤639px); desktop untouched ===== */
@media (max-width:639px){
 /* hero: lettering ~30% smaller (84vw → 62vw), sits at waist level just above the italic line + button, face stays clear */
 .cine-hero .lk-copy{width:62vw;bottom:calc(1.25rem + 44px + 1.25rem + 2.7rem + 1rem + 48px + 1.1rem)}

}
@media (max-width:767px){   /* cards: same breakpoint as the mobile accordion (≥768 = desktop/tablet carousel, unchanged) */
 /* Billion Dollar Decision cards: art full-bleed behind the whole card, dark overlay, cream type */
 #show .lk-ep.lk-has-art{min-height:9.25rem;padding:1.05rem 3.7rem 1.1rem 1.15rem;color:#F5EDE3!important;background-color:#1a0507!important;justify-content:flex-start}
 #show .lk-ep.lk-has-art>img.lk-card-art{inset:0!important;top:0!important;height:100%!important;width:100%!important;object-fit:cover;object-position:center;-webkit-mask-image:none;mask-image:none;z-index:0}
 #show .lk-ep.lk-has-art::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
   background:linear-gradient(180deg,rgba(16,3,6,.66) 0%,rgba(16,3,6,.55) 45%,rgba(16,3,6,.68) 100%)}
 #show .lk-ep.lk-has-art.is-open::before{background:linear-gradient(180deg,rgba(16,3,6,.62) 0%,rgba(16,3,6,.58) 40%,rgba(16,3,6,.72) 100%)}
 #show .lk-ep.lk-has-art::after{border-color:#F5EDE3;opacity:.22;z-index:1}
 #show .lk-ep.lk-has-art,#show .lk-ep.lk-has-art *{color:#F5EDE3}
 #show .lk-ep.lk-has-art>div.flex p{color:#E8C97A;font-size:.66rem}
 #show .lk-ep.lk-has-art .lk-ep-title{margin-top:.4rem;font-size:1.55rem;line-height:1.05;text-shadow:0 1px 10px rgba(0,0,0,.45)}
 #show .lk-ep.lk-has-art .lk-ep-sub{margin-top:.3rem;font-size:.98rem;opacity:.92}
 #show .lk-ep.lk-acc-item:not(.is-open) .lk-ep-sub{display:block!important}   /* dek shows when collapsed too */
 #show .lk-ep.lk-has-art .lk-ep-hook{margin-top:.85rem;font-size:1rem;line-height:1.32;text-shadow:0 1px 8px rgba(0,0,0,.5)}
 #show .lk-ep.lk-has-art .lk-ep-nums{margin-top:.85rem;border-top-color:rgba(245,237,227,.35)}
 #show .lk-ep.lk-has-art .lk-ep-big{font-size:1.45rem;color:#FFFDF8}
 #show .lk-ep.lk-has-art .lk-ep-lab{opacity:.88}
 /* toggle: top-right, above the overlay; open state = filled cream disc */
 #show .lk-ep.lk-has-art>.lk-acc-btn{position:absolute!important;top:.85rem;right:.85rem;z-index:3;border-color:rgba(245,237,227,.8);color:#F5EDE3;background:rgba(16,3,6,.25);opacity:1}
 #show .lk-ep.lk-acc-item.is-open>.lk-acc-btn{background:#F5EDE3;color:#660114;border-color:#F5EDE3}
 #show .lk-ep.lk-acc-item.is-open>.lk-acc-btn span{border-color:#660114}
 /* one kicker for the section instead of a label under every card */
 #show article .lk-ep-foot{display:none!important}
 #show .lk-ep.lk-acc-item:not(.is-open)>img.lk-card-art{display:block!important}
 #show .overflow-x-auto:has(.lk-acc-ep){gap:.7rem}
}

/* ===== v17c: listing pagination (blog, guides, cheat sheets) ===== */
.lk-pg-off{display:none!important}
.lk-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem .9rem;margin:2.5rem auto 0;font-family:var(--font-inter),system-ui,sans-serif;font-size:.9rem;color:#660114}
.lk-pager[hidden]{display:none}
.lk-pg-nums{display:flex;gap:.4rem;list-style:none;margin:0;padding:0}
.lk-pg-n,.lk-pg-gap{display:grid;place-items:center;min-width:2.5rem;height:2.5rem;padding:0 .4rem;border-radius:999px;font-weight:600;font-variant-numeric:tabular-nums}
.lk-pg-n{border:1px solid rgba(102,1,20,.3);color:#660114;text-decoration:none;transition:background .2s,border-color .2s}
.lk-pg-n:hover{border-color:#660114;background:rgba(102,1,20,.06)}
.lk-pg-n.is-on{background:#660114;border-color:#660114;color:#F5EDE3}
.lk-pg-gap{min-width:1.2rem;padding:0;color:#9a6b6f}
.lk-pg-step{display:inline-flex;align-items:center;gap:.35rem;height:2.5rem;padding:0 1.1rem;border-radius:999px;background:#660114;color:#F5EDE3;font-weight:600;letter-spacing:.04em;text-decoration:none}
.lk-pg-step:hover{background:#4d0010}
.lk-pg-prev{background:transparent;color:#660114;border:1px solid rgba(102,1,20,.3)}
.lk-pg-prev:hover{background:rgba(102,1,20,.06)}
.lk-pg-seeall{color:#660114;font-weight:600;text-decoration:underline;text-decoration-color:rgba(102,1,20,.35);text-underline-offset:4px;padding:.5rem .25rem}
.lk-pg-all-note{color:#5c3a3e}
.lk-pager a:focus-visible{outline:2px solid #C9962E;outline-offset:2px}
@media (max-width:639px){
 .lk-pager{gap:.55rem .5rem;margin-top:1.75rem;font-size:.85rem}
 .lk-pg-nums{order:-1;flex-basis:100%;justify-content:center;gap:.35rem}   /* numbers on their own line, Prev / Next / See all under them */
 .lk-pg-n,.lk-pg-gap{min-width:2.4rem;height:2.4rem}
 .lk-pg-step{height:2.4rem;padding:0 1rem}
}

/* ===== v17c home: "Stories we're breaking down" editorial tiles (all widths) ===== */
.lk-stories{padding:clamp(3rem,2rem + 3vw,4.5rem) 0}
.lk-st-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.lk-st-all{flex:none;font-family:var(--font-inter),system-ui,sans-serif;font-size:.85rem;font-weight:600;color:#660114;text-decoration:underline;text-decoration-color:rgba(102,1,20,.3);text-underline-offset:4px;padding:.4rem 0}
.lk-st-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-width:1200px;margin:1.75rem auto 0;padding:0 2rem}
.lk-st{position:relative;display:block;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#1a0507;color:#FFFDF8;text-decoration:none;isolation:isolate;box-shadow:0 10px 28px -14px rgba(40,6,12,.55)}
.lk-st-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.lk-st::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(16,3,6,.38) 0%,rgba(16,3,6,.42) 38%,rgba(16,3,6,.9) 100%)}
.lk-st::after{content:"";position:absolute;inset:8px;border:1px solid rgba(245,237,227,.2);border-radius:11px;pointer-events:none}
.lk-st:hover .lk-st-img{transform:scale(1.04)}
.lk-st:focus-visible{outline:2px solid #C9962E;outline-offset:3px}
.lk-st-b{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.4rem;padding:1.05rem 1.05rem 1.15rem}
.lk-st-k{font-family:var(--font-inter),system-ui,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#E8C97A}
.lk-st-t{font-size:1.3rem;line-height:1.08;letter-spacing:-.01em;color:#FFFDF8;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.lk-st-d{font-family:var(--font-inter),system-ui,sans-serif;font-size:.78rem;line-height:1.4;color:rgba(245,237,227,.9);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#show.lk-stories .lk-show-social{margin-top:1.5rem}
@media (max-width:1023px){
 .lk-st-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 1.25rem 4px;scroll-padding-inline:1.25rem;scrollbar-width:none;overscroll-behavior-x:contain}
 .lk-st-row::-webkit-scrollbar{display:none}
 .lk-st-li{flex:0 0 clamp(220px,34vw,300px);scroll-snap-align:start}
}
@media (min-width:640px) and (max-width:1023px){.lk-st-row{padding:0 2rem 4px;scroll-padding-inline:2rem}}
@media (max-width:639px){
 .lk-st-head{flex-direction:column;align-items:flex-start;gap:.35rem}
 .lk-st-head h2{font-size:2rem;line-height:1.05;text-wrap:balance}
 .lk-st-row{margin-top:1.25rem}
 .lk-st-li{flex-basis:66vw}
 .lk-st-t{font-size:1.35rem}
}
@media (prefers-reduced-motion:reduce){.lk-st-img{transition:none}}

/* ===== v17c footer: disclaimer + © in a right-hand column under a hairline (desktop/tablet); left, compact on phones ===== */
footer>div.pb-10:last-child{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-top:.5rem}
footer>div.pb-10:last-child>p.max-w-3xl{max-width:31rem;font-size:.82rem;line-height:1.55;color:#5c3a3e}
footer>div.pb-10:last-child>p.mt-4{margin-top:.75rem;font-size:.68rem}
@media (max-width:767px){
 footer>div.pb-10:last-child{align-items:flex-start;text-align:left;padding-top:1rem;margin-left:1.25rem;margin-right:1.25rem;padding-left:0;padding-right:0}
 footer>div.pb-10:last-child>p.max-w-3xl{max-width:none}
}