/* 3D STUDIO — Blender × Topaz showcase (featured section) */
.nav-link-3d{color:var(--color-accent)!important;display:inline-flex;align-items:center;gap:8px}
.nav-link-3d::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px rgba(210,255,0,.18);animation:s3d-pulse 1.8s ease-in-out infinite}

.s3d{position:relative;background:#11140c;overflow:hidden;isolation:isolate;border-top:1px solid rgba(210,255,0,.25);border-bottom:1px solid rgba(210,255,0,.12)}
.s3d::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 45% at 50% 0%,rgba(210,255,0,.14),transparent 70%),linear-gradient(rgba(235,238,224,.035) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(235,238,224,.035) 1px,transparent 1px) 0 0/64px 64px;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%)}
.s3d-inner{max-width:var(--container-width);margin:0 auto;padding:var(--space-3xl) var(--space-xl)}
.s3d-head{text-align:center;max-width:980px;margin:0 auto var(--space-2xl)}
.s3d-head .section-label{justify-content:center;flex-wrap:wrap}
.s3d-new{background:var(--color-accent);color:var(--color-bg);border-radius:100px;padding:4px 10px;font-size:.65rem;letter-spacing:.12em}
.s3d-title{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4.5rem);font-weight:400;line-height:1.12;letter-spacing:-.015em}
.s3d-title em{display:block;font-style:normal;color:var(--color-accent)}
.s3d-intro{max-width:620px;margin:var(--space-md) auto 0;color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7}

.s3d-stage{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#050704;box-shadow:0 0 0 1px rgba(210,255,0,.3),0 40px 120px -40px rgba(210,255,0,.3),0 30px 80px rgba(0,0,0,.6)}
.s3d-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease}
.s3d-screen.is-swapping{opacity:0}
.s3d-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(5,7,4,.88) 0%,rgba(5,7,4,.25) 32%,transparent 55%),linear-gradient(180deg,rgba(5,7,4,.55),transparent 22%)}
.s3d-hud{position:absolute;inset:0;z-index:2;pointer-events:none;font-size:11px;letter-spacing:.14em;font-weight:600;color:var(--color-text)}
.s3d-corner{position:absolute;width:26px;height:26px;border:2px solid var(--color-accent)}
.s3d-corner.tl{top:22px;left:22px;border-right:0;border-bottom:0}.s3d-corner.tr{top:22px;right:22px;border-left:0;border-bottom:0}.s3d-corner.bl{bottom:22px;left:22px;border-right:0;border-top:0}.s3d-corner.br{bottom:22px;right:22px;border-left:0;border-top:0}
.s3d-rec{position:absolute;top:30px;left:62px;display:flex;align-items:center;gap:10px}
.s3d-rec i{width:8px;height:8px;border-radius:50%;background:#ff3b30;animation:s3d-pulse 1.4s ease-in-out infinite}
.s3d-chain{position:absolute;top:30px;right:62px}.s3d-chain b{color:var(--color-accent);font-weight:600;margin:0 6px}
.s3d-stage-info{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:0 62px 52px}
.s3d-stage-kind{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:12px;font-weight:600}
.s3d-stage-info h3{font-family:var(--font-display);font-size:clamp(1.8rem,3.6vw,3.4rem);font-weight:400;letter-spacing:-.015em;line-height:1.1}
.s3d-watch{flex-shrink:0;border:0;cursor:pointer;box-shadow:0 10px 40px rgba(210,255,0,.3)}

.s3d-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.s3d-reel{position:relative;display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:center;padding:12px;border:1px solid rgba(235,238,224,.14);border-radius:16px;background:rgba(235,238,224,.03);color:var(--color-text);font-family:inherit;text-align:left;overflow:hidden;cursor:pointer;transition:border-color .3s,background .3s}
.s3d-reel:hover{border-color:rgba(210,255,0,.5)}
.s3d-reel.is-active{border-color:var(--color-accent);background:rgba(210,255,0,.07)}
.s3d-reel:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.s3d-reel img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:9px;filter:saturate(.75) brightness(.8);transition:filter .3s}
.s3d-reel.is-active img,.s3d-reel:hover img{filter:none}
.s3d-reel-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.s3d-reel-num{font-size:11px;color:var(--color-accent);letter-spacing:.1em}
.s3d-reel-title{font-size:1.15rem;letter-spacing:-.02em;line-height:1.2;font-weight:500}
.s3d-reel-sub{font-size:.78rem;color:var(--color-text-muted)}
.s3d-progress{position:absolute;left:0;right:0;bottom:0;height:3px}
.s3d-progress i{display:block;height:100%;width:0;background:var(--color-accent)}

.s3d-pipeline{list-style:none;padding:0;margin:var(--space-2xl) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(235,238,224,.14)}
.s3d-pipeline li{padding:30px 28px 10px 0}
.s3d-pipeline li+li{padding-left:28px;border-left:1px solid rgba(235,238,224,.14)}
.s3d-step{display:inline-block;font-size:11px;letter-spacing:.12em;color:var(--color-bg);background:var(--color-accent);border-radius:100px;padding:3px 9px;margin-bottom:22px;font-weight:600}
.s3d-pipeline h3{font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:500;letter-spacing:-.01em;margin-bottom:10px}
.s3d-pipeline p{font-size:.9rem;color:var(--color-text-muted);max-width:260px;line-height:1.6}
.s3d-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:var(--space-2xl);padding-top:34px;border-top:1px solid rgba(235,238,224,.14)}
.s3d-cta p{font-size:clamp(1.2rem,2vw,1.8rem);letter-spacing:-.01em;max-width:720px;line-height:1.3}
.s3d-cta .btn{flex-shrink:0}

.s3d-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:3vw}
.s3d-modal[hidden]{display:none}
.s3d-modal-backdrop{position:absolute;inset:0;background:rgba(5,8,3,.92);backdrop-filter:blur(10px)}
.s3d-modal-box{position:relative;width:min(1400px,100%);max-height:94vh;overflow:auto;background:#161a10;border:1px solid rgba(210,255,0,.25);border-radius:20px;padding:24px;animation:s3d-in .35s var(--ease-out-expo)}
.s3d-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}
.s3d-modal-head h3{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.6rem);font-weight:400;letter-spacing:-.015em;line-height:1.1}
.s3d-modal-close{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1px solid rgba(235,238,224,.25);background:none;color:var(--color-text);font-size:16px;cursor:pointer}
.s3d-modal-close:hover{background:var(--color-accent);color:var(--color-bg)}
#s3dModalVideo{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px}
.s3d-modal-desc{margin-top:16px;color:var(--color-text-secondary);max-width:760px;line-height:1.7}
body.s3d-lock{overflow:hidden}

@keyframes s3d-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes s3d-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.s3d-reel{grid-template-columns:1fr;gap:12px}.s3d-pipeline{grid-template-columns:1fr 1fr}.s3d-pipeline li:nth-child(3){padding-left:0;border-left:0}.s3d-pipeline li:nth-child(n+3){border-top:1px solid rgba(235,238,224,.14)}.s3d-stage-info{padding:0 40px 38px}.s3d-rec{left:52px}.s3d-chain{right:52px}}
@media(max-width:700px){.s3d-inner{padding:var(--space-2xl) var(--space-md)}.s3d-head{margin-bottom:var(--space-lg)}.s3d-title{font-size:clamp(2.1rem,9vw,3rem)}.s3d-intro{font-size:.95rem}.s3d-stage{aspect-ratio:4/5;border-radius:16px}.s3d-corner{width:18px;height:18px}.s3d-corner.tl,.s3d-corner.tr{top:14px}.s3d-corner.bl,.s3d-corner.br{bottom:14px}.s3d-corner.tl,.s3d-corner.bl{left:14px}.s3d-corner.tr,.s3d-corner.br{right:14px}.s3d-rec{top:18px;left:42px;font-size:9px}.s3d-chain{top:18px;right:42px;font-size:9px}.s3d-chain b{margin:0 3px}.s3d-stage-info{flex-direction:column;align-items:flex-start;gap:18px;padding:0 24px 32px}.s3d-stage-info h3{font-size:1.9rem}.s3d-watch{width:100%;justify-content:space-between}.s3d-reels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px}.s3d-reel{flex:0 0 70%;scroll-snap-align:start}.s3d-pipeline{grid-template-columns:1fr}.s3d-pipeline li,.s3d-pipeline li+li,.s3d-pipeline li:nth-child(3){padding:22px 0;border-left:0;border-top:1px solid rgba(235,238,224,.14)}.s3d-pipeline li:first-child{border-top:0}.s3d-step{margin-bottom:14px}.s3d-cta{flex-direction:column;align-items:flex-start}.s3d-modal{padding:12px}.s3d-modal-box{padding:16px}}
@media(max-width:420px){.s3d-chain{display:none}}
@media(prefers-reduced-motion:reduce){.nav-link-3d::before,.s3d-rec i,.s3d-modal-box{animation:none}.s3d-screen{transition:none}}