:root{
  --ink:#0A0A0B;--ink-2:#0E0E10;--paper:#F3F0E9;--dim:#A9A6A0;
  --line:rgba(243,240,233,.12);--amber:#8C9A5B;
  --ease:cubic-bezier(.16,1,.3,1);--pad:clamp(22px,6vw,110px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--paper);font-family:"Space Grotesk",system-ui,sans-serif;
  font-weight:300;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.locked{overflow:hidden}
body::after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400}
.ital{font-family:"Instrument Serif",Georgia,serif;font-style:italic;color:var(--amber)}
.rev{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.rev.in{opacity:1;transform:none}
#barra{position:fixed;top:0;left:0;height:2px;width:0;background:var(--amber);z-index:1000;transition:width .1s linear}

/* topo · header persistente (mesma linguagem da home) */
#nav{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);mix-blend-mode:difference}
#nav.fixa,#nav.scrolled{mix-blend-mode:normal;background:rgba(10,10,11,.7);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:16px var(--pad)}
#nav .logo{font-weight:700;letter-spacing:.2em;font-size:12px;font-family:"Space Grotesk",system-ui,sans-serif;text-transform:uppercase}
#nav .links{display:flex;gap:34px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
#nav .links a{opacity:.8;transition:opacity .3s}
#nav .links a:hover,#nav .links a[aria-current="page"]{opacity:1;color:var(--amber)}
#nav .cta{border:1px solid var(--paper);border-radius:40px;padding:9px 20px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:.4s var(--ease)}
#nav .cta:hover{background:var(--paper);color:var(--ink)}
@media(max-width:860px){#nav .links{display:none}}

/* menu mobile (identico a home) */
#menuBtn{display:none;background:none;border:0;color:var(--paper);font-family:inherit;font-size:12px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;padding:9px 4px}
#menu{position:fixed;inset:0;z-index:1200;background:var(--ink);display:flex;flex-direction:column;padding:22px var(--pad) calc(var(--pad) + 20px);opacity:0;pointer-events:none;transition:opacity .4s var(--ease);overflow-y:auto}
#menu.aberto{opacity:1;pointer-events:auto}
.menu__topo{display:flex;justify-content:space-between;align-items:center}
.menu__topo .logo{font-weight:700;letter-spacing:.2em;font-size:12px;font-family:"Space Grotesk",system-ui,sans-serif;text-transform:uppercase}
#menuFechar{background:none;border:0;color:var(--paper);font-family:inherit;font-size:12px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;padding:9px 4px}
.menu__main{display:flex;flex-direction:column;gap:4px;margin:38px 0 30px}
.menu__main a{font-size:clamp(28px,8.5vw,42px);line-height:1.1;text-transform:uppercase;letter-spacing:-.025em;opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .6s var(--ease)}
#menu.aberto .menu__main a{opacity:1;transform:none}
.menu__main a:nth-child(1){transition-delay:.06s}.menu__main a:nth-child(2){transition-delay:.11s}
.menu__main a:nth-child(3){transition-delay:.16s}.menu__main a:nth-child(4){transition-delay:.21s}
.menu__main a:nth-child(5){transition-delay:.26s}.menu__main a:nth-child(6){transition-delay:.31s}
.menu__main a[aria-current="page"]{color:var(--amber)}
.menu__pe{margin-top:26px;font-size:12px;color:var(--dim);letter-spacing:.05em}
.menu__pe a{color:var(--amber)}
@media(max-width:860px){#menuBtn{display:block}#nav .cta{display:none}}
@media(min-width:861px){#menu{display:none}}

/* 1 · HERO */
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,70px);
  align-items:center;padding:clamp(110px,16vh,180px) var(--pad) clamp(60px,10vh,110px)}
.hero__txt{position:relative;z-index:2}
.hero .olho{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--amber);margin-bottom:26px}
.hero h1{font-size:clamp(34px,5.4vw,86px);line-height:1.02;font-weight:400;letter-spacing:-.03em}
.hero h1 .ital{letter-spacing:-.01em}
.hero__sub{margin-top:30px;color:var(--dim);font-size:clamp(15px,1.3vw,18px);max-width:44ch}
.hero__marcas{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--dim)}
.hero__marcas span{display:inline-flex;align-items:center;position:relative;padding-right:26px}
.hero__marcas span::after{content:"";position:absolute;right:0;top:50%;width:14px;height:1px;background:var(--amber);opacity:.6}
.hero__marcas span:last-child{padding-right:0}
.hero__marcas span:last-child::after{display:none}
.hero__marcas b{font-weight:700;color:var(--paper)}
.hero__marcas em{font-style:normal;color:var(--amber);padding:0 1px}
.hero__firma{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);
  font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:clamp(17px,1.7vw,24px);color:var(--paper);max-width:34ch}
.hero__foto{position:relative;aspect-ratio:3/4;overflow:hidden;background:#0b0b0c}
.hero__foto img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:saturate(.92) contrast(1.05)}
.hero__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,11,.15),rgba(10,10,11,.55))}

/* seções */
.sec{padding:clamp(80px,15vh,190px) var(--pad);border-top:1px solid var(--line)}
.sec--escuro{background:var(--ink-2)}
.wrap{max-width:1420px;margin:0 auto}
.num{font-size:11px;letter-spacing:.3em;color:var(--amber);text-transform:uppercase;margin-bottom:26px}
h2{font-size:clamp(28px,4.6vw,68px);line-height:1.04;font-weight:400;letter-spacing:-.03em;max-width:18ch}
.corpo{margin-top:clamp(26px,4vh,46px);display:grid;gap:22px;max-width:60ch;color:var(--dim);
  font-size:clamp(15px,1.25vw,18px);line-height:1.72}
.corpo strong{color:var(--paper);font-weight:400}

/* duas colunas */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,72px);align-items:center}
.duo--inv .duo__mid{order:-1}

/* faixa de imagens */
.faixa{margin-top:clamp(34px,6vh,64px);display:grid;gap:clamp(10px,1.4vw,18px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.faixa figure{position:relative;overflow:hidden;background:#0b0b0c;aspect-ratio:4/5;line-height:0}
.faixa img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05);transition:transform 1.6s var(--ease)}
.faixa figure:hover img{transform:scale(1.04)}
.faixa figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px;z-index:2;line-height:1.4;
  background:linear-gradient(to top,rgba(10,10,11,.92),rgba(10,10,11,0));
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper)}

/* imagem grande com parallax leve */
.placa{position:relative;overflow:hidden;background:#0b0b0c;margin-top:clamp(34px,6vh,64px);line-height:0}
.placa img{width:100%;height:auto;display:block;filter:saturate(.9) contrast(1.06)}
.placa::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,11,.2),rgba(10,10,11,.6))}
.placa figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(18px,3vw,38px);
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper)}

/* vídeo vertical */
.filme{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(26px,4vw,70px);align-items:center}
.filme__box{position:relative;aspect-ratio:9/16;max-height:78vh;margin-inline:auto;overflow:hidden;background:#0b0b0c;width:100%}
.filme__box video{width:100%;height:100%;object-fit:cover}
.filme__box .toque{position:absolute;left:0;right:0;bottom:0;padding:18px;z-index:3;text-align:center;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);
  background:linear-gradient(to top,rgba(10,10,11,.9),rgba(10,10,11,0))}

/* ecossistema */
.eco{margin-top:clamp(34px,6vh,64px);display:grid;gap:1px;background:var(--line);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.eco article{background:var(--ink);padding:clamp(22px,3vw,38px)}
.eco--escuro article{background:var(--ink-2)}
.eco h3{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);font-weight:400;margin-bottom:14px}
.eco p{color:var(--dim);font-size:15px;line-height:1.65}

/* manifesto */
.manif{text-align:left;max-width:24ch}
.manif__abre{font-family:"Instrument Serif",Georgia,serif;font-style:italic;
  font-size:clamp(28px,5vw,74px);line-height:1.08;letter-spacing:-.02em;max-width:20ch}
.manif__corpo{margin-top:clamp(28px,4vh,50px);max-width:56ch;color:var(--dim);
  font-size:clamp(15px,1.25vw,18px);line-height:1.75;display:grid;gap:20px}

/* fecho */
.fecho{padding:clamp(90px,18vh,220px) var(--pad);text-align:center;border-top:1px solid var(--line)}
.fecho p{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(28px,5.4vw,80px);line-height:1.06;
  letter-spacing:-.02em;max-width:20ch;margin:0 auto}
.fecho .ital{display:block}
.fecho__cta{margin-top:clamp(38px,6vh,70px);display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn{border:1px solid var(--paper);border-radius:40px;padding:14px 28px;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;transition:.4s var(--ease)}
.btn:hover{background:var(--paper);color:var(--ink)}
.btn--verde{border-color:var(--amber);color:var(--amber)}
.btn--verde:hover{background:var(--amber);color:var(--ink)}

footer{padding:40px var(--pad);border-top:1px solid var(--line);display:flex;justify-content:space-between;
  gap:18px;flex-wrap:wrap;font-size:12px;letter-spacing:.1em;color:var(--dim)}
footer a:hover{color:var(--amber)}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:38px;min-height:auto}
  .hero__foto{aspect-ratio:4/5;order:-1}
  .duo,.filme{grid-template-columns:1fr}
  .duo--inv .duo__mid{order:0}
  h2{max-width:none}
}
@media(prefers-reduced-motion:reduce){.rev{opacity:1;transform:none}.placa img{height:100%}}