.project-detail.svelte-eb0dg4{background:var(--bg);padding-top:8rem}.container.svelte-eb0dg4{max-width:1200px;margin:0 auto;padding:0 2rem}.back-btn.svelte-eb0dg4{display:inline-flex;align-items:center;font-size:.85rem;font-weight:700;color:var(--mu);text-decoration:none;transition:color .2s;margin-bottom:2rem}.back-btn.svelte-eb0dg4:hover{color:var(--gold1)}.hero.svelte-eb0dg4{padding:4rem 0 8rem}.grid-hero.svelte-eb0dg4{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.pcat.svelte-eb0dg4{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--gold1);margin-bottom:1.5rem}.pname.svelte-eb0dg4{font-family:var(--serif);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;color:var(--ink);margin-bottom:1.5rem;letter-spacing:-.04em}.pname.svelte-eb0dg4 em:where(.svelte-eb0dg4){font-style:italic;font-weight:300;color:var(--gold1)}.pdesc.svelte-eb0dg4{font-size:1.1rem;color:var(--mu);line-height:1.8;margin-bottom:2.5rem;max-width:50ch}.bprim.svelte-eb0dg4{display:inline-flex;align-items:center;background:var(--ink);color:var(--gold2);padding:1rem 2rem;border-radius:var(--r);font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 4px 20px #00000026}.bprim.svelte-eb0dg4:hover{transform:translateY(-2px);background:#1a1a1a;box-shadow:0 8px 30px #00000040}.p-frame.svelte-eb0dg4{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #b8720a26;border:1px solid var(--bd2);aspect-ratio:4 / 3;display:flex;flex-direction:column}.p-browser.svelte-eb0dg4{background:#f1f1f1;padding:10px 15px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #ddd}.p-dots.svelte-eb0dg4{display:flex;gap:6px}.p-dots.svelte-eb0dg4 span:where(.svelte-eb0dg4){width:8px;height:8px;border-radius:50%;background:#ccc}.p-dots.svelte-eb0dg4 span:where(.svelte-eb0dg4):nth-child(1){background:#ff5f56}.p-dots.svelte-eb0dg4 span:where(.svelte-eb0dg4):nth-child(2){background:#ffbd2e}.p-dots.svelte-eb0dg4 span:where(.svelte-eb0dg4):nth-child(3){background:#27c93f}.p-url.svelte-eb0dg4{background:#fff;border-radius:4px;padding:2px 10px;font-size:.7rem;color:#999;flex-grow:1;text-align:center}.p-screen.svelte-eb0dg4{flex:1;position:relative;overflow:hidden}.p-screen.svelte-eb0dg4 img:where(.svelte-eb0dg4){width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top}.features.svelte-eb0dg4{padding:8rem 0}.section-title.svelte-eb0dg4{font-family:var(--serif);font-size:2.5rem;font-weight:800;margin-bottom:4rem;color:var(--ink);text-align:center}.section-title.svelte-eb0dg4 em:where(.svelte-eb0dg4){font-style:italic;font-weight:300;color:var(--gold1)}.features-grid.svelte-eb0dg4{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.fcard.svelte-eb0dg4{background:#fff;padding:2.5rem;border-radius:var(--rl);border:1px solid var(--bd2);transition:all .3s ease}.fcard.svelte-eb0dg4:hover{border-color:var(--gold1);transform:translateY(-5px)}.ficon.svelte-eb0dg4{width:48px;height:48px;background:var(--s1);color:var(--gold1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.fcard.svelte-eb0dg4 h3:where(.svelte-eb0dg4){font-size:1.25rem;font-weight:800;margin-bottom:1rem;color:var(--ink)}.fcard.svelte-eb0dg4 p:where(.svelte-eb0dg4){font-size:.95rem;color:var(--mu);line-height:1.6}.artifacts.svelte-eb0dg4{padding:8rem 0;background:var(--s1)}.artifacts-grid.svelte-eb0dg4{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.artifact-item.svelte-eb0dg4{border-radius:var(--rl);overflow:hidden;border:1px solid var(--bd2);box-shadow:0 10px 30px #0000000d;aspect-ratio:4 / 3;background:#fff}.artifact-item.svelte-eb0dg4 img:where(.svelte-eb0dg4){width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.artifact-item.big.svelte-eb0dg4{grid-row:span 2;aspect-ratio:auto}.gold-rule.svelte-eb0dg4{height:1px;background:linear-gradient(to right,transparent,var(--gold2),var(--gold1),var(--gold2),transparent);opacity:.3;border:none}@media (max-width: 960px){.grid-hero.svelte-eb0dg4{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-text.svelte-eb0dg4{order:2}.hero-visual.svelte-eb0dg4{order:1}.pdesc.svelte-eb0dg4{margin-left:auto;margin-right:auto}.artifacts-grid.svelte-eb0dg4{grid-template-columns:1fr}}
