.workplace-invite{position:relative;isolation:isolate;overflow:hidden}.workplace-invite>.hosts-copy,.workplace-invite>.hosts-actions{position:relative;z-index:2}.hosts-media{position:absolute;inset:0 0 0 auto;width:70%;z-index:0;opacity:0;transition:opacity 1.2s ease;pointer-events:none;mask-image:linear-gradient(45deg,transparent 8%,#0005 32%,#000b 68%,#000 100%)}.hosts-media img,.hosts-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hosts-media video{opacity:0;transition:opacity .7s}.hosts-media:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#f6eedff5 6%,#f6eedfdd 32%,#f6eedf77 58%,#f6eedf22 100%)}.hosts-preview-active .hosts-media{opacity:1}.hosts-video-playing .hosts-media video{opacity:1}.hosts-actions{display:flex;gap:16px;flex-direction:column;align-items:flex-start;flex-shrink:0}.hosts-copy{max-width:760px}.hosts-copy h2,.hosts-copy p{text-shadow:0 1px 12px #f6eedf88}.hosts-touch-toggle{display:none;min-height:44px;font:inherit;color:var(--forest);background:var(--cream);border:1px solid #8e9670;padding:10px 16px;cursor:pointer}.hosts-credit{display:none;font-size:11px;color:var(--forest);max-width:240px}.hosts-preview-active .hosts-credit{display:block}@media(hover:none),(pointer:coarse){.hosts-touch-toggle{display:block}}@media(max-width:900px){.hosts-media{width:100%;mask-image:linear-gradient(45deg,transparent 3%,#0008 55%,#000 100%)}.hosts-media:after{background:linear-gradient(45deg,#f6eedff5 15%,#f6eedfe6 40%,#f6eedfaa 68%,#f6eedf55 100%)}}@media(prefers-reduced-motion:reduce){.hosts-media,.hosts-media video{transition:none}.hosts-media video{display:none}}
@media(max-width:900px){.hosts-touch-toggle{display:block}}
/* Mobile and reduced-motion visitors retain the cream static presentation. */
@media(hover:none),(pointer:coarse),(max-width:900px),(prefers-reduced-motion:reduce){.hosts-media{display:none}}