@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-33c47c7e15da.woff2) format('woff2');
  unicode-range: U+a, U+20-24, U+26-3f, U+41-49, U+4b-56, U+58-5b, U+5d, U+60-7d, U+c2-c4, U+c7, U+ca-cb, U+ce-cf, U+d1, U+d4-d6, U+db-dc, U+e2-e4, U+e7, U+ea-eb, U+ee-ef, U+f1, U+f4-f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+128-129, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+168-169, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302-303, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e4e-1e4f, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e7c-1e7d, U+1e85, U+1e87, U+1e8a-1e91, U+1e97, U+1eaa-1eab, U+1eb4-1eb5, U+1ebc-1ebd, U+1ec4-1ec5, U+1ed6-1ed7, U+1ef8-1ef9, U+2013-2014, U+2019, U+2022, U+2161, U+2193, U+2197-2198, U+25b7, U+2733;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-33c47c7e15da.woff2) format('woff2');
  unicode-range: U+a, U+20-24, U+26-3f, U+41-49, U+4b-56, U+58-5b, U+5d, U+60-7d, U+c2-c4, U+c7, U+ca-cb, U+ce-cf, U+d1, U+d4-d6, U+db-dc, U+e2-e4, U+e7, U+ea-eb, U+ee-ef, U+f1, U+f4-f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+128-129, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+168-169, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302-303, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e4e-1e4f, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e7c-1e7d, U+1e85, U+1e87, U+1e8a-1e91, U+1e97, U+1eaa-1eab, U+1eb4-1eb5, U+1ebc-1ebd, U+1ec4-1ec5, U+1ed6-1ed7, U+1ef8-1ef9, U+2013-2014, U+2019, U+2022, U+2161, U+2193, U+2197-2198, U+25b7, U+2733;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-33c47c7e15da.woff2) format('woff2');
  unicode-range: U+a, U+20-24, U+26-3f, U+41-49, U+4b-56, U+58-5b, U+5d, U+60-7d, U+c2-c4, U+c7, U+ca-cb, U+ce-cf, U+d1, U+d4-d6, U+db-dc, U+e2-e4, U+e7, U+ea-eb, U+ee-ef, U+f1, U+f4-f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+128-129, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+168-169, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302-303, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e4e-1e4f, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e7c-1e7d, U+1e85, U+1e87, U+1e8a-1e91, U+1e97, U+1eaa-1eab, U+1eb4-1eb5, U+1ebc-1ebd, U+1ec4-1ec5, U+1ed6-1ed7, U+1ef8-1ef9, U+2013-2014, U+2019, U+2022, U+2161, U+2193, U+2197-2198, U+25b7, U+2733;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-33c47c7e15da.woff2) format('woff2');
  unicode-range: U+a, U+20-24, U+26-3f, U+41-49, U+4b-56, U+58-5b, U+5d, U+60-7d, U+c2-c4, U+c7, U+ca-cb, U+ce-cf, U+d1, U+d4-d6, U+db-dc, U+e2-e4, U+e7, U+ea-eb, U+ee-ef, U+f1, U+f4-f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+128-129, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+168-169, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302-303, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e4e-1e4f, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e7c-1e7d, U+1e85, U+1e87, U+1e8a-1e91, U+1e97, U+1eaa-1eab, U+1eb4-1eb5, U+1ebc-1ebd, U+1ec4-1ec5, U+1ed6-1ed7, U+1ef8-1ef9, U+2013-2014, U+2019, U+2022, U+2161, U+2193, U+2197-2198, U+25b7, U+2733;
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-9bc9bb5a2cc9.woff2) format('woff2');
  unicode-range: U+a, U+20-24, U+26-3f, U+41-49, U+4b-56, U+58-5b, U+5d, U+60-7d, U+c2-c4, U+c7, U+ca-cb, U+ce-cf, U+d1, U+d4-d6, U+db-dc, U+e2-e4, U+e7, U+ea-eb, U+ee-ef, U+f1, U+f4-f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+128-129, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+168-169, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302-303, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e4e-1e4f, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e7c-1e7d, U+1e85, U+1e87, U+1e8a-1e91, U+1e97, U+1eaa-1eab, U+1eb4-1eb5, U+1ebc-1ebd, U+1ec4-1ec5, U+1ed6-1ed7, U+1ef8-1ef9, U+2013-2014, U+2019, U+2022, U+2161, U+2193, U+2197-2198, U+25b7, U+2733;
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-9bc9bb5a2cc9.woff2) format('woff2');
  unicode-range: U+a, U+20-24, U+26-3f, U+41-49, U+4b-56, U+58-5b, U+5d, U+60-7d, U+c2-c4, U+c7, U+ca-cb, U+ce-cf, U+d1, U+d4-d6, U+db-dc, U+e2-e4, U+e7, U+ea-eb, U+ee-ef, U+f1, U+f4-f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+128-129, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+168-169, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302-303, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e4e-1e4f, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e7c-1e7d, U+1e85, U+1e87, U+1e8a-1e91, U+1e97, U+1eaa-1eab, U+1eb4-1eb5, U+1ebc-1ebd, U+1ec4-1ec5, U+1ed6-1ed7, U+1ef8-1ef9, U+2013-2014, U+2019, U+2022, U+2161, U+2193, U+2197-2198, U+25b7, U+2733;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-924560c592f6.woff2) format('woff2');
  unicode-range: U+a, U+20-24, U+26-3f, U+41-49, U+4b-56, U+58-5b, U+5d, U+60-7d, U+c2-c4, U+c7, U+ca-cb, U+ce-cf, U+d1, U+d4-d6, U+db-dc, U+e2-e4, U+e7, U+ea-eb, U+ee-ef, U+f1, U+f4-f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+128-129, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+168-169, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302-303, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e4e-1e4f, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e7c-1e7d, U+1e85, U+1e87, U+1e8a-1e91, U+1e97, U+1eaa-1eab, U+1eb4-1eb5, U+1ebc-1ebd, U+1ec4-1ec5, U+1ed6-1ed7, U+1ef8-1ef9, U+2013-2014, U+2019, U+2022, U+2161, U+2193, U+2197-2198, U+25b7, U+2733;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-924560c592f6.woff2) format('woff2');
  unicode-range: U+a, U+20-24, U+26-3f, U+41-49, U+4b-56, U+58-5b, U+5d, U+60-7d, U+c2-c4, U+c7, U+ca-cb, U+ce-cf, U+d1, U+d4-d6, U+db-dc, U+e2-e4, U+e7, U+ea-eb, U+ee-ef, U+f1, U+f4-f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+128-129, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+168-169, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302-303, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e4e-1e4f, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e7c-1e7d, U+1e85, U+1e87, U+1e8a-1e91, U+1e97, U+1eaa-1eab, U+1eb4-1eb5, U+1ebc-1ebd, U+1ec4-1ec5, U+1ed6-1ed7, U+1ef8-1ef9, U+2013-2014, U+2019, U+2022, U+2161, U+2193, U+2197-2198, U+25b7, U+2733;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/font-924560c592f6.woff2) format('woff2');
  unicode-range: U+a, U+20-24, U+26-3f, U+41-49, U+4b-56, U+58-5b, U+5d, U+60-7d, U+c2-c4, U+c7, U+ca-cb, U+ce-cf, U+d1, U+d4-d6, U+db-dc, U+e2-e4, U+e7, U+ea-eb, U+ee-ef, U+f1, U+f4-f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+128-129, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+168-169, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302-303, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e4e-1e4f, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e7c-1e7d, U+1e85, U+1e87, U+1e8a-1e91, U+1e97, U+1eaa-1eab, U+1eb4-1eb5, U+1ebc-1ebd, U+1ec4-1ec5, U+1ed6-1ed7, U+1ef8-1ef9, U+2013-2014, U+2019, U+2022, U+2161, U+2193, U+2197-2198, U+25b7, U+2733;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(assets/font-924560c592f6.woff2) format('woff2');
  unicode-range: U+a, U+20-24, U+26-3f, U+41-49, U+4b-56, U+58-5b, U+5d, U+60-7d, U+c2-c4, U+c7, U+ca-cb, U+ce-cf, U+d1, U+d4-d6, U+db-dc, U+e2-e4, U+e7, U+ea-eb, U+ee-ef, U+f1, U+f4-f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+128-129, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+168-169, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302-303, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e4e-1e4f, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e7c-1e7d, U+1e85, U+1e87, U+1e8a-1e91, U+1e97, U+1eaa-1eab, U+1eb4-1eb5, U+1ebc-1ebd, U+1ec4-1ec5, U+1ed6-1ed7, U+1ef8-1ef9, U+2013-2014, U+2019, U+2022, U+2161, U+2193, U+2197-2198, U+25b7, U+2733;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid currentColor;outline-offset:5px}p{line-height:1.6}button{color:inherit}section[id]{scroll-margin-top:85px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:10px}footer{padding:25px 5%;font:11px/1.6 Arial,sans-serif;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{text-decoration:underline}.motion{font:10px monospace;background:transparent;border:1px solid currentColor;padding:8px 10px}.reveal{transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}.js .reveal:not(.seen){opacity:0;transform:translateY(45px)}[hidden]{display:none!important}body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.motion-off .reveal{opacity:1!important;transform:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.motion-on) *,body:not(.motion-on) *:before,body:not(.motion-on) *:after{animation:none!important;transition:none!important}body:not(.motion-on) .reveal{opacity:1!important;transform:none!important}}
:root{--blue:#233ac0;--milk:#fff5de;--pink:#f5ab91;--yellow:#eced8d}body{background:var(--milk);color:var(--blue);font-family:'DM Sans',sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;height:100px}.perla-logo{font-size:12px;font-weight:700;line-height:.9}.perla-logo span{display:block;font-family:'Fraunces',Georgia;font-size:40px;font-weight:900;letter-spacing:-3px}header nav{display:flex;gap:40px;font-size:11px;font-weight:700}.cafe-world{min-height:690px;height:calc(100svh - 100px);position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:40px 6% 100px;overflow:hidden}.cafe-title{position:relative;z-index:3}.cafe-title>span{font-size:9px;font-weight:700;letter-spacing:2px}h1{font:800 clamp(55px,6.5vw,100px)/1.03 'Fraunces',Georgia;letter-spacing:-5px;margin:30px 0}h1 em{font-weight:500;font-size:.75em}.cafe-title p{font-size:15px}.pill{display:inline-flex;gap:40px;align-items:center;background:var(--blue);color:var(--milk);border-radius:50px;padding:19px 28px;font-size:11px;font-weight:700;margin-top:22px;transition:transform .3s,box-shadow .3s}.pill:hover{transform:rotate(-3deg);box-shadow:6px 7px 0 var(--pink)}.pill span{font-size:20px}.coffee-world{position:relative;width:100%;aspect-ratio:1;max-width:560px;margin-left:auto}.coffee-photo{position:absolute;inset:16%;border-radius:50%;overflow:hidden;animation:bob 8s ease-in-out infinite}.coffee-photo img{width:100%;height:100%;object-fit:cover}.orbit-text{position:absolute;inset:0;animation:rotate 45s linear infinite}.orbit-text svg{width:100%;height:100%;fill:var(--blue);font:700 16px 'DM Sans';letter-spacing:2px}.sticker{position:absolute;bottom:1%;right:1%;background:var(--pink);border:2px solid var(--blue);width:150px;height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(14deg);font:800 21px/.95 'Fraunces';border-radius:20px;box-shadow:6px 6px 0 var(--blue)}.sticker span{font:35px 'DM Sans';margin-top:9px}.tiny-note{position:absolute;left:4%;bottom:0;font:8px/1.5 monospace}.floating-star{position:absolute;left:47%;top:2%;font-size:95px;animation:rotate 25s linear infinite}.cafe-bottom{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1px}.ribbon{background:var(--blue);color:var(--milk);overflow:hidden;padding:20px 0;font:600 30px 'Fraunces';transform:rotate(-1.5deg);position:relative;z-index:3}.ribbon div{width:max-content;animation:tape 35s linear infinite}.menu{padding:100px 6%;display:grid;grid-template-columns:.8fr 1.3fr;gap:8%;background:var(--pink)}.menu-heading>span{font-size:9px;font-weight:700;letter-spacing:2px}.menu h2{font:800 clamp(50px,5.5vw,82px)/1 'Fraunces';letter-spacing:-4px;margin:35px 0}.menu h2 em{font-weight:500}.menu-heading p{font-size:13px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.filters button{border:1px solid var(--blue);border-radius:50px;padding:11px 14px;background:transparent;font-size:9px;font-weight:700}.filters button.active{background:var(--blue);color:var(--milk)}.dishes article{display:flex;gap:20px;border-top:1px solid #233ac060;padding:23px 0;animation:dish-in .5s both}.dishes article>span{font:10px monospace;padding-top:7px}.dishes h3{font:700 25px 'Fraunces';margin:0;letter-spacing:-1px}.dishes p{font-size:12px;max-width:390px;margin:7px 0 0}.dishes b{font-size:25px;font-weight:400;margin-left:auto;transition:transform .3s}.dishes article:hover b{transform:rotate(45deg)}.menu-contact{display:inline-block;font-size:10px;font-weight:700;margin-top:20px;border-bottom:1px solid;padding:12px 0}.hangout{height:700px;position:relative;overflow:hidden}.hangout>img{width:100%;height:120%;object-fit:cover;position:absolute;top:-10%;transform:translateY(var(--shift,0px));filter:brightness(.75)}.hangout-label{position:absolute;left:8%;top:17%;background:var(--yellow);padding:45px 50px;font:800 60px/.95 'Fraunces';transform:rotate(-7deg);border-radius:50% 50% 8px 8px;text-align:center;box-shadow:12px 14px 0 var(--blue)}.hangout-label em{font-size:110px;font-weight:600;display:block}.hangout-label span{display:block;font:10px/1.7 'DM Sans';letter-spacing:2px;margin-top:25px}.visit{position:relative;padding:90px 6%;background:var(--blue);color:var(--milk)}.visit h2{font:800 clamp(80px,15vw,220px)/1 'Fraunces';letter-spacing:-7px;margin:10px 0 65px}.visit-star{position:absolute;right:10%;top:60px;font-size:130px;color:var(--yellow);animation:rotate 35s linear infinite}.visit-details{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff70;padding-top:30px}.visit-details p{font-size:13px}.visit .pill{background:var(--yellow);color:var(--blue);display:block;margin:0}.visit .pill small{display:block;margin-top:10px;font-weight:400}.visit-details small{font-size:10px}footer{background:var(--milk)}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(-12px) rotate(-4deg)}}@keyframes tape{to{transform:translateX(-50%)}}@keyframes dish-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@media(max-width:700px){header{height:90px;padding:20px 7%}.perla-logo span{font-size:34px}header nav{gap:18px;font-size:9px}.cafe-world{height:auto;min-height:0;display:flex;flex-direction:column;padding:55px 7% 90px;align-items:stretch}.cafe-title>span{font-size:7px;letter-spacing:1px}h1{font-size:14vw;letter-spacing:-3px}.cafe-title p{font-size:13px}.coffee-world{width:95%;margin:30px auto 10px}.floating-star{font-size:60px;right:6%;left:auto;top:30px}.sticker{width:110px;height:110px;font-size:17px;border-radius:14px}.sticker span{font-size:25px}.tiny-note{font-size:6px}.cafe-bottom{font-size:7px}.cafe-bottom span:last-child{display:none}.menu{display:block;padding:65px 7%}.menu h2{font-size:65px}.menu-board{margin-top:40px}.dishes h3{font-size:24px}.hangout{height:580px}.hangout-label{top:20%;left:10%;padding:35px;font-size:42px}.hangout-label em{font-size:85px}.visit{padding:65px 7%}.visit h2{font-size:22vw;letter-spacing:-5px}.visit-star{font-size:55px;right:5%;top:15px}.visit-details{display:block}.visit-details .pill{display:inline-block;margin-top:20px}.visit-details p{margin-bottom:25px}} .motion{position:fixed;z-index:30;bottom:14px;right:14px;background:#111d;color:#fff;border:1px solid #fff5;border-radius:30px;padding:10px 14px;font-size:9px;backdrop-filter:blur(8px)}body.motion-on .coffee-world{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s;transform-style:preserve-3d}html{overflow-x:clip}footer{padding-bottom:70px}body.motion-off [data-parallax]{transform:none!important}
/* Independent composition v5 */

:root{--milk:#fff8e8;--blue:#284f9e;--pink:#edb9a0;--yellow:#e6d8a7}body{background:var(--milk)}header{height:95px;padding:18px 7%;border-bottom:2px solid var(--blue)}.perla-logo span{font-size:38px}header nav{font-size:9px;gap:20px}header nav a{padding:12px 18px;border:1px dashed var(--blue);border-radius:0}.cafe-world{height:860px;min-height:0;display:block;padding:0;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 39px,#284f9e0c 39px 78px),repeating-linear-gradient(90deg,transparent 0 39px,#284f9e0c 39px 78px)}.cafe-title{position:absolute;top:35px;left:7%;right:7%;z-index:3;display:grid;grid-template-columns:1fr auto;align-items:end}.cafe-title>span{grid-column:1/-1;letter-spacing:2px;font-size:8px}h1{font:900 clamp(60px,9vw,140px)/1 'Fraunces';letter-spacing:-7px;margin:15px 0 0}.subtitle{font:italic 28px Georgia;margin-bottom:10px}.cafe-title>p{position:absolute;top:285px;left:0;width:150px;font:13px/1.8 'DM Sans'}.pill{border-radius:0;background:var(--blue);padding:15px 25px;box-shadow:none;font-size:10px;gap:18px}.pill:hover{transform:translateY(-3px);box-shadow:0 5px 0 #edb9a0}.cafe-title>.pill{position:absolute;top:400px;left:0;margin:0}.coffee-world{position:absolute;top:260px;left:26%;right:7%;width:auto;max-width:none;height:500px;aspect-ratio:auto;margin:0;transform:none!important}.coffee-photo{inset:0 10% 0 0;border-radius:0;animation:table-breathe 9s ease-in-out infinite;box-shadow:14px 14px 0 #284f9e1a;border:14px solid var(--milk)}.coffee-photo img{object-fit:cover;object-position:center 65%}.coffee-world:before{content:'';position:absolute;inset:-15px calc(10% - 15px) -15px -15px;background:radial-gradient(circle at 10px 10px,var(--milk) 10px,transparent 10.5px) 0 0/20px 20px;z-index:0}.receipt{position:absolute;right:-15px;bottom:-30px;width:205px;min-height:290px;background:#fffdf6;padding:25px;z-index:3;box-shadow:0 8px 30px #0002;text-align:center;color:#384633;font:11px/1.9 monospace;clip-path:polygon(0 0,100% 0,100% 98%,95% 100%,90% 98%,85% 100%,80% 98%,75% 100%,70% 98%,65% 100%,60% 98%,55% 100%,50% 98%,45% 100%,40% 98%,35% 100%,30% 98%,25% 100%,20% 98%,15% 100%,10% 98%,5% 100%,0 98%)}.receipt b{display:block;font:800 30px 'Fraunces';letter-spacing:-1px}.receipt>span{font-size:7px;letter-spacing:1px}.receipt hr{border:0;border-top:1px dashed #38463370;margin:15px 0}.receipt p{text-align:left;line-height:2.2;font-size:10px}.receipt strong{font-size:8px}.receipt small{display:block;font-size:6px;letter-spacing:1px;margin-top:10px}.tiny-note{left:10px;bottom:20px;font-size:6px;background:var(--milk);padding:7px;z-index:2}.table-note{position:absolute;left:7%;bottom:105px;font:italic 23px/1.2 Georgia;transform:rotate(-8deg)}.cafe-bottom{bottom:20px;font-size:7px}.cafe-bottom span:last-child{display:none}.scallop{height:24px;background:radial-gradient(circle at 12px 0,var(--milk) 12px,transparent 12.5px) 0 0/24px 24px;background-color:var(--pink)}.menu{display:block;padding:80px 12% 100px;background:var(--pink);position:relative}.menu-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px}.menu-heading>span{grid-column:1/-1;font-size:8px}.menu h2{font:800 55px/1.05 'Fraunces';letter-spacing:-2px;margin:20px 0 40px}.menu-heading p{font-size:12px;justify-self:end}.menu-board{background:var(--milk);padding:50px 55px;box-shadow:12px 12px 0 #284f9e;position:relative;border:1px solid var(--blue)}.menu-board:before,.menu-board:after{content:'';position:absolute;top:35px;width:8px;height:8px;background:var(--pink);border:1px solid var(--blue);border-radius:50%}.menu-board:before{left:20px}.menu-board:after{right:20px}.filters{justify-content:center;border-bottom:2px solid var(--blue);padding-bottom:20px;margin-bottom:25px;gap:18px}.filters button{border-radius:0;border:0;border-bottom:2px solid transparent;background:none;padding:8px 0;font-size:9px}.filters button.active{background:none;color:var(--blue);border-color:var(--blue)}.dishes{display:grid;grid-template-columns:1fr 1fr;gap:30px 45px}.dishes article{border:0;padding:0;display:block}.dishes article>span,.dishes article>b{display:none}.dishes h3{font:700 22px 'Fraunces';letter-spacing:-.5px}.dishes p{font:11px/1.8 'DM Sans';margin-top:8px}.menu-contact{display:block;text-align:center;border-top:1px dashed var(--blue);border-bottom:0;margin-top:35px;padding-top:25px;font-size:9px}.hangout{height:650px}.hangout-label{border-radius:0;box-shadow:none;transform:none!important;left:auto;right:10%;top:18%;background:var(--milk);color:var(--blue);font:800 45px/1 'Fraunces';padding:50px 40px;outline:2px solid var(--milk);outline-offset:8px}.hangout-label em{font-size:95px}.hangout-label span{font-size:8px}.visit{padding:70px 12%;background:var(--milk);color:var(--blue);border-top:20px solid var(--blue)}.visit h2{font:800 75px/1 'Fraunces';letter-spacing:-3px;text-align:center;margin:0 0 45px}.visit-details{border:1px dashed var(--blue);padding:30px;gap:25px}.visit-details p{font-size:11px}.visit .pill{background:var(--blue);color:var(--milk);border-radius:0;padding:18px}.motion{border-radius:0;border:1px dashed var(--blue);background:var(--milk);color:var(--blue);font-size:8px}@keyframes table-breathe{50%{transform:translateY(-5px)}}@media(max-width:700px){header{height:90px;padding:15px 6%}.perla-logo span{font-size:32px}header nav{gap:8px}header nav a{font-size:7px;padding:10px}.cafe-world{height:900px}.cafe-title{top:35px;left:7%;right:7%;display:block}.cafe-title>span{font-size:7px;letter-spacing:1px}h1{font-size:17vw;letter-spacing:-4px;margin-top:20px}.subtitle{font-size:22px;margin-top:8px}.cafe-title>p{position:static;width:auto;font-size:12px;margin:20px 0}.cafe-title>.pill{position:static;margin-top:5px;display:inline-flex;padding:13px 20px}.coffee-world{left:10%;right:9%;top:390px;height:330px}.coffee-photo{border-width:10px;right:0;box-shadow:8px 8px 0 #284f9e1a}.coffee-world:before{right:-15px}.receipt{right:-10px;bottom:-105px;width:150px;min-height:220px;padding:18px}.receipt b{font-size:23px}.receipt p{font-size:8px;line-height:1.8}.receipt hr{margin:10px 0}.receipt strong{font-size:6px}.receipt small{font-size:5px}.tiny-note{font-size:5px;bottom:15px;left:15px}.table-note{font-size:18px;left:8%;bottom:105px}.cafe-bottom{bottom:20px;font-size:6px}.menu{padding:55px 7% 70px}.menu-heading{display:block}.menu h2{font-size:44px;margin:20px 0}.menu-heading p{font-size:11px;margin-bottom:35px}.menu-board{padding:35px 25px;box-shadow:7px 7px 0 #284f9e}.filters{gap:12px;padding-bottom:15px}.filters button{font-size:7px}.dishes{grid-template-columns:1fr;gap:25px}.dishes h3{font-size:23px}.dishes p{font-size:11px}.hangout{height:570px}.hangout-label{right:12%;top:23%;font-size:30px;padding:35px 25px}.hangout-label em{font-size:80px}.visit{padding:55px 7%;border-top-width:12px}.visit h2{font-size:60px}.visit-details{display:block;padding:25px}.visit .pill{margin-top:15px;display:inline-block}}