.scala-module__-rYOVa__shell{background:linear-gradient(#f8f4e81a,#070d13b3),url(/templum/scala-viae-bg.png) 50%/cover fixed;min-height:100svh;padding:48px 24px 64px;position:relative}.scala-module__-rYOVa__inner{z-index:1;width:min(1180px,100%);margin:0 auto;position:relative}.scala-module__-rYOVa__header{text-align:center;text-shadow:0 3px 18px #000000b8;margin-bottom:42px}.scala-module__-rYOVa__title{color:var(--ivory);letter-spacing:.12em;margin:0;font-size:clamp(2.8rem,6.4vw,5.8rem);font-weight:400;line-height:1}.scala-module__-rYOVa__translation{color:#e8ddc7c7;letter-spacing:.08em;margin:10px 0 0;font-size:1rem}.scala-module__-rYOVa__intro{color:#f5eee0e6;max-width:760px;margin:20px auto 0;line-height:1.75}.scala-module__-rYOVa__states{gap:22px;display:grid}.scala-module__-rYOVa__state{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07141f9e;border:1px solid #b48a3c61;padding:24px;box-shadow:0 14px 42px #0000002e}.scala-module__-rYOVa__stateHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.scala-module__-rYOVa__stateTitleBlock{flex-direction:column;gap:5px;display:flex}.scala-module__-rYOVa__stateName{color:var(--gold-soft);letter-spacing:.16em;margin:0;font-size:1.06rem;font-weight:400}.scala-module__-rYOVa__stateTranslation{color:#e8ddc7b3;letter-spacing:.04em;font-size:.78rem}.scala-module__-rYOVa__stateDescription{color:#e8ddc7a3;margin:7px 0 0;font-size:.78rem;line-height:1.5}.scala-module__-rYOVa__stateCount{color:#e8ddc7ad;letter-spacing:.1em;white-space:nowrap;font-size:.78rem}.scala-module__-rYOVa__gradusGrid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.scala-module__-rYOVa__gradusDoor{max-width:116px;color:inherit;flex-direction:column;flex:0 0 calc(12.5% - 14px);align-items:center;gap:10px;text-decoration:none;display:flex}.scala-module__-rYOVa__doorFrame{aspect-ratio:4/7;justify-content:center;align-items:stretch;width:100%;display:flex;position:relative}.scala-module__-rYOVa__doorLeaf{background-color:#050a10c7;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:14px;width:100%;height:100%;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;overflow:hidden;box-shadow:0 12px 24px #00000057,inset 0 0 0 1px #e8ddc70d}.scala-module__-rYOVa__gradusDoor:hover .scala-module__-rYOVa__doorLeaf{filter:brightness(1.04);transform:translateY(-3px);box-shadow:0 16px 30px #0000006b,0 0 0 1px #d9bf8a1f,inset 0 0 0 1px #e8ddc714}.scala-module__-rYOVa__doorBadge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050a10b8;border:1px solid #b48a3c73;flex-direction:column;align-items:center;gap:2px;min-width:58px;padding:7px 8px 6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #00000047}.scala-module__-rYOVa__doorNumber{color:var(--ivory);letter-spacing:.08em;text-shadow:0 2px 8px #000000e0;font-size:.92rem;line-height:1}.scala-module__-rYOVa__doorWord{color:#e8ddc7b8;letter-spacing:.14em;font-size:.56rem;line-height:1}.scala-module__-rYOVa__gradusLabel{color:#e8ddc7bd;letter-spacing:.1em;text-align:center;font-size:.68rem}.scala-module__-rYOVa__notice{color:#e8ddc7bd;text-align:center;background:#080c1094;border:1px solid #b48a3c47;max-width:760px;margin:36px auto 0;padding:18px 20px;line-height:1.7}.scala-module__-rYOVa__navigation{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.scala-module__-rYOVa__link{color:var(--gold-soft);letter-spacing:.12em;background:#07141f80;border:1px solid #b48a3c66;padding:12px 18px;font-size:.8rem;text-decoration:none;display:inline-block}.scala-module__-rYOVa__link:hover{background:#b48a3c24;border-color:#d9bf8ac2}@media (max-width:980px){.scala-module__-rYOVa__gradusDoor{flex-basis:calc(25% - 12px)}.scala-module__-rYOVa__shell{background-attachment:scroll}}@media (max-width:640px){.scala-module__-rYOVa__shell{padding:34px 14px 48px}.scala-module__-rYOVa__title{letter-spacing:.08em;font-size:clamp(2.2rem,12vw,4rem)}.scala-module__-rYOVa__gradusDoor{flex-basis:calc(50% - 8px)}.scala-module__-rYOVa__stateHeader{flex-direction:column;gap:8px}}