/* Utility classes actually used by templates/, extracted from Tachyons
   (https://tachyons.io) so the page ships only what it uses instead of the
   full ~74KB framework. */
*,*:before,*:after{box-sizing:border-box}
.cover{background-size:cover!important}
.bg-top{background-repeat:no-repeat}
.bg-top{background-position:top}
.bottom-0{bottom:0}
.cf:after,.cf:before{content:" ";display:table}
.cf:after{clear:both}
.cf{*zoom:1}
.dn{display:none}
.db{display:block}
.dib{display:inline-block}
.flex{display:flex}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.avenir{font-family:avenir next,avenir,sans-serif}
.b{font-weight:700}
.fw1{font-weight:100}
.fw2{font-weight:200}
.fw4{font-weight:400}
.lh-title{line-height:1.25}
.lh-copy{line-height:1.5}
.link{text-decoration:none}
.link,.link:active,.link:focus,.link:hover,.link:link,.link:visited{transition:color .15s ease-in}
.link:focus{outline:1px dotted currentColor}
.list{list-style-type:none}
.w-100{width:100%}
.overflow-hidden{overflow:hidden}
.relative{position:relative}
.white-90{color:hsla(0,0%,100%,.9)}
.white-80{color:hsla(0,0%,100%,.8)}
.white-70{color:hsla(0,0%,100%,.7)}
.black{color:#000}
.near-black{color:#111}
.mid-gray{color:#555}
.gray{color:#777}
.bg-black-60{background-color:rgba(0,0,0,.6)}
.bg-black{background-color:#000}
.bg-near-white{background-color:#f4f4f4}
.bg-white{background-color:#fff}
.hover-white:focus,.hover-white:hover{color:#fff}
.pa3{padding:1rem}
.pa4{padding:2rem}
.pl0{padding-left:0}
.pr3{padding-right:1rem}
.pb1{padding-bottom:.25rem}
.pb2{padding-bottom:.5rem}
.pb7{padding-bottom:16rem}
.pt2{padding-top:.5rem}
.pt3{padding-top:1rem}
.pv2{padding-top:.5rem;padding-bottom:.5rem}
.pv3{padding-top:1rem;padding-bottom:1rem}
.pv4{padding-top:2rem;padding-bottom:2rem}
.ph3{padding-left:1rem;padding-right:1rem}
.ma0{margin:0}
.ml0{margin-left:0}
.mr1{margin-right:.25rem}
.mr3{margin-right:1rem}
.mb0{margin-bottom:0}
.mb3{margin-bottom:1rem}
.mb4{margin-bottom:2rem}
.mt3{margin-top:1rem}
.mt5{margin-top:4rem}
.no-underline{text-decoration:none}
.f3{font-size:1.5rem}
.f4{font-size:1.25rem}
.f5{font-size:1rem}
.f6{font-size:.875rem}
.measure-wide{max-width:34em}
.center{margin-left:auto;margin-right:auto}
.dim,.dim:focus,.dim:hover{transition:opacity .15s ease-in}
.dim:focus,.dim:hover{opacity:.5}
.dim:active{opacity:.8;transition:opacity .15s ease-out}
.z-999{z-index:999}
.nested-copy-line-height ol,.nested-copy-line-height p,.nested-copy-line-height ul{line-height:1.5}

@media screen and (min-width:30em) {
  .dib-ns{display:inline-block}
  .flex-ns{display:flex}
  .pa4-ns{padding:2rem}
  .ph4-ns{padding-left:2rem;padding-right:2rem}
  .f4-ns{font-size:1.25rem}
}
@media screen and (min-width:60em) {
  .flex-l{display:flex}
  .w-30-l{width:30%}
  .pt0-l{padding-top:0}
  .pv4-l{padding-top:2rem;padding-bottom:2rem}
  .pv6-l{padding-top:8rem;padding-bottom:8rem}
  .ph5-l{padding-left:4rem;padding-right:4rem}
  .tl-l{text-align:left}
  .tc-l{text-align:center}
  .f-subheadline-l{font-size:5rem}
  .f3-l{font-size:1.5rem}
  .measure-wide-l{max-width:34em}
}

/* Site-specific rules */
header {
  background-image: url(../images/kings-cross.jpg);
}

.nested-img img,
.nested-img video {
  display: block;
  width: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.bluesky, .github, .linkedin, .mastodon {
  fill: #BABABA;
}

.new-window {
  opacity: 0;
  display: inline-block;
  vertical-align: top;
}

.link-transition:hover .new-window {
  opacity: 1;
}

.mastodon:hover {
  fill: #6364FF;
}

.bluesky:hover {
  fill: #87CEEB;
}

.github:hover {
  fill: #fafafa;
}

.linkedin:hover {
  fill: #0077b5;
}