@import https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,400i,500,600;
body{margin:0;padding:0;font-family:'IBM Plex Sans',sans-serif;line-height:1.5;font-size:.9rem;color:#333;}
*{box-sizing:border-box;}
h1,h2,h3,h4{font-weight:400;margin:.25rem 0;padding:0;line-height:1.2;}
h1{font-size:3rem;}
h2{font-size:1.75rem;margin:.25rem 0 .75rem;}
h3{font-size:1.5rem;}
h4{font-size:1rem;}
small{font-size:.8rem;}
figure{margin:0 0 .5rem;}
figcaption{font-size:.7rem;text-align:right;}
img{max-width:100%;}
img.ll{min-width:100%;}
#stage{position:fixed;top:0;width:100vw;height:100vh;}
.zbs {position:fixed;right:1rem;bottom:1rem;z-index:100}
.zb{display:inline-block;border:2px solid;border-radius:100%;width:2rem;height:2rem;position:relative;background:#fff;cursor:pointer;transition:color .25s;margin:.25rem;}
.zb:before {content:'';position:absolute;top:50%;left:50%;width:1rem;border-top:2px solid;transform:translate(-50%, 0)}
.zb.in:after {content:'';position:absolute;top:50%;left:50%;width:1rem;border-top:2px solid;transform:translate(-50%, 0) rotate(90deg)}
.zb:hover {color:#fff;background:#000;border-color:#000}

a{color:#f03434;text-decoration:none;opacity:.9;transition:opacity .5s,color .5s;}
a:hover,a.active{opacity:1;color:#333;}
a.active{font-weight:600;}
a.file{margin:.5rem 0;font-size:.9rem;}
a.file em{position:relative;display:inline-block;vertical-align:middle;margin-right:.5rem;font-size:.8rem;background:#f03434;color:#fff;top:0;left:0;font-style:normal;padding:.5rem .3rem;}
a.file.pdf em:before{content:'pdf';}
a.bullet{margin-left:.75rem;}
a.bullet:before{content:'•';position:absolute;margin-left:-.75rem;color:#333;}
blockquote{margin:.5rem .5rem .5rem 1.5rem;}
blockquote:before{content:'-';position:absolute;margin-left:-.75rem;}
main{display:block;margin-top:calc(100vh - 8.5rem);min-height:15.5rem;transform:translate(0,0);background:#fff;box-shadow:0 0 .5rem rgba(0,0,0,.1);transition:transform .5s;padding-bottom:3rem;}
main:hover{transform:translate(0,-12rem);}
footer{background:#fafafa;min-height:12rem;position:absolute;top:100%;width:100%;color:#666;}
nav{position:fixed;top:0;padding:.75rem;user-select:none;}
nav:hover{background:#fff;}
nav .burger{display:inline-block;margin-right:.75rem;}
nav ul{opacity:0;transition:opacity .5s;pointer-events:none;}
nav:hover ul{opacity:1;pointer-events:all;}
nav ul li{padding-left:2rem;}
nav h3 a{border:none;}
ul{list-style:none;margin:0;padding:0;}
ul li > a{display:block;padding:.25rem 0;}
.row{display:block;clear:both;max-width:1000px;margin:0 auto;}
.row.inset{margin-left:-.5rem;margin-right:-.5rem;}
.col{display:inline-block;vertical-align:top;padding:.75rem;min-height:1px;}
.col.no-padding{padding:0;}
.m1{width:8.3333333333%;}
.m2{width:16.6666666667%;}
.m3{width:25%;}
.m4{width:33.3333333333%;}
.m5{width:41.6666666667%;}
.m6{width:50%;}
.m7{width:58.3333333333%;}
.m8{width:66.6666666667%;}
.m9{width:75%;}
.m10{width:83.3333333333%;}
.m11{width:91.6666666667%;}
.m12{width:100%;}
.pd{padding:.5rem;}
.pd2{padding:1rem;}
.pv{padding:.5rem 0;}
.ph{padding:0 .5rem;}
.mg{margin:.5rem;}
.mt{margin-top:.75rem;}
.mb{margin-bottom:.5rem;}
.mb2{margin-bottom:1rem;}
.mb3{margin-bottom:1.5rem;}
.mb4{margin-bottom:2rem;}
.mv{margin:.5rem 0;}
.bb{border-bottom:1px solid #a0a0a0;display:block;padding-bottom:.5rem;margin-bottom:.5rem;}
.up{text-transform:uppercase;}
.wbg{background:#fff;}
.wfg,.wfg a{color:#fff;}
.read{max-width:40rem;margin-bottom:2rem;font-size:.9rem;line-height:2;}
.label{position:absolute;min-width:20rem;background:#333;color:#fff;padding:.25rem .5rem .5rem;z-index:1000;font-size:.8rem;opacity:0;transition:opacity .5s ease;user-select:none;pointer-events:none;}
.label.active{opacity:1;}
svg{background:#fff;user-select:none;}
svg circle{stroke-width:4px;vector-effect:non-scaling-stroke;fill:#fff;stroke:rgba(0,0,0,.75);cursor:pointer;transition:stroke-width .5s;}
svg circle:hover,svg circle.active{stroke-width:4px;stroke:#000;}
svg circle.active{fill:#fff;}
svg circle.prs{fill:#333;}
svg line{vector-effect:non-scaling-stroke;stroke:#eee;opacity:.5;}
svg line.hit{vector-effect:non-scaling-stroke;stroke:#fff;opacity:.75;stroke-width:7px;}
svg line.hit.s1{stroke-width:3px;}
svg line.hit.s2{stroke-width:5px;}
svg line.hit.s3{stroke-width:7px;}
svg .line{cursor:pointer;}
svg .line:hover line{opacity:1;}
svg text{fill:rgba(0,0,0,.75);}
.wrap{position:relative;}
.wrap iframe{border:0;width:100%;height:100%;}
.vim,.ytb{cursor:pointer;background:#2d343e;}
.vid:before{content:'';position:absolute;width:6rem;height:6rem;left:50%;top:50%;background-size:contain;transform:translate(-3rem,-3rem);z-index:10;}
.vid.vim:before{background-image:url(../gfx/video_vim.svg);}
.vid.ytb:before{background-image:url(../gfx/video_ytb.svg);}
.c0{stroke:rgba(0,0,0,.75);}
.c1{stroke:rgba(250,159,189,.75);}
.c2{stroke:rgba(58,11,95,.75);}
.c3{stroke:rgba(110,28,30,.75);}
.c4{stroke:rgba(193,19,30,.75);}
.c5{stroke:rgba(239,18,9,.75);}
.c6{stroke:rgba(255,79,0,.75);}
.c7{stroke:rgba(254,179,46,.75);}
.c8{stroke:rgba(255,240,69,.75);}
.c9{stroke:rgba(214,230,221,.75);}
.c10{stroke:rgba(112,188,31,.75);}
.c11{stroke:rgba(24,72,29,.75);}
.c12{stroke:rgba(67,74,68,.75);}
.c13{stroke:rgba(92,103,29,.75);}
.c14{stroke:rgba(79,85,86,.75);}
.c15{stroke:rgba(136,187,217,.75);}
.c16{stroke:rgba(72,186,214,.75);}
.c17{stroke:rgba(112,164,177,.75);}
.c18{stroke:rgba(0,78,97,.75);}
.c19{stroke:rgba(11,85,163,.75);}
.c20{stroke:rgba(8,47,103,.75);}
.c21{stroke:rgba(0,0,0,.75);}
.c22{stroke:rgba(78,28,19,.75);}
.c23{stroke:rgba(10,25,163,.75);}
.c24{stroke:rgba(168,74,9,.75);}
.c25{stroke:rgba(208,155,96,.75);}
.c26{stroke:rgba(207,161,105,.75);}

.sharing {margin-top:2rem;}

.sharing a{display:inline-block;padding:.25rem .5rem;margin-top: .5rem;margin-right: .5rem;border:1px solid #eee;}

@media (max-width: 740px) {
	h1{font-size:2rem;}
	h2{font-size:1.5rem;}
	h3{font-size:1.25rem;}
	nav:hover{background:none;}
	nav:hover ul{opacity:0;background:#fff;pointer-events:none;}
	nav h3{font-size:.9rem;}
	nav ul li{padding-left:.5rem;}
	nav.active{background:#fff;}
	nav.active ul{opacity:1;pointer-events:all;}
	.col{width:100%;}
}
figure{padding:0;margin:0;width:100%;position:relative;}
figure.fx img{max-width:unset;width:100%;height:100%;object-fit:cover;position:absolute;top:0;}
figure.fx.r100{padding-top:100%;}
figure.fx.r75{padding-top:75%;}
figure.fx.r50{padding-top:50%;}
.flickity{padding-top:75%;position:relative;margin-bottom:1rem;}
.flickity .flickity-viewport{position:absolute;height:100%;top:0;width:100%;}
.flickity.vh50{height:50vh;}
.flickity.vh75{height:75vh;}
.flickity.vh80{height:80vh;}
.flickity.vh100{height:100vh;}
.flickity .cell{width:100%;height:100%;overflow:hidden;}
.flickity .cell figure{width:100%;height:100%;}
.flickity .cell figure img{width:100%;height:100%;transform:scale(1);transition:transform 30s;object-fit:cover;}
.flickity .cell.is-selected img{transform:scale(1.1);}
.flickity figure figcaption{opacity:1;position:absolute;top:50%;left:0;color:#fff;font-size:5vw;width:100%;text-align:center;text-shadow:1px 1px 2rem rgba(0,0,0,.1);transform:translate(0,-50%);font-family:'sb';}
.flickity-prev-next-button{width:2rem;height:2rem;}