/* V88 — attached working website portfolio showcase */
.v88-project-showcase{max-width:1400px;margin:clamp(28px,4vw,72px) auto;padding:clamp(20px,3vw,42px);display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(24px,4vw,56px);align-items:center;background:#fff;border:1px solid rgba(10,38,55,.1);border-radius:30px;box-shadow:0 24px 70px rgba(11,38,53,.1)}
.v88-project-copy h2{margin:.35rem 0 1rem;font-size:clamp(2rem,4vw,4.5rem);line-height:.95;letter-spacing:-.055em;color:#071824}
.v88-project-copy>p{font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.7;color:#3c4a55;max-width:64ch}
.v88-project-tags{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}
.v88-project-tags span{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border-radius:999px;background:#edf8fa;border:1px solid #ccebef;color:#087f93;font-weight:800;font-size:.78rem;letter-spacing:.02em}
.v88-project-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.v88-project-actions .btn{justify-content:center}
.v88-project-note{margin-top:18px!important;padding:14px 16px;background:#f7fafb;border-left:4px solid #0b97aa;border-radius:12px;font-size:.9rem!important;line-height:1.55!important}
.v88-browser-shell{min-width:0;background:#0b1720;border:1px solid rgba(7,23,32,.26);border-radius:24px;overflow:hidden;box-shadow:0 28px 70px rgba(7,23,32,.22)}
.v88-browser-bar{height:46px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#101f29;color:#d8e4e9;font:700 12px/1 system-ui,sans-serif}
.v88-browser-bar i{width:11px;height:11px;border-radius:50%;background:#fff;opacity:.72}.v88-browser-bar i:nth-child(2){opacity:.48}.v88-browser-bar i:nth-child(3){opacity:.3}
.v88-browser-bar span{margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.8}
.v88-site-frame{display:block;width:100%;height:clamp(520px,52vw,760px);border:0;background:#fff}
.v88-frame-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;background:#101f29;color:#dce8ec;font:700 12px/1.2 system-ui,sans-serif}
.v88-frame-footer a{color:#75e1ed;text-decoration:none}.v88-frame-footer a:hover{text-decoration:underline}
@media(max-width:980px){.v88-project-showcase{grid-template-columns:1fr;margin-inline:16px;border-radius:24px}.v88-site-frame{height:620px}}
@media(max-width:620px){.v88-project-showcase{padding:18px;margin:24px 12px;border-radius:20px}.v88-project-copy h2{font-size:clamp(2rem,11vw,3rem)}.v88-project-actions{display:grid}.v88-project-actions .btn{width:100%}.v88-browser-shell{border-radius:17px}.v88-browser-bar{height:40px}.v88-site-frame{height:560px}.v88-frame-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){.v88-project-showcase *{scroll-behavior:auto!important}}