/* Decorative presence of Tia. The portal keeps its existing animation. */
.tia-intro{position:relative}
.tia-intro>.tia-intro-heading{grid-column:1;grid-row:1;position:relative;z-index:1;min-width:0}
.tia-intro>.lede{grid-column:2;grid-row:1;position:relative;z-index:1;min-width:0;background:var(--lavender)}
.tia-presence{pointer-events:none;user-select:none;aspect-ratio:1312/1199;min-width:0;mask-image:linear-gradient(to right,transparent,#000 17%,#000 83%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 58%,transparent 90%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 17%,#000 83%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 58%,transparent 90%);-webkit-mask-composite:source-in}
.tia-presence img{width:100%;height:100%;object-fit:contain}
@media(min-width:1200px){
 .tia-presence{position:absolute;top:-215px;right:1%;width:clamp(300px,27vw,390px)}
 .js .tia-presence{opacity:var(--tia-presence-opacity,0)}
 .no-motion .tia-presence{opacity:1!important}
}
@media(min-width:1200px) and (prefers-reduced-motion:reduce){
 .tia-presence{opacity:1!important}
}
@media(min-width:760px) and (max-width:1199px){
 .tia-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:6%;row-gap:0;align-items:center}
 .tia-intro>.tia-intro-heading{grid-column:1;grid-row:1 / 3;align-self:center}
 .tia-presence{grid-column:2;grid-row:1;width:min(100%,300px);justify-self:end;align-self:end}
 .tia-intro>.lede{grid-column:2;grid-row:2;align-self:start;padding-bottom:0}
}
@media(max-width:759px){
 .tia-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .tia-intro>.tia-intro-heading{grid-column:1;grid-row:1}
 .tia-presence{grid-column:1;grid-row:2;width:min(70%,240px);justify-self:center}
 .tia-intro>.lede{grid-column:1;grid-row:3;max-width:490px;padding-bottom:0}
}