.ccz{margin-top:clamp(28px,4vw,48px);font-variant-numeric:tabular-nums}.ccz .ccz__eye{display:flex;align-items:center;gap:14px;margin:0;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#a07f52}.ccz .ccz__eye:before{content:"";width:40px;height:1px;background:currentColor;flex:none}.ccz .ccz__t{margin:14px 0 0;max-width:26ch;font-family:var(--font-heading-family);font-weight:400;font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}.ccz .ccz__l{margin:12px 0 0;max-width:56ch;font-size:16px;font-weight:300;color:rgba(var(--color-foreground),.68)}.ccz .ccz__steps{position:relative;display:grid;grid-template-columns:repeat(var(--ccz-n, 4),minmax(0,1fr));grid-template-rows:repeat(5,auto);column-gap:clamp(12px,1.6vw,24px);margin:clamp(24px,3vw,36px) 0 0;padding:0;list-style:none;border-bottom:1px solid rgb(var(--color-foreground))}.ccz .ccz__steps:before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:rgb(var(--color-foreground))}.ccz .ccz__steps>li{display:contents}.ccz .ccz__st{position:relative;display:grid;grid-row:span 5;grid-template-rows:subgrid;min-width:0;padding:26px 0 20px;color:inherit;text-decoration:none}.ccz .ccz__st:before{content:"";position:absolute;left:0;top:0;width:11px;height:11px;border:1px solid rgb(var(--color-foreground));border-radius:50%;background:rgb(var(--color-background))}.ccz .ccz__steps>li:last-child .ccz__st:before{border-color:#6e1423;background:#6e1423}.ccz .ccz__num{display:flex;align-items:baseline;gap:10px;margin:0;font-family:var(--font-heading-family);font-size:clamp(24px,2.4vw,32px);line-height:1.1;letter-spacing:-.015em}.ccz .ccz__num i{font-style:italic;font-size:.62em;letter-spacing:0;color:#a07f52}.ccz .ccz__piece{margin:14px 0 0;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#a07f52}.ccz .ccz__name{margin:4px 0 0;font-family:var(--font-heading-family);font-size:19px;line-height:1.25}.ccz .ccz__fact{margin:6px 0 0;padding-bottom:12px;border-bottom:1px solid rgba(var(--color-foreground),.14);font-size:14.5px;font-weight:300;color:rgba(var(--color-foreground),.68)}.ccz .ccz__price{margin:0;padding-top:12px;font-family:var(--font-heading-family);font-size:22px;line-height:1.1}.ccz .ccz__price em{display:block;margin-top:4px;font-family:var(--font-body-family);font-style:normal;font-size:13px;font-weight:500;color:#2f6b3f}.ccz .ccz__go{display:flex;align-items:center;justify-content:space-between;align-self:end;margin-top:12px;padding-bottom:6px;border-bottom:1px solid rgba(var(--color-foreground),.14);font-size:14.5px}.ccz .ccz__go span:last-child{transition:transform .25s ease}.ccz .ccz__st:hover .ccz__go{border-bottom-color:rgb(var(--color-foreground))}.ccz .ccz__st:hover .ccz__go span:last-child{transform:translate(3px)}.ccz .ccz__st:focus-visible{outline:2px solid #6e1423;outline-offset:3px}.ccz .ccz__note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:16px 0 0;font-size:14.5px;color:rgba(var(--color-foreground),.68)}.ccz .ccz__note a{padding-bottom:2px;border-bottom:1px solid rgba(var(--color-foreground),.22);color:rgb(var(--color-foreground));text-decoration:none}.ccz .ccz__note a:hover{border-bottom-color:rgb(var(--color-foreground))}@media(prefers-reduced-motion:reduce){.ccz .ccz__go span:last-child{transition:none}}@media screen and (max-width:900px){.ccz .ccz__steps{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;border-bottom:0}.ccz .ccz__steps:before{display:none}.ccz .ccz__st{padding-top:16px;padding-bottom:20px;border-top:1px solid rgb(var(--color-foreground))}.ccz .ccz__st:before{display:none}}@media screen and (max-width:560px){.ccz .ccz__steps{display:block;margin-top:20px;border-top:1px solid rgb(var(--color-foreground))}.ccz .ccz__steps>li{display:block}.ccz .ccz__st{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);grid-template-rows:none;grid-row:auto;gap:2px 16px;padding:16px 0;border-top:0;border-bottom:1px solid rgba(var(--color-foreground),.14)}.ccz .ccz__num{grid-column:1;grid-row:1 / 5;flex-direction:column;gap:2px;font-size:24px}.ccz .ccz__piece{display:none}.ccz .ccz__st>div,.ccz .ccz__fact,.ccz .ccz__price,.ccz .ccz__go{grid-column:2;margin:0}.ccz .ccz__name{margin:0;font-size:18px}.ccz .ccz__fact{padding:0;border:0}.ccz .ccz__price{padding-top:4px;font-size:20px}.ccz .ccz__go{margin-top:8px}.ccz .ccz__t{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/cc-scene-steps.css.map */