.editor-illustration:where(.astro-as3ei57n){width:100%;height:auto;color:var(--sl-color-text);display:block}.canvas:where(.astro-as3ei57n){fill:var(--sl-color-bg-nav)}.panel:where(.astro-as3ei57n){fill:var(--sl-color-bg);stroke:var(--sl-color-hairline-light);stroke-width:1.5px}.guides:where(.astro-as3ei57n){stroke:var(--sl-color-hairline-light);stroke-width:1px}.soft:where(.astro-as3ei57n){fill:var(--sl-color-accent-low)}.accent:where(.astro-as3ei57n){fill:#c90b1e}.accent-stroke:where(.astro-as3ei57n){stroke:#c90b1e}.ink:where(.astro-as3ei57n){fill:var(--sl-color-white)}.muted:where(.astro-as3ei57n){fill:var(--sl-color-gray-4)}.tile:where(.astro-as3ei57n){fill:var(--sl-color-bg-nav);stroke:var(--sl-color-hairline-light)}html:has(.eightshift-home){--sl-content-width:80rem}body:has(.eightshift-home) main>.content-panel{padding-block:0;padding-inline:clamp(1.5rem,5vw,4rem)}body:has(.eightshift-home) .hero{grid-template-columns:1.1fr 1fr;gap:0;min-height:min(780px,85svh);padding-block:clamp(3rem,7vw,7rem)}body:has(.eightshift-home) .hero .hero-html{order:2;width:100%;max-width:none;margin-inline:0}body:has(.eightshift-home) .hero img{width:100%;height:auto}body:has(.eightshift-home) .hero h1{letter-spacing:-.065em;font-size:clamp(3rem,5.7vw,5.5rem);font-weight:750;line-height:1.04}body:has(.eightshift-home) .hero .tagline{max-width:34rem;margin-top:1rem;font-size:1.125rem;line-height:1.7}body:has(.eightshift-home) .hero-dot{color:var(--sl-color-text-accent)}body:has(.eightshift-home) .hero .primary{color:#fff;background:#c90b1e;border-color:#c90b1e;border-radius:999rem;padding:1rem 1.5rem;font-weight:650}body:has(.eightshift-home) .hero .stack{text-align:left}body:has(.eightshift-home) .hero .copy{align-items:flex-start}body:has(.eightshift-home) .hero .actions{justify-content:flex-start}.eightshift-home:where(.astro-lcdefpme){--home-panel:color-mix(in srgb, var(--sl-color-text) 5%, var(--sl-color-bg));--home-border:color-mix(in srgb, var(--sl-color-text) 17%, transparent);color:var(--sl-color-text)}.eightshift-home:where(.astro-lcdefpme) *{box-sizing:border-box}.eightshift-home:where(.astro-lcdefpme) h2,.eightshift-home:where(.astro-lcdefpme) h3,.eightshift-home:where(.astro-lcdefpme) p,.eightshift-home:where(.astro-lcdefpme) ul{margin:0}.eightshift-home:where(.astro-lcdefpme) h2{letter-spacing:-.05em;color:var(--sl-color-white);font-size:clamp(2rem,3.6vw,3.6rem);font-weight:700;line-height:1.12}.eightshift-home:where(.astro-lcdefpme) h3{letter-spacing:-.025em;color:var(--sl-color-white);font-size:1.3rem;line-height:1.3}.eightshift-home:where(.astro-lcdefpme) p{line-height:1.8}.eightshift-home:where(.astro-lcdefpme) a{text-underline-offset:.25em}.eightshift-home:where(.astro-lcdefpme) a:focus-visible{outline:3px solid var(--sl-color-text-accent);outline-offset:5px}.eightshift-home:where(.astro-lcdefpme)>section:where(.astro-lcdefpme),.open-source:where(.astro-lcdefpme){padding-block:clamp(3.5rem,7vw,7rem)}.split:where(.astro-lcdefpme){grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.eightshift-home:where(.astro-lcdefpme) .eyebrow:where(.astro-lcdefpme){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--sl-color-text-accent);margin-bottom:1.25rem;font-size:.75rem}.section-copy:where(.astro-lcdefpme)>p:where(.astro-lcdefpme):not(.eyebrow){margin-top:1.5rem}.lead:where(.astro-lcdefpme){font-size:1.15rem}.closing:where(.astro-lcdefpme){color:var(--sl-color-white);font-weight:650}.illustration:where(.astro-lcdefpme){background:var(--home-panel);border-radius:1rem;padding:2rem 1rem}.illustration:where(.astro-lcdefpme) img:where(.astro-lcdefpme){width:100%}.section-heading:where(.astro-lcdefpme){max-width:44rem;margin-bottom:3rem}.section-heading:where(.astro-lcdefpme)>p:where(.astro-lcdefpme):last-child{margin-top:1.5rem}.setup-grid:where(.astro-lcdefpme){grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.setup-card:where(.astro-lcdefpme){background:var(--home-panel);border:1px solid var(--home-border);color:var(--sl-color-white);border-radius:.75rem;flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,4vw,3rem);text-decoration:none;transition:border-color .2s,background .2s;display:flex}.setup-card:where(.astro-lcdefpme):hover{background:color-mix(in srgb, var(--sl-color-text-accent) 8%, var(--sl-color-bg));border-color:var(--sl-color-text-accent)}.card-index:where(.astro-lcdefpme){font-family:var(--font-mono);color:var(--sl-color-text-accent);font-size:.8rem}.card-title:where(.astro-lcdefpme){letter-spacing:-.04em;max-width:16ch;font-size:clamp(1.5rem,2.6vw,2.5rem);font-weight:650;line-height:1.2}.card-link:where(.astro-lcdefpme){color:var(--sl-color-text-accent);justify-content:space-between;align-items:center;margin-top:1rem;font-weight:600;display:flex}.card-link:where(.astro-lcdefpme) span:where(.astro-lcdefpme){font-size:1.75rem}.feature-grid:where(.astro-lcdefpme){grid-template-columns:repeat(3,1fr);gap:3rem 2.5rem;display:grid}.feature:where(.astro-lcdefpme){border-top:1px solid var(--home-border);margin:0;padding-top:1.5rem}.feature-icon:where(.astro-lcdefpme){color:var(--sl-color-text-accent);background:var(--sl-color-accent-low);border-radius:.75rem;padding:.75rem;display:inline-flex}.feature:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){margin-block:1rem .5rem}.feature:where(.astro-lcdefpme) p:where(.astro-lcdefpme){font-size:.95rem}.editor:where(.astro-lcdefpme) .split:where(.astro-lcdefpme){margin-bottom:3rem}.editor-frame:where(.astro-lcdefpme){background:var(--home-panel);border:1px solid var(--home-border);border-radius:.8rem;padding:clamp(.5rem,2vw,1.5rem);box-shadow:0 1.5rem 4rem #0000000d}.editor-frame:where(.astro-lcdefpme) .editor-illustration{border-radius:.3rem;margin:0}.open-source:where(.astro-lcdefpme) ul{grid-template-columns:1fr 1fr;gap:0 2.5rem;margin-top:2.5rem;padding:0;list-style:none;display:grid}.open-source:where(.astro-lcdefpme) li{border-bottom:1px solid var(--home-border);margin:0}.open-source:where(.astro-lcdefpme) a{color:var(--sl-color-white);align-items:center;gap:1rem;padding-block:1.25rem;text-decoration:none;display:flex}.open-source:where(.astro-lcdefpme) a:after{content:"↗";color:var(--sl-color-text-accent);flex-shrink:0;margin-inline-start:auto}.open-source:where(.astro-lcdefpme) a:hover{color:var(--sl-color-text-accent)}.freebies:where(.astro-lcdefpme) img:where(.astro-lcdefpme){justify-self:center;width:100%;max-width:28rem}.eightshift-home:where(.astro-lcdefpme) a:where(.astro-lcdefpme).text-link{background:var(--sl-color-bg-accent);min-height:2.75rem;color:var(--sl-color-text-invert);border:1px solid #0000;border-radius:999rem;align-items:center;gap:.75rem;margin-top:2rem;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.eightshift-home:where(.astro-lcdefpme) a:where(.astro-lcdefpme).text-link:hover{background:color-mix(in srgb, var(--sl-color-bg-accent) 85%, var(--sl-color-white))}.eightshift-home:where(.astro-lcdefpme) a:where(.astro-lcdefpme).text-link:focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:4px}@media (width<=60rem){.feature-grid:where(.astro-lcdefpme){grid-template-columns:1fr 1fr}}@media (width<=40rem){body:has(.eightshift-home) .hero{grid-template-columns:1fr;gap:2rem;min-height:auto;padding-block:3rem}body:has(.eightshift-home) .hero .hero-html{width:100%;max-width:28rem;margin-inline:auto}.split:where(.astro-lcdefpme),.setup-grid:where(.astro-lcdefpme),.feature-grid:where(.astro-lcdefpme),.open-source:where(.astro-lcdefpme) ul{grid-template-columns:1fr}.intro:where(.astro-lcdefpme) .illustration:where(.astro-lcdefpme){order:2}.feature-grid:where(.astro-lcdefpme){gap:2rem}}@media (prefers-reduced-motion:reduce){.setup-card:where(.astro-lcdefpme){transition:none}}
