@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@font-face{font-family:Coco Gothic;src:url(/assets/coco-gothic.ultralight.C1KK3_qg.ttf) format("truetype");font-weight:200}@font-face{font-family:Coco Gothic;src:url(/assets/coco-gothic.light.B0NFUVdw.ttf) format("truetype");font-weight:300}@font-face{font-family:Coco Gothic;src:url(/assets/coco-gothic.regular.RbMutpWf.ttf) format("truetype");font-weight:400}@font-face{font-family:Coco Gothic;src:url(/assets/coco-gothic.bold.5T7Q2sSh.ttf) format("truetype");font-weight:700}@font-face{font-family:Eyesome Script;src:url(/assets/eyesome-script.BfpbhRIH.otf) format("opentype");font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-brown: #a14a34;--accent-yellow: #c4b710;--neutral-gray: #5c5e47;--pure-white: #ffffff;--warm-pink: #bc7561;--olive-green: #6f7358;--pure-black: #000000;--light-black: #252525}html,body{line-height:1.5;background-color:var(--pure-black);color:var(--neutral-gray);min-height:100vh;width:100%;margin:0;display:flex;justify-content:center;align-items:flex-start}#root{max-width:1280px;width:100%;display:flex;justify-content:center}.grid-container{display:grid;grid-template-rows:auto 1fr;width:100%;margin:0 auto}.box-row{display:grid;grid-template-columns:repeat(5,1fr);z-index:2}.parallax-container{display:flex;flex-direction:column}.parallax{background-repeat:no-repeat;background-position:center;background-origin:content-box}.parallax-bg-1{position:sticky;top:0;z-index:2;height:195px;background-size:20%;background-color:var(--pure-black);display:flex;align-items:center;justify-content:center;flex-direction:column}.kahvila-text{position:absolute;top:15px;margin-left:20px}.huiloo-text{margin-top:90px}.parallax-bg-2{background-image:url(/assets/seina.PaPuefFx.png);position:relative;z-index:1;height:calc(100vw / 3.14);width:100vw;background-position:center;background-size:cover;background:linear-gradient(to top,#0000 90%,#000),url(/assets/seina.PaPuefFx.png);background-size:contain;background-repeat:no-repeat;background-attachment:scroll}.expanded-area{min-height:1000px;width:100%;display:flex;align-items:flex-start;justify-content:center;color:#fff;transition:background-color .3s ease}.grid-box{height:200px;display:flex;align-items:center;justify-content:center;color:#333;cursor:pointer;transition:opacity .3s ease;background-repeat:no-repeat;background-position:center;background-origin:content-box;background-size:contain;min-width:80px}.grid-box:nth-child(1){background-image:url(/assets/pollo_kulta.W4tOvpfR.png);padding:10px;background-size:50%}.grid-box:nth-child(2){background-image:url(/assets/vohveli.DjaC1qQZ.png);padding:10px;background-size:50%}.grid-box:nth-child(3){background-image:url(/assets/maalaus.8aCjLx5F.png);padding:10px;background-size:70%}.grid-box:nth-child(4){background-image:url(/assets/mikki.XKl1Sj9e.png);padding:10px;background-size:80%}.grid-box:nth-child(5){background-image:url(/assets/pankkikortti.Dv6X4aiZ.png);padding:10px;background-size:70%}.grid-box h2{margin:0;color:#fff}@media (max-width: 600px){.parallax-bg-1{height:150px}.parallax-bg-2{height:50vw}.grid-container{display:grid;grid-template-rows:auto 1fr}.box-row{grid-template-columns:repeat(5,1fr);background:var(--pure-black)}.grid-box{height:80px;padding:5px;background-size:40%}.grid-box h2{font-size:14px}}@media (max-width: 400px){.box-row{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto;gap:5px}.grid-box{height:80px;background-size:35%}.grid-box:first-child{grid-column:1 / -1}}.grid-box{font-family:Coco Gothic,sans-serif;font-weight:900;letter-spacing:.08em;line-height:1.5;color:#213547;font-size:min(18px,1.8vw);text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.kahvila-text{position:absolute;font-family:Coco Gothic,sans-serif;font-size:30px;color:var(--warm-pink);letter-spacing:.08em;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.huiloo-text{margin-top:90px;font-family:Eyesome Script;color:var(--pure-white);font-size:150px;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}@media (max-width: 600px){.section-title{font-size:3.5rem}.card-title{font-size:2rem}.main-description{font-size:1.6rem}.info-text p,.menu-list li{font-size:1.2rem}.kahvila-text{font-size:25px;margin-top:-10px}.grid-box{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}}@media (max-width: 400px){.huiloo-text{font-size:90px;margin-top:45px}.kahvila-text{font-size:19px;margin-top:10px}}