/* Small interactions stay consistent across mouse, touch and keyboard. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.media-note{position:relative;border-top-color:transparent}.media-note:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--line);transform-origin:left center}
.ticket-tabs{position:relative;isolation:isolate}.ticket-tabs:before{content:'';position:absolute;left:5px;top:5px;bottom:5px;width:calc((100% - 14px)/2);border-radius:100px;background:#dfc488;z-index:-1;transform:translateX(0);transition:transform .28s var(--motion-ease)}.ticket-tabs[data-selected=pair]:before{transform:translateX(calc(100% + 4px))}.ticket-tabs button,.ticket-tabs button[aria-selected=true]{background:transparent}.ticket-tabs button{transition:color .18s ease-out}
.button .arrow-icon,.text-button .arrow-icon,.story-link .arrow-icon{transition:translate .22s var(--motion-ease)}.nomination-item{transition:background .22s ease-out,box-shadow .22s ease-out}.nom-arrow{transition:background .22s ease-out,border-color .22s ease-out,rotate .24s var(--motion-ease)}.nomination-item:active .nom-arrow{scale:.92}.button:active{transform:scale(.985)}.request-close{transition:background .18s ease-out,scale .12s ease-out}.request-close:active{scale:.94}.request-fields>label:focus-within,.form-row>label:focus-within{color:#e5cc8e}.request-fields>label,.form-row>label{transition:color .18s ease-out}.request-fields input,.request-fields select,.request-fields textarea{transition:border-color .2s ease-out,background .2s ease-out}.check-label input{transition:scale .16s ease-out}.check-label input:active{scale:.9}.request-dialog::backdrop{animation:backdrop-enter .2s ease-out}.request-dialog[open]{animation-duration:.26s;animation-timing-function:var(--motion-ease)}.request-dialog.is-closing{animation:request-leave .16s ease-in both}.request-dialog.is-closing::backdrop{animation:backdrop-leave .16s ease-in both}.request-dialog-body{scroll-behavior:auto}.questions details summary span{transition:transform .25s var(--motion-ease)}.footer a{transition:color .2s ease-out}.footer a:hover{color:var(--accent)}
@media(hover:hover){.button:hover .arrow-icon,.text-button:hover .arrow-icon,.story-link:hover .arrow-icon{translate:2px -2px}.nomination-item:hover .nom-arrow{background:#dfc48812;border-color:#dfc48888;rotate:45deg}.nomination-item:hover .nom-text{transform:none}.nomination-item:hover .nom-arrow{transform:none}.gallery-trigger:hover img{filter:brightness(1.06)}.gallery-trigger img{transition:filter .3s ease-out}.request-close:hover{background:#dfc48812}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}@keyframes backdrop-leave{to{opacity:0}}@keyframes request-leave{to{opacity:0;transform:translateY(8px) scale(.99)}}
.motion-paused .ticket-tabs:before{transition:none}.motion-paused .request-dialog.is-closing{animation:none}
@media(prefers-reduced-motion:reduce){.ticket-tabs:before{transition:none}.request-dialog::backdrop,.request-dialog.is-closing,.request-dialog.is-closing::backdrop{animation:none}}

/* Pin layers without continuous backdrop sampling while the document moves. */
.header{backdrop-filter:none;background:#090909f5}
.story-screen,.memory-screen{contain:paint}
.story-disc{backface-visibility:hidden;box-shadow:inset 0 0 0 10px #67532240,inset 0 0 0 12px #eed59488,0 16px 40px #0006}
.story-copy{transition:none!important;backface-visibility:hidden}
