@import url(https://fonts.bunny.net/css?family=barlow:200,200i,300,300i,500,500i,700,900i|barlow-condensed:200,500,700&display=swap);
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--white:#fff;--paper:#F7F7F7;--ink:#111;--burntCharcoal:#202020;--flameRed:#F86267;--ember:#E1AFB0;--deepRed:#A72428;--classicHyperLinkBlue:#2758CB;--deepBlue:#3E73A8;--deeperBlue:#315089;--paleSmoke:#EFEFEF;--darkSmoke:#444444;--smoke:#8C8C8C;--charcoal:#3D3D3D;}body{font-family:'Barlow',sans-serif;background:var(--paper);color:var(--ink);font-size:100%;line-height:1.875em;margin:0;padding:0;}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;}.hero h1{font-size:4em;line-height:1.2em;margin:0 0 0.4688em 0;}h1,h2{font-size:3em;line-height:1.25em;margin:0 0 0.625em 0;}h3{font-size:2em;line-height:1.8750em;margin:0 0 0.9375em 0;}p,ul,ol,label,input,textarea{font-size:1.125em;line-height:1.6667em;margin:0 0 1.6667em 0;}nav a{display:inline-block;text-decoration:underline;}nav a:first-of-type{padding-left:0;}nav a:last-of-type{padding-right:0;}nav + button{display:none;}header a,nav a,footer a{font-family:'Barlow Condensed',sans-serif;font-size:1.5em;padding:0.5em 1em;text-transform:none;}header a,header nav a{color:var(--white);}#block-johnoutsider-site-branding a{padding-left:0;}header div a,footer a{text-decoration:none;text-transform:uppercase;}footer a{padding:0;color:var(--white);}header a span,footer a span{color:var(--flameRed);}footer p{font-family:'Barlow Condensed',sans-serif;font-size:1em;color:var(--white);margin-bottom:0.6em;}footer p:first-of-type{margin-top:1.2em;}footer p a{font-size:1em;text-decoration:underline;}footer p a:hover{text-decoration:none;}header,footer,.content,.form,#block-johnoutsider-primary-local-tasks,.user-login-form{padding:0 15vw;}.user-login-form{margin:3em 0;}.content{padding-top:5.25em;}header,footer{background:var(--burntCharcoal);display:flex;justify-content:space-between;align-items:center;padding-top:1.5em;padding-bottom:1.5em;}footer{padding-top:3em;padding-bottom:3em;clear:both;display:block;}.flex{display:flex;gap:1.8em;}.between{justify-content:space-between;}figure{margin:0;padding:0;border-radius:4px;overflow:hidden;}figure img{display:block;width:100%;height:auto;}p img{float:left;max-width:360px;width:100%;height:auto;margin:0 2em 1em 0;}blockquote{padding:1.5em;position:relative;}blockquote::before{font-weight:900;font-style:italic;content:"\0022";font-size:30em;color:var(--ember);position:absolute;top:0.3em;left:-0.1em;z-index:-1;}blockquote p{margin:0;font-size:1.75em;line-height:1.6em;}.hero:has(.splash){position:relative;padding:0;}.splash figure{position:relative;width:100%;overflow:hidden;border-radius:0;}.splash figure::before{content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:#000000;background:linear-gradient(0deg,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%);}.splash img{transform:scale(1.2);}.hero .splash + h1{position:absolute;z-index:3;top:50%;right:15vw;transform:translateY(-50%);color:var(--white);}.hero .splash + h1 strong{color:var(--flameRed);}.about figure{width:48%;flex-shrink:0;}.about blockquote{position:relative;width:125%;left:-25%;background:var(--paper);}.about blockquote::before{display:none;}.content.cta{padding-top:2em;padding-bottom:2em;}.cta{background:var(--charcoal);align-items:flex-start;}.cta figure{width:220px;border:1px solid var(--ink);}.cta h2{color:var(--flameRed);}.cta p,.cta a{color:var(--white);}.cta a,.poem a,.purchase a{padding:1em 2em;font-size:1.25em;font-family:'Barlow Condensed',sans-serif;background:var(--deepBlue);text-decoration:none;text-transform:uppercase;border-radius:4px;margin-top:0;display:inline-block;}.cta a:hover{background:var(--deeperBlue);text-decoration:underline;}.book,.poem{display:flex;justify-content:space-between;gap:1.8em;margin:0 15vw;padding:3em 0;border-bottom:1px solid var(--deepBlue);}.book:first-of-type,.poem:first-of-type{margin-top:5em;}.book:last-of-type,.poem:last-of-type{border:none;}.book figure,.poem figure{width:280px;flex-shrink:0;}.book>div,.poem div{flex-grow:1;}.book .purchase{display:flex;justify-content:flex-end;align-items:center;gap:2em;}.purchase a{background:var(--deepRed);color:var(--white);}.book .price,.poem a{text-align:right;font-weight:700;}.book .price{margin:0;}.poem a{font-size:1.125em;background:var(--deepRed);color:var(--white);text-transform:uppercase;text-decoration:none;font-weight:500;float:right;}.poemFull figure{width:40%;margin:0 auto 4em auto;}.poemFull p{width:60%;font-style:italic;margin-left:auto;margin-right:auto;}.poemFull .intro p{width:100%;font-style:normal;}.tiled{position:relative;z-index:2;margin:-6em 15vw 4em 15vw;padding:1.5em;box-sizing:border-box;background:var(--paper);border-radius:8px;flex-wrap:wrap;}.tiled h2{width:100%;margin-bottom:0;}.tiled .book{display:block;width:31%;margin:0;padding:0;border-bottom:none;}.tiled .book figure{width:100%;}.content.film{padding-top:0;margin-bottom:4em;}.content.film:first-of-type{margin-top:5.5em;}.content.film:last-of-type{margin-bottom:5.5em;}.video{position:relative;overflow:hidden;width:80%;margin:1.5em auto;padding:45% 0 0;box-sizing:border-box;border-radius:4px;}.media-oembed-content{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;}.form{background:var(--paleSmoke);padding-top:3em;padding-bottom:3em;overflow:hidden;clear:both;}form{padding:0;}label{display:block;margin-bottom:0.75em;}label,input,textarea{width:100%;box-sizing:border-box;}input,textarea{font-family:'Barlow',sans-serif;padding:1em 1.25em;margin-bottom:2.4em;border-radius:4px;border:1px solid var(--darkSmoke);}input::placeholder{font-weight:500;color:var(--smoke);}input[type="submit"]{font-weight:700;color:var(--white);background:var(--deepRed);text-transform:uppercase;display:block;width:auto;float:right;}.cookies{position:fixed;z-index:8;bottom:0;left:0;width:100dvw;padding:1em;box-sizing:border-box;background:var(--paper);border-top:1px solid var(--grey);box-shadow:0px -1px 3px 0px rgba(0,0,0,0.1);max-height:60em;transition:max-height 0.2s ease-in-out;transition:padding 0.2s ease-in-out;}.cookies p,.cookies button{font-size:0.9em;margin:0;color:var(--charcoal);}.cookies p{margin-bottom:1em;}.cookies button{min-width:135px;}.cookies .flex{margin:0;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end;gap:1em;}.cookies.hide{max-height:0;padding:0;overflow:hidden;}footer .cookies button{display:block;background:var(--deepBlue);color:var(--white);border:none;padding:0.5em 0.75em;font-size:1em;border-radius:4px;}footer .cookies button.reject{background:var(--deepRed);}@media screen and (max-width:1400px){.tiled .book .purchase{flex-direction:column;align-items:end;gap:0.8em;}.tiled .purchase a{width:100%;box-sizing:border-box;}}@media screen and (max-width:1200px){header,footer,.content,.form,#block-johnoutsider-primary-local-tasks,.user-login-form{padding-left:10vw;padding-right:10vw;}.tiled,.book,.poem{margin-left:10vw;margin-right:10vw;}.tiled .book{margin:0;padding:0;}}@media screen and (max-width:1100px){.tiled{margin-top:1.5em;}.tiled{padding-left:0;padding-right:0;}.cta figure{display:none;}.tiled .book{width:28%;}}@media screen and (max-width:960px){.splash figure::before{background-image:none;background:var(--burntCharcoal);}.hero .splash+h1{left:50%;transform:translate(-50%,-50%);width:80%;line-height:1.15em;}.poem figure{width:100%;}.poem.row > div:first-of-type{width:100%;flex-shrink:1;}}@media screen and (max-width:800px){nav a{padding:0.5em;}.tiled .book{width:100%;}.tiled .purchase a{width:100%;box-sizing:border-box;text-align:center;}.book .purchase{flex-direction:column;align-items:end;gap:0.8em;}.about figure{display:none;}.about blockquote{left:0;width:100%;margin-left:0;margin-right:0;box-sizing:border-box;background:none;}.about blockquote::before{display:block;}.video{width:100%;padding:52.56% 0 0;}.poemFull figure{width:50%;}.poemFull p{width:80%;}.poemFull .intro p{width:100%;}p img{float:none;display:block;width:80%;margin:0 auto 1em auto;}}@media screen and (max-width:720px){.book figure{width:25%;}}@media screen and (max-width:660px){header nav{display:none;width:0;background:var(--burntCharcoal);height:100dvh;position:fixed;top:0;right:0;z-index:4;box-shadow:0 0 10px rgba(0,0,0,0.5);}header nav a{display:block;text-align:right;margin:1em 0;}header nav.active{display:block;width:60%;padding:25% 10vw 25% 1.5em;}nav + button{display:block;position:relative;width:3em;height:2.5em;background:none;border:none;transform:rotate(0deg);transition:.4s ease-in-out;cursor:pointer;}nav + button span{display:block;position:absolute;height:18%;width:100%;background:var(--flameRed);border-radius:4px;opacity:1;left:0;top:50%;transform:translateY(-50%) rotate(0deg);transition:.2s ease-in-out;}nav + button span:first-child{top:0px;transform:translateY(0);}nav + button span:last-child{bottom:0;top:auto;transform:translateY(0);}nav + button.active{position:fixed;top:1.5em;right:10vw;z-index:5;}nav + button.active span:first-child{top:50%;transform:translateY(-50%);transform:rotate(135deg);}nav + button.active span:last-child{opacity:0;left:-100%;}nav + button.active span{top:50%;transform:rotate(-135deg);}.splash figure img{width:150%;}.poemFull figure{width:70%;}.poemFull p{width:100%;}p img{width:100%;}}@media screen and (max-width:620px){.splash figure img{width:180%;}.book{flex-direction:column;}.book figure{width:70%;margin:0 auto;}}@media screen and (max-width:560px){.cookies p{margin-bottom:0;}.cookies .flex{display:block;}.cookies button{width:100%;margin-top:1em;}}@media screen and (max-width:550px){blockquote{margin:0.5em 1em;}blockquote p{font-size:1.4em;line-height:1.5em;}.poem.row > div:first-of-type{display:none;}}@media screen and (max-width:480px){.splash figure img{width:220%;}}@media screen and (max-width:450px){.hero .splash+h1{font-size:3.5em;}.book figure{width:100%;margin:0 auto;}}@media screen and (max-width:400px){.hero .splash+h1{font-size:3em;}blockquote{padding:1.5em 1em;}blockquote::before{top:0.27em;}}@media screen and (max-width:339px){.hero .splash+h1{font-size:2.5em;}}
@media print{body{color:#000;background:#fff;}}