@font-face{font-family:Outfit;src:url(/fonts/outfit.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Familjen Grotesk;src:url(/fonts/familjen.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--natt:#16231e;--skog:#223a32;--sand:#c9b9a7;--kalk:#f6f4ef;--muted:#a9b2ac;--line:#f6f4ef29}html,body{height:100%}body{background:var(--natt)}.hero *{box-sizing:border-box;margin:0;padding:0}.hero{color:var(--kalk);-webkit-font-smoothing:antialiased;isolation:isolate;grid-template-rows:auto 1fr auto;min-height:100svh;padding:clamp(24px,4vw,56px) clamp(20px,6vw,96px);font:400 17px/1.5 Familjen Grotesk,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.bg{z-index:-2;object-fit:cover;object-position:62% 51%;width:100%;height:100%;animation:2.4s cubic-bezier(.2,.7,.2,1) both in;position:absolute;inset:0}.shade{z-index:-1;background:linear-gradient(90deg,#16231ef2 0%,#16231ed9 32%,#16231e59 54%,#16231e00 72%),linear-gradient(#16231e00 76%,#16231e99 100%);position:absolute;inset:0}@keyframes in{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.logo{width:clamp(88px,9vw,128px);height:auto;animation:.9s .2s both up}.text{align-self:center;max-width:640px;padding:48px 0}.from{letter-spacing:-.02em;color:var(--sand);font:400 clamp(26px,3.2vw,44px)/1.1 Outfit,sans-serif;animation:.9s .45s both up}.hero h1{letter-spacing:-.035em;font:500 clamp(54px,8vw,112px)/.95 Outfit,sans-serif;animation:.9s .6s both up}.lead{max-width:27em;color:var(--muted);margin-top:clamp(22px,2.4vw,32px);font-size:clamp(17px,1.4vw,20px);line-height:1.5;animation:.9s .8s both up}.soon{color:var(--sand);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16231e73;border:1px solid #c9b9a759;border-radius:999px;align-items:center;gap:10px;margin-bottom:clamp(20px,2.4vw,30px);padding:8px 14px 8px 12px;font-size:14px;line-height:1;animation:.9s .3s both up;display:inline-flex}.soon i{background:var(--sand);border-radius:50%;width:7px;height:7px;animation:2.4s infinite pulse;box-shadow:0 0 #c9b9a799}@keyframes pulse{0%{box-shadow:0 0 #c9b9a78c}70%{box-shadow:0 0 0 9px #c9b9a700}to{box-shadow:0 0 #c9b9a700}}.cta{background:var(--kalk);color:var(--skog);border-radius:999px;align-items:center;gap:10px;margin-top:28px;padding:15px 24px;font:500 16px/1 Familjen Grotesk,sans-serif;text-decoration:none;transition:background .25s;animation:.9s .95s both up;display:inline-flex}.cta:hover{background:var(--sand)}.cta svg{width:16px;height:16px}.contact{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:12px 40px;padding-top:22px;font-size:15px;animation:.9s 1.1s both up;display:flex}.contact span{color:var(--sand);margin-bottom:2px;font-size:13px;display:block}.contact a{color:var(--kalk);text-decoration:none}.contact a:hover{text-underline-offset:3px;text-decoration:underline}.contact b{color:var(--kalk);font-weight:400}@media (width<=760px){.hero{min-height:0;padding:0 22px 32px;display:block}.bg{object-position:64% 51%;height:min(64svh,560px);position:absolute}.shade{background:linear-gradient(0deg,var(--natt) 0%,#16231ebf 22%,#16231e00 52%,#16231e00 78%,#16231e99 100%);height:min(64svh,560px)}.logo{width:76px;margin:22px auto 0;display:block}.text{padding:calc(min(64svh,560px) - 250px) 0 30px}.from{font-size:28px}.hero h1{font-size:60px}.lead{font-size:17px}.cta{justify-content:center;width:100%}.contact{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.contact p:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.hero,.hero *{animation:none!important}}
