/* Страница «О школе» с разделом о названии, 14.10.2026. Всё внутри .gl */
.gl{background-color:var(--paper); color:var(--ink); font:18px/1.6 var(--f-body)}
.gl b,.gl strong{color:inherit}
.gl p{max-width:none}
.gl h1,.gl h2,.gl h3,.gl h4{color:inherit}
.gl :focus-visible{outline:3px solid var(--gold); outline-offset:3px}
.gl{
  --night:#1c2257; --night-2:#252c6b; --night-line:#4553a6; --star:#fff6df; --star-muted:#c3c6e6;
  --paper:#fbf6ea; --paper-2:#f3ead6; --paper-line:#e3cfa6; --card:#fffdf7;
  --ink:#2a2114; --ink-muted:#6a5a42; --gold:#f5b73c; --gold-deep:#a8540f; --gold-ink:#2a1d05;
  --f-display:"Playfair Display", Georgia, "Times New Roman", serif;
  --f-body:"PT Serif", Georgia, "Times New Roman", serif;
  --f-ui:"PT Sans", "Segoe UI", Arial, sans-serif;
  
}
.gl .wrap{max-width:1120px; margin:0 auto; padding-inline:20px}
.gl h1,.gl h2,.gl h3,.gl h4{font-family:var(--f-display); text-wrap:balance; line-height:1.15; margin:0}
.gl p{margin:0}
.gl .lab{font:700 15.5px/1.25 var(--f-ui); letter-spacing:.16em; text-transform:uppercase; color:var(--gold-deep)}
.gl .gbtn{display:inline-flex; align-items:center; gap:8px; font:700 16px/1 var(--f-ui); padding:15px 22px; border-radius:999px; text-decoration:none; border:1.5px solid transparent; cursor:pointer}
.gl .gbtn.main{background:var(--gold); color:var(--gold-ink); box-shadow:0 0 26px rgba(245,183,60,.45)}
.gl .gbtn.line{border-color:rgba(255,246,223,.5); color:var(--star)}
.gl .sec{padding-block:clamp(52px,7vw,88px)}
.gl .paper{background-color:var(--paper); background-image:linear-gradient(rgba(168,84,15,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(168,84,15,.06) 1px,transparent 1px); background-size:26px 26px}
.gl .night{background:radial-gradient(110% 120% at 85% 0%, #36409a 0%, var(--night) 55%); color:var(--star)}
.gl .night .lab{color:var(--gold)}
.gl .head{display:grid; gap:12px; max-width:760px; margin-bottom:28px}
.gl .head h2{font-size:clamp(28px,4vw,42px)}
.gl .head p{font-size:19px; color:var(--ink-muted)}
.gl .night .head p{color:var(--star-muted)}
.gl .top .wrap{display:grid; grid-template-columns:1.2fr .8fr; gap:36px; align-items:center; padding-block:60px 70px}
.gl .top h1{font-size:clamp(34px,5vw,58px); margin:14px 0 16px}
.gl .top h1 em{color:var(--gold)}
.gl .top p{font-size:19px; color:var(--star-muted); max-width:56ch}
.gl .top p + p{margin-top:12px}
.gl .top img{width:min(100%,380px); justify-self:center; aspect-ratio:1; object-fit:cover; object-position:40% 45%; border-radius:50%; border:3px solid rgba(245,183,60,.7); box-shadow:0 0 60px rgba(245,183,60,.35)}
@media (max-width:860px){.gl .top .wrap{grid-template-columns:1fr}
.gl .top img{width:min(70%,280px); order:-1}}
.gl .values{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:14px}
.gl .v{background:var(--card); border:1.5px solid var(--paper-line); border-radius:18px; padding:20px; display:grid; gap:8px; align-content:start}
.gl .v h3{font-size:21px}
.gl .v p{font:16px/1.55 var(--f-body); color:var(--ink-muted)}
.gl .gfounder{display:grid; grid-template-columns:.85fr 1.15fr; gap:44px; align-items:start}
.gl .gphoto{border-radius:22px; overflow:hidden; border:1.5px solid var(--paper-line); box-shadow:0 18px 40px rgba(120,90,35,.22); aspect-ratio:4/5}
.gl .gphoto img{width:100%; height:100%; object-fit:cover; object-position:50% 40%; display:block}
.gl .roles{display:flex; flex-wrap:wrap; gap:8px; margin-top:14px}
.gl .roles span{font:700 13.5px/1.2 var(--f-ui); padding:7px 11px; border-radius:999px; background:var(--night); color:var(--gold)}
.gl .say{font:italic 600 clamp(22px,2.6vw,30px)/1.3 var(--f-display); margin:18px 0 14px}
.gl .say em{color:var(--gold-deep)}
.gl .txt{display:grid; gap:14px}
@media (max-width:860px){.gl .gfounder{grid-template-columns:1fr}
.gl .gphoto{max-width:380px}}
.gl .path{margin-top:40px; display:grid; gap:0; position:relative; padding-left:34px}
.gl .path::before{content:""; position:absolute; left:11px; top:6px; bottom:6px; width:2px; background:linear-gradient(var(--gold),var(--night))}
.gl .pt{position:relative; padding:0 0 22px}
.gl .pt::before{content:""; position:absolute; left:-30px; top:4px; width:16px; height:16px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 4px rgba(245,183,60,.25)}
.gl .pt:last-child::before{background:var(--night); box-shadow:0 0 0 4px rgba(28,34,87,.2)}
.gl .pt b{display:block; font:700 19px/1.3 var(--f-display)}
.gl .pt span{font:15.5px/1.5 var(--f-ui); color:var(--ink-muted)}
.gl .name{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.gl .n{background:rgba(44,53,128,.6); border:1px solid var(--night-line); border-radius:18px; padding:22px; display:grid; gap:12px; align-content:start}
.gl .n .lab{color:var(--gold)}
.gl .n h3{font-size:26px; color:var(--star)}
.gl .n p{font-size:16.5px; color:var(--star-muted); line-height:1.6}
.gl .n .big{font:italic 600 21px/1.4 var(--f-display); color:var(--star)}
.gl .n .big b{color:var(--gold)}
.gl details.more{border-top:1px solid var(--night-line); padding-top:10px}
.gl details.more summary{cursor:pointer; font:700 15px/1.3 var(--f-ui); color:var(--gold)}
.gl details.more[open] summary{margin-bottom:10px}
.gl details.more p + p{margin-top:10px}
.gl .slogans{margin-top:26px; display:flex; flex-wrap:wrap; gap:10px}
.gl .slogans span{font:italic 18px/1.3 var(--f-display); padding:10px 16px; border-radius:999px; border:1px solid var(--night-line); color:var(--star)}
@media (max-width:860px){.gl .name{grid-template-columns:1fr}}
.gl .gsoyuz{display:grid; grid-template-columns:auto 1fr auto; gap:22px; align-items:center; background:var(--card); border:1.5px solid var(--paper-line); border-radius:20px; padding:22px}
.gl .gsoyuz img{width:72px; height:72px; border-radius:50%; box-shadow:0 0 0 3px var(--gold)}
.gl .gsoyuz h3{font-size:24px}
.gl .gsoyuz p{color:var(--ink-muted); font-size:16px; margin-top:6px}
.gl .gsoyuz a{font:700 15px/1 var(--f-ui); color:var(--gold-deep); white-space:nowrap}
@media (max-width:760px){.gl .gsoyuz{grid-template-columns:1fr}}
.gl .gsteps{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; counter-reset:s}
.gl .st{background:var(--card); border:1.5px solid var(--paper-line); border-radius:16px; padding:18px; display:grid; gap:8px; align-content:start}
.gl .st::before{counter-increment:s; content:counter(s); width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--gold); color:var(--gold-ink); font:800 16px/1 var(--f-ui)}
.gl .st h3{font-size:20px}
.gl .st p{font:15.5px/1.5 var(--f-ui); color:var(--ink-muted)}
.gl .acts{display:flex; gap:12px; flex-wrap:wrap; margin-top:24px}
@media (max-width:860px){.gl .gsteps{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){}