/* Craft slides: Tripo3D Workflow, Tripo Pro-Tips, the custom-import spec (1-2), Advanced Workflows.
   Maestro, 2026-10-13, for Nina Ceklic (HQ e552659d). Same Aura tokens and card grammar as redesign.css:
   hairline borders, glass, mono eyebrows, one accent per slide via --act. Icons are hairline SVG, currentColor. */
.ico{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;color:var(--act)}

/* ---- Tripo3D Workflow: five picture cards, numbered ---- */
.flow-five{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:clamp(20px,4vh,44px);counter-reset:step}
.flow-five article{position:relative;display:flex;flex-direction:column;border:1px solid var(--hair);border-radius:22px;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
.flow-five figure{margin:0;height:min(34vh,300px);overflow:hidden;background:#0d0a12;border-bottom:1px solid var(--hair)}
.flow-five figure img,.flow-five figure video{width:100%;height:100%;object-fit:cover}
.flow-five .light{background:#d9d6d2}
.flow-five .light img{object-fit:contain}
.flow-five header{display:flex;align-items:center;gap:10px;padding:16px 16px 0}
.flow-five header::before{counter-increment:step;content:"0" counter(step);font:9px var(--mono);letter-spacing:.12em;color:var(--ink-4)}
.flow-five h3{margin:0;font-size:clamp(18px,1.7vw,25px);font-weight:300;letter-spacing:-.01em}
.flow-five p{margin:8px 16px 18px;color:var(--ink-3);font-size:clamp(13px,1.05vw,15px);line-height:1.45}
.flow-five article:not(:last-child)::after{content:"";position:absolute;right:-11px;top:calc(min(34vh,300px) / 2);width:11px;height:1px;background:linear-gradient(90deg,var(--rose),var(--lilac))}

/* ---- Tripo Pro-Tips: picture column + seven icon tips ---- */
.tips-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:clamp(18px,3vw,44px);align-items:center;margin-top:clamp(16px,3vh,34px)}
.tips-art{display:grid;gap:10px}
.tips-art figure{margin:0;position:relative;border:1px solid var(--hair);border-radius:20px;overflow:hidden;background:#0d0a12}
.tips-art img{width:100%;height:min(25vh,230px);object-fit:cover}
.tips-art figure.light{background:#c9c6c2}
.tips-art figure.light img{object-fit:contain}
.tips-art figcaption{position:absolute;left:10px;bottom:10px;font:8.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;background:rgba(8,5,12,.78);padding:6px 9px;border-radius:999px;color:var(--ink-2)}
.tip-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 26px;border-top:1px solid var(--hair)}
.tip-list li{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--hair)}
.tip-list li.wide{grid-column:1 / -1}
.tip-list b{display:block;font-size:clamp(15px,1.3vw,19px);font-weight:350}
.tip-list span{display:block;margin-top:4px;color:var(--ink-3);font-size:clamp(12.5px,1vw,14.5px);line-height:1.45}

/* ---- Import spec: four columns per slide ---- */
.spec-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:clamp(18px,3.4vh,40px)}
.spec-cols article{display:flex;flex-direction:column;border:1px solid var(--hair);border-radius:24px;padding:clamp(16px,1.6vw,22px);background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.02))}
.spec-cols header{display:flex;align-items:center;gap:10px;font:9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.spec-cols .big{margin:22px 0 2px;font-size:clamp(34px,3.6vw,58px);font-weight:200;letter-spacing:-.03em;line-height:1;color:var(--act)}
.spec-cols .big small{font-size:.36em;letter-spacing:.02em;color:var(--ink-3);margin-left:6px}
.spec-cols .cap{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}
.spec-cols ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
.spec-cols li{position:relative;padding-left:14px;font-size:clamp(12.5px,1vw,14.5px);line-height:1.42;color:var(--ink-2)}
.spec-cols li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:1px;background:var(--act)}
.spec-cols code{font:11px var(--mono);color:var(--ink);background:rgba(255,255,255,.07);border:1px solid var(--hair);border-radius:6px;padding:1px 5px;white-space:nowrap}
.spec-cols .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}
.spec-cols .thumb{margin:14px 0 0;border-radius:14px;overflow:hidden;border:1px solid var(--hair)}
.spec-cols .thumb img{width:100%;height:min(12vh,104px);object-fit:cover}
.spec-cols article.no{border-color:rgba(255,134,190,.42);background:linear-gradient(150deg,rgba(255,134,190,.10),rgba(255,255,255,.015))}
.spec-cols article.no .ico,.spec-cols article.no li::before{color:var(--rose);background:var(--rose)}
.spec-cols article.no .ico{background:none}
.spec-cols article.no .big{color:var(--rose)}
.spec-foot{margin-top:16px;font:9.5px/1.6 var(--mono);letter-spacing:.08em;color:var(--ink-4)}
.spec-foot a{color:var(--ink-3)}

/* ---- Advanced Workflows: three route cards + CTA ---- */
.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:clamp(18px,3.5vh,40px)}
.routes article{border:1px solid var(--hair);border-radius:24px;overflow:hidden;background:var(--glass);display:flex;flex-direction:column}
.routes figure{margin:0;height:min(30vh,270px);overflow:hidden;background:#0d0a12;border-bottom:1px solid var(--hair)}
.routes figure img{width:100%;height:100%;object-fit:cover}
.routes figure.light{background:#f4f2ef}
.routes figure.light img{object-fit:contain;padding:10px}
.routes .body{padding:18px 20px 22px}
.routes header{display:flex;align-items:center;gap:10px;font:9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--act)}
.routes h3{margin:14px 0 8px;font-size:clamp(19px,1.8vw,27px);font-weight:300;letter-spacing:-.01em}
.routes p{margin:0;color:var(--ink-3);font-size:clamp(13px,1.05vw,15px);line-height:1.5}
.nina-cta{display:flex;align-items:center;gap:clamp(14px,2vw,28px);margin-top:14px;padding:16px clamp(18px,2vw,26px);border:1px solid var(--hair-2);border-radius:999px;background:linear-gradient(100deg,rgba(255,134,190,.16),rgba(195,166,255,.10) 55%,rgba(143,215,255,.07))}
.nina-cta .ico{width:26px;height:26px;color:var(--rose)}
.nina-cta b{font-size:clamp(18px,1.7vw,25px);font-weight:300;white-space:nowrap}
.nina-cta span{color:var(--ink-2);font-size:clamp(13px,1.1vw,16px)}
.nina-cta span i{font-style:normal;color:var(--ink-4);margin:0 8px}

@media(max-width:1100px){.flow-five{grid-template-columns:repeat(3,1fr)}.flow-five article::after{display:none}.spec-cols{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.tips-grid{grid-template-columns:1fr}.tips-art{grid-template-columns:1fr 1fr}.routes{grid-template-columns:1fr}.nina-cta{border-radius:24px;flex-wrap:wrap}}
@media(max-width:600px){.flow-five,.spec-cols,.tip-list,.tips-art{grid-template-columns:1fr}.flow-five figure{height:26vh}.nina-cta b{white-space:normal}}