.symbols-page{position:relative;z-index:5;width:min(1040px,100%);height:100%;overflow:auto;margin:auto;padding:clamp(88px,11vw,130px) 22px 110px}
.symbols-stamp{width:112px;margin:0 auto 18px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.28))}
.symbols-stamp img{display:block;width:100%;height:auto;opacity:.9}
.symbols-header{max-width:700px;margin:0 auto 44px;text-align:center}
.symbols-eyebrow{color:#2f2f2f;font-size:11px;font-weight:800;letter-spacing:.24em;text-shadow:-1px -1px 0 rgba(255,241,222,.9),1px 1px 0 rgba(255,241,222,.9),0 2px 10px rgba(0,0,0,.22)}
.symbols-header h1{margin:15px 0 18px;font-family:Anton,sans-serif;font-size:clamp(60px,11vw,126px);font-weight:400;line-height:.85;color:#2d2d2d;text-shadow:-1px -1px 0 rgba(255,241,222,.88),1px 1px 0 rgba(255,241,222,.88),0 8px 25px rgba(0,0,0,.18)}
.symbols-header p{margin:0;color:#2a2a2a;font-size:17px;line-height:1.55;text-shadow:none}
.symbols-stage{display:grid;grid-template-columns:52px minmax(0,760px) 52px;align-items:center;gap:18px;max-width:900px;margin:auto}
.symbols-slide{min-height:380px;padding:28px 42px;border-top:1px solid rgba(255,241,222,.45);border-bottom:1px solid rgba(255,241,222,.45);background:linear-gradient(100deg,rgba(22,19,17,.9),rgba(22,19,17,.48));box-shadow:0 15px 28px rgba(0,0,0,.24);animation:symbol-in .4s both;cursor:pointer}
.symbol-image{display:block;width:min(100%,300px);aspect-ratio:1/1;height:auto;margin:0 auto 22px;object-fit:cover;border:1px solid rgba(255,241,222,.58);box-shadow:0 10px 24px rgba(0,0,0,.4);filter:sepia(.18) contrast(1.05)}
.symbols-control{width:52px;height:52px;border:1px solid rgba(255,241,222,.65);border-radius:50%;background:rgba(22,19,17,.8);color:#f5f0e8;font-size:25px;cursor:pointer}
.symbols-control:hover{background:#f5f0e8;color:#171311}
.symbol-meta{display:flex;align-items:center;gap:15px;margin-bottom:13px}
.symbol-number{color:#f5f0e8;font-family:Cinzel,serif;font-size:21px;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.symbol-tag{color:#f5f0e8;font-size:10px;font-weight:800;letter-spacing:.2em;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.symbols-slide h2{margin:0;color:#f5f0e8;font-family:Cinzel,serif;font-size:clamp(28px,4vw,48px);line-height:1.08;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.symbol-summary{margin:16px 0 0;color:#f5f0e8;font-size:16px;font-weight:700;line-height:1.45;text-shadow:0 1px 2px rgba(0,0,0,.2)}
.symbols-dots{display:flex;justify-content:center;gap:9px;margin:24px 0 0}
.symbols-dot{width:10px;height:10px;padding:0;border:1px solid #2d2d2d;border-radius:50%;background:transparent;cursor:pointer;box-shadow:none}
.symbols-dot.active{background:#2d2d2d}
@keyframes symbol-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.symbols-page{padding:82px 16px 100px}.symbols-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px}.symbols-slide{min-height:290px;padding:22px 20px}.symbol-image{width:min(100%,220px);margin-bottom:18px}.symbols-control{width:38px;height:38px;font-size:19px}.symbols-slide h2{font-size:29px}.symbol-summary{font-size:14px}.symbols-header p{font-size:15px}}
