/* ==========================================================================
   AE Creative — Icon system
   Line icons live once in assets/icons/sprite.svg as <symbol> defs and are
   referenced via <use>, e.g.:

     <svg class="icon" width="22" height="22" viewBox="0 0 24 24"
          fill="none" stroke="currentColor" stroke-width="1.6"
          stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
       <use href="assets/icons/sprite.svg#icon-photography"></use>
     </svg>

   fill/stroke/stroke-width set on the outer <svg> cascade down into the
   symbol's shapes (none of them declare their own), so every icon reuses
   the same stroke style used throughout the site. See COMPONENTS.md for
   the full icon list and usage notes.

   Decorative glyph icons (✦ ◈ ✧ ⚡ ◆ ↗ ▤ ✚ ◗ ⌂ ◎ ⬡ and the social
   letters "in"/"X"/"♪") are plain text characters, not part of this
   sprite — they don't need an SVG asset.
   ========================================================================== */

.icon{display:block;flex:none}
.icon--sm{width:18px;height:18px}
.icon--lg{width:28px;height:28px}