:root{--milk:#FAF8F3;--paper:#FFFFFF;--ink:#1E1E1C;--ink2:#4D4B46;--yel:#F2C230;--yel-d:#E0AE14;--brick:#A13D2D;--brick-d:#86301F;--blue:#2F6FD0;--line:#E6E1D6;--board:#EFE9DD;--head:'Gabarito',system-ui,sans-serif;--sans:'Atkinson Hyperlegible',system-ui,-apple-system,'Segoe UI',sans-serif;--r:14px;--dockh:64px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--milk);color:var(--ink);font:400 1.06rem/1.6 var(--sans);padding-bottom:calc(var(--dockh) + env(safe-area-inset-bottom))}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
svg{width:1.15em;height:1.15em;fill:currentColor;flex:none}
h1,h2,h3,h4{font-family:var(--head);font-weight:800;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
.ark-skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:99;border-radius:8px}
.ark-skip:focus{left:8px}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.ark-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.ark-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:6px 14px;background:rgba(250,248,243,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.ark-brand{margin-right:auto;display:flex;align-items:center;gap:10px;text-decoration:none;min-height:48px}
.ark-brand-a{width:30px;height:36px;border:5px solid var(--brick);border-bottom:0;border-radius:15px 15px 0 0;background:var(--yel)}
.ark-brand b{display:block;font:800 1.2rem/1 var(--head)}
.ark-brand small{display:block;font:400 .85rem/1.3 var(--sans);color:var(--ink2)}
.ark-nav,.ark-top-tel{display:none}
.ark-lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--paper)}
.ark-lang a{min-width:44px;min-height:44px;display:grid;place-items:center;text-decoration:none;font:700 .85rem var(--sans);color:var(--ink2)}
.ark-lang a.is-on{background:var(--ink);color:#fff}
/* hero */
.ark-hero{background:var(--yel);position:relative;overflow:hidden}
.ark-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;background:radial-gradient(circle at 50% 100%,var(--milk) 17px,transparent 18px) 0 0/44px 26px repeat-x}
.ark-hero-in{display:grid;gap:20px;padding:20px 20px 46px;max-width:1120px;margin:0 auto}
.ark-arch{width:min(62vw,250px);aspect-ratio:4/5;margin:0 auto;border-radius:999px 999px 18px 18px;overflow:hidden;border:6px solid var(--paper);box-shadow:0 0 0 6px var(--brick),0 18px 30px rgba(0,0,0,.18)}
.ark-arch img{width:100%;height:100%;object-fit:cover}
.ark-kicker{font:700 .9rem/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--brick-d);text-align:center}
.ark-hero h1{font-size:clamp(2.2rem,10vw,4.2rem);text-align:center;margin:6px 0 10px}
.ark-lead{text-align:center;max-width:32em;margin:0 auto;color:#2C2A25}
.ark-status{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px auto 0;font:700 1rem var(--head)}
.ark-status i{width:11px;height:11px;border-radius:50%;background:#6b6b6b}
.ark-status[data-state=open] i{background:#16803C;box-shadow:0 0 0 4px rgba(22,128,60,.2)}
.ark-status[data-state=soon] i{background:var(--brick)}
.ark-ctas{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}
.ark-btn{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 22px;border-radius:999px;text-decoration:none;font:700 1.05rem var(--sans);border:2px solid transparent}
.ark-btn-a{background:var(--ink);color:#fff}
.ark-btn-a:hover{background:#000}
.ark-btn-b{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.ark-btn-o{color:var(--brick-d);border-color:var(--brick-d)}
.ark-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--brick-d);font-weight:700;text-underline-offset:4px}
.ark-tix{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ark-tix li{background:var(--paper);border:1.5px dashed var(--ink);border-radius:6px;padding:4px 12px;font:700 .9rem var(--sans)}
/* board */
.ark-board{padding:30px 0 42px}
.ark-k{font:700 .88rem/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--brick-d);margin-bottom:6px}
h2{font-size:clamp(1.9rem,7vw,2.9rem)}
.ark-p{color:var(--ink2);margin-top:10px;max-width:40em}
.ark-frame{margin-top:20px;background:#22201D;border:10px solid #E9E2D3;border-radius:6px;padding:14px 12px;display:grid;gap:14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),0 10px 24px rgba(0,0,0,.12)}
.ark-grp h3{font:800 1.2rem var(--head);color:var(--yel);margin:4px 2px 10px;letter-spacing:.02em;text-transform:uppercase}
.ark-grp ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ark-grp li{background:var(--paper);padding:16px 10px 10px;position:relative;text-align:center;border-radius:2px;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.ark-grp li::before{content:"";position:absolute;top:-7px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--m);box-shadow:inset -2px -3px 0 rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.35)}
.ark-grp:nth-child(odd) li:nth-child(3n+1){transform:rotate(-1.2deg)}
.ark-grp li:nth-child(4n+2){transform:rotate(1deg)}
.ark-grp h4{font:700 1.02rem/1.25 var(--sans)}
.ark-grp li p{font-size:.9rem;line-height:1.35;color:var(--ink2);margin-top:4px}
.ark-grp-zupy ul,.ark-grp-szybko ul{grid-template-columns:1fr}
.ark-grp-maczne ul{grid-template-columns:1fr}
.ark-call{margin-top:18px}
.ark-boardph{margin:24px 0 0}
.ark-boardph img{border-radius:var(--r)}
.ark-boardph figcaption{font-size:.92rem;color:var(--ink2);margin-top:8px}
/* plates */
.ark-plates{background:var(--paper);padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ark-plates-g{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 14px;margin-top:20px}
.ark-plate{margin:0}
.ark-plate img{aspect-ratio:1;object-fit:cover;border-radius:999px 999px 14px 14px;border:4px solid var(--yel)}
.ark-plate figcaption{font:700 1rem/1.3 var(--sans);margin-top:8px;text-align:center}
/* bar */
.ark-bar{padding:42px 0}
.ark-bar-g{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ark-bar-g>div{grid-column:1/-1}
.ark-bar figure{margin:0}
.ark-bar img{width:100%;height:100%;object-fit:cover;border-radius:var(--r)}
.ark-s1 img{border-radius:999px 999px var(--r) var(--r)}
.ark-ex{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.ark-ex li{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--yel);border-radius:10px;padding:12px 14px}
.ark-ex b{display:block;font:800 1.08rem var(--head)}
.ark-ex span{color:var(--ink2);font-size:.98rem}
/* opinions */
.ark-op{background:var(--board);padding:42px 0}
.ark-ops{list-style:none;padding:0;margin:18px 0 8px;display:grid;gap:14px}
.ark-ops li{background:var(--paper);border-radius:var(--r);padding:20px 18px 16px;position:relative}
.ark-ops li::before{content:"";position:absolute;top:-7px;left:22px;width:16px;height:16px;border-radius:50%;background:var(--brick);box-shadow:inset -2px -3px 0 rgba(0,0,0,.25)}
.ark-ops blockquote{margin:0;font:400 1.05rem/1.55 var(--sans)}
.ark-op-src{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:.92rem;color:var(--ink2)}
/* info */
.ark-info{padding:42px 0}
.ark-info-g{display:grid;gap:34px}
.ark-days{list-style:none;padding:0;margin:14px 0 0;border-top:1px solid var(--line)}
.ark-days li{display:grid;grid-template-columns:1fr auto 48px;gap:8px;padding:9px 6px;border-bottom:1px solid var(--line)}
.ark-days b{font-family:var(--head);font-weight:700;font-variant-numeric:tabular-nums}
.ark-days em{font-style:normal;font-size:.85rem;color:var(--brick-d);font-weight:700;visibility:hidden;text-align:right}
.ark-days li.is-today{background:#FFF4CC}
.ark-days li.is-today em{visibility:visible}
.ark-front{margin:16px 0 0}
.ark-front img{border-radius:var(--r)}
.ark-info .ark-ctas{justify-content:flex-start}
/* footer */
.ark-foot{background:var(--ink);color:#F4F1EA;padding:30px 0 26px;border-top:8px solid var(--yel)}
.ark-foot-g{display:grid;gap:14px}
.ark-foot-b{font:800 1.6rem var(--head)}
.ark-foot-n{font-size:.95rem;opacity:.85;margin-top:4px}
.ark-foot address{font-style:normal;display:grid;gap:2px}
.ark-foot address a,.ark-foot-h{display:flex;align-items:center;gap:8px;min-height:44px;text-decoration:none}
/* dock */
.ark-dock{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1fr 1.3fr 1fr;height:calc(var(--dockh) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -4px 14px rgba(0,0,0,.08)}
.ark-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;font:700 .85rem var(--sans);color:var(--ink)}
.ark-dock svg{width:22px;height:22px}
.ark-dock-call{background:var(--yel)}
/* reveal */
.js .ark-rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease var(--d,0s),transform .6s ease var(--d,0s)}
.js .ark-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .ark-rv{opacity:1;transform:none;transition:none}}
@media (min-width:600px){.ark-plates-g{grid-template-columns:repeat(3,1fr)}.ark-ops{grid-template-columns:repeat(3,1fr)}.ark-grp ul{grid-template-columns:repeat(3,1fr)}.ark-grp-zupy ul,.ark-grp-maczne ul,.ark-grp-szybko ul{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){
 body{padding-bottom:0}.ark-dock{display:none}
 .ark-top{padding:6px 32px}
 .ark-nav{display:flex;gap:4px}.ark-nav a{min-height:44px;display:flex;align-items:center;padding:0 12px;text-decoration:none;font-weight:700}
 .ark-nav a:hover{color:var(--brick-d)}
 .ark-top-tel{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--yel);color:var(--ink);text-decoration:none;font-weight:700}
 .ark-hero-in{grid-template-columns:400px 1fr;align-items:center;padding:52px 32px 70px;gap:60px}
 .ark-arch{width:100%;max-width:380px}
 .ark-kicker,.ark-hero h1,.ark-lead{text-align:left;margin-left:0}
 .ark-status,.ark-ctas,.ark-tix{justify-content:flex-start}
 .ark-status{margin-left:0}
 .ark-board .ark-wrap{display:grid;grid-template-columns:1fr 340px;gap:0 36px}
 .ark-board .ark-k,.ark-board h2,.ark-board .ark-p,.ark-frame,.ark-call{grid-column:1}
 .ark-boardph{grid-column:2;grid-row:1/6;align-self:start;position:sticky;top:96px;margin-top:40px}
 .ark-frame{grid-template-columns:1fr 1fr;padding:18px}
 .ark-grp-obiady{grid-column:1/-1}
 .ark-grp-obiady ul{grid-template-columns:repeat(4,1fr)}
 .ark-grp-zupy ul,.ark-grp-maczne ul,.ark-grp-szybko ul{grid-template-columns:1fr 1fr}
 .ark-plates-g{grid-template-columns:repeat(6,1fr)}
 .ark-bar-g{grid-template-columns:1.1fr 300px 1fr;align-items:center;gap:28px}
 .ark-bar-g>div{grid-column:1}
 .ark-info-g{grid-template-columns:1fr 1fr;gap:60px}
 .ark-foot-g{grid-template-columns:1fr 2fr;align-items:center}
 .ark-foot address{grid-template-columns:repeat(2,auto);gap:0 26px;justify-content:end}
}

@font-face {
  font-family: 'Gabarito';
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url(/fonts/gabarito-normal-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Gabarito';
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url(/fonts/gabarito-normal-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/atkinsonhyperlegible-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/atkinsonhyperlegible-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/atkinsonhyperlegible-normal-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/atkinsonhyperlegible-normal-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
