.doorbell-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;padding:32px 0;margin:24px 0 36px;border-block:1px solid #789486;scroll-margin-top:24px}
.doorbell-feature .doorbell-copy p{font-size:18px;line-height:1.6;max-width:40ch}
.doorbell-feature .doorbell-player{min-width:0;margin:0}
.doorbell-feature .doorbell-heading{font:700 11px/1.5 Helvetica,Arial,sans-serif;letter-spacing:.1em;color:#ffe08a!important;margin:0 0 12px}
.doorbell-feature .doorbell-stage{position:relative;width:min(230px,100%);aspect-ratio:230/158;overflow:hidden;background:#0b211a}
.doorbell-feature .doorbell-stage img{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;opacity:0;transition:opacity .4s ease}
.doorbell-feature .doorbell-stage img.is-current{opacity:1}
.doorbell-feature figcaption{margin:10px 0 0;max-width:42ch;min-height:130px}
.doorbell-feature .doorbell-step{display:block;color:#ffe08a!important;font:700 11px/1.5 Helvetica,Arial,sans-serif;letter-spacing:.08em;margin-bottom:8px}
.doorbell-feature .doorbell-line{display:block;font:700 24px/1.2 Helvetica,Arial,sans-serif;color:#ffe08a!important}
.doorbell-feature .doorbell-narrative{font:18px/1.5 Helvetica,Arial,sans-serif;margin:8px 0 0;color:#fffdf7!important}
.doorbell-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;max-width:360px}
.doorbell-controls[hidden]{display:none}
.doorbell-controls button{background:none;border:0;padding:8px 0;min-height:44px;color:#fffdf7;font:13px/1.4 Helvetica,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.doorbell-controls button:disabled{opacity:.4;cursor:default}
.doorbell-controls button:focus-visible{outline:3px solid #ffe08a;outline-offset:4px}
.doorbell-source{font-size:14px;margin-top:18px}
.doorbell-source summary{cursor:pointer;color:#ffe08a;padding:8px 0}
.doorbell-source img{margin-top:12px}
@media(max-width:760px){.doorbell-feature{grid-template-columns:minmax(0,1fr);gap:18px}.doorbell-feature figcaption{min-height:130px}}
@media(prefers-reduced-motion:reduce){.doorbell-feature .doorbell-stage img{transition:none}}