/* 09-бет · Бағдарламаның жаңашылдығы — құрастырушы: B2. Тек .scene-p09 ішіндегі селекторлар. */
.scene-p09{color:var(--cream-2)}
.scene-p09 .p09-cssbg{position:absolute;inset:0;overflow:hidden;background:#10262c}
.scene-p09 .p09-cssbg img{width:100%;height:100%;object-fit:cover;filter:brightness(.6) saturate(.9)}

/* ---- 0: тақырып ---- */
.scene-p09 .p09-ring{position:absolute;left:1640px;top:560px;width:820px;height:820px;margin:-410px 0 0 -410px;z-index:2;will-change:transform}
.scene-p09 .p09-ring img{width:100%;height:100%;display:block;filter:drop-shadow(18px 26px 26px rgba(4,10,12,.55))}
.scene-p09 .p09-head{position:absolute;left:210px;top:330px;width:1000px;z-index:3}
.scene-p09 .p09-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-p09 .p09-num{color:var(--cream-2);letter-spacing:.06em}
.scene-p09 .p09-eline{display:block;width:56px;height:2px;background:var(--ochre);transform-origin:0 50%}
.scene-p09 .p09-title{font:620 116px/.98 var(--serif);letter-spacing:-.02em;color:var(--cream-2);margin:0;white-space:nowrap}
.scene-p09 .p09-rule{display:flex;align-items:center;gap:16px;margin:44px 0 0 6px;height:30px}
.scene-p09 .p09-rline{display:block;width:150px;height:2px;background:rgba(239,230,214,.7);transform-origin:0 50%}
.scene-p09 .p09-orn{width:60px;height:30px;fill:none;stroke:var(--ochre);stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}

/* ---- қабаттасқан жолақтар ---- */
.scene-p09 .p09-stack{position:absolute;inset:0;z-index:3}
.scene-p09 .p09-strip{position:absolute;left:120px;width:1680px;height:54px;display:flex;align-items:center;gap:18px;padding:0 30px}
.scene-p09 .p09-sbg,.scene-p09 .p09-bg{position:absolute;inset:0;border-radius:6px;background:linear-gradient(160deg,rgba(18,50,57,.84),rgba(10,30,35,.9));
  box-shadow:inset 0 0 0 1.5px rgba(217,164,65,.42),18px 26px 26px rgba(4,10,12,.45)}
.scene-p09 .p09-sbg{background:rgba(12,34,40,.9);box-shadow:inset 0 0 0 1.5px rgba(217,164,65,.3),0 10px 18px rgba(4,10,12,.35)}
.scene-p09 .p09-snum{position:relative;font:700 22px/1 var(--sans);letter-spacing:.08em;color:var(--gold-txt)}
.scene-p09 .p09-sline{position:relative;display:block;width:40px;height:1.5px;background:rgba(217,164,65,.6)}
.scene-p09 .p09-slab{position:relative;font:italic 500 30px/1 var(--serif);color:var(--gold-txt);white-space:nowrap}
.scene-p09 .p09-strip0 .p09-slab{color:var(--cream-2);font-style:normal;font-weight:600}

.scene-p09 .p09-band{position:absolute;left:120px;width:1680px;display:flex;align-items:center}
.scene-p09 .p09-v{position:relative;flex:none;width:470px;height:380px;display:flex;align-items:center;justify-content:center}
.scene-p09 .p09-emb{display:block;filter:drop-shadow(10px 16px 16px rgba(3,10,12,.5))}
.scene-p09 .p09-big{width:300px;height:300px}
.scene-p09 .p09-pair .p09-emb{position:absolute;width:230px;height:230px}
.scene-p09 .p09-pair .p09-e1{left:58px;top:40px}
.scene-p09 .p09-pair .p09-e2{left:200px;top:120px}
.scene-p09 .p09-card{position:relative;width:272px;height:344px;border-radius:6px;overflow:hidden;box-shadow:18px 26px 26px rgba(4,10,12,.55)}
.scene-p09 .p09-card img{width:100%;height:100%;object-fit:cover;display:block}
.scene-p09 .p09-cline{position:absolute;inset:8px;border-radius:3px;border:1.5px solid rgba(217,164,65,.85)}
.scene-p09 .p09-txt{position:relative;flex:1;padding:0 90px 0 10px}
.scene-p09 .p09-beb{display:flex;align-items:center;gap:16px;margin:0 0 26px 2px;font:700 22px/1 var(--sans);letter-spacing:.12em}
.scene-p09 .p09-bnum{color:var(--gold-txt)}
.scene-p09 .p09-bline{display:block;width:56px;height:2px;background:var(--ochre);transform-origin:0 50%}
.scene-p09 .p09-btot{color:var(--cream-txt-2)}
.scene-p09 .p09-p{font:500 38px/1.36 var(--sans);color:var(--cream-2);margin:0}
.scene-p09 .p09-p b{font-weight:700;color:var(--gold-txt)}
.scene-p09 .p09-note{font:500 34px/1.4 var(--sans);color:var(--cream-txt-2);margin:22px 0 0}
.scene-p09 .p09-paren{font:italic 500 40px/1.2 var(--serif);color:var(--gold-txt);margin:18px 0 0}

/* тігіс стиліндегі телефон */
.scene-p09 .p09-phone{width:300px;height:360px;overflow:visible}
.scene-p09 .p09-ph-body{fill:rgba(12,34,40,.6);stroke:#E7C57E;stroke-width:3.5;stroke-linejoin:round}
.scene-p09 .p09-ph-spk{fill:none;stroke:#E7C57E;stroke-width:3.5;stroke-linecap:round}
.scene-p09 .p09-ph-stitch{fill:none;stroke:rgba(246,239,227,.6);stroke-width:2.2;stroke-dasharray:2 8;stroke-linecap:round}
.scene-p09 .p09-ph-kz{fill:rgba(181,83,46,.55);stroke:var(--ochre);stroke-width:2}
.scene-p09 .p09-ph-pit{fill:rgba(31,78,90,.9);stroke:var(--ochre);stroke-width:2.2}
.scene-p09 .p09-ph-star{fill:rgba(231,197,126,.14);stroke:#E7C57E;stroke-width:3;stroke-linejoin:round}

/* әр жолақтың өлшемі өз биіктігіне сай (жолақ s әрқашан s-қадамда) */
.scene-p09 .p09-b1 .p09-p{font-size:46px;line-height:1.32}
.scene-p09 .p09-b1 .p09-big{width:400px;height:400px}
.scene-p09 .p09-b2 .p09-p{font-size:44px;line-height:1.32}
.scene-p09 .p09-b2 .p09-card{width:330px;height:418px}
.scene-p09 .p09-b3 .p09-p{font-size:42px}
.scene-p09 .p09-b3 .p09-phone{width:340px;height:408px}
.scene-p09 .p09-b4 .p09-p{font-size:42px}
.scene-p09 .p09-b4 .p09-pair .p09-emb{width:260px;height:260px}
.scene-p09 .p09-b4 .p09-pair .p09-e1{left:40px;top:20px}
.scene-p09 .p09-b4 .p09-pair .p09-e2{left:190px;top:110px}
.scene-p09 .p09-b3 .p09-p{font-size:40px;white-space:nowrap}
.scene-p09 .p09-b5 .p09-v{width:420px}
.scene-p09 .p09-b5 .p09-p{font-size:37px}
.scene-p09 .p09-p,.scene-p09 .p09-note{text-wrap:pretty}
.scene-p09 .p09-b5 .p09-txt{padding-right:50px}