/* Restore the original three-space map within the current onboarding design. */
.intro{grid-template-columns:1fr 1fr;gap:8%;padding-block:52px 56px}
.hero h1{margin-top:0;font-size:clamp(44px,4.2vw,60px);line-height:1.12}
.hero-lead{max-width:400px}
.spaces-visual{position:relative;isolation:isolate;padding:0 12px 0 6px;min-width:0}
.visual-top{font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#606064;margin:0 0 23px 10px}
.space-card{display:block;position:relative;padding:21px 26px 23px;border-radius:10px;transition:translate .18s;min-height:133px}
.space-card:hover{translate:0 -3px}.space-card:focus-visible{outline-color:#3062d4;outline-offset:5px;z-index:5}
.space-index{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.07em;font-weight:500;line-height:1.5;margin-bottom:8px}
.space-card h2{font-size:27px;font-weight:550;line-height:1.2;letter-spacing:-.035em}
.space-card h2 span{display:inline-block;font-size:11px;font-weight:400;letter-spacing:0;margin-left:8px;vertical-align:middle}
.space-card p{font-size:14px;line-height:1.6;margin-top:9px;padding-right:32px;color:inherit}
.space-bureau{background:#151515;color:white;transform:rotate(-2.5deg);margin-right:28px;z-index:1}
.space-bureau .space-index,.space-bureau h2 span{color:#c1c1c5}.space-bureau p{color:#e0e0e2}
.space-lab{background:var(--orange);color:#111;transform:rotate(1.6deg);margin-left:20px;margin-top:-5px;z-index:2}
.space-lab .space-index{color:#34190f}
.space-community{background:#fff;color:#111;border:1px solid #cfcfd2;transform:rotate(-.8deg);margin-right:19px;margin-top:-4px;z-index:3}
.space-community .space-index{color:#656569}.space-community p{color:#56565b}
.space-arrow{position:absolute;right:22px;bottom:23px;display:flex;align-items:center}.space-arrow .icon{width:26px;height:26px}.space-bureau .space-arrow .icon{filter:invert(1)}
.visual-caption{font-size:12px;line-height:1.6;text-align:center;margin:20px 0 0;color:#656569}
.visual-caption br{display:none}
@media(min-width:801px) and (max-width:1050px){.intro{gap:6%;padding-block:45px}.hero h1{font-size:45px}.space-card{padding:19px 22px}.space-card h2{font-size:23px}.space-card h2 span{margin-left:4px}.space-bureau{margin-right:15px}.space-lab{margin-left:13px}.space-community{margin-right:10px}.visual-caption br{display:block}}
@media(max-width:800px){
 .intro{grid-template-columns:1fr;gap:27px;padding-block:28px 30px;max-width:580px}
 .hero h1{font-size:36px;margin:0 0 14px;line-height:1.12}.hero-lead{font-size:14px;line-height:1.65;max-width:370px}
 .hero-actions{margin-top:18px;flex-wrap:wrap;gap:8px 16px}.hero-cta{min-height:48px;font-size:14px}.hero-secondary{font-size:14px;min-height:44px;gap:7px}
 .spaces-visual{width:100%;padding:0 5px;max-width:440px;margin-inline:auto}
 .visual-top{font-size:11px;letter-spacing:.08em;margin:0 0 18px 5px}
 .space-card{padding:17px 20px 19px;min-height:136px;border-radius:8px}
 .space-index{font-size:11px;line-height:1.4;margin-bottom:7px;letter-spacing:.05em}
 .space-card h2{font-size:22px;line-height:1.18}.space-card h2 span{font-size:11px;margin-left:6px}
 .space-card p{font-size:14px;line-height:1.6;margin-top:8px;padding-right:23px}
 .space-bureau{margin-right:21px;transform:rotate(-1.5deg)}.space-lab{margin-left:15px;transform:rotate(1.1deg);margin-top:-3px}.space-community{margin-right:15px;transform:rotate(-.5deg);margin-top:-2px}
 .space-arrow{right:17px;bottom:18px}.space-arrow .icon{width:22px;height:22px}
 .visual-caption{font-size:12px;margin-top:16px;line-height:1.6}.visual-caption br{display:none}
}
@media(min-width:520px) and (max-width:800px){.hero h1{font-size:48px}.hero-lead{font-size:15px;max-width:440px}.intro{gap:35px}.space-card{padding:19px 23px;min-height:140px}.space-card h2{font-size:25px}}
@media(max-width:370px){.hero h1{font-size:33px}.intro{gap:24px;padding-top:23px}.space-card{padding:17px 15px 19px}.space-card h2{font-size:21px}.space-card h2 span{margin-left:4px}.space-arrow{right:12px;bottom:18px}}