section#portfolio{padding:10% 0;background:#fff}section#portfolio figure{position:relative;float:left;overflow:hidden;color:#000;text-align:center}section#portfolio figure *{box-sizing:border-box;transition:all .6s ease}section#portfolio figure h2,section#portfolio figure p{width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0}section#portfolio figure h2{display:inline-block;padding:0 30px;margin-bottom:.5em;font-size:1.5em;font-weight:400;text-transform:uppercase}section#portfolio figure p{padding:0 50px;font-size:1em;font-weight:500}section#portfolio figure a{position:absolute;inset:0;z-index:1;cursor:pointer}section#portfolio figure figcaption{position:absolute;top:50%;left:0;z-index:1;width:100%;transform:translateY(-50%)}section#portfolio figure img{width:100%;opacity:1;transition:opacity .35s}section#portfolio figure::after{position:absolute;bottom:0;left:0;width:100%;height:100%;content:"";background:#fff;opacity:.75;transition:all .3s ease-in-out;transform:skew(-45deg) scaleX(0)}section#portfolio figure:hover::after,section#portfolio figure .hover::after{transition:all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transform:skew(-45deg) scaleX(1)}section#portfolio figure:hover figcaption h2,section#portfolio figure.hover figcaption h2,section#portfolio figure:hover figcaption p,section#portfolio figure.hover figcaption p{transition-delay:.2s;transform:translate3d(0%, 0%, 0)}section#portfolio figure:hover figcaption h2,section#portfolio figure.hover figcaption h2{opacity:1}section#portfolio figure:hover figcaption p,section#portfolio figure.hover figcaption p{opacity:.7}section#portfolio #th_fig>a{position:relative;float:left;overflow:hidden;color:#000;text-align:center}section#portfolio #th_fig>a *{box-sizing:border-box;transition:all .6s ease}section#portfolio #th_fig>a h2,section#portfolio #th_fig>a p{width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0}section#portfolio #th_fig>a h2{display:inline-block;padding:0 30px;margin-bottom:.5em;font-size:1.5em;font-weight:400;text-transform:uppercase}section#portfolio #th_fig>a p{padding:0 50px;font-size:1em;font-weight:500}section#portfolio #th_fig>a a{position:absolute;inset:0;z-index:1;cursor:pointer}section#portfolio #th_fig>a>div{position:absolute;top:50%;left:0;z-index:1;width:100%;transform:translateY(-50%)}section#portfolio #th_fig>a img{width:100%;opacity:1;transition:opacity .35s}section#portfolio #th_fig>a::after{position:absolute;bottom:0;left:0;width:100%;height:100%;content:"";background:#fff;opacity:.75;transition:all .3s ease-in-out;transform:skew(-45deg) scaleX(0)}section#portfolio #th_fig>a:hover::after,section#portfolio #th_fig>a .hover::after{transition:all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transform:skew(-45deg) scaleX(1)}section#portfolio #th_fig>a:hover>div h2,section#portfolio #th_fig>a.hover>div h2,section#portfolio #th_fig>a:hover>div p,section#portfolio #th_fig>a.hover>div p{transition-delay:.2s;transform:translate3d(0%, 0%, 0)}section#portfolio #th_fig>a:hover>div h2,section#portfolio #th_fig>a.hover>div h2{opacity:1}section#portfolio #th_fig>a:hover>div p,section#portfolio #th_fig>a.hover>div p{opacity:.7}section#portfolio ul.page{display:flex;padding-left:0;list-style:none}section#portfolio ul.page li{position:relative;margin-top:-0.5em;font-weight:600}section#portfolio ul.page li a{color:#333;text-decoration:none}section#portfolio ul.page li a:hover,section#portfolio ul.page li a:active{color:#999}section#portfolio ul.page li::before,section#portfolio ul.page li::after{position:absolute;top:50%;width:.5em;height:.5em;margin-top:-0.3em;content:"";border:0;border-top:2px solid #333;border-right:2px solid #333}section#portfolio ul.page li:hover::before,section#portfolio ul.page li:hover::after,section#portfolio ul.page li:active::before,section#portfolio ul.page li:active::after{color:#999}section#portfolio ul.page li.p_back{padding:.5em 0 .5em 1.5em}section#portfolio ul.page li.p_back::before{left:0;transform:rotate(-135deg)}section#portfolio ul.page li.p_back::after{display:none}section#portfolio ul.page li.p_next{padding:.5em 1.5em}section#portfolio ul.page li.p_next::before{display:none}section#portfolio ul.page li.p_next::after{right:0;transform:rotate(45deg)}section#portfolio ul.page li.p_back+li{padding-right:1.5em;margin-left:1.5em;border-left:1px dotted #ccc}section#portfolio ul#sort{padding:0;margin-top:-1em;list-style:none}section#portfolio ul#sort li{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:100;line-height:3em;letter-spacing:.25em}section#portfolio ul#sort li a{position:relative;z-index:0;display:inline-block;color:#000;text-decoration:none;cursor:pointer}section#portfolio ul#sort li a::before{content:"» "}section#portfolio ul#sort li a::after{position:absolute;bottom:15px;left:0;z-index:-5;width:100%;height:10px;content:"";background:#b5ff14;transition:transform .3s;transform:scale(0, 1);transform-origin:left top}section#portfolio ul#sort li a:hover::after{transform:scale(1, 1)}section#portfolio ul#sort li.current{display:inline;pointer-events:none;background:linear-gradient(transparent 20%, #b5ff14 0%)}section#portfolio div.section-nav{margin:15px}section#portfolio div.section-nav h2{padding-bottom:1em;margin-bottom:1em;font-size:1.5em;line-height:1.5em;text-align:justify;border-bottom:1px dotted #ccc}section#portfolio div.section-nav p{padding:1em 0 2em;margin:1em auto;line-height:1.75em;text-align:justify;border-bottom:1px dotted #ccc}section#portfolio div.section-nav p:last-child{border-bottom:none}section#portfolio div.section-nav dl{padding:1em 0 2em;margin:1em auto;line-height:1.75em;text-align:justify;border-bottom:1px dotted #ccc}section#portfolio div.section-nav dl dt::before{padding:0 .25em 0 0;font-family:"Font Awesome 6 Free";font-weight:900;color:#ccc;content:""}section#portfolio div.section-nav dl dt::after{content:"："}section#portfolio div.section-nav dl dd{padding-left:1em;margin-bottom:.75em}section#portfolio div.section-nav dl dd:last-child{margin-bottom:0}section#portfolio div.section-title p{font-size:12px;line-height:4em;color:#000;letter-spacing:.25em}section#portfolio div.section-title p strong{display:block;font-family:"Montserrat",sans-serif;font-size:30px;font-weight:100;line-height:2em}section#portfolio div.section-title p em{font-style:normal;background:#ff0 !important}section#portfolio div.section-media img{width:100%;height:auto}section#portfolio div.section-media p{margin-bottom:15px}section#portfolio div.section-media div.mov{width:100%;margin:auto auto 15px !important;text-align:center}section#portfolio div.section-media div.mov video{width:100%;max-width:920px}@media screen and (max-width: 960px){section#portfolio ul.page{justify-content:flex-end;padding:15px 30px;margin-top:60px;border-bottom:3px solid #000}section#portfolio ul#sort{padding:30px}section#portfolio div.section-title{margin:90px 30px 30px}section#portfolio div.section-nav{margin:30px}section#portfolio div.section-nav ul#sort{padding:30px 0;border-top:1px dotted #ccc}section#portfolio div.section-media{margin:30px}}@media screen and (min-width: 961px){section#portfolio ul.page{justify-content:flex-end}section#portfolio ul.page li{font-size:1.5em}section#portfolio ul#sort{width:calc(33.3333% - 30px);padding:45px 15px 15px;border-top:1px dotted #ccc}section#portfolio div.section-nav{width:calc(33.3333% - 30px)}section#portfolio div.section-nav h2{padding-top:1em;margin-top:0;border-top:3px solid #000}section#portfolio div.section-nav ul#sort{width:100%;padding:30px 0}section#portfolio div.section-title{width:calc(33.3333% - 30px)}section#portfolio div.section-media{width:calc(66.6666% - 30px);margin:-90px 15px 15px}}.container{margin:0 auto}@media screen and (max-width: 960px){.container .section-title{margin:30px 15px}.container .row{display:flex;flex-flow:column-reverse wrap}.container .row section#th_fig{display:flex;flex-wrap:wrap;width:calc(100% - 40px);margin:20px}.container .row section#th_fig figure{width:calc(100% - 10px);margin:5px}.container .row section#th_fig>a{width:calc(100% - 10px);margin:5px}}@media screen and (min-width: 961px){.container{max-width:1100px;margin:0 auto}.container .row{display:flex;flex-wrap:wrap;margin:0 -15px}.container .row .section-title{width:calc(33.3333% - 30px);margin:15px}.container .row section#th_fig{width:calc(66.6666% - 30px);margin:-105px 15px 15px}.container .row section#th_fig figure{width:calc(50% - 30px);margin:15px}.container .row section#th_fig>a{width:calc(50% - 30px);margin:15px}}ul#tag{display:flex;flex-wrap:wrap;padding:3em 0 0;margin:3em -0.5em;border-top:1px dotted #ccc}ul#tag li{margin:.5em .25em;list-style:none}ul#tag li a{display:block;padding:.25em .75em;color:#333;text-decoration:none;cursor:pointer;background:#efefef;border-radius:1em}ul#tag li a::before{content:"#"}ul#tag li a:hover,ul#tag li a:active{color:#fff;background:#333}/*# sourceMappingURL=portfolio.css.map */