/* Homepage previews: a vector cloud over the original, cycling photo slot. */
.split-gallery.home-thought-open #app>.sidebar,.split-gallery.home-thought-open #app>main{filter:none}
.project-spread.home-thought-preview{position:fixed;inset:auto;margin:0;padding:0;width:min(320px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 40px);background:transparent;color:var(--site-ink);border:0;box-shadow:none;overflow:visible;animation:none}
.project-spread.home-thought-preview::backdrop{background:transparent;backdrop-filter:none}
.home-thought-cloud{position:relative;display:grid;align-items:center;min-height:190px}
.home-thought-outline{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.home-thought-outline path{fill:var(--site-bg);stroke:var(--site-ink);stroke-width:1.15;stroke-linejoin:round}
.home-thought-content{position:relative;z-index:1;padding:var(--thought-padding,38px 40px 42px);max-height:calc(100dvh - 125px);overflow:auto;scrollbar-width:thin}
.home-thought-preview .spread-panels{display:block;max-width:none;margin:0;padding:0;overflow:visible}
.home-thought-preview .spread-panels>figure,.home-thought-preview .spread-panels>section{display:block;aspect-ratio:auto;min-height:0;height:auto;overflow:visible;background:transparent!important;color:var(--site-ink)!important;border:0;padding:0;margin:0;box-shadow:none}
.home-thought-preview .spread-panels>*+*{margin-top:16px}
.home-thought-preview .spread-panels img{display:block;max-height:100px;width:100%;height:auto;object-fit:contain}
.home-thought-preview .spread-question p{font:400 var(--thought-font-size,15px)/1.4 Inter,Arial,sans-serif;letter-spacing:0;margin:0;overflow-wrap:break-word}
.home-thought-preview .spread-recognition p{font:400 12px/1.4 Inter,Arial,sans-serif;margin:0}
.home-thought-preview .spread-recognition>div+div{margin-top:10px;padding-top:0;border:0}
.home-thought-trail{position:absolute;left:18px;bottom:-27px;display:block;width:38px;height:40px;pointer-events:none}
.home-thought-trail i{position:absolute;display:block;border:1.15px solid var(--site-ink);border-radius:50%;background:var(--site-bg)}
.home-thought-trail i:first-child{width:16px;height:16px;top:2px;right:0}
.home-thought-trail i:last-child{width:8px;height:8px;bottom:1px;left:0}
.home-thought-preview .spread-bottom{display:flex;justify-content:flex-end;border:0;margin:13px 0 0;padding:0 17px 0 0}
.home-thought-preview .spread-bottom .preview-open{font:400 11.5px/1.3 Inter,Arial,sans-serif;margin:0;padding:7px 13px}
.home-thought-active>.project-cover{isolation:isolate}
.home-thought-active .project-cover>.caption{opacity:0!important}
.project-grid .project-cover>.home-preview-slide{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-height:none;margin:0;object-fit:cover}
.project-grid .project-cover>.home-preview-slide[hidden]{display:none}
@media(max-width:620px){.project-spread.home-thought-preview{width:min(280px,calc(100vw - 24px))}.home-thought-content{padding:32px 34px 36px}.home-thought-preview .spread-question p{font-size:13px}}

.home-thought-preview:focus{outline:none}.home-thought-preview .preview-open:focus-visible{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px;outline:none}

/* A question-sized cloud floats beside the photo; the action lives within it. */
.home-thought-cloud{min-height:0}
.home-thought-content{display:flex;flex-direction:column;max-height:var(--thought-max-height,calc(100dvh - 100px));overflow:hidden}
.home-thought-preview .spread-panels{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-width:thin}
.home-thought-preview .spread-bottom{flex:0 0 auto;justify-content:flex-start;margin:16px 0 0;padding:0}
.home-thought-preview[data-side="left"] .home-thought-trail{left:auto;right:18px;transform:scaleX(-1)}
.home-thought-preview[data-side="below"] .home-thought-trail{top:-27px;bottom:auto;transform:rotate(180deg)}
.split-gallery.home-thought-open #app>.sidebar,.split-gallery.home-thought-open #main>.filters,.split-gallery.home-thought-open .practice-band,.split-gallery.home-thought-open .project-grid .gallery-column>*:not(.home-thought-active),.split-gallery.home-thought-open .display-control-toggle{filter:grayscale(1);opacity:.32}
.split-gallery.home-thought-open #app>main,.split-gallery.home-thought-open .home-thought-active{filter:none;opacity:1}
@media(prefers-reduced-motion:no-preference){
 .home-thought-preview[open] .home-thought-cloud{animation:home-thought-float 7s ease-in-out infinite;transform-origin:50% 55%;will-change:transform}
 .home-thought-preview[open] .home-thought-outline{animation:home-thought-breathe 9s ease-in-out infinite;transform-origin:center}
 @keyframes home-thought-float{0%,100%{transform:translate(0,0) rotate(-.25deg)}25%{transform:translate(2px,-3px)}50%{transform:translate(-1px,-5px) rotate(.3deg)}75%{transform:translate(-2px,-2px)}}
 @keyframes home-thought-breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.012,.995)}}
}
@media(prefers-reduced-motion:reduce){.home-thought-preview .home-thought-cloud,.home-thought-preview .home-thought-outline{animation:none!important;transform:none!important}}
.home-thought-preview .preview-open:is(:hover,:focus-visible){background:#202020;color:#fff!important}
.split-gallery.home-thought-open #main>.filters,.split-gallery.home-thought-open .practice-band{filter:none;opacity:1}.split-gallery.home-thought-open #main>.filters>a,.split-gallery.home-thought-open .practice-slides{filter:grayscale(1);opacity:.32}

/* The call to action keeps OMI blue in every interaction state. */
.home-thought-preview .spread-bottom .preview-open,.home-thought-preview .spread-bottom .preview-open:is(:hover,:focus-visible){background:#03007f;border-color:#03007f;color:#fff!important}