.lw-spaces-hub { overflow: hidden; background: var(--lw-paper); }
.lw-spaces-hub :is(h1, h2, h3) { padding-top: 0; }
.lw-spaces-hub h1, .lw-spaces-hub h2 { text-wrap: balance; }
.lw-spaces-hub .lw-eyebrow { margin: 0 0 .55rem; color: var(--lw-red); font-size: clamp(1rem, 1.25vw, 1.22rem); font-weight: 900; line-height: 1; letter-spacing: .07em; }
.lw-spaces-hero { position: relative; padding-block: clamp(3rem, 5vw, 5.5rem); }
.lw-spaces-hero::after { content: ""; position: absolute; right: -8rem; bottom: -7rem; width: clamp(20rem, 32vw, 32rem); aspect-ratio: 1; border: 2rem solid rgb(237 28 36 / 7%); border-radius: 50%; }
.lw-spaces-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .85fr); gap: clamp(3rem, 8vw, 8rem); align-items: center; }
.lw-spaces-hero__copy { display: flex; flex-direction: column; align-items: flex-start; }
.lw-spaces-hero__copy .lw-eyebrow { margin: 0 0 .55rem; }
.lw-spaces-hero__copy h1 { max-width: 13ch; margin: 0 0 1.35rem; color: var(--lw-coal); font-size: clamp(3.1rem, 4.8vw, 5.1rem); line-height: .92; }
.lw-spaces-hero__copy > p:not(.lw-eyebrow) { max-width: 42rem; color: var(--lw-muted); font-size: 1.1rem; }
.lw-spaces-hero__statement { padding: clamp(2rem, 4vw, 4rem); color: #fff; background: var(--lw-coal); border-left: .55rem solid var(--lw-red); box-shadow: var(--lw-shadow); }
.lw-spaces-hero__statement span, .lw-spaces-hero__statement strong { display: block; }
.lw-spaces-hero__statement span { margin-bottom: 1rem; color: rgb(255 255 255 / 65%); }
.lw-spaces-hero__statement strong { font-size: clamp(2.1rem, 3.5vw, 3.5rem); line-height: .98; }
.lw-spaces-formats { padding-block: clamp(4.5rem, 7vw, 7rem); background: var(--lw-soft); }
.lw-spaces-heading { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr); gap: 0 3rem; align-items: end; margin-bottom: 3rem; padding-left: 1.4rem; border-left: .3rem solid var(--lw-red); }
.lw-spaces-heading .lw-eyebrow { grid-column: 1 / -1; }
.lw-spaces-heading h2 { max-width: 14ch; margin: 0; color: var(--lw-coal); font-size: clamp(2.55rem, 3.9vw, 4.05rem); line-height: .95; }
.lw-spaces-heading > p:last-child { margin: 0 0 .35rem; color: var(--lw-muted); }
.lw-spaces-formats__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.lw-space-solution { background: #fff; box-shadow: 0 12px 32px rgb(15 28 38 / 8%); }
.lw-space-solution__media { height: clamp(18rem, 29vw, 25rem); overflow: hidden; }
.lw-space-solution__picture, .lw-space-solution__picture img { width: 100%; height: 100%; object-fit: cover; }
.lw-space-solution__body { padding: 1.5rem; }
.lw-space-solution__body > p:first-child { margin-bottom: .35rem; color: var(--lw-red); font-size: .73rem; font-weight: 900; text-transform: uppercase; }
.lw-space-solution h3 { margin-bottom: .75rem; font-size: clamp(1.7rem, 2.5vw, 2.25rem); }
.lw-space-solution__body > p:not(:first-child) { color: var(--lw-muted); }
.lw-space-solution a, .lw-spaces-secondary a { font-weight: 850; }
.lw-spaces-secondary { display: grid; grid-template-columns: 1fr 1fr; margin-top: 1.25rem; background: var(--lw-coal); }
.lw-spaces-secondary article { padding: clamp(1.75rem, 3vw, 3rem); color: #fff; border-right: 1px solid rgb(255 255 255 / 18%); }
.lw-spaces-secondary h3 { color: #fff; font-size: clamp(2rem, 3vw, 3rem); }
.lw-spaces-secondary article > p:not(.lw-eyebrow) { color: rgb(255 255 255 / 68%); }
.lw-spaces-guide { padding-block: clamp(4rem, 6vw, 6.5rem); }
.lw-spaces-heading--compact { display: block; max-width: 48rem; }
.lw-spaces-guide__grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--lw-line); border-bottom: 1px solid var(--lw-line); }
.lw-spaces-guide__grid article { padding: 2rem 1.4rem; border-right: 1px solid var(--lw-line); }
.lw-spaces-guide__grid article:last-child { border: 0; }
.lw-spaces-guide__grid span { color: var(--lw-red); font-weight: 900; }
.lw-spaces-guide__grid h3 { margin: 1.3rem 0 .7rem; }
.lw-spaces-guide__grid p { margin: 0; color: var(--lw-muted); font-size: .92rem; }
.lw-spaces-benefits { padding-block: clamp(3.5rem, 5vw, 5rem); color: #fff; background: var(--lw-coal); }
.lw-spaces-benefits header { max-width: 50rem; margin-bottom: 2.75rem; }
.lw-spaces-benefits h2 { margin: 0; font-size: clamp(2.6rem, 4vw, 4.1rem); line-height: .95; }
.lw-spaces-benefits .lw-benefit-list h3 { color: #fff; }
.lw-spaces-cta { position: relative; padding-block: clamp(4rem, 6vw, 6.5rem); }
.lw-spaces-cta__inner { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.lw-spaces-cta__inner > div:first-child { padding-left: 1.4rem; border-left: .3rem solid var(--lw-red); }
.lw-spaces-cta h2 { max-width: 15ch; margin: 0; color: var(--lw-coal); font-size: clamp(2.45rem, 3.6vw, 3.7rem); line-height: .96; }
.lw-spaces-cta__inner > div:last-child p { color: var(--lw-muted); }
@media (max-width: 64rem) { .lw-spaces-formats__grid { grid-template-columns: repeat(2, 1fr); } .lw-spaces-guide__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 47.99rem) { .lw-spaces-hero__grid, .lw-spaces-heading, .lw-spaces-formats__grid, .lw-spaces-secondary, .lw-spaces-cta__inner { grid-template-columns: 1fr; } .lw-spaces-hero__copy h1 { font-size: clamp(3rem, 13vw, 4.3rem); } .lw-spaces-secondary article { border-right: 0; border-bottom: 1px solid rgb(255 255 255 / 18%); } .lw-spaces-guide__grid { grid-template-columns: 1fr; } .lw-spaces-guide__grid article { border-right: 0; border-bottom: 1px solid var(--lw-line); } }