.opening{--w1:min(420px, 30vw);--mark-h:calc(var(--w1) * .249254);--mark-top:max(132px, 15svh);--gap-heading:52px;--fs-heading:clamp(28px, 3vw, 44px);--gap-grid:44px;padding-bottom:clamp(72px,10svh,128px);position:relative}.opening__frame{height:calc(var(--mark-top) + var(--mark-h));position:relative}.opening__title{font:inherit;margin:0}.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}.opening__investments{padding-top:var(--gap-heading)}.opening__words{padding:0 var(--page-margin);text-align:center}.opening__heading{font-size:var(--fs-heading);letter-spacing:-.025em;color:var(--ink);margin:0;font-weight:600;line-height:1.1;animation:.3s both opening-in}.opening__word{display:inline-block}@keyframes opening-in{0%{opacity:0}}@media (max-width:767px){.opening{--w1:64vw;--mark-top:max(72px, 9svh);--gap-heading:40px;--gap-grid:30px}}@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(260px, 26vw);--mark-top:88px;--gap-heading:26px;--fs-heading:24px;--gap-grid:18px}}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}}@media (prefers-reduced-motion:reduce){.opening__heading{animation-duration:.6s}}
.og-grid{--cols:3;--h0:23px;--row:84px;--gapx:14px;--margin:16px;--hmax:calc(var(--row) * .6);width:min(calc(100% - 2 * var(--margin)), 1320px);margin:var(--gap-grid,40px) auto 0;flex-wrap:wrap;justify-content:center;padding:0;list-style:none;display:flex}@media (min-width:640px){.og-grid{--cols:5;--h0:30px;--row:104px;--gapx:30px;--margin:var(--page-margin)}}@media (min-width:1024px){.og-grid{--cols:6;--h0:clamp(34px, 2.8vw, 46px);--row:clamp(108px, 8.6vw, 148px);--gapx:44px}}.og-cell{flex:0 0 calc(100% / var(--cols));height:var(--row);position:relative}.og-link{-webkit-tap-highlight-color:transparent;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.og-link:focus-visible{outline:1.5px solid var(--ink);outline-offset:-4px;border-radius:20px}.og-art{width:min(calc(100% - var(--gapx)), calc(var(--h0) * var(--s,1) * var(--ar,3)), calc(var(--hmax) * var(--ar,3)));aspect-ratio:var(--ar,3);transform-origin:50% 55%;display:block;position:relative}.og-img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.og-grey{filter:grayscale();opacity:0}.og-grid[data-bloom] .og-color{opacity:0}.og-glint{pointer-events:none;mix-blend-mode:plus-lighter;display:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@supports not (mix-blend-mode:plus-lighter){.og-glint{mix-blend-mode:screen}}.og-name{text-align:center;color:var(--ink-soft);animation:og-name-in .6s var(--ease-eka) both;justify-content:center;align-items:center;padding:0 8px;font-size:15px;font-weight:500;line-height:1.2;display:none;position:absolute;inset:0}.og-cell[data-state=failed] .og-name,.og-cell[data-state=named] .og-name{display:flex}.og-cell[data-state=failed] .og-art,.og-cell[data-state=named] .og-art{visibility:hidden}@keyframes og-name-in{0%{opacity:0}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.og-link{transition:transform .6s var(--ease-eka)}.og-link:hover{transform:scale(1.045)}}