/* R79: an editorial entrance. Large original scenes, white paper and black ink.
 * Scope to the home page; product/configurator interfaces keep their own layout.
 */
body[data-page="home"] .world-portal {
  --wp-ink: #151515;
  --wp-muted: #4b4b4b;
  --wp-line: #d6d6d6;
  background: #fff;
}

body[data-page="home"] :is(.wp-intro, .wp-worlds, .wp-guidance, .wp-journey) {
  max-width: 1600px;
  width: calc(100% - 2 * var(--content-gutter, 40px));
}

body[data-page="home"] .wp-intro {
  grid-template-columns: minmax(0, 1.6fr) minmax(260px, .65fr);
  gap: clamp(35px, 6vw, 110px);
  padding-block: clamp(42px, 6vw, 100px) clamp(38px, 5vw, 76px);
}

body[data-page="home"] .wp-intro h1 {
  font-size: clamp(4rem, 7.7vw, 8.75rem);
  line-height: .98;
  letter-spacing: -.065em;
  margin-top: 24px;
}

body[data-page="home"] .wp-intro-guide {max-width: 360px; padding-bottom: 8px}
body[data-page="home"] .wp-intro-guide > p {font-size: 1rem; line-height: 1.8}
body[data-page="home"] .wp-intro-actions {display: grid; margin-top: 22px}
body[data-page="home"] .wp-intro-actions .wp-text-link {margin: 0; font-size: .875rem; min-height: 52px}
body[data-page="home"] .wp-intro-actions .wp-quiet-link {color: var(--wp-muted); border: 0; min-height: 48px}

body[data-page="home"] .wp-world-index {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: clamp(32px, 4vw, 56px);
  border-top-color: var(--wp-ink);
}

body[data-page="home"] .wp-world-index > a {padding: 16px clamp(18px, 2.5vw, 38px); min-height: 72px; font-size: .9375rem}
body[data-page="home"] .wp-world-index > a:first-child {padding-left: 0}
body[data-page="home"] .wp-world-index > a:last-child {padding-right: 0}
body[data-page="home"] .wp-world-index > a + a {border-left: 1px solid var(--wp-line)}

body[data-page="home"] .wp-world-grid {display: grid; grid-template-columns: 1fr; gap: clamp(56px, 7vw, 110px)}
body[data-page="home"] .wp-world {padding: 0}
body[data-page="home"] .wp-world-link {display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); align-items: center; gap: clamp(32px, 5vw, 88px)}
body[data-page="home"] .wp-world--aqua .wp-world-link {grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr)}
body[data-page="home"] .wp-world--aqua .wp-world-image {grid-column: 2; grid-row: 1}
body[data-page="home"] .wp-world--aqua .wp-world-copy {grid-column: 1; grid-row: 1}
body[data-page="home"] .wp-world-image {border: 0; box-shadow: none; background: #fff}
body[data-page="home"] .wp-world-image > img {display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: contain}
body[data-page="home"] .wp-world-image figcaption {position: static; inset: auto; display: flex; justify-content: space-between; align-items: start; gap: 16px; padding: 13px 0 0; background: #fff; color: var(--wp-muted); font-size: .6875rem; letter-spacing: .01em; line-height: 1.6}
body[data-page="home"] .wp-world-image figcaption > span:last-child {font-size: inherit; opacity: 1; text-align: right}
body[data-page="home"] .wp-world-copy {padding: 0; min-width: 0}
body[data-page="home"] .wp-world-copy > .wp-world-number {display: flex; align-items: baseline; gap: 12px; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.75rem, 4.2vw, 4.5rem); color: var(--wp-ink); line-height: 1; min-height: 0; margin: 0 0 30px}
body[data-page="home"] .wp-world-number > span {font-family: Arial, sans-serif; font-size: .6875rem; letter-spacing: .06em; color: var(--wp-muted)}
body[data-page="home"] .wp-world-copy > .wp-kicker {font-size: .625rem; letter-spacing: .12em}
body[data-page="home"] .wp-world-copy h2 {font-size: clamp(2.8rem, 4.2vw, 5rem); line-height: 1.04; letter-spacing: -.055em; margin-top: 15px; min-height: 0; overflow-wrap: anywhere}
body[data-page="home"] .wp-world-copy > .wp-world-line {font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.6rem, 2.35vw, 2.55rem); line-height: 1.2; letter-spacing: -.035em; color: var(--wp-ink); min-height: 0; margin-top: 18px; text-wrap: balance}
body[data-page="home"] .wp-world-copy > .wp-world-description {font-size: 1rem; line-height: 1.8; color: var(--wp-muted); max-width: 34em; min-height: 0; margin-top: 21px}
body[data-page="home"] .wp-world-action {min-height: 60px; font-size: .9375rem; margin-top: 25px; border-color: var(--wp-ink)}
body[data-page="home"] .wp-world-action > span {font-size: 1.6rem}
body[data-page="home"] .wp-concept-note {font-size: .75rem; max-width: 83em; line-height: 1.8; padding-top: 40px}

body[data-page="home"] .wp-guidance {display: block; padding-block: clamp(50px, 6vw, 100px); border-top-color: var(--wp-ink)}
body[data-page="home"] .wp-guidance > .wp-section-heading {display: flex; justify-content: space-between; gap: 30px; align-items: start; padding-bottom: 40px}
body[data-page="home"] .wp-guidance > .wp-section-heading h2 {margin-top: 0; font-size: clamp(2.8rem, 4.8vw, 5rem)}
body[data-page="home"] .wp-guidance-feature {display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); align-items: center; gap: clamp(32px, 5vw, 88px)}
body[data-page="home"] .wp-canopy-image {margin: 0; min-width: 0}
body[data-page="home"] .wp-canopy-image > img {display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: contain}
body[data-page="home"] .wp-canopy-image figcaption {display: flex; justify-content: space-between; align-items: start; gap: 18px; color: var(--wp-muted); font-size: .6875rem; line-height: 1.6; padding-top: 13px}
body[data-page="home"] .wp-canopy-image figcaption > span:last-child {text-align: right}
body[data-page="home"] .wp-starting-points {grid-template-columns: 1fr; gap: 32px}
body[data-page="home"] .wp-starting-points article + article {border-top: 1px solid var(--wp-line); padding-top: 30px}
body[data-page="home"] .wp-starting-points h3 {font-size: clamp(1.8rem, 2.5vw, 2.7rem); letter-spacing: -.035em; margin-top: 15px}
body[data-page="home"] .wp-starting-points article > p:not(.wp-kicker) {font-size: 1rem; line-height: 1.8; margin-top: 17px}
body[data-page="home"] .wp-starting-points .wp-text-link {font-size: .875rem; margin-top: 17px; min-height: 52px}

body[data-page="home"] .wp-finder {max-width: 1600px; width: calc(100% - 2 * var(--content-gutter, 40px)); margin-inline: auto; padding: clamp(48px, 6vw, 85px) 0; border-block-color: var(--wp-ink); grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(40px, 8vw, 130px); background: #fff}
body[data-page="home"] .wp-finder h2 {font-size: clamp(3.5rem, 5.8vw, 6.1rem)}
body[data-page="home"] .wp-finder-copy > p:not(.wp-kicker) {font-size: 1rem}
body[data-page="home"] .wp-finder label {font-size: 1rem}
body[data-page="home"] .wp-finder select {border-color: #858585; font-size: 1rem; min-height: 58px; padding-block: 15px}
body[data-page="home"] .wp-finder .wp-primary-link {font-size: 1rem; min-height: 60px; padding: 18px 20px}
body[data-page="home"] .wp-finder .wp-form-note {font-size: .75rem}
body[data-page="home"] .wp-journey {padding-block: clamp(55px, 7vw, 110px)}
body[data-page="home"] .wp-journey li p {font-size: 1rem; line-height: 1.8}
body[data-page="home"] .wp-journey li h3 {font-size: 2rem}

@media (max-width: 1100px) {
  body[data-page="home"] .wp-intro {grid-template-columns: minmax(0, 1.45fr) minmax(240px, .8fr); gap: 35px}
  body[data-page="home"] .wp-intro h1 {font-size: clamp(3.75rem, 7.3vw, 6rem)}
  body[data-page="home"] .wp-world-link,
  body[data-page="home"] .wp-guidance-feature {grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 32px}
  body[data-page="home"] .wp-world--aqua .wp-world-link {grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 32px}
  body[data-page="home"] .wp-world-copy > .wp-world-number {font-size: 3rem; margin-bottom: 22px}
  body[data-page="home"] .wp-world-copy h2 {font-size: clamp(2.5rem, 4.5vw, 3.8rem)}
  body[data-page="home"] .wp-world-copy > .wp-world-line {font-size: 1.85rem}
  body[data-page="home"] .wp-world-copy > .wp-world-description {margin-top: 16px}
  body[data-page="home"] .wp-world-action {margin-top: 15px}
  body[data-page="home"] .wp-guidance > .wp-section-heading {display: block}
  body[data-page="home"] .wp-guidance > .wp-section-heading h2 {margin-top: 18px}
  body[data-page="home"] .wp-starting-points h3 {font-size: 1.9rem}
  body[data-page="home"] .wp-guidance-feature {align-items: start}
}

@media (max-width: 760px) {
  body[data-page="home"] :is(.wp-intro, .wp-worlds, .wp-guidance, .wp-finder, .wp-journey) {width: calc(100% - 40px)}
  body[data-page="home"] .wp-intro {display: block; padding-block: 38px 30px}
  body[data-page="home"] .wp-intro h1 {font-size: clamp(3.4rem, 9.2vw, 5.5rem); line-height: 1.02; letter-spacing: -.055em}
  body[data-page="home"] .wp-intro-guide {max-width: 550px; margin-top: 26px; padding: 0}
  body[data-page="home"] .wp-intro-actions {display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 12px}
  body[data-page="home"] .wp-intro-actions .wp-text-link {gap: 28px}
  body[data-page="home"] .wp-world-index {margin-bottom: 30px}
  body[data-page="home"] .wp-world-index > a {display: flex; gap: 10px; padding: 13px 15px; min-height: 72px; font-size: .8125rem}
  body[data-page="home"] .wp-world-index > a > span:last-child {display: none}
  body[data-page="home"] .wp-world-grid {gap: 48px}
  body[data-page="home"] .wp-world-link,
  body[data-page="home"] .wp-world--aqua .wp-world-link,
  body[data-page="home"] .wp-guidance-feature {display: grid; grid-template-columns: minmax(0, 1fr); gap: 25px}
  body[data-page="home"] .wp-world--aqua .wp-world-image,
  body[data-page="home"] .wp-world--aqua .wp-world-copy {grid-column: auto; grid-row: auto}
  body[data-page="home"] .wp-world-copy {display: grid; grid-template-columns: 47px minmax(0, 1fr); column-gap: 20px}
  body[data-page="home"] .wp-world-copy > * {grid-column: 2}
  body[data-page="home"] .wp-world-copy > .wp-world-number {grid-column: 1; grid-row: 1/5; display: block; font-size: 2.65rem; margin: 0; padding-top: 2px}
  body[data-page="home"] .wp-world-number > span {display: block; margin-top: 9px; font-size: .625rem}
  body[data-page="home"] .wp-world-copy h2 {font-size: clamp(2.5rem, 7.5vw, 4rem); margin-top: 11px}
  body[data-page="home"] .wp-world-copy > .wp-world-line {font-size: clamp(1.6rem, 4.5vw, 2.1rem); margin-top: 13px}
  body[data-page="home"] .wp-world-copy > .wp-world-description {font-size: 1rem; margin-top: 15px}
  body[data-page="home"] .wp-world-action {font-size: .9375rem; min-height: 56px; margin-top: 15px}
  body[data-page="home"] .wp-world-image figcaption {font-size: .6875rem; padding-top: 11px}
  body[data-page="home"] .wp-concept-note {font-size: .75rem; padding-top: 30px}
  body[data-page="home"] .wp-guidance {padding-block: 45px}
  body[data-page="home"] .wp-guidance > .wp-section-heading {padding-bottom: 28px}
  body[data-page="home"] .wp-guidance > .wp-section-heading h2 {font-size: 3rem}
  body[data-page="home"] .wp-starting-points {grid-template-columns: minmax(0, 1fr); gap: 30px}
  body[data-page="home"] .wp-starting-points h3 {font-size: 2rem}
  body[data-page="home"] .wp-canopy-image figcaption {font-size: .6875rem}
  body[data-page="home"] .wp-finder {grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 45px 0}
  body[data-page="home"] .wp-finder h2 {font-size: 3.6rem}
  body[data-page="home"] .wp-journey li h3 {font-size: 1.75rem}
  body[data-page="home"] .wp-journey li p {font-size: 1rem}
}

@media (max-width: 420px) {
  body[data-page="home"] .wp-intro h1 {font-size: clamp(2.75rem, 10.5vw, 3.6rem)}
  body[data-page="home"] .wp-world-index > a {display: grid; gap: 7px; padding-inline: 12px; font-size: .75rem}
  body[data-page="home"] .wp-world-copy {grid-template-columns: 36px minmax(0, 1fr); column-gap: 15px}
  body[data-page="home"] .wp-world-copy > .wp-world-number {font-size: 2.2rem}
  body[data-page="home"] .wp-world-copy h2 {font-size: clamp(2.15rem, 8.4vw, 3rem)}
  body[data-page="home"] .wp-world-image figcaption {display: block}
  body[data-page="home"] .wp-world-image figcaption > span:last-child {display: block; text-align: left; margin-top: 2px}
  body[data-page="home"] .wp-world-copy > .wp-world-line {font-size: 1.5rem}
  body[data-page="home"] .wp-journey > .wp-text-link {font-size: .875rem; gap: 20px}
}

@media print {
  body[data-page="home"] .wp-intro {display: block; padding-block: 20px}
  body[data-page="home"] .wp-world-link,
  body[data-page="home"] .wp-world--aqua .wp-world-link,
  body[data-page="home"] .wp-guidance-feature {grid-template-columns: 1fr 1fr; gap: 24px}
  body[data-page="home"] .wp-world-copy {display: block}
  body[data-page="home"] .wp-world-copy > .wp-world-number {font-size: 2rem; margin-bottom: 15px}
  body[data-page="home"] .wp-world-copy h2 {font-size: 2rem}
  body[data-page="home"] .wp-world-copy > .wp-world-line {font-size: 1.4rem}
  body[data-page="home"] .wp-world-copy > .wp-world-description {font-size: .85rem}
  body[data-page="home"] .wp-finder form {display: none}
  body[data-page="home"] .wp-world, body[data-page="home"] .wp-guidance-feature {break-inside: avoid}
}