/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%}body{margin:0}ul,li{list-style-type:none}ul,li{margin:0;padding:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}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}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [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{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;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-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a,a:link,a:visited{text-decoration:none}.visuallyhidden,.structural{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.mobile-only{display:block}@media screen and (min-width: 980px){.mobile-only{display:none}}.xlarge-only{display:none}@media screen and (min-width: 1200px){.xlarge-only{display:block}}.hide-on-small1{display:none}@media screen and (min-width: 485px){.hide-on-small1{display:inline}}.hide-on-xsmall{display:none}@media screen and (min-width: 416px){.hide-on-xsmall{display:inline}}.hide-on-small{display:none}@media screen and (min-width: 575px){.hide-on-small{display:inline}}.hide-on-small2{display:none}@media screen and (min-width: 640px){.hide-on-small2{display:block}}.text-left{text-align:left}.centered,.text-center{text-align:center}.bottom-margin,p.bottom-margin{margin-bottom:2rem}.extra-bottom-margin,p.extra-bottom-margin{margin-bottom:6rem}.margin-top{padding-top:1.5rem}@media screen and (min-width: 416px){.margin-top{padding-top:2rem}}@media screen and (min-width: 768px){.margin-top{padding-top:3rem}}.no-margin-top,.blog-article header h1.no-margin-top{margin-top:0}.max-width-medium{max-width:840px;margin:auto}a.noborder,.noborder{border:0}.txt.sidenote-content a.noborder{box-shadow:none}.txt.sidenote-content a.noborder:hover{box-shadow:none}.iframe-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin-top:3rem;margin-bottom:3rem}.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}/*!  - - - LINKS  - - - */.link-fx,.txt a{text-decoration:none;box-shadow:inset 0 -1px 0 rgba(255,44,114,0.5),0 0 0 rgba(255,44,114,0.5);transition:box-shadow 0.20s;overflow:hidden}.link-fx-0,.gallery-item p a,.gallery-item-detail p a{text-decoration:none;box-shadow:inset 0 0 0 rgba(255,44,114,0.15),0 0 0 rgba(255,44,114,0.15);transition:box-shadow 0.20s;overflow:hidden}.link-hover-fx,.txt a:hover,.gallery-item p a:hover,.gallery-item-detail p a:hover{box-shadow:inset 0 -30px 0 rgba(255,44,114,0.15),0 1px 0 rgba(255,44,114,0.15)}a{color:#ff5a91}.foot a{color:#b2ada6}.rss a,.gallery-item p a,.gallery-item-detail p a{color:#161e24;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.1)}.gallery-item p.via a,.gallery-item-detail p.via a{color:#161e24;box-shadow:none}@media (hover){a:focus,a:hover,footer a:hover,.foot a:hover,.rss a:hover{color:#ff2c72}}.txt a:hover,.gallery-item p a:hover,.gallery-item-detail p a:hover{color:#ff2c72}a.proj-link,.txt.design-process a{color:#81adcc;box-shadow:inset 0 -1px 0 rgba(170,215,237,0.7),0 0 0 rgba(170,215,237,0.7);transition:box-shadow 0.20s;overflow:hidden}a.proj-link:hover,.txt.design-process a:hover,a.proj-link:focus,.txt.design-process a:focus{box-shadow:inset 0 -80px 0 rgba(170,215,237,0.3),0 1px 0 rgba(170,215,237,0.3)}a.tuts-link,.txt.tutorials a{color:#9283a8;box-shadow:inset 0 -1px 0 rgba(146,131,168,0.5),0 0 0 rgba(146,131,168,0.5);transition:box-shadow 0.20s;overflow:hidden}a.tuts-link:hover,.txt.tutorials a:hover,a.tuts-link:focus,.txt.tutorials a:focus{box-shadow:inset 0 -80px 0 rgba(146,131,168,0.2),0 1px 0 rgba(146,131,168,0.2)}a.web-link,.txt.web-design a{color:#ffb41f;box-shadow:inset 0 -1px 0 #fff0bd,0 0 0 #fff0bd;transition:box-shadow 0.20s;overflow:hidden}a.web-link:hover,.txt.web-design a:hover,a.web-link:focus,.txt.web-design a:focus{box-shadow:inset 0 -80px 0 #fff0bd,0 1px 0 #fff0bd}a.insp-link,.txt .cta-button a.btn-default{color:#FF80AA;box-shadow:inset 0 -1px 0 rgba(255,44,144,0.3),0 0 0 rgba(255,44,144,0.3);transition:box-shadow 0.20s;overflow:hidden}a.insp-link:hover,.txt .cta-button a.btn-default:hover,a.insp-link:focus,.txt .cta-button a.btn-default:focus{box-shadow:inset 0 -80px 0 rgba(255,44,144,0.15),0 1px 0 rgba(255,44,144,0.15)}a.graphic-link,.txt.graphic-design a,a.graph-link{color:#7e4b71;box-shadow:inset 0 -1px 0 rgba(126,75,113,0.3),0 0 0 rgba(126,75,113,0.3);transition:box-shadow 0.20s;overflow:hidden}a.sidenotes-link,.txt.sidenote-content a{color:#161e24;box-shadow:inset 0 -1px 0 rgba(141,141,141,0.3),0 0 0 rgba(141,141,141,0.3);transition:box-shadow 0.20s;overflow:hidden}@media (hover){a.web-link:hover,.txt.web-design a:hover,a.web-link:focus,.txt.web-design a:focus{box-shadow:inset 0 -80px 0 rgba(255,240,189,0.5), 0 1px 0 rgba(255,240,189,0.5)}.links-list a.web-link:hover,.links-list .txt.web-design a:hover,.txt.web-design .links-list a:hover,.links-list a.web-link:focus,.links-list .txt.web-design a:focus,.txt.web-design .links-list a:focus{box-shadow:inset 0 -300px 0 rgba(255,240,189,0.15), 0 1px 0 rgba(255,240,189,0.15)}a.graphic-link:hover,.txt.graphic-design a:hover,a.graphic-link:focus,.txt.graphic-design a:focus{box-shadow:inset 0 -80px 0 rgba(126,75,113,0.1), 0 1px 0 rgba(126,75,113,0.1)}a.sidenotes-link:hover,.txt.sidenote-content a:hover,a.sidenotes-link:focus,.txt.sidenote-content a:focus{box-shadow:inset 0 -80px 0 rgba(141,141,141,0.1), 0 1px 0 rgba(141,141,141,0.1)}.links-list a.graphic-link:hover,.links-list .txt.graphic-design a:hover,.txt.graphic-design .links-list a:hover,.links-list a.graphic-link:focus,.links-list .txt.graphic-design a:focus,.txt.graphic-design .links-list a:focus{box-shadow:inset 0 -300px 0 rgba(126,75,113,0.1), 0 1px 0 rgba(126,75,113,0.1)}}.txt a.nofx:link,.txt a.nofx:hover{box-shadow:none}@media screen and (min-width: 575px){.sub-grid-block figcaption{transition:background-color 250ms ease-in}.web-design .sub-grid-block figcaption:hover{background-color:rgba(255,240,189,0.1)}.graphic-design .sub-grid-block figcaption:hover{background-color:rgba(126,75,113,0.1)}}/*!  - - - MENU - - - */.topbar{background-color:#fff}.icon-archives,.icon-articles,.icon-sidenotes{color:#161e24}.icon-tutorials{color:#786596}.icon-home{background-color:#fbfaf8}.icon-freebie{color:#ff2c72}.icon-freebie.active{color:#fff;background-color:#ff2c72}.icon-tutorials.active{color:#fff;background-color:#786596}.icon-home.active{background-color:#F6F2EE}.icon-archives.active,.icon-sidenotes.active{background-color:#F6F2EE;color:#161e24}.icon-articles.active,.icon-search.active{background-color:#161e24;color:#fff}.menu-nav .icon-inspiration.active{background-color:#FF80AA}@media screen and (min-width: 416px){.menu-nav .icon-inspiration.active{color:#fff}}.icon-articles.active.design-process{background-color:#aad7ed}.icon-articles.active.graphic{background-color:#7e4b71}.icon-articles.active.web{background-color:#fc6}@media (hover){.icon-tutorials:hover{color:#fff;background-color:#786596}.icon-home:hover{background-color:#F6F2EE}.icon-archives:hover,.icon-articles:hover,.icon-search:hover{background-color:#161e24;color:#fff}.icon-sidenotes:hover{background-color:#F6F2EE;color:#161e24}.menu-nav .icon-inspiration:hover{background-color:#FF80AA;color:#fff}.menu-nav .icon-freebie:hover{background-color:#ff2c72;color:#fff}}/*!  - - - TEXT & BLOG ARTICLES - - - */h1,h2{color:#161e24}h3{color:#161e24}h4{color:#161e24}h5{color:#b2ada6;padding-bottom:0.5rem;border-bottom:1px solid #e7e3de}body,p{color:#161e24}.soft{color:#b2ada6}.big-quote p{color:#161e24}.blog-article header.deafult{background-color:#161e24}.blog-article header.deafult h1{color:#fff}.blog-article header.deafult h2{color:#e7e3de}.blog-article header h2{color:#b2ada6}.blog-article h3 em{color:#ff2c72}.blog-article .colored{background-color:#fbfaf8}.blog-article figcaption{color:#161e24}.blog-article .introduction p{color:#161e24}.blog-article em,.blog-article i{color:#161e24}.blog-article strong,.blog-article b{color:#161e24}.blog-article .introduction em,.blog-article .introduction i{color:#161e24}.blog-article .ref-nr{color:#161e24}.sidenotes .blog-article header h1 .heading-small,.sidenotes .blog-article header h2 .heading-small{color:#b2ada6}.sidenotes .blog-article header h1.heading1-bigcaps,.sidenotes .blog-article header h2.heading1-bigcaps{color:#161e24}.defaultpage em,.defaultpage i{color:#161e24}.border-right{border-right:1px solid #e7e3de;padding-right:2rem}.border-left{border-left:1px solid #e7e3de;padding-left:2rem}.border-top{border-top:1px solid #e7e3de;padding-top:2rem}.border-bottom{border-bottom:1px solid #e7e3de;padding-bottom:2rem}.border-top.fat{padding-top:1.5rem;border-top:2px solid #e7e3de}.info dl{background-color:rgba(146,131,168,0.05)}.info dt{color:#9283a8}.info dd{color:#9283a8}/*!  - - - BUTTONS  - - - */.btn,.btn.prior,.btn.prior:hover{background-color:#ff2c72;color:#fff}.btn-light{background-color:transparent;color:#ff2c72;border:2px solid #e7e3de}.btn-light:hover{background-color:#ff2c72;color:#fff;border:2px solid #ff2c72}.btn-light:hover span{color:#fff}.btn-light span{color:#b2ada6}.btn-default{background-color:transparent;color:#161e24;border:2px solid #161e24}.btn-default:hover{background-color:#ff2c72;color:#fff;border:2px solid #ff2c72}.btn-default.web-design{border:2px solid #fc6}.btn-default.web-design:hover{background-color:#fc6;border-color:#fc6}.btn-default.graphic-design{border:2px solid #7e4b71}.btn-default.graphic-design:hover{background-color:#7e4b71;border-color:#7e4b71}.btn-default.design-process{border:2px solid #81adcc}.btn-default.design-process:hover{background-color:#81adcc;border-color:#81adcc}.btn-default.tutorials{border:2px solid #9283a8}.btn-default.tutorials:hover{background-color:#9283a8;border-color:#9283a8}.btn-default.white{border:2px solid #fff;color:#fff}.btn-default.white:hover{background-color:#ff2c72;color:#fff;border:2px solid #ff2c72}/*!  - - - FORMS  - - - */input,textarea{color:#161e24;border:2px solid #e7e3de}input:focus,textarea:focus{border:2px solid #161e24;outline:none}input.error,textarea.error{border:2px solid #ff2c72}label.error span{background-color:#ff2c72;color:#fff}.input-item em{color:#ff2c72}p.error{color:#ff2c72}/*!  - - - INSPIRATION TITLE  - - - */.insp-title{color:#b2ada6}.insp-title strong{color:#c6c4c0}.eyedropper-circle{fill:#FF80AA}/*!  - - - HOMEPAGE ARTICLES  - - - */.article.design-process a h2,.article.design-process a,.article.design-process .section a{color:#81adcc}.article.tutorials a h2,.article.tutorials a,.article.tutorials .section a{color:#9283a8}.design-articles{background-color:#485354}.design-articles p{color:rgba(255,255,255,0.75)}.design-articles h2{color:#fff}.design-articles .section,.design-articles a{color:#fff}.design-articles .date{color:#c6c4c0}.articles-list h3{color:#161e24}.articles-list h3:before,.articles-list h3:after{color:#b2ada6}.articles-list a h4{color:#161e24}.articles-list a .date{color:#c6c4c0}.articles-list a.design-process h4:hover,.articles-list a .nr.design-process{color:#81adcc}.articles-list a.tutorials h4:hover,.articles-list a .nr.tutorials{color:#9283a8}.articles-list a.web-design h4:hover,.articles-list a .nr.web-design{color:#ffb41f}.articles-list a.graphic-design h4:hover,.articles-list a .nr.graphic-design{color:#7e4b71}ol.big-nrs li{background-color:#fbfaf8}/*!  - - - ARTICLES SECTION PAGES  - - - */.section-header h3,.section-header h1{color:#fff}.section-header h3 span,.section-header h1 span{color:rgba(255,255,255,0.75)}.section-header.archives-header{background-color:#161e24}.section-header.sidenotes-header{background-color:#F6F2EE}.section-header.sidenotes-header h3.picto-sidenotes{color:#b2ada6}.section-header.sidenotes-header h3.picto-sidenotes span{color:#b2ada6}.tutorials h2,.tutorials .section,.tutorials a{color:#9283a8}.tutorials h3{color:#786596}.design-process h2,.design-process .section,.design-process a{color:#81adcc}.design-process h3{color:#aad7ed}.web-design h2,.web-design .section,.web-design a{color:#ffb41f}.web-design h3{color:#fc6}.graphic-design h2,.graphic-design .section,.graphic-design a{color:#7e4b71}.graphic-design h3{color:#85697c}.tutorials,.design-process,.graphic-design,.web-design{background-color:#fff}.tutorials p,.design-process p,.graphic-design p,.web-design p{color:#161e24}.tutorials .date,.design-process .date,.graphic-design .date,.web-design .date{color:#c6c4c0}.icon-nr .tutorials,.icon-nr .graphic-design,.icon-nr .design-process,.icon-nr .web-design{background-color:transparent}/*!  - - - BLOG ARTICLE HEADERS  - - - */.default.design-process{background-color:#aad7ed}.default.graphic-design{background-color:#7e4b71}.default.web-design{background-color:#fc6}.default.tutorials{background-color:#9283a8}header.default h2{color:rgba(0,0,0,0.35)}header.default.graphic-design h2,header.default.tutorials h2{color:rgba(255,255,255,0.5)}.tutorials-hero h1{color:#b8a6d3}.tutorials-hero h2{color:#9283a8}.design-process-hero h1{color:#81adcc}.design-process-hero h2{color:#7099b4}.graphic-design-hero h1{color:#85697c}.graphic-design-hero h2{color:#7e4b71}.web-design-hero h1{color:#fff0bd}.web-design-hero h2{color:#fc6}/*!  - - - HELP INSPIRATION HEADER  - - - */.default.inspiration{background-color:#FF80AA;color:#fff}/*!  - - - SEARCH RESULTS  - - - */.listitems .listitem.design-process h5 strong{color:#81adcc}.listitems .listitem.graphic-design h5 strong{color:#7e4b71}.listitems .listitem.tutorials h5 strong{color:#9283a8}.listitems .listitem.web-design h5 strong{color:#fc6}.listitems .listitem.inspiration h5 strong,.listitems .listitem.inspiration h2{color:#FF80AA}.listitems .listitem.sidenote h5 strong,.listitems .listitem.sidenote h2,.listitems .listitem.sidenote a{color:#161e24}/*!  - - - GALLERY  - - - */.gallery-item{background-color:#fbfaf8}.colors{background-color:#fff}.via{opacity:0.5}.source-ref{opacity:0.5}/*!  - - - FOOTER  - - - */.foot p{color:#b2ada6}.footer-wrap{background-color:#fbfaf8;color:#161e24}.footer-area h2,.footer-area h3{color:#c6c4c0}.love{color:#e7e3de}.white{color:#fff}/*!  - - - SECTION HEADERS  - - - */.picto-header{color:#fff}.section-header h2{color:#fff}a.design-process-on-dark-link{color:#aad7ed}a.design-process-on-dark-link:hover{color:#aad7ed}a.tutorials-on-dark-link{color:#e2d6f4}a.tutorials-on-dark-link:hover{color:#e2d6f4}a.graphic-design-on-dark-link{color:#b991ab}a.graphic-design-on-dark-link:hover{color:#b991ab}a.web-design-on-dark-link{color:#fff0bd}a.web-design-on-dark-link:hover{color:#fff0bd}/*!  - - - NEWSLETTER - - - */.newsletter-area.bg,.newsletter.bg{background-color:#f0f7f8}.newsletter em{color:#ff2c72}.newsletter h4,.newsletter h3{color:#161e24}.newsletter input[type="email"]{background:none;border-color:transparent;border-width:0px;border-bottom:1px solid #e7e3de}.newsletter input[type="email"]:focus{color:#161e24;border-bottom:1px solid #b2ada6}.bg .newsletter input[type="email"]{border-bottom:1px solid #c6c4c0}/*! - - -  SPONSOR   - - - */.hero-title{background-color:#fff}.sponsor h4{color:#81adcc}.sponsor p,.sponsor a{color:#716e69}.sponsor p a:link,.sponsor p a:visited,.sponsor a a:link,.sponsor a a:visited{border-bottom:1px solid #e7e3de}.sponsor p a:hover,.sponsor a a:hover{color:#161e24;border-bottom:1px solid #716e69}/*! - - -  TAGS   - - - */.tags p{color:#b2ada6}a.tag{background-color:rgba(254,83,140,0.1)}/*! - - -  FREEBIES  - - - */.hero-title-alt h2{color:#ff2c72}.hero-title-alt em{color:#ff2c72}/*! - - -  ARCHIVES   - - - */.list.design-process h1{color:#81adcc}.list.tutorials h1{color:#9283a8}.list.graphic-design h1{color:#7e4b71}.list.web-design h1{color:#fc6}.design-header{background-color:#161e24}.articles-header{background-color:#161e24}.design-process-header{background-color:#aad7ed}.tutorials-header{background-color:#786596}.graphic-design-header{background-color:#7e4b71}.web-design-header{background-color:#fc6}/*! - - -  SIDENOTES   - - - */.homepage .sidenote{background-color:#fbfaf8}.blog-article.sidenotes-article{background-color:#fff}.s-category{background-color:#F6F2EE}.s-category.s-music{background-color:#FF95B8}.s-category.s-ev{background-color:#FF2C72}.s-category.s-home{background-color:#7E4B71}.s-category.s-nature{background-color:#A8D893}.s-category.s-recycle{background-color:#57ad82}.s-category.s-cycling{background-color:#ffcc66}.s-category.s-renew{background-color:#AAD7ED}.s-category.s-energy{background-color:#9283A8}.s-category.s-inspiration{background-color:#ff6161}.listitem.sidenote h5 strong a.s-music{color:#FF95B8}.listitem.sidenote h5 strong a.s-ev{color:#FF2C72}.listitem.sidenote h5 strong a.s-home{color:#7E4B71}.listitem.sidenote h5 strong a.s-nature{color:#A8D893}.listitem.sidenote h5 strong a.s-recycle{color:#57ad82}.listitem.sidenote h5 strong a.s-cycling{color:#ffcc66}.listitem.sidenote h5 strong a.s-renew{color:#AAD7ED}.listitem.sidenote h5 strong a.s-energy{color:#9283A8}.listitem.sidenote h5 strong a.s-inspiration{color:#ff6161}a.s-music{color:#FF95B8}a.s-ev{color:#FF2C72}a.s-home{color:#7E4B71}a.s-nature{color:#A8D893}a.s-recycle{color:#57ad82}a.s-cycling{color:#ffcc66}a.s-renew{color:#AAD7ED}a.s-energy{color:#9283A8}a.s-inspiration{color:#ff6161}.sidenotes-legend-nav ul li a{color:#161e24}@media (hover){.txt.sidenote-content.s-renew a:link{box-shadow:inset 0 -1px 0 #aad7ed, 0 0 0 #aad7ed}.txt.sidenote-content.s-renew a:hover,.txt.sidenote-content.s-renew a:focus{box-shadow:inset 0 -80px 0 rgba(171,215,237,0.3), 0 1px 0 rgba(171,215,237,0.3)}.txt.sidenote-content.s-energy a:link{box-shadow:inset 0 -1px 0 #9283a8, 0 0 0 #9283a8}.txt.sidenote-content.s-energy a:hover,.txt.sidenote-content.s-energy a:focus{box-shadow:inset 0 -80px 0 rgba(146,131,168,0.2), 0 1px 0 rgba(146,131,168,0.2)}.txt.sidenote-content.s-cycling a:link{box-shadow:inset 0 -1px 0 #fc6, 0 0 0 #fc6}.txt.sidenote-content.s-cycling a:hover,.txt.sidenote-content.s-cycling a:focus{box-shadow:inset 0 -80px 0 rgba(255,204,102,0.3), 0 1px 0 rgba(255,204,102,0.3)}.txt.sidenote-content.s-nature a:link{box-shadow:inset 0 -1px 0 #a8d893, 0 0 0 #a8d893}.txt.sidenote-content.s-nature a:hover,.txt.sidenote-content.s-nature a:focus{box-shadow:inset 0 -80px 0 rgba(168,216,147,0.3), 0 1px 0 rgba(168,216,147,0.3)}.txt.sidenote-content.s-recycle a:link{box-shadow:inset 0 -1px 0 #57ad82, 0 0 0 #57ad82}.txt.sidenote-content.s-recycle a:hover,.txt.sidenote-content.s-recycle a:focus{box-shadow:inset 0 -80px 0 rgba(87,173,130,0.3), 0 1px 0 rgba(87,173,130,0.3)}.txt.sidenote-content.s-home a:link{box-shadow:inset 0 -1px 0 #7e4b71, 0 0 0 #7e4b71}.txt.sidenote-content.s-home a:hover,.txt.sidenote-content.s-home a:focus{box-shadow:inset 0 -80px 0 rgba(126,75,113,0.2), 0 1px 0 rgba(126,75,113,0.2)}.txt.sidenote-content.s-ev a:link{box-shadow:inset 0 -1px 0 #ff2c72, 0 0 0 #ff2c72}.txt.sidenote-content.s-ev a:hover,.txt.sidenote-content.s-ev a:focus{box-shadow:inset 0 -80px 0 rgba(255,44,114,0.3), 0 1px 0 rgba(255,44,114,0.3)}.txt.sidenote-content.s-music a:link{box-shadow:inset 0 -1px 0 #ff95b8, 0 0 0 #ff95b8}.txt.sidenote-content.s-music a:hover,.txt.sidenote-content.s-music a:focus{box-shadow:inset 0 -80px 0 rgba(255,149,184,0.4), 0 1px 0 rgba(255,149,184,0.4)}.txt.sidenote-content.s-inspiration a:link{box-shadow:inset 0 -1px 0 #ff6161, 0 0 0 #ff6161}.txt.sidenote-content.s-inspiration a:hover,.txt.sidenote-content.s-inspiration a:focus{box-shadow:inset 0 -80px 0 rgba(255,97,97,0.4), 0 1px 0 rgba(255,97,97,0.4)}}.txt.sidenote-content.s-renew h1 a:link,.txt.sidenote-content.s-energy h1 a:link,.txt.sidenote-content.s-cycling h1 a:link,.txt.sidenote-content.s-recycle h1 a:link,.txt.sidenote-content.s-nature h1 a:link,.txt.sidenote-content.s-home h1 a:link,.txt.sidenote-content.s-ev h1 a:link,.txt.sidenote-content.s-music h1 a:link,.txt.sidenote-content.s-inspiration h1 a:link{box-shadow:none}.txt.sidenote-content.s-renew h1 a:hover{color:#AAD7ED;box-shadow:none}.txt.sidenote-content.s-energy h1 a:hover{color:#9283A8;box-shadow:none}.txt.sidenote-content.s-cycling h1 a:hover{color:#ffcc66;box-shadow:none}.txt.sidenote-content.s-nature h1 a:hover{color:#A8D893;box-shadow:none}.txt.sidenote-content.s-recycle h1 a:hover{color:#57ad82;box-shadow:none}.txt.sidenote-content.s-home h1 a:hover{color:#7E4B71;box-shadow:none}.txt.sidenote-content.s-ev h1 a:hover{color:#FF2C72;box-shadow:none}.txt.sidenote-content.s-music h1 a:hover{color:#FF95B8;box-shadow:none}.txt.sidenote-content.s-inspiration h1 a:hover{color:#ff6161;box-shadow:none}.txt.sidenote-content.s-nature .source-ref a,.txt.sidenote-content.s-energy .source-ref a,.txt.sidenote-content.s-renew .source-ref a,.txt.sidenote-content.s-cycling .source-ref a,.txt.sidenote-content.s-recycle .source-ref a,.txt.sidenote-content.s-ev .source-ref a,.txt.sidenote-content.s-home .source-ref a,.txt.sidenote-content.s-music .source-ref a,.txt.sidenote-content.s-inspiration .source-ref a{box-shadow:none}@font-face{font-family:'Native-Bold';src:url("webfonts/341D96_2_0.eot");src:url("webfonts/341D96_2_0.eot?#iefix") format("embedded-opentype"),url("webfonts/341D96_2_0.woff2") format("woff2"),url("webfonts/341D96_2_0.woff") format("woff"),url("webfonts/341D96_2_0.ttf") format("truetype")}@font-face{font-family:'Native-Regular';src:url("webfonts/341D96_3_0.eot");src:url("webfonts/341D96_3_0.eot?#iefix") format("embedded-opentype"),url("webfonts/341D96_3_0.woff2") format("woff2"),url("webfonts/341D96_3_0.woff") format("woff"),url("webfonts/341D96_3_0.ttf") format("truetype")}@font-face{font-family:'Cartridge-Regular';src:url("webfonts/Cartridge-Regular.woff2") format("woff2"),url("Cartridge-Regular.woff") format("woff")}@font-face{font-family:'Cartridge-Bold';src:url("webfonts/Cartridge-Bold.woff2") format("woff2"),url("Cartridge-Bold.woff") format("woff")}/*! - - - GLOBAL - - - */body{font-family:"freight-sans-pro",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0.025rem}p,li{font-size:16px;line-height:1.4;font-family:"freight-sans-pro",sans-serif;font-weight:400}@media screen and (min-width: 416px){p,li{font-size:16px;line-height:1.4}}@media screen and (min-width: 575px){p,li{font-size:18px;line-height:1.4}}@media screen and (min-width: 768px){p,li{font-size:17px;line-height:1.4}}@media screen and (min-width: 900px){p,li{font-size:18px;line-height:1.4}}@media screen and (min-width: 980px){p,li{font-size:20px;line-height:1.4}}h2{font-size:22px;line-height:1.15;font-weight:400;margin-top:0}@media screen and (min-width: 416px){h2{font-size:24px;line-height:1.15}}@media screen and (min-width: 575px){h2{font-size:25px;line-height:1.15}}@media screen and (min-width: 640px){h2{font-size:26px;line-height:1.15}}@media screen and (min-width: 768px){h2{font-size:27px;line-height:1.15}}@media screen and (min-width: 840px){h2{font-size:28px;line-height:1.15}}@media screen and (min-width: 980px){h2{font-size:30px;line-height:1.15}}h1,h2.heading1-bigcaps{font-size:30px;line-height:1.15;font-family:"Cartridge-Regular",sans-serif}@media screen and (min-width: 416px){h1,h2.heading1-bigcaps{font-size:30px;line-height:1.15}}@media screen and (min-width: 575px){h1,h2.heading1-bigcaps{font-size:36px;line-height:1.15}}@media screen and (min-width: 768px){h1,h2.heading1-bigcaps{font-size:42px;line-height:1.15}}@media screen and (min-width: 980px){h1,h2.heading1-bigcaps{font-size:48px;line-height:1.15}}.txt h2,.big,h2.big{font-size:30px;line-height:1.15;font-family:"freight-sans-pro",sans-serif}@media screen and (min-width: 416px){.txt h2,.big,h2.big{font-size:30px;line-height:1.15}}@media screen and (min-width: 575px){.txt h2,.big,h2.big{font-size:36px;line-height:1.15}}@media screen and (min-width: 768px){.txt h2,.big,h2.big{font-size:42px;line-height:1.15}}@media screen and (min-width: 980px){.txt h2,.big,h2.big{font-size:48px;line-height:1.15}}h3{font-size:24px;line-height:1.3;font-family:"Cartridge-Regular",sans-serif}@media screen and (min-width: 575px){h3{font-size:28px;line-height:1.3}}@media screen and (min-width: 768px){h3{font-size:30px;line-height:1.3}}@media screen and (min-width: 980px){h3{font-size:32px;line-height:1.3}}h4{font-size:20px;line-height:1.3;font-family:"Cartridge-Regular",sans-serif}@media screen and (min-width: 416px){h4{font-size:20px;line-height:1.3}}@media screen and (min-width: 575px){h4{font-size:23px;line-height:1.3}}@media screen and (min-width: 640px){h4{font-size:24px;line-height:1.3}}@media screen and (min-width: 768px){h4{font-size:25px;line-height:1.3}}@media screen and (min-width: 980px){h4{font-size:26px;line-height:1.3}}h5{font-size:16px;line-height:1.3;font-family:"Cartridge-Bold",sans-serif;letter-spacing:0.1rem;text-transform:uppercase}@media screen and (min-width: 575px){h5{font-size:16px;line-height:1.3}}@media screen and (min-width: 768px){h5{font-size:18px;line-height:1.3}}@media screen and (min-width: 980px){h5{font-size:20px;line-height:1.3}}strong{font-weight:600}.insp-title{text-transform:uppercase;letter-spacing:0.1rem;font-size:22px;line-height:1.15}@media screen and (min-width: 416px){.insp-title{font-size:24px;line-height:1.15}}@media screen and (min-width: 575px){.insp-title{font-size:25px;line-height:1.15}}@media screen and (min-width: 640px){.insp-title{font-size:26px;line-height:1.15}}@media screen and (min-width: 768px){.insp-title{font-size:27px;line-height:1.15}}@media screen and (min-width: 840px){.insp-title{font-size:28px;line-height:1.15}}@media screen and (min-width: 980px){.insp-title{font-size:30px;line-height:1.15}}.insp-title strong{font-family:"Cartridge-Bold",sans-serif}p.via,.source-ref,.source-ref p,.txt.sidenote-content .source-ref p,.blog-article .source-ref p{font-weight:400;font-style:italic;font-size:14px;line-height:1.5}@media screen and (min-width: 416px){p.via,.source-ref,.source-ref p,.txt.sidenote-content .source-ref p,.blog-article .source-ref p{font-size:14px;line-height:1.5}}@media screen and (min-width: 575px){p.via,.source-ref,.source-ref p,.txt.sidenote-content .source-ref p,.blog-article .source-ref p{font-size:15px;line-height:1.5}}@media screen and (min-width: 768px){p.via,.source-ref,.source-ref p,.txt.sidenote-content .source-ref p,.blog-article .source-ref p{font-size:16px;line-height:1.5}}@media screen and (min-width: 980px){p.via,.source-ref,.source-ref p,.txt.sidenote-content .source-ref p,.blog-article .source-ref p{font-size:17px;line-height:1.5}}.content p{margin-top:0}.content h3{margin-top:2rem;margin-bottom:0.65rem}pre{font-family:'Native-Bold';font-size:14px;line-height:1.5}@media screen and (min-width: 416px){pre{font-size:14px;line-height:1.5}}@media screen and (min-width: 575px){pre{font-size:15px;line-height:1.5}}@media screen and (min-width: 768px){pre{font-size:16px;line-height:1.5}}@media screen and (min-width: 980px){pre{font-size:17px;line-height:1.5}}/*! - - - MENU - - - */.menu a{text-transform:uppercase;letter-spacing:0.1rem;font-family:"Cartridge-Bold",sans-serif;font-size:10px;line-height:1.3}@media screen and (min-width: 416px){.menu a{font-size:10px;line-height:1.3}}@media screen and (min-width: 575px){.menu a{font-size:12px;line-height:1.3}}@media screen and (min-width: 768px){.menu a{font-size:14px;line-height:1.3}}@media screen and (min-width: 980px){.menu a{font-size:15px;line-height:1.3}}/*! - - - INSPIRATION GALLERY - - - */.gallery-item p{line-height:1.4}/*! - - - DEFAULT PAGES - - - */.defaultpage .txt h2{font-size:30px;line-height:1.15;font-family:"Cartridge-Regular",sans-serif;text-align:center}@media screen and (min-width: 416px){.defaultpage .txt h2{font-size:30px;line-height:1.15}}@media screen and (min-width: 575px){.defaultpage .txt h2{font-size:36px;line-height:1.15}}@media screen and (min-width: 768px){.defaultpage .txt h2{font-size:42px;line-height:1.15}}@media screen and (min-width: 980px){.defaultpage .txt h2{font-size:48px;line-height:1.15}}.defaultpage .txt a{font-weight:500}.defaultpage .txt p,.defaultpage .txt li{font-size:18px;line-height:1.4;font-weight:400;font-style:normal}@media screen and (min-width: 416px){.defaultpage .txt p,.defaultpage .txt li{font-size:18px;line-height:1.4}}@media screen and (min-width: 575px){.defaultpage .txt p,.defaultpage .txt li{font-size:19px;line-height:1.4}}@media screen and (min-width: 768px){.defaultpage .txt p,.defaultpage .txt li{font-size:20px;line-height:1.5}}@media screen and (min-width: 980px){.defaultpage .txt p,.defaultpage .txt li{font-size:21px;line-height:1.5}}.defaultpage .txt p.smaller{font-size:16px;line-height:1.4;letter-spacing:0.05rem;font-weight:500}@media screen and (min-width: 416px){.defaultpage .txt p.smaller{font-size:16px;line-height:1.4}}@media screen and (min-width: 575px){.defaultpage .txt p.smaller{font-size:18px;line-height:1.4}}@media screen and (min-width: 768px){.defaultpage .txt p.smaller{font-size:17px;line-height:1.4}}@media screen and (min-width: 900px){.defaultpage .txt p.smaller{font-size:18px;line-height:1.4}}@media screen and (min-width: 980px){.defaultpage .txt p.smaller{font-size:20px;line-height:1.4}}.defaultpage .txt figcaption p{font-size:16px;line-height:1.4;font-style:italic;letter-spacing:0.03rem}@media screen and (min-width: 416px){.defaultpage .txt figcaption p{font-size:16px;line-height:1.4}}@media screen and (min-width: 575px){.defaultpage .txt figcaption p{font-size:18px;line-height:1.4}}@media screen and (min-width: 768px){.defaultpage .txt figcaption p{font-size:17px;line-height:1.4}}@media screen and (min-width: 900px){.defaultpage .txt figcaption p{font-size:18px;line-height:1.4}}@media screen and (min-width: 980px){.defaultpage .txt figcaption p{font-size:20px;line-height:1.4}}.defaultpage .txt em,.defaultpage .txt i{font-weight:500}.defaultpage .txt strong,.defaultpage .txt b{font-weight:500}.defaultpage .txt h3,.defaultpage .txt h4,.defaultpage .txt h5{margin-top:2.25rem;margin-bottom:0.2rem}@media screen and (min-width: 575px){.defaultpage .txt h3,.defaultpage .txt h4,.defaultpage .txt h5{margin-bottom:0.3rem}}@media screen and (min-width: 768px){.defaultpage .txt h3,.defaultpage .txt h4,.defaultpage .txt h5{margin-bottom:0.55rem}}@media screen and (min-width: 980px){.defaultpage .txt h3,.defaultpage .txt h4,.defaultpage .txt h5{margin-bottom:0.65rem}}.defaultpage .txt h2{margin-top:3.5rem;margin-bottom:0.5rem}@media screen and (min-width: 768px){.defaultpage .txt h2{margin-bottom:1.25rem}}@media screen and (min-width: 980px){.defaultpage .txt h2{margin-bottom:1.75rem}}.defaultpage .txt p{margin-top:0}@media screen and (min-width: 640px){.defaultpage .txt p.smaller:last-child{margin-bottom:0}}/*! - - - BLOG ARTICLES - - - */.blog-article h2.heading1-bigcaps,.blog-article h1{font-size:36px;line-height:1.1;font-family:"Cartridge-Regular",sans-serif;text-transform:uppercase}@media screen and (min-width: 575px){.blog-article h2.heading1-bigcaps,.blog-article h1{font-size:48px;line-height:1.1}}@media screen and (min-width: 768px){.blog-article h2.heading1-bigcaps,.blog-article h1{font-size:64px;line-height:1.1}}@media screen and (min-width: 980px){.blog-article h2.heading1-bigcaps,.blog-article h1{font-size:72px;line-height:1.1}}.blog-article h2,.blog-article .alt-grid .tips-item h2,.blog-article h1.heading2{font-size:30px;line-height:1.15;font-family:"Cartridge-Regular",sans-serif;text-transform:none}@media screen and (min-width: 416px){.blog-article h2,.blog-article .alt-grid .tips-item h2,.blog-article h1.heading2{font-size:30px;line-height:1.15}}@media screen and (min-width: 575px){.blog-article h2,.blog-article .alt-grid .tips-item h2,.blog-article h1.heading2{font-size:36px;line-height:1.15}}@media screen and (min-width: 768px){.blog-article h2,.blog-article .alt-grid .tips-item h2,.blog-article h1.heading2{font-size:42px;line-height:1.15}}@media screen and (min-width: 980px){.blog-article h2,.blog-article .alt-grid .tips-item h2,.blog-article h1.heading2{font-size:48px;line-height:1.15}}.blog-article .alt-grid h2{font-size:22px;line-height:1.15}@media screen and (min-width: 416px){.blog-article .alt-grid h2{font-size:24px;line-height:1.15}}@media screen and (min-width: 575px){.blog-article .alt-grid h2{font-size:25px;line-height:1.15}}@media screen and (min-width: 640px){.blog-article .alt-grid h2{font-size:26px;line-height:1.15}}@media screen and (min-width: 768px){.blog-article .alt-grid h2{font-size:27px;line-height:1.15}}@media screen and (min-width: 840px){.blog-article .alt-grid h2{font-size:28px;line-height:1.15}}@media screen and (min-width: 980px){.blog-article .alt-grid h2{font-size:30px;line-height:1.15}}.blog-article h3 em{font-style:normal;text-transform:uppercase;font-family:"Native-Bold"}.blog-article header h2{font-size:10px;line-height:1.3;font-family:"Cartridge-Bold",sans-serif;text-transform:uppercase;letter-spacing:0.25rem}@media screen and (min-width: 416px){.blog-article header h2{font-size:10px;line-height:1.3}}@media screen and (min-width: 575px){.blog-article header h2{font-size:12px;line-height:1.3}}@media screen and (min-width: 768px){.blog-article header h2{font-size:14px;line-height:1.3}}@media screen and (min-width: 980px){.blog-article header h2{font-size:15px;line-height:1.3}}.blog-article .tips-item figcaption p,.blog-article p,.blog-article .txt li,.blog-article .main-content li{font-size:18px;line-height:1.4;font-weight:400;font-style:normal;letter-spacing:0.03rem}@media screen and (min-width: 416px){.blog-article .tips-item figcaption p,.blog-article p,.blog-article .txt li,.blog-article .main-content li{font-size:18px;line-height:1.4}}@media screen and (min-width: 575px){.blog-article .tips-item figcaption p,.blog-article p,.blog-article .txt li,.blog-article .main-content li{font-size:19px;line-height:1.4}}@media screen and (min-width: 768px){.blog-article .tips-item figcaption p,.blog-article p,.blog-article .txt li,.blog-article .main-content li{font-size:20px;line-height:1.5}}@media screen and (min-width: 980px){.blog-article .tips-item figcaption p,.blog-article p,.blog-article .txt li,.blog-article .main-content li{font-size:21px;line-height:1.5}}.blog-article .big-quote p{font-size:30px;line-height:1.15;font-weight:300;font-style:italic;letter-spacing:0}@media screen and (min-width: 416px){.blog-article .big-quote p{font-size:30px;line-height:1.15}}@media screen and (min-width: 575px){.blog-article .big-quote p{font-size:36px;line-height:1.15}}@media screen and (min-width: 768px){.blog-article .big-quote p{font-size:42px;line-height:1.15}}@media screen and (min-width: 980px){.blog-article .big-quote p{font-size:48px;line-height:1.15}}.blog-article .big-quote footer{font-size:18px;line-height:1.4;font-weight:500;text-align:right;margin-top:-1rem;color:#b2ada6}@media screen and (min-width: 416px){.blog-article .big-quote footer{font-size:18px;line-height:1.4}}@media screen and (min-width: 575px){.blog-article .big-quote footer{font-size:19px;line-height:1.4}}@media screen and (min-width: 768px){.blog-article .big-quote footer{font-size:20px;line-height:1.5}}@media screen and (min-width: 980px){.blog-article .big-quote footer{font-size:21px;line-height:1.5}}.blog-article .big-quote.fat p{font-size:36px;line-height:1.1;font-weight:900;font-style:normal}@media screen and (min-width: 575px){.blog-article .big-quote.fat p{font-size:48px;line-height:1.1}}@media screen and (min-width: 768px){.blog-article .big-quote.fat p{font-size:64px;line-height:1.1}}@media screen and (min-width: 980px){.blog-article .big-quote.fat p{font-size:72px;line-height:1.1}}.blog-article p.smaller,.blog-article .smaller p{font-size:16px;line-height:1.4;letter-spacing:0.05rem;font-weight:500}@media screen and (min-width: 416px){.blog-article p.smaller,.blog-article .smaller p{font-size:16px;line-height:1.4}}@media screen and (min-width: 575px){.blog-article p.smaller,.blog-article .smaller p{font-size:18px;line-height:1.4}}@media screen and (min-width: 768px){.blog-article p.smaller,.blog-article .smaller p{font-size:17px;line-height:1.4}}@media screen and (min-width: 900px){.blog-article p.smaller,.blog-article .smaller p{font-size:18px;line-height:1.4}}@media screen and (min-width: 980px){.blog-article p.smaller,.blog-article .smaller p{font-size:20px;line-height:1.4}}.blog-article figcaption p{font-size:16px;line-height:1.4;font-style:italic;letter-spacing:0.03rem}@media screen and (min-width: 416px){.blog-article figcaption p{font-size:16px;line-height:1.4}}@media screen and (min-width: 575px){.blog-article figcaption p{font-size:18px;line-height:1.4}}@media screen and (min-width: 768px){.blog-article figcaption p{font-size:17px;line-height:1.4}}@media screen and (min-width: 900px){.blog-article figcaption p{font-size:18px;line-height:1.4}}@media screen and (min-width: 980px){.blog-article figcaption p{font-size:20px;line-height:1.4}}.blog-article aside.callout p{text-align:center;font-size:14px;line-height:1.5;font-style:italic;font-weight:400;letter-spacing:0.03rem}@media screen and (min-width: 416px){.blog-article aside.callout p{font-size:14px;line-height:1.5}}@media screen and (min-width: 575px){.blog-article aside.callout p{font-size:15px;line-height:1.5}}@media screen and (min-width: 768px){.blog-article aside.callout p{font-size:16px;line-height:1.5}}@media screen and (min-width: 980px){.blog-article aside.callout p{font-size:17px;line-height:1.5}}@media screen and (min-width: 640px){.blog-article aside.callout p{text-align:right}}.blog-article .ref-nr{font-family:"Native-Bold";font-style:normal;margin-right:0.4rem}.blog-article .ref-link-nr sup{font-family:"Native-Regular";font-style:normal;font-size:10px;line-height:1.5}@media screen and (min-width: 416px){.blog-article .ref-link-nr sup{font-size:10px;line-height:1.5}}@media screen and (min-width: 575px){.blog-article .ref-link-nr sup{font-size:11px;line-height:1.5}}@media screen and (min-width: 768px){.blog-article .ref-link-nr sup{font-size:12px;line-height:1.5}}@media screen and (min-width: 980px){.blog-article .ref-link-nr sup{font-size:13px;line-height:1.5}}.blog-article em,.blog-article i{font-weight:500}.blog-article .main-content a{font-weight:500}.date-header p.date{font-size:14px;line-height:1.5;font-weight:400;color:#b2ada6;letter-spacing:0.15rem}@media screen and (min-width: 416px){.date-header p.date{font-size:14px;line-height:1.5}}@media screen and (min-width: 575px){.date-header p.date{font-size:15px;line-height:1.5}}@media screen and (min-width: 768px){.date-header p.date{font-size:16px;line-height:1.5}}@media screen and (min-width: 980px){.date-header p.date{font-size:17px;line-height:1.5}}.introduction p{font-size:20px;line-height:1.4;font-weight:300}@media screen and (min-width: 416px){.introduction p{font-size:20px;line-height:1.4}}@media screen and (min-width: 575px){.introduction p{font-size:24px;line-height:1.4}}@media screen and (min-width: 768px){.introduction p{font-size:28px;line-height:1.4}}@media screen and (min-width: 980px){.introduction p{font-size:32px;line-height:1.3}}.introduction p i,.introduction p em{font-weight:500}.introduction p strong,.introduction p b,.introduction p a{font-weight:600}.blog-article p i,.blog-article .introduction p i{font-weight:500;font-style:italic}.introduction p span.dropcap{font-size:1px}.light,.light p{font-weight:300}.bigger p{font-weight:400;font-size:22px;line-height:1.15}@media screen and (min-width: 416px){.bigger p{font-size:24px;line-height:1.15}}@media screen and (min-width: 575px){.bigger p{font-size:25px;line-height:1.15}}@media screen and (min-width: 640px){.bigger p{font-size:26px;line-height:1.15}}@media screen and (min-width: 768px){.bigger p{font-size:27px;line-height:1.15}}@media screen and (min-width: 840px){.bigger p{font-size:28px;line-height:1.15}}@media screen and (min-width: 980px){.bigger p{font-size:30px;line-height:1.15}}.info dt{font-size:10px;line-height:1.5;font-family:"Cartridge-Bold",sans-serif;text-transform:uppercase;letter-spacing:0.1rem}@media screen and (min-width: 416px){.info dt{font-size:10px;line-height:1.5}}@media screen and (min-width: 575px){.info dt{font-size:11px;line-height:1.5}}@media screen and (min-width: 768px){.info dt{font-size:12px;line-height:1.5}}@media screen and (min-width: 980px){.info dt{font-size:13px;line-height:1.5}}.info dd{font-size:10px;line-height:1.5;font-family:"Cartridge-Regular",sans-serif;text-transform:uppercase;letter-spacing:0.1rem}@media screen and (min-width: 416px){.info dd{font-size:10px;line-height:1.5}}@media screen and (min-width: 575px){.info dd{font-size:11px;line-height:1.5}}@media screen and (min-width: 768px){.info dd{font-size:12px;line-height:1.5}}@media screen and (min-width: 980px){.info dd{font-size:13px;line-height:1.5}}.txt ol li::before,.main-content ol li::before{font-family:"Native-Bold"}.txt ul li::before,.main-content ul li::before{font-weight:400}/*! - - - INTRO - - - */.intro{text-align:left}.intro p{font-family:"freight-sans-pro",sans-serif}.homepage .intro p{font-size:18px;line-height:1.6;font-weight:300}@media screen and (min-width: 416px){.homepage .intro p{font-size:18px;line-height:1.6}}@media screen and (min-width: 575px){.homepage .intro p{font-size:20px;line-height:1.6}}@media screen and (min-width: 768px){.homepage .intro p{font-size:24px;line-height:1.6}}@media screen and (min-width: 980px){.homepage .intro p{font-size:28px;line-height:1.6}}.homepage a.proj-link,.homepage .txt.design-process a,.txt.design-process .homepage a,.homepage a.tuts-link,.homepage .txt.tutorials a,.txt.tutorials .homepage a,.homepage a.web-link,.homepage .txt.web-design a,.txt.web-design .homepage a,.homepage a.insp-link,.homepage .txt .cta-button a.btn-default,.txt .cta-button .homepage a.btn-default,.homepage a.graphic-link,.homepage .txt.graphic-design a,.txt.graphic-design .homepage a,.homepage a.sidenotes-link,.homepage .txt.sidenote-content a,.txt.sidenote-content .homepage a{font-family:"Cartridge-Regular",sans-serif;text-transform:uppercase}/*! - - - BUTTONS - - - */button{font-family:"freight-sans-pro",sans-serif;letter-spacing:0.025rem}.btn,.btn-default{font-size:13px;line-height:1.3;font-family:"freight-sans-pro",sans-serif;font-weight:600;letter-spacing:0.1rem}@media screen and (min-width: 280px){.btn,.btn-default{font-size:13px;line-height:1.3}}@media screen and (min-width: 416px){.btn,.btn-default{font-size:14px;line-height:1.3}}@media screen and (min-width: 575px){.btn,.btn-default{font-size:16px;line-height:1.3}}@media screen and (min-width: 768px){.btn,.btn-default{font-size:18px;line-height:1.3}}@media screen and (min-width: 980px){.btn,.btn-default{font-size:20px;line-height:1.3}}.btn strong,.btn-default strong{text-transform:uppercase;font-family:"Cartridge-Regular",sans-serif}.btn-light{font-size:16px;line-height:1.4;font-weight:400}@media screen and (min-width: 416px){.btn-light{font-size:16px;line-height:1.4}}@media screen and (min-width: 575px){.btn-light{font-size:18px;line-height:1.4}}@media screen and (min-width: 768px){.btn-light{font-size:17px;line-height:1.4}}@media screen and (min-width: 900px){.btn-light{font-size:18px;line-height:1.4}}@media screen and (min-width: 980px){.btn-light{font-size:20px;line-height:1.4}}.btn-light strong{text-transform:uppercase;font-family:"Cartridge-Regular",sans-serif}/*! - - - FORMS - - - */label{font-size:14px;line-height:1.5;font-family:"Cartridge-Bold",sans-serif;text-transform:uppercase;letter-spacing:0.05rem;text-align:left}@media screen and (min-width: 416px){label{font-size:14px;line-height:1.5}}@media screen and (min-width: 575px){label{font-size:15px;line-height:1.5}}@media screen and (min-width: 768px){label{font-size:16px;line-height:1.5}}@media screen and (min-width: 980px){label{font-size:17px;line-height:1.5}}input,textarea{font-size:16px;line-height:1.4;font-family:"freight-sans-pro",sans-serif;font-weight:400}@media screen and (min-width: 416px){input,textarea{font-size:16px;line-height:1.4}}@media screen and (min-width: 575px){input,textarea{font-size:18px;line-height:1.4}}@media screen and (min-width: 768px){input,textarea{font-size:17px;line-height:1.4}}@media screen and (min-width: 900px){input,textarea{font-size:18px;line-height:1.4}}@media screen and (min-width: 980px){input,textarea{font-size:20px;line-height:1.4}}.input-item em{font-style:normal}p.error{font-size:16px;line-height:1.4}@media screen and (min-width: 416px){p.error{font-size:16px;line-height:1.4}}@media screen and (min-width: 575px){p.error{font-size:18px;line-height:1.4}}@media screen and (min-width: 768px){p.error{font-size:17px;line-height:1.4}}@media screen and (min-width: 900px){p.error{font-size:18px;line-height:1.4}}@media screen and (min-width: 980px){p.error{font-size:20px;line-height:1.4}}input[type="submit"]{font-family:"Cartridge-Regular",sans-serif;text-transform:uppercase}/*!  - - -  ARTICLES  - - - */.content p{line-height:1.4}.article h2{font-weight:700;font-size:22px;line-height:1.15}@media screen and (min-width: 416px){.article h2{font-size:24px;line-height:1.15}}@media screen and (min-width: 575px){.article h2{font-size:25px;line-height:1.15}}@media screen and (min-width: 640px){.article h2{font-size:26px;line-height:1.15}}@media screen and (min-width: 768px){.article h2{font-size:27px;line-height:1.15}}@media screen and (min-width: 840px){.article h2{font-size:28px;line-height:1.15}}@media screen and (min-width: 980px){.article h2{font-size:30px;line-height:1.15}}.article .more{font-family:"Cartridge-Regular",sans-serif;font-size:10px;line-height:1.3;text-transform:uppercase;letter-spacing:0.1rem}@media screen and (min-width: 416px){.article .more{font-size:10px;line-height:1.3}}@media screen and (min-width: 575px){.article .more{font-size:12px;line-height:1.3}}@media screen and (min-width: 768px){.article .more{font-size:14px;line-height:1.3}}@media screen and (min-width: 980px){.article .more{font-size:15px;line-height:1.3}}.design-articles .article h2{font-size:22px;line-height:1.15;font-family:"Cartridge-Regular",sans-serif}@media screen and (min-width: 416px){.design-articles .article h2{font-size:24px;line-height:1.15}}@media screen and (min-width: 575px){.design-articles .article h2{font-size:25px;line-height:1.15}}@media screen and (min-width: 640px){.design-articles .article h2{font-size:26px;line-height:1.15}}@media screen and (min-width: 768px){.design-articles .article h2{font-size:27px;line-height:1.15}}@media screen and (min-width: 840px){.design-articles .article h2{font-size:28px;line-height:1.15}}@media screen and (min-width: 980px){.design-articles .article h2{font-size:30px;line-height:1.15}}.design-articles .article p{line-height:1.4}.date,.section{font-size:9px;line-height:1.3;letter-spacing:0.075rem;font-family:"Cartridge-Regular",sans-serif;text-transform:uppercase}@media screen and (min-width: 416px){.date,.section{font-size:9px;line-height:1.3}}@media screen and (min-width: 575px){.date,.section{font-size:10px;line-height:1.3}}@media screen and (min-width: 768px){.date,.section{font-size:11px;line-height:1.3}}@media screen and (min-width: 980px){.date,.section{font-size:12px;line-height:1.3}}.articles-list h3{font-family:"Cartridge-Bold",sans-serif}.articles-list h4{font-size:16px;line-height:1.3;font-family:"freight-sans-pro",sans-serif;font-weight:500}@media screen and (min-width: 575px){.articles-list h4{font-size:16px;line-height:1.3}}@media screen and (min-width: 768px){.articles-list h4{font-size:18px;line-height:1.3}}@media screen and (min-width: 980px){.articles-list h4{font-size:20px;line-height:1.3}}ol.big-nrs li .nr{text-align:center;line-height:3.5rem;font-size:3rem;font-family:"Cartridge-Bold",sans-serif}@media screen and (min-width: 640px){ol.big-nrs li .nr{font-size:3.5rem}}.listitem h2{font-family:"Cartridge-Regular",sans-serif;font-size:20px;line-height:1.3}@media screen and (min-width: 416px){.listitem h2{font-size:20px;line-height:1.3}}@media screen and (min-width: 575px){.listitem h2{font-size:23px;line-height:1.3}}@media screen and (min-width: 640px){.listitem h2{font-size:24px;line-height:1.3}}@media screen and (min-width: 768px){.listitem h2{font-size:25px;line-height:1.3}}@media screen and (min-width: 980px){.listitem h2{font-size:26px;line-height:1.3}}/*!  - - - HOMEPAGE ARTICLES  - - - */.homepage .article h2,.homepage .design-articles .article h2{font-size:24px;line-height:1.15;font-family:"Cartridge-Regular",sans-serif}@media screen and (min-width: 416px){.homepage .article h2,.homepage .design-articles .article h2{font-size:24px;line-height:1.15}}@media screen and (min-width: 575px){.homepage .article h2,.homepage .design-articles .article h2{font-size:24px;line-height:1.15}}@media screen and (min-width: 640px){.homepage .article h2,.homepage .design-articles .article h2{font-size:28px;line-height:1.15}}@media screen and (min-width: 768px){.homepage .article h2,.homepage .design-articles .article h2{font-size:22px;line-height:1.15}}@media screen and (min-width: 840px){.homepage .article h2,.homepage .design-articles .article h2{font-size:24px;line-height:1.15}}@media screen and (min-width: 980px){.homepage .article h2,.homepage .design-articles .article h2{font-size:28px;line-height:1.15}}@media screen and (min-width: 1200px){.homepage .article h2,.homepage .design-articles .article h2{font-size:32px;line-height:1.15}}/*! - - - FOOTER  - - - */.footer .foot p{font-size:9px;line-height:1.3;font-family:"Cartridge-Regular",sans-serif;text-transform:uppercase;letter-spacing:0.1rem}@media screen and (min-width: 416px){.footer .foot p{font-size:9px;line-height:1.3}}@media screen and (min-width: 575px){.footer .foot p{font-size:10px;line-height:1.3}}@media screen and (min-width: 768px){.footer .foot p{font-size:11px;line-height:1.3}}@media screen and (min-width: 980px){.footer .foot p{font-size:12px;line-height:1.3}}.footer p,.footer li{letter-spacing:0.03rem}.footer h3{font-size:10px;line-height:1.5}@media screen and (min-width: 416px){.footer h3{font-size:10px;line-height:1.5}}@media screen and (min-width: 575px){.footer h3{font-size:11px;line-height:1.5}}@media screen and (min-width: 768px){.footer h3{font-size:12px;line-height:1.5}}@media screen and (min-width: 980px){.footer h3{font-size:13px;line-height:1.5}}.footer-area h3{font-family:"Cartridge-Bold",sans-serif;text-transform:uppercase;letter-spacing:0.1rem}.love{font-size:0.55rem}/*! - - - PREV & NEXT PAGE NAV  - - - */.page-nav{letter-spacing:0.1rem;font-family:"Cartridge-Regular",sans-serif;text-transform:uppercase;font-size:12px;line-height:1.2}@media screen and (min-width: 416px){.page-nav{font-size:12px;line-height:1.2}}@media screen and (min-width: 575px){.page-nav{font-size:13px;line-height:1.2}}@media screen and (min-width: 768px){.page-nav{font-size:14px;line-height:1.2}}@media screen and (min-width: 980px){.page-nav{font-size:15px;line-height:1.2}}.page-nav .mobile-only{font-family:"Cartridge-Bold",sans-serif}.page-nav .key-nav{font-family:"Cartridge-Bold",sans-serif}/*! - - - HELPERS & SEPCIALS - - - */.bold{font-weight:600}.fat{font-weight:700}.smallcaps{text-transform:uppercase;font-family:"Cartridge-Regular",sans-serif;font-size:10px;line-height:1.3;letter-spacing:0.1rem}@media screen and (min-width: 416px){.smallcaps{font-size:10px;line-height:1.3}}@media screen and (min-width: 575px){.smallcaps{font-size:12px;line-height:1.3}}@media screen and (min-width: 768px){.smallcaps{font-size:14px;line-height:1.3}}@media screen and (min-width: 980px){.smallcaps{font-size:15px;line-height:1.3}}.special-subtitle{margin-bottom:0rem}.special-subtitle::before{content:"— "}.special-subtitle::after{content:" —"}.bigtxt,p.bigtxt{font-size:24px;line-height:1.3}@media screen and (min-width: 416px){.bigtxt,p.bigtxt{font-size:24px;line-height:1.3}}@media screen and (min-width: 575px){.bigtxt,p.bigtxt{font-size:28px;line-height:1.3}}@media screen and (min-width: 768px){.bigtxt,p.bigtxt{font-size:30px;line-height:1.3}}@media screen and (min-width: 980px){.bigtxt,p.bigtxt{font-size:36px;line-height:1.3}}/*!  - - - SECTION HEADERS - - - */.section-header h3,.section-header h2,.section-header h1{font-size:18px;line-height:1.5;letter-spacing:0.1rem}@media screen and (min-width: 416px){.section-header h3,.section-header h2,.section-header h1{font-size:18px;line-height:1.5}}@media screen and (min-width: 575px){.section-header h3,.section-header h2,.section-header h1{font-size:20px;line-height:1.5}}@media screen and (min-width: 768px){.section-header h3,.section-header h2,.section-header h1{font-size:24px;line-height:1.5}}@media screen and (min-width: 980px){.section-header h3,.section-header h2,.section-header h1{font-size:28px;line-height:1.5}}.section-header h3 span,.section-header h2 span,.section-header h1 span{font-size:16px;line-height:1.4;text-transform:none;font-weight:500}@media screen and (min-width: 416px){.section-header h3 span,.section-header h2 span,.section-header h1 span{font-size:16px;line-height:1.4}}@media screen and (min-width: 575px){.section-header h3 span,.section-header h2 span,.section-header h1 span{font-size:18px;line-height:1.4}}@media screen and (min-width: 768px){.section-header h3 span,.section-header h2 span,.section-header h1 span{font-size:17px;line-height:1.4}}@media screen and (min-width: 900px){.section-header h3 span,.section-header h2 span,.section-header h1 span{font-size:18px;line-height:1.4}}@media screen and (min-width: 980px){.section-header h3 span,.section-header h2 span,.section-header h1 span{font-size:20px;line-height:1.4}}.articles h3.header span{font-size:30px;line-height:1.15;font-family:"Cartridge-Bold",sans-serif;text-transform:uppercase}@media screen and (min-width: 416px){.articles h3.header span{font-size:30px;line-height:1.15}}@media screen and (min-width: 575px){.articles h3.header span{font-size:36px;line-height:1.15}}@media screen and (min-width: 768px){.articles h3.header span{font-size:42px;line-height:1.15}}@media screen and (min-width: 980px){.articles h3.header span{font-size:48px;line-height:1.15}}/*!  - - - NEWSLETTER - - - */.newsletter header h2,.newsletter header h1,.newsletter header h3{font-weight:300;font-size:24px;line-height:1.15}@media screen and (min-width: 416px){.newsletter header h2,.newsletter header h1,.newsletter header h3{font-size:26px;line-height:1.15}}@media screen and (min-width: 575px){.newsletter header h2,.newsletter header h1,.newsletter header h3{font-size:28px;line-height:1.15}}@media screen and (min-width: 768px){.newsletter header h2,.newsletter header h1,.newsletter header h3{font-size:32px;line-height:1.15}}@media screen and (min-width: 980px){.newsletter header h2,.newsletter header h1,.newsletter header h3{font-size:38px;line-height:1.15}}.newsletter header h2 strong,.newsletter header h2 b,.newsletter header h1 strong,.newsletter header h1 b,.newsletter header h3 strong,.newsletter header h3 b{font-family:"Cartridge-Regular",sans-serif}.newsletter-content em{font-style:normal;font-family:"Cartridge-Bold",sans-serif;text-transform:uppercase;font-size:24px;line-height:1.3}@media screen and (min-width: 575px){.newsletter-content em{font-size:28px;line-height:1.3}}@media screen and (min-width: 768px){.newsletter-content em{font-size:30px;line-height:1.3}}@media screen and (min-width: 980px){.newsletter-content em{font-size:32px;line-height:1.3}}.newsletter-content h2{font-size:24px;line-height:1.15}@media screen and (min-width: 416px){.newsletter-content h2{font-size:26px;line-height:1.15}}@media screen and (min-width: 575px){.newsletter-content h2{font-size:28px;line-height:1.15}}@media screen and (min-width: 768px){.newsletter-content h2{font-size:32px;line-height:1.15}}@media screen and (min-width: 980px){.newsletter-content h2{font-size:38px;line-height:1.15}}.newsletter-content h3,.newsletter-content h4{font-size:10px;line-height:1.3}@media screen and (min-width: 416px){.newsletter-content h3,.newsletter-content h4{font-size:10px;line-height:1.3}}@media screen and (min-width: 575px){.newsletter-content h3,.newsletter-content h4{font-size:12px;line-height:1.3}}@media screen and (min-width: 768px){.newsletter-content h3,.newsletter-content h4{font-size:14px;line-height:1.3}}@media screen and (min-width: 980px){.newsletter-content h3,.newsletter-content h4{font-size:15px;line-height:1.3}}.newsletter-content h4{font-weight:700}.newsletter-content p{font-size:14px;line-height:1.5;font-weight:300;letter-spacing:0.05rem}@media screen and (min-width: 416px){.newsletter-content p{font-size:14px;line-height:1.5}}@media screen and (min-width: 575px){.newsletter-content p{font-size:15px;line-height:1.5}}@media screen and (min-width: 768px){.newsletter-content p{font-size:16px;line-height:1.5}}@media screen and (min-width: 980px){.newsletter-content p{font-size:17px;line-height:1.5}}.newsletter-content input{font-weight:500}/*! - - -  SPONSOR   - - - */.hero-title{text-transform:uppercase}.sponsor h4{text-transform:uppercase;font-family:"Cartridge-Regular",sans-serif;letter-spacing:0.1rem;font-size:10px;line-height:1.3}@media screen and (min-width: 416px){.sponsor h4{font-size:10px;line-height:1.3}}@media screen and (min-width: 575px){.sponsor h4{font-size:12px;line-height:1.3}}@media screen and (min-width: 768px){.sponsor h4{font-size:14px;line-height:1.3}}@media screen and (min-width: 980px){.sponsor h4{font-size:15px;line-height:1.3}}.sponsor p{font-size:14px;line-height:1.5}@media screen and (min-width: 416px){.sponsor p{font-size:14px;line-height:1.5}}@media screen and (min-width: 575px){.sponsor p{font-size:15px;line-height:1.5}}@media screen and (min-width: 768px){.sponsor p{font-size:16px;line-height:1.5}}@media screen and (min-width: 980px){.sponsor p{font-size:17px;line-height:1.5}}/*! - - -  TAGS   - - - */.tags p,.tags a{font-size:10px;line-height:1.5;font-family:"Cartridge-Regular",sans-serif;text-transform:uppercase;letter-spacing:0.1rem}@media screen and (min-width: 416px){.tags p,.tags a{font-size:10px;line-height:1.5}}@media screen and (min-width: 575px){.tags p,.tags a{font-size:11px;line-height:1.5}}@media screen and (min-width: 768px){.tags p,.tags a{font-size:12px;line-height:1.5}}@media screen and (min-width: 980px){.tags p,.tags a{font-size:13px;line-height:1.5}}.tags p{margin-bottom:1rem;font-weight:500}a.tag{font-weight:400}/*! - - -  FREEBIES  - - - */.hero-title-alt h1{font-weight:300;font-size:36px;line-height:1.1}@media screen and (min-width: 575px){.hero-title-alt h1{font-size:48px;line-height:1.1}}@media screen and (min-width: 768px){.hero-title-alt h1{font-size:64px;line-height:1.1}}@media screen and (min-width: 980px){.hero-title-alt h1{font-size:72px;line-height:1.1}}.hero-title-alt h2{font-family:"Cartridge-Bold",sans-serif;letter-spacing:0.15rem;font-size:20px;line-height:1.3}@media screen and (min-width: 416px){.hero-title-alt h2{font-size:20px;line-height:1.3}}@media screen and (min-width: 575px){.hero-title-alt h2{font-size:23px;line-height:1.3}}@media screen and (min-width: 640px){.hero-title-alt h2{font-size:24px;line-height:1.3}}@media screen and (min-width: 768px){.hero-title-alt h2{font-size:25px;line-height:1.3}}@media screen and (min-width: 980px){.hero-title-alt h2{font-size:26px;line-height:1.3}}.hero-title-alt em{font-style:normal;font-weight:800}/*! - - -  ARCHIVES   - - - */.list h1{font-size:30px;line-height:1.15}@media screen and (min-width: 416px){.list h1{font-size:30px;line-height:1.15}}@media screen and (min-width: 575px){.list h1{font-size:36px;line-height:1.15}}@media screen and (min-width: 768px){.list h1{font-size:42px;line-height:1.15}}@media screen and (min-width: 980px){.list h1{font-size:48px;line-height:1.15}}/*! - - -  SIDENOTES   - - - */.homepage .txt.sidenote-content a{text-transform:none}.homepage .txt.sidenote-content h2{font-family:"Cartridge-Regular",sans-serif}.sidenotes .blog-article header h1 .heading-small,.sidenotes .blog-article header h2 .heading-small{font-size:16px;line-height:1.4;font-family:"Cartridge-Regular",sans-serif;text-transform:none;letter-spacing:0.1rem;font-weight:400}@media screen and (min-width: 416px){.sidenotes .blog-article header h1 .heading-small,.sidenotes .blog-article header h2 .heading-small{font-size:16px;line-height:1.4}}@media screen and (min-width: 575px){.sidenotes .blog-article header h1 .heading-small,.sidenotes .blog-article header h2 .heading-small{font-size:18px;line-height:1.4}}@media screen and (min-width: 768px){.sidenotes .blog-article header h1 .heading-small,.sidenotes .blog-article header h2 .heading-small{font-size:17px;line-height:1.4}}@media screen and (min-width: 900px){.sidenotes .blog-article header h1 .heading-small,.sidenotes .blog-article header h2 .heading-small{font-size:18px;line-height:1.4}}@media screen and (min-width: 980px){.sidenotes .blog-article header h1 .heading-small,.sidenotes .blog-article header h2 .heading-small{font-size:20px;line-height:1.4}}.sidenotes-legend-nav ul li a{line-height:30px;text-transform:uppercase;font-family:"Cartridge-Regular",sans-serif;letter-spacing:0.1rem;color:#161e24;font-size:10px;line-height:1.3}@media screen and (min-width: 416px){.sidenotes-legend-nav ul li a{font-size:10px;line-height:1.3}}@media screen and (min-width: 575px){.sidenotes-legend-nav ul li a{font-size:12px;line-height:1.3}}@media screen and (min-width: 768px){.sidenotes-legend-nav ul li a{font-size:14px;line-height:1.3}}@media screen and (min-width: 980px){.sidenotes-legend-nav ul li a{font-size:15px;line-height:1.3}}.s-year{letter-spacing:0.05rem;font-family:"Cartridge-Regular",sans-serif}.s-day{font-family:"Cartridge-Bold",sans-serif}.s-month{font-family:"Cartridge-Regular",sans-serif;text-transform:uppercase;letter-spacing:0.1rem;font-size:10px;line-height:1.3}@media screen and (min-width: 416px){.s-month{font-size:10px;line-height:1.3}}@media screen and (min-width: 575px){.s-month{font-size:12px;line-height:1.3}}@media screen and (min-width: 768px){.s-month{font-size:14px;line-height:1.3}}@media screen and (min-width: 980px){.s-month{font-size:15px;line-height:1.3}}.s-day{font-size:42px;line-height:1}@media screen and (min-width: 416px){.s-day{font-size:48px;line-height:1}}@media screen and (min-width: 575px){.s-day{font-size:64px;line-height:1}}@media screen and (min-width: 768px){.s-day{font-size:72px;line-height:1}}@media screen and (min-width: 980px){.s-day{font-size:80px;line-height:1}}.s-year{font-size:12px;line-height:1}@media screen and (min-width: 416px){.s-year{font-size:14px;line-height:1}}@media screen and (min-width: 575px){.s-year{font-size:16px;line-height:1}}@media screen and (min-width: 768px){.s-year{font-size:18px;line-height:1}}@media screen and (min-width: 980px){.s-year{font-size:20px;line-height:1}}/*! - - - TOP BUTTON - - - */.cd-top{display:inline-block;font-size:14px;line-height:1.5;width:50px;height:50px;position:fixed;bottom:60px;right:12px;overflow:hidden;text-indent:100%;white-space:nowrap;background:transparent url("../images/top-circle.svg") no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s, visibility 0s .3s;-moz-transition:opacity .3s 0s, visibility 0s .3s;transition:opacity .3s 0s, visibility 0s .3s}@media screen and (min-width: 416px){.cd-top{font-size:14px;line-height:1.5}}@media screen and (min-width: 575px){.cd-top{font-size:15px;line-height:1.5}}@media screen and (min-width: 768px){.cd-top{font-size:16px;line-height:1.5}}@media screen and (min-width: 980px){.cd-top{font-size:17px;line-height:1.5}}.cd-top:hover{border-bottom:0}.cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s, visibility 0s 0s;-moz-transition:opacity .3s 0s, visibility 0s 0s;transition:opacity .3s 0s, visibility 0s 0s}.cd-top.cd-is-visible{visibility:visible;opacity:1}.cd-top.cd-fade-out{opacity:.5}.no-touch .cd-top:hover{opacity:1;border-bottom:0}@media only screen and (min-width: 768px){.cd-top{right:20px;bottom:20px}}@media only screen and (min-width: 1024px){.cd-top{height:40px;width:40px;right:30px;bottom:30px}}/*! - - - SEARCH BUTTON & MODAL BOX - - - */.cd-modal-action{display:flex;align-items:stretch}.cd-section{background-color:#fbfaf8}.cd-modal{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;pointer-events:none;transition:visibility 0s 0.2s, opacity 0.2s 0s, z-index 0s 0.2s}.cd-modal h3{font-weight:100;text-transform:uppercase;letter-spacing:1px;color:#e7e3de;margin:3rem 0 1rem 0}.cd-modal::after{content:'';position:absolute;left:0;bottom:0;width:100%;z-index:6;height:50px;pointer-events:none;background-color:#fbfaf8}.cd-modal .cd-modal-content{height:100%;width:100%;padding:3em 5%;text-align:left;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cd-modal p{color:#161e24;line-height:1.6;margin:2em 0}.modal-is-visible .cd-modal{z-index:11;visibility:visible;opacity:1;pointer-events:auto;transition:visibility 0s 0s, opacity 0.2s 0s, z-index 0s 0s}.modal-is-visible .cd-modal .cd-modal-content{-webkit-overflow-scrolling:touch}@media only screen and (min-width: 768px){.cd-modal .cd-modal-content{padding:4em 10%}}@media only screen and (min-width: 1170px){.cd-modal .cd-modal-content{padding:6em 20%}.cd-modal p{font-size:2rem;line-height:2}}.cd-modal-action{position:relative}.cd-modal-action .cd-modal-bg{display:inline-block;height:58px;background-color:#fbfaf8}@media screen and (min-width: 980px){.cd-modal-action .cd-modal-bg{height:60px}}@media screen and (min-width: 1200px){.cd-modal-action .cd-modal-bg{height:62px}}.cd-modal-action .btn{width:4rem;color:#ffffff;white-space:nowrap;text-indent:-9999px;transition:color 0.2s 0.2s, width 0.2s 0s}.cd-modal-action .btn.to-circle{width:4rem;color:transparent;transition:color 0.2s 0s, width 0.2s 0.2s}.cd-modal-action .cd-modal-bg{position:absolute;z-index:11;left:50%;top:0;width:4rem;opacity:0;visibility:hidden;transform:translateZ(0);transform:translateX(-2rem);transition:visibility 0s 0.2s}.cd-modal-action .cd-modal-bg.is-visible{opacity:1;visibility:visible;height:100vh}.cd-modal-close{position:fixed;z-index:11;top:20px;right:5%;height:50px;width:50px;border-radius:50%;background:#b2ada6 url("../images/cd-icon-close.svg") no-repeat center center;overflow:hidden;text-indent:100%;white-space:nowrap;visibility:hidden;opacity:0;transform:translateZ(0);transform:scale(0);transition:transform 0.2s 0s, visibility 0s 0.2s, opacity 0.2s 0s}.no-touch .cd-modal-close:hover{background-color:rgba(0,0,0,0.5)}.modal-is-visible .cd-modal-close{visibility:visible;opacity:1;transition:transform 0.2s 0s, visibility 0s 0s, opacity 0.2s 0s;transform:scale(1)}@media only screen and (min-width: 768px){.cd-modal-close{top:70px}}/*!  - - - GLOBALS  - - - */*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}html,body{min-width:320px;min-height:100%}img,figure img{max-width:100%;height:auto}hr{display:none}@media screen and (min-width: 575px){hr{display:block;border:0;height:0}hr.line{border-top:0.3rem solid rgba(0,0,0,0.05)}}code{display:block;padding:1rem 1rem 0.25rem 2rem;margin-bottom:2rem;background-color:#fbfaf8}/*!  - - - LAYOUT  - - - */body{display:flex;flex-direction:column}.content-wrap,.content main{flex:1}main{flex:1 0 auto}.footer-wrap{flex-shrink:0}.header{display:flex;flex-direction:column}.header-wrap,.content-wrap,.footer-wrap{text-align:center;padding:15px 0}.header-wrap .coll,.content-wrap .coll,.footer-wrap .coll{text-align:left}.header,.content,.footer{margin:0 auto;max-width:1280px;padding:0 1rem}@media screen and (min-width: 416px){.header,.content,.footer{padding:0 2rem}}.section-header .header{padding:0}@media screen and (min-width: 1200px){.section-header .header{padding:0 2rem}}.content-block,.text{max-width:768px;margin:auto;padding-bottom:2rem}.flexed{display:flex;flex-wrap:nowrap}.flexed .item{white-space:nowrap}.flexed .item:first-child{flex-basis:40%}.flexed .item:last-child{flex-basis:60%}.grid-colls-n-title,.grid-colls,.grid-blocks{max-width:500px;margin:0 auto}.grid-colls-n-title .coll,.grid-colls .coll,.grid-blocks .coll{height:auto;vertical-align:top}@supports (display: grid){.grid-blocks{max-width:10000px;display:grid;grid-template-columns:repeat(auto-fit, minmax(239px, 1fr));grid-column-gap:2rem;grid-row-gap:0rem;column-gap:2rem;row-gap:0rem}@media screen and (min-width: 575px){.grid-blocks{padding:0 1rem}}@media screen and (min-width: 575px){.grid-blocks{grid-template-columns:1fr 1fr}}@media screen and (min-width: 840px){.grid-blocks{grid-template-columns:1fr 1fr 1fr}}}.footer-button{margin:0 0.5rem;padding:2rem 0 4rem 0}.footer-button img{display:none}@media screen and (min-width: 575px){.footer-button img{display:block}}.footer-button.fuel{margin-bottom:0;padding-bottom:0}.footer-button .icon-inspiration{padding-top:1rem;padding-bottom:1rem}.homepage .footer-button{padding:0 0 4rem 0}.geometrical-banner{margin:2rem 0.5rem 4rem 0.5rem}.geometrical-banner figure{margin:0;padding:0}/*!  - - - MENU  - - - */.topbar{z-index:3;width:100%;overflow-x:hidden}.menu{display:flex;flex-wrap:nowrap;width:100%;background-color:#fff;max-width:1280px;margin:auto}@media screen and (min-width: 1200px){.menu{padding:0 2rem}}.menu-nav{display:flex;flex-wrap:nowrap;width:100%;padding:0}.menu-nav .cd-modal-action{margin:0 0 0 auto}.menu-nav a{flex-grow:1;background-size:24px 24px;line-height:3rem;height:3rem;background-position:5px center;padding-right:2px;padding-left:30px}@media screen and (min-width: 416px){.menu-nav a{background-position:14px center;line-height:3.5rem;height:3.5rem;padding-right:14px;padding-left:42px}}@media screen and (min-width: 485px){.menu-nav a{flex:0 1 auto;padding-left:45px}}@media screen and (min-width: 575px){.menu-nav a{height:4rem;line-height:4rem}}.menu-nav a.icon-articles{background-size:18px 18px;padding-left:34px;padding-right:0;background-position-x:10px}@media screen and (min-width: 360px){.menu-nav a.icon-articles{background-position-x:14px;background-size:20px 20px;padding-left:38px;padding-right:8px}}@media screen and (min-width: 416px){.menu-nav a.icon-articles{background-position-x:18px;padding-left:46px}}@media screen and (min-width: 485px){.menu-nav a.icon-articles{background-position-x:10px;padding-left:38px;padding-right:14px}}@media screen and (min-width: 575px){.menu-nav a.icon-articles{background-position-x:18px;padding-left:46px;padding-right:16px}}.menu-nav a.icon-sidenotes{background-size:18px 18px;padding-left:34px;padding-right:0;text-indent:-9999px;background-position-x:center}@media screen and (min-width: 360px){.menu-nav a.icon-sidenotes{background-size:20px 20px;padding-left:38px;padding-right:8px}}@media screen and (min-width: 416px){.menu-nav a.icon-sidenotes{padding-left:46px}}@media screen and (min-width: 485px){.menu-nav a.icon-sidenotes{padding-left:38px;padding-right:14px}}@media screen and (min-width: 575px){.menu-nav a.icon-sidenotes{padding-left:46px;padding-right:16px}}@media screen and (min-width: 640px){.menu-nav a.icon-sidenotes{text-indent:0px;background-position-x:18px}}.menu-nav a.icon-tutorials{padding-left:38px;padding-right:0;background-position-x:10px}@media screen and (min-width: 360px){.menu-nav a.icon-tutorials{background-position-x:14px;padding-left:44px;padding-right:8px}}@media screen and (min-width: 416px){.menu-nav a.icon-tutorials{background-position-x:18px;padding-left:48px;padding-right:8px}}@media screen and (min-width: 485px){.menu-nav a.icon-tutorials{padding-right:16px}}@media screen and (min-width: 575px){.menu-nav a.icon-tutorials{background-position-x:14px;padding-left:42px;padding-right:16px}}@media screen and (min-width: 768px){.menu-nav a.icon-tutorials{padding-left:44px}}.menu-nav a.icon-home{text-indent:-9999px;height:3rem;min-width:2.4rem;max-width:4rem;background-size:26px 26px;background-position:center center}@media screen and (min-width: 416px){.menu-nav a.icon-home{background-size:30px 30px;width:3.5rem;height:3.5rem;background-size:34px 34px}}@media screen and (min-width: 575px){.menu-nav a.icon-home{margin-right:0;width:4rem;height:4rem}}.menu-nav a.icon-search{text-indent:-9999px;min-width:2.6rem;background-size:20px 20px;background-position:center center;padding-right:0}@media screen and (min-width: 768px){.menu-nav a.icon-search{width:4rem}}.menu-nav a.icon-inspiration{background-position:center center;padding-left:0;min-width:2.4rem;background-size:28px 28px;text-indent:-9999px}@media screen and (min-width: 416px){.menu-nav a.icon-inspiration{min-width:3rem}}@media screen and (min-width: 485px){.menu-nav a.icon-inspiration{background-position:14px center;min-width:4rem;padding-left:45px;text-indent:0}}.menu-nav a.icon-freebie{background-position:center center;padding-left:0;min-width:2.4rem;text-indent:-9999px}@media screen and (min-width: 416px){.menu-nav a.icon-freebie{min-width:3rem}}@media screen and (min-width: 640px){.menu-nav a.icon-freebie{background-position:14px center;min-width:4rem;padding-left:45px;text-indent:0}}/*!  - - - HEADER  - - - */.header-wrap{padding-top:5rem}.homepage .header-wrap{background:none;height:auto;margin-bottom:0rem;padding-top:1rem}@media screen and (min-width: 768px){.homepage .header-wrap{margin-bottom:2rem}}.contactpage .header-wrap,.newsletterpage .header-wrap,.defaultpage .header-wrap,.inspiration .header-wrap{background:none;display:none}@media screen and (min-width: 640px){.contactpage .header-wrap,.newsletterpage .header-wrap,.defaultpage .header-wrap,.inspiration .header-wrap{display:block}}/*!  - - - SECTION HEADERS  - - - */.section-header{margin-bottom:0;padding:0}.section-header h1,.section-header h2,.section-header h3{margin:0;padding:1rem 0.5rem 1rem 7rem;text-align:left;text-transform:uppercase}.section-header h1 span,.section-header h2 span,.section-header h3 span{display:block}.section-header h1 span.hide-on-xsmall2,.section-header h2 span.hide-on-xsmall2,.section-header h3 span.hide-on-xsmall2{display:inline}@media screen and (max-width: 340px){.section-header h1 span.hide-on-xsmall2,.section-header h2 span.hide-on-xsmall2,.section-header h3 span.hide-on-xsmall2{display:none}}.section-header h1 span.show-on-xsmall2-only,.section-header h2 span.show-on-xsmall2-only,.section-header h3 span.show-on-xsmall2-only{display:none}@media screen and (max-width: 340px){.section-header h1 span.show-on-xsmall2-only,.section-header h2 span.show-on-xsmall2-only,.section-header h3 span.show-on-xsmall2-only{display:inline}}@media screen and (min-width: 980px){.section-header h1,.section-header h2,.section-header h3{padding:1rem 0 1rem 8rem}}.section-header h1.no-picto,.section-header h2.no-picto,.section-header h3.no-picto{padding-left:1rem}.homepage .section-header h3{padding:1rem 1rem 1rem 8rem}@media screen and (min-width: 530px){.homepage .section-header h3{padding:1rem 1rem 1rem 7rem}}@media screen and (min-width: 980px){.homepage .section-header h3{padding:1rem 1rem 1rem 8rem}}.section-header.archives-header{padding-left:0}.section-header.archives-header h1,.section-header.archives-header h2,.section-header.archives-header h3{padding:1rem 0 1rem 4rem}/*!  - - - BLOG ARTICLE HEADERS  - - - */.default{padding:1rem}@media screen and (min-width: 575px){.default{padding:2rem}}@media screen and (min-width: 768px){.default{padding:3rem}}.default h1,.default h2{color:#fff}.hero-image{z-index:0}.hero-title{z-index:10;position:relative;width:100%;padding:0.5rem 1rem;margin:-1rem auto 0 auto}@media screen and (min-width: 575px){.hero-title{width:90%;padding:1rem 1.5rem;margin:-4rem auto 0 auto}}@media screen and (min-width: 768px){.hero-title{width:80%;padding:2rem 2rem;margin:-6rem auto 0 auto}}.hero-pattern{padding-top:4rem}@media screen and (min-width: 575px){.hero-pattern{padding-top:8rem}}@media screen and (min-width: 768px){.hero-pattern{padding-top:12rem}}.hero-pattern .hero-title{margin:0 auto}.blog-article .hero-title hr.divider{margin-bottom:-0.5rem}@media screen and (min-width: 575px){.blog-article .hero-title hr.divider{margin-bottom:-1rem}}@media screen and (min-width: 768px){.blog-article .hero-title hr.divider{margin-bottom:-1.5rem}}@media screen and (min-width: 980px){.blog-article .hero-title hr.divider{margin-bottom:-2rem}}/*!  - - - V ICON  - - - */.v-logo{fill:#161e24;display:none;transition:300ms ease-in-out}.v-logo:hover{fill:#ff2c72}@media screen and (min-width: 640px){.v-logo{display:block;width:140px;height:107px;margin:0 auto 96px}}@media screen and (min-width: 768px){.v-logo{width:176px;height:135px;margin:1rem auto 100px}}@media screen and (min-width: 980px){.v-logo{width:196px;height:150px;margin:1rem auto 160px}}@media screen and (min-width: 1200px){.v-logo{width:235px;height:180px;margin:1rem auto 127px}}.homepage .v-logo{margin:0 auto 0.5rem auto}@media screen and (min-width: 575px){.homepage .v-logo{margin:0 auto 1rem auto}}.defaultpage .v-logo,.contactpage .v-logo,.newsletterpage .v-logo{margin-bottom:0}.v-icon-anim{width:106px;height:80px;margin:0 auto}@media screen and (min-width: 416px){.v-icon-anim{width:148px;height:111px}}@media screen and (min-width: 575px){.v-icon-anim{width:186px;height:140px}}@media screen and (min-width: 768px){.v-icon-anim{width:234px;height:176px}}@media screen and (min-width: 980px){.v-icon-anim{width:262px;height:197px}}@media screen and (min-width: 1200px){.v-icon-anim{width:310px;height:233px}}/*!  - - - INTRO  - - - */.intro{margin:0 auto;text-align:center}@media screen and (min-width: 768px){.intro{margin:4rem auto 0 auto}}@media screen and (min-width: 1200px){.intro{margin:-4rem auto 0 auto}}.inspiration .intro{margin:0 auto;max-width:768px}.intro .txt{text-align:left;padding-top:1rem}@media screen and (min-width: 575px){.intro .txt{padding-top:2rem}}@media screen and (min-width: 768px){.intro .txt{padding-top:2.5rem}}.intro-txt{clear:both}@media screen and (min-width: 640px){.intro-txt{padding-bottom:1rem;padding-top:1rem}}@media screen and (min-width: 768px){.intro-txt{padding-bottom:2rem}}.homepage .intro{text-align:left;margin-bottom:0rem;margin-top:0}@media screen and (min-width: 575px){.homepage .intro{margin-bottom:1rem}}@media screen and (min-width: 768px){.homepage .intro{margin-top:-1rem}}@media screen and (min-width: 980px){.homepage .intro{margin-bottom:2rem;margin-top:-2rem}}.veerle{width:80px;height:80px;margin:0 auto 1rem auto}@media screen and (min-width: 416px){.veerle{width:100px;height:100px}}@media screen and (min-width: 575px){.veerle{float:left;-webkit-shape-outside:circle(48%);shape-outside:circle(48%);width:140px;height:140px;margin:0.5rem 1.5rem 0.5rem 0}}@media screen and (min-width: 640px){.veerle{width:140px;height:140px;margin:1rem 2rem 1rem 0}}@media screen and (min-width: 768px){.veerle{width:160px;height:160px;margin:1.25rem 2.5rem 1.5rem 0}}@media screen and (min-width: 840px){.veerle{width:180px;height:180px}}@media screen and (min-width: 900px){.veerle{width:190px;height:190px}}@media screen and (min-width: 980px){.veerle{width:210px;height:210px}}@media screen and (min-width: 1200px){.veerle{width:220px;height:220px}}.eyedropper{width:0px;height:0px}@media screen and (min-width: 640px){.eyedropper{float:left;-webkit-shape-outside:circle(50%);shape-outside:circle(50%);width:160px;height:160px;padding:1.5rem;margin:1rem 1.5rem 1rem 2rem}}.insp-title-header{max-width:768px;margin:auto auto 2rem auto}@media screen and (min-width: 575px){.insp-title-header{margin:auto auto 4rem auto}}.insp-title{font-weight:300;margin-bottom:0.5rem}@media screen and (min-width: 575px){.insp-title{margin-bottom:1rem}}.homepage .insp-title-header{padding-top:1rem}/*!  - - - GALLERY  - - - */.inspiration .content-wrap{padding-top:0}.inspiration .insp-title{padding-top:30px;margin-top:0}body.inspiration{background-attachment:fixed}@media screen and (min-width: 640px){body.inspiration{background-image:url("../images/geometrical-pictos-banner-1.png");background-size:900px;background-position:center 4rem;background-repeat:repeat-x;height:270px}}@media screen and (min-width: 768px){body.inspiration{background-image:url("../images/geometrical-pictos-banner-1.png");background-size:1050px;background-position:center 4rem;background-repeat:repeat-x;height:390px}}@media screen and (min-width: 980px){body.inspiration{background-image:url("../images/geometrical-pictos-banner-1.png");background-size:1280px;background-position:center 4rem;background-repeat:repeat-x;height:520px}}@media screen and (min-width: 1200px){body.inspiration{background-image:url("../images/geometrical-pictos-banner-1.png");background-size:1280px;background-position:center 4rem;background-repeat:repeat-x;height:700px}}body.inspiration .content{background-color:#fff}.inspiration .content-gallery{background-color:#fff}@media screen and (min-width: 640px){.inspiration .content-gallery{margin-top:60px}}@media screen and (min-width: 980px){.inspiration .content-gallery{margin-top:80px}}@media screen and (min-width: 1200px){.inspiration .content-gallery{margin-top:200px}}@media screen and (min-width: 640px){@keyframes bounce{0%{transform:translateY(0)}20%,50%,80%,100%{-webkit-transform:translateY(-383px)}40%{-webkit-transform:translateY(-250px)}60%{-webkit-transform:translateY(-330px)}}}@media screen and (min-width: 768px){@keyframes bounce{0%{transform:translateY(0)}20%,50%,80%,100%{-webkit-transform:translateY(-436px)}40%{-webkit-transform:translateY(-350px)}60%{-webkit-transform:translateY(-400px)}}}@media screen and (min-width: 980px){@keyframes bounce{0%{transform:translateY(0)}20%,50%,80%,100%{-webkit-transform:translateY(-533px)}40%{-webkit-transform:translateY(-450px)}60%{-webkit-transform:translateY(-500px)}}}@media screen and (min-width: 1200px){@keyframes bounce{0%{transform:translateY(0)}20%,50%,80%,100%{-webkit-transform:translateY(-650px)}40%{-webkit-transform:translateY(-550px)}60%{-webkit-transform:translateY(-620px)}}}.inspiration .content-gallery{animation-name:bounce;animation-duration:1.5s;animation-timing-function:cubic-bezier(0, 0.5, 0.5, 1);animation-delay:1s;animation-fill-mode:forwards}.gallery{padding-top:2rem;padding-bottom:2rem}@media screen and (min-width: 575px){.gallery{padding-bottom:3rem;column-count:2;column-gap:2rem}}@media screen and (min-width: 768px){.gallery{padding-bottom:4rem;column-count:3;column-gap:1.5rem}}@media screen and (min-width: 980px){.gallery{column-count:4;column-gap:2rem}}.homepage .gallery{padding-bottom:1rem}@supports (display: grid){@media screen and (min-width: 575px){.homepage .gallery{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:2rem;align-items:start;justify-items:start}}@media screen and (min-width: 900px){.homepage .gallery{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;grid-gap:1.5rem}}@media screen and (min-width: 900px){.homepage .gallery{grid-gap:2rem}}@media screen and (min-width: 980px){.homepage .gallery{grid-gap:2.25rem}}@media screen and (min-width: 1200px){.homepage .gallery{grid-gap:2.5rem}}}.gallery-item{max-width:400px;margin:0 auto 2rem auto}@media screen and (min-width: 575px){.gallery-item{margin:0 0 2rem 0}}.gallery-item figcaption{display:block}.gallery-item p{text-align:left;padding:1rem 0.5rem 1.5rem 1rem;margin-top:0;margin-bottom:0}.gallery-item img:hover{transform:translateY(-0.25rem);transform:scale(0.95)}.gallery-item img{transition:0.25s}figure.gallery-item{-webkit-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.colors{padding:1rem 0 1rem 0;margin:0 auto;text-align:left}.colors ul{display:flex;justify-content:center}.colors a.icon-download{display:block}.colors li,.colors a.icon-download{width:2.6rem;height:2.6rem;border-radius:50%;margin-right:8px}@media screen and (min-width: 320px){.colors li,.colors a.icon-download{width:2.75rem;height:2.75rem}}@media screen and (min-width: 416px){.colors li,.colors a.icon-download{width:3.5rem;height:3.5rem}}@media screen and (min-width: 485px){.colors li,.colors a.icon-download{width:4rem;height:4rem}}@media screen and (min-width: 575px){.colors li,.colors a.icon-download{width:2.5rem;height:2.5rem}}@media screen and (min-width: 640px){.colors li,.colors a.icon-download{width:2.75rem;height:2.75rem}}@media screen and (min-width: 768px){.colors li,.colors a.icon-download{width:2rem;height:2rem}}@media screen and (min-width: 840px){.colors li,.colors a.icon-download{width:2.2rem;height:2.2rem}}@media screen and (min-width: 900px){.colors li,.colors a.icon-download{width:2.4rem;height:2.4rem}}@media screen and (min-width: 980px){.colors li,.colors a.icon-download{width:2.25rem;height:2.25rem}}@media screen and (min-width: 1200px){.colors li,.colors a.icon-download{width:2.75rem;height:2.75rem}}.colors li:last-child,.colors a.icon-download:last-child{margin-right:0}.colors li span,.colors a.icon-download span{display:block;text-indent:-9999px}@media screen and (min-width: 768px){.homepage .colors li,.homepage .colors a.icon-download{width:3rem;height:3rem}}@media screen and (min-width: 840px){.homepage .colors li,.homepage .colors a.icon-download{width:2rem;height:2rem}}@media screen and (min-width: 980px){.homepage .colors li,.homepage .colors a.icon-download{width:2.15rem;height:2.15rem}}@media screen and (min-width: 1200px){.homepage .colors li,.homepage .colors a.icon-download{width:2.75rem;height:2.75rem}}.gallery-item-detail{max-width:768px;margin:auto;padding-bottom:3rem}.gallery-item-detail figure{margin:0}.gallery-item-detail figcaption{padding-top:1.5rem}.gallery-item-detail .colors{margin:0 auto}.gallery-item-detail .colors ul{justify-content:center}.gallery-item-detail p{text-align:left}/*!  - - - INSPR. HELP  - - - */.inspiration-help .content-wrap{padding-top:0}/*!  - - - ARTICLE BLOCKS  - - - */.content-wrap.design-articles{padding:0 0 0 0}.content-wrap.design-articles .content{padding-bottom:0}@media screen and (min-width: 575px){.content-wrap.design-articles .content{padding:0 1rem}}.content-wrap.design-articles figure img{filter:grayscale(0);transition:.3s ease-in-out}.content-wrap.design-articles figure:hover img{filter:grayscale(100%)}.txt ul,.main-content ul{margin-bottom:1.5rem}.txt ul li,.main-content ul li{list-style-position:outside;position:relative;padding-left:1rem}.txt ul li::before,.main-content ul li::before{position:absolute;display:block;width:0.5rem;height:0.5rem;left:0px;top:0px;content:"• ";color:#ff2c72}.main-content ol,.txt ol{list-style:none;margin:0 0 1.5rem 0;padding:0 0 0 1.5rem;counter-reset:my-awesome-counter}.main-content ol li,.txt ol li{counter-increment:my-awesome-counter;position:relative}.txt ol li::before,.main-content ol li::before{content:counter(my-awesome-counter) "."}.txt ol li::before,.main-content ol li::before{color:#ff2c72;position:absolute;--size: 1rem;left:calc(-1 * var(--size) - 10px);line-height:var(--size);width:var(--size);height:var(--size);top:0.35rem}@media screen and (min-width: 768px){.txt ol li::before,.main-content ol li::before{left:calc(-1 * var(--size) - 15px);top:0.4rem}}@media screen and (min-width: 840px){.txt ol li::before,.main-content ol li::before{top:0.5rem}}@media screen and (min-width: 980px){.txt ol li::before,.main-content ol li::before{left:calc(-1 * var(--size) - 20px);top:0.6rem}}.articles .item{padding-top:0.5rem;padding-bottom:0.5rem}.articles .item:last-child{text-align:right}.content.articles{padding:0 2rem}@media screen and (min-width: 575px){.content.articles{padding:0 1rem}}.content.articles figure img{filter:grayscale(0);transition:.3s ease-in-out}.content.articles figure:hover img{filter:grayscale(100%)}h1.bar{margin:0;height:0;text-indent:-9999px}.design-articles .item{padding-top:0.5rem;padding-bottom:0.5rem}.design-articles .item:last-child{text-align:right}.article figure{margin:0 0 1rem 0}.article header{background-size:55px 55px;background-position:right bottom;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}@media screen and (min-width: 575px){.article header{min-height:13rem}}@media screen and (min-width: 768px){.article header{min-height:12rem}}@media screen and (min-width: 840px){.article header{min-height:13rem}}@media screen and (min-width: 980px){.article header{min-height:14rem}}.article header h2{display:block;height:auto;padding-bottom:1rem;padding-top:1rem;position:relative}@media screen and (min-width: 575px){.article header h2{height:auto}}.article header h2:before{content:"";position:absolute;z-index:1;bottom:0;left:0;width:45px;border-bottom:0.3rem solid}.article .more{display:block;margin-top:2rem;text-align:right}.article .more a{background-position:right center;background-size:0.75rem;padding-right:1rem}@media screen and (min-width: 768px){.article .more a{background-size:0.9rem;padding-right:1.25rem}}.content .list h3{margin-top:0.5rem}.content .list h3 span{display:block}@media screen and (min-width: 840px){.content .list h3 span{display:none}}.articles-list h3{text-align:center;padding:1rem;margin-bottom:3px;margin-bottom:0;border-bottom:3px solid #fff}@media screen and (min-width: 840px){.articles-list h3{background-color:#fbfaf8}}.articles-list h4{margin:0 0 0.25rem 0}ol.big-nrs{padding-left:0;margin:0}ol.big-nrs li{position:relative;background-size:50px 57px;background-position:left bottom;border-bottom:3px solid #fff}ol.big-nrs li .nr{position:absolute;display:block;width:3.5rem;height:3rem;left:0;top:-0.1rem}@media screen and (min-width: 640px){ol.big-nrs li .nr{top:0.15rem}}@media screen and (min-width: 768px){ol.big-nrs li .nr{top:0.5rem}}ol.big-nrs li a{display:block;padding:0.6rem 0.75rem 0.6rem 4rem}ol.big-nrs li .date{display:block}/*!  - - - HOMEPAGE ARTICLES  - - - */.homepage .grid-blocks{grid-template-columns:repeat(auto-fit, minmax(225px, 1fr))}@media screen and (min-width: 768px){.homepage .grid-blocks{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width: 575px){.homepage .articles .coll:last-child{grid-column:1 / 3;grid-row:2 / 3}}@media screen and (min-width: 768px){.homepage .articles .coll:last-child{grid-column:3 / 4;grid-row:1 / 2}}@media screen and (min-width: 530px){.homepage .design-articles .coll:first-child{grid-column:1 / 3;grid-row:1 / 3}}@media screen and (min-width: 768px){.homepage .design-articles .coll:first-child{grid-column:1 / 2;grid-row:1 / 2}}@supports (display: grid){.grid-colls-n-title{max-width:10000px}@media screen and (min-width: 530px){.grid-colls-n-title{display:grid;align-items:start;grid-template-columns:1fr 1fr;grid-column-gap:2rem}}@media screen and (min-width: 575px){.grid-colls-n-title{padding:0 1rem}}@media screen and (min-width: 840px){.grid-colls-n-title{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1}}@media screen and (min-width: 980px){.grid-colls-n-title{grid-column-gap:2.5rem}}}.homepage .article{padding-bottom:2rem}@media screen and (min-width: 768px){.homepage .article{padding-bottom:4rem}}@media screen and (min-width: 530px){.homepage .article header{min-height:10rem}}@media screen and (min-width: 640px){.homepage .article header{min-height:11.5rem}}@media screen and (min-width: 768px){.homepage .article header{min-height:13rem}}.homepage .content.articles{padding:0 1rem}@media screen and (min-width: 416px){.homepage .content.articles{padding:0 2rem}}@media screen and (min-width: 575px){.homepage .content.articles{padding:0 1rem}}.grid-colls-n-title .card,.grid-colls-n-title .list{text-align:left;height:auto;vertical-align:top}@media screen and (min-width: 530px){.grid-colls-n-title .card header{min-height:11.35rem}}@media screen and (min-width: 640px){.grid-colls-n-title .card header{min-height:11.25rem}}@media screen and (min-width: 768px){.grid-colls-n-title .card header{min-height:10.25rem}}@media screen and (min-width: 980px){.grid-colls-n-title .card header{min-height:11.5rem}}@media screen and (min-width: 1200px){.grid-colls-n-title .card header{min-height:12.5rem}}@media screen and (min-width: 840px){.grid-colls-n-title .card:first-child{grid-column:1 / 2;grid-row:1 / 2}}@media screen and (min-width: 840px){.grid-colls-n-title .card:last-child{grid-column:2 / 3;grid-row:1 / 2}}.grid-colls-n-title .list{grid-column:1 / 3;margin-bottom:3rem}@media screen and (min-width: 840px){.grid-colls-n-title .list{grid-column:3 / 4;grid-row:1 / 3;margin-bottom:0rem}}.grid-colls-n-title .list .stretch{display:flex;flex-direction:column;align-items:stretch;flex-basis:100%}/*!  - - - BLOG ARTICLES  - - - */.intro-main:first-letter,.intro-main::first-letter,.intro-main .no-space{font-size:0px}.dropcap{color:#fff;float:left;background-position:left bottom;background-repeat:no-repeat;background-size:2.8rem;width:3.4rem;height:3.5rem}@media screen and (min-width: 575px){.dropcap{background-size:4.5rem;width:5.35rem;height:6rem}}@media screen and (min-width: 768px){.dropcap{background-size:5.5rem;width:6.5rem;height:6.75rem}}@media screen and (min-width: 980px){.dropcap{background-size:6rem;width:7rem;height:7.5rem}}.dropcap.drop-e,.dropcap.drop-f,.dropcap.drop-t,.dropcap.drop-l,.dropcap.drop-b,.dropcap.drop-s,.dropcap.drop-r,.dropcap.drop-u,.dropcap.drop-p{background-size:1.85rem;height:3rem;width:2.5rem}@media screen and (min-width: 575px){.dropcap.drop-e,.dropcap.drop-f,.dropcap.drop-t,.dropcap.drop-l,.dropcap.drop-b,.dropcap.drop-s,.dropcap.drop-r,.dropcap.drop-u,.dropcap.drop-p{background-size:3.5rem;height:5.65rem;width:4.35rem}}@media screen and (min-width: 768px){.dropcap.drop-e,.dropcap.drop-f,.dropcap.drop-t,.dropcap.drop-l,.dropcap.drop-b,.dropcap.drop-s,.dropcap.drop-r,.dropcap.drop-u,.dropcap.drop-p{background-size:4.35rem;height:6.85rem;width:5.25rem}}@media screen and (min-width: 980px){.dropcap.drop-e,.dropcap.drop-f,.dropcap.drop-t,.dropcap.drop-l,.dropcap.drop-b,.dropcap.drop-s,.dropcap.drop-r,.dropcap.drop-u,.dropcap.drop-p{background-size:5rem;height:7.25rem;width:6.25rem}}@media screen and (min-width: 980px){.dropcap.drop-f,.dropcap.drop-e,.dropcap.drop-s{height:7.6rem}}.dropcap.drop-x,.dropcap.drop-y{background-size:3rem;width:3.25rem}@media screen and (min-width: 575px){.dropcap.drop-x,.dropcap.drop-y{background-size:5.35rem;width:5.75rem}}@media screen and (min-width: 768px){.dropcap.drop-x,.dropcap.drop-y{background-size:6.35rem;width:6.85rem}}@media screen and (min-width: 980px){.dropcap.drop-x,.dropcap.drop-y{background-size:6.5rem;height:7rem;width:7.25rem}}.dropcap.drop-m,.dropcap.drop-w{background-size:3.6rem;width:4.5rem}@media screen and (min-width: 575px){.dropcap.drop-m,.dropcap.drop-w{background-size:6.25rem;width:7rem}}@media screen and (min-width: 768px){.dropcap.drop-m,.dropcap.drop-w{background-size:7.4rem;width:8.65rem;height:7.4rem}}@media screen and (min-width: 980px){.dropcap.drop-m,.dropcap.drop-w{background-size:8.5rem;width:10.5rem;height:8.2rem}}.dropcap.drop-v,.dropcap.drop-a{background-size:3rem;width:3.5rem}@media screen and (min-width: 575px){.dropcap.drop-v,.dropcap.drop-a{background-size:5.75rem;height:6rem;width:6.25rem}}@media screen and (min-width: 768px){.dropcap.drop-v,.dropcap.drop-a{background-size:6.5rem;height:6.75rem;width:7.5rem}}@media screen and (min-width: 980px){.dropcap.drop-v,.dropcap.drop-a{background-size:7rem;height:7.25rem;width:8rem}}.dropcap.drop-i,.dropcap.drop-j{background-size:1.5rem;height:3.25rem;width:2rem}@media screen and (min-width: 575px){.dropcap.drop-i,.dropcap.drop-j{background-size:3rem;height:5.75rem;width:3.75rem}}@media screen and (min-width: 768px){.dropcap.drop-i,.dropcap.drop-j{background-size:3.5rem;height:6.5rem;width:4.5rem}}@media screen and (min-width: 980px){.dropcap.drop-i,.dropcap.drop-j{background-size:4rem;height:7rem;width:5rem}}.dropcap.drop-a{background-image:url("dropcaps/a.png")}.dropcap.drop-b{background-image:url("dropcaps/b.png")}.dropcap.drop-c{background-image:url("dropcaps/c.png")}.dropcap.drop-d{background-image:url("dropcaps/d.png")}.dropcap.drop-e{background-image:url("dropcaps/e.png")}.dropcap.drop-f{background-image:url("dropcaps/f.png")}.dropcap.drop-g{background-image:url("dropcaps/g.png")}.dropcap.drop-h{background-image:url("dropcaps/h.png")}.dropcap.drop-i{background-image:url("dropcaps/i.png")}.dropcap.drop-j{background-image:url("dropcaps/j.png")}.dropcap.drop-k{background-image:url("dropcaps/k.png")}.dropcap.drop-l{background-image:url("dropcaps/l.png")}.dropcap.drop-m{background-image:url("dropcaps/m.png")}.dropcap.drop-n{background-image:url("dropcaps/n.png")}.dropcap.drop-o{background-image:url("dropcaps/o.png")}.dropcap.drop-p{background-image:url("dropcaps/p.png")}.dropcap.drop-q{background-image:url("dropcaps/q.png")}.dropcap.drop-r{background-image:url("dropcaps/r.png")}.dropcap.drop-s{background-image:url("dropcaps/s.png")}.dropcap.drop-t{background-image:url("dropcaps/t.png")}.dropcap.drop-u{background-image:url("dropcaps/u.png")}.dropcap.drop-v{background-image:url("dropcaps/v.png")}.dropcap.drop-w{background-image:url("dropcaps/w.png")}.dropcap.drop-x{background-image:url("dropcaps/x.png")}.dropcap.drop-y{background-image:url("dropcaps/y.png")}.dropcap.drop-z{background-image:url("dropcaps/z.png")}.blog-article{margin:0}.blog-article header h1{margin-top:2rem}.blog-article header h2{margin-top:-1rem;margin-bottom:0.5rem}.blog-article .introduction{margin:0 auto;max-width:1280px;padding:0rem 1rem 0 1rem}@media screen and (min-width: 575px){.blog-article .introduction{padding:1rem 2rem 0 2rem}}@media screen and (min-width: 980px){.blog-article .introduction{padding:1rem 3rem 0 3rem}}.blog-article .introduction p{margin-top:0;margin-bottom:2rem}@media screen and (min-width: 575px){.blog-article .introduction p{margin-bottom:3rem}}.blog-article figcaption p{padding-bottom:0.5rem;margin-bottom:1rem;border-bottom:1px solid #e7e3de}.blog-article figcaption p.icon-photo{padding-left:2rem;background-size:0.8rem;background-position:10px 0.35rem}@media screen and (min-width: 575px){.blog-article figcaption p.icon-photo{padding-left:2.5rem;background-size:1rem;background-position:10px 0.35rem}}@media screen and (min-width: 640px){.blog-article figcaption p{padding-bottom:0.75rem;margin-bottom:0}}.blog-article aside.callout p{padding-bottom:0.5rem;padding-top:0.5rem;border-top:1px solid #e7e3de;border-bottom:1px solid #e7e3de;margin-bottom:1.5rem}@media screen and (min-width: 640px){.blog-article aside.callout p{margin-bottom:0.5rem}}.blog-article hr.divider-border{margin-top:1rem;margin-bottom:0;display:block;border:0;height:0;border-top:0.3rem solid rgba(0,0,0,0.05);width:3rem}@media screen and (min-width: 416px){.blog-article hr.divider-border{width:6rem}}@media screen and (min-width: 1200px){.blog-article hr.divider-border{width:9rem}}.blog-article hr.big-divider{display:block;border:0;background-image:url("../images/big-divider.svg");background-size:400px;background-position:center center;background-repeat:no-repeat;height:4rem}.blog-article hr{display:block;border:0;background-image:url("../images/divider.svg");background-size:100px;background-position:center center;background-repeat:no-repeat;height:1rem;margin-top:2rem;margin-bottom:2rem}.date-header{padding-top:1rem}@media screen and (min-width: 575px){.date-header{padding-top:2rem}}.date-header p.date::before{content:"— "}.date-header p.date::after{content:" —"}.info dl{margin:1.5rem auto 1rem auto;padding:1rem 0 0.5rem 0;width:92%}.info dt,.info dd{text-align:center;padding:0;margin:0}@media screen and (min-width: 416px){.info dt{float:left;clear:left;width:48%;text-align:right}.info dd{margin:0 0 0 50%;padding:0 0 0.5rem 0;text-align:left}}@media screen and (min-width: 575px){.info dl{width:75%}}@media screen and (min-width: 768px){.info dl{width:60%}}@media screen and (min-width: 980px){.info dl{width:50%}}@media screen and (min-width: 1200px){.info dl{width:40%;max-width:600px}}.big-quote{margin:3rem;max-width:768px;position:relative}@media screen and (min-width: 575px){.big-quote{margin:3rem 1rem}}@media screen and (min-width: 768px){.big-quote{max-width:1280px;margin:3rem 4rem}}@media screen and (min-width: 980px){.big-quote{margin:3rem 6rem}}.big-quote:before{position:absolute;content:"“";font-weight:600;color:#e7e3de;left:-10px;top:-20px;font-size:90px}.big-quote p{padding-left:30px}.big-quote.fat{margin:0}.main-content{margin:0 auto;padding:0 1rem;max-width:1280px}@media screen and (min-width: 416px){.main-content{padding:0 1.5rem}}@media screen and (min-width: 575px){.main-content{padding:0 2rem}}@media screen and (min-width: 768px){.main-content{padding:0 3rem}}.main-content h2,.main-content h3,.main-content h4,.main-content h5{margin-top:2.5rem;margin-bottom:0.2rem}@media screen and (min-width: 575px){.main-content h2,.main-content h3,.main-content h4,.main-content h5{margin-bottom:0.3rem}}@media screen and (min-width: 768px){.main-content h2,.main-content h3,.main-content h4,.main-content h5{margin-bottom:0.55rem}}@media screen and (min-width: 980px){.main-content h2,.main-content h3,.main-content h4,.main-content h5{margin-bottom:0.65rem}}.main-content p{margin-top:0}@media screen and (min-width: 640px){.main-content p.smaller:last-child{margin-bottom:0}}.main-content figcaption{padding:0.75rem 0}@media screen and (min-width: 640px){.main-content figure.left img{float:left;margin:2rem 2rem 2rem 0;width:50%}.main-content figure.right img{float:right;margin:2rem 0 2rem 2rem;width:50%}.main-content figure img.circle{shape-outside:circle(50%)}}@media screen and (min-width: 640px){.main-content figure.left img{margin:4rem 4rem 4rem 0}.main-content figure.right img{margin:4rem 0 4rem 4rem}}@media screen and (min-width: 640px){.main-content{display:grid;grid-template-columns:[col] 0.5rem repeat(4, [col] 1fr) [col] 0.5rem;grid-column-gap:1.25rem;grid-row-gap:1.5rem;align-items:center}.main-content.dino{display:block;max-width:940px}.main-content.dino img{margin-bottom:2rem}}@media screen and (min-width: 840px){.main-content{grid-column-gap:1.5rem;grid-row-gap:2.5rem;grid-template-columns:[col] 1.5rem repeat(4, [col] 1fr) [col] 1.5rem}}@media screen and (min-width: 900px){.main-content{grid-column-gap:1.75rem;grid-row-gap:2rem;grid-template-columns:[col] 3rem repeat(4, [col] 1fr) [col] 3rem}}@media screen and (min-width: 980px){.main-content{grid-column-gap:2.5rem;grid-row-gap:3.5rem;grid-template-columns:repeat(6, [col] 1fr)}}@media screen and (min-width: 1200px){.main-content{padding:0 3rem}}.main-content .span1-2{grid-column:col 2 / span 4}@media screen and (min-width: 768px){.main-content .span1-2{grid-column:col 1 / span 3}}@media screen and (min-width: 900px){.main-content .span1-2{grid-column:col 1 / span 2}}.main-content .span3-4{grid-column:col 3 / span 2}.main-content .span5-6{grid-column:col 2 / span 4}@media screen and (min-width: 768px){.main-content .span5-6{grid-column:col 4 / span 3}}@media screen and (min-width: 900px){.main-content .span5-6{grid-column:col 5 / span 2}}.main-content .span1-3{grid-column:col 1 / span 3}.main-content .span4-6{grid-column:col 4 / span 3}.main-content .span1-4{grid-column:col 2 / span 4}@media screen and (min-width: 768px){.main-content .span1-4{grid-column:col 1 / span 3}}@media screen and (min-width: 900px){.main-content .span1-4{grid-column:col 1 / span 4}}.main-content .span3-6{grid-column:col 2 / span 4}@media screen and (min-width: 768px){.main-content .span3-6{grid-column:col 4 / span 3}}@media screen and (min-width: 900px){.main-content .span3-6{grid-column:col 3 / span 4}}.main-content .span2-5{grid-column:col 2 / span 4}.main-content .span1-6{grid-column:col 1 / span 6}.main-content .span1{grid-column:2 / 6}.main-content .span1 .callout p{text-align:center}@media screen and (min-width: 980px){.main-content .span1{grid-column:1 / 2;grid-row:3}.main-content .span1 .callout p{text-align:left}}.main-content .span7{grid-column:2 / 6}.main-content .span7 .callout p{text-align:center}@media screen and (min-width: 980px){.main-content .span7{grid-column:6 / 7}.main-content .span7 .callout p{text-align:left}}.main-content.alt-grid{background-image:url("../images/background-pattern-2.svg");background-size:1200px;background-position:center bottom;background-repeat:repeat-x}.main-content.alt-grid .item img{padding:1rem 1rem 0 1rem}@media screen and (min-width: 416px){.main-content.alt-grid{display:grid;grid-auto-flow:dense;grid-template-columns:[col] 0.5rem repeat(4, [col] 1fr) [col] 0.5rem;grid-column-gap:1.25rem;grid-row-gap:1.5rem;column-gap:1.25rem;row-gap:1.5rem;align-items:center}.main-content.alt-grid .item img{padding:0}}@media screen and (min-width: 768px){.main-content.alt-grid{grid-template-columns:repeat(6, [col] 1fr)}}.main-content.alt-grid .links-list{margin-left:0rem;margin-right:0rem;grid-column:1 / 7;display:grid;grid-template-columns:[col] 1fr}@media screen and (min-width: 768px){.main-content.alt-grid .links-list{grid-column:2 / 6}}.main-content.alt-grid .links-list a.item{padding:1.5rem 1.5rem 0 1rem}.main-content.alt-grid .links-list a.item h2{margin-top:0}.tips-item figure{display:flex;flex-direction:column-reverse}@media screen and (min-width: 640px){.tips-item figure{padding:0.4rem}}@media screen and (min-width: 768px){.tips-item figure{padding:1rem}}@media screen and (min-width: 640px){.span4-6 .tips-item figure{flex-direction:column}}.blog-article .tips-item figcaption p{border-bottom:0;padding-bottom:1rem}@media screen and (min-width: 768px){.blog-article .tips-item figcaption p{padding-bottom:3rem}}h2.icon-outside-link-web-design,h2.icon-outside-link-graphic-design{padding-right:1.3rem;background-position:right top;background-size:1rem}@media screen and (min-width: 640px){h2.icon-outside-link-web-design,h2.icon-outside-link-graphic-design{padding-right:1.6rem;background-size:1.25rem}}.sub-grid-block{margin-bottom:3rem}.sub-grid-block figcaption h2{margin-top:0}.sub-grid-block figcaption.item{padding:1rem 1.25rem 0 1rem}.sub-grid-block figcaption.item p{border-bottom:0}@media screen and (min-width: 416px){.sub-grid-block{margin-bottom:1rem;grid-column:col 1 / span 6;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:0.5rem}.sub-grid-block img{object-fit:contain;align-self:center}.sub-grid-block figcaption.item{padding:0 0 0 1rem}.sub-grid-block figcaption.item p{border-bottom:0}.sub-grid-block:first-child{padding-top:3rem}.sub-grid-block:nth-child(even) figcaption.item{grid-column:1 / 2;grid-row:1 / 1;padding:1rem 1rem 0 0rem}.sub-grid-block:nth-child(even) a.item{grid-column:2 / 3}}@media screen and (min-width: 575px){.sub-grid-block{grid-column-gap:1.5rem}.sub-grid-block figcaption.item{padding:1rem 1rem 0 1rem}.sub-grid-block:nth-child(even) figcaption.item{padding:1rem 1rem 0 1rem}}@media screen and (min-width: 485px){.sub-grid-block{grid-column-gap:1.5rem}}@media screen and (min-width: 768px){.sub-grid-block{grid-column:col 2 / span 4;grid-column-gap:1rem}}@media screen and (min-width: 840px){.sub-grid-block{grid-column-gap:2rem}}@media screen and (min-width: 980px){.sub-grid-block{grid-column-gap:3rem}}@media screen and (max-width: 2500px){.full-bleed-img{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow:hidden}.full-bleed-img img{margin:auto}}.full-bleed-img{margin-top:2rem;margin-bottom:2rem}@media screen and (min-width: 640px){.full-bleed-img{margin-top:0;margin-bottom:0}}.full-bleed{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow:hidden}.full-bleed .big-quote{margin-left:auto;margin-right:auto;width:90%}@media screen and (max-width: 640px){.span1-2 figure,.span5-6 figure{width:100%;margin:auto}}.header-wrap.split-header{width:100%;margin:0 auto 4rem auto;padding:0}@media screen and (min-width: 640px){.split-header{display:flex;margin:0 auto;max-width:1800px}}.split-header .text-half{text-align:center;padding:4%}@media screen and (min-width: 640px){.split-header .text-half{display:flex;flex-direction:column;justify-content:center;text-align:right}}.split-header figure{position:relative;height:100}.split-header img{padding:0;margin:0;display:flex;width:100%}.split-header figcaption{position:absolute;bottom:0;z-index:1;padding-left:1rem;width:100%;background-color:rgba(0,0,0,0.2);border:0}.split-header figcaption p{border-bottom:0}/*!  - - - DEFAULT PAGES - - - */.defaultpage figcaption p{padding-bottom:0.5rem;margin-bottom:1rem}.defaultpage figcaption p.icon-photo{padding-left:1.2rem;background-size:0.8rem;background-position:left 0.33rem}@media screen and (min-width: 575px){.defaultpage figcaption p.icon-photo{padding-left:1.5rem;background-size:1rem;background-position:left 0.35rem}}@media screen and (min-width: 640px){.defaultpage figcaption p{padding-bottom:0.75rem;margin-bottom:0}}/*!  - - - FOOTER  - - - */.me{margin-bottom:2rem;text-align:center}@media screen and (min-width: 768px){.me{text-align:left;width:67%;max-width:67%;padding-right:4%}}.me img{width:120px;height:120px;margin:0 auto 1rem auto}@media screen and (min-width: 768px){.me img{float:left;margin:2rem 25px 3rem 0}}.rss{margin-bottom:2rem}.rss li a{display:inline-block;padding:0.3rem 0 0.3rem 30px;background-size:20px;background-position-y:center}@media screen and (min-width: 768px){.rss{text-align:left;padding-left:10px}}@media screen and (min-width: 980px){.rss{padding-left:30px}}.social{margin-bottom:2rem}@media screen and (min-width: 980px){.social{text-align:left}}.footer{padding-top:2rem}.by{margin-bottom:2rem;width:100%}@media screen and (min-width: 980px){.by{text-align:left}}@media screen and (min-width: 768px){.by h3{margin-bottom:0.5rem}}.by img{width:40%}@media screen and (min-width: 575px){.by img{width:60%}}@media screen and (min-width: 768px){.by img{width:50%}}@media screen and (min-width: 980px){.by img{width:60%}}@media screen and (min-width: 980px){.footer-area .item-by .by:first-child{padding-left:15px}}@media screen and (min-width: 575px){.footer-area .item-by{display:flex;justify-content:space-around;flex-basis:72%}}@media screen and (min-width: 768px){.footer-area .group:first-child{display:flex}}@media screen and (min-width: 980px){.footer-area .group:last-child{display:flex}.footer-area .group:last-child .item-social{flex-basis:80%}}@media screen and (min-width: 980px) and (min-width: 1200px){.footer-area .group:last-child .item-social{padding-left:145px}}/*!  - - - SOCIAL LINKS  - - - */.social li{list-style-type:none;display:inline-block;width:35px;height:35px;margin:0 1px}.social li:first-child{margin-left:0}.social li a{display:inline-block;width:36px;height:36px;text-indent:-9999px}@media screen and (min-width: 416px){.social li{margin:0 4px}}/*!  - - - BUTTONS  - - - */.input[type="submit"],button,.btn{border-radius:0.35rem}.btn{display:inline-block;border:none;padding:1rem 2.5rem;border-radius:0.35rem;min-width:15rem}.btn:hover{transition:all 350ms ease-in-out}.btn-light{display:inline-block;padding:0.75rem 1.5rem;border-radius:0.35rem}.btn-light:hover{transition:all 350ms ease-in-out}.btn-default{display:inline-block;padding:1rem 2.5rem;border-radius:0.35rem}.btn-default:hover{transition:all 350ms ease-in-out}.btn .icon-inspiration{background-size:1rem;padding-left:1.5rem;background-position:left center}.cta-button{text-align:center}.cta-button a{text-align:center;text-transform:uppercase}.cta-button a.btn-default{color:#ff2c72;border-color:#ff2c72;font-weight:800}.cta-button a.btn-default:hover{color:#fff;transition:all 350ms ease-in-out}/*!  - - - ARROW BUTTONS  - - - */.icon-arrow-left,.icon-arrow-right{background-position-x:-9999px}@media screen and (min-width: 768px){.btn-default.btn-arrow-left,.btn-default.btn-arrow-right{padding-right:1.5rem;padding-left:1.5rem}}@media screen and (min-width: 768px) and (hover){.icon-arrow-left{padding-right:1.15rem;padding-left:0.15rem;background-size:0.95rem;background-position:-300px center;transition:background-position 500ms ease-in-out}.icon-arrow-left .btn-text{position:relative;transition:left 500ms ease-in-out;left:0.5rem}.btn-arrow-left:hover .icon-arrow-left{background-position:left center}.btn-arrow-left:hover .btn-text{left:1.25rem}}@media screen and (min-width: 768px) and (hover){.icon-arrow-right{padding-right:1.15rem;padding-left:0.15rem;background-size:0.95rem;background-position:-300px center;transition:background-position 500ms ease-in-out}.icon-arrow-right .btn-text{position:relative;transition:left 500ms ease-in-out;left:0.5rem}.btn-arrow-right:hover .icon-arrow-right{background-position:right center}.btn-arrow-right:hover .btn-text{left:-0.25rem}}/*!  - - - PREV & NEXT  - - - */.page-nav strong{display:block}@media screen and (min-width: 980px){.page-nav .mobile-only{display:none}}.page-nav .key-nav{display:none}@media screen and (min-width: 980px){.page-nav .key-nav{display:block}}.page-nav{padding:1rem 0 1.5rem 0;margin:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}@media screen and (min-width: 575px){.page-nav{padding:2rem 0 3rem 0}}.page-nav a{color:#b2ada6}.page-nav a.icon-next{padding-right:0rem;text-indent:-9999px;min-height:1.15rem;line-height:1.15rem;background-position:right center}@media screen and (min-width: 575px){.page-nav a.icon-next{padding-right:2.5rem;text-indent:0px;text-align:right}}.page-nav a.icon-prev{text-align:left;padding-left:0rem;text-indent:-9999px;min-height:1.15rem;line-height:1.15rem}@media screen and (min-width: 575px){.page-nav a.icon-prev{padding-left:2.5rem;text-indent:0px}}.page-nav a.icon-top{height:1.75rem;width:2.5rem;background-position:center center}.page-nav a:hover{color:#ff2c72}.page-nav.page-nav-top{justify-content:center}.page-nav.page-nav-top a{padding-top:2.25rem}.page-nav.page-nav-top a.icon-top{background-position:center top}.sidenotes .page-nav{margin-left:1rem;margin-right:1rem}.gallery-item-detail .page-nav{grid-template-columns:1fr 1fr 1fr;margin-left:0;margin-right:0;max-width:768px}a.nav-next{grid-column:2 / 2}.gallery-item-detail a.nav-next{grid-column:3 / 3}a.nav-gallery{display:flex;justify-content:center;grid-column:2 / 3}a.nav-gallery .icon-gallery{text-align:left;padding-left:0rem;text-indent:-9999px;background-position:center center}@media screen and (min-width: 575px){a.nav-gallery .icon-gallery{padding-left:3rem;text-indent:0px;background-position:left center}}/*!  - - - FORMS - - - */input{padding:0.75rem}input[type="text"],input[type="tel"],input[type="email"],input[type="password"]{border-width:2px;border-radius:0;border-style:solid;appearance:none}input[type="submit"]{padding:0.75rem 2rem}input[type="radio"]{display:inline-block;width:auto;margin-left:2px}.form-contact{max-width:640px;margin:auto;margin:auto;padding-top:0.5em}.form-contact input[type="text"],.form-contact input[type="email"],.form-contact input[type="tel"],.form-contact input[type="password"],.form-contact input[type="submit"]{width:100%;margin-bottom:0.5rem}.form-contact input[type="submit"]{margin-bottom:0.5rem}.form-contact textarea,.form-contact select{width:100%;margin-bottom:0.5rem;appearance:none}.input-item{width:100%;padding-bottom:1.1rem;clear:both}.input-item input[type="text"],.input-item input[type="email"],.input-item input[type="tel"],.input-item input[type="password"],.input-item input[type="submit"]{width:100%}.input-item label{padding-bottom:0.5rem;margin-top:0.5rem;display:block}.input-item textarea,.input-item select{width:100%;border-radius:0}.input-item p{margin-bottom:0;padding:0.5rem 0 0 0}.input-item p.error{margin:0;text-align:left}input.error,textarea.error{margin-top:0}label.error{margin:0 0 -0.15rem 0}label.error span{padding:0.5rem 0.85rem 1.1rem 0.85rem}.message-sent{width:100%;max-width:600px;margin:1rem auto}@media screen and (min-width: 416px){.message-sent{margin:2rem auto}}@media screen and (min-width: 575px){.message-sent{margin:3rem auto;width:90%}}.icon-message-sent{fill:#161e24}.message-box{display:inline-block}.message-box p{text-align:left;padding-left:1.5rem}.message-box .notice{background-image:url("../images/alert-small.svg");background-size:1.2rem;background-position:left 3px;background-repeat:no-repeat}.message-box .error{background-image:url("../images/error-small.svg");background-size:1.2rem;background-position:left 3px;background-repeat:no-repeat}.errors li{text-align:left;color:#ff2c72;padding-left:1.5rem;background-image:url("../images/error-small.svg");background-size:1.2rem;background-position:left center;background-repeat:no-repeat}.form-contact p{text-align:left}.form-contact p em{font-style:normal;color:#ff2c72}/*!  - - - ARCHIVES - - - */.archives-nav{max-width:1280px;margin-left:auto;margin-right:auto}@media screen and (min-width: 1200px){.archives-nav{padding:0 2rem}}.sections-nav{display:flex;width:100%;flex-wrap:wrap;flex:1}@media screen and (min-width: 575px){.sections-nav{flex-wrap:nowrap}}.sections-nav a{display:flex;text-align:center;justify-content:center;width:50%;text-align:center;font-size:10px;line-height:1.5;font-weight:800;text-transform:uppercase;letter-spacing:0.1rem;padding:1.5rem 0 1.05rem 0}@media screen and (min-width: 575px){.sections-nav a{width:25%}}@media screen and (min-width: 416px){.sections-nav a{font-size:10px;line-height:1.5}}@media screen and (min-width: 575px){.sections-nav a{font-size:11px;line-height:1.5}}@media screen and (min-width: 768px){.sections-nav a{font-size:12px;line-height:1.5}}@media screen and (min-width: 980px){.sections-nav a{font-size:13px;line-height:1.5}}.list h1{font-weight:100;text-transform:uppercase;padding:1.5rem 0 1.5rem 5rem;margin-top:4rem}@media screen and (min-width: 575px){.list h1{padding:1.5rem 0 1.5rem 6rem}}@media screen and (min-width: 768px){.list h1{padding:1.5rem 0 1.5rem 7rem}}@media screen and (min-width: 980px){.list h1{padding:1.5rem 0 1.5rem 8rem}}.list.tutorials h1{padding:1rem 0 1rem 6rem}@media screen and (min-width: 575px){.list.tutorials h1{padding:1rem 0 1rem 8rem}}.list.graphic-design h1{padding:0.65rem 0 0.65rem 4rem}@media screen and (min-width: 575px){.list.graphic-design h1{padding:0.8rem 0 0.8rem 5.65rem}}.list.web-design h1{padding:0.55rem 0 0.55rem 6.5rem}@media screen and (min-width: 575px){.list.web-design h1{padding:0.75rem 0 0.75rem 8.5rem}}.listitem{padding:0 0rem 2rem 0}.listitem .date{margin:0 0 0.5rem}.listitem h2{font-weight:500;display:block;height:auto;padding-bottom:1rem;position:relative;display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width: 575px){.listitem h2{min-height:6.75rem}}@media screen and (min-width: 768px){.listitem h2{min-height:6rem}}@media screen and (min-width: 840px){.listitem h2{min-height:5rem}}@media screen and (min-width: 980px){.listitem h2{min-height:7.5rem}}@media screen and (min-width: 1200px){.listitem h2{min-height:7.25rem}}.listitem h2:before{content:"";position:absolute;z-index:1;bottom:0;left:0;width:45px;border-bottom:0.3rem solid}.listitem.project h2:before{border-color:#81adcc}.listitem.tutorials h2:before{border-color:#9283a8}.list.design-process,.list.tutorials,.list.graphic-design,.list.web-design{background-image:url("../images/background-pattern-1.svg");background-size:1200px;background-position:center bottom;background-repeat:repeat-x}.listitems{padding-top:2rem}.listitems .listitem h2{min-height:auto}.listitems .listitem .flexed .item:last-child{text-align:right}.listitems .listitem.sidenote{margin-bottom:0}/*!  - - - NEWSLETTER - - - */.collflex{margin-top:3rem;display:flex;flex-wrap:wrap;text-align:left;justify-content:center}@media screen and (min-width: 768px){.collflex{flex-wrap:nowrap}}.collflex .coll{width:100%}.collflex .coll:first-child{max-width:600px}.collflex .coll.coll-left,.collflex .coll.coll-right{width:100%;text-align:center;margin:0 auto 2rem auto}@media screen and (min-width: 768px){.collflex .coll{width:50%}.collflex .coll:nth-child(2){padding-left:2rem}.collflex .coll p:nth-child(2){padding-left:2rem}.collflex .coll.coll-left{text-align:right;margin-bottom:0}.collflex .coll.coll-right{text-align:left;margin-bottom:0}}.newsletter-area{margin:2rem auto 4rem auto}@media screen and (min-width: 416px){.newsletter-area .content{padding:0 2rem}}.content .newsletter{margin:2rem auto 0 auto;padding:2rem 0 0 0}@media screen and (min-width: 416px){.content .newsletter{padding:2rem 2rem 0 2rem}}@media screen and (min-width: 768px){.content .newsletter{margin:3rem auto;padding:3rem 2rem 0 2rem}}@media screen and (min-width: 980px){.content .newsletter{margin:3rem auto;padding:4rem 2rem 1rem 2rem}}.newsletter{width:100%;max-width:768px;padding:3rem 1rem;margin:2rem 0}.newsletter .newsletter-content{margin:auto}.newsletter .newsletter-content figure{padding:2rem 0}.newsletter .newsletter-content figcaption{padding-top:1rem}.newsletter header{margin-top:-3rem}.newsletter header h2,.newsletter header h3{margin:0 auto}.newsletter .collflex{margin-top:0}.newsletter h4{margin:0 0 1rem 0}.newsletter p{margin:1.5rem auto 2rem auto}.newsletter button{width:90%}@media screen and (min-width: 416px){.newsletter button{width:auto}}.newsletter button.wide{width:100%}.newsletter input{padding-left:0;padding-right:0;width:90%;text-align:center}@media screen and (min-width: 768px){.newsletter input{text-align:left;width:100%}}.newsletter form.collflex{padding:0;margin-bottom:0}input#trashisnogood,input#pooh{display:none}/*! - - -  SEARCH   - - - */.form-search{margin-top:3rem}.form-search input[type="search"]{-webkit-appearance:none;-webkit-border-radius:0px;border-radius:0}.form-search input.search-field{border:0;padding-left:10px;padding-top:0;width:calc(100% - 10px);border-bottom:2px solid #e7e3de;background-color:#fbfaf8;color:#ff2c72;font-size:24px;line-height:1.3;font-weight:700;color:#161e24}@media screen and (min-width: 416px){.form-search input.search-field{font-size:24px;line-height:1.3}}@media screen and (min-width: 575px){.form-search input.search-field{font-size:28px;line-height:1.3}}@media screen and (min-width: 768px){.form-search input.search-field{font-size:30px;line-height:1.3}}@media screen and (min-width: 980px){.form-search input.search-field{font-size:36px;line-height:1.3}}.form-search input.search-field:focus{color:#161e24;outline:none}.form-search label{color:#fbfaf8}/*! - - -  SPONSOR   - - - */.sponsor{background-image:url("../images/background-sponsor.svg");background-size:1280px;background-position:center center;background-repeat:no-repeat}@media screen and (min-width: 575px){.sponsor{margin-bottom:3rem}}.sponsor img{width:120px;height:90px;border-radius:5px;margin-bottom:1rem}.sponsor figure{margin:2rem auto 0 auto;display:flex;flex-direction:column;justify-content:center}.sponsor figcaption{text-align:center;flex-grow:2}.sponsor h4{margin:0}.sponsor p{margin-bottom:0}@media screen and (min-width: 485px){.sponsor img{margin-right:1rem;margin-bottom:0}.sponsor figure{max-width:480px;margin:3rem auto 0 auto;flex-direction:row;justify-content:center;align-items:center}.sponsor figcaption{text-align:left;display:flex;flex-direction:column;justify-content:center;flex:2}}/*! - - -  TAGS   - - - */a.tag{padding:0.5rem 1.25rem;margin:0 0.25rem 0.5rem 0;border-radius:1rem;display:inline-block}/*! - - -  FREEBIE   - - - */.freebie .content-wrap{padding-top:0}.freebie .content figure{margin-bottom:3rem}.freebie .content p{margin-bottom:1rem}.freebie h1{margin-bottom:1rem}.freebie .newsletter{margin:auto;padding:1rem 2rem 1rem 2rem}@media screen and (min-width: 575px){.freebie .newsletter{padding:2rem 3rem 4rem 3rem}}.freebie .hero-image{position:relative;margin:0 auto;text-align:center}.freebie .hero-image p{padding:0 1rem}@media screen and (min-width: 575px){.freebie .hero-image p{padding:0 2rem}}.hero{position:relative;max-width:1600px;margin:0 auto}.hero .on-top{width:100%;padding:0 2rem;text-align:center}@media screen and (min-width: 575px){.hero .on-top{position:absolute;top:1rem}}@media screen and (min-width: 768px){.hero .on-top{top:1.5rem}}@media screen and (min-width: 980px){.hero .on-top{top:2rem}}/*! - - -  ALERT BOX   - - - */.alert-box{background-color:rgba(0,0,0,0.03);padding:1.25rem 1rem 1.25rem 1rem;margin-bottom:2rem}.alert-box:before{content:"";display:inline-block;margin-top:0.5rem;margin-right:1rem;float:left;width:2.75rem;height:6rem;background:url("../images/alert.svg") no-repeat}.alert-box h4{margin-top:0;color:#161e24}.alert-box p{margin-bottom:0}/*!  - - - V LABYRINTH  - - - */.v-labyrinth{width:100%;margin:1.5rem auto 3rem auto}@media screen and (min-width: 575px){.v-labyrinth{width:80%}}@media screen and (min-width: 980px){.v-labyrinth{width:70%}}/*!  - - - SIDENOTES  - - - */body.sidenotes{background-image:url("../images/geometrical-pictos-banner-sidenotes.png");background-size:700px;background-position:center 3rem;background-repeat:repeat-x;overflow-x:hidden}@media screen and (min-width: 640px){body.sidenotes{background-image:url("../images/geometrical-pictos-banner-sidenotes.png");background-size:900px;background-position:center 4rem;background-repeat:repeat-x;height:270px}}@media screen and (min-width: 768px){body.sidenotes{background-image:url("../images/geometrical-pictos-banner-sidenotes.png");background-size:1050px;background-position:center 4rem;background-repeat:repeat-x;height:390px}}@media screen and (min-width: 980px){body.sidenotes{background-image:url("../images/geometrical-pictos-banner-sidenotes.png");background-size:1280px;background-position:center 4rem;background-repeat:repeat-x;height:520px}}@media screen and (min-width: 1200px){body.sidenotes{background-image:url("../images/geometrical-pictos-banner-sidenotes.png");background-size:1280px;background-position:center 4rem;background-repeat:repeat-x;height:700px}}.sidenotes .blog-article header h2 .heading-small,.sidenotes .blog-article header h1 .heading-small{display:block;padding:1rem 2rem 1rem 1.5rem}.sidenotes .blog-article header h2.heading1-bigcaps{margin-top:1rem}.blog-article.sidenotes-article{width:100%;margin:7.6rem auto 0 auto}@media screen and (min-width: 768px){.blog-article.sidenotes-article{width:90%;max-width:540px;margin:16rem auto 0 auto}}@media screen and (min-width: 980px){.blog-article.sidenotes-article{width:75%;max-width:940px;margin:20rem auto 0 auto}}.header-sidenotes{padding:1rem 1rem 0 1rem}@media screen and (min-width: 575px){.header-sidenotes{padding-top:1rem 1rem 0 1rem}}@media screen and (min-width: 768px){.header-sidenotes{padding-top:1rem 1rem 0 1rem}}@media screen and (min-width: 980px){.header-sidenotes{padding-top:2rem 2rem 0 2rem}}.sidenote{position:relative;margin-bottom:3rem}@media screen and (min-width: 768px){.sidenote{margin-bottom:5rem}}@media screen and (min-width: 980px){.sidenote{margin-bottom:7rem}}.homepage .sidenote{margin-bottom:0rem}.sidenote-single .sidenote{margin-bottom:0rem}@media screen and (min-width: 575px){.sidenote-single .sidenote{margin-bottom:1rem}}@media screen and (min-width: 768px){.sidenote-single .sidenote{margin-bottom:2rem}}.sidenote-single .sidenote{display:flex;flex-direction:column}.sidenote-single .sidenote h2,.sidenote-single .sidenote h1,.sidenote-single .sidenote h3,.sidenote-single .sidenote h4{text-align:center}.mysidenote{background-image:url("../images/geometrical-pictos-banner-2.png");background-size:1280px;background-position:center 6rem;background-repeat:repeat-x}.homepage .sidenote{display:flex;text-align:left;padding:0 1rem 0 1rem;flex-direction:column;min-height:260px}@media screen and (min-width: 575px){.homepage .sidenote{padding:0 0 0 1rem}}@media screen and (min-width: 768px){.homepage .sidenote{flex-direction:row;padding:0 2rem 0.5rem 3rem}}.sidenote-content{padding:0 2rem 1rem 1rem}@media screen and (min-width: 360px){.sidenote-content{padding-left:2rem}}@media screen and (min-width: 575px){.sidenote-content{padding-left:2.5rem}}@media screen and (min-width: 768px){.sidenote-content{padding-left:1.5rem}}.sidenote-content h1.heading2,.sidenote-content h2,.sidenote-content h3,.sidenote-content h4,.sidenote-content h5{text-align:center}@media screen and (min-width: 768px){.sidenote-content h1.heading2,.sidenote-content h2,.sidenote-content h3,.sidenote-content h4,.sidenote-content h5{text-align:left}}.homepage .content.articles.sidenotes-content{padding:0;border-left:2rem solid #fff;border-right:2rem solid #fff}.homepage .sidenote-content{padding:0}@media screen and (min-width: 360px){.homepage .sidenote-content{padding:0 1rem 1rem 1rem}}h3.header.sidenotes-header{background-image:url("../images/bg-sidenotes.svg");background-size:89px;background-position:center bottom;background-repeat:repeat-x;margin-bottom:0;padding-bottom:6rem;margin-top:0;padding-top:2rem}.sidenotes-header{background-color:#fff}.txt.sidenote-content h2{margin-bottom:0.65rem}.txt.sidenote-content h3{margin-top:0.25rem;margin-bottom:0.35rem}.txt.sidenote-content p{margin-top:0}.sidenote .tags{padding:0 2rem 0 3rem;text-align:center}@media screen and (min-width: 768px){.sidenote .tags{padding-left:1.5rem;text-align:left}}.sidenote-single .sidenote .tags{text-align:center}.sidenote-date{margin:0 auto 1rem auto;width:180px;display:flex}@media screen and (min-width: 575px){.sidenote-date{width:220px}}@media screen and (min-width: 768px){.sidenote-date{flex-direction:column;position:absolute;width:130px;left:-130px}}@media screen and (min-width: 980px){.sidenote-date{width:138px;left:-138px}}.homepage .sidenote-date{position:relative;left:auto;margin:0 auto 1rem auto}@media screen and (min-width: 768px){.homepage .sidenote-date{margin:0 1rem 0 0}}.sidenote-single .sidenote-date{position:relative;left:0;margin:0 auto 1rem auto;display:flex;flex-direction:row}@media screen and (min-width: 768px){.sidenote-single .sidenote-date{margin:0 auto 2rem auto;width:260px}}@media screen and (min-width: 980px){.sidenote-single .sidenote-date{width:278px}}.s-category{width:90px;height:90px;background-position:center center;background-size:auto 80%}@media screen and (min-width: 575px){.s-category{width:110px;height:110px}}@media screen and (min-width: 768px){.s-category{width:130px;height:65px;background-size:auto 100%}}@media screen and (min-width: 980px){.s-category{width:138px;height:69px}}@media screen and (min-width: 768px){.sidenote-single .s-category{height:130px}}@media screen and (min-width: 980px){.sidenote-single .s-category{height:138px}}.s-date-content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;width:90px;height:90px;text-align:center;color:#fff;background-size:90px 90px;background-position:center top;background-repeat:no-repeat}@media screen and (min-width: 575px){.s-date-content{width:110px;height:110px;background-size:110px 110px}}@media screen and (min-width: 768px){.s-date-content{width:130px;height:130px;background-size:130px 130px}}@media screen and (min-width: 980px){.s-date-content{width:138px;height:138px;background-size:138px 138px}}.s-date-content.s-music{background-image:url("../images/picto-pink.png")}.s-date-content.s-cycling{background-image:url("../images/picto-yellow.png")}.s-date-content.s-home{background-image:url("../images/picto-maroon.png")}.s-date-content.s-energy{background-image:url("../images/picto-deep-purple.png")}.s-date-content.s-ev{background-image:url("../images/picto-cherry.png")}.s-date-content.s-renew{background-image:url("../images/picto-celest.png")}.s-date-content.s-nature{background-image:url("../images/picto-green.png")}.s-date-content.s-recycle{background-image:url("../images/picto-dark-green.png")}.s-date-content.s-inspiration{background-image:url("../images/picto-coral.png")}.sidenotes-legend-nav{padding:2rem 0 0rem 0}.sidenotes-legend-nav ul{display:flex;justify-content:center;flex-wrap:wrap}.sidenotes-legend-nav ul li{margin:0 0.75rem 0 0}.sidenotes-legend-nav ul li a{padding:10px 10px 20px 36px;height:30px;line-height:50px}.s-month,.s-day,.s-year{display:block}.s-month{padding-top:10px}.s-year{padding-bottom:10px}.img-single{margin:1.5rem auto 1rem auto;text-align:center}@media screen and (min-width: 485px){.img-single{margin:2rem auto 1rem auto}}@media screen and (min-width: 768px){.img-single{text-align:left;margin:3rem auto 2rem auto}}.img-single figure{max-width:820px;margin:0 auto}.img-single img{width:100%;max-width:820px}.sidenote-images{display:grid;grid-gap:10px;margin-top:1.5rem;margin-bottom:1rem}@media screen and (min-width: 485px){.sidenote-images{margin-top:2rem}}@media screen and (min-width: 768px){.sidenote-images{margin-top:3rem;margin-bottom:2rem}}.sidenote-images img{width:100%;max-width:800px}.sidenotes-content figcaption{text-align:left;padding-top:1rem}.sidenotes-content figcaption p{padding-bottom:1.5rem}.sidenote-single .sidenotes-content figcaption{padding-top:0}.sidenotes-content .full-bleed{overflow:hidden;margin-bottom:2rem}.img-auto-fit{grid-template-columns:repeat(auto-fit, minmax(350px, 1fr))}.img-half{max-width:1600px;margin:2rem auto -15px auto;grid-template-columns:1fr}@media screen and (min-width: 768px){.img-half{grid-template-columns:1fr 1fr}}.img-third{max-width:1600px;margin:2rem auto -15px auto;grid-template-columns:1fr}@media screen and (min-width: 768px){.img-third{grid-template-columns:1fr 1fr 1fr}}.img-quart{max-width:1600px;margin:2rem auto -15px auto;grid-template-columns:1fr}@media screen and (min-width: 768px){.img-quart{grid-template-columns:1fr 1fr 1fr 1fr}}.sidenote .big-quote{margin:2rem;max-width:768px}@media screen and (min-width: 575px){.sidenote .big-quote{margin:3rem 1.5rem}}@media screen and (min-width: 840px){.sidenote .big-quote{max-width:1280px;margin:3rem 0rem}}.sidenote-single .txt.sidenote-content h1 a{box-shadow:none}