.mobile-showcase{display:none}
@media(max-width:650px){
.home-page>.home-hero{display:none}.mobile-showcase{display:block;position:relative;width:100%;height:calc(100svh - var(--showcase-header,92px));min-height:460px;overflow:hidden;background:#241310;border:0;touch-action:pan-y}
.mobile-showcase-track{display:flex;direction:ltr;width:200%;height:100%;transition:transform 1s cubic-bezier(.22,.7,.23,1)}
.mobile-showcase-slide{position:relative;width:50%;flex:none;height:100%;overflow:hidden;direction:rtl}
.mobile-showcase-slide>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 40%;animation:showcase-drift 15s ease-in-out infinite alternate}
.showcase-navy>img{object-position:46% 35%}.showcase-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#220b08 0%,#220b08e8 16%,#220b0870 44%,#220b0800 70%)}
.showcase-navy .showcase-overlay{background:linear-gradient(0deg,#051522 0%,#051522ef 17%,#05152290 43%,#05152210 72%)}
.showcase-copy{position:absolute;bottom:76px;left:22px;right:22px;text-align:center;color:#fff5e7;display:flex;align-items:center;flex-direction:column;gap:16px}
.home-page .showcase-copy h1,.home-page .showcase-copy h2{color:#fff5e7;font-size:clamp(32px,9vw,43px);font-weight:400;line-height:1.18;margin:0;text-shadow:0 2px 14px #0008}
.showcase-copy p{font-size:18px;line-height:1.4;margin:0;color:#f5eee5}
.showcase-gold{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:12px 15px;border:1px solid #e9c981;border-radius:6px;background:linear-gradient(110deg,#ba8f43,#f3d997 50%,#cfaa5d);color:#392811;font-weight:700;font-size:18px;box-shadow:inset 0 1px #fff5ce;text-decoration:none}
.showcase-categories{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.showcase-categories a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #d8b86d;border-radius:9px;color:#ebca83;background:#05111bab;font-size:18px;text-decoration:none;padding:8px}.showcase-categories a:last-child{grid-column:1/-1;width:60%;justify-self:center}
.showcase-controls{position:absolute;bottom:22px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:11px;direction:ltr}.showcase-dot{width:11px;height:11px;padding:0;border:1px solid #f4e9d4;border-radius:50%;background:transparent;box-shadow:0 0 0 10px transparent;cursor:pointer}.showcase-dot.is-active{background:#ebc875;border-color:#ebc875}.showcase-pause{position:absolute;right:20px;border:1px solid #d3ba7750;color:#ead8b0;background:#0003;border-radius:50%;width:32px;height:32px;font-size:14px;cursor:pointer}
.mobile-showcase a:focus-visible,.mobile-showcase button:focus-visible{outline:2px solid white;outline-offset:4px}
@keyframes showcase-drift{from{transform:scale(1.03) translateY(0)}to{transform:scale(1.1) translateY(-1%)}}
@media(max-height:650px){.showcase-copy{bottom:62px;gap:10px}.home-page .showcase-copy h1,.home-page .showcase-copy h2{font-size:32px}.showcase-categories{gap:7px}.showcase-categories a{min-height:44px;font-size:17px}}
}
@media(prefers-reduced-motion:reduce){.mobile-showcase-slide>img{animation:none}.mobile-showcase-track{transition:none}}

@media(max-width:650px){
.mobile-showcase-track{width:300%}.mobile-showcase-slide{width:33.333333%}
.showcase-forest .showcase-overlay{background:linear-gradient(0deg,#071e18 0%,#071e18eb 17%,#071e1860 45%,#071e1800 75%)}
.showcase-forest>img{object-position:center 35%}
.mobile-showcase-slide .showcase-copy>*{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.mobile-showcase-slide.is-active .showcase-copy>*{opacity:1;transform:translateY(0);transition-delay:.35s}
.mobile-showcase-slide.is-active .showcase-copy>*:nth-child(2){transition-delay:.55s}
.mobile-showcase-slide.is-active .showcase-copy>*:nth-child(3){transition-delay:.75s}
.showcase-gold{background-size:200% 100%;animation:showcase-gold-glow 6s ease-in-out infinite}
.showcase-categories a{transition:background .3s,box-shadow .3s}
.showcase-categories a:active{background:#d8b86d30;box-shadow:0 0 10px #d8b86d35}
@keyframes showcase-gold-glow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
}
@media(prefers-reduced-motion:reduce){.mobile-showcase-slide .showcase-copy>*{opacity:1;transform:none;transition:none}.showcase-gold{animation:none}}

@media(max-width:650px){
.mobile-showcase{direction:ltr}
.mobile-showcase-track{position:absolute;left:0;top:0;direction:ltr}
.mobile-showcase-slide .showcase-copy>*{opacity:1;transform:none;transition:none}
.mobile-showcase-slide.is-active .showcase-copy>*{animation:showcase-copy-enter .8s ease both}
.mobile-showcase-slide.is-active .showcase-copy>*:nth-child(2){animation-delay:.15s}
.mobile-showcase-slide.is-active .showcase-copy>*:nth-child(3){animation-delay:.3s}
@keyframes showcase-copy-enter{from{transform:translateY(12px)}to{transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.mobile-showcase-slide.is-active .showcase-copy>*{animation:none}}

@media(max-width:650px){
.mobile-showcase .showcase-gold,.mobile-showcase .showcase-categories a{direction:rtl;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#101b24e8,#060d15dd);border:1px solid #d8b86d;border-radius:9px;color:#ebca83;box-shadow:inset 0 1px 0 #ffffff12,0 4px 12px #0003;font-weight:400;animation:none}
.mobile-showcase .showcase-gold{min-height:54px;font-size:18px}
.mobile-showcase .showcase-diamond{position:static;width:19px;height:19px;flex:0 0 19px;object-fit:contain;animation:showcase-diamond-shine 3.8s ease-in-out infinite;filter:drop-shadow(0 0 2px #fff6)}
@keyframes showcase-diamond-shine{0%,100%{transform:translateY(0) rotate(-5deg);filter:drop-shadow(0 0 2px #fff4)}50%{transform:translateY(-3px) rotate(6deg);filter:drop-shadow(0 0 5px #fff9)}}
}
@media(prefers-reduced-motion:reduce){.mobile-showcase .showcase-diamond{animation:none}}
