/* Aus der Referenz abgeleitete Werte, Stand 01.10.2026.
   Eigene lizenzierte Webfont-Datei hier ablegen und im Editor ABC Diatype wählen. */
@font-face { font-family: 'Portfolio Diatype'; src: url('assets/fonts/Switzer-Medium.ttf') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
:root {
  --font: Switzer-Medium, sans-serif;
  --text-size: 14px; --line-height: 16px; --weight: 400;
  --background: #fff; --text: #000; --muted: #999; --accent: #f00;
  --underline: 1.5px; --underline-offset: 1px;
  --columns: 8; --gutter: 16px; --margin: 12px;
  --column: calc((100vw - 2 * var(--margin) - (var(--columns) - 1) * var(--gutter)) / var(--columns));
  --hover-opacity: .6; --hover-duration: 200ms; --slide-duration: 1000ms;
  --ease: cubic-bezier(.4,0,.2,1); --header-bottom: 240px;
  --negative-lens-diameter: 1cm;
}
@media(min-width:750px) { :root { --columns:9; --gutter:24px; --margin:16px; } }
@media(min-width:1024px) { :root { --columns:16; } }
@media(min-width:2000px) { :root { --columns:18; } }