/* GERADO DE design-system/src/styles.css — NÃO EDITAR AQUI */

/* =====================================================================
   BRUNÊ — Design System · folha de estilo
   CSS CANÔNICO do sistema aprovado, "O Press Kit Que Virou Casa".
   Monocromático Breu/Osso — zero cor de acento na interface; o vermelho
   existe só dentro da fotografia (.duo). Propague com npm run bundle:css.
   ===================================================================== */

:root{
  color-scheme:dark;
  /* fallback sRGB; a paleta perceptual assume o controle quando há suporte */
  --bg:#1a1413;
  --bg-soft:#221b19;
  --fg:#efe9dc;
  --muted:rgba(239,233,220,.75);
  --faint:rgba(239,233,220,.42);
  --line:rgba(239,233,220,.16);
  --card:rgba(239,233,220,.04);
  --ink:rgba(239,233,220,.9);
  --hover:rgba(239,233,220,.1);
  --pressed:rgba(239,233,220,.14);
  --line-strong:rgba(239,233,220,.5);
  --surface-glow:rgba(239,233,220,.05);
  --shadow-video:rgba(0,0,0,.45);
  --surface-grain-opacity:.05;
  --scrim:rgba(26,20,19,.9);
  --scrim-strong:rgba(26,20,19,.97);
  --scrim-media:rgba(26,20,19,.55);
  --scrim-caption:rgba(26,20,19,.65);
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"JetBrains Mono",ui-monospace,Menlo,monospace;
  /* sistema editorial de layout */
  --rail:clamp(52px,11vw,150px);
  --gutter:clamp(16px,3vw,40px);
  --measure:42ch;
  --sheet:min(1200px,92vw);
  /* breakpoints: 640px telefone · 900px nav/tablet · 1140px reel */
  --dense:clamp(40px,6vw,80px);
  --air:clamp(88px,13vw,190px);
  --s1:4px;
  --s2:8px;
  --s3:12px;
  --s4:16px;
  --s5:24px;
  --breath:clamp(26px,4vw,46px);
  --tap:44px;
  /* microtipografia estrutural: tamanho + tracking formam um único papel */
  --label-xs-size:.75rem;
  --label-xs-track:.16em;
  --status-track:.08em;
  --label-size:.75rem;
  --label-track:.22em;
  --meta-size:.8125rem;
  --meta-track:.28em;
  --input-size:1rem;
  --control-primary-size:.875rem;
  --utility-size:.75rem;
  --control-track:.04em;
  --control-primary-track:.06em;
  --utility-track:.2em;
  --optical-track:.01em;
  --display-track:-.02em;
  --numeric-track:.02em;
  --product-name-track:.005em;
  --slash-scale:.52em;
  --price-note-scale:.78em;
  --ease:cubic-bezier(.22,1,.36,1);
  --dur-micro:.25s;
  --dur-move:.35s;
  --dur-reveal:.55s;
  --dur-settle:1.5s;
  --dur-loop:42s;
  --motion-duration-multiplier:.3;
  --dur-reduced:calc(1s*var(--motion-duration-multiplier));
  --rise:12px;
  --stagger:50ms;
  --delay-rail:.1s;
  --red:#a61117; /* vermelho-conteúdo: SÓ dentro de fotografia (.duo) */
  --red-14:rgba(166,17,23,.14);
  --red-50:rgba(166,17,23,.5);
}

/* Tema claro: a mesma paleta Breu/Osso invertida, sem introduzir cor de acento. */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f4efe5;
  --bg-soft:#e8e0d3;
  --fg:#211918;
  --muted:rgba(33,25,24,.72);
  --faint:rgba(33,25,24,.42);
  --line:rgba(33,25,24,.16);
  --card:rgba(33,25,24,.045);
  --ink:rgba(33,25,24,.9);
  --hover:rgba(33,25,24,.08);
  --pressed:rgba(33,25,24,.14);
  --line-strong:rgba(33,25,24,.5);
  --surface-glow:rgba(33,25,24,.035);
  --shadow-video:rgba(33,25,24,.18);
  --scrim:rgba(244,239,229,.9);
  --scrim-strong:rgba(244,239,229,.97);
  --scrim-media:rgba(244,239,229,.55);
  --scrim-caption:rgba(244,239,229,.65);
}

@supports(color:oklch(0 0 0)){
  :root[data-theme="light"]{
    --bg:oklch(.95 .018 86.148);
    --bg-soft:oklch(.902 .02 86.148);
    --fg:oklch(.205 .012 29.104);
    --shadow-video:oklch(.205 .012 29.104 / .18);
  }
}

@supports(color:oklch(from white l c h)){
  :root[data-theme="light"]{
    --muted:oklch(from var(--fg) l c h / .72);
    --faint:oklch(from var(--fg) l c h / .42);
    --line:oklch(from var(--fg) l c h / .16);
    --card:oklch(from var(--fg) l c h / .045);
    --ink:oklch(from var(--fg) l c h / .9);
    --hover:oklch(from var(--fg) l c h / .08);
    --pressed:oklch(from var(--fg) l c h / .14);
    --line-strong:oklch(from var(--fg) l c h / .5);
    --surface-glow:oklch(from var(--fg) l c h / .035);
    --scrim:oklch(from var(--bg) l c h / .9);
    --scrim-strong:oklch(from var(--bg) l c h / .97);
    --scrim-media:oklch(from var(--bg) l c h / .55);
    --scrim-caption:oklch(from var(--bg) l c h / .65);
  }
}

@supports(color:oklch(0 0 0)){
  :root{
    /* Breu + Osso em OKLCH, sem desvio de matiz entre estados */
    --bg:oklch(.198 .01 29.104);
    --bg-soft:oklch(.23 .012 36.494);
    --fg:oklch(.935 .018 86.148);
    --shadow-video:oklch(0 0 0 / .45);
    --red:oklch(.463 .179 26.815);
  }
}

@supports(color:oklch(from white l c h)){
  :root{
    /* Lc 61 para todo texto informativo secundário */
    --muted:oklch(from var(--fg) l c h / .75);
    --faint:oklch(from var(--fg) l c h / .42);
    --line:oklch(from var(--fg) l c h / .16);
    --card:oklch(from var(--fg) l c h / .04);
    --ink:oklch(from var(--fg) l c h / .9);
    --hover:oklch(from var(--fg) l c h / .1);
    --pressed:oklch(from var(--fg) l c h / .14);
    --line-strong:oklch(from var(--fg) l c h / .5);
    --surface-glow:oklch(from var(--fg) l c h / .05);
    --scrim:oklch(from var(--bg) l c h / .9);
    --scrim-strong:oklch(from var(--bg) l c h / .97);
    --scrim-media:oklch(from var(--bg) l c h / .55);
    --scrim-caption:oklch(from var(--bg) l c h / .65);
    --red-14:oklch(from var(--red) l c h / .14);
    --red-50:oklch(from var(--red) l c h / .5);
  }
}

@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root),::view-transition-new(root),::view-transition-group(produto-capa){animation-duration:var(--dur-micro);animation-timing-function:var(--ease)}
}

html{scroll-behavior:smooth;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{
  margin:0; background:var(--bg); color:var(--fg); font-family:var(--sans);
  line-height:1.6;text-align:start;
}

/* ============ PÁGINA / FUNDO ============ */
.brune-page{position:relative;min-height:100%;background:var(--bg);color:var(--fg);font-family:var(--sans);line-height:1.6;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}
.brune-page *,.brune-page *::before,.brune-page *::after{box-sizing:border-box}
.brune-page :where(h1,h2,h3,p,figure){margin:0}
:where(.brune-page) img{max-width:100%;display:block}
:where(.brune-page) a{color:inherit}
.brune-page :focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.brune-page::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(120% 80% at 50% 0%,var(--surface-glow),transparent 60%)}
.brune-page main,.brune-page .brune-main{position:relative;z-index:3}
.grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:var(--surface-grain-opacity);
  background-image:url("./assets/brune-grain-tile.webp");background-repeat:repeat;background-size:100px 100px}

/* ============ NAV / BARRA-ÍNDICE ============ */
.topbar{position:sticky;top:0;z-index:12;background:var(--scrim);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;max-width:var(--sheet);margin:0 auto}
.nav__logo{width:100px;height:auto;flex:0 0 auto;color:var(--fg)}
.nav > a:first-child{display:inline-flex;align-items:center;min-height:var(--tap)}
.nav__index{display:flex;align-items:center;gap:clamp(var(--s3),1.8vw,var(--s5));list-style:none;margin:0;padding:0;font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted)}
.nav__index a{text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;min-height:var(--tap)}
.nav__index a .n{color:var(--muted)}
.nav__index a:focus-visible,.nav__index a.is-active,.nav__index a[aria-current]{color:var(--fg)}
.nav__index a.is-active .n{color:var(--muted)}
.nav__toggle{display:none}
.nav__toggle:active{transform:scale(.98)}
.nav__index a:active{color:var(--fg)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:var(--tap);min-height:var(--tap);padding:0 12px;border:1px solid var(--line);border-radius:100px;background:var(--card);color:var(--fg);font:500 var(--utility-size)/1 var(--sans);letter-spacing:var(--utility-track);text-transform:uppercase;cursor:pointer;transition:background var(--dur-micro) var(--ease),transform var(--dur-micro) var(--ease)}
.theme-toggle__icon{width:16px;height:16px;flex:0 0 auto}
.theme-toggle:hover{background:var(--hover)}
.theme-toggle:active{transform:scale(.96);background:var(--pressed)}
:root[data-theme="light"] :where(.nav__logo,.selo,.selo-divisor,.colophon__selo,.divisor img){filter:invert(1)}

/* ============ BOTÕES ============ */
.links{display:flex;flex-wrap:wrap;gap:var(--s3)}
.btn{display:inline-flex;align-items:center;gap:9px;padding:var(--s3) var(--s5);border-radius:100px;font-family:var(--sans);font-size:var(--meta-size);letter-spacing:var(--control-track);text-decoration:none;border:1px solid var(--line);color:var(--fg);background:var(--card);transition:transform var(--dur-micro) var(--ease);cursor:pointer}
.btn--primary{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:500;padding:16px 30px;font-size:var(--control-primary-size);letter-spacing:var(--control-primary-track)}
.btn:active{transform:scale(.98)}
.btn--secondary:active{background:var(--pressed)}
.btn:disabled,.btn[aria-disabled="true"]{color:var(--muted);background:var(--card);border-color:var(--line);cursor:not-allowed;pointer-events:none;transform:none}

/* ============ SISTEMA EDITORIAL: MOVIMENTOS ============ */
.movement{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);column-gap:var(--gutter);
  align-items:start;max-width:var(--sheet);margin-inline:auto;padding-block:var(--dense)}
.movement--air{padding-block:var(--air)}
.rail{display:flex;flex-direction:column;gap:14px}
.rail__num{font-family:var(--sans);font-size:var(--meta-size);letter-spacing:var(--meta-track);color:var(--muted)}
.rail__label{font-family:var(--sans);font-weight:500;font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--fg);margin:0}
.rail__label--v{writing-mode:vertical-rl;text-orientation:mixed}
.rail-line{width:1px;height:clamp(40px,8vh,88px);background:var(--line);transform:scaleY(1);transform-origin:top}
.brune-js .rail-line{transform:scaleY(0)}
.brune-js .movement.in .rail-line{transform:scaleY(1);transition:transform var(--dur-reveal) var(--ease) var(--delay-rail)}
.marginalia{font-family:var(--sans);font-style:normal;font-size:var(--meta-size);letter-spacing:var(--status-track);line-height:1.55;color:var(--muted);max-width:24ch;margin:0}
.marginalia + .marginalia{margin-top:2px}
.movement__footnotes{display:grid;grid-column:1/-1;gap:0;max-width:var(--measure)}
.movement__footnote{border-top:1px solid var(--line)}
.movement__footnote:last-child{border-bottom:1px solid var(--line)}
.movement__footnote summary{box-sizing:border-box;min-height:var(--tap);padding:11px var(--s1);cursor:pointer;
  font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted)}
.movement__footnote summary:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.movement__footnote-text{margin:0;padding:0 var(--s1) var(--s3);font-family:var(--sans);font-size:var(--meta-size);
  letter-spacing:var(--status-track);line-height:1.6;color:var(--muted)}
.rail .selo{width:min(20vw,76px);opacity:.9;margin-top:var(--s1)}
.prose{max-width:var(--measure)}
.body-col{min-width:0}

/* reveal / motion (gated atrás de .brune-js — o <Page> ativa) */
.brune-js .reveal{opacity:0;transform:translateY(var(--rise));transition:opacity var(--dur-reveal) var(--ease),transform var(--dur-reveal) var(--ease);transition-delay:min(calc(var(--i,0)*var(--stagger)),calc(5*var(--stagger)))}
.brune-js .reveal.in{opacity:1;transform:none}
.brune-js .load-fade{opacity:0;transition:opacity var(--dur-micro) var(--ease)}
.brune-js .load-fade.is-loaded{opacity:1}
.clip{overflow:clip;display:block}
.clip__inner{display:block}
.brune-js .clip .clip__inner{transform:translateY(108%);transition:transform var(--dur-reveal) var(--ease)}
.brune-js .clip.in .clip__inner{transform:none}

/* ============ ÍNDICE (TOC) ============ */
.toc{display:flex;flex-direction:column}
.toc a{display:grid;grid-template-columns:auto auto 1fr auto;align-items:baseline;column-gap:var(--s4);
  padding-block:clamp(11px,1.7vw,var(--s4));text-decoration:none;color:var(--fg);border-top:1px solid var(--line)}
.toc a:last-child{border-bottom:1px solid var(--line)}
.toc__n{font-family:var(--sans);font-size:var(--meta-size);letter-spacing:var(--meta-track);color:var(--muted)}
.toc__name{font-family:var(--serif);font-weight:500;font-size:clamp(22px,3.2vw,36px);line-height:1;text-wrap:balance;transition:opacity var(--dur-micro) var(--ease)}
.toc__dots{border-bottom:1px dotted var(--line);align-self:end;margin-bottom:6px;min-width:20px}
.toc__glosa{font-family:var(--sans);font-size:var(--label-xs-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted);text-align:right}
.toc a:hover .toc__name,.toc a:focus-visible .toc__name{opacity:.62}
.toc a:hover .toc__n,.toc a:hover .toc__glosa,
.toc a:focus-visible .toc__n,.toc a:focus-visible .toc__glosa{color:var(--fg)}
.toc a:hover .toc__dots,.toc a:focus-visible .toc__dots{border-color:var(--muted)}
.toc a:active{background:var(--bg-soft)}

/* ============ VÍDEO ============ */
.video{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 80px var(--shadow-video)}
.video:focus-within,.video.is-iframe-focused{outline:2px solid var(--fg);outline-offset:3px}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-caption{margin-top:14px;font-family:var(--sans);font-size:var(--label-xs-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted)}

/* ============ MARQUEE ============ */
.bleed{width:100%}
.marquee{overflow:hidden;border-block:1px solid var(--line);padding-block:clamp(14px,2vw,var(--s5));display:flex;white-space:nowrap}
.marquee__track{display:inline-flex;flex:0 0 auto;width:max-content;animation:brune-marquee var(--dur-loop) linear infinite}
.marquee:hover .marquee__track,.marquee:focus .marquee__track,.marquee:focus-within .marquee__track,
.marquee.is-paused .marquee__track,.marquee.is-offscreen .marquee__track{animation-play-state:paused}
.marquee__track span{font-family:var(--sans);font-size:clamp(12px,1.4vw,15px);letter-spacing:var(--utility-track);text-transform:uppercase;color:var(--muted);padding-inline:clamp(14px,2vw,26px)}
.marquee__track .dot{color:var(--line)}
@keyframes brune-marquee{to{transform:translateX(-50%)}}

/* ============ DUOTONE (vermelho-conteúdo, só fotografia) ============ */
.duo{display:block;position:relative;overflow:hidden;background:var(--bg)}
.duo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.85)}
.duo::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,var(--red-14),var(--scrim-media) 72%),
    radial-gradient(120% 90% at 50% 30%,var(--red-50),transparent 65%);mix-blend-mode:color}
.portrait{aspect-ratio:3/4;border-radius:10px}
.figcap{margin-top:10px;font-family:var(--sans);font-size:var(--label-xs-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted)}

/* ============ CITAÇÃO-MONUMENTO ============ */
.voice{display:grid;gap:clamp(26px,5vw,52px)}
.voice__quote{font-family:var(--serif);font-style:italic;font-weight:500;
  font-size:clamp(2.2rem,7vw,5.4rem);line-height:1.03;max-width:15ch;text-wrap:balance;
  hanging-punctuation:first;hanging-punctuation:first allow-end last;text-align:start;margin:0}
.voice__cite{display:block;margin-top:20px;font-family:var(--sans);font-style:normal;font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted);text-indent:0}
@supports not (hanging-punctuation:first){
  .voice__quote{padding-inline-start:.42em;text-indent:-.42em}
}
@media(min-width:900px){
  .voice{grid-template-columns:minmax(0,1fr) minmax(210px,32%);align-items:center}
  .voice__side{align-self:stretch}
  .voice .portrait{width:100%;height:100%}
}

/* ============ NÚMEROS (FACTS) ============ */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}
.fact{background:var(--bg);padding:clamp(18px,2.4vw,26px) clamp(14px,1.8vw,20px)}
.fact b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:var(--optical-track)}
.fact span{display:block;margin-top:9px;font-family:var(--sans);font-size:var(--label-xs-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted);line-height:1.5}

/* ============ TEXTO EDITORIAL ============ */
.about{font-family:var(--serif);font-size:clamp(22px,2.3vw,26px);line-height:1.5;color:var(--ink);text-wrap:pretty;margin:0}
.about + .about{margin-top:var(--s4)}
.about--lead{font-style:italic;font-size:clamp(1.9rem,4.5vw,3.2rem);line-height:1.08;color:var(--fg);margin-bottom:var(--s5);max-width:20ch;text-wrap:balance}
.lead{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.6vw,27px);line-height:1.42;color:var(--ink);max-width:34ch;text-wrap:pretty;margin:0}
.small-caps{font-variant-caps:all-small-caps;letter-spacing:var(--status-track)}
.subhead{font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted);margin:0 0 clamp(14px,2vw,20px)}

/* ============ PRANCHAS FULL-BLEED ============ */
.plate{position:relative;margin:0}
.plate .duo{height:clamp(280px,46vh,560px)}
.plate figcaption{position:absolute;left:clamp(16px,4vw,34px);bottom:clamp(14px,3vh,24px);z-index:2;
  font-family:var(--sans);font-size:var(--label-xs-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--fg);
  padding:6px 12px;background:var(--scrim-caption);backdrop-filter:blur(6px);border-radius:100px}
.brune-js .plate .duo img{transform:scale(1.06)}
.brune-js .plate.in .duo img{transform:none;transition:transform var(--dur-settle) var(--ease)}

/* ============ ÁLBUM MONUMENTO ============ */
.album{margin-bottom:var(--breath)}
.album__title{font-family:var(--serif);font-weight:700;font-size:clamp(2.2rem,8vw,5.2rem);line-height:.9;letter-spacing:var(--display-track);text-wrap:balance;margin:0}
.album__title .slash{font-family:var(--sans);font-weight:400;font-size:var(--slash-scale);color:var(--faint);vertical-align:.14em;padding:0 .08em}
.album__tag{margin-top:14px;font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted)}

/* ============ LEDGER (discografia / produtos) ============ */
.ledger{border-top:1px solid var(--line)}
.ledger-row{display:grid;grid-template-columns:var(--cover,56px) 1fr auto;align-items:center;
  gap:clamp(14px,2.4vw,26px);padding-block:clamp(15px,2.2vw,var(--s5));border-bottom:1px solid var(--line);
  text-decoration:none;color:var(--fg)}
a.ledger-row:focus-visible{background:var(--bg-soft);padding-inline:clamp(8px,1.4vw,16px)}
.ledger-row__cover{width:var(--cover,56px);aspect-ratio:1;border-radius:6px;overflow:hidden;border:1px solid var(--line);background:var(--bg-soft);flex:0 0 auto}
.produto-capa{view-transition-name:produto-capa}
.ledger-row__cover img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-move) var(--ease)}
.ledger-row__cover svg{width:100%;height:100%;display:block}
a.ledger-row:focus-visible .ledger-row__cover img{transform:scale(1.06)}
a.ledger-row:active{background:var(--bg-soft)}
.ledger-row__title{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.6vw,30px);line-height:1.12;min-width:0;text-wrap:balance}
.ledger-row__title small{display:block;font-family:var(--sans);font-style:normal;font-weight:400;font-size:var(--meta-size);letter-spacing:var(--control-track);color:var(--muted);line-height:1.5;margin-top:2px}
.ledger-row__title small.mono{font-family:var(--sans);font-style:normal;font-size:var(--label-xs-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;line-height:1.5;margin-top:6px}
.ledger-row__meta{font-family:var(--sans);font-size:var(--label-xs-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted);text-align:right;line-height:1.5}
.ledger-row__price{font-family:var(--sans);font-style:normal;font-size:clamp(17px,2vw,22px);font-variant-numeric:tabular-nums;letter-spacing:var(--numeric-track);color:var(--fg);text-align:right;white-space:nowrap;line-height:1.2}
.ledger-row__price small{display:block;font-family:var(--sans);font-style:normal;font-size:var(--label-xs-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.ledger-row--off,.ledger-row--off .ledger-row__title,.ledger-row--off .ledger-row__title small,.ledger-row--off .ledger-row__meta{color:var(--muted)}
.ledger-row--off .ledger-row__price{font-style:normal;font-family:var(--sans);font-size:var(--label-xs-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted)}

/* ============ PREÇO ESTRUTURAL ============ */
.price{display:inline-flex;flex-direction:column;align-items:flex-start;font-family:var(--sans);font-style:normal;font-variant-numeric:tabular-nums;letter-spacing:var(--numeric-track);color:var(--fg);line-height:1.2}
.price__row{display:inline-flex;align-items:baseline;gap:var(--s2)}
.price__was{color:var(--muted);font-size:var(--price-note-scale)}
.price__note,.price__method{display:block;font-family:var(--sans);font-size:var(--label-xs-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted)}

/* divisor selo */
.divisor{display:flex;justify-content:flex-start;max-width:var(--sheet);margin:0 auto}
.divisor .selo-divisor{width:min(16vw,64px);opacity:.7}

/* ============ PALCOS / ESTADOS ============ */
.states{display:flex;flex-wrap:wrap;border-block:1px solid var(--line)}
.states span{font-family:var(--sans);font-size:var(--utility-size);letter-spacing:var(--utility-track);color:var(--muted);
  padding:clamp(11px,1.6vw,15px) clamp(14px,2vw,var(--s5));border-right:1px solid var(--line)}

/* ============ FICHA (chave/valor) ============ */
.ficha{display:grid;gap:clamp(var(--s4),2.4vw,var(--s5))}
.ficha__item{display:grid;grid-template-columns:clamp(96px,16vw,150px) 1fr;gap:clamp(var(--s3),2vw,26px);padding-block:clamp(14px,1.8vw,18px);border-top:1px solid var(--line)}
.ficha__item:last-child{border-bottom:1px solid var(--line)}
.ficha__k{font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted)}
.ficha__v{font-family:var(--sans);font-size:var(--meta-size);letter-spacing:var(--status-track);line-height:1.7;color:var(--ink);max-width:52ch}

/* ============ CONTATO ============ */
.contact-lines{margin-bottom:var(--breath)}
.contact-lines .row{font-family:var(--serif);font-size:clamp(22px,3.4vw,30px);line-height:1.3;margin:0}
.contact-lines .row + .row{margin-top:var(--s2)}
.contact-lines a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}
.contact-lines a:focus-visible,.contact-lines a:active{border-color:var(--fg)}
.linkdex{display:flex;flex-direction:column;max-width:var(--measure)}
.linkdex a{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);min-height:var(--tap);padding-block:14px;
  border-top:1px solid var(--line);text-decoration:none;font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted)}
.linkdex a:last-child{border-bottom:1px solid var(--line)}
.linkdex a .ext{color:var(--muted)}
.linkdex a:focus-visible,.linkdex a:active{color:var(--fg)}
.linkdex a:focus-visible .ext,.linkdex a:active .ext{color:var(--muted)}
.reel a{display:grid;place-items:center;min-width:var(--tap);min-height:var(--tap)}
.reel a:focus-visible{color:var(--fg)}

/* ============ SELETOR DE TAMANHO (pílulas) ============ */
.campo .campo__label{display:block;margin:0 0 10px;font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted)}
.tamanhos{display:flex;flex-wrap:wrap;gap:10px}
.tamanhos input{position:absolute;opacity:0;width:0;height:0}
.tamanhos label{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:46px;padding:0 14px;margin:0;
  border:1px solid var(--line);border-radius:100px;background:var(--card);color:var(--fg);font-family:var(--sans);font-size:var(--meta-size);letter-spacing:var(--control-track);cursor:pointer;transition:transform var(--dur-micro) var(--ease)}
.tamanhos input:not(:disabled) + label:active{background:var(--bg-soft)}
.tamanhos input:checked + label{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:500}
.tamanhos input:focus-visible + label{outline:2px solid var(--fg);outline-offset:3px}
.tamanhos input:disabled + label{color:var(--muted);background:var(--card);border-color:var(--line);text-decoration:line-through;cursor:not-allowed}
.availability-note{margin:var(--s2) 0 0;font-family:var(--sans);font-size:var(--label-xs-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted)}

/* ============ CAMPO DE TEXTO ============ */
.field{display:grid;gap:var(--s2)}
.field__label{font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted)}
.field__control{display:flex;align-items:flex-end;gap:var(--s2);border-bottom:1px solid var(--line)}
.field__control:focus-within,.field--error .field__control{border-color:var(--line-strong)}
.field__input{min-width:0;min-height:var(--tap);width:100%;padding:10px 0;border:0;background:transparent;color:var(--fg);
  font-family:var(--sans);font-size:var(--input-size);font-variant-numeric:tabular-nums;letter-spacing:var(--status-track)}
.field__input::placeholder{color:var(--muted);opacity:1}
.field__message{min-height:1em;margin:0;font-family:var(--sans);font-size:var(--label-xs-size);letter-spacing:var(--status-track);color:var(--muted)}
.field__action{flex:0 0 auto;min-height:var(--tap);margin:0 0 var(--s1);padding:var(--s2) var(--s4)}
.shipping-estimator{max-width:340px;margin-top:var(--s5)}

/* ============ QUANTIDADE (STEPPER) ============ */
.stepper{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:var(--s4)}
.stepper__label{font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted)}
.stepper__controls{display:inline-grid;grid-template-columns:repeat(3,var(--tap));align-items:stretch;overflow:hidden;
  border:1px solid var(--line);border-radius:100px;background:var(--card)}
.stepper__button,.stepper__value{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);
  border:0;background:transparent;color:var(--fg);font-family:var(--sans);font-size:var(--meta-size);line-height:1}
.stepper__button{padding:0;cursor:pointer;transition:transform var(--dur-micro) var(--ease)}
.stepper__button:active:not(:disabled){transform:scale(.92)}
.stepper__button:disabled{color:var(--muted);cursor:not-allowed}
.stepper__value{font-variant-numeric:tabular-nums;border-inline:1px solid var(--line)}
.combined-order{margin-top:var(--s5)}

/* ============ NOTA DE ESTADO ============ */
.status-note{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s2);margin:var(--s3) 0 0;max-width:52ch;
  font-family:var(--sans);font-size:var(--label-xs-size);letter-spacing:var(--status-track);color:var(--muted);line-height:1.7}
.status-note__action{display:inline-flex}
.status-note__action :where(button,a),.status-note__copy{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--s1);
  border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--fg);font:inherit;letter-spacing:inherit;cursor:pointer}
.status-note__action :where(button,a):focus-visible,.status-note__action :where(button,a):active,
.status-note__copy:focus-visible,.status-note__copy:active{border-color:var(--fg)}
.status-note__feedback{color:var(--fg);min-height:1em}
.trust-note{margin:var(--s2) 0 0;max-width:52ch;font-family:var(--sans);font-size:var(--label-xs-size);
  letter-spacing:var(--status-track);color:var(--muted);line-height:1.7}

/* ============ GALERIA DE PRODUTO ============ */
.gallery{margin:0;color:var(--fg)}
.gallery__frame{position:relative;aspect-ratio:1;overflow:hidden;touch-action:pan-y;background:var(--bg-soft);border:1px solid var(--line);border-radius:14px}
.gallery__slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity var(--dur-micro) var(--ease)}
.gallery__slide.is-active{opacity:1;pointer-events:auto}
.gallery__image,.gallery__fallback,.gallery__slide > :where(svg){width:100%;height:100%;display:block}
.gallery__image{object-fit:cover}
.gallery__fallback{display:grid;place-items:center;background:var(--bg-soft)}
.gallery__rail{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.gallery__thumb{display:grid;place-items:center;width:var(--tap);height:var(--tap);padding:0;overflow:hidden;
  border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--fg);cursor:pointer}
.gallery__thumb.is-active{border-color:var(--fg)}
.gallery__thumb-image{width:100%;height:100%;object-fit:cover}

/* ============ PÁGINAS DA LOJA ============ */
.sheet{max-width:var(--sheet);margin-inline:auto}
.store-page{--measure:44ch}
.store-page .album__title{font-size:clamp(2.4rem,8vw,5.4rem)}
.store-catalog{--cover:56px}
.store-catalog .ledger-row{gap:14px;padding-block:clamp(18px,2.6vw,28px)}
.store-catalog .ledger-row__cover{border-radius:10px}
.store-catalog .ledger-row__title{font-size:clamp(22px,2.8vw,32px);line-height:1.1}
.duvida{margin:clamp(24px,4vw,34px) 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(22px,2vw,24px);color:var(--muted)}
.duvida a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px}
.duvida a:focus-visible,.duvida a:active{border-color:var(--fg)}

.voltar{display:inline-flex;align-items:flex-end;gap:var(--s2);min-height:var(--tap);padding:clamp(20px,3vw,28px) 0 0;
  font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted);text-decoration:none}
.voltar:focus-visible,.voltar:active{color:var(--fg)}
.produto{display:grid;gap:clamp(28px,4vw,60px);padding:clamp(20px,3vw,32px) 0 clamp(56px,8vw,96px);align-items:start}
.produto__img{position:relative;margin:0}
.produto__img svg{width:100%;height:100%;display:block}
.produto__tag{position:absolute;top:var(--s4);left:var(--s4);z-index:1;font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--utility-track);text-transform:uppercase;color:var(--muted)}
.kicker{font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--meta-track);text-transform:uppercase;color:var(--muted);margin:0 0 var(--s3)}
.produto__nome{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(2.4rem,6vw,4rem);line-height:1;letter-spacing:var(--product-name-track);text-wrap:balance}
.produto__preco{display:block;margin-top:var(--s4);font-family:var(--sans);font-size:clamp(24px,3vw,30px);font-variant-numeric:tabular-nums;letter-spacing:var(--numeric-track);color:var(--fg)}
.produto__desc{margin:22px 0 0;max-width:48ch;font-family:var(--serif);font-size:clamp(22px,2vw,25px);line-height:1.6;color:var(--ink);text-wrap:pretty}
.produto__specs{font-family:var(--sans);font-size:var(--meta-size);line-height:1.7;letter-spacing:var(--status-track);color:var(--muted)}
.product-page .campo{margin-top:clamp(26px,4vw,34px)}
.product-page .btn--purchase{justify-content:center;min-height:54px;width:100%;max-width:none;margin-top:clamp(24px,4vw,30px);padding:0 26px;font-size:var(--meta-size);letter-spacing:var(--control-primary-track)}
.product-page .ficha{gap:clamp(14px,2vw,18px);margin-top:clamp(28px,4vw,36px)}
.product-page .ficha__item{padding-block:clamp(13px,1.6vw,16px)}
.product-page .ficha__k{letter-spacing:var(--label-xs-track)}
.product-page .ficha__v{font-size:clamp(15px,1.7vw,18px)}
.product-page .brune-footer{margin-top:clamp(20px,4vw,40px)}
.product-page .colophon{padding:clamp(36px,5vw,56px) 0 clamp(44px,6vw,64px)}

/* ============ DOCUMENTOS LEGAIS ============ */
.skip-link{position:fixed;z-index:40;top:var(--s3);left:var(--s3);padding:var(--s3) var(--s4);background:var(--fg);color:var(--bg);font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--control-track);text-decoration:none;transform:translateY(calc(-100% - var(--s5)))}
.skip-link:focus{transform:none}
.legal-nav__actions{display:flex;align-items:center;gap:var(--s2)}
.legal-nav__back{display:inline-flex;align-items:center;min-height:var(--tap);padding-inline:var(--s3);font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted);text-decoration:none}
.legal-nav__back:focus-visible,.legal-nav__back:active{color:var(--fg)}
.legal-page{--legal-measure:68ch}
.legal-hero,.legal-document{width:min(var(--legal-measure),92vw);margin-inline:auto}
.legal-hero{padding-block:clamp(64px,10vw,128px) clamp(42px,7vw,76px)}
.legal-kicker{margin:0 0 var(--s4);font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--meta-track);text-transform:uppercase;color:var(--muted)}
.legal-title{max-width:15ch;font-family:var(--serif);font-size:clamp(3rem,9vw,6.5rem);font-style:italic;font-weight:500;letter-spacing:var(--display-track);line-height:.92;text-wrap:balance}
.legal-summary{max-width:48ch;margin:clamp(24px,4vw,38px) 0 0;font-family:var(--serif);font-size:clamp(21px,2.5vw,27px);line-height:1.48;color:var(--ink);text-wrap:pretty}
.legal-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2) var(--s5);margin:clamp(28px,5vw,46px) 0 0;padding-top:var(--s4);border-top:1px solid var(--line)}
.legal-meta div{display:grid;gap:var(--s1)}
.legal-meta dt{font-size:var(--label-xs-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted)}
.legal-meta dd{margin:0;font-size:var(--meta-size);letter-spacing:var(--status-track);color:var(--ink)}
.legal-document{padding-bottom:clamp(72px,10vw,124px)}
.legal-section{padding-block:clamp(30px,5vw,48px);border-top:1px solid var(--line)}
.legal-section:last-child{border-bottom:1px solid var(--line)}
.legal-section h2{margin:0 0 var(--s5);font-family:var(--sans);font-size:var(--label-size);font-weight:500;letter-spacing:var(--label-track);line-height:1.5;text-transform:uppercase;color:var(--fg)}
.legal-section h3{margin:var(--s5) 0 var(--s2);font-family:var(--sans);font-size:var(--meta-size);font-weight:500;letter-spacing:var(--status-track);color:var(--fg)}
.legal-section p,.legal-section li{font-family:var(--sans);font-size:clamp(.875rem,1.5vw,1rem);letter-spacing:.025em;line-height:1.85;color:var(--ink)}
.legal-section p{margin:0}
.legal-section p + p{margin-top:var(--s4)}
.legal-section ul,.legal-section ol{display:grid;gap:var(--s3);margin:var(--s4) 0 0;padding-left:1.35rem}
.legal-section a{display:inline;color:var(--fg);text-decoration-thickness:1px;text-underline-offset:4px}
.legal-section strong{color:var(--fg);font-weight:500}
.legal-pending{padding:var(--s4);border:1px solid var(--line-strong);background:var(--card)}
.legal-sources{font-size:var(--meta-size)!important;color:var(--muted)!important}
.legal-footer-links{display:block;margin-top:var(--s2)}

/* ============ BARRA DE COMPRA MOBILE ============ */
.purchase-dock{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px max(4vw,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));
  background:var(--bg);border-top:1px solid var(--line);opacity:0;pointer-events:none}
.purchase-dock.is-visible{opacity:1;pointer-events:auto}
.purchase-dock__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);max-width:var(--sheet);margin:0 auto}
.purchase-dock__price{font-family:var(--sans);font-size:var(--meta-size);letter-spacing:var(--control-track);white-space:nowrap}
.purchase-dock .btn{min-height:var(--tap);width:auto;max-width:none;margin:0;padding:var(--s3) var(--s4)}
.has-purchase-dock{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
@media(prefers-reduced-motion:no-preference){
  .purchase-dock{transform:translateY(100%);transition:transform var(--dur-micro) var(--ease),opacity var(--dur-micro) var(--ease)}
  .purchase-dock.is-visible{transform:none}
}

/* ============ FOOTER / COLOFÃO ============ */
.brune-footer{border-top:1px solid var(--line);margin-top:clamp(30px,6vw,60px)}
.colophon{max-width:var(--sheet);margin:0 auto;padding:clamp(40px,6vw,64px) 0 clamp(48px,7vw,72px);
  display:flex;align-items:flex-start;gap:clamp(20px,4vw,40px);flex-wrap:wrap}
.colophon__selo{width:56px;height:56px;opacity:.7;flex:0 0 auto}
.colophon__text{font-family:var(--sans);font-size:var(--label-xs-size);letter-spacing:var(--label-xs-track);text-transform:uppercase;color:var(--muted);line-height:2;margin:0}
.colophon__text a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}
.colophon__text a:focus-visible,.colophon__text a:active{color:var(--fg)}

@media(hover:hover){
  .nav__index a:hover{color:var(--fg)}
  .nav__index a:hover .n{color:var(--muted)}
  .btn:hover:not(:active){background:var(--hover);border-color:var(--line-strong);transform:translateY(-1px)}
  .btn--primary:hover:not(:active){background:var(--fg);transform:translateY(-1px)}
  a.ledger-row:hover{background:var(--bg-soft);padding-inline:clamp(8px,1.4vw,16px)}
  a.ledger-row:hover .ledger-row__cover{background:var(--bg-soft)}
  a.ledger-row:hover .ledger-row__cover img{transform:scale(1.06)}
  .contact-lines a:hover{border-color:var(--fg)}
  .linkdex a:hover{color:var(--fg)}
  .linkdex a:hover .ext{color:var(--muted)}
  .tamanhos input:not(:disabled) + label:hover{border-color:var(--line-strong)}
  .colophon__text a:hover{color:var(--fg)}
  .voltar:hover{color:var(--fg)}
  .duvida a:hover{border-color:var(--fg)}
  .status-note__action :where(button,a):hover,.status-note__copy:hover{border-color:var(--fg)}
  .gallery__thumb:hover{border-color:var(--line-strong)}
  .legal-nav__back:hover{color:var(--fg)}
}

/* ============ RESPONSIVO · BASE MOBILE-FIRST ============ */
.movement{grid-template-columns:1fr;column-gap:0;row-gap:var(--s4);padding-block:clamp(44px,10vw,64px)}
.movement--air{padding-block:clamp(64px,16vw,110px)}
.rail{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:var(--s2) 14px}
.rail-line{display:none}
.rail__label--v{writing-mode:horizontal-tb}
.rail .marginalia{display:none}
.rail .selo{margin:2px 0 0}
.prose{max-width:100%}
.facts{grid-template-columns:1fr;gap:0}
.fact{border-bottom:1px solid var(--line)}
.fact:last-child{border-bottom:0}
.toc__glosa{display:none}
.toc__name{font-size:clamp(26px,7vw,34px)}
.ledger-row{grid-template-columns:56px 1fr;gap:14px}
.ledger-row__meta{grid-column:2;text-align:left;margin-top:-6px}
.ledger-row__price{grid-column:2;text-align:left;margin-top:-8px}
.ledger-row__price small{display:inline;margin:0 var(--s1) 0 0}
.states span{border-right:0;border-bottom:1px solid var(--line);flex:1 1 42%}
.btn--primary{width:100%;justify-content:center}
.ficha__item{grid-template-columns:1fr;gap:var(--s1)}
.nav__index{display:none}
.nav__toggle{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);background:none;border:1px solid var(--line);
  color:var(--fg);border-radius:100px;padding:var(--s3) 18px;font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;cursor:pointer}
.nav[open] .nav__index{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;
  background:var(--scrim-strong);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:var(--s2) 4vw var(--s4)}
.nav[open] .nav__index a{min-height:var(--tap);padding:14px 0;font-size:var(--utility-size);width:100%;border-bottom:1px solid var(--line)}
@media(max-width:639px){
  .nav{gap:8px}
  .nav__logo{width:84px}
  .theme-toggle{width:var(--tap);padding:0}
  .theme-toggle__label{display:none}
  .legal-nav__back{padding-inline:var(--s2)}
  .legal-meta{grid-template-columns:1fr}
}

@media(min-width:640px){
  :root{--rise:22px;--dur-reveal:.9s;--stagger:70ms;--input-size:var(--control-primary-size)}
  .movement{grid-template-columns:var(--rail) minmax(0,1fr);column-gap:var(--gutter);row-gap:0;padding-block:var(--dense)}
  .movement--air{padding-block:var(--air)}
  .rail{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:14px}
  .rail-line{display:block}
  .rail__label--v{writing-mode:vertical-rl}
  .rail .marginalia{display:block;max-width:24ch;margin-top:0}
  .movement__footnotes{display:none}
  .rail .selo{margin:var(--s1) 0 0}
  .prose{max-width:var(--measure)}
  .facts{grid-template-columns:repeat(3,1fr);gap:1px}
  .fact{border-bottom:0}
  .toc__glosa{display:block}
  .toc__name{font-size:clamp(22px,3.2vw,36px)}
  .ledger-row{grid-template-columns:var(--cover,56px) 1fr auto;gap:clamp(14px,2.4vw,26px)}
  .ledger-row__meta,.ledger-row__price{grid-column:auto;text-align:right;margin-top:0}
  .ledger-row__price small{display:block;margin:0 0 3px}
  .states span{border-right:1px solid var(--line);border-bottom:0;flex:0 1 auto}
  .btn--primary{width:auto}
  .ficha__item{grid-template-columns:clamp(96px,16vw,150px) 1fr;gap:clamp(var(--s3),2vw,26px)}
  .store-catalog{--cover:clamp(72px,13vw,112px)}
  .store-catalog .ledger-row{gap:clamp(16px,2.6vw,30px)}
  .product-page .btn--purchase{max-width:340px}
  .product-page .ficha__item{grid-template-columns:clamp(96px,15vw,140px) 1fr;gap:clamp(var(--s3),2vw,var(--s5))}
  .purchase-dock{display:none}
  .has-purchase-dock{padding-bottom:0}
}

@media(min-width:900px){
  .nav__index{display:flex}
  .nav__toggle{display:none}
  .nav[open] .nav__index{position:static;flex-direction:row;align-items:center;gap:clamp(var(--s3),1.8vw,var(--s5));background:transparent;backdrop-filter:none;border-bottom:0;padding:0}
  .nav[open] .nav__index a{padding:0;font-size:inherit;width:auto;border-bottom:0}
  .produto{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
  .produto__img{position:sticky;top:88px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .brune-page *,.brune-page *::before,.brune-page *::after{animation-duration:var(--dur-reduced)!important;animation-iteration-count:1!important;transition-duration:var(--dur-reduced)!important}
  .brune-js .reveal{opacity:0;transform:none;transition:opacity var(--dur-reduced) var(--ease);transition-delay:0s}
  .brune-js .reveal.in{opacity:1}
  .brune-js .clip .clip__inner{transform:none}
  .brune-js .rail-line{transform:scaleY(1)}
  .brune-js .plate .duo img{transform:none}
  .marquee{display:block;overflow:hidden;white-space:normal}
  .marquee__track{animation:none!important;flex-wrap:wrap;width:auto;white-space:normal}
  .marquee__copy{display:none}
}