.ts-demo-callout__stage{position:relative}.ts-demo-callout__shape{height:auto;max-width:240px;pointer-events:none;position:absolute;user-select:none;width:100%;z-index:0}.ts-demo-callout__shape--left{bottom:-12%;left:-8%}.ts-demo-callout__shape--right{right:-7%;top:-14%}.ts-demo-callout__card{background:var(--ts-color-white);border-radius:var(--ts-radius-cta);box-shadow:var(--ts-shadow-card);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;position:relative;z-index:1}.ts-demo-callout__card--right .ts-demo-callout__visual{order:2}.ts-demo-callout__visual{background:var(--ts-color-navy-50);min-height:375px;position:relative}.ts-demo-callout__img,.ts-demo-callout__placeholder{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.ts-demo-callout__placeholder{background:linear-gradient(160deg,#d9e8e4,#f0f4f7 55%,#e8eef3)}.ts-demo-callout__overlay{background:var(--ts-color-navy-50);border-radius:var(--ts-radius-32);bottom:24px;box-shadow:var(--ts-shadow-card-md);box-sizing:border-box;left:24px;max-width:calc(100% - 48px);padding:16px;position:absolute;z-index:1}.ts-demo-callout__overlay-title{color:var(--ts-color-navy-600);font-family:var(--ts-font-serif);font-size:var(--ts-text-body);font-weight:400;line-height:var(--ts-leading-tight);margin:0 0 12px}.ts-demo-callout__overlay-title strong{display:block;font-family:var(--ts-font-sans);font-weight:700;margin-top:4px}.ts-demo-callout__overlay-meta{align-items:center;background:var(--ts-color-white);border-radius:var(--ts-radius-btn);color:var(--ts-color-navy-600);display:flex;font-family:var(--ts-font-serif);font-size:var(--ts-text-body);gap:10px;justify-content:center;line-height:var(--ts-leading-tight);margin:0;padding:8px 16px}.ts-demo-callout__overlay-icon{display:block;flex-shrink:0;height:20px;width:20px}.ts-demo-callout__content{align-items:flex-start;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 48px 40px 32px}.ts-demo-callout__card--right .ts-demo-callout__content{padding:40px 32px 40px 48px}.ts-demo-callout__heading{color:var(--ts-color-text);font-family:var(--ts-font-sans);font-size:var(--ts-text-2xl);font-weight:700;line-height:var(--ts-leading-tight);margin:0}.ts-demo-callout__heading--lg{font-size:var(--ts-text-h2);letter-spacing:var(--ts-tracking-heading)}.ts-demo-callout__intro{color:var(--ts-color-navy-600);font-family:var(--ts-font-serif);font-size:var(--ts-text-body);line-height:var(--ts-leading-body);margin:0}.ts-demo-callout__list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:8px 0 0;padding:0}.ts-demo-callout__item{align-items:flex-start;color:var(--ts-color-navy-600);display:flex;font-family:var(--ts-font-serif);font-size:var(--ts-text-body);gap:12px;line-height:var(--ts-leading-body)}.ts-demo-callout__check{display:block;flex-shrink:0;height:12px;margin-top:7px;width:12px}.ts-demo-callout__eyebrow{margin:0;text-align:left}.ts-demo-callout__actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.ts-demo-callout__card--inset .ts-demo-callout__visual{border-radius:var(--ts-radius-shell);margin:24px;min-height:300px;overflow:hidden}.ts-demo-callout__card--inset{align-items:center}.ts-demo-callout__play{align-items:center;appearance:none;background:var(--ts-color-white);border:1px solid var(--ts-color-accent-deep);border-radius:var(--ts-radius-full);color:var(--ts-color-accent-deep);cursor:pointer;display:inline-flex;height:64px;justify-content:center;left:50%;padding:0 0 0 4px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color var(--ts-duration-fast) ease,color var(--ts-duration-fast) ease;width:64px;z-index:2}.ts-demo-callout__play:hover{background:var(--ts-color-accent-deep);color:var(--ts-color-white)}.ts-demo-callout .ts-btn:focus-visible,.ts-demo-callout .ts-btn:hover{transform:none}.ts-demo-callout__play:focus-visible{outline:var(--ts-focus-ring);outline-offset:var(--ts-focus-offset)}.ts-demo-callout__iframe{border:0;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;width:100%;z-index:3}.ts-demo-callout__visual.is-playing .ts-demo-callout__iframe{opacity:1;pointer-events:auto}.ts-demo-callout__visual.is-playing .ts-demo-callout__overlay,.ts-demo-callout__visual.is-playing .ts-demo-callout__play{display:none}@media (max-width:1023px){.ts-demo-callout{padding-block:var(--ts-section-y-sm)}.ts-demo-callout__card{border-radius:var(--ts-radius-shell);grid-template-columns:minmax(0,1fr)}.ts-demo-callout__card--right .ts-demo-callout__visual{order:0}.ts-demo-callout__visual{min-height:360px}.ts-demo-callout__card--inset .ts-demo-callout__visual{margin:16px 16px 0;min-height:240px}.ts-demo-callout__shape{max-width:140px}.ts-demo-callout__card--right .ts-demo-callout__content,.ts-demo-callout__content{padding:32px 24px}}@media (max-width:639px){.ts-demo-callout__overlay{bottom:16px;left:16px;max-width:calc(100% - 32px)}.ts-demo-callout__heading{font-size:var(--ts-text-xl)}.ts-demo-callout__heading--lg{font-size:var(--ts-text-2xl)}.ts-demo-callout__actions{align-self:stretch}.ts-demo-callout__actions .ts-btn{width:100%}}.ts-demo-callout-modal{align-items:center;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2147482000}.ts-demo-callout-modal[hidden]{display:none}.ts-demo-callout-modal__backdrop{background:rgba(8,20,30,.82);inset:0;position:absolute}.ts-demo-callout-modal__dialog{position:relative;width:min(100%,1100px);z-index:1}.ts-demo-callout-modal__frame{aspect-ratio:16/9;background:#000;border-radius:var(--ts-radius-32);box-shadow:var(--ts-shadow-card-lg);overflow:hidden;position:relative}.ts-demo-callout-modal__frame iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.ts-demo-callout-modal__close{align-items:center;appearance:none;background:var(--ts-color-white);border:0;border-radius:var(--ts-radius-full);color:var(--ts-color-text);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;position:absolute;right:0;top:-52px;width:40px}.ts-demo-callout-modal__close:focus-visible{outline:var(--ts-focus-ring);outline-offset:var(--ts-focus-offset)}html.ts-demo-callout-modal-open{overflow:hidden}@media (max-width:639px){.ts-demo-callout-modal{padding:16px}.ts-demo-callout-modal__frame{border-radius:var(--ts-radius-shell)}}.ts-demo-callout--dark .ts-demo-callout__card{background:var(--ts-color-navy-700);border-radius:var(--ts-radius-xl)}.ts-demo-callout--dark .ts-demo-callout__visual{background:transparent}.ts-demo-callout--dark .ts-demo-callout__card--inset .ts-demo-callout__visual{border:2px solid var(--ts-color-navy-100);border-radius:var(--ts-radius-32)}.ts-demo-callout--dark .ts-demo-callout__eyebrow{color:var(--ts-color-accent)}.ts-demo-callout--dark .ts-demo-callout__heading{color:var(--ts-color-white)}.ts-demo-callout--dark .ts-demo-callout__intro,.ts-demo-callout--dark .ts-demo-callout__item{color:var(--ts-color-navy-200)}.ts-demo-callout--dark .ts-btn--outline{background:transparent;border-color:var(--ts-color-navy-200);color:var(--ts-color-white)}.ts-demo-callout--dark .ts-btn--outline:hover{background:var(--ts-color-white);border-color:var(--ts-color-white);color:var(--ts-color-text)}