/* Original scrolling portfolio, with full laptop mockups and compact mobile captions. */
.web-showcase231 .mi-map{border-radius:16px;border:1px solid #685c3d;background:#171914;padding:20px}
.web-showcase231 .mi-prev{width:76%;background:#171914;border-radius:8px}
.web-showcase231 .mi-info{margin-left:79%;width:21%}
.web-showcase231 .mi-shot{display:flex;align-items:center;justify-content:center}
.web-showcase231 .mi-shot img{height:auto;max-height:100%;width:100%;object-fit:contain!important;border-radius:6px}
.web-showcase231 .website-visit234{display:flex;width:fit-content;margin-top:16px;line-height:1.5;min-height:44px}
.web-showcase231 .web-detail231 h3{font-size:clamp(21px,2vw,29px);line-height:1.25}
.website-caption235{padding:18px}.website-index235{font:11px/1.6 monospace;color:#d6bc78;letter-spacing:.08em}
@media(max-width:900px){
.web-showcase231 .mi-map{width:calc(100% - 32px);height:min(calc((100vw - 56px)*.667 + 146px),calc(100svh - 190px));top:54%;padding:12px;border-radius:14px}
.web-showcase231 .mi-map-in{height:100%}
.web-showcase231 .mi-prev{position:absolute;left:0;top:0;translate:none;transform:none;width:100%;height:calc(100% - 134px);background:transparent;border-radius:8px}
.web-showcase231 .mi-shot img{width:100%;height:100%;max-height:100%;object-fit:contain!important}
.web-showcase231 .mi-info{position:absolute;left:0;bottom:0;top:auto;margin:0;width:100%;height:122px;overflow:visible}
.web-showcase231 .mi-row{height:122px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;border-top:1px solid #ffffff20;padding-top:14px;box-sizing:border-box}
.web-showcase231 .mi-r:first-child{display:flex;justify-content:flex-start;align-items:baseline;gap:12px}
.web-showcase231 .mi-no{display:block;font-size:11px;color:#d9bf81}
.web-showcase231 .mi-name{font-size:23px;line-height:1.2;text-align:left;margin:0}
.web-showcase231 .web-detail231{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0}
.web-showcase231 .web-detail231 span{display:block;font-size:10px;line-height:1.5;letter-spacing:.08em}
.web-showcase231 .web-detail231 h3,.web-showcase231 .web-detail231 p,.web-showcase231 .mi-r:last-child{display:none}
.web-showcase231 .website-visit234{margin:0;font-size:13px;min-height:44px;display:inline-flex}
.web-showcase231 .mi-top{top:90px;font-size:11px;padding-inline:20px}
.web-showcase231 .mi-top span:last-child{display:none}
.web-showcase231 .mi-bot{bottom:25px;padding-inline:20px;font-size:9px}
.web-showcase231 .mi-bot span:first-child{display:none}
}