.ccz3{--ccz3-wine: #6e1423;--ccz3-gold: #85652f;--ccz3-line: rgba(var(--color-foreground), .22);--ccz3-grad: linear-gradient(90deg, #eadfce, #c4a67c 45%, #8c3a3a 80%, #6e1423);margin-top:clamp(40px,5vw,72px)}.ccz3__t{margin:0;max-width:24ch;font-family:var(--font-heading-family);font-weight:400;font-size:clamp(30px,3.6vw,48px);line-height:1.06;letter-spacing:-.02em;text-wrap:balance}.ccz3__l{margin:10px 0 0;max-width:52ch;font-size:16px;font-weight:300;color:rgba(var(--color-foreground),.68)}.ccz3__steps{position:relative;counter-reset:ccz;display:grid;grid-template-columns:repeat(var(--ccz3-n, 4),minmax(0,1fr));gap:16px clamp(14px,2vw,28px);align-items:start;margin:26px 0 0;padding:0;list-style:none}.ccz3__steps:before{content:"";position:absolute;left:0;right:0;top:34px;height:4px;background:var(--ccz3-grad)}.ccz3__steps>li{position:relative;counter-increment:ccz;padding-top:68px}.ccz3__steps>li:before{content:counter(ccz);position:absolute;left:0;top:19px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:3px solid var(--ccz3-wine);background:#fffdf9;font-family:var(--font-heading-family);font-size:15px;font-style:italic;color:var(--ccz3-wine)}.ccz3__steps>li:first-child:before{background:var(--ccz3-wine);color:#fff;box-shadow:0 0 0 6px #6e142324}.ccz3 a.ccz3__st{display:flex;flex-direction:column;position:relative;color:inherit;text-decoration:none;background:#fffdf9;border:1px solid rgba(var(--color-foreground),.16);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .25s ease}.ccz3__steps>li:first-child a.ccz3__st{border-color:var(--ccz3-wine)}.ccz3 a.ccz3__st:hover,.ccz3 a.ccz3__st:focus-visible{transform:translateY(-5px);box-shadow:0 20px 36px -22px #2a1e1873;border-color:rgb(var(--color-foreground))}.ccz3__ph{position:relative;display:block;aspect-ratio:4 / 3;border:0;background:rgba(var(--color-foreground),.06)}.ccz3__ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ccz3__big{display:none}.ccz3__here{position:absolute;left:38px;top:-57px;right:auto;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;background:var(--ccz3-wine);color:#fdf6ea;font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.ccz3__here:before{content:"";width:6px;height:6px;border-radius:50%;background:#e9c98e}.ccz3__body{display:grid;gap:4px;padding:14px 16px 16px}.ccz3__v{margin:0;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ccz3-gold)}.ccz3__nm{margin:0;font-family:var(--font-heading-family);font-size:clamp(19px,1.8vw,23px);line-height:1.15;color:rgb(var(--color-foreground))}.ccz3__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:8px 0 0;padding-top:10px;border-top:1px solid rgba(var(--color-foreground),.14);font-family:var(--font-heading-family);font-size:22px}.ccz3__row .go{font-family:var(--font-body-family);font-size:16px;color:var(--ccz3-wine);transition:transform .25s ease}.ccz3 a.ccz3__st:hover .go{transform:translate(4px)}.ccz3__note{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px 26px;align-items:center;margin:clamp(26px,3vw,40px) 0 0;padding:22px 26px 22px 30px;border:1px solid rgba(42,30,24,.16);background:#fffdf9;font-family:var(--font-heading-family);font-size:clamp(21px,2.4vw,28px);line-height:1.2;letter-spacing:-.01em;color:rgb(var(--color-foreground))}.ccz3__note:before{content:"";width:50px;height:50px;border:1px solid rgba(160,127,82,.6);border-radius:50%;background:center / 24px 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a07f52' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.5 8.5l-2 5-5 2 2-5z'/%3E%3C/svg%3E")}.ccz3__note:after{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:4px;background:linear-gradient(180deg,#d9c4a0,#8c3a3a 60%,#6e1423)}.ccz3__note a{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 26px;border:0;background:var(--ccz3-wine);color:#fff7ee;font-family:var(--font-body-family);font-size:16px;font-weight:500;letter-spacing:0;text-decoration:none;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease}.ccz3__note a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ccz3-grad)}.ccz3__note a:hover{transform:translateY(-2px);box-shadow:0 16px 28px -16px #6e1423b3;color:#fff7ee}.ccz3 a.ccz3__st:focus-visible,.ccz3__note a:focus-visible{outline:2px solid var(--ccz3-wine);outline-offset:3px}@media(prefers-reduced-motion:reduce){.ccz3 a.ccz3__st,.ccz3__row .go,.ccz3__note a{transition:none}.ccz3 a.ccz3__st:hover{transform:none}}@media screen and (max-width:900px)and (min-width:761px){.ccz3__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}.ccz3__steps:before{display:none}.ccz3__steps>li{padding-top:56px}.ccz3__steps>li:before{top:12px}.ccz3__steps>li:after{content:"";position:absolute;left:40px;right:0;top:25px;height:3px;background:var(--ccz3-grad)}.ccz3__here{top:-44px}}@media screen and (max-width:760px){.ccz3__steps{grid-template-columns:minmax(0,1fr);align-items:start;gap:0;margin-top:18px}.ccz3__steps:before{display:none}.ccz3__steps>li{padding-top:0;border-top:1px solid var(--ccz3-line)}.ccz3__steps>li:before{display:none}.ccz3__steps>li:last-child{border-bottom:1px solid var(--ccz3-line)}.ccz3 a.ccz3__st{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:0 14px;padding:12px 0;background:none;border:0}.ccz3 a.ccz3__st:hover{transform:none;box-shadow:none}.ccz3__ph{aspect-ratio:auto;height:72px;margin:0}.ccz3__big{display:block;position:absolute;left:6px;top:3px;z-index:1;font-family:var(--font-heading-family);font-size:34px;font-style:italic;line-height:1;color:#fffbf5;text-shadow:0 1px 14px rgba(0,0,0,.4)}.ccz3__here{display:none}.ccz3__body{padding:0;gap:2px}.ccz3__v{font-size:11px}.ccz3__nm{font-size:17px}.ccz3__row{margin:4px 0 0;padding:0;border:0;font-size:17px}.ccz3__note{grid-template-columns:auto minmax(0,1fr);padding:20px 18px 20px 24px}.ccz3__note:before{width:44px;height:44px}.ccz3__note a{grid-column:1 / -1;width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/cc-scene-steps2.css.map */