.ix{--kl:min(76vw, 480px, 64svh);--kh:calc(var(--kl) * .13333);--cy:calc(50svh - var(--kl) * .2);z-index:100;-webkit-tap-highlight-color:transparent;background:radial-gradient(90% 75% at 50% 45%,#1a1210 0%,#0c0807 62%,#050403 100%);animation:.8s cubic-bezier(.4,0,.2,1) 3.25s forwards ix-out,1ms linear 4.05s forwards ix-hide;position:fixed;inset:0;overflow:hidden}html[data-intro=done] .ix{display:none}html[data-intro-skip] .ix{animation:.3s forwards ix-out,1ms linear .3s forwards ix-hide}@keyframes ix-out{to{opacity:0}}@keyframes ix-hide{to{visibility:hidden}}html[data-intro=play]:not([data-intro-skip]) .hero-in{animation-delay:calc(var(--d,0s) + 3.25s)}.ix-scene{position:absolute;inset:0}.ix-ambient{background:radial-gradient(ellipse 60% 48% at 50% calc(var(--cy) + 40px), #56342499 0%, #28181240 45%, transparent 72%);animation:.7s ease-out both ix-fade-in;position:absolute;inset:0}@keyframes ix-fade-in{0%{opacity:0}}.ix-punch,.ix-shake{position:absolute;inset:0}.ix-punch{transform-origin:50% var(--cy);animation:.4s cubic-bezier(.2,.8,.3,1) 1s both ix-punch}.ix-shake{animation:.42s linear 1s both ix-shake}.ix-cross{left:50%;top:var(--cy);width:0;height:0;position:absolute}.ix-knife,.ix-layer,.ix-exit,.ix-enter,.ix-recoil,.ix-pose{width:0;height:0;position:absolute;top:0;left:0}.ix-left .ix-pose{transform:rotate(-38deg)}.ix-right .ix-pose{transform:rotate(38deg)}.ix-art{width:var(--kl);height:var(--kh);left:calc(var(--kl) * -.55);top:calc(var(--kh) * -.525);position:absolute}.ix-right .ix-art{transform-origin:55% 52.5%;transform:scaleX(-1)}.ix-svg{width:100%;height:100%;filter:drop-shadow(0 calc(var(--kh) * .35) calc(var(--kh) * .3) #0000008c);position:absolute;inset:0;overflow:visible}.ix-ghost .ix-svg{filter:none}.ix-exit,.ix-enter,.ix-recoil{will-change:transform}.ix-left .ix-enter{animation:ix-enter-l .7s cubic-bezier(.42, .04, .68, .62) calc(var(--lag,0s) + .3s) both}.ix-right .ix-enter{animation:ix-enter-r .7s cubic-bezier(.42, .04, .68, .62) calc(var(--lag,0s) + .3s) both}.ix-left .ix-recoil{animation:ix-recoil-l .52s cubic-bezier(.2, .7, .3, 1) calc(var(--lag,0s) + 1s) both}.ix-right .ix-recoil{animation:ix-recoil-r .52s cubic-bezier(.2, .7, .3, 1) calc(var(--lag,0s) + 1s) both}.ix-left .ix-exit{animation:ix-exit-l .65s cubic-bezier(.55, 0, .85, .4) calc(var(--lag,0s) + 2.95s) both}.ix-right .ix-exit{animation:ix-exit-r .65s cubic-bezier(.55, 0, .85, .4) calc(var(--lag,0s) + 2.95s) both}.ix-ghost-1{--lag:30ms;opacity:.26}.ix-ghost-2{--lag:60ms;opacity:.11}@keyframes ix-enter-l{0%{transform:translate(-60vw,30svh)rotate(-24deg)}to{transform:none}}@keyframes ix-enter-r{0%{transform:translate(60vw,30svh)rotate(24deg)}to{transform:none}}@keyframes ix-recoil-l{0%,to{transform:none}14%{transform:translate(-18px,6px)rotate(-5deg)}38%{transform:translate(4px,-1px)rotate(1.5deg)}62%{transform:translate(-1.5px)rotate(-.5deg)}}@keyframes ix-recoil-r{0%,to{transform:none}14%{transform:translate(18px,6px)rotate(5deg)}38%{transform:translate(-4px,-1px)rotate(-1.5deg)}62%{transform:translate(1.5px)rotate(.5deg)}}@keyframes ix-exit-l{0%{transform:none}25%{transform:translate(-20px,-4px)rotate(12deg)}to{transform:translate(-74vw,9svh)rotate(32deg)}}@keyframes ix-exit-r{0%{transform:none}25%{transform:translate(20px,-4px)rotate(-12deg)}to{transform:translate(74vw,9svh)rotate(-32deg)}}@keyframes ix-shake{0%,to{transform:none}8%{transform:translate(7px,-5px)rotate(.4deg)}20%{transform:translate(-7px,4px)rotate(-.4deg)}34%{transform:translate(5px,-3px)rotate(.25deg)}50%{transform:translate(-3px,2px)rotate(-.15deg)}66%{transform:translate(2px,-1px)}82%{transform:translate(-1px)}}@keyframes ix-punch{0%,to{transform:none}12%{transform:scale(1.05)}}.ix-blade-fx{position:absolute;inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ix-blade-flash{opacity:0;background:linear-gradient(90deg,#fff3 30%,#fff 55%,#fff6e699 80%);animation:.42s ease-out .99s both ix-blade-flash;position:absolute;inset:0}.ix-blade-band{background:linear-gradient(100deg,#0000,#fffffff2 50%,#0000);width:28%;animation:.68s cubic-bezier(.3,0,.3,1) 1.06s both ix-blade-band;position:absolute;top:0;bottom:0;left:0;transform:translate(-110%)}@keyframes ix-blade-flash{0%{opacity:0}8%{opacity:.95}to{opacity:0}}@keyframes ix-blade-band{0%{transform:translate(-110%)}to{transform:translate(380%)}}.ix-flash{background:radial-gradient(circle at 50% var(--cy), #fff4e4d9 0%, #ffd6aa59 12%, transparent 42%), #ffecd624;opacity:0;pointer-events:none;animation:.46s ease-out 1s both ix-flash;position:absolute;inset:0}@keyframes ix-flash{0%{opacity:0}7%{opacity:1}to{opacity:0}}.ix-glint{--gs:calc(var(--kl) * .62);width:var(--gs);height:var(--gs);margin:calc(var(--gs) / -2) 0 0 calc(var(--gs) / -2);opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0 4%,#fff6e6d9 9%,#ffd2a04d 22%,#0000 48%);border-radius:50%;animation:.56s ease-out .985s both ix-glint;position:absolute;top:0;left:0}.ix-glint:before,.ix-glint:after,.ix-glint-x:before,.ix-glint-x:after{content:"";background:linear-gradient(90deg,#0000,#fff 50%,#0000);border-radius:3px;height:3px;position:absolute;top:50%;left:50%}.ix-glint:before{width:150%;margin:-1.5px 0 0 -75%}.ix-glint:after{width:90%;margin:-1.5px 0 0 -45%;transform:rotate(90deg)}.ix-glint-x{opacity:.7;position:absolute;inset:0;transform:rotate(45deg)}.ix-glint-x:before{width:60%;height:2px;margin:-1px 0 0 -30%}.ix-glint-x:after{width:60%;height:2px;margin:-1px 0 0 -30%;transform:rotate(90deg)}@keyframes ix-glint{0%{opacity:0;transform:scale(.2)rotate(-10deg)}16%{opacity:1;transform:scale(1.15)rotate(4deg)}to{opacity:0;transform:scale(.75)rotate(30deg)}}.ix-streak{width:min(96vw, calc(var(--kl) * 2.1));height:4px;margin-left:calc(min(96vw, calc(var(--kl) * 2.1)) / -2);opacity:0;background:linear-gradient(90deg,#0000,#ffce9659 25%,#fff6ea 50%,#ffce9659 75%,#0000);border-radius:4px;animation:.56s cubic-bezier(.2,.8,.3,1) .995s both ix-streak;position:absolute;top:-2px;left:0;box-shadow:0 0 14px 2px #ffbe788c}@keyframes ix-streak{0%{opacity:0;transform:scaleX(.05)}14%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.2)scaleY(.4)}}.ix-ring{--rs:calc(var(--kl) * .32);width:var(--rs);height:var(--rs);margin:calc(var(--rs) / -2) 0 0 calc(var(--rs) / -2);opacity:0;border:2px solid #ffe4c4cc;border-radius:50%;animation:.72s cubic-bezier(.15,.7,.3,1) 1s both ix-ring;position:absolute;top:0;left:0;box-shadow:0 0 18px #ffb46e80,inset 0 0 14px #ffc89666}.ix-ring-2{border-width:1px;animation:.76s cubic-bezier(.15,.7,.3,1) 1.08s both ix-ring-2}@keyframes ix-ring{0%{opacity:0;transform:scale(.15)}4%{opacity:.95}to{opacity:0;transform:scale(3.4)}}@keyframes ix-ring-2{0%{opacity:0;transform:scale(.15)}4%{opacity:.7}to{opacity:0;transform:scale(2.4)}}.ix-sparks{position:absolute;top:0;left:0}.ix-fall{width:0;height:var(--g);animation:ix-fall var(--t) cubic-bezier(.5, 0, .9, .6) 1.005s both;position:absolute;top:0;left:0}.ix-dir{width:0;height:0;position:absolute;top:0;left:0}.ix-fly{width:var(--d);height:0;animation:ix-fly var(--t) cubic-bezier(.12, .75, .3, 1) 1.005s both;position:absolute;top:0;left:0}.ix-fly:after{content:"";top:-1px;left:calc(var(--len) * -1);width:var(--len);transform-origin:100%;opacity:0;height:2px;animation:ix-spark var(--t) ease-out 1.005s both;background:linear-gradient(90deg,#ffbe6e00,#ffd59a 55%,#fffaf0);border-radius:2px;position:absolute;box-shadow:0 0 7px #ffaa50e6}.ix-ember:after{background:#ffe2b0;border-radius:50%;width:4px;height:4px;top:-2px;left:-2px;box-shadow:0 0 6px 1px #ffaa50f2,0 0 14px #ff783c99}@keyframes ix-fall{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes ix-fly{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes ix-spark{0%{opacity:0;transform:scaleX(.3)}6%{opacity:1;transform:scaleX(1)}70%{opacity:.9}to{opacity:0;transform:scaleX(.4)}}.ix-brand{left:50%;top:calc(var(--cy) + var(--kl) * .4);width:min(78vw, calc(var(--kl) * .92));text-align:center;position:absolute;transform:translate(-50%)}.ix-logo-mask{padding:4px 0 10px;overflow:hidden}.ix-logo-inner{animation:.85s cubic-bezier(.16,1,.3,1) 1.18s both ix-rise;position:relative}.ix-logo-img{width:100%;height:auto;display:block}.ix-logo-shine{position:absolute;inset:0;overflow:hidden;-webkit-mask:url(/images/brand/hamido-logo-mask.png) 50%/100% 100% no-repeat;mask:url(/images/brand/hamido-logo-mask.png) 50%/100% 100% no-repeat}.ix-logo-band{background:linear-gradient(105deg,#0000,#fffc 50%,#0000);width:34%;animation:.82s cubic-bezier(.4,0,.2,1) 1.7s both ix-logo-band;position:absolute;top:0;bottom:0;left:0;transform:translate(-110%)}@keyframes ix-rise{0%{transform:translateY(140%)}to{transform:none}}@keyframes ix-logo-band{0%{transform:translate(-110%)}to{transform:translate(310%)}}.ix-tag{color:var(--color-gold-soft);font-family:var(--font-sans);letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:12px;margin-top:6px;font-size:clamp(.6rem,2.6vw,.74rem);font-weight:700;animation:.65s cubic-bezier(.16,1,.3,1) 1.85s both ix-tag;display:flex}.ix-tag-rule{opacity:.55;background:currentColor;width:26px;height:1px}@keyframes ix-tag{0%{opacity:0;transform:translateY(8px)}}.ix-skip{right:max(16px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));color:#fbf6eecc;letter-spacing:.02em;background:#ffffff12;border-radius:999px;min-height:2.5rem;padding:0 1.1rem;font-size:.8rem;font-weight:700;transition:background-color .2s,color .2s;animation:.4s .5s both ix-tag;position:absolute;box-shadow:inset 0 0 0 1px #ffffff24}.ix-skip:hover,.ix-skip:focus-visible{color:#fff;background:#ffffff24}@media (prefers-reduced-motion:reduce){.ix{animation:.5s 1.5s forwards ix-out,1ms linear 2s forwards ix-hide}.ix-punch,.ix-flash,.ix-logo-shine{display:none}.ix-brand{top:50%;transform:translate(-50%,-50%)}.ix-logo-inner{animation:.6s .1s both ix-fade-in}.ix-tag{animation:.6s .3s both ix-fade-in}html[data-intro=play]:not([data-intro-skip]) .hero-in{animation-delay:calc(var(--d,0s) + 1.5s)}}