/* Adinkra: iconografia Akan, biblioteca vetorial Apache-2.0, guardada no próprio site.
   A associação S I A M O R é moderna; os motivos permanecem ornamentos. */
#app{position:relative;isolation:isolate}
#app .page-in{position:relative}
.adinkra-mark{
  display:block;width:100%;height:100%;background:currentColor;
  -webkit-mask-image:var(--adinkra-url);mask-image:var(--adinkra-url);
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.ambient-track{
  position:absolute;inset:0;z-index:5;pointer-events:none;
  overflow:hidden;user-select:none;
}
.ambient-glyph{
  position:absolute;left:var(--left,auto);right:var(--right,auto);top:var(--top);
  width:var(--size,118px);height:var(--size,118px);color:var(--ink,#7A5A46);
  transform:translate3d(0,var(--shift,0px),0) rotate(var(--angle,0deg));
  opacity:calc(.12 * var(--emergence,0));
  pointer-events:none;will-change:transform,opacity;
  transition:opacity .22s linear,transform .2s linear;
}
.ambient-glyph .adinkra-mark{clip-path:inset(0 var(--trim,100%) 0 0)}
.ambient-floater{
  position:fixed;inset:0;z-index:7;pointer-events:none;overflow:hidden;user-select:none;
}
.ambient-floater .companion{
  position:absolute;width:90px;height:90px;top:42vh;
  opacity:.06;color:#7A5A46;transition:opacity .4s linear;
}
.ambient-floater .companion.left{left:1.4vw;color:#486449;transform:rotate(-10deg)}
.ambient-floater .companion.right{right:1.4vw;color:#B06B3A;transform:rotate(10deg)}
.ambient-floater .companion.active{opacity:calc(.16 * var(--emergence,.9) + .045)}
.ambient-phrase{
  position:fixed;bottom:14px;left:50%;transform:translateX(-50%);
  pointer-events:none;z-index:7;display:flex;gap:9px;align-items:center;
  border-radius:999px;padding:6px 14px;user-select:none;
  border:1px solid rgba(122,90,70,.12);background:rgba(255,253,248,.83);
  backdrop-filter:blur(7px);box-shadow:0 3px 16px rgba(81,44,35,.045);
}
.ambient-phrase .phrase-unit{
  display:block;width:19px;height:19px;color:#7A5A46;opacity:.18;
  transition:opacity .24s,color .24s;
}
.ambient-phrase .phrase-unit.done{color:#A96433;opacity:.55}
.ambient-phrase .phrase-unit.current{color:#486449;opacity:.78}
.ambient-phrase .adinkra-mark{width:100%;height:100%}
.adinkra-host{position:relative}
.adinkra-host>.container{position:relative;z-index:1}
.adinkra-section-ornament{
  position:absolute;right:max(-23px,2.1vw);top:19%;z-index:0;
  width:clamp(86px,10.4vw,142px);aspect-ratio:1;
  color:var(--section-ink,#7A5A46);pointer-events:none;user-select:none;
  opacity:0;transform:translateY(17px) rotate(var(--section-angle,12deg));
  transition:opacity .8s ease,transform .95s cubic-bezier(.2,.7,.3,1);
}
.adinkra-section-ornament.ornament-left{left:max(-24px,1.5vw);right:auto;top:65%}
.adinkra-section-ornament.is-visible{opacity:.105;transform:translateY(0) rotate(var(--section-angle,12deg))}
.artifact-icon{
  width:1.05em;height:1.05em;display:inline-flex;align-items:center;justify-content:center;
  vertical-align:-.13em;flex:none;color:inherit;
}
.artifact-icon>.adinkra-mark{display:block;width:100%;height:100%}
.hero-note-star .artifact-icon{width:38px;height:38px;color:#E4791D}
.hero-seal .seal-star .artifact-icon{width:28px;height:28px}
.essence-photo .photo-mark .artifact-icon{width:68px;height:68px;color:#E4791D}
.value-mini .artifact-icon{width:23px;height:23px;color:#E4791D}
.value-card .symbol .artifact-icon{width:35px;height:35px;color:#E4791D}
.footer-brand .artifact-icon{width:25px;height:25px;color:#F2A55A}
.mini-manifesto i .artifact-icon{width:58px;height:58px;color:#E4791D}
.agenda-empty .empty-icon .artifact-icon{width:52px;height:52px}
.cta-banner::after{
  content:""!important;position:absolute;right:11%;bottom:-25px;
  width:155px;height:155px;opacity:.13;background-color:#fff6dc;
  -webkit-mask:url("/assets/adinkra/akoma-ntoso.svg") center/contain no-repeat;
  mask:url("/assets/adinkra/akoma-ntoso.svg") center/contain no-repeat;
}
@media(max-width:860px){
  .ambient-glyph{--size:82px!important;opacity:calc(.085 * var(--emergence,0))}
  .ambient-floater .companion{width:65px;height:65px}
  .ambient-phrase{gap:7px;padding:6px 10px}
  .ambient-phrase .phrase-unit{width:16px;height:16px}
  .adinkra-section-ornament{width:85px}
}
@media(max-width:640px){
  .ambient-glyph{--size:58px!important;opacity:calc(.065 * var(--emergence,0))}
  .ambient-floater,.ambient-phrase{display:none!important}
  .adinkra-section-ornament{width:65px;right:-12px}
  .adinkra-section-ornament.ornament-left{left:-12px}
  .adinkra-section-ornament.is-visible{opacity:.07}
}
@media(prefers-reduced-motion:reduce){
  .ambient-glyph,.ambient-floater .companion,.ambient-phrase .phrase-unit,.adinkra-section-ornament{
   transition:none!important;transform:none!important;
  }
  .ambient-glyph{opacity:.1!important}
  .ambient-glyph .adinkra-mark{clip-path:none!important}
  .adinkra-section-ornament{opacity:.1!important}
}
@media print{.ambient-track,.ambient-floater,.ambient-phrase,.adinkra-section-ornament{display:none!important}}