/* OGLASSKO global styles - shared across all site pages */

html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.grain { background-image: radial-gradient(rgba(15,20,22,.04) 1px, transparent 1px); background-size: 16px 16px; }
.underline-brand { background-image: linear-gradient(transparent 62%, rgba(51,109,118,.22) 62%); }
.pill { display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .8rem; border-radius:9999px; font-size:.78rem; font-weight:600; }
.num { font-variant-numeric: tabular-nums; }
@keyframes blink-eye { 0%,92%,100% {transform: scaleY(1);} 96% { transform: scaleY(.08); } }
.eye-anim { transform-origin: 50% 50%; animation: blink-eye 6s infinite; }
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
.fade-up { animation: fade-up .8s ease forwards; opacity: 0; transform: translateY(12px); }
@keyframes fade-up { to { opacity: 1; transform: translateY(0); } }
.link-arrow { display: inline-flex; align-items: center; gap: .35rem; color: #336D76; font-weight: 600; transition: gap .2s; }
.link-arrow:hover { gap: .55rem; }