/*
 * Home page, Avada Builder version (Dev Docs/Design/homepage_revamp/homepage-builder-plan.md).
 * The page is built from native Fusion Builder containers, columns and Text/Image/Button elements so the web
 * team can edit it in the builder (AGENTS.md 3.12). Each container has the CSS class "pg-home pg-<section>";
 * the grid comes from Fusion's own column-size classes (fusion-one-half, -one-third, -one-fourth, -three-fifth,
 * -two-fifth ...), so columns added, cloned or resized in the builder follow the layout without extra classes.
 * Loaded instead of home-revamp.css when the page content has Fusion containers (inc/brand-refresh.php).
 * Tokens (--pg-*) come from brand-refresh.css. !important is used only where Fusion writes inline styles
 * (column widths/margins, container padding/background) or brand-refresh.css forces button colours.
 */

/* ---- Page and containers ---- */
/* style.css adds #content.site-content { margin-top: 50px } to clear inner-page title banners; the home page has none. */
body.pg-home-page #content.site-content { margin-top: 0; }
body.pg-brand-refresh .pg-home.fusion-fullwidth { padding: var(--pg-section-y) var(--pg-space-3) !important; color: var(--pg-ink); }
body.pg-brand-refresh .pg-home.pg-section--surface { background-color: var(--pg-surface) !important; }
/* Content width 1152px = the site's 1200px wrap minus its 24px gutters (Fusion's 100%-width container removes the row max-width). */
body.pg-brand-refresh .pg-home > .fusion-builder-row { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--pg-space-3); max-width: 1152px !important; width: 100%; margin: 0 auto !important; }
body.pg-brand-refresh .pg-home > .fusion-builder-row::before,
body.pg-brand-refresh .pg-home > .fusion-builder-row::after { display: none; }
body.pg-brand-refresh .pg-home .fusion-layout-column { grid-column: span 12; width: auto !important; margin: 0 !important; float: none; min-width: 0; }
body.pg-brand-refresh .pg-home .fusion-layout-column.fusion-one-half { grid-column: span 6; }
body.pg-brand-refresh .pg-home .fusion-layout-column.fusion-one-third { grid-column: span 4; }
body.pg-brand-refresh .pg-home .fusion-layout-column.fusion-two-third { grid-column: span 8; }
body.pg-brand-refresh .pg-home .fusion-layout-column.fusion-one-fourth { grid-column: span 3; }
body.pg-brand-refresh .pg-home .fusion-layout-column.fusion-three-fourth { grid-column: span 9; }
body.pg-brand-refresh .pg-home .fusion-layout-column.fusion-three-fifth { grid-column: span 7; }
body.pg-brand-refresh .pg-home .fusion-layout-column.fusion-two-fifth { grid-column: span 5; }
body.pg-brand-refresh .pg-home .fusion-layout-column.fusion-one-sixth { grid-column: span 2; }
body.pg-brand-refresh .pg-home .fusion-column-wrapper { min-height: 0 !important; }
/* Cards and quotes fill their grid cell so cards in a row have equal height. */
body.pg-brand-refresh .pg-home .pg-card, body.pg-brand-refresh .pg-home .pg-quote { display: flex; }
body.pg-brand-refresh .pg-home .pg-card > .fusion-column-wrapper, body.pg-brand-refresh .pg-home .pg-quote > .fusion-column-wrapper { flex: 1; min-width: 0; }
body.pg-brand-refresh .pg-home .fusion-clearfix { display: none; }
body.pg-brand-refresh .pg-home .fusion-text > :last-child { margin-bottom: 0; }

/* ---- Type (spec 004 scale: H1 48/1.15, H2 32/1.25, H3 22/1.3; body inherits the site paragraph style) ---- */
body.pg-brand-refresh .pg-home h1, body.pg-brand-refresh .pg-home h2, body.pg-brand-refresh .pg-home h3 { font-weight: 700; color: var(--pg-ink); margin: 0; }
body.pg-brand-refresh .pg-home h1 { font-size: 48px; line-height: 1.15; }
body.pg-brand-refresh .pg-home h2 { font-size: 32px; line-height: 1.25; margin: 0 0 var(--pg-space-2); }
body.pg-brand-refresh .pg-home h3 { font-size: 22px; line-height: 1.3; }
body.pg-brand-refresh .pg-home p { margin: 0 0 var(--pg-space-2); }
body.pg-brand-refresh .pg-home .pg-head { text-align: center; }
/* Intro paragraphs under a heading are limited to 760px; the heading itself uses the full width. */
body.pg-brand-refresh .pg-home .pg-head .fusion-text > :not(h2) { max-width: 760px; margin-left: auto; margin-right: auto; }
body.pg-brand-refresh .pg-home .fusion-imageframe { display: block; line-height: 0; }
body.pg-brand-refresh .pg-home .fusion-imageframe img { max-width: 100%; height: auto; }

/* ---- Buttons (guideline section 4). brand-refresh.css makes every Fusion button orange with !important. ---- */
body.pg-brand-refresh .pg-home .fusion-button-wrapper { display: inline-block; margin: 0 var(--pg-space-2) var(--pg-space-2) 0; }
body.pg-brand-refresh .pg-home .fusion-button.pg-btn, body.pg-brand-refresh .pg-home .fusion-button.pg-btn .fusion-button-text { line-height: 1 !important; white-space: normal; }
body.pg-brand-refresh .pg-home .fusion-button-wrapper { max-width: 100%; }
body.pg-brand-refresh .pg-home .fusion-button.pg-btn { display: inline-block; padding: 14px 26px !important; text-align: center; border: 2px solid var(--pg-orange-strong) !important; }
body.pg-brand-refresh .pg-home .fusion-button.pg-btn:hover, body.pg-brand-refresh .pg-home .fusion-button.pg-btn:focus-visible { border-color: var(--pg-orange-deep) !important; }
body.pg-brand-refresh .pg-home .fusion-button.pg-btn:focus-visible { outline: 3px solid var(--pg-purple); outline-offset: 2px; }
body.pg-brand-refresh .pg-home .fusion-button.pg-btn--secondary { background: transparent !important; border-color: var(--pg-purple) !important; }
body.pg-brand-refresh .pg-home .fusion-button.pg-btn--secondary .fusion-button-text { color: var(--pg-purple) !important; }
body.pg-brand-refresh .pg-home .fusion-button.pg-btn--secondary:hover, body.pg-brand-refresh .pg-home .fusion-button.pg-btn--secondary:focus-visible { background: var(--pg-purple) !important; border-color: var(--pg-purple) !important; }
body.pg-brand-refresh .pg-home .fusion-button.pg-btn--secondary:hover .fusion-button-text, body.pg-brand-refresh .pg-home .fusion-button.pg-btn--secondary:focus-visible .fusion-button-text { color: var(--pg-white) !important; }
body.pg-brand-refresh .pg-home .fusion-button.pg-btn--inverse { background: transparent !important; border-color: var(--pg-white) !important; }
body.pg-brand-refresh .pg-home .fusion-button.pg-btn--inverse:hover, body.pg-brand-refresh .pg-home .fusion-button.pg-btn--inverse:focus-visible { background: var(--pg-white) !important; border-color: var(--pg-white) !important; }
body.pg-brand-refresh .pg-home .fusion-button.pg-btn--inverse:hover .fusion-button-text, body.pg-brand-refresh .pg-home .fusion-button.pg-btn--inverse:focus-visible .fusion-button-text { color: var(--pg-purple) !important; }
body.pg-brand-refresh .pg-home .fusion-button.pg-btn--inverse:focus-visible { outline-color: var(--pg-white); }
body.pg-brand-refresh .pg-home .pg-link { font-weight: 700; text-decoration: none; color: var(--pg-purple); }
body.pg-brand-refresh .pg-home .pg-link:hover, body.pg-brand-refresh .pg-home .pg-link:focus-visible { text-decoration: underline; color: var(--pg-orange-strong); }
body.pg-brand-refresh .pg-home .pg-more > .fusion-column-wrapper { text-align: center; padding-top: var(--pg-space-1) !important; }
body.pg-brand-refresh .pg-home .pg-more .fusion-button-wrapper { margin: 0; }

/* ---- Cards (guideline section 5): any column with the class pg-card ---- */
body.pg-brand-refresh .pg-home .pg-card > .fusion-column-wrapper { position: relative; display: flex; flex-direction: column; background: var(--pg-white); border: 1px solid var(--pg-border); border-radius: var(--pg-radius-md); overflow: hidden; transition: box-shadow .2s; }
body.pg-brand-refresh .pg-home .pg-card .fusion-imageframe img { display: block; width: 100%; aspect-ratio: 5 / 3; object-fit: cover; border-radius: 0; }
body.pg-brand-refresh .pg-home .pg-card .fusion-text { flex: 1; display: flex; flex-direction: column; padding: var(--pg-space-3); }
body.pg-brand-refresh .pg-home .pg-card ul { margin: var(--pg-space-2) 0; padding-left: 18px; }
body.pg-brand-refresh .pg-home .pg-card li { margin: 0; font-style: normal; }
/* A card whose title is a link is clickable as a whole: the title link is stretched over the card. */
body.pg-brand-refresh .pg-home .pg-card h3 a { color: inherit; text-decoration: none; }
body.pg-brand-refresh .pg-home .pg-card h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
body.pg-brand-refresh .pg-home .pg-card h3 a:hover { color: var(--pg-purple); }
body.pg-brand-refresh .pg-home .pg-card h3 a:focus-visible { outline: none; }
body.pg-brand-refresh .pg-home .pg-card > .fusion-column-wrapper:has(h3 a):hover { box-shadow: var(--pg-shadow-card); }
body.pg-brand-refresh .pg-home .pg-card > .fusion-column-wrapper:has(h3 a:focus-visible) { outline: 3px solid var(--pg-purple); outline-offset: 2px; }
/* "Learn more" (last paragraph) pinned to the bottom so cards with 4 and 5 bullets line up. */
body.pg-brand-refresh .pg-home .pg-card .fusion-text > p:last-child { margin-top: auto; }

/* ---- 1. Hero ---- */
body.pg-brand-refresh .pg-home.pg-hero { background-color: var(--pg-surface) !important; padding: var(--pg-space-6) var(--pg-space-3) 0 !important; }
body.pg-brand-refresh .pg-home.pg-hero > .fusion-builder-row { column-gap: var(--pg-space-5); align-items: center; padding-bottom: var(--pg-space-6); }
body.pg-brand-refresh .pg-home.pg-hero h1 { max-width: 620px; }
body.pg-brand-refresh .pg-home .pg-hero__sub { font-weight: 700; margin: var(--pg-space-3) 0 var(--pg-space-1); }
body.pg-brand-refresh .pg-home .pg-hero__proof { margin: 0 0 var(--pg-space-4); }
body.pg-brand-refresh .pg-home .pg-hero__proof i { font-style: normal; color: var(--pg-ink-muted); margin: 0 8px; }
body.pg-brand-refresh .pg-home .pg-hero__media .fusion-imageframe { text-align: right; }
body.pg-brand-refresh .pg-home .pg-hero__media .pg-hero__photo img { width: min(440px, 100%); height: auto; aspect-ratio: 1; object-fit: cover; object-position: center 30%; border-radius: 50%; box-shadow: var(--pg-shadow-card); }
body.pg-brand-refresh .pg-home.pg-hero::after { content: ""; display: block; height: 4px; margin: 0 calc(-1 * var(--pg-space-3)); background: var(--pg-ribbon); }
/* Hero separator: a narrow double helix in the brand ribbon colours (same mask as home-revamp.css). */
@supports ((mask-image: url("")) or (-webkit-mask-image: url(""))) {
	body.pg-brand-refresh .pg-home.pg-hero::after {
		height: 10px;
		opacity: .6;
		-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYwIDEwIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTcuNSAzVjdNMjIuNSAzVjdNMzcuNSAzVjdNNTIuNSAzVjciIHN0cm9rZS13aWR0aD0iLjgiIHN0cm9rZS1vcGFjaXR5PSIuMjIiLz48cGF0aCBkPSJNMCA1QzcuNSAxLjIgMjIuNSAxLjIgMzAgNVM1Mi41IDguOCA2MCA1IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLW9wYWNpdHk9Ii40NSIvPjxwYXRoIGQ9Ik0wIDVDNy41IDguOCAyMi41IDguOCAzMCA1UzUyLjUgMS4yIDYwIDUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2Utb3BhY2l0eT0iLjgiLz48L2c+PC9zdmc+") left center / 60px 10px repeat-x;
		mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYwIDEwIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTcuNSAzVjdNMjIuNSAzVjdNMzcuNSAzVjdNNTIuNSAzVjciIHN0cm9rZS13aWR0aD0iLjgiIHN0cm9rZS1vcGFjaXR5PSIuMjIiLz48cGF0aCBkPSJNMCA1QzcuNSAxLjIgMjIuNSAxLjIgMzAgNVM1Mi41IDguOCA2MCA1IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLW9wYWNpdHk9Ii40NSIvPjxwYXRoIGQ9Ik0wIDVDNy41IDguOCAyMi41IDguOCAzMCA1UzUyLjUgMS4yIDYwIDUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2Utb3BhY2l0eT0iLjgiLz48L2c+PC9zdmc+") left center / 60px 10px repeat-x;
	}
}

/* ---- 2. Markets ---- */
body.pg-brand-refresh .pg-home.pg-markets .pg-card .fusion-text { text-align: center; padding: var(--pg-space-2) var(--pg-space-3) var(--pg-space-3); }

/* ---- 4. Proof band ---- */
body.pg-brand-refresh .pg-home.pg-band { background: linear-gradient(120deg, var(--pg-purple) 0%, var(--pg-purple-deep) 100%) !important; color: var(--pg-white); position: relative; overflow: hidden; }
body.pg-brand-refresh .pg-home.pg-band::before { content: ""; position: absolute; right: -10%; bottom: -40%; width: 60%; height: 120%; background: radial-gradient(closest-side, rgba(255, 80, 0, .18), transparent 70%); pointer-events: none; }
body.pg-brand-refresh .pg-home.pg-band > .fusion-builder-row { position: relative; align-items: center; column-gap: var(--pg-space-5); grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
body.pg-brand-refresh .pg-home.pg-band .fusion-layout-column { grid-column: auto; }
body.pg-brand-refresh .pg-home.pg-band h2 { color: var(--pg-white); text-align: left; margin: 0; }
body.pg-brand-refresh .pg-home.pg-band h2 b, body.pg-brand-refresh .pg-home.pg-band h2 strong { color: var(--pg-orange); }
body.pg-brand-refresh .pg-home .pg-band__actions > .fusion-column-wrapper { display: grid; gap: var(--pg-space-2); }
body.pg-brand-refresh .pg-home .pg-band__actions .fusion-button-wrapper { display: block; margin: 0; }
body.pg-brand-refresh .pg-home .pg-band__actions .fusion-button { display: block; width: 100%; }

/* ---- 5. Testimonials: any column with the class pg-quote (photo + text) ---- */
body.pg-brand-refresh .pg-home .pg-quote > .fusion-column-wrapper { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: var(--pg-space-3); align-items: start; background: var(--pg-white); border: 1px solid var(--pg-border); border-radius: var(--pg-radius-md); padding: var(--pg-space-4) !important; }
body.pg-brand-refresh .pg-home .pg-quote .fusion-imageframe img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
body.pg-brand-refresh .pg-home .pg-quote h3 { color: var(--pg-orange-strong); margin-bottom: var(--pg-space-1); }
body.pg-brand-refresh .pg-home .pg-quote blockquote { margin: 0 0 var(--pg-space-2); padding: 0; border: 0; font-size: inherit; font-style: normal; color: var(--pg-ink); }
body.pg-brand-refresh .pg-home .pg-quote blockquote::before, body.pg-brand-refresh .pg-home .pg-quote blockquote::after { content: none; }
body.pg-brand-refresh .pg-home .pg-quote__cite { font-size: 14px; line-height: 1.5; color: var(--pg-ink-muted); margin: 0; }
body.pg-brand-refresh .pg-home .pg-quote__cite b { color: var(--pg-ink); display: block; }

/* ---- 6. Logo grid: the list of images in the Text element ---- */
body.pg-brand-refresh .pg-home.pg-who ul { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--pg-space-2); list-style: none; margin: 0; padding: 0; }
body.pg-brand-refresh .pg-home.pg-who ul li { height: 96px; margin: 0; display: flex; align-items: center; justify-content: center; border-radius: var(--pg-radius-md); background: var(--pg-surface); }
body.pg-brand-refresh .pg-home.pg-who ul img { max-height: 44px; max-width: 160px; width: auto; height: auto; border-radius: 0; filter: grayscale(1); opacity: .8; transition: filter .2s, opacity .2s; }
body.pg-brand-refresh .pg-home.pg-who ul li:hover img { filter: none; opacity: 1; }

/* ---- 8. Customer Spotlight: production's original design (bordered box at 80% width, 70px padding, 526px text,
   24px heading, 24px italic orange quote, 550px cover card overhanging the box's right edge). ---- */
body.pg-brand-refresh .pg-home.pg-spotlight > .fusion-builder-row { display: block; position: relative; }
body.pg-brand-refresh .pg-home .pg-spotlight__text { width: 80% !important; min-height: 800px; border: 1px solid #c4c4c4; }
body.pg-brand-refresh .pg-home .pg-spotlight__text > .fusion-column-wrapper { padding: 70px !important; }
body.pg-brand-refresh .pg-home .pg-spotlight__text .fusion-text { max-width: 526px; }
body.pg-brand-refresh .pg-home.pg-spotlight h2 { font-size: 24px; line-height: 1.21; text-align: left; margin: 0 0 48px; }
body.pg-brand-refresh .pg-home .pg-spotlight__quote { font-size: 24px; line-height: 1.125; color: var(--pg-orange-strong); margin: 0 0 64px; }
body.pg-brand-refresh .pg-home .pg-spotlight__quote em { font-style: italic; }
body.pg-brand-refresh .pg-home .pg-spotlight__text p:not(.pg-spotlight__quote) { line-height: 1.5; margin: 0 0 40px; }
body.pg-brand-refresh .pg-home .pg-spotlight__text .fusion-button { min-width: 238px; padding-top: 15px !important; padding-bottom: 15px !important; }
body.pg-brand-refresh .pg-home .pg-spotlight__cover { position: absolute; top: 80px; right: 0; width: 550px !important; }
body.pg-brand-refresh .pg-home .pg-spotlight__cover .fusion-imageframe img { display: block; width: 100%; height: auto; border-radius: 7px; box-shadow: 15px -15px 0 0 var(--pg-surface), 4px 8px 20px rgba(0, 0, 0, .15); }

@media (max-width: 1100px) {
	body.pg-brand-refresh .pg-home .pg-spotlight__text { width: 100% !important; min-height: 0; }
	body.pg-brand-refresh .pg-home .pg-spotlight__cover { position: static; width: auto !important; max-width: 550px; margin: var(--pg-space-5) auto 0 !important; }
}

@media (max-width: 1024px) {
	body.pg-brand-refresh .pg-home .fusion-layout-column.fusion-one-fourth { grid-column: span 6; }
	body.pg-brand-refresh .pg-home.pg-who ul { grid-template-columns: repeat(3, 1fr); }
	body.pg-brand-refresh .pg-home h1 { font-size: 40px; }
}

@media (max-width: 768px) {
	body.pg-brand-refresh .pg-home h2 { font-size: 26px; }
	body.pg-brand-refresh .pg-home h3 { font-size: 20px; }
	/* Phones: a 2-column grid; quarter-width columns (market and news cards) sit two per row, all others full width. */
	body.pg-brand-refresh .pg-home > .fusion-builder-row { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--pg-space-3); }
	body.pg-brand-refresh .pg-home .fusion-layout-column,
	body.pg-brand-refresh .pg-home .fusion-layout-column[class*="fusion-"] { grid-column: 1 / -1; }
	body.pg-brand-refresh .pg-home .fusion-layout-column.fusion-one-fourth { grid-column: span 1; }
	body.pg-brand-refresh .pg-home.pg-band > .fusion-builder-row { grid-template-columns: minmax(0, 1fr); }
	/* Hero order on phones: text, photo, then the buttons (the text column's children join the hero grid). */
	body.pg-brand-refresh .pg-home.pg-hero > .fusion-builder-row { row-gap: var(--pg-space-2); }
	body.pg-brand-refresh .pg-home .pg-hero__text, body.pg-brand-refresh .pg-home .pg-hero__text > .fusion-column-wrapper { display: contents; }
	body.pg-brand-refresh .pg-home .pg-hero__text .fusion-text { grid-column: 1 / -1; order: 1; }
	body.pg-brand-refresh .pg-home .pg-hero__media { order: 2; }
	body.pg-brand-refresh .pg-home .pg-hero__text .fusion-button-wrapper { grid-column: 1 / -1; order: 3; }
	body.pg-brand-refresh .pg-home.pg-hero h1 { font-size: 32px; line-height: 1.2; }
	body.pg-brand-refresh .pg-home .pg-hero__sub { margin: var(--pg-space-2) 0; }
	body.pg-brand-refresh .pg-home .pg-hero__proof { margin: 0; }
	body.pg-brand-refresh .pg-home .pg-hero__text .fusion-button-wrapper { display: block; margin: 0; }
	body.pg-brand-refresh .pg-home .pg-hero__media .pg-hero__photo img { margin: var(--pg-space-2) 0; }
	body.pg-brand-refresh .pg-home .pg-hero__text .fusion-button { display: block; width: 100%; }
	body.pg-brand-refresh .pg-home .pg-hero__media .fusion-imageframe { text-align: center; }
	body.pg-brand-refresh .pg-home .pg-hero__media .pg-hero__photo img { width: 60vw; max-width: 300px; }
	body.pg-brand-refresh .pg-home.pg-who ul { grid-template-columns: repeat(2, 1fr); }
	body.pg-brand-refresh .pg-home.pg-who ul li { height: 80px; }
	body.pg-brand-refresh .pg-home .pg-quote > .fusion-column-wrapper { grid-template-columns: 1fr; }
	body.pg-brand-refresh .pg-home .pg-quote .fusion-imageframe img { width: 56px; height: 56px; }
	body.pg-brand-refresh .pg-home .pg-spotlight__text > .fusion-column-wrapper { padding: var(--pg-space-3) !important; }
	body.pg-brand-refresh .pg-home.pg-spotlight h2 { font-size: 22px; margin-bottom: var(--pg-space-3); }
	body.pg-brand-refresh .pg-home .pg-spotlight__quote { font-size: 20px; line-height: 1.2; margin-bottom: var(--pg-space-4); }
	body.pg-brand-refresh .pg-home .pg-spotlight__text p:not(.pg-spotlight__quote) { margin-bottom: var(--pg-space-3); }
	body.pg-brand-refresh .pg-home .pg-spotlight__text .fusion-button-wrapper { display: block; margin-right: 0; }
	body.pg-brand-refresh .pg-home .pg-spotlight__text .fusion-button { display: block; width: 100%; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
	body.pg-brand-refresh .pg-home .pg-card > .fusion-column-wrapper, body.pg-brand-refresh .pg-home.pg-who ul img { transition: none; }
}