@font-face{font-family:NotoSansCJKsc-Black;src:url(../font/NotoSansCJKsc/NotoSansCJKsc-Black.otf);}
@font-face{font-family:NotoSansCJKsc-Bold;src:url(../font/NotoSansCJKsc/NotoSansCJKsc-Bold.otf);}
@font-face{font-family:NotoSansCJKsc-DemiLight;src:url(../font/NotoSansCJKsc/NotoSansCJKsc-DemiLight.otf);}
@font-face{font-family:NotoSansCJKsc-Light;src:url(../font/NotoSansCJKsc/NotoSansCJKsc-Light.otf);}
@font-face{font-family:NotoSansCJKsc-Medium;src:url(../font/NotoSansCJKsc/NotoSansCJKsc-Medium.otf);}
@font-face{font-family:NotoSansCJKsc-Regular;src:url(../font/NotoSansCJKsc/NotoSansCJKsc-Regular.otf);}
@font-face{font-family:NotoSansCJKsc-Thin;src:url(../font/NotoSansCJKsc/NotoSansCJKsc-Thin.otf);}
@font-face{font-family:Roboto-Thin;src:url(../font/Roboto/Roboto-Thin.otf);}
@font-face{font-family:Roboto-Regular;src:url(../font/Roboto/Roboto-Regular.otf);}
@font-face{font-family:Roboto-Medium;src:url(../font/Roboto/Roboto-Medium.otf);}
@font-face{font-family:Roboto-Light;src:url(../font/Roboto/Roboto-Light.otf);}
@font-face{font-family:Roboto-Bold;src:url(../font/Roboto/Roboto-Bold.otf);}
@font-face{font-family:Roboto-Black;src:url(../font/Roboto/Roboto-Black.otf);}

button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{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:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}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{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}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}summary{display:list-item}[hidden],template{display:none}

body{font-size:16px;color:#4b4b4b;background:#f9f9f9;margin:0;padding:0 0 100px 0;font-weight:400;font-family:Roboto-Regular,'NotoSansCJKsc-DemiLight',Hiragino Sans GB,WenQuanYi Micro Hei,Heiti SC,Microsoft YaHei,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;}

*,::before,::after{box-sizing:border-box;}
figure{margin:0;padding:0;}
img{display:block;max-width:100%;}
a{text-decoration:none;}
a,a:visited{color:rgba(0,0,0,0.4);}
a:hover{color:#000;text-decoration:none;}
a:active{color:#2ecc71;}
a,a:visited,a:hover,a:active,a:focus,button,button:visited,button:hover,button:active,button:focus{outline:0!important;outline:none!important;}
p{margin:1em 0;line-height:1.4;}
h1{color:#000;}

#brand{margin:1em auto;}
#brand h1{font-size:3em;margin:0 auto;font-family:Roboto-Black;color:transparent;text-align:right;-webkit-text-stroke:1px rgba(0,0,0,0.4);text-stroke:1px rgba(0,0,0,0.4);}


@media screen and (min-width:1101px){
#brand h1{font-size:5em;}
}

@media screen and (min-width:768px) and (max-width:1100px){
#brand h1{font-size:4em;}
}

@media screen and (min-width:320px) and (max-width:767px){
#brand,#brand img{text-align:center;margin:1em auto;}
#brand h1{font-size:2.4em;text-align:center;}
}

.hidden{display:block;font-size:0.8em;line-height:1.2;margin:0.4em 0 1em 0;color:rgba(0,0,0,0.4);}

.my-shuffle-container{position:relative;overflow:hidden;}
.my-sizer-element{position:absolute;opacity:0;visibility:hidden;}

.picture-item{height:250px;margin-top:1em;}
.picture-item img{display:block;width:100%;}

@supports ((-o-object-fit:cover) or (object-fit:cover)){.picture-item img{max-width:none;height:100%;-o-object-fit:cover;object-fit:cover;}}
.picture-item--h2{height:464px;}

.picture-item__inner{position:relative;height:100%;overflow:hidden;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.05);}
.picture-item__details{display:flex;align-items:baseline;justify-content:space-between;width:100%;padding:1em;}
.picture-item__description{width:100%;padding:0 2em 1em 1em;margin:0;}
.picture-item__title{font-size:0.9em;line-height:1.3;flex-shrink000:1;color:rgba(0,0,0,0.6);}
.picture-item__inner a:hover .picture-item__title{color:#000;}
.picture-item__tags{flex-shrink:1;text-align:right;margin:0;}

@media screen and (min-width:768px){
.picture-item--overlay .picture-item__details{position:absolute;bottom:0;left:0;width:100%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:white;overflow:hidden;}
.picture-item--overlay .picture-item__description{display:none;}
.picture-item--overlay a{color:white;text-shadow:0 0 1px black;}
}
@media screen and (max-width:767px){
.picture-item{height:auto;margin-top:20px;}
.picture-item__details,.picture-item__description{font-size:0.875em;padding:0.625em;}
.picture-item__description{padding-right:0.875em;padding-bottom:1.25em;}
.picture-item--h2{height:auto;}
}

#filter-nav{width:100%;z-index:100;position:fixed;bottom:0;background:#000;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);box-shadow:0 0 20px 0 rgba(0,0,0,0.3);}
.filter-label{display:block;padding:0;margin-top:0;margin-bottom:4px;}
.filters-group{padding:0;margin:0 auto;border:0;}
.filters-group button{padding:1em;margin:0 2px 1px 0;color:rgba(255,255,255,0.5);font-size:0.7em;text-transform:uppercase;background:rgba(255,255,255,0.1);}
.filters-group button em{font-style:normal;display:block;}
.filters-group000s button em:nth-child(1){border-bottom:1px solid rgba(255,255,255,0.5);padding-bottom:0.4em;margin-bottom:0.6em;}
.js-shuffle-search{margin-top:0.5em;background:transparent;}

@media screen and (min-width:900px){
#filter-nav{width:16%;height:100%;}
.filters-group-wrap{margin-top:1em;display:flex;justify-content:space-between;}
.filters-group button{width:100%;display:block;}
#showcase-list{margin-left:16%;}
}

@media screen and (max-width:768px){
.filters-group-wrap{width:100%;white-space:nowrap;scroll-behavior:smooth;overflow-y:scroll;}
.filters-group button{width:auto;display:inline-block;float:none!important;}
.filters-group button em:nth-child(1){border:none;padding-bottom:0;margin-bottom:0;}
.filters-group button em:nth-child(2){display:none;}
}


.btn-group{}
.btn-group:after,.btn-group:before{content:" ";display:table;}
.btn-group:after{clear:both;}
.btn-group .btn{float:left;border-radius:0;line-height:1.4;}
.btn-group .btn:first-child{}
.btn-group .btn:not(:first-child){margin-left:-1px;}
.btn-group .btn:last-child{}
.btn-group label.btn input[type=radio]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none;}
.btn{display:inline-block;border:none;padding:.8em 1em;text-align:center;color:#34495e;font-size:1rem;background-color:#fff;transition:.2s ease-out;cursor:pointer;-webkit-appearance:none;}

@media (-moz-touch-enabled:0), (pointer:fine){.btn:hover{color:#fff;text-decoration:none;background-color:#34495e;}}

.btn:focus{outline-width:0;}
.btn.active,.btn:active{color:#fff;background-color:#34495e;}
.btn.active em:nth-child(1){border-color:#fff!important;}
.btn:disabled{cursor:not-allowed;opacity:.7;color:#34495e;background-color:rgba(52, 73, 94, 0);}
.btn--primary{color:#000;}

@media (-moz-touch-enabled:0), (pointer:fine){.btn--primary:hover{background-color:#fc6191;}}
.btn--primary.active,.btn--primary:active{background-color:#fc6191;}
.btn--primary:disabled{color:#fc6191;background-color:rgba(52, 152, 219, 0);}

@media screen and (max-width:767px){
.btn{font-size:0.875rem;}
.textfield{text-align:center;}
}

.textfield{text-align:center;-webkit-appearance:none;box-sizing:border-box;width:100%;border:none;border-bottom:1px solid rgba(255,255,255,0.4);padding:.5em;font-size:1rem;color:#34495e;transition:0.15s;}
.textfield::-webkit-input-placeholder{font-size:0.75em;text-transform:uppercase;color:rgba(0,0,0,0.2);transition:0.15s;}
.textfield:-ms-input-placeholder{font-size:0.75em;text-transform:uppercase;color:rgba(0,0,0,0.2);transition:0.15s;}
.textfield::-ms-input-placeholder{font-size:0.75em;text-transform:uppercase;color:rgba(0,0,0,0.2);transition:0.15s;}
.textfield::placeholder{font-size:0.75em;text-transform:uppercase;color:#fc6191;transition:0.15s;}
.textfield:hover{outline-width:0;color:#5d6d77;border-color:#5d6d77;}
.textfield:hover::-webkit-input-placeholder{color:#5d6d77;}
.textfield:hover:-ms-input-placeholder{color:#5d6d77;}
.textfield:hover::-ms-input-placeholder{color:#5d6d77;}
.textfield:hover::placeholder{color:#5d6d77;}
.textfield:focus{outline-width:0;color:rgba(255,255,255,0.4);border-color:#fc6191;}
.textfield:focus::-webkit-input-placeholder{color:rgba(255,255,255,0.4);}
.textfield:focus:-ms-input-placeholder{color:rgba(255,255,255,0.4);}
.textfield:focus::-ms-input-placeholder{color:rgba(255,255,255,0.4);}
.textfield:focus::placeholder{color:rgba(255,255,255,0.4);}

.container{padding-left:3.5%;padding-right:3.5%;}
.container:after,.container:before{content:" ";display:table;}
.container:after{clear:both;}

.row{margin-left:auto;margin-right:auto;}
.row:after,.row:before{content:" ";display:table;}
.row:after{clear:both;}
.row .row{margin-left:-8px;margin-right:-8px;}

.aspect{position:relative;width:100%;height:0;padding-bottom:60%;overflow:hidden;}
.aspect__inner{position:absolute;top:0;right:0;bottom:0;left:0;}
.aspect--16x91{padding-bottom:56.25%;}

.col-1\@xs,.col-2\@xs,.col-3\@xs,.col-4\@xs,.col-5\@xs,.col-6\@xs,.col-1\@sm,.col-2\@sm,.col-3\@sm,.col-4\@sm,.col-5\@sm,.col-6\@sm,.col-7\@sm,.col-8\@sm,.col-9\@sm,.col-10\@sm,.col-11\@sm,.col-12\@sm,.col-1\@md,.col-2\@md,.col-3\@md,.col-4\@md,.col-5\@md,.col-6\@md,.col-7\@md,.col-8\@md,.col-9\@md,.col-10\@md,.col-11\@md,.col-12\@md{position:relative;box-sizing:border-box;min-height:1px;padding:0 0.6em;}
.col-1\@xs,.col-2\@xs,.col-3\@xs,.col-4\@xs,.col-5\@xs,.col-6\@xs{float:left;}
.col-1\@xs{width:16.66667%;}
.col-2\@xs{width:33.33333%;}
.col-3\@xs{width:50%;}
.col-4\@xs{width:66.66667%;}
.col-5\@xs{width:83.33333%;}
.col-6\@xs{width:100%;}

@media screen and (min-width:768px){
.col-1\@sm,.col-2\@sm,.col-3\@sm,.col-4\@sm,.col-5\@sm,.col-6\@sm,.col-7\@sm,.col-8\@sm,.col-9\@sm,.col-10\@sm,.col-11\@sm,.col-12\@sm{float:left;}
.col-1\@sm{width:8.33333%;}
.col-2\@sm{width:16.66667%;}
.col-3\@sm{width:25%;}
.col-4\@sm{width:33.33333%;}
.col-5\@sm{width:41.66667%;}
.col-6\@sm{width:50%;}
.col-7\@sm{width:58.33333%;}
.col-8\@sm{width:66.66667%;}
.col-9\@sm{width:75%;}
.col-10\@sm{width:83.33333%;}
.col-11\@sm{width:91.66667%;}
.col-12\@sm{width:100%;}
.container{padding-left:7%;padding-right:7%;}
.row{max-width:1200px;}
}

@media screen and (min-width:1024px){
.col-1\@md,.col-2\@md,.col-3\@md,.col-4\@md,.col-5\@md,.col-6\@md,.col-7\@md,.col-8\@md,.col-9\@md,.col-10\@md,.col-11\@md,.col-12\@md{float:left;}
.col-1\@md{width:8.33333%;}
.col-2\@md{width:16.66667%;}
.col-3\@md{width:25%;}
.col-4\@md{width:33.33333%;}
.col-5\@md{width:41.66667%;}
.col-6\@md{width:50%;}
.col-7\@md{width:58.33333%;}
.col-8\@md{width:66.66667%;}
.col-9\@md{width:75%;}
.col-10\@md{width:83.33333%;}
.col-11\@md{width:91.66667%;}
.col-12\@md{width:100%;}
}