/*!
 * Bennet.org Custom Stylesheet
 * Tiberian Origins - https://www.bennet.org/features/tiberian-origins/
 * By Tom Bennet
*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}::-moz-selection{background:#D61717;text-shadow:none;color:white}::selection{background:#D61717;text-shadow:none;color:white}audio,canvas,iframe,img,svg,video{vertical-align:middle}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}img,video{width:100%;max-width:100%}html{color:#313131;font-size:1em;font-family:'Lora', serif;line-height:1.7}body{background-color:#e5e8e9}p{margin-bottom:1.7em}a{color:#D61717;text-decoration:none;border-bottom:2px solid #C2C0C0;-webkit-transition:0.3s;transition:0.3s}a:hover{color:#C2C0C0}.header{position:relative;width:100%;height:22em;background-image:url("/images/cnc/tiberian-origins-header.jpg");background-size:cover;background-position:50% 50%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center}.header__animation{width:12em;height:8em;background-image:url("/images/cnc/sm-conyard.png");background-size:100%;background-repeat:no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.header__overlay{margin:1em 0 0 0;padding:0.8em;font-family:'Audiowide', sans-serif;text-align:center;background:rgba(0,0,0,0.7);color:white;letter-spacing:0.2em}.header__headline{margin:0;font-size:2.3em;line-height:1em;text-transform:uppercase}.header__strapline{margin:0.2em 0 0 0;font-size:1.2em;line-height:1em}.section-title{margin-top:0;font-family:'Josefin Sans', sans-serif;font-weight:700;font-size:1.8em;letter-spacing:0.07em;text-align:center}.section-title--opening{margin-top:0.8em}.section-title--sharing{margin-top:0.8em;margin-bottom:0.4em}.article-body{width:80%;margin:0 auto 0 auto}.dropcap:first-letter{float:left;color:#D61717;font-size:5.5em;line-height:0.8em;margin-right:0.05em}.animation-hand{margin:6.8em auto 0 auto;width:10em;height:15em;background-image:url("/images/cnc/sm-hand.png");background-size:100%;background-repeat:no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.animation-tesla{margin:6.8em auto .85em auto;width:10em;height:15em;background-image:url("/images/cnc/sm-tesla.png");background-size:100%;background-repeat:no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.animation-temple{margin:6.8em auto 0 auto;width:14em;height:14em;background-image:url("/images/cnc/sm-temple.png");background-size:100%;background-repeat:no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.figure{margin:0 auto 1.7em auto;width:80%;text-align:left;font-size:0.875em}.figure__blockquote{margin:0;padding:1.7em;border-radius:0.8em;background:#434445;color:white;font-family:'Josefin Sans', sans-serif;line-height:2}.figure__icon{float:left;width:4.5em;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.figure__icon--xl{width:6em}.figure__caption{padding:0.3em 0.3em 1.7em 0;font-family:'Josefin Sans', sans-serif;font-weight:400;text-align:right}.cnc-timeline:before,.cnc-timeline:after{display:block;margin:3em auto 1em auto;content:' ';width:50%;height:2px;background:#C2C0C0}.article-body--share-credits{text-align:center}.sharing-button{padding:0.5em 0.75em;line-height:1.15;border-radius:0.4em;-webkit-transition:0.2s;transition:0.2s}.sharing-button__link{border-bottom:0;color:#fff;margin:0.5em}.sharing-button__link:hover{color:#fff}.sharing-button__icon{fill:#fff;stroke:none}.sharing-button__link,.sharing-button__icon{font-size:0.75em;display:inline-block}.sharing-button__icon svg{width:1em;height:1em;margin-right:0.4em;vertical-align:top}.sharing-button--twitter{background-color:#55acee;border-color:#55acee}.sharing-button--twitter:hover,.sharing-button--twitter:active{background-color:#2795e9;border-color:#2795e9}.sharing-button--facebook{background-color:#3b5998;border-color:#3b5998}.sharing-button--facebook:hover,.sharing-button--facebook:active{background-color:#2d4373;border-color:#2d4373}.sharing-button--reddit{background-color:#dd4b39;border-color:#dd4b39}.sharing-button--reddit:hover{background-color:#c23321;border-color:#c23321}.sharing-button--email{background-color:#777777;border-color:#777777}.sharing-button--email:hover,.sharing-button--email:active{background-color:#5e5e5e;border-color:#5e5e5e}.contributors{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center}.contributors__item{margin:0 1.7em 1.7em 1.7em;max-width:40%}.contributors__headshot{width:20em}.contributors__bio{margin:0.2em 0 0 0;font-size:0.8em}.contributors__bio span{font-style:italic}.credits{font-size:0.875em}.hidden-link{color:#313131;font-weight:bold;border-bottom:none}.hidden-link:hover{color:#313131;border-bottom:none}.easter-egg-header{height:20em;margin-bottom:1.7em;background-image:url("/images/cnc/red-alert-intro.png");background-position:center top;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}.easter-egg-footer{font-family:"brandon-grotesque";text-align:center}.easter-egg-footer:before{display:block;margin:3em auto 1em auto;content:' ';width:50%;height:2px;background:#C2C0C0}@media screen and (max-width: 639px){html{font-size:0.875em}}@media screen and (min-width: 640px){.figure{width:70%}.figure--image{width:65%}.contributors{margin:0 -10% 0 -10%;-webkit-box-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.contributors__item{max-width:25%}}@media screen and (min-width: 960px){.header{height:25em;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.header__overlay{margin:0 0 0 1em}.article-body{width:60%}.figure{margin:0 1.7em 0 -20%;float:left;width:60%}.figure--right{margin:0 -20% 0 1.7em;float:right;text-align:right}.figure--image{width:55%}.figure__icon--right{float:right;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.figure__caption--right{padding:0.3em 0 1.7em 0.3em;text-align:left}.easter-egg-header{height:25em}}@media screen and (min-width: 1120px){html{font-size:1.125em}}@media screen and (min-width: 1440px){html{font-size:1.250em}.article-body{max-width:46.5em}}
