#temax-showcase{--sc-bg:#1a0205;--sc-radial:radial-gradient(ellipse at 50% 45%, #7a0914 0%, #4d040a 38%, #260205 72%, #120103 100%);--sc-grid-color:#ffffff16;--sc-vignette:radial-gradient(circle, transparent 35%, #1201036b 70%, #080002eb 100%);--sc-noise-opacity:.025;--sc-card-bg:#1c0407;--sc-card-border:#ffffff2e;--sc-card-shadow:0 35px 100px #000000bf, 0 5px 25px #32020880;--sc-card-active-shadow:0 40px 100px #000000a6, 0 0 80px #b4000024;--sc-card-hover-border:#ff5050b3;--sc-card-overlay:linear-gradient(to top, #0f0103e6 0%, #1401046b 45%, transparent 70%);--sc-btn-bg:#ffffff1f;--sc-btn-border:#ffffff38;--sc-btn-color:#fff;--sc-btn-shadow:0 8px 24px #0006;--sc-btn-hover-bg:#ffffff40;--sc-btn-hover-border:#ff4d4d;--sc-btn-hover-color:#fff;--sc-footer-color:#ffffffbf;--sc-progress-track:#fff3;--sc-progress-fill:#ff3b30;--sc-dot-color:#ffffff59;--sc-dot-active:#ff3b30;--sc-accent:#ff3b30}html.dark #temax-showcase,.dark #temax-showcase{--sc-bg:#020202;--sc-radial:radial-gradient(ellipse at center, #151515 0%, #050505 45%, #000 100%);--sc-grid-color:#ffffff13;--sc-vignette:radial-gradient(circle, transparent 35%, #00000059 75%, #000000e6 100%);--sc-noise-opacity:.035;--sc-card-bg:#161616;--sc-card-border:#ffffff29;--sc-card-shadow:0 35px 100px #000000bf, 0 5px 25px #0006;--sc-card-active-shadow:0 40px 100px #000c, 0 0 80px #ff3b301a;--sc-card-hover-border:#ff3b3099;--sc-card-overlay:linear-gradient(to top, #000000e0 0%, #0006 45%, transparent 70%);--sc-btn-bg:#ffffff14;--sc-btn-border:#ffffff2e;--sc-btn-color:#fff;--sc-btn-shadow:0 8px 24px #00000080;--sc-btn-hover-bg:#ff3b304d;--sc-btn-hover-border:#ff3b30b3;--sc-btn-hover-color:#fff;--sc-footer-color:#ffffffa6;--sc-progress-track:#ffffff26;--sc-progress-fill:#ff3b30;--sc-dot-color:#ffffff47;--sc-dot-active:#ff3b30;--sc-accent:#ff3b30}#temax-showcase.temax-showcase-section{background:var(--sc-bg);-webkit-user-select:none;user-select:none;z-index:10;isolation:isolate;width:100%;height:100vh;min-height:640px;max-height:1000px;transition:background .4s;position:relative;overflow:hidden}#temax-showcase .temax-showcase{background:var(--sc-radial);perspective:1800px;width:100%;height:100%;transition:background .4s;position:absolute;inset:0;overflow:hidden}#temax-showcase .temax-grid{transform-origin:top;background-image:linear-gradient(var(--sc-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--sc-grid-color) 1px, transparent 1px);opacity:.45;pointer-events:none;background-size:70px 70px;height:85%;transition:background-image .4s;position:absolute;bottom:-48%;left:-50%;right:-50%;transform:perspective(700px)rotateX(68deg);-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}#temax-showcase.mode-spotlight .temax-grid{opacity:.15}#temax-showcase .temax-showcase:after{content:"";pointer-events:none;background:var(--sc-vignette);z-index:20;transition:background .4s;position:absolute;inset:0}#temax-showcase .temax-noise{pointer-events:none;opacity:var(--sc-noise-opacity);z-index:19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");transition:opacity .4s;position:absolute;inset:0}#temax-showcase .temax-stage{perspective:1500px;perspective-origin:50%;cursor:grab;z-index:15;touch-action:pan-y;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#temax-showcase .temax-stage:active{cursor:grabbing}#temax-showcase .temax-track{width:100%;height:100%;transform-style:preserve-3d;position:relative}#temax-showcase .temax-card{transform-origin:50%;width:min(48vw,760px);height:min(29vw,450px);transform-style:preserve-3d;will-change:transform, opacity;background:var(--sc-card-bg);box-shadow:var(--sc-card-shadow);border:1px solid var(--sc-card-border);cursor:pointer;border-radius:18px;margin:0;transition:border-color .3s,box-shadow .4s,background .4s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}#temax-showcase .temax-card:hover{border-color:var(--sc-card-hover-border);box-shadow:var(--sc-card-active-shadow)}#temax-showcase .temax-card-image{background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1),background-image .55s,opacity .55s;position:absolute;inset:0;transform:scale(1.04)}#temax-showcase .temax-card:hover .temax-card-image{transform:scale(1.08)}#temax-showcase .temax-card-image:after{content:"";background:var(--sc-card-overlay);transition:background .4s;position:absolute;inset:0}#temax-showcase .temax-card-content{z-index:2;text-shadow:0 3px 20px #000c;pointer-events:none;position:absolute;bottom:25px;left:28px;right:28px}[dir=rtl] #temax-showcase .temax-card-content{text-align:right}#temax-showcase .temax-card-category{letter-spacing:3px;text-transform:uppercase;color:var(--sc-accent);margin-bottom:6px;font-size:11px;font-weight:700}#temax-showcase .temax-card-title{letter-spacing:-.5px;color:#fff;font-size:clamp(22px,3.8vw,56px);font-weight:700;line-height:1.02}#temax-showcase .temax-card-number{letter-spacing:2px;opacity:.85;z-index:5;color:#fff;pointer-events:none;font-size:11px;font-weight:700;position:absolute;top:20px;right:22px}[dir=rtl] #temax-showcase .temax-card-number{left:22px;right:auto}#temax-showcase .temax-card-dot{background:var(--sc-accent);width:8px;height:8px;box-shadow:0 0 12px var(--sc-accent);opacity:.85;pointer-events:none;border-radius:50%;position:absolute;bottom:22px;right:22px}[dir=rtl] #temax-showcase .temax-card-dot{left:22px;right:auto}#temax-showcase .temax-nav-arrows{pointer-events:none;z-index:25;justify-content:space-between;display:flex;position:absolute;top:50%;left:28px;right:28px;transform:translateY(-50%)}#temax-showcase .temax-arrow-btn{pointer-events:auto;background:var(--sc-btn-bg);border:1px solid var(--sc-btn-border);width:48px;height:48px;color:var(--sc-btn-color);cursor:pointer;-webkit-backdrop-filter:blur(12px);box-shadow:var(--sc-btn-shadow);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex}#temax-showcase .temax-arrow-btn:hover{background:var(--sc-btn-hover-bg);border-color:var(--sc-btn-hover-border);color:var(--sc-btn-hover-color);transform:scale(1.1)}#temax-showcase .temax-arrow-btn:active{transform:scale(.95)}#temax-showcase .temax-dots{z-index:25;pointer-events:auto;align-items:center;gap:8px;display:none;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}#temax-showcase .temax-dot{background:var(--sc-dot-color);cursor:pointer;border:none;border-radius:50%;outline:none;width:8px;height:8px;padding:0;transition:all .3s cubic-bezier(.2,.8,.2,1)}#temax-showcase .temax-dot:hover{background:#ffffff8c;transform:scale(1.2)}#temax-showcase .temax-dot.temax-dot--active{background:var(--sc-dot-active);width:24px;height:8px;box-shadow:0 0 10px var(--sc-dot-active);border-radius:4px}#temax-showcase .temax-showcase-footer{z-index:25;letter-spacing:2px;color:var(--sc-footer-color);pointer-events:none;justify-content:space-between;align-items:center;font-size:10px;transition:color .4s;display:flex;position:absolute;bottom:26px;left:45px;right:45px}#temax-showcase .temax-progress{background:var(--sc-progress-track);border-radius:9999px;width:180px;height:2px;transition:background .4s;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}#temax-showcase .temax-progress span{background:var(--sc-progress-fill);width:0%;height:100%;transition:width .35s,background .4s;display:block}#temax-showcase.mode-cinematic .temax-stage{perspective:1400px;perspective-origin:50% 45%}#temax-showcase.mode-cinematic .temax-card{border-radius:20px;transition:border-color .4s,box-shadow .5s}#temax-showcase.mode-cinematic .temax-track .temax-card:first-child{box-shadow:var(--sc-card-active-shadow)}#temax-showcase.mode-swipe .temax-stage{perspective:900px;cursor:grab}#temax-showcase.mode-swipe .temax-card{border-radius:24px;transition:box-shadow .3s;box-shadow:0 30px 80px #0009,0 0 40px #b4000014}#temax-showcase.mode-swipe .temax-dots{bottom:68px}#temax-showcase.mode-stack .temax-stage{perspective:1000px}#temax-showcase.mode-stack .temax-card{border-radius:20px;transition:box-shadow .3s;box-shadow:0 20px 60px #0000008c}#temax-showcase.mode-spotlight .temax-showcase{background:radial-gradient(at 50% 40%,#3d0008 0%,#1a0003 40%,#080001 75%,#020000 100%)}#temax-showcase.mode-spotlight .temax-card{border-color:#ffffff38;border-radius:24px;box-shadow:0 50px 120px #000c,0 0 100px #c8000026,0 0 200px #b400000f}#temax-showcase.mode-spotlight .temax-card:hover{border-color:#ff503cb3;box-shadow:0 55px 130px #000000d9,0 0 120px #dc000038}#temax-showcase.mode-spotlight .temax-stage:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(#b400002e 0%,#0000 70%);border-radius:50%;width:min(60vw,900px);height:min(40vw,600px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#temax-showcase.mode-curved .temax-card{transition:border-color .3s,box-shadow .4s,background .4s}@media (width<=1024px) and (width>=601px){#temax-showcase.temax-showcase-section{min-height:600px}#temax-showcase .temax-nav-arrows{left:16px;right:16px}#temax-showcase .temax-arrow-btn{width:42px;height:42px}#temax-showcase .temax-card-title{font-size:clamp(20px,3.2vw,40px)}}@media (width<=600px){#temax-showcase.temax-showcase-section{height:100svh;min-height:90vw;max-height:820px}#temax-showcase .temax-showcase-footer{font-size:9px;bottom:14px;left:16px;right:16px}#temax-showcase .temax-nav-arrows{left:10px;right:10px}#temax-showcase .temax-arrow-btn{width:36px;height:36px}#temax-showcase .temax-card-content{bottom:18px;left:18px;right:18px}#temax-showcase .temax-card-title{font-size:clamp(18px,5.5vw,24px);line-height:1.15}#temax-showcase .temax-card-category{letter-spacing:2px;margin-bottom:4px;font-size:10px}#temax-showcase .temax-dots{gap:6px;bottom:58px}#temax-showcase .temax-dot{width:6px;height:6px}#temax-showcase .temax-dot.temax-dot--active{width:18px}#temax-showcase .temax-progress{width:120px}#temax-showcase .temax-grid{opacity:.2}}@media (prefers-reduced-motion:reduce){#temax-showcase .temax-card,#temax-showcase .temax-card-image,#temax-showcase .temax-arrow-btn,#temax-showcase .temax-dot{transition:none!important;animation:none!important}}