/* Identidad de Patricia Orozco: Mulberry con versiones de contraste. */
.brand-header-logo{display:block;width:138px;max-width:100%;height:50px;object-fit:contain;object-position:left center}
.brand-monogram-link{display:flex;align-items:center;justify-content:center;flex:0 0 44px;height:100%;padding:8px}
.brand-monogram{display:block;width:auto;height:39px;max-width:28px;object-fit:contain}
header>div:last-child>button{padding-left:12px;padding-right:12px}
.brand-hero-heading{display:block;width:100%;line-height:1;margin:0}
.brand-hero-logo{display:block;width:100%;height:auto}
.brand-hero-monogram{object-fit:contain}
.brand-footer-lockup{margin:0;padding:36px clamp(16px,4vw,64px) 24px;line-height:1}
.brand-footer-lockup a{display:block}
.brand-footer-logo{display:block;width:100%;max-width:1100px;height:auto;margin:0 auto}
.brand-project-footer-link{display:block;flex:0 0 180px}
.brand-project-footer-logo{display:block;width:180px;height:auto}
@media(max-width:767px){.brand-header-logo{width:116px;height:44px}.brand-monogram-link{flex-basis:38px;padding:7px}.brand-monogram{height:34px;max-width:25px}header>div:last-child>button{padding-left:10px;padding-right:10px}.brand-footer-lockup{padding-top:24px;padding-bottom:24px}.brand-project-footer-link{flex-basis:150px}.brand-project-footer-logo{width:150px}}

/* Versión clara sobre el footer granate y el tema oscuro. */
.brand-footer-logo,.brand-project-footer-logo{content:url('./assets/brand/patricia-orozco-butter.svg')}
html[data-theme=dark] .brand-header-logo,html[data-theme=dark] .brand-hero-logo{content:url('./assets/brand/patricia-orozco-butter.svg')}
html[data-theme=dark] .brand-monogram,html[data-theme=dark] .brand-hero-monogram{content:url('./assets/brand/monograma-p-butter.svg')}
html[data-theme=dark] .brand-footer-logo,html[data-theme=dark] .brand-project-footer-logo{content:url('./assets/brand/patricia-orozco-mulberry.svg')}

/* Grano compartido en todas las páginas. */
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:90;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23808080' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
  background-size:220px 220px;
  opacity:.34;
  mix-blend-mode:multiply;
}
html[data-theme=dark] body::after{mix-blend-mode:screen;opacity:.22}