/* 03-бет · Бағдарламаның өзектілігі (кремді киіз) — құрастырушы: B1. Тек .scene-p03 ішіндегі селекторлар. */
.scene-p03{color:var(--ink)}
.scene-p03 .p03-cssbg{position:absolute;inset:0;overflow:hidden;background:var(--cream)}
.scene-p03 .p03-cssbg img{width:100%;height:100%;object-fit:cover;filter:brightness(.97)}
.scene-p03 .p03-cssbg::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 80% at 62% 22%,rgba(255,236,200,.35),transparent 60%),radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(90,60,30,.28))}

/* ---- сол жақ: видео-панель (720 × 800) ---- */
.scene-p03 .p03-panel{position:absolute;left:120px;top:140px;width:680px;height:800px;z-index:2;will-change:transform}
.scene-p03 .p03-pshadow{position:absolute;inset:0;border-radius:20px;box-shadow:18px 26px 40px rgba(58,36,24,.30),0 2px 6px rgba(58,36,24,.18)}
.scene-p03 .p03-media{position:absolute;inset:0;border-radius:20px;overflow:hidden;background:#3a2a1e;clip-path:inset(0% 0% 0% 0% round 20px)}
.scene-p03 .p03-drift{position:absolute;inset:0;will-change:transform}
.scene-p03 .p03-layer{position:absolute;inset:0;will-change:opacity,transform}
.scene-p03 .p03-crop{position:absolute;inset:0;transform-origin:58% 92%}
.scene-p03 .p03-crop img,.scene-p03 .p03-crop video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block}
.scene-p03 .p03-scrim{position:absolute;left:0;right:0;bottom:0;height:180px;background:linear-gradient(to top,rgba(26,14,8,.55),rgba(26,14,8,0))}
.scene-p03 .p03-stitch{position:absolute;inset:0;width:680px;height:800px;overflow:visible;pointer-events:none}
.scene-p03 .p03-stitch rect{fill:none;stroke:var(--ochre);stroke-width:2.4;stroke-dasharray:2 9;stroke-linecap:round;opacity:.95}
.scene-p03 .p03-stories{position:absolute;left:44px;right:44px;bottom:42px;display:flex;gap:12px}
.scene-p03 .p03-seg{position:relative;flex:1;height:4px;border-radius:2px;background:rgba(246,239,227,.38);overflow:hidden}
.scene-p03 .p03-fill{position:absolute;inset:0;background:var(--cream-2);transform-origin:0 50%}

/* ---- оң жақ баған ---- */
.scene-p03 .p03-col{position:absolute;left:900px;top:0;width:900px;height:1080px;z-index:3}
.scene-p03 .p03-eyebrow{position:absolute;left:4px;top:352px;display:flex;align-items:center;gap:18px;font:700 22px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--terra-txt)}
.scene-p03 .p03-num{color:var(--ink);letter-spacing:.06em}
.scene-p03 .p03-eline{display:block;width:56px;height:2px;background:var(--terra-d);transform-origin:0 50%}
.scene-p03 .p03-title{position:absolute;left:0;top:404px;margin:0;font-family:var(--serif);color:var(--ink);transform-origin:0 0;white-space:nowrap}
.scene-p03 .p03-t1{display:block;font-weight:620;font-size:108px;line-height:.98;letter-spacing:-.02em}
.scene-p03 .p03-t2{display:block;font-style:italic;font-weight:500;font-size:108px;line-height:1.02;letter-spacing:-.015em;color:var(--teal)}
.scene-p03 .p03-rule{position:absolute;left:6px;top:664px;display:flex;align-items:center;gap:16px;height:30px}
.scene-p03 .p03-rline{display:block;width:150px;height:2px;background:var(--ink);transform-origin:0 50%}
.scene-p03 .p03-orn{width:60px;height:30px;fill:none;stroke:var(--terra);stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}
.scene-p03 .p03-hair{position:absolute;left:0;top:262px;width:900px;height:1.5px;background:rgba(36,21,13,.3);transform-origin:0 50%}
.scene-p03 .p03-st{position:absolute;left:0;top:280px;width:900px}
.scene-p03 .p03-idx{font:600 96px/1 var(--serif);letter-spacing:-.02em;color:var(--terra-hi);margin:0 0 18px -4px}
.scene-p03 .p03-txt{position:relative;margin:0;font:500 54px/1.14 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.scene-p03 .p03-long .p03-txt{font-size:48px;line-height:1.15}
.scene-p03 .p03-txt b{font-weight:700;color:var(--terra-hi)}