/* Prague Film School — design tokens, resets and theme variables.
   Loaded once per route via <helmet><link>. All layout/component styling
   lives inline on the elements themselves. */

:root{
  --bg:#0b0b0c;
  --bg2:#141417;
  --bg3:#1d1d21;
  --fg:#f3f1ef;
  --dim:#a29e99;
  --line:#2c2c31;
  --acc:oklch(0.63 0.19 25);
  --accfg:#ffffff;
  --max:1280px;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#fbfaf8;
  --bg2:#f2f0ec;
  --bg3:#e7e4de;
  --fg:#141415;
  --dim:#5d5a55;
  --line:#dbd7d0;
  --acc:oklch(0.53 0.19 25);
  --accfg:#ffffff;
  color-scheme:light;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:"Instrument Sans",system-ui,-apple-system,sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  transition:background .25s ease,color .25s ease;
}
h1,h2,h3,h4,h5,p,ul,ol,figure,blockquote,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,video,iframe{display:block;max-width:100%}
.theme-light-only{display:none!important}
:root[data-theme="light"] .theme-dark-only{display:none!important}
:root[data-theme="light"] .theme-light-only{display:block!important}
a{color:var(--acc);text-decoration:none}
a:hover{color:var(--fg)}
[data-demo-disabled]{
  opacity:.5;
  cursor:not-allowed!important;
  color:var(--dim)!important;
  text-decoration:none!important;
}
button,input,select,textarea{font:inherit;color:inherit}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
/* accordion marker: rotates when its <details> is open */
[data-marker]{display:inline-block;transition:transform .18s ease}
details[open] summary [data-marker]{transform:rotate(45deg) !important}
::selection{background:var(--acc);color:var(--accfg)}

/* Poster galleries keep uniform rows while full credits remain available
   in each poster's lightbox. */
.alumni-poster-grid>li{min-width:0}
.alumni-poster-grid figure{height:100%;display:flex;flex-direction:column}
.alumni-poster-caption{min-height:101px}
.alumni-poster-title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.alumni-poster-credit{
  height:4.5em;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}