
.band-page{scroll-snap-type:y mandatory;scroll-padding-top:70px}
.band-page .site-header{position:sticky;top:0}
.band-page #app>main>section{min-height:calc(100svh - 70px);scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;padding-top:32px;padding-bottom:32px}
.band-page #app>main>section>.wrap{width:min(1240px,calc(100% - 64px))}
.band-page .institutional-hero{padding:0}
.band-page .institutional-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:48px;padding-top:32px;padding-bottom:32px}
.band-page .institutional-hero h1{font-size:clamp(42px,4vw,60px);line-height:1.12;margin-bottom:22px}
.band-page .institutional-hero .eyebrow{color:#c9b78e;font-size:12px}
.band-page .institutional-intro{font-size:20px;line-height:1.5;margin-bottom:16px}
.band-page .institutional-founders{font-size:17px;color:#bfcbd7;margin-bottom:20px}
.institutional-purpose{font:28px/1.35 var(--serif);color:#d8c7a2;margin-bottom:28px}
.band-page .institutional-art{height:clamp(400px,calc(100svh - 170px),640px);background-size:cover;background-position:right center;border-radius:12px}
.band-page .professional-heading{grid-template-columns:160px minmax(0,1fr);gap:22px}
.band-page .profile-photo{width:160px;height:206px}
.profile-photo.cutout{background:transparent;border-radius:0}
.profile-photo.cutout img{object-fit:contain;object-position:center bottom;transform:none}
.band-page .professional-heading h3{font-size:32px}
.band-page .professional-grid article{padding:24px}
.band-page .section h2{font-size:36px}
.band-page #experiencias,.band-page #compromissos,.band-page #o-que-fazemos,.band-page #redes-sociais{scroll-margin-top:0}
.band-page .site-footer{scroll-snap-align:start;scroll-snap-stop:always}
@media(max-width:1100px){.band-page .institutional-inner{gap:30px}.band-page .institutional-hero h1{font-size:44px}.band-page .professional-heading{grid-template-columns:120px minmax(0,1fr);gap:16px}.band-page .profile-photo{width:120px;height:170px}.band-page .professional-heading h3{font-size:28px}.band-page .institutional-purpose{font-size:25px}}
@media(max-width:680px){.band-page{scroll-padding-top:66px}.band-page #app>main>section{min-height:calc(100svh - 66px);padding:26px 0}.band-page #app>main>section>.wrap{width:calc(100% - 32px)}.band-page .institutional-inner{display:flex;flex-direction:column;gap:24px;padding:0}.band-page .institutional-hero h1{font-size:38px;margin-bottom:16px}.band-page .institutional-intro{font-size:17px}.band-page .institutional-founders{font-size:16px}.band-page .institutional-purpose{font-size:24px;margin-bottom:20px}.band-page .institutional-art{display:block;width:100%;height:270px;min-height:270px;order:2;background-position:right center}.band-page .institutional-inner>div{width:100%}.band-page .professional-heading{grid-template-columns:120px minmax(0,1fr);gap:16px}.band-page .profile-photo{width:120px;height:165px}.band-page .professional-heading h3{font-size:27px}.band-page .professional-grid article{padding:18px}.band-page .section h2{font-size:30px}}

.publication-shelf .section-head{margin-bottom:22px;align-items:center}.publication-shelf .section-head p{font-size:14px;margin-top:8px}.publication-shelf .eyebrow{color:#886b34;font-size:11px;letter-spacing:.1em;margin-bottom:8px}.publication-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.publication-tile{min-width:0;background:#fffdf8;border:1px solid #ded6c5;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:7px}.publication-cover{height:112px;display:flex;justify-content:center;margin-bottom:4px}.publication-cover img{height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 4px 10px #071a2e20}.publication-meta{font-size:10px;line-height:1.35;color:#626f7d}.publication-tile h3{font-size:18px;line-height:1.15;letter-spacing:-.02em;margin:0}.publication-subtitle{font-size:12px;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#53647a}.publication-condition{font-size:12px;font-weight:600;line-height:1.4;margin-top:auto;padding-top:4px;color:#775a26}.publication-actions{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #e8e0d0;padding-top:8px;font-size:12px}.publication-actions a{display:inline-flex;align-items:center;gap:4px;min-height:24px}.publication-actions svg{width:14px;height:14px}.publication-actions a:last-child:not(:first-child){color:#775a26;font-weight:600}@media(max-width:1100px){.publication-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.publication-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.publication-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.publication-tile{padding:12px}.publication-cover{height:100px}.publication-tile h3{font-size:17px}.publication-shelf .section-head{align-items:start;flex-direction:column;gap:12px}.publication-actions a{min-height:32px}}@media(max-width:350px){.publication-grid{grid-template-columns:1fr}.publication-cover{height:110px}}
@media(min-width:981px){.site-nav{gap:18px;font-size:13px}.header-inner{gap:20px}.site-header .brand-logo{width:170px}}

.book-card .publication-buy{margin-top:10px;margin-left:10px;min-height:34px;padding:7px 12px;font-size:13px}

/* Matching executive portraits: same frame and head-to-waist scale. */
.band-page .profile-photo.cutout{aspect-ratio:3/4;height:auto;background:transparent;overflow:hidden;border-radius:0;display:flex;align-items:flex-end}.band-page .profile-photo.cutout img{width:100%;height:100%;aspect-ratio:3/4;object-fit:contain;object-position:center bottom;transform:none}

.footer-champagne-art{position:relative;min-height:150px;align-self:center;display:flex;gap:22px;align-items:center;justify-content:center;overflow:hidden}.footer-champagne-art i{display:block;width:1px;height:130px;background:linear-gradient(transparent,#c9b78e,transparent);transform:rotate(32deg)}.footer-champagne-art i:nth-child(2){height:180px}.footer-champagne-art span{position:absolute;width:220px;height:90px;border-top:1px solid #c9b78e88;border-bottom:1px solid #c9b78e55;transform:rotate(-18deg)}.site-footer .footer-bottom{border-top-color:#c9b78e66}.community-moderator{font-size:14px;color:#dfcda6!important;border-top:1px solid #c9b78e55;padding-top:12px}.community-member-status{padding:14px;border-left:3px solid #c9b78e;background:#eee8dc;color:#071a2e}@media(max-width:680px){.footer-champagne-art{min-height:65px;width:100%}.footer-champagne-art i{height:55px}.footer-champagne-art i:nth-child(2){height:70px}}

@media(min-width:981px){.site-nav{gap:14px;font-size:12px}.site-header .brand-logo{width:155px}}.editorial-author{font-size:14px;color:#74613b}.social-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

@media(max-width:680px){.band-page .institutional-art{background-image:url(/assets/hero-mobile.webp)}}

/* Mobile opening: artwork shares the hero canvas instead of a separate row. */
@media(max-width:680px){
 .band-page .institutional-hero{position:relative;isolation:isolate;overflow:hidden}
 .band-page .institutional-inner{position:static;display:block;padding:0}
 .band-page .institutional-inner>div:first-child{position:relative;z-index:1}
 .band-page .institutional-art{position:absolute;inset:0;z-index:0;width:100%;height:auto;min-height:0;order:initial;border-radius:0;box-shadow:none;background-size:auto 100%;background-position:right center;pointer-events:none}
 .band-page .institutional-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071a2efa 0%,#071a2ee8 42%,#071a2eb3 70%,#071a2e45 100%),linear-gradient(180deg,#071a2e55,transparent 55%,#071a2eaa)}
 .band-page .institutional-hero h1{font-size:clamp(32px,8.8vw,38px)}
 .band-page .institutional-hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .band-page .institutional-hero .actions .btn{min-width:0;min-height:46px;white-space:normal;text-align:center;justify-content:center;line-height:1.35;font-size:13px;padding:12px 10px}
}
