article{grid-template-columns:1fr 1fr;gap:1rem;max-width:1000px;margin:auto;padding:8rem 2rem 4rem;display:grid}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{font-family:var(--sans-font);text-transform:uppercase;letter-spacing:.15em;grid-column:1/3;padding-top:12rem;font-size:.75em}.brochure{display:contents;& .brochure-heading{grid-column:1;padding-top:8rem}& .brochure-date{opacity:.7;grid-column:2;place-self:end;font-style:italic}& .brochure-hero{grid-column:1/3;& img{border:1px solid var(--background-surface);margin-bottom:1rem;padding:2rem}}& .brochure-description{grid-column:1}& .brochure-aside{grid-column:2;& img{border:1px solid var(--background-surface);margin-bottom:1rem;padding:2rem}}}.brochure.reversed{& .brochure-description{grid-column:2}& .brochure-aside{grid-column:1}}.visit-link{color:var(--brand-7);font-variant:small-caps;text-transform:lowercase;align-items:center;gap:.3rem;font-size:1.8rem;text-decoration:none;transition:transform .1s ease-in-out;display:inline-flex;& svg{vertical-align:-.15rem}&:hover{transform:translate(.5rem)}}.card{grid-column:1/3}.card--isolisp{padding-left:2rem;position:relative;&:before{content:"";background:var(--brand-5);width:4px;position:absolute;top:0;bottom:0;left:0}& .card-header{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}& .card-title{font-family:var(--mono-font);letter-spacing:-.05rem}& .card-tech{font-family:var(--sans-font);text-transform:uppercase;letter-spacing:.15em;color:var(--foreground-subtle);font-size:.6em}& .card-link{font-family:var(--mono-font);color:var(--brand-7);padding-inline-start:.5rem;font-size:1rem;text-decoration:none;&:hover{text-decoration:underline}}}.catalogue{grid-column:1/3;grid-template-columns:8rem 1fr auto;align-items:baseline;gap:.75rem 1.5rem;display:grid;& .catalogue-name{font-family:var(--mono-font);color:var(--brand-7);letter-spacing:-.05rem;font-size:1rem;text-decoration:none;&:hover{text-decoration:underline}}& .catalogue-desc{opacity:.85;font-size:1.1rem;line-height:1.5}& .catalogue-tech{font-family:var(--sans-font);text-transform:uppercase;letter-spacing:.1em;color:var(--foreground-subtle);font-size:.6em}& .catalogue-name:not(:first-of-type){box-shadow:0 -1px 0 0 var(--background-surface);padding-top:.75rem}& .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,& .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{grid-template-columns:7rem 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid;& .workshop-date{line-height:1.8rem}& h5{font-family:var(--sans-font);font-variant-ligatures:no-discretionary-ligatures contextual;font-feature-settings:"liga" 1, "clig" 1, "calt" 1;margin-bottom:.25rem}& p{opacity:.85;margin-bottom:0;font-size:1.1rem}}}.card--discord{padding:1rem 0;& p{color:var(--foreground-subtle);margin-bottom:0}}.card--aoc{& .aoc-pills{flex-wrap:wrap;gap:.75rem;padding-top:2rem;display:flex}& .aoc-pill{border:1px solid var(--background-surface);color:var(--foreground);align-items:baseline;gap:.3rem;padding:.4rem 1rem;text-decoration:none;transition:background .15s,color .15s;display:inline-flex;&: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);letter-spacing:-.05rem;font-size:1rem}& em{font-size:.95rem}}}@media (width<=550px){article{grid-template-columns:1fr;column-gap:0;padding-top:4rem}#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}}}