<!-- Inspirations Menu -->
<div class="js-inspiration-menu inspiration_menu" id="inspiration_menu" aria-label="Inspiration Menu">
<div class="inspiration_menu_media" aira-hidden="true">
<div class="inspiration_nav_media_item">
<picture class="inspiration_nav_media_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/vcuarts/1440x810/1" width="1440" height="810">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/vcuarts/1220x686/1" width="1220" height="686">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/vcuarts/980x552/1" width="980" height="552">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/vcuarts/735x980/1" width="735" height="980">
<img class="inspiration_nav_media_image" src="//images.fastspot.com/vcuarts/555x740/1" alt="" loading="lazy" width="555" height="740">
</picture>
</div>
<div class="inspiration_nav_media_item">
<picture class="inspiration_nav_media_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/vcuarts/1440x810/2" width="1440" height="810">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/vcuarts/1220x686/2" width="1220" height="686">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/vcuarts/980x552/2" width="980" height="552">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/vcuarts/735x980/2" width="735" height="980">
<img class="inspiration_nav_media_image" src="//images.fastspot.com/vcuarts/555x740/2" alt="" loading="lazy" width="555" height="740">
</picture>
</div>
<div class="inspiration_nav_media_item">
<picture class="inspiration_nav_media_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/vcuarts/1440x810/3" width="1440" height="810">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/vcuarts/1220x686/3" width="1220" height="686">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/vcuarts/980x552/3" width="980" height="552">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/vcuarts/735x980/3" width="735" height="980">
<img class="inspiration_nav_media_image" src="//images.fastspot.com/vcuarts/555x740/3" alt="" loading="lazy" width="555" height="740">
</picture>
</div>
<div class="inspiration_nav_media_item">
<picture class="inspiration_nav_media_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/vcuarts/1440x810/4" width="1440" height="810">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/vcuarts/1220x686/4" width="1220" height="686">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/vcuarts/980x552/4" width="980" height="552">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/vcuarts/735x980/4" width="735" height="980">
<img class="inspiration_nav_media_image" src="//images.fastspot.com/vcuarts/555x740/4" alt="" loading="lazy" width="555" height="740">
</picture>
</div>
<div class="inspiration_nav_media_item">
<picture class="inspiration_nav_media_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/vcuarts/1440x810/5" width="1440" height="810">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/vcuarts/1220x686/5" width="1220" height="686">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/vcuarts/980x552/5" width="980" height="552">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/vcuarts/735x980/5" width="735" height="980">
<img class="inspiration_nav_media_image" src="//images.fastspot.com/vcuarts/555x740/5" alt="" loading="lazy" width="555" height="740">
</picture>
</div>
</div>
<div class="js-inspiration-menu-inner inspiration_menu_inner">
<div class="inspiration_menu_close">
<button class="js-inspiration-menu-close-toggle js-swap inspiration_menu_close_toggle button_toggle" data-swap-target=".inspiration_menu" data-swap-linked="inspiration_menu">
<span class="inspiration_menu_close_toggle_inner_default inspiration_menu_close_toggle_inner button_toggle_inner_default button_toggle_inner">
<span class="inspiration_menu_close_toggle_label_default inspiration_menu_close_toggle_label button_toggle_label_default button_toggle_label">Close</span>
<span class="inspiration_menu_close_toggle_icon_default inspiration_menu_close_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
<span class="inspiration_menu_close_toggle_inner_active inspiration_menu_close_toggle_inner button_toggle_inner_active button_toggle_inner">
<span class="inspiration_menu_close_toggle_label_active inspiration_menu_close_toggle_label button_toggle_label_active button_toggle_label">Close</span>
<span class="inspiration_menu_close_toggle_icon_active inspiration_menu_close_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
</button>
</div>
<div class="inspiration_menu_body">
<nav class="inspiration_nav inspiration_nav_takeover" aria-label="Inspirations">
<div class="inspiration_nav_header">
<h2 class="inspiration_nav_title">Select An Inspiration Collection</h2>
</div>
<ul class="inspiration_nav_list" aria-label="Inspirations">
<li class="inspiration_nav_item">
<a class="inspiration_nav_link" href="#">
<div class="inspiration_nav_link_inner">
<span class="inspiration_nav_link_label">Sustainability</span>
</div>
</a>
</li>
<li class="inspiration_nav_item">
<a class="inspiration_nav_link" href="#">
<div class="inspiration_nav_link_inner">
<span class="inspiration_nav_link_label">Technology</span>
</div>
</a>
</li>
<li class="inspiration_nav_item">
<a class="inspiration_nav_link" href="#">
<div class="inspiration_nav_link_inner">
<span class="inspiration_nav_link_label">Civic Action</span>
</div>
</a>
</li>
<li class="inspiration_nav_item">
<a class="inspiration_nav_link" href="#">
<div class="inspiration_nav_link_inner">
<span class="inspiration_nav_link_label">Inclusion & Representation</span>
</div>
</a>
</li>
<li class="inspiration_nav_item">
<a class="inspiration_nav_link" href="#">
<div class="inspiration_nav_link_inner">
<span class="inspiration_nav_link_label">Health & Wellness</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="inspiration_menu_mask"></div>
</div>
</div>
<!-- END: Inspirations Menu -->
<!-- Inspirations Menu -->
<div class="js-inspiration-menu inspiration_menu" id="inspiration_menu" aria-label="Inspiration Menu">
<div class="inspiration_menu_media" aira-hidden="true">
{% for item in navigation.inspirations %}
<div class="inspiration_nav_media_item">
{% include '@partial-picture' with {
class: 'inspiration_nav_media',
alt: item.alt,
image: item.image,
loading: 'lazy',
default: img.portraitFull.sml,
sources: {
"1220px": img.wide.xlrg,
"980px": img.wide.lrg,
"740px": img.wide.med,
"500px": img.portraitFull.med
}
} %}
</div>
{% endfor %}
</div>
<div class="js-inspiration-menu-inner inspiration_menu_inner">
<div class="inspiration_menu_close">
{% include '@partial-button-toggle' with {
class: 'inspiration_menu_close',
title: 'Close',
icon: 'close',
active_title: "Close",
active_icon: 'close',
swap_target: '.inspiration_menu',
swap_link: 'inspiration_menu'
} %}
</div>
<div class="inspiration_menu_body">
<nav class="inspiration_nav inspiration_nav_takeover" aria-label="Inspirations">
<div class="inspiration_nav_header">
<h2 class="inspiration_nav_title">Select An Inspiration Collection</h2>
</div>
<ul class="inspiration_nav_list" aria-label="Inspirations">
{% for item in navigation.inspirations %}
<li class="inspiration_nav_item">
<a class="inspiration_nav_link" href="{{ item.url }}">
<div class="inspiration_nav_link_inner">
<span class="inspiration_nav_link_label">{{ item.title }}</span>
</div>
</a>
</li>
{% endfor %}
</ul>
</nav>
</div>
<div class="inspiration_menu_mask"></div>
</div>
</div>
<!-- END: Inspirations Menu -->
No notes defined.