/* One drawing weight across links, photographs and interactive demonstrations. */
.ui-icon{display:inline-block;width:22px;height:22px;flex:0 0 22px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hero-proof>.ui-icon{color:var(--green)}
.case-link>.ui-icon{color:var(--green);width:24px;height:24px;flex-basis:24px}
.gallery-expand>.ui-icon{width:21px;height:21px}
.gallery-prev,.gallery-next{display:grid;place-items:center}
.gallery-original,.gallery-source,.contact-email-draft,.hotspot-story-link,.back-to-room,.article-action{display:inline-flex;align-items:center;gap:10px}
.gallery-original,.gallery-source{margin:4px 12px}
.film-links .ui-icon{color:#e9b06d;width:20px;height:20px;flex-basis:20px}
.article-nav>a{gap:10px}
.story-tools button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.story-tools .ui-icon{width:18px;height:18px;flex-basis:18px}
@media(hover:hover) and (pointer:fine){
  a>.ui-icon,button>.ui-icon{transition:transform 220ms var(--ease-out)}
  a:hover>.ui-icon,button:not(:disabled):hover>.ui-icon{transform:scale(1.08)}
  .gallery-photo:hover .gallery-expand{transform:scale(1.06)}
}
@media(prefers-reduced-motion:reduce){
  a>.ui-icon,button>.ui-icon,.gallery-expand{transition:none!important;transform:none!important}
}