/* Opt-in preview only; no third-party runtime or copied component code. */
.showcase-preview{--showcase-offset:142px}
.showcase-nav{position:sticky;top:80px;z-index:35;background:#101516f5;border-bottom:1px solid #ffffff20;backdrop-filter:blur(12px)}
.showcase-nav>.wrap{display:flex;align-items:center;gap:36px;min-height:48px}
.showcase-nav b{color:#f7f4ed;font-size:17px;letter-spacing:.03em;white-space:nowrap}
.showcase-nav-links{display:flex;gap:28px;overflow:auto;scrollbar-width:none}
.showcase-nav-links::-webkit-scrollbar{display:none}
.showcase-nav a{position:relative;padding:16px 0;color:#9ba8a5;font-size:11px;font-weight:600;white-space:nowrap;text-decoration:none;transition:color .18s}
.showcase-nav a[aria-current],.showcase-nav a:hover{color:#fff}
.showcase-nav a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#ff7919}
.showcase-preview main section[id]{scroll-margin-top:var(--showcase-offset)}
.lynk-page.showcase-preview .model-first .config-stage{top:144px}
.showcase-originals[hidden]{display:none!important}
.showcase-gallery{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;align-items:start}
.showcase-visual{min-width:0}
.showcase-image{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:16/10;max-height:520px;border:1px solid #ffffff16;background:#111719;padding:0;cursor:zoom-in;touch-action:pan-y}
.showcase-image img{display:block;width:100%;height:100%;object-fit:contain}
.showcase-image>span{position:absolute;right:18px;bottom:18px;padding:10px 14px;font-size:10px;color:#fff;background:#0b1113d9;border:1px solid #ffffff30;transition:background .2s}
.showcase-image:hover>span{background:#df6615}
.showcase-aside{padding-top:4px;min-width:0}
.showcase-aside .section-num{font-size:9px;margin-bottom:12px}
.showcase-aside h3{font-size:21px;line-height:1.2;font-weight:550;min-height:52px;margin:0 0 20px;color:#f3f3ed}
.showcase-thumbs{display:grid;gap:10px}
.showcase-thumbs button{display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:center;background:#151c1d;color:#9ca9a6;border:1px solid #ffffff15;padding:5px;text-align:left;cursor:pointer;transition:border-color .18s,color .18s}
.showcase-thumbs button[aria-pressed=true]{border-color:#ff7919;color:#fff}
.showcase-thumbs img{width:76px;height:56px;object-fit:contain;background:#101516}
.showcase-thumbs span{font-size:10px;line-height:1.45}
.showcase-status{font-size:10px;line-height:1.6;color:#96a3a0;margin-top:20px;min-height:48px}
.showcase-controls{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid #ffffff1f}
.showcase-controls button{width:36px;height:36px;border:1px solid #ffffff2a;border-radius:50%;background:transparent;color:#e5ebe7;cursor:pointer;transition:background .18s}
.showcase-controls button:hover{background:#ff7919;color:#111}
.showcase-count{font-size:11px;font-variant-numeric:tabular-nums;color:#dbe2de;min-width:48px;text-align:center}
.showcase-controls small{margin-left:auto;color:#8e9d98;font-size:10px}
.showcase-gallery button:focus-visible,.showcase-nav a:focus-visible{outline:2px solid #ff9e5a;outline-offset:3px}
/* Desktop: fill the frame with proportional cropping, no empty side bands.
   Full, uncropped images remain available in the existing lightbox. */
@media(min-width:721px){
 .showcase-preview #gallery .section-heading{margin-bottom:22px;align-items:end}
 .showcase-preview #gallery .section-heading h2{font-size:clamp(30px,3vw,40px);line-height:1.08}
 .showcase-gallery{grid-template-columns:minmax(0,1fr) 250px;gap:22px}
 .showcase-image{height:clamp(360px,34vw,470px);max-height:none;aspect-ratio:auto}
 .showcase-image img{object-fit:cover;object-position:center}
 .showcase-aside h3{min-height:0;margin-bottom:18px}
 .showcase-thumbs button{grid-template-columns:92px 1fr;padding:6px;gap:12px}
 .showcase-thumbs img{width:92px;height:70px;object-fit:cover}
 .showcase-thumbs span{font-size:11px}
 .showcase-status{min-height:0;margin-top:16px}
 .showcase-controls{padding:10px 0}
}
@media(min-width:721px) and (max-width:900px){.showcase-gallery{grid-template-columns:minmax(0,1fr) 180px;gap:18px}.showcase-thumbs button{grid-template-columns:62px 1fr}.showcase-thumbs img{width:62px;height:48px}.showcase-aside h3{font-size:18px}}
@media(max-width:720px){
 .showcase-preview{--showcase-offset:122px}.showcase-nav{top:66px}.showcase-nav>.wrap{gap:18px;min-height:44px}.showcase-nav b{font-size:14px}.showcase-nav-links{gap:20px}.showcase-nav a{font-size:10px;padding:15px 0}
 .showcase-gallery{display:block}.showcase-aside{padding-top:20px}.showcase-aside>.section-num{display:none}.showcase-aside h3{font-size:20px;min-height:0;margin:0 0 14px}.showcase-thumbs{display:flex;gap:10px;overflow:auto;padding:3px}.showcase-thumbs button{display:block;flex:0 0 104px;padding:5px}.showcase-thumbs img{width:92px;height:62px}.showcase-thumbs span{display:block;margin-top:5px;text-align:center;font-size:9px}.showcase-image{aspect-ratio:4/3}.showcase-image>span{right:12px;bottom:12px;padding:8px 10px}.showcase-status{margin-top:12px;min-height:0}.showcase-controls{padding:10px 0}
}
@media(prefers-reduced-motion:reduce){.showcase-gallery *,.showcase-nav *{transition:none!important;scroll-behavior:auto!important}}