/* 04-бет · Жұмыстың ғылымилығы (қараңғы көгілдір киіз, бенто) — құрастырушы: B1. Тек .scene-p04 ішіндегі селекторлар. */
.scene-p04{color:var(--cream-2)}
.scene-p04 .p04-cssbg{position:absolute;inset:0;overflow:hidden;background:#10262c}
.scene-p04 .p04-cssbg img{width:100%;height:100%;object-fit:cover;filter:brightness(.6) saturate(.9)}
.scene-p04 .p04-cssbg::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 80% at 30% 32%,rgba(255,196,130,.22),transparent 60%),radial-gradient(120% 90% at 45% 45%,transparent 50%,rgba(5,12,14,.7))}

/* ---- бенто плиткалары: контейнер 960×780, transform арқылы кез келген rect-ке ---- */
.scene-p04 .p04-grid{position:absolute;inset:0;z-index:2}
.scene-p04 .p04-tile{position:absolute;left:0;top:0;width:960px;height:780px;transform-origin:0 0;overflow:hidden;border-radius:6px;background:#0d1f24;
  box-shadow:18px 26px 26px rgba(4,10,12,.55)}
.scene-p04 .p04-img{position:absolute;left:0;top:0;width:900px;height:1600px;max-width:none;display:block;transform-origin:0 0}
.scene-p04 .p04-dim{position:absolute;inset:0;background:#0a191d;opacity:0}
.scene-p04 .p04-line{position:absolute;inset:0;border-radius:6px;box-shadow:inset 0 0 0 1.5px rgba(217,164,65,.8)}

/* ---- 0-қадам: тақырып ---- */
.scene-p04 .p04-scrim{position:absolute;inset:0;z-index:3;pointer-events:none;
  background:radial-gradient(ellipse 50% 40% at 50% 50%,rgba(7,18,21,.86),rgba(7,18,21,.55) 62%,rgba(7,18,21,0) 100%)}
.scene-p04 .p04-head{position:absolute;left:0;right:0;top:352px;z-index:4;text-align:center}
.scene-p04 .p04-eyebrow{display:flex;justify-content:center;align-items:center;gap:18px;margin:0 0 34px;font:700 22px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-txt)}
.scene-p04 .p04-num{color:var(--cream-2);letter-spacing:.06em}
.scene-p04 .p04-eline{display:block;width:56px;height:2px;background:var(--ochre);transform-origin:0 50%}
.scene-p04 .p04-eline-r{transform-origin:100% 50%}
.scene-p04 .p04-title{margin:0;font-family:var(--serif);color:var(--cream-2)}
.scene-p04 .p04-t1{display:block;font-weight:620;font-size:124px;line-height:.98;letter-spacing:-.02em}
.scene-p04 .p04-t2{display:block;font-style:italic;font-weight:500;font-size:124px;line-height:1.04;letter-spacing:-.015em;color:var(--gold-hi)}

/* ---- оң жақ баған (1160–1800) ---- */
.scene-p04 .p04-col{position:absolute;left:1160px;top:0;width:640px;height:1080px;z-index:4}
.scene-p04 .p04-capeyebrow{position:absolute;left:4px;top:168px;display:flex;align-items:center;gap:18px;font:700 22px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-txt)}
.scene-p04 .p04-cap{position:absolute;left:0;top:236px;width:640px}
.scene-p04 .p04-count{display:flex;align-items:center;gap:14px;margin-left:4px;font-variant-numeric:tabular-nums}
.scene-p04 .p04-count b{font:700 34px/1 var(--sans);letter-spacing:.04em;color:var(--cream-2)}
.scene-p04 .p04-count span{font:600 22px/1 var(--sans);letter-spacing:.12em;color:var(--cream-txt-2)}
.scene-p04 .p04-cline{display:block;width:40px;height:2px;background:rgba(239,230,214,.45);transform-origin:0 50%}
.scene-p04 .p04-txt{margin:30px 0 0;font:500 46px/1.16 var(--serif);letter-spacing:-.01em;color:var(--cream-2)}
.scene-p04 .p04-txt em{font-style:italic;font-weight:540;color:var(--gold-hi)}
.scene-p04 .nw{white-space:nowrap}
.scene-p04 .p04-chips{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 10px}
.scene-p04 .p04-chip{display:flex;align-items:center;gap:10px;padding:9px 16px 10px 14px;border:1.5px solid rgba(217,164,65,.6);border-radius:999px;
  font:600 27px/1.1 var(--sans);color:var(--cream-2);background:rgba(8,20,24,.38)}
.scene-p04 .p04-dot{flex:none;width:9px;height:9px;background:var(--ochre);transform:rotate(45deg)}