.ox{padding:0;--zg:#C9A96E;--zw:#F0ECE4;background:#0b0a09;color:var(--zw);position:relative}
.ox-eyebrow{font:300 .72rem/1.4 Poppins,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--zg);margin:0 0 1rem}
.ox h2{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;margin:0;color:var(--zw)}
.ox .num{font:300 .7rem/1 Poppins,sans-serif;letter-spacing:.3em;color:var(--zg)}
.ox h3{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.1;margin:.6rem 0 .7rem;color:var(--zw)}
.ox p.d{font:300 .95rem/1.7 Poppins,sans-serif;color:rgba(240,236,228,.72);margin:0;max-width:26rem}
.ob-pin{position:relative;height:100vh;overflow:hidden;background:radial-gradient(ellipse at 62% 45%,#1b1814 0%,#0b0a09 65%)}
.ob canvas{position:absolute;inset:0;width:100%;height:100%;display:block;contain:strict}
.ob-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.ob.nogl .ob-still{display:block}.ob.nogl canvas{display:none}
.ob-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,7,6,.85) 0%,rgba(8,7,6,0) 45%)}
.ob-text{position:absolute;left:7vw;top:50%;transform:translateY(-50%);width:min(24rem,80vw)}
.ob-caps{position:relative;min-height:10rem}.ob-cap{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.ob-cap.on{opacity:1;transform:none}
@media (orientation:portrait){.ob-shade{background:linear-gradient(0deg,rgba(8,7,6,.95) 0%,rgba(8,7,6,.7) 30%,rgba(8,7,6,0) 55%)}.ob-text{top:auto;bottom:7vh;transform:none;left:7vw;right:7vw;width:auto}}
.ob.static .ob-cap{position:relative;opacity:1;transform:none;margin-bottom:1.4rem}.ob.static .ob-text{top:auto;bottom:4vh;transform:none}.ob.static .ob-caps{min-height:0}

.ob{height:420vh}.ob-pin{position:sticky;top:0}.ob.static{height:auto}.ob.static .ob-pin{position:relative}.ob-pin{background:#0b0a09}