/* WR Score · one setup per page (owner 3 Nov 12:40, Q305, Q306). Home's hero, Design's stage in %, sized by its own width. */
.sch-setup-top { isolation: isolate; background: var(--wr-white); overflow: hidden; }
.sch-setup-top .sch-hero__veil, .sch-setup-top .sch-hero__fade { z-index: -1; }
.sch-setup-top .sch-hero__grid { position: static; width: 100%; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.sch-setup-top .sch-hero__copy, .sch-setup { position: relative; }
.sch-setup__ground { position: absolute; inset: 0; z-index: -2; }
.sch-setup__ground img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sch-setup { position: relative; container-type: inline-size; width: 100%; aspect-ratio: 720 / 470; }
.sch-setup__i { position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); width: calc(var(--w) * 1%); background: #0A0705; box-shadow: 0 1rem 2.75rem rgba(13, 10, 7, .34); }
.sch-setup__i img { display: block; width: 100%; height: auto; }
.sch-setup__i.is-tv { border: .83cqw solid #0A0705; border-radius: 1.4cqw; }
.sch-setup__i.is-lap { border: .97cqw solid #0A0705; border-bottom-width: 1.4cqw; border-radius: 1.67cqw 1.67cqw 0 0; }
.sch-setup__i.is-lap::after { content: ''; position: absolute; left: -3.3cqw; right: -3.3cqw; bottom: -2.1cqw; height: .83cqw; background: #CFCFCF; border-radius: 0 0 1.1cqw 1.1cqw; }
.sch-setup__i.is-ph { border: .7cqw solid #0A0705; border-radius: 2.5cqw; overflow: hidden; }
.sch-setup__i.is-post { border-radius: 1.1cqw; overflow: hidden; }
.sch-setup__i.is-desk { border: 1.1cqw solid #0A0705; border-radius: 1.67cqw; }
.sch-setup__i.is-desk::before { content: ''; position: absolute; left: 42%; right: 42%; bottom: -5.6cqw; height: 4.7cqw; background: linear-gradient(#C9C9C9, #E2E2E2); }
.sch-setup__i.is-desk::after { content: ''; position: absolute; left: 32%; right: 32%; bottom: -6.4cqw; height: 1cqw; background: #BDBDBD; border-radius: .7cqw; }
#join, #write, #devices { scroll-margin-top: 6rem; }
.sch-setup-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)); gap: clamp(1rem, 2vw, 1.5rem); }
.sch-setup__tag { position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); font-weight: 700; font-size: clamp(.875rem, 2.5cqw, 1.125rem); }
.sch-gd__main .sch-setup-top { min-height: 0; padding-right: clamp(1rem, 2.5vw, 2.5rem); }
@media (max-width: 1024px) {
  .sch-setup-top { min-height: 0; display: block; padding-bottom: 3rem; }
  .sch-setup-top .sch-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
  .sch-setup-top .sch-hero__veil, .sch-setup-top .sch-hero__fade { display: none; }
  /* the words on a clean ground, as drawn: the picture starts under the key */
  .sch-setup__stage { position: relative; }
  .sch-setup__ground { inset: -2rem calc(-1 * var(--wr-pad-x)) -3rem; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 4rem); mask-image: linear-gradient(180deg, transparent 0, #000 4rem); }
}