5.4K

About

.spd-stu-hero{ margin-bottom: ; --cream:#f6f4ef; --cream-2:#f0ede5; --ink:#1b1a16; --muted:#5f5c55; --line:#e3ded4; --amber:#dd9a12; --amber-2:#e7a92a; --panel:#1b1b18; --panel-line:rgba(255,255,255,.07); --panel-text:#f2f0ea; --panel-muted:#837e74; --green:#2f9e44; --green-bright:#46c25c; --cell-empty:#2a302600; --mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace; --display:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; background:linear-gradient(180deg,var(--cream) 0%, var(--cream-2) 100%); color:var(--ink); font-family:var(--display); -webkit-font-smoothing:antialiased; box-sizing:border-box; position:relative; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); width:100vw; max-width:100vw; overflow:hidden; } .spd-stu-hero *, .spd-stu-hero *::before, .spd-stu-hero *::after{ box-sizing:border-box; } .spd-stu-hero .shell{ max-width:1180px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(28px,4vw,52px); align-items:center; padding:clamp(32px,4vw,52px) clamp(20px,4vw,48px); width:100%; min-width:0; } .spd-stu-hero .kicker{ display:none; align-items:center; gap:10px; font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink); margin:0 0 22px; } .spd-stu-hero .kicker::before{ content:""; width:8px; height:8px; background:var(--amber); flex:0 0 auto; } .spd-stu-hero h1{ font-size:clamp(30px,3.4vw,50px); line-height:1; letter-spacing:-.02em; font-weight:800; margin:0 0 18px; color:var(--ink); max-width:100%; } .spd-stu-hero .hl{ color:var(--amber); } .spd-stu-hero .lede{ font-size:clamp(15px,1.2vw,17px); line-height:1.55; color:var(--muted); max-width:460px; margin:0 0 24px; } .spd-stu-hero .lede b{ color:var(--ink); font-weight:700; } .spd-stu-hero .hero-ctas{ display:flex; gap:12px; flex-wrap:wrap; margin:0 0 30px; } .spd-stu-hero .cta{ display:inline-block; text-decoration:none; font-weight:700; font-size:15px; padding:14px