article{max-width:1000px;margin:auto;padding:8rem 2rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}figcaption{opacity:.8}h6{line-height:1.5rem}#exhibition-catalogue{grid-column:1 / 3}#main-heading{padding-bottom:4rem}.intro{grid-column:2;max-width:600px}.section-heading{grid-column:1 / 3;padding-top:12rem;font-family:var(--sans-font);text-transform:uppercase;letter-spacing:.15em;font-size:.75em}.brochure{display:contents;.brochure-heading{padding-top:8rem;grid-column:1}.brochure-date{grid-column:2;align-self:end;justify-self:end;font-style:italic;opacity:.7}.brochure-hero{grid-column:1 / 3;img{padding:2rem;margin-bottom:1rem;border:1px solid var(--background-surface)}}.brochure-description{grid-column:1}.brochure-aside{grid-column:2;img{border:1px solid var(--background-surface);padding:2rem;margin-bottom:1rem}}}.brochure.reversed{.brochure-description{grid-column:2}.brochure-aside{grid-column:1}}.visit-link{display:inline-flex;align-items:center;font-size:1.8rem;gap:.3rem;color:var(--brand-7);font-variant:small-caps;text-transform:lowercase;text-decoration:none;transition:transform .1s ease-in-out;svg{vertical-align:-.15rem}&:hover{transform:translate(.5rem)}}.card{grid-column:1 / 3}.card--isolisp{position:relative;padding-left:2rem;&:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand-5)}.card-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}.card-title{font-family:var(--mono-font);letter-spacing:-.05rem}.card-tech{font-family:var(--sans-font);text-transform:uppercase;font-size:.6em;letter-spacing:.15em;color:var(--foreground-subtle)}.card-link{font-family:var(--mono-font);font-size:1rem;color:var(--brand-7);text-decoration:none;padding-inline-start:.5rem;&:hover{text-decoration:underline}}}.catalogue{grid-column:1 / 3;display:grid;grid-template-columns:8rem 1fr auto;gap:.75rem 1.5rem;align-items:baseline;.catalogue-name{font-family:var(--mono-font);font-size:1rem;color:var(--brand-7);text-decoration:none;letter-spacing:-.05rem;&:hover{text-decoration:underline}}.catalogue-desc{font-size:1.1rem;opacity:.85;line-height:1.5}.catalogue-tech{font-family:var(--sans-font);text-transform:uppercase;font-size:.6em;letter-spacing:.1em;color:var(--foreground-subtle)}.catalogue-name:not(:first-of-type){padding-top:.75rem;box-shadow:0 -1px 0 0 var(--background-surface)}.catalogue-name:not(:first-of-type)~.catalogue-desc,.catalogue-name:not(:first-of-type)~.catalogue-tech{padding-top:.75rem}.catalogue-name:not(:first-of-type)+.catalogue-desc{box-shadow:0 -1px 0 0 var(--background-surface)}.catalogue-name:not(:first-of-type)+.catalogue-desc+.catalogue-tech{box-shadow:0 -1px 0 0 var(--background-surface)}}.card--workshops{h4{margin-bottom:2rem}.workshop-entry{display:grid;grid-template-columns:7rem 1fr;gap:1.5rem;margin-bottom:1.5rem;.workshop-date{line-height:1.8rem}h5{font-family:var(--sans-font);margin-bottom:.25rem}p{font-size:1.1rem;opacity:.85;margin-bottom:0}}}.card--discord{padding:1rem 0;p{color:var(--foreground-subtle);margin-bottom:0}}.card--aoc{.aoc-pills{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:2rem}.aoc-pill{display:inline-flex;align-items:baseline;gap:.3rem;padding:.4rem 1rem;border:1px solid var(--background-surface);text-decoration:none;color:var(--foreground);transition:background .15s,color .15s;&:hover.elixir{background:#6e4a7e}&:hover.ocaml{color:var(--background);background:#ef7a08}&:hover.clojure{color:var(--background);background:#91dc47}.aoc-year{font-family:var(--mono-font);font-size:1rem;letter-spacing:-.05rem}em{font-size:.95rem}}}@media(max-width:550px){article{grid-template-columns:1fr;padding-top:4rem;column-gap:0}#exhibition-catalogue,#main-heading,.intro,.section-heading,.card,.catalogue,.brochure .brochure-hero,.brochure .brochure-heading,.brochure .brochure-date,.brochure .brochure-description,.brochure .brochure-aside,.brochure.reversed .brochure-description,.brochure.reversed .brochure-aside{grid-column:1 / -1}.brochure .brochure-date{justify-self:start}.section-heading{padding-top:3rem}.card--workshops .workshop-entry{grid-template-columns:1fr;gap:.25rem}.catalogue{grid-template-columns:1fr;.catalogue-tech{display:none}.catalogue-name:not(:first-of-type)+.catalogue-desc{box-shadow:none}}}