/* Real product captures. Keep every image at its original proportions. */
.product-capture{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:320px;padding:0;border:0;border-radius:8px;background:transparent;color:#10251d;cursor:zoom-in;min-width:0}
.product-capture img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 12px 30px #10251d13;transition:transform .3s ease,box-shadow .3s ease}
.product-capture:hover img{transform:translateY(-3px);box-shadow:0 18px 38px #10251d20}
.capture-zoom{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#10251d;color:#f7f8f4;font-size:16px;box-shadow:0 2px 8px #10251d15;transition:transform .25s}
.product-capture:hover .capture-zoom{transform:translate(2px,-2px)}
.product-capture-mobile img{border:5px solid #25302a;border-radius:21px;background:#f7f8f4}
.product-capture-mobile .capture-zoom{right:calc(50% - 78px)}
.walk-panel #walk-content{margin-top:20px}
.walk-panel .product-capture{height:290px}
.story-visual{padding:22px}
.one-page .hero-phone .phone-capture{padding:0;border:7px solid #25302a;border-radius:34px;overflow:hidden;background:#f7f8f4;height:auto;flex-shrink:0}
.phone-capture>img{width:100%;height:auto;display:block;border-radius:0}
#product-image-dialog{width:min(96vw,1600px);max-width:1600px;max-height:96dvh;padding:44px 22px 16px;background:#f7f8f4;border:1px solid #d4ddd0;border-radius:12px;overflow:auto}
#product-image-dialog::backdrop{background:#07130ee0;backdrop-filter:blur(8px)}
#product-image-dialog img{display:block;max-width:100%;max-height:calc(92dvh - 95px);width:auto;height:auto;object-fit:contain;margin:auto;border-radius:5px}
#product-image-dialog p{font-size:12px;color:#62705d;text-align:center;margin:14px 0 0}
.product-image-close{position:absolute;top:7px;right:12px;display:grid;place-items:center;width:32px;height:32px;background:transparent;border:0;color:#10251d;font-size:27px}
@media(max-width:700px){.product-capture{height:300px}.walk-panel .product-capture{height:270px}.story-visual{padding:16px;min-height:330px}.capture-zoom{width:28px;height:28px;font-size:14px}.one-page .hero-phone .phone-capture{border-width:6px;border-radius:28px}#product-image-dialog{padding:44px 10px 14px}}
@media(prefers-reduced-motion:reduce){.product-capture img,.capture-zoom{transition:none}.product-capture:hover img,.product-capture:hover .capture-zoom{transform:none}}

/* Display the supplied iPhone screenshot without Safari or status bars. */
.one-page .hero-phone .phone-user-capture{aspect-ratio:1179 / 2110;position:relative}
.one-page .hero-phone .phone-user-capture>img{position:absolute;max-width:none;width:100%;height:auto;left:0;top:0;transform:translateY(-5.2%)}
.one-page .hero-phone .paper p{font-size:10px;overflow-wrap:anywhere}
/* Native phone proportions and a crisp, untransformed resting state. */
.one-page .hero-phone .phone-user-capture{width:260px;aspect-ratio:1179 / 2400;border:6px solid #25302a;border-radius:37px;transform:none;will-change:auto;box-shadow:0 18px 32px #10251d25}
.one-page .hero-phone .phone-user-capture>img{top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:none}
@media(hover:hover) and (pointer:fine){.one-page .hero-phone:hover .phone-user-capture{transform:rotateX(var(--phone-rx,0deg)) rotateY(var(--phone-ry,0deg))}}
@media(max-width:1000px){.one-page .hero-phone .phone-user-capture{width:240px}}
@media(max-width:700px){.one-page .hero-phone .phone-user-capture{width:230px;border-radius:32px}.one-page .hero-phone{height:510px}.one-page .hero-phone .paper{width:145px;left:-10px;top:115px}}
@media(prefers-reduced-motion:reduce){.one-page .hero-phone:hover .phone-user-capture{transform:none}}
.one-page .hero-phone .phone-user-capture{aspect-ratio:1179 / 2556}
.one-page .hero-phone .phone-user-capture>img{object-fit:contain}