.hero .name{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;font-size:17px;color:rgba(255,255,255,.85);margin-bottom:18px}

/* what it is: three principles */
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}
.three div{padding:30px 28px;border-radius:22px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.three b{display:block;font-weight:500;font-size:clamp(20px,1.5vw,24px);line-height:1.25}
.three p{margin-top:12px;color:var(--muted);font-size:16px;line-height:1.55}
@media (max-width:900px){.three{grid-template-columns:1fr;max-width:560px}}

/* how the night runs: a numbered run of show beside the slides */
.night{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,88px);align-items:start;margin-top:48px}
.runs{list-style:none;counter-reset:st}
.runs li{counter-increment:st;position:relative;padding:0 0 22px 52px}
.runs li::before{content:counter(st);position:absolute;right:0;top:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--petrol);color:#fff;font:700 13px/1 var(--stamp)}
.runs li:not(:last-child)::after{content:"";position:absolute;right:16px;top:38px;bottom:4px;width:2px;background:var(--line)}
.runs b{display:block;font-weight:500;font-size:18px;line-height:1.3;padding-top:5px}
.runs p{margin-top:4px;color:var(--muted);font-size:15px;line-height:1.5}
.slides{display:grid;gap:20px}
.slides .fr{display:block;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px rgba(6,46,55,.12)}
.slides img{width:100%;height:auto}
.slides .cap{font-size:14px;color:var(--muted);margin-top:-8px}
@media (max-width:900px){.night{grid-template-columns:1fr}}

/* judging: the four criteria beside the judges' guide */
.judge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:center;margin-top:48px}
.crit{list-style:none;display:grid;gap:18px}
.crit li{padding:20px 22px;border-radius:18px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.crit b{display:block;font-weight:500;font-size:18px}
.crit p{margin-top:6px;color:var(--muted);font-size:15px;line-height:1.5}
.judge .fr{display:block;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px rgba(6,46,55,.12)}
.judge .fr img{width:100%;height:auto}
@media (max-width:900px){.judge{grid-template-columns:1fr}}

/* the cases: dark panel with the case page */
.casesec{background:var(--frame);color:#fff}
.casesec .grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,88px);align-items:center}
.casesec .intro{color:rgba(255,255,255,.8)}
.casesec ul{list-style:none;margin-top:24px;display:grid;gap:10px}
.casesec li{position:relative;padding-right:20px;color:rgba(255,255,255,.88);font-size:16px;line-height:1.5}
.casesec li::before{content:"";position:absolute;right:0;top:.6em;width:7px;height:7px;border-radius:50%;background:#9fd0e2}
.casesec .fr{display:block;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.casesec .fr img{width:100%;height:auto}
.casesec .cap{margin-top:12px;font-size:14px;color:rgba(255,255,255,.65)}
@media (max-width:900px){.casesec .grid{grid-template-columns:1fr}}

/* debates held */
.held{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.held a{display:flex;flex-direction:column;gap:8px;padding:26px 24px;border-radius:20px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none}
.held .d{font:700 11px/1.3 var(--stamp);letter-spacing:.14em;text-transform:uppercase;color:var(--petrol)}
.held strong{font-weight:500;font-size:20px;line-height:1.25}
.held span.c{color:var(--muted);font-size:15px}
.held .next{background:var(--tint);box-shadow:inset 0 0 0 1px var(--line)}
@media (max-width:900px){.held{grid-template-columns:1fr;max-width:480px}}
.joinband{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center}
.joinband .acts{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}
@media (max-width:900px){.joinband{grid-template-columns:1fr}}