.sothys-transition {
  position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;
  margin:0;padding:0;border:0;background:#F6F5F2;color:#202020;overflow:hidden;
}
.sothys-transition[open] {display:grid;place-items:center;}
.sothys-transition::backdrop {background:transparent;}
.sothys-transition svg,.sothys-transition img {display:block;width:clamp(220px,38vw,490px);max-width:78vw;height:auto;}
body:has(.sothys-transition[open]) {overflow:hidden;}




.sothys-transition .brand-png-logo{display:block;width:clamp(220px,38vw,490px);max-width:78vw;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;}
.sothys-transition .brand-png-logo img{width:100%;max-width:none;opacity:0;}