/* «Наші випускниці» (_GraduatesGallery) 0.27.0 — горизонтальная галерея в стиле Luxury Editorial.
   Компьютер: 4 фото (до 1100 px — 3), телефон: одно фото и часть следующего. Свайп — нативная прокрутка со snap; стрелки — graduates-gallery.js.
   Самостоятельные переменные и классы lg-grad* — не зависят от стилей страницы. */
.lg-grad{--g-bg:#1C1F22;--g-text:#E5E7EB;--g-bright:#F7F4EE;--g-muted:#B4B9BF;--g-accent:#E0D7C4;--g-line:rgba(255,255,255,.14);
  --g-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--g-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:var(--g-bg);color:var(--g-text);padding:96px 0;font:400 16px/1.6 var(--g-sans);-webkit-font-smoothing:antialiased}
.lg-grad *,.lg-grad *::before,.lg-grad *::after{box-sizing:border-box}
.lg-grad__wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.lg-grad__head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}
.lg-grad h2{font:500 clamp(2.4rem,4.2vw,3.6rem)/1.02 var(--g-serif);letter-spacing:-.01em;color:var(--g-bright);margin:0 0 10px}
.lg-grad__head p{margin:0;font:italic 400 clamp(1.25rem,1.9vw,1.6rem)/1.25 var(--g-serif);letter-spacing:.005em;color:var(--g-accent)} /* подзаголовок — наш шрифт, курсив, бежевый (как выделения в заголовках) */
.lg-grad__nav{display:flex;gap:10px;flex:none}
.lg-grad__arrow{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--g-line);background:transparent;color:var(--g-bright);cursor:pointer;padding:0;border-radius:0;transition:border-color .2s,background .2s,opacity .2s}
.lg-grad__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lg-grad__arrow:hover:not(:disabled){border-color:var(--g-accent);background:rgba(224,215,196,.08)}
.lg-grad__arrow:disabled{opacity:.3;cursor:default}
.lg-grad__arrow:focus-visible,.lg-grad__photo:focus-visible,.lg-grad__track:focus-visible{outline:2px solid var(--g-accent);outline-offset:3px}
.lg-grad__track{list-style:none;margin:0;padding:0;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.lg-grad__track::-webkit-scrollbar{display:none}
.lg-grad__item{flex:0 0 calc((100% - 48px) / 4);scroll-snap-align:start;margin:0}
.lg-grad__photo{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:#2a2e31;cursor:zoom-in}
.lg-grad__photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .3s}
.lg-grad__photo::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.06);pointer-events:none}
.lg-grad__photo:hover img{transform:scale(1.03)}
@media(max-width:1100px){.lg-grad__item{flex-basis:calc((100% - 32px) / 3)}}
@media(max-width:760px){
  .lg-grad{padding:72px 0}
  .lg-grad__wrap{padding:0 18px}
  .lg-grad__head{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:24px}
  .lg-grad__track{gap:12px;margin-right:-18px;padding-right:18px;scroll-padding-left:0}
  .lg-grad__item{flex-basis:78%}
}
@media(prefers-reduced-motion:reduce){.lg-grad__track{scroll-behavior:auto}.lg-grad__photo img{transition:none}}