/* /launch: the 9 December launch evening. Built on the /about page language
   (green rule eyebrow, Space Grotesk headings, #f2f2ed band) so it reads as one
   of the marketing pages. */

.lch .abt-lede{max-width:56ch}

/* key facts: two-column definition grid under a heavy rule */
.lch-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:36px 0 28px;
  background:#0a0a0a;border-top:6px solid #57e000}
.lch-facts div{padding:26px 26px 28px;border-left:1px solid rgba(255,255,255,0.14)}
.lch-facts div:first-child{border-left:0}
.lch-facts dt{font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:600;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:#57e000;margin-bottom:10px}
.lch-facts dd{margin:0;font-size:20px;font-weight:600;line-height:1.35;color:#ffffff}
.lch-facts dd span{display:block;font-size:16px;font-weight:400;color:#b5b5ae;margin-top:4px}

/* primary call to action, same style as the homepage buttons */
.abt a.lch-cta{display:inline-block;background:#57e000;color:#0a0a0a;border:0;
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:600;font-size:15px;letter-spacing:.12em;
  padding:17px 40px;text-decoration:none}
.abt a.lch-cta:hover{background:#0a0a0a;color:#57e000}
.abt a.lch-cta:focus-visible{outline:3px solid #0a0a0a;outline-offset:3px}

/* programme: time in mono, session beside it */
.lch-prog{list-style:none;margin:8px 0 12px;padding:0;border-top:2px solid #0a0a0a;max-width:820px}
.lch-prog li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;padding:16px 0;
  border-bottom:1px solid #d9d9d3;align-items:baseline}
.lch-prog time{font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:600;font-size:16px;color:#3fae00}
.lch-prog b{display:block;font-size:20px;font-weight:600;line-height:1.35;color:#0a0a0a}
.lch-prog span{display:block;font-size:16px;line-height:1.5;color:#555;margin-top:2px}
.lch-note{font-size:15px !important;color:#777 !important}

/* request form */
.lch-form{max-width:820px;margin-top:8px}
.lch-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.lch-form label.f{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600;color:#0a0a0a}
.lch-form input[type="text"],.lch-form input[type="email"],.lch-form input[type="url"],.lch-form input[type="tel"]{
  border:1px solid #bdbdb6;background:#ffffff;padding:12px 13px;font:inherit;font-weight:400;
  font-size:16px;color:#0a0a0a;min-width:0}
.lch-form input:focus-visible,.lch-form button:focus-visible{outline:3px solid #57e000;outline-offset:2px}
.lch-form .consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0 22px;font-size:15px;
  line-height:1.5;color:#333;cursor:pointer}
.lch-form .consent input{width:18px;height:18px;accent-color:#0a0a0a;margin:2px 0 0;flex:none}
.lch-form .consent a{border:0;text-decoration:underline;color:#0a0a0a}
.lch-form button{background:#57e000;color:#0a0a0a;border:0;cursor:pointer;
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:600;font-size:15px;letter-spacing:.12em;
  padding:17px 40px}
.lch-form button:hover{background:#0a0a0a;color:#57e000}

/* flagship teaser */
.lch-next{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end;
  border-top:2px solid #0a0a0a;padding-top:24px;margin-top:8px}
.lch-next .big{font-family:Anton,Impact,sans-serif;font-size:64px;line-height:.95;color:#57e000;
  text-transform:uppercase}
.lch-next a.btn{display:inline-block;background:#0a0a0a;color:#57e000;border:0;
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:600;font-size:15px;letter-spacing:.12em;
  padding:17px 34px}
.lch-next a.btn:hover{background:#57e000;color:#0a0a0a}

#request{scroll-margin-top:130px}

@media (max-width:1099px){
  .lch-facts{grid-template-columns:1fr 1fr;margin-top:26px}
  .lch-facts div{padding:18px 16px 20px;border-left:0;border-top:1px solid rgba(255,255,255,0.14)}
  .lch-facts div:nth-child(-n+2){border-top:0}
  .lch-facts div:nth-child(even){border-left:1px solid rgba(255,255,255,0.14)}
  .abt a.lch-cta{display:block;text-align:center;padding:17px 20px}
  .lch-facts dd{font-size:17px}
  .lch-facts dd span{font-size:14px}
  .lch-prog li{grid-template-columns:62px minmax(0,1fr);gap:14px;padding:14px 0}
  .lch-prog time{font-size:14px}
  .lch-prog b{font-size:17px}
  .lch-prog span{font-size:14px}
  .lch-grid{grid-template-columns:1fr}
  .lch-form button{width:100%}
  .lch-next{grid-template-columns:1fr}
  .lch-next .big{font-size:44px}
  #request{scroll-margin-top:100px}
}