/* A bounded portfolio refresh. No page-global or existing component overrides. */
.showcase-section{overflow:visible}.showcase-intro{max-width:780px;margin-bottom:36px}.showcase-intro h2{margin:12px 0 20px}.showcase-intro p:not(.eyebrow){font-size:1.125rem;color:#c9cdd3;line-height:1.65}.showcase-row+.showcase-row{margin-top:56px}.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.showcase-heading h3{font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:8px}.showcase-heading p{max-width:760px;color:#b9bec7;font-size:.95rem}.showcase-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}.showcase-controls button{width:46px;height:46px;min-height:44px;border:1px solid #6c7079;border-radius:50%;background:#1d2026;color:#f4f5f7;font-size:1.4rem}.showcase-controls button:hover:not(:disabled){background:#9d1834;border-color:#e0506c}.showcase-controls button:disabled{opacity:.35}.showcase-position{font-size:.85rem;color:#c9cdd3;min-width:4rem;text-align:center;font-variant-numeric:tabular-nums}.showcase-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/2);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#894252 #24272d;position:relative;padding:5px 5px 20px;margin:-5px -5px 0;scroll-padding:5px}.showcase-card{scroll-snap-align:start;min-width:0;display:flex;flex-direction:column;border:1px solid #4b4f57;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#22262e,#15171c);box-shadow:0 12px 28px #0003}.showcase-browser{display:block;background:#fafafa;overflow:hidden}.showcase-browser-bar{display:flex;align-items:center;gap:5px;height:30px;padding:0 12px;background:#292d35;border-bottom:1px solid #444952;color:#d7d9dd;font-size:10px}.showcase-browser-bar i{width:5px;height:5px;border-radius:50%;background:#747984}.showcase-browser-bar span{margin-left:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.showcase-browser img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.showcase-art{width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:200px;aspect-ratio:16/7;position:relative;background:radial-gradient(ellipse at 50% 80%,#4a2337,transparent 75%),#191c22;padding:24px}.showcase-art img{width:120px;height:120px;object-fit:contain}.showcase-art span{position:absolute;left:20px;top:18px;letter-spacing:.12em;font-size:.65rem;color:#dec2cb}.showcase-copy{padding:24px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.showcase-state{display:inline-flex;align-items:center;gap:7px;color:#bfedcd;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.showcase-state::before{content:'';width:6px;height:6px;border-radius:50%;background:#8bd7aa}.showcase-state.is-development{color:#f3ce91}.showcase-state.is-development::before{background:#deb574}.showcase-copy h4{font-size:1.55rem;line-height:1.2;margin:12px 0}.showcase-copy>p{font-size:.95rem;line-height:1.65;color:#c9cdd3;margin:0 0 20px}.showcase-copy .showcase-detail{font-size:.78rem;color:#a8aeb8;margin-bottom:18px}.showcase-copy>a{margin-top:auto;display:inline-flex;gap:14px;align-items:center;padding:10px 0;min-height:44px;border-bottom:1px solid #bb5870;font-size:.9rem;font-weight:600}.showcase-copy>a:hover{color:#ff839d}.showcase-footnote{font-size:.8rem;color:#a8aeb8;line-height:1.65;margin-top:26px;max-width:850px}.showcase-more{margin-top:26px}.proline-case{margin-top:54px;border-top:1px solid #42464f;padding-top:42px}.proline-case h3{font-size:clamp(1.7rem,3vw,2.35rem);margin:12px 0 18px}.proline-case>p{max-width:780px;color:#c9cdd3;line-height:1.65}.proline-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}.proline-comparison figure{margin:0;min-width:0}.proline-comparison figcaption{padding:14px 0;color:#c9cdd3;font-size:.85rem}.proline-comparison figcaption strong{display:block;color:#f4f5f7;font-size:1.05rem;margin-bottom:6px}.proline-comparison img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid #5a5e68;border-radius:10px}.showcase-directory-link{display:inline-block;margin-top:20px}.showcase-section a:focus-visible,.showcase-section button:focus-visible,.showcase-track:focus-visible{outline:3px solid #ff839d;outline-offset:4px}@media(min-width:1600px){.showcase-track{grid-auto-columns:calc((100% - 48px)/3)}}@media(max-width:720px){.showcase-heading{align-items:flex-start;flex-direction:column;gap:16px}.showcase-controls{align-self:flex-end}.showcase-track{grid-auto-columns:90%;gap:16px}.showcase-copy{padding:20px}.showcase-copy h4{font-size:1.35rem}.showcase-row+.showcase-row{margin-top:40px}.proline-comparison{grid-template-columns:1fr}.showcase-art{min-height:170px}.showcase-intro h2{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){.showcase-track{scroll-behavior:auto}}

/* ProLine-style tiered orbit; existing unenhanced scroll layout remains the fallback. */
.showcase-controls[hidden]{display:none}
.showcase-row[data-orbit=true] .showcase-track{display:block;overflow:hidden;perspective:1100px;isolation:isolate;touch-action:pan-y;scroll-snap-type:none;padding:0;margin:0;cursor:grab;border-radius:26px;background:radial-gradient(ellipse at 50% 90%,#72344a26,transparent 65%)}
.showcase-row[data-orbit=true] .showcase-track:active{cursor:grabbing}
.showcase-row[data-orbit=true] .showcase-card{position:absolute;left:50%;top:12px;width:var(--orbit-card-width);transform-origin:center 75%;overflow:visible;backface-visibility:hidden;border-radius:40px 40px 18px 18px;box-shadow:0 24px 40px -24px #000c}
.showcase-row[data-orbit=true] .showcase-card::after{content:'';position:absolute;bottom:-13px;left:-3%;width:106%;height:18px;border-radius:50%;background:linear-gradient(#777781,#282931);border:1px solid #97909a;box-shadow:0 12px 18px -10px #000c;z-index:-1}
.showcase-row[data-orbit=true] .showcase-card[data-front=true]{border-color:#e27b92}
.showcase-row[data-orbit=true] .showcase-browser,.showcase-row[data-orbit=true] .showcase-art{border-radius:40px 40px 0 0;overflow:hidden}
.showcase-bring-forward{position:absolute;inset:0;z-index:2;border:0;border-radius:inherit;background:transparent;cursor:pointer;padding:0}
.showcase-bring-forward[hidden]{display:none}
.showcase-row[data-orbit=true] .showcase-copy>p{font-size:1rem}
.showcase-row[data-orbit=true] .showcase-copy .showcase-detail{font-size:.875rem}
.showcase-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0}
.showcase-choices button{font:inherit;font-size:.9rem;line-height:1.4;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid #777782;background:#1b1e25;color:#e3e4e8;cursor:pointer}
.showcase-choices button[aria-pressed=true]{border-color:#ff8ea5;background:#732139;color:#fff;box-shadow:0 0 18px #c6506c30}
.showcase-orbit-help{font-size:.875rem;line-height:1.6;text-align:center;color:#bfc3cc;max-width:720px;margin:12px auto 0}
@media(max-width:720px){.showcase-row[data-orbit=true] .showcase-track{perspective:750px}.showcase-row[data-orbit=true] .showcase-copy{padding:18px}.showcase-row[data-orbit=true] .showcase-copy h4{overflow-wrap:anywhere}.showcase-choices{gap:6px}.showcase-choices button{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.showcase-row[data-orbit=true] .showcase-card{will-change:auto}}