@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

:root{
  --bg:#dbd5ca;
  --ink:#191919;
  --accent:#f6391c;
  --light:#dbd5ca;
  --hair:rgba(25,25,25,.22);
  --max:1440px;
  --gutter:28px;
  --header-h:82px;
}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Baskerville","Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button{font:inherit}

.site-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px var(--gutter) 34px;max-width:var(--max);margin:0 auto;position:sticky;top:0;z-index:100;background:transparent;transition:padding .22s ease}
.site-header::before{content:none}
.logo{display:block}
.logo-main{width:190px;max-width:38vw;transition:opacity .18s ease}
.logo-main img{display:block;width:100%;height:auto}
 .logo-scrolled{position:fixed;left:50%;top:18px;width:92px;transform:translateX(-50%);opacity:0;pointer-events:none;z-index:105;transition:opacity .18s ease,width .18s ease}
.logo-scrolled img{display:block;width:100%;height:auto}
.site-header.is-scrolled .logo-main{opacity:0;pointer-events:none}
.site-header.is-scrolled .logo-scrolled{opacity:1;pointer-events:auto}
.nav{display:flex;align-items:center;gap:22px;font:500 13px/1.1 "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.nav a,.lang-toggle button{padding:2px 0;color:var(--ink);opacity:.95}
.nav a:hover,.lang-toggle button:hover{opacity:.56}
.lang-toggle{display:flex;gap:8px;align-items:center}
.lang-toggle button{border:0;background:transparent;cursor:pointer}
.lang-toggle button.is-active{color:var(--accent)}

main{max-width:var(--max);margin:0 auto;padding:0 var(--gutter) 0}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}
.work-card{display:block}
.work-card .thumb{position:relative;display:block;width:100%;aspect-ratio:946/1415;overflow:hidden;background:#d2cdc2}
.work-card img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .22s ease,filter .22s ease;}
.work-card .hover-meta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;color:var(--light);opacity:0;transition:opacity .22s ease,background-color .22s ease;text-transform:uppercase;font-family:"Space Grotesk",sans-serif;background:rgba(25,25,25,0)}
.work-card .thumb::after{content:"";position:absolute;inset:0;background:rgba(25,25,25,0);transition:background-color .22s ease;pointer-events:none}
.work-card:hover img{filter:brightness(.44)}
.work-card:hover .thumb::after{background:rgba(25,25,25,.22)}
.work-card:hover .hover-meta{opacity:1}
.work-card .client,.work-card .subtitle{display:block;font-size:clamp(16px,1.35vw,22px);line-height:1.04;letter-spacing:-.02em}
.work-card .client{font-weight:700}
.work-card .subtitle{font-weight:300;margin-top:4px}

.home-contact{margin-top:120px;border-top:1px solid rgba(219,213,202,.65);margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));background:var(--ink);color:var(--light);font-family:"Space Grotesk",sans-serif;padding:72px var(--gutter) 82px}
.home-contact-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(160px,22%) minmax(0,1fr) minmax(220px,25%);gap:42px;align-items:start}
.home-contact-photo{border:1px solid rgba(219,213,202,.65);}
.home-contact-photo img{display:block;width:100%;height:auto;filter:none}
.home-contact-intro{padding-top:2px}
.home-contact-kicker{margin:0 0 18px;font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:700}
.home-contact-intro h2{margin:0;max-width:19ch;border-top:1px solid rgba(219,213,202,.35);padding-top:22px;font-size:clamp(28px,3.2vw,54px);font-weight:400;line-height:.95;letter-spacing:-.045em}
.home-contact-skills{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:34px;max-width:54ch;font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}
.home-contact-skills span{border:1px solid rgba(219,213,202,.35);padding:7px 9px}
.home-contact-links{display:flex;border-left:1px solid rgba(219,213,202,.35);padding-left:28px;flex-direction:column;gap:13px;padding-top:2px;font-size:clamp(16px,1.3vw,20px);line-height:1.1}
.home-contact-links a{width:max-content;max-width:100%;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.home-contact-links a:hover{color:var(--accent)}
.home-contact-links .home-contact-about{display:flex;align-items:center;justify-content:space-between;width:100%;text-decoration:none;margin-top:30px;border:1px solid rgba(219,213,202,.78);padding:17px 18px;text-transform:uppercase;font-size:clamp(15px,1.35vw,20px);font-weight:700;letter-spacing:.04em;line-height:1;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.home-contact-links .home-contact-about:hover{background:var(--light);color:var(--ink);border-color:var(--light)}

.page-label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 28px;font-family:"Space Grotesk",sans-serif}
.case-head{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;margin-bottom:54px;align-items:end}
.case-kicker{margin:0 0 10px;color:var(--accent);font:600 12px/1.1 "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.case-title{margin:0;font-size:clamp(38px,6.3vw,92px);line-height:.9;font-weight:500;text-transform:uppercase;letter-spacing:-.045em}
.case-subtitle{margin:16px 0 0;font-size:clamp(19px,2vw,30px);line-height:1;max-width:19ch;text-transform:uppercase}
.case-description{font-size:clamp(18px,1.55vw,25px);line-height:1.18;max-width:32ch}
.case-description p{margin:0 0 1.1em}.case-description p:last-child{margin-bottom:0}
.feature{margin:0 0 70px;background:transparent}.feature img,.feature video{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;background:transparent}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.gallery figure{margin:0}.gallery img,.gallery video{display:block;width:100%;height:auto;background:transparent}
.other-work{margin-top:96px;padding-top:25px;border-top:1px solid var(--hair)}.other-work h2{margin:0 0 26px;color:var(--accent);font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1;text-transform:uppercase}
.case-back{display:inline-block;margin:50px 0 0;font:500 12px/1 "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.about-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,34%);gap:60px;align-items:start}.about-photo{position:sticky;top:24px}.about-photo img{display:block;width:100%;height:auto}
.about-copy{font-size:clamp(18px,1.45vw,24px);line-height:1.2;max-width:31em}.about-copy .lead{font-size:clamp(30px,3vw,48px);line-height:.95;margin:0 0 34px}.about-copy p{margin:0 0 1.15em}
.about-divider{border:0;border-top:1px solid var(--hair);margin:54px 0}.about-section{margin-top:38px}.about-section h2{margin:0 0 24px;color:var(--accent);font-size:clamp(20px,2vw,28px);line-height:1;font-weight:500;text-transform:uppercase}
.job-group{margin:0 0 24px}.job-group h3{margin:0 0 8px;font-size:18px;line-height:1.02;font-weight:500;text-transform:uppercase}.plain-list{list-style:none;margin:0;padding:0}.plain-list li{margin:0 0 4px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px}.item{margin-bottom:24px}.item strong{display:block;font-weight:500;text-transform:uppercase}.item span{display:block;margin-top:5px}.contact-links{display:flex;flex-wrap:wrap;gap:15px 26px}.contact-links a{text-decoration:underline;text-underline-offset:3px}
.lang-en{display:none}.lang-pt{display:block}html[data-lang="en"] .lang-pt{display:none}html[data-lang="en"] .lang-en{display:block}.lang-inline-en{display:none}html[data-lang="en"] .lang-inline-pt{display:none}html[data-lang="en"] .lang-inline-en{display:inline}

@media (max-width:900px){
  :root{--gutter:20px}
  .site-header{padding-top:20px;padding-bottom:28px}
  .logo-main{width:155px;max-width:48vw}
  .logo-scrolled{width:74px;top:16px}
  .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 16px}
  .case-head{grid-template-columns:1fr;gap:26px;margin-bottom:40px}.case-description{max-width:none}
  .about-wrap{grid-template-columns:1fr;gap:38px}.about-photo{position:static;max-width:520px}.two-col{grid-template-columns:1fr;gap:0}
  .home-contact{margin-top:90px;padding-top:56px;padding-bottom:62px}
  .home-contact-grid{grid-template-columns:minmax(130px,23%) 1fr;gap:28px 24px}
  .home-contact-links{grid-column:1 / -1;display:grid;border-left:0;padding-left:0;grid-template-columns:repeat(2,1fr);gap:14px 24px;padding-top:22px;border-top:1px solid rgba(219,213,202,.28)}
  .home-contact-links .home-contact-kicker{grid-column:1 / -1;margin-bottom:4px}.home-contact-links .home-contact-about{margin-top:10px}
}
@media (max-width:560px){
  :root{--gutter:15px}
  .site-header{align-items:flex-start;gap:15px}.nav{gap:12px;font-size:11px}.logo-main{width:135px;max-width:48vw}.logo-scrolled{width:66px;top:13px}
  main{padding-bottom:0}.work-grid{grid-template-columns:1fr 1fr;gap:25px 12px}
  .work-card .hover-meta{opacity:1;background:rgba(25,25,25,.12);padding:12px}.work-card img{filter:brightness(.5);opacity:1}.work-card .client,.work-card .subtitle{font-size:13px;line-height:1.0}.work-card .subtitle{margin-top:3px}
  .gallery{grid-template-columns:1fr;gap:16px}.case-title{font-size:clamp(38px,14vw,68px)}.case-subtitle{font-size:18px;max-width:30ch}.feature{margin-bottom:48px}.other-work{margin-top:66px}
  .about-copy{font-size:17px;line-height:1.22}.about-copy .lead{font-size:34px}
  .home-contact{margin-top:72px;padding-top:38px;padding-bottom:45px}
  .home-contact-grid{grid-template-columns:1fr;gap:26px}
  .home-contact-photo{width:44%;min-width:125px}
  .home-contact-intro h2{max-width:none;font-size:clamp(30px,9vw,48px)}
  .home-contact-skills{margin-top:24px;font-size:10px;gap:6px 7px}.home-contact-skills span{padding:6px 7px}
  .home-contact-links{grid-template-columns:1fr;gap:12px}.home-contact-links a{font-size:17px}.home-contact-links .home-contact-about{grid-column:auto;margin-top:16px;padding:17px 16px;font-size:16px}
}
@media (hover:none){.work-card .hover-meta{opacity:1;background:rgba(25,25,25,.12)}.work-card img{filter:brightness(.5)}.work-card .thumb::after{background:rgba(25,25,25,.18)}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.work-card img,.work-card .hover-meta,.site-header,.logo-main,.logo-scrolled,.about-tech-name{transition:none!important}.about-page .about-tech-name.is-changing{opacity:1;transform:none}}

/* ABOUT V5 — BRUTALIST REDESIGN */
body.about-page{font-family:"Space Grotesk",sans-serif;background:var(--bg);color:var(--ink)}
.about-page{font-family:"Space Grotesk",sans-serif}
.about-page .site-header{height:76px;padding:20px var(--gutter) 18px;max-width:none;border-bottom:0;background:transparent;align-items:center}
.about-page .about-logo img{display:block;width:170px;height:auto}
.about-page .about-header-status{position:absolute;left:50%;transform:translateX(-50%);font:600 11px/1 "Space Grotesk",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.about-page .nav{font-size:11px;letter-spacing:.08em}
.about-page .nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}
.about-page .about-brutalist{padding-top:14px}
.about-page .about-brutalist{max-width:none;padding:0 var(--gutter)}
.about-page .about-brutalist{font-family:"Space Grotesk",sans-serif;}
.about-page .about-hero{display:grid;grid-template-columns:12% minmax(0,1fr) minmax(320px,40%);min-height:calc(100vh - 76px);border-left:1px solid rgba(25,25,25,.55);border-right:1px solid rgba(25,25,25,.55);border-bottom:1px solid rgba(25,25,25,.55)}
.about-page .about-hero > *{min-width:0}
.about-page .about-hero-label{padding:28px 18px;border-right:1px solid rgba(25,25,25,.55);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.about-page .about-hero-title{display:flex;align-items:center;padding:5vw clamp(28px,5vw,84px)}
.about-page .about-hero-title h1{margin:0;font-size:clamp(74px,10vw,170px);font-weight:600;line-height:.82;letter-spacing:-.075em}
.about-page .about-hero-note{margin:28px 0 0;padding-top:14px;border-top:1px solid rgba(25,25,25,.45);font-size:15px;line-height:1.15;max-width:26ch;text-transform:uppercase;letter-spacing:.02em}
.about-page .about-hero-photo{margin:0;border-left:1px solid rgba(25,25,25,.55);display:flex;flex-direction:column;justify-content:flex-end;background:#191919;min-height:100%}
.about-page .about-hero-photo img{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center top;display:block}
.about-page .about-hero-photo figcaption{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;background:var(--ink);color:var(--light);font-size:10px;line-height:1;letter-spacing:.1em;font-weight:600;text-transform:uppercase}
.about-page .about-intro-grid,.about-page .about-body-grid,.about-page .about-systems-grid,.about-page .about-listing-grid{display:grid;grid-template-columns:12% repeat(2,minmax(0,1fr));border-left:1px solid rgba(25,25,25,.55);border-right:1px solid rgba(25,25,25,.55);border-bottom:1px solid rgba(25,25,25,.55)}
.about-page .about-index{border-right:1px solid rgba(25,25,25,.55);padding:22px 16px;font-size:11px;line-height:1.35;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.about-page .about-index span{opacity:.5}
.about-page .about-intro-copy{padding:42px clamp(24px,4vw,60px);font-size:clamp(18px,1.4vw,25px);line-height:1.22;letter-spacing:-.025em}
.about-page .about-intro-copy p,.about-page .about-body-copy p{margin:0 0 1.15em}.about-page .about-lead{font-size:clamp(32px,4vw,62px);line-height:.9;font-weight:500;letter-spacing:-.055em;margin-bottom:34px!important}
.about-page .about-statement{padding:42px clamp(24px,4vw,60px);border-left:1px solid rgba(25,25,25,.55);font-size:clamp(26px,3vw,48px);font-weight:500;line-height:.96;letter-spacing:-.05em;display:flex;align-items:flex-start}
.about-page .about-statement span{font-size:1.4em;line-height:.7;margin-right:10px;color:var(--accent)}
.about-page .about-body-grid{grid-template-columns:12% minmax(0,1fr)}
.about-page .about-body-copy{padding:46px clamp(24px,6vw,100px) 52px;max-width:1100px;font-size:clamp(19px,1.5vw,27px);line-height:1.22;letter-spacing:-.025em}
.about-page .about-location{padding-top:20px;border-top:1px solid rgba(25,25,25,.45);font-size:14px!important;text-transform:uppercase;letter-spacing:.04em}
.about-page .about-systems-grid{grid-template-columns:12% repeat(3,minmax(0,1fr))}
.about-page .capability-card{padding:22px 22px 30px;min-height:360px;border-left:1px solid rgba(25,25,25,.55);display:flex;flex-direction:column}
.about-page .capability-no{font-size:11px;font-weight:600;letter-spacing:.08em;opacity:.6}
.about-page .capability-card h2{margin:62px 0 28px;font-size:clamp(22px,2vw,34px);line-height:.95;font-weight:500;letter-spacing:-.05em}
.about-page .capability-group{display:grid;grid-template-columns:1fr;gap:4px;margin-top:auto;font-size:14px;line-height:1.15}
.about-page .capability-group strong{font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}
.about-page .skill-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;align-content:flex-end}
.about-page .skill-grid span{border:1px solid rgba(25,25,25,.55);padding:7px 9px;font-size:11px;line-height:1.05;text-transform:uppercase;letter-spacing:.04em}
.about-page .about-listing-grid{grid-template-columns:12% minmax(0,1fr) minmax(0,1fr)}
.about-page .listing-panel{border-left:1px solid rgba(25,25,25,.55)}
.about-page .listing-panel header{display:flex;justify-content:space-between;gap:15px;padding:16px 20px;border-bottom:1px solid rgba(25,25,25,.55);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.about-page .listing-panel article{padding:18px 20px;border-bottom:1px solid rgba(25,25,25,.35)}
.about-page .listing-panel article:last-child{border-bottom:0}
.about-page .listing-panel strong{display:block;font-size:14px;line-height:1.08;font-weight:600;letter-spacing:-.01em}
.about-page .listing-panel article span{display:block;margin-top:7px;font-size:12px;line-height:1.2;opacity:.7}
.about-page .about-listing-grid-last{border-bottom:0}
.about-page .about-manifesto-panel{border-left:1px solid rgba(25,25,25,.55);padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:360px;background:var(--ink);color:var(--light)}
.about-page .about-manifesto-panel .capability-no{color:var(--accent)}
.about-page .about-cta{background:var(--ink);color:var(--light);padding:0 var(--gutter) 36px;border-left:1px solid var(--ink);border-right:1px solid var(--ink)}
.about-page .about-cta-inner{display:grid;grid-template-columns:12% minmax(0,1fr) minmax(280px,32%);border-bottom:1px solid rgba(219,213,202,.35);min-height:410px}
.about-page .about-cta-kicker{padding:22px 16px;border-right:1px solid rgba(219,213,202,.35);font-size:11px;letter-spacing:.1em;font-weight:600;text-transform:uppercase}
.about-page .about-cta-title{display:flex;align-items:center;padding:36px clamp(24px,5vw,92px);font-size:clamp(58px,8vw,136px);font-weight:500;line-height:.82;letter-spacing:-.08em}
.about-page .about-contact-block{padding:22px 22px 26px;border-left:1px solid rgba(219,213,202,.35);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px}
.about-page .about-contact-block > span{font-size:11px;letter-spacing:.1em;font-weight:600;text-transform:uppercase;color:var(--accent);margin-bottom:auto}
.about-page .about-contact-block a{font-size:16px;text-decoration:underline;text-underline-offset:4px}
.about-page .about-socials{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}
.about-page .about-work-button{margin:28px auto 0;max-width:760px;width:100%;border:1px solid var(--light);color:var(--light);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.about-page .about-work-button:hover{background:var(--light);color:var(--ink)}
.about-page .lang-en{display:none}.about-page .lang-pt{display:block}html[data-lang="en"] .about-page .lang-pt{display:none}html[data-lang="en"] .about-page .lang-en{display:block}

/* ABOUT: opening rule stays in normal document flow and scrolls away independently of the logo */
.about-page .about-top-rule{
  position:relative;
  top:auto;
  left:auto;
  z-index:auto;
  display:block;
  height:14px;
  width:calc(100% - (2 * var(--gutter)));
  max-width:var(--max);
  margin:0 auto;
  transform:none;
  background:var(--ink);
  pointer-events:none;
}
.about-page .about-tech-copy{
  margin-top:56px;
}
.about-page .about-tech-statement{
  margin:0;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(34px,4.2vw,76px);
  font-weight:700;
  line-height:.9;
  letter-spacing:-.065em;
  text-transform:uppercase;
  max-width:11.5ch;
}
.about-page .about-tech-panel{
  overflow:hidden;
}
@media(max-width:1000px){
  .about-page .about-top-rule{height:12px;width:calc(100% - (2 * var(--gutter)));}
  .about-page .about-tech-copy{margin-top:42px}
  .about-page .about-tech-statement{font-size:clamp(32px,6vw,60px);max-width:12ch}
}
@media(max-width:650px){
  .about-page .about-top-rule{height:10px;width:calc(100% - 30px);}
  .about-page .about-tech-copy{margin-top:30px}
  .about-page .about-tech-statement{font-size:clamp(30px,10vw,48px);line-height:.92;max-width:12ch}
}

@media(max-width:1000px){
  .about-page .about-hero{grid-template-columns:10% 1fr}.about-page .about-hero-photo{grid-column:1 / -1;grid-row:2;border-left:0;border-top:1px solid rgba(25,25,25,.55);max-height:620px}.about-page .about-hero-photo img{min-height:0;max-height:620px}.about-page .about-intro-grid,.about-page .about-body-grid,.about-page .about-listing-grid{grid-template-columns:10% minmax(0,1fr)}.about-page .about-statement{border-left:0;border-top:1px solid rgba(25,25,25,.55)}.about-page .about-systems-grid{grid-template-columns:10% repeat(2,minmax(0,1fr))}.about-page .about-systems-grid .capability-card:nth-of-type(3){grid-column:2 / 4;border-top:1px solid rgba(25,25,25,.55)}.about-page .about-listing-grid .about-manifesto-panel{grid-column:2;grid-row:3;border-left:0;border-top:1px solid rgba(25,25,25,.55)}.about-page .about-cta-inner{grid-template-columns:10% 1fr}.about-page .about-contact-block{grid-column:2;border-left:0;border-top:1px solid rgba(219,213,202,.35);padding:24px}.about-page .about-cta-title{min-height:320px}.about-page .site-header{background:transparent;border-bottom:0}
.about-page .about-logo-scrolled{display:block}
.about-page .about-header-status{display:none}
}
.about-page .about-tech-name{font-size:clamp(30px,10vw,48px)}
@media(max-width:650px){
  .about-page .site-header{height:66px;padding:16px 15px}.about-page .about-logo img{width:135px}.about-page .about-brutalist{padding:10px 15px 0}.about-page .about-hero{grid-template-columns:1fr;min-height:0}.about-page .about-hero-label{border-right:0;border-bottom:1px solid rgba(25,25,25,.55);padding:14px}.about-page .about-hero-title{padding:58px 22px 42px}.about-page .about-hero-title h1{font-size:clamp(64px,20vw,104px)}.about-page .about-hero-note{font-size:12px}.about-page .about-intro-grid,.about-page .about-body-grid,.about-page .about-systems-grid,.about-page .about-listing-grid{grid-template-columns:1fr}.about-page .about-index{border-right:0;border-bottom:1px solid rgba(25,25,25,.55);padding:14px}.about-page .about-intro-copy,.about-page .about-body-copy{padding:28px 18px 36px;font-size:17px}.about-page .about-lead{font-size:36px}.about-page .about-statement{padding:30px 18px;font-size:32px}.about-page .about-systems-grid .capability-card:nth-of-type(3){grid-column:auto}.about-page .capability-card{border-left:0;border-top:1px solid rgba(25,25,25,.55);min-height:310px;padding:18px}.about-page .capability-card h2{margin:44px 0 24px}.about-page .listing-panel{border-left:0;border-top:1px solid rgba(25,25,25,.55)}.about-page .about-listing-grid .about-manifesto-panel{grid-column:auto;grid-row:auto;border-top:1px solid rgba(25,25,25,.55);min-height:280px}.about-page .about-cta{padding:0 15px 20px}.about-page .about-cta-inner{grid-template-columns:1fr;min-height:0}.about-page .about-cta-kicker{border-right:0;border-bottom:1px solid rgba(219,213,202,.35);padding:14px}.about-page .about-cta-title{min-height:250px;padding:34px 18px;font-size:64px}.about-page .about-contact-block{grid-column:auto;padding:20px 18px;min-height:240px}.about-page .about-work-button{font-size:12px;margin-top:20px;padding:16px}.about-page .nav{gap:10px;font-size:10px}.about-page .about-hero-photo img{max-height:520px}
}


/* CASE PAGES V10 — brutalist editorial system */
.case-page{font-family:"Space Grotesk",sans-serif;background:var(--bg);color:var(--ink)}
.case-page .site-header{width:100%;max-width:none;padding-left:var(--gutter);padding-right:var(--gutter);}
.case-page .logo-main{width:clamp(170px,18vw,270px)}
.case-page .logo-scrolled{width:clamp(72px,7.5vw,112px);top:14px}
.case-page .case-main{max-width:1600px;padding:4px var(--gutter) 0;margin:0 auto}
.case-page .case-intro{display:grid;grid-template-columns:minmax(250px,34%) minmax(0,1fr);border:1px solid var(--ink);border-top:10px solid var(--ink);margin:0 0 clamp(46px,7vw,100px);}
.case-page .case-title-block{padding:24px clamp(18px,3vw,42px) 38px;border-right:1px solid rgba(25,25,25,.55);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:430px}
.case-page .case-kicker{font:700 12px/1 "Space Grotesk",sans-serif;letter-spacing:.1em;color:var(--accent);margin:0 0 36px;text-transform:uppercase}
.case-page .case-title{font:600 clamp(56px,8vw,130px)/.83 "Space Grotesk",sans-serif;letter-spacing:-.085em;overflow-wrap:anywhere;margin:auto 0 14px;text-transform:uppercase}
.case-page .case-subtitle{font:400 clamp(22px,2.6vw,42px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.045em;margin:0;text-transform:uppercase;max-width:18ch}
.case-page .case-copy-block{min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.case-page .case-description{font:400 clamp(17px,1.3vw,22px)/1.32 "Space Grotesk",sans-serif;letter-spacing:-.025em;max-width:none;padding:clamp(24px,4vw,58px);}
.case-page .case-description p{margin:0 0 1.05em}.case-page .case-description p:last-child{margin-bottom:0}
.case-page .case-role{border-top:1px solid rgba(25,25,25,.55);display:grid;grid-template-columns:minmax(130px,25%) minmax(0,1fr);gap:16px;padding:18px clamp(24px,4vw,58px);align-items:start;text-transform:uppercase}
.case-page .case-role-label{font:700 11px/1.15 "Space Grotesk",sans-serif;letter-spacing:.08em;color:var(--accent)}
.case-page .case-role-value{font:500 clamp(13px,1.1vw,17px)/1.2 "Space Grotesk",sans-serif;letter-spacing:.01em}
.case-page .case-video-section,.case-page .case-image-section{margin:0 0 clamp(54px,8vw,120px)}
.case-page .case-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:13px 0;margin-bottom:18px;font:700 12px/1.1 "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.case-page .case-section-index{font:400 10px/1 "Space Grotesk",sans-serif;opacity:.65;text-align:right;white-space:nowrap}
.case-page .youtube-main,.case-page .youtube-secondary{min-width:0;margin:0}
.case-page .media-label{display:flex;justify-content:space-between;gap:10px;padding:9px 0 10px;font:600 10px/1 "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.case-page .youtube-frame{position:relative;width:100%;aspect-ratio:16/9;background:#191919;overflow:hidden;border:1px solid var(--ink)}
.case-page .youtube-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.case-page .youtube-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px;margin-top:24px}
.case-page .youtube-secondary-grid .youtube-frame{aspect-ratio:16/9}
.case-page .case-loop-grid{display:grid;gap:12px;align-items:start}
.case-page .case-loop-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}
.case-page .case-loop-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-page .case-loop-card{margin:0;min-width:0;border:1px solid var(--ink);background:#191919;overflow:hidden}
.case-page .case-loop-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#191919}
.case-page .case-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.case-page .case-image-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-page .case-image-card{margin:0;min-width:0;overflow:hidden;background:transparent;align-self:start}
.case-page .case-image-card img{display:block;width:100%;height:auto;object-fit:contain}
.case-page .case-image-card--full{grid-column:1/-1;width:100%}
.case-page .case-image-card--double{grid-column:span 2}
.case-page .case-image-card--portrait-alone{grid-column:span 1;justify-self:start;width:78%}
.case-page .case-other-work{margin:clamp(70px,10vw,150px) 0 0;border-top:10px solid var(--ink);padding-top:14px}
.case-page .case-other-work .case-section-heading{margin-bottom:24px}
.case-page .case-other-work .work-grid{gap:40px 18px}
.case-page .case-other-work .work-card .thumb{aspect-ratio:946/1415}
.case-page .case-other-work .case-back{display:flex;width:100%;min-height:76px;align-items:center;justify-content:space-between;border:1px solid var(--ink);padding:20px 22px;margin:40px 0 0;font:700 13px/1 "Space Grotesk",sans-serif;letter-spacing:.08em}
.case-page .case-other-work .case-back:hover{background:var(--ink);color:var(--light)}

/* Craft uses a visual sequence only: no title, description or role panel. */
.case-page.craft-page .case-main{padding-top:4px}
.case-page .craft-portfolio-sequence{display:flex;flex-direction:column;gap:clamp(12px,1.5vw,22px)}
.case-page .craft-row{display:grid;gap:clamp(10px,1.2vw,18px);align-items:start}
.case-page .craft-row--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-page .craft-row--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-page .craft-row--feature{grid-template-columns:minmax(0,1fr);margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter))}
.case-page .craft-item{margin:0;min-width:0;overflow:hidden;align-self:start}
.case-page .craft-item img,.case-page .craft-item video{display:block;width:100%;height:auto;object-fit:contain}
.case-page .craft-item--full{grid-column:1/-1}
.case-page .craft-row--single .craft-item--double{grid-column:span 2}
.case-page .craft-row--single .craft-item{grid-column:span 2}
.case-page .craft-row--feature .craft-item--full{grid-column:1/-1}
.case-page .craft-item--motion{background:#191919}
.case-page .craft-item--motion video{aspect-ratio:16/9;object-fit:cover}
.case-page .craft-row--feature img{width:100%;max-height:none}

@media(max-width:900px){
  .case-page .case-intro{grid-template-columns:minmax(200px,32%) minmax(0,1fr)}
  .case-page .case-title-block{min-height:360px;padding:22px 20px 26px}
  .case-page .case-title{font-size:clamp(48px,8.5vw,90px)}
  .case-page .case-description{padding:28px;font-size:clamp(16px,2vw,20px)}
  .case-page .case-role{grid-template-columns:1fr;gap:7px;padding:16px 28px}
}
@media(max-width:600px){
  .case-page .site-header{padding-top:20px;padding-bottom:28px}
  .case-page .case-main{padding:0 var(--gutter)}
  .case-page .case-intro{grid-template-columns:1fr;border-top-width:8px;margin-bottom:48px}
  .case-page .case-title-block{min-height:0;border-right:0;border-bottom:1px solid var(--ink);padding:20px 18px 24px}
  .case-page .case-kicker{margin-bottom:42px}
  .case-page .case-title{font-size:clamp(54px,16vw,90px);margin:0 0 12px}
  .case-page .case-subtitle{font-size:clamp(22px,6vw,34px)}
  .case-page .case-description{padding:24px 18px;font-size:17px;line-height:1.3}
  .case-page .case-role{padding:15px 18px 18px}
  .case-page .case-section-heading{font-size:10px;margin-bottom:12px}
  .case-page .youtube-secondary-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}
  .case-page .case-loop-grid--three,.case-page .case-loop-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .case-page .case-image-grid--three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .case-page .case-image-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .case-page .case-image-card--full{grid-column:1/-1}
  .case-page .case-image-card--double{grid-column:span 2}
  .case-page .case-image-card--portrait-alone{width:82%}
  .case-page .case-other-work .work-grid{gap:24px 10px}
  .case-page .case-other-work .work-card .client,.case-page .case-other-work .work-card .subtitle{font-size:13px}
  .case-page .case-other-work .case-back{min-height:64px;font-size:11px;padding:16px}
  .case-page .craft-portfolio-sequence{gap:10px}
  .case-page .craft-row--three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-page .craft-row--two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-page .craft-row--single .craft-item{grid-column:span 2}
  .case-page .craft-row--feature{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter))}
}

/* CHEVROLET DIA DAS MÃES — custom full-bleed hero and portrait-led masonry (V11) */
.case-page .case-chevrolet-design .chevrolet-design-hero{
  display:block;
  position:relative;
  left:50%;
  width:100vw;
  max-width:none;
  margin:0 0 clamp(14px,2vw,28px);
  transform:translateX(-50%);
  overflow:hidden;
}
.case-page .case-chevrolet-design .chevrolet-design-hero img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.case-page .case-chevrolet-design .chevrolet-design-masonry{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  grid-template-rows:repeat(3,minmax(0,1fr));
  grid-template-areas:"portrait still02" "portrait still03" "portrait still05";
  gap:clamp(8px,1vw,14px);
  align-items:stretch;
  aspect-ratio:2.05 / 1.7777778;
}
.case-page .case-chevrolet-design .chevrolet-masonry-portrait{grid-area:portrait;min-height:0;height:100%;}
.case-page .case-chevrolet-design .chevrolet-masonry-stack{display:contents;}
.case-page .case-chevrolet-design .chevrolet-masonry-item{min-height:0;height:100%;}
.case-page .case-chevrolet-design .chevrolet-masonry-item:nth-child(1){grid-area:still02;}
.case-page .case-chevrolet-design .chevrolet-masonry-item:nth-child(2){grid-area:still03;}
.case-page .case-chevrolet-design .chevrolet-masonry-item:nth-child(3){grid-area:still05;}
.case-page .case-chevrolet-design .chevrolet-masonry-portrait img,
.case-page .case-chevrolet-design .chevrolet-masonry-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:600px){
  .case-page .case-chevrolet-design .chevrolet-design-hero{margin-bottom:9px;}
  .case-page .case-chevrolet-design .chevrolet-design-masonry{gap:6px;}
}



/* V12 CASE-SPECIFIC ART DIRECTION AND GALLERIES */
.case-page .case-chevrolet-design .chevrolet-design-hero{position:static;left:auto;width:100%;max-width:100%;margin:0 0 clamp(10px,1.2vw,18px);transform:none;overflow:hidden}
.case-page .case-chevrolet-design .chevrolet-design-hero img{width:100%;height:auto;object-fit:contain}
.case-page .case-mixed-media-grid{display:grid;gap:clamp(10px,1.25vw,18px);align-items:start;margin-top:18px}
.case-page .case-mixed-media-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-page .case-mixed-media-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-page .case-mixed-media-grid--followup{margin-top:clamp(10px,1.25vw,18px)}
.case-page .case-mixed-media-item{display:block;margin:0;min-width:0;overflow:hidden;background:transparent}
.case-page .case-mixed-media-item img,.case-page .case-mixed-media-item video{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.case-page .case-mixed-media-item video{aspect-ratio:16/9;object-fit:contain;background:#191919}
.case-page .case-nextel-cenas .case-mixed-media-grid--followup .case-mixed-media-item{grid-column:1}
.case-page .case-nextel-cenas .case-mixed-media-grid--followup{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-page .case-lola-showcase{margin-bottom:clamp(54px,8vw,120px)}
.case-page .case-lola-masonry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(10px,1.25vw,18px);aspect-ratio:9/8;margin-top:18px;align-items:stretch}
.case-page .case-lola-short-card{grid-column:1;grid-row:1/-1;margin:0;min-width:0;min-height:0;overflow:hidden;background:#191919}
.case-page .case-lola-short-card .youtube-frame--vertical{width:100%;height:100%;aspect-ratio:auto;position:relative;border:1px solid var(--ink);background:#191919;overflow:hidden}
.case-page .case-lola-short-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.case-page .case-lola-masonry .case-mixed-media-item{height:100%;min-height:0;background:#191919}
.case-page .case-lola-masonry .case-mixed-media-item img,.case-page .case-lola-masonry .case-mixed-media-item video{width:100%;height:100%;object-fit:cover}
.case-page .seara-croquis-masonry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.25vw,18px);align-items:start;margin-top:18px}
.case-page .seara-croquis-column{display:flex;flex-direction:column;gap:clamp(10px,1.25vw,18px);min-width:0}
.case-page .seara-croquis-item{width:100%;margin:0;overflow:hidden}
.case-page .seara-croquis-item img{display:block;width:100%;height:auto;object-fit:contain}
.case-page .case-loop-image-card img{display:block;width:100%;height:auto;object-fit:contain}

/* Craft: restrained brutalist typography and intentional masonry groupings. */
.case-page .craft-intro{border:1px solid var(--ink);border-top:10px solid var(--ink);margin:0 0 clamp(22px,3.2vw,48px);padding:clamp(18px,3vw,42px)}
.case-page .craft-intro-label{font:700 11px/1.1 "Space Grotesk",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 clamp(36px,7vw,92px)}
.case-page .craft-intro-title{font:700 clamp(28px,5vw,76px)/.96 "Space Grotesk",sans-serif;letter-spacing:-.065em;text-transform:uppercase;max-width:19ch;margin:0}
.case-page .craft-intro-title .lang-en{display:none}
.case-page .craft-intro-title .lang-pt{display:block}
html[data-lang="en"] .case-page .craft-intro-title .lang-pt{display:none}
html[data-lang="en"] .case-page .craft-intro-title .lang-en{display:block}
.case-page .craft-row--square-motion .craft-item--motion video{aspect-ratio:1/1;object-fit:cover;width:100%;height:auto}
.case-page .craft-row--two-gallery .craft-item img{width:100%;height:auto;display:block}
.case-page .craft-row--13-14 .craft-item--span-two{grid-column:span 2}
.case-page .craft-row--contained-feature{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-page .craft-row--contained-feature .craft-item--contained{grid-column:1/-1;width:66.6667%;justify-self:center}
.case-page .craft-row--contained-feature .craft-item--contained img{width:100%;height:auto;display:block}
.case-page .craft-row--masonry-16-18{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch}
.case-page .craft-row--masonry-16-18 .craft-item--stack-height{grid-column:span 2;grid-row:1/span 2;display:flex;align-items:center;justify-content:center;min-height:0;background:rgba(25,25,25,.035)}
.case-page .craft-row--masonry-16-18 .craft-item--stack-height img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}
.case-page .craft-stack{grid-column:3;grid-row:1/span 2;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);min-height:0}
.case-page .craft-stack-item{min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(25,25,25,.035)}
.case-page .craft-stack-item img{display:block;width:100%;height:100%;object-fit:contain}
.case-page .craft-row--equal-height{align-items:stretch}
.case-page .craft-row--equal-height .craft-item{display:flex;align-items:center;justify-content:center;min-height:0;background:rgba(25,25,25,.025)}
.case-page .craft-row--equal-height .craft-item img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:600px){
  .case-page .case-mixed-media-grid--three{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .case-page .case-lola-masonry{gap:8px;aspect-ratio:9/8}
  .case-page .case-lola-masonry .case-mixed-media-item img,.case-page .case-lola-masonry .case-mixed-media-item video{object-fit:contain}
  .case-page .seara-croquis-masonry{gap:9px}
  .case-page .craft-intro{border-top-width:8px;padding:18px;margin-bottom:22px}
  .case-page .craft-intro-label{margin-bottom:36px}
  .case-page .craft-intro-title{font-size:clamp(30px,8vw,46px)}
  .case-page .craft-row--13-14{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-page .craft-row--13-14 .craft-item--span-two{grid-column:1/-1}
  .case-page .craft-row--contained-feature .craft-item--contained{width:100%;grid-column:1/-1}
  .case-page .craft-row--masonry-16-18{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;align-items:start}
  .case-page .craft-row--masonry-16-18 .craft-item--stack-height{grid-column:1/-1;grid-row:auto}
  .case-page .craft-row--masonry-16-18 .craft-item--stack-height img{height:auto}
  .case-page .craft-stack{grid-column:1/-1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:9px}
  .case-page .craft-stack-item img{height:auto}
  .case-page .craft-row--equal-height .craft-item img{height:auto}
}


/* V13: targeted video layouts and proportion-aware Craft masonry. */
.case-page .case-nextel-cenas .case-mixed-media-grid--followup{
  display:grid;grid-template-columns:minmax(0,1fr);width:100%;margin-left:0;margin-right:0;
}
.case-page .case-nextel-cenas .case-mixed-media-grid--followup .case-nextel-item-04{
  grid-column:1/-1;width:100%;max-width:100%;justify-self:stretch;
}
.case-page .case-nextel-cenas .case-nextel-item-04 img,
.case-page .case-nextel-cenas .case-nextel-item-04 video{
  display:block;width:100%;height:auto;max-width:100%;object-fit:contain;
}
.case-page .bradesco-wide-film{width:100%;margin:clamp(22px,3vw,44px) auto}
.case-page .bradesco-wide-film .youtube-frame--feature{aspect-ratio:16/9;width:100%;height:auto}
.case-page .bradesco-shorts-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(10px,1.25vw,18px);margin-top:clamp(22px,3vw,40px)
}
.case-page .bradesco-short-item{min-width:0;margin:0}
.case-page .bradesco-short-item .youtube-frame--vertical{
  position:relative;aspect-ratio:9/16;width:100%;height:auto;background:#191919;overflow:hidden
}
.case-page .bradesco-short-item .youtube-frame--vertical iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0
}

/* Craft V13 true grid masonry: each item occupies row tracks derived from its intrinsic aspect ratio. */
.case-page .craft-portfolio-sequence.craft-masonry-layout{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  grid-auto-rows:4px;grid-auto-flow:row dense;align-items:start;
  gap:clamp(10px,1.2vw,18px);width:100%
}
.case-page .craft-masonry-layout > .craft-item{
  grid-row-end:span 10;min-width:0;min-height:0;align-self:start;
  width:100%;margin:0;overflow:hidden;background:transparent
}
.case-page .craft-masonry-layout > .craft-span-2{grid-column:span 2}
.case-page .craft-masonry-layout > .craft-span-3{grid-column:span 3}
.case-page .craft-masonry-layout > .craft-span-4{grid-column:span 4}
.case-page .craft-masonry-layout > .craft-item--contained-feature{width:82%;justify-self:center}
.case-page .craft-masonry-layout > .craft-item img,
.case-page .craft-masonry-layout > .craft-item video{
  display:block;width:100%;height:auto;max-width:100%;object-fit:contain
}
.case-page .craft-masonry-layout > .craft-item--square-motion video{
  display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover
}
.case-page .craft-masonry-pair{
  grid-column:1/-1;align-self:start;width:100%;height:var(--craft-pair-height,auto);
  min-width:0;min-height:0;display:grid;gap:clamp(10px,1.2vw,18px);overflow:hidden
}
.case-page .craft-masonry-pair--16-18{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-page .craft-pair-large{grid-column:span 2;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;margin:0}
.case-page .craft-pair-large img{display:block;width:100%;height:100%;object-fit:contain}
.case-page .craft-stack{
  display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);
  width:100%;height:100%;min-width:0;min-height:0;overflow:hidden
}
.case-page .craft-stack-item{
  display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  margin:0;min-width:0;min-height:0;overflow:hidden
}
.case-page .craft-stack-item img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.case-page .craft-masonry-pair--20-21{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-page .craft-masonry-pair--22-24{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-page .craft-equal-item{
  display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;
  min-width:0;min-height:0;overflow:hidden;background:#f4f1eb
}
.case-page .craft-equal-item img,
.case-page .craft-equal-item video{
  display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain
}
@media(max-width:700px){
  .case-page .bradesco-shorts-grid{gap:6px}
  .case-page .bradesco-shorts-grid .media-label{font-size:9px}
  .case-page .craft-portfolio-sequence.craft-masonry-layout{grid-auto-rows:4px;gap:9px}
  .case-page .craft-masonry-layout > .craft-span-2{grid-column:span 3}
  .case-page .craft-masonry-layout > .craft-span-3{grid-column:span 3}
  .case-page .craft-masonry-layout > .craft-span-4{grid-column:1/-1}
  .case-page .craft-masonry-layout > .craft-item--contained-feature{width:82%;grid-column:1/-1}
  .case-page .craft-masonry-pair{gap:9px}
  .case-page .craft-masonry-pair--16-18{grid-template-columns:repeat(3,minmax(0,1fr))}
  .case-page .craft-stack{gap:9px}
}


/* Craft feature cards: 15 fills the masonry pocket under 13; 19 stays centered in the content grid. */
.case-page .craft-masonry-layout > .craft-item--craft-15{grid-column:1/span 4;width:90%;justify-self:center}
.case-page .craft-masonry-layout > .craft-item--craft-19{grid-column:2/span 4;width:100%;justify-self:stretch}
@media(max-width:700px){
  .case-page .craft-masonry-layout > .craft-item--craft-15,
  .case-page .craft-masonry-layout > .craft-item--craft-19{grid-column:1/-1;width:82%;justify-self:center}
}


/* V14: explicit English-first preference and corrected case-specific media layouts. */
.bradesco-small-businesses-page .youtube-main,
.bradesco-small-businesses-page .bradesco-wide-film{
  display:block;width:100%;max-width:none;margin-left:auto;margin-right:auto
}
.bradesco-small-businesses-page .youtube-main .youtube-frame,
.bradesco-small-businesses-page .bradesco-wide-film .youtube-frame--feature{
  width:100%;aspect-ratio:16/9;height:auto
}
.bradesco-small-businesses-page .bradesco-shorts-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;gap:clamp(10px,1.25vw,18px);width:100%
}
.bradesco-small-businesses-page .bradesco-short-item .youtube-frame--vertical{
  width:100%;aspect-ratio:9/16;height:auto;position:relative
}
.bradesco-small-businesses-page .bradesco-short-item .youtube-frame--vertical iframe{
  position:absolute;inset:0;width:100%;height:100%
}

/* Craft V14: dense proportional masonry using the updated assets. */
.case-page.craft-page .craft-portfolio-sequence.craft-masonry-layout{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  grid-auto-rows:4px;grid-auto-flow:row dense;
  gap:clamp(10px,1.2vw,18px);align-items:start;width:100%
}
.case-page.craft-page .craft-masonry-layout > .craft-item{
  min-width:0;min-height:0;width:100%;margin:0;overflow:hidden;
  grid-row-end:span 10;align-self:start
}
.case-page.craft-page .craft-masonry-layout > .craft-span-2{grid-column:span 2}
.case-page.craft-page .craft-masonry-layout > .craft-span-3{grid-column:span 3}
.case-page.craft-page .craft-masonry-layout > .craft-span-4{grid-column:span 4}
.case-page.craft-page .craft-masonry-layout > .craft-span-6{grid-column:1/-1}
.case-page.craft-page .craft-masonry-layout > .craft-item--contained-feature{
  width:82%;justify-self:center
}
.case-page.craft-page .craft-masonry-layout > .craft-item img,
.case-page.craft-page .craft-masonry-layout > .craft-item video{
  display:block;width:100%;height:auto;max-width:100%;object-fit:contain
}
.case-page.craft-page .craft-masonry-layout > .craft-item--square-motion video{
  width:100%;aspect-ratio:1/1;height:auto;object-fit:cover
}
.case-page.craft-page .craft-masonry-pair{
  grid-column:1/-1;width:100%;height:var(--craft-pair-height,auto);
  min-width:0;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(10px,1.2vw,18px);overflow:hidden
}
.case-page.craft-page .craft-pair-large{
  grid-column:span 2;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;margin:0
}
.case-page.craft-page .craft-pair-large img,
.case-page.craft-page .craft-pair-large video{
  display:block;width:100%;height:100%;object-fit:cover
}
.case-page.craft-page .craft-stack{
  display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);
  width:100%;height:100%;min-width:0;min-height:0;overflow:hidden
}
.case-page.craft-page .craft-stack-item{
  width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;margin:0;
  display:flex;align-items:center;justify-content:center
}
.case-page.craft-page .craft-stack-item img{
  display:block;width:100%;height:100%;object-fit:cover
}
.case-page.craft-page .craft-masonry-layout > .craft-item--craft-15,
.case-page.craft-page .craft-masonry-layout > .craft-item--craft-19{
  grid-column:span 4;width:82%;justify-self:center
}
@media(max-width:900px){
  .case-page.craft-page .craft-portfolio-sequence.craft-masonry-layout{
    grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:4px;gap:10px
  }
  .case-page.craft-page .craft-masonry-layout > .craft-span-2{grid-column:span 2}
  .case-page.craft-page .craft-masonry-layout > .craft-span-3{grid-column:span 2}
  .case-page.craft-page .craft-masonry-layout > .craft-span-4,
  .case-page.craft-page .craft-masonry-layout > .craft-span-6{grid-column:1/-1}
  .case-page.craft-page .craft-masonry-layout > .craft-item--craft-15,
  .case-page.craft-page .craft-masonry-layout > .craft-item--craft-19{
    grid-column:1/-1;width:82%;justify-self:center
  }
}
@media(max-width:600px){
  .case-page.craft-page .craft-portfolio-sequence.craft-masonry-layout{
    grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:4px;gap:9px
  }
  .case-page.craft-page .craft-masonry-layout > .craft-span-2{grid-column:span 1}
  .case-page.craft-page .craft-masonry-layout > .craft-span-3{grid-column:1/-1}
  .case-page.craft-page .craft-masonry-layout > .craft-span-4,
  .case-page.craft-page .craft-masonry-layout > .craft-span-6{grid-column:1/-1}
  .case-page.craft-page .craft-masonry-layout > .craft-item--craft-15,
  .case-page.craft-page .craft-masonry-layout > .craft-item--craft-19{
    grid-column:1/-1;width:82%;justify-self:center
  }
  .case-page.craft-page .craft-masonry-pair{gap:9px}
}


/* V15: About manifesto rebuilt as a high-impact brutalist typographic panel. */
.about-page .about-top-rule{
  box-sizing:border-box;
  border-left:1px solid rgba(25,25,25,.65);
  border-right:1px solid rgba(25,25,25,.65);
  margin-bottom:0;
}
.about-page .about-brutalist{padding-top:0}
.about-page .about-listing-grid-last .about-tech-panel{
  grid-column:1/-1;
  grid-row:auto;
  border-left:0;
  border-right:0;
  border-top:10px solid var(--ink);
  border-bottom:1px solid rgba(25,25,25,.65);
  border-radius:0;
  padding:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:initial;
  overflow:hidden;
  background:var(--bg);
  color:var(--ink);
}
.about-page .about-tech-panel > .capability-no{
  display:block;
  padding:15px clamp(18px,2.4vw,34px);
  border-bottom:1px solid rgba(25,25,25,.55);
  color:var(--accent);
  font-weight:700;
  letter-spacing:.12em;
}
.about-page .about-tech-copy{
  margin:0;
  padding:clamp(24px,4.5vw,68px) clamp(18px,3.5vw,54px);
  border-bottom:1px solid rgba(25,25,25,.55);
}
.about-page .about-tech-statement{
  max-width:none;
  width:100%;
  margin:0;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(38px,7.3vw,108px);
  font-weight:700;
  line-height:.86;
  letter-spacing:-.075em;
  text-transform:uppercase;
  overflow-wrap:normal;
  text-wrap:balance;
}
.about-page .about-tech-sequence{
  display:grid;
  grid-template-columns:minmax(58px,8%) minmax(0,1fr);
  align-items:center;
  gap:clamp(12px,2vw,28px);
  min-height:116px;
  padding:20px clamp(18px,2.4vw,34px);
  background:var(--ink);
  color:var(--light);
}
.about-page .about-tech-meta{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.12em}
.about-page .about-tech-name{display:block;min-width:0;font-size:clamp(28px,5.3vw,76px);font-weight:700;line-height:.95;letter-spacing:-.055em;overflow-wrap:anywhere}
@media(max-width:1000px){
  .about-page .about-top-rule{width:calc(100% - (2 * var(--gutter)));}
  .about-page .about-tech-statement{font-size:clamp(36px,7.8vw,78px);max-width:none}
  .about-page .about-tech-sequence{grid-template-columns:54px minmax(0,1fr);min-height:96px}
}
@media(max-width:650px){
  .about-page .about-brutalist{padding:0 15px!important}
  .about-page .about-top-rule{width:calc(100% - 30px);height:10px;margin:0 auto;}
  .about-page .about-hero{margin-top:0;border-top:0;border-left:1px solid rgba(25,25,25,.65);border-right:1px solid rgba(25,25,25,.65)}
  .about-page .about-tech-copy{padding:24px 16px 28px}
  .about-page .about-tech-statement{font-size:clamp(31px,9.2vw,48px);line-height:.9;max-width:none;letter-spacing:-.065em;text-wrap:initial}
  .about-page .about-tech-sequence{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:18px 16px;min-height:82px}
  .about-page .about-tech-name{font-size:clamp(24px,7vw,38px)}
}

/* V15: Craft is an intentionally art-directed vertical sequence with explicit rows. */
.case-page.craft-page .craft-portfolio-sequence.craft-fixed-sequence{
  display:flex;
  flex-direction:column;
  gap:clamp(12px,1.4vw,20px);
  width:100%;
}
.case-page.craft-page .craft-fixed-sequence .craft-layout-row{
  display:grid;
  gap:clamp(12px,1.4vw,20px);
  width:100%;
  min-width:0;
  align-items:start;
}
.case-page.craft-page .craft-fixed-sequence .craft-layout-row--trio{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-page.craft-page .craft-fixed-sequence .craft-layout-row--pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-page.craft-page .craft-fixed-sequence .craft-layout-row--full{grid-template-columns:minmax(0,1fr)}
.case-page.craft-page .craft-fixed-sequence .craft-item{
  display:block;
  width:100%;
  min-width:0;
  margin:0;
  overflow:hidden;
  align-self:start;
}
.case-page.craft-page .craft-fixed-sequence .craft-item img,
.case-page.craft-page .craft-fixed-sequence .craft-item video{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
}
.case-page.craft-page .craft-fixed-sequence .craft-item--square-motion video{
  aspect-ratio:1/1;
  width:100%;
  height:auto;
  object-fit:cover;
}
.case-page.craft-page .craft-fixed-sequence .craft-layout-row--full .craft-item img,
.case-page.craft-page .craft-fixed-sequence .craft-layout-row--full .craft-item video{
  width:100%;
  height:auto;
  object-fit:contain;
}
@media(max-width:650px){
  .case-page.craft-page .craft-fixed-sequence{gap:10px}
  .case-page.craft-page .craft-fixed-sequence .craft-layout-row{gap:9px}
  .case-page.craft-page .craft-fixed-sequence .craft-layout-row--trio{grid-template-columns:repeat(3,minmax(0,1fr))}
  .case-page.craft-page .craft-fixed-sequence .craft-layout-row--pair{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-page.craft-page .craft-fixed-sequence .craft-item--square-motion video{aspect-ratio:1/1;object-fit:cover}
}

/* V15: Crocantômetro film spans the full content grid under its section heading. */
.case-page .case-seara-crocantometro-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  width:100%;
}
.case-page .case-seara-crocantometro-grid .case-loop-card{width:100%;margin:0;grid-column:1/-1}
.case-page .case-seara-crocantometro-grid .case-loop-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}


/* V15: uppercase brutalist hero typography, closer to the supplied tactile-brutalism reference. */
.about-page .about-hero-title h1{
  text-transform:uppercase;
  font-size:clamp(58px,8vw,112px);
  font-weight:700;
  line-height:.82;
  letter-spacing:-.085em;
  max-width:100%;
  overflow-wrap:anywhere;
}
@media(max-width:650px){
  .about-page .about-hero-title h1{
    font-size:clamp(44px,14vw,72px);
    line-height:.84;
    letter-spacing:-.075em;
  }
}
/* V15 layout correction: let the publications panel use its full two-column area before the full-width manifesto row. */
.about-page .about-listing-grid-last > .listing-panel{grid-column:2/-1}
@media(max-width:650px){.about-page .about-listing-grid-last > .listing-panel{grid-column:auto}}


/* V16: About intersection statement receives stronger brutalist presence while
   preserving the existing box and natural sentence flow. */
.about-page .about-intro-grid > .about-statement{
  box-sizing:border-box;
  min-width:0;
  background:var(--ink);
  color:var(--light);
  border-left:1px solid var(--ink);
  padding:clamp(26px,3vw,48px);
  display:flex;
  align-items:center;
  font-size:clamp(30px,3.25vw,54px);
  line-height:.98;
  font-weight:700;
  letter-spacing:-.055em;
  overflow-wrap:normal;
  word-break:normal;
}
.about-page .about-intro-grid > .about-statement > div{
  min-width:0;
  max-width:100%;
}
.about-page .about-statement span{
  color:var(--accent);
  font-size:1.15em;
  font-weight:700;
  margin-right:.12em;
  vertical-align:top;
}

/* V16: Technology/manif​esto box sits in the left content column beside Archive / Publications. */
.about-page .about-listing-grid-last{
  grid-template-columns:12% minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
}
.about-page .about-listing-grid-last > .about-index{
  grid-column:1;
  grid-row:1;
}
.about-page .about-listing-grid-last > .about-tech-panel{
  grid-column:2;
  grid-row:1;
  min-width:0;
  min-height:100%;
  border-top:10px solid var(--ink);
  border-left:1px solid rgba(25,25,25,.65);
  border-right:1px solid rgba(25,25,25,.65);
  border-bottom:1px solid rgba(25,25,25,.65);
  display:flex;
  flex-direction:column;
  background:var(--bg);
  color:var(--ink);
  overflow:hidden;
}
.about-page .about-listing-grid-last > .listing-panel{
  grid-column:3;
  grid-row:1;
  min-width:0;
  border-left:1px solid rgba(25,25,25,.65);
}
.about-page .about-tech-copy{
  margin:0;
  padding:clamp(22px,3vw,44px) clamp(18px,2.5vw,34px);
  border-bottom:1px solid rgba(25,25,25,.55);
  flex:1 0 auto;
  display:flex;
  align-items:center;
}
.about-page .about-tech-statement{
  font-size:clamp(30px,3.3vw,52px);
  line-height:.9;
  letter-spacing:-.065em;
  font-weight:700;
  max-width:100%;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:pretty;
}
.about-page .about-tech-sequence{
  grid-template-columns:minmax(44px,11%) minmax(0,1fr) minmax(88px,23%);
  gap:clamp(8px,1.2vw,16px);
  align-items:center;
  min-width:0;
}
.about-page .about-tech-name{
  min-width:0;
  overflow-wrap:anywhere;
}
.about-page .about-tech-history{
  display:block;
  max-width:10ch;
  justify-self:end;
  font-size:11px;
  font-weight:600;
  line-height:1.1;
  letter-spacing:.055em;
  text-align:left;
  text-transform:none;
  opacity:.9;
}

@media(max-width:1000px){
  .about-page .about-intro-grid > .about-statement{
    padding:clamp(22px,3vw,36px);
    font-size:clamp(28px,3.5vw,42px);
  }
  .about-page .about-listing-grid-last{
    grid-template-columns:10% minmax(0,1fr) minmax(0,1fr);
  }
  .about-page .about-listing-grid-last > .about-tech-panel{grid-column:2;grid-row:1;border-top-width:10px}
  .about-page .about-listing-grid-last > .listing-panel{grid-column:3;grid-row:1}
  .about-page .about-tech-statement{font-size:clamp(28px,4.2vw,42px)}
  .about-page .about-tech-sequence{grid-template-columns:40px minmax(0,1fr) minmax(72px,23%);gap:8px}
  .about-page .about-tech-history{font-size:10px}
}
@media(max-width:650px){
  .about-page .about-intro-grid > .about-statement{
    border-left:0;
    border-top:1px solid rgba(219,213,202,.35);
    padding:28px 18px;
    font-size:clamp(29px,8.5vw,42px);
    line-height:.98;
  }
  .about-page .about-listing-grid-last{grid-template-columns:1fr}
  .about-page .about-listing-grid-last > .about-index,
  .about-page .about-listing-grid-last > .about-tech-panel,
  .about-page .about-listing-grid-last > .listing-panel{
    grid-column:1;
    grid-row:auto;
  }
  .about-page .about-listing-grid-last > .about-tech-panel{
    border-left:1px solid rgba(25,25,25,.65);
    border-right:1px solid rgba(25,25,25,.65);
    border-top-width:10px;
  }
  .about-page .about-listing-grid-last > .listing-panel{border-left:0}
  .about-page .about-tech-copy{padding:24px 16px 28px}
  .about-page .about-tech-statement{font-size:clamp(30px,9.2vw,45px);line-height:.91;letter-spacing:-.065em}
  .about-page .about-tech-sequence{
    grid-template-columns:34px minmax(0,1fr) minmax(64px,22%);
    gap:8px;
    padding:18px 14px;
    min-height:82px;
  }
  .about-page .about-tech-meta{gap:4px;font-size:10px}
  .about-page .about-tech-name{font-size:clamp(22px,6.2vw,32px);line-height:.98}
  .about-page .about-tech-history{font-size:9px;line-height:1.08;max-width:8ch;letter-spacing:.025em}
}


/* V17: Align the intersection statement to the profile portrait/caption column. */
.about-page .about-intro-grid{
  grid-template-columns:12% minmax(0,1fr) minmax(320px,40%);
  align-items:stretch;
}
.about-page .about-intro-grid > .about-statement{
  grid-column:3;
  grid-row:1;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  align-self:stretch;
}

/* V17: Swap the archive/publications and technology panels. Keep the index at left. */
.about-page .about-listing-grid-last{
  grid-template-columns:12% minmax(0,1fr) minmax(0,1fr);
}
.about-page .about-listing-grid-last > .about-index{
  grid-column:1;
  grid-row:1;
}
.about-page .about-listing-grid-last > .listing-panel{
  grid-column:2;
  grid-row:1;
  min-width:0;
}
.about-page .about-listing-grid-last > .about-tech-panel{
  grid-column:3;
  grid-row:1;
  min-width:0;
}

/* V17: Place the history line above the technology counter and animated name. */
.about-page .about-tech-sequence{
  display:grid;
  grid-template-columns:minmax(58px,8%) minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  row-gap:10px;
  min-height:0;
}
.about-page .about-tech-history{
  grid-column:1 / -1;
  grid-row:1;
  justify-self:start;
  align-self:end;
  max-width:none;
  width:auto;
  margin:0;
}
.about-page .about-tech-meta{
  grid-column:1;
  grid-row:2;
}
.about-page .about-tech-name{
  grid-column:2;
  grid-row:2;
}

@media(max-width:1000px){
  .about-page .about-intro-grid{
    grid-template-columns:10% minmax(0,1fr);
  }
  .about-page .about-intro-grid > .about-statement{
    grid-column:1 / -1;
    grid-row:auto;
    width:100%;
    max-width:100%;
  }
  .about-page .about-listing-grid-last{
    grid-template-columns:10% minmax(0,1fr) minmax(0,1fr);
  }
  .about-page .about-listing-grid-last > .listing-panel{grid-column:2;grid-row:1}
  .about-page .about-listing-grid-last > .about-tech-panel{grid-column:3;grid-row:1}
  .about-page .about-tech-sequence{grid-template-columns:40px minmax(0,1fr);}
}
@media(max-width:650px){
  .about-page .about-intro-grid{grid-template-columns:1fr}
  .about-page .about-intro-grid > .about-statement{
    grid-column:1 / -1;
    grid-row:auto;
    width:100%;
  }
  .about-page .about-listing-grid-last{grid-template-columns:1fr}
  .about-page .about-listing-grid-last > .about-index{order:0;grid-column:1;grid-row:auto}
  .about-page .about-listing-grid-last > .listing-panel{order:1;grid-column:1;grid-row:auto}
  .about-page .about-listing-grid-last > .about-tech-panel{order:2;grid-column:1;grid-row:auto}
  .about-page .about-tech-sequence{
    grid-template-columns:42px minmax(0,1fr);
    grid-template-rows:auto auto;
    row-gap:9px;
    min-height:0;
  }
  .about-page .about-tech-history{
    grid-column:1 / -1;
    grid-row:1;
    max-width:none;
    font-size:9px;
    line-height:1.1;
  }
  .about-page .about-tech-meta{grid-column:1;grid-row:2}
  .about-page .about-tech-name{grid-column:2;grid-row:2}
}