@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic);@media only screen and (min-width: 400px){body:after{display:none;content:'js-break-small'}}@media only screen and (min-width: 700px){body:after{display:none;content:'js-break-medium'}}@media only screen and (min-width: 1000px){body:after{display:none;content:'js-break-large'}}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}body{margin:0}*:focus{outline:none}a:focus{outline:thin dotted}a:active,a:hover{outline:0}b,strong{font-weight:bold}blockquote{margin:0}q:after,q:before{content:""}h1,h2,h3,h4,h5,p,ul,ol,pre{margin:0}dl,menu,ol,ul{margin:0}dl ul,dl ol,menu ul,menu ol,ol ul,ol ol,ul ul,ul ol{margin:0}dd{margin:0}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{width:100%;border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}button,input,select,textarea{margin:0;vertical-align:baseline;vertical-align:middle}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;cursor:pointer;overflow:visible;background:none;font-size:inherit}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;border-radius:0}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*{-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html,body{background-color:#FCFCFC}body{padding-top:24px;padding-bottom:24px}@media only screen and (min-width: 1000px){body{padding-top:36px;padding-bottom:36px}}.l-cf:after,.wrapper:after,.button:after,.header:after,.menu__item:after,.flag:after,.gallery:after,.gallery__item:after{content:"";display:table;clear:both}.wrapper{width:100%;max-width:860px;margin:0 auto;padding-left:24px;padding-right:24px;position:relative}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.animation,.figure,.gallery__item.highlight *{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animation--fadeIn,.figure,.gallery__item.highlight *{-webkit-animation-name:fadeIn;animation-name:fadeIn}.animation--fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.ng-cloak{display:none !important}html{font-size:62.5%}body{font-family:'Source Sans Pro', Helvetica, Arial, sans-serif;font-size:18px;font-size:1.8rem;line-height:28px;line-height:2.8rem;font-style:normal;font-weight:400;color:#46515e;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a{color:#6D3729;text-decoration:none;position:relative;display:inline-block;font-weight:700}a:before{content:"";position:absolute;width:0;height:3px;bottom:0;left:0;background-color:#6D3729;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}a:hover,a:focus{cursor:pointer}a:hover:before,a:focus:before{width:100%}@media only screen and (min-width: 1400px){.article{margin-top:10%}}h1,.h1,h2,.h2,.blockquote,h3,.h3{font-style:normal;font-weight:700;color:#354351;margin-bottom:0;font-size:25px;font-size:2.5rem;line-height:30px;line-height:3rem}.tagline{display:inline-block;margin-bottom:24px;font-weight:normal;font-style:normal}p,ul,ol,.p{margin-bottom:24px;max-width:600px}.excerpt{color:#354351;margin-bottom:24px}.figure{margin-bottom:24px}.figure img{display:block}.figure__caption{padding:6px 0;color:#000}.blockquote{margin-bottom:24px;padding:18px 12px;border-top:1px solid #46515e;border-bottom:1px solid #46515e;color:#46515e}ul,ol{padding-left:24px}.text--no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text--antialiased,body{webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased}small,.text--small,.figure__caption,.contact{font-size:13px;font-size:1.3rem;line-height:18px;line-height:1.8rem}.text--center{text-align:center}.text--antialiased,body{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased}.text--hide,.brand a{font:0/0 a;text-shadow:none;color:transparent}.text--no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text--emboss{box-shadow:#FFF 0.8 0 1px 0,inset #000 0.05 0 1px 0}.text--letterpress{text-shadow:#FFF 0.5 0 1px 0}.text--color-primary{color:#6D3729}.text--color-secondary{color:#988D4C}.text--color-light{color:#FCFCFC}.text--color-dark{color:#000}.text--color-error{color:red}.text--color-success{color:green}.text--color-text{color:#46515e}.text--uppercase{text-transform:uppercase}.text--lowercase{text-transform:lowercase}.text--center{text-align:center}.text--right{text-align:right}.text--left{text-align:left}.text--strong{font-weight:bold}.text--italic{font-style:italic}.text--nowrap{white-space:nowrap}::-moz-selection{background:#6D3729;color:#FCFCFC;text-shadow:none}::selection{background:#6D3729;color:#FCFCFC;text-shadow:none}.touch a:before{-webkit-transition:none;transition:none}.touch a:hover,.touch a:focus{cursor:pointer}.touch a:hover:before,.touch a:focus:before{width:0}.button{display:inline-block;margin-bottom:12px;padding:12px;background-color:transparent;border:1px solid #6D3729;color:#6D3729;text-decoration:none}.button:hover{color:#FCFCFC;background-color:#6D3729}.button--secondary{border-color:#988D4C;color:#988D4C}.button--secondary:hover{background-color:#988D4C}@media only screen and (min-width: 1000px){.border{background-color:#6D3729;position:fixed;z-index:1000}.border--left,.border--right{top:0;bottom:0;width:12px}.border--left{left:0}.border--right{right:0}.border--top,.border--bottom{left:0;right:0;height:12px}.border--top{top:0}.border--bottom{bottom:0}}.touch .border{display:none}.header{text-align:center;margin-bottom:24px}@media only screen and (min-width: 1400px){.header{position:fixed;z-index:100;top:48px;left:48px;max-width:240px;text-align:left}}.brand a{width:200px;height:40px;display:block;margin:0 0 12px 0;border:0;background:url(../img/jonny-heng-logo.png) top left no-repeat;background:none,url(../img/jonny-heng-logo.svg) top left no-repeat;background-size:200px 40px;margin-left:auto;margin-right:auto}.brand a:hover:before{width:0}@media only screen and (min-width: 1400px){.brand a{float:left}}.translate{margin-bottom:24px;color:#6D3729;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}@media only screen and (min-width: 1400px){.translate{position:fixed;z-index:100;top:48px;right:48px}}.translate__item{-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.translate__item--current:before{width:100%}.translate__item--current u{text-decoration:none}.translate:hover .translate__item{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;zoom:1}.translate:hover .translate__item:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;zoom:1}.touch .translate{-webkit-transition:none;transition:none}.touch .translate__item{-webkit-transition:none;transition:none}.touch .translate:hover .translate__item{opacity:1}.menu{margin-bottom:24px;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}@media only screen and (min-width: 1400px){.menu{white-space:pre-line;line-height:0}}.menu__item{-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;clear:both}@media only screen and (min-width: 1400px){.menu__item{white-space:pre-line;line-height:0;line-height:28px;line-height:2.8rem}}.menu__item+.menu__item{margin-left:12px}@media only screen and (min-width: 1400px){.menu__item+.menu__item{margin-left:0;margin-top:12px}}.menu__item--current:before{width:100%}.menu:hover .menu__item{opacity:0.4}.menu:hover .menu__item:hover{opacity:1}.touch .menu{-webkit-transition:none;transition:none}.touch .menu__item{-webkit-transition:none;transition:none}.touch .menu:hover .menu__item{opacity:1}.contact{margin-bottom:24px}.contact__item{color:#46515e;font-weight:400}.contact__item:before{display:none}@media only screen and (min-width: 1400px){.contact__separator{font:0/0 a;text-shadow:none;color:transparent}.contact__separator:before{content:"\a";white-space:pre}}.flag__header{margin-bottom:12px}.flag__header img{display:block;width:100%;max-width:none}@media only screen and (min-width: 700px){.flag{width:100%;display:table;position:relative}.flag__header,.flag__body{display:table-cell;vertical-align:middle}.flag__header{width:50%;margin-bottom:0;padding-right:12px}.flag__body{width:50%;padding-left:12px}.flag--rev{direction:rtl}.flag--rev .flag__header{padding-right:0;padding-left:12px;direction:ltr}.flag--rev .flag__body{padding-left:0;padding-right:12px;direction:ltr}.flag--top .flag__header,.flag--top .flag__body{vertical-align:top}.flag--bottom .flag__header,.flag--bottom .flag__body{vertical-align:bottom}}.gallery{max-width:none;margin-left:-12px;margin-right:-12px;position:relative}.gallery__item{float:left;padding:0 12px;margin-bottom:24px}.gallery__item__figure{overflow:hidden}.gallery__item__figure img{-webkit-transition:all .3s ease;transition:all .3s ease;display:block}.gallery__item__figure__caption{height:0;overflow:hidden}.gallery__item--small{width:33.3333333333%}.gallery__item--medium{width:66.6666666667%}.gallery__item--large{width:100%}.gallery__item.highlight{width:calc(100% + 24px);padding:24px;margin-left:-12px;margin-right:-12px;background-color:#6D3729}.gallery__item.highlight .gallery__item__figure__caption{height:auto;padding-top:12px;color:#FCFCFC}.gallery__item.highlight:hover{cursor:auto}.gallery__item.highlight:hover .gallery__item__figure img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.gallery__item:hover{cursor:pointer}.gallery__item:hover .gallery__item__figure img{-webkit-transition:all 1.5s ease;transition:all 1.5s ease;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
