:root{
    --font-title:'Playfair Display', serif;
    --font-text:'Lato', sans-serif;
    --color-link:rgb(0, 101, 185);
    --color-text:rgb(46, 43, 55);
    --mainBgCol:#fff;
    --mainBgTrans:rgba(255,255,255,0);
    --subMenuHeight: 0;
    --menuBarBgCol: #18161c;
    --menuBarColor: #fff;
    --menuBarBorderCol: rgba(0, 0, 0, 0.4);
    --navheight: 0;
    --mastheight: 0;
    --mastBgColor:#f6f3e7;
    --bttBtnColor: var(--color-link);
    --bttBtnBg: #fff;
    --showCaseGrad: linear-gradient(180deg,#fff 0,#f9fafb 100%);

    --dbBgCol:#18161c;
    --dbFiltBgInit: #18161c;
    --dbFiltColInit: #fff;
    --dbFiltBg: #000;
    --dbFiltCol:var(--dbFiltColInit);
    --dbFiltSeCol:#f1d901;
    --dbFiltSeBg:rgba(255,255,255,.1);

}
.scroll-split .page-nav{
    border:none;
    box-shadow:0 0 32px 0 rgba(0,0,0,0.5);

}
.swatch-list.standard .swatch .swatch-image{
    border:none;
}

#sitenav .mast-replacement a{
filter: invert(85%) sepia(4%) saturate(1162%) hue-rotate(329deg) brightness(119%) contrast(92%);}

#masthead a{
    background-image:url('../img/NORO-WON.svg');

    height: 17em;
    flex:0 1 500px;
    max-width:70%;
    margin:2em;

}







body.about #siteFrame{
    background-image: linear-gradient(180deg,#f6f6f6 0,#f9fafb 100%);
}
.about .article-title{
    font-size:5em;
    font-style: italic;
    letter-spacing: -.05em;
    filter: brightness(.7);
}


.about .article-title{
    font-size:5em;
    font-style: italic;
    letter-spacing: -.05em;
    filter: brightness(.7);
}

.about .article-title .pretitle{
    font-size:2rem;
    display: block;
    letter-spacing: normal;

}

.about article{
    color:rgb(99, 82, 82);
}





@media (max-width: 767px) {
    .about .article-title{
        font-size:3.5em;

    }
}




body.about article .picture-box{
    display: flex;
    flex-flow:row nowrap;
    align-items: flex-start;
    justify-content: center;
    padding:.5em 0;
    margin:0 -.5em;

}
body.about article .picture-box > *{
    flex:0 0  50%;
    border:.5em solid transparent;

}
body.about article .picture-box img{
    width:100%;
    display: block;
}



.stockist{
    padding:1em;
    background-color:#faf9f4;
    border-radius:0 .5em .5em 0;

    border-left:.25em solid rgb(197, 204, 233);;
    outline:none;
    position: relative;
    z-index: 0; /* original z-index */
}