@import url('styles.css');
.detail-hero{padding:90px 0 30px}.detail-hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(3rem,6vw,5rem);line-height:1;letter-spacing:-.045em;margin:10px 0 18px}.detail-hero p{max-width:760px;color:var(--muted);font-size:1.15rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:35px 0 110px}.detail-card{padding:28px;border:1px solid var(--card-border);border-radius:24px;background:var(--card)}.detail-card h2{margin-top:0}.detail-card p,.detail-card li{color:var(--muted)}.back-link{display:inline-block;margin-top:20px;color:var(--accent);font-weight:700}@media(max-width:760px){.detail-grid{grid-template-columns:1fr}}

.detail-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}.detail-actions .back-link{margin-top:0}
.demo-callout{margin-top:28px;padding:30px;border:1px solid rgba(126,231,207,.18);border-radius:26px;background:linear-gradient(135deg,rgba(126,231,207,.08),rgba(141,178,255,.08));display:flex;align-items:center;justify-content:space-between;gap:24px}.demo-callout h2{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 10px}.demo-callout p{max-width:700px;color:var(--muted);margin-bottom:0}.demo-callout .button{flex:0 0 auto}
@media(max-width:760px){.demo-callout{flex-direction:column;align-items:flex-start}}

.visual-story{display:grid;grid-template-columns:.65fr 1.35fr;gap:22px;align-items:stretch;padding:18px 0 36px}.visual-lead,.visual-grid figure{border:1px solid var(--card-border);border-radius:24px;background:rgba(255,255,255,.035);overflow:hidden;margin:0}.visual-lead{padding:20px;display:grid;place-items:center;min-height:240px}.visual-lead img{max-width:100%;max-height:210px;object-fit:contain}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.visual-grid.single{grid-template-columns:1fr}.visual-grid figure{display:flex;flex-direction:column}.visual-grid figure img{width:100%;height:220px;object-fit:cover;background:#eef4e7}.visual-grid figure:first-child img{object-fit:contain;padding:12px}.visual-grid figcaption{padding:14px 16px;color:var(--muted);font-size:.84rem}.zoo-story .visual-lead img{max-height:170px}.zoo-story .visual-grid figure img{height:300px;object-fit:cover;object-position:center 35%;padding:0}
@media(max-width:800px){.visual-story{grid-template-columns:1fr}.visual-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.visual-grid{grid-template-columns:1fr}.visual-grid figure img{height:200px}}
.brand-official .brand-wordmark{width:128px;height:auto;border-radius:0;box-shadow:none}.brand-official .brand-edition{font-size:.56rem}
.brand-official{background:rgba(218,219,223,.98)}