/* Original React 485-frame scroll rail recreated in native JS. */
.oakwood-frame-rail{position:relative;height:560vh;background:#242424}
.oakwood-frame-sticky{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;background:#242424}
#oakwood-process-canvas{width:100%;height:100%;display:block}
.oakwood-phase-card{pointer-events:none;position:absolute;left:8vw;top:50%;transform:translateY(calc(-50% + 14px));width:min(448px,80vw);padding:32px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);opacity:0;transition:none;color:#292929}
.oakwood-phase-card h3{font-size:clamp(24px,2.5vw,32px);line-height:1.2;font-weight:700;margin:8px 0 12px}
.oakwood-phase-card p{font-size:15px;line-height:1.6}
.oakwood-phase-label{font-size:13px!important;font-weight:700;color:#557e3f!important}
.oakwood-phase-progress{position:absolute;right:32px;top:50%;transform:translateY(-50%);background:rgba(30,30,30,.65);padding:18px;color:#fff;backdrop-filter:blur(8px)}
.oakwood-phase-progress [data-step]{font-size:12px;opacity:.55;padding:9px 0 9px 12px;border-left:1px solid #999}
.oakwood-phase-progress [data-step].is-current{opacity:1;font-weight:700;border-left:3px solid #6b984e}
@media(max-width:767px){.oakwood-phase-card{left:6vw;right:6vw;top:auto;bottom:16vh;width:auto;padding:24px;transform:translateY(14px)}.oakwood-phase-progress{display:none}}
@media(prefers-reduced-motion:reduce){.oakwood-frame-rail{height:100vh}.oakwood-phase-card:not([data-phase="0"]){display:none}.oakwood-phase-card[data-phase="0"]{opacity:1!important;transform:translateY(-50%)!important}}