*,:before,:after{box-sizing:border-box;margin:0;padding:0}img,picture,video,canvas,svg{max-width:100%;display:block}svg{fill:currentColor}ul,ol{list-style:none}a{text-decoration:none;display:inline-block}p a{text-decoration:underline}input,button,textarea,select{font:inherit;background:0 0;border:none}button{cursor:pointer;display:block}@font-face{font-family:Inter;src:url(/fonts/inter-variable.woff2)format("woff2 supports variations"),url(/fonts/inter-variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo-variable.woff2)format("woff2 supports variations"),url(/fonts/archivo-variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--color-primary:#223d34;--color-secondary:#eee;--color-accent:#d19629;--color-background:#f8fafc;--color-background-inverse:#121212;--text-primary:#212529;--text-muted:#333;--text-primary-inverse:#f8f9fa;--text-muted-inverse:#e9ecef}@media (prefers-color-scheme:dark){:root{--color-primary:#223d34;--color-secondary:#1b1b1c;--color-accent:blue;--color-background:#0e0e0e;--color-background-inverse:#f8fafc;--text-primary:#f8f9fa;--text-muted:#e9ecef;--text-primary-inverse:#212529;--text-muted-inverse:#333}}:root[data-theme=light]{--color-primary:#223d34;--color-secondary:#eee;--color-accent:#d19629;--color-background:#f8fafc;--color-background-inverse:#121212;--text-primary:#212529;--text-muted:#333;--text-primary-inverse:#f8f9fa;--text-muted-inverse:#e9ecef}:root[data-theme=dark]{--color-primary:#223d34;--color-secondary:#1b1b1c;--color-accent:blue;--color-background:#0e0e0e;--color-background-inverse:#f8fafc;--text-primary:#f8f9fa;--text-muted:#e9ecef;--text-primary-inverse:#212529;--text-muted-inverse:#333}:root{font-size:clamp(1rem,.1vw + 1rem,1.125rem)}body{color:var(--text-muted);background-color:var(--color-background);font-family:Inter,Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.5;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}a{color:inherit}:focus-visible{outline:solid 2px var(--color-accent)}.icon{aspect-ratio:1;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;width:1em;display:inline-block}.hidden{display:none}.no-scroll{overflow:hidden}button{color:var(--text-primary);text-align:center}body{grid-template-rows:auto auto 1fr auto;min-height:100svh;display:grid}.header-content,.main-content,.footer-content{max-width:1400px;margin:0 auto;display:grid}.main-content{margin:3rem auto;padding:0 clamp(1.5rem,5vw,3rem)}.wave-container{-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-start;width:100%;height:200px;display:flex;overflow:hidden}.wave-container2{transform:rotate(180deg)}.waves{flex-shrink:0;width:2560px;min-width:2560px;max-width:2560px;height:200px}header{background-color:var(--color-primary);padding:1rem clamp(1.5rem,5vw,3rem);position:relative;overflow:hidden}.header-content{grid-template-columns:1fr auto;display:grid}:root[data-theme=light] header{color:var(--text-primary-inverse)}.nav-list ul{inset:var(--header-height) 0 0 0;background-color:var(--color-primary);z-index:100;flex-direction:column;justify-content:space-around;align-items:center;gap:2rem;display:none;position:fixed}.nav-list ul a{padding:2rem 0}.hamburger-button{font-size:2em;display:flex}body:has([data-open=true]){overflow:hidden}.nav-list[data-open=true] ul{font-size:1.3em;display:flex}.active-page{position:relative}.active-page:after{content:"";background-color:var(--text-primary);width:100%;height:1px;position:absolute;bottom:1.8rem;left:0}:root[data-theme=light] .hamburger-button{color:var(--text-primary-inverse)}:root[data-theme=light] .active-page:after{background-color:var(--text-primary-inverse)}@media (width>=992px){.nav-list ul{inset:unset;flex-direction:row;display:flex;position:static}.nav-list ul a{padding:1ch 0}.active-page:after{bottom:.8ch}.hamburger-button{display:none}}footer{background-color:var(--color-primary);padding:2rem clamp(1.5rem,5vw,3rem)}footer .icon{width:1.5em;stroke:var(--text-muted)}#fb{filter:invert();cursor:pointer;-webkit-user-select:none;user-select:none;width:1.5rem;transition:transform .2s ease-out,filter .15s ease-out}#fb:hover{filter:invert()drop-shadow(1px 1px 2px #1877f2)drop-shadow(-1px -1px 4px #1877f2);transform:scale(1.2)}:root[data-theme=light] footer{color:var(--text-primary-inverse)}:root[data-theme=light] footer .icon{stroke:var(--text-primary-inverse)}.footer-content ul{place-items:center;gap:2rem;display:grid}@media (width>=800px){.footer-content ul{grid-template-columns:repeat(3,1fr)}}main{padding:0 clamp(1.5rem,5vw,3rem)}.index-main{margin:0 auto}.hero-container{place-items:center;margin:3rem 0;display:grid}.hero-container img{-webkit-user-select:none;user-select:none;max-height:6rem}:root[data-theme=dark] .hero-container img{filter:grayscale()brightness(5)}:root[data-theme=dark] .link-container a{color:var(--text-primary)}.welcome-container{text-align:center;gap:2rem;margin:1rem 0 6rem;font-size:1.1em;display:grid;position:relative}.welcome-container p{max-width:clamp(40ch,80%,60ch);margin:auto}.link-container{gap:2rem;margin:auto;display:flex}.link-container a{color:var(--text-primary-inverse);background-color:var(--color-primary);border-radius:1ch;padding:1ch 2ch}.info-content{text-align:center;width:fit-content;margin:2rem auto}.info-content>ul{grid-template-columns:repeat(3,1fr);justify-content:space-between;gap:2rem;display:grid}.info-content>ul h3{margin-bottom:.5ch}.info-content>ul ul{gap:.5ch;display:grid}.times-list li{gap:.5ch}@media (width<=900px){.info-content>ul{grid-template-columns:1fr}.info-content>ul li{margin:auto}}.not-found-main{grid-template-rows:1fr 1fr;place-items:center;width:100%;max-width:none;height:100%;margin:3rem 0;display:grid}.not-found-main section{text-align:center}.not-found-main h1{width:fit-content;height:fit-content;font-size:5rem}.not-found-main a{color:var(--text-muted-inverse);background-color:var(--color-accent);border-radius:1rem;margin-top:1.5rem;padding:1rem 2rem;transition:background-color .15s}.not-found-main a:hover{background-color:color-mix(in srgb, var(--color-accent), black 50%)}.not-found-main a:active{transform:scale(.97)}:root[data-theme=dark] .not-found-main a{color:var(--text-muted)}.menu-main{background-color:var(--color-secondary);text-align:center;border-radius:1rem;gap:2rem;padding:clamp(1.5rem,5vw,3rem);display:grid;box-shadow:0 1px 2px #00000005,0 2px 4px #00000005,0 4px 8px #00000005,0 8px 16px #00000005,0 16px 32px #00000005}.menu-container{gap:3rem;display:grid}.menu-container div h2{margin-bottom:1rem}.menu-container div p{max-width:80%;margin:auto}.menu-container div .dish-container:not(:last-child){margin-bottom:1rem}.appetizers-content:empty:before{content:"Hämtar förrätter från servern... Vänligen vänta";color:#888;font-style:italic}.mains-content:empty:before{content:"Hämtar huvudrätter från servern... Vänligen vänta";color:#888;font-style:italic}.desserts-content:empty:before{content:"Hämtar desserter från servern... Vänligen vänta";color:#888;font-style:italic}.drinks-content:empty:before{content:"Hämtar dryck från servern... Vänligen vänta";color:#888;font-style:italic}.about-main{background-color:var(--color-secondary);text-align:center;border-radius:1rem;padding:3rem 0;display:grid;box-shadow:0 1px 2px #00000005,0 2px 4px #00000005,0 4px 8px #00000005,0 8px 16px #00000005,0 16px 32px #00000005}.about-main section{padding:0 clamp(1.5rem,5vw,3rem)}.about-main h2{font-size:1.75em}.about-main img{object-fit:cover;object-position:center;width:100%;height:300px;margin-bottom:4rem;position:relative}.about-hero{gap:2rem;margin-bottom:2rem;display:grid}.about-story h2{margin-bottom:2rem}.about-story p{max-width:clamp(40ch,80%,60ch);margin:auto}.about-story p~p{margin:1ch auto 2rem}.about-values{gap:2rem;margin-bottom:2rem;display:grid}.about-values~picture img{object-position:bottom center}.values-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.values-grid .value-card{grid-template-rows:auto 1fr;gap:1ch;display:grid}.about-team h2{margin-bottom:3rem}.team-container{grid-template-columns:1fr 1fr;justify-content:center;gap:2rem;display:grid}.team-member{place-items:center;gap:1ch;max-width:clamp(40ch,80%,60ch);margin:auto;display:grid}.team-member picture{aspect-ratio:1;width:fit-content}.team-member img{border-radius:50%;width:100%;max-width:20rem;height:100%;max-height:20rem;margin-bottom:1ch}@media (width<=900px){.about-main img{max-height:200px}.values-grid{grid-template-columns:1fr;gap:3rem}.team-container{grid-template-columns:1fr;gap:5rem}.team-container img{max-height:20rem}}
