body.article>main>.scroller>.layout h2{display:inline-block;position:absolute;bottom:-60px;margin:15px 0;padding:0;font-size:xx-large;visibility:hidden}body.article-3 section article{max-width:990px;margin:100px auto}body.article-3 section article .article-3__pictures{display:grid;grid-template-columns:repeat(3, 1fr);gap:5px}body.article-3 section article .article-3__pictures img{display:block;width:100%;height:auto;object-fit:cover;filter:grayscale(0.4);image-rendering:-webkit-optimize-contrast}body.article-5 .scroller{height:auto}body.article-5 .scroller .hero+div{position:relative}body.article-5 .scroller section{display:grid;grid-template-columns:300px 1fr;margin-top:100px}body.article-5 .scroller section aside ul{list-style-type:none;margin:0;padding:0;position:relative}body.article-5 .scroller section aside ul:before{content:"";display:block;width:1px;height:calc(100% - 20px);background-color:#672233;position:absolute;left:5px;top:10px}body.article-5 .scroller section aside ul li{margin:10px 0;display:flex;position:relative}body.article-5 .scroller section aside ul li:after{content:"■";position:absolute;z-index:1;top:2px;left:1px;visibility:hidden;color:#672233}body.article-5 .scroller section aside ul li:before{content:"";transform:translate(-3px, 5px);font-size:larger;background-color:#f6f6f6;border:1px solid #672233;height:15px;width:15px}body.article-5 .scroller section aside ul li a{transform:translateX(5px);display:inline-block;font-size:larger;color:#171314;text-decoration:none;font-weight:bold}body.article-5 .scroller section aside ul li:hover>a,body.article-5 .scroller section aside ul li.active>a{color:#672233}body.article-5 .scroller section aside ul li:hover:after,body.article-5 .scroller section aside ul li.active:after{visibility:visible}body.article-5 .scroller section article{min-height:700px}body.article-5 .scroller section article>p{margin:0}body.article-5 .scroller section article>div{margin:25px 0}body.article-5 .scroller section article .select{display:flex;align-items:center}body.article-5 .scroller section article .select legend{display:inline-block;background-color:#672233;color:#fff;padding:9px 10px;border-radius:5px 0 0 5px;border:1px solid #e8e8e8;position:relative;z-index:1;text-transform:capitalize;transform:translateX(5px)}body.article-5 .scroller section article .nice-select>span{font-size:large;font-weight:bold}body.article-5 .scroller section article .nice-select-dropdown li{font-size:large}body.article-5 .scroller section article .masonry{clear:both;top:25px;position:relative}body.article-5 .scroller section article .masonry .grid-item{width:380px;margin-bottom:10px}body.article-5 .scroller section article .masonry .grid-item figure{margin:0;padding:0;transition:opacity 400ms ease}body.article-5 .scroller section article .masonry .grid-item figure img{max-width:100%;height:auto;display:block;filter:contrast(0.8) hue-rotate(350deg)}body.article-5 .scroller section article .masonry .grid-item figcaption{position:absolute;bottom:15px;left:15px;background-color:#000;color:#fff;font-size:large;padding:5px 10px;font-weight:bold}body.article-5 .scroller section article .masonry .grid-item:hover figure{opacity:.75}@media screen and (max-width: 768px){body.article-3 section article{margin:15px auto}body.article-3 section article .article-3__pictures{grid-template-columns:repeat(2, 1fr)}body.article-5 .scroller section{margin-top:50px;grid-template-columns:1fr}body.article-5 .scroller section .grid-item{width:calc(100vw - 50px) !important}body.article-5 article .select{flex-flow:column}body.article-5 article .select legend{width:100%;border-radius:3px !important;margin:5px 0;transform:none !important}body.article-5 article .select .nice-select{width:100%}body.article-5 aside{display:none}}