.hero-shot{--phone-width:clamp(210px, 24vw, 272px);--phone-offset:clamp(160px, 24vw, 285px);isolation:isolate;border:1px solid var(--line);background:var(--paper-warm);border-radius:24px;width:min(1080px,92vw);margin:48px 0 0;padding:26px clamp(16px,3vw,36px) 28px;position:relative;overflow:hidden;box-shadow:0 30px 80px -40px #26262647}.hero-shot:before{content:"";z-index:-1;background:linear-gradient(180deg, #faf7ef35 30%, var(--paper-warm) 84%), url(https://cdn.feelri.com/angler-mate/webFiles/out/lab-stage-art.webp) center 35% / cover;opacity:.5;pointer-events:none;position:absolute;inset:0}.hero-gallery-heading{color:var(--ink-soft);font-family:var(--sans);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.hero-gallery-hint{color:var(--ink-mute);letter-spacing:.02em;font-size:11px}.hero-gallery-viewport{height:calc(var(--phone-width) * 2.17 + 74px);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:16px;margin:12px -16px 0;position:relative}.hero-gallery-viewport:active{cursor:grabbing}.hero-gallery-phone{width:var(--phone-width);background:var(--bone);transform:translate(calc(-50% + var(--gallery-drag,0px)), -50%);z-index:3;border:1px solid #fff9;border-radius:22px;padding:5px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s,visibility .3s;position:absolute;top:50%;left:50%;box-shadow:0 28px 48px -22px #26262666,0 2px 6px #26262614}.hero-gallery-phone img{object-fit:contain;pointer-events:none;border-radius:16px;width:100%;height:auto;display:block}.hero-gallery-phone[data-position="-1"]{z-index:2;transform:translate(calc(-50% - var(--phone-offset) + var(--gallery-drag,0px)), -46%) rotate(-7deg) scale(.82)}.hero-gallery-phone[data-position="1"]{z-index:2;transform:translate(calc(-50% + var(--phone-offset) + var(--gallery-drag,0px)), -46%) rotate(7deg) scale(.82)}.hero-gallery-phone[data-position="-2"],.hero-gallery-phone[data-position="2"]{opacity:0;visibility:hidden;pointer-events:none;z-index:1}.hero-gallery-phone[data-position="-2"]{transform:translate(calc(-50% - var(--phone-offset) * 1.5), -44%) rotate(-12deg) scale(.7)}.hero-gallery-phone[data-position="2"]{transform:translate(calc(-50% + var(--phone-offset) * 1.5), -44%) rotate(12deg) scale(.7)}.hero-gallery-preview{border-radius:inherit;cursor:pointer;background:linear-gradient(#f6f2e51a 55%,#f6f2e59e);border:0;justify-content:center;align-items:flex-end;padding:0 12px 18px;display:flex;position:absolute;inset:0}.hero-gallery-preview>span{border:1px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--sans);border-radius:999px;align-items:center;gap:20px;padding:10px 16px;font-size:14px;display:inline-flex;box-shadow:0 3px 12px #26262612}.hero-gallery-preview:hover>span{background:var(--coral-tint)}.hero-gallery-caption{justify-content:center;align-items:center;gap:clamp(12px,3vw,36px);margin-top:2px;display:flex;position:relative}.hero-gallery-status{text-align:center;flex:0 440px;min-width:0}.hero-gallery-title{justify-content:center;align-items:center;gap:16px;display:flex}.hero-gallery-title h2{color:var(--ink);font-family:var(--sans);margin:0;font-size:clamp(20px,2.5vw,26px);font-weight:650;line-height:1.35}.hero-gallery-title>span{color:var(--ink-mute);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11px}.hero-gallery-status p{min-height:3.4em;color:var(--ink-soft);font-family:var(--sans);text-wrap:pretty;margin:8px 0 0;font-size:13px;line-height:1.7}.hero-gallery-arrow{border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;flex:0 0 44px;place-items:center;padding:0;transition:background .2s,border-color .2s;display:grid}.hero-gallery-arrow svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.hero-gallery-arrow:hover{background:var(--coral-tint);border-color:var(--coral)}.hero-gallery-features{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;display:flex}.hero-gallery-features button{min-height:44px;color:var(--ink-soft);font-family:var(--sans);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:13px;transition:background .2s,color .2s;display:inline-flex}.hero-gallery-features button:hover{background:var(--coral-tint)}.hero-gallery-features button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.hero-gallery-feature-dot{opacity:.4;background:currentColor;border-radius:50%;width:5px;height:5px}.hero-gallery-features button[aria-pressed=true] .hero-gallery-feature-dot{background:var(--coral);opacity:1}.hero-shot button:focus-visible,.hero-gallery-viewport:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.hero-gallery-viewport.is-dragging .hero-gallery-phone{transition:none}@media (max-width:640px){.hero-shot{--phone-width:clamp(190px, 57vw, 260px);--phone-offset:clamp(142px, 41vw, 220px);border-radius:20px;padding:20px 16px}.hero-gallery-heading{letter-spacing:.02em;font-size:11px}.hero-gallery-hint{font-size:10px}.hero-gallery-viewport{height:calc(var(--phone-width) * 2.17 + 60px);margin-top:0}.hero-gallery-caption{gap:8px}.hero-gallery-status p{min-height:5.1em;font-size:12px}.hero-gallery-title{flex-wrap:wrap;gap:4px 10px}.hero-gallery-features{gap:4px;margin-top:12px}.hero-gallery-features button{padding:8px 11px;font-size:12px}}@media (prefers-reduced-motion:reduce){.hero-shot .hero-gallery-phone,.hero-shot button{transition:none}.hero-gallery-viewport{--gallery-drag:0px!important}}