/* Homepage options A and B. Loaded after site.css and light.css, on the option pages only. */

:root {
  --text: #0F1216;
  --muted: #4A515B;
  --line: #DCE0E5;
  --line-2: #B9C0C9;
}

/* ---------- Tighter spacing ---------- */
.section { padding: clamp(52px, 6.5vw, 84px) 0; }
.section-head { margin-bottom: 28px; gap: 10px; }
.fn-section { padding: clamp(56px, 7vw, 88px) 0; }
.split { gap: 32px 56px; }

/* ---------- Bigger, clearer logo in the header ---------- */
.header-inner { min-height: 76px; }
.brand { gap: 14px; }
.brand .px { width: 52px; height: 52px; }
.brand-name b { font-size: 18px; }
.brand-name span { font-size: 10px; }
@media (max-width: 480px) {
  .brand .px { width: 44px; height: 44px; }
  .brand-name b { font-size: 16px; }
}

/* ---------- Hero: copy beside a dig scene ---------- */
.hero { padding: clamp(40px, 6vw, 72px) 0 clamp(40px, 5vw, 64px); border-bottom: 1px solid var(--line); }
.hero-grid { display: flex; flex-wrap: wrap; align-items: center; gap: 32px 56px; }
.hero-copy { flex: 1 1 440px; min-width: 0; gap: 20px; }
.hero h1 { font-size: clamp(40px, 5.6vw, 66px); }
.scene {
  flex: 1 1 440px; min-width: 0; position: relative; height: 400px;
  border-radius: 28px; overflow: hidden; isolation: isolate;
}
.scene svg.bg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; }
@media (max-width: 600px) { .scene { height: 320px; border-radius: 22px; } }

.trust { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: 15px; font-weight: 600; color: var(--text); }
.trust li { display: flex; align-items: center; gap: 8px; }
.trust svg { width: 18px; height: 18px; stroke: #1E8A5A; fill: none; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; flex: none; }

/* Things flying out of the hole: the outer span moves sideways, the inner one up and down,
   so together they follow an arc. */
.fly {
  position: absolute; left: var(--hx, 50%); bottom: var(--hy, 30%); z-index: 2;
  opacity: 0; animation: fly-x var(--t, 5s) linear var(--d, 0s) infinite;
}
.fly > i { display: block; animation: fly-y var(--t, 5s) cubic-bezier(.15, .75, .35, 1) var(--d, 0s) infinite; font-style: normal; }
@keyframes fly-x {
  0% { transform: translateX(-50%); opacity: 0; }
  8% { opacity: 1; }
  78% { opacity: 1; }
  100% { transform: translateX(calc(-50% + var(--dx, 0px))); opacity: 0; }
}
@keyframes fly-y {
  0% { transform: translateY(0) scale(.55) rotate(0deg); }
  100% { transform: translateY(calc(-1 * var(--up, 200px))) scale(1) rotate(var(--r, 0deg)); }
}

/* A pretend app icon with a letter on it */
.app {
  width: 40px; height: 40px; border-radius: 11px; background: var(--c);
  display: grid; place-items: center; color: #fff; font: 800 20px/1 'Archivo', sans-serif;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .14), 0 6px 14px -6px rgba(15, 18, 22, .35);
}
.app.sm { width: 30px; height: 30px; border-radius: 8px; font-size: 15px; }
/* A pretend book: spine on the left, a title and a few lines of "writing" */
.bk { display: block;
  width: 30px; height: 40px; border-radius: 2px 5px 5px 2px; background-color: var(--c);
  box-shadow: inset 5px 0 0 rgba(0, 0, 0, .2), 0 6px 14px -6px rgba(15, 18, 22, .35);
  background-image:
    linear-gradient(rgba(255,255,255,.95), rgba(255,255,255,.95)),
    linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)),
    linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)),
    linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6));
  background-size: 15px 3px, 17px 2px, 13px 2px, 16px 2px;
  background-position: 10px 8px, 9px 16px, 9px 21px, 9px 26px;
  background-repeat: no-repeat;
}
.bk.sm { width: 24px; height: 32px; background-size: 11px 3px, 13px 2px, 10px 2px, 12px 2px; background-position: 9px 6px, 8px 13px, 8px 17px, 8px 21px; }
.clod { display: block; width: 8px; height: 7px; border-radius: 40%; background: #7A5137; }
.clod.sm { width: 5px; height: 5px; }

@media (prefers-reduced-motion: reduce) {
  .fly { animation: none; opacity: 1; transform: translateX(calc(-50% + var(--dx, 0px) * .6)); }
  .fly > i { animation: none; transform: translateY(calc(-1 * var(--up, 200px) * .75)) rotate(var(--r, 0deg)); }
  .clod { display: none; }
}

/* ---------- Shelves ---------- */
.shelf { padding: 28px; gap: 12px; }
.shelf .px { width: 56px; height: 56px; }
.shelf-item { background: #FFFFFF; }

/* Option A: tinted shelves */
.tinted .shelf { border-width: 1px; }
.tinted #fitness { background: #FFF2F6; border-color: #F5CADA; }
.tinted #games { background: #F4F1FF; border-color: #DCD3FF; }
.tinted #books { background: #EAF6F4; border-color: #C3E5E0; }

/* Option B: white shelves with a firmer outline */
.outlined .shelf { background: #FFFFFF; border: 1.5px solid var(--line); }
.outlined .shelf:hover { border-color: var(--line-2); }

/* ---------- Promise band (option B) ---------- */
.promise { background: #15181D; color: #F2F3F5; padding: clamp(52px, 6.5vw, 80px) 0; }
.promise .eyebrow { color: #F0A06A; }
.promise h2 { color: #FFFFFF; }
.promise-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 28px 32px; margin-top: 32px; }
.promise-grid div { display: flex; flex-direction: column; gap: 8px; }
.promise-grid svg { width: 28px; height: 28px; stroke: #F0A06A; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.promise-grid h3 { font-size: 19px; color: #FFFFFF; }
.promise-grid p { color: #B9C0C9; font-size: 16px; }

/* ---------- About ---------- */
.about-mark { width: 72px; height: 72px; margin-bottom: 6px; }
@media (max-width: 600px) { .scene { --m: .72; } }

/* ---------- Final hero: full-width ground strip ---------- */
.hero.wide { padding-bottom: 0; border-bottom: 0; overflow: hidden; }
.hero.wide .hero-copy { max-width: 820px; }
.dig { position: relative; height: 250px; margin-top: 40px; z-index: 0; }
.dig .rise {
  position: absolute; bottom: 96px; left: var(--x); opacity: 0;
  animation: rise-up var(--t, 6s) cubic-bezier(.2, .7, .35, 1) var(--d, 0s) infinite;
}
@keyframes rise-up {
  0% { transform: translate(-50%, 18px) scale(.6) rotate(0deg); opacity: 0; }
  14% { opacity: 1; }
  72% { opacity: 1; }
  100% { transform: translate(-50%, calc(-1 * var(--up, 130px) * var(--m, 1))) scale(1) rotate(var(--r, 12deg)); opacity: 0; }
}
.dig .rise.clod-r .clod { display: block; }

/* The ground: grass on top, two soil layers, pebbles, and apps and books still buried */
.ground { position: absolute; left: 0; right: 0; bottom: 0; height: 96px; background: #7E5539; overflow: hidden; }
.ground::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 12px; background: #5E9E52; z-index: 2;
}
.ground::after {
  content: ""; position: absolute; left: 0; right: 0; top: 12px; height: 34px; background-color: #9A6A47; z-index: 0;
  background-image: radial-gradient(#7A5137 3px, transparent 3.5px), radial-gradient(#86593D 2px, transparent 2.5px);
  background-size: 86px 34px, 54px 34px; background-position: 12px 12px, 40px 22px;
}
.ground .bedrock {
  position: absolute; left: 0; right: 0; top: 46px; bottom: 0; z-index: 0;
  background-image: radial-gradient(#5E3F2C 4px, transparent 4.5px), radial-gradient(#6A4732 2.5px, transparent 3px);
  background-size: 120px 50px, 70px 50px; background-position: 30px 18px, 0 34px;
}
.tufts { position: absolute; left: 0; right: 0; bottom: 90px; height: 22px; z-index: 1; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='22' viewBox='0 0 600 22'><path fill='%234C8A43' d='M0.0 22Q0.4 14.5 -1.6 9.4Q1.0 15.7 3.3 22ZM4.2 22Q5.5 13.6 5.1 8.1Q5.6 15.0 7.3 22ZM8.6 22Q12.1 17.6 14.4 14.7Q11.4 18.3 12.6 22ZM20.1 22Q21.5 10.6 21.3 3.0Q21.6 12.5 23.2 22ZM22.0 22Q25.2 17.2 27.5 14.0Q24.5 18.0 25.5 22ZM48.0 22Q49.6 17.8 49.3 15.1Q49.7 18.5 51.5 22ZM50.6 22Q52.2 16.7 52.8 13.1Q52.1 17.5 53.2 22ZM54.7 22Q56.6 16.3 56.5 12.5Q56.7 17.2 58.7 22ZM61.7 22Q62.6 16.5 60.9 12.8Q63.2 17.4 65.9 22ZM71.9 22Q74.9 16.4 76.0 12.6Q74.6 17.3 76.5 22ZM91.8 22Q92.6 14.1 90.8 8.8Q93.2 15.4 95.7 22ZM107.9 22Q109.3 17.7 109.3 14.8Q109.3 18.4 110.7 22ZM129.7 22Q131.0 13.2 130.1 7.3Q131.4 14.7 133.6 22ZM137.5 22Q138.1 18.9 137.0 16.8Q138.5 19.4 140.2 22ZM145.4 22Q146.3 14.6 145.1 9.7Q146.7 15.8 148.9 22ZM171.7 22Q172.0 17.8 170.3 15.0Q172.6 18.5 174.7 22ZM183.6 22Q185.1 13.7 185.4 8.2Q185.0 15.1 186.2 22ZM187.0 22Q190.5 11.0 192.5 3.6Q189.8 12.8 191.2 22ZM192.6 22Q194.0 14.4 193.0 9.4Q194.4 15.7 196.8 22ZM200.4 22Q203.7 18.7 205.7 16.5Q203.0 19.3 204.1 22ZM212.2 22Q215.1 17.3 216.7 14.1Q214.5 18.0 215.7 22ZM217.0 22Q219.1 14.1 220.3 8.8Q218.7 15.4 219.6 22ZM234.6 22Q235.1 13.0 233.7 7.1Q235.6 14.5 237.6 22ZM273.5 22Q275.8 18.7 275.7 16.6Q275.8 19.3 278.2 22ZM277.9 22Q279.0 18.1 278.6 15.4Q279.1 18.7 280.7 22ZM286.4 22Q289.7 16.9 291.9 13.5Q289.0 17.8 290.0 22ZM293.9 22Q295.2 18.0 294.0 15.4Q295.6 18.7 298.0 22ZM315.3 22Q318.6 15.2 320.5 10.7Q318.0 16.4 319.5 22ZM329.8 22Q330.4 10.1 329.0 2.2Q330.9 12.1 333.0 22ZM384.8 22Q387.8 16.7 389.1 13.2Q387.3 17.6 389.0 22ZM386.5 22Q390.0 18.1 392.3 15.5Q389.2 18.7 390.2 22ZM395.6 22Q397.6 10.6 397.7 3.0Q397.6 12.5 399.5 22ZM402.9 22Q403.8 10.5 401.4 2.8Q404.6 12.4 407.8 22ZM421.4 22Q422.7 18.9 421.1 16.8Q423.3 19.4 426.2 22ZM426.9 22Q429.3 14.6 430.6 9.6Q428.8 15.8 429.8 22ZM429.5 22Q430.4 16.8 429.1 13.4Q430.9 17.7 433.1 22ZM445.8 22Q446.1 17.6 443.8 14.7Q446.8 18.3 449.3 22ZM449.2 22Q451.3 16.7 452.2 13.1Q451.0 17.5 452.1 22ZM452.8 22Q456.2 13.1 458.1 7.1Q455.6 14.5 457.1 22ZM456.9 22Q457.9 17.3 456.0 14.2Q458.5 18.1 461.3 22ZM461.3 22Q463.0 11.2 462.0 4.0Q463.3 13.0 466.1 22ZM470.8 22Q472.0 15.6 471.9 11.4Q472.1 16.7 473.4 22ZM485.0 22Q487.5 13.8 488.9 8.4Q487.0 15.2 488.1 22ZM488.4 22Q489.8 18.0 489.5 15.4Q490.0 18.7 491.8 22ZM511.6 22Q512.2 13.7 511.2 8.2Q512.5 15.1 514.1 22ZM536.6 22Q538.2 14.2 537.5 9.0Q538.5 15.5 540.8 22ZM560.4 22Q563.1 14.4 563.7 9.3Q562.9 15.6 565.0 22ZM565.9 22Q566.7 12.9 565.1 6.8Q567.2 14.4 569.5 22ZM569.4 22Q570.9 13.9 569.5 8.4Q571.3 15.2 574.2 22ZM576.1 22Q576.4 16.7 574.8 13.1Q576.9 17.6 578.8 22ZM597.8 22Q601.5 12.9 603.4 6.8Q600.9 14.4 602.7 22Z'/><path fill='%235E9E52' d='M11.7 22Q14.2 12.1 15.7 5.4Q13.7 13.7 14.6 22ZM13.6 22Q14.1 11.4 12.0 4.3Q14.8 13.2 17.5 22ZM16.5 22Q17.8 15.5 16.9 11.2Q18.1 16.6 20.4 22ZM41.8 22Q43.5 12.2 43.8 5.7Q43.4 13.9 44.7 22ZM65.4 22Q66.6 10.7 66.0 3.2Q66.8 12.6 68.7 22ZM68.0 22Q70.5 11.7 72.0 4.9Q70.0 13.5 71.1 22ZM81.8 22Q84.3 14.2 85.7 9.0Q83.9 15.5 85.1 22ZM88.4 22Q91.1 14.7 93.0 9.8Q90.4 15.9 91.1 22ZM95.7 22Q98.9 18.8 100.4 16.6Q98.3 19.3 100.0 22ZM97.2 22Q98.5 13.2 98.1 7.4Q98.6 14.7 100.3 22ZM98.9 22Q100.8 10.9 100.5 3.5Q101.0 12.7 103.3 22ZM102.0 22Q104.8 19.0 106.1 16.9Q104.4 19.5 105.8 22ZM114.5 22Q117.8 13.8 119.8 8.4Q117.1 15.2 118.4 22ZM118.5 22Q119.7 18.7 119.4 16.5Q119.9 19.3 121.4 22ZM126.2 22Q127.6 13.8 126.0 8.3Q128.1 15.1 131.1 22ZM131.6 22Q132.5 14.0 130.3 8.7Q133.2 15.4 136.4 22ZM152.6 22Q153.2 18.4 150.8 15.9Q153.9 19.0 156.8 22ZM160.1 22Q162.4 13.8 163.5 8.4Q162.1 15.2 163.3 22ZM181.8 22Q185.1 18.7 186.7 16.4Q184.6 19.2 186.4 22ZM190.4 22Q190.9 16.3 189.7 12.5Q191.4 17.2 193.1 22ZM196.0 22Q198.7 13.6 199.6 8.0Q198.4 15.0 200.1 22ZM202.8 22Q203.2 13.6 201.8 8.0Q203.7 15.0 205.5 22ZM221.4 22Q222.8 10.9 222.3 3.5Q222.9 12.8 224.8 22ZM229.4 22Q229.9 14.2 228.2 9.0Q230.4 15.5 232.5 22ZM232.4 22Q234.4 15.6 234.1 11.3Q234.5 16.6 236.9 22ZM240.7 22Q241.9 18.7 239.9 16.5Q242.5 19.2 245.6 22ZM257.5 22Q258.2 17.7 256.1 14.9Q258.9 18.4 261.6 22ZM271.2 22Q272.2 18.5 270.9 16.2Q272.7 19.1 275.0 22ZM302.4 22Q302.5 17.3 300.2 14.1Q303.3 18.1 305.7 22ZM304.2 22Q307.4 14.4 308.9 9.3Q306.9 15.7 308.5 22ZM312.6 22Q315.2 15.1 316.5 10.4Q314.8 16.2 316.3 22ZM317.6 22Q317.9 15.4 316.4 11.0Q318.5 16.5 320.3 22ZM322.8 22Q323.7 18.1 322.2 15.5Q324.2 18.8 326.7 22ZM324.7 22Q327.1 17.6 327.1 14.7Q327.1 18.3 329.4 22ZM334.6 22Q337.0 13.6 338.1 8.0Q336.6 15.0 338.0 22ZM341.6 22Q343.1 12.2 343.2 5.6Q343.0 13.8 344.3 22ZM347.1 22Q349.1 14.3 350.2 9.2Q348.7 15.6 349.6 22ZM365.1 22Q368.2 11.4 369.7 4.3Q367.7 13.2 369.2 22ZM368.6 22Q369.9 15.0 368.3 10.3Q370.4 16.2 373.2 22ZM370.2 22Q373.6 14.1 375.1 8.8Q373.1 15.4 375.0 22ZM388.6 22Q391.6 17.8 392.5 15.0Q391.3 18.5 393.5 22ZM397.9 22Q401.4 14.5 403.7 9.6Q400.6 15.8 401.7 22ZM405.1 22Q405.5 17.5 403.7 14.5Q406.1 18.2 408.3 22ZM408.4 22Q409.3 13.3 408.6 7.6Q409.5 14.8 411.0 22ZM411.2 22Q411.6 18.7 409.9 16.5Q412.2 19.2 414.4 22ZM435.2 22Q437.8 13.9 438.5 8.5Q437.5 15.2 439.4 22ZM473.9 22Q475.3 16.9 474.9 13.6Q475.4 17.8 477.0 22ZM476.3 22Q479.4 14.3 480.9 9.2Q479.0 15.6 480.7 22ZM480.7 22Q482.0 16.7 481.0 13.2Q482.3 17.6 484.7 22ZM492.9 22Q494.3 14.6 493.5 9.7Q494.6 15.9 496.9 22ZM497.0 22Q499.7 12.6 501.0 6.3Q499.3 14.1 500.6 22ZM498.9 22Q501.5 16.3 502.7 12.6Q501.1 17.3 502.5 22ZM502.6 22Q504.5 17.3 503.6 14.1Q504.7 18.1 507.5 22ZM504.8 22Q506.9 16.6 506.3 13.0Q507.1 17.5 509.7 22ZM517.6 22Q520.8 11.7 522.5 4.9Q520.2 13.4 521.7 22ZM524.6 22Q527.8 12.6 529.5 6.4Q527.2 14.2 528.7 22ZM528.8 22Q529.0 19.0 526.8 17.0Q529.7 19.5 532.1 22ZM530.8 22Q532.9 14.3 532.7 9.2Q533.0 15.6 535.3 22ZM545.0 22Q546.3 16.8 546.2 13.3Q546.4 17.6 547.9 22ZM563.9 22Q564.2 11.9 562.5 5.1Q564.8 13.6 566.9 22ZM586.5 22Q588.6 17.8 589.6 15.1Q588.2 18.5 589.3 22Z'/><path fill='%236DB05F' d='M34.2 22Q35.6 12.2 35.1 5.6Q35.7 13.8 37.4 22ZM58.7 22Q62.0 17.9 63.2 15.1Q61.6 18.6 63.7 22ZM75.8 22Q79.2 13.1 81.5 7.2Q78.4 14.6 79.5 22ZM111.7 22Q113.1 12.4 111.7 6.0Q113.6 14.0 116.4 22ZM122.1 22Q123.9 11.4 123.2 4.3Q124.1 13.1 126.5 22ZM128.2 22Q128.7 16.0 126.7 12.0Q129.3 17.0 131.8 22ZM140.9 22Q143.0 18.8 142.8 16.7Q143.1 19.3 145.4 22ZM149.8 22Q152.2 11.8 153.4 5.0Q151.8 13.5 152.9 22ZM164.8 22Q166.5 14.1 166.9 8.8Q166.3 15.4 167.5 22ZM166.4 22Q169.4 17.2 171.7 14.0Q168.7 18.0 169.4 22ZM168.7 22Q169.8 15.9 167.8 11.9Q170.4 16.9 173.6 22ZM197.5 22Q198.8 11.5 198.8 4.5Q198.8 13.2 200.2 22ZM204.5 22Q206.9 13.1 208.4 7.1Q206.4 14.6 207.2 22ZM214.7 22Q217.7 18.0 219.6 15.4Q217.0 18.7 218.0 22ZM219.3 22Q220.4 14.9 220.1 10.2Q220.5 16.1 221.9 22ZM226.7 22Q228.3 15.5 227.1 11.2Q228.7 16.6 231.5 22ZM253.2 22Q255.8 19.0 256.5 17.0Q255.6 19.5 257.6 22ZM260.2 22Q261.0 17.2 260.0 13.9Q261.4 18.0 263.3 22ZM263.6 22Q266.7 16.4 267.6 12.6Q266.3 17.3 268.4 22ZM265.3 22Q267.3 16.9 268.1 13.5Q267.1 17.7 268.3 22ZM267.5 22Q267.2 18.2 264.8 15.6Q268.0 18.8 270.1 22ZM279.9 22Q283.1 17.3 285.2 14.2Q282.4 18.1 283.5 22ZM282.0 22Q283.7 13.3 283.1 7.5Q283.8 14.8 286.1 22ZM298.1 22Q300.6 13.8 301.8 8.3Q300.2 15.1 301.5 22ZM308.5 22Q310.3 17.1 310.9 13.8Q310.2 17.9 311.5 22ZM320.4 22Q323.2 10.7 324.5 3.2Q322.8 12.6 324.4 22ZM328.2 22Q330.6 17.9 332.3 15.1Q330.1 18.6 330.9 22ZM332.4 22Q333.5 17.9 331.6 15.2Q334.1 18.6 337.1 22ZM344.3 22Q345.3 16.6 344.4 13.0Q345.6 17.5 347.5 22ZM355.2 22Q355.3 16.7 353.3 13.1Q356.0 17.6 358.0 22ZM375.0 22Q376.6 15.7 376.1 11.5Q376.8 16.7 379.0 22ZM392.2 22Q393.2 13.5 392.0 7.9Q393.6 14.9 395.9 22ZM393.8 22Q394.2 13.8 392.6 8.4Q394.7 15.2 396.8 22ZM400.5 22Q402.0 17.9 401.1 15.2Q402.4 18.6 404.9 22ZM414.8 22Q416.3 16.7 415.8 13.1Q416.4 17.6 418.4 22ZM431.8 22Q434.5 14.0 435.6 8.7Q434.2 15.3 435.9 22ZM437.0 22Q440.3 18.6 442.4 16.3Q439.6 19.2 440.7 22ZM442.0 22Q444.1 19.0 444.4 17.0Q444.0 19.5 445.8 22ZM463.2 22Q463.9 16.1 461.6 12.2Q464.7 17.1 467.7 22ZM467.5 22Q468.8 11.1 468.8 3.8Q468.8 12.9 470.1 22ZM538.8 22Q541.2 10.4 542.1 2.7Q540.9 12.3 542.3 22ZM548.9 22Q550.2 14.2 550.1 9.0Q550.3 15.5 551.8 22ZM556.2 22Q558.3 15.5 557.6 11.1Q558.5 16.6 561.2 22ZM582.6 22Q585.0 18.6 585.6 16.3Q584.9 19.1 586.8 22ZM589.0 22Q590.7 18.1 589.6 15.5Q591.0 18.8 593.7 22ZM591.8 22Q593.2 16.1 592.4 12.2Q593.5 17.1 595.7 22ZM595.9 22Q597.0 18.5 596.1 16.2Q597.3 19.1 599.3 22Z'/><path fill='%233F7A38' d='M25.8 22Q27.7 11.5 27.7 4.4Q27.7 13.2 29.7 22ZM27.5 22Q29.5 14.5 30.5 9.5Q29.2 15.7 30.2 22ZM29.8 22Q31.9 17.4 32.5 14.3Q31.8 18.2 33.3 22ZM31.5 22Q32.4 16.3 30.4 12.5Q33.1 17.3 35.9 22ZM37.8 22Q38.6 14.1 37.4 8.8Q39.1 15.4 41.2 22ZM45.3 22Q48.2 14.5 49.6 9.6Q47.7 15.8 49.1 22ZM77.5 22Q80.0 12.5 81.6 6.1Q79.5 14.1 80.3 22ZM84.7 22Q85.8 11.0 85.3 3.6Q86.0 12.8 87.6 22ZM104.0 22Q106.0 13.2 106.1 7.4Q105.9 14.7 107.7 22ZM133.9 22Q135.0 13.9 134.6 8.5Q135.2 15.3 136.7 22ZM155.7 22Q157.2 11.7 157.2 4.8Q157.2 13.4 158.8 22ZM162.8 22Q165.7 14.5 167.5 9.4Q165.1 15.7 166.2 22ZM174.3 22Q176.5 17.5 177.2 14.5Q176.2 18.2 177.6 22ZM178.1 22Q178.8 17.8 176.6 15.0Q179.6 18.5 182.4 22ZM208.7 22Q209.7 18.4 208.1 16.1Q210.3 19.0 212.9 22ZM225.0 22Q227.5 11.2 229.3 4.0Q226.9 13.0 227.6 22ZM238.4 22Q240.9 15.3 242.2 10.9Q240.5 16.4 241.9 22ZM243.4 22Q244.2 18.0 242.4 15.3Q244.8 18.6 247.5 22ZM247.0 22Q250.7 15.1 252.8 10.5Q250.0 16.2 251.7 22ZM251.4 22Q251.7 12.3 249.8 5.8Q252.3 13.9 254.5 22ZM289.6 22Q290.5 14.4 288.5 9.4Q291.2 15.7 294.0 22ZM291.7 22Q292.1 16.0 289.9 12.1Q292.9 17.0 295.6 22ZM338.5 22Q339.8 18.0 338.4 15.4Q340.3 18.7 343.0 22ZM351.4 22Q354.4 14.4 356.3 9.3Q353.8 15.6 355.0 22ZM358.9 22Q359.1 18.2 357.3 15.6Q359.8 18.8 361.9 22ZM362.7 22Q366.5 17.1 368.7 13.8Q365.7 17.9 367.2 22ZM371.8 22Q373.4 17.2 372.9 14.0Q373.6 18.0 375.7 22ZM377.8 22Q379.4 18.9 379.2 16.9Q379.5 19.5 381.4 22ZM381.8 22Q382.8 17.0 380.8 13.6Q383.4 17.8 386.3 22ZM390.3 22Q393.2 16.6 395.2 13.0Q392.6 17.5 393.6 22ZM419.2 22Q420.3 11.9 420.1 5.2Q420.4 13.6 421.8 22ZM423.0 22Q425.4 13.8 426.0 8.4Q425.1 15.2 426.8 22ZM439.1 22Q442.3 10.7 444.6 3.2Q441.6 12.6 442.5 22ZM491.0 22Q491.8 14.0 490.5 8.6Q492.2 15.3 494.3 22ZM508.7 22Q510.2 18.0 509.1 15.3Q510.5 18.6 513.0 22ZM513.5 22Q516.2 14.5 517.1 9.6Q515.9 15.8 517.5 22ZM521.0 22Q522.0 14.9 520.7 10.2Q522.4 16.1 524.6 22ZM534.4 22Q537.1 14.2 538.3 9.0Q536.7 15.5 538.2 22ZM542.1 22Q545.0 18.3 547.4 15.8Q544.3 18.9 544.8 22ZM552.7 22Q554.0 17.1 552.9 13.9Q554.4 17.9 556.8 22ZM558.7 22Q561.9 17.5 564.0 14.5Q561.3 18.3 562.4 22ZM573.1 22Q576.0 16.9 577.6 13.5Q575.5 17.7 576.7 22ZM578.1 22Q579.4 15.4 578.8 11.0Q579.6 16.5 581.4 22Z'/></svg>") repeat-x left bottom / 600px 22px; }
.buried { position: absolute; z-index: 1; opacity: .72; left: var(--x); top: var(--y); transform: rotate(var(--r, 0deg)); }
.buried .app, .buried .bk { box-shadow: none; }
@media (max-width: 600px) {
  .dig { height: 200px; --m: .72; margin-top: 32px; }
  .dig .rise:nth-of-type(3n) { display: none; }
  .buried:nth-of-type(2n) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .dig .rise { animation: none; opacity: 1; transform: translate(-50%, calc(-1 * var(--up, 130px) * .55)) rotate(var(--r, 12deg)); }
  .dig .rise.clod-r { display: none; }
}

/* A shelf item that isn't a link yet (coming soon) */
.shelf-item.is-soon { cursor: default; }
.shelf-item.is-soon:hover { transform: none; border-color: var(--line); }
.book-thumb { display: grid; place-items: center; background: #DCEFEA; }

/* About: on wide screens, start the paragraphs level with the heading (not the logo) */
@media (min-width: 845px) { #about .split > :last-child { padding-top: 126px; } }

/* ---------- What we make: open columns on computers, stacked colour rows on phones ---------- */
.shelves-section { overflow-x: clip; }
.shelves-section .shelf > .pill { margin-top: 6px; align-self: flex-start; }
@media (min-width: 901px) {
  .shelves-section { background: #F7F4EF; }
  .shelves-section .shelves { gap: 0; grid-template-columns: repeat(3, 1fr); }
  .shelves-section .shelf, .shelves-section #fitness, .shelves-section #games, .shelves-section #books {
    background: transparent; border: 0; border-radius: 0; padding: 8px 36px 12px;
  }
  .shelves-section .shelf + .shelf { border-left: 1px solid #E4DED4; }
  .shelves-section #fitness { padding-left: 0; }
  .shelves-section #books { padding-right: 0; }
  .shelves-section .shelf .tag { border-top: 3px solid var(--c); padding-top: 14px; margin-top: 6px; }
}
@media (max-width: 900px) {
  .shelves-section { padding-bottom: 0; }
  .shelves-section .shelves { width: 100vw; margin-left: calc(50% - 50vw); gap: 0; grid-template-columns: 1fr; }
  .shelves-section .shelf { border: 0; border-radius: 0; border-top: 1px solid rgba(15, 18, 22, .06); padding: 36px 24px; }
  .shelves-section #fitness { background: #FFEDF3; }
  .shelves-section #games { background: #F1EDFF; }
  .shelves-section #books { background: #E4F4F1; }
  .shelves-section .shelf-list, .shelves-section .shelf > .pill { margin-top: 8px; }
}

/* Games shelf item thumbnail, and lining up the white item boxes across the three columns */
.game-thumb { display: grid; place-items: center; background: #ECE8FF; }
.shelf .game-thumb .px { width: 32px; height: 32px; margin: 0; animation: none; }
@media (min-width: 901px) {
  .shelves-section .shelves { grid-template-rows: auto auto auto auto 1fr; row-gap: 12px; }
  .shelves-section .shelf { display: grid; grid-row: span 5; grid-template-rows: subgrid; row-gap: 12px; align-content: start; }
  .shelves-section .shelf-list, .shelves-section .shelf-list li, .shelves-section .shelf-item { height: 100%; }
  .shelves-section .shelf-list { margin-top: 4px; }
}