/* 17-бет · Марапаттар — құрастырушы: B4. Тек .scene-p17 ішіндегі селекторлар. */
.scene-p17{color:var(--cream-2)}
.scene-p17 .p17-cssbg{position:absolute;inset:0;overflow:hidden;background:#0c1d22}
.scene-p17 .p17-cssbg img{width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.85)}
.scene-p17 .p17-cssbg::after{content:"";position:absolute;inset:0;background:radial-gradient(28% 46% at 31% 38%,rgba(255,200,140,.34),transparent 70%),radial-gradient(120% 90% at 40% 45%,transparent 45%,rgba(5,12,14,.75))}

/* ---- экспонаттар ---- */
.scene-p17 .p17-vis{position:absolute;inset:0;z-index:2;pointer-events:none}
.scene-p17 .p17-track{position:absolute;left:0;top:0;width:1920px;height:1080px;will-change:transform}
.scene-p17 .p17-ex{position:absolute;left:600px;top:545px;margin:0}
.scene-p17 .p17-halo{position:absolute;left:-30%;right:-30%;top:-24%;height:70%;
  background:radial-gradient(50% 50% at 50% 50%,rgba(255,206,140,.16),rgba(255,206,140,.05) 55%,rgba(255,206,140,0) 72%)}
.scene-p17 .p17-frame{position:absolute;inset:0;background:linear-gradient(160deg,#3b2618,#24150d 55%,#1a0e08);border-radius:4px;padding:14px;
  box-shadow:18px 26px 26px rgba(4,10,12,.55),40px 60px 90px rgba(2,8,10,.5),inset 0 0 0 1.5px rgba(217,164,65,.55)}
.scene-p17 .p17-mat{position:relative;width:100%;height:100%;background:linear-gradient(170deg,#f3ebdd,#e9dfcd);border-radius:1px;padding:34px;
  box-shadow:inset 0 0 0 1px rgba(36,21,13,.25),inset 0 10px 24px rgba(36,21,13,.16)}
.scene-p17 .p17-photo{position:relative;overflow:hidden;box-shadow:0 0 0 1.5px rgba(154,67,34,.55)}
.scene-p17 .p17-photo img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 40%}
.scene-p17 .p17-glass{position:absolute;inset:0;background:linear-gradient(122deg,rgba(255,250,240,.16) 0%,rgba(255,250,240,.05) 26%,rgba(255,250,240,0) 40%,rgba(255,250,240,0) 70%,rgba(255,250,240,.06) 100%)}

/* жоғарыдан түскен жарық сәулесі (статикалық пішін, тек opacity анимацияланады) */
.scene-p17 .p17-beam{position:absolute;left:150px;top:-40px;width:900px;height:620px;
  clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,rgba(255,214,150,.13),rgba(255,214,150,.05) 55%,rgba(255,214,150,0))}

/* ---- жазу бағаны ---- */
.scene-p17 .p17-col{position:absolute;left:1080px;top:0;width:720px;height:1080px;z-index:3}
.scene-p17 .p17-cap{position:absolute;left:0;top:282px;width:720px}
.scene-p17 .p17-eyebrow{display:flex;align-items:center;gap:18px;font:700 22px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-txt);margin:0 0 30px 4px}
.scene-p17 .p17-enum{color:var(--cream-2);letter-spacing:.06em}
.scene-p17 .p17-eline{display:block;width:56px;height:2px;background:var(--ochre);transform-origin:0 50%}
.scene-p17 .p17-title{font:600 74px/1.04 var(--serif);letter-spacing:-.016em;color:var(--cream-2);margin:0;white-space:nowrap}
.scene-p17 .p17-sub{font:500 36px/1.3 var(--sans);color:var(--cream-txt-2);margin:22px 0 0 4px}
.scene-p17 .p17-big{font-family:var(--serif);font-style:italic;font-weight:540;font-size:72px;line-height:1.08;letter-spacing:-.01em;color:var(--gold-hi);margin:14px 0 0;white-space:nowrap;position:relative}
.scene-p17 .p17-big2{font-size:106px;line-height:1.02;margin-top:18px}
.scene-p17 .p17-meta{margin:46px 0 0 4px;position:relative;padding-top:28px}
.scene-p17 .p17-mrule{position:absolute;left:0;top:0;width:80px;height:2px;background:rgba(239,230,214,.55);transform-origin:0 50%}
.scene-p17 .p17-mtxt{font:600 30px/1.3 var(--sans);color:var(--cream-txt-2);margin:0}
.scene-p17 .p17-mtxt b{font-weight:700;color:var(--gold-txt)}