/* Combined store and portfolio gallery. Other homepage previews remain independent. */
.sv-tunnel-showcase{max-width:1600px;margin:0 auto;padding:30px 0 36px;background:#fff;border-radius:0}
.sv-tunnel-showcase .sv-showcase-intro{padding:0 24px;max-width:800px;margin:0 auto 12px;text-align:center}
.sv-tunnel-showcase .sv-showcase-intro h2{font-size:clamp(34px,4vw,55px);letter-spacing:-2px}
.sv-tunnel-showcase .sv-showcase-intro p{font-size:14px;color:#747082;margin-top:15px}
.sv-tunnel-showcase .sv-kicker{color:#786398;margin-bottom:15px}
.sv-theme-tunnel{position:relative;margin-top:10px}
.sv-tunnel-stage{position:relative;width:100%;height:clamp(310px,35vw,510px);overflow:clip;touch-action:pan-y;cursor:grab;isolation:isolate;outline-offset:-5px;contain:layout paint}
.sv-tunnel-stage:active{cursor:grabbing}
.sv-tunnel-stage:focus-visible{outline:2px solid #7661d9}
.sv-tunnel-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.sv-tunnel-cards{position:absolute;inset:0}
.sv-home .sv-tunnel-card{position:absolute;display:block;overflow:hidden;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;cursor:pointer;outline:none;background:#f0edf6;border-radius:4px}
.sv-tunnel-card img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-drag:none;user-select:none}
.sv-tunnel-card-name{display:none}
[data-tunnel-state="webgl"] .sv-tunnel-card{background:transparent}
[data-tunnel-state="webgl"] .sv-tunnel-card img{opacity:0}
.sv-tunnel-card:focus-visible{box-shadow:inset 0 0 0 3px #7760d5}
.sv-tunnel-footer{max-width:1200px;margin:-8px auto 0;padding:0 5%;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;line-height:1.6;color:#83798f;letter-spacing:.2px;position:relative;z-index:2;pointer-events:none}
.sv-tunnel-hint{display:flex;align-items:center;gap:10px}
.sv-tunnel-hint .icon{width:15px;height:15px;color:#8f77bc}
.sv-tunnel-selected{min-height:18px;text-align:right;color:#6a577e}
/* Semantic links and real images also provide a usable gallery without WebGL. */
[data-tunnel-state="loading"] .sv-tunnel-canvas,[data-tunnel-state="fallback"] .sv-tunnel-canvas{display:none}
[data-tunnel-state="loading"] .sv-tunnel-cards,[data-tunnel-state="fallback"] .sv-tunnel-cards{position:relative;display:flex;gap:18px;overflow-x:auto;padding:32px 6% 28px;scroll-snap-type:x proximity;height:100%;align-items:center}
.sv-home [data-tunnel-state="loading"] .sv-tunnel-card,.sv-home [data-tunnel-state="fallback"] .sv-tunnel-card{position:relative!important;flex:0 0 clamp(230px,32vw,420px);width:auto!important;height:auto!important;inset:auto!important;clip-path:none!important;transform:none!important;overflow:visible;scroll-snap-align:center;border:1px solid #e9e3ef;background:white;box-shadow:0 9px 25px #3a28520b;transition:scale .2s ease}
[data-tunnel-state="loading"] .sv-tunnel-card img,[data-tunnel-state="fallback"] .sv-tunnel-card img{height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:4px}
[data-tunnel-state="loading"] .sv-tunnel-card-name,[data-tunnel-state="fallback"] .sv-tunnel-card-name{display:block;padding:10px 12px;font-size:12px;color:#544668}
@media(hover:hover){.sv-home [data-tunnel-state="fallback"] .sv-tunnel-card:hover{scale:1.035}}
@media(max-width:720px){.sv-tunnel-showcase{padding:22px 0 30px}.sv-tunnel-showcase .sv-showcase-intro{padding:0 6%}.sv-tunnel-showcase .sv-showcase-intro h2{font-size:35px;letter-spacing:-1.4px}.sv-tunnel-showcase .sv-showcase-intro p{font-size:12px;line-height:1.75;max-width:280px;margin:12px auto 0}.sv-tunnel-showcase .sv-kicker{font-size:8px;letter-spacing:1.6px}.sv-tunnel-stage{height:clamp(270px,76vw,410px)}.sv-tunnel-footer{padding:0 6%;font-size:10px;gap:12px;margin-top:4px}.sv-tunnel-selected{max-width:48%;min-height:26px}.sv-tunnel-hint{gap:6px}.sv-tunnel-hint .icon{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.sv-home .sv-tunnel-card{transition:none!important;will-change:auto}}

@media(max-width:720px){.sv-theme-tunnel{margin-top:22px}.sv-home [data-tunnel-state="loading"] .sv-tunnel-card,.sv-home [data-tunnel-state="fallback"] .sv-tunnel-card{flex-basis:86vw}.sv-tunnel-showcase .sv-kicker{font-size:10px}.sv-tunnel-showcase .sv-showcase-intro p{font-size:14px;line-height:1.65;max-width:310px}.sv-tunnel-footer{align-items:flex-start}.sv-tunnel-hint{max-width:48%}}