/* /events/: the project's events as PhaseOne's Event Setup has them (shared/events.js fills the
   templates in the page). Ours, in the site's own pieces: the title block, a cyan figure over a
   caps label (the builder story's stat), ruled rows with slashed labels (a model's spec table),
   the black button, and the registration form's underlined fields. The RSVP's consent box
   is optional, unlike the registration's "I agree". */
/* The site's hero keeps a band under its picture for the "now selling" strap. This page doesn't
   carry the strap (owner, 2026-11-13: the picture, the title, then the events), so the title
   moves up into the band: 15vh of the hero's 100vh on a wide screen, less on a phone, where
   the tagline sits under the picture. */
.alt-ev-top{position:relative;z-index:1;margin-top:-15vh;padding-bottom:30px}
.alt-ev-top .toptitle h2{text-align:center}
.alt-ev-top .toptitle h2 br{display:none}
.alt-ev{max-width:1180px;margin:0 auto;padding:0 50px 90px;font-family:var(--main-font);color:#000}
.alt-ev [hidden]{display:none!important}
/* The empty block is the page without JavaScript. With it, the block waits for the events to
   arrive, so it doesn't flash before a list. */
.alt-ev[data-state=loading] .alt-ev-empty,.alt-ev[data-state=ready] .alt-ev-empty{display:none}
.alt-ev h2{font-family:var(--fifth-font);font-size:30px;line-height:1.3;text-transform:uppercase;color:#000;margin:0;padding:0}
.alt-ev h2 span{color:var(--main-color)}
.alt-ev h2 a{color:inherit;text-decoration:none}
.alt-ev h3{font-family:var(--second-font);font-size:18px;line-height:1.3;text-transform:uppercase;color:#000;margin:0;padding:0}
.alt-ev-gone{font-family:var(--second-font);font-size:18px;text-transform:uppercase;text-align:center;margin:0 0 30px;padding:0}
.alt-ev-gone span{color:var(--main-color)}
.alt-ev-empty{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;border-top:1px solid #707070;border-bottom:1px solid #707070;padding:50px 0}
.alt-ev-more{margin:70px 0 26px!important}
.alt-ev-card{display:grid;grid-template-columns:210px 1fr;gap:50px;padding:44px 0;border-top:1px solid #707070}
.alt-ev-card:last-child{border-bottom:1px solid #707070}
.alt-ev-date strong{display:block;font-family:var(--second-font);font-weight:500;font-size:70px;line-height:1;color:var(--main-color)}
.alt-ev-date>span{display:block;margin-top:8px;font-family:var(--second-font);font-size:20px;text-transform:uppercase;color:#000}
.alt-ev-facts{margin:20px 0 0;padding:0;border-bottom:1px solid #707070}
.alt-ev-facts>div{display:flex;gap:20px;border-top:1px solid #707070;padding:11px 0;font-family:var(--second-font);font-size:16px;line-height:1.3;text-transform:uppercase}
.alt-ev-facts dt{flex:none;width:110px;font-weight:inherit}
.alt-ev-facts dd{margin:0;padding:0}
.alt-ev-address{display:block}
.alt-ev-address[hidden]{display:none}
.alt-ev-description{max-width:640px;margin-top:22px;color:#707070;font-family:var(--sixth-font);font-size:16px;line-height:1.3}
.alt-ev-description p{margin:0 0 12px;padding:0}
.alt-ev-button,a.alt-ev-button{display:inline-block;margin-top:14px;background:#000;color:#fff;border:0;border-radius:0;padding:10px 40px;font-family:var(--second-font);font-size:16px;line-height:1.5;text-transform:uppercase;text-decoration:none;cursor:pointer}
.alt-ev-button:hover{background:var(--main-color)}
.alt-ev-form{max-width:560px;margin-top:34px}
.alt-ev-form h3,.alt-ev-thanks h3{font-family:var(--fifth-font);font-size:22px;color:var(--main-color)}
.alt-ev-typed input{text-transform:none}
.alt-ev-agree{align-items:flex-start;line-height:1.5}
.alt-ev-agree input{flex:none;margin-top:2px}
.alt-ev-thanks{max-width:560px;margin-top:34px;border-top:1px solid #000;padding-top:22px}
.alt-ev-thanks:focus{outline:0}
.alt-ev-thanks p{margin:10px 0 0;padding:0;font-size:16px;color:#707070}
.alt-ev-thanks a{color:#000;text-decoration:underline}
@media (max-width:980px){
.alt-ev-card{grid-template-columns:150px 1fr;gap:30px}
}
@media (max-width:767px){
.alt-ev-top{margin-top:-12vh}
.alt-ev{padding:0 20px 60px}
.alt-ev h2{font-size:25px}
.alt-ev h3{font-size:16px}
.alt-ev-card{grid-template-columns:1fr;gap:18px;padding:32px 0}
.alt-ev-date{display:flex;align-items:baseline;gap:14px}
.alt-ev-date strong{font-size:56px}
.alt-ev-facts dt{width:90px}
}