/* Keepsy keeps the original illustration and feather animation beside the introduction. */
.keepze-home #how .how-mascot-heading{display:grid;grid-template-columns:minmax(0,1fr) clamp(112px,12vw,168px);align-items:center;gap:12px}
.keepze-home #how .how-mascot-heading h2{font-size:clamp(34px,3.6vw,52px);margin:0}
.keepze-home #how .ritual-owl{width:100%;aspect-ratio:1140/1365;position:relative;margin:0;isolation:isolate}
.keepze-home #how .ritual-owl img,.keepze-home #how .ritual-owl canvas{display:block;width:100%;height:100%;object-fit:contain}
.keepze-home #how .ritual-owl canvas{position:absolute;inset:0;visibility:hidden}
.keepze-home #how .ritual-owl[data-ready=true] canvas{visibility:visible}
.keepze-home #how .ritual-owl[data-ready=true] img{visibility:hidden}
@media(max-width:700px){
.keepze-home #how .how-mascot-heading{grid-template-columns:minmax(0,1fr) clamp(112px,35vw,176px);max-width:440px}
.keepze-home #how .how-mascot-heading h2{font-size:clamp(34px,9vw,48px)}
}
@media(max-width:350px){
.keepze-home #how .how-mascot-heading{grid-template-columns:minmax(0,1fr) 104px;gap:8px}
.keepze-home #how .how-mascot-heading h2{font-size:30px}
}