/* home-rails.css — OWNER 2026-09-29: "CONDENSE AND REIMAGINE THE SPACE OF THE HOMEPAGE ... TOO MUCH SCROLLING
   VERTICALLY, ADD MORE SCROLLING HORIZONTALLY".  Layout only (claude lane); titles, title art and colours stay with
   landing.css / title-art.css (codex lane).  Loaded after them on the landing page only.
   1. The family-album collage: one horizontal row of big prints instead of a vertical stack.
   2. .home-deck: Books, Watch, Shop and Connect sit side by side and swipe sideways (one per screen on a phone,
      two per screen on a desktop) instead of four full-height sections stacked. */

/* ---- 1. collage row ----------------------------------------------------------------------------------------
   Out-specifies landing.css `body[data-edit-page="home"] .st-photo-collage` (a 2-up grid with 240px photos): one row,
   and the photos get taller because the row frees the vertical space (owner 15:04 "MAKE ALL IMAGES BIG AND BRIGHT"). */
body[data-edit-page="home"] #darkroom .st-photo-collage {
  display: flex;
  flex-wrap: nowrap;
  gap: 18px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 16px;
  padding: 8px 16px 26px;
  margin-inline: -16px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  grid-template-columns: none;
}
body[data-edit-page="home"] #darkroom .st-photo-collage .st-print {
  flex: 0 0 min(80vw, 360px);
  width: auto;
  max-width: none;
  margin: 0;
  scroll-snap-align: start;
}
body[data-edit-page="home"] #darkroom .st-photo-collage .st-print:nth-child(even) { margin-top: 0; }
/* the frame follows the photo's own shape (no white bands around landscape shots); height capped, row aligned at top */
body[data-edit-page="home"] #darkroom .st-photo-collage { align-items: flex-start; }
body[data-edit-page="home"] #darkroom .st-photo-collage .st-print__pic { height: auto; }
body[data-edit-page="home"] #darkroom .st-photo-collage .st-print__pic img { height: auto; max-height: min(52vh, 440px); aspect-ratio: auto; object-fit: contain; }

/* ---- 2. the deck -------------------------------------------------------------------------------------------- */
.home-deck {
  --deck-gap: 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: var(--deck-gap);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  position: relative;
}
.home-deck:focus-visible { outline: 3px solid #f4b400; outline-offset: -3px; }
.home-deck > .section,
.home-deck > .section.wrap {
  flex: 0 0 100%;
  width: 100%;
  max-width: none;
  margin: 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  box-sizing: border-box;
  padding-inline: 16px;
  min-width: 0;
  overflow: hidden;              /* a panel never widens the deck; its own rails scroll inside it */
}
/* a swipe cue on each panel after the first: the right edge of the next panel's colour peeks in */
.home-deck > .section + .section { box-shadow: inset 6px 0 0 rgba(0, 0, 0, .18); }

/* desktop: one roomy panel per view with the next one peeking in (two-up squeezed the video and shop cards) */
@media (min-width: 1024px) {
  .home-deck > .section,
  .home-deck > .section.wrap { flex-basis: 86%; width: 86%; padding-inline: 48px; }
}
@media (prefers-reduced-motion: no-preference) {
  .home-deck, #darkroom .st-photo-collage { scroll-behavior: smooth; }
}

/* MARKED LAYER skyhigh-oneness-20261001: one record sleeve / picture-book language.
   Existing art, source words, gallery identities, links and editor hooks stay intact. */
body[data-edit-page="home"] {
  --home-paper:#f6efdf;
  --home-ink:#121110;
  --home-night:#0d0d0c;
  --home-rule:linear-gradient(90deg,#e0303b 0 33.333%,#f4b400 33.333% 66.666%,#1f9a55 66.666%);
  --home-space:clamp(24px,4vw,56px);
  background:#090c09;
}
body[data-edit-page="home"] :is(.ld-photo-edition,.st-picture-journey) {
  background:#0d1912 !important;
}
body[data-edit-page="home"] main > [data-section="home.music"],
body[data-edit-page="home"] .home-deck > :is([data-section="home.watch"],[data-section="home.shop"],[data-section="home.connect"]) {
  --salt:#f6efdf; --ash:#d4cebf; --ink-on-gold:#121110;
  background:#0d0d0c !important; color:#f6efdf !important;
  border-block:0;
}
body[data-edit-page="home"] main > [data-section="home.music"] {
  border-top:3px solid #e0303b;
}
body[data-edit-page="home"] .home-deck > [data-section="home.books"].canvas-gold {
  --salt:#121110; --ash:#514b40; --ink-on-gold:#121110;
  background:#f6efdf !important; color:#121110 !important;
  border-top:3px solid #f4b400; border-bottom:0;
}
body[data-edit-page="home"] [data-section="home.books"] .section-head .lede {
  color:#514b40 !important;
}
body[data-edit-page="home"] .home-deck > [data-section="home.watch"] { border-top:3px solid #1f9a55; }
body[data-edit-page="home"] .home-deck > [data-section="home.shop"] { border-top:3px solid #e0303b; }
body[data-edit-page="home"] .home-deck > [data-section="home.connect"] { border-top:3px solid #f4b400; }
body[data-edit-page="home"] .home-deck { background:#0d0d0c; }
body[data-edit-page="home"] :is(.st-rail,.ld-hrail,.st-photo-collage,.home-deck) {
  scrollbar-color:#f4b400 #0d0d0c;
}
body[data-edit-page="home"] :is(.section-head,.ld-head) { gap:16px; }
body[data-edit-page="home"] :is(.section-head,.ld-head) > .lede {
  max-width:52ch; line-height:1.65;
}
body[data-edit-page="home"] .reggae-title-showcase {
  gap:clamp(20px,3vw,40px); margin-block:8px 16px;
}
body[data-edit-page="home"] .reggae-title-showcase .title-art {
  border-radius:3px; border-width:1px;
  border-top:3px solid #e0303b; border-bottom:3px solid #1f9a55;
  box-shadow:6px 6px 0 #000;
}
body[data-edit-page="home"] .reggae-title-plate {
  padding:12px 16px 16px;
  border-left:2px solid #1f9a55; border-bottom:2px solid #f4b400;
}
body[data-edit-page="home"] .ld-book__page {
  --bk-paper:#f6efdf;
  border-radius:2px;
  box-shadow:0 0 0 1px #e0303b,0 0 0 4px #090c09,0 0 0 5px #f4b400,0 0 0 8px #090c09,0 0 0 9px #1f9a55;
}
body[data-edit-page="home"] .ld-book__cover { border-radius:0; }
body[data-edit-page="home"] .ld-book__road { line-height:1.75; }
body[data-edit-page="home"] .ld-book__credo { border-left-color:#1c5b3a; }
body[data-edit-page="home"] .ld-book__btn {
  font-size:.76rem; letter-spacing:.09em;
}
body[data-edit-page="home"] .ld-photo-edition .ld-album {
  border-width:3px; box-shadow:6px 6px 0 #000; padding:14px;
}
body[data-edit-page="home"] .ld-photo-edition .ld-album__head { padding:4px 2px 18px; }
body[data-edit-page="home"] .ld-photo-edition .ld-album__btn {
  padding:16px; letter-spacing:.1em;
}
body[data-edit-page="home"] .ld-photo-edition .ld-hero__foot:not(:has(img)) { display:none; }
body[data-edit-page="home"] #darkroom .st-photo-collage {
  gap:24px; padding-block:18px 28px; scroll-snap-type:x proximity;
}
body[data-edit-page="home"] #darkroom .st-photo-collage .st-print {
  padding:8px 8px 14px; background:#f6efdf; border-radius:2px;
  transform:none; box-shadow:6px 6px 0 #000;
}
body[data-edit-page="home"] #darkroom .st-photo-collage .st-print figcaption { padding:12px 4px 0; }
body[data-edit-page="home"] #darkroom .st-photo-collage .st-print__no {
  color:#61430d; font-size:12px; letter-spacing:.04em;
}
body[data-edit-page="home"] #darkroom .st-photo-collage .st-print__cap {
  font-size:14px; line-height:1.55; letter-spacing:normal; color:#121110;
}
body[data-edit-page="home"] .st-rail > :is(.st-rec,.st-book) {
  border-width:1px; border-top-width:3px; border-radius:2px;
  padding:16px; gap:12px; box-shadow:6px 6px 0 #000;
}
body[data-edit-page="home"] .st-rail > :is(.st-rec,.st-book):is(:hover,:focus-within) {
  translate:0 -3px; box-shadow:6px 9px 0 #000;
}
body[data-edit-page="home"] .st-rail .st-rec__links .st-chip.st-chip {
  border-radius:2px; letter-spacing:.04em; box-shadow:none !important;
}
body[data-edit-page="home"] .ld-hrail__nav button { box-shadow:none; }
body[data-edit-page="home"] [data-section="home.books"] .ld-hrail__nav { color:#121110; }
body[data-edit-page="home"] .ld-hrail > .video { border-radius:2px; box-shadow:6px 6px 0 #000; }
body[data-edit-page="home"] .ld-hrail > .video .player { border-radius:0; }
body[data-edit-page="home"] .footer { border-top:3px solid #1f9a55; background:#090c09; }
@media(max-width:700px) {
  body[data-edit-page="home"] .home-deck > .section { flex-basis:96%; width:96%; }
  body[data-edit-page="home"] .reggae-title-showcase { gap:20px; }
  body[data-edit-page="home"] #darkroom .st-photo-collage { gap:20px; }
  body[data-edit-page="home"] .ld-book__page { padding-inline:18px; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-edit-page="home"] .st-rail > :is(.st-rec,.st-book):is(:hover,:focus-within) { translate:none; }
}
/* END skyhigh-oneness-20261001 */

/* MARKED LAYER skyhigh-reggae-showcase-20261017: elevate the Book-Opening UX, Digital Jamaican Music, Art,
   Traveling, and Love while preserving all owner edits and biography/gallery/theme invariants. */
body[data-edit-page="home"] .ld-book__stage {
  background:radial-gradient(ellipse at 50% 22%,rgba(244,180,0,.15),rgba(31,154,85,.07) 48%,transparent 76%);
}
body[data-edit-page="home"] .ld-book__page {
  background-image:
    linear-gradient(90deg,rgba(18,17,16,.15) 0,rgba(18,17,16,.04) 16px,rgba(244,180,0,.06) 28px,transparent 52px),
    radial-gradient(circle at 86% 12%,rgba(244,180,0,.09),transparent 54%);
  box-shadow:
    0 0 0 1px #e0303b,
    0 0 0 4px #090c09,
    0 0 0 5px #f4b400,
    0 0 0 8px #090c09,
    0 0 0 9px #1f9a55,
    13px 13px 0 #efe5cf,
    14px 14px 0 #121110,
    18px 18px 0 #e5d8bc,
    19px 19px 0 #f4b400,
    0 28px 64px rgba(0,0,0,.72);
}
body[data-edit-page="home"] .ld-book__swing {
  box-shadow:28px 0 64px rgba(0,0,0,.84),inset -3px 0 0 #f4b400,inset 4px 0 16px rgba(244,180,0,.32);
}
body[data-edit-page="home"] .ld-book__label img {
  border-radius:4px;
  box-shadow:0 0 0 2px #121110,0 0 0 4px #f4b400,0 10px 24px rgba(18,17,16,.24);
  cursor:pointer;
}
body[data-edit-page="home"] .ld-book__credo {
  background:linear-gradient(90deg,rgba(31,154,85,.1),rgba(244,180,0,.06) 65%,transparent);
  padding:.55rem .95rem;
  border-radius:0 4px 4px 0;
}
body[data-edit-page="home"] .ld-book__sign {
  padding-bottom:.3rem;
  border-bottom:2px solid #e0303b;
  box-shadow:0 2px 0 #f4b400;
}
/* Book-turn & World Travel Compass inside #darkroom */
body[data-edit-page="home"] .ld-book__compass {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 14px;
  margin:4px 0 10px;
  padding:10px 14px;
  background:linear-gradient(90deg,rgba(18,17,16,.92),rgba(20,38,28,.92));
  border:1px solid rgba(244,180,0,.42);
  border-left:4px solid #f4b400;
  border-radius:3px;
  box-shadow:4px 4px 0 rgba(0,0,0,.65);
}
body[data-edit-page="home"] .ld-compass__chapters {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
body[data-edit-page="home"] .ld-compass__tag {
  font-family:var(--font-mono,monospace);
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#ffd15c;
  margin-right:4px;
}
body[data-edit-page="home"] .ld-compass__pill,
body[data-edit-page="home"] .ld-compass__step {
  appearance:none;
  background:#121110;
  color:#f6efdf;
  border:1px solid rgba(244,180,0,.45);
  border-radius:2px;
  padding:6px 11px;
  font-family:var(--font-mono,monospace);
  font-size:11px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease;
}
body[data-edit-page="home"] :is(.ld-compass__pill,.ld-compass__step):is(:hover,:focus-visible) {
  background:#1f9a55;
  color:#fff;
  border-color:#ffd15c;
  outline:none;
}
body[data-edit-page="home"] .ld-compass__pill[aria-pressed="true"] {
  background:#f4b400;
  color:#121110;
  border-color:#f6efdf;
}
body[data-edit-page="home"] .ld-compass__pager {
  display:flex;
  align-items:center;
  gap:8px;
}
body[data-edit-page="home"] .ld-compass__status {
  font-family:var(--font-mono,monospace);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  color:#f6efdf;
  min-width:92px;
  text-align:center;
}
body[data-edit-page="home"] #darkroom .st-photo-collage .st-print {
  border-top:3px solid #f4b400;
  transition:box-shadow .2s ease,border-color .2s ease;
}
body[data-edit-page="home"] #darkroom .st-photo-collage .st-print[data-travel-focus="true"] {
  border-top-color:#e0303b;
  box-shadow:0 0 0 2px #f4b400,8px 8px 0 #1f9a55;
}
/* High-contrast readable credits on dark autobiography album sleeves (390px + 1440px) */
body[data-edit-page="home"] .st-rec--archive :is(.st-label,.st-rec__meta) {
  background:linear-gradient(180deg,#1a1814,#12110e);
  color:#f6efdf;
  padding:10px 12px;
  border-radius:2px;
  border-left:3px solid #f4b400;
  border-top:1px solid rgba(244,180,0,.28);
}
body[data-edit-page="home"] .st-rec--archive :is(.st-label__eyebrow,.st-label__fmt,.st-rec__kind) {
  color:#ffd15c !important;
  letter-spacing:.12em;
}
body[data-edit-page="home"] .st-rec--archive :is(.st-label__title,.st-rec__title) {
  color:#fff !important;
}
body[data-edit-page="home"] .st-rec--archive .st-label__credit {
  color:#f6efdf !important;
  font-size:13px;
  line-height:1.45;
}
body[data-edit-page="home"] .st-rec--archive .st-rec__page[data-book-page] {
  position:relative;
}
body[data-edit-page="home"] .st-rec--archive .st-rec__page[data-book-page]::after {
  content:"Book Page ↗";
  position:absolute;
  right:8px;
  bottom:8px;
  padding:4px 8px;
  background:rgba(18,17,16,.9);
  color:#ffd15c;
  border:1px solid #f4b400;
  border-radius:2px;
  font-family:var(--font-mono,monospace);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  pointer-events:none;
}
/* END skyhigh-reggae-showcase-20261017 */