{"version":3,"sources":["style.css","style.scss"],"names":[],"mappings":"AAAA,iBAAiB;ACEjB;EACE,UAAU;EACV,WAAW;EACX,uBAAuB;CACxB;;AAED;EACE,eAAe;EACf,sBAAsB;CAKvB;;AAPD;EAII,eAAe;EACf,sBAAsB;CACvB;;AAGH;EACE,0BAA0B;EAC1B,eAAe;CAChB;;AAED;EACE,kBAAkB;EAClB,aAAa;EAEb,sCAAsC;CAmBvC;;AAvBD;EAOM,mBAAmB;EACnB,mBAAmB;CACpB;;AATL;EAWM,mBAAmB;EACnB,mBAAmB;CACpB;;AAbL;EAeM,mBAAmB;EACnB,mBAAmB;CACpB;;AAjBL;EAoBI,kBAAkB;EAClB,aAAa;CACd;;AAGH;EACE,gBAAgB;EAChB,OAAO;EACP,QAAQ;EACR,WAAW;EACX,qBAAqB;CAItB;;AATD;EAOI,qBAAqB;CACtB;;AAGH;EACE,qBAAqB;EACrB,cAAc;CACf;;AAED;EACE,cAAc;CACf;;AAED;EACE,gBAAgB;EAChB,UAAU;EACV,kBAAkB;EAClB,cAAc;EACd,eAAe;EACf,qBAAqB;EACrB,cAAc;EACd,mBAAmB;EACnB,WAAW;EACX,WAAW;CAKZ;;AAfD;EAYI,2DAA2D;EAC3D,mDAAmD;CACpD;;AAGH;EACE;IACE,WAAW;GACZ;CDKF;;ACFD;EACE;IACE,WAAW;GACZ;CDKF;;ACFD;EACE;IACE,WAAW;GDKZ;ECFD;IACE,WAAW;GDIZ;CACF;;ACAD;EACE;IACE,WAAW;GDGZ;ECAD;IACE,WAAW;GDEZ;CACF;;ACCD;;;;;;;;;;;;;;;;;;;EAmBE;AACF,iEAAiE;AACjE;EACE,8BAA8B;EAC9B,+CAAQ;EACR,wQAA2P;CDE5P;;ACAD;EACE,4BAA4B;EAC5B,gEAAgE;EAChE,gHAAmG;CDGpG;;ACAD;EACE,4BAA4B;EAC5B,gHAAmG;EACnG,mBAAmB;CDGpB;;ACDD;EACE,gBAAgB;EAChB,iBAAiB;CAClB;;AAED;EACE;IACE,gBAAgB;GACjB;CDIF;;ACDD;EACE;IACE,gBAAgB;GACjB;CDIF;;ACDD;EACE,wCAAwC;EACxC,oBAAoB;EACpB,oCAAoC;CACrC;;AAED;EACE,wCAAwC;EACxC,qBAAqB;CACtB;;AAED;EACE,wCAAwC;CACzC;;AAED;EACE,8BAA8B;EAC9B,0BAA0B;CAC3B;;AAED;EAIE,gBAAgB;CACjB;;AALD;EAEI,iBAAiB;CAClB;;AAIH;EACE,gBAAgB;CACjB;;AAED;EACE,oBAAoB;CACrB;;AAED;EAEI,gBAAgB;CACjB;;AAHH;EAKI,gBAAgB;CACjB;;AANH;EAQI,gBAAgB;CACjB;;AATH;EAWI,kBAAkB;CACnB;;AAZH;EAcI,gBAAgB;CACjB;;AAGH;EACE,gBAAgB;CACjB;;AAED;EACE,YAAY;EACZ,mBAAmB;EAEnB,gJAA2B;EAC3B,sBAAsB;EACtB,mBAAmB;EACnB,iBAAiB;CAClB;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,mBAAmB;EACnB,oBAAoB;CAMrB;;AARD;EAII,YAAY;EACZ,eAAe;EACf,YAAY;CACb;;ADUH;ECNE,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,oBAAoB;CACrB;;AAED;EACE;IACE,eAAe;GAChB;EACD;IACE,gBAAgB;GACjB;EACD;IACE,WAAW;GACZ;EACD;IACE,gBAAgB;GACjB;EACD;IACE,gBAAgB;GACjB;EACD;IACE,WAAW;GACZ;EACD;IACE,gBAAgB;GACjB;EACD;IACE,gBAAgB;GACjB;EACD;IACE,WAAW;GACZ;EACD;IACE,gBAAgB;GACjB;EACD;IACE,gBAAgB;GACjB;EACD;IACE,YAAY;GACb;EACD;IACE,qBAAqB;GACtB;EACD;IACE,sBAAsB;GACvB;EACD;IACE,iBAAiB;GAClB;EACD;IACE,sBAAsB;GACvB;EACD;IACE,sBAAsB;GACvB;EACD;IACE,iBAAiB;GAClB;EACD;IACE,sBAAsB;GACvB;EACD;IACE,sBAAsB;GACvB;EACD;IACE,iBAAiB;GAClB;EACD;IACE,sBAAsB;GACvB;EACD;IACE,sBAAsB;GACvB;CDQF;;ACLD;EACE,sBAAsB;CACvB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,cAAc;CACf;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,cAAc;CACf;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,cAAc;CACf;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,cAAc;CACf;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,aAAa;CACd;;AAED;EACE,eAAe;CAChB;;AAED;EACE,aAAa;CACd;;AAED;EACE,eAAe;CAChB;;AAED;EACE,aAAa;CACd;;AAED;EACE,eAAe;CAChB;;AAED;EACE,aAAa;CACd;;AAED;EACE,eAAe;CAChB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,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","file":"style.css","sourcesContent":["@charset \"UTF-8\";\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\na:visited {\n  color: inherit;\n  text-decoration: none;\n}\n\n.nav nav_full nav_hidden.white-bg {\n  background-color: #ffffff;\n  color: #000000;\n}\n\nbody {\n  background: black;\n  color: white;\n  -webkit-transition: background .5s, color .5s;\n  transition: background .5s, color .5s;\n}\n\nbody.two-d.page-home, body.two-d.page-info {\n  overflow-y: hidden;\n  overflow-x: hidden;\n}\n\nbody.two-d.page-project {\n  overflow-y: scroll;\n  overflow-x: hidden;\n}\n\nbody.two-d.page-work {\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\nbody.page-archive, body.page-services-unknown, body.page-post, body.page-blog, body.page-white {\n  background: white;\n  color: black;\n}\n\n#renderer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n\n#renderer > div {\n  pointer-events: none;\n}\n\n.sizer {\n  pointer-events: none;\n  z-index: -100;\n}\n\n.two-d .sizer {\n  display: none;\n}\n\n.loading {\n  position: fixed;\n  top: 1rem;\n  background: white;\n  width: 0.8rem;\n  height: 0.8rem;\n  margin-left: -0.4rem;\n  z-index: 1000;\n  border-radius: 50%;\n  left: 21px;\n  opacity: 0;\n}\n\n.loading.on {\n  -webkit-animation: pulse .7s .5s linear infinite alternate;\n  animation: pulse .7s .5s linear infinite alternate;\n}\n\n@media (min-width: 415px) {\n  .loading {\n    left: 24px;\n  }\n}\n\n@media (min-width: 769px) {\n  .loading {\n    left: 27px;\n  }\n}\n\n@-webkit-keyframes pulse {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes pulse {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/**\r\n * @license\r\n * MyFonts Webfont Build ID 3217698, 2016-05-12T10:30:13-0400\r\n * \r\n * The fonts listed in this notice are subject to the End User License\r\n * Agreement(s) entered into by the website owner. All other parties are \r\n * explicitly restricted from using the Licensed Webfonts(s).\r\n * \r\n * You may obtain a valid license at the URLs below.\r\n * \r\n * Webfont: K.LEE STUDIO-1 by Linotype\r\n * URL: http://www.myfonts.com/fonts/linotype/univers/pro-93-extra-black-extended/\r\n * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2008 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced, \r\n * Licensed pageviews: 250,000\r\n * \r\n * \r\n * License: http://www.myfonts.com/viewlicense?type=web&buildid=3217698\r\n * \r\n * © 2016 MyFonts Inc\r\n*/\n/* @import must be at top of file, otherwise CSS will not work */\n@font-face {\n  font-family: 'K.LEE STUDIO-1';\n  src: url(\"/fonts/UniversLT63BoldExtended.eot\");\n  src: url(\"/fonts/UniversLT63BoldExtended.eot?#iefix\") format(\"embedded-opentype\"), url(\"/fonts/UniversLT63BoldExtended.woff2\") format(\"woff2\"), url(\"/fonts/UniversLT63BoldExtended.woff\") format(\"woff\"), url(\"/fonts/UniversLT63BoldExtended.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: 'K.LEE STUDIO';\n  /* src: url(\"/fonts/UniversLTStd-Ex.ttf\") format(\"truetype\"); */\n  src: url(\"/fonts/UniversLTStd-Ex.otf\") format(\"opentype\"), url(\"/fonts/UniversLTStd-Ex.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: 'K.LEE STUDIO';\n  src: url(\"/fonts/UniversLTStd-Ex.otf\") format(\"opentype\"), url(\"/fonts/UniversLTStd-Ex.ttf\") format(\"truetype\");\n  font-style: italic;\n}\n\nhtml {\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n@media (min-width: 415px) {\n  html {\n    font-size: 16px;\n  }\n}\n\n@media (min-width: 769px) {\n  html {\n    font-size: 18px;\n  }\n}\n\nbody {\n  font-family: \"K.LEE STUDIO\", sans-serif;\n  font-weight: normal;\n  -webkit-font-smoothing: antialiased;\n}\n\np {\n  font-family: \"K.LEE STUDIO\", sans-serif;\n  /*text-indent: 3em;*/\n}\n\n.sans {\n  font-family: \"K.LEE STUDIO\", sans-serif;\n}\n\nstrong {\n  font-family: 'K.LEE STUDIO-1';\n  text-transform: uppercase;\n}\n\nh1 {\n  font-size: 1rem;\n}\n\nh1 .sans {\n  font-size: 0.8em;\n}\n\nh2, h3 {\n  font-size: 1rem;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-weight: normal;\n}\n\n.post h1 {\n  font-size: 24px;\n}\n\n.post h2 {\n  font-size: 22px;\n}\n\n.post h3 {\n  font-size: 20px;\n}\n\n.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {\n  font-weight: bold;\n}\n\n.post blockquote {\n  margin: 1em 3em;\n}\n\n.inline p {\n  display: inline;\n}\n\n.spot {\n  content: '';\n  border-radius: 50%;\n  background: -webkit-radial-gradient(center ellipse, white 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);\n  background: radial-gradient(ellipse at center, white 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);\n  display: inline-block;\n  position: relative;\n  margin: 0 0.25em;\n}\n\n.uppercase {\n  text-transform: uppercase;\n}\n\n.row {\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n\n.row:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n[class*='col-'] {\n  float: left;\n  width: 100%;\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n@media (min-width: 415px) {\n  .col-1 {\n    width: 8.3333%;\n  }\n  .col-2 {\n    width: 16.6667%;\n  }\n  .col-3 {\n    width: 25%;\n  }\n  .col-4 {\n    width: 33.3333%;\n  }\n  .col-5 {\n    width: 41.6667%;\n  }\n  .col-6 {\n    width: 50%;\n  }\n  .col-7 {\n    width: 58.3333%;\n  }\n  .col-8 {\n    width: 66.6667%;\n  }\n  .col-9 {\n    width: 75%;\n  }\n  .col-10 {\n    width: 83.3333%;\n  }\n  .col-11 {\n    width: 91.6667%;\n  }\n  .col-12 {\n    width: 100%;\n  }\n  .off-1 {\n    margin-left: 8.3333%;\n  }\n  .off-2 {\n    margin-left: 16.6667%;\n  }\n  .off-3 {\n    margin-left: 25%;\n  }\n  .off-4 {\n    margin-left: 33.3333%;\n  }\n  .off-5 {\n    margin-left: 41.6667%;\n  }\n  .off-6 {\n    margin-left: 50%;\n  }\n  .off-7 {\n    margin-left: 58.3333%;\n  }\n  .off-8 {\n    margin-left: 66.6667%;\n  }\n  .off-9 {\n    margin-left: 75%;\n  }\n  .off-10 {\n    margin-left: 83.3333%;\n  }\n  .off-11 {\n    margin-left: 91.6667%;\n  }\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.pad-0-5 {\n  padding: 0.5rem;\n}\n\n.pad-1 {\n  padding: 1rem;\n}\n\n.pad-1-5 {\n  padding: 1.5rem;\n}\n\n.pad-2 {\n  padding: 2rem;\n}\n\n.pad-2-5 {\n  padding: 2.5rem;\n}\n\n.pad-3 {\n  padding: 3rem;\n}\n\n.pad-3-5 {\n  padding: 3.5rem;\n}\n\n.pad-4 {\n  padding: 4rem;\n}\n\n.pad-4-5 {\n  padding: 4.5rem;\n}\n\n.pad-top-0-5 {\n  padding-top: 0.5rem;\n}\n\n.pad-top-1 {\n  padding-top: 1rem;\n}\n\n.pad-top-1-5 {\n  padding-top: 1.5rem;\n}\n\n.pad-top-2 {\n  padding-top: 2rem;\n}\n\n.pad-top-2-5 {\n  padding-top: 2.5rem;\n}\n\n.pad-top-3 {\n  padding-top: 3rem;\n}\n\n.pad-top-3-5 {\n  padding-top: 3.5rem;\n}\n\n.pad-top-4 {\n  padding-top: 4rem;\n}\n\n.pad-top-4-5 {\n  padding-top: 4.5rem;\n}\n\n.pad-top-5 {\n  padding-top: 5rem;\n}\n\n.pad-top-5-5 {\n  padding-top: 5.5rem;\n}\n\n.pad-top-6 {\n  padding-top: 6rem;\n}\n\n.pad-bottom-0-5 {\n  padding-bottom: 0.5rem;\n}\n\n.pad-bottom-1 {\n  padding-bottom: 1rem;\n}\n\n.pad-bottom-1-5 {\n  padding-bottom: 1.5rem;\n}\n\n.pad-bottom-2 {\n  padding-bottom: 2rem;\n}\n\n.pad-bottom-2-5 {\n  padding-bottom: 2.5rem;\n}\n\n.pad-bottom-3 {\n  padding-bottom: 3rem;\n}\n\n.pad-bottom-3-5 {\n  padding-bottom: 3.5rem;\n}\n\n.pad-bottom-4 {\n  padding-bottom: 4rem;\n}\n\n.pad-bottom-4-5 {\n  padding-bottom: 4.5rem;\n}\n\n.pad-bottom-5 {\n  padding-bottom: 5rem;\n}\n\n.pad-bottom-5-5 {\n  padding-bottom: 5.5rem;\n}\n\n.pad-bottom-6 {\n  padding-bottom: 6rem;\n}\n\n.pad-left-0-5 {\n  padding-left: 0.5rem;\n}\n\n.pad-left-1 {\n  padding-left: 1rem;\n}\n\n.pad-left-1-5 {\n  padding-left: 1.5rem;\n}\n\n.pad-left-2 {\n  padding-left: 2rem;\n}\n\n.pad-left-2-5 {\n  padding-left: 2.5rem;\n}\n\n.pad-left-3 {\n  padding-left: 3rem;\n}\n\n.pad-left-3-5 {\n  padding-left: 3.5rem;\n}\n\n.pad-left-4 {\n  padding-left: 4rem;\n}\n\n.pad-left-4-5 {\n  padding-left: 4.5rem;\n}\n\n.pad-right-0-5 {\n  padding-right: 0.5rem;\n}\n\n.pad-right-1 {\n  padding-right: 1rem;\n}\n\n.pad-right-1-5 {\n  padding-right: 1.5rem;\n}\n\n.pad-right-2 {\n  padding-right: 2rem;\n}\n\n.pad-right-2-5 {\n  padding-right: 2.5rem;\n}\n\n.pad-right-3 {\n  padding-right: 3rem;\n}\n\n.pad-right-3-5 {\n  padding-right: 3.5rem;\n}\n\n.pad-right-4 {\n  padding-right: 4rem;\n}\n\n.pad-right-4-5 {\n  padding-right: 4.5rem;\n}\n\n.gap-0-5 {\n  margin: 0.5rem;\n}\n\n.gap-1 {\n  margin: 1rem;\n}\n\n.gap-1-5 {\n  margin: 1.5rem;\n}\n\n.gap-2 {\n  margin: 2rem;\n}\n\n.gap-2-5 {\n  margin: 2.5rem;\n}\n\n.gap-3 {\n  margin: 3rem;\n}\n\n.gap-3-5 {\n  margin: 3.5rem;\n}\n\n.gap-4 {\n  margin: 4rem;\n}\n\n.gap-4-5 {\n  margin: 4.5rem;\n}\n\n.gap-top-0-5 {\n  margin-top: 0.5rem;\n}\n\n.gap-top-1 {\n  margin-top: 1rem;\n}\n\n.gap-top-1-5 {\n  margin-top: 1.5rem;\n}\n\n.gap-top-2 {\n  margin-top: 2rem;\n}\n\n.gap-top-2-5 {\n  margin-top: 2.5rem;\n}\n\n.gap-top-3 {\n  margin-top: 3rem;\n}\n\n.gap-top-3-5 {\n  margin-top: 3.5rem;\n}\n\n.gap-top-4 {\n  margin-top: 4rem;\n}\n\n.gap-top-4-5 {\n  margin-top: 4.5rem;\n}\n\n.gap-top-5 {\n  margin-top: 5rem;\n}\n\n.gap-top-5-5 {\n  margin-top: 5.5rem;\n}\n\n.gap-top-6 {\n  margin-top: 6rem;\n}\n\n.gap-bottom-0-5 {\n  margin-bottom: 0.5rem;\n}\n\n.gap-bottom-1 {\n  margin-bottom: 1rem;\n}\n\n.gap-bottom-1-5 {\n  margin-bottom: 1.5rem;\n}\n\n.gap-bottom-2 {\n  margin-bottom: 2rem;\n}\n\n.gap-bottom-2-5 {\n  margin-bottom: 2.5rem;\n}\n\n.gap-bottom-3 {\n  margin-bottom: 3rem;\n}\n\n.gap-bottom-3-5 {\n  margin-bottom: 3.5rem;\n}\n\n.gap-bottom-4 {\n  margin-bottom: 4rem;\n}\n\n.gap-bottom-4-5 {\n  margin-bottom: 4.5rem;\n}\n\n.gap-bottom-5 {\n  margin-bottom: 5rem;\n}\n\n.gap-bottom-5-5 {\n  margin-bottom: 5.5rem;\n}\n\n.gap-bottom-6 {\n  margin-bottom: 6rem;\n}\n\n.gap-left-0-5 {\n  margin-left: 0.5rem;\n}\n\n.gap-left-1 {\n  margin-left: 1rem;\n}\n\n.gap-left-1-5 {\n  margin-left: 1.5rem;\n}\n\n.gap-left-2 {\n  margin-left: 2rem;\n}\n\n.gap-left-2-5 {\n  margin-left: 2.5rem;\n}\n\n.gap-left-3 {\n  margin-left: 3rem;\n}\n\n.gap-left-3-5 {\n  margin-left: 3.5rem;\n}\n\n.gap-left-4 {\n  margin-left: 4rem;\n}\n\n.gap-left-4-5 {\n  margin-left: 4.5rem;\n}\n\n.gap-right-0-5 {\n  margin-right: 0.5rem;\n}\n\n.gap-right-1 {\n  margin-right: 1rem;\n}\n\n.gap-right-1-5 {\n  margin-right: 1.5rem;\n}\n\n.gap-right-2 {\n  margin-right: 2rem;\n}\n\n.gap-right-2-5 {\n  margin-right: 2.5rem;\n}\n\n.gap-right-3 {\n  margin-right: 3rem;\n}\n\n.gap-right-3-5 {\n  margin-right: 3.5rem;\n}\n\n.gap-right-4 {\n  margin-right: 4rem;\n}\n\n.gap-right-4-5 {\n  margin-right: 4.5rem;\n}\n\n.overlap-top-0 {\n  margin-top: 0em;\n}\n\n.overlap-left-0 {\n  margin-left: 0em;\n}\n\n.overlap-top-1 {\n  margin-top: -1em;\n}\n\n.overlap-left-1 {\n  margin-left: -1em;\n}\n\n.overlap-top-2 {\n  margin-top: -2em;\n}\n\n.overlap-left-2 {\n  margin-left: -2em;\n}\n\n.overlap-top-3 {\n  margin-top: -3em;\n}\n\n.overlap-left-3 {\n  margin-left: -3em;\n}\n\n.overlap-top-4 {\n  margin-top: -4em;\n}\n\n.overlap-left-4 {\n  margin-left: -4em;\n}\n\n.overlap-top-5 {\n  margin-top: -5em;\n}\n\n.overlap-left-5 {\n  margin-left: -5em;\n}\n\n.overlap-top-6 {\n  margin-top: -6em;\n}\n\n.overlap-left-6 {\n  margin-left: -6em;\n}\n\n.overlap-top-7 {\n  margin-top: -7em;\n}\n\n.overlap-left-7 {\n  margin-left: -7em;\n}\n\n.overlap-top-8 {\n  margin-top: -8em;\n}\n\n.overlap-left-8 {\n  margin-left: -8em;\n}\n\n.overlap-top-9 {\n  margin-top: -9em;\n}\n\n.overlap-left-9 {\n  margin-left: -9em;\n}\n\n.overlap-top-10 {\n  margin-top: -10em;\n}\n\n.overlap-left-10 {\n  margin-left: -10em;\n}\n\n.hide {\n  display: none;\n}\n\n.transparent {\n  opacity: 0;\n}\n\n.fade-out {\n  opacity: 0 !important;\n  -webkit-transition: opacity 0.5s cubic-bezier(0, 0.755, 0.055, 0.99);\n  transition: opacity 0.5s cubic-bezier(0, 0.755, 0.055, 0.99);\n}\n\n.blend {\n  mix-blend-mode: screen;\n}\n\n.nav_hidden {\n  opacity: 0;\n}\n\n.nav, .project-title {\n  position: fixed;\n  line-height: 1;\n  z-index: 800;\n  -webkit-transition: opacity 0.5s;\n  transition: opacity 0.5s;\n  list-style: none;\n}\n\n.nav_full {\n  width: 100%;\n  left: 0;\n  padding: 1em 0;\n  -webkit-transition: opacity 0.25s;\n  transition: opacity 0.25s;\n  display: none;\n}\n\n.nav_full > li {\n  box-sizing: border-box;\n  float: right;\n  box-sizing: border-box;\n  padding: 0 0.5em;\n  position: relative;\n}\n\n.nav_full > li:first-child {\n  float: left;\n  padding-left: 42px;\n}\n\n.nav_full > li:nth-child(2) {\n  padding-right: 42px;\n}\n\n.nav_full:hover {\n  opacity: 1;\n}\n\n@media (min-width: 415px) {\n  .nav_full {\n    display: block;\n  }\n}\n\n@media (min-width: 415px) {\n  .nav_full > li:first-child {\n    padding-left: 48px;\n  }\n}\n\n@media (min-width: 769px) {\n  .nav_full > li:first-child {\n    padding-left: 54px;\n  }\n}\n\n@media (min-width: 415px) {\n  .nav_full > li:nth-child(2) {\n    padding-right: 48px;\n  }\n}\n\n@media (min-width: 769px) {\n  .nav_full > li:nth-child(2) {\n    padding-right: 54px;\n  }\n}\n\n.dropdown__menu {\n  pointer-events: none;\n  opacity: 0;\n  -webkit-transition: opacity .5s;\n  transition: opacity .5s;\n  position: absolute;\n  padding-top: 1.5em;\n  top: 0;\n  right: 0;\n  text-align: right;\n  line-height: 1.5;\n}\n\n.dropdown__menu.open {\n  opacity: 1;\n  pointer-events: visible;\n}\n\n.dropdown__menu li {\n  display: block;\n  padding-right: .5em;\n}\n\n.project-title, .project-nav {\n  width: 100vh;\n  padding-right: 10vh;\n  bottom: 1rem;\n}\n\n.three-d .project-title, .three-d .project-nav {\n  bottom: 42px;\n}\n\n@media (min-width: 415px) {\n  .three-d .project-title, .three-d .project-nav {\n    bottom: 48px;\n  }\n}\n\n@media (min-width: 769px) {\n  .three-d .project-title, .three-d .project-nav {\n    bottom: 54px;\n  }\n}\n\n.project-title {\n  -webkit-transform: rotate(-90deg);\n  transform: rotate(-90deg);\n  -webkit-transform-origin: 0 100%;\n  transform-origin: 0 100%;\n  left: 2rem;\n  text-transform: uppercase;\n  /*\r\n\tli:last-child{\r\n\t\tfloat: right;\r\n\t\ttext-align: right;\r\n\t\twidth: 20%;\r\n\t\tpadding-right: 3.5vw;\r\n\t}\r\n\t*/\n}\n\n.project-title li {\n  box-sizing: border-box;\n}\n\n.project-title li:first-child {\n  white-space: nowrap;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  float: left;\n  width: 100%;\n}\n\n.project-nav {\n  right: 1em;\n  -webkit-transform-origin: 0 100%;\n  transform-origin: 0 100%;\n  -webkit-transform: translateX(100%) rotate(-90deg);\n  transform: translateX(100%) rotate(-90deg);\n}\n\n.project-nav li {\n  float: left;\n  /*\r\n\t\t&:last-child{\r\n\t\t\tfloat: right;\r\n\t\t\ttext-align: right;\r\n\t\t\tpadding-right: 3.5vw;\r\n\t\t}\r\n\t\t*/\n}\n\n.nav_small {\n  position: absolute;\n  font-size: 1.2em;\n  width: 100%;\n  width: 100vw;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1000;\n  text-align: center;\n  -webkit-transition: background 1s, opacity 0.5s, color .5s;\n  transition: background 1s, opacity 0.5s, color .5s;\n  height: 100%;\n  pointer-events: none;\n}\n\n.nav_small li {\n  padding: 1em;\n  pointer-events: visible;\n}\n\n.nav_small li:not(:first-child) {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.nav_small li:nth-child(2) {\n  -webkit-transition: opacity 0.5s 0.25s;\n  transition: opacity 0.5s 0.25s;\n}\n\n.nav_small li:nth-child(3) {\n  -webkit-transition: opacity 0.5s 0.2s;\n  transition: opacity 0.5s 0.2s;\n}\n\n.nav_small li:nth-child(4) {\n  -webkit-transition: opacity 0.5s 0.15s;\n  transition: opacity 0.5s 0.15s;\n}\n\n.nav_small li:nth-child(5) {\n  -webkit-transition: opacity 0.5s 0.1s;\n  transition: opacity 0.5s 0.1s;\n}\n\n.nav_small li:nth-child(6) {\n  -webkit-transition: opacity 0.5s 0.05s;\n  transition: opacity 0.5s 0.05s;\n}\n\n.nav_small li:nth-child(7) {\n  -webkit-transition: opacity 0.5s 0s;\n  transition: opacity 0.5s 0s;\n}\n\n.nav_small li:nth-child(8) {\n  -webkit-transition: opacity 0.5s -0.05s;\n  transition: opacity 0.5s -0.05s;\n}\n\n.nav_small.open {\n  background: rgba(0, 0, 0, 0.9);\n  color: white;\n}\n\n.nav_small.open li:not(:first-child) {\n  opacity: 1;\n  pointer-events: visible;\n}\n\n.nav_small.open li:nth-child(2) {\n  -webkit-transition: opacity 0.5s 0.05s;\n  transition: opacity 0.5s 0.05s;\n}\n\n.nav_small.open li:nth-child(3) {\n  -webkit-transition: opacity 0.5s 0.1s;\n  transition: opacity 0.5s 0.1s;\n}\n\n.nav_small.open li:nth-child(4) {\n  -webkit-transition: opacity 0.5s 0.15s;\n  transition: opacity 0.5s 0.15s;\n}\n\n.nav_small.open li:nth-child(5) {\n  -webkit-transition: opacity 0.5s 0.2s;\n  transition: opacity 0.5s 0.2s;\n}\n\n.nav_small.open li:nth-child(6) {\n  -webkit-transition: opacity 0.5s 0.25s;\n  transition: opacity 0.5s 0.25s;\n}\n\n.nav_small.open li:nth-child(7) {\n  -webkit-transition: opacity 0.5s 0.3s;\n  transition: opacity 0.5s 0.3s;\n}\n\n.nav_small.open li:nth-child(8) {\n  -webkit-transition: opacity 0.5s 0.35s;\n  transition: opacity 0.5s 0.35s;\n}\n\n@media (min-width: 415px) {\n  .nav_small {\n    display: none;\n  }\n}\n\n.two-d main {\n  min-width: 100%;\n  min-height: 100%;\n}\n\n.two-d.page-work main {\n  width: 100%;\n  height: 100%;\n  overflow-x: scroll;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n}\n\n.three-d main {\n  position: fixed;\n  overflow: hidden;\n  top: 42px;\n  bottom: 42px;\n  left: 42px;\n  right: 42px;\n  margin: 0;\n}\n\n@media (min-width: 415px) {\n  .three-d main {\n    top: 48px;\n  }\n}\n\n@media (min-width: 769px) {\n  .three-d main {\n    top: 54px;\n  }\n}\n\n@media (min-width: 415px) {\n  .three-d main {\n    bottom: 48px;\n  }\n}\n\n@media (min-width: 769px) {\n  .three-d main {\n    bottom: 54px;\n  }\n}\n\n@media (min-width: 415px) {\n  .three-d main {\n    left: 48px;\n  }\n}\n\n@media (min-width: 769px) {\n  .three-d main {\n    left: 54px;\n  }\n}\n\n@media (min-width: 415px) {\n  .three-d main {\n    right: 48px;\n  }\n}\n\n@media (min-width: 769px) {\n  .three-d main {\n    right: 54px;\n  }\n}\n\n.first-load main {\n  visibility: hidden;\n}\n\n.super-face {\n  overflow: hidden;\n}\n\nsection {\n  position: relative;\n  -webkit-transition: opacity 0.5s cubic-bezier(0, 1, 0.5, 1);\n  transition: opacity 0.5s cubic-bezier(0, 1, 0.5, 1);\n}\n\n/*\r\nsection img{\r\n    //position: absolute;\r\n    transform: translate3d(0,0,0);\r\n}\r\n*/\nnav {\n  -webkit-transition: opacity 0.5s cubic-bezier(0, 1, 0.5, 1);\n  transition: opacity 0.5s cubic-bezier(0, 1, 0.5, 1);\n}\n\n.home-logo {\n  -webkit-transition: opacity 2s .5s;\n  transition: opacity 2s .5s;\n}\n\n.home-logo__inner {\n  pointer-events: visible;\n  text-transform: uppercase;\n  font-size: 5.5vw;\n  position: absolute;\n  width: 90%;\n  left: 5%;\n  top: 50%;\n  text-align: center;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n  line-height: 1.1;\n}\n\n@media (min-width: 415px) {\n  .home-logo__inner {\n    font-size: 5.5vw;\n  }\n}\n\n@media (min-width: 769px) {\n  .home-logo__inner {\n    font-size: 5.5vw;\n  }\n}\n\n.home-logo__inner-project {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.home-logo__client, .home-logo__project-title {\n  display: block;\n}\n\n.home-logo_show-project-title .home-logo__inner-ss {\n  opacity: 0;\n}\n\n.home-logo_show-project-title .home-logo__inner-project {\n  opacity: 1;\n}\n\n.home-logo.fade-out {\n  -webkit-transition: opacity .5s .5s;\n  transition: opacity .5s .5s;\n  opacity: 0;\n}\n\n.home-img {\n  pointer-events: visible;\n  background-size: 100% auto;\n}\n\n.home-img a {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.home-img.fade-out {\n  -webkit-transition: opacity .25s;\n  transition: opacity .25s;\n  opacity: 0;\n}\n\n.two-d .info-main {\n  width: 100%;\n  height: 100%;\n  overflow: scroll;\n}\n\n.super-face .info-main {\n  height: 100%;\n}\n\n.info-inner {\n  pointer-events: visible;\n}\n\n.three-d .info-inner {\n  width: 59vw;\n}\n\n.info-inner p {\n  font-size: 4vw;\n  margin-bottom: 1em;\n}\n\n.info-inner a {\n  border-bottom: 0.1em solid white;\n}\n\n@media (min-width: 769px) {\n  .info-inner p {\n    font-size: 1.5vw;\n  }\n}\n\n.two-d .info-inner {\n  padding: 42px 20px 20px 20px;\n}\n\n@media (min-width: 415px) {\n  .two-d .info-inner {\n    padding: 48px 48px 20px 48px;\n  }\n}\n\n@media (min-width: 769px) {\n  .two-d .info-inner {\n    padding: 54px 54px 20px 54px;\n  }\n}\n\n.three-d .info-inner {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n}\n\n.work-main {\n  white-space: nowrap;\n  height: 100%;\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n  position: relative;\n  float: left;\n}\n\n.two-d .work-main {\n  padding: 42px 20px 20px 20px;\n}\n\n@media (min-width: 415px) {\n  .two-d .work-main {\n    padding: 48px 48px 20px 48px;\n  }\n}\n\n@media (min-width: 769px) {\n  .two-d .work-main {\n    padding: 54px 54px 20px 54px;\n  }\n}\n\n.thumbnail-column {\n  display: inline-block;\n  width: 70vw;\n  margin-right: 30px;\n  height: 100%;\n  vertical-align: top;\n  -webkit-transition: opacity 0.5s;\n  transition: opacity 0.5s;\n  position: relative;\n}\n\n@media (min-width: 415px) {\n  .thumbnail-column {\n    width: 600px;\n    width: 50vh;\n    margin-right: 100px;\n  }\n}\n\n.work-thumbnail {\n  position: absolute;\n  width: 100%;\n}\n\n.work-thumbnail.full.landscape {\n  height: 60%;\n}\n\n.work-thumbnail.full.portrait {\n  height: 100%;\n}\n\n.work-thumbnail.full.middle {\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n}\n\n.work-thumbnail.full.bottom {\n  bottom: 0;\n}\n\n.work-thumbnail.half {\n  height: 50%;\n}\n\n.work-thumbnail p {\n  position: absolute;\n  bottom: 1em;\n  white-space: initial;\n  height: 4.5em;\n}\n\n.work-thumbnail-image {\n  position: absolute;\n  background-repeat: no-repeat;\n  width: 100%;\n  top: 0;\n  bottom: 6em;\n  background-position: left bottom;\n}\n\n.full .work-thumbnail-image, .half .work-thumbnail-image {\n  background-size: contain;\n}\n\n.archive-main, .blog-main {\n  position: relative;\n}\n\n.two-d .archive-main, .two-d .blog-main {\n  padding: 42px 20px 20px 20px;\n}\n\n@media (min-width: 415px) {\n  .two-d .archive-main, .two-d .blog-main {\n    padding: 48px 48px 20px 48px;\n  }\n}\n\n@media (min-width: 769px) {\n  .two-d .archive-main, .two-d .blog-main {\n    padding: 54px 54px 20px 54px;\n  }\n}\n\n.archive-main:after, .blog-main:after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.archive-thumbnail, .blog-thumbnail {\n  margin-bottom: 2em;\n  float: left;\n  max-width: 100%;\n}\n\n.archive-thumbnail img, .blog-thumbnail img {\n  width: 100%;\n  display: block;\n  margin-bottom: .25em;\n}\n\n@media (min-width: 415px) {\n  .archive-thumbnail, .blog-thumbnail {\n    padding-right: 2em;\n  }\n  .archive-thumbnail-small, .blog-thumbnail-small {\n    width: 25vh;\n  }\n  .archive-thumbnail-medium, .blog-thumbnail-medium {\n    width: 50vh;\n  }\n  .archive-thumbnail-large, .blog-thumbnail-large {\n    width: 75vh;\n  }\n}\n\n.project-main {\n  width: 100%;\n  -webkit-transition: opacity 0.5s;\n  transition: opacity 0.5s;\n}\n\n.two-d .project-main {\n  padding: 42px;\n}\n\n@media (min-width: 415px) {\n  .two-d .project-main {\n    padding: 48px;\n  }\n}\n\n@media (min-width: 769px) {\n  .two-d .project-main {\n    padding: 54px;\n  }\n}\n\n.project-main img {\n  width: 100%;\n}\n\n.project-main p {\n  text-indent: 2em;\n  opacity: 1;\n  background: black;\n  margin: 0;\n}\n\n.project-main p:first-of-type {\n  text-indent: 0;\n}\n\n.project-main h2 {\n  font-size: 1em;\n  font-family: 'K.LEE STUDIO-1';\n  text-transform: uppercase;\n}\n\n.super-face .project-main img, .super-face .project-main p, .super-face .project-main .video-container {\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n}\n\n.project-main .video-container {\n  height: 0;\n  padding-bottom: 56.25%;\n  background-size: 100% auto;\n  background-repeat: no-repeat;\n  position: relative;\n  overflow: hidden;\n}\n\n.project-main .video-container iframe {\n  border: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.project-main .auto-height {\n  background-size: contain;\n  background-repeat: no-repeat;\n}\n\n.project-main .auto-height.position-left {\n  background-position: left center;\n}\n\n.project-main .auto-height.position-center {\n  background-position: center center;\n}\n\n.project-main .auto-height.position-right {\n  background-position: right center;\n}\n\n.project-main [class*='col-'] {\n  margin-bottom: 5rem;\n}\n\n@media (max-width: 414px) {\n  .project-main .row_two-one-image .col-5 img:first-child {\n    margin-bottom: 5rem;\n  }\n}\n\n@media (min-width: 415px) {\n  .project-main .row_two-one-image .col-6 img {\n    margin-top: 2rem;\n  }\n  .project-main .row_two-one-image-largeImageLeft .col-5 img:last-child {\n    margin-left: -2rem;\n    margin-top: -2rem;\n  }\n  .project-main .row_two-one-image-largeImageRight .col-5 img:last-child {\n    margin-left: 2rem;\n    margin-top: -2rem;\n  }\n  .project-main .row_image-set {\n    margin-left: 0;\n    margin-right: 0;\n  }\n  .project-main .row_image-set [class*='col-'] {\n    padding-left: 0;\n    padding-right: 0;\n  }\n  .project-main .row_image-set img {\n    width: 110%;\n  }\n  .project-main .row_image-set [class*='col-']:nth-child(1) {\n    margin-top: 1rem;\n  }\n  .project-main .row_image-set [class*='col-']:nth-child(3) {\n    margin-top: 2rem;\n  }\n  .project-main .row_image-set-2 [class*='col-']:last-child img {\n    margin-left: -10%;\n  }\n  .project-main .row_image-set-3 [class*='col-']:nth-child(2) {\n    z-index: 10;\n  }\n  .project-main .row_image-set-3 [class*='col-']:nth-child(2) img {\n    margin-left: -5%;\n  }\n  .project-main .row_image-set-3 [class*='col-']:last-child img {\n    margin-left: -10%;\n  }\n  .project-main .image-stack .row:first-child .col-12 {\n    margin-bottom: 0;\n  }\n  .project-main .image-stack .row:last-child .col-12 {\n    margin-top: -10%;\n    margin-left: 10%;\n  }\n  .project-main .image-stack img {\n    width: 90%;\n  }\n}\n\n.project-main-flat {\n  overflow: hidden;\n  position: fixed !important;\n}\n\n.services-main {\n  width: 100%;\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n  position: relative;\n}\n\n.services-main:after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.two-d .services-main {\n  padding: 42px 20px 20px 20px;\n}\n\n@media (min-width: 415px) {\n  .two-d .services-main {\n    padding: 48px 48px 20px 48px;\n  }\n}\n\n@media (min-width: 769px) {\n  .two-d .services-main {\n    padding: 54px 54px 20px 54px;\n  }\n}\n\n@media (min-width: 415px) {\n  .services-row {\n    margin: 0 -15px;\n  }\n}\n\n@media (min-width: 769px) {\n  .services-row {\n    margin: 0 -30px;\n  }\n}\n\n.services-thumbnail {\n  float: left;\n  width: 100%;\n  padding-bottom: 15px;\n}\n\n.services-thumbnail img {\n  width: 100%;\n}\n\n.services-thumbnail p {\n  margin-top: 5px;\n  white-space: initial;\n}\n\n@media (min-width: 415px) {\n  .services-thumbnail {\n    width: 50%;\n    padding: 0 15px 30px 15px;\n  }\n  .services-thumbnail:nth-child(2n+1) {\n    clear: left;\n  }\n}\n\n@media (min-width: 769px) {\n  .services-thumbnail {\n    width: 33%;\n    padding: 0 30px 60px 30px;\n  }\n  .services-thumbnail:nth-child(2n+1) {\n    clear: none;\n  }\n  .services-thumbnail:nth-child(3n+1) {\n    clear: left;\n    content: \"\";\n    display: block;\n  }\n}\n\n@media (min-width: 415px) {\n  .services-thumbnail:nth-child(5n+3) {\n    padding-top: 2em;\n  }\n  .services-thumbnail:nth-child(4n+1) {\n    padding-top: 4em;\n  }\n  .services-thumbnail:nth-child(5n) {\n    padding-top: 3em;\n  }\n}\n\n.services-thumbnail-image {\n  position: absolute;\n  background-repeat: no-repeat;\n  width: 100%;\n  top: 0;\n  bottom: 6em;\n  background-position: left bottom;\n}\n\n.full .services-thumbnail-image, .half .services-thumbnail-image {\n  background-size: contain;\n}\n\n.post-main {\n  width: 100%;\n  -webkit-transition: opacity 0.5s;\n  transition: opacity 0.5s;\n}\n\n.two-d .post-main {\n  padding: 42px;\n}\n\n@media (min-width: 415px) {\n  .two-d .post-main {\n    padding: 48px;\n  }\n}\n\n@media (min-width: 769px) {\n  .two-d .post-main {\n    padding: 54px;\n  }\n}\n\n.post-main img {\n  width: 100%;\n}\n\n.post-main p {\n  opacity: 1;\n  margin: 0;\n  font-size: 1.25rem;\n}\n\n.post-main h2, .post-main h4 {\n  font-family: 'K.LEE STUDIO-1';\n  text-transform: uppercase;\n}\n\n.post-main h2 {\n  font-size: 1.25rem;\n}\n\n.post-main h4 {\n  font-size: 2rem;\n  text-align: center;\n  line-height: 1.2;\n}\n\n.post-main .post-header {\n  overflow: auto;\n  margin-bottom: 4rem;\n}\n\n.post-main .post-headertext, .post-main .post-headerimage {\n  float: left;\n  position: relative;\n}\n\n.post-main .post-headertext {\n  z-index: 100;\n  width: 100%;\n  line-height: 1.2;\n}\n\n.post-main .post-headertext div h2 {\n  margin-top: .5em;\n  font-size: 4em;\n  z-index: 100;\n  font-family: 'K.LEE STUDIO';\n  text-transform: uppercase;\n}\n\n.post-main .post-headertext div p {\n  margin-top: 1em;\n}\n\n.post-main .post-headerimage {\n  width: 100%;\n}\n\n.post-main img.small {\n  padding: 0 20%;\n}\n\n.post-main img.medium {\n  padding: 0 10%;\n}\n\n.post-main img.large {\n  padding: 0 0;\n}\n\n.post-main .pull-image {\n  position: relative;\n}\n\n.post-main .pull-image h4 {\n  margin-top: 5rem;\n}\n\n@media (min-width: 415px) {\n  .post-main .post-headertext {\n    width: 50%;\n    -webkit-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n  .post-main .post-headertext div {\n    width: 120%;\n  }\n  .post-main .post-headertext div h2 {\n    margin-top: 1em;\n  }\n  .post-main .post-headertext div p {\n    width: 75%;\n  }\n}\n\n@media (min-width: 415px) {\n  .post-main .post-headerimage {\n    width: 50%;\n    -webkit-transform: translate(100%);\n    transform: translate(100%);\n  }\n  .post-main .pull-image h4 {\n    margin-top: 0;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 95%;\n    -webkit-transform: translate(-50%, -50%);\n    transform: translate(-50%, -50%);\n  }\n}\n\n.super-face .post-main img, .super-face .post-main p, .super-face .post-main .video-container {\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n}\n\n.post-main [class*='col-'] {\n  margin-bottom: 5rem;\n}\n","@charset \"UTF-8\";\r\n\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\na {\r\n  color: inherit;\r\n  text-decoration: none;\r\n  &:visited {\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n}\r\n\r\n.nav nav_full nav_hidden.white-bg {\r\n  background-color: #ffffff;\r\n  color: #000000;\r\n}\r\n\r\nbody {\r\n  background: black;\r\n  color: white;\r\n  -webkit-transition: background .5s, color .5s;\r\n  transition: background .5s, color .5s;\r\n  &.two-d {\r\n    &.page-home, &.page-info {\r\n      overflow-y: hidden;\r\n      overflow-x: hidden;\r\n    }\r\n    &.page-project {\r\n      overflow-y: scroll;\r\n      overflow-x: hidden;\r\n    }\r\n    &.page-work {\r\n      overflow-y: hidden;\r\n      overflow-x: scroll;\r\n    }\r\n  }\r\n  &.page-archive, &.page-services-unknown, &.page-post, &.page-blog, &.page-white {\r\n    background: white;\r\n    color: black;\r\n  }\r\n}\r\n\r\n#renderer {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n  > div {\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n.sizer {\r\n  pointer-events: none;\r\n  z-index: -100;\r\n}\r\n\r\n.two-d .sizer {\r\n  display: none;\r\n}\r\n\r\n.loading {\r\n  position: fixed;\r\n  top: 1rem;\r\n  background: white;\r\n  width: 0.8rem;\r\n  height: 0.8rem;\r\n  margin-left: -0.4rem;\r\n  z-index: 1000;\r\n  border-radius: 50%;\r\n  left: 21px;\r\n  opacity: 0;\r\n  &.on {\r\n    -webkit-animation: pulse .7s .5s linear infinite alternate;\r\n    animation: pulse .7s .5s linear infinite alternate;\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .loading {\r\n    left: 24px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .loading {\r\n    left: 27px;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes pulse {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n\r\n@keyframes pulse {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n/**\r\n * @license\r\n * MyFonts Webfont Build ID 3217698, 2016-05-12T10:30:13-0400\r\n * \r\n * The fonts listed in this notice are subject to the End User License\r\n * Agreement(s) entered into by the website owner. All other parties are \r\n * explicitly restricted from using the Licensed Webfonts(s).\r\n * \r\n * You may obtain a valid license at the URLs below.\r\n * \r\n * Webfont: K.LEE STUDIO-1 by Linotype\r\n * URL: http://www.myfonts.com/fonts/linotype/univers/pro-93-extra-black-extended/\r\n * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2008 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced, \r\n * Licensed pageviews: 250,000\r\n * \r\n * \r\n * License: http://www.myfonts.com/viewlicense?type=web&buildid=3217698\r\n * \r\n * © 2016 MyFonts Inc\r\n*/\r\n/* @import must be at top of file, otherwise CSS will not work */\r\n@font-face {\r\n  font-family: 'K.LEE STUDIO-1';\r\n  src: url(\"/fonts/UniversLT63BoldExtended.eot\");\r\n  src: url(\"/fonts/UniversLT63BoldExtended.eot?#iefix\") format(\"embedded-opentype\"), url(\"/fonts/UniversLT63BoldExtended.woff2\") format(\"woff2\"), url(\"/fonts/UniversLT63BoldExtended.woff\") format(\"woff\"), url(\"/fonts/UniversLT63BoldExtended.ttf\") format(\"truetype\"); }\r\n\r\n@font-face {\r\n  font-family: 'K.LEE STUDIO';\r\n  /* src: url(\"/fonts/UniversLTStd-Ex.ttf\") format(\"truetype\"); */\r\n  src: url(\"/fonts/UniversLTStd-Ex.otf\") format(\"opentype\"), url(\"/fonts/UniversLTStd-Ex.ttf\") format(\"truetype\");\r\n}\r\n\r\n@font-face {\r\n  font-family: 'K.LEE STUDIO';\r\n  src: url(\"/fonts/UniversLTStd-Ex.otf\") format(\"opentype\"), url(\"/fonts/UniversLTStd-Ex.ttf\") format(\"truetype\");\r\n  font-style: italic; }\r\n\r\nhtml {\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  html {\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  html {\r\n    font-size: 18px;\r\n  }\r\n}\r\n\r\nbody {\r\n  font-family: \"K.LEE STUDIO\", sans-serif;\r\n  font-weight: normal;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\np {\r\n  font-family: \"K.LEE STUDIO\", sans-serif;\r\n  /*text-indent: 3em;*/\r\n}\r\n\r\n.sans {\r\n  font-family: \"K.LEE STUDIO\", sans-serif;\r\n}\r\n\r\nstrong {\r\n  font-family: 'K.LEE STUDIO-1';\r\n  text-transform: uppercase;\r\n}\r\n\r\nh1 {\r\n  .sans {\r\n    font-size: 0.8em;\r\n  }\r\n  font-size: 1rem;\r\n}\r\n\r\nh2, h3 {\r\n  font-size: 1rem;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n  font-weight: normal;\r\n}\r\n\r\n.post {\r\n  h1 {\r\n    font-size: 24px;\r\n  }\r\n  h2 {\r\n    font-size: 22px;\r\n  }\r\n  h3 {\r\n    font-size: 20px;\r\n  }\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: bold;\r\n  }\r\n  blockquote {\r\n    margin: 1em 3em;\r\n  }\r\n}\r\n\r\n.inline p {\r\n  display: inline;\r\n}\r\n\r\n.spot {\r\n  content: '';\r\n  border-radius: 50%;\r\n  background: -webkit-radial-gradient(center ellipse, white 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);\r\n  background: radial-gradient(ellipse at center, white 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);\r\n  display: inline-block;\r\n  position: relative;\r\n  margin: 0 0.25em;\r\n}\r\n\r\n.uppercase {\r\n  text-transform: uppercase;\r\n}\r\n\r\n.row {\r\n  margin-left: -1rem;\r\n  margin-right: -1rem;\r\n  &:after {\r\n    content: \"\";\r\n    display: table;\r\n    clear: both;\r\n  }\r\n}\r\n\r\n[class*='col-'] {\r\n  float: left;\r\n  width: 100%;\r\n  padding-left: 1rem;\r\n  padding-right: 1rem;\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .col-1 {\r\n    width: 8.3333%;\r\n  }\r\n  .col-2 {\r\n    width: 16.6667%;\r\n  }\r\n  .col-3 {\r\n    width: 25%;\r\n  }\r\n  .col-4 {\r\n    width: 33.3333%;\r\n  }\r\n  .col-5 {\r\n    width: 41.6667%;\r\n  }\r\n  .col-6 {\r\n    width: 50%;\r\n  }\r\n  .col-7 {\r\n    width: 58.3333%;\r\n  }\r\n  .col-8 {\r\n    width: 66.6667%;\r\n  }\r\n  .col-9 {\r\n    width: 75%;\r\n  }\r\n  .col-10 {\r\n    width: 83.3333%;\r\n  }\r\n  .col-11 {\r\n    width: 91.6667%;\r\n  }\r\n  .col-12 {\r\n    width: 100%;\r\n  }\r\n  .off-1 {\r\n    margin-left: 8.3333%;\r\n  }\r\n  .off-2 {\r\n    margin-left: 16.6667%;\r\n  }\r\n  .off-3 {\r\n    margin-left: 25%;\r\n  }\r\n  .off-4 {\r\n    margin-left: 33.3333%;\r\n  }\r\n  .off-5 {\r\n    margin-left: 41.6667%;\r\n  }\r\n  .off-6 {\r\n    margin-left: 50%;\r\n  }\r\n  .off-7 {\r\n    margin-left: 58.3333%;\r\n  }\r\n  .off-8 {\r\n    margin-left: 66.6667%;\r\n  }\r\n  .off-9 {\r\n    margin-left: 75%;\r\n  }\r\n  .off-10 {\r\n    margin-left: 83.3333%;\r\n  }\r\n  .off-11 {\r\n    margin-left: 91.6667%;\r\n  }\r\n}\r\n\r\n.inline-block {\r\n  display: inline-block;\r\n}\r\n\r\n.pad-0-5 {\r\n  padding: 0.5rem;\r\n}\r\n\r\n.pad-1 {\r\n  padding: 1rem;\r\n}\r\n\r\n.pad-1-5 {\r\n  padding: 1.5rem;\r\n}\r\n\r\n.pad-2 {\r\n  padding: 2rem;\r\n}\r\n\r\n.pad-2-5 {\r\n  padding: 2.5rem;\r\n}\r\n\r\n.pad-3 {\r\n  padding: 3rem;\r\n}\r\n\r\n.pad-3-5 {\r\n  padding: 3.5rem;\r\n}\r\n\r\n.pad-4 {\r\n  padding: 4rem;\r\n}\r\n\r\n.pad-4-5 {\r\n  padding: 4.5rem;\r\n}\r\n\r\n.pad-top-0-5 {\r\n  padding-top: 0.5rem;\r\n}\r\n\r\n.pad-top-1 {\r\n  padding-top: 1rem;\r\n}\r\n\r\n.pad-top-1-5 {\r\n  padding-top: 1.5rem;\r\n}\r\n\r\n.pad-top-2 {\r\n  padding-top: 2rem;\r\n}\r\n\r\n.pad-top-2-5 {\r\n  padding-top: 2.5rem;\r\n}\r\n\r\n.pad-top-3 {\r\n  padding-top: 3rem;\r\n}\r\n\r\n.pad-top-3-5 {\r\n  padding-top: 3.5rem;\r\n}\r\n\r\n.pad-top-4 {\r\n  padding-top: 4rem;\r\n}\r\n\r\n.pad-top-4-5 {\r\n  padding-top: 4.5rem;\r\n}\r\n\r\n.pad-top-5 {\r\n  padding-top: 5rem;\r\n}\r\n\r\n.pad-top-5-5 {\r\n  padding-top: 5.5rem;\r\n}\r\n\r\n.pad-top-6 {\r\n  padding-top: 6rem;\r\n}\r\n\r\n.pad-bottom-0-5 {\r\n  padding-bottom: 0.5rem;\r\n}\r\n\r\n.pad-bottom-1 {\r\n  padding-bottom: 1rem;\r\n}\r\n\r\n.pad-bottom-1-5 {\r\n  padding-bottom: 1.5rem;\r\n}\r\n\r\n.pad-bottom-2 {\r\n  padding-bottom: 2rem;\r\n}\r\n\r\n.pad-bottom-2-5 {\r\n  padding-bottom: 2.5rem;\r\n}\r\n\r\n.pad-bottom-3 {\r\n  padding-bottom: 3rem;\r\n}\r\n\r\n.pad-bottom-3-5 {\r\n  padding-bottom: 3.5rem;\r\n}\r\n\r\n.pad-bottom-4 {\r\n  padding-bottom: 4rem;\r\n}\r\n\r\n.pad-bottom-4-5 {\r\n  padding-bottom: 4.5rem;\r\n}\r\n\r\n.pad-bottom-5 {\r\n  padding-bottom: 5rem;\r\n}\r\n\r\n.pad-bottom-5-5 {\r\n  padding-bottom: 5.5rem;\r\n}\r\n\r\n.pad-bottom-6 {\r\n  padding-bottom: 6rem;\r\n}\r\n\r\n.pad-left-0-5 {\r\n  padding-left: 0.5rem;\r\n}\r\n\r\n.pad-left-1 {\r\n  padding-left: 1rem;\r\n}\r\n\r\n.pad-left-1-5 {\r\n  padding-left: 1.5rem;\r\n}\r\n\r\n.pad-left-2 {\r\n  padding-left: 2rem;\r\n}\r\n\r\n.pad-left-2-5 {\r\n  padding-left: 2.5rem;\r\n}\r\n\r\n.pad-left-3 {\r\n  padding-left: 3rem;\r\n}\r\n\r\n.pad-left-3-5 {\r\n  padding-left: 3.5rem;\r\n}\r\n\r\n.pad-left-4 {\r\n  padding-left: 4rem;\r\n}\r\n\r\n.pad-left-4-5 {\r\n  padding-left: 4.5rem;\r\n}\r\n\r\n.pad-right-0-5 {\r\n  padding-right: 0.5rem;\r\n}\r\n\r\n.pad-right-1 {\r\n  padding-right: 1rem;\r\n}\r\n\r\n.pad-right-1-5 {\r\n  padding-right: 1.5rem;\r\n}\r\n\r\n.pad-right-2 {\r\n  padding-right: 2rem;\r\n}\r\n\r\n.pad-right-2-5 {\r\n  padding-right: 2.5rem;\r\n}\r\n\r\n.pad-right-3 {\r\n  padding-right: 3rem;\r\n}\r\n\r\n.pad-right-3-5 {\r\n  padding-right: 3.5rem;\r\n}\r\n\r\n.pad-right-4 {\r\n  padding-right: 4rem;\r\n}\r\n\r\n.pad-right-4-5 {\r\n  padding-right: 4.5rem;\r\n}\r\n\r\n.gap-0-5 {\r\n  margin: 0.5rem;\r\n}\r\n\r\n.gap-1 {\r\n  margin: 1rem;\r\n}\r\n\r\n.gap-1-5 {\r\n  margin: 1.5rem;\r\n}\r\n\r\n.gap-2 {\r\n  margin: 2rem;\r\n}\r\n\r\n.gap-2-5 {\r\n  margin: 2.5rem;\r\n}\r\n\r\n.gap-3 {\r\n  margin: 3rem;\r\n}\r\n\r\n.gap-3-5 {\r\n  margin: 3.5rem;\r\n}\r\n\r\n.gap-4 {\r\n  margin: 4rem;\r\n}\r\n\r\n.gap-4-5 {\r\n  margin: 4.5rem;\r\n}\r\n\r\n.gap-top-0-5 {\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n.gap-top-1 {\r\n  margin-top: 1rem;\r\n}\r\n\r\n.gap-top-1-5 {\r\n  margin-top: 1.5rem;\r\n}\r\n\r\n.gap-top-2 {\r\n  margin-top: 2rem;\r\n}\r\n\r\n.gap-top-2-5 {\r\n  margin-top: 2.5rem;\r\n}\r\n\r\n.gap-top-3 {\r\n  margin-top: 3rem;\r\n}\r\n\r\n.gap-top-3-5 {\r\n  margin-top: 3.5rem;\r\n}\r\n\r\n.gap-top-4 {\r\n  margin-top: 4rem;\r\n}\r\n\r\n.gap-top-4-5 {\r\n  margin-top: 4.5rem;\r\n}\r\n\r\n.gap-top-5 {\r\n  margin-top: 5rem;\r\n}\r\n\r\n.gap-top-5-5 {\r\n  margin-top: 5.5rem;\r\n}\r\n\r\n.gap-top-6 {\r\n  margin-top: 6rem;\r\n}\r\n\r\n.gap-bottom-0-5 {\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.gap-bottom-1 {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.gap-bottom-1-5 {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.gap-bottom-2 {\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.gap-bottom-2-5 {\r\n  margin-bottom: 2.5rem;\r\n}\r\n\r\n.gap-bottom-3 {\r\n  margin-bottom: 3rem;\r\n}\r\n\r\n.gap-bottom-3-5 {\r\n  margin-bottom: 3.5rem;\r\n}\r\n\r\n.gap-bottom-4 {\r\n  margin-bottom: 4rem;\r\n}\r\n\r\n.gap-bottom-4-5 {\r\n  margin-bottom: 4.5rem;\r\n}\r\n\r\n.gap-bottom-5 {\r\n  margin-bottom: 5rem;\r\n}\r\n\r\n.gap-bottom-5-5 {\r\n  margin-bottom: 5.5rem;\r\n}\r\n\r\n.gap-bottom-6 {\r\n  margin-bottom: 6rem;\r\n}\r\n\r\n.gap-left-0-5 {\r\n  margin-left: 0.5rem;\r\n}\r\n\r\n.gap-left-1 {\r\n  margin-left: 1rem;\r\n}\r\n\r\n.gap-left-1-5 {\r\n  margin-left: 1.5rem;\r\n}\r\n\r\n.gap-left-2 {\r\n  margin-left: 2rem;\r\n}\r\n\r\n.gap-left-2-5 {\r\n  margin-left: 2.5rem;\r\n}\r\n\r\n.gap-left-3 {\r\n  margin-left: 3rem;\r\n}\r\n\r\n.gap-left-3-5 {\r\n  margin-left: 3.5rem;\r\n}\r\n\r\n.gap-left-4 {\r\n  margin-left: 4rem;\r\n}\r\n\r\n.gap-left-4-5 {\r\n  margin-left: 4.5rem;\r\n}\r\n\r\n.gap-right-0-5 {\r\n  margin-right: 0.5rem;\r\n}\r\n\r\n.gap-right-1 {\r\n  margin-right: 1rem;\r\n}\r\n\r\n.gap-right-1-5 {\r\n  margin-right: 1.5rem;\r\n}\r\n\r\n.gap-right-2 {\r\n  margin-right: 2rem;\r\n}\r\n\r\n.gap-right-2-5 {\r\n  margin-right: 2.5rem;\r\n}\r\n\r\n.gap-right-3 {\r\n  margin-right: 3rem;\r\n}\r\n\r\n.gap-right-3-5 {\r\n  margin-right: 3.5rem;\r\n}\r\n\r\n.gap-right-4 {\r\n  margin-right: 4rem;\r\n}\r\n\r\n.gap-right-4-5 {\r\n  margin-right: 4.5rem;\r\n}\r\n\r\n.overlap-top-0 {\r\n  margin-top: 0em;\r\n}\r\n\r\n.overlap-left-0 {\r\n  margin-left: 0em;\r\n}\r\n\r\n.overlap-top-1 {\r\n  margin-top: -1em;\r\n}\r\n\r\n.overlap-left-1 {\r\n  margin-left: -1em;\r\n}\r\n\r\n.overlap-top-2 {\r\n  margin-top: -2em;\r\n}\r\n\r\n.overlap-left-2 {\r\n  margin-left: -2em;\r\n}\r\n\r\n.overlap-top-3 {\r\n  margin-top: -3em;\r\n}\r\n\r\n.overlap-left-3 {\r\n  margin-left: -3em;\r\n}\r\n\r\n.overlap-top-4 {\r\n  margin-top: -4em;\r\n}\r\n\r\n.overlap-left-4 {\r\n  margin-left: -4em;\r\n}\r\n\r\n.overlap-top-5 {\r\n  margin-top: -5em;\r\n}\r\n\r\n.overlap-left-5 {\r\n  margin-left: -5em;\r\n}\r\n\r\n.overlap-top-6 {\r\n  margin-top: -6em;\r\n}\r\n\r\n.overlap-left-6 {\r\n  margin-left: -6em;\r\n}\r\n\r\n.overlap-top-7 {\r\n  margin-top: -7em;\r\n}\r\n\r\n.overlap-left-7 {\r\n  margin-left: -7em;\r\n}\r\n\r\n.overlap-top-8 {\r\n  margin-top: -8em;\r\n}\r\n\r\n.overlap-left-8 {\r\n  margin-left: -8em;\r\n}\r\n\r\n.overlap-top-9 {\r\n  margin-top: -9em;\r\n}\r\n\r\n.overlap-left-9 {\r\n  margin-left: -9em;\r\n}\r\n\r\n.overlap-top-10 {\r\n  margin-top: -10em;\r\n}\r\n\r\n.overlap-left-10 {\r\n  margin-left: -10em;\r\n}\r\n\r\n.hide {\r\n  display: none;\r\n}\r\n\r\n.transparent {\r\n  opacity: 0;\r\n}\r\n\r\n.fade-out {\r\n  opacity: 0 !important;\r\n  -webkit-transition: opacity 0.5s cubic-bezier(0, 0.755, 0.055, 0.99);\r\n  transition: opacity 0.5s cubic-bezier(0, 0.755, 0.055, 0.99);\r\n}\r\n\r\n.blend {\r\n  mix-blend-mode: screen;\r\n}\r\n\r\n.nav_hidden {\r\n  opacity: 0;\r\n}\r\n\r\n.nav, .project-title {\r\n  position: fixed;\r\n  line-height: 1;\r\n  z-index: 800;\r\n  -webkit-transition: opacity 0.5s;\r\n  transition: opacity 0.5s;\r\n  list-style: none;\r\n}\r\n\r\n.nav_full {\r\n  width: 100%;\r\n  left: 0;\r\n  padding: 1em 0;\r\n  -webkit-transition: opacity 0.25s;\r\n  transition: opacity 0.25s;\r\n  display: none;\r\n  > li {\r\n    box-sizing: border-box;\r\n    float: right;\r\n    box-sizing: border-box;\r\n    padding: 0 0.5em;\r\n    position: relative;\r\n    &:first-child {\r\n      float: left;\r\n      padding-left: 42px;\r\n    }\r\n    &:nth-child(2) {\r\n      padding-right: 42px;\r\n    }\r\n  }\r\n  &:hover {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .nav_full {\r\n    display: block;\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .nav_full > li:first-child {\r\n    padding-left: 48px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .nav_full > li:first-child {\r\n    padding-left: 54px;\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .nav_full > li:nth-child(2) {\r\n    padding-right: 48px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .nav_full > li:nth-child(2) {\r\n    padding-right: 54px;\r\n  }\r\n}\r\n\r\n.dropdown__menu {\r\n  pointer-events: none;\r\n  opacity: 0;\r\n  -webkit-transition: opacity .5s;\r\n  transition: opacity .5s;\r\n  position: absolute;\r\n  padding-top: 1.5em;\r\n  top: 0;\r\n  right: 0;\r\n  text-align: right;\r\n  line-height: 1.5;\r\n  &.open {\r\n    opacity: 1;\r\n    pointer-events: visible;\r\n  }\r\n  li {\r\n    display: block;\r\n    padding-right: .5em;\r\n  }\r\n}\r\n\r\n.project-title, .project-nav {\r\n  width: 100vh;\r\n  padding-right: 10vh;\r\n  bottom: 1rem;\r\n}\r\n\r\n.three-d {\r\n  .project-title, .project-nav {\r\n    bottom: 42px;\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .three-d {\r\n    .project-title, .project-nav {\r\n      bottom: 48px;\r\n    }\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .three-d {\r\n    .project-title, .project-nav {\r\n      bottom: 54px;\r\n    }\r\n  }\r\n}\r\n\r\n.project-title {\r\n  -webkit-transform: rotate(-90deg);\r\n  transform: rotate(-90deg);\r\n  -webkit-transform-origin: 0 100%;\r\n  transform-origin: 0 100%;\r\n  left: 2rem;\r\n  text-transform: uppercase;\r\n  /*\r\n\tli:last-child{\r\n\t\tfloat: right;\r\n\t\ttext-align: right;\r\n\t\twidth: 20%;\r\n\t\tpadding-right: 3.5vw;\r\n\t}\r\n\t*/\r\n  li {\r\n    box-sizing: border-box;\r\n    &:first-child {\r\n      white-space: nowrap;\r\n      overflow-x: hidden;\r\n      text-overflow: ellipsis;\r\n      float: left;\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n.project-nav {\r\n  right: 1em;\r\n  -webkit-transform-origin: 0 100%;\r\n  transform-origin: 0 100%;\r\n  -webkit-transform: translateX(100%) rotate(-90deg);\r\n  transform: translateX(100%) rotate(-90deg);\r\n  li {\r\n    float: left;\r\n    /*\r\n\t\t&:last-child{\r\n\t\t\tfloat: right;\r\n\t\t\ttext-align: right;\r\n\t\t\tpadding-right: 3.5vw;\r\n\t\t}\r\n\t\t*/\r\n  }\r\n}\r\n\r\n.nav_small {\r\n  position: absolute;\r\n  font-size: 1.2em;\r\n  width: 100%;\r\n  width: 100vw;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 1000;\r\n  text-align: center;\r\n  -webkit-transition: background 1s, opacity 0.5s, color .5s;\r\n  transition: background 1s, opacity 0.5s, color .5s;\r\n  height: 100%;\r\n  pointer-events: none;\r\n  li {\r\n    padding: 1em;\r\n    pointer-events: visible;\r\n    &:not(:first-child) {\r\n      opacity: 0;\r\n      pointer-events: none;\r\n    }\r\n    &:nth-child(2) {\r\n      -webkit-transition: opacity 0.5s 0.25s;\r\n      transition: opacity 0.5s 0.25s;\r\n    }\r\n    &:nth-child(3) {\r\n      -webkit-transition: opacity 0.5s 0.2s;\r\n      transition: opacity 0.5s 0.2s;\r\n    }\r\n    &:nth-child(4) {\r\n      -webkit-transition: opacity 0.5s 0.15s;\r\n      transition: opacity 0.5s 0.15s;\r\n    }\r\n    &:nth-child(5) {\r\n      -webkit-transition: opacity 0.5s 0.1s;\r\n      transition: opacity 0.5s 0.1s;\r\n    }\r\n    &:nth-child(6) {\r\n      -webkit-transition: opacity 0.5s 0.05s;\r\n      transition: opacity 0.5s 0.05s;\r\n    }\r\n    &:nth-child(7) {\r\n      -webkit-transition: opacity 0.5s 0s;\r\n      transition: opacity 0.5s 0s;\r\n    }\r\n    &:nth-child(8) {\r\n      -webkit-transition: opacity 0.5s -0.05s;\r\n      transition: opacity 0.5s -0.05s;\r\n    }\r\n  }\r\n  &.open {\r\n    background: rgba(0, 0, 0, 0.9);\r\n    color: white;\r\n    li {\r\n      &:not(:first-child) {\r\n        opacity: 1;\r\n        pointer-events: visible;\r\n      }\r\n      &:nth-child(2) {\r\n        -webkit-transition: opacity 0.5s 0.05s;\r\n        transition: opacity 0.5s 0.05s;\r\n      }\r\n      &:nth-child(3) {\r\n        -webkit-transition: opacity 0.5s 0.1s;\r\n        transition: opacity 0.5s 0.1s;\r\n      }\r\n      &:nth-child(4) {\r\n        -webkit-transition: opacity 0.5s 0.15s;\r\n        transition: opacity 0.5s 0.15s;\r\n      }\r\n      &:nth-child(5) {\r\n        -webkit-transition: opacity 0.5s 0.2s;\r\n        transition: opacity 0.5s 0.2s;\r\n      }\r\n      &:nth-child(6) {\r\n        -webkit-transition: opacity 0.5s 0.25s;\r\n        transition: opacity 0.5s 0.25s;\r\n      }\r\n      &:nth-child(7) {\r\n        -webkit-transition: opacity 0.5s 0.3s;\r\n        transition: opacity 0.5s 0.3s;\r\n      }\r\n      &:nth-child(8) {\r\n        -webkit-transition: opacity 0.5s 0.35s;\r\n        transition: opacity 0.5s 0.35s;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .nav_small {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.two-d {\r\n  main {\r\n    min-width: 100%;\r\n    min-height: 100%;\r\n  }\r\n  &.page-work main {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow-x: scroll;\r\n    overflow-y: hidden;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n}\r\n\r\n.three-d main {\r\n  position: fixed;\r\n  overflow: hidden;\r\n  top: 42px;\r\n  bottom: 42px;\r\n  left: 42px;\r\n  right: 42px;\r\n  margin: 0;\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .three-d main {\r\n    top: 48px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .three-d main {\r\n    top: 54px;\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .three-d main {\r\n    bottom: 48px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .three-d main {\r\n    bottom: 54px;\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .three-d main {\r\n    left: 48px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .three-d main {\r\n    left: 54px;\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .three-d main {\r\n    right: 48px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .three-d main {\r\n    right: 54px;\r\n  }\r\n}\r\n\r\n.first-load main {\r\n  visibility: hidden;\r\n}\r\n\r\n.super-face {\r\n  overflow: hidden;\r\n}\r\n\r\nsection {\r\n  position: relative;\r\n  -webkit-transition: opacity 0.5s cubic-bezier(0, 1, 0.5, 1);\r\n  transition: opacity 0.5s cubic-bezier(0, 1, 0.5, 1);\r\n}\r\n\r\n/*\r\nsection img{\r\n    //position: absolute;\r\n    transform: translate3d(0,0,0);\r\n}\r\n*/\r\n\r\nnav {\r\n  -webkit-transition: opacity 0.5s cubic-bezier(0, 1, 0.5, 1);\r\n  transition: opacity 0.5s cubic-bezier(0, 1, 0.5, 1);\r\n}\r\n\r\n.home-logo {\r\n  -webkit-transition: opacity 2s .5s;\r\n  transition: opacity 2s .5s;\r\n}\r\n\r\n.home-logo__inner {\r\n  pointer-events: visible;\r\n  text-transform: uppercase;\r\n  font-size: 5.5vw;\r\n  position: absolute;\r\n  width: 90%;\r\n  left: 5%;\r\n  top: 50%;\r\n  text-align: center;\r\n  -webkit-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n  line-height: 1.1;\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .home-logo__inner {\r\n    font-size: 5.5vw;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .home-logo__inner {\r\n    font-size: 5.5vw;\r\n  }\r\n}\r\n\r\n.home-logo__inner-project {\r\n  opacity: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.home-logo__client, .home-logo__project-title {\r\n  display: block;\r\n}\r\n\r\n.home-logo_show-project-title {\r\n  .home-logo__inner-ss {\r\n    opacity: 0;\r\n  }\r\n  .home-logo__inner-project {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.home-logo.fade-out {\r\n  -webkit-transition: opacity .5s .5s;\r\n  transition: opacity .5s .5s;\r\n  opacity: 0;\r\n}\r\n\r\n.home-img {\r\n  pointer-events: visible;\r\n  background-size: 100% auto;\r\n  a {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  &.fade-out {\r\n    -webkit-transition: opacity .25s;\r\n    transition: opacity .25s;\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.two-d .info-main {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: scroll;\r\n}\r\n\r\n.super-face .info-main {\r\n  height: 100%;\r\n}\r\n\r\n.info-inner {\r\n  pointer-events: visible;\r\n}\r\n\r\n.three-d .info-inner {\r\n  width: 59vw;\r\n}\r\n\r\n.info-inner {\r\n  p {\r\n    font-size: 4vw;\r\n    margin-bottom: 1em;\r\n  }\r\n  a {\r\n    border-bottom: 0.1em solid white;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .info-inner p {\r\n    font-size: 1.5vw;\r\n  }\r\n}\r\n\r\n.two-d .info-inner {\r\n  padding: 42px 20px 20px 20px;\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .two-d .info-inner {\r\n    padding: 48px 48px 20px 48px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .two-d .info-inner {\r\n    padding: 54px 54px 20px 54px;\r\n  }\r\n}\r\n\r\n.three-d .info-inner {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  -webkit-transform: translate(-50%, -50%);\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.work-main {\r\n  white-space: nowrap;\r\n  height: 100%;\r\n  -webkit-transform: translate3d(0, 0, 0);\r\n  transform: translate3d(0, 0, 0);\r\n  position: relative;\r\n  float: left;\r\n}\r\n\r\n.two-d .work-main {\r\n  padding: 42px 20px 20px 20px;\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .two-d .work-main {\r\n    padding: 48px 48px 20px 48px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .two-d .work-main {\r\n    padding: 54px 54px 20px 54px;\r\n  }\r\n}\r\n\r\n.thumbnail-column {\r\n  display: inline-block;\r\n  width: 70vw;\r\n  margin-right: 30px;\r\n  height: 100%;\r\n  vertical-align: top;\r\n  -webkit-transition: opacity 0.5s;\r\n  transition: opacity 0.5s;\r\n  position: relative;\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .thumbnail-column {\r\n    width: 600px;\r\n    width: 50vh;\r\n    margin-right: 100px;\r\n  }\r\n}\r\n\r\n.work-thumbnail {\r\n  position: absolute;\r\n  width: 100%;\r\n  &.full {\r\n    &.landscape {\r\n      height: 60%;\r\n    }\r\n    &.portrait {\r\n      height: 100%;\r\n    }\r\n    &.middle {\r\n      top: 50%;\r\n      -webkit-transform: translateY(-50%);\r\n      transform: translateY(-50%);\r\n    }\r\n    &.bottom {\r\n      bottom: 0;\r\n    }\r\n  }\r\n  &.half {\r\n    height: 50%;\r\n  }\r\n  p {\r\n    position: absolute;\r\n    bottom: 1em;\r\n    white-space: initial;\r\n    height: 4.5em;\r\n  }\r\n}\r\n\r\n.work-thumbnail-image {\r\n  position: absolute;\r\n  background-repeat: no-repeat;\r\n  width: 100%;\r\n  top: 0;\r\n  bottom: 6em;\r\n  background-position: left bottom;\r\n}\r\n\r\n.full .work-thumbnail-image, .half .work-thumbnail-image {\r\n  background-size: contain;\r\n}\r\n\r\n.archive-main, .blog-main {\r\n  position: relative;\r\n}\r\n\r\n.two-d {\r\n  .archive-main, .blog-main {\r\n    padding: 42px 20px 20px 20px;\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .two-d {\r\n    .archive-main, .blog-main {\r\n      padding: 48px 48px 20px 48px;\r\n    }\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .two-d {\r\n    .archive-main, .blog-main {\r\n      padding: 54px 54px 20px 54px;\r\n    }\r\n  }\r\n}\r\n\r\n.archive-main:after, .blog-main:after {\r\n  clear: both;\r\n  content: \"\";\r\n  display: block;\r\n}\r\n\r\n.archive-thumbnail, .blog-thumbnail {\r\n  margin-bottom: 2em;\r\n  float: left;\r\n  max-width: 100%;\r\n}\r\n\r\n.archive-thumbnail img, .blog-thumbnail img {\r\n  width: 100%;\r\n  display: block;\r\n  margin-bottom: .25em;\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .archive-thumbnail, .blog-thumbnail {\r\n    padding-right: 2em;\r\n  }\r\n  .archive-thumbnail-small, .blog-thumbnail-small {\r\n    width: 25vh;\r\n  }\r\n  .archive-thumbnail-medium, .blog-thumbnail-medium {\r\n    width: 50vh;\r\n  }\r\n  .archive-thumbnail-large, .blog-thumbnail-large {\r\n    width: 75vh;\r\n  }\r\n}\r\n\r\n.project-main {\r\n  width: 100%;\r\n  -webkit-transition: opacity 0.5s;\r\n  transition: opacity 0.5s;\r\n}\r\n\r\n.two-d .project-main {\r\n  padding: 42px;\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .two-d .project-main {\r\n    padding: 48px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .two-d .project-main {\r\n    padding: 54px;\r\n  }\r\n}\r\n\r\n.project-main {\r\n  img {\r\n    width: 100%;\r\n  }\r\n  p {\r\n    text-indent: 2em;\r\n    opacity: 1;\r\n    background: black;\r\n    margin: 0;\r\n    &:first-of-type {\r\n      text-indent: 0;\r\n    }\r\n  }\r\n  h2 {\r\n    font-size: 1em;\r\n    font-family: 'K.LEE STUDIO-1';\r\n    text-transform: uppercase;\r\n  }\r\n}\r\n\r\n.super-face .project-main {\r\n  img, p, .video-container {\r\n    -webkit-transform: translate3d(0, 0, 0);\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n}\r\n\r\n.project-main {\r\n  .video-container {\r\n    height: 0;\r\n    padding-bottom: 56.25%;\r\n    background-size: 100% auto;\r\n    background-repeat: no-repeat;\r\n    position: relative;\r\n    overflow: hidden;\r\n    iframe {\r\n      border: none;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n    }\r\n  }\r\n  .auto-height {\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    &.position-left {\r\n      background-position: left center;\r\n    }\r\n    &.position-center {\r\n      background-position: center center;\r\n    }\r\n    &.position-right {\r\n      background-position: right center;\r\n    }\r\n  }\r\n  [class*='col-'] {\r\n    margin-bottom: 5rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 414px) {\r\n  .project-main .row_two-one-image .col-5 img:first-child {\r\n    margin-bottom: 5rem;\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .project-main {\r\n    .row_two-one-image .col-6 img {\r\n      margin-top: 2rem;\r\n    }\r\n    .row_two-one-image-largeImageLeft .col-5 img:last-child {\r\n      margin-left: -2rem;\r\n      margin-top: -2rem;\r\n    }\r\n    .row_two-one-image-largeImageRight .col-5 img:last-child {\r\n      margin-left: 2rem;\r\n      margin-top: -2rem;\r\n    }\r\n    .row_image-set {\r\n      margin-left: 0;\r\n      margin-right: 0;\r\n      [class*='col-'] {\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n      }\r\n      img {\r\n        width: 110%;\r\n      }\r\n      [class*='col-'] {\r\n        &:nth-child(1) {\r\n          margin-top: 1rem;\r\n        }\r\n        &:nth-child(3) {\r\n          margin-top: 2rem;\r\n        }\r\n      }\r\n    }\r\n    .row_image-set-2 [class*='col-']:last-child img {\r\n      margin-left: -10%;\r\n    }\r\n    .row_image-set-3 [class*='col-'] {\r\n      &:nth-child(2) {\r\n        z-index: 10;\r\n        img {\r\n          margin-left: -5%;\r\n        }\r\n      }\r\n      &:last-child img {\r\n        margin-left: -10%;\r\n      }\r\n    }\r\n    .image-stack {\r\n      .row {\r\n        &:first-child .col-12 {\r\n          margin-bottom: 0;\r\n        }\r\n        &:last-child .col-12 {\r\n          margin-top: -10%;\r\n          margin-left: 10%;\r\n        }\r\n      }\r\n      img {\r\n        width: 90%;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.project-main-flat {\r\n  overflow: hidden;\r\n  position: fixed !important;\r\n}\r\n\r\n.services-main {\r\n  width: 100%;\r\n  -webkit-transform: translate3d(0, 0, 0);\r\n  transform: translate3d(0, 0, 0);\r\n  position: relative;\r\n  &:after {\r\n    clear: both;\r\n    content: \"\";\r\n    display: block;\r\n  }\r\n}\r\n\r\n.two-d .services-main {\r\n  padding: 42px 20px 20px 20px;\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .two-d .services-main {\r\n    padding: 48px 48px 20px 48px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .two-d .services-main {\r\n    padding: 54px 54px 20px 54px;\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .services-row {\r\n    margin: 0 -15px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .services-row {\r\n    margin: 0 -30px;\r\n  }\r\n}\r\n\r\n.services-thumbnail {\r\n  float: left;\r\n  width: 100%;\r\n  padding-bottom: 15px;\r\n  img {\r\n    width: 100%;\r\n  }\r\n  p {\r\n    margin-top: 5px;\r\n    white-space: initial;\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .services-thumbnail {\r\n    width: 50%;\r\n    padding: 0 15px 30px 15px;\r\n    &:nth-child(2n+1) {\r\n      clear: left;\r\n    }\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .services-thumbnail {\r\n    width: 33%;\r\n    padding: 0 30px 60px 30px;\r\n    &:nth-child(2n+1) {\r\n      clear: none;\r\n    }\r\n    &:nth-child(3n+1) {\r\n      clear: left;\r\n      content: \"\";\r\n      display: block;\r\n    }\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .services-thumbnail {\r\n    &:nth-child(5n+3) {\r\n      padding-top: 2em;\r\n    }\r\n    &:nth-child(4n+1) {\r\n      padding-top: 4em;\r\n    }\r\n    &:nth-child(5n) {\r\n      padding-top: 3em;\r\n    }\r\n  }\r\n}\r\n\r\n.services-thumbnail-image {\r\n  position: absolute;\r\n  background-repeat: no-repeat;\r\n  width: 100%;\r\n  top: 0;\r\n  bottom: 6em;\r\n  background-position: left bottom;\r\n}\r\n\r\n.full .services-thumbnail-image, .half .services-thumbnail-image {\r\n  background-size: contain;\r\n}\r\n\r\n.post-main {\r\n  width: 100%;\r\n  -webkit-transition: opacity 0.5s;\r\n  transition: opacity 0.5s;\r\n}\r\n\r\n.two-d .post-main {\r\n  padding: 42px;\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .two-d .post-main {\r\n    padding: 48px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .two-d .post-main {\r\n    padding: 54px;\r\n  }\r\n}\r\n\r\n.post-main {\r\n  img {\r\n    width: 100%;\r\n  }\r\n  p {\r\n    opacity: 1;\r\n    margin: 0;\r\n    font-size: 1.25rem;\r\n  }\r\n  h2, h4 {\r\n    font-family: 'K.LEE STUDIO-1';\r\n    text-transform: uppercase;\r\n  }\r\n  h2 {\r\n    font-size: 1.25rem;\r\n  }\r\n  h4 {\r\n    font-size: 2rem;\r\n    text-align: center;\r\n    line-height: 1.2;\r\n  }\r\n  .post-header {\r\n    overflow: auto;\r\n    margin-bottom: 4rem;\r\n  }\r\n  .post-headertext, .post-headerimage {\r\n    float: left;\r\n    position: relative;\r\n  }\r\n  .post-headertext {\r\n    z-index: 100;\r\n    width: 100%;\r\n    line-height: 1.2;\r\n    div {\r\n      h2 {\r\n        margin-top: .5em;\r\n        font-size: 4em;\r\n        z-index: 100;\r\n        font-family: 'K.LEE STUDIO';\r\n        text-transform: uppercase;\r\n      }\r\n      p {\r\n        margin-top: 1em;\r\n      }\r\n    }\r\n  }\r\n  .post-headerimage {\r\n    width: 100%;\r\n  }\r\n  img {\r\n    &.small {\r\n      padding: 0 20%;\r\n    }\r\n    &.medium {\r\n      padding: 0 10%;\r\n    }\r\n    &.large {\r\n      padding: 0 0;\r\n    }\r\n  }\r\n  .pull-image {\r\n    position: relative;\r\n    h4 {\r\n      margin-top: 5rem;\r\n    }\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .post-main .post-headertext {\r\n    width: 50%;\r\n    -webkit-transform: translateX(-100%);\r\n    transform: translateX(-100%);\r\n    div {\r\n      width: 120%;\r\n      h2 {\r\n        margin-top: 1em;\r\n      }\r\n      p {\r\n        width: 75%;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (min-width: 415px) {\r\n  .post-main .post-headerimage {\r\n    width: 50%;\r\n    -webkit-transform: translate(100%);\r\n    transform: translate(100%);\r\n  }\r\n  .post-main .pull-image h4 {\r\n    margin-top: 0;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    width: 95%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n  }\r\n}\r\n\r\n.super-face .post-main {\r\n  img, p, .video-container {\r\n    -webkit-transform: translate3d(0, 0, 0);\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n}\r\n\r\n.post-main [class*='col-'] {\r\n  margin-bottom: 5rem;\r\n}\r\n"]}