.ec-lp .hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to right,#1c1626d9,#1c162699 32%,#1c162633 58%,#1c162600 78%)}@media(min-width:769px){.ec-lp .hero-scrim{background:linear-gradient(to bottom,#1c16268c,#1c162600 45%),linear-gradient(to right,#1c1626d9,#1c162699 32%,#1c162633 58%,#1c162600 78%)}}@media(max-width:768px){.ec-lp .hero-scrim{display:none}}.ec-lp .hero.has-lattice .hero-body{background:none;z-index:3}.ec-lp .hero.has-lattice{touch-action:pan-y}.ec-lat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.2s ease}.ec-lp .hero.is-behind .ec-lat{z-index:1}.ec-lp .hero.is-behind .hero-scrim{z-index:2}.ec-lp .hero:not(.is-behind) .ec-lat{z-index:2}.ec-lp .hero:not(.is-behind) .hero-scrim{z-index:1}.ec-lat{--lat-op: .5}[data-ec-lattice-ready] .ec-lat,[data-ec-atom-ready] .ec-lat{opacity:calc(var(--lat-op) * var(--fade, 1))}.ec-lat__canvas{display:block;width:100%;height:100%;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,.42) 48%,rgba(0,0,0,.08) 62%,rgba(0,0,0,0) 72%);mask-image:linear-gradient(to right,#000 0% 30%,#0000006b 48%,#00000014 62%,#0000 72%)}.ec-lp .ec-lat-stage{--lat-stage-h: 300px;display:block;height:var(--lat-stage-h);margin:calc(var(--lat-stage-h) / -4) 0;pointer-events:none}.ec-lp .hero.has-lattice .hero-title{margin-bottom:0}.ec-lp .hero.has-lattice .hero-subtitle{margin-top:36px}.ec-lp .hero.has-lattice .ec-hero-cta-wrap{margin-top:24px}.ec-lat-panel{margin:0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.16);max-width:560px}.ec-lat-panel .ec-lat-panel__label{display:flex;align-items:center;gap:8px;width:auto;margin:0 0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;font-weight:700;letter-spacing:.18em;color:#ffffff9e;text-shadow:0 1px 8px rgba(0,0,0,.7)}.ec-lat-panel__label:after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(to right,#ffffff2e,#fff0)}.ec-lat-readout{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0;padding:9px 14px;width:fit-content;max-width:100%;border:1px solid rgba(255,255,255,.2);border-left:2px solid var(--accent-color, #b08d57);border-radius:10px;background:#14101c80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;letter-spacing:.04em;line-height:1;color:#ffffffc7;white-space:nowrap}.ec-lat__ro-sym{font-size:19px;font-weight:700;color:#fff;letter-spacing:0}.ec-lat__ro-jp{font-family:inherit;font-size:12.5px;color:#ffffffe6}.ec-lat__ro-sep{width:1px;height:13px;background:#ffffff38}.ec-lat__ro-lat{color:#ffffffb8}.ec-lat__ro-d{color:#ffffff8c}.ec-lat__ro-d sup{font-size:.75em;vertical-align:super}.ec-lat-panel .ec-lat-keys{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--lat-cols, 5),minmax(0,46px));justify-content:start;gap:6px;margin:24px 0 0;padding:0;list-style:none}.ec-lat-panel .ec-lat-keys li{margin:0;list-style:none;min-width:0;font-size:inherit}.ec-lat-panel .ec-lat-keys li.ec-lat-keys__break{display:none}.ec-lat-key{width:100%;min-width:0;padding:7px 4px;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:#14101c6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fffc;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:700;line-height:1;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.ec-lat-key:hover{background:#ffffff29;color:#fff;transform:translateY(-1px)}.ec-lat-key.is-active{background:var(--accent-color, #b08d57);border-color:var(--accent-color, #b08d57);color:#fff;box-shadow:0 0 18px #b08d5773}.ec-lat-key:focus-visible{outline:2px solid #fff;outline-offset:2px}.ec-lat-readout--atom,.ec-lat-panel .is-atom,.view-atom .ec-lat-readout--lattice,.view-atom .ec-lat-panel .is-lattice{display:none}.view-atom .ec-lat-readout--atom{display:flex}.view-atom .ec-lat-panel__label .is-atom{display:inline}@media(max-width:768px){.ec-lat{--lat-op: .58}.ec-lat__canvas{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,.7) 22%,rgba(0,0,0,1) 26%);mask-image:linear-gradient(to bottom,#0000 0% 16%,#000000b3 22%,#000 26%)}.ec-lp .ec-lat-stage{--lat-stage-h: 260px}.ec-lat-panel{margin:0 auto;padding-top:18px;max-width:100%}.ec-lat-panel .ec-lat-panel__label{justify-content:center;font-size:10px}.ec-lat-panel .ec-lat-panel__label:after{display:none}.ec-lat-readout{margin:0 auto;font-size:11.5px;padding:8px 12px}.ec-lat__ro-sym{font-size:17px}.ec-lat-panel .ec-lat-keys{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:22px}.ec-lat-panel .ec-lat-keys li{flex:0 0 auto;width:calc((100% - (var(--lat-row-max, 9) - 1) * 5px) / var(--lat-row-max, 9))}.ec-lat-panel .ec-lat-keys li.ec-lat-keys__break{display:block;width:100%;height:0}.ec-lat-key{padding:7px 2px;font-size:12px}}@media(prefers-reduced-motion:reduce){.ec-lat,.ec-lat-key{transition:none}.ec-lat-key:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ec-lattice.css.map */