.hero-3d-section{--hero-gutter:var(--layout-gutter,clamp(1rem,2.5vw,1.5rem));--hero-rail-inset:max(var(--hero-gutter),calc((100vw - var(--layout-max,80rem))/2 + var(--hero-gutter)));--hero-bottom:calc(clamp(1rem,3vh,1.75rem) + env(safe-area-inset-bottom,0px));--hero-copy-max:36rem;isolation:isolate;min-height:100svh;background:#0a1628;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}@media (max-width:767px){.hero-3d-section{--hero-bottom:calc(clamp(.75rem,2vh,1.25rem) + env(safe-area-inset-bottom,0px))}}.hero-3d-topo{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hero-3d-topo__svg{object-fit:cover;width:100%;height:100%}.hero-3d-topo__glow{background:radial-gradient(80% 55% at 50% 42%,rgba(61,122,140,.18),transparent 70%),radial-gradient(50% 40% at 18% 80%,rgba(255,122,0,.06),transparent 60%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-3d-vignette{pointer-events:none;background:radial-gradient(90% 80% at 50% 45%,transparent 40%,rgba(0,0,0,.45) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-3d-stage{touch-action:manipulation;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero-3d-stage:active{cursor:grabbing}.hero-media-stage{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hero-media-slide{position:absolute;top:0;bottom:0;left:0;right:0}.hero-media-picture{width:100%;height:100%;display:block}.hero-media-image{object-fit:cover;object-position:center 28%;width:100%;height:100%;display:block}@media (min-width:768px){.hero-media-image{object-position:center 32%}}@media (min-width:1024px){.hero-media-image{object-position:center center}}.hero-media-scrim{pointer-events:none;background:linear-gradient(transparent 28%,rgba(6,12,24,.12) 45%,rgba(6,12,24,.55) 68%,rgba(6,12,24,.94) 100%);position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:767px){.hero-media-scrim{background:linear-gradient(transparent 30%,rgba(6,12,24,.25) 48%,rgba(6,12,24,.72) 72%,rgba(6,12,24,.97) 100%)}}@media (max-height:520px) and (orientation:landscape){.hero-3d-section{min-height:100svh}.hero-3d-chrome{padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}.hero-3d-mobile-nav{bottom:calc(3.25rem + env(safe-area-inset-bottom,0px));gap:.625rem}.hero-3d-chrome__bottom{margin-top:.5rem}.hero-3d-card__title{margin-top:.375rem;font-size:max(1.25rem,min(4.5vw,1.75rem))}.hero-3d-card__desc{margin-top:.375rem;font-size:.6875rem;line-height:1.35}.hero-3d-card__actions{margin-top:.5rem}.hero-media-image{object-position:center 20%}.hero-media-scrim{background:linear-gradient(transparent 20%,rgba(6,12,24,.75) 55%,rgba(6,12,24,.98) 100%)}}.hero-3d-perspective{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.hero-wheel-canvas{pointer-events:auto;width:100%;height:100%;display:block}.hero-3d-perspective--flat{perspective:none}.hero-3d-deck{transform-style:preserve-3d;will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}.hero-3d-edge-fade{pointer-events:none;z-index:12;width:max(48px,min(8vw,140px));position:absolute;top:0;bottom:0}.hero-3d-edge-fade--left{background:linear-gradient(90deg,rgba(10,22,40,.92) 0%,transparent 100%);left:0}.hero-3d-edge-fade--right{background:linear-gradient(270deg,rgba(10,22,40,.88) 0%,transparent 100%);right:0}.hero-3d-card{width:min(78vw,1100px);height:max(420px,min(80vh,900px));transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity;transition:none;position:absolute;top:50%;left:50%}.hero-3d-card__panel{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid rgba(255,255,255,.14);border-radius:1.375rem;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;transform:translateZ(0);box-shadow:0 48px 100px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.05)}.hero-3d-perspective--flat .hero-3d-card{transition:opacity .4s}.hero-3d-card--hidden{pointer-events:none;visibility:hidden}.hero-3d-card--active .hero-3d-card__panel{border-color:rgba(255,255,255,.28);box-shadow:0 56px 120px rgba(0,0,0,.65),0 0 80px rgba(61,122,140,.12),inset 0 0 0 1px rgba(255,255,255,.1)}.hero-3d-card__media{position:absolute;top:0;bottom:0;left:0;right:0}.hero-3d-card__image{object-fit:cover;object-position:center}.hero-3d-card__scrim{background:linear-gradient(transparent 0%,rgba(6,12,24,.12) 42%,rgba(6,12,24,.55) 68%,rgba(6,12,24,.96) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-3d-card__sheen{mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.06) 50%,transparent 62%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-3d-copy-layer{pointer-events:none;z-index:1;max-width:var(--hero-copy-max);position:relative}.hero-3d-chrome{z-index:20;padding-bottom:var(--hero-bottom);pointer-events:none;margin-top:auto;position:relative}.hero-3d-chrome__inner{pointer-events:none;flex-direction:column;gap:max(1rem,min(2.5vh,1.5rem));display:flex;position:relative}.hero-3d-chrome__inner>*{pointer-events:auto}.hero-3d-chrome__bottom{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}@media (max-width:767px){.hero-3d-chrome__inner{gap:max(1.25rem,min(3vh,1.75rem));padding-bottom:max(4.5rem,min(12vh,6rem))}.hero-3d-chrome__bottom{flex-direction:column;align-items:center}}@media (min-width:768px){.hero-3d-card__title{font-size:max(2rem,min(3.5vw,3.5rem))}.hero-3d-card__desc{max-width:34ch}}.hero-3d-copy-layer--hidden{opacity:0;pointer-events:none;transition:opacity .28s,transform .28s;transform:translateY(20px)}.hero-3d-copy-layer--visible{opacity:1;pointer-events:auto;transition:opacity .55s cubic-bezier(.25,1,.5,1) .15s,transform .65s cubic-bezier(.25,1,.5,1) .15s;transform:translateY(0)}.hero-3d-card__tags{flex-wrap:wrap;gap:.5rem;display:flex}.hero-3d-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.92);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35);border-radius:999px;align-items:center;padding:.3rem .7rem;font-size:.625rem;font-weight:700;display:inline-flex}.hero-3d-tag--hot{color:#ffd699;background:rgba(255,140,20,.16);border-color:rgba(255,180,80,.55)}.hero-3d-card__title{letter-spacing:-.035em;text-transform:uppercase;color:#fff;text-wrap:balance;max-width:14ch;margin-top:.75rem;font-size:max(1.75rem,min(5.5vw,3.5rem));font-weight:800;line-height:.95}.hero-3d-card__desc{letter-spacing:.03em;text-transform:uppercase;color:rgba(255,255,255,.78);max-width:42ch;margin-top:.625rem;font-size:max(.75rem,min(2.8vw,.9375rem));font-weight:500;line-height:1.5}:lang(zh) .hero-3d-card__desc,:lang(zh) .hero-3d-card__title{text-transform:none;letter-spacing:-.01em}.hero-3d-card__actions{align-items:center;justify-content:inherit;flex-wrap:wrap;gap:.625rem;margin-top:.875rem;display:flex}@media (min-width:768px){.hero-3d-copy-layer{max-width:min(var(--hero-copy-max),52%)}}.hero-3d-launch,.hero-3d-ghost{min-height:2.75rem;font-size:.6875rem}@media (min-width:480px){.hero-3d-launch,.hero-3d-ghost{min-height:2.875rem;font-size:.75rem}}.hero-3d-launch{color:var(--brand-navy);letter-spacing:.12em;text-transform:uppercase;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 max(1.25rem,min(4vw,2rem));font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.hero-3d-launch:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.28)}.hero-3d-ghost{color:rgba(255,255,255,.9);letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,255,255,.35);border-radius:999px;align-items:center;padding:0 max(1rem,min(3vw,1.5rem));font-weight:700;transition:border-color .2s,background .2s;display:inline-flex}.hero-3d-ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.65)}.hero-3d-mobile-nav{z-index:25;left:50%;bottom:calc(clamp(5.5rem,14vh,7rem) + env(safe-area-inset-bottom,0px));pointer-events:auto;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;transform:translate(-50%)}@media (min-width:768px){.hero-3d-mobile-nav{display:none}}.hero-3d-slide-fraction{text-align:center;letter-spacing:.08em;color:rgba(255,255,255,.85);font-variant-numeric:tabular-nums;min-width:3rem;font-size:.75rem;font-weight:700}.hero-3d-slide-fraction__sep{opacity:.45;margin-left:.15em;margin-right:.15em}.hero-3d-control-btn--mobile{width:2.5rem;height:2.5rem}.hero-3d-controls--desktop{display:none}@media (min-width:768px){.hero-3d-controls--desktop{display:flex}}.hero-3d-controls{z-index:25;right:var(--hero-rail-inset);pointer-events:auto;flex-direction:column;gap:.625rem;position:absolute;top:50%;transform:translateY(-50%)}.hero-3d-control-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.35);border-radius:999px;justify-content:center;align-items:center;width:3rem;height:3rem;transition:background .2s,border-color .2s,transform .2s;display:flex}.hero-3d-control-btn:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.6)}.hero-3d-control-btn:active{transform:scale(.94)}.hero-3d-footer{z-index:1;flex-direction:column;align-items:flex-end;gap:.75rem;margin-left:auto;display:flex;position:relative}@media (max-width:767px){.hero-3d-footer{align-items:center;width:100%;margin-left:0}}.hero-3d-thumbs{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.5rem;max-width:100%;padding:4px 2px;display:flex;overflow-x:auto;overflow-y:visible}.hero-3d-thumbs::-webkit-scrollbar{display:none}@media (max-width:767px){.hero-3d-thumb{flex:none;width:3.75rem;height:2.375rem}}.hero-3d-counter--desktop{display:none}@media (min-width:768px){.hero-3d-counter--desktop{display:flex}}.hero-3d-counter{z-index:1;flex-shrink:0;align-items:center;gap:.4rem;display:flex;position:relative}.hero-3d-thumb{opacity:.48;cursor:pointer;border:2px solid rgba(255,255,255,.2);border-radius:.5rem;width:4.5rem;height:2.875rem;transition:opacity .25s,border-color .25s,transform .25s;position:relative;overflow:hidden}.hero-3d-thumb:hover{opacity:.82}.hero-3d-thumb--active{opacity:1;border-color:#fff;box-shadow:0 0 0 1px #fff,0 4px 14px rgba(0,0,0,.35)}.hero-3d-see-all{letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.88);text-underline-offset:4px;align-items:center;gap:.35rem;font-size:.6875rem;font-weight:700;text-decoration:underline;transition:color .2s;display:inline-flex}.hero-3d-see-all:hover{color:#fff}.hero-3d-dot{background:rgba(255,255,255,.35);border-radius:999px;width:6px;height:6px;transition:background .25s,transform .25s,width .35s cubic-bezier(.22,1,.36,1)}.hero-3d-dot--active{background:#fff;width:22px}@media (max-width:767px){.hero-3d-copy-layer{text-align:center;max-width:none;margin-left:auto;margin-right:auto}.hero-3d-card__tags,.hero-3d-card__actions{justify-content:center}.hero-3d-card__title{max-width:none;margin-left:auto;margin-right:auto}.hero-3d-card__desc{max-width:36ch;margin-left:auto;margin-right:auto}}@media (max-width:390px){.hero-3d-card__actions{flex-direction:column;width:100%}.hero-3d-launch,.hero-3d-ghost{justify-content:center;width:100%;max-width:16rem}}@media (prefers-reduced-motion:reduce){.hero-3d-card{transition:opacity .35s}.hero-3d-copy-layer__inner{animation:none}.hero-3d-card[data-active=false]{pointer-events:none;opacity:0!important}}