#hero{height:100vh;width:100%;background-color:#000;overflow:hidden;word-wrap:normal;background-image:url(oldbastards-op.jpg);background-repeat:no-repeat;background-size:cover;background-position-y:top;background-position-x:center}#intro{position:absolute;right:15%;top:40%;max-width:40%;height:40%}#hero p,.text{font-family:'Noto Serif KR',serif;font-size:1.321em;color:#444;letter-spacing:-.5px;line-height:2em}.text{line-height:1.7em}#hero h1,#intro p{font-family:Akzidenz-Grotesk-Condensed,sans-serif}#hero h1{letter-spacing:1rem;font-size:10em;color:#ff00f0;width:100%;text-align:left;overflow:hidden}h1 span:nth-child(n+1){margin-right:1%}h1 span:nth-child(n+2){margin-right:4%}h1 span:nth-child(n+4){margin-right:8%}h1 span:nth-child(n+6){margin-right:12%}h1 span:nth-child(n+7){margin-right:0!important}#intro p{font-size:4em;line-height:1.2em;color:#fff;text-align:left}#title{width:99%;overflow:hidden;position:absolute;left:0;margin-top:5%}.name,h3{text-transform:uppercase;font-family:'Roboto Mono',monospace}.name{border-bottom:1px solid #cecece;padding:10px 0;margin-bottom:10%}.text p{padding:0 15%}@media screen and (min-width:1440px){#hero{height:120vh}#intro{top:44%}#title h1{text-align:right}}@media only screen and (min-width:760px) and (max-width:1080px){#hero{background-position-x:-200px;height:80vh;padding:0;margin:0}#intro{max-width:50%;top:30%;right:10%;background-color:rgba(0,0,0,.3)}#intro p{font-size:3em}#title{margin-top:6%}.text p{font-size:1em;line-height:1.6em}#hero h1{letter-spacing:1.1rem;font-size:7em}h1 span:nth-child(n+1){margin-right:1%}h1 span:nth-child(n+2){margin-right:3%}h1 span:nth-child(n+4){margin-right:6%}h1 span:nth-child(n+6){margin-right:8%}h1 span:nth-child(n+7){margin-right:0;letter-spacing:none}}@media screen and (max-width:759px){#hero{height:200vh;overflow:hidden;background-image:url(oldbastards-mobile-op.jpg);background-repeat:no-repeat;background-size:100%;background-position-y:top;background-position-x:center;background-size:cover}#hero h1{letter-spacing:0;font-size:7.2em;margin:20% 0 5% 0;line-height:.8em;padding-top:10px}h1 span:nth-child(n+1){margin-right:1%}h1 span:nth-child(n+2){margin-right:3%}h1 span:nth-child(n+4){margin-right:5%}h1 span:nth-child(n+6){margin-right:8%}#hero h1 span:nth-child(n+7){margin-right:0;letter-spacing:none}#title{margin-top:5%}#intro{position:absolute;left:5%;top:40%;max-width:90%;height:auto;margin:0;padding:0}.text p{font-size:.9em;line-height:1.7em;padding:0 10%}}section{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100vw;color:#000;background-color:#fff;padding:0;margin:0;overflow:hidden}.five,.four,.one,.two{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:10%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.two{height:95%}.five{height:100vh}.child{-webkit-box-flex:1;-ms-flex:1 1 350px;flex:1 1 350px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:10% 0;margin:0}.five .child{-webkit-box-flex:0;-ms-flex:0 0 490px;flex:0 0 490px}@media screen and (max-width:759px){.five{padding:25% 2% 0 2%}.five .child{-webkit-box-flex:1;-ms-flex:1 1 300px;flex:1 1 300px}}@media only screen and (min-width:760px) and (max-width:1080px){.five,.four,.one,.two{padding:10% 5%}}@media screen and (max-width:759px){section{width:100vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:0;margin-bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.four{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.five .child,.four .child,.one .child,.two .child{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10% 0}.five,.four,.one,.two{padding:0}}@media screen and (max-width:420px){.one{height:400vh}.five{height:200vh}}.black-column{background-color:#000;min-height:600px}.one .black-column,.two .black-column{background-image:url(robot-bastard-mix.jpg);background-repeat:no-repeat;background-size:100%;background-position-y:bottom;background-position-x:left;background-size:auto}.two .black-column{background-position-x:right}.one-top-grit{height:200px;width:100%;margin-top:-200px;margin-left:0;background-image:url(top-col-grit3-op.png);background-repeat:no-repeat;background-position-y:bottom;background-position-x:left;background-size:auto}.four .four-top-grit{height:200px;width:100%;margin-left:0;background-image:url(top-col-grit3-op.png);background-repeat:no-repeat;background-position-y:bottom;background-position-x:left;background-size:auto;position:absolute;top:-200px}.two-grit{background-color:#000;height:800px;width:200px;bottom:0;right:-200px;position:absolute;background-image:url(top-col-grit2-op.png);background-repeat:no-repeat;background-position-y:top;background-position-x:left;background-size:auto}.two .two-grit{left:-200px;height:800px}@media only screen and (max-width:1080px){.two-grit{display:none}.hide-on-mobile{display:none}}.two-bot-grit2{height:200px;width:100%;margin-bottom:-142px;position:absolute;bottom:0;background-image:url(bot-col-grit2-op.png);background-repeat:no-repeat;background-position-y:bottom;background-position-x:left;background-size:auto}.two .two-bot-col-grit{height:200px;width:100%;margin-bottom:-199px;margin-left:0;position:absolute;bottom:0;background-image:url(bot-col-grit2.png);background-repeat:no-repeat;background-position-y:bottom;background-position-x:left;background-size:cover}.four-bot-col-grit,.four-bot-col-grit2{height:200px;width:100%;margin-bottom:-189px;position:absolute;bottom:0;background-image:url(bot-col-grit3-op.png);background-repeat:no-repeat;background-position-y:top;background-position-x:right;background-size:auto}.four-bot-col-grit2{background-image:url(bot-col-grit4-op.png)}.white-column{background-color:#fff}#middle{height:150vh;background:#fff;background-image:url(screwing-around-fade.jpg);background-repeat:no-repeat;background-position-y:middle;background-position-x:right;background-size:cover;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-ms-grid;display:grid;place-items:center;width:100%}#middle p{width:33.3%;background:rgba(255,255,255,.9);margin:auto;padding:10%}@media only screen and (min-width:760px) and (max-width:1080px){#middle{height:80vh}#middle p{padding:5%}}@media screen and (max-width:759px){#middle{padding:10% 0;overflow:hidden}#middle p{width:80%;padding:0}}.four .text p{color:#c7c7c7}.four .child{padding:5% 0}#close{height:150vh;background:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-ms-grid;display:grid;place-items:center;width:100%;padding-bottom:10%}@media screen and (max-width:759px){#close img{width:100%}}.author{height:200px;color:#222}