.demo .masonry,
.demo.masonry{background:white;border-radius:5px;}
.demo .button{margin-bottom:0.8em;}
#fit-width{border:2px solid white;border-radius:6px;}
#fit-width .masonry{margin:10px auto;}
.masonry.counting{counter-reset:item;}
.masonry.counting .item:before{counter-increment:item;content:counter(item);display:block;color:white;padding-top:0.2em;text-align:center;font-size:18px;}
#gutter-opt-demo2 .item{margin-bottom:10px;}
.masonry.masonry--percent-width .grid-sizer{width:20%;}
.masonry.masonry--percent-width .item{width:20%;}
.masonry.masonry--percent-width .item.w2,
.masonry.masonry--percent-width .item.w3{width:40%;}
#row-height-demo2 .grid-sizer{height:60px;}
#gutter-opt-demo3 .gutter-sizer{width:3%;}
.has-stamp{position:relative;}
#stamp-demo .stamp{right:10%;top:10px;width:35%;height:70px;}
#stamp-demo .item{opacity:0.8;}
.masonry.animate-item-size-demo .item,
.masonry.animate-item-size-demo .item-content{width:60px;height:60px;}
.masonry.animate-item-size-demo .item{border:none;background:transparent;}
.animate-item-size-demo .item-content{width:60px;height:60px;background:#D26;border:2px solid #333;border-color:hsla(0, 0%, 0%, 0.5);border-radius:5px;-webkit-transition:width 0.4s, height 0.4s;-moz-transition:width 0.4s, height 0.4s;-o-transition:width 0.4s, height 0.4s;transition:width 0.4s, height 0.4s;}
.animate-item-size-demo .item:hover .item-content{border-color:white;background:#A2C;}
.animate-item-size-demo .item.is-expanded,
.animate-item-size-demo .item.is-expanded .item-content{width:180px;height:120px;}
.animate-item-size-demo .item.is-expanded{z-index:2;}
.animate-item-size-demo .item.is-expanded .item-content{background:#F90;}
#animate-item-size-responsive .item,
#animate-item-size-responsive .grid-sizer{width:20%;}
#animate-item-size-responsive .item-content{width:100%;height:100%;}
#animate-item-size-responsive .item.is-expanded{width:60%;}
@font-face{font-family:'Texta';font-weight:bold;font-style:normal;src:url('../fonts/2D333F_0_0.woff2') format('woff2'),
url('../fonts/2D333F_0_0.woff') format('woff');}
@font-face{font-family:'Texta';font-weight:normal;font-style:italic;src:url('../fonts/2D333F_1_0.woff2') format('woff2'),
url('../fonts/2D333F_1_0.woff') format('woff');}
@font-face{font-family:'Texta';src:url('../fonts/2D333F_2_0.woff2') format('woff2'),
url('../fonts/2D333F_2_0.woff') format('woff');}
@media screen and (min-width:960px){.index-page #content > .primary-content:first-child{border-top:none;padding-top:0;}
}
.row .cell{margin-bottom:0.8em;}
.row:after{content:' ';display:block;clear:both;}
.row4 .cell{float:left;width:48%;margin-right:2%;}
@media screen and (min-width:800px){.row .cell{float:left;width:48.75%;margin-right:2.5%;margin-bottom:0;}
.lt-ie9 .row .cell{margin-right:1.5%;}
.row3 .cell{width:31.6%;}
.row4 .cell{width:23.1%;}
.row .cell:last-child{margin-right:0;}
}
.instruction{font-size:18px;margin-bottom:0.2em;color:#888;}
#notification{display:none;position:fixed;z-index:20;bottom:0px;right:0px;background:#A2C;padding:0.5em;color:white;font-size:20px;pointer-events:none;}
.animate-item-size-item{float:left;}
.animate-item-size-item,
.animate-item-size-item__content{width:60px;height:60px;}
.animate-item-size-item__content{background:#D26;border:2px solid #333;border-color:hsla(0, 0%, 0%, 0.7);border-radius:5px;-webkit-transition:width 0.4s, height 0.4s;transition:width 0.4s, height 0.4s;}
.animate-item-size-item:hover .animate-item-size-item__content{border-color:white;background:#A2C;cursor:pointer;}
.animate-item-size-item.is-expanded,
.animate-item-size-item.is-expanded .animate-item-size-item__content{width:180px;height:120px;}
.animate-item-size-item.is-expanded{z-index:2;}
.animate-item-size-item.is-expanded .animate-item-size-item__content{background:#F90;}
.grid--animate-item-size-responsive .animate-item-size-item,
.grid--animate-item-size-responsive .grid-sizer{width:20%;}
.grid--animate-item-size-responsive .animate-item-size-item__content,
.grid--animate-item-size-responsive .animate-item-size-item.is-expanded .animate-item-size-item__content{width:100%;height:100%;}
.grid--animate-item-size-responsive .animate-item-size-item.is-expanded{width:60%;}
.stamp{position:absolute;width:30%;height:60px;background:orange;border:4px dotted black;}
.stamp--static-stamp1{left:30%;top:10px;width:20%;height:100px;}
.stamp--static-stamp2{right:10%;top:20px;width:70%;height:30px;}
.grid--stamp-methods-demo .grid-item{opacity:0.8;}
.stamp--stamp-methods-demo{left:10px;top:10px;}
.call-out{border-top:2px solid #F90;border-bottom:2px solid #F90;padding-left:40px;position:relative;margin:20px 0;}
.call-out:before{content:'i';display:block;width:20px;height:20px;position:absolute;left:5px;top:20px;background:#F90;border-radius:50%;text-align:center;color:white;font-family:Consolas, Georgia, serif;font-style:italic;}
.call-out h2{margin-top:0;padding-top:10px;border-top:none;}
.call-out--chill{border-color:#1FB;}
.call-out--chill:before{background:#1FB;}
@media screen and (min-width:768px){.call-out{border:2px solid #F90;padding:10px 20px 10px 80px;border-radius:6px;position:relative;margin:20px 0;}
.call-out--chill{border-color:#1FB;}
.call-out:before{width:40px;height:40px;left:20px;top:30px;font-size:1.9em;line-height:46px;}
}
.edit-demo{clear:both;font-size:0.92em;}
.example pre{margin-top:0;}
.example__demo--fit-width{border:2px solid white;border-radius:5px;}
.duo__cell{margin-bottom:10px;}
.showcase-item__link{background:#E8E5E2;color:#D26;}
.showcase-item__link:hover{background:white;color:#A2C;}
.grid{border-radius:5px;}
.grid:after{content:'';display:block;clear:both;}
.grid--has-banner{position:relative;}
.static-banner{position:absolute;left:10px;top:10px;padding:5px 15px;color:white;background:#A2C;z-index:2;}
.grid--centered{margin:10px auto;}
.grid--counting{counter-reset:grid-item;}
.grid--counting .grid-item:before{counter-increment:grid-item;content:counter(grid-item);display:block;color:white;padding-top:0.2em;text-align:center;font-size:1.1rem;}
.grid--has-stamp{position:relative;}
.grid--fixed-width{width:320px;}
.grid-image-item,
.grid--images .grid-sizer{width:33.33%;}
.grid-image-item{float:left;}
.grid-image-item img{display:block;max-width:100%;}
.grid-item{float:left;}
.grid-item--width2{width:160px;}
.grid-item--width3{width:240px;}
.grid-item--height2{height:100px;}
.grid-item--height3{height:140px;}
.grid-item--height4{height:180px;}
.grid-item--gigante{width:240px;height:180px;background:#F90;z-index:2;}
.grid--clickable .grid-item:hover{border-color:white;background:#A2C;cursor:pointer;}
.grid--fluid-5-col .grid-sizer,
.grid--fluid-5-col .grid-item{width:20%;}
.grid--fluid-5-col .grid-item--width2,
.grid--fluid-5-col .grid-item--width3{width:40%;}
.grid--gutter .grid-item--width2{width:170px;}
.grid--gutter .grid-item--width3{width:260px;}
.grid--gutter-bottom .grid-item{margin-bottom:10px;}
.grid--fluid-gutter .grid-item,
.grid--fluid-gutter .grid-sizer{width:22%;}
.grid--fluid-gutter .gutter-sizer{width:4%;}
.grid--fluid-gutter .grid-item--width2,
.grid--fluid-gutter .grid-item--width3{width:48%;}
.hero-grid{padding:10px 1%;margin:20px 0;background:white;border-radius:10px;}
.hero-grid__grid-sizer{position:absolute;}
.hero-grid__item,
.hero-grid__grid-sizer{width:47%;margin:0 1% 20px 1%;}
.hero-grid__gutter-sizer{width:2%;}
.hero-grid__item{float:left;border-radius:8px;background:#D8D6D2;margin-bottom:20px;}
.hero__title{margin:0;line-height:1.2;font-size:3rem;color:#D26;}
.hero__tagline{font-size:1.4rem;margin:0 0 10px;}
.hero-grid__item--texty{padding:10px;}
.hero-grid__item--width2,
.hero-grid__item--width3{width:96%;}
.hero-grid__big-button{position:relative;display:block;padding:10px;background:#D26;color:white;border-radius:8px;font-size:1.1rem;line-height:1.2;}
.hero-grid__big-button:hover{background:#A2C;color:white;}
.big-button__icon{width:24px;height:24px;}
.big-button__icon path{fill:white;}
.hero__what-is-title{margin:0 0 10px;}
.hero__what-is-description{margin:0;}
.hero__example-link{display:block;background:#D26;border-radius:8px;color:white;}
.hero__example-link:hover{background:#A2C;color:white;}
.hero__example-link__img{display:block;width:100%;margin:0;}
.hero__example-link__title{margin:0;padding:10px;font-size:0.9rem;}
@media screen and (min-width:768px){.hero-grid__grid-sizer,
.hero-grid__item{width:22.5%;}
.hero-grid__item--width2{width:47%;}
.hero-grid__item--width3{width:71.5%;}
.hero__title{font-size:6rem;}
.hero__tagline{font-size:2rem;}
.hero__what-is-title{font-size:2rem;}
.hero__what-is-description{font-size:1.1rem;}
.hero-grid__big-button{padding-left:60px;min-height:60px;}
.big-button__icon{display:block;position:absolute;left:10px;top:10px;width:40px;height:40px;}
}
@charset "UTF-8";.page-nav{padding:1.0em 0;font-size:0.8rem;z-index:2;}
.page-nav__item{display:inline-block;}
.page-nav__item:after{content:' •';margin:0 10px;opacity:0.5;}
.page-nav__item:last-child:after{content:none;}
@media screen and (min-width:1100px){.page-nav{position:absolute;right:0;top:60px;width:200px;list-style:none;padding:0;padding:10px;}
.page-nav__item{display:block;margin-bottom:4px;margin-left:0;}
.page-nav__item:after{content:none;}
.page-nav__item a{display:block;}
.page-nav__item--h3 a{padding-left:10px;}
}
@media screen and (min-width:1100px) and (min-height:540px){.page-nav{position:fixed;}
}
.refactor-shirt{margin:40px 0;}
.refactor-shirt__title{font-size:1.6rem;}
.refactor-shirt__image{display:block;width:100%;max-width:1000px;margin-bottom:10px;}
.page--options .site-nav__item--options a,
.page--methods .site-nav__item--methods a,
.page--events .site-nav__item--events a,
.page--extras .site-nav__item--extras a,
.page--faq .site-nav__item--faq a{color:white;}
.page--index .site-nav__item--homepage{visibility:hidden;}
@media screen and (min-width:768px){.site-nav__item{width:auto;font-size:1.15rem;line-height:70px;}
.site-nav__item a{padding:0px 25px;}
.site-nav__item--homepage{font-size:1.5rem;}
}
@charset "UTF-8";.variable{margin:0.5em 0;padding:5px 10px;border-radius:5px;background:hsla(0, 0%, 0%, 0.075);}
.variable__type{color:#27C;}
.variable__type,
.variable__description{margin-left:10px;}
.variable__type:before,
.variable__description:before{content:'·';padding-right:0.4em;display:inline-block;}