:where(.ie-intro,.ie-preview){--ie-media-chip:#00000059;--ie-intro-glow:#5a3ca029;--ie-intro-glow-strong:#5a3ca02e;--ie-intro-aura-warm:#ffc4a099}.ie-intro{place-items:center;display:grid;position:absolute;inset:64px 32px 154px 84px}.ie-intro-aura{pointer-events:none;background:radial-gradient(ellipse 45% 55% at 44% 45%, color-mix(in srgb, var(--ds-accent-700) 75%, transparent), transparent 70%), radial-gradient(ellipse 38% 45% at 58% 58%, var(--ie-intro-aura-warm), transparent 70%);position:absolute;inset:-20% -15%}.ie-intro-prints{pointer-events:none;position:absolute;inset:0}.ie-intro-prints>div{border-radius:var(--ds-radius-md);width:150px;height:190px;box-shadow:0 18px 40px var(--ie-intro-glow-strong), 0 0 0 5px var(--ds-white);opacity:0;background-position:50% 20%;background-size:cover;transition:transform .55s cubic-bezier(.3,1.35,.5,1),opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)scale(.6)}.ie-intro[data-hover=true] .ie-intro-prints>div{opacity:1;transition-delay:calc(var(--print-index) * 45ms)}.ie-intro[data-hover=true] .ie-intro-prints>div:first-child{transform:translate(-330px,-215px)rotate(-8deg)}.ie-intro-prints>div:nth-child(2){width:170px;height:170px}.ie-intro[data-hover=true] .ie-intro-prints>div:nth-child(2){transform:translate(160px,-225px)rotate(7deg)}.ie-intro-prints>div:nth-child(3){width:140px;height:170px}.ie-intro[data-hover=true] .ie-intro-prints>div:nth-child(3){transform:translate(-300px,35px)rotate(6deg)}.ie-intro-prints>div:nth-child(4){width:160px;height:120px}.ie-intro[data-hover=true] .ie-intro-prints>div:nth-child(4){transform:translate(170px,70px)rotate(-6deg)}.ie-intro-card{scrollbar-width:none;box-sizing:border-box;background:var(--ds-white);width:420px;max-width:100%;max-height:100%;box-shadow:0 24px 60px var(--ie-intro-glow);z-index:1;border-radius:28px;flex-direction:column;align-items:center;transition:box-shadow .15s,scale .4s cubic-bezier(.2,.9,.3,1);display:flex;position:relative;overflow-y:auto;scale:1}.ie-intro[data-hover=true] .ie-intro-card{scale:.985}.ie-intro-card[data-dragging=true]{box-shadow:0 0 0 3px var(--ds-accent-900), 0 24px 60px var(--ie-intro-glow)}.ie-intro-card[data-shake=true]{animation:.52s ease-out ie-shake}.ie-intro-hero{background:var(--ds-black);flex-shrink:0;align-self:stretch;height:210px;position:relative;overflow:hidden}.ie-intro-demo{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s,transform 3.5s;position:absolute;inset:0;transform:scale(1.04)}.ie-intro-demo[data-active=true]{opacity:1;transform:scale(1)}.ie-demo-label{border-radius:var(--ds-radius-xs);background:var(--ie-media-chip);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:24px;color:var(--ds-white);font-size:var(--ds-type-caption-12);align-items:center;padding:0 9px;font-weight:500;display:flex;position:absolute;top:12px;left:12px}.ie-intro-icon{border-radius:var(--ds-radius-lg);z-index:1;width:64px;height:64px;box-shadow:0 0 0 4px var(--ds-white), var(--ds-shadow-3);background-position:50%;background-size:cover;background-color:var(--ds-primary-900);flex-shrink:0;margin-top:-32px;position:relative}.ie-intro-copy{flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;gap:10px;padding:12px 32px 28px;display:flex}.ie-intro-copy h1{font-family:var(--ds-font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--ds-primary-900);margin:0;font-size:24px;font-weight:700;line-height:1.4}.ie-intro-copy p{color:var(--ds-primary-600);text-align:center;text-wrap:pretty;max-width:320px;margin:0;font-size:15px;line-height:1.45}.ie-intro-or{width:100%;max-width:260px;color:var(--ds-primary-500);align-items:center;gap:16px;margin:14px auto 6px;display:flex}.ie-intro-or:before,.ie-intro-or:after{content:"";background:var(--ds-primary-300);flex:1;height:1px}.ie-intro-alternative{color:var(--ds-primary-800);font-weight:500}@keyframes ie-shake{0%,to{transform:translate(0)}14%{transform:translate(10px)}28%{transform:translate(-8px)}42%{transform:translate(6px)}56%{transform:translate(-4px)}70%{transform:translate(2px)}84%{transform:translate(-1px)}}@media (max-height:740px){.ie-intro-hero{height:150px}.ie-intro{bottom:142px}}@media (max-height:550px){.ie-intro{inset-block:54px 110px}.ie-intro-hero{height:110px}.ie-intro-copy{padding:8px 24px 20px}.ie-intro-copy h1{font-size:20px}}@container fullscreen (max-width:819px){.ie-intro{inset:172px 24px calc(var(--fullscreen-dock-height,264px) + 24px)}.ie-intro-prints,.ie-intro-hero,.ie-intro-icon,.ie-intro-aura{display:none}.ie-intro-card{width:100%;max-width:400px;box-shadow:none;background:0 0}.ie-intro-copy{padding:12px}}