@font-face{font-family:'Amolika Devanagari';src:url('assets/amolika-devanagari.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap;ascent-override:110%;descent-override:30%;line-gap-override:0%}
.wordmark{position:relative!important;display:grid!important;grid-template:1fr/1fr;width:3.45em;min-height:1.35em;padding:0!important;flex:none;perspective:220px}
.wordmark .logo-script{grid-area:1/1;align-self:center;justify-self:start;width:max-content;white-space:nowrap;transform-origin:center;backface-visibility:hidden;line-height:1;animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}
.wordmark .logo-english{animation-name:logo-english}
.wordmark .logo-devanagari{font-family:'Amolika Devanagari',serif;font-size:.83em;font-weight:300;letter-spacing:0;line-height:1;animation-name:logo-devanagari;opacity:0}
@keyframes logo-english{0%,41%,100%{opacity:1;transform:rotateX(0)}47%,91%{opacity:0;transform:rotateX(90deg)}95%{opacity:0;transform:rotateX(-90deg)}}
@keyframes logo-devanagari{0%,41%,100%{opacity:0;transform:rotateX(-90deg)}47%,91%{opacity:1;transform:rotateX(0)}95%{opacity:0;transform:rotateX(90deg)}}
.wordmark:hover .logo-script,.wordmark:focus-visible .logo-script{animation-play-state:paused}
.option-switch a{touch-action:manipulation;min-height:32px}
html[data-option-loading] .option-switch a[aria-busy=true]{border-bottom-color:currentColor}
html[data-option-loading] .option-switch{cursor:progress}
@media(prefers-reduced-motion:reduce){.wordmark .logo-script{animation:none}.wordmark .logo-english{opacity:1;transform:none}.wordmark .logo-devanagari{display:none}}

@media(max-width:760px){.option-switch a{min-height:24px}}
@media(max-width:700px){html[data-option="1"] .site-shell,html[data-option="2"] .site-shell{grid-template-rows:80px minmax(0,1fr) 78px}}

/* Keep the five design choices visible alongside each option's own controls. */
@media(max-width:700px){
  html[data-option="1"] .site-header,html[data-option="2"] .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:48px 32px;gap:0 10px}
  html[data-option="1"] .artist-lockup,html[data-option="2"] .artist-lockup{display:contents}
  html[data-option="1"] .wordmark,html[data-option="2"] .wordmark{grid-column:1;grid-row:1}
  html[data-option="1"] .tabs,html[data-option="2"] .tabs{grid-column:2;grid-row:1;align-self:center}
  html[data-option="1"] .option-switch,html[data-option="2"] .option-switch{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:6px;font-size:clamp(9px,2.5vw,10px)}
  html[data-option="3"] .site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:0 8px}
  html[data-option="3"] .artist-lockup{display:contents}
  html[data-option="3"] .wordmark{grid-column:1;grid-row:1;font-size:31px}
  html[data-option="3"] .main-nav{grid-column:2;grid-row:1;font-size:clamp(9px,2.5vw,10px);gap:10px;margin-left:0}
  html[data-option="3"] .option-switch{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:4px;font-size:clamp(9px,2.5vw,10px)}
}
@media(max-width:540px){
  html[data-option="4"] .poster-header,html[data-option="4a"] .poster-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:0 12px}
  html[data-option="4"] .artist-lockup,html[data-option="4a"] .artist-lockup{display:contents}
  html[data-option="4"] .wordmark,html[data-option="4a"] .wordmark{grid-column:1;grid-row:1}
  html[data-option="4"] .poster-header>.text-link,html[data-option="4a"] .poster-header>.text-link{grid-column:2;grid-row:1}
  html[data-option="4"] .option-switch,html[data-option="4a"] .option-switch{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:4px;font-size:clamp(9px,2.5vw,10px)}
}