:root{
  --black:#050505;
  --black-2:#0a0a0a;
  --white:#f4f2ed;
  --silver:#a6a6a2;
  --line:rgba(255,255,255,.14);
  --soft:rgba(255,255,255,.66);
  --font-display:"Manrope",Arial,sans-serif;
  --font-body:"Inter",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--black);
  color:var(--white);
  font-family:var(--font-body);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
::selection{background:#fff;color:#000}
.noise{
  position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
}
.cursor-glow{
  position:fixed;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.07),transparent 68%);
  transform:translate(-50%,-50%);pointer-events:none;z-index:0;
}
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid transparent;transition:.35s ease;
}
.site-header.scrolled{
  height:70px;background:rgba(5,5,5,.78);backdrop-filter:blur(20px);
  border-color:var(--line);
}
.brand img{
  width:160px;height:54px;object-fit:contain;object-position:left center;
  filter:invert(1) brightness(2);
}
.main-nav{display:flex;align-items:center;gap:32px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}
.main-nav a{opacity:.72;transition:.25s}
.main-nav a:hover{opacity:1}
.nav-contact{padding:12px 17px;border:1px solid var(--line);border-radius:999px}
.menu-button{display:none;background:none;border:0;width:42px;height:42px;position:relative}
.menu-button span{position:absolute;left:8px;right:8px;height:1px;background:#fff;transition:.25s}
.menu-button span:first-child{top:16px}.menu-button span:last-child{top:25px}

.hero{
  min-height:100svh;position:relative;display:flex;align-items:center;
  padding:130px 4vw 55px;overflow:hidden;
}
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.hero:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,5,5,.1),#050505 97%);
  pointer-events:none;
}
.hero-content{width:100%;position:relative;z-index:2}
.hero-topline{
  display:flex;justify-content:space-between;gap:20px;
  padding-bottom:22px;border-bottom:1px solid var(--line);
  font-size:.67rem;letter-spacing:.16em;color:var(--soft);
}
.hero-title-wrap{padding:6vh 0}
.hero-title{
  max-width:1250px;margin:0;font-family:var(--font-display);
  font-size:clamp(3.5rem,8.4vw,9rem);line-height:.88;
  letter-spacing:-.075em;font-weight:500;
}
.hero-title span{
  display:block;color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.72);
}
.hero-bottom{
  display:grid;grid-template-columns:minmax(280px,560px) auto;
  gap:35px;align-items:end;justify-content:space-between;
}
.hero-bottom p{margin:0;color:var(--soft);font-size:clamp(.98rem,1.2vw,1.15rem);line-height:1.75}
.magnetic-button{
  min-width:235px;height:64px;padding:0 22px;border:1px solid rgba(255,255,255,.38);
  border-radius:999px;display:flex;align-items:center;justify-content:space-between;
  font-size:.83rem;text-transform:uppercase;letter-spacing:.1em;
  transition:.3s;
}
.magnetic-button i{font-style:normal;font-size:1.4rem}
.magnetic-button:hover{background:#fff;color:#050505}
.scroll-note{
  position:absolute;right:4vw;bottom:30px;z-index:3;
  font-size:.6rem;letter-spacing:.18em;writing-mode:vertical-rl;color:var(--soft);
}
.orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.2;pointer-events:none}
.orb-one{width:46vw;height:46vw;right:-18vw;top:4vh;background:radial-gradient(circle,#fff,transparent 68%)}
.orb-two{width:28vw;height:28vw;left:-14vw;bottom:-8vw;background:radial-gradient(circle,#7f8995,transparent 70%)}

.section-index{
  font-size:.65rem;letter-spacing:.18em;color:rgba(255,255,255,.5);
  text-transform:uppercase;
}
.manifesto,.areas,.process,.founder,.contact{padding:130px 4vw}
.manifesto{background:#f0eee9;color:#111}
.manifesto .section-index{color:rgba(0,0,0,.45)}
.manifesto-grid{
  display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;
  padding:85px 0 120px;
}
.manifesto-lead{
  margin:0;font-family:var(--font-display);
  font-size:clamp(2.2rem,4.6vw,5.4rem);line-height:.98;letter-spacing:-.055em;
}
.manifesto-copy p{
  margin:0 0 38px;font-size:clamp(1.3rem,2.2vw,2.35rem);
  line-height:1.35;letter-spacing:-.03em;color:#494948;
}
.manifesto-copy strong{color:#050505;font-weight:600}
.signature-line{
  border-top:1px solid rgba(0,0,0,.18);padding-top:20px;
  display:flex;justify-content:space-between;gap:20px;
  font-size:.68rem;letter-spacing:.15em;
}

.areas{background:#080808}
.section-head{
  display:grid;grid-template-columns:.45fr 1.55fr;gap:6vw;
  padding-bottom:70px;border-bottom:1px solid var(--line);
}
.section-head h2{
  max-width:930px;margin:0;font-family:var(--font-display);
  font-size:clamp(2.6rem,5.5vw,6.4rem);line-height:.98;letter-spacing:-.06em;font-weight:500;
}
.area-card{
  position:relative;display:grid;grid-template-columns:1fr .85fr .7fr;
  gap:4vw;align-items:center;padding:44px 0;
  border-bottom:1px solid var(--line);overflow:hidden;transition:.35s;
}
.area-card:before{
  content:attr(data-number);position:absolute;right:0;top:50%;
  transform:translateY(-50%);font-family:var(--font-display);
  font-size:10rem;font-weight:700;color:rgba(255,255,255,.025);
}
.area-card:hover{padding-left:22px;background:linear-gradient(90deg,rgba(255,255,255,.035),transparent)}
.area-name>span{font-size:.62rem;letter-spacing:.19em;color:rgba(255,255,255,.48)}
.area-name h3{margin:8px 0 0;font-size:clamp(1.4rem,2.3vw,2.8rem);font-weight:500;letter-spacing:-.04em}
.area-card>p{margin:0;color:var(--soft);line-height:1.7}
.area-tags{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.area-tags span{font-size:.68rem;padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:rgba(255,255,255,.7)}

.statement{overflow:hidden;background:#e9e6df;color:#090909;padding:34px 0}
.statement-track{
  width:max-content;display:flex;align-items:center;gap:30px;
  animation:marquee 24s linear infinite;
  font-family:var(--font-display);font-size:clamp(1.5rem,3.2vw,3.5rem);
  letter-spacing:-.04em;white-space:nowrap;
}
.statement-track i{font-style:normal;font-size:.45em}
@keyframes marquee{to{transform:translateX(-50%)}}

.process{background:#0e0e0e}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:78px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.process-grid article{min-height:360px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.process-grid article>span{font-size:.66rem;letter-spacing:.16em;color:rgba(255,255,255,.4)}
.process-grid h3{margin:auto 0 15px;font-size:1.45rem;font-weight:500}
.process-grid p{margin:0;color:var(--soft);line-height:1.7;font-size:.92rem}

.founder{background:#0e0e0e;padding-top:0}
.founder-card{
  min-height:440px;border:1px solid var(--line);
  background:linear-gradient(135deg,#151515,#080808);
  display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;
  overflow:hidden;
}
.founder-mark{
  height:100%;display:grid;place-items:center;
  font-family:Georgia,serif;font-size:20rem;color:rgba(255,255,255,.045);
  border-right:1px solid var(--line);
}
.founder-card>div:last-child{padding:55px}
.eyebrow{font-size:.65rem;letter-spacing:.18em;color:rgba(255,255,255,.48)}
blockquote{
  max-width:880px;margin:26px 0 42px;
  font-family:var(--font-display);font-size:clamp(2rem,4vw,4.4rem);
  line-height:1.08;letter-spacing:-.055em;
}
.founder-name{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.founder-name span{color:rgba(255,255,255,.48)}

.contact{min-height:88vh;display:flex;align-items:center;position:relative;overflow:hidden;background:#050505}
.contact-bg{
  position:absolute;left:-1vw;bottom:-12vw;
  font-family:Georgia,serif;font-weight:700;font-size:30vw;line-height:.8;
  color:rgba(255,255,255,.025);pointer-events:none;
}
.contact-content{position:relative;z-index:2;width:100%}
.contact h2{
  max-width:1050px;margin:40px 0 32px;
  font-family:var(--font-display);font-size:clamp(3.2rem,7.2vw,8rem);
  line-height:.93;letter-spacing:-.075em;font-weight:500;
}
.contact-content>p{color:var(--soft);font-size:1.08rem}
.contact-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:52px}
.contact-actions>a:not(.contact-main){font-size:.85rem;color:var(--soft);border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:4px}
.contact-main{
  min-width:315px;height:68px;padding:0 22px;background:#f0eee9;color:#080808;
  border-radius:999px;display:flex;align-items:center;justify-content:space-between;
  text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;
}
.contact-main i{font-style:normal;font-size:1.5rem}

footer{
  min-height:150px;padding:34px 4vw;border-top:1px solid var(--line);
  display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:25px;
  font-size:.72rem;color:rgba(255,255,255,.45);
}
footer>div img{width:130px;filter:invert(1) brightness(2)}
footer>div p{margin:8px 0 0;text-transform:uppercase;letter-spacing:.13em;font-size:.55rem}
footer>p{text-align:center}
footer>a{text-align:right}

.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.75,.2,1)}
.reveal.visible{opacity:1;transform:none}

@media(max-width:980px){
  .hero-title{font-size:clamp(3.7rem,10.5vw,7rem)}
  .manifesto-grid,.section-head{grid-template-columns:1fr;gap:40px}
  .area-card{grid-template-columns:1fr 1fr}
  .area-tags{grid-column:1/-1;justify-content:flex-start}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .founder-card{grid-template-columns:.45fr 1.55fr}
  .founder-mark{font-size:12rem}
}
@media(max-width:720px){
  .site-header{height:72px}
  .brand img{width:118px}
  .menu-button{display:block}
  .main-nav{
    position:fixed;inset:72px 0 auto 0;background:rgba(5,5,5,.97);
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    display:none;flex-direction:column;align-items:stretch;padding:24px 4vw;
  }
  .main-nav.open{display:flex}
  .main-nav a{padding:14px 0}
  .hero{padding:105px 4vw 45px}
  .hero-topline span:first-child{display:none}
  .hero-topline{justify-content:flex-end}
  .hero-title-wrap{padding:8vh 0 5vh}
  .hero-title{font-size:clamp(3.35rem,16vw,5.2rem)}
  .hero-bottom{grid-template-columns:1fr}
  .magnetic-button{width:100%}
  .scroll-note{display:none}
  .manifesto,.areas,.process,.founder,.contact{padding:88px 5vw}
  .manifesto-grid{padding:55px 0 80px}
  .signature-line{flex-direction:column}
  .area-card{grid-template-columns:1fr;padding:34px 0}
  .area-card:hover{padding-left:0}
  .area-card:before{font-size:7rem}
  .area-tags{grid-column:auto}
  .process-grid{grid-template-columns:1fr}
  .process-grid article{min-height:260px}
  .founder-card{grid-template-columns:1fr}
  .founder-mark{height:180px;border-right:0;border-bottom:1px solid var(--line);font-size:10rem}
  .founder-card>div:last-child{padding:32px}
  .contact-main{min-width:100%}
  .contact-actions{align-items:flex-start;flex-direction:column}
  footer{grid-template-columns:1fr;align-items:start}
  footer>p,footer>a{text-align:left}
  .cursor-glow{display:none}
}


/* V2 — vídeo, alternância clean e galeria visual */
.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  opacity:.42;
}
.hero-video-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.62) 52%,rgba(5,5,5,.76) 100%),
    linear-gradient(180deg,rgba(5,5,5,.18),#050505 96%);
}
.hero-video-ready #hero-canvas{z-index:1}
.hero-video-ready .hero-content{z-index:3}
.hero-video-ready .scroll-note{z-index:4}

.visual-showcase{
  background:#f1efe9;
  color:#0b0b0b;
  padding:130px 4vw;
}
.visual-showcase .dark-index{color:rgba(0,0,0,.45)}
.showcase-intro{
  display:grid;
  grid-template-columns:.42fr 1.15fr .75fr;
  gap:5vw;
  align-items:start;
  margin-bottom:72px;
}
.showcase-intro h2{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(2.8rem,5.7vw,6.2rem);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:500;
}
.showcase-intro>p{
  margin:0;
  color:#535351;
  font-size:1.04rem;
  line-height:1.8;
}
.showcase-grid{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:18px;
}
.visual-card{
  margin:0;
  min-height:360px;
  display:flex;
  flex-direction:column;
  gap:13px;
}
.visual-large{
  grid-row:span 2;
  min-height:740px;
}
.visual-placeholder{
  flex:1;
  min-height:330px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(circle at 75% 25%,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(145deg,#111 0%,#282828 45%,#777 100%);
  color:#fff;
}
.visual-placeholder:after{
  content:"M";
  position:absolute;
  right:-2%;
  bottom:-18%;
  font-family:Georgia,serif;
  font-size:24rem;
  color:rgba(255,255,255,.055);
}
.visual-placeholder span{
  font-size:.68rem;
  letter-spacing:.18em;
  position:relative;
  z-index:2;
}
.visual-placeholder small{
  max-width:280px;
  color:rgba(255,255,255,.68);
  line-height:1.6;
  position:relative;
  z-index:2;
}
.visual-light{
  background:
    radial-gradient(circle at 20% 20%,#fff,transparent 36%),
    linear-gradient(135deg,#d9d7d1,#9d9b96);
  color:#111;
}
.visual-light small{color:rgba(0,0,0,.58)}
.visual-light:after{color:rgba(0,0,0,.055)}
.visual-metal{
  background:
    linear-gradient(125deg,transparent 42%,rgba(255,255,255,.72) 43%,transparent 45%),
    linear-gradient(145deg,#20242a,#aeb4ba 60%,#34383e);
}
.visual-card figcaption{
  display:flex;
  justify-content:space-between;
  font-size:.73rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#4f4f4c;
}

@media(max-width:980px){
  .showcase-intro{grid-template-columns:1fr}
}
@media(max-width:720px){
  .visual-showcase{padding:88px 5vw}
  .showcase-grid{grid-template-columns:1fr}
  .visual-large{grid-row:auto;min-height:520px}
  .visual-card{min-height:400px}
}


/* V3 — galeria editorial com imagens reais */
.showcase-grid,
.visual-card,
.visual-placeholder { display:none !important; }

.editorial-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-auto-rows:190px;
  gap:16px;
}
.editorial-card{
  margin:0;
  position:relative;
  overflow:hidden;
  background:#101010;
  grid-column:span 4;
  grid-row:span 2;
  min-height:380px;
}
.editorial-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .9s cubic-bezier(.2,.75,.2,1), filter .7s ease;
}
.editorial-card:hover img{
  transform:scale(1.035);
}
.editorial-card figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  padding:24px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  color:#fff;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.84));
}
.editorial-card figcaption span{
  font-size:.6rem;
  letter-spacing:.18em;
  opacity:.68;
}
.editorial-card figcaption strong{
  max-width:620px;
  font-family:var(--font-display);
  font-size:clamp(1.2rem,2vw,2.2rem);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:500;
}
.editorial-hero{
  grid-column:span 8;
  grid-row:span 4;
}
.editorial-tall{
  grid-column:span 4;
  grid-row:span 3;
}
.editorial-wide{
  grid-column:span 8;
  grid-row:span 3;
}
.editorial-light figcaption{
  color:#111;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.92));
}
.editorial-light figcaption span{opacity:.62}
.editorial-quote{
  grid-column:span 12;
  grid-row:span 3;
}
.editorial-quote img{object-position:center 57%}
.editorial-quote figcaption{
  padding:34px;
}
.editorial-quote figcaption strong{
  max-width:840px;
  font-size:clamp(1.8rem,3.2vw,3.8rem);
}
.image-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(0,0,0,.22),transparent 55%);
  pointer-events:none;
}
@media(max-width:980px){
  .editorial-grid{
    grid-template-columns:repeat(2,1fr);
    grid-auto-rows:220px;
  }
  .editorial-card,
  .editorial-hero,
  .editorial-tall,
  .editorial-wide{
    grid-column:span 1;
    grid-row:span 2;
  }
  .editorial-hero,
  .editorial-quote{
    grid-column:span 2;
  }
}
@media(max-width:720px){
  .editorial-grid{
    display:block;
  }
  .editorial-card{
    width:100%;
    height:430px;
    margin-bottom:14px;
  }
  .editorial-hero,
  .editorial-quote{
    height:500px;
  }
  .editorial-card figcaption{
    padding:20px;
  }
}

/* Mantém leitura do hero sobre vídeos mais claros */
.hero-video-overlay{
  background:
    linear-gradient(90deg,rgba(5,5,5,.93) 0%,rgba(5,5,5,.60) 52%,rgba(5,5,5,.72) 100%),
    linear-gradient(180deg,rgba(5,5,5,.10),#050505 98%);
}


/* V4 — imagens distribuídas e vídeo com controle */
.video-control{
  position:absolute;
  left:4vw;
  bottom:28px;
  z-index:5;
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(5,5,5,.48);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-family:var(--font-body);
  font-size:.58rem;
  letter-spacing:.14em;
  cursor:pointer;
  backdrop-filter:blur(12px);
}
.video-control-icon{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  font-size:.65rem;
}
.hero-video{
  background:url("assets/hero-poster.jpg") center/cover no-repeat;
}

.image-story{
  min-height:720px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
}
.image-story-reverse{
  grid-template-columns:.85fr 1.15fr;
}
.image-story-reverse .image-story-media{order:2}
.image-story-reverse .image-story-copy{order:1}
.image-story-media{
  min-height:720px;
  overflow:hidden;
}
.image-story-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 1s cubic-bezier(.2,.75,.2,1);
}
.image-story:hover .image-story-media img{transform:scale(1.025)}
.image-story-copy{
  padding:9vw 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.image-story-copy>span{
  font-size:.63rem;
  letter-spacing:.18em;
  margin-bottom:30px;
  opacity:.55;
}
.image-story-copy h2{
  margin:0 0 28px;
  font-family:var(--font-display);
  font-size:clamp(2.6rem,5vw,5.6rem);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:500;
}
.image-story-copy p{
  max-width:560px;
  margin:0;
  font-size:1.05rem;
  line-height:1.8;
  opacity:.67;
}
.image-story-light{
  background:#f0eee9;
  color:#0b0b0b;
}
.image-story-dark{
  background:#090909;
  color:#f4f2ed;
}

.area-card-image{
  grid-template-columns:170px 1fr .85fr .7fr;
}
.area-thumb{
  width:150px;
  height:104px;
  overflow:hidden;
  background:#111;
}
.area-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(1) contrast(1.05);
  transition:.45s ease;
}
.area-card:hover .area-thumb img{
  filter:grayscale(0);
  transform:scale(1.06);
}

.process-feature{
  margin-top:72px;
  min-height:420px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  border:1px solid var(--line);
}
.process-feature img{
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
}
.process-feature>div{
  padding:48px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:#f0eee9;
  color:#090909;
}
.process-feature span{
  font-size:.62rem;
  letter-spacing:.18em;
  opacity:.52;
}
.process-feature p{
  margin:24px 0 0;
  font-family:var(--font-display);
  font-size:clamp(2rem,3.4vw,4rem);
  line-height:1.05;
  letter-spacing:-.05em;
}

@media(max-width:1050px){
  .area-card-image{
    grid-template-columns:130px 1fr 1fr;
  }
  .area-tags{grid-column:2/-1}
  .area-thumb{width:118px;height:90px}
}
@media(max-width:820px){
  .image-story,
  .image-story-reverse{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .image-story-reverse .image-story-media,
  .image-story-reverse .image-story-copy{order:initial}
  .image-story-media{min-height:470px}
  .image-story-copy{padding:75px 5vw}
  .process-feature{grid-template-columns:1fr}
  .process-feature>div{min-height:330px;padding:32px}
}
@media(max-width:720px){
  .video-control{
    left:5vw;
    bottom:18px;
  }
  .video-control-label{display:none}
  .area-card-image{
    grid-template-columns:1fr;
  }
  .area-thumb{
    width:100%;
    height:210px;
    margin-bottom:8px;
  }
  .area-tags{grid-column:auto}
  .image-story-media{min-height:390px}
}


/* V5 — visual mais leve, claro e refinado */
:root{
  --white:#f7f5f0;
  --silver:#b8b8b3;
  --soft:rgba(255,255,255,.72);
}

/* Vídeo mais nítido e menos encoberto */
.hero-video{
  opacity:.78;
  filter:brightness(1.08) contrast(1.02) saturate(.96);
}
.hero-video-overlay{
  background:
    linear-gradient(90deg,rgba(5,5,5,.58) 0%,rgba(5,5,5,.24) 48%,rgba(5,5,5,.32) 100%),
    linear-gradient(180deg,rgba(5,5,5,.08),rgba(5,5,5,.36) 88%,#050505 100%);
}
#hero-canvas{opacity:.22}
.orb{opacity:.1}
.hero-title{
  max-width:1080px;
  font-size:clamp(3rem,6.8vw,7.2rem);
  line-height:.94;
  letter-spacing:-.062em;
}
.hero-title span{
  -webkit-text-stroke:1px rgba(255,255,255,.82);
}
.hero-bottom p{
  max-width:520px;
  font-size:clamp(.94rem,1.05vw,1.05rem);
}
.magnetic-button{
  min-width:215px;
  height:58px;
}
.hero-topline{font-size:.62rem}
.scroll-note{font-size:.54rem}

/* Escala tipográfica geral mais elegante */
.section-head h2{
  font-size:clamp(2.25rem,4.5vw,5.1rem);
  line-height:1.02;
}
.manifesto-lead{
  font-size:clamp(2rem,3.9vw,4.6rem);
}
.manifesto-copy p{
  font-size:clamp(1.15rem,1.75vw,1.8rem);
}
.area-name h3{
  font-size:clamp(1.25rem,1.85vw,2.15rem);
}
.image-story-copy h2{
  font-size:clamp(2.1rem,4vw,4.3rem);
}
.contact h2{
  max-width:950px;
  font-size:clamp(2.8rem,5.8vw,6.6rem);
}
blockquote{
  font-size:clamp(1.8rem,3.2vw,3.5rem);
}

/* Mais alternância clara */
.areas-light{
  background:#f4f2ed;
  color:#0b0b0b;
}
.areas-light .section-index{
  color:rgba(0,0,0,.42);
}
.areas-light .section-head,
.areas-light .area-card{
  border-color:rgba(0,0,0,.13);
}
.areas-light .area-card:hover{
  background:linear-gradient(90deg,rgba(0,0,0,.035),transparent);
}
.areas-light .area-name>span,
.areas-light .area-card>p,
.areas-light .area-tags span{
  color:rgba(0,0,0,.62);
}
.areas-light .area-tags span{
  border-color:rgba(0,0,0,.14);
}
.areas-light .area-card:before{
  color:rgba(0,0,0,.035);
}
.areas-light .area-thumb{
  background:#e7e4dd;
}
.areas-light .area-thumb img{
  filter:grayscale(1) contrast(1.02) brightness(1.05);
}
.areas-light .area-card:hover .area-thumb img{
  filter:grayscale(0);
}

.process-light{
  background:#f6f4ef;
  color:#0b0b0b;
}
.process-light .section-index{
  color:rgba(0,0,0,.42);
}
.process-light .section-head{
  border-color:rgba(0,0,0,.13);
}
.process-light .process-grid{
  border-top-color:rgba(0,0,0,.13);
  border-left-color:rgba(0,0,0,.13);
}
.process-light .process-grid article{
  border-right-color:rgba(0,0,0,.13);
  border-bottom-color:rgba(0,0,0,.13);
}
.process-light .process-grid article>span,
.process-light .process-grid p{
  color:rgba(0,0,0,.58);
}
.process-light .process-feature{
  border-color:rgba(0,0,0,.13);
}
.process-light .process-feature>div{
  background:#111;
  color:#f4f2ed;
}
.process-light .process-feature span{
  color:rgba(255,255,255,.5);
}

.founder-light{
  background:#ece9e2;
  color:#0b0b0b;
}
.founder-light .founder-card{
  background:linear-gradient(135deg,#f8f6f1,#d9d5cc);
  border-color:rgba(0,0,0,.13);
}
.founder-light .founder-mark{
  color:rgba(0,0,0,.045);
  border-right-color:rgba(0,0,0,.12);
}
.founder-light .eyebrow,
.founder-light .founder-name span{
  color:rgba(0,0,0,.48);
}

/* Audience mais compacto */
.image-story-dark{
  min-height:520px;
}
.image-story-dark .image-story-media{
  min-height:520px;
}
.image-story-dark .image-story-copy{
  padding:6vw 5vw;
}
.image-story-dark .image-story-copy h2{
  font-size:clamp(2rem,3.5vw,3.8rem);
}
.image-story-dark .image-story-copy p{
  max-width:500px;
  font-size:1rem;
}

/* Faixa em movimento menor e mais discreta */
.statement{
  padding:20px 0;
}
.statement-track{
  gap:22px;
  font-size:clamp(1.05rem,2vw,2.1rem);
  animation-duration:30s;
}
.statement-track i{
  font-size:.38em;
}

/* Espaçamentos mais leves */
.manifesto,.areas,.process,.founder,.contact{
  padding:105px 4vw;
}
.manifesto-grid{
  padding:65px 0 95px;
}
.area-card{
  padding:34px 0;
}
.process-grid article{
  min-height:300px;
  padding:24px;
}
.process-grid h3{
  font-size:1.25rem;
}
.process-grid p{
  font-size:.88rem;
}
.founder-card{
  min-height:380px;
}
.contact{
  min-height:76vh;
}
.contact-main{
  height:62px;
  min-width:290px;
}

/* Imagens menos pesadas visualmente */
.image-story{
  min-height:620px;
}
.image-story-media{
  min-height:620px;
}
.image-story-copy{
  padding:7vw 5vw;
}
.area-thumb{
  height:92px;
}

/* Responsividade */
@media(max-width:980px){
  .hero-title{
    font-size:clamp(3.2rem,9vw,5.8rem);
  }
  .image-story,
  .image-story-dark,
  .image-story-light{
    min-height:auto;
  }
}
@media(max-width:820px){
  .image-story-media,
  .image-story-dark .image-story-media{
    min-height:420px;
  }
  .image-story-copy,
  .image-story-dark .image-story-copy{
    padding:64px 5vw;
  }
}
@media(max-width:720px){
  .hero-title{
    font-size:clamp(3rem,14vw,4.7rem);
  }
  .manifesto,.areas,.process,.founder,.contact{
    padding:78px 5vw;
  }
  .statement{
    padding:16px 0;
  }
  .statement-track{
    font-size:1rem;
  }
  .image-story-media,
  .image-story-dark .image-story-media{
    min-height:340px;
  }
}


/* V6 — Audience e Mindset mais compactos + processo sem caixas */

/* Audience mais baixo e com imagem menor */
.image-story-dark{
  min-height:390px !important;
  grid-template-columns:.9fr 1.1fr;
}
.image-story-dark .image-story-media{
  min-height:390px !important;
}
.image-story-dark .image-story-media img{
  object-fit:cover;
  object-position:center;
}
.image-story-dark .image-story-copy{
  padding:4.2vw 4.5vw !important;
}
.image-story-dark .image-story-copy>span{
  margin-bottom:18px;
}
.image-story-dark .image-story-copy h2{
  font-size:clamp(1.8rem,3vw,3.2rem) !important;
  margin-bottom:18px;
}
.image-story-dark .image-story-copy p{
  max-width:470px;
  font-size:.94rem !important;
  line-height:1.7;
}

/* MONTI Mindset mais compacto */
.process-feature{
  min-height:280px !important;
  grid-template-columns:1fr .72fr !important;
  margin-top:52px !important;
}
.process-feature img{
  min-height:280px !important;
  max-height:280px;
  object-fit:cover;
}
.process-feature>div{
  min-height:280px !important;
  padding:30px 34px !important;
}
.process-feature p{
  margin-top:16px !important;
  font-size:clamp(1.55rem,2.5vw,2.6rem) !important;
  line-height:1.08;
}

/* Processo: remover aparência de tabela */
.process-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:0 !important;
  border:0 !important;
  margin-top:58px !important;
}
.process-grid article{
  position:relative;
  min-height:auto !important;
  padding:10px 34px 12px 0 !important;
  border:0 !important;
  background:transparent !important;
  display:block !important;
}
.process-grid article:not(:last-child)::after{
  content:"";
  position:absolute;
  top:8px;
  right:18px;
  width:1px;
  height:72px;
  background:rgba(0,0,0,.18);
}
.process-grid article>span{
  display:block;
  margin-bottom:28px;
  font-size:.62rem !important;
  letter-spacing:.16em;
  color:rgba(0,0,0,.42) !important;
}
.process-grid h3{
  margin:0 0 10px !important;
  font-family:var(--font-display);
  font-size:1.45rem !important;
  font-weight:500;
  letter-spacing:-.03em;
}
.process-grid p{
  margin:0 !important;
  max-width:220px;
  font-size:.88rem !important;
  line-height:1.65;
  color:rgba(0,0,0,.58) !important;
}

/* Ajuste do bloco de processo claro */
.process-light .process-grid{
  border:0 !important;
}
.process-light .process-grid article{
  border:0 !important;
}
.process-light .process-grid article:not(:last-child)::after{
  background:rgba(0,0,0,.18);
}

/* Mobile */
@media(max-width:900px){
  .image-story-dark{
    grid-template-columns:1fr !important;
  }
  .image-story-dark .image-story-media{
    min-height:300px !important;
  }
  .image-story-dark .image-story-copy{
    padding:48px 5vw !important;
  }
  .process-feature{
    grid-template-columns:1fr !important;
  }
  .process-feature img{
    min-height:240px !important;
    max-height:240px;
  }
  .process-feature>div{
    min-height:auto !important;
    padding:28px !important;
  }
  .process-grid{
    grid-template-columns:repeat(2,1fr) !important;
    row-gap:42px !important;
  }
  .process-grid article:nth-child(2)::after{
    display:none;
  }
}
@media(max-width:620px){
  .image-story-dark .image-story-media{
    min-height:240px !important;
  }
  .process-grid{
    grid-template-columns:1fr !important;
  }
  .process-grid article{
    padding:0 0 30px !important;
  }
  .process-grid article:not(:last-child)::after{
    top:auto;
    right:auto;
    left:0;
    bottom:12px;
    width:44px;
    height:1px;
  }
}


/* V7 - Audience com a mesma altura do bloco MONTI Mindset */
.image-story-dark{
    min-height:280px !important;
    max-height:280px;
    grid-template-columns:.95fr 1.05fr;
}
.image-story-dark .image-story-media{
    min-height:280px !important;
    max-height:280px;
}
.image-story-dark .image-story-media img{
    height:280px !important;
    object-fit:cover;
    object-position:center;
}
.image-story-dark .image-story-copy{
    padding:30px 34px !important;
    justify-content:center;
}
.image-story-dark .image-story-copy>span{
    margin-bottom:12px !important;
}
.image-story-dark .image-story-copy h2{
    font-size:clamp(1.6rem,2.5vw,2.5rem) !important;
    margin-bottom:12px !important;
}
.image-story-dark .image-story-copy p{
    font-size:.9rem !important;
    line-height:1.6;
    max-width:420px;
}

@media(max-width:900px){
  .image-story-dark,
  .image-story-dark .image-story-media{
      min-height:auto !important;
      max-height:none;
  }
  .image-story-dark .image-story-media img{
      height:260px !important;
  }
}


/* V8 — microanimações, refinamento tipográfico e abertura premium */

/* Abertura */
.site-intro{
  position:fixed;
  inset:0;
  z-index:999;
  display:grid;
  place-items:center;
  background:#f4f2ed;
  color:#0a0a0a;
  transition:opacity .7s ease, visibility .7s ease;
}
.site-intro.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.site-intro-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  animation:introIn .9s cubic-bezier(.2,.75,.2,1) both;
}
.site-intro-inner img{
  width:min(340px,62vw);
  filter:none !important;
}
.site-intro-inner span{
  font-size:.66rem;
  letter-spacing:.28em;
  color:rgba(0,0,0,.58);
}
@keyframes introIn{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:none}
}

/* Logo clara sobre a montanha */
.hero-brand-overlay{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:4;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  pointer-events:none;
  text-align:center;
}
.hero-brand-overlay img{
  width:clamp(220px,25vw,430px);
  filter:invert(1) brightness(2.4) drop-shadow(0 8px 22px rgba(0,0,0,.3));
}
.hero-brand-overlay span{
  font-size:clamp(.62rem,.8vw,.78rem);
  letter-spacing:.3em;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}

/* Hero ainda mais claro */
.hero-video{
  opacity:.94 !important;
  filter:brightness(1.14) contrast(1.01) saturate(1.02) !important;
}
.hero-video-overlay{
  background:
    linear-gradient(90deg,rgba(5,5,5,.28) 0%,rgba(5,5,5,.08) 48%,rgba(5,5,5,.12) 100%),
    linear-gradient(180deg,rgba(5,5,5,.03),rgba(5,5,5,.16) 88%,rgba(5,5,5,.42) 100%) !important;
}
#hero-canvas{opacity:.12 !important}
.hero-content{
  position:relative;
  z-index:5;
}
.hero-title-wrap,
.hero-bottom{
  opacity:.92;
}

/* Tipografia mais editorial */
.hero-title{
  font-size:clamp(2.75rem,6.1vw,6.4rem) !important;
  line-height:.96 !important;
  letter-spacing:-.052em !important;
  font-weight:500;
}
.section-head h2{
  font-size:clamp(2.05rem,4vw,4.5rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.048em !important;
}
.manifesto-lead{
  font-size:clamp(1.85rem,3.45vw,4rem) !important;
}
.manifesto-copy p{
  font-size:clamp(1.08rem,1.6vw,1.65rem) !important;
}
.image-story-copy h2{
  font-size:clamp(1.85rem,3.4vw,3.7rem) !important;
}
.contact h2{
  font-size:clamp(2.5rem,5.1vw,5.7rem) !important;
}
.area-name h3{
  font-size:clamp(1.2rem,1.65vw,1.9rem) !important;
}
blockquote{
  font-size:clamp(1.65rem,2.8vw,3.1rem) !important;
}
.section-index,
.area-name>span,
.image-story-copy>span,
.eyebrow{
  letter-spacing:.21em !important;
}

/* Microanimações discretas */
.area-card,
.process-grid article,
.image-story-media img,
.process-feature img,
.founder-card{
  transition:
    transform .55s cubic-bezier(.2,.75,.2,1),
    box-shadow .55s ease,
    filter .55s ease,
    opacity .55s ease;
}
.area-card:hover{
  transform:translateY(-3px);
}
.process-grid article:hover{
  transform:translateY(-4px);
}
.image-story:hover .image-story-media img,
.process-feature:hover img{
  transform:scale(1.018);
}
.founder-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 60px rgba(0,0,0,.09);
}
.magnetic-button,
.contact-main,
.nav-contact{
  transition:transform .3s ease, background .3s ease, color .3s ease, border-color .3s ease;
}
.magnetic-button:hover,
.contact-main:hover,
.nav-contact:hover{
  transform:translateY(-2px);
}

/* Entrada por palavras */
.split-title .word{
  display:inline-block;
  opacity:0;
  transform:translateY(.45em);
  transition:opacity .65s ease, transform .65s cubic-bezier(.2,.75,.2,1);
}
.split-title.visible .word{
  opacity:1;
  transform:none;
}

/* Ajuste mobile */
@media(max-width:720px){
  .hero-brand-overlay{
    top:46%;
  }
  .hero-brand-overlay img{
    width:min(270px,70vw);
  }
  .hero-brand-overlay span{
    font-size:.55rem;
    letter-spacing:.22em;
  }
  .hero-title{
    font-size:clamp(2.85rem,13vw,4.4rem) !important;
  }
}


/* V9 - Hero com marca d'água editorial */

.hero-brand-overlay{
    top:48%;
    left:50%;
    transform:translate(-50%,-50%);
    gap:10px;
}

.hero-brand-overlay img{
    width:min(88vw,980px) !important;
    opacity:.09;
    filter:invert(1) brightness(3) !important;
    mix-blend-mode:screen;
    transform:none;
}

.hero-brand-overlay span{
    position:absolute;
    bottom:-38px;
    left:50%;
    transform:translateX(-50%);
    white-space:nowrap;
    font-size:clamp(.58rem,.8vw,.78rem);
    letter-spacing:.42em;
    color:rgba(255,255,255,.92);
    text-shadow:0 2px 12px rgba(0,0,0,.35);
}

.hero-content{
    position:relative;
    z-index:6;
}

.hero-title-wrap{
    margin-top:8vh;
}

@media(max-width:900px){
    .hero-brand-overlay{
        top:42%;
    }
    .hero-brand-overlay img{
        width:92vw !important;
        opacity:.08;
    }
    .hero-brand-overlay span{
        bottom:-26px;
        font-size:.55rem;
        letter-spacing:.28em;
    }
}


/* =========================================================
   V10 — Hero central, Audience/Mindset ampliados e retrato CEO
   ========================================================= */

/* 1 e 2 — Hero sem a frase e com a marca centralizada */
.hero-brand-overlay{
  top:48% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;
  width:min(90vw,760px);
  z-index:7;
  gap:18px !important;
  opacity:1 !important;
}

.hero-brand-overlay img{
  width:clamp(280px,38vw,610px) !important;
  max-height:none !important;
  opacity:1 !important;
  filter:invert(1) brightness(2.6) drop-shadow(0 10px 30px rgba(0,0,0,.42)) !important;
  mix-blend-mode:normal !important;
  transform:none !important;
}

.hero-brand-overlay span{
  position:static !important;
  transform:none !important;
  white-space:nowrap;
  font-size:clamp(.64rem,.86vw,.84rem) !important;
  letter-spacing:.38em !important;
  color:#fff !important;
  text-shadow:0 3px 16px rgba(0,0,0,.65) !important;
}

.hero-content{
  z-index:8;
}

.hero-topline{
  opacity:.78;
}

.hero-bottom{
  margin-top:auto;
  padding-top:0;
}

/* Deixa a montanha visível sem esconder a marca */
.hero-video-overlay{
  background:
    radial-gradient(circle at 50% 48%, rgba(0,0,0,.03) 0%, rgba(0,0,0,.10) 38%, rgba(0,0,0,.27) 100%),
    linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.02) 48%,rgba(0,0,0,.46) 100%) !important;
}

/* 3 — Audience ligeiramente maior */
.image-story-dark{
  min-height:350px !important;
  max-height:none !important;
  grid-template-columns:1fr 1fr !important;
}

.image-story-dark .image-story-media{
  min-height:350px !important;
  max-height:350px !important;
}

.image-story-dark .image-story-media img{
  height:350px !important;
  width:100%;
  object-fit:cover;
}

.image-story-dark .image-story-copy{
  min-height:350px;
  padding:44px 48px !important;
}

.image-story-dark .image-story-copy h2{
  font-size:clamp(1.9rem,3vw,3.25rem) !important;
}

/* 3 — MONTI Mindset ligeiramente maior */
.process-feature{
  min-height:350px !important;
  grid-template-columns:1fr .82fr !important;
}

.process-feature img{
  min-height:350px !important;
  max-height:350px !important;
  width:100%;
  object-fit:cover;
}

.process-feature>div{
  min-height:350px !important;
  padding:44px 46px !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.process-feature p{
  font-size:clamp(1.8rem,2.9vw,3.15rem) !important;
}

/* 4 e 5 — Retrato executivo na seção da fala */
.founder-card{
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr) !important;
  align-items:stretch !important;
  padding:0 !important;
  overflow:hidden;
  min-height:520px;
}

.founder-portrait{
  position:relative;
  min-height:520px;
  overflow:hidden;
  background:#111;
}

.founder-portrait::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 72%,rgba(0,0,0,.10)),
    linear-gradient(180deg,transparent 62%,rgba(0,0,0,.24));
  pointer-events:none;
}

.founder-portrait img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  object-position:center top;
  filter:saturate(.86) contrast(1.05);
  transition:transform .7s cubic-bezier(.2,.75,.2,1);
}

.founder-card:hover .founder-portrait img{
  transform:scale(1.018);
}

.founder-card>div:last-child{
  padding:clamp(42px,5.4vw,82px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.founder-card blockquote{
  max-width:760px;
}

/* Responsividade */
@media(max-width:900px){
  .hero-brand-overlay{
    top:45% !important;
    width:88vw;
  }

  .hero-brand-overlay img{
    width:min(72vw,430px) !important;
  }

  .hero-brand-overlay span{
    font-size:.56rem !important;
    letter-spacing:.25em !important;
  }

  .image-story-dark,
  .process-feature{
    grid-template-columns:1fr !important;
  }

  .image-story-dark .image-story-media,
  .image-story-dark .image-story-media img,
  .process-feature img{
    min-height:300px !important;
    height:300px !important;
    max-height:300px !important;
  }

  .image-story-dark .image-story-copy,
  .process-feature>div{
    min-height:auto !important;
    padding:38px 5vw !important;
  }

  .founder-card{
    grid-template-columns:1fr !important;
    min-height:auto;
  }

  .founder-portrait,
  .founder-portrait img{
    min-height:440px;
    height:440px;
  }
}

@media(max-width:620px){
  .hero-brand-overlay{
    top:43% !important;
  }

  .hero-brand-overlay img{
    width:78vw !important;
  }

  .hero-brand-overlay span{
    white-space:normal;
    line-height:1.8;
  }

  .image-story-dark .image-story-media,
  .image-story-dark .image-story-media img,
  .process-feature img{
    min-height:260px !important;
    height:260px !important;
    max-height:260px !important;
  }

  .founder-portrait,
  .founder-portrait img{
    min-height:390px;
    height:390px;
  }
}


/* =========================================================
   V11 — Hero limpa e retrato original
   ========================================================= */

/* Hero: somente a logo centralizada sobre a montanha */
.hero-brand-overlay{
  top:50% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;
  width:min(86vw,720px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.hero-brand-overlay img{
  width:clamp(290px,40vw,620px) !important;
  opacity:1 !important;
  filter:invert(1) brightness(2.65) drop-shadow(0 12px 34px rgba(0,0,0,.46)) !important;
}

/* Remove qualquer assinatura ou texto restante na hero */
.hero-brand-overlay span,
.hero-topline,
.hero-bottom p{
  display:none !important;
}

/* Remove a linha branca horizontal que atravessava a hero */
.hero-topline{
  border-bottom:0 !important;
  padding:0 !important;
}

/* Botão permanece discreto na parte inferior */
.hero-bottom{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:flex-end !important;
  margin-top:auto !important;
  padding-top:0 !important;
}

/* Foto original, sem filtro, sem tratamento e sem overlay */
.founder-portrait::after{
  display:none !important;
}

.founder-portrait img{
  filter:none !important;
  transform:none !important;
  object-fit:cover !important;
  object-position:center 22% !important;
}

.founder-card:hover .founder-portrait img{
  transform:none !important;
}

/* Ajuste para valorizar melhor o enquadramento vertical da foto original */
.founder-card{
  grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr) !important;
  min-height:620px !important;
}

.founder-portrait,
.founder-portrait img{
  min-height:620px !important;
  height:620px !important;
}

@media(max-width:900px){
  .hero-brand-overlay{
    top:47% !important;
  }

  .hero-brand-overlay img{
    width:min(76vw,450px) !important;
  }

  .founder-card{
    min-height:auto !important;
  }

  .founder-portrait,
  .founder-portrait img{
    min-height:540px !important;
    height:540px !important;
  }
}

@media(max-width:620px){
  .hero-brand-overlay img{
    width:78vw !important;
  }

  .founder-portrait,
  .founder-portrait img{
    min-height:470px !important;
    height:470px !important;
  }
}


/* =========================================================
   V11.1 — OTIMIZAÇÃO MOBILE
   Mantém integralmente o desktop e aprimora telas até 820px
   ========================================================= */

@media (max-width: 820px){

  html{
    scroll-padding-top:68px;
  }

  body{
    -webkit-text-size-adjust:100%;
  }

  .cursor-glow,
  .orb,
  #hero-canvas{
    display:none !important;
  }

  /* Cabeçalho e menu mobile */
  .site-header,
  .site-header.scrolled{
    height:68px;
    padding:0 20px;
    background:rgba(5,5,5,.76);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,.10);
  }

  .brand{
    position:relative;
    z-index:53;
  }

  .brand img{
    width:124px;
    height:42px;
  }

  .menu-button{
    display:block;
    position:relative;
    z-index:53;
    width:44px;
    height:44px;
    padding:0;
    cursor:pointer;
  }

  .menu-button span{
    left:9px;
    right:9px;
  }

  .menu-button[aria-expanded="true"] span:first-child{
    top:21px;
    transform:rotate(45deg);
  }

  .menu-button[aria-expanded="true"] span:last-child{
    top:21px;
    transform:rotate(-45deg);
  }

  .main-nav{
    position:fixed;
    inset:0;
    z-index:52;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:8px;
    padding:100px 24px 52px;
    background:#080808;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:translateY(-10px);
    transition:opacity .32s ease, transform .32s ease, visibility .32s ease;
  }

  .main-nav.open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:none;
  }

  .main-nav a{
    width:100%;
    padding:17px 0;
    border-bottom:1px solid rgba(255,255,255,.12);
    font-family:var(--font-display);
    font-size:clamp(1.65rem,7vw,2.2rem);
    line-height:1.1;
    letter-spacing:-.04em;
    text-transform:none;
    opacity:1;
  }

  .main-nav .nav-contact{
    margin-top:22px;
    padding:16px 20px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:999px;
    text-align:center;
    font-family:var(--font-body);
    font-size:.72rem;
    letter-spacing:.12em;
    text-transform:uppercase;
  }

  body.menu-open{
    overflow:hidden;
  }

  /* Hero mobile */
  .hero{
    min-height:88svh;
    padding:90px 20px 28px;
    align-items:center;
  }

  .hero-video{
    object-position:center center;
  }

  .hero-video-overlay{
    background:
      radial-gradient(circle at 50% 45%,rgba(0,0,0,.03),rgba(0,0,0,.11) 55%,rgba(0,0,0,.34) 100%),
      linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.02) 50%,rgba(0,0,0,.50)) !important;
  }

  .hero-brand-overlay{
    top:47% !important;
    width:calc(100% - 40px) !important;
  }

  .hero-brand-overlay img{
    width:min(76vw,400px) !important;
    filter:invert(1) brightness(2.7) drop-shadow(0 8px 24px rgba(0,0,0,.48)) !important;
  }

  .hero-content{
    height:100%;
    min-height:calc(88svh - 118px);
    display:flex;
    align-items:flex-end;
  }

  .hero-bottom{
    width:100%;
    justify-content:center !important;
    align-items:flex-end !important;
  }

  .magnetic-button{
    width:100%;
    max-width:360px;
    min-width:0;
    height:56px;
    padding:0 19px;
    font-size:.72rem;
  }

  .video-control{
    left:20px !important;
    right:auto !important;
    bottom:96px !important;
    transform:scale(.86);
    transform-origin:left bottom;
  }

  .scroll-note{
    display:none;
  }

  /* Espaçamento geral */
  .manifesto,
  .areas,
  .process,
  .founder,
  .contact{
    padding-left:20px;
    padding-right:20px;
  }

  .manifesto,
  .areas,
  .process{
    padding-top:82px;
    padding-bottom:82px;
  }

  .section-index{
    font-size:.58rem;
    letter-spacing:.16em;
  }

  /* Manifesto */
  .manifesto-grid{
    grid-template-columns:1fr;
    gap:38px;
    padding:48px 0 70px;
  }

  .manifesto-lead{
    max-width:12ch;
    font-size:clamp(2.05rem,10vw,3.35rem) !important;
    line-height:1;
  }

  .manifesto-copy p{
    margin-bottom:24px;
    font-size:1.08rem !important;
    line-height:1.58;
    letter-spacing:-.02em;
  }

  .signature-line{
    flex-direction:column;
    gap:10px;
    line-height:1.5;
  }

  /* Histórias com imagem */
  .image-story,
  .image-story.image-story-reverse,
  .image-story-dark,
  .image-story-light{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .image-story-reverse .image-story-media{
    order:0;
  }

  .image-story-reverse .image-story-copy{
    order:1;
  }

  .image-story-media,
  .image-story-dark .image-story-media,
  .image-story-light .image-story-media{
    width:100%;
    min-height:270px !important;
    height:270px !important;
    max-height:270px !important;
  }

  .image-story-media img,
  .image-story-dark .image-story-media img,
  .image-story-light .image-story-media img{
    width:100%;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover;
  }

  .image-story-copy,
  .image-story-dark .image-story-copy,
  .image-story-light .image-story-copy{
    min-height:0 !important;
    padding:42px 20px 48px !important;
  }

  .image-story-copy h2,
  .image-story-dark .image-story-copy h2{
    font-size:clamp(1.85rem,8.2vw,2.75rem) !important;
    line-height:1.08;
    margin-bottom:18px !important;
  }

  .image-story-copy p{
    font-size:.96rem !important;
    line-height:1.7;
  }

  /* Áreas */
  .section-head{
    grid-template-columns:1fr;
    gap:24px;
    padding-bottom:40px;
  }

  .section-head h2{
    font-size:clamp(2.15rem,10vw,3.5rem) !important;
    line-height:1;
  }

  .area-card{
    grid-template-columns:1fr;
    gap:18px;
    padding:34px 0;
  }

  .area-card:hover{
    padding-left:0;
    background:none;
  }

  .area-card:before{
    top:20px;
    transform:none;
    font-size:5.5rem;
  }

  .area-thumb{
    height:210px;
    order:-1;
    margin-bottom:6px;
  }

  .area-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  .area-name h3{
    font-size:1.65rem !important;
  }

  .area-card>p{
    font-size:.94rem;
  }

  .area-tags{
    justify-content:flex-start;
  }

  /* Faixa animada */
  .statement{
    padding:25px 0;
  }

  .statement-track{
    gap:20px;
    font-size:1.55rem;
  }

  /* Processo e Mindset */
  .process-feature{
    grid-template-columns:1fr !important;
    min-height:0 !important;
    margin-top:40px !important;
  }

  .process-feature img{
    width:100%;
    height:285px !important;
    min-height:285px !important;
    max-height:285px !important;
    object-fit:cover;
  }

  .process-feature>div{
    min-height:0 !important;
    padding:38px 24px !important;
  }

  .process-feature p{
    font-size:clamp(1.75rem,8vw,2.55rem) !important;
    line-height:1.08;
  }

  .process-grid{
    grid-template-columns:1fr !important;
    margin-top:48px !important;
    row-gap:0 !important;
  }

  .process-grid article{
    padding:25px 0 28px !important;
  }

  .process-grid article:not(:last-child)::after{
    left:0 !important;
    right:auto !important;
    top:auto !important;
    bottom:0 !important;
    width:42px !important;
    height:1px !important;
  }

  .process-grid article>span{
    margin-bottom:14px !important;
  }

  .process-grid h3{
    font-size:1.45rem !important;
  }

  .process-grid p{
    max-width:30rem;
  }

  /* Fundador */
  .founder{
    padding:0 20px 82px;
  }

  .founder-card{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }

  .founder-portrait,
  .founder-portrait img{
    width:100%;
    height:460px !important;
    min-height:460px !important;
  }

  .founder-portrait img{
    object-position:center 18% !important;
  }

  .founder-card>div:last-child{
    padding:38px 24px 44px !important;
  }

  blockquote{
    margin:22px 0 30px;
    font-size:clamp(1.65rem,7.8vw,2.55rem) !important;
    line-height:1.12;
  }

  /* Contato */
  .contact{
    min-height:auto;
    padding-top:90px;
    padding-bottom:90px;
  }

  .contact h2{
    margin:28px 0 24px;
    font-size:clamp(2.55rem,12vw,4.3rem) !important;
    line-height:.96;
  }

  .contact-content>p{
    font-size:.98rem;
    line-height:1.65;
  }

  .contact-actions{
    align-items:stretch;
    flex-direction:column;
    gap:18px;
    margin-top:38px;
  }

  .contact-main{
    width:100%;
    min-width:0;
    height:60px;
  }

  .contact-actions>a:not(.contact-main){
    width:max-content;
    font-size:.78rem;
  }

  /* Rodapé */
  footer{
    min-height:0;
    padding:38px 20px;
    grid-template-columns:1fr;
    align-items:start;
    gap:24px;
    line-height:1.5;
  }

  footer>div img{
    width:118px;
  }

  footer>div:last-child{
    text-align:left !important;
  }
}

@media (max-width: 430px){

  .site-intro-inner img{
    width:64vw;
  }

  .site-intro-inner span{
    font-size:.52rem;
    letter-spacing:.20em;
  }

  .hero{
    min-height:84svh;
  }

  .hero-content{
    min-height:calc(84svh - 118px);
  }

  .hero-brand-overlay{
    top:45% !important;
  }

  .hero-brand-overlay img{
    width:80vw !important;
  }

  .image-story-media,
  .image-story-dark .image-story-media,
  .image-story-light .image-story-media{
    height:240px !important;
    min-height:240px !important;
    max-height:240px !important;
  }

  .process-feature img{
    height:255px !important;
    min-height:255px !important;
    max-height:255px !important;
  }

  .founder-portrait,
  .founder-portrait img{
    height:420px !important;
    min-height:420px !important;
  }
}

/* Respeita usuários que preferem menos movimento */
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}


/* =========================================================
   MONTI V12 — CONSOLIDAÇÃO RESPONSIVA
   Desktop, notebook, tablet e mobile no mesmo projeto
   ========================================================= */

button,
a{
  -webkit-tap-highlight-color:transparent;
}

button:focus-visible,
a:focus-visible{
  outline:2px solid currentColor;
  outline-offset:4px;
}

[hidden]{
  display:none !important;
}

/* Notebook */
@media (min-width: 821px) and (max-width: 1280px){
  .site-header{
    padding-left:3vw;
    padding-right:3vw;
  }

  .hero{
    padding-left:3vw;
    padding-right:3vw;
  }

  .manifesto,
  .areas,
  .process,
  .founder,
  .contact{
    padding-left:3.5vw;
    padding-right:3.5vw;
  }

  .area-card{
    grid-template-columns:1.05fr .95fr .72fr;
    gap:2.8vw;
  }

  .area-thumb{
    height:180px;
  }

  .process-grid article{
    min-height:320px;
    padding:24px;
  }

  .founder-card>div:last-child{
    padding:42px;
  }
}

/* Tablet */
@media (min-width: 821px) and (max-width: 1024px){
  .main-nav{
    gap:20px;
    font-size:.68rem;
  }

  .brand img{
    width:142px;
  }

  .hero-brand-overlay img{
    width:min(60vw,620px);
  }

  .manifesto-grid{
    gap:5vw;
  }

  .area-card{
    grid-template-columns:.9fr 1fr;
  }

  .area-card>p{
    grid-column:2;
  }

  .area-tags{
    grid-column:2;
    justify-content:flex-start;
  }

  .process-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .founder-card{
    grid-template-columns:.86fr 1.14fr;
  }
}

/* Evita movimento contínuo quando a aba está inativa ou movimento é reduzido */
@media (prefers-reduced-motion: reduce){
  .statement-track{
    animation:none !important;
    transform:none !important;
  }

  .site-intro{
    display:none !important;
  }
}