@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--color-bg:#0b0b0b;--color-surface:#1c1c1c;--color-surface-2:#141414;--color-border:#2a2a2a;--color-text:#f0e0e0;--color-text-muted:#6e6e6e;--color-text-dim:#4a4a4a;--color-primary:#e03020;--color-primary-hover:#b04040;--color-primary-soft:#e0302026;--color-accent:#c86a6a;--color-accent-strong:#a05032;--color-accent-soft:#c86a6a26;--color-cool:#2b3a4a;--color-cool-soft:#2b3a4a33;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #0009;--shadow-lg:0 20px 60px #000000b3;--glow-primary:0 0 20px #e0302040;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-display:"Fraunces", serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.4s ease}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}html,body,#root{width:100%;height:100%;margin:0}*{box-sizing:border-box}.debug{z-index:1000;color:#000;background-color:#fff;position:absolute;bottom:100px;right:100px}.navigation{z-index:1000;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;justify-content:center;align-items:center;width:100%;transition:background-color .8s linear,-webkit-backdrop-filter .8s linear,backdrop-filter .8s linear;display:flex;position:fixed;top:0;left:0}.navigation.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000059}.navigation>div{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 60px;display:flex}.navigation>div nav{flex-direction:row;justify-content:flex-start;gap:20px;padding:20px 0;display:flex}.navigation>div nav a{color:var(--color-text);font-family:var(--font-display);text-decoration:none}.navigation>div nav a:hover{color:#fff}.navigation>div .nav-logo{opacity:0;transition:opacity .5s,transform .5s;transform:scale(.8)}.navigation>div .nav-logo img{max-height:40px}.navigation>div .nav-logo.visible{opacity:1;transform:scale(1)}.hero{height:100vh;position:relative;overflow:hidden}.hero .hero-bg{z-index:-2;background-image:url(/img/susirekka_1.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:100%;position:absolute;top:0;left:0}.hero .hero-logo{z-index:0;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;inset:0}.hero .hero-logo img{height:24vw}.hero .hero-logo:before{content:"";filter:blur(40px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#000000d9 0%,#0000008c 35%,#00000040 55%,#0000 75%);width:40vw;height:40vw;position:absolute;transform:translateZ(0)}.content{max-width:1200px;margin:auto;padding:4em}.content h1{font-family:var(--font-display)}.content .anchor{position:relative;top:-50px}