/* 1-бет · Титул */
.p01-shanyrak{position:absolute;left:960px;top:540px;width:1000px;height:1000px;margin:-500px 0 0 -500px;overflow:visible;z-index:2;will-change:transform}
.p01-shanyrak .sh-poles{stroke:var(--ochre);stroke-width:1.6;stroke-linecap:round;opacity:.7;transform-origin:500px 500px}
.p01-shanyrak .sh-ring{fill:none;stroke:var(--ochre);stroke-width:3;stroke-linecap:round}
.p01-shanyrak .sh-ring2{fill:none;stroke:var(--ochre);stroke-width:1.2;opacity:.6}
.p01-shanyrak .sh-ring3{fill:none;stroke:#1a0e08;stroke-width:12;opacity:.55}
.p01-shanyrak .sh-bars{fill:none;stroke:#140a05;stroke-width:13;stroke-linecap:round;opacity:.82}
.p01-shanyrak .sh-bars-hi{fill:none;stroke:var(--ochre);stroke-width:1.6;stroke-linecap:round;opacity:.75;transform:translate(-3px,-3px)}

.p01-copy{position:absolute;left:908px;top:252px;width:1000px;z-index:5}
.p01-eyebrow{display:flex;align-items:center;gap:18px;margin:0 0 6px 8px;font:700 22px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--ink)}
.p01-idx{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--ink)}
.p01-eyebrow-line{display:block;width:56px;height:2px;background:var(--terra-d);transform-origin:0 50%}
.p01-title{font-family:var(--serif);font-weight:620;font-size:180px;line-height:.92;letter-spacing:-.02em;color:var(--ink);margin:0}
.p01-title{position:relative}
.p01-title .w{display:block;white-space:nowrap}
.p01-title .w2{margin-left:-6px}
.p01-rule{display:flex;align-items:center;gap:16px;margin:28px 0 16px 8px;height:30px}
.p01-rule-line{display:block;width:150px;height:2px;background:var(--ink);transform-origin:0 50%}
.p01-orn{width:60px;height:30px;fill:none;stroke:var(--terra);stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}
.p01-sub{font-family:var(--serif);font-style:italic;font-weight:500;font-size:54px;line-height:1.1;color:var(--teal-txt);margin-left:6px;letter-spacing:-.005em}
.p01-sub .ln{display:block;clip-path:inset(-.34em -.6em -.34em -.6em)}
.p01-sub .in{display:inline-block}
.p01-sub b{font-style:normal;font-weight:700;color:var(--terra-hi)}

.p01-author{position:absolute;left:916px;top:858px;width:932px;z-index:5;color:var(--ink)}
.p01-author-line{display:block;width:100%;height:1.5px;background:rgba(36,21,13,.35);transform-origin:0 50%;margin-bottom:22px}
.p01-author-name{font:700 40px/1.15 var(--sans);letter-spacing:-.005em;clip-path:inset(-.34em -.6em -.34em -.6em)}
.p01-author-role{font:500 28px/1.3 var(--sans);color:var(--ink-2);margin-top:6px;clip-path:inset(-.34em -.6em -.34em -.6em)}
.p01-author .in{display:inline-block}

/* CSS нұсқасы (WebGL жоқ кезде) */
.p01-css{position:absolute;inset:0;overflow:hidden;background:var(--night)}
.p01-css-light{position:absolute;inset:0}
.p01-css-felt{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0}
.p01-css-disc{position:absolute;left:0;top:0;width:299px;height:162px;transform-origin:0 0}

/* тыныш күй: маска жоқ, мәтін қарапайым */
.p01-rest .p01-sub .ln,.p01-rest .p01-author-name,.p01-rest .p01-author-role{clip-path:none}

/* Контраст: мәтіннің артында жұмсақ жарық (киіз тігісі мен көлеңкесі әріпті бұзбауы үшін) */
.p01-copy::before,.p01-author::before{content:"";position:absolute;z-index:-1;pointer-events:none}
.p01-copy::before{left:-120px;top:-80px;right:-90px;bottom:-70px;background:radial-gradient(58% 60% at 46% 50%,rgba(247,241,230,.62),rgba(247,241,230,.34) 62%,rgba(247,241,230,0) 100%)}
.p01-author::before{left:-60px;top:-34px;right:-40px;bottom:-40px;background:radial-gradient(62% 70% at 40% 52%,rgba(247,241,230,.6),rgba(247,241,230,0) 100%)}
.p01-sub{font-weight:540}