/* base.css — tokens (docs/02 §10) + reset + componentes compartilhados (.c-*) */
/* Fontes: Newsreader (texto, opsz 18 fixo), Newsreader Display (titulos, opsz 48), italico e Instrument Sans em subsets latinos pt-BR (V1.2: ~102 KB no total, antes 303 KB). O italico so baixa onde ha <em>. */
@font-face{font-family:'Newsreader';font-style:normal;font-weight:300 500;font-display:swap;src:url(../fonts/newsreader-text-v2.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:300 500;font-display:swap;src:url(../fonts/newsreader-italic-v2.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader Display';font-style:normal;font-weight:300 400;font-display:swap;src:url(../fonts/newsreader-display-v2.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader Display';font-style:italic;font-weight:300 400;font-display:swap;src:url(../fonts/newsreader-italic-v2.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:300 600;font-display:swap;src:url(../fonts/instrument-sans-v2.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Fallbacks metricos (size-adjust/overrides calculados das metricas reais, ponderados pelo texto do site; base Times New Roman e Arial, metrica identica a Liberation Serif/Sans): trocam a fonte sem deslocar o layout. */
@font-face{font-family:'Newsreader Fallback';font-style:normal;src:local('Times New Roman'),local('Liberation Serif'),local('Tinos'),local('Times');size-adjust:100.11%;ascent-override:73.42%;descent-override:26.47%;line-gap-override:0%}
@font-face{font-family:'Newsreader Fallback';font-style:italic;src:local('Times New Roman Italic'),local('Liberation Serif Italic'),local('Tinos Italic'),local('Times Italic');size-adjust:93.37%;ascent-override:78.72%;descent-override:28.38%;line-gap-override:0%}
@font-face{font-family:'Newsreader Display Fallback';font-style:normal;src:local('Times New Roman'),local('Liberation Serif'),local('Tinos'),local('Times');size-adjust:105.91%;ascent-override:69.4%;descent-override:25.02%;line-gap-override:0%}
@font-face{font-family:'Newsreader Display Fallback';font-style:italic;src:local('Times New Roman Italic'),local('Liberation Serif Italic'),local('Tinos Italic'),local('Times Italic');size-adjust:93.37%;ascent-override:78.72%;descent-override:28.38%;line-gap-override:0%}
@font-face{font-family:'Instrument Sans Fallback';src:local('Arial'),local('Liberation Sans'),local('Arimo'),local('Helvetica');size-adjust:101.1%;ascent-override:95.94%;descent-override:24.73%;line-gap-override:0%}
@font-face{font-family:'Poiret One';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poiret-one-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2013-2014,U+2018-2019,U+201C-201D,U+2026,U+20AC}
@font-face{font-family:'Poiret One Fallback';src:local('Arial'),local('Liberation Sans'),local('Arimo'),local('Helvetica');size-adjust:97.03%;ascent-override:99.14%;descent-override:21.44%;line-gap-override:0.00%}

:root{
  color-scheme:dark;
  --bg:#0E0D0B;--surface:#181612;--line:#2B2822;--line-strong:#7A7365;
  --text:#EDE8DE;--text-2:#B3AB9C;--text-3:#8A8375;
  --accent:#E0603A;--on-accent:#0E0D0B;--focus:#E8B94A;
  --scrim-bottom:linear-gradient(to top,rgba(14,13,11,.72),rgba(14,13,11,0));
  --scrim-top:linear-gradient(to bottom,rgba(14,13,11,.55),rgba(14,13,11,0));
  --overlay:rgba(14,13,11,.96);
  --ph-noise: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%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --ph-earth:var(--ph-noise),linear-gradient(155deg,#2A2218 0%,#1B1711 48%,#12100C 100%);
  --ph-silver:var(--ph-noise),linear-gradient(155deg,#2B2B29 0%,#1C1C1B 50%,#111110 100%);
  --font-serif:'Newsreader','Newsreader Fallback',Georgia,'Times New Roman',serif;
  --font-display:'Newsreader Display','Newsreader Display Fallback','Newsreader','Newsreader Fallback',Georgia,'Times New Roman',serif;
  --font-sans:'Instrument Sans','Instrument Sans Fallback',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-brand:'Poiret One','Poiret One Fallback',system-ui,-apple-system,'Segoe UI',sans-serif;
  --step--1:clamp(.8125rem,.79rem + .12vw,.875rem);
  --step-0:clamp(1.0625rem,1.02rem + .21vw,1.1875rem);
  --step-1:clamp(1.25rem,1.15rem + .5vw,1.5rem);
  --step-2:clamp(1.5rem,1.3rem + 1vw,2.125rem);
  --step-3:clamp(2rem,1.6rem + 2vw,3.25rem);
  --step-4:clamp(2.75rem,2rem + 3.75vw,5.5rem);
  --step-5:clamp(3.5rem,2.2rem + 6.5vw,9rem);
  --lh-body:1.55;--lh-title:1.1;--lh-display:1.02;--measure:62ch;--track-caps:.08em;
  --space-3xs:.25rem;--space-2xs:.5rem;
  --space-xs:clamp(.75rem,.7rem + .25vw,1rem);
  --space-s:clamp(1rem,.9rem + .5vw,1.5rem);
  --space-m:clamp(1.5rem,1.3rem + 1vw,2.5rem);
  --space-l:clamp(2.5rem,2rem + 2.5vw,4.5rem);
  --space-xl:clamp(4rem,3rem + 5vw,8rem);
  --space-2xl:clamp(6rem,4rem + 9vw,12rem);
  --space-3xl:clamp(8rem,5rem + 14vw,18rem);
  --gutter:clamp(1rem,.5rem + 2.2vw,2rem);
  --margin:clamp(1.25rem,.6rem + 3.2vw,4rem);
  --max-w:90rem;
  --radius-0:0;--radius-s:2px;--border-w:1px;
  --focus-ring:3px solid var(--focus);--focus-offset:3px;
  --dur-fast:120ms;--dur-base:240ms;--dur-slow:480ms;--dur-reveal:600ms;--dur-hero:24s;
  --ease-out:cubic-bezier(.22,.61,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--reveal-shift:12px;
  --z-header:100;--z-menu:200;--z-lightbox:300;--z-skip:400;
  --ar-landscape:3/2;--ar-portrait:4/5;--ar-pano:21/9;--ar-cover:3/4;--ar-hero:16/9;
  --header-h:4rem;
}
[data-theme="light"]{
  color-scheme:light;
  --bg:#F3EFE6;--surface:#E9E4D8;--line:#D6D0C2;--line-strong:#7A7365;
  --text:#1A1814;--text-2:#4F4A40;--text-3:#6B6457;
  --accent:#A8391A;--on-accent:#F3EFE6;--focus:#1A1814;--overlay:rgba(243,239,230,.97);
}
@media (prefers-color-scheme:light){
  [data-theme="auto"]{
    color-scheme:light;
    --bg:#F3EFE6;--surface:#E9E4D8;--line:#D6D0C2;--line-strong:#7A7365;
    --text:#1A1814;--text-2:#4F4A40;--text-3:#6B6457;
    --accent:#A8391A;--on-accent:#F3EFE6;--focus:#1A1814;--overlay:rgba(243,239,230,.97);
  }
}
.theme-dark{
  color-scheme:dark;
  --bg:#0E0D0B;--surface:#181612;--line:#2B2822;--line-strong:#7A7365;
  --text:#EDE8DE;--text-2:#B3AB9C;--text-3:#8A8375;
  --accent:#E0603A;--on-accent:#0E0D0B;--focus:#E8B94A;--overlay:rgba(14,13,11,.96);
}
@media (prefers-reduced-motion:reduce){
  :root{--dur-fast:.01ms;--dur-base:.01ms;--dur-slow:.01ms;--dur-reveal:.01ms;--dur-hero:.01ms;--reveal-shift:0px}
}
@media (forced-colors:active){:root{--focus-ring:3px solid Highlight}}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (min-width:64rem){html{scroll-padding-top:5rem}}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--font-serif);font-size:var(--step-0);line-height:var(--lh-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-x:clip}
main{flex:1 0 auto;display:block}
main:focus{outline:none}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul[role],ol[role],ul.c-list,ol.c-list{list-style:none;padding:0}
img,svg,video{display:block;max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--accent)}
:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
[hidden]{display:none!important}
.c-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- tipografia compartilhada ---------- */
h1,h2,h3,h4{font-family:var(--font-display);font-weight:300;line-height:var(--lh-title);text-wrap:balance}
.c-title{font-size:var(--step-4);line-height:var(--lh-display);letter-spacing:-.01em}
.c-h2{font-size:var(--step-3)}
.c-h3{font-size:var(--step-2);font-weight:400}
.c-lede{font-size:var(--step-1);color:var(--text-2);max-width:var(--measure)}
.c-prose{max-width:var(--measure)}
.c-prose>*+*{margin-top:1em}
.c-eyebrow,.c-caption{font-family:var(--font-sans);font-size:var(--step--1);color:var(--text-3)}
.c-eyebrow{text-transform:uppercase;letter-spacing:var(--track-caps);font-weight:500}
.c-sans{font-family:var(--font-sans)}
.c-num{font-variant-numeric:lining-nums tabular-nums}

/* ---------- layout ---------- */
.c-wrap{width:100%;max-width:calc(var(--max-w) + 2*var(--margin));margin-inline:auto;padding-inline:var(--margin)}
.c-section{padding-block:var(--space-xl)}
.c-section+.c-section{padding-top:0}

/* ---------- skip / header / menu ---------- */
.c-skip{position:absolute;left:var(--margin);top:0;z-index:var(--z-skip);transform:translateY(-120%);background:var(--text);color:var(--bg);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--step--1);text-decoration:none;border-radius:var(--radius-s)}
.c-skip:focus{transform:none}
.c-header{position:relative;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);min-height:var(--header-h);padding:.25rem var(--margin);background:var(--bg);flex-wrap:wrap;font-family:var(--font-sans)}
.c-brand{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-brand);font-size:clamp(.9375rem,4.6vw,1.125rem);font-weight:400;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;text-decoration:none;color:var(--text);white-space:nowrap;-webkit-text-stroke:.3px currentColor;paint-order:stroke fill}
@media (min-width:30rem){.c-brand{font-size:1.25rem}}
@media (min-width:48rem){.c-brand{font-size:1.5rem}}
@media (min-width:80rem){.c-brand{font-size:clamp(1.125rem,3.75vw - 1.875rem,1.5rem)}}
.c-brand:hover{color:var(--text)}
.c-nav ul{display:flex;flex-wrap:wrap;gap:0 .15rem;margin:0;padding:0;list-style:none}
.c-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 .6rem;font-size:var(--step--1);font-weight:500;letter-spacing:var(--track-caps);text-transform:uppercase;text-decoration:none;color:var(--text)}
.c-nav a:hover{color:var(--accent)}
.c-nav a[aria-current="page"]{color:var(--accent);box-shadow:inset 0 -1px 0 var(--accent)}
.c-nav a.is-section{color:var(--accent)}
/* submenu (Loja > Onças-pintadas). < 80rem: lista recuada, sempre visivel (sem botao). >= 80rem: disclosure (core.js) */
.c-has-sub{position:relative}
.c-sub-btn{display:none}
.c-nav .c-sub{display:block;flex-wrap:nowrap;gap:0;margin:0;padding:0;list-style:none}
.c-menu-btn{display:none}
/* switch de idioma "PT · EN" (so texto; sem caixas nem bordas). Atual = nao-link com aria-current; o outro = link. Alvos >= 44x44. */
.c-lang{position:relative;z-index:2;order:1;display:flex;align-items:center;margin:0 0 0 auto;padding:0;list-style:none;font-family:var(--font-sans);font-size:var(--step--1);font-weight:500;letter-spacing:var(--track-caps);line-height:1;text-transform:uppercase}
.c-lang li{display:flex;align-items:center}
.c-lang li+li::before{content:"·";content:"·"/"";color:var(--text-3)}
.c-lang a,.c-lang__cur{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .35rem;text-decoration:none}
.c-lang a{color:var(--text-2)}
.c-lang a:hover{color:var(--accent)}
.c-lang__cur{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.55em}
.theme-dark .c-header{--text:#EDE8DE}
/* >= 80rem: menu horizontal; cabecalho fixo (<=64px) */
@media (min-width:80rem){
  .c-header{position:sticky;top:0;flex-wrap:nowrap;gap:var(--space-xs)}
  .c-nav{margin-left:auto}
  .c-nav>ul{flex-wrap:nowrap;column-gap:0}
  .c-nav a{white-space:nowrap;padding-inline:clamp(.3rem,-1rem + 1.6vw,.6rem);letter-spacing:clamp(.05em,-.03em + .5vw,.08em)}
  .c-lang{order:0;margin:0 -.5rem 0 0}
}
@media (min-width:80rem){
  .c-has-sub{display:flex;align-items:center}
  .c-has-sub>a{padding-right:.1rem}
  /* submenu: painel translúcido sem moldura, serifa leve, seta no hover; abre com fade curto */
  .c-nav .c-sub{display:none;position:absolute;top:calc(100% + .75rem);left:-1rem;z-index:1;min-width:17rem;flex-direction:column;padding:.75rem .5rem;background:rgba(16,15,12,.93);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);border-radius:6px;box-shadow:0 28px 60px -24px rgba(0,0,0,.75),0 0 0 1px rgba(241,236,225,.06)}
  .c-nav .c-sub::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:.75rem}
  .c-has-sub.is-open .c-sub{display:flex;animation:c-sub-in .22s var(--ease-out) both}
  .c-nav .c-sub a{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;min-height:48px;padding:0 1rem;border-radius:4px;font-family:var(--font-display);font-size:1.25rem;font-weight:300;letter-spacing:0;text-transform:none;text-shadow:none!important;transition:color var(--dur-fast),background-color var(--dur-fast),padding-left var(--dur-fast) var(--ease-out)}
  .c-nav .c-sub a::after{content:"→";font-family:var(--font-sans);font-size:1rem;color:var(--accent);opacity:0;transform:translateX(-.4rem);transition:opacity var(--dur-fast),transform var(--dur-fast) var(--ease-out)}
  .c-nav .c-sub a:hover,.c-nav .c-sub a:focus-visible{background:rgba(241,236,225,.06);color:var(--text);padding-left:1.25rem}
  .c-nav .c-sub a:hover::after,.c-nav .c-sub a:focus-visible::after{opacity:1;transform:none}
  .c-nav .c-sub a[aria-current="page"]{box-shadow:none;color:var(--accent)}
  .c-nav .c-sub a[aria-current="page"]::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:1;transform:none}
  .c-nav .c-sub a:focus-visible{outline-offset:-3px}
  @keyframes c-sub-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){.c-has-sub.is-open .c-sub{animation:none}.c-nav .c-sub a,.c-nav .c-sub a::after{transition:none}}
}
@media (min-width:80rem) and (scripting:enabled){
  .c-sub-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-.35rem;padding:0;background:none;border:0;border-radius:var(--radius-s);color:var(--text);text-shadow:none}
  .c-sub-btn:hover{color:var(--accent)}
  .c-sub-btn svg{transition:transform var(--dur-fast) var(--ease-out)}
  .c-has-sub.is-open .c-sub-btn svg{transform:rotate(180deg)}
}
@media (min-width:80rem) and (scripting:none){.c-has-sub:hover .c-sub,.c-has-sub:focus-within .c-sub{display:flex}}
/* < 80rem com JS: painel de tela cheia */
@media (scripting:enabled) and (max-width:79.999rem){
  .c-menu-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .9rem;background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius-s);font-family:var(--font-sans);font-size:var(--step--1);font-weight:500;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text)}
  .c-nav{position:fixed;inset:0;z-index:1;overflow-y:auto;padding:5.5rem var(--margin) var(--space-l);background:var(--bg);visibility:hidden;opacity:0;transition:opacity var(--dur-base) var(--ease-out),visibility 0s linear var(--dur-base)}
  .c-nav.is-open{visibility:visible;opacity:1;transition:opacity var(--dur-base) var(--ease-out)}
  .c-nav ul{flex-direction:column;gap:0}
  .c-nav a{min-height:3.5rem;width:100%;padding:0;font-family:var(--font-display);font-size:var(--step-3);font-weight:300;letter-spacing:0;text-transform:none;border-bottom:1px solid var(--line);text-shadow:none!important}
  .c-nav a[aria-current="page"]{box-shadow:none}
  .c-nav .c-sub{padding-left:1.25rem}
  .c-nav .c-sub a{min-height:2.75rem;font-size:var(--step-2);color:var(--text-2)}
  .c-nav .c-sub a[aria-current="page"],.c-nav .c-sub a:hover{color:var(--accent)}
}
/* Switch: < 80rem fica antes do botao Menu (a ordem visual vem de order; no DOM ele vem depois do nav). < 30rem com JS: 1a linha do painel aberto. */
@media (max-width:79.999rem){.c-menu-btn{order:2}.c-nav{order:3}}
@media (scripting:enabled) and (max-width:29.999rem){
  .c-lang{display:none;position:fixed;top:4.5rem;left:calc(var(--margin) - .75rem);margin:0}
  html.menu-open .c-lang{display:flex}
  .c-nav{padding-top:8.5rem}
}
html.menu-open{overflow:hidden}
@media (scripting:none) and (max-width:79.999rem){.c-nav{flex-basis:100%}.c-header{padding-bottom:.5rem}}

/* ---------- footer ---------- */
.c-footer{margin-top:var(--space-l);background:var(--surface);padding:var(--space-l) var(--margin);font-family:var(--font-sans);font-size:var(--step--1);color:var(--text-2)}
.c-footer__in{max-width:var(--max-w);margin-inline:auto;display:grid;gap:var(--space-xs)}
.c-footer__name{font-family:var(--font-serif);font-size:var(--step-1);color:var(--text)}
.c-footer__links{display:flex;flex-wrap:wrap;gap:0 var(--space-s);margin:0;padding:0;list-style:none}
.c-footer__links a{display:inline-flex;align-items:center;min-height:44px}
.c-footer__note{max-width:var(--measure);color:var(--text-3)}
.c-footer__rights{color:var(--text-2)}
@media (min-width:64rem){.c-footer__in{grid-template-columns:1fr auto;align-items:start}.c-footer__note,.c-footer__rights{grid-column:1/-1}.c-footer__links{grid-column:2;grid-row:1}}

/* ---------- componentes ---------- */
.c-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.25rem;border:1px solid var(--text);border-radius:var(--radius-s);background:transparent;color:var(--text);font-family:var(--font-sans);font-size:var(--step--1);font-weight:500;letter-spacing:var(--track-caps);text-transform:uppercase;text-decoration:none;transition:background-color var(--dur-base),color var(--dur-base),border-color var(--dur-base)}
.c-btn:hover{border-color:var(--accent);color:var(--accent)}
.c-btn--accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.c-btn--accent:hover{background:var(--text);border-color:var(--text);color:var(--bg)}
.c-arrowlink{display:inline-flex;align-items:center;min-height:44px;gap:.5em;font-family:var(--font-sans);font-size:var(--step--1);font-weight:500;letter-spacing:var(--track-caps);text-transform:uppercase;text-decoration:none;color:var(--text);border-bottom:1px solid var(--line-strong)}
.c-arrowlink:hover{color:var(--accent);border-color:var(--accent)}

/* imagens, com placeholder = cor media */
.c-img{width:100%;height:auto;background-color:var(--surface);transition:opacity var(--dur-reveal) var(--ease-out)}
.c-img[data-l="0"]{opacity:0}

/* grade justificada de proporcao real: ordem do DOM = ordem de leitura. Cada item: style="--ar:<largura/altura>" */
.c-jgrid{--row-h:13rem;display:flex;flex-wrap:wrap;gap:var(--gutter);margin:0;padding:0;list-style:none}
.c-jgrid>li{flex:var(--ar) 1 calc(var(--ar)*var(--row-h));max-width:calc(var(--ar)*var(--row-h)*1.75);min-width:0;margin:0}
.c-jgrid a{display:block;position:relative;line-height:0}
.c-jgrid a::after{content:"";position:absolute;inset:0;background:rgba(237,232,222,0);transition:background-color var(--dur-base)}
.c-jgrid a:hover::after{background:rgba(237,232,222,.04)}
@media (min-width:40rem){.c-jgrid{--row-h:15rem}}
@media (min-width:64rem){.c-jgrid{--row-h:16rem}}
@media (min-width:90rem){.c-jgrid{--row-h:18rem}}
@media (max-width:39.999rem){
  .c-jgrid{gap:var(--space-xs)}
  .c-jgrid>li{flex:1 1 100%;max-width:none}
}
@media (hover:none){.c-jgrid a::after{display:none}}
@media (max-width:39.999rem){.c-jgrid{margin-inline:calc(-1*var(--margin))}}

/* ---------- moldura (passe-partout) das imagens da Início ----------
   Ajuste a espessura, a cor e o respiro interno SO aqui (ou sobrescreva as 4 variaveis num contêiner).
   --frame-w: espessura da borda · --frame-line: cor · --frame-pad: passe-partout · --frame-bg: cor do passe-partout */
.c-frame{--frame-w:0px;--frame-line:transparent;--frame-pad:0px;--frame-bg:transparent;display:block;padding:var(--frame-pad);border:var(--frame-w) solid var(--frame-line);border-radius:0;background:var(--frame-bg);box-shadow:none}
.c-frame__in{position:relative;display:block;aspect-ratio:var(--frame-ar,3/2);overflow:hidden;background:var(--bg)}
.c-frame__in>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c-frame__in--contain>img{object-fit:contain}
.c-jgrid--framed>li{display:flex}
.c-jgrid--framed a.c-frame{flex:1;min-width:0}
.c-jgrid--framed a.c-frame>img{width:100%}
@media (max-width:39.999rem){.c-jgrid.c-jgrid--framed{margin-inline:0}}

/* revelar ao entrar na viewport (so com JS ativo) */
@media (scripting:enabled){
  .c-reveal{opacity:0;transform:translateY(var(--reveal-shift));transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
  .c-reveal.is-in{opacity:1;transform:none}
}
@media print{.c-header,.c-skip,.c-footer{display:none}}