.ocb-sc{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,70px);align-items:start}.ocb-sc--end .ocb-sc__pin{order:2}.ocb-sc__pin{position:sticky;inset-block-start:max(calc(var(--oc-header-h,72px) + 30px),calc((100vh - var(--ocb-sc-stage-h,640px)) / 2))}.ocb-sc__stage{position:relative;block-size:min(74vh,640px);overflow:hidden;border-radius:var(--oc-radius,8px);background:color-mix(in srgb,var(--oc-ink,#1c1c1c) 5%,transparent)}@media (min-width:783px){.ocb-sc--shape-square .ocb-sc__stage{block-size:auto;aspect-ratio:1;max-block-size:min(80vh,760px)}.ocb-sc--shape-natural .ocb-sc__stage{block-size:auto;aspect-ratio:var(--ocb-sc-ar,4/5);max-block-size:min(84vh,900px)}.ocb-sc__flow{display:flex;flex-direction:column;row-gap:max(200px,calc(56vh - var(--ocb-sc-stage-h,640px)))}}.ocb-sc__frame{position:absolute;inset:0;opacity:0;transform:scale(1.03);transition:opacity .6s ease,transform .9s cubic-bezier(.22,.61,.36,1)}.ocb-sc__frame.is-on{opacity:1;transform:none}.ocb-sc__dots{position:absolute;inset-block-start:50%;translate:0 -50%;inset-inline-end:-26px;display:flex;flex-direction:column;gap:10px;z-index:3}.ocb-sc__dot{inline-size:9px;block-size:9px;padding:0;border:0;border-radius:999px;cursor:pointer;background:color-mix(in srgb,var(--oc-ink,#1c1c1c) 22%,transparent);transition:background-color .3s ease,scale .3s ease}.ocb-sc__dot.is-filled{background:var(--oc-ink,#1c1c1c)}.ocb-sc__dot:hover{scale:1.25}.ocb-sc__dot:focus-visible{outline:2px solid var(--oc-ink,#1c1c1c);outline-offset:3px}@media (max-width:1100px){.ocb-sc__dots{inset-inline-end:14px;padding:7px 5px;border-radius:999px;background:rgb(0 0 0 / 22%);backdrop-filter:blur(3px)}.ocb-sc__dot{background:rgb(255 255 255 / 45%)}.ocb-sc__dot.is-filled{background:#fff}.ocb-sc__dot:focus-visible{outline-color:#fff}}.ocb-sc__frame img,.ocb-sc__frame video{inline-size:100%;block-size:100%;object-fit:cover;display:block}.ocb-sc__step{min-block-size:var(--ocb-sc-stage-h,640px);display:flex;flex-direction:column;justify-content:center}.ocb-sc__chapter{will-change:opacity,translate}.ocb-sc__step h3,.ocb-sc__mtext h3{font-family:var(--oc-font-display,inherit);letter-spacing:.02em;line-height:1.2;text-wrap:balance;font-weight:600}.ocb-sc__step h3{margin:0 0 12px;font-size:clamp(1.4em,2.6vw,1.9em)}.ocb-sc__words{line-height:1.8;opacity:.85;max-inline-size:480px}.ocb-sc__mtexts{display:none}@media (max-width:782px){.ocb-sc{grid-template-columns:1fr;gap:0}.ocb-sc__pin{display:flex;flex-direction:column;position:sticky;inset-block-start:calc(var(--oc-header-h,64px) + 8px);block-size:calc(100svh - var(--oc-header-h,64px) - 16px);z-index:2;background:var(--oc-bg-user,var(--oc-surface,#fff))}.ocb-sc__stage{block-size:auto;flex:1 1 auto;min-block-size:34vh}.ocb-sc__mtexts{display:grid;margin-block-start:14px;flex:0 0 auto;padding-block-end:8px}.ocb-sc__mtext{grid-area:1 / 1;opacity:0;transform:translateY(22px);transition:opacity .38s ease,transform .38s cubic-bezier(.22,.61,.36,1);pointer-events:none}.ocb-sc__mtext.is-past{transform:translateY(-22px)}.ocb-sc__mtext.is-on{opacity:1;transform:none;pointer-events:auto}.ocb-sc__mtext h3{margin:0 0 8px;font-size:clamp(1.25em,5vw,1.5em)}.ocb-sc__step{min-block-size:38vh;visibility:hidden;padding-block:0}.ocb-sc__step:last-child{min-block-size:62vh}}