.type-catalog__grid{gap:clamp(16px,1.8vw,28px)}
.type-product{display:block;aspect-ratio:auto!important;min-width:0;padding:0!important;background:transparent;border-radius:0;overflow:visible;box-shadow:none!important}
.type-product:hover{transform:none}
.type-product__panel{position:relative;container-type:inline-size;aspect-ratio:1;background:#eaeae8;border-radius:24px;overflow:hidden}
.type-product--red .type-product__panel{background:#eaeae8}
.type-product--red .type-product__head p{color:#696965}
.type-product__head{position:absolute;top:8%;left:6.5%;right:6.5%;padding:0;display:block;text-align:left}
.type-product__head h3{font-size:clamp(18px,4.3cqw,28px)!important;line-height:1.15;letter-spacing:-.045em}
.type-product__head p{font-size:clamp(14px,3.2cqw,20px)!important;line-height:1.35;margin-top:5px}
.type-product__sample,.type-product:hover .type-product__sample{position:absolute;left:6.5%;right:6.5%;bottom:9%;height:39%;margin:0;min-height:0!important;transform:none!important;line-height:1;letter-spacing:-.035em;justify-content:flex-start!important;align-items:flex-end;text-align:left!important}
.type-product__sample--index{font-size:43cqw!important}
.type-product__sample--tomato{font-size:41cqw!important}
.type-product__sample--package{height:43%;font-size:18cqw!important;line-height:1.05;gap:0;flex-direction:column;justify-content:flex-end!important;align-items:flex-start!important}
.type-product__foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 4px 0;text-align:left}
.type-product__foot>div{margin-right:auto}
.type-product__foot .type-product__badge{position:static;transform:none;font-size:11px;padding:6px 9px;order:1;background:var(--red,#f12b21);color:#fff}
.type-product__foot .add{order:2;font-size:11px;padding:10px 12px}
.type-product__foot strong{font-size:16px}
.type-product--red .type-product__foot del{color:#777}
@media(max-width:900px){.type-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-product{aspect-ratio:auto!important}.type-product__panel{border-radius:20px}.type-product__sample--index{font-size:43cqw!important}.type-product__sample--tomato{font-size:41cqw!important}.type-product__sample--package{font-size:18cqw!important}}
@media(max-width:600px){.type-catalog__grid{grid-template-columns:1fr;gap:32px}.type-product__panel{border-radius:24px}}

.type-product__panel{transition:background-color 220ms ease,color 220ms ease}
.type-product__sentence{position:absolute;left:6.5%;right:6.5%;top:34%;font-size:8cqw;line-height:1.06;letter-spacing:-.025em;opacity:0;visibility:hidden;transition:opacity 220ms ease;pointer-events:none}
.type-product__sentence--index,.type-product__sentence>span{font-family:'Nutty Index',Georgia,serif}
.type-product__sentence--tomato,.type-product__sentence>b{font-family:'Nutty Tomato',Impact,sans-serif;font-weight:400}
.type-product__sentence>span,.type-product__sentence>b{display:block}
.type-product__explore{position:absolute;left:6.5%;right:6.5%;bottom:6.5%;border-radius:999px;background:#fff;color:#090909;text-align:center;padding:2% 12px;font-size:clamp(14px,3.3cqw,22px);opacity:0;visibility:hidden;transition:opacity 220ms ease}
.type-product__panel:is(:hover,:focus-within){background:#050505;color:#fff}
.type-product__panel:is(:hover,:focus-within) .type-product__head p{color:#aaa}
.type-product__panel:is(:hover,:focus-within) .type-product__sample{opacity:0;visibility:hidden}
.type-product__panel:is(:hover,:focus-within) .type-product__sentence,.type-product__panel:is(:hover,:focus-within) .type-product__explore{opacity:1;visibility:visible}
.type-product__panel:focus-visible{outline:2px solid #f12b21;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.type-product__panel,.type-product__sentence,.type-product__explore{transition:none}}
.type-product__panel--package{background:#f12b21}
.type-product__panel--package .type-product__head p{color:#47100d}
.type-product__panel--package:is(:hover,:focus-within){background:#050505}
.type-product__panel--package:is(:hover,:focus-within) .type-product__head p{color:#aaa}
.type-product__sample,.type-product:hover .type-product__sample{transform:translateY(var(--ink-offset,0px))!important}

/* A single reveal layer keeps the entrance substantial without per-letter work. */
.type-product__sentence{letter-spacing:.025em;line-height:1.12;font-size:7.6cqw;clip-path:inset(0 100% 0 0);transform:translateX(-18px);transition:clip-path 780ms cubic-bezier(.22,.75,.2,1),transform 900ms cubic-bezier(.16,1,.3,1),opacity 360ms ease,visibility 0s linear 780ms}
.type-product__panel:is(:hover,:focus-within) .type-product__sentence{clip-path:inset(0 0 0 0);transform:translateX(0);transition-delay:90ms,90ms,90ms,0s}
.type-product__panel{transition:background-color 480ms cubic-bezier(.22,.75,.2,1),color 380ms ease}
.type-product__explore{transform:translateX(-10px);transition:opacity 400ms ease,transform 700ms cubic-bezier(.16,1,.3,1),visibility 0s linear 400ms}
.type-product__panel:is(:hover,:focus-within) .type-product__explore{transform:translateX(0);transition-delay:240ms,240ms,0s}
@media(prefers-reduced-motion:reduce){.type-product__panel,.type-product__sentence,.type-product__explore{transition:none!important}.type-product__sentence,.type-product__explore{transform:none}}
.type-catalog{font-synthesis:none}
@font-face{font-family:'Nutty Index';src:url('/assets/fonts/index-Regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Nutty Tomato';src:url('/assets/fonts/TOMATO-Regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}