@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Italiana&display=swap";:root{--cream:#eee7d8;--ink:#17110d;--rust:#bd4b2b;--story-p:0;--menu-p:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{color:var(--cream);margin:0;font-family:DM Sans,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#130d0988;border-bottom:1px solid #fff2;justify-content:space-between;align-items:center;height:86px;padding:0 4vw;display:flex;position:fixed;inset:0 0 auto}.logo{color:#fff;width:160px;position:relative}.logo small{letter-spacing:.15em;font-size:7px;display:block}.logo strong{letter-spacing:.34em;font:600 19px DM Sans}.logo i{background:#fff;height:1px;position:absolute;bottom:-3px;left:0;right:5px}.logo:after{content:"";background:#fff;width:45px;height:1px;position:absolute;top:0;right:0}nav{gap:32px;font-size:12px;display:flex}nav a{opacity:.72;transition:all .2s}nav a:hover{opacity:1}.menuBtn{color:#fff;background:0 0;border:0;display:none}.hero{align-items:flex-end;height:105svh;padding:10vw 6vw 11vh;display:flex;position:relative;overflow:hidden}.heroBg,.interiorBg{background:url(/assets/kafenion-hero.png) 50%/cover;position:absolute;inset:-4%;transform:scale(1.06)}.veil{background:linear-gradient(90deg,#130c07e5,#0000 72%),linear-gradient(#0000 45%,#17100bb8);position:absolute;inset:0}.heroCopy{z-index:2;position:relative}.eyebrow{letter-spacing:.25em;text-transform:uppercase;font-size:10px;font-weight:600}.hero h1,.storyIntro h2,.menuTitle h2,.recognition h2,.proof h2,.visit h2{letter-spacing:-.045em;margin:24px 0;font:400 clamp(65px,9vw,145px)/.8 Italiana}.hero h1 i,.storyIntro h2 i,.menuTitle h2 i,.recognition h2 i,.visit h2 i{color:#d57b5b;font-weight:400}.intro{color:#e5dacb;max-width:440px;font-size:16px;line-height:1.6}.round{border:1px solid #fff7;border-radius:50%;place-items:center;width:55px;height:55px;margin-top:32px;display:grid}.rating{z-index:2;align-items:center;gap:14px;display:flex;position:absolute;bottom:9vh;right:5vw}.rating strong{font:55px Italiana}.rating span{letter-spacing:.1em;text-transform:uppercase;font-size:10px;line-height:1.8}.rating svg{width:11px}.openTag{z-index:2;letter-spacing:.14em;text-transform:uppercase;font-size:10px;position:absolute;top:110px;right:4vw}.openTag span{background:#a6cb78;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.softEdge{z-index:4;background:linear-gradient(transparent, var(--ink));pointer-events:none;height:54px;position:absolute;bottom:-2px;left:0;right:0}.softEdge.bottom{background:linear-gradient(transparent, var(--ink));height:38px;bottom:-2px}.storyJourney{background:var(--ink);height:420vh;margin-top:-2px;position:relative}.storySticky{height:100vh;padding:13vh 6vw;position:sticky;top:0;overflow:hidden}.storyAtmosphere{opacity:.95;background:radial-gradient(circle at 80% 20%,#8c3e2730,#0000 36%),linear-gradient(130deg,#241710,#100c09);position:absolute;inset:0}.storyIntro{z-index:2;position:relative}.storyIntro h2{margin:18px 0;font-size:clamp(52px,6vw,90px)}.orbit{z-index:3;grid-template-columns:repeat(4,1fr);gap:3vw;display:grid;position:absolute;bottom:18vh;left:6vw;right:6vw}.orbitLine{background:#ffffff25;height:1px;position:absolute;top:53px;left:0;right:0}.orbitLine span{background:#cf6b49;height:100%;transition:all .7s;display:block}.orbit article{opacity:.28;transition:all .7s;position:relative;transform:translateY(20px)}.orbit article.active{opacity:1;transform:none}.orbit article>b{background:var(--ink);z-index:2;border:1px solid #fff8;border-radius:50%;place-items:center;width:42px;height:42px;font-size:10px;display:grid;position:relative}.cityPic{filter:saturate(.72)brightness(.82);background-position:50%;background-size:cover;border-radius:70px 70px 8px 8px;width:100%;height:132px;margin:18px 0;transition:all .7s;box-shadow:inset 0 0 0 1px #fff2}.orbit article.active .cityPic{filter:saturate(.95)brightness();border-radius:8px 70px}.orbit h3{margin:0;font:31px Italiana}.orbit p{opacity:.7;font-size:11px}.orbit small{letter-spacing:.16em;font-size:9px}.storyWords{z-index:2;width:41vw;animation:.7s fade;position:absolute;top:16vh;right:6vw}.storyWords span{color:#ffffff0c;font:100px Italiana}.storyWords p{max-width:680px;margin-top:-35px;font:30px/1.42 Italiana}.menuScene{height:440vh;position:relative}.menuScene:before{content:"";z-index:8;background:linear-gradient(var(--ink), transparent);pointer-events:none;height:58px;position:absolute;top:0;left:0;right:0}.menuSticky{height:100vh;position:sticky;top:0;overflow:hidden}.interiorBg{transform:scale(calc(1.1 - var(--menu-p) * .08));filter:brightness(.58);background-image:url(/assets/kafenion-interior.png)}.menuVeil{background:linear-gradient(90deg,#100a07d9,#0000 46%,#100a07c7);position:absolute;inset:0}.menuTitle{z-index:2;position:absolute;top:16vh;left:6vw}.menuTitle h2{font-size:clamp(54px,6.8vw,100px)}.foodStage{z-index:4;perspective:1200px;width:42vw;height:60vh;position:absolute;top:53%;left:49%;transform:translate(-50%,-50%)}.foodStage img{object-fit:contain;object-position:center;opacity:0;width:100%;height:100%;transform:translateX(calc(var(--delta) * 55%)) rotateY(calc(var(--delta) * 28deg)) scale(.65);filter:drop-shadow(0 35px 28px #000b);transition:opacity .65s,transform .85s cubic-bezier(.2,.8,.2,1);position:absolute}.foodStage img.active{opacity:1;transform:translateX(0) rotateY(calc((var(--menu-p) - .5) * -16deg)) rotateX(calc((var(--menu-p) - .5) * 8deg)) scale(1)}.handShadow{filter:blur(30px);background:#0008;border-radius:50%;height:10%;position:absolute;bottom:7%;left:13%;right:13%}.dishInfo{z-index:5;border-top:1px solid #fff7;width:300px;padding-top:18px;animation:.6s fade;position:absolute;bottom:14vh;right:5vw}.dishInfo>span{letter-spacing:.18em;font-size:10px}.dishInfo h3{margin:20px 0 8px;font:38px Italiana}.dishInfo p{color:#d9cbbc;font-size:12px}.dishInfo strong{margin-top:20px;display:block}.progress{gap:5px;margin-top:26px;display:flex}.progress i{background:#fff3;width:28px;height:2px}.progress i.on{background:#fff}.scrollHint{z-index:5;letter-spacing:.2em;text-transform:uppercase;gap:8px;font-size:9px;display:flex;position:absolute;bottom:6vh;left:6vw}.scrollHint svg{width:13px}@keyframes fade{0%{opacity:0;transform:translateY(15px)}}.recognition{background:var(--cream);min-height:100vh;color:var(--ink);z-index:6;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8vw;padding:10vw 7vw 11vw;display:grid;position:relative}.recognition:before{content:"";background:var(--cream);pointer-events:none;border-radius:50% 50% 0 0/100% 100% 0 0;height:56px;position:absolute;top:-54px;left:-10%;right:-10%;box-shadow:0 -12px 28px #eee7d830}.recognitionIntro{max-width:640px}.recognition h2{margin:22px 0 38px;font-size:clamp(65px,7.5vw,118px)}.laurelMark{border:1px solid #281b1450;border-radius:50% 50% 8px;place-items:center;width:70px;height:70px;margin-top:38px;display:grid;transform:rotate(-8deg)}.laurelMark svg{width:30px;color:var(--rust);transform:rotate(8deg)}.recognitionCopy{letter-spacing:.005em;color:#21160f;max-width:500px;font-family:Italiana,serif;font-size:24px;font-weight:600;line-height:1.52}.textLink{letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #271a1480;align-items:center;gap:34px;margin-top:30px;padding-bottom:9px;font-size:11px;display:inline-flex}.textLink svg{width:16px}.rewardCards{height:690px;position:relative}.rewardCard{background:#fff;border-radius:28px;width:min(365px,62%);padding:12px;position:absolute;box-shadow:0 35px 65px #3b26172b}.rewardCard>img{object-fit:cover;object-position:center top;border-radius:19px;width:100%;height:480px;display:block}.awardCaption{color:var(--ink);padding:18px 14px 12px}.awardCaption small{letter-spacing:.14em;text-transform:uppercase;opacity:.55;font-size:9px}.awardCaption h3{margin:8px 0 0;font:25px/1.1 Italiana}.rewardCard.horeca{top:5px;left:0;transform:rotate(-4deg)}.rewardCard.guru{top:80px;right:0;transform:rotate(4deg)}.rewardCard.guru>img{object-fit:contain;background:#f4f4f4}.rewardNote{color:#56473d;margin:0;font:24px/1.35 Italiana;position:absolute;bottom:0;left:3vw}.proof{color:#180f0a;z-index:6;background:#c45735;padding:13vw 6vw 10vw;position:relative}.proof:before{content:"";pointer-events:none;background:#c45735;border-radius:50% 50% 0 0/100% 100% 0 0;height:56px;position:absolute;top:-54px;left:-10%;right:-10%;box-shadow:0 -12px 28px #c4573530}.proofTop{justify-content:space-between;align-items:flex-end;display:flex}.proof h2{margin-bottom:0;font-size:clamp(52px,7vw,105px)}.score{align-items:center;gap:25px;margin-bottom:12px;display:flex}.score>strong{font:100px Italiana}.score div{letter-spacing:.13em;font-size:18px}.score span{margin-top:8px;font-size:9px;display:block}.reviews{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;margin-top:7vw;display:grid}.reviews article{background:#eee5d3;border-radius:42px 42px 42px 8px;flex-direction:column;justify-content:space-between;min-height:290px;padding:28px 30px 32px;display:flex;transform:rotate(-1.2deg);box-shadow:0 24px 50px #5b1e1022}.reviews article+article{padding-left:30px;transform:translateY(28px)rotate(1deg)}.reviews article:nth-child(3){transform:translateY(-10px)rotate(-.5deg)}.reviewMeta{align-items:center;gap:12px;display:flex}.reviewMeta b{color:#eee5d3;background:#c45735;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;display:grid}.reviews .reviewMeta span,.reviews small{text-transform:uppercase;letter-spacing:.13em;font-size:10px}.reviews p{margin:32px 0;font:31px/1.25 Italiana}.reviews small{opacity:.55}.awards{color:var(--cream);grid-template-columns:repeat(3,1fr);gap:12px;margin-top:78px;display:grid}.awards div{background:var(--ink);border-radius:999px;grid-template-columns:auto 1fr;gap:4px 14px;padding:24px 28px;display:grid}.awards svg{color:#d87855;grid-row:1/3;width:25px}.awards b{font:19px Italiana}.awards span{letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:9px}.visit{color:var(--ink);z-index:7;background:#d8d0c0;grid-template-columns:1fr 1.1fr;gap:0;min-height:90vh;margin-top:0;padding:4vw;display:grid;position:relative}.visit:before{content:"";pointer-events:none;background:#d8d0c0;border-radius:50% 50% 0 0/100% 100% 0 0;height:56px;position:absolute;top:-54px;left:-10%;right:-10%;box-shadow:0 -12px 28px #d8d0c030}.visitCopy{padding:8vw 5vw}.visit h2{font-size:clamp(58px,7vw,105px)}.info{grid-template-columns:1fr 1fr;gap:14px;margin:45px 0;display:grid}.info div{background:#eee8dc9c;border-radius:34px 34px 34px 8px;gap:14px;padding:18px 20px;font-size:15px;line-height:1.65;display:flex}.info svg{width:20px;color:var(--rust);flex:0 0 20px}.cta{background:var(--ink);color:#fff;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:55px;padding:18px 23px;font-size:11px;display:inline-flex}.cta svg{width:16px}.realMap{filter:sepia(.35)saturate(.65);border-radius:90px 20px;min-height:600px;position:relative;overflow:hidden;box-shadow:0 35px 70px #574a3530}.realMap iframe{border:0;width:100%;height:100%}.realMap>a{color:#111;text-transform:uppercase;letter-spacing:.1em;background:#fff;align-items:center;gap:10px;padding:13px 18px;font-size:11px;display:flex;position:absolute;bottom:35px;left:35px;box-shadow:0 8px 25px #0003}.realMap>a span{background:var(--rust);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.realMap svg{width:14px}footer{z-index:9;background:#120d09;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:6vw;padding:10vw 6vw 8vw;display:grid;position:relative}footer:before{content:"";pointer-events:none;background:#120d09;border-radius:50% 50% 0 0/100% 100% 0 0;height:56px;position:absolute;top:-54px;left:-10%;right:-10%;box-shadow:0 -12px 28px #120d0930}footer>div{flex-direction:column;align-items:flex-start;gap:13px;display:flex}footer small{letter-spacing:.2em;opacity:.5;font-size:11px}footer a,footer p{margin:0;font-size:15px;line-height:1.7}.footerBrand p{margin-top:45px;font:38px/1.22 Italiana}.footerEnd{justify-content:flex-end}.footerEnd b{color:#d87855;font:46px Italiana}.footerEnd span{opacity:.45;font-size:11px}.footerEnd .designCredit{letter-spacing:.08em;opacity:.72;margin-top:14px;font-size:12px}.designCredit em{color:#d87855;font-style:normal;font-weight:600}@media (width<=760px){header{height:70px}.logo{width:130px}nav{display:none}.menuBtn{display:block}.mobileNav{z-index:49;background:#17110d;flex-direction:column;justify-content:center;gap:24px;padding:10vw;font:40px Italiana;display:flex;position:fixed;inset:0}.hero{padding:0 6vw 11vh}.hero h1{font-size:64px}.rating{display:none}.storyWords{width:88vw;top:39vh;right:6vw}.storyWords span{font-size:65px}.storyWords p{font-size:20px}.orbit{transform:translateX(calc(var(--story-p) * -216vw));grid-template-columns:repeat(4,72vw);transition:all .4s;overflow:hidden}.orbitLine{display:none}.orbit article{opacity:.35}.orbit article.active{opacity:1}.cityPic{height:100px}.menuTitle{top:12vh}.foodStage{width:88vw;height:50vh;top:52%}.dishInfo{width:88vw;bottom:10vh;right:6vw}.recognition{grid-template-columns:1fr;gap:70px;min-height:auto;padding:24vw 7vw 28vw}.recognition h2{font-size:64px}.recognitionCopy{font-size:21px}.rewardCards{flex-direction:column;gap:24px;height:auto;display:flex}.rewardCard{width:100%;padding:10px;position:relative;inset:auto!important;transform:none!important}.rewardCard>img{object-fit:contain;height:auto;max-height:none}.awardCaption h3{font-size:25px}.rewardNote{margin-top:30px;position:static}.proofTop{display:block}.score{margin-top:45px}.score>strong{font-size:75px}.reviews{grid-template-columns:1fr}.reviews article{min-height:240px;margin-bottom:10px;transform:none!important}.reviews p{min-height:auto}.awards{grid-template-columns:1fr}.visit{grid-template-columns:1fr;padding:7vw}.info{grid-template-columns:1fr}.realMap{min-height:55vh}footer{grid-template-columns:1fr 1fr}.footerBrand,.footerEnd{grid-column:1/-1}.footerEnd{margin-top:35px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.foodStage img,.interiorBg,.orbit article{transition:none!important;transform:none!important}}