@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:300;
    src:url(../fonts/sourcesanspro-300.woff)format('woff')
}
@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:400;
    src:url(../fonts/sourcesanspro-400.woff)format('woff')
}
@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:600;
    src:url(../fonts/sourcesanspro-600.woff)format('woff')
}
@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:700;
    src:url(../fonts/sourcesanspro-700.woff)format('woff')
}
@font-face{
    font-family:'Source Sans Pro';
    font-style:normal;
    font-weight:900;
    src:url(../fonts/sourcesanspro-900.woff)format('woff')
}
@font-face{
    font-family:'Source Sans Pro';
    font-style:italic;
    font-weight:400;
    src:url(../fonts/sourcesanspro-400-italic.woff)format('woff')
}
@font-face{
    font-family:'Calluna Black';
    src:url('../fonts/Calluna-Black-webfont.eot');
    src:url('../fonts/Calluna-Black-webfont.eot?#iefix')format('embedded-opentype'),url('../fonts/Calluna-Black-webfont.woff')format('woff'),url('../fonts/Calluna-Black-webfont.ttf')format('truetype'),url('../fonts/Calluna-Black-webfont.svg#callunablack')format('svg');
    font-weight:900;
    font-style:normal
}
@font-face{
    font-family:'Calluna';
    src:url('../fonts/Calluna-It-webfont.eot');
    src:url('../fonts/Calluna-It-webfont.eot?#iefix')format('embedded-opentype'),url('../fonts/Calluna-It-webfont.woff')format('woff'),url('../fonts/Calluna-It-webfont.ttf')format('truetype'),url('../fonts/Calluna-It-webfont.svg#callunaitalic')format('svg');
    font-weight:400;
    font-style:italic
}
@font-face{
    font-family:'Calluna';
    src:url('../fonts/Calluna-Regular-webfont.eot');
    src:url('../fonts/Calluna-Regular-webfont.eot?#iefix')format('embedded-opentype'),url('../fonts/Calluna-Regular-webfont.woff')format('woff'),url('../fonts/Calluna-Regular-webfont.ttf')format('truetype'),url('../fonts/Calluna-Regular-webfont.svg#callunaregular')format('svg');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Parcel';
    src:url('../fonts/parcel.woff2')format('woff2'),url('../fonts/parcel.woff')format('woff');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Typer Pro Mono';
    src:url('../fonts/typerpromono-bold.woff2')format('woff2'),url('../fonts/typerpromono-bold.woff')format('woff');
    font-weight:900;
    font-style:bold
}
@font-face{
    font-family:'Typer Pro Mono';
    src:url('../fonts/typerpromono-regular.woff2')format('woff2'),url('../fonts/typerpromono-regular.woff')format('woff');
    font-weight:400;
    font-style:normal
}

@font-face {
  font-family: "Aleo";
  src: url("/assets/fonts/Aleo-VariableFont_wght.woff2") format("woff2 supports variations"),
       url("/assets/fonts/Aleo-VariableFont_wght.woff2") format("woff2-variations");
  font-weight: 100 1000;
  font-style: normal;
}

@font-face {
  font-family: "Aleo";
  src: url("/assets/fonts/Aleo-Italic-VariableFont_wght.woff2") format("woff2 supports variations"),
       url("/assets/fonts/Aleo-Italic-VariableFont_wght.woff2") format("woff2-variations");
  font-weight: 100 1000;
  font-style: italic;
}

@font-face {
  font-family: "Komplekt";
  src: url("/assets/fonts/Komplekt-VariableVF.woff2") format("woff2 supports variations"),
       url("/assets/fonts/Komplekt-VariableVF.woff2") format("woff2-variations");
  font-weight: 100 1000;
  font-stretch: 20% 100%;
}

@font-face {
  font-family: "Kass";
  src: url("/assets/fonts/KASS-VF.woff2") format("woff2 supports variations"),
       url("/assets/fonts/KASS-VF.woff2") format("woff2-variations");
  font-weight: 100 1000;
  font-style: normal;
}

@font-face {
  font-family: "Kass";
  src: url("/assets/fonts/KASS-Italic-VF.woff2") format("woff2 supports variations"),
       url("/assets/fonts/KASS-Italic-VF.woff2") format("woff2-variations");
  font-weight: 100 1000;
  font-style: italic;
}

*,*:before,*:after{
    margin:0;
    padding:0;
    border:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
img{
    display:block;
    max-width:100%
}
a{
    color:#1d8eeb;
    text-decoration:none;
    transition:color .3s,background .3s,border .3s
}
a:hover{
    color:#ff0066
}
.cf:after{
    content:"";
    display:table;
    clear:both
}
html{
    font-family:"Source Sans Pro",sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    font-size: 18px;
}
body{
    margin:0 auto;
    font-size:1rem;
    line-height:1;
    padding:0;
    background:#fff;
    color:#000;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:-ms-flex;
    display:flex;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:100vh
}
body .header,body .main,body .post-title,body .cover-container,body .footer{
    background-repeat:repeat;
    background-position:top left;
    background-attachment:fixed
}
.wrapper{
    width:100%;
    max-width:45rem;
    margin:0 auto
}
.header{
    display:flex;
    flex-direction:row;
    flex-grow:0;
    min-height:85px;
    background-color:red
}
body.fullpage{
    background-attachment:fixed;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
body.tiled{
    background-position:center top;
    background-repeat:repeat
}
.main{
    display:flex;
    flex-direction:column;
    flex:1 0 auto;
    justify-content:flex-start;
    padding:0 1rem;
    font-feature-settings: 'kern' 1, 'liga' 1, 'onum' 1;
}
.main .page{
    width:100%;
    max-width:45rem;
    background-color:white;
    margin:3rem auto 0 auto;
    border-radius:8px;
    position:relative;
    box-shadow:0 3rem 4.5rem 0 rgba(0,0,0,0.35),0 .75rem 2rem 0 rgba(0,0,0,0.25);
    container-type: inline-size;
}
.main .page.nocover{
    padding-top:1rem
}
.main .page time{
    display:block;
    padding:2.25rem 5rem 1rem 5rem;
    text-transform:uppercase;
    font-size:.875rem;
    opacity:0.75
}
.main .page h1{
    font-size:4rem;
    font-family:'Komplekt','Source Sans Pro',sans-serif;
    font-weight:600;
    font-stretch: 30%;
    font-variation-settings: "ital" 1;
    font-kerning:normal;
    font-feature-settings: 'kern' 1, 'liga' 1, 'onum' 1;
    padding:0 5rem 0 5rem
}
.main .page h1.modern{
    font-family:'Komplekt','Source Sans Pro',sans-serif;
    font-weight:600;
    font-stretch: 30%;
    font-variation-settings: "ital" 1;
}
.main .page h1.block{
    font-family:'Komplekt','Source Sans Pro',sans-serif;
    font-weight:800;
    font-stretch: 80%;
    font-variation-settings: "ital" 0;
    text-transform: uppercase;
}
.main .page h1.script{
    font-family:'Indie','Calluna Black','Source Sans Pro',sans-serif;
    font-weight:400
}
.main .page h1.chunky{
    font-family:'Roslindale','Calluna Black','Source Sans Pro',serif;
    font-weight:900;
    font-size:2.8125rem
}
.main .page h1.sober{
    font-family:'Calluna','Source Sans Pro',serif;
    font-weight:400;
    font-size:2.8125rem
}
.main .page h1.funky{
    font-family:'Louis','Calluna Black','Source Sans Pro',serif;
    font-weight:400;
    letter-spacing:-0.025em;
    font-kerning:normal;
    font-size:3.5rem
}
.main .page h1.solid{
    font-family:'Source Sans Pro',sans-serif;
    font-weight:900;
    font-size:3.5rem
}
.main .page h1.expressive{
    font-family:'Gig',sans-serif;
    font-weight:700;
    font-size:3.5rem
}
.main .page h1.fabulous{
    font-family:'Louche',serif;
    font-weight:500;
    font-size:10rem;
    letter-spacing:-0.02em;
    line-height:0.85;
    margin-top:0.5rem
}
.main .page h1.blackletter{
    font-family:'Elfreth',serif;
    font-weight:400;
    font-size:4.5rem;
    letter-spacing:-0.04em
}
.main .page h1.midcentury{
    font-family:'Nudge',serif;
    font-weight:400;
    font-size:4.75rem;
    margin-left:-0.1rem
}
.main .page h1.cinematic{
    font-family:'Margo',sans-serif;
    font-weight:400;
    font-size:4.75rem;
    margin-left:-0.1rem
}
.main .page h1.seventies{
    font-family:'Henrietta',serif;
    font-weight:700;
    font-size:4.25rem;
    line-height: 0.9;
    font-feature-settings: 'ss06' 1, 'kern' 1, 'liga' 1, 'dlig' 1;
}
.main .page h1.gothic{
    font-family:'Marcovaldo',serif;
    font-weight:700;
    font-size:5.5rem;
    line-height: 0.9;
    font-feature-settings: 'ss05' 1, 'kern' 1, 'liga' 1, 'onum' 1;
}
.main .page h1.sixtieslight{
    font-family:'Curiously',serif;
    font-weight:400;
    font-size:3.75rem;
    line-height: 0.9;
    font-feature-settings: 'kern' 1, 'liga' 1, 'onum' 1;
}
.main .page h1.sixtiesheavy{
    font-family:'Curiously',serif;
    font-weight:700;
    font-size:3.75rem;
    line-height: 0.9;
    letter-spacing:-0.05em;
    font-feature-settings: 'kern' 1, 'liga' 1, 'onum' 1;
}
.main .page h1.newsy{
    font-family:'Newsagent',serif;
    font-weight:700;
    font-size:5.5rem;
    line-height: 0.8;
    text-transform: uppercase;
}
.main .page h1.lively{
    font-family:'Kass',serif;
    font-weight:800;
    font-size:4rem;
    line-height: 1;
}
.main .page h1.hairdryer{
    font-family:'Palmetto',serif;
    font-weight:400;
    font-size:7rem;
    line-height: 0.8;
    font-feature-settings: 'ss03' 1;
}
.main .page h1.mono{
    font-family:'MDIO',serif;
    font-weight:500;
    font-size:3rem;
    line-height: 0.8;
}
.main .page h1.punch{
    font-family:'Gnar',serif;
    font-weight:700;
    font-size:12rem;
    line-height: 0.8;
    text-transform: uppercase;
}
.main .page h1.threedee {
    display: grid;
    grid-template-columns: 1fr;
    font-family:'Bourton',sans-serif;
    font-weight:normal;
    font-size:8rem;
    line-height: 0.8;
    text-transform: uppercase;
}
.main .page h1.threedeerig {
    display: grid;
    grid-template-columns: 1fr;
    font-family:'RigMediumFace',sans-serif;
    font-weight:normal;
    font-size:8rem;
    line-height: 1;
    text-transform: uppercase;
}
.main .page h1.towerblock {
    display: grid;
    grid-template-columns: 1fr;
    font-family:'Towerblock-Face',sans-serif;
    font-weight:normal;
    font-size:4rem;
    line-height: 1;
    text-transform: uppercase;
}
.main .page h1.threedee span, .main .page h1.threedeerig span, .main .page h1.towerblock span, .main .page h1.circus span {
    grid-row-start: 1;
    grid-column-start: 1;
}
.main .page h1.circus span {
    margin-left: -0.4rem;
}
.main .page h1.threedee span, .main .page h1.threedeerig span {
    margin-left: -0.8rem;
}
.main .page h1.circus {
    display: grid;
    grid-template-columns: 1fr;
    font-family:'Show-Background',sans-serif;
    font-weight:normal;
    font-size:8rem;
    line-height: 1;
    text-transform: uppercase;
}
.main .page h1.handwriting {
    display: grid;
    grid-template-columns: 1fr;
    font-family:'BlackOcean',sans-serif;
    font-weight:normal;
    font-size:16rem;
    padding-top: 0.5rem;
    margin-top: -1rem;
    line-height: 1;
}
.main .page h1.brush {
    display: grid;
    grid-template-columns: 1fr;
    font-family:'DermontaElnara',sans-serif;
    font-weight:normal;
    font-size:16rem;
    padding-top: 0.5rem;
    margin-top: -0.5rem;
    line-height: 1;
}
.main .page div.normal-header h1.brush, .main .page div.normal-header h1.handwriting {
    padding-top: 1rem;
    margin-bottom: -3rem;
}
.main .page div.normal-header h1.threedee {
    padding-top: 1rem;
}
.main .page h1.handwriting span, .main .page h1.brush span {
    margin-left: -2rem;
}
.main .page h1.threedee span.dimShadow{
    font-family:'BourtonExtrudeShadow',sans-serif;
}
.main .page h1.threedee span.dimSolid{
    font-family:'BourtonExtrude',sans-serif;
}
.main .page h1.threedee span.dimShading1{
    font-family:'BourtonExtrudeShadeA',sans-serif;
}
.main .page h1.threedee span.dimShading2{
    font-family:'BourtonExtrudeShadeB',sans-serif;
}
.main .page h1.threedee span.dimShading3{
    font-family:'BourtonExtrudeShadeC',sans-serif;
}
.main .page h1.threedee span.dimFlatFace1{
    font-family:'BourtonInline',sans-serif;
}
.main .page h1.threedee span.dimFlatFace2{
    font-family:'BourtonLineBold',sans-serif;
}
.main .page h1.threedee span.dimOutline{
    font-family:'BourtonOutlineMedium',sans-serif;
}
.main .page h1.threedee span.dimStripes{
    font-family:'BourtonStripesA',sans-serif;
}
.main .page h1.threedee span.dimInnerLine{
    font-family:'BourtonLine',sans-serif;
}
.main .page h1.threedee span.dimDots{
    font-family:'BourtonDots',sans-serif;
}
.main .page h1.threedeerig span.rigShadow{
    font-family:'RigMediumShadow',sans-serif;
}
.main .page h1.threedeerig span.rigSolid{
    font-family:'RigMediumExtrude',sans-serif;
}
.main .page h1.threedeerig span.rigShading{
    font-family:'RigMediumShading',sans-serif;
}
.main .page h1.threedeerig span.rigFlatFace{
    font-family:'RigMediumFace',sans-serif;
}
.main .page h1.towerblock span.towerShadow{
    font-family:'Towerblock-Shadow',sans-serif;
    background-blend-mode: multiply;
}
.main .page h1.towerblock span.towerSolid{
    font-family:'Towerblock-Block',sans-serif;
}
.main .page h1.towerblock span.towerExtrude{
    font-family:'Towerblock-Extrude',sans-serif;
}
.main .page h1.towerblock span.towerFace{
    font-family:'Towerblock-Face',sans-serif;
}
.main .page h1.towerblock span.towerInset{
    font-family:'Towerblock-Inset',sans-serif;
}
.main .page h1.towerblock span.towerOutline{
    font-family:'Towerblock-Outline',sans-serif;
}
.main .page h1.towerblock span.towerInnerShadow{
    font-family:'Towerblock-Inner-Shadow',sans-serif;
}
.main .page h1.circus span.circusShadow{
    font-family:'Show-CastShadow',sans-serif;
}
.main .page h1.circus span.circusSolidShading{
    font-family:'Show-Shadow',sans-serif;
}
.main .page h1.circus span.circusStripedShading{
    font-family:'Show-ShadowTwo',sans-serif;
}
.main .page h1.circus span.circusFlatFace{
    font-family:'Show-Background',sans-serif;
}
.main .page h1.circus span.circusInsideFace{
    font-family:'Show',sans-serif;
}
.main .page h1.circus span.circusHalf{
    font-family:'Show-Half',sans-serif;
}
.main .page h1.circus span.circusStripes1{
    font-family:'Show-StripesUp',sans-serif;
}
.main .page h1.circus span.circusStripes2{
    font-family:'Show-StripesMedium',sans-serif;
}
.main .page h1.circus span.circusStripes3{
    font-family:'Show-StripesDown',sans-serif;
}
.main .page h1.circus span.circusInnerShadow{
    font-family:'Show-InnerShadow',sans-serif;
}
.main .page h1.circus span.circusOutline{
    font-family:'Show-Outline',sans-serif;
}
.main .page.about h1{
    padding-top:4rem
}
.main .page h2{
    font-size:2rem;
    font-family:'Source Sans Pro',serif;
    line-height:1.2;
    font-weight:600;
    padding:0 5rem 1.5rem 5rem
}
.main .page h3{
    font-size:1.3rem;
    font-family:'Source Sans Pro',serif;
    line-height:1.2;
    font-weight:400;
    padding:0 5rem 1.5rem 5rem
}
.main .page .page-text{
    font-size:1rem;
    line-height:1.5rem;
    margin:1.5rem 0 0 0
}
.main .page .page-text strong {
    font-weight: 700;
}
.main .page .page-text.bfslab{
    font-family:'Aleo';
}
.main .page .page-text.bfserif{
    font-family:'Calluna';
}
.main .page .page-text.bftype{
    font-family:'Typer Pro Mono';
}
.main .page .page-text.cutout{
    margin:1rem 0 0 0
}
.main .page .page-text p,.main .page .page-text figure,.main .page .page-text ul,.main .page .page-text ol,.main .page .page-text blockquote,.main .page .page-text div.gallery-block{
    margin:0 5rem 1.5rem 5rem
}
.main .page .page-text p.close,.main .page .page-text figure.close,.main .page .page-text ul.close,.main .page .page-text ol.close,.main .page .page-text blockquote.close,.main .page .page-text div.gallery-block.close{
    margin-bottom:0
}
.main .page .page-text p.underline,.main .page .page-text figure.underline,.main .page .page-text ul.underline,.main .page .page-text ol.underline,.main .page .page-text blockquote.underline,.main .page .page-text div.gallery-block.underline{
    margin-bottom:1px
}
.main .page .page-text.chunky h2,.main .page .page-text.chunky h3{
    font-family:'Roslindale','Calluna Black','Source Sans Pro',serif
}
.main .page .page-text.block h2,.main .page .page-text.block h3{
    font-family:'Komplekt','Source Sans Pro',sans-serif;
    font-weight:600;
    font-stretch: 80%;
    font-variation-settings: "ital" 0;
    text-transform: uppercase;
}
.main .page .page-text.sixtieslight h2,.main .page .page-text.sixtieslight h3{
    font-family:'Curiously',serif;
    font-weight: 400;
}
.main .page .page-text.sixtiesheavy h2,.main .page .page-text.sixtiesheavy h3{
    font-family:'Curiously',serif;
    font-weight: 700;
}
.main .page .page-text.hairdryer h2,.main .page .page-text.hairdryer h3{
    font-family:'Palmetto',serif;
    font-weight: 200;
}
.main .page .page-text.hairdryer h2 {
    font-size: 4rem;
}
.main .page .page-text.hairdryer h3 {
    font-size: 2.5rem;
}
.main .page .page-text.newsy h2, .main .page .page-text.circus h2 {
    font-family:'Newsagent',serif;
    font-size: 3.5rem;
    line-height: 0.8;
    font-weight: 700;
}
.main .page .page-text.newsy h3, .main .page .page-text.circus h3{
    font-family:'Newsagent',serif;
    font-size: 2.5rem;
    line-height: 0.8;
    font-weight: 700;
}
.main .page .page-text.mono h2, .main .page .page-text.mono h3 {
    font-family:'MDIO',serif;
}
.main .page .page-text.seventies h2,.main .page .page-text.seventies h3{
    font-family:'Henrietta','Calluna Black','Source Sans Pro',serif;
    font-weight: 400;
    font-feature-settings: 'ss06';
}
.main .page .page-text.fabulous h2,.main .page .page-text.midcentury h2,.main .page .page-text.fabulous h3,.main .page .page-text.midcentury h3{
    font-family:NudgeText,'Source Sans Pro',sans-serif;
    font-weight:400;
    letter-spacing:0.02em
}
.main .page .page-text.lively h2{
    font-family:Kass,sans-serif;
    font-weight:600;
}
.main .page .page-text.lively h3{
    font-family:Kass,sans-serif;
    font-weight:500;
}
.main .page .page-text.fabulous h2,.main .page .page-text.midcentury h2{
    font-size:3rem
}
.main .page .page-text.fabulous h3,.main .page .page-text.midcentury h3{
    font-size:2rem
}
.main .page .page-text.funky h2,.main .page .page-text.solid h2,.main .page .page-text.expressive h2,.main .page .page-text.funky h3,.main .page .page-text.solid h3,.main .page .page-text.expressive h3{
    font-family:'Source Sans Pro',serif;
    font-weight:900
}
.main .page .page-text.funky h2,.main .page .page-text.solid h2,.main .page .page-text.expressive h2{
    font-size:1.5rem
}
.main .page .page-text.funky h3,.main .page .page-text.solid h3,.main .page .page-text.expressive h3{
    font-size:1.125rem
}
.main .page .page-text.sober h2,.main .page .page-text.sober h3{
    font-family:Calluna,'Source Sans Pro',serif;
    font-weight:400
}
.main .page .page-text.gothic h2,.main .page .page-text.gothic h3{
    font-family:'Calluna Black','Source Sans Pro',serif;
    font-weight:900
}
.main .page .page-text.blackletter h2,.main .page .page-text.blackletter h3{
    font-family:Elfreth,Calluna,'Source Sans Pro',serif;
    font-weight:500;
}
.main .page .page-text a{
    text-decoration:underline
}
.main .page .page-text ul li ul,.main .page .page-text ol li ul,.main .page .page-text ul li ol,.main .page .page-text ol li ol{
    margin:.5rem 0 .5rem 2rem;
    list-style:disc outside none
}
.main .page .page-text hr{
    border-top-width:1px;
    border-top-style:dashed;
    margin:0 5rem 3rem 5rem;
    opacity:0.5
}
.main .page .page-text .paint{
    padding:1.5rem 0 1.5rem 0;
    margin-bottom:1.5rem
}
.main .page .page-text .paint *:last-child{
    margin-bottom:0
}
.main .page .page-text .paint.super{
    padding:0
}
.main .page .page-text .paint.close{
    margin-bottom:0
}
.main .page .page-text blockquote,.main .page .page-text p.block{
    font-weight:400;
    font-size:1.35rem;
    line-height:1.9rem
}
.main .page .page-text.lively p.block {
    font-family:'Kass',serif;
    font-weight:450;
    font-size:1.25rem;
    line-height:1.9rem
}
.main .page .page-text blockquote p,.main .page .page-text p.block p{
    margin-left:0;
    margin-right:0;
    text-indent:-0.3em
}
.main .page .page-text blockquote p:before,.main .page .page-text p.block p:before{
    content:open-quote
}
.main .page .page-text blockquote p:after,.main .page .page-text p.block p:after{
    content:close-quote
}
.main .page .page-text.sober blockquote,.main .page .page-text.script blockquote,.main .page .page-text.chunky blockquote,.main .page .page-text.sober p.block,.main .page .page-text.script p.block,.main .page .page-text.chunky p.block{
    font-family:Calluna,'Source Sans Pro',serif
}
.main .page .page-text ul:before,.main .page .page-text ol:before{
    content:'';
    display:table
}
.main .page .page-text li{
    margin-bottom:0.25rem
}
.main .page.archive div.page-text{
    margin-top:0
}
.main .page.archive ul.archive-listing{
    list-style-type:none
}
.main .page.archive ul.archive-listing li{
    display:block;
    border-radius:8px;
    padding:.5rem 1rem;
    border:2px solid #fff
}
.main .page.archive ul.archive-listing li a{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    text-decoration:none
}
.main .page.archive ul.archive-listing li a h3.archive-title{
    font-size:1rem;
    font-family:"Source Sans Pro",sans-serif;
    display:inline-block;
    line-height:1.3;
    padding:0;
    margin:0;
    font-weight:bold;
    order:1
}
.main .page.archive ul.archive-listing li a time.archive-date{
    display:inline-block;
    text-transform:uppercase;
    padding:0;
    line-height:1.3;
    font-size:.875rem;
    opacity:0.75;
    order:2;
    align-self:flex-end
}
.main .page.archive ul.archive-listing li a p.archive-description{
    display:inline-block;
    width:100%;
    font-size:.875rem;
    margin:.3125rem 0 0 0;
    order:3;
    line-height:1.3
}
.main .page .outlined img{
    outline:1px solid rgba(0,0,0,0.25)
}
.main .page figcaption{
    margin-bottom:0.5rem;
    font-size:.875rem;
    line-height:1.25rem;
    background-color: #000000CC;
    color:#FFFFFFCC
}
.main .page figure.full{
    width:auto;
    max-width:100%;
    box-sizing:border-box
}
.main .page figure.full img{
    width:100%;
    max-width:100%
}
.main .page figure.full video{
    width:100%;
    max-width:100%
}
.main .page figure.full.super{
    margin-left:0;
    margin-right:0
}
.main .page figure.full.super figcaption{
    padding:.5rem 5rem .5rem 5rem
}
.main .page figure.full.super.close figcaption {
    margin-bottom: 0;
    padding-bottom: 1rem;
}
.main .page figure.full.super.underline figcaption {
    margin-bottom: 1px;
    padding-bottom: 1rem;
}
.main .page figure.full.extra{
    margin-left:2.5rem;
    margin-right:2.5rem
}
.main .page figure.full.extra figcaption{
    padding:.5rem 5rem .5rem 5rem
}
.main .page figure.full.extra.close figcaption {
    margin-bottom: 0;
    padding-bottom: 1rem;
}
.main .page figure.full.extra.underline figcaption {
    margin-bottom: 1px;
    padding-bottom: 1rem;
}
.main .page figure.left{
    float:left;
    margin-right:0;
    max-width:50%;
    padding-right:1.5rem;
    box-sizing:border-box
}
.main .page figure.left img{
    width:100%;
    max-width:100%
}
.main .page figure.left.super{
    margin-left:0
}
.main .page figure.left.super figcaption{
    padding:.5rem 1.25rem .5rem 5rem
}
.main .page figure.left.extra{
    margin-left:2.5rem
}
.main .page figure.left.extra figcaption{
    padding:.5rem 1.25rem .5rem 5rem
}
.main .page figure.left + figure{
    padding-right:0
}
.main .page figure.right{
    float:right;
    margin-left:0;
    max-width:50%;
    padding-left:1.5rem;
    box-sizing:border-box
}
.main .page figure.right img{
    width:100%;
    max-width:100%
}
.main .page figure.right.super{
    margin-right:0
}
.main .page figure.right.super figcaption{
    padding:.5rem 5rem 1.5rem 1.25rem
}
.main .page figure.right.extra{
    margin-right:2.5rem
}
.main .page figure.right.extra figcaption{
    padding:.5rem 1.25rem 1.5rem 5rem
}
.main .page figure.right + figure{
    padding-left:0
}
.main .page div.gallery-block{
    display:flex;
    margin-bottom:1.5rem
}
.main .page div.gallery-block figure{
    margin-bottom:0
}
.main .page div.gallery-block:after{
    content:'';
    display:table
}
.main .page div.gallery-block.close{
    margin-bottom:0
}
.main .page div.gallery-block.underline{
    margin-bottom:1px
}
.main .page div.gallery-block.super{
    margin-left:0;
    margin-right:0
}
.main .page div.gallery-block.extra{
    margin-left:2.5rem;
    margin-right:2.5rem
}
.main .page div.gallery-block.spaced{
    margin-left:4.6875rem;
    margin-right:4.6875rem
}
.main .page div.gallery-block.spaced.super{
    margin-left:-0.3125rem;
    margin-right:-0.3125rem
}
.main .page div.gallery-block.spaced figure{
    margin-left:.3125rem;
    margin-right:.3125rem
}
.main .page div.gallery-block.two{
    flex-basis:50%
}
.main .page div.gallery-block.three{
    flex-basis:33.33333333%
}
.main .page div.gallery-block.four{
    flex-basis:25%
}
.main .page div.gallery-block.five{
    flex-basis:20%
}
.main .page figure.gallery{
    width:auto;
    padding:0;
    margin-left:0;
    margin-right:0;
    box-sizing:border-box
}
.main .page figure.gallery img{
    width:100%;
    max-width:100%
}
.main .page figure.two{
    width:50%
}
.main .page figure.three{
    width:33.33333333%
}
.main .page figure.three.twothirds{
    width:66.66666667%
}
.main .page figure.four{
    width:25%
}
.main .page figure.four.half{
    width:50%
}
.main .page figure.four.threequarters{
    width:75%
}
.main .page figure.five{
    width:20%
}
.main .page figure.five.twofifths{
    width:40%
}
.main .page figure.five.threefifths{
    width:60%
}
.main .page figure.five.fourfifths{
    width:80%
}
.main .index-card{
    width:100%;
    max-width:45rem;
    background-color:white;
    margin:3rem auto 0 auto;
    border-radius:8px;
    position:relative;
    box-shadow:0 3rem 4.5rem 0 rgba(0,0,0,0.35),0 .75rem 2rem 0 rgba(0,0,0,0.25)
}
.main .index-card time{
    font-family:"Parcel",monospaced;
    font-weight:400;
    font-size:1.2rem;
    line-height:2rem;
    text-transform:uppercase;
    color:#c92652;
    display:block;
    text-align:right;
    padding:.5rem 5rem 0 5rem
}
.main .index-card h1{
    font-family:"Typer Pro Mono",monospaced;
    font-weight:900;
    font-size:1.2rem;
    line-height:2rem;
    text-transform:uppercase;
    border-bottom:#c92652 1px solid;
    padding:1rem 5rem 0 5rem
}
.main .index-card .page-text{
    margin-top:0.5rem;
    font-family:"Typer Pro Mono",monospaced;
    font-weight:regular;
    font-size:1.2rem;
    line-height:2rem;
    min-height:15rem;
    background-image:linear-gradient(#4ba1e3 1px,transparent 0px);
    background-size:100% 2rem;
    background-position-y:1.8rem;
    padding:0 5rem 0 5rem
}
.main .index-card .page-text a{
    font-family:"Typer Pro Mono",monospaced;
    font-weight:900;
    background-blend-mode:multiply
}
.main .logo{
    display:block;
    padding:2rem 5rem 2.5rem 5rem
}
.main .logo img,.main .logo svg{
    width:3.28rem;
    height:3.05rem
}
.main .index-card .logo{
    text-align:right;
    display:block;
    padding:0 2.5rem 1rem 5rem;
    margin-top:-2.5rem;
    margin-left:-0.25rem
}
.main .index-card .logo img,.main .index-card .logo svg{
    width:4rem;
    height:4rem;
    opacity:0.7
}
.main.fullwidth div.header-image{
    height:auto;
    margin:0 -1rem -6rem -1rem
}
.main.fullwidth div.header-image img{
    width:100%;
    max-width:100%;
    height:auto
}
.main.inpage div.header-image img,.main.inpage div.header-image object{
    border-radius:8px 8px 0 0
}
.main.inpage div.header-image div.overlay-title.headerbot{
    padding-bottom:2.25rem
}
.main.coverpage div.header-image img,.main.coverpage div.header-image object{
    border-radius:8px
}
.main.coverpage div.header-image div.overlay-title.headerbot{
    padding-bottom:8.55rem
}
.main.inpage div.header-image,.main.coverpage div.header-image{
    width:100%;
    height:auto;
    position:relative
}
.main.inpage div.header-image img,.main.coverpage div.header-image img,.main.inpage div.header-image object,.main.coverpage div.header-image object{
    width:100%;
    max-width:100%;
    height:auto;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box
}
.main .page div.normal-header h1 {
    clip-path: polygon(0cqw 0, 100cqw 0, 100cqw 100%, 0cqw 100%);
    padding-bottom: 1rem;
}
.main.inpage div.header-image div.overlay-title, .main.inpage div.header-image h1.overlay-title, .main.coverpage div.header-image div.overlay-title{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    flex-direction:column;
    clip-path: polygon(0cqw 0, 100cqw 0, 100cqw 100%, 0cqw 100%);
}
.main.inpage div.header-image div.overlay-title time,.main.coverpage div.header-image div.overlay-title time{
    padding-bottom:0.5rem
}
.main.inpage div.header-image div.overlay-title.headertop,.main.coverpage div.header-image div.overlay-title.headertop{
    justify-content:flex-start
}
.main.inpage div.header-image div.overlay-title.headermid,.main.coverpage div.header-image div.overlay-title.headermid{
    justify-content:center
}
.main.inpage div.header-image div.overlay-title.headerbot,.main.coverpage div.header-image div.overlay-title.headerbot{
    justify-content:flex-end
}
.main.inpage div.header-image div.overlay-title.headerleft,.main.coverpage div.header-image div.overlay-title.headerleft{
    align-items:flex-start
}
.main.inpage div.header-image div.overlay-title.headercentre,.main.coverpage div.header-image div.overlay-title.headercentre, .main .page div.normal-header.headercentre{
    align-items:center;
    text-align: center;
}
.main.inpage div.header-image div.overlay-title.headerright,.main.coverpage div.header-image div.overlay-title.headerright{
    align-items:flex-end
}
.main.inpage div.header-image div.overlay-title.headercentre time,.main.coverpage div.header-image div.overlay-title.headercentre time,.main.inpage div.header-image div.overlay-title.headerright time,.main.coverpage div.header-image div.overlay-title.headerright time {

}
.main.inpage div.header-image div.overlay-title.headermid time.date-threedee, .main.inpage div.header-image div.overlay-title.headermid time.date-threedeerig, .main.inpage div.header-image div.overlay-title.headermid time.date-towerblock {
    margin-top: -1rem;
    padding-top: 0;
    font-weight: 700;
}
.main.inpage div.header-image div.overlay-title.headermid time.date-circus {
    margin-top: -3rem;
    padding-top: 0;
    font-weight: 700;
}
.main.inpage div.header-image div.overlay-title.headerleft h1.threedee span, .main.inpage div.header-image div.overlay-title.headerleft h1.threedeerig span, .main.inpage div.header-image div.overlay-title.headerleft h1.towerblock span, .main.inpage div.header-image div.overlay-title.headerleft h1.circus span {
    text-align: left;
}
.main.inpage div.header-image div.overlay-title.headercentre h1.threedee span, .main.inpage div.header-image div.overlay-title.headercentre h1.threedeerig span, .main.inpage div.header-image div.overlay-title.headercentre h1.towerblock span, .main.inpage div.header-image div.overlay-title.headercentre h1.circus span, .main.inpage div.header-image div.overlay-title.headercentre h1.handwriting span, .main.inpage div.header-image div.overlay-title.headercentre h1.brush span {
    text-align: center;
    margin-left: 0;
}
.main.inpage div.header-image div.overlay-title.headerright h1.threedee span, .main.inpage div.header-image div.overlay-title.headerright h1.threedeerig span, .main.inpage div.header-image div.overlay-title.headerright h1.towerblock span, .main.inpage div.header-image div.overlay-title.headerright h1.circus span {
    text-align: right;
    margin-left: 0;
}
.main.inpage div.header-image div.overlay-title time.date-threedee, .main.inpage div.header-image div.overlay-title time.date-threedeerig, .main.inpage div.header-image div.overlay-title time.date-circus {
    padding-bottom: 1.5rem;
}
.main.inpage time.date-cutout {
    padding-top: 2rem;
    padding-bottom: 0.5rem;
}
.main.inpage time.date-towerblock {
    padding-bottom: 0;
}
.main.inpage .page time.datepop {
    opacity: 1;
    text-shadow: 0px 0px 1px #000, 0px 0px 1px #000;
}
.main.inpage .page time.date-towerblock.datepop {
    text-shadow: 1px 1px 1px #000000CC, -1px -1px 1px #000000CC, -1px 1px 1px #000000CC, 1px -1px 1px #000000CC, 0px 0px 1px #000000CC, 0px 0px 1px #000000CC;
}
main.inpage div.header-image.cutout {
    border-radius:8px 8px 0 0;
}
main.inpage div.header-image.cutout img {
    visibility: hidden;
}
main.inpage div.header-image.cutout h1.overlay-title {
    border-radius:8px 8px 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    /* webkit vendor prefix start */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* webkit vendor prefix end */
    background-clip: text;
}
.main.inpage div.header-image div.overlay-title .logo,.main.coverpage div.header-image div.overlay-title .logo{
    position:absolute;
    bottom:0
}
.main .nextprev{
    width:100%;
    max-width:45rem;
    background-color:transparent;
    border:1px solid #fff;
    margin:2rem auto 2rem auto;
    padding:1.5rem 5rem 1.5rem 5rem;
    border-radius:8px;
    position:relative;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:-ms-flex;
    display:flex;
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    justify-content:space-between
}
.main .nextprev .prev{
    -webkit-order:1;
    -moz-order:1;
    -ms-order:1;
    order:1
}
.main .nextprev div.copyright{
    -webkit-order:2;
    -moz-order:2;
    -ms-order:2;
    order:2
}
.main .nextprev .next{
    -webkit-order:3;
    -moz-order:3;
    -ms-order:3;
    order:3
}
.main .nextprev .earlier-symbol:before{
    content:"\2190";
    display:inline
}
.main .nextprev .later-symbol:before{
    content:"\2192";
    display:inline
}
.main .nextprev .copyright p{
    text-align:center
}
.main .nextprev .copyright span{
    display:inline-block;
    margin-right:0.25rem;
    color:white;
    opacity:0.7
}
.main .nextprev .copyright span .copyright-symbol{
    margin:0
}
.main .nextprev .copyright span .copyright-symbol:before{
    content:"\00A9";
    display:inline;
    font-weight:600
}
.main .nextprev .copyright span .copyright-symbol i{
    display:none
}
.main .nextprev .copyright span .until{
    margin:0
}
.main .nextprev .copyright span .until:before{
    content:"\2013";
    display:inline
}
.main .nextprev .copyright span .until i{
    display:none
}
.main .nextprev .copyright span.footer-links{
    display:inline-block;
    text-transform:uppercase;
    font-size:.875rem
}
.main .nextprev .copyright .home-link{
    display:inline-block;
    margin-right:.3125rem
}
.main .nextprev .next + div.copyright p{
    text-align:left
}
.main .nextprev a{
    color:white
}
@media all and (max-width:600px){
    .main .page time,.main .page h1,.main .page h2,.main .page h3,.main .logo,.main .nextprev{
        padding-left:1.875rem;
        padding-right:1.875rem
    }
    .main .page h1{
        font-size:2.5rem
    }
    .main .page div.header-image h1{
        font-size: calc(2.5rem + 7vw)
    }
    .main .page .page-text p,.main .page .page-text figure,.main .page .page-text ul,.main .page .page-text ol,.main .page .page-text blockquote,.main .page .page-text div.gallery-block{
        margin:0 1.875rem 1.5rem 1.875rem
    }
    .main .page .page-text ul li ul,.main .page .page-text ol li ul,.main .page .page-text ul li ol,.main .page .page-text ol li ol{
        margin:.5rem 0 .5rem 0rem;
        list-style:circle outside none
    }
    .main .page .page-text .paint{
        padding:1.5rem 0 1.5rem 0
    }
    .main .page .page-text hr{
        margin:0 1.875rem 3rem 1.875rem
    }
    .main .page .page-text li{
        margin-left:1.3rem
    }
    .main .page .page-text section.imagetext{
        display:flex;
        flex-direction:column
    }
    .main .page .page-text section.imagetext.imagefirst .imagetext-img,.main .page .page-text section.imagetext.textfirst .imagetext-img{
        order:1;
        background-position:top left
    }
    .main .page .page-text section.imagetext.imagefirst .imagetext-txt,.main .page .page-text section.imagetext.textfirst .imagetext-txt{
        order:2
    }
    .main .page .page-text section.imagetext.imagefirst .imagetext-txt p,.main .page .page-text section.imagetext.textfirst .imagetext-txt p,.main .page .page-text section.imagetext.imagefirst .imagetext-txt figure,.main .page .page-text section.imagetext.textfirst .imagetext-txt figure,.main .page .page-text section.imagetext.imagefirst .imagetext-txt ul,.main .page .page-text section.imagetext.textfirst .imagetext-txt ul,.main .page .page-text section.imagetext.imagefirst .imagetext-txt ol,.main .page .page-text section.imagetext.textfirst .imagetext-txt ol,.main .page .page-text section.imagetext.imagefirst .imagetext-txt blockquote,.main .page .page-text section.imagetext.textfirst .imagetext-txt blockquote{
        margin:0 1.875rem 1.5rem 1.875rem
    }
    .main .page .page-text section.imagetext.over{
        padding-top:50%
    }
    .main .page.archive ul.archive-listing li{
        margin-left:0
    }
    .main .page div.gallery-block{
        display:flex;
        flex-wrap:wrap
    }
    .main .page div.gallery-block.close{
        margin-bottom:0
    }
    .main .page div.gallery-block.close{
        margin-bottom:1px
    }
    .main .page div.gallery-block.super{
        margin-left:0;
        margin-right:0
    }
    .main .page div.gallery-block.spaced figure{
        margin:0
    }
    .main .page div.gallery-block.spaced figure + figure{
        margin-top:.625rem
    }
    .main .page figure.full.super figcaption{
        padding:.5rem 1.875rem 1.5rem 1.875rem
    }
    .main .page figure.left{
        width:100%;
        padding-right:0;
        box-sizing:border-box
    }
    .main .page figure.left img{
        width:100%;
        max-width:100%
    }
    .main .page figure.left + figure{
        padding-right:0
    }
    .main .page figure.left + figure figcaption{
        padding:.5rem .625rem 1.5rem 1.875rem
    }
    .main .page figure.right{
        width:100%;
        padding-left:0;
        box-sizing:border-box
    }
    .main .page figure.right img{
        width:100%;
        max-width:100%
    }
    .main .page figure.right + figure{
        padding-left:0
    }
    .main .page figure.right + figure figcaption{
        padding:.5rem 1.875rem 1.5rem .625rem
    }
    .main .page figure.gallery{
        width:auto;
        float:left;
        padding:0;
        margin-left:0;
        margin-right:0;
        box-sizing:border-box
    }
    .main .page figure.gallery img{
        width:100%;
        max-width:100%
    }
    .main .page figure.gallery.super{
        margin:0
    }
    .main .page figure.two{
        width:100%
    }
    .main .page figure.three{
        width:33.33333333%
    }
    .main .page figure.four{
        width:50%
    }
    .main .page figure.four.half{
        width:100%
    }
    .main .page figure.five{
        width:33.33333333%
    }
    .main .page h1.circus span, .main .page h1.threedee span, .main .page h1.threedeerig span, .main .page h1.towerblock span {
        margin-left: -0.4rem;
    }
    .main.inpage div.header-image div.overlay-title,.main.coverpage div.header-image div.overlay-title{
        position:relative;
    }
    .main.inpage div.header-image div.overlay-title.headerbot,.main.coverpage div.header-image div.overlay-title.headerbot{
        padding-bottom:0
    }
    .main.inpage div.header-image div.overlay-title h1 span {
        font-size: inherit;
    }
    .main.inpage div.header-image div.overlay-title.headercentre time,.main.coverpage div.header-image div.overlay-title.headercentre time,.main.inpage div.header-image div.overlay-title.headerright time,.main.coverpage div.header-image div.overlay-title.headerright time {
        display: block;
    }
    .main.inpage div.header-image div.overlay-title.headermid time.date-threedee, .main.inpage div.header-image div.overlay-title.headermid time.date-threedeerig, .main.inpage div.header-image div.overlay-title.headermid time.date-towerblock, .main.inpage div.header-image div.overlay-title.headermid time.date-circus {
        margin-top: 0;
        padding-top: 1.5rem;
    }
    .main.inpage div.header-image div.overlay-title.headermid time.date-circus {
        padding-bottom: 1rem;
    }
    .main .index-card time{
        font-size:1rem;
        padding:.5rem 1.875rem 0 1.875rem
    }
    .main .index-card h1{
        font-size:1rem;
        padding:1rem 1.875rem 0 1.875rem
    }
    .main .index-card .page-text{
        font-size:1rem;
        line-height:1.75rem;
        background-size:100% 1.75rem;
        background-position-y:1.6rem;
        padding:0 1.875rem 0 1.875rem
    }
    .main .nextprev{
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:-ms-flex;
        display:flex;
        -webkit-flex-direction:row;
        -moz-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-justify-content:space-between;
        -moz-justify-content:space-between;
        -ms-justify-content:space-between;
        justify-content:space-between;
        -webkit-align-content:flex-start;
        -moz-align-content:flex-start;
        -ms-align-content:flex-start;
        align-content:flex-start;
        text-align:left
    }
    .main .nextprev .prev{
        -webkit-order:1;
        -moz-order:1;
        -ms-order:1;
        order:1
    }
    .main .nextprev div.copyright{
        -webkit-order:3;
        -moz-order:3;
        -ms-order:3;
        order:3;
        width:100%
    }
    .main .nextprev .next{
        -webkit-order:2;
        -moz-order:2;
        -ms-order:2;
        order:2
    }
    .main .nextprev .next + div.copyright{
        margin-top:1rem;
        padding-top:1rem;
        border-top-width:1px;
        border-top-style:dotted
    }
    .main .nextprev a + div{
        margin-top:0.5rem
    }
    .main .nextprev div + a{
        margin-top:0.5rem
    }
}
@media all and (max-width:350px){
    .main .page h1{
        font-size:1.875rem
    }
    .main .page .page-text li{
        margin-left:1.3rem
    }
    .main .page figure.left{
        float:none;
        width:100%;
        max-width:100%;
        padding-right:0;
        margin-right:0
    }
    .main .page figure.right{
        float:none;
        width:100%;
        max-width:100%;
        padding-left:0;
        margin-left:0
    }
    .main .page figure.two,.main .page figure.three,.main .page figure.four,.main .page figure.five{
        width:100%
    }
    .main .page figure.two.twothirds,.main .page figure.three.twothirds,.main .page figure.four.twothirds,.main .page figure.five.twothirds,.main .page figure.two.half,.main .page figure.three.half,.main .page figure.four.half,.main .page figure.five.half,.main .page figure.two.threequarters,.main .page figure.three.threequarters,.main .page figure.four.threequarters,.main .page figure.five.threequarters,.main .page figure.two.twofifths,.main .page figure.three.twofifths,.main .page figure.four.twofifths,.main .page figure.five.twofifths,.main .page figure.two.threefifths,.main .page figure.three.threefifths,.main .page figure.four.threefifths,.main .page figure.five.threefifths,.main .page figure.two.fourfifths,.main .page figure.three.fourfifths,.main .page figure.four.fourfifths,.main .page figure.five.fourfifths{
        width:100%
    }
    .main.inpage div.header-image div.overlay-title h1 span {
        font-size: inherit;
    }
    .main.inpage div.header-image div.overlay-title.headercentre time,.main.coverpage div.header-image div.overlay-title.headercentre time,.main.inpage div.header-image div.overlay-title.headerright time,.main.coverpage div.header-image div.overlay-title.headerright time {
        display: block;
    }
    .main.inpage div.header-image div.overlay-title.headermid time.date-threedee, .main.inpage div.header-image div.overlay-title.headermid time.date-threedeerig, .main.inpage div.header-image div.overlay-title.headermid time.date-towerblock, .main.inpage div.header-image div.overlay-title.headermid time.date-circus {
        margin-top: 0;
        padding-top: 1.5rem;
    }

}