.rr3d{--rr3d-ink:#183b3d;--rr3d-paper:#f4f5f1;--rr3d-progress:0;position:relative;background:var(--rr3d-paper);color:var(--rr3d-ink);font-family:Manrope,Arial,sans-serif;isolation:isolate}
.rr3d *{box-sizing:border-box}.rr3d-pin{position:relative;max-width:1680px;margin:auto;padding:48px 5vw 30px}.rr3d-heading{position:relative;z-index:1;margin:0;font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(35px,3.6vw,58px);line-height:1.05;font-weight:400;letter-spacing:-.035em}.rr3d-eyebrow{margin:0 0 14px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.rr3d-layout{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:center;gap:20px}.rr3d-visual{grid-column:2;grid-row:1;min-width:0;position:relative}.rr3d-model{height:540px;width:100%;position:relative}.rr3d-model canvas{display:block;width:100%;height:100%}.rr3d-fallback{width:100%;height:100%;object-fit:contain;display:block}.rr3d-copy{grid-column:1;grid-row:1;position:relative;z-index:1}.rr3d-phases{list-style:none;margin:0;padding:0}.rr3d-phase{margin:0 0 26px}.rr3d-phase h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:34px;font-weight:400;line-height:1.12;letter-spacing:-.02em;margin:0 0 12px}.rr3d-phase p{font-size:14px;line-height:1.65;max-width:250px;margin:0}.rr3d-number{font-size:11px;letter-spacing:.12em;display:block;margin-bottom:14px;color:#667b77}.rr3d-steps{display:none;list-style:none;padding:0;margin:36px 0 0;gap:8px}.rr3d-step{width:42px;border-top:2px solid #c6d2cc;padding-top:10px;font-size:12px;color:#657a74}.rr3d-step[aria-current]{border-color:#183b3d;color:#183b3d;font-weight:800}.rr3d-caption{font-size:10px;letter-spacing:.045em;line-height:1.6;margin:4px 0 0;text-align:right;color:#526c64}.rr3d-legend{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap;font-size:10px;line-height:1.4;color:#526c64;margin-top:-12px;position:relative}.rr3d-legend span{display:flex;align-items:center;gap:6px}.rr3d-legend span:before{content:'';display:block;width:16px;height:4px;background:#bc9d68}.rr3d-legend span+span:before{background:#87b8b1}.rr3d-hint{display:none;font-size:11px;letter-spacing:.02em;margin:0;color:#526c64}.rr3d-progress{display:none;height:1px;background:#d7dfd8;position:absolute;bottom:0;left:5vw;right:5vw}.rr3d-progress:after{content:'';display:block;height:2px;background:#183b3d;transform:scaleX(var(--rr3d-progress));transform-origin:left}
.rr3d-ready{height:400vh;height:400svh}.rr3d-ready .rr3d-pin{height:100vh;height:100svh;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.rr3d-ready .rr3d-layout{flex:1;min-height:0}.rr3d-ready .rr3d-visual{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center}.rr3d-ready .rr3d-model{height:min(65vh,650px);height:min(65svh,650px)}.rr3d-ready .rr3d-fallback{display:none}.rr3d-ready .rr3d-phases{display:grid;min-height:162px}.rr3d-ready .rr3d-phase{grid-area:1/1;visibility:hidden;margin:0}.rr3d-ready .rr3d-phase.rr3d-active{visibility:visible}.rr3d-ready .rr3d-steps{display:flex}.rr3d-ready .rr3d-hint,.rr3d-ready .rr3d-progress{display:block}
@media(max-width:700px){.rr3d-pin{padding:28px 22px 22px}.rr3d-heading{font-size:36px;max-width:320px}.rr3d-eyebrow{font-size:9px;margin-bottom:10px}.rr3d-layout{display:flex;flex-direction:column;gap:14px;align-items:stretch}.rr3d-model{height:310px}.rr3d-visual{order:0}.rr3d-copy{order:1}.rr3d-phase h3{font-size:30px;margin-bottom:8px}.rr3d-phase p{font-size:13px;max-width:320px}.rr3d-number{margin-bottom:8px;font-size:10px}.rr3d-caption{font-size:8px;text-align:left;margin-top:6px}.rr3d-legend{justify-content:flex-start;gap:12px;font-size:9px;margin-top:0}.rr3d-ready{height:300vh;height:300svh}.rr3d-ready .rr3d-pin{justify-content:flex-start;padding-top:26px}.rr3d-ready .rr3d-layout{justify-content:center;gap:18px;flex:1}.rr3d-ready .rr3d-visual{height:auto;flex:none}.rr3d-ready .rr3d-model{height:36svh;min-height:230px;max-height:360px}.rr3d-ready .rr3d-phases{min-height:114px}.rr3d-ready .rr3d-steps{margin-top:12px}.rr3d-step{width:44px;padding-top:7px;font-size:11px}.rr3d-hint{font-size:10px;margin-top:16px}.rr3d-progress{left:22px;right:22px}}
@media(max-height:650px) and (min-width:701px){.rr3d-pin{padding-top:20px;padding-bottom:16px}.rr3d-heading{font-size:34px}.rr3d-ready .rr3d-model{height:62svh}.rr3d-ready .rr3d-phases{min-height:135px}.rr3d-ready .rr3d-steps{margin-top:16px}}
@media(max-height:700px) and (max-width:700px){.rr3d-ready .rr3d-pin{padding:16px 20px}.rr3d-heading{font-size:29px}.rr3d-ready .rr3d-layout{gap:8px}.rr3d-ready .rr3d-model{min-height:180px;height:32svh}.rr3d-ready .rr3d-phases{min-height:100px}.rr3d-phase h3{font-size:26px}.rr3d-ready .rr3d-hint{margin-top:8px}.rr3d-ready .rr3d-steps{margin-top:6px}}
.rr3d-legend{margin-top:0}
@media(prefers-reduced-motion:reduce){.rr3d-ready{height:auto}.rr3d-ready .rr3d-pin{position:relative;height:auto;overflow:visible}.rr3d-ready canvas{display:none}.rr3d-ready .rr3d-fallback{display:block}.rr3d-ready .rr3d-phases{display:block}.rr3d-ready .rr3d-phase{visibility:visible;margin-bottom:26px}.rr3d-ready .rr3d-steps,.rr3d-ready .rr3d-hint,.rr3d-ready .rr3d-progress{display:none}}