/* Only the three real thumbnails approved on 2026-10-06, no site-wide redesign */
html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails .we-hero-grid{
 display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:32px;
}
html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails .we-hero-collage{
 position:relative;isolation:isolate;width:100%;min-width:0;aspect-ratio:1.06;margin:0;text-align:left;
}
html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails .we-hero-thumbnail{
 position:absolute;margin:0;border:5px solid #fff;border-radius:4px;background:#fff;box-shadow:0 8px 22px rgba(17,17,17,.12);overflow:hidden;
}
html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails .we-hero-thumbnail:nth-child(1){width:88%;left:0;top:0;z-index:1}
html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails .we-hero-thumbnail:nth-child(2){width:76%;left:3%;top:32%;z-index:2}
html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails .we-hero-thumbnail:nth-child(3){width:70%;right:0;bottom:0;z-index:3}
html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails .we-hero-thumbnail img{
 display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;filter:none;
}
html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails .we-hero-copy{width:100%;min-width:0;padding:0}
html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails h1{font-size:clamp(32px,4.2vw,54px);line-height:1.4;max-width:100%}
html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails .we-kicker{font-size:clamp(14px,1.6vw,18px);letter-spacing:.04em}
html[data-studio-motion="on"] #app#app .we-hero-thumbnails .we-hero-thumbnail{animation:wistia-approved-photo-enter .65s cubic-bezier(.22,1,.36,1) backwards}
html[data-studio-motion="on"] #app#app .we-hero-thumbnails .we-hero-thumbnail:nth-child(2){animation-delay:.08s}
html[data-studio-motion="on"] #app#app .we-hero-thumbnails .we-hero-thumbnail:nth-child(3){animation-delay:.16s}
@keyframes wistia-approved-photo-enter{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){
 html[data-studio-motion="on"] #app#app .we-hero-thumbnails .we-hero-thumbnail{transition:transform .25s ease}
 html[data-studio-motion="on"] #app#app .we-hero-thumbnails .we-hero-thumbnail:hover{transform:translateY(-4px)}
}
@media(max-width:768px){
 html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails .we-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails .we-hero-collage{max-width:500px;margin-inline:auto}
 html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails .we-hero-thumbnail{border-width:4px}
 html[data-wistia-theme="monochrome"] #app#app .we-home .we-hero.we-hero-thumbnails h1{font-size:clamp(30px,6vw,44px)}
}
html[data-studio-motion="off"] #app#app .we-hero-thumbnails .we-hero-thumbnail{animation:none;transition:none;transform:none}
@media(prefers-reduced-motion:reduce){
 html[data-studio-motion] #app#app .we-hero-thumbnails .we-hero-thumbnail,
 html[data-studio-motion] #app#app .we-hero-thumbnails .we-hero-thumbnail:hover{animation:none;transition:none;transform:none}
}
