.protocol-steps{--protocol-photo-height:clamp(440px, 68vh, 670px);--protocol-sticky-top:calc(var(--header) + 36px)}.protocol-steps__intro{max-width:800px;margin-bottom:80px}.protocol-steps__intro .lead{max-width:650px;margin-top:28px}.protocol-steps__chapter{min-width:0}.protocol-steps__visual{position:relative;min-width:0}.protocol-steps__frame{position:relative;isolation:isolate;height:420px}.protocol-steps__frame::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--caramel);transform:translate(12px,12px)}.protocol-steps__image{width:100%;height:100%;border:12px solid var(--ivory)}.protocol-steps__image picture{display:block;width:100%;height:100%}.protocol-steps__copy{min-width:0;padding:28px 0 64px}.protocol-steps__number,.protocol-steps__progress{font-family:var(--body);font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.14em;color:#785a39;font-variant-numeric:tabular-nums}.protocol-steps__copy h3{margin:16px 0;font-family:var(--heading);font-size:clamp(30px, 4vw, 38px)}.protocol-steps__text{font-size:16px;line-height:1.7}.protocol-steps__copy .protocol-steps__detail{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;line-height:1.7}.protocol-steps__divider{margin-inline:12px;opacity:.6}@media (min-width:768px) and (max-width:991px){.protocol-steps__frame{height:580px}}@media (min-width:992px){.protocol-steps__intro{width:70%}.protocol-steps__chapters{display:grid;grid-template-columns:50% 40%;grid-template-rows:repeat(var(--protocol-count),auto);column-gap:10%}.protocol-steps__chapter{display:contents}.protocol-steps__visual{grid-column:1;grid-row:var(--protocol-index);align-self:center;justify-self:start;width:min(100%, calc(var(--protocol-photo-height) * .8));height:var(--protocol-photo-height)}.protocol-steps__frame{height:auto;aspect-ratio:4 / 5;transform:rotate(-3deg)}.protocol-steps__frame::before{transform:translate(18px,18px)}.protocol-steps__copy{grid-column:2;grid-row:var(--protocol-index);min-height:70vh;padding-block:60px}.protocol-steps__copy h3{font-size:38px}.protocol-steps.is-enhanced .protocol-steps__visual{position:sticky;top:var(--protocol-sticky-top);grid-row:1 / -1;align-self:start;opacity:0;visibility:hidden;transform:translateY(18px);pointer-events:none;transition:opacity 500ms var(--ease),transform 500ms var(--ease),visibility 0s 500ms}.protocol-steps.is-enhanced .protocol-steps__visual.is-active{z-index:1;opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.protocol-steps__progress{position:sticky;top:calc(var(--protocol-sticky-top) + var(--protocol-photo-height) + 38px);grid-column:1;grid-row:1 / -1;align-self:start;justify-self:start;z-index:2;margin:0}}@media (prefers-reduced-motion:reduce){.protocol-steps.is-enhanced .protocol-steps__visual{transform:none;transition:none}}