/* Compact real media and quiet native interactions. */
.insight-body{padding:24px}.insight-card{min-height:0}
.hero-product,.sec-video .video,.prose figure,.product-screenshot{max-width:560px;margin-inline:auto}
.sec-video video,.product-screenshot img,.prose figure img{width:100%;height:auto}
.card-media{max-height:160px}.quick-view{margin:0 0 14px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;font-size:.85rem}
.quick-view:hover{border-color:var(--link);color:var(--link)}.no-js .quick-view{display:none}
.project-dialog img{display:block;width:100%;max-height:260px;object-fit:contain;margin-bottom:20px}.contact-dialog a{overflow-wrap:anywhere}
.mobile-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(360px,calc(100% - 32px));height:100dvh;max-height:100dvh;max-width:none;border:0;border-left:1px solid var(--line);padding:24px;background:var(--surface);color:var(--ink)}
.mobile-panel nav{display:flex;flex-direction:column;gap:8px}.mobile-panel nav a{padding:14px;border-radius:12px;text-decoration:none}.mobile-panel nav a:hover{background:var(--surface-2)}
@media(prefers-reduced-motion:no-preference){.card,.insight-card{transition:transform .22s ease,box-shadow .22s ease}.card:hover,.insight-card:hover{transform:translateY(-3px)}.reveal-ready{opacity:0;transform:translateY(12px)}.reveal-ready.is-revealed{opacity:1;transform:none;transition:opacity .4s ease,transform .4s ease}.mobile-panel[open]{animation:panel-enter .22s ease-out}@keyframes panel-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.mobile-panel{animation:none}}
@media(prefers-reduced-motion:no-preference){.reveal-ready.is-revealed:hover{transform:translateY(-3px)}}