*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;color:#fff;font-family:Outfit,sans-serif;overflow-x:hidden}#root{min-height:100vh}.duck-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.5rem;max-width:1200px;margin:0 auto}.hero-header{position:relative;padding-inline:1.5rem}.logo-fish{width:clamp(160px,22vw,260px);height:auto;-o-object-fit:contain;object-fit:contain;transform:rotate(-45deg)}.logo-lion{width:clamp(140px,18vw,220px);height:auto;-o-object-fit:contain;object-fit:contain}.logo-duckieren{width:clamp(160px,20vw,260px);height:auto;-o-object-fit:contain;object-fit:contain}@media(min-width:768px){.duck-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.hero-header{flex-direction:column;gap:24px}.duckieren-big{position:static;width:clamp(200px,60vw,280px);margin-top:16px}}.duck-card{aspect-ratio:1;background:#111;border-radius:4px;overflow:hidden;border:1px solid #222;position:relative;cursor:pointer}.duck-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;padding:0;filter:grayscale(1);transition:filter .3s ease}.duck-card:hover .duck-image{filter:grayscale(0)}.duck-name{position:absolute;bottom:10px;left:4px;font-size:10px;color:#fff;text-transform:uppercase;opacity:0;text-shadow:0 0 2px #000,0 0 4px #000,0 0 6px #000,0 0 8px #ffd700,0 0 12px #ffd700;transition:opacity .2s ease,text-shadow .2s ease,transform .2s ease}.duck-card:hover .duck-name{opacity:1;transform:translateY(-2px) scale(1.12)}.nav-links{display:flex;justify-content:center;gap:2rem;margin-top:2rem;font-size:11px;text-transform:uppercase;letter-spacing:2px}.nav-links button{background:none;border:none;color:#444;cursor:pointer;padding-bottom:4px}.nav-links button.active{color:#fff;border-bottom:1px solid #fff}