/* studioportal.org, genererad av build/build.mjs: Inter på egen origin plus canvasens helmet-stilar. */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/Inter-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/Inter-500.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/Inter-600.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700 800; font-display: swap; src: url("fonts/Inter-700.woff2") format("woff2"); }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: border-box; }
body { overflow-x: hidden; }
button { font-family: inherit; }
:focus-visible { outline: 2px solid #c2a067; outline-offset: 2px; }
body{margin:0;background:#0c0d0e}
a{color:#fefdf7}a:hover{color:#ffffff}
@keyframes spBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes spIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes spRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes spSweep{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}
@media (max-width: 640px){h1{font-size:40px !important;line-height:1.08 !important}h2{font-size:32px !important}}