*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul,li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit}q:before,q:after{content:''}header,aside,nav,footer,section,article,hgroup,address,figure,figcaption,video,details,small,summary,img,main,time,dl,dt,dd{display:block}html{webkit-text-size-adjust:none}i,b,em,strong{font-style:inherit;font-weight:inherit}img{display:block;width:100%;height:auto}a{text-decoration:none;color:inherit}mark{background:none;color:inherit}input{webkit-appearance:none;border-radius:0}small{font-size:inherit}abbr{text-decoration:none;color:inherit}.clear:before,.clear:after{content:" ";display:table}.clear:after{clear:both}.obsolescence{display:none}.bound{width:88%;max-width:1300px;margin:0 auto}body{background:white;font-size:100%;line-height:1.2;font-style:normal;color:black;font-weight:400;font-family:"franklin-gothic-urw",Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;padding-bottom:140px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{height:100%}.foreword{text-align:left}.foreword .bound{position:relative;box-sizing:border-box;padding-top:30%}.foreword h1{font-size:2.125em;color:#434343;margin-bottom:0.5em}.foreword h1{font-family:"abril-display",Georgia,serif;color:black;letter-spacing:-0.03em;font-weight:400;line-height:0.8;font-size:4.0em;margin-bottom:0.3em}.foreword p{margin-bottom:3em;color:#999898;color:black;font-size:1.375em}.foreword .prose{position:absolute;bottom:25%;width:100%}.foreword small{color:#bebebe;color:gray;font-size:1.0625em;font-size:1em}.foreword small span{opacity:0;transition:opacity 1200ms;white-space:nowrap}.foreword small span:nth-of-type(1){transition-delay:0.8s}.foreword small span:nth-of-type(2){transition-delay:1.3s}.foreword small span:nth-of-type(3){transition-delay:1.8s}.foreword small span:nth-of-type(4){transition-delay:2.3s}.foreword.loaded small span{opacity:1}.foreword span:nth-of-type(4){font-size:0.85em}@media screen and (max-width: 520px){.foreword h1{font-size:3.5em}.foreword p{font-size:1.25em}.foreword p span{display:block}}.chapter{position:relative;display:inline-block;line-height:1}.chapter span{display:block;font-size:1.375em;padding-top:3px;color:#969696}.chapter mark{display:block;position:absolute;left:-44px;width:27px;height:27px;border-radius:30px;text-align:center;border:1px solid #7b7b7b;color:#959595;font-family:"Helvetica", Arial, sans-serif;box-sizing:border-box;padding-top:4px}@media screen and (max-width: 1020px){.chapter span{padding-top:16px}.chapter mark{position:static}}@-webkit-keyframes screen-first{0%{opacity:1}30%{opacity:1}35%{opacity:0}95%{opacity:0}100%{opacity:1}}@-moz-keyframes screen-first{0%{opacity:1}30%{opacity:1}35%{opacity:0}95%{opacity:0}100%{opacity:1}}@-o-keyframes screen-first{0%{opacity:1}30%{opacity:1}35%{opacity:0}95%{opacity:0}100%{opacity:1}}@keyframes screen-first{0%{opacity:1}30%{opacity:1}35%{opacity:0}95%{opacity:0}100%{opacity:1}}@-webkit-keyframes screen-second{0%{opacity:0}30%{opacity:0}35%{opacity:1}65%{opacity:1}70%{opacity:0}100%{opacity:0}}@-moz-keyframes screen-second{0%{opacity:0}30%{opacity:0}35%{opacity:1}65%{opacity:1}70%{opacity:0}100%{opacity:0}}@-o-keyframes screen-second{0%{opacity:0}30%{opacity:0}35%{opacity:1}65%{opacity:1}70%{opacity:0}100%{opacity:0}}@keyframes screen-second{0%{opacity:0}30%{opacity:0}35%{opacity:1}65%{opacity:1}70%{opacity:0}100%{opacity:0}}@-webkit-keyframes screen-third{0%{opacity:0}65%{opacity:0}70%{opacity:1}95%{opacity:1}100%{opacity:0}}@-moz-keyframes screen-third{0%{opacity:0}65%{opacity:0}70%{opacity:1}95%{opacity:1}100%{opacity:0}}@-o-keyframes screen-third{0%{opacity:0}65%{opacity:0}70%{opacity:1}95%{opacity:1}100%{opacity:0}}@keyframes screen-third{0%{opacity:0}65%{opacity:0}70%{opacity:1}95%{opacity:1}100%{opacity:0}}.laudable{background:#5a5a5a;padding:120px 0 220px;color:white}.laudable .chapter{margin-bottom:95px}.laudable article{margin-bottom:125px}.laudable article:last-of-type{margin-bottom:0}.laudable article h1{font-size:1.7em;margin-bottom:39px}.laudable figure{width:39.692307692308%;float:left;box-shadow:0 1px 10px rgba(0,0,0,0.15);padding-top:25px;background:url(../i/fake-browser-chrome-r.png) no-repeat right top,url(../i/fake-browser-chrome-l.png) no-repeat left top;background-size:60px 25px, 880px 25px;background-color:#4d4d4d}.laudable figure .screens{overflow:hidden;position:relative}.laudable figure .screens:before{display:block;content:"";width:100%;padding-top:76.74419%}.laudable figure .screens>.fixed{position:absolute;top:0;left:0;right:0;bottom:0}.laudable figure img{position:absolute;top:0;left:0}.laudable figure img:nth-of-type(1){-webkit-animation:screen-first 5s infinite linear;-moz-animation:screen-first 5s infinite linear;-o-animation:screen-first 5s infinite linear;animation:screen-first 5s infinite linear}.laudable figure img:nth-of-type(2){-webkit-animation:screen-second 5s infinite linear;-moz-animation:screen-second 5s infinite linear;-o-animation:screen-second 5s infinite linear;animation:screen-second 5s infinite linear}.laudable figure img:nth-of-type(3){-webkit-animation:screen-third 5s infinite linear;-moz-animation:screen-third 5s infinite linear;-o-animation:screen-third 5s infinite linear;animation:screen-third 5s infinite linear}.laudable .text{width:51.692307692308%;float:right;padding-top:9px}.laudable .exposition{background:url(../i/1px-laudable-gutter.png) repeat-y 54.31548% top;background-size:1px 1px;padding-bottom:25px}.laudable .exposition em{font-style:italic}.laudable .brief{width:50%;float:left;line-height:1.4;padding-top:3px}.laudable .brief a{box-shadow:inset 0 -1px 0 #5a5a5a,inset 0 -2px 0 rgba(255,255,255,0.3);transition:box-shadow 200ms}.laudable .brief a:hover{box-shadow:inset 0 -1px 0 #5a5a5a,inset 0 -2px 0 rgba(255,255,255,0.9)}.laudable aside{width:43.452380952381%;float:right;font-size:0.875em;font-weight:500;padding-top:5px}.laudable ol li{margin-bottom:9px}.laudable ol a{padding-right:11px;background:url(../i/rightward-triangle-gray.svg) no-repeat right bottom;background-size:5px 10px}.laudable ol a span{color:#94f9ff;transition:color 220ms, box-shadow 100ms}.laudable ol a:hover span{color:white;box-shadow:inset 0 -1px 0 #5a5a5a,inset 0 -2px 0 rgba(255,255,255,0.4);text-shadow:0 1px 2px rgba(0,0,0,0.4)}.laudable ul{padding-top:25px}.laudable ul li{display:block;width:100%;padding-left:6.506849315068%;margin-bottom:12px;margin-left:-6.506849315068%;background:url(../i/disc-lightgray.svg) no-repeat left 3px;background-size:2.572347266881% auto}.laudable .roles{color:#c2c2c2}.laudable .praise{color:#ffc13b;background-image:url("../i/disc-gold.svg")}@media screen and (min-width: 951px) and (max-width: 1200px){.laudable figure{width:48%}.laudable .text{width:45%;padding-top:0}.laudable .exposition{background:none}.laudable .brief,.laudable aside{width:100%;float:none}.laudable .brief{margin-bottom:25px}.laudable aside{background:url(../i/1px-laudable-gutter.png) repeat-y 2px top;background-size:1px 1px;padding-bottom:25px;padding:0 0 5px 12px}.laudable ul li{padding-left:12px;margin-left:-12px;background-size:5px 5px;background-position:left 5px}}@media screen and (max-width: 950px){.laudable{padding-bottom:120px}.laudable figure{width:100%;max-width:516px;float:none;margin-bottom:45px}.laudable .text{width:100%;padding-top:0;float:none}}@media screen and (max-width: 600px){.laudable .exposition{background:none}.laudable .brief,.laudable aside{width:100%;float:none}.laudable .brief{margin-bottom:25px}.laudable aside{background:url(../i/1px-laudable-gutter.png) repeat-y 2px top;background-size:1px 1px;padding-bottom:25px;padding:0 0 5px 12px}.laudable ul li{padding-left:12px;margin-left:-12px;background-size:5px 5px;background-position:left 5px}.laudable article{margin-bottom:75px}.laudable article h1{margin-bottom:25px}}.worthwhile{padding:165px 0 60px}.worthwhile>.bound{position:relative}.worthwhile .chapter{margin-bottom:140px}.worthwhile .chapter span{color:#c0c0c0}.worthwhile .chapter mark{color:#c0c0c0;border-color:#e8e8e8}.worthwhile .filters{position:absolute;right:0;top:3px}.worthwhile .filters li{display:block;float:left}.worthwhile .filters button{display:block;text-transform:uppercase;font:400 normal 0.75em/1 "franklin-gothic-urw",Helvetica,Arial,sans-serif;border:none;background:white;box-sizing:border-box;color:#bababa;outline:none;padding:7px 6px 8px;border:1px solid white;border-color:white;cursor:pointer;transition:color 200ms, border-color 150ms}.worthwhile .filters button:hover{color:#ef74e2;border-color:rgba(0,0,0,0.15)}.worthwhile .filters button.selected{color:black !important;border-color:rgba(0,0,0,0.3) !important;cursor:default}@media screen and (max-width: 1020px){.worthwhile .filters{top:43px}}.worthwhile figure{float:left;width:22.461538461538%;margin:0 3.384615384615% 60px 0;cursor:pointer;transition:color 200ms}.worthwhile figure:nth-of-type(4n){margin-right:0}.worthwhile figure:nth-of-type(4n+1){clear:both}.worthwhile b{display:block;margin-bottom:14px}.worthwhile figcaption{font-size:1.3125em;line-height:1;display:block;position:relative}.worthwhile figcaption span{display:inline;color:#7a7a7a;transition:box-shadow 200ms, color 150ms}.worthwhile figure:hover figcaption span{color:black;box-shadow:inset 0 -2px 0 #fff,inset 0 -3px 0 rgba(0,0,0,0.25)}.worthwhile figure[data-tags~="ran"] figcaption span{margin-right:65px}.worthwhile figure[data-tags~="ran"] figcaption .time{position:absolute;right:0;top:2px;font-size:0.76190476190476em;background:url(../i/shoe.svg) no-repeat left top;background-size:18px 16px;padding:2px 0 0 21px;color:black;opacity:0.3;box-sizing:border-box;min-height:16px;box-shadow:inset 20px 0 0 rgba(255,255,255,0.4);transition:opacity 200ms, box-shadow 100ms}.worthwhile figure[data-tags~="ran"]:hover figcaption .time{opacity:0.8;box-shadow:none}@media screen and (max-width: 1150px){.worthwhile{padding-bottom:80px}}@media screen and (max-width: 1000px){.worthwhile figure{width:31%;margin-right:3.5%;margin-bottom:45px}.worthwhile figure:nth-of-type(4n){margin-right:3.5%}.worthwhile figure:nth-of-type(3n){margin-right:0}.worthwhile figure:nth-of-type(4n+1){clear:none}.worthwhile figure:nth-of-type(3n+1){clear:both}.worthwhile b{display:block;margin-bottom:11px}.worthwhile figcaption{font-size:1.125em}.worthwhile figure[data-tags~="ran"] figcaption .time{top:0}}@media screen and (max-width: 950px){.worthwhile{padding-top:100px}}@media screen and (max-width: 760px){.worthwhile figure{width:48%;margin-right:0;margin-bottom:40px}.worthwhile figure:nth-of-type(4n){margin-right:0}.worthwhile figure:nth-of-type(3n+1){clear:none}.worthwhile figure:nth-of-type(odd){margin-right:4%;clear:both}.worthwhile b{max-width:292px;margin-bottom:9px}.worthwhile figcaption{font-size:1em}}@media screen and (max-width: 650px){.worthwhile{padding-bottom:35px}.worthwhile .filters{position:static;margin-bottom:80px}.worthwhile .chapter{margin-bottom:80px}}@media screen and (max-width: 370px){.worthwhile figure{margin-bottom:25px}.worthwhile figcaption{font-size:0.875em}.worthwhile b{margin-bottom:7px}}.appendix,.afterword{color:#acacac}.acknowledgment a,.latest-runs a,.contact a,.afterword a{color:#ef74e2;transition:color 150ms, box-shadow 150ms}.acknowledgment a:hover,.latest-runs a:hover,.contact a:hover,.afterword a:hover{color:#e31ace;box-shadow:inset 0 -1px 0 #fff,inset 0 -2px 0 rgba(239,116,226,0.5)}.appendix{border-top:1px solid #e6e6e5;padding:50px 0 80px}.appendix .primary{width:65.538461538462%;float:right}.appendix .chronology{width:34.272300469484%;float:left}.appendix .latest-runs{width:47.417840375587%;float:right}.appendix .secondary{width:31.076923076923%;float:left}.appendix .secondary h1,.appendix .chronology h1,.appendix .latest-runs header{text-transform:uppercase;font-size:0.875em;font-weight:500;color:#686868;margin-bottom:39px}.appendix .chronology h1{margin-bottom:34px}.appendix .approachability{margin-bottom:65px}.appendix .contact li{margin-bottom:0.8em}.appendix .latest-runs header{position:relative}.appendix .latest-runs header p{position:absolute;text-align:right;top:0;right:0}.appendix .latest-runs header a{color:rgba(0,0,0,0.2);display:inline-block;padding-right:10px;background:url(../i/rightward-triangle-gray.svg) no-repeat right 5px;background-size:5px 10px;box-shadow:inset -8px 0 0 rgba(255,255,255,0.5)}.appendix .latest-runs header a:hover{color:rgba(0,0,0,0.5);box-shadow:none}.appendix .latest-runs li{display:block}.appendix .latest-runs>ul>li{margin-bottom:32px}.appendix .latest-runs>ul>li:last-of-type{margin-bottom:0}.appendix .latest-runs>ul>li mark{display:block;margin-bottom:13px}.appendix .latest-runs ul ul li{font-size:0.8125em;margin-bottom:5px}.appendix .latest-runs ul ul li:last-of-type{margin-bottom:0}.appendix .social{font-size:0.8125em;margin-top:16px}.appendix .social li{display:block;margin-bottom:2px}.appendix .social li a{display:inline-block;box-sizing:border-box;padding:6px 0 7px 30px;background:url(../i/social-twitter.svg) no-repeat 0 5px;background-size:17px 14px;box-shadow:inset 25px 0 0 rgba(255,255,255,0.85);transition:box-shadow 230ms}.appendix .social li a span{color:#ef74e2;transition:color 150ms, box-shadow 150ms}.appendix .social li a:hover{box-shadow:none}.appendix .social li a:hover span{color:#e31ace;box-shadow:inset 0 -1px 0 #fff,inset 0 -2px 0 rgba(239,116,226,0.5)}.appendix .social li:nth-of-type(2) a{background-image:url(../i/social-insta.svg);background-size:13px 13px;background-position:2px 7px}.appendix .social li:nth-of-type(3) a{background-image:url(../i/social-strava.svg);background-size:15px 20px;background-position:1px 4px}.appendix .social li:nth-of-type(4) a{background-image:url(../i/social-linkedin.svg);background-size:13px 13px;background-position:2px 7px}.appendix .acknowledgment p{line-height:1.45;max-width:22em;padding-right:20px;box-sizing:border-box}.appendix .chronology li,.appendix .chronology a,.appendix .chronology figcaption,.appendix .chronology mark,.appendix .chronology span{display:block}.appendix .chronology li{margin-bottom:30px}.appendix .chronology li:last-of-type{margin-bottom:0}.appendix .chronology figure{position:relative;min-height:56px}.appendix .chronology div{position:absolute;top:0;right:0;width:85px;height:56px}.appendix .chronology a{width:100%;height:100%;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../i/chronology-logos.png) no-repeat;background-size:85px 392px;opacity:0.25;transition:opacity 200ms}.appendix .chronology a:hover{opacity:1}.appendix .chronology li:nth-of-type(1) a{background-position:0 0}.appendix .chronology li:nth-of-type(2) a{background-position:0 -56px}.appendix .chronology li:nth-of-type(3) a{background-position:0 -112px}.appendix .chronology li:nth-of-type(4) a{background-position:0 -168px}.appendix .chronology li:nth-of-type(5) a{background-position:0 -224px}.appendix .chronology li:nth-of-type(6) a{background-position:0 -280px}.appendix .chronology li:nth-of-type(7) a{background-position:0 -336px}.appendix .chronology figcaption{box-sizing:border-box;margin-right:100px;padding-top:5px}.appendix .chronology mark{margin-bottom:3px}.appendix .chronology span{font-size:0.75em}@media screen and (max-width: 1150px){.appendix .primary,.appendix .secondary{float:none;width:100%}.appendix .primary{padding-bottom:35px;margin-bottom:45px;border-bottom:1px solid rgba(0,0,0,0.15)}.appendix .approachability,.appendix .acknowledgment,.appendix .chronology,.appendix .latest-runs{margin:0;width:35%}.appendix .chronology{min-width:220px}.appendix .latest-runs,.appendix .acknowledgment{margin:0;width:43%;float:right}.appendix .approachability{float:left}.appendix .acknowledgment p{max-width:none;padding-right:0;max-width:none}}@media screen and (max-width: 590px){.appendix .primary{margin-bottom:0;padding-bottom:0;border-bottom:none}.appendix .approachability,.appendix .acknowledgment,.appendix .chronology,.appendix .latest-runs{width:100%;float:none;padding-bottom:35px;margin-bottom:45px;border-bottom:1px solid rgba(0,0,0,0.1)}.appendix .chronology li{border-top:1px solid rgba(0,0,0,0.06);padding-top:10px;margin-bottom:20px}.appendix .acknowledgment{border-bottom:none;padding-bottom:0;margin-bottom:0}}@media screen and (max-width: 360px){.appendix .chronology li{border-top:none}}.afterword{border-top:1px solid #e6e6e5;padding:40px 0 110px;font-size:0.875em}.afterword p{line-height:1.4}.modal-single{opacity:0;background-color:transparent;display:none}body.modal-visible{overflow:hidden;-webkit-overflow-scrolling:touch}body.modal-visible .modal-single{display:block;position:fixed;background-color:rgba(0,0,0,0.55);top:0;left:0;width:100%;height:100%;overflow:auto;opacity:1;z-index:3;box-sizing:border-box;padding:50px 0 110px}body.modal-visible .modal-single .tile{width:89%;max-width:716px;margin:0 auto;opacity:0;background:white;box-sizing:border-box;box-shadow:0 2px 50px rgba(0,0,0,0.6);padding-bottom:45px;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 400ms, -webkit-transform 300ms;transition:opacity 400ms, transform 300ms}body.modal-visible .modal-single .tile.prominent{opacity:1;webkit-transform:translate(0, 25px);transform:translate(0, 25px)}body.modal-visible .modal-single .tile button{outline:none;border:none;display:block;cursor:pointer;color:white}body.modal-visible .modal-single .tile header,body.modal-visible .modal-single .tile .meta{border-bottom:1px solid rgba(0,0,0,0.15);padding-right:6.14525%;padding-left:6.14525%}body.modal-visible .modal-single .tile header{padding-top:65px;padding-bottom:23px;position:relative;color:#656565}body.modal-visible .modal-single .tile header h1{font-size:2em;line-height:1.1}body.modal-visible .modal-single .tile header button{width:32px;height:32px;position:absolute;top:19px;right:19px;background:url(../i/close-x.svg) no-repeat;background-size:100% 100%;text-indent:100%;overflow:hidden;opacity:0.3;transition:opacity 230ms}body.modal-visible .modal-single .tile header button:hover{opacity:1}body.modal-visible .modal-single .tile .meta{padding-top:23px;padding-bottom:29px}body.modal-visible .modal-single .tile .roles{color:#afafaf}body.modal-visible .modal-single .tile .roles li,body.modal-visible .modal-single .tile .links li{display:block;margin-bottom:0.5em}body.modal-visible .modal-single .tile .roles .praise{color:GoldenRod}body.modal-visible .modal-single .tile .links{padding-top:1.35em}body.modal-visible .modal-single .tile .links a{background:url(../i/rightward-triangle-pink.svg) no-repeat right 8px;padding-right:9px;background-size:5px 10px;box-shadow:inset -7px 0 0 rgba(255,255,255,0.7);transition:box-shadow 200ms}body.modal-visible .modal-single .tile .links a:hover{box-shadow:none}body.modal-visible .modal-single .tile .links a span{color:#ef74e2;transition:color 150ms, box-shadow 150ms}body.modal-visible .modal-single .tile .links a:hover span{color:#e31ace;box-shadow:inset 0 -1px 0 #fff,inset 0 -2px 0 rgba(239,116,226,0.5)}body.modal-visible .modal-single .tile .exhibit{padding:24px 6.14525% 40px}body.modal-visible .modal-single .tile .exhibit p{line-height:1.4;margin-bottom:20px;color:rgba(0,0,0,0.7)}body.modal-visible .modal-single .tile .exhibit p:last-of-type{margin-bottom:45px}body.modal-visible .modal-single .tile em{font-style:italic}body.modal-visible .modal-single .tile .exhibit figure{margin-bottom:40px}body.modal-visible .modal-single .tile .exhibit figure:last-of-type{margin-bottom:0}body.modal-visible .modal-single .tile figure img:not(.exempt){outline:1px solid rgba(0,0,0,0.13)}body.modal-visible .modal-single .tile figcaption{font-size:0.875em;padding-top:16px;color:gray;line-height:1.25}body.modal-visible .modal-single .tile .exhibit a{color:#ef74e2;transition:color 150ms, box-shadow 150ms}body.modal-visible .modal-single .tile .exhibit a:hover{color:#e31ace;box-shadow:inset 0 -1px 0 #fff,inset 0 -2px 0 rgba(239,116,226,0.5)}body.modal-visible .modal-single .tile footer{position:relative;margin:0 6.14525%}body.modal-visible .modal-single .tile footer button{float:right;background:rgba(0,0,0,0.3);font:400 normal 1.375em/1 "franklin-gothic-urw",Helvetica,Arial,sans-serif;padding:10px 15px;transition:background 230ms}body.modal-visible .modal-single .tile footer button:hover{background:rgba(0,0,0,0.6)}body.modal-visible .page{-webkit-filter:blur(6px);filter:blur(6px);z-index:2}.page{position:relative;z-index:1}.modals-stash{display:none}
/*# sourceMappingURL=canon-nu.css.map */