.opening{--w1:min(420px, 30vw);--mark-h:calc(var(--w1) * .249254);--gap:clamp(44px, 7svh, 76px);--numbers-h:calc(clamp(52px, 4.8vw, 84px) + 36px);--band-top:96px;--band-bottom:0px;--lift:2svh;--group-h:calc(var(--mark-h) + var(--gap) + var(--numbers-h));--mark-top:max(calc(var(--band-top) + 28px), calc((var(--band-top) + 100svh - var(--band-bottom)) / 2 - var(--group-h) / 2 - var(--lift)));min-height:100svh;padding-bottom:clamp(48px,8svh,96px);position:relative}.opening__frame{height:calc(var(--mark-top) + var(--mark-h));position:relative}.opening__title{font:inherit;margin:0}.opening__numbers{margin-top:var(--gap)}.opening__mark{left:calc(50% - var(--w1) / 2);top:var(--mark-top);width:var(--w1);aspect-ratio:3354/836;transform-origin:50%;will-change:transform, opacity;display:block;position:absolute}.opening__static{background:url(/brand/eka-metal-logo.webp) 0 0/100% 100% no-repeat;width:107.334%;height:134.928%;position:absolute;top:-29.067%;left:-3.4884%;-webkit-mask:url(/brand/eka-mark.svg) 0 0/100% 100% no-repeat;mask:url(/brand/eka-mark.svg) 0 0/100% 100% no-repeat}.opening__canvas{visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.opening__curtain,.opening__glint{pointer-events:none;display:none;position:absolute}.opening__curtain{will-change:transform, opacity;top:50%;left:0}.opening__glint{mix-blend-mode:plus-lighter;will-change:opacity;width:107.334%;height:134.928%;top:-29.067%;left:-3.4884%;-webkit-mask:url(/brand/eka-mark.svg) 0 0/100% 100% no-repeat;mask:url(/brand/eka-mark.svg) 0 0/100% 100% no-repeat}@supports not (mix-blend-mode:plus-lighter){.opening__glint{mix-blend-mode:screen}}.opening__mark[data-renderer=css] .opening__curtain,.opening__mark[data-renderer=css] .opening__glint{display:block}.opening__mark[data-renderer=webgl] .opening__canvas{visibility:visible}.opening__mark[data-renderer=webgl] .opening__static{visibility:hidden}@media (max-width:767px){.opening{--w1:64vw;--mark-top:calc(max(10px, env(safe-area-inset-top)) + 48px + 30px);--gap:26px;min-height:0;padding-bottom:24px}}@media (min-width:768px) and (max-aspect-ratio:4/5){.opening{--w1:min(420px, 46vw)}}@media (min-width:768px) and (max-height:560px){.opening{--w1:min(240px, 24vw);--mark-top:84px;--gap:22px}}html[data-intro=play] .opening [data-intro-hide]{opacity:0;animation:.6s 8s forwards opening-safety}html[data-intro-paused] .opening [data-intro-hide]{animation-play-state:paused}html[data-opening-js] .opening [data-intro-hide]{animation:none}@keyframes opening-safety{to{opacity:1}}
.opening__numbers{--fs-num:clamp(52px, 4.8vw, 84px);padding:0 var(--page-margin)}.on-row{grid-template-columns:repeat(5,minmax(0,1fr));align-items:baseline;width:min(100%,1180px);margin:0 auto;padding:0;list-style:none;display:grid}.on-num{order:var(--desk,0);text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.on-fig{font-size:var(--fs-num);letter-spacing:-.045em;color:var(--ink);font-variant-numeric:tabular-nums;will-change:transform, opacity;align-items:baseline;font-weight:300;line-height:1;display:inline-flex}.on-digits{display:inline-block;position:relative}.on-sizer{visibility:hidden}.on-val{text-align:right;position:absolute;inset:0 0 auto}.on-plus{margin-left:.02em;display:inline-block}.on-label{color:var(--ink-soft);text-wrap:balance;will-change:transform, opacity;margin-top:14px;font-size:16px;font-weight:500;line-height:1.35}.on-dim,.on-lit{color:var(--ink)}.on-dim{opacity:.3}.on-band{color:#0000;mix-blend-mode:plus-lighter;opacity:0;pointer-events:none;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text}@supports not (mix-blend-mode:plus-lighter){.on-band{mix-blend-mode:screen}}.on-hero-label{color:var(--ink)}@media (max-width:767px){.opening__numbers{--fs-num:46px;--row-gap:22px;--label-gap:6px;--label-fs:15px;padding:0 24px}.on-num{order:0}.on-row{row-gap:var(--row-gap);grid-template-columns:minmax(0,1fr)}.on-label{margin-top:var(--label-gap);font-size:var(--label-fs)}}@media (max-width:767px) and (max-height:640px){.opening__numbers{--fs-num:40px;--row-gap:16px}}@media (max-width:767px) and (max-height:580px){.opening__numbers{--fs-num:34px;--row-gap:12px;--label-gap:2px;--label-fs:13px}}@media (min-width:768px) and (max-height:560px){.opening__numbers{--fs-num:40px}.on-label{margin-top:8px;font-size:14px}}