.zi{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid var(--c-line)}.zi-t{padding:var(--sec-l) var(--mx)}.zi-t h2{font-family:var(--f-serif);font-weight:300;font-size:var(--fs-h2);line-height:.98;letter-spacing:-.025em}.zi-t h2 .ln{display:block;opacity:0;transform:translateY(.4em);transition:opacity 1.2s var(--zpe),transform 1.2s var(--zpe)}.zi-t h2 .ln+.ln{transition-delay:.15s}.zi-p,.zi-p2{font-size:var(--fs-lead);line-height:1.6;color:var(--c-stone);opacity:0;transition:opacity 1.2s .45s var(--zpe)}.zi-p{margin-top:var(--z4)}.zi-p2{margin-top:0}.zi.in .ln{opacity:1;transform:none}.zi.in .zi-p,.zi.in .zi-p2{opacity:1}.zi-v{padding:var(--sec-l) var(--mx) var(--sec-l) var(--z5)}inline-film{display:block}.zi-frame{position:relative;aspect-ratio:16 / 9;background:var(--c-night);overflow:hidden}.zi-frame img,.zi-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.zi-frame img{transition:transform 2.4s var(--zpe),filter 1s var(--zpe)}.zi-frame:hover img{transform:scale(1.03);filter:brightness(.92)}.zi-frame video{object-fit:contain;background:#000;animation:softin .7s var(--zpe) both}.zi-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;height:100%;padding:0;background:none;border:0;cursor:pointer}.zi-pc{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#fafaf7eb;color:var(--c-ink);transition:transform .9s var(--zpe),background-color .6s var(--zpe),color .6s var(--zpe)}.zi-pc svg{width:18px;height:18px;margin-left:3px}.zi-play:hover .zi-pc{transform:scale(1.08);background:var(--c-ink);color:var(--c-paper)}.zi-cap{display:flex;justify-content:space-between;gap:var(--z2);margin-top:var(--z2);font-size:var(--fs-k);color:var(--c-stone);font-variant-numeric:tabular-nums}ritual-scroll{display:block}.zr{position:relative;height:calc(100vh + var(--steps, 4) * 60vh);background:var(--c-night);color:var(--c-on-dark)}.zr-stage{position:sticky;top:var(--hdr-h);isolation:isolate;height:calc(100vh - var(--hdr-h));display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.zr-media{position:relative;display:grid;place-items:center;background:var(--c-night);overflow:hidden}.zr-sq{position:relative;width:min(calc(100% - 2 * var(--z6)),calc(100vh - var(--hdr-h) - 73px - 2 * var(--z4)));aspect-ratio:1 / 1;overflow:hidden;background:#000}.zr-f{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;overflow:hidden;transform:translate3d(0,100%,0);visibility:hidden;will-change:transform;backface-visibility:hidden}.zr-f[data-first]{transform:none;visibility:visible}.zr-f video,.zr-f img{width:100%;height:100%;object-fit:cover;object-position:var(--pos, 50% 50%);will-change:transform}.zr-count{position:absolute;left:var(--z3);bottom:var(--z3);z-index:20;display:flex;align-items:baseline;gap:6px;font-size:var(--fs-k);color:#f2f2eeb3;font-variant-numeric:tabular-nums}.zr-count span{font-family:var(--f-serif);font-size:32px;color:var(--c-on-dark)}.zr-txt{display:flex;flex-direction:column;justify-content:center;padding:var(--z6) var(--mx);overflow:auto}.zr-k{font-size:var(--fs-k);letter-spacing:.06em;text-transform:uppercase;color:#f2f2ee8c}.zr-txt h2,.zrm-hd h2{font-family:var(--f-serif);font-weight:300;font-size:clamp(40px,3.8vw,60px);line-height:1;letter-spacing:-.02em;margin-top:var(--z3);max-width:560px}.zr-ch{margin-top:var(--z6);border-top:1px solid var(--c-on-dark-line)}.zr-c{border-bottom:1px solid var(--c-on-dark-line)}.zr-h{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:baseline;width:100%;padding:var(--z3) 0;background:none;border:0;color:#f2f2ee61;text-align:left;cursor:pointer;transition:color .7s var(--zpe)}.zr-h:hover,.zr-c.on .zr-h{color:var(--c-on-dark)}.zr-c.on .zr-h{cursor:default}.zr-no{font-size:var(--fs-k);font-variant-numeric:tabular-nums}.zr-t{font-family:var(--f-serif);font-size:32px;line-height:1.05}.zr-c.on .zr-t{font-style:italic}.zr-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s var(--ease)}.zr-c.on .zr-b{grid-template-rows:1fr}.zr-b>div{overflow:hidden;padding-left:48px}.zr-steps{padding:0 0 var(--z4)}.zr-b>div>*{opacity:0;transform:translateY(8px);transition:opacity .18s var(--ease),transform .18s var(--ease)}.zr-c.on .zr-b>div>*{opacity:1;transform:none;transition:opacity .32s var(--ease) .14s,transform .42s var(--ease) .14s}.zr-f.fx{transition:opacity .42s var(--ease)}.zrm-p{transition:opacity .15s var(--ease)}.zr-s{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:var(--z1);width:100%;padding:12px 0 12px var(--z2);color:#f2f2ee52;transition:color .7s var(--zpe)}.zr-s:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background:var(--c-on-dark-line)}.zr-s:after{content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background:var(--c-on-dark);transform:scaleY(0);transform-origin:top;transition:transform .9s var(--zpe)}.zr-s.on:after{transform:scaleY(1)}.zr-s.done{color:#f2f2ee8c}.zr-s.on{color:var(--c-on-dark)}.zr-sn{font-size:var(--fs-k);font-variant-numeric:tabular-nums;padding-top:4px}.zr-st{font-family:var(--f-serif);font-size:var(--fs-t);line-height:1.2}.zr-sd{grid-column:2;font-size:var(--fs-sm);line-height:1.5;color:#f2f2ee99;max-height:0;overflow:hidden;opacity:0;transition:max-height .8s var(--zpe),opacity .8s var(--zpe),margin .8s var(--zpe)}.zr-s.on .zr-sd{max-height:3em;opacity:1;margin-top:4px}.zr-film{margin:0 0 var(--z4);gap:12px;height:48px;padding:0 22px 0 14px;border-radius:999px}.zr-play{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--c-on-dark);color:var(--c-night);flex:none}.zr-play svg{width:8px;height:8px}.zr-film:hover .zr-play{background:var(--c-night);color:var(--c-on-dark)}.zrm{display:none}.z3{display:grid;grid-template-columns:minmax(0,1fr);margin:var(--sec-l) var(--mx);background:var(--c-white);border:1px solid var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-ink)}.zt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--z5);align-items:start;padding:var(--z6) clamp(48px,5vw,88px)}.zt>h2,.zf-l h2,.zw-h h2{font-family:var(--f-serif);font-weight:300;font-size:var(--fs-h2);line-height:1;letter-spacing:-.02em}.zt>h2{grid-column:1 / -1;margin:0 0 var(--z5)}.zt-g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--z2);padding-top:var(--z2);border-top:1px solid var(--c-ink)}.zt-g h3{font-size:var(--fs-sm);font-weight:500;line-height:1.5}.zt-g dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--z2);padding:12px 0;border-bottom:1px solid var(--c-line);font-size:var(--fs-sm);line-height:1.5}.zt-g dl>div:first-child{padding-top:0}.zt-g dt{color:var(--c-stone)}.zf{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}.zf-l{padding:var(--sec-l) var(--mx)}.zf-l h2{margin-top:var(--z3)}.zf-c{font-size:var(--fs-ui);color:var(--c-stone);margin-top:var(--z4)}.zf-c a{display:inline-flex;border-bottom:1px solid currentColor;padding-bottom:2px;transition:color .6s var(--ease)}.zf-c a:hover{color:var(--c-indigo)}.zf-list{padding:var(--sec-l) var(--mx) var(--sec-l) var(--z6)}.zf-list>.zf-i:first-child{border-top:0}.zw{padding:var(--sec-l) var(--mx);background:var(--c-mist)}.zw-h{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--z3);flex-wrap:wrap}.zw-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--z3);margin-top:var(--z5)}.zw-c{display:block}.zw-im{position:relative;aspect-ratio:1 / 1;background:var(--c-mist);overflow:hidden}.zw-im.contain{background:var(--c-mist-2)}.zw-im img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .9s var(--zpe),transform 2.4s var(--zpe)}.zw-im.contain img{padding:12%;object-fit:contain}.zw-c:hover .zw-im img{transform:scale(1.04)}.zw-m{padding-top:var(--z2)}.zw-n{display:flex;align-items:center;gap:10px;font-family:var(--f-serif);font-size:30px;line-height:1.1}.zw-n .roll{height:1.2em;line-height:1.2em}.zw-c:hover .zw-n .roll>span{transform:translateY(-1.2em)}.zw-ar{width:18px;height:18px;transform:translate(-6px);opacity:0;transition:transform .7s var(--zpe),opacity .7s var(--zpe)}.zw-c:hover .zw-ar{transform:none;opacity:1}@media(max-width:1180px)and (min-width:1024px){.zf-list{padding-left:var(--z5)}}@media(max-width:1023px){.zp-sec+.zi-sec .zi{border-top:1px solid var(--c-ink)}.zi{grid-template-columns:1fr;border-bottom:0}.zi-t{padding:var(--z6) var(--mx) var(--z4)}.zi-t h2{font-size:42px}.zi-p,.zi-p2{font-size:var(--fs-body)}.zi-p{margin-top:var(--z3)}.zi-v{padding:0 var(--mx) var(--z6)}.zi-pc{width:64px;height:64px}.zr{height:auto}.zr-stage{display:none}.zrm{display:block;padding:var(--z6) 0}.zrm-hd{padding:0 var(--mx)}.zrm-hd h2{font-size:36px;line-height:1.02;margin-top:var(--z2)}.zrm-tabs{position:sticky;top:var(--hdr-h);z-index:var(--z-sticky);display:flex;margin-top:var(--z2);padding:var(--z2) var(--mx) 0;background:var(--c-night);border-bottom:1px solid var(--c-on-dark-line)}.zrm-tab{position:relative;flex:1;display:flex;align-items:baseline;justify-content:center;gap:6px;height:48px;padding:0;background:none;border:0;color:#f2f2eea3;font-size:var(--fs-sm);cursor:pointer;transition:color .6s var(--zpe)}.zrm-tab .n{font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.zrm-tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--c-on-dark);transform:scaleX(0);transition:transform .7s var(--zpe)}.zrm-tab.on{color:var(--c-on-dark)}.zrm-tab.on:after{transform:scaleX(1)}.zrm-p[hidden]{display:none}.zrm-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--z3) var(--mx) 0;scroll-padding:0 var(--mx);scrollbar-width:none;overscroll-behavior-x:contain}.zrm-track::-webkit-scrollbar{display:none}.zrm-card{flex:0 0 84%;scroll-snap-align:start;opacity:.4;transition:opacity .7s var(--zpe)}.zrm-card:last-child{margin-right:var(--mx)}.zrm-card.on{opacity:1}.zrm-card figure{margin:0;aspect-ratio:1 / 1;background:#000;overflow:hidden}.zrm-card video,.zrm-card img{width:100%;height:100%;object-fit:cover;object-position:var(--pos, 50% 50%);display:block}.zrm-cap{padding-top:var(--z2)}.zrm-cap h3{font-family:var(--f-serif);font-weight:400;font-size:28px;line-height:1.1}.zrm-d{font-size:var(--fs-ui);line-height:1.55;color:#f2f2eeb8;margin-top:6px}.zrm-cap .zr-film{margin:var(--z2) 0 0;height:44px}.zrm-dots{display:flex;gap:6px;margin:var(--z3) var(--mx) 0}.zrm-dots i{width:6px;height:6px;border-radius:50%;background:#f2f2ee40;transition:background-color .6s var(--zpe)}.zrm-dots i.on{background:var(--c-on-dark)}.z3{margin:var(--z6) 0 0;background:transparent;border:0;border-top:1px solid var(--c-line);box-shadow:none}.zt{grid-template-columns:minmax(0,1fr);padding:var(--z6) var(--mx) var(--z5)}.zt>h2{margin-bottom:var(--z4)}.zt-g+.zt-g{margin-top:var(--z4)}.zt>h2,.zf-l h2,.zw-h h2{font-size:40px}.zf{grid-template-columns:1fr;border-bottom:0}.zf-l{padding:var(--z6) var(--mx) 0}.zf-c{margin-top:var(--z2)}.zf-list{padding:var(--sec-s) var(--mx) var(--z6)}.zw{padding:var(--z6) 0 var(--z6) var(--mx)}.zw-h{padding-right:var(--mx)}.zw-g{display:flex;gap:var(--z2);overflow-x:auto;scroll-snap-type:x mandatory;margin-top:var(--z4);padding-right:var(--mx);scrollbar-width:none}.zw-g::-webkit-scrollbar{display:none}.zw-c{flex:0 0 72%;scroll-snap-align:start}.zw-n{font-size:24px}.zw-ar{opacity:1;transform:none}}@media(max-width:1023px)and (min-width:768px){.zi-t>*,.zrm-hd>*,.zt>*,.zf-l>*,.zf-list>*{max-width:640px}.zw-c{flex-basis:40%}}@media(prefers-reduced-motion:reduce){.zi-t h2 .ln,.zi-p,.zi-p2{transition:none;opacity:1;transform:none}.zr-f,.zr-f video,.zr-f img,.zr-b,.zr-b>div>*,.zr-c.on .zr-b>div>*,.zrm-p{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-cha-maker.css.map */