.c-flow-hero{isolation:isolate;background:var(--c-bg);height:clamp(380px,100svh - 125px,580px);margin-block:20px 36px;display:block;position:relative;overflow:hidden}.c-flow-copy{z-index:4;pointer-events:none;width:46%;position:absolute;top:50%;left:0;transform:translateY(-54%)}.c-flow-copy h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(46px,5.5vw,76px);font-weight:500;line-height:1.06}.c-flow-copy h1 span{color:var(--c-ink)}.c-flow-copy>p{max-width:35ch;color:var(--c-muted);margin-top:24px;font-size:15px;line-height:1.8}.c-flow-actions{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;display:flex}.c-flow-actions .c-button{min-height:44px}.c-flow-actions .c-text-link{align-items:center;min-height:36px;display:inline-flex}.c-flow-deck{z-index:1;position:absolute;inset:0;overflow:hidden}.c-flow-slide{width:64%;height:calc(100% - 110px);position:absolute;top:28px;left:43%}.c-flow-slide:not([hidden]){z-index:2}.c-flow-hero[data-ready] .c-flow-slide{opacity:0;pointer-events:none;z-index:1}.c-flow-hero[data-ready] .c-flow-slide[data-active=true]{opacity:1;pointer-events:auto;z-index:3}.c-flow-hero[data-ready] .c-flow-slide[data-leaving]{opacity:1;z-index:2}.c-flow-motion{width:100%;height:100%}.c-flow-panel{border:1px solid var(--c-line);background:var(--c-surface);width:100%;height:100%;color:var(--c-ink);flex-direction:column;display:flex;overflow:hidden}.c-flow-panel:hover{color:var(--c-ink)}.c-flow-window-bar{height:35px;color:var(--c-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;font-size:10px;display:flex}.c-flow-window-bar>span:first-child{color:var(--c-ink);align-items:center;gap:8px;display:flex}.c-flow-window-bar img{object-fit:contain;border-radius:4px;width:18px;height:18px}.c-flow-art{flex:1;min-height:0;position:relative;overflow:hidden}.c-flow-art>.c-product-visual{height:100%}.c-flow-veil{z-index:3;pointer-events:none;background:linear-gradient(90deg,var(--c-bg) 5%,var(--c-bg) 24%,color-mix(in srgb,var(--c-bg) 92%,transparent) 36%,color-mix(in srgb,var(--c-bg) 46%,transparent) 48%,transparent 64%);position:absolute;inset:0}.c-flow-controls{z-index:5;justify-content:space-between;align-items:center;gap:20px;padding:15px 0 4px;display:flex;position:absolute;bottom:0;left:0;right:0}.c-flow-current{align-items:baseline;gap:18px;font-size:14px;font-weight:550;display:flex}.c-flow-current>span:last-child{color:var(--c-muted);align-items:center;gap:7px;font-size:11px;font-weight:400;display:flex}.c-flow-transport{align-items:center;gap:8px;display:flex}.c-flow-choices{align-items:center;gap:2px;margin-right:12px;display:flex}.c-flow-choices button{background:0 0;border:0;width:28px;height:40px;padding:10px 6px}.c-flow-choices button>span{background:var(--c-line);width:100%;height:2px;display:block}.c-flow-choices button[aria-pressed=true]>span{background:var(--c-accent)}.c-flow-step,.c-flow-play{background:var(--c-bg);border:1px solid var(--c-line);min-height:40px;color:var(--c-ink);justify-content:center;align-items:center;display:inline-flex}.c-flow-step{width:40px}.c-flow-play{min-width:60px;padding:0 12px;font-size:11px}.c-flow-back{display:flex;transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.c-flow-step:hover,.c-flow-play:hover{border-color:var(--c-accent)}}@media (width<=1000px){.c-flow-copy h1{font-size:clamp(40px,6vw,60px)}.c-flow-copy>p{margin-top:20px;font-size:13px}.c-flow-actions{gap:16px;margin-top:23px}.c-flow-actions .c-button,.c-flow-actions .c-text-link{font-size:11px}.c-flow-controls{gap:12px}.c-flow-current{gap:10px}}@media (width<=700px){.c-flow-hero{height:720px;min-height:720px;margin-top:12px}.c-flow-copy{width:100%;top:22px;left:0;transform:none}.c-flow-copy h1{font-size:clamp(42px,9vw,58px);line-height:1.06}.c-flow-copy>p{max-width:39ch;margin-top:18px;font-size:14px;line-height:1.7}.c-flow-actions{gap:18px;margin-top:22px}.c-flow-slide{width:112%;height:310px;top:305px;left:1%}.c-flow-veil{background:linear-gradient(180deg,var(--c-bg) 0%,var(--c-bg) 32%,color-mix(in srgb,var(--c-bg) 70%,transparent) 42%,transparent 57%,transparent 80%,var(--c-bg) 92%),linear-gradient(90deg,color-mix(in srgb,var(--c-bg) 94%,transparent),transparent 24%,transparent 91%,color-mix(in srgb,var(--c-bg) 40%,transparent))}.c-flow-controls{flex-wrap:wrap;gap:13px;bottom:14px}.c-flow-current{justify-content:space-between;width:100%}.c-flow-transport{justify-content:flex-end;width:100%}.c-flow-choices{margin-right:auto}.c-flow-choices button{width:32px}}@media (prefers-reduced-motion:reduce){.c-flow-hero .c-flow-motion{transition:none!important;animation:none!important}}@media (width>=701px) and (height<=599px){body:has(.c-flow-hero) .c-header{min-height:64px}.c-flow-hero{height:calc(100svh - 82px);min-height:310px;margin-top:4px}.c-flow-copy{transform:translateY(-53%)}.c-flow-copy h1{font-size:clamp(40px,5.3vw,64px)}.c-flow-copy>p{margin-top:16px;font-size:13px;line-height:1.7}.c-flow-actions{margin-top:20px}.c-flow-slide{height:calc(100% - 80px);top:16px}.c-flow-controls{padding-top:8px}}