/* Land Creation only: alternating sections and a softly tinted illustrated hero. */
.lc-page { --lc-gray: #f6f5f2; }
.lc-page .irdoc-pc { max-width: none; }
.lc-page .irdoc-pc > div > div { max-width: 1120px !important; }
.lc-page .irdoc-pc > div { scroll-margin-top: 96px; }
.lc-page #pc-s3 { padding-bottom: 32px !important; }
.lc-page .irdoc-pc > div[id]:nth-child(n+6) { padding: 64px 48px !important; }
.lc-page .irdoc-pc > div[id]:nth-child(n+6) > div { padding-top: 0 !important; }
.lc-page :is(#pc-s5,#pc-s7,#pc-s9,#pc-s11) { background: #fff !important; }
.lc-page :is(#pc-s6,#pc-s8,#pc-s10,#pc-s12) { background: var(--lc-gray) !important; }
.lc-page #pc-s6 figure { background: var(--lc-gray); isolation: isolate; }
.lc-page #pc-s6 figure img { mix-blend-mode: darken; }
.lc-page #pc-s8 figure { background: #fff; }
.lc-page #pc-s6 figure img { filter: none; }
.lc-page .lc-hero {
  background: #f8f9f8;
  padding: 16px 48px 24px;
  overflow: hidden;
  isolation: isolate;
}
.lc-page .lc-hero-inner {
  position: relative;
  width: 100%;
  max-width: 1120px;
  min-height: 460px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.lc-page .lc-hero-copy {
  position: relative;
  z-index: 1;
  width: 54%;
  min-width: 0;
  padding: 48px 0;
}
.lc-page .lc-hero-art {
  position: absolute;
  right: -160px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 74%;
  height: 460px;
  object-fit: cover;
  object-position: 62% 55%;
  mix-blend-mode: multiply;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, transparent 16%, #000 45%, #000 85%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 18%, #000 75%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, transparent 16%, #000 45%, #000 85%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 18%, #000 75%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.lc-page .lc-hero-copy p { max-width: 550px; }

.lc-page .lc-video-frame {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
  background: #161616;
}

.lc-page .lc-hero h2 {
  margin: 0 0 28px;
  font-size: clamp(26px, 2.2vw, 32px);
  line-height: 1.6;
  letter-spacing: .015em;
  font-weight: 700;
  color: #161616;
}
.lc-page .lc-hero p { margin: 0; font-size: 15px; font-weight: 400; line-height: 2; color: #5a5a56; }
@media (max-width: 899px) {
  .lc-page #sp-s2 { padding-bottom: 24px !important; }
  .lc-page .irdoc-sp > div { scroll-margin-top: 88px; }
  .lc-page .irdoc-sp > div[id]:nth-child(n+5) { padding: 40px 20px !important; border-top: 0 !important; }
  .lc-page :is(#sp-s4,#sp-s6,#sp-s8,#sp-s10,#sp-s12) { background: #fff !important; }
  .lc-page :is(#sp-s5,#sp-s7,#sp-s9,#sp-s11) { background: var(--lc-gray) !important; }
  .lc-page #sp-s5 figure { background: var(--lc-gray); isolation: isolate; }
  .lc-page #sp-s5 img { mix-blend-mode: darken; filter: none; }
  .lc-page #sp-s10 p { color: #161616 !important; }
  .lc-page .lc-hero { padding: 24px 20px 12px; }
  .lc-page .lc-hero-inner { display: flex; flex-direction: column; min-height: 0; }
  .lc-page .lc-hero-copy { width: 100%; padding: 0; }
  .lc-page .lc-hero-art {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    width: calc(100% + 40px);
    max-width: none;
    height: auto;
    aspect-ratio: 1.5;
    margin-top: 12px;
    object-position: 60% 56%;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 73%, transparent), linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 73%, transparent), linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
  }
  .lc-page .lc-hero h2 { font-size: 24px; line-height: 1.65; margin-bottom: 24px; }
  .lc-page .lc-hero p { font-size: 14px; line-height: 1.95; }
}

/* Diagrams stay inside the phone viewport; no pan or tap-to-expand interaction. */
@media (min-width: 521px) and (max-width: 899px) {
  .lc-page .irdoc-sp .lc-hero h2 br:nth-of-type(odd) { display: none; }
}
@media (max-width: 520px) {
  .lc-page .irdoc-sp :is(#sp-s5, #sp-s6, #sp-s8, #sp-sales, #sp-s9, #sp-s10) figure,
  .lc-page .irdoc-sp :is(#sp-s5, #sp-s6, #sp-s8, #sp-sales, #sp-s9, #sp-s10) figure img {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.lc-page #pc-s6 > div > p { margin-bottom: 12px !important; }
.lc-page .irdoc-pc > #pc-s6 { padding-bottom: 32px !important; }
@media (max-width: 1024px) {
  .lc-page #sp-s5 > p { margin-bottom: 12px !important; }
  .lc-page .irdoc-sp > #sp-s5 { padding-bottom: 28px !important; }
}

/* Keep the sales diagram close to its introduction, matching the value diagram. */
.lc-page #pc-s9 > div > p { margin-bottom: 12px !important; }
.lc-page .irdoc-pc > #pc-s9 { padding-bottom: 32px !important; }
@media (max-width: 1024px) {
  .lc-page .irdoc-sp > #sp-sales { padding-bottom: 28px !important; }
}

/* Blend the risk illustration into its section and hide the duplicated artwork title. */
.lc-page .lc-risk-figure { background: var(--lc-gray); isolation: isolate; }
.lc-page .lc-risk-figure {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1586 / 752;
}
.lc-page .lc-risk-figure img {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-19.153226%);
  mix-blend-mode: darken;
}
.lc-page #pc-s10 > div > p { margin-bottom: 12px !important; }
.lc-page .irdoc-pc > #pc-s10 { padding-bottom: 32px !important; }

/* Shorten the expansion illustration while keeping its legend visible above the crop. */
.lc-page .lc-expansion-legend {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 26px;
  min-height: 24px;
  margin: 0 4px 8px;
  color: #343a36;
  font-size: 12px;
  line-height: 1.4;
}
.lc-page .lc-expansion-legend span { display: inline-flex; align-items: center; gap: 9px; }
.lc-page .lc-expansion-arrow {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 3px;
  background: #009b67;
}
.lc-page .lc-expansion-arrow::after {
  position: absolute;
  top: 50%;
  right: -1px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #009b67;
  content: "";
  transform: translateY(-50%);
}
.lc-page .lc-expansion-arrow-future { background: #afccc5; }
.lc-page .lc-expansion-arrow-future::after { border-left-color: #afccc5; }
.lc-page .lc-expansion-crop { aspect-ratio: 1536 / 706; overflow: hidden; }
.lc-page .lc-expansion-crop img { transform: translateY(-8.789%); }
@media (max-width: 1024px) {
  .lc-page .lc-expansion-legend { gap: 12px; min-height: 20px; margin: 0 2px 6px; font-size: 9px; }
  .lc-page .lc-expansion-legend span { gap: 5px; }
  .lc-page .lc-expansion-arrow { width: 22px; height: 2px; }
  .lc-page .lc-expansion-arrow::after { border-top-width: 5px; border-bottom-width: 5px; border-left-width: 8px; }
}