/* Korean portfolio: non-repeated, clearly named preview if a catalog image is missing or reused. */
.skypine-ko .ko-portfolio-grid .k56-project-preview{display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:860/540;width:100%;justify-content:flex-end;padding:clamp(15px,2vw,25px);color:#fff;background:linear-gradient(145deg,hsl(var(--k56-hue) 43% 21%),hsl(var(--k56-hue) 47% 36%));}
.skypine-ko .k56-project-preview::before{content:"";position:absolute;inset:27% -12% auto 38%;height:130%;border-radius:28px;transform:rotate(-19deg);background:rgba(255,255,255,.065);z-index:-1}
.skypine-ko .k56-preview-browser{position:absolute;top:13%;left:9%;width:78%;height:52%;border:1px solid rgba(255,255,255,.38);border-radius:8px;background:rgba(255,255,255,.12);box-shadow:0 9px 25px rgba(0,0,0,.13);padding:10px 12px;display:flex;gap:5px;align-items:flex-start}
.skypine-ko .k56-preview-browser i{height:5px;width:5px;border-radius:50%;background:rgba(255,255,255,.8)}
.skypine-ko .k56-preview-shapes{position:absolute;inset:29% 17% auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:7px;height:25%;}
.skypine-ko .k56-preview-shapes b{border-radius:3px;background:rgba(239,248,255,.19);border:1px solid rgba(255,255,255,.2)}
.skypine-ko .k56-project-preview strong{font-size:clamp(17px,2vw,25px);line-height:1.3;position:relative;overflow-wrap:anywhere}
.skypine-ko .k56-project-preview small{font-size:12px;line-height:1.4;margin-top:5px;position:relative;color:#d8e8f6}
@media(max-width:650px){.skypine-ko .k56-project-preview{padding:16px}.skypine-ko .k56-project-preview strong{font-size:18px}}