/* Phones: a shorter, simpler site (owner 2026-10-29 mobile review: "can't be busy but show the key details … greatly simplify
   the mobile version"). Linked with media="(max-width:760px)" from _Layout, so nothing here reaches a wider screen.
   kg-phone.js folds long sections behind "Show more"; this file styles the fold and trims the home page. */

/* the fold: a long section shows its first screen, then a fade and a button */
.kg-fold { position:relative; max-height:var(--kg-fold-h, 70vh); overflow-y:hidden; }
.kg-fold::after { content:""; position:absolute; left:0; right:0; bottom:0; height:90px; pointer-events:none;
  background:linear-gradient(transparent, var(--kg-fold-bg, var(--ink, #1f2d3a))); }
.kg-more { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:46px; margin:6px 0 22px;
  background:none; border:1px solid var(--gold, #fac11c); border-radius:8px; color:var(--gold, #fac11c);
  font:700 16px "Open Sans Condensed", sans-serif; text-transform:uppercase; letter-spacing:.02em; cursor:pointer; }
.kg-more:active { background:rgba(250,193,28,.1); }

/* a table wider than the screen scrolls on its own, not the page */
.kg-tscroll { overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; }

/* ---- home page: one screen of key facts, then short sections ---- */
/* the 1D/2D/3D tiles and the teaser chips repeat the big tiles and the hero button: gone on phones */
main:has(> .kg-hometiles) > .viewer-feature, main:has(> .kg-hometiles) > .viewer-cta { display:none; }
/* the four facts straight after the tiles, two by two */
main:has(> .kg-hometiles) { display:flex; flex-direction:column; }
main:has(> .kg-hometiles) > .kg-hometiles { order:1; }
main:has(> .kg-hometiles) > .facts { order:2; }
main:has(> .kg-hometiles) > * { order:3; }
main > .facts { display:grid !important; grid-template-columns:1fr 1fr; gap:10px; padding:14px 16px 4px; margin:0; }
main > .facts a { padding:12px; border-radius:8px; }
main > .facts a b { font-size:22px; line-height:1.1; margin-bottom:4px; }
main > .facts a span { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-size:12.5px; line-height:1.35; }
main:has(> .kg-hometiles) > .intro { padding-top:8px; margin-top:0; }
main:has(> .kg-hometiles) > .intro h2 { font-size:26px; margin-top:12px; }
/* showings: a row of cards to swipe, photo and name only */
main:has(> .kg-hometiles) > section .cards { display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  margin:0 -16px; padding:0 16px 8px; }
main:has(> .kg-hometiles) > section .cards .card { flex:0 0 72%; scroll-snap-align:start; margin:0; }
main:has(> .kg-hometiles) > section .cards .card .txt ul, main:has(> .kg-hometiles) > section .cards .card .txt .btn { display:none; }
main:has(> .kg-hometiles) > section .cards .card .txt h3 { margin:8px 0 0; font-size:18px; }
main:has(> .kg-hometiles) > section .cards .card .pic img { aspect-ratio:4/3; object-fit:cover; width:100%; }
/* the tour band: the buttons and the film, not the paragraph */
main:has(> .kg-hometiles) > .band .two > div > p { display:none; }