/* Landscape imagery dissolves into each section's own background. */
.truck-image>img {
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 87%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 87%,transparent);
  mask-composite:intersect;
}
.road-image>img {
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 87%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 87%,transparent);
}
.lineup{padding-top:42px}
.lineup>.section-label h2{font:inherit;letter-spacing:inherit;color:var(--amber)}
.platform.edition{column-gap:4vw;grid-template-rows:auto auto auto;border-top-color:#ffffff16}
.platform.edition:first-child{border-top:0;padding-top:44px}
.edition-photo{width:calc(100% + var(--gutter));max-width:none;margin-right:calc(-1 * var(--gutter));align-self:center}
.edition:nth-child(2) .edition-photo{margin-left:calc(-1 * var(--gutter));margin-right:0}
.edition-gallery{
  grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;min-width:0;
  width:calc(100% + 2 * var(--gutter));margin:12px calc(-1 * var(--gutter)) 0;
}
.edition-angle{min-width:0;aspect-ratio:2/1}
.edition-angle>img{width:100%;height:100%;object-fit:cover;object-position:center 65%}
.greylock-living{grid-column:1/-1;grid-row:4;min-width:0;margin-top:24px;padding-top:44px;border-top:1px solid var(--line)}
.greylock-living-heading{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:clamp(28px,5vw,72px)}
.greylock-living-heading h4{font:400 clamp(32px,3.6vw,56px)/1.12 Anton,Impact,sans-serif;letter-spacing:-.01em;margin-top:20px}
.greylock-living-heading h4 span{color:var(--amber)}
.greylock-living-intro{max-width:40ch;font-size:clamp(17px,1.45vw,21px);line-height:1.65;color:var(--muted)}
.greylock-living-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.5vw,56px);margin-top:40px}
.greylock-living-feature{min-width:0;padding-top:22px;border-top:1px solid var(--line)}
.greylock-living-feature .eyebrow{font-size:10px;letter-spacing:.12em}
.greylock-living-feature h5{font-size:clamp(21px,1.8vw,28px);font-weight:400;line-height:1.25;letter-spacing:-.025em;margin:16px 0}
.greylock-living-feature>p:last-child{font-size:15px;line-height:1.75;color:var(--muted);margin:0}
.lakeside-image,.living-image{margin-inline:-18px}
.lakeside-image figcaption,.living-image figcaption{padding-inline:18px}
.resource-image{margin-inline:-15px}
.resource-image figcaption{padding-inline:15px}
@media(max-width:850px){
  .platform.edition .edition-photo{width:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter))}
  .edition-gallery{gap:12px}
  .greylock-living-heading{grid-template-columns:1fr;gap:22px;align-items:start}
  .greylock-living-intro{max-width:58ch}
}
@media(max-width:700px){
  .lineup{padding-top:32px}
  .platform.edition:first-child{padding-top:32px}
  .edition-gallery{grid-template-columns:1fr;gap:20px;margin-top:0}
  .greylock-living{margin-top:12px;padding-top:32px}
  .greylock-living-heading h4{font-size:clamp(28px,6.8vw,40px);margin-top:16px}
  .greylock-living-features{grid-template-columns:1fr;gap:28px;margin-top:30px}
  .greylock-living-feature h5{font-size:25px;margin:14px 0}
  .lakeside-image,.living-image,.resource-image{margin-inline:calc(-1 * var(--gutter))}
  .lakeside-image figcaption,.living-image figcaption,.resource-image figcaption{padding-inline:var(--gutter)}
}
