html { scroll-behavior: smooth; }
  body { -webkit-font-smoothing: antialiased; }

  .reveal { opacity: 0; transform: translateY(26px);
    transition: opacity .95s cubic-bezier(.22,1,.36,1), transform .95s cubic-bezier(.22,1,.36,1); }
  .reveal.in { opacity: 1; transform: none; }

  .grain::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.05;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E"); }

  .btn-book { background: linear-gradient(115deg, #C9A96E 0%, #8B6F47 52%, #6F7A48 100%);
    background-size: 200% 100%; background-position: 0% 0;
    transition: background-position .65s ease, transform .3s ease, box-shadow .35s ease; }
  .btn-book:hover, .btn-book:focus-visible { background-position: 100% 0;
    transform: translateY(-2px); box-shadow: 0 16px 32px -14px rgba(90,70,40,.55); }

  a:focus-visible, button:focus-visible { outline: 2px solid #C9A96E; outline-offset: 3px; }

  /* ---------- Просмотр диплома целиком ---------- */
  #lightbox { display: none; }
  #lightbox.lb-open { display: flex; animation: lbIn .3s ease both; }
  @keyframes lbIn { from { opacity: 0; } to { opacity: 1; } }
  /* на первом и последнем документе кнопка листания гаснет */
  #lbPrev[disabled], #lbNext[disabled] { opacity: .3; cursor: default; }

  @media (prefers-reduced-motion: reduce) {
    .reveal { opacity:1; transform:none; transition:none; }
    .sway { animation: none; }
    #lightbox.lb-open { animation: none; }
  }

/* Перенесено из атрибута style в разметке — см. пояснение в assets/css/index.css */
.is-hidden { opacity: 0; visibility: hidden; }