.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height , width;-moz-transition-property:height , width;-ms-transition-property:height , width;-o-transition-property:height , width;transition-property:height , width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform , opacity;-moz-transition-property:-moz-transform , opacity;-ms-transition-property:-ms-transform , opacity;-o-transition-property:top , left , opacity;transition-property:transform , opacity}.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}.isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}html,body{}#container{max-width:1120px;width:100%;margin:0 auto}.element{width:110px;height:110px;margin:5px;float:left;overflow:hidden;position:relative;background:#888;color:#222;-webkit-border-top-right-radius:1.2em;-moz-border-radius-topright:1.2em;border-top-right-radius:1.2em}.element.alkali{background:red;background:hsl(0,100%,50%)}.element.alkaline-earth{background:#f80;background:hsl(36,100%,50%)}.element.lanthanoid{background:#ff0;background:hsl(72,100%,50%)}.element.actinoid{background:#0f0;background:hsl(108,100%,50%)}.element.transition{background:#0f8;background:hsl(144,100%,50%)}.element.post-transition{background:#0ff;background:hsl(180,100%,50%)}.element.metalloid{background:#08f;background:hsl(216,100%,50%)}.element.other.nonmetal{background:#00f;background:hsl(252,100%,50%)}.element.halogen{background:#f0f;background:hsl(288,100%,50%)}.element.noble-gas{background:#f08;background:hsl(324,100%,50%)}.element *{position:absolute;margin:0}.element .symbol{color:#fff;font-weight:300}.element.large .symbol{font-size:4.5em}.element.fake .symbol{color:#000}.element .name{left:.5em;bottom:1.6em;font-size:1.05em}.element .weight{font-size:.9em;left:.5em;bottom:.5em}.element .number{font-size:1.25em;font-weight:bold;color:hsla(0,0%,0%,.5);right:.5em;top:.5em}.variable-sizes .element.width2{width:230px}.variable-sizes .element.height2{height:230px}.variable-sizes .element.width2.height2{}.element.large,.variable-sizes .element.large,.variable-sizes .element.large.width2.height2{font-size:3.0em;width:350px;height:350px;z-index:100}.clickable .element:hover{cursor:pointer}.clickable .element:hover h3{text-shadow:0 0 10px white , 0 0 10px white}.clickable .element:hover h2{color:#fff}#options{padding-bottom:15px}#options h3{margin-bottom:.2em;font-size:15px}#options h4{font-weight:bold}#options ul{margin:0;list-style:none}#options ul ul{margin-left:1.5em}#options li{float:left;margin-bottom:3px}#options .option-combo{display:inline-block;float:left;margin-right:10px}#options .option-combo ul{margin-right:20px;display:inline-block}#options .option-combo h2,#options .option-combo h4{line-height:34px;margin-bottom:0;margin-right:5px;display:inline-block;vertical-align:top}.color-shape{width:70px;height:70px;margin:5px;float:left}.color-shape.round{-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px}.color-shape.big.round{-webkit-border-radius:75px;-moz-border-radius:75px;border-radius:75px}.color-shape.red{background:red}.color-shape.blue{background:#00f}.color-shape.yellow{background:#ff0}.color-shape.wide,.color-shape.big{width:150px}.color-shape.tall,.color-shape.big{height:150px}.color-shape a{display:block;height:100%}.color-shape a:hover{background:#fff;background:hsla(0,0%,100%,.5)}.horizontal #container{height:80%}#copy{max-width:640px}.photos .photo{width:320px;margin:5px;float:left}.photos .photo img{display:block;width:100%}#content{}.demos #content{height:100%}.docs #content{max-width:640px}.docs #content a:hover{border-bottom:1px dotted}#site-nav{width:200px;position:absolute;left:10px;top:0;padding-top:20px;font-size:12px}#site-nav h1{font-size:24px;margin-bottom:.5em;margin-top:0;font-weight:bold;font-family:'Helvetica Neue',Arial,sans-serif}#site-nav h2{font-size:17px;font-weight:normal;margin:0 0 .3em;border-top:none}#site-nav h1 a{color:#4fb}#site-nav h1 a:hover{color:#4bf}#site-nav ul{list-style:none;margin:0 0 1.0em;font-weight:bold}#site-nav ul ul{margin-bottom:0}#site-nav ul a{display:block;border:none;padding:1px 5px}#site-nav ul .current a{background:hsla(0,0%,0%,.3);color:#1bf}#site-nav ul a:hover,#site-nav ul .current a:hover{color:#fff}#site-nav ul .current .toc a{font-size:12px;padding-left:1.2em;font-weight:normal}.option-def dl dt,.option-def dl dd{float:left;padding:0 1.2em;background:#161616;line-height:36px;height:36px}.option-def dl.header dt,.option-def dl.header dd{background:#444}.option-def dl .option-type{font-size:13px;color:#aaa;font-style:italic}.option-def dl dd{border-left:1px solid #222}.docs .tagline{font-size:22px;font-weight:300}.docs .as-is{font-size:95%}.docs #commercial{background:#fff;padding:10px;font-size:14px;color:#1f1f1d}.docs #commercial a{font-weight:bold}code .s1,code .s{color:#78bd55}code .mi,code .cp,code .kc{color:#5298d4}code .k{color:#e39b79}code .kd,code .na{color:#a9d866}code .p{color:#edb}code .o{color:#f63}code .nb{color:#aa97ac}code .c,code .c1{color:#666;font-style:italic}code .nt{color:#a0c8fc}code .nf{color:#9ea8b8}code .nc{color:#a78352}code .m{color:#de8e50}code .nd{color:#9fad7e}#sites h2{display:none;padding:.4em;line-height:32px;margin-bottom:.4em;-webkit-transition:background-color .8s;-moz-transition:background-color .8s;-o-transition:background-color .8s;transition:background-color .8s}#sites h2 img{display:inline-block;margin-right:.4em;vertical-align:bottom}#sites h2.loading{background:#fff;color:#222}#sites h2.error{background:red;color:#222}#sites ul{margin:0}.super-list .example{list-style:none;float:left;width:230px;margin:5px}.super-list .example a,.super-list .example b,.super-list .example img{display:block}.super-list .example img{width:100%}.super-list .example a{background:#1f1e1d}.super-list .example a:hover{background:#fff;color:#111}.super-list .example b{font-weight:bold;line-height:1.3em;padding:3px;padding-top:8px}.super-list .link{float:left;position:relative;font-size:24px;line-height:1.2em;font-weight:300;margin:5px}.super-list .link{width:230px;height:110px}.super-list .link a{display:block;padding:10px;padding-left:65px;height:90px;background:#1f1e1d;color:#fe5;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px}.super-list .link a:before{content:'➔';font-size:70px;position:absolute;top:30px;left:5px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.super-list .link.away a:before{top:25px;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.super-list .link a:hover{background:#e58;color:#fff}.super-list .feature .name{bottom:auto;top:140px;left:18px;font-size:20px}.big-graph{background:#fff;height:600px;margin:20px auto}.big-graph .project{width:45px;height:45px;float:left}.big-graph .project .icon{pointer-events:none;width:31px;height:31px;background:#fff;margin-left:7px;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;-ms-transition:-ms-transform .25s;-o-transition:-o-transform .25s;transition:transform .25s}.big-graph .project:hover{z-index:5}.big-graph .project:hover .icon{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3)}.big-graph .project.commercial .icon{background:#6b6b6b}.big-graph .project.urbanism .icon{background:#00cf00}.big-graph .project.public-space .icon{background:#ff8d00}.big-graph .project.culture .icon{background:#d61919}.big-graph .project.body-culture .icon{background:#00ecff}.big-graph .project.health .icon{background:#ff2251}.big-graph .project.education .icon{background:#00a700}.big-graph .project.housing .icon{background:#ff02ff}.big-graph .project.hotel .icon{background:#0000c3}.big-graph .project.media .icon{background:#292929}.big-graph .project p{line-height:14px;font-size:10.5px;color:#000;margin-left:7px}#infscr-loading{position:fixed;text-align:center;bottom:30px;left:42%;z-index:100;background:#fff;background:hsla(0,0%,100%,.9);padding:20px;color:#222;font-size:15px;font-weight:bold;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}#container{max-width:1125px;width:100%;margin:0 auto 0 3px;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media (max-width:950px){.daisho-portfolio #container{margin:0 auto 0 auto}}#content-small{-webkit-tap-highlight-color:rgba(0,0,0,0)}#options{}#options ul{padding:0}#filters{float:right}#options li{margin-left:5px}#options li:first-child{margin-left:0}#options li a{display:block;padding:.35em .9em;color:#202020;font-weight:normal;font-size:87.5%;line-height:1.125;text-transform:uppercase;font-family:"Dosis",Arial,sans-serif}#options li a:hover{text-decoration:none;background-color:#573c77;color:#fff;border-radius:12px}#options li a.selected{background-color:#573c77;color:#fff;border-radius:12px;font-weight:700}#etc{margin-top:4px}#options #toggle-sizes a{background:url(xchange-view.png.pagespeed.ic.02BiunS7DW.png) no-repeat top left transparent;text-indent:-9999px;width:28px;height:18px;padding:0!important;float:left;margin-right:20px;margin-top:3px}#options #toggle-sizes a:hover{background:url(xchange-view.png.pagespeed.ic.02BiunS7DW.png) no-repeat top right transparent;border-radius:0}#options #toggle-sizes a:first-child{background:url(xchange-view.png.pagespeed.ic.02BiunS7DW.png) no-repeat bottom left transparent;text-indent:-9999px;width:28px;height:18px;padding:0!important}#options #toggle-sizes a:first-child:hover{background:url(xchange-view.png.pagespeed.ic.02BiunS7DW.png) no-repeat bottom right transparent;border-radius:0}#options #toggle-sizes a.toggle-selected{background-position:top right}#options #toggle-sizes a:first-child.toggle-selected{background-position:bottom right}#options #shuffle{margin-left:0}#options #shuffle a{background:url(xshuffle-view.png.pagespeed.ic.DN8AkZvoO5.png) no-repeat left top transparent;text-indent:-9999px;width:22px;height:18px;padding:0!important;float:left;margin-right:20px;margin-top:3px}#options #shuffle a:hover{background:url(xshuffle-view.png.pagespeed.ic.DN8AkZvoO5.png) no-repeat left bottom transparent;border-radius:0}.toggle-sizes-small-svg{display:none;cursor:pointer}.toggle-sizes-large-svg{display:none;cursor:pointer}html.mod-svg .toggle-sizes-small-svg{display:block}html.mod-svg .toggle-sizes-large-svg{display:block}html.mod-svg #options #toggle-sizes a{background:none repeat scroll 0 0 transparent;text-indent:0}html.mod-svg #options #toggle-sizes a:hover{background:none repeat scroll 0 0 transparent;text-indent:0}#options #toggle-sizes a svg path{fill:#d9dcdd}#options #toggle-sizes a:hover svg path{fill:#a0a0a0}#options #toggle-sizes a.toggle-selected svg path{fill:#a0a0a0}.element{width:220px;height:150px;margin:0 5px 5px 0;border-radius:0;word-wrap:break-word;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.variable-sizes .element.width2{width:445px}.variable-sizes .element.height2{height:305px}.variable-sizes .element.width3{width:670px}.element.large,.variable-sizes .element.large,.variable-sizes .element.large.width2.height2{height:305px;width:670px}.element img{z-index:-1;width:100%}.element .thumbnail-meta-data-wrapper{overflow:hidden;left:0;top:0;padding:9px 15px 0 13px;width:100%;word-wrap:break-word;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.element .symbol{font-weight:700;z-index:2;overflow:hidden;height:2em;line-height:100%;font-size:175%;width:100%;position:relative}.element.width2.height2 .symbol{font-size:350%;font-weight:400}.element.width3.height2 .symbol{font-weight:400;font-size:525%}.variable-sizes .height2.vertical-thumbnail img{width:auto;height:100%}.element .name{font-family:"Open Sans",Arial,sans-serif;font-size:81.25%;bottom:31px;font-weight:400}.element .categories{bottom:15px;font-family:"Dosis",Arial,sans-serif;font-size:75%;font-weight:400;text-transform:uppercase}.element .categories,.element .name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;z-index:2;color:#fff;padding:0 15px;max-width:100%;left:0;word-wrap:break-word;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.element .number{display:none}.clickable .element:hover h3{text-shadow:none}.thumbnail-hover,.symbol,.name,.categories{opacity:0;visibility:hidden;-webkit-transition:opacity .25s ease-in-out , visibility 0s linear .25s;-moz-transition:opacity .25s ease-in-out , visibility 0s linear .25s;-ms-transition:opacity .25s ease-in-out , visibility 0s linear .25s;-o-transition:opacity .25s ease-in-out , visibility 0s linear .25s;transition:opacity .25s ease-in-out , visibility 0s linear .25s}.element:hover .thumbnail-hover,.element:hover .symbol,.element:hover .name,.element:hover .categories{opacity:1;visibility:visible;-webkit-transition:opacity .25s ease-in-out , visibility 0s;-moz-transition:opacity .25s ease-in-out , visibility 0s;-ms-transition:opacity .25s ease-in-out , visibility 0s;-o-transition:opacity .25s ease-in-out , visibility 0s;transition:opacity .25s ease-in-out , visibility 0s}.tn-display-meta .symbol,.tn-display-meta .name,.tn-display-meta .categories{opacity:1;visibility:visible}.thumbnail-link{width:100%;height:100%;z-index:5;opacity:0;background-color:rgba(255,255,255,.01)}.thumbnail-project-link{text-decoration:none}.thumbnail-project-link:hover{text-decoration:none}.grid_hidden{opacity:0!important}.element-small .symbol{font-weight:700!important;font-size:28px!important;z-index:2}.element .thumbnail-hover,.element .symbol{font-family:Lato;font-weight:300!important;text-transform:uppercase}.element .name,.element .categories{}@media (max-width:800px){#options{display:none}.element .name{display:none}.element .categories{bottom:15px;font-size:125%}.variable-sizes .element.width3{width:445px}.element.width3.height2 .symbol{font-size:375%}}@media (max-width:1260px){.daisho-classic #content-small{margin:15px auto 0 auto;display:block;width:900px}.daisho-classic #content-small .element:last-child{display:none}}@media (max-width:979px){.daisho-classic #content-small{margin:15px auto 0 auto;display:block;width:675px}.daisho-classic #content-small .element:nth-child(5) {display:none}.daisho-classic #content-small .element:nth-child(4) {display:none}}@media (max-width:800px){.daisho-classic #content-small{margin:15px auto 0 auto;display:block;width:450px}.daisho-classic #content-small .element:nth-child(5) {display:block}.daisho-classic #content-small .element:nth-child(4) {display:none}}@media (max-width:525px){.daisho-classic #content-small{margin:15px auto 0 auto;display:block;width:225px}}