/* Homepage invitation to the self-contained living demo. */
.live-entry{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:#111e19;color:#e8eddf;border:1px solid #425344;border-radius:4px;margin-bottom:48px;min-height:430px}
.live-entry-copy{padding:44px 0 44px 48px;position:relative;z-index:1}
.live-entry-kicker{color:#b9d2a8;text-transform:uppercase;letter-spacing:.15em;font-size:10px;margin-bottom:24px}
.live-entry h2{font-size:clamp(40px,4.8vw,66px);margin-bottom:20px;line-height:1.02}.live-entry h2 em{font-weight:400;color:#c0d4ad}
.live-entry-copy>p:not(.live-entry-kicker){max-width:350px;color:#b7c2b5;font-size:14px;line-height:1.75;margin-bottom:25px}
.live-entry-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 20px;min-height:48px;background:#cfdfb9;color:#18251b;text-decoration:none;border:1px solid #cfdfb9;border-radius:3px;font-size:13px;transition:background .2s,transform .2s}
.live-entry-button:hover{background:#e1eccf;transform:translateY(-2px)}.live-entry-button:focus-visible{outline:3px solid #f4efd3;outline-offset:5px}.live-entry-button span{font-size:21px;line-height:1}
.live-entry-note{display:block;margin-top:14px;font-size:10px;color:#b7c2b5}
.live-entry-art{position:relative;min-width:0;display:grid;place-items:center;align-self:stretch;background:radial-gradient(ellipse at center,#46664655,transparent 68%)}
.live-entry-art img{width:110%;max-width:110%;height:auto;position:relative;animation:live-house-arrive 1.2s ease-out both}
.live-entry-orbit{position:absolute;width:72%;aspect-ratio:1;border:1px solid #aac19533;border-radius:50%;transform:scaleY(.6) rotate(-18deg);animation:live-orbit-arrive 3s ease-out both}
.live-entry-orbit::after{content:"";position:absolute;inset:18px;border:1px solid #aac19522;border-radius:50%}
.live-entry-label{position:absolute;border:1px solid #65775a;background:#1d2b21ed;color:#cfdfc2;border-radius:20px;font-size:10px;padding:7px 13px;animation:live-label-arrive 1s ease-out both}
.live-entry-label::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#c1dba6;margin-right:7px}
.live-entry-label-one{top:22%;left:8%;animation-delay:.35s}.live-entry-label-two{right:5%;bottom:24%;animation-delay:.7s}
.live-entry-art-caption{position:absolute;bottom:24px;color:#aaba9f;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
@keyframes live-house-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes live-label-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes live-orbit-arrive{from{opacity:0;transform:scaleY(.6) rotate(-35deg) scale(.85)}to{opacity:1;transform:scaleY(.6) rotate(-18deg) scale(1)}}
@media(max-width:800px){.live-entry{grid-template-columns:1fr 1fr}.live-entry-copy{padding:32px 0 32px 28px}.live-entry-label-one{left:0;top:27%}.live-entry-label-two{right:3%;bottom:27%}.live-entry-note{font-size:9px}.live-entry-button{gap:15px}}
@media(max-width:600px){.live-entry{grid-template-columns:1fr;margin-bottom:32px}.live-entry-copy{padding:30px 24px 0}.live-entry h2{font-size:48px}.live-entry-art{min-height:250px}.live-entry-art img{width:100%;max-width:100%;max-height:300px;object-fit:contain}.live-entry-label-one{left:6%;top:20%}.live-entry-label-two{bottom:25%;right:6%}.live-entry-art-caption{bottom:14px}.live-entry-note{font-size:9px}.live-entry-kicker{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.live-entry *,.live-entry *::after{animation:none!important;transition:none!important}.live-entry-button:hover{transform:none}}