@font-face{font-family:DejaVu Serif;src:url(fonts/hinted-DejaVuSerif.eot);src:local(DejaVu Serif),local(DejaVuSerif),url(fonts/hinted-DejaVuSerif.eot?#iefix)format("embedded-opentype"),url(fonts/hinted-DejaVuSerif.woff2)format("woff2"),url(fonts/hinted-DejaVuSerif.woff)format("woff"),url(fonts/hinted-DejaVuSerif.ttf)format("truetype"),url(fonts/hinted-DejaVuSerif.svg#DejaVuSerif)format("svg");font-weight:400;font-style:normal}@font-face{font-family:DejaVu Serif;src:url(fonts/hinted-DejaVuSerif-Italic.eot);src:local(DejaVu Serif Italic),local(DejaVuSerif-Italic),url(fonts/hinted-DejaVuSerif-Italic.eot?#iefix)format("embedded-opentype"),url(fonts/hinted-DejaVuSerif-Italic.woff2)format("woff2"),url(fonts/hinted-DejaVuSerif-Italic.woff)format("woff"),url(fonts/hinted-DejaVuSerif-Italic.ttf)format("truetype"),url(fonts/hinted-DejaVuSerif-Italic.svg#DejaVuSerif-Italic)format("svg");font-weight:400;font-style:italic}@font-face{font-family:DejaVu Serif;src:url(fonts/hinted-DejaVuSerif-Bold.eot);src:local(DejaVu Serif Bold),local(DejaVuSerif-Bold),url(fonts/hinted-DejaVuSerif-Bold.eot?#iefix)format("embedded-opentype"),url(fonts/hinted-DejaVuSerif-Bold.woff2)format("woff2"),url(fonts/hinted-DejaVuSerif-Bold.woff)format("woff"),url(fonts/hinted-DejaVuSerif-Bold.ttf)format("truetype"),url(fonts/hinted-DejaVuSerif-Bold.svg#DejaVuSerif-Bold)format("svg");font-weight:700;font-style:normal}@font-face{font-family:DejaVu Serif;src:url(fonts/hinted-DejaVuSerif-BoldItalic.eot);src:local(DejaVu Serif Bold Italic),local(DejaVuSerif-BoldItalic),url(fonts/hinted-DejaVuSerif-BoldItalic.eot?#iefix)format("embedded-opentype"),url(fonts/hinted-DejaVuSerif-BoldItalic.woff2)format("woff2"),url(fonts/hinted-DejaVuSerif-BoldItalic.woff)format("woff"),url(fonts/hinted-DejaVuSerif-BoldItalic.ttf)format("truetype"),url(fonts/hinted-DejaVuSerif-BoldItalic.svg#DejaVuSerif-BoldItalic)format("svg");font-weight:700;font-style:italic}*,:before,:after{box-sizing:inherit;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:relative}html{scroll-behavior:smooth;box-sizing:border-box;height:100%;font-size:16px}body{background:#fff;min-height:100%}::-webkit-selection{color:#fff;background:#e03c31}::selection{color:#fff;background:#e03c31}a{color:#e03c31;text-decoration:underline}a:hover{color:#e03c31}a:active{color:#000}html{font-family:DejaVu Serif;line-height:1.5}@media only screen and (min-width:80em){html{font-size:1.2em}}#bakuro{flex-wrap:wrap;align-items:flex-start;display:flex}#header{z-index:1;flex:1 0 20em;position:-webkit-sticky;position:sticky;top:0}#gallery,#contact{z-index:24;background-color:#fff;flex:10 0 20em;position:relative}@media only screen and (max-width:39.9375em){#gallery,#contact{margin-bottom:70vh}}.grid{flex-wrap:wrap;align-items:center;padding:0 1em 1em;list-style:none;display:flex}.grid .grid-element{flex:1 0 16em;max-width:36em;margin:-1em 1em 1em;padding-top:2em;display:block}.grid .grid-element a,.grid .grid-element img{display:block}.grid .grid-box{flex:1 0 24em;padding:1em;display:block}@media only screen and (max-width:39.9375em){.grid .grid-box{flex-basis:100%}}#header{text-align:center;flex-direction:column;justify-content:space-around;align-items:center;height:100vh;line-height:1.5;display:flex}@media only screen and (max-width:39.9375em){#header{height:84vh}}#header h2{font-size:1.2em}#header p{font-size:.875em}.logo{background:url(/images/app/bakuro-logo-2020.png) 50%/contain no-repeat;width:5rem;height:9.5625rem;font-size:0;display:block;position:relative}@media only screen and (max-height:39.9375em){.logo{width:3.2rem;height:6.12rem}}.logo a{position:absolute;top:0;bottom:0;left:0;right:0}#gallery figure{background-color:#eee;padding-bottom:66.667%;display:block}#gallery figure:before{content:"";opacity:.5;filter:brightness(10)saturate(0);background:url(loader.png) 50%/5em no-repeat;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;position:absolute;top:50%;left:50%}#gallery img{width:100%;transition:opacity .5s;display:block;position:absolute;top:0;left:0}#gallery .grid-element:not(:target) img.full,#gallery .grid-element:not(:target) img.phone{display:none}#gallery .grid-element:target.grid-v figure{padding-bottom:150%}#gallery .grid-element:target.grid-h{flex:2 0 32em}#gallery .grid-element:target img.small,#gallery .grid-element:target img.phone{display:none}@media only screen and (min-width:40em) and (max-width:59.75em){#gallery .grid-element.grid-v figure{padding-bottom:150%}#gallery .grid-element.grid-h figure{padding-bottom:66.667%}#gallery .grid-element:target.grid-h,#gallery .grid-element:target.grid-v,#gallery .grid-element:not(:target).grid-h,#gallery .grid-element:not(:target).grid-v{flex:0 100%!important}#gallery .grid-element:target.grid-h img.full,#gallery .grid-element:target.grid-h img.small,#gallery .grid-element:target.grid-v img.full,#gallery .grid-element:target.grid-v img.small,#gallery .grid-element:not(:target).grid-h img.full,#gallery .grid-element:not(:target).grid-h img.small,#gallery .grid-element:not(:target).grid-v img.full,#gallery .grid-element:not(:target).grid-v img.small{display:none!important}#gallery .grid-element:target.grid-h img.phone,#gallery .grid-element:target.grid-v img.phone,#gallery .grid-element:not(:target).grid-h img.phone,#gallery .grid-element:not(:target).grid-v img.phone{display:block!important}}@media only screen and (max-width:37.9375em){#gallery .grid-element.grid-v figure{padding-bottom:150%}#gallery .grid-element.grid-h figure{padding-bottom:66.667%}#gallery .grid-element:target.grid-h,#gallery .grid-element:target.grid-v,#gallery .grid-element:not(:target).grid-h,#gallery .grid-element:not(:target).grid-v{flex:0 100%!important}#gallery .grid-element:target.grid-h img.full,#gallery .grid-element:target.grid-h img.small,#gallery .grid-element:target.grid-v img.full,#gallery .grid-element:target.grid-v img.small,#gallery .grid-element:not(:target).grid-h img.full,#gallery .grid-element:not(:target).grid-h img.small,#gallery .grid-element:not(:target).grid-v img.full,#gallery .grid-element:not(:target).grid-v img.small{display:none!important}#gallery .grid-element:target.grid-h img.phone,#gallery .grid-element:target.grid-v img.phone,#gallery .grid-element:not(:target).grid-h img.phone,#gallery .grid-element:not(:target).grid-v img.phone{display:block!important}}#contact{padding:3em 2em}@media only screen and (max-width:39.9375em){#contact{margin-top:-50vh}}#contact h3{color:#e03c31;font-size:2em;line-height:1}#contact h4 img{vertical-align:middle}#contact h4+p{margin-top:1em}#contact small{font-size:1.2em;display:block}@media only screen and (max-width:39.9375em){#contact h3,#contact small{text-align:center}}#contact .cta{z-index:5}@media only screen and (min-width:40em){#contact .cta.cta-right{float:right;margin-bottom:-3em}}@media only screen and (max-width:39.9375em){#contact .cta.cta-right{display:none}}#contact .cta.cta-center{text-align:center}#contact .cta a{color:#fff;background-color:#e03c31;border-radius:1em;padding:.25em 1em;font-weight:700;text-decoration:none;display:inline-block}#contact p{margin:2em 0}