.hw{--hw-gap:clamp(12px, 1.5vw, 24px);overflow:clip}.hw-hall{position:relative}.hw-hall:before{content:"";pointer-events:none;z-index:0;opacity:0;background:radial-gradient(560px 460px at var(--mx,50%) var(--my,20%), #e9f1ec13, transparent 70%);transition:opacity .8s var(--ease-p3);position:absolute;inset:-12% 0}.hw-hall[data-light=on]:before{opacity:1}.hw-grid{z-index:1;gap:var(--hw-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid;position:relative}.hw-head{grid-column:1/-1;align-content:start;justify-items:start;gap:14px;margin-bottom:clamp(8px,2vw,24px);display:grid}.hw-h{max-width:11ch;color:var(--fg);font-family:var(--f-display);font-size:clamp(2.5rem,1.1rem + 4.4vw,5.5rem);font-weight:800;font-stretch:var(--wdth-xl);letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance;margin:0;line-height:.92}.hw-h .voice{letter-spacing:-.03em;font-weight:250}:lang(ar) .hw-h{font-size:clamp(2.2rem,1rem + 3.6vw,4.5rem);line-height:var(--lh-ar-head);letter-spacing:0;text-transform:none;max-width:12ch;font-stretch:100%}:lang(ar) .hw-h .voice{letter-spacing:0;font-weight:300}.hw-sub{max-width:34ch;color:var(--fg-2);margin:0;font-size:clamp(15px,.9rem + .2vw,17px);line-height:1.5}:lang(ar) .hw-sub{line-height:1.8}.hw-head-foot{justify-items:start;gap:6px;display:grid}.hw-count{font:500 14px/1.3 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0;display:flex}.hw-count b{font:800 clamp(2.6rem, 1.6rem + 3vw, 4.5rem)/.9 var(--f-display);font-stretch:var(--wdth-xl);letter-spacing:-.04em;color:var(--fg);text-transform:uppercase}:lang(ar) .hw-count{font:500 15px/1.5 var(--f-sans);letter-spacing:0;text-transform:none}:lang(ar) .hw-count b{font:800 clamp(2.2rem, 1.4rem + 2.6vw, 3.8rem)/1.2 var(--f-display);letter-spacing:0}.hw-all{min-height:44px;color:var(--fg);align-items:center;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.hw-all:after{content:"";inset-inline:0;background:var(--andon);height:2px;transform-origin:var(--o,left);transition:transform .5s var(--ease-expo-o);position:absolute;bottom:8px;transform:scaleX(.16)}[dir=rtl] .hw-all{--o:right}.hw-all:hover:after,.hw-all:focus-visible:after{transform:scaleX(1)}.hw-cell{min-width:0;margin-top:var(--o2)}@media (min-width:768px){.hw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hw-cell{margin-top:var(--o3)}}@media (min-width:1200px){.hw-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hw-head{grid-column:1/span 2;grid-template-rows:auto auto 1fr;align-self:stretch;margin-bottom:0;padding-inline-end:clamp(12px,3vw,64px)}.hw-head-foot{align-self:end;padding-bottom:clamp(24px,3vw,56px)}.hw-cell{margin-top:var(--o4)}}.hw-card{--cut-x:30px;--cut-y:15px;--tab-w:64px;--tab-h:26px;padding:10px 10px calc(var(--tab-h) + 14px);height:100%;clip-path:polygon(0 0, calc(100% - var(--cut-x)) 0, 100% var(--cut-y), 100% calc(100% - var(--tab-h)), calc(var(--tab-w) + 2 * var(--tab-h)) calc(100% - var(--tab-h)), var(--tab-w) 100%, 0 100%);background:#0a0e0d;gap:14px}[dir=rtl] .hw-card{clip-path:polygon(var(--cut-x) 0, 100% 0, 100% 100%, calc(100% - var(--tab-w)) 100%, calc(100% - var(--tab-w) - 2 * var(--tab-h)) calc(100% - var(--tab-h)), 0 calc(100% - var(--tab-h)), 0 var(--cut-y))}.hw-card>.ring{clip-path:polygon(evenodd, 0 0, calc(100% - var(--cut-x)) 0, 100% var(--cut-y), 100% calc(100% - var(--tab-h)), calc(var(--tab-w) + 2 * var(--tab-h)) calc(100% - var(--tab-h)), var(--tab-w) 100%, 0 100%, 0 0, var(--rw) var(--rw), var(--rw) calc(100% - var(--rw)), calc(var(--tab-w) - .236 * var(--rw)) calc(100% - var(--rw)), calc(var(--tab-w) + 2 * var(--tab-h) - .236 * var(--rw)) calc(100% - var(--tab-h) - var(--rw)), calc(100% - var(--rw)) calc(100% - var(--tab-h) - var(--rw)), calc(100% - var(--rw)) calc(var(--cut-y) + .618 * var(--rw)), calc(100% - var(--cut-x) - .236 * var(--rw)) var(--rw), var(--rw) var(--rw))}[dir=rtl] .hw-card>.ring{clip-path:polygon(evenodd, var(--cut-x) 0, 100% 0, 100% 100%, calc(100% - var(--tab-w)) 100%, calc(100% - var(--tab-w) - 2 * var(--tab-h)) calc(100% - var(--tab-h)), 0 calc(100% - var(--tab-h)), 0 var(--cut-y), var(--cut-x) 0, calc(var(--cut-x) + .236 * var(--rw)) var(--rw), var(--rw) calc(var(--cut-y) + .618 * var(--rw)), var(--rw) calc(100% - var(--tab-h) - var(--rw)), calc(100% - var(--tab-w) - 2 * var(--tab-h) + .236 * var(--rw)) calc(100% - var(--tab-h) - var(--rw)), calc(100% - var(--tab-w) + .236 * var(--rw)) calc(100% - var(--rw)), calc(100% - var(--rw)) calc(100% - var(--rw)), calc(100% - var(--rw)) var(--rw), calc(var(--cut-x) + .236 * var(--rw)) var(--rw))}.hw-tab{--tab-w:64px;--tab-h:26px;color:var(--fog);font-family:var(--f-mono);letter-spacing:.04em;background:#1e2422;font-weight:600}:lang(ar) .hw-tab{font-family:var(--f-sans)}@media (hover:hover){.hw-card:hover .hw-tab{background:var(--andon);color:var(--on-lime)}}.hw-card:focus-visible .hw-tab{background:var(--andon);color:var(--on-lime)}.hw-card .cc-media{background:radial-gradient(90% 62% at 50% -8%,#e9f1ec2b,#e9f1ec0a 55%,#0000 80%),#050706;border-radius:2px;container-type:size}.hw-card .cc-media:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#000000b3,#0000);border-radius:50%;height:7%;position:absolute;inset:auto 18% 7%}.hw-obj{place-items:center;position:relative;display:grid!important}.hw-t{font-family:var(--f-display);letter-spacing:-.01em;color:var(--fg);font-size:clamp(16px,.95rem + .3vw,19px);font-weight:720;line-height:1.15}:lang(ar) .hw-t{letter-spacing:0;line-height:1.4}.hw-c{color:var(--fg-2);font-size:14px;line-height:1.4}:lang(ar) .hw-c{font-size:14.5px;line-height:1.65}.hw-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.hw-sws{gap:4px;display:inline-flex}.hw-sws .swatch{width:10px;height:10px}.hw-card .tag{font-size:12px}.hw-br{aspect-ratio:16/11.4;width:86%;transform:perspective(900px) rotateY(calc(-15deg * var(--sign,1))) rotateX(9deg);transition:transform 1.1s var(--ease-expo-o);background:linear-gradient(#f4f7f2,#dce3da);border-radius:10px;flex-direction:column;padding:0 5px 5px;display:flex;position:relative;box-shadow:0 36px 50px -24px #000000e6,0 0 0 1px #ffffff1f,inset 0 1px #fffc}[dir=rtl] .hw{--sign:-1}@media (hover:hover){.hw-card:hover .hw-br{transform:perspective(900px) rotateY(calc(-5deg * var(--sign,1))) rotateX(3deg)}}.hw-card:focus-visible .hw-br{transform:perspective(900px) rotateY(calc(-5deg * var(--sign,1))) rotateX(3deg)}.hw-br-bar{direction:ltr;flex:none;align-items:center;gap:4px;height:22px;padding-inline:4px;display:flex}.hw-br-bar>i{background:#b8c3bb;border-radius:50%;width:7px;height:7px}.hw-br-url{font:500 12px/16px var(--f-mono);letter-spacing:0;color:#46524e;white-space:nowrap;background:#fffc;border-radius:99px;margin-inline:auto;padding:0 10px;transform:scale(.82)}.hw-br-url--blank{width:46%;height:10px}.hw-br-page{background:#fff;border-radius:5px;flex:1;position:relative;overflow:hidden}.hw-shot,.hw-br-page>img{object-fit:cover;object-position:top;position:absolute;inset:0;width:100%!important;height:100%!important}@media (max-width:767px){.hw-br-url{display:none}.hw-br{width:90%}}.hw-pic{display:block;position:absolute;inset:0;overflow:hidden}.hw-pic picture{display:contents}.hw-pic img{object-fit:cover;object-position:50% var(--py,50%);width:100%;height:100%;position:absolute;inset:0}.hw-pic[data-mirror]{transform:scaleX(-1)}.hw-obj--smeana .hw-phone{--oh:88cqh}.hw-screen{object-fit:cover;object-position:top;position:absolute;inset:0;width:100%!important;height:100%!important}.hw-obj--smeana .sig-obj{transition:transform 1.1s var(--ease-expo-o)}@media (hover:hover){.hw-card:hover .hw-obj--smeana .sig-obj{transform:translateY(-2%)rotate(-1.5deg)}}.hw-pic--ship img{object-fit:initial;width:125%;max-width:none;height:auto;inset:0 auto auto -12.5%}.hw-sh{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hw-sh path{fill:none;stroke:var(--teal-glow);stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .3s var(--ease-p3)}@media (hover:hover){.hw-card:hover .hw-sh path{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s var(--ease-p2o)}}.hw-card:focus-visible .hw-sh path{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s var(--ease-p2o)}@keyframes hw-sh-once{0%{stroke-dashoffset:1px;opacity:1}45%,70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@media (hover:none){.hw-hall[data-anim=in] .hw-sh path{animation:hw-sh-once 3.4s var(--ease-p3) .9s both}.hw-hall[data-anim=pair] .hw-cell[data-in][data-trace] .hw-sh path{animation:hw-sh-once 3.4s var(--ease-p3) var(--sd,.9s) backwards}}.hw-av{aspect-ratio:1;border-radius:50%;width:62%;position:relative;overflow:hidden;box-shadow:0 30px 60px -26px #000000e6,0 0 0 1px #ffffff1a}.hw-av .world-field{position:absolute;inset:0}.hw-av-mark{--logo-ink:var(--logo-black);--logo-play:var(--teal);place-items:center;display:grid;position:absolute;inset:24%}.hw-av-mark .mark{width:100%;height:100%;overflow:visible}.hw-av-mark .m-p{fill:var(--logo-ink)}.hw-av-mark .m-play{fill:var(--logo-play)}.hw-av-mark .m-tick{opacity:0;fill:none;stroke:var(--andon);stroke-width:30px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s var(--ease-p2o), opacity .1s linear}@media (hover:hover){.hw-card:hover .hw-av-mark .m-tick{opacity:1;stroke-dashoffset:0;transition-delay:.15s}}.hw-card:focus-visible .hw-av-mark .m-tick{opacity:1;stroke-dashoffset:0}.hw-obj--plain{background:radial-gradient(60% 50% at 50% 40%,#d8f55a1f,#0000 70%)}.hw-next{--ring:#2a3330;background:0 0}.hw-next>.ring{background:repeating-linear-gradient(90deg,#2f3a36 0 8px,#0000 8px 14px)}.hw-next-media{aspect-ratio:1;color:var(--fog-3);background:#050706;place-items:center;display:grid;position:relative;overflow:hidden}.hw-next-media .piece-icon{width:34%;height:auto}.hw-build{width:24%;height:auto;position:absolute;top:36%;left:64%;overflow:visible}[dir=rtl] .hw-build{left:12%}.hw-b-d{fill:none;stroke:var(--fog-3);stroke-width:1.6px;stroke-dasharray:.02 .016;vector-effect:non-scaling-stroke;opacity:.85}.hw-b-p{fill:var(--fog);fill-opacity:0;stroke:var(--fog);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .55s var(--ease-p3), fill-opacity .35s var(--ease-ui);transition-delay:0s}.hw-b-play{fill:var(--teal-glow);stroke:var(--teal-glow)}.hw-next.is-in .hw-b-p{stroke-dashoffset:0;fill-opacity:1;transition-delay:calc(.15s + var(--k) * .32s), calc(.5s + var(--k) * .32s)}.hw-tab--next{background:var(--andon);color:var(--on-lime);opacity:0;transition:transform .55s var(--ease-back), opacity .2s var(--ease-ui);transform:translateY(110%)}.hw-next.is-in .hw-tab--next{opacity:1;transition-delay:1.5s;transform:none}@media (hover:hover){.hw-next:hover .hw-b-p{stroke-dashoffset:0;fill-opacity:1;transition-delay:calc(var(--k) * .2s), calc(.3s + var(--k) * .2s)}.hw-next:hover .hw-tab--next{opacity:1;transition-delay:.8s;transform:none}}@media (prefers-reduced-motion:reduce){.hw-b-p{stroke-dashoffset:0;fill-opacity:1;transition:none}.hw-tab--next{opacity:1;transition:none;transform:none}}.hw-c.hw-c--next{font-size:15px}.hw-next-cta{margin-top:8px}@media (max-width:767px){.hw-next-cta{width:100%;padding-inline:12px}}.hw-hall[data-anim=wait] .hw-cell{opacity:0;transform:translateY(48px)}.hw-hall[data-anim=in] .hw-cell{transition:opacity .7s var(--ease-p3), transform 1.1s var(--ease-expo-o);transition-delay:calc(var(--i) * 80ms)}@media (prefers-reduced-motion:reduce){.hw-hall[data-anim] .hw-cell{opacity:1;transform:none}.hw-br,.hw-obj--smeana .sig-obj{transition:none}.hw-sh path{animation:none!important}}.hw-io{pointer-events:none;width:1px;height:1px;margin-top:12svh;display:block;position:absolute}.hw-io.hw-io--trace{margin-top:30svh}.hw-hall[data-anim=pair] .hw-cell:not([data-in])>.hw-card{opacity:0;transform:translateY(48px)}.hw-hall[data-anim=pair] .hw-cell[data-in]>.hw-card{transition:opacity .7s var(--ease-p3), transform 1.1s var(--ease-expo-o), background-color var(--dur-ui) var(--ease-ui);transition-delay:calc(var(--c,0) * 80ms), calc(var(--c,0) * 80ms), 0s}.hw-hall[data-anim=pair] .hw-cell[data-in=now]>.hw-card{transition:background-color var(--dur-ui) var(--ease-ui)}@media (prefers-reduced-motion:reduce){.hw-hall[data-anim=pair] .hw-cell:is(:not([data-in]),[data-in])>.hw-card{opacity:1;transition:none;transform:none}}@media print{.hw-hall[data-anim=pair] .hw-cell:is(:not([data-in]),[data-in])>.hw-card{opacity:1;transform:none}}.hw-card .tag{max-width:100%}@media (max-width:419px){.hw-cell:has(>.hw-next){grid-column:1/-1;margin-top:0}.hw-next-media{aspect-ratio:16/10}.hw-build{top:27%}.hw-card .tag{white-space:normal;text-align:start;height:auto;min-height:24px;padding-block:3px;line-height:1.25}}@supports (height:1svh){@media (max-width:419px) and (min-height:560px) and (prefers-reduced-motion:no-preference){html:not(.tk-reduced):not(.tk-tt-off) .hw-hall[data-pairs] .hw-cell:nth-child(2n):nth-last-child(2){grid-column:1/-1;margin-top:0}html:not(.tk-reduced):not(.tk-tt-off) .hw-hall[data-pairs] .hw-cell:nth-child(2n):nth-last-child(2) .cc-media{aspect-ratio:16/10}html:not(.tk-reduced):not(.tk-tt-off) .hw-hall[data-pairs] .hw-cell:nth-child(2n):nth-last-child(2) .hw-av{width:62cqmin}}}