.yher{max-width:var(--yshop-max, 1240px);margin:0 auto;padding:0 24px}.yher__track{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--yshop-gap, 22px);align-items:start}@media(min-width:1025px){.yher__track{grid-template-columns:repeat(3,minmax(0,260px));justify-content:center;gap:28px}}.yher__tile{position:relative}.yher__face{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border-radius:var(--yshop-radius, 16px);overflow:hidden;text-decoration:none;color:#fff;background:#e6e2da;border:0;padding:0;margin:0;cursor:pointer;font:inherit;text-align:start}.yher__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--motion-duration, .18s) var(--motion-ease, ease-out)}.yher__art--brand{background:var(--color-ink, #141810)}.yher__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008f,#0000002e 52%,#0000000f)}.yher__face:hover .yher__art{transform:scale(1.04)}.yher__copy{position:absolute;z-index:2;inset-inline:20px;bottom:18px}.yher__copy b{display:block;font-size:var(--fs-18);font-weight:600;letter-spacing:-.005em;text-shadow:0 1px 10px rgba(0,0,0,.45)}.yher__copy span{display:block;font-size:var(--fs-14);opacity:.92;margin-top:3px;text-shadow:0 1px 10px rgba(0,0,0,.45)}.yher__face:focus-visible{outline:2px solid #fff;outline-offset:-3px}@media(prefers-reduced-motion:reduce){.yher__art{transition:none}.yher__face:hover .yher__art{transform:none}}.yher__panel{margin-top:14px;padding:18px;border-radius:var(--yshop-radius, 16px);background:var(--color-ink, #141810);color:#faf9f6;animation:yher-reveal var(--motion-duration, .18s) var(--motion-ease, ease-out)}.yher__panel[hidden]{display:none}@keyframes yher-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.yher__panel{animation:none}}.yher .ynl__form{max-width:100%}.yher .ynl__field-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(250,249,246,.3);padding-bottom:8px}.yher .ynl__input{flex:1 1 auto;min-width:0;background:transparent;color:#faf9f6;border:none;border-radius:0;padding:6px 2px;font-size:var(--fs-14)}.yher .ynl__input::placeholder{color:#faf9f68c}.yher .ynl__input:focus-visible{outline:none}.yher .ynl__field-row:focus-within{border-color:#faf9f6}.yher .ynl__submit{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;color:#faf9f6;border:1px solid rgba(250,249,246,.5);border-radius:var(--r-pill);cursor:pointer;transition:border-color var(--motion-duration, .18s) var(--motion-ease, ease-out),background-color var(--motion-duration, .18s) var(--motion-ease, ease-out)}.yher .ynl__submit svg{transform:scaleX(-1)}.yher .ynl__submit-label{display:none}.yher .ynl__submit:hover{border-color:#faf9f6;background:#faf9f61f}.yher .ynl__submit:disabled{opacity:.5;cursor:not-allowed}.yher .ynl__submit:focus-visible{outline:2px solid #fff;outline-offset:2px}.yher .ynl__legal{margin:10px 0 0;font-size:var(--fs-12);line-height:1.5;color:#faf9f699}.yher .ynl__msg{margin:10px 0 0;font-size:var(--fs-14);line-height:1.5}.yher .ynl__msg[data-state=invalid],.yher .ynl__msg[data-state=server-error]{color:#ffb4a8}.yher .ynl__msg[data-state=offline]{color:#ffd98a}.yher .ynl__success{animation:yher-code-reveal calc(var(--motion-duration, .18s) * 2) var(--motion-ease, ease-out)}@keyframes yher-code-reveal{0%{opacity:0;transform:scale(.94) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.yher .ynl__success{animation:none}}.yher .ynl__success-title{font-size:var(--fs-16);font-weight:600;margin:0 0 4px}.yher .ynl__success-text{font-size:var(--fs-14);color:#faf9f6d1;margin:0 0 10px}.yher .ynl__code{display:inline-flex;align-items:center;gap:10px;background:#ffffff1a;border-radius:var(--r-pill);padding:6px 8px 6px 16px}.yher .ynl__code-value{font-weight:600;letter-spacing:.06em;font-size:var(--fs-14)}.yher .ynl__code-copy{background:transparent;color:#faf9f6;border:1px solid rgba(250,249,246,.5);border-radius:var(--r-pill);padding:7px 14px;font-size:var(--fs-12);font-weight:700;cursor:pointer;transition:border-color var(--motion-duration, .18s) var(--motion-ease, ease-out)}.yher .ynl__code-copy:hover{border-color:#faf9f6}@media(max-width:1024px){.yher__track{grid-template-columns:repeat(3,1fr);gap:16px}}@media(max-width:640px){.yher{padding:0 var(--yojo-page-inline, 20px)}.yher__face{aspect-ratio:4 / 3}.yher__copy{inset-inline:14px;bottom:12px}.yher__copy b{font-size:var(--fs-16)}.yher__copy span{font-size:var(--fs-12)}.yher__track{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc(66% - 8px);gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin-inline:0;padding-inline:0}.yher__track::-webkit-scrollbar{display:none}.yher__tile{scroll-snap-align:start}}@media(max-width:768px){.yher .ynl__field-row{flex-direction:column;align-items:stretch;gap:10px;border-bottom:0;padding-bottom:0}.yher .ynl__input{min-height:44px;padding:10px 14px;font-size:var(--fs-16);background:#faf9f614;border:1px solid rgba(250,249,246,.45);border-radius:var(--r-sm)}.yher .ynl__input:focus-visible{outline:2px solid #faf9f6;outline-offset:1px;border-color:#faf9f6}.yher .ynl__submit{width:100%;height:auto;min-height:44px;padding:10px 16px;gap:8px;border-radius:var(--r-sm);background:#faf9f6;color:var(--color-ink, #141810);border:1px solid #faf9f6;font-size:var(--fs-16);font-weight:700}.yher .ynl__submit:hover{background:#fff;border-color:#fff}.yher .ynl__submit:focus-visible{outline:2px solid #fff;outline-offset:2px}.yher .ynl__submit-label{display:inline}.yher .ynl__submit svg{display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/yojo-home-ending-row.css.map */