.c3d-section{position:relative;width:100%;height:100svh;min-height:680px;overflow:hidden;background:#070a0f;display:flex;flex-direction:column;align-items:center;--c3d-accent:#7c5cff;--c3d-cy:#26e0ff;--c3d-ink:#eef3f6;--c3d-muted:rgba(238,243,246,.58);--c3d-faint:rgba(238,243,246,.34);--c3d-line:rgba(255,255,255,.10);--c3d-glass:rgba(255,255,255,.045);--c3d-card-w:280px;--c3d-card-h:340px;--c3d-radius:480px}.c3d-ambient{position:absolute;inset:0;background:#04070f center/cover no-repeat;z-index:0}.c3d-ambient::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,15,.85) 0%,rgba(4,7,15,.30) 20%,rgba(4,7,15,.20) 52%,rgba(4,7,15,.72) 88%,rgba(4,7,15,.95) 100%),radial-gradient(ellipse 72% 64% at 50% 46%,transparent 42%,rgba(4,7,15,.55) 100%)}.c3d-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(var(--c3d-line) 1px,transparent 1px),linear-gradient(90deg,var(--c3d-line) 1px,transparent 1px);background-size:66px 66px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 42%,#000 25%,transparent 76%);mask-image:radial-gradient(ellipse 75% 70% at 50% 42%,#000 25%,transparent 76%);opacity:.14;z-index:1}.c3d-head{position:relative;z-index:30;text-align:center;padding-top:1rem;margin-bottom:.5rem}.c3d-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk','Oxanium',var(--font-display,sans-serif);font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--c3d-accent);margin-bottom:8px}.c3d-eyebrow::before,.c3d-eyebrow::after{content:"";width:26px;height:1.5px;background:var(--c3d-accent);opacity:.6}.c3d-head h2{font-family:'Space Grotesk','Oxanium',var(--font-display,sans-serif);font-weight:600;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.02em;color:var(--c3d-ink);margin:0}.c3d-viewport{position:relative;z-index:20;width:var(--c3d-card-w);height:var(--c3d-card-h);perspective:1400px;margin-top:1.5rem}.c3d-ring{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;cursor:grab}.c3d-ring.grabbing{cursor:grabbing}.c3d-card{position:absolute;left:0;top:0;width:var(--c3d-card-w);height:var(--c3d-card-h);transform-style:preserve-3d;border-radius:18px;overflow:hidden;background:#090d1a;border:1px solid rgba(124,92,255,.18);box-shadow:0 40px 80px -36px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .4s,box-shadow .4s,background .4s;text-decoration:none;color:var(--c3d-ink)}.c3d-card.is-front{background:rgba(10,14,26,0.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:color-mix(in oklab,var(--c3d-accent) 70%,transparent);box-shadow:0 40px 90px -28px rgba(0,0,0,.9),0 0 0 1px color-mix(in oklab,var(--c3d-accent) 50%,transparent),0 0 60px -6px color-mix(in oklab,var(--c3d-accent) 50%,transparent),0 0 120px -20px color-mix(in oklab,var(--c3d-accent) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.12)}.c3d-media{position:relative;height:calc(var(--c3d-card-h) * 0.82);overflow:visible;background:transparent;display:flex;align-items:center;justify-content:center}.c3d-media::before{content:'';position:absolute;inset:10% 15%;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in oklab,var(--c3d-accent) 28%,transparent) 0%,transparent 70%);filter:blur(18px);z-index:0;opacity:0.6;transition:opacity .4s,transform .4s}.c3d-card.is-front .c3d-media::before{opacity:1;transform:scale(1.25);background:radial-gradient(ellipse at center,color-mix(in oklab,var(--c3d-accent) 45%,transparent) 0%,color-mix(in oklab,var(--c3d-cy) 18%,transparent) 50%,transparent 70%);animation:c3d-pulse 2.8s ease-in-out infinite}@keyframes c3d-pulse{0%,100%{opacity:1;transform:scale(1.25)}50%{opacity:0.75;transform:scale(1.4)}}.c3d-media img{position:relative;z-index:1;width:92%;height:92%;object-fit:contain;object-position:center;display:block;transition:transform .4s ease,filter .4s ease;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}.c3d-card.is-front .c3d-media img{transform:scale(1.06) translateY(-4px);filter:drop-shadow(0 0 14px color-mix(in oklab,var(--c3d-accent) 55%,transparent)) drop-shadow(0 12px 28px rgba(0,0,0,.7))}.c3d-media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0e1628,#060c1a)}.c3d-badge{position:absolute;top:12px;left:12px;z-index:2;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(10,8,18,.6);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);font-family:'Space Grotesk','Oxanium',var(--font-display,sans-serif);font-weight:700;font-size:13px;color:#fff}.c3d-foot{height:calc(var(--c3d-card-h) * 0.30);padding:14px 18px 0;display:flex;flex-direction:column;gap:5px;background:linear-gradient(180deg,#0c1016,#0a0d13)}.c3d-catname{font-family:'Space Grotesk','Oxanium',var(--font-display,sans-serif);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;line-height:1.15;color:var(--c3d-ink)}.c3d-catmeta{font-size:13px;color:var(--c3d-faint);font-weight:500}.c3d-catmeta b{color:var(--c3d-accent);font-weight:700}.c3d-floor{position:absolute;left:50%;top:72%;width:600px;height:110px;transform:translateX(-50%);z-index:10;background:radial-gradient(ellipse 50% 50% at 50% 50%,color-mix(in oklab,var(--c3d-accent) 30%,transparent),transparent 70%);filter:blur(8px);opacity:.45;pointer-events:none}.c3d-caption{position:absolute;left:0;right:0;bottom:86px;text-align:center;z-index:30;pointer-events:none}.c3d-cap-num{font-family:'Space Grotesk','Oxanium',var(--font-display,sans-serif);font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--c3d-accent);margin-bottom:6px}.c3d-cap-name{font-family:'Space Grotesk','Oxanium',var(--font-display,sans-serif);font-weight:600;font-size:clamp(1.1rem,2.5vw,1.7rem);letter-spacing:-.02em;color:var(--c3d-ink);transition:opacity .25s}.c3d-cap-desc{margin-top:5px;font-size:14px;color:var(--c3d-muted);max-width:420px;margin-left:auto;margin-right:auto;line-height:1.55;transition:opacity .25s}.c3d-cap-cta{pointer-events:auto;margin-top:12px;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--c3d-ink);background:var(--c3d-glass);border:1px solid var(--c3d-line);border-radius:999px;padding:9px 18px;text-decoration:none;transition:background .2s,border-color .2s}.c3d-cap-cta:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.28);color:var(--c3d-ink)}.c3d-cap-cta svg{width:14px;height:14px;stroke:var(--c3d-accent);stroke-width:2.2;fill:none}.c3d-controls{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:18px}.c3d-arrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--c3d-line);background:var(--c3d-glass);color:var(--c3d-ink);cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s,transform .15s}.c3d-arrow:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.28)}.c3d-arrow:active{transform:scale(.92)}.c3d-arrow svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}.c3d-dots{display:flex;align-items:center;gap:8px}.c3d-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.22);border:none;cursor:pointer;transition:transform .25s,background .25s;padding:0}.c3d-dot.on{background:var(--c3d-accent);transform:scale(1.5)}.c3d-hint{position:absolute;left:clamp(20px,4vw,64px);bottom:30px;z-index:40;display:flex;align-items:center;gap:9px;font-size:12px;color:var(--c3d-faint);letter-spacing:.05em;pointer-events:none}.c3d-hint-dots{display:flex;gap:4px}.c3d-hint-dots span{width:5px;height:5px;border-radius:50%;background:var(--c3d-faint);animation:c3dPulse 1.4s ease-in-out infinite}.c3d-hint-dots span:nth-child(2){animation-delay:.2s}.c3d-hint-dots span:nth-child(3){animation-delay:.4s}@keyframes c3dPulse{0%,100%{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.c3d-hint-dots span{animation:none}}@media (max-width:900px){.c3d-section{--c3d-card-w:230px;--c3d-card-h:290px;--c3d-radius:380px;height:calc(540px+var(--navbar-h,100px));min-height:0}}@media (max-width:640px){.c3d-section{--c3d-card-w:200px;--c3d-card-h:260px;--c3d-radius:300px;height:100svh;min-height:calc(var(--navbar-h,120px)+560px);justify-content:flex-start}.c3d-head{display:none}.c3d-viewport{margin-top:clamp(1rem,3svh,1.75rem)}.c3d-caption{position:relative;left:auto;right:auto;bottom:auto;margin-top:1.25rem;padding:0 1rem}.c3d-hint{display:none}.c3d-cap-desc{display:none}.c3d-controls{bottom:clamp(1.25rem,4svh,2.25rem)}}