.z-ritual { display:grid; grid-template-columns:1fr 1fr; background:#fff; color:#11110f; margin-block:64px; min-height:560px; text-align:right; }
.z-ritual__copy { padding:32px clamp(24px,4.3vw,80px); display:flex; flex-direction:column; justify-content:space-between; gap:32px; min-width:0; }
.z-ritual__heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.z-ritual__heading h2 { font-size:clamp(26px,2.7vw,42px); line-height:1.5; font-weight:500; margin:0; }
.z-ritual__heading h2 span { font-weight:300; }
.z-ritual__pause { flex-shrink:0; display:grid; place-items:center; width:30px; height:30px; background:transparent; border:1px solid #d9d6d0; border-radius:0; padding:0; color:#35332e; cursor:pointer; transition:background .25s,border-color .25s; }
.z-ritual__pause[hidden] { display:none; }
.z-ritual__pause:hover { background:#f7f5f1; border-color:#8c8579; }
.z-ritual__pause svg { grid-area:1/1; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; }
.z-ritual__pause .z-ritual__icon-play { display:none; }
.z-ritual__pause[aria-pressed="true"] .z-ritual__icon-pause { display:none; }
.z-ritual__pause[aria-pressed="true"] .z-ritual__icon-play { display:block; }
.z-ritual__item { opacity:.5; transition:opacity .25s; }
.z-ritual__item.is-active { opacity:1; }
.z-ritual__item [role=tab] { display:flex; align-items:center; gap:20px; width:100%; padding:18px 0; background:none; border:0; border-radius:0; text-align:right; color:inherit; font:inherit; font-size:clamp(20px,1.7vw,27px); line-height:1.5; cursor:pointer; }
.z-ritual__number { display:grid; place-items:center; width:27px; height:27px; flex:0 0 27px; background:#11110f; color:#fff; border-radius:50%; font-size:11px; transition:transform .3s; }
.z-ritual__detail { height:0; overflow:hidden; }
.z-ritual__item.is-active .z-ritual__detail { height:auto; }
.z-ritual__detail p { padding:0 47px 23px 0; margin:0; max-width:480px; font-size:15px; line-height:1.95; font-weight:300; }
.z-ritual__track { height:1px; background:rgba(17,17,15,.25); overflow:hidden; }
.z-ritual__detail .z-ritual__link { display:flex; width:fit-content; align-items:center; gap:12px; margin:0 auto 20px 0; padding-bottom:3px; color:#11110f; font-size:13px; line-height:1.8; text-decoration:none; border-bottom:1px solid #b5b2ac; }
.z-ritual__link span { display:inline-block; margin-left:4px; transition:transform .25s; }
.z-ritual__link:hover span { transform:translateX(-4px); }
.z-ritual__link:focus-visible { outline:2px solid #6a5740; outline-offset:4px; }
.z-ritual__track span { display:block; height:100%; width:100%; background:#11110f; transform:scaleX(0); transform-origin:right center; }
.z-ritual__visual { position:relative; overflow:hidden; min-height:560px; background:#fff; }
.z-ritual__panel { position:absolute; inset:0; opacity:0; visibility:hidden; transform:translateX(-3%); }
.z-ritual__panel.is-active { opacity:1; visibility:visible; transform:none; }
.z-ritual__panel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.z-ritual button:focus-visible { outline:2px solid #6a5740; outline-offset:4px; }
@media(hover:hover) and (pointer:fine) { .z-ritual__item:not(.is-active):hover .z-ritual__number { transform:translateX(-25%); } .z-ritual__item:not(.is-active):hover .z-ritual__track { background:rgba(0,0,0,.75); } }
@media(max-width:767px) { .z-ritual { grid-template-columns:1fr; margin-block:36px; } .z-ritual__copy { padding:25px 24px; gap:20px; } .z-ritual__visual { min-height:0; height:280px; } .z-ritual__heading h2 { font-size:28px; } .z-ritual__item [role=tab] { font-size:21px; padding:14px 0; } .z-ritual__detail p { font-size:14px; padding-bottom:18px; } }
@media(prefers-reduced-motion:reduce) { .z-ritual *, .z-ritual *::before { transition:none!important; } }