/* Günay Novruz: animation & audible music entry, edition 5 */
/* Restrained motion; photos and literature remain the focal points. */
#gn-audio-unlock{
 position:fixed;right:25px;bottom:28px;z-index:150;
 display:flex;align-items:center;gap:13px;
 border:1px solid rgba(255,246,228,.38);border-radius:100px;
 background:linear-gradient(110deg,#7f3a56,#5d2945);color:#fff;
 padding:13px 18px;font-size:13px;font-weight:700;
 box-shadow:0 12px 35px rgba(58,21,47,.22);
 cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;
 animation:gn-audio-entry .7s cubic-bezier(.2,.8,.2,1) both;
}
#gn-audio-unlock[hidden]{display:none!important}
#gn-audio-unlock>span:first-child{font-size:21px;line-height:1;color:#f6cfa0}
#gn-audio-unlock>span:last-child{
 width:28px;height:28px;border-radius:50%;
 display:grid;place-items:center;background:#f6d5a9;
 font-size:10px;color:#692b48;
}
#gn-audio-unlock:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(58,21,47,.33)}
#gn-audio-unlock:focus-visible{outline:3px solid #e5b888;outline-offset:3px}
body.gn-ambient-playing .hero-sound-btn{
 box-shadow:0 0 0 5px rgba(218,166,112,.1),0 12px 33px rgba(108,58,68,.17);
}
body.gn-ambient-playing .hero-sound-btn .sound-icon{
 animation:gn-note-rhythm 1.8s ease-in-out infinite;
 display:inline-block;
}
@keyframes gn-audio-entry{
 from{opacity:0;transform:translateY(25px)}
 to{opacity:1;transform:translateY(0)}
}
@keyframes gn-note-rhythm{
 0%,100%{transform:scale(1) rotate(-6deg)}
 30%{transform:scale(1.12) rotate(5deg)}
 55%{transform:scale(.97) rotate(-4deg)}
}
@keyframes gn-photo-breathe{
 0%,100%{transform:translateY(0)}
 50%{transform:translateY(-11px)}
}
@keyframes gn-glow-motion{
 0%,100%{opacity:.32;transform:translate3d(0,0,0) scale(.97)}
 50%{opacity:.65;transform:translate3d(-15px,9px,0) scale(1.05)}
}
@keyframes gn-card-glimmer{
 0%,25%{transform:translateX(-170%) skewX(-17deg)}
 53%,100%{transform:translateX(340%) skewX(-17deg)}
}
@keyframes gn-gold-orbit{
 0%,100%{transform:translateY(0) rotate(-4deg)}
 50%{transform:translateY(-8px) rotate(1deg)}
}
@keyframes gn-sunlight{
 0%,100%{opacity:.2}
 50%{opacity:.45}
}
@media (prefers-reduced-motion:no-preference){
 .hero .gn-hero-halo{animation:gn-glow-motion 13s ease-in-out infinite}
 .hero .hero-visual{animation:heroEnter 1s cubic-bezier(.19,1,.22,1) both,gn-photo-breathe 8s ease-in-out 1.2s infinite}
 .hero .hero-mini-photo{animation:gn-gold-orbit 7.5s ease-in-out infinite}
 .gn-portrait-stamp{animation:gn-gold-orbit 9s ease-in-out -3s infinite}
 .hero .sunrise-rays{animation:gn-sunlight 8s ease-in-out infinite}
 .hero .hero-photo-frame{position:relative;isolation:isolate}
 .hero .hero-photo-frame:after{
  content:"";pointer-events:none;
  position:absolute;inset:0;z-index:2;border-radius:inherit;
  background:linear-gradient(108deg,transparent 20%,rgba(255,243,205,.16) 48%,transparent 72%);
  transform:translateX(-170%) skewX(-17deg);
  animation:gn-card-glimmer 12s linear 1s infinite;
 }
 .discipline,.book-feature,.writing-card,.press-card,.gn-studio,.v3-gallery-item{
  transition:transform .4s cubic-bezier(.19,1,.22,1),box-shadow .4s ease,border-color .4s ease;
 }
 .discipline:hover,.writing-card:hover,.press-card:hover{transform:translateY(-7px)}
 .v3-gallery-item:hover{transform:translateY(-5px)}
 .gn-studio{box-shadow:0 26px 69px rgba(56,26,39,.22)}
 .gn-studio:hover{box-shadow:0 29px 81px rgba(56,26,39,.31)}
 .gn-track-item.selected .gn-track-action{
  box-shadow:0 0 0 4px rgba(132,52,72,.1);
 }
}
/* Keep the interface usable even if a browser refuses autoplay. */
.hero .sound-caption{max-width:260px}
@media(max-width:680px){
 #gn-audio-unlock{right:13px;bottom:15px;padding:11px 12px;font-size:12px;gap:8px}
 .hero .hero-visual{will-change:auto}
 .hero .hero-photo-frame:after{display:none}
}
@media(prefers-reduced-motion:reduce){
 #gn-audio-unlock,body.gn-ambient-playing .hero-sound-btn .sound-icon{
  animation:none!important;
 }
 .hero .gn-hero-halo,.hero .hero-mini-photo,.gn-portrait-stamp,
 .hero .hero-visual,.hero .sunrise-rays{animation:none!important}
}