.portfolio-industry .portfolio-preview{height:clamp(540px,56vw,740px);color:#fff;background:#0c1117}
.portfolio-industry .portfolio-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.portfolio-industry .portfolio-preview::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#06101ac7,transparent 80%)}
.portfolio-industry .portfolio-preview-top{top:6%;justify-content:space-between;color:#fff}
.portfolio-industry .portfolio-preview-top b{font:800 28px var(--sans);letter-spacing:-.07em}
.portfolio-industry .portfolio-preview-top>span{font-size:8px;letter-spacing:.1em}
.portfolio-industry .portfolio-preview-copy{top:24%;right:35%}
.portfolio-industry .portfolio-preview-copy strong{font:500 clamp(58px,6.6vw,96px)/.98 var(--sans);letter-spacing:-.065em}
.portfolio-industry .portfolio-preview-copy strong em{font-style:normal;color:#bfc9d0}
.portfolio-industry .portfolio-preview-copy small{font-size:8px;margin-bottom:25px}
.portfolio-industry .portfolio-preview-copy>span{font-size:11px;margin-top:30px}
.portfolio-industry .portfolio-preview-open{width:46px;height:46px;font-size:21px;bottom:6%}
.portfolio-industry .portfolio-preview:hover .portfolio-preview-open{background:#fff;color:#16212a}
.portfolio-textile .portfolio-preview{background:#eae5da;color:#302d28}
.portfolio-textile .portfolio-preview img{left:46%;width:54%;object-position:68% center}
.portfolio-textile .portfolio-preview::after{display:none}
.portfolio-textile .portfolio-preview-top{color:#302d28}
.portfolio-textile .portfolio-preview-top>span{color:#fff;text-shadow:0 1px 8px #0008}
.portfolio-textile .portfolio-preview-top b{letter-spacing:.12em}
.portfolio-textile .portfolio-preview-copy{right:47%;top:25%}
.portfolio-textile .portfolio-preview-copy strong{font-family:var(--serif);font-size:clamp(62px,6.5vw,98px);letter-spacing:-.04em}
.portfolio-textile .portfolio-preview-copy strong em{font-style:italic;color:#866247}
.portfolio-metal .portfolio-preview::after{background:linear-gradient(90deg,#101f30e8,#101f3038)}
.portfolio-metal .portfolio-preview-copy strong em{color:#d98858}
.case-scope{display:flex;gap:18px;margin-top:16px;font-size:9px;color:var(--muted)}
@media(max-width:760px){.portfolio-industry .portfolio-preview{height:630px}.portfolio-industry .portfolio-preview-top>span{display:none}.portfolio-industry .portfolio-preview-copy{top:22%;right:7%}.portfolio-industry .portfolio-preview-copy strong{font-size:clamp(56px,12vw,82px)}.portfolio-industry .portfolio-preview img{object-position:68% center}.portfolio-industry .portfolio-preview::after{background:linear-gradient(90deg,#06101acf,#06101a40)}.portfolio-industry .portfolio-preview-top b{font-size:25px}.portfolio-industry .portfolio-preview-copy small{font-size:7px;letter-spacing:.13em}.portfolio-industry .portfolio-preview-copy>span{font-size:10px}.portfolio-textile .portfolio-preview{height:720px}.portfolio-textile .portfolio-preview img{left:0;top:auto;bottom:0;width:100%;height:42%;object-position:center}.portfolio-textile .portfolio-preview-copy{top:15%;right:7%}.portfolio-textile .portfolio-preview-copy strong{font-size:63px}.portfolio-textile .portfolio-preview-copy>span{margin-top:20px}.portfolio-textile .portfolio-preview::after{display:none}.portfolio-textile .portfolio-preview-open{color:#fff}.portfolio-metal .portfolio-preview::after{background:linear-gradient(90deg,#101f30de,#101f3060)}}
@media(max-width:380px){.portfolio-industry .portfolio-preview-copy strong{font-size:54px}.portfolio-textile .portfolio-preview-copy strong{font-size:59px}}