/* Native WordPress offsets and the immersive four-chapter gallery. */
body.admin-bar .oh-site{--admin-offset:32px}
@media(max-width:782px){body.admin-bar .oh-site{--admin-offset:46px}}
@media(max-width:600px){body.admin-bar .oh-site{--admin-offset:0px}}
@media(max-width:820px){.oh-hero-scene>.oh-media{object-position:90% 50%}}

/* Static, readable composition is the baseline, including reduced motion. */
.oh-story{background:#202c27;color:#f3f0e7;margin:0;padding:50px 7%;border-radius:0}
.oh-cinema{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:800px;margin:auto;height:510px}.oh-cinema-photo,.oh-cinema-card{min-height:0;min-width:0}
.oh-cinema-photo{position:relative;padding:10px 10px 32px;background:#eae7de;transform:rotate(-4deg);box-shadow:0 24px 40px #0004}
.oh-cinema-photo>span{position:absolute;bottom:10px;left:13px;font:9px/1 Arial,sans-serif;letter-spacing:.13em;color:#454d41}
.oh-cinema-card{display:block;position:relative;height:100%;width:100%;margin:0;transform:rotate(3deg)}
.oh-cinema-portrait{height:100%;box-shadow:0 24px 40px #0004}
.oh-cinema-frame,.oh-cinema-room,.oh-cinema-word,.oh-cinema-detail,.oh-cinema-swatches,.oh-cinema-masthead{display:none}
.oh-step-kicker,.oh-step h3 em{color:#c1cbb3}.oh-step p{color:#bdc6b9}.oh-step h3{font-size:34px}
.oh-story-nav a{color:#b6c2b0}.oh-story-nav a:after{background:#ffffff24}.oh-story-nav i{background:#d5dfc6}.oh-story-nav a[aria-current=step]{color:#fff}

/* Nothing intercepts the wheel. Scroll progress drives the separate layers. */
.oh-cinematic .oh-story{height:440svh;padding:0;margin:0}
.oh-cinematic .oh-story-pin{isolation:isolate;min-height:0;perspective:1500px;background:radial-gradient(ellipse at 50% 40%,#3d493b 0%,#26332c 45%,#1b2923 100%)}
.oh-cinematic .oh-cinema{display:block;max-width:none;margin:0;perspective:1500px}
.oh-cinematic .oh-cinema-word{display:block;position:absolute;inset:9% 0 auto;height:29%;overflow:hidden;pointer-events:none}
.oh-cinema-word>span{position:absolute;inset:0;text-align:center;white-space:nowrap;font:italic clamp(90px,15vw,240px)/1.1 var(--serif);letter-spacing:-.055em;color:#dce4ce16;will-change:transform,opacity}
.oh-cinematic .oh-cinema-photo,.oh-cinematic .oh-cinema-card{position:absolute;top:43%;left:50%;width:min(26vw,37svh,390px);height:auto;aspect-ratio:3/4;max-height:none;will-change:transform,opacity;backface-visibility:hidden;transform:translate(-50%,-50%);transform-origin:50% 50%}
.oh-cinematic .oh-cinema-photo{inset:auto;top:43%;left:50%;padding:10px 10px 33px;box-shadow:0 24px 55px #0005;z-index:3}
.oh-cinematic .oh-cinema-photo .oh-media{position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 43px)}
.oh-cinematic .oh-cinema-card{z-index:4;box-shadow:0 28px 55px #0004;isolation:auto}
.oh-cinematic .oh-cinema-portrait{opacity:1;box-shadow:none;will-change:auto;overflow:hidden}
.oh-cinematic .oh-cinema-frame{display:block;inset:0;border:0;opacity:1;box-shadow:none}
.oh-cinema-frame i{position:absolute;display:block;background:#292824;box-shadow:inset 0 0 0 1px #8d87744a;will-change:transform,opacity}
.oh-cinema-frame i:nth-child(1){left:-10px;right:-10px;top:-10px;height:11px}
.oh-cinema-frame i:nth-child(2){right:-10px;top:0;bottom:0;width:11px}
.oh-cinema-frame i:nth-child(3){left:-10px;right:-10px;bottom:-10px;height:11px}
.oh-cinema-frame i:nth-child(4){left:-10px;top:0;bottom:0;width:11px}
.oh-cinematic .oh-cinema-detail{display:block;position:absolute;width:min(16vw,22svh);height:min(19vw,26svh);right:11%;top:32%;padding:7px 7px 30px;background:#ece9df;box-shadow:0 24px 35px #0003;z-index:3;will-change:transform,opacity}
.oh-cinema-detail>span{position:absolute;bottom:10px;left:12px;font-size:8px;line-height:1;letter-spacing:.13em;color:#43503e}
.oh-cinematic .oh-cinema-swatches{display:flex;align-items:center;position:absolute;left:13%;top:43%;gap:9px;will-change:transform,opacity}
.oh-cinema-swatches i{display:block;height:45px;width:29px;border:1px solid #ffffff38;background:var(--chip);box-shadow:0 10px 15px #0002;transform:rotate(-14deg)}
.oh-cinema-swatches i:nth-child(2){transform:translateY(-10px)}.oh-cinema-swatches i:nth-child(3){transform:rotate(14deg)}
.oh-cinema-swatches>span{position:absolute;white-space:nowrap;top:66px;left:-2px;color:#c4cdbb;font:italic 21px var(--serif)}
.oh-cinematic .oh-cinema-room{z-index:6;opacity:0;transform-origin:50% 44%;clip-path:circle(0% at 50% 44%);will-change:clip-path,opacity,transform}
.oh-cinematic .oh-cinema-room .oh-media{object-position:60% 50%}
.oh-cinematic .oh-cinema-room:after{background:linear-gradient(0deg,#14221eeb,transparent 49%),linear-gradient(180deg,#17221d6b,transparent 23%)}
.oh-cinematic .oh-cinema-masthead{position:absolute;top:28px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;color:#d5ddce;z-index:8;font-size:10px;letter-spacing:.15em}
.oh-cinema-counter{width:68px;height:26px;position:relative;font-size:11px;font-variant-numeric:tabular-nums}
.oh-cinema-counter b{position:absolute;top:0;left:0;font-weight:400;font-size:23px;line-height:1;will-change:opacity,transform}.oh-cinema-counter i{position:absolute;right:0;top:2px;font-style:normal;opacity:.5;letter-spacing:.05em}
.oh-cinematic .oh-steps{z-index:9}
.oh-cinematic .oh-step{left:8%;right:8%;top:auto;bottom:112px;width:auto;text-align:center}
.oh-cinematic .oh-step-kicker{display:none}
.oh-cinematic .oh-step h3{font-size:clamp(34px,4.1vw,64px);line-height:1.05;margin:0 0 10px;color:#f4f1e8}
.oh-cinematic .oh-step h3 em{color:#d0dac2}
.oh-cinematic .oh-step p{max-width:none;color:#c5cebd;font-size:13px;line-height:1.6;margin:auto}
.oh-cinematic .oh-story-nav{left:50%;right:auto;bottom:29px;width:min(680px,80%);transform:translateX(-50%);gap:28px;z-index:10}
.oh-cinematic .oh-story-nav a{padding:9px 0 13px;font-size:11px;gap:9px;transition:color .25s}
.oh-cinematic .oh-story-nav a:hover{color:white}.oh-cinematic .oh-story-nav b{font:14px Arial,sans-serif;font-weight:400;opacity:.65}
.oh-cinematic .oh-story-nav a:after,.oh-cinematic .oh-story-nav i{height:2px}
@media(min-width:821px) and (max-height:780px){.oh-cinematic .oh-cinema-photo,.oh-cinematic .oh-cinema-card{width:min(24vw,34svh);top:42%}.oh-cinematic .oh-step{bottom:103px}.oh-cinematic .oh-step h3{font-size:40px}.oh-cinematic .oh-cinema-word{top:10%}.oh-cinematic .oh-cinema-masthead{top:21px}}
@media(max-width:1100px){.oh-cinematic .oh-cinema-detail{right:7%}.oh-cinematic .oh-cinema-swatches{left:10%}.oh-cinematic .oh-cinema-swatches i{width:23px;height:37px}}
@media(max-width:820px){.oh-story{margin:0;padding:42px 7%}.oh-cinema{height:380px;gap:20px}.oh-cinema-photo{padding:7px 7px 27px}.oh-cinema-photo>span{font-size:7px}.oh-step h3{font-size:33px}.oh-story-nav{margin-top:25px}}
@media(max-width:480px){.oh-cinema{height:260px;gap:16px}.oh-cinema-photo>span{font-size:6px;left:9px;letter-spacing:.06em}.oh-step h3{font-size:29px}.oh-story-nav span{font-size:11px}}