/* Vector controls use the same geometry on Safari, iOS and desktop. */
button{-webkit-appearance:none;appearance:none}
.ui-icon{display:block;width:24px;height:24px;flex:0 0 auto;overflow:visible;pointer-events:none}
.contact-top,.text-link,.news-more,footer>a:last-child{align-items:center}
.contact-top{min-height:44px}
.contact-top>span,.pill>span{display:flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1}
.contact-top>span{width:36px;height:36px}
.contact-top .ui-icon{width:21px;height:21px}
.text-link>span,.photo b,.news-more b{display:flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1}
.text-link .ui-icon,.photo .ui-icon,.news-more .ui-icon{width:23px;height:23px}
.enter-world{min-width:44px;min-height:48px;justify-content:center}
.enter-world i{display:flex;align-items:center;justify-content:center;line-height:1}
.enter-world .ui-icon{width:28px;height:28px}
.pill .ui-icon{width:21px;height:21px}
footer>a:last-child{display:inline-flex;gap:10px;min-height:44px;white-space:nowrap}
footer>a:last-child .ui-icon{width:20px;height:20px}
.film-play{padding:0;width:108px;height:108px;aspect-ratio:1;flex-shrink:0;gap:8px;color:#f1dfbb;border:1px solid #d9bd877a;background:linear-gradient(145deg,#18252b99,#071116b3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 4px #dfc49308;touch-action:manipulation}
.film-play .film-symbol{display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}
.film-play .ui-icon{width:27px;height:27px}
.film-play .icon-play{transform:translateX(1px)}
.film-play .icon-pause{display:none}
.film-play[data-state="playing"] .icon-play{display:none}
.film-play[data-state="playing"] .icon-pause{display:block}
.film-play small{line-height:1.2;font-size:9px;letter-spacing:1.2px;white-space:nowrap}
.dialog-close,.photo-prev,.photo-next{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;line-height:1;touch-action:manipulation}
.photo-prev,.photo-next{border:1px solid #d9bd8755;border-radius:50%;background:#09121799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pill:hover span{transform:none}
@media(hover:hover) and (pointer:fine){.pill:hover span{transform:rotate(45deg)}.film-play:hover{background:#4a433688;border-color:#ead0a0}.news-card:hover .news-more .ui-icon,.text-link:hover .ui-icon{transform:translate(2px,-2px)}}
.news-more .ui-icon,.text-link .ui-icon{transition:transform .25s ease}
@media(max-width:700px){.contact-top>span{width:32px;height:32px}.contact-top .ui-icon{width:19px;height:19px}.film-play{width:96px;height:96px}.film-play .ui-icon{width:26px;height:26px}.film-play small{font-size:8px;letter-spacing:1px}.photo-prev{left:4px}.photo-next{right:4px}}
@media(prefers-reduced-motion:reduce){.ui-icon{transition:none!important}}

footer .site-author{font:inherit;color:inherit;letter-spacing:normal;white-space:nowrap}

/* Keep the author centred in the page, independently of the back-to-top link. */
footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding-left:7vw;padding-right:7vw;column-gap:16px}
footer .site-author{grid-column:2;grid-row:1;text-align:center}
footer>a:last-child{grid-column:3;grid-row:1;justify-self:end}
@media(max-width:700px){footer{grid-template-columns:1fr;row-gap:8px}footer .site-author{grid-column:1;grid-row:1}footer>a:last-child{grid-column:1;grid-row:2;justify-self:center}}