.abt{position:relative;padding:0;background:#fff6e8;--p:0}
.abt-pin{position:relative}
.abt-in{position:relative;height:100vh;height:100svh;padding:calc(var(--hh,89px) + clamp(24px,5vh,64px)) clamp(16px,3vw,40px) clamp(24px,5vh,64px);box-sizing:border-box}
.abt-stage{position:relative;height:100%;max-width:1680px;margin:0 auto}
.abt-img{position:absolute;inset:0;border-radius:30px;overflow:hidden;clip-path:inset(0 calc(var(--p1,0) * 50% + var(--p1,0) * 12px) 0 0 round 30px);will-change:clip-path}
.abt-img img{width:100%;height:100%;object-fit:cover;object-position:18% 60%;display:block}
.abt-txt{position:absolute;top:0;bottom:0;left:calc(50% + 12px);right:0;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(20px,4vw,72px);opacity:var(--p2,0);transform:translateY(calc((1 - var(--p2,0)) * 28px));color:#f7f1e6;pointer-events:none}
.abt.on .abt-txt{pointer-events:auto}
.abt-txt .eyebrow{color:#e8b04a;margin:0 0 14px}
.abt-txt h2{font-size:clamp(28px,3.4vw,54px);line-height:1.08;letter-spacing:-.02em;margin:0 0 18px;color:#fff6e8;max-width:15ch}
.abt-txt p.ab-p{font-size:clamp(15px,1.25vw,19px);line-height:1.6;color:#d9e1d6;margin:0 0 26px;max-width:42ch}
.abt-txt .btn{align-self:flex-start;background:#e8b04a;color:#13261c;font-size:14px;padding:14px 26px}
.abt-txt .btn:hover{background:#f3c56a;color:#13261c}
[dir=rtl] .abt-txt .btn{align-self:flex-start}
@media (min-width:801px){html:not(.cine-rm) .abt-pin{height:calc(100vh + 1100px);height:calc(100svh + 1100px)}
html:not(.cine-rm) .abt-in{position:sticky;top:0}}
@media (min-width:801px) and (max-height:620px){.abt-txt h2{font-size:28px}.abt-txt p.ab-p{font-size:14px;margin-bottom:14px}}
/* static: mobile + ?rm=1 */
@media (max-width:800px){.abt{background:#13261c}.abt-in{height:auto;padding:72px 18px 64px}.abt-stage{height:auto}
.abt-img{position:relative;aspect-ratio:16/9;border-radius:22px;clip-path:none}
.abt-txt{position:relative;left:auto;padding:30px 4px 0;opacity:1;transform:none;pointer-events:auto}
.abt-txt.rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.abt-txt.rv.in{opacity:1;transform:none}}
@media (min-width:801px){.cine-rm .abt{background:#13261c}.cine-rm .abt-img{clip-path:inset(0 calc(50% + 12px) 0 0 round 30px)}.cine-rm .abt-txt{opacity:1;transform:none;pointer-events:auto}}
html .abt-txt h2{max-width:none;text-wrap:wrap}