:root{--bg:#f4f2ed;--ink:#111;--line:rgba(17,17,17,.22);--pad:clamp(20px,3.2vw,56px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px var(--pad);background:rgba(244,242,237,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{font-size:14px;font-weight:800;letter-spacing:.02em}.topbar nav{display:flex;gap:24px;font-size:14px}.topbar nav a{transition:opacity .2s}.topbar nav a:hover{opacity:.5}
.hero{min-height:calc(100vh - 56px);padding:clamp(52px,6vw,92px) var(--pad) 28px;display:grid;grid-template-rows:auto 1fr auto;gap:28px}
.eyebrow,.section-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.eyebrow{margin:0}
.hero h1{align-self:center;font-size:clamp(58px,8.4vw,132px);line-height:.88;letter-spacing:-.045em;margin:0;max-width:1200px;font-weight:700}
.hero-foot{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:16px;gap:30px}.hero-foot p{max-width:600px;margin:0;font-size:clamp(16px,1.25vw,20px);line-height:1.35}.arrow{font-size:14px;white-space:nowrap}
.hero-v7{min-height:clamp(640px,86vh,900px);padding-top:clamp(36px,4.1vw,64px)}.hero-v7 h1{font-size:clamp(58px,8vw,124px);max-width:1120px}

.work{padding:48px var(--pad) 130px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(40px,4vw,64px) 30px;align-items:start}
.project-8{grid-column:span 8}.project-4{grid-column:span 4}.project-5{grid-column:span 5}.project-7{grid-column:span 7}
.project figure{margin:0;overflow:hidden;background:#ebe9e3;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3}
.project-8 figure{aspect-ratio:16/9.65}.project-4.project-tall figure{aspect-ratio:3/4.08}.project-7 figure{aspect-ratio:16/10}.project-5 figure{aspect-ratio:4/3}
.project img{width:100%;height:100%;object-fit:contain;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.project:hover img{transform:scale(1.012)}
.meta{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding-top:12px;border-top:1px solid var(--ink);margin-top:10px;min-height:54px}.meta h2,.meta p{font-size:13px;line-height:1.25;margin:0}.meta h2{font-weight:700;max-width:58%}.meta p{text-align:right;opacity:.6;max-width:42%}

/* CAPAS DA HOME — ajuste somente transform:scale(...) para mudar o zoom.
   O valor normal aparece em .art-* img; :hover vale ao passar o mouse.
   No celular, a regra @media abaixo desativa esses zooms. */
.art-tabuleiro img{object-fit:cover;transform:scale(1.02)}
.art-tabuleiro:hover img{transform:scale(1.10)}

.art-chro img{object-fit:contain;transform:scale(1)}
.art-chro:hover img{transform:scale(1.012)}

.art-territorio img{object-fit:cover;transform:scale(1)}
.art-territorio:hover img{transform:scale(1.012)}

.art-transversalidade img{object-fit:cover;transform:scale(1)}
.art-transversalidade:hover img{transform:scale(1.012)}

.art-epoca-info img{object-fit:cover;transform:scale(1.04)}
.art-epoca-info:hover img{transform:scale(1.15)}

.art-einstein img{object-fit:cover;transform:scale(1.10)}
.art-einstein:hover img{transform:scale(1.15)}

.art-alana img{object-fit:cover;transform:scale(1.02)}
.art-alana:hover img{transform:scale(1.15)}

.art-investnews img{object-fit:cover;transform:scale(1.00)}
.art-investnews:hover img{transform:scale(1.12)}

.art-diplomados img{object-fit:cover;transform:scale(1.02)}
.art-diplomados:hover img{transform:scale(1.12)}

.art-ias img{object-fit:cover;transform:scale(1)}
.art-ias:hover img{transform:scale(1.012)}

.about{padding:130px var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:4fr 8fr;gap:30px}.about h2{font-size:clamp(42px,6.2vw,92px);line-height:.95;letter-spacing:-.035em;margin:0 0 40px;max-width:1000px}.about div>p{font-size:clamp(18px,1.8vw,27px);line-height:1.35;max-width:850px}.about-secondary{margin-top:24px!important;font-size:clamp(15px,1.35vw,19px)!important;line-height:1.5!important;opacity:1}
footer{background:#0492de;color:#f5f2ea;padding:70px var(--pad) 35px}footer>p:first-child{font-size:14px}.email{display:inline-block;font-size:clamp(38px,7vw,108px);letter-spacing:-.02em;margin:35px 0 54px}
.contact-details{border-top:1px solid rgba(245,242,234,.28);padding:22px 0 70px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;font-size:14px}.contact-details a:last-child{text-align:right}.small{font-size:12px;opacity:.6}

.case-page{padding:70px var(--pad) 120px}.case-head{display:grid;grid-template-columns:4fr 8fr;gap:30px;border-bottom:1px solid var(--line);padding-bottom:60px;margin-bottom:50px}.case-head h1{font-size:clamp(52px,8vw,120px);line-height:.9;letter-spacing:-.045em;margin:0}.case-head p{font-size:clamp(18px,1.6vw,24px);line-height:1.4;margin:0;max-width:720px}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.case-grid figure{margin:0;background:#ebe9e3}.case-grid .wide{grid-column:1/-1}.back{display:inline-block;margin-bottom:45px;font-size:14px}

.open-image {
  display: block;
  cursor: zoom-in;
}

.image-lightbox {
  position: fixed;
  max-width: 94vw;
  max-height: 94vh;
  padding: 36px 12px 12px;
  border: 0;
  background: #f4f2ed;
}

.image-lightbox::backdrop {
  background: rgba(0, 0, 0, .85);
}

.image-lightbox img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: calc(94vh - 48px);
  object-fit: contain;
}

.lightbox-close {
  position: absolute;
  top: 0;
  right: 8px;
  border: 0;
  background: transparent;
  font: 32px Arial, sans-serif;
  cursor: pointer;
}

@media(max-width:800px){
 .topbar{padding-top:15px;padding-bottom:15px}.topbar nav{gap:14px}
 .hero,.hero-v7{min-height:calc(100svh - 52px);padding-top:38px;padding-bottom:24px;gap:22px}.hero h1,.hero-v7 h1{font-size:clamp(47px,13.5vw,74px);line-height:.9}
 .hero-foot{display:block}.arrow{display:inline-block;margin-top:22px}
 .work{display:block;padding-top:34px;padding-bottom:70px}.project{margin-bottom:40px}.project figure,.project-8 figure,.project-7 figure,.project-5 figure,.project-4.project-tall figure{aspect-ratio:auto}.project img{height:auto;object-fit:contain;transform:none!important}
 .meta{display:block;min-height:0}.meta h2,.meta p{max-width:none}.meta p{text-align:left;margin-top:5px}
 .about{display:block;padding:80px var(--pad)}.section-label{margin-bottom:40px}.about-secondary{margin-top:18px!important}
 .email{font-size:clamp(29px,9vw,54px)}.contact-details{grid-template-columns:1fr;gap:12px}.contact-details a:last-child{text-align:left}
 .case-page{padding-top:45px}.case-head{display:block}.case-head h1{margin-bottom:28px}.case-grid{grid-template-columns:1fr}
}

/* Ajustes locais dos cases e das duas molduras: mantidos após @media. */
.case-head {
  align-items: end;
}
.art-tabuleiro figure,
.art-alana figure {
  padding: 0;
}

.art-tabuleiro figure img,
.art-alana figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}