/* LoneSlice Home Top — uses the shop's own palette and type (Georgia/Besley headings, Inter body, cream card, red metal buttons). */
.lsht{--lsht-ink:#171410;--lsht-cream:#eee5d3;--lsht-red:#8c2f22;--lsht-red2:#b8382a;--lsht-gold:#f2c46b;box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:10px 12px 6px;font-family:Inter,system-ui,sans-serif;color:var(--lsht-ink)}
.lsht *,.lsht *::before,.lsht *::after{box-sizing:border-box}
.lsht-ribbon{margin:0 0 10px;padding:7px 12px;border-radius:10px;background:var(--lsht-red);color:#fff8ee;text-align:center;font:600 13px/1.3 Inter,system-ui,sans-serif;letter-spacing:.02em}
.lsht-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lsht-panel,.lsht-hero{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:var(--lsht-cream);box-shadow:inset 0 2px 0 rgba(255,253,242,.96),0 6px 16px rgba(58,41,29,.18)}
.lsht-panel--lead{grid-column:1 / -1}
.lsht-panel--bow,.lsht-hero{background:#142233;color:#f4efe4}
.lsht-screen{position:relative;aspect-ratio:16/10;background:#1a1410;overflow:hidden}
.lsht-panel--flock .lsht-screen{aspect-ratio:1/1}
.lsht-screen--wide{aspect-ratio:16/10}
/* Phone: the offer banner is a slide in the reel. Tablet and up: it stands whole beside the reel. */
.lsht-lead-media{display:flex;gap:0;background:#1a1410}
.lsht-lead-media .lsht-screen{flex:1 1 auto;min-width:0}
.lsht-poster{display:none}
/* Every picture is shown whole. Shapes that differ from the panel are fitted inside (lsht-contain)
   with a soft blurred glow of the same picture filling the rest, never plain empty bars or a crop. */
.lsht-fill{position:absolute;left:-10%;top:-10%;width:120%;height:120%;filter:blur(18px) saturate(1.3) brightness(.95);opacity:0;transition:opacity .5s ease;pointer-events:none}
.lsht-fill.is-on{opacity:1}
.lsht-slide{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1);transition:opacity .7s ease,transform 3s linear}
.lsht-slide.is-on{opacity:1;transform:scale(1.03)}
.lsht-slide.lsht-contain{object-fit:contain}
.lsht-slide.lsht-contain.is-on{transform:none}
.lsht-badge{position:absolute;left:10px;top:10px;z-index:3;padding:5px 11px;border-radius:999px;background:var(--lsht-red);color:#fff8ee;font:700 12px/1.2 Inter,system-ui,sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.lsht-panel--flock .lsht-badge{font-size:11px;padding:4px 8px}
/* Oct 22, 2026 (Joe): the Flock discount sits with the words, not on the picture, so it never covers the logo or video. */
.lsht-badge--inline{position:static;align-self:flex-start;display:inline-block;margin:0 0 4px;box-shadow:none}
/* Oct 22, 2026 (Joe): the Flock picture and a second button open the Tiny Sheep page; Shop the Flock still goes to the shop. */
.lsht-screen-link{position:absolute;inset:0;z-index:4}
.lsht-panel--flock .lsht-cta--ghost{box-shadow:inset 0 0 0 2px rgba(124,37,25,.55)!important;color:#7c2519!important}
.lsht-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.25);z-index:3}
.lsht-bar i{display:block;height:100%;width:0;background:#fff}
.lsht-info{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px;flex:1}
.lsht-panel--lead .lsht-info{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 12px}
.lsht-panel--lead .lsht-info>.lsht-price{flex:1 1 auto}
.lsht-panel--lead .lsht-cta{flex:0 0 auto}
.lsht .lsht-title{margin:0;font:700 15px/1.22 Georgia,"Times New Roman",serif;color:var(--lsht-ink)!important;letter-spacing:0;text-transform:none}
.lsht-panel--bow .lsht-title,.lsht-hero .lsht-title{color:#f4efe4!important}
.lsht-panel--lead .lsht-title{font-size:18px;flex-basis:100%}
.lsht-hero .lsht-title{font-size:22px}
.lsht-kicker{margin:0;font:700 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lsht-gold)}
.lsht-note{margin:0;font-size:12.5px;line-height:1.35;opacity:.9}
.lsht-hero .lsht-note{font-size:14px}
.lsht-price{margin:0;display:flex;flex-direction:column;gap:1px;font-size:12px;line-height:1.3}
.lsht-price b{font:700 19px/1.1 Georgia,serif;color:var(--lsht-red)}
.lsht-hero .lsht-price b,.lsht-panel--bow .lsht-price b{color:#fff}
.lsht-panel--flock .lsht-price b{font-size:16px}
.lsht-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;text-decoration:none!important;font:700 14px/1 Georgia,serif;color:#fff8ee!important;background:linear-gradient(180deg,#a8392b,#7c2519);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 2px rgba(255,214,170,.35),0 3px 6px rgba(58,41,29,.35);text-align:center}
.lsht-cta--red{background:linear-gradient(180deg,#d44434,#9d2a1d)}
.lsht-panel--lead .lsht-cta{margin-top:0;min-height:48px;padding:0 20px;font-size:15px}
.lsht-hero{margin-top:12px}
.lsht-hero .lsht-cta{min-height:50px;font-size:16px;margin-top:6px}
.lsht-cta:focus-visible,.lsht-explore:focus-visible{outline:3px solid var(--lsht-gold);outline-offset:2px}
.lsht-explore{margin:12px 0 4px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;background:#2a2118;color:#f4efe4!important;text-decoration:none!important;font:600 14px/1 Inter,system-ui,sans-serif}
/* BowSlicer + Flock on phones: picture left, words right. The Hero Slice film is shown whole (9:16). */
.lsht-panel--bow,.lsht-panel--flock{grid-column:1 / -1;flex-direction:row}
.lsht-bow-media{display:flex;flex:0 0 42%;background:#0d0b09}
.lsht-screen--film{flex:1 1 auto;aspect-ratio:9/16!important;background:#0d0b09}
.lsht-screen--reel{display:none}
.lsht-panel--flock .lsht-screen{flex:0 0 42%;aspect-ratio:1/1}
.lsht-panel--bow .lsht-info,.lsht-panel--flock .lsht-info{justify-content:center;gap:6px;padding:12px 14px}
.lsht-panel--bow .lsht-title{font-size:19px}
.lsht-ctas{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.lsht-ctas .lsht-cta{margin-top:0;min-height:42px;font-size:14px;padding:0 12px}
.lsht-cta--ghost{background:transparent!important;box-shadow:inset 0 0 0 2px rgba(242,196,107,.75)!important;color:#f4efe4!important}
.lsht-fine{margin:0;font-size:11.5px;line-height:1.3;opacity:.75}
.lsht-panel--flock .lsht-cta{margin-top:6px}
/* Tablet: knife = banner + clips; BowSlicer = film + title/race reel side by side, words below; Flock = picture left, words right. */
@media (min-width:600px){
 .lsht{padding:14px 18px 8px}
 .lsht-poster{display:block;flex:0 0 auto;height:auto;aspect-ratio:1122/1402;width:31%;object-fit:contain;background:#efe6d4}
 .lsht-panel--lead .lsht-screen{aspect-ratio:16/9}
 .lsht-panel--lead .lsht-title{font-size:20px}
 .lsht-panel--bow{flex-direction:column}
 .lsht-bow-media{flex:none}
 .lsht-screen--film{flex:0 0 24%}
 .lsht-screen--reel{display:block;flex:1 1 auto;aspect-ratio:auto}
 .lsht-panel--bow .lsht-info{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 16px;padding:14px 16px}
 .lsht-panel--bow .lsht-kicker,.lsht-panel--bow .lsht-title,.lsht-panel--bow .lsht-note,.lsht-panel--bow .lsht-fine{flex-basis:100%}
 .lsht-panel--bow .lsht-title{font-size:24px}
 .lsht-ctas{flex-direction:row;flex-basis:100%}
 .lsht-ctas .lsht-cta{flex:1 1 0;min-height:46px;font-size:15px}
 .lsht-panel--flock .lsht-screen{flex:0 0 40%}
 .lsht-panel--flock .lsht-title{font-size:20px}
 .lsht-screen--wide{aspect-ratio:16/9}
}
/* Desktop: knife row = banner | clips | details. Row two = BowSlicer (wide) + Flock. Artisan hero right under. */
@media (min-width:1000px){
 .lsht{padding:16px 24px 8px}
 .lsht-grid{grid-template-columns:2fr 1fr}
 .lsht-panel--lead{flex-direction:row}
 .lsht-lead-media{flex:0 0 72%}
 .lsht-poster{width:auto;height:340px}
 .lsht-panel--lead .lsht-screen{aspect-ratio:auto;height:340px}
 .lsht-panel--lead .lsht-info{flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:10px;padding:20px 22px}
 .lsht-panel--lead .lsht-info>.lsht-price{flex:0 0 auto}
 .lsht-panel--lead .lsht-title{font-size:24px}
 .lsht-panel--lead .lsht-price b{font-size:28px}
 .lsht-panel--lead .lsht-cta{margin-top:6px}
 .lsht-panel--bow,.lsht-panel--flock{grid-column:auto}
 .lsht-bow-media{height:330px}
 .lsht-screen--film{flex:0 0 auto;height:330px;width:auto}
 .lsht-screen--reel{height:330px}
 .lsht-panel--bow .lsht-info{padding:12px 18px}
 .lsht-panel--bow .lsht-title{font-size:22px}
 .lsht-panel--bow .lsht-note,.lsht-panel--bow .lsht-fine{flex-basis:100%}
 .lsht-panel--flock{flex-direction:column}
 .lsht-panel--flock .lsht-screen{flex:none;aspect-ratio:auto;height:330px}
 .lsht-panel--flock .lsht-info{padding:12px 16px}
 .lsht-hero{flex-direction:row}
 .lsht-hero .lsht-screen{flex:0 0 58%;aspect-ratio:16/9}
 .lsht-hero .lsht-info{flex:1 1 42%;justify-content:center;padding:24px 28px}
 .lsht-hero .lsht-title{font-size:28px}
}
.lsht .lsht-free{font-style:normal;font-weight:700;color:var(--lsht-red)}
.lsht-panel--bow .lsht-free,.lsht-hero .lsht-free{color:var(--lsht-gold)}
/* Tiny Sheep Christmas top on /sheepskin/: big square clip, words beside it on wider screens. */
.lsht--sheep{padding:4px 0 22px}
.lsht--sheep .lsht-kicker{color:var(--lsht-red)}
.lsht--sheep .lsht-panel--sheepxmas{grid-column:auto;flex-direction:column}
.lsht--sheep .lsht-screen{aspect-ratio:1/1;background:#fff}
.lsht--sheep .lsht-info{gap:6px;padding:14px 16px 16px}
.lsht--sheep .lsht-title{font-size:24px}
.lsht--sheep .lsht-note{font-size:14px}
.lsht--sheep .lsht-price b{font-size:24px}
.lsht--sheep .lsht-cta{min-height:50px;font-size:17px;margin-top:6px}
.lsht-one{display:block;margin-top:8px;text-align:center;font:600 14px/1.3 Inter,system-ui,sans-serif;color:var(--lsht-red)!important}
@media (min-width:700px){.lsht--sheep .lsht-panel--sheepxmas{flex-direction:row}.lsht--sheep .lsht-screen{flex:0 0 46%}.lsht--sheep .lsht-info{justify-content:center;padding:24px 28px}.lsht--sheep .lsht-title{font-size:30px}}
/* Join Rewards bar: big, bold, opens to a short how-to. */
.lsht-join{margin:12px 0 0;border-radius:16px;background:linear-gradient(180deg,#a8392b,#7c2519);color:#fff8ee;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 0 0 2px rgba(255,214,170,.35),0 6px 14px rgba(58,41,29,.25);overflow:hidden}
.lsht-join>summary{list-style:none;cursor:pointer;padding:14px 16px;text-align:center}
.lsht-join>summary::-webkit-details-marker{display:none}
.lsht-join-head{display:flex;flex-direction:column;gap:3px}
.lsht-join-head b{font:800 19px/1.2 Georgia,serif;letter-spacing:.01em}
.lsht-join-head small{font:600 13px/1.2 Inter,system-ui,sans-serif;color:var(--lsht-gold)}
.lsht-join[open] .lsht-join-head small span{display:inline-block;transform:rotate(180deg)}
.lsht-join>summary:focus-visible{outline:3px solid var(--lsht-gold);outline-offset:-3px}
.lsht-join-body{margin:0 8px 8px;padding:14px 16px 16px;border-radius:12px;background:var(--lsht-cream);color:var(--lsht-ink);font:400 14.5px/1.45 Inter,system-ui,sans-serif}
.lsht .lsht-join-body p{margin:0 0 8px;color:var(--lsht-ink)}
.lsht-join-sub{font-weight:700}
.lsht-join-body ol{margin:0 0 12px;padding-left:20px}
.lsht-join-body li{margin:0 0 7px}
.lsht-join-body b{color:var(--lsht-red)}
.lsht-join-go{width:100%;font-size:16px}
.lsht-join-more{display:block;margin-top:10px;text-align:center;font:600 13px/1.3 Inter,system-ui,sans-serif;color:var(--lsht-red)!important}
@media (min-width:1000px){.lsht-join-head{flex-direction:row;justify-content:center;align-items:baseline;gap:14px}.lsht-join-head b{font-size:22px}.lsht-join-body{max-width:760px;margin:0 auto 12px}.lsht-join-go{max-width:360px;margin:0 auto;display:flex}}
@media (prefers-reduced-motion:reduce){.lsht-slide{transition:none}.lsht-slide.is-on{transform:none}}

/* Preview-only "Shoot this" slots: show Joe exactly what to film for each spot. */
.lsht-shot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;text-align:center;background:repeating-linear-gradient(45deg,#2a2118,#2a2118 12px,#33281e 12px,#33281e 24px);color:#f4efe4;font:600 13px/1.35 Inter,system-ui,sans-serif}
.lsht-shot span{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f2c46b}
.lsht-shot b{max-width:26ch}

/* Maker band between Tiny Sheep and Rox-Ann on /sheepskin/ (Oct 22, 2026). Surface comes from the page's own .paper.
   Two vertical clips side by side (maker loop, boys' stop-motion with a Sound button), words beside them on wide screens. */
body.page-id-758 .sheep-maker{scroll-margin-top:132px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:center;padding:28px;margin-bottom:30px}
.sheep-maker-clips{display:grid;grid-template-columns:repeat(2,minmax(0,230px));gap:16px}
.sheep-maker-clip{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:9/16;background:#e4d8bf;cursor:pointer}
.sheep-maker-clip video{display:block;width:100%;height:100%;object-fit:cover}
.sheep-maker-clip.is-tap::after{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(31,28,25,.62) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23f6efe1'/%3E%3C/svg%3E") center/30px no-repeat;box-shadow:0 4px 14px rgba(0,0,0,.25);pointer-events:none}
.sheep-maker-sound{position:absolute;right:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px 0 34px;border-radius:999px;background:rgba(31,28,25,.66) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9z' fill='%23f6efe1'/%3E%3Cpath d='M16 9l5 6M21 9l-5 6' stroke='%23f6efe1' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 10px center/18px no-repeat;color:#f6efe1;font:700 12px/1 Besley,Georgia,serif;letter-spacing:.06em;box-shadow:0 3px 10px rgba(0,0,0,.22);cursor:pointer;user-select:none;-webkit-user-select:none}
.sheep-maker-sound[aria-pressed=true]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9z' fill='%23f6efe1'/%3E%3Cpath d='M16 8.5a5 5 0 0 1 0 7M18.5 6a8.5 8.5 0 0 1 0 12' stroke='%23f6efe1' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-color:rgba(140,47,34,.9)}
.sheep-maker-sound:focus-visible{outline:3px solid #8c2f22;outline-offset:2px}
.sheep-maker-words{display:flex;flex-direction:column;gap:10px;max-width:440px}
.sheep-maker-words h2{margin:0;font-family:Besley,Georgia,serif;font-weight:900;font-size:27px;line-height:1.15;color:#1f1c19}
.sheep-maker-words p{margin:0;font-family:Besley,Georgia,serif;font-size:15px;line-height:1.6;color:#1f1c19}
.sheep-maker-words .sheep-maker-eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em}
@media (max-width:899px){body.page-id-758 .sheep-maker{grid-template-columns:1fr;gap:22px}.sheep-maker-clips{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:500px;margin:0 auto}.sheep-maker-words{max-width:none}}
@media (max-width:639px){body.page-id-758 .sheep-maker{gap:18px;padding:16px;margin-bottom:24px;border-radius:24px}.sheep-maker-clips{gap:10px}.sheep-maker-clip{border-radius:14px}.sheep-maker-sound{right:8px;bottom:8px;min-height:32px;padding:0 10px 0 30px;background-position:8px center;background-size:16px}}
/* Oct 22, 2026 (Joe): every Home Top button uses the site's glossy enamel buttons (red = main action, cream = second action).
   Nine-slice border-image keeps the chrome rim and rounded ends crisp at any width; only the middle stretches. */
.lsht .lsht-cta{--lsht-h:46px;--lsht-s:calc(var(--lsht-h) / 377);box-sizing:border-box;min-height:var(--lsht-h)!important;height:auto;padding:4px calc(var(--lsht-h) * .5)!important;border-radius:0!important;border-style:solid!important;border-color:transparent!important;border-width:0!important;background:none!important;box-shadow:none!important;color:#fff5dc!important;-webkit-text-fill-color:#fff5dc;text-shadow:0 1px 2px #35100c;letter-spacing:.02em;line-height:1.15!important;
  border-image-source:url('/wp-content/uploads/2026/10/loneslice-metal-red.webp');
  border-image-slice:165 200 182 200 fill;
  border-image-width:calc(var(--lsht-s) * 165) calc(var(--lsht-s) * 200) calc(var(--lsht-s) * 182);
  border-image-outset:calc(var(--lsht-s) * 165) 0 calc(var(--lsht-s) * 182);
  border-image-repeat:stretch;
  filter:drop-shadow(0 3px 2px rgba(40,26,16,.38));transition:transform .18s ease,filter .18s ease}
.lsht .lsht-cta--ghost{--lsht-s:calc(var(--lsht-h) / 381);color:#6e1f15!important;-webkit-text-fill-color:#6e1f15;text-shadow:0 1px 0 rgba(255,250,235,.7);
  border-image-source:url('/wp-content/uploads/2026/10/loneslice-metal-cream.webp');
  border-image-slice:165 215 178 215 fill;
  border-image-width:calc(var(--lsht-s) * 165) calc(var(--lsht-s) * 215) calc(var(--lsht-s) * 178);
  border-image-outset:calc(var(--lsht-s) * 165) 0 calc(var(--lsht-s) * 178)}
.lsht .lsht-panel--lead .lsht-cta{--lsht-h:48px}
.lsht .lsht-ctas .lsht-cta{--lsht-h:46px}
.lsht .lsht-hero .lsht-cta,.lsht.lsht--sheep .lsht-cta{--lsht-h:52px}
@media(hover:hover){.lsht .lsht-cta:hover{transform:translateY(-2px);filter:brightness(1.1) drop-shadow(0 5px 4px rgba(40,26,16,.42))}}
.lsht .lsht-cta:active{transform:translateY(1px);filter:brightness(.93) drop-shadow(0 1px 1px rgba(40,26,16,.4))}
.lsht .lsht-cta:focus-visible{outline:3px solid var(--lsht-gold);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.lsht .lsht-cta{transition:none}.lsht .lsht-cta:hover,.lsht .lsht-cta:active{transform:none}}
/* Oct 23, 2026 (Joe): Artisan panel photos fill the frame and move. Oak eases in, walnut pulls back. Slides blend into each other. */
.lsht .lsht-hero .lsht-slide,.lsht .lsht-panel--lead .lsht-slide{transition:opacity .9s ease}
.lsht img.lsht-slide.lsht-kb{object-fit:cover!important;will-change:transform}
.lsht img.lsht-slide.lsht-kb-in{transform:scale(1.12)}
.lsht img.lsht-slide.lsht-kb-out{transform:scale(1)}
.lsht img.lsht-slide.lsht-kb-in.is-on{animation:lshtKbIn 4.9s ease-out both}
.lsht img.lsht-slide.lsht-kb-out.is-on{animation:lshtKbOut 4.9s ease-out both}
@keyframes lshtKbIn{from{transform:scale(1)}to{transform:scale(1.12)}}
@keyframes lshtKbOut{from{transform:scale(1.14)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.lsht img.lsht-slide.lsht-kb.is-on{animation:none}}
/* Oct 23, 2026 (Joe): panel clips are moving pictures, never a player. No play arrow or controls, even when a phone blocks autoplay
   (the clip's own still frame shows instead). Tapping the picture opens the product (.lsht-screen-link). */
.lsht video.lsht-slide{pointer-events:none}
.lsht video::-webkit-media-controls,.lsht video::-webkit-media-controls-panel,.lsht video::-webkit-media-controls-play-button,.lsht video::-webkit-media-controls-start-playback-button,.lsht video::-webkit-media-controls-overlay-play-button,.lsht video::-webkit-media-controls-enclosure{display:none!important;opacity:0!important;-webkit-appearance:none!important}
.lsht .lsht-screen{position:relative}
.lsht .lsht-screen-link{position:absolute;inset:0;z-index:4;cursor:pointer;-webkit-tap-highlight-color:transparent}
/* Oct 23, 2026 (Joe): "Pick 3 more" on /sheepskin/ keeps the full glossy red button while the flock is still being picked
   (it was faded to 55%, which read as a flat pink button). Waiting state is only slightly muted and not clickable. */
body.page-id-758 .vsw-flock-add[aria-disabled="true"]{opacity:1!important;filter:saturate(.8) brightness(.94)!important;cursor:default!important}
body.page-id-758 .vsw-flock-add:not([aria-disabled="true"]){filter:none!important}
/* Oct 23, 2026 (Joe): Tiny Sheep page card: shop-page styles for the shop card, copied from the shop page (172) and pointed at the Tiny Sheep page (758). */
body:is(.page-id-758, .page-id-162) #catalog :is(button, input, select, summary):focus-visible, body:is(.page-id-758, .page-id-162) .lsv2-cart-drawer :is(button, input):focus-visible { outline: rgb(8, 102, 100) solid 3px !important; outline-offset: 3px !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog .lsc-unified :is(.lsc-sheep-color, .product-price, .ls-slice-price) { display: none !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] :is(.lsc-inline-content, .lsc-inline-content p, .lsc-inline-content li, .lsc-inline-content td, .lsc-inline-content dd, .lsc-savings p, .lsp-rewards-context p, .lsp-selection, .selection-summary, .lsp-small, .wood-static, .form-feedback, .lsp-feedback) { font-family: Besley, Georgia, serif !important; font-weight: 600 !important; line-height: 1.6 !important; color: var(--ink) !important; text-shadow: var(--press) !important; -webkit-text-stroke: 0px !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] :is(.lsp-selection, .selection-summary, .lsp-small, .wood-static, .lsc-savings p, .lsp-rewards-context p) { color: var(--secondary) !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] .lsc-inline-content :is(h2, h3, h4, h5, h6) { font-family: Besley, Georgia, serif !important; font-weight: 800 !important; line-height: 1.2 !important; color: var(--ink) !important; text-shadow: var(--press) !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] :is(.lsp-price, .lsp-unit-value, .lsp-price .amount, .lsp-price bdi) { font-family: Besley, Georgia, serif !important; font-weight: 900 !important; text-shadow: var(--press) !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] :is(input, select, textarea, label, .lsp-hand-name, .lsp-wood-name, [role="radio"]) { font-family: Besley, Georgia, serif !important; font-weight: 500 !important; text-shadow: none !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] :is(.lsp-metal, .add-choice, .lsp-add, .lsc-inline-details > summary, .lsp-hand, .lsp-swatch) { text-shadow: none !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] :is(button, input, select, textarea, a, summary):focus-visible { outline: rgb(107, 71, 45) solid 3px !important; outline-offset: 3px !important; }
body:is(.page-id-758, .page-id-162) #catalog .lsc-shared-card :is(button, input, summary):focus-visible { outline: rgb(35, 102, 64) solid 2px !important; outline-offset: 3px !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] :is(.lsc-inline-content, .lsc-inline-content p, .lsc-inline-content li, .lsc-inline-content td, .lsc-inline-content dd, .lsc-savings p, .lsp-rewards-context p, .lsp-selection, .selection-summary, .lsp-small, .wood-static, .form-feedback, .lsp-feedback) { font-family: Besley, Georgia, serif !important; font-weight: 600 !important; line-height: 1.6 !important; color: var(--ink) !important; text-shadow: var(--press) !important; -webkit-text-stroke: 0px !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] :is(.lsp-selection, .selection-summary, .lsp-small, .wood-static, .lsc-savings p, .lsp-rewards-context p) { color: var(--secondary) !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] .lsc-inline-content :is(h2, h3, h4, h5, h6) { font-family: Besley, Georgia, serif !important; font-weight: 800 !important; line-height: 1.2 !important; color: var(--ink) !important; text-shadow: var(--press) !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] :is(.lsp-price, .lsp-unit-value, .lsp-price .amount, .lsp-price bdi) { font-family: Besley, Georgia, serif !important; font-weight: 900 !important; text-shadow: var(--press) !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] :is(input, select, textarea, label, .lsp-hand-name, .lsp-wood-name, [role="radio"]) { font-family: Besley, Georgia, serif !important; font-weight: 500 !important; text-shadow: none !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] :is(.lsp-metal, .add-choice, .lsp-add, .lsc-inline-details > summary, .lsp-hand, .lsp-swatch) { text-shadow: none !important; }
body:is(.page-id-758, .page-id-162) :is(#post-758, #post-162) #catalog#catalog#catalog .lsp-card[data-product] :is(button, input, select, textarea, a, summary):focus-visible { outline: rgb(107, 71, 45) solid 3px !important; outline-offset: 3px !important; }
body.page-id-758 #post-758 #catalog summary.details-link { box-sizing: border-box !important; min-height: 56px !important; padding: 12px 22px !important; border: 0px !important; border-radius: 12px !important; background: url("https://n4lft3alr8.onrocket.site/wp-content/uploads/2026/10/metal-details.webp") center center / 100% 108% no-repeat transparent !important; color: rgb(37, 41, 35) !important; -webkit-text-fill-color: rgb(37, 41, 35) !important; box-shadow: none !important; filter: drop-shadow(rgba(40, 26, 16, 0.32) 0px 4px 3px) !important; }
body.page-id-758 #post-758 #catalog summary.details-link:hover { filter: brightness(1.08) drop-shadow(rgba(40, 26, 16, 0.376) 0px 5px 4px) !important; }
body.page-id-758 #post-758 #catalog summary.details-link:active { filter: brightness(0.96) drop-shadow(rgba(40, 26, 16, 0.32) 0px 2px 2px) !important; }

/* Oct 24, 2026 (Joe) hero-nobar: no progress bars under the hero clips - they just play. */
#ls-home-top .lsht-bar { display: none !important; }

/* Oct 24, 2026 (Joe) hero-glide: clips melt into the next picture while still moving (longer, softer blend),
   and every photo drifts slowly the whole time it is up. The BowSlicer film panel is left as it was. */
#ls-home-top .lsht-screen:not(.lsht-screen--film) .lsht-slide { transition: opacity 1.4s ease-in-out, transform 3s linear !important; }
@keyframes lsht-drift { from { transform: scale(1); } to { transform: scale(1.07); } }
#ls-home-top .lsht-screen:not(.lsht-screen--film) img.lsht-slide.lsht-drift { animation: lsht-drift 9s ease-out forwards; transform-origin: 50% 50%; }
@media (prefers-reduced-motion: reduce) { #ls-home-top img.lsht-slide.lsht-drift { animation: none; } }

/* Oct 25, 2026 (Joe) deal-tag: teal metal button (same family as the red buttons), bottom right of the Original Texas card. */
#ls-home-top .lsht-panel--lead .lsht-screen .lsht-badge { display: none !important; }
#ls-home-top .lsht-cta-row { display: flex; align-items: center; justify-content: space-between; gap: 14px 12px; flex-wrap: wrap; }
.lsht .lsht-deal-tag {
	--lsht-h: 40px; --lsht-s: calc(var(--lsht-h) / 377);
	display: inline-flex; align-items: center; justify-content: center; margin-left: auto;
	box-sizing: border-box; padding: 4px 20px; min-height: 22px;
	font: 700 14px/1.15 Georgia, serif; letter-spacing: 0.02em; white-space: nowrap; text-decoration: none;
	color: #f2fbf8; -webkit-text-fill-color: #f2fbf8; text-shadow: 0 1px 2px #0b2a28;
	border-style: solid; border-color: transparent;
	border-image-source: url("/wp-content/uploads/2026/10/loneslice-metal-teal.webp");
	border-image-slice: 165 200 182 fill;
	border-image-width: calc(var(--lsht-s) * 165) calc(var(--lsht-s) * 200) calc(var(--lsht-s) * 182);
	border-image-outset: calc(var(--lsht-s) * 165) 0 calc(var(--lsht-s) * 182);
	border-image-repeat: stretch;
	filter: drop-shadow(rgba(40, 26, 16, 0.38) 0 3px 2px);
}
.lsht .lsht-deal-tag:hover { filter: drop-shadow(rgba(40, 26, 16, 0.38) 0 3px 2px) brightness(1.06); }
.lsht .lsht-deal-tag:focus-visible { outline: 2px solid #1f6f6a; outline-offset: 6px; }

/* Oct 25, 2026 (Joe) flock-full: the Tiny Sheep panel shows its clips whole, never cropped. The picture sits full width on top
   in a 4:3 frame (the hanging-sheep clip fills it exactly; the square dancing clip sits whole on matching white), and the
   text and buttons stack underneath. */
#ls-home-top .lsht-panel--flock { flex-direction: column !important; }
#ls-home-top .lsht-panel--flock .lsht-screen { flex: none !important; width: 100% !important; height: auto !important; aspect-ratio: 4 / 3 !important; background: #fbfafd; }
#ls-home-top .lsht-panel--flock .lsht-slide,
#ls-home-top .lsht-panel--flock .lsht-slide.is-on { object-fit: contain !important; transform: none !important; animation: none !important; background: #fbfafd; }
#ls-home-top .lsht-panel--flock .lsht-fill { display: none !important; }
#ls-home-top .lsht-panel--flock .lsht-info { width: 100%; box-sizing: border-box; }

/* Oct 25, 2026 (Joe) type-scale: real hierarchy on the hero cards. One focal point per card.
   1 headline (biggest)  2 the Rewards price  3 the one red action  4 supporting buttons  5 small print. */
#ls-home-top .lsht-title { font-size: clamp(24px, 1.6vw + 18px, 34px); line-height: 1.06; letter-spacing: -0.012em; text-wrap: balance; margin: 0; }
#ls-home-top .lsht-panel--lead .lsht-title,
#ls-home-top .lsht-hero .lsht-title { font-size: clamp(29px, 2.6vw + 18px, 44px); line-height: 1.02; letter-spacing: -0.018em; }
#ls-home-top .lsht-panel--bow .lsht-title { font-size: clamp(23px, 1.6vw + 16px, 34px); }

#ls-home-top .lsht-kicker { font-size: 11.5px; letter-spacing: 0.16em; line-height: 1.3; margin: 0; }
#ls-home-top .lsht-note { font-size: clamp(14px, 0.3vw + 13px, 16px); line-height: 1.45; opacity: 0.86; margin: 0; }
#ls-home-top .lsht-fine { font-size: 12px; line-height: 1.4; opacity: 0.75; }

#ls-home-top .lsht-price { font-size: 13px; line-height: 1.3; margin: 2px 0 0; }
#ls-home-top .lsht-price s { font-size: 14px; opacity: 0.7; }
#ls-home-top .lsht-price b,
#ls-home-top .lsht-panel--flock .lsht-price b { display: inline-block; font-size: clamp(32px, 2.2vw + 22px, 46px); line-height: 1; letter-spacing: -0.02em; margin-right: 4px; vertical-align: -0.08em; }
#ls-home-top .lsht-price em { font-size: 13px; }

/* the one red action per card */
#ls-home-top .lsht-cta:not(.lsht-cta--ghost) { --lsht-h: 60px; font-size: clamp(19px, 0.5vw + 17px, 22px); padding: 6px 36px; letter-spacing: 0.015em; }
#ls-home-top .lsht-panel--bow .lsht-cta:not(.lsht-cta--ghost) { font-size: clamp(17px, 0.5vw + 15px, 21px); padding: 6px 22px; }
/* supporting buttons and the teal tag step down */
#ls-home-top .lsht-cta--ghost { --lsht-h: 40px; font-size: 14.5px; }
#ls-home-top .lsht-deal-tag { --lsht-h: 36px; font-size: 13px; }

#ls-home-top .lsht-info { gap: 12px; }

@media (max-width: 599px) {
	/* on phones the red action spans the card, so the thumb finds it first */
	#ls-home-top .lsht-panel--lead .lsht-cta:not(.lsht-cta--ghost),
	#ls-home-top .lsht-panel--flock .lsht-cta:not(.lsht-cta--ghost),
	#ls-home-top .lsht-hero .lsht-cta:not(.lsht-cta--ghost) { display: flex; justify-content: center; width: 100%; box-sizing: border-box; }
}
/* type-scale-bow: the BowSlicer text column stays inside its card on phones */
#ls-home-top .lsht-panel--bow .lsht-info { min-width: 0; flex: 1 1 0; box-sizing: border-box; }
#ls-home-top .lsht-panel--bow .lsht-cta { width: 100%; box-sizing: border-box; padding-left: 12px; padding-right: 12px; text-align: center; justify-content: center; }