/* A centered chrome object suspended inside a moving orange light portal. */
.metal-launch{position:relative;isolation:isolate;overflow:hidden;background:#080a0c;color:#f8f7f2;margin:0;padding:76px 24px 74px;--metal-rx:0deg;--metal-ry:0deg;--metal-py:0px;--metal-px:0px;--metal-scroll:0px;--metal-scroll-rotate:0deg;--metal-light:50%;--metal-portal-shift:0px;--metal-portal-scale:1;border-top:1px solid #ff966e33;border-bottom:1px solid #ff966e33}
.metal-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 52%,#3e191224 0,transparent 55%),linear-gradient(180deg,#111215,#070809 65%,#111011)}.metal-cloud{position:absolute;inset:15% 0 0;background:radial-gradient(ellipse at 50% 48%,#ff52162e 0,#ff591d10 35%,transparent 66%);animation:metal-atmosphere 12s ease-in-out infinite}.metal-grain{position:absolute;inset:0;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.metal-heading{position:relative;z-index:5;text-align:center;max-width:960px;margin:0 auto;pointer-events:none}.metal-eyebrow{font-size:12px;letter-spacing:2.7px;color:#eea786;line-height:1.6;margin-bottom:24px}.metal-heading h2{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(60px,7.5vw,108px);letter-spacing:-.065em;line-height:.95}.metal-heading h2 em{display:inline-block;color:#ff966d;font-size:1.1em;line-height:1.05;background:linear-gradient(110deg,#ffc8a3 10%,#ff794b 55%,#ffb28c 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.055em}.metal-heading>p{font-size:16px;line-height:1.6;color:#acaba8;margin:23px auto 0;max-width:490px}
.metal-showcase{margin:-15px auto 0;position:relative;max-width:1300px}.metal-scene{position:relative;height:560px;display:grid;place-items:center;perspective:1400px;touch-action:pan-y}.metal-portal{position:absolute;width:850px;height:490px;max-width:85vw;top:50%;left:50%;transform:translate(-50%,calc(-50% + var(--metal-portal-shift))) scale(var(--metal-portal-scale));pointer-events:none;transition:transform .18s linear}.metal-portal-bloom{position:absolute;inset:4% -4%;background:radial-gradient(ellipse,transparent 28%,#ff5c183d 47%,#ff682040 58%,transparent 72%);filter:blur(28px);animation:metal-bloom 6s ease-in-out infinite}.metal-ring{position:absolute;border-radius:50%;inset:0;transform-style:preserve-3d;pointer-events:none}.metal-ring-main{inset:5% 1%;border:2px solid #ffb170;box-shadow:0 0 6px #ffdca2,0 0 15px #ff9439,0 0 40px #ff5b1bcc,inset 0 0 35px #ff6a174d;transform:rotate(-15deg);animation:metal-portal-tilt 9s ease-in-out infinite}.metal-ring-main:before{content:'';position:absolute;inset:-4px;border-radius:inherit;padding:5px;background:conic-gradient(from 0deg,transparent 0 20%,#fff0c6 24%,#ff7024 30%,transparent 40% 69%,#ffbea0 78%,transparent 86%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;animation:metal-light-orbit 7s linear infinite;filter:drop-shadow(0 0 10px #ff631e)}.metal-ring-outer{inset:-7% -9%;border:1px solid #ff69393b;box-shadow:0 0 25px #ff6b1b15;transform:rotate(-16deg);animation:metal-outer-breathe 9s ease-in-out infinite}.metal-ring-inner{inset:18% 9%;border:1px solid #ff99514f;box-shadow:0 0 22px #ff6b3825;transform:rotate(-15deg)}.metal-core{position:absolute;inset:20%;background:radial-gradient(ellipse,#ffe5a38c 0,#ff641a70 25%,#ff662a1c 54%,transparent 73%);filter:blur(28px);animation:metal-bloom 6s ease-in-out infinite reverse}.metal-beam{position:absolute;top:45%;left:-34%;width:168%;height:22%;background:linear-gradient(90deg,transparent,#ff741e06 15%,#ff9a5038 42%,#ffdf9450 50%,#ff813430 58%,transparent 85%);filter:blur(20px);transform:rotate(-19deg);animation:metal-beam-drift 11s ease-in-out infinite}.metal-beam-two{opacity:.35;transform:rotate(16deg);animation-direction:reverse;filter:blur(35px)}
.metal-object-reveal{width:min(800px,76%);position:relative;z-index:4;transform:translateY(var(--metal-scroll)) rotate(var(--metal-scroll-rotate));transition:opacity 1.6s,transform 1.7s cubic-bezier(.16,1,.3,1),filter 1.6s;filter:blur(0)}.metal-object-tilt{transform:translate3d(var(--metal-px),var(--metal-py),0) rotateX(var(--metal-rx)) rotateY(var(--metal-ry));transition:transform .65s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.metal-object-float{position:relative;animation:metal-levitate 7s ease-in-out infinite}.metal-object-image{display:block;width:100%;height:auto;filter:drop-shadow(0 38px 35px #000b)}.metal-sheen{position:absolute;inset:0;pointer-events:none;mask:url('assets/metallic-card-v2.webp') center/contain no-repeat;-webkit-mask:url('assets/metallic-card-v2.webp') center/contain no-repeat;mix-blend-mode:screen;overflow:hidden;opacity:.48;background:radial-gradient(ellipse at var(--metal-light) 40%,#ffffff30 0,transparent 48%)}.metal-sheen i{display:block;position:absolute;inset:-40% -85%;background:linear-gradient(115deg,transparent 39%,#c8e5ff10 44%,#fffdf670 49%,#ffffff20 51%,transparent 57%);animation:metal-sweep 8s ease-in-out infinite;transform:translateX(-35%)}.metal-ground-glow{position:absolute;width:54%;height:36px;bottom:45px;left:23%;border-radius:50%;background:radial-gradient(ellipse,#ff8c4640,transparent 65%);filter:blur(14px);animation:metal-bloom 7s ease-in-out infinite}.metal-showcase figcaption{text-align:center;color:#ad9586;font-size:10px;letter-spacing:3px;position:relative;margin:-8px 0 26px;z-index:5}
.metal-stars{position:absolute;inset:0;pointer-events:none}.metal-stars i{position:absolute;left:20%;top:24%;width:3px;height:3px;border-radius:50%;background:#ffe3b1;box-shadow:0 0 12px #ff8a30;animation:metal-particle 5s ease-in-out infinite}.metal-stars i:nth-child(2){left:78%;top:36%;animation-delay:-1s}.metal-stars i:nth-child(3){left:68%;top:13%;animation-delay:-2s;width:2px;height:2px}.metal-stars i:nth-child(4){left:16%;top:63%;animation-delay:-3s}.metal-stars i:nth-child(5){left:84%;top:69%;animation-delay:-4s}.metal-stars i:nth-child(6){left:63%;top:84%;animation-delay:-2.5s;width:2px;height:2px}.metal-stars i:nth-child(7){left:28%;top:79%;animation-delay:-1.6s}.metal-stars i:nth-child(8){left:40%;top:12%;animation-delay:-3.7s;width:2px;height:2px}
.metal-purchase{position:relative;z-index:6;max-width:660px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:30px;padding:22px 27px;border-radius:24px;background:linear-gradient(120deg,#ffffff0d,#ffffff04);border:1px solid #ffffff20;box-shadow:inset 0 1px 0 #ffffff09,0 20px 70px #0003;backdrop-filter:blur(16px)}.metal-price{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.metal-price strong{font-family:Manrope,sans-serif;font-size:52px;font-weight:500;letter-spacing:-3px;line-height:1}.metal-price strong>span{font-size:28px;vertical-align:top;display:inline-block;margin:3px 2px 0 0;letter-spacing:-1px}.metal-price>span{font-size:10px;letter-spacing:1px;color:#aaa39e}.metal-package{display:grid;gap:7px;font-size:13px;color:#d7d1ca;line-height:1.35;flex-shrink:0}.metal-package span:before{content:'+';display:inline-block;margin-right:9px;color:#ffab7b}.metal-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:18px 23px;border-radius:999px;background:#ff794c;color:#19110c;font-size:14px;line-height:1.3;font-weight:600;white-space:nowrap;box-shadow:inset 0 1px 0 #ffc8a4,0 0 25px #ff541820;transition:box-shadow .3s,transform .3s,background .3s}.metal-cta:hover{background:#ffab77;transform:translateY(-3px);box-shadow:0 6px 34px #ff783f65,inset 0 1px 0 #ffe8cf}.metal-cta span{font-size:20px;transition:transform .6s}.metal-cta:hover span{transform:rotate(120deg)}.metal-cta:focus-visible{outline:2px solid #ffd6b8;outline-offset:6px}
.metal-launch.metal-ready:not(.metal-visible) .metal-object-reveal{opacity:0;transform:translateY(100px) rotateX(20deg) rotate(-9deg) scale(.8);filter:blur(8px)}.metal-launch.metal-ready:not(.metal-visible) .metal-portal{opacity:.1;transform:translate(-50%,-40%) scale(.65)}.metal-launch.metal-visible .metal-portal{transition:transform 1.8s cubic-bezier(.16,1,.3,1),opacity 1.5s}.metal-launch:not(.metal-active) *,.metal-launch:not(.metal-active) *:before{animation-play-state:paused!important}
@keyframes metal-levitate{0%,100%{transform:translateY(-9px) rotate(-1.7deg)}50%{transform:translateY(10px) rotate(1deg)}}@keyframes metal-portal-tilt{0%,100%{transform:rotate(-18deg) scaleY(.94)}50%{transform:rotate(-7deg) scaleY(1.05)}}@keyframes metal-light-orbit{to{transform:rotate(360deg)}}@keyframes metal-outer-breathe{0%,100%{opacity:.35;transform:rotate(-20deg) scale(.96)}50%{opacity:.8;transform:rotate(-10deg) scale(1.04)}}@keyframes metal-bloom{0%,100%{opacity:.55;transform:scale(.93)}50%{opacity:1;transform:scale(1.08)}}@keyframes metal-beam-drift{0%,100%{transform:rotate(-22deg) translateY(-10px);opacity:.5}50%{transform:rotate(-10deg) translateY(10px);opacity:1}}@keyframes metal-atmosphere{50%{transform:scale(1.13) translateY(-20px);opacity:.7}}@keyframes metal-sweep{0%,15%{transform:translateX(-35%);opacity:0}25%{opacity:.7}60%{transform:translateX(35%);opacity:.7}75%,100%{transform:translateX(40%);opacity:0}}@keyframes metal-particle{0%,100%{opacity:.15;transform:translateY(9px)}50%{opacity:.8;transform:translateY(-13px)}}
.no-motion .metal-launch *,.no-motion .metal-launch *:before{animation:none!important;transition:none!important}.no-motion .metal-object-reveal,.no-motion .metal-object-tilt,.no-motion .metal-object-float{transform:none!important;opacity:1!important;filter:none!important}.no-motion .metal-portal{opacity:1!important;transform:translate(-50%,-50%)!important}.no-motion .metal-sheen i{opacity:0}
@media(min-width:1600px){.metal-scene{height:610px}.metal-object-reveal{width:880px}.metal-portal{width:930px;height:530px}}
@media(max-width:760px){.metal-launch{padding:56px 20px 48px}.metal-eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:24px}.metal-heading h2{font-size:clamp(56px,10vw,76px)}.metal-heading>p{font-size:15px;max-width:330px;line-height:1.6;margin-top:20px}.metal-showcase{margin:10px -20px 0}.metal-scene{height:400px}.metal-portal{width:540px;height:300px;max-width:89vw}.metal-object-reveal{width:95%;max-width:600px}.metal-showcase figcaption{font-size:9px;letter-spacing:2px;margin:-8px 0 28px}.metal-ground-glow{bottom:28px}.metal-purchase{gap:22px;padding:20px;flex-wrap:wrap;max-width:410px}.metal-price strong{font-size:48px}.metal-package{font-size:13px}.metal-cta{width:100%;padding:17px 22px}.metal-ring-main{box-shadow:0 0 8px #ffbf72,0 0 20px #ff6b1bcc,inset 0 0 20px #ff6a1733}.metal-beam{filter:blur(14px)}}
@media(max-width:430px){.metal-scene{height:310px}.metal-portal{height:225px}.metal-heading h2{font-size:60px}.metal-launch{padding-top:48px}.metal-eyebrow{font-size:9px;letter-spacing:1.3px}.metal-showcase figcaption{margin:0 0 24px}.metal-purchase{gap:20px}.metal-package{font-size:12px}.metal-ground-glow{bottom:13px}}
@media(prefers-reduced-motion:reduce){.metal-launch *,.metal-launch *:before{animation:none!important;transition:none!important}.metal-object-reveal,.metal-object-tilt,.metal-object-float{transform:none!important;opacity:1!important;filter:none!important}.metal-portal{opacity:1!important;transform:translate(-50%,-50%)!important}.metal-sheen i{opacity:0}}
/* A single uninterrupted ribbon of the six bespoke card designs. */
.metal-gallery{position:relative;z-index:6;margin:66px -24px -15px}.metal-gallery-heading{max-width:1300px;margin:0 auto 20px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.metal-gallery-heading>span{color:#c4aa9c;font-size:11px;letter-spacing:2px}.metal-gallery-toggle{border:1px solid #ffffff28;border-radius:999px;background:#ffffff06;color:#d8cabe;padding:10px 16px;font-size:12px;transition:background .2s,border-color .2s}.metal-gallery-toggle:hover{background:#ff8b4920;border-color:#ffae7766}.metal-gallery-toggle:focus-visible{outline:2px solid #ffc599;outline-offset:4px}.metal-gallery-window{overflow:hidden;padding:6px 0 20px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.metal-gallery-track{display:flex;width:max-content;animation:metal-gallery-flow 56s linear infinite;will-change:transform}.metal-gallery-set{display:flex;flex-shrink:0;gap:22px;padding-right:22px}.metal-gallery-card{position:relative;flex-shrink:0;width:clamp(320px,34vw,520px);aspect-ratio:1672/941;margin:0;overflow:hidden;border-radius:16px;border:1px solid #e6b08b35;background:#161412;box-shadow:0 10px 25px #0003;isolation:isolate}.metal-gallery-card img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.metal-gallery-card:hover img{transform:scale(1.035)}.metal-gallery-card figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 20px 15px;background:linear-gradient(transparent,#080706c9);display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#e9d8ca;pointer-events:none}.metal-gallery-card figcaption>span+span{color:#ffaf82}.metal-gallery.is-paused .metal-gallery-track{animation-play-state:paused!important}.metal-launch:not(.metal-active) .metal-gallery-track{animation-play-state:paused}.no-motion .metal-gallery-track{animation:none!important;transform:none!important;will-change:auto}.no-motion .metal-gallery-window{overflow-x:auto}.no-motion .metal-gallery-set[aria-hidden=true]{display:none}.no-motion .metal-gallery-toggle{display:none}
@keyframes metal-gallery-flow{to{transform:translateX(-50%)}}
@media(max-width:760px){.metal-gallery{margin:44px -20px -12px}.metal-gallery-heading{padding:0 24px;margin-bottom:14px}.metal-gallery-heading>span{font-size:10px;letter-spacing:1.4px}.metal-gallery-toggle{font-size:11px;padding:9px 12px}.metal-gallery-card{width:82vw;max-width:440px;border-radius:12px}.metal-gallery-set{gap:14px;padding-right:14px}.metal-gallery-card figcaption{padding:25px 15px 12px;font-size:9px}.metal-gallery-window{mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}.metal-gallery-track{animation-duration:48s}}
@media(prefers-reduced-motion:reduce){.metal-gallery-track{animation:none!important;transform:none!important;will-change:auto}.metal-gallery-window{overflow-x:auto}.metal-gallery-set[aria-hidden=true],.metal-gallery-toggle{display:none}.metal-gallery-card:hover img{transform:none}}