@font-face{font-family:fraunces;src:url(../media/fraunces_latin_600_normal-s.p.0wyge32a9_ucv.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:fraunces;src:url(../media/fraunces_latin_700_normal-s.p.0kx49ap_l7ksh.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:fraunces Fallback;src:local(Arial);ascent-override:89.75%;descent-override:23.4%;line-gap-override:0.0%;size-adjust:108.97%}.l0EMrq_className{font-family:fraunces,fraunces Fallback,Georgia,Times New Roman,serif}.l0EMrq_variable{--font-serif:"fraunces", "fraunces Fallback", Georgia, Times New Roman, serif}
@font-face{font-family:dmSans;src:url(../media/dm_sans_latin_400_normal-s.p.2o7k1_w7_w7bj.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:dmSans;src:url(../media/dm_sans_latin_500_normal-s.p.2f4st7_5x_v78.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:dmSans;src:url(../media/dm_sans_latin_700_normal-s.p.0lo5o3yaiuo13.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:dmSans Fallback;src:local(Arial);ascent-override:94.36%;descent-override:29.49%;line-gap-override:0.0%;size-adjust:105.13%}.egPHsW_className{font-family:dmSans,dmSans Fallback,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.egPHsW_variable{--font-sans:"dmSans", "dmSans Fallback", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}
:root{--pasir:#f2e4cf;--susu:#fff8ec;--espresso:#2a1810;--senja:#e8742f;--daun:#4e6238;--karamel:#e6cba3;--ink:var(--espresso);--ink-soft:#5a4336;--senja-light:#f4a262;--font-serif:"Fraunces", Georgia, "Times New Roman", serif;--font-sans:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-lg:28px;--radius-md:18px;--shadow-card:0 1px 0 #2a18100a, 0 24px 48px -28px #2a181059;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--header-h:68px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--pasir);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:clip}body:after{content:"";z-index:200;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{font-family:var(--font-serif);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.1}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}svg{display:block}::selection{background:var(--senja);color:var(--espresso)}:focus-visible{outline:3px solid var(--espresso);outline-offset:3px;border-radius:8px}.on-dark :focus-visible{outline-color:var(--susu)}.container{width:100%;max-width:1160px;margin-inline:auto;padding-inline:16px}@media (min-width:640px){.container{padding-inline:28px}}.skip-link{z-index:300;background:var(--espresso);color:var(--susu);border-radius:12px;padding:12px 18px;font-weight:700;text-decoration:none;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}.btn{--btn-shadow:var(--espresso);border:2px solid var(--espresso);min-height:48px;font:700 1rem/1 var(--font-sans);cursor:pointer;isolation:isolate;transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease-out), background-color .25s, color .25s;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn svg{transition:transform .3s var(--ease-spring);flex:none}.btn-primary{background:var(--senja);color:var(--espresso);box-shadow:0 4px 0 var(--btn-shadow)}.btn-primary:hover{box-shadow:0 6px 0 var(--btn-shadow);transform:translateY(-2px)}.btn-primary:hover svg{transform:rotate(-8deg)scale(1.1)}.btn-primary:active{box-shadow:0 1px 0 var(--btn-shadow);transform:translateY(3px)}.btn-ghost{color:var(--espresso);background:0 0}.btn-ghost:hover{background:var(--espresso);color:var(--susu)}.btn-ghost:hover svg{transform:translateY(3px)}.btn-lg{min-height:56px;padding:16px 28px;font-size:1.0625rem}.btn-sm{min-height:44px;box-shadow:0 3px 0 var(--btn-shadow);padding:10px 18px;font-size:.95rem}.btn-sm:hover svg{transform:translate(3px)}.on-dark .btn-primary{--btn-shadow:#120905;border-color:var(--senja)}.btn-shine:after{content:"";z-index:-1;background:linear-gradient(110deg,#0000 30%,#fff8ec8c 50%,#0000 70%);animation:4s ease-in-out 1.5s infinite shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes shine{0%,60%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.demo-ribbon{background:repeating-linear-gradient(-45deg, #fff8ec0d 0 10px, transparent 10px 20px), var(--espresso);color:var(--susu);letter-spacing:.02em;text-align:center;justify-content:center;align-items:center;gap:10px;padding:9px 16px;font-size:.875rem;font-weight:700;display:flex}.demo-ribbon-dot{background:var(--senja);width:9px;height:9px;animation:ping 2.2s var(--ease-out) infinite;border-radius:50%;flex:none;box-shadow:0 0 #e8742f99}@keyframes ping{0%{box-shadow:0 0 #e8742f99}80%,to{box-shadow:0 0 0 10px #e8742f00}}.site-header{z-index:100;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);background:#f2e4cfc7;border-bottom:1px solid #0000;transition:border-color .3s,box-shadow .3s;position:sticky;top:0}html[data-scrolled] .site-header{border-bottom-color:var(--karamel);box-shadow:0 12px 30px -24px #2a181080}@supports (animation-timeline:scroll()){.site-header:after{content:"";background:linear-gradient(90deg, var(--senja), var(--senja-light));transform-origin:0;height:3px;animation:linear both progress;animation-timeline:scroll(root);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}@keyframes progress{to{transform:scaleX(1)}}}.header-inner{height:var(--header-h);transition:height .3s var(--ease-out);align-items:center;gap:12px;display:flex}html[data-scrolled] .header-inner{height:58px}.brand{white-space:nowrap;min-height:44px;font-family:var(--font-serif);letter-spacing:-.01em;align-items:center;gap:10px;margin-right:auto;font-size:1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{transition:transform .5s var(--ease-spring)}.brand:hover svg{transform:rotate(-10deg)scale(1.06)}.nav-list{gap:2px;display:flex}.nav-list a{border-radius:999px;align-items:center;min-height:44px;padding:0 10px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-flex;position:relative}.nav-list a:after{content:"";background:var(--senja);width:5px;height:5px;transition:transform .3s var(--ease-spring);border-radius:50%;position:absolute;bottom:8px;left:50%;transform:translate(-50%)scale(0)}.nav-list a:hover{background:var(--susu)}.nav-list a:hover:after{transform:translate(-50%)scale(1)}.header-cta{display:none}@media (max-width:380px){.brand{gap:8px;font-size:1.05rem}.nav-list a{padding:0 8px}}@media (min-width:640px){.nav-list{gap:6px}.nav-list a{padding:0 16px}.header-cta{margin-left:8px;display:inline-flex}}.hero{isolation:isolate;padding-block:clamp(36px,7vw,88px) clamp(40px,7vw,96px);position:relative;overflow:clip}.hero-bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.blob{border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#e8742f47,#e8742f00 62%);width:70vmax;height:70vmax;animation:18s ease-in-out infinite alternate drift;top:-25vmax;right:-30vmax}.blob-2{background:radial-gradient(circle,#fff8ece6,#fff8ec00 60%);width:55vmax;height:55vmax;animation:22s ease-in-out infinite alternate-reverse drift;bottom:-30vmax;left:-25vmax}@keyframes drift{to{transform:translate(-4vmax,3vmax)scale(1.08)}}.hero-grid{align-items:center;gap:clamp(28px,5vw,48px);display:grid}@media (min-width:900px){.hero-grid{grid-template-columns:1.08fr .92fr}}.eyebrow{border:1px solid var(--karamel);color:var(--daun);background:#fff8ecb3;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 10px;font-size:.9rem;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-.035em;margin-top:20px;font-size:clamp(3.4rem,15vw,7.2rem);line-height:.92}.hero-tagline{font-family:var(--font-serif);color:var(--daun);margin-top:14px;font-size:clamp(1.6rem,5.4vw,2.5rem);font-weight:600;line-height:1.15;display:inline-block;position:relative}.hero-tagline:after{content:"";transform-origin:0;height:10px;animation:draw 1s var(--ease-out) .9s both;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M2 7c40-6 80-6 120-2s60 1 76-3' fill='none' stroke='%23E8742F' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;position:absolute;bottom:-6px;left:0;right:.4em}@keyframes draw{0%{transform:scaleX(0)}}.hero-lead{max-width:34rem;color:var(--ink-soft);margin-top:22px;font-size:clamp(1.0625rem,2.4vw,1.2rem)}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}@media (max-width:420px){.hero-actions .btn{flex:100%}}.hero-facts{flex-wrap:wrap;gap:10px 18px;margin-top:28px;font-size:.95rem;font-weight:500;display:flex}.hero-facts li{align-items:center;gap:7px;display:inline-flex}.hero-facts svg{color:var(--daun)}.hero-visual{justify-self:center;width:min(100%,420px)}@media (min-width:900px){.hero-visual{justify-self:end;width:min(100%,520px)}}.hero-art{width:100%;height:auto;overflow:visible}.anim-rise{animation:rise .9s var(--ease-out) both;animation-delay:var(--d,0s)}.anim-pop{animation:pop 1.1s var(--ease-spring) both;animation-delay:var(--d,0s)}@keyframes rise{0%{opacity:0;transform:translateY(26px)}}@keyframes pop{0%{opacity:0;transform:scale(.88)rotate(-4deg)}}.ha-glow,.ha-rays,.ha-orbit,.ha-cup,.ha-steam,.ha-bean,.ha-leaf{transform-box:view-box}.ha-glow{transform-origin:240px 210px;animation:6s ease-in-out infinite breathe}.ha-rays{transform-origin:240px 210px;animation:70s linear infinite spin}.ha-orbit{transform-origin:240px 240px;animation:45s linear infinite reverse spin}.ha-cup{animation:5s ease-in-out infinite bob}.ha-steam{animation:3.6s ease-in-out infinite steam}.ha-steam-2{animation-delay:1.2s}.ha-steam-3{animation-delay:2.4s}.ha-bean-1{transform-origin:88px 300px;animation:7s ease-in-out infinite float}.ha-bean-2{transform-origin:380px 130px;animation:6s ease-in-out infinite reverse float}.ha-leaf{transform-origin:368px 408px;animation:5s ease-in-out infinite sway}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.8;transform:scale(1.07)}}@keyframes bob{50%{transform:translateY(-7px)}}@keyframes steam{0%{opacity:0;transform:translateY(14px)}35%{opacity:1}to{opacity:0;transform:translateY(-26px)}}@keyframes float{50%{transform:translate(6px,-12px)rotate(14deg)}}@keyframes sway{50%{transform:rotate(-6deg)}}.marquee-wrap{z-index:2;margin-block:-28px;padding-block:28px;position:relative;overflow:clip}.marquee{background:var(--espresso);width:calc(100% + 40px);color:var(--susu);margin-left:-20px;overflow:hidden;transform:rotate(-1.6deg);box-shadow:0 18px 40px -24px #2a181099}.marquee-track{width:max-content;animation:32s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-group{flex:none;display:flex}.marquee-group li{font-family:var(--font-serif);white-space:nowrap;align-items:center;gap:28px;padding:16px 0 16px 28px;font-size:clamp(1.15rem,3vw,1.5rem);font-weight:600;display:inline-flex}.marquee-sun{background:var(--senja);border-radius:22px 22px 0 0;width:22px;height:11px}@keyframes marquee{to{transform:translate(-50%)}}.section{padding-block:clamp(72px,11vw,128px)}.section-tight{padding-top:0}.section-head{margin-bottom:clamp(24px,4vw,40px)}.section-head h2{font-size:clamp(2.3rem,7vw,3.6rem)}.kicker{color:var(--daun);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:12px;font-size:.85rem;font-weight:700;display:inline-flex}.kicker:before{content:"";background:currentColor;border-radius:2px;width:26px;height:2px}.kicker-light{color:var(--senja)}.section-lead{max-width:32rem;color:var(--ink-soft);margin-top:12px;font-size:1.1rem}html[data-motion=ready] [data-reveal]:not(.is-in){opacity:0}[data-reveal].is-in{animation:reveal .85s var(--ease-out) backwards;animation-delay:var(--d,0s)}@keyframes reveal{0%{opacity:0;transform:translateY(30px)}}#menu .section-head{text-align:center}#menu .section-lead{margin-inline:auto}.menu-board{border:1px solid var(--karamel);background:var(--susu);max-width:980px;box-shadow:var(--shadow-card);border-radius:32px;margin-inline:auto;padding:clamp(20px,4.5vw,52px);position:relative}.menu-board:before{content:"";border:1.5px dashed var(--karamel);pointer-events:none;border-radius:24px;position:absolute;inset:10px}.menu-board-top{justify-content:center;align-items:center;gap:16px;margin-bottom:clamp(16px,3vw,28px);display:flex}.board-pin{background:var(--senja);border-radius:50%;width:14px;height:14px;box-shadow:inset 0 -3px #2a181040}.board-title{font-family:var(--font-serif);text-align:center;font-size:clamp(1.05rem,2.6vw,1.3rem);font-weight:600}.menu-list{gap:4px;display:grid}@media (min-width:820px){.menu-list{grid-template-columns:1fr 1fr;column-gap:28px}}.menu-item{border-radius:var(--radius-md);gap:14px;padding:16px 12px;transition:background-color .3s;display:flex;position:relative}.menu-item:hover{background:var(--pasir)}.menu-icon{background:var(--pasir);width:48px;height:48px;color:var(--espresso);transition:transform .4s var(--ease-spring), background-color .3s;border-radius:16px;flex:none;place-items:center;display:grid}.menu-item:hover .menu-icon{background:var(--senja);transform:rotate(-10deg)scale(1.08)}.menu-body{flex:1;min-width:0}.menu-line{align-items:baseline;gap:8px;display:flex}.menu-name{letter-spacing:-.01em;font-size:clamp(1.1rem,2.6vw,1.28rem);font-weight:600}.menu-dots{border-bottom:2.5px dotted #2a181066;flex:1;min-width:16px;transition:border-color .3s;transform:translateY(-4px)}.menu-item:hover .menu-dots{border-color:var(--senja)}.menu-price{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.menu-note{color:var(--ink-soft);margin-top:4px;font-size:.95rem;line-height:1.45}.menu-tag{background:var(--daun);color:var(--susu);vertical-align:1px;border-radius:999px;margin-left:8px;padding:1px 10px;font-size:.75rem;font-weight:700;display:inline-block}.menu-foot{color:var(--ink-soft);text-align:center;margin-top:clamp(16px,3vw,24px);font-size:.875rem}.visit-grid{gap:clamp(56px,8vw,72px);display:grid}@media (min-width:960px){.visit-grid{grid-template-columns:5fr 7fr;align-items:start;gap:40px}}.card{border:1px solid var(--karamel);border-radius:var(--radius-lg);background:var(--susu);box-shadow:var(--shadow-card);transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out);padding:clamp(20px,4vw,32px)}@media (hover:hover){.card:hover{transform:translateY(-4px);box-shadow:0 1px #2a18100a,0 32px 60px -30px #2a181073}}.card-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.card-head h3{font-size:clamp(1.25rem,3vw,1.45rem);font-weight:600}.card-icon{background:var(--pasir);width:44px;height:44px;color:var(--daun);border-radius:14px;flex:none;place-items:center;display:grid}.status{animation:pop .6s var(--ease-spring) both;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:6px 14px;font-size:.9rem;font-weight:700;display:inline-flex}.status.is-open{color:var(--daun);background:#4e62381a}.status.is-closed{background:var(--karamel);color:var(--espresso)}.status-dot{background:currentColor;border-radius:50%;width:9px;height:9px}.is-open .status-dot{animation:ping-daun 1.8s var(--ease-out) infinite}@keyframes ping-daun{0%{box-shadow:0 0 #4e62388c}80%,to{box-shadow:0 0 0 9px #4e623800}}.hours-list li{border-bottom:1.5px dashed var(--karamel);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding:16px 14px;transition:background-color .4s;display:flex;position:relative}.hours-list li:last-child{border-bottom-color:#0000}.hours-list li.is-today{background:var(--pasir);border-bottom-color:#0000}.hours-list li.is-today:before{content:"";background:var(--senja);border-radius:4px;width:4px;position:absolute;top:12px;bottom:12px;left:0}.hours-day{flex-wrap:wrap;align-items:center;gap:8px;font-weight:500;display:inline-flex}.today-chip{background:var(--daun);color:var(--susu);border-radius:999px;padding:1px 9px;font-size:.75rem;font-weight:700}.hours-time{font-family:var(--font-serif);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600}.day-bar{background:var(--pasir);border-radius:999px;height:12px;margin:22px 0 8px;position:relative}.day-bar-open{background:linear-gradient(90deg, var(--senja-light), var(--senja));transform-origin:0;animation:draw 1s var(--ease-out) both;border-radius:999px;position:absolute;top:0;bottom:0}.day-bar-now{border:3px solid var(--susu);background:var(--espresso);width:20px;height:20px;transition:left .6s var(--ease-out);border-radius:50%;margin-left:-10px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #2a181059}.day-bar-scale{color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.8rem;display:flex}.hours-note{color:var(--ink-soft);margin-top:16px;font-size:.95rem}.hours-note strong{color:var(--espresso)}.steps{counter-reset:step;gap:12px;margin-bottom:22px;display:grid}.steps li{align-items:center;gap:12px;display:flex}.steps svg{background:var(--pasir);width:40px;height:40px;color:var(--daun);border-radius:12px;flex:none;padding:9px}.map-wrap{border:1px solid var(--karamel);border-radius:20px;overflow:hidden}.map{width:100%;height:auto}.map-route{animation:1.1s linear infinite march}@keyframes march{to{stroke-dashoffset:-28px}}.map-pulse{transform-box:fill-box;transform-origin:50%;animation:pulse 2.2s var(--ease-out) infinite}@keyframes pulse{0%{opacity:.45;transform:scale(.4)}to{opacity:0;transform:scale(2.2)}}.map-lamp{animation:3s ease-in-out infinite lamp}@keyframes lamp{50%{opacity:.55}}.map-tree{transform-box:fill-box;transform-origin:50% 100%;animation:6s ease-in-out infinite sway}.cta{isolation:isolate;background:var(--espresso);color:var(--susu);text-align:center;padding-block:clamp(80px,12vw,140px) clamp(200px,30vw,330px);position:relative;overflow:hidden}.cta:before{content:"";z-index:-1;background-image:radial-gradient(2px 2px at 12% 22%, var(--karamel) 50%, transparent 51%), radial-gradient(2px 2px at 28% 64%, var(--karamel) 50%, transparent 51%), radial-gradient(1.5px 1.5px at 44% 14%, var(--karamel) 50%, transparent 51%), radial-gradient(2px 2px at 70% 30%, var(--karamel) 50%, transparent 51%), radial-gradient(1.5px 1.5px at 86% 58%, var(--karamel) 50%, transparent 51%), radial-gradient(2px 2px at 92% 18%, var(--karamel) 50%, transparent 51%), radial-gradient(1.5px 1.5px at 6% 78%, var(--karamel) 50%, transparent 51%);animation:4s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.25}to{opacity:.8}}.cta-sun{z-index:-1;aspect-ratio:2;width:min(560px,120vw);position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.cta-sun span{background:linear-gradient(180deg, var(--senja-light), var(--senja) 45%, #b9531f);animation:sunrise 1.6s var(--ease-out) both;border-radius:50%;animation-timeline:view();animation-range:entry cover 45%;position:absolute;inset:0 0 -100%;box-shadow:0 0 120px 40px #e8742f59;-webkit-mask:linear-gradient(#000 0 31%,#0000 31% 33%,#000 33% 38%,#0000 38% 41%,#000 41% 45%,#0000 45% 49%,#000 49%);mask:linear-gradient(#000 0 31%,#0000 31% 33%,#000 33% 38%,#0000 38% 41%,#000 41% 45%,#0000 45% 49%,#000 49%)}@supports not (animation-timeline:view()){.cta-sun span{animation:none}}@keyframes sunrise{0%{transform:translateY(45%)}}.cta-inner{flex-direction:column;align-items:center;display:flex}.cta-title{letter-spacing:-.035em;font-size:clamp(2.8rem,11vw,5.4rem)}.cta-lead{max-width:30rem;color:var(--karamel);margin:18px auto 34px;font-size:clamp(1.05rem,2.6vw,1.25rem)}.site-footer{background:var(--espresso);color:var(--karamel);padding-block:40px calc(40px + env(safe-area-inset-bottom));border-top:1px solid #e6cba32e;font-size:.95rem}.footer-inner{gap:28px;display:grid}@media (min-width:820px){.footer-inner{grid-template-columns:auto 1fr;align-items:start;gap:48px}.footer-meta{text-align:right;justify-self:end;max-width:34rem}.footer-meta .demo-pill{margin-left:auto}}.footer-brand{align-items:center;gap:14px;display:flex}.footer-brand svg rect:first-child{fill:var(--susu)}.footer-name{color:var(--susu);font-family:var(--font-serif);font-size:1.3rem;font-weight:700}.footer-tag{font-size:.9rem}.footer-meta{gap:10px;display:grid}.demo-pill{width:fit-content;color:var(--susu);border:1px solid #e6cba380;border-radius:999px;justify-self:start;align-items:center;gap:10px;padding:8px 16px;font-weight:700;display:inline-flex}@media (min-width:820px){.footer-meta .demo-pill{justify-self:end}}.footer-link{color:var(--susu);-webkit-text-decoration-color:var(--senja);text-decoration-color:var(--senja);text-underline-offset:4px;margin-block:-10px;padding-block:10px;font-weight:700;text-decoration-thickness:2px;transition:color .2s;display:inline-block}.footer-link:hover{color:var(--senja)}.fab{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:150;border:2px solid var(--espresso);background:var(--senja);min-height:56px;color:var(--espresso);white-space:nowrap;box-shadow:0 4px 0 var(--espresso), 0 18px 40px -12px #2a18108c;transition:transform .45s var(--ease-spring), opacity .3s;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;transform:translate(-50%)}.fab:before{content:"";z-index:-1;border-radius:inherit;animation:fab-ring 2.6s var(--ease-out) infinite;position:absolute;inset:-2px}@keyframes fab-ring{0%{box-shadow:0 0 #e8742f8c}70%,to{box-shadow:0 0 0 16px #e8742f00}}html[data-js] .fab{opacity:0;pointer-events:none;transform:translate(-50%,140%)}html[data-js][data-show-fab] .fab{opacity:1;pointer-events:auto;transform:translate(-50%)}@media (min-width:768px){.fab,html[data-js][data-show-fab] .fab{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.marquee-track{animation:none!important}}