.intro svg .svg-elem-1{stroke-dashoffset:802px;stroke-dasharray:802px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.47,0,.745,.715) 0s,fill .7s cubic-bezier(.47,0,.745,.715) .8s;transition:stroke-dashoffset 3s cubic-bezier(.47,0,.745,.715) 0s,fill .7s cubic-bezier(.47,0,.745,.715) .8s}.intro svg.active .svg-elem-1{stroke-dashoffset:0;fill:url(#gradient)}.intro svg .svg-elem-2{stroke-dashoffset:291.307434082px;stroke-dasharray:291.307434082px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.47,0,.745,.715) .12s,fill .7s cubic-bezier(.47,0,.745,.715) .9s;transition:stroke-dashoffset 3s cubic-bezier(.47,0,.745,.715) .12s,fill .7s cubic-bezier(.47,0,.745,.715) .9s}.intro svg.active .svg-elem-2{stroke-dashoffset:0;fill:#fefefe}.intro div{display:flex;height:50%;max-width:80%}.intro div img{width:100%;opacity:1;transition:opacity 2s ease-in-out;object-fit:contain;object-position:center}@starting-style{.intro div img{opacity:0}}.intro div svg{width:100%}@media (orientation: portrait){.intro div{position:absolute;top:30%;transform:translateY(-50%)}.intro div.img-box{z-index:-1;top:60%}}.intro.footer{position:fixed;display:flex;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);background:red;bottom:0;left:0;right:0;z-index:100;padding:16px;justify-content:center;color:#fefefe;transform:translateY(0);transition:transform .5s ease-in-out}@starting-style{.intro.footer{transform:translateY(100%)}}body{margin:0;background:#f7f6ea;min-height:100dvh}body #root>div{min-height:100dvh;display:flex;flex-direction:column}body .zibiz-header{background:linear-gradient(#df182a,#971b1f);position:sticky;top:0;z-index:100}body .zibiz-header h2,body .zibiz-header h1{font-size:32px}body .zibiz-footer{background:linear-gradient(#a09f94,#68656a);display:flex;justify-content:center;margin-top:auto}body .zibiz-footer .box{display:flex;gap:24px;align-items:center;justify-content:space-around;flex-wrap:wrap;text-align:center}body .zibiz-footer .box>div{display:flex;flex-direction:column;align-items:flex-end}body .list-item{display:flex;align-items:center;justify-content:center;gap:16px 40px;padding:24px}body .list-item span{font-size:18px}body .list-item>div{overflow:hidden;border-radius:32px;border:2px solid #971b1f;background:#fefefe;width:clamp(260px,50vw,500px)}body .list-item>div img{width:100%;height:100%;object-fit:cover;object-position:center}@media (orientation: portrait){body .list-item{flex-direction:column;align-items:center}body .list-item>div{order:-1}}* ::-webkit-scrollbar{width:8px;height:8px;border-radius:10px}* ::-webkit-scrollbar-thumb{background:#df182a;border-radius:10px}* ::-webkit-scrollbar-track{background:#f7f6ea;border-radius:10px}* ::-webkit-scrollbar-button{display:none}