/* Direct section titles, compact page openings, and the supplied Lucas cover. */
.page-intro{padding-top:38px;padding-bottom:25px;background:#fff}
.page-intro h1{font-size:clamp(2.6rem,4.2vw,4.5rem);line-height:1.08;margin:0}
.cards-section{padding-top:22px}
.show-card .cover-tudo-tem-donato{object-fit:cover;object-position:50% 63%}
.show-donato figure img{object-fit:cover;object-position:50% 63%}
.credited-gallery{align-items:start}
.credited-gallery figure{margin:0;min-width:0}
.credited-gallery a{display:block}
.credited-gallery img{width:100%;height:auto;aspect-ratio:auto;max-height:760px;object-fit:contain}
.credited-gallery figcaption{font-size:14px;color:var(--muted);padding-top:10px}
/* Independent columns keep mixed portrait and landscape photos evenly spaced. */
.presentation-gallery{--photo-gap:24px;display:block;column-count:2;column-gap:var(--photo-gap)}
.presentation-gallery figure{display:block;break-inside:avoid;margin:0 0 var(--photo-gap)}
.presentation-gallery img{display:block;width:100%;height:auto;max-height:none}
@media(max-width:600px){.presentation-gallery{--photo-gap:18px;column-count:1}}
.group-statement,.formation-story,.press-grid,.contact-page,.publication-intro{padding-top:28px}
.project-jumps{padding-top:18px;padding-bottom:18px}
.formation-story h2{font-size:clamp(2.2rem,3.5vw,3.6rem)}
.contact-page h2{font-size:2.7rem;margin-top:0}
.hero{height:calc(100svh - 92px);min-height:650px;max-height:900px;background:#141414}
.hero-image{width:58%;max-width:1100px;height:100%;object-fit:cover;object-position:50% 63%}
.hero-shade{background:linear-gradient(90deg,#141414 15%,rgba(20,20,20,.96) 30%,rgba(20,20,20,.55) 43%,transparent 60%)}
.hero-main{padding:0;max-width:48%}
.hero h1{font-size:clamp(5.5rem,9.5vw,11.5rem);line-height:.87;padding-bottom:0}
.hero-note{margin-top:25px;padding:0;max-width:none}
.hero-foot{margin-top:0;align-items:flex-end}
.hero-foot .image-caption{font-size:12px;line-height:1.6;text-align:right;color:white}
.about h2,.formation h2,.contact h2,.section-heading h2{font-size:clamp(2.8rem,4.5vw,4.8rem)}
.section-heading{padding-top:32px;padding-bottom:38px}
.about-grid{padding-top:40px;padding-bottom:45px}
.formation-grid,.contact-grid{padding-top:38px}
.formation .formation-grid{grid-template-columns:1fr 1.3fr}
@media(min-width:1800px){.hero-main{max-width:46%}}
@media(max-width:850px){.hero{height:650px;min-height:650px}.hero-image{width:62%}.hero-main{max-width:45%}.hero h1{font-size:10vw}}
@media(max-width:700px){
 .hero{height:auto;min-height:0;max-height:none;padding:25px 6% 20px;display:flex;gap:0}
 .hero-top{order:0;position:relative;z-index:1;font-size:12px}
 .hero-main{order:1;padding:30px 0 0;max-width:none}
 .hero h1{font-size:22vw;line-height:.86;padding:0}
 .hero-note{margin-top:16px}
 .hero-image{order:2;position:relative;inset:auto;z-index:auto;width:calc(100% + 12vw);max-width:none;height:100vw;margin:20px -6vw 0;object-fit:cover;object-position:50% 63%}
 .hero-shade{display:none}
 .hero-foot{order:3;width:100%;margin-top:0;padding-top:16px;display:block;border-color:#555}
 .hero-foot>span:first-child{display:none}
 .hero-foot .image-caption{display:block;text-align:left;font-size:12px}
 .page-intro{padding-top:30px;padding-bottom:18px}
 .page-intro h1{font-size:2.8rem;margin:0}
 .cards-section{padding-top:16px}
 .about h2,.formation h2,.contact h2,.section-heading h2{font-size:3rem}
 .formation .formation-grid{display:block}
}
@media(max-width:600px){.contact-page h2{font-size:2.7rem}}

/* Size the complete visible mark, cropping only its transparent outer margin. */
.site-header .brand {
 --brand-width:136px;
 display:block;
 width:var(--brand-width);
 height:calc(var(--brand-width) * 564 / 1113);
 flex:0 0 auto;
 margin:0;
 overflow:hidden;
}
.site-header .brand > img {
 display:block;
 width:calc(100% * 1535 / 1113);
 height:auto;
 max-width:none;
 transform:translate(-13.7459283388%,-19.0028222013%);
}
@media(max-width:1100px){.site-header .brand{--brand-width:120px}}
@media(max-width:850px){.site-header .brand{--brand-width:112px}}

/* Revised group copy, collective photograph and text-only biographies. */
.about-copy .text-link{margin-top:28px}
.group-statement{display:block;text-align:center;padding-top:28px}
.group-statement p{max-width:900px;margin:0 auto;line-height:1.85}
.group-photo{max-width:960px;margin:36px auto 10px}
.group-photo img{display:block;width:100%;height:auto;object-fit:contain}
.people .person{display:block;max-width:960px;margin:0 auto;padding:40px 0}
.people .person h2{font-size:clamp(2.5rem,4vw,3.8rem);margin:0 0 24px}
.people .person p{max-width:none;font-size:1rem;line-height:1.85}
.people .person:last-child{padding-bottom:0}
.construction-page{padding-top:30px;min-height:32vh}
.project-list{padding-top:0}

/* Eight visible page links; the three activity pages remain adjacent. */
.site-header nav{font-size:.875rem;gap:clamp(14px,1.5vw,24px)}
@media(min-width:851px) and (max-width:1100px){
 .site-header{gap:16px;padding-left:3%;padding-right:3%}
 .site-header nav{font-size:.8125rem;gap:12px}
 .site-header .brand{--brand-width:112px}
}
@media(max-width:850px){
 .site-header nav{gap:0;font-size:.875rem}
 .site-header .nav-row{align-items:stretch;column-gap:8px}
 .site-header nav a[href="/arte-e-educacao/"]{white-space:normal;flex-shrink:1;text-align:right;justify-content:flex-end;line-height:1.3}
}
@media(max-width:380px){
 .site-header nav{font-size:.8125rem}
 .site-header .nav-row{column-gap:6px}
}
@media(max-width:350px){
 .site-header .nav-row{column-gap:4px}
 .site-header nav a[href="/arte-e-educacao/"]{flex-basis:80px;min-width:min-content}
}

/* Edge-to-edge moving cover, with navigation and identity over the video. */
.home-video .site-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(#111e,#1118,transparent);border-bottom:0}
.hero-with-video{display:block;width:100%;height:100vh;height:100svh;min-height:600px;max-height:none;margin:0;padding:0;background:#080808;overflow:hidden;isolation:isolate}
.hero-with-video .hero-media{position:absolute;inset:0;width:100%;height:100%;margin:0;background:#080808}
.hero-with-video .hero-media video{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 60%}
.hero-with-video::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 32%)}
.hero-copy{position:absolute;left:4.5%;bottom:36px;z-index:2;max-width:75%;color:white;pointer-events:none;text-shadow:0 2px 16px #0008}
.hero-with-video .hero-copy h1{font-size:clamp(2.5rem,4.5vw,5rem);line-height:1.05;margin:12px 0;padding:0;letter-spacing:-.015em}
.hero-copy .eyebrow{font-size:.875rem;line-height:1.5}
.hero-video-toggle{position:absolute;right:4.5%;bottom:36px;z-index:3;min-height:44px;padding:8px 16px;border:1px solid #ffffff70;border-radius:2px;background:#111b;color:#fff;font:500 .875rem var(--body);cursor:pointer}
.hero-video-toggle[hidden]{display:none}
.hero-video-toggle:hover{background:#fff;color:#141414}
.hero-video-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:850px){.home-video .site-header{background:linear-gradient(#111f,#111e 75%,#111a)}}
@media(max-width:700px){
 .hero-with-video{height:100vh;height:100svh;min-height:640px;padding:0}
 .hero-with-video .hero-media video{object-position:50% 60%}
 .hero-copy{left:6%;bottom:84px;max-width:88%}
 .hero-with-video .hero-copy h1{font-size:clamp(2.5rem,9.5vw,4rem);margin:10px 0}
 .hero-copy .eyebrow{font-size:.875rem}
 .hero-video-toggle{right:6%;bottom:22px}
}