:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:no-preference){
 header nav a{transition:color .24s,opacity .24s}header nav a:hover{color:var(--accent)}
 .dark-link,.text-link,.ptx-cta,.explore .circle{transition:color .25s,background-color .25s,border-color .25s,transform .4s var(--motion-ease)}
 .dark-link:hover,.text-link:hover{transform:translateX(4px)}.explore:hover .circle{transform:translateY(3px)}
 .fuel-card,.port-grid article{transition:box-shadow .4s var(--motion-ease),border-color .4s}
 .fuel-card:hover,.port-grid article:hover{box-shadow:0 16px 42px #123c3510;border-color:#8cb098}
 .card-image,.fuel-concept,.hq-photo,.story-image{overflow:hidden}.card-image img,.fuel-concept img,.hq-photo img,.story-image img{transition:transform 1.1s var(--motion-ease)}
 .fuel-card:hover .card-image img,.fuel-card:hover .fuel-concept img,.hq-photo:hover img,.story-image:hover img{transform:scale(1.035)}
 .map-controls button,.language-control select,.menu-toggle{transition:background-color .25s,border-color .25s,color .25s}
 .project-entry{transition:background-color .25s}.project-entry:hover{background:#eaf0e8}
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:page-out .16s ease both}::view-transition-new(root){animation:page-in .22s ease both}
 @keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}