.product-journey{--journey-progress:0;position:relative}.product-stage{background:#e8efde;position:relative}.journey-film{width:100%;height:75svh;padding:22px;position:relative}.journey-film video{object-fit:cover;object-position:50% 50%;border-radius:28px;width:100%;height:100%;display:block}.film-caption{color:#fff;text-shadow:0 1px 8px #0008;justify-content:space-between;gap:16px;font-size:12px;display:flex;position:absolute;inset:auto 46px 42px}.film-caption a{align-items:center;gap:8px;text-decoration:none;display:flex}.product-object{pointer-events:none;height:55svh;position:relative}.pendant-canvas{position:absolute;inset:0}.pendant-canvas canvas{width:100%;height:100%;display:block}.pendant-fallback{object-fit:contain;width:80px;height:115px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pendant-canvas[data-ready=true]:not([data-failed=true]) .pendant-fallback{display:none}.pendant-canvas[data-failed=true] canvas{visibility:hidden}.product-halo{background:radial-gradient(at 50% 45%,#fff6,#0000 57%);position:absolute;inset:0}.pendant-shadow{filter:blur(10px);background:#4a583924;border-radius:50%;width:140px;height:13px;position:absolute;top:72%;left:calc(50% - 70px)}.product-model-caption{text-align:center;width:100%;color:var(--memo-muted);letter-spacing:.03em;font-size:11px;position:absolute;bottom:6%}.journey-chapter{width:min(440px,100% - 48px);margin:0 auto;padding:48px 0}.journey-chapter h2{letter-spacing:-.045em;margin:20px 0 24px;font-size:clamp(34px,3.2vw,49px);line-height:1.06}.journey-chapter p{color:var(--memo-muted);max-width:40ch;font-size:16px;line-height:1.6}.chapter-category{letter-spacing:.025em;color:var(--memo-olive);font-size:12px;font-weight:500}.chapter-records{gap:0;margin:18px 0;padding:0;list-style:none;display:grid}.chapter-records li{border-bottom:1px solid #34432920;grid-template-columns:18px 1fr;gap:3px 12px;padding:12px 0;display:grid}.chapter-records svg{stroke-width:1.4px;grid-row:span 2;margin-top:4px}.chapter-records span{font-size:15px}.chapter-records small{color:var(--memo-muted);font-size:12px}.chapter-link{border-bottom:1px solid #42543c66;align-items:center;gap:16px;padding:4px 0 7px;font-size:13px;text-decoration:none;display:inline-flex}.chapter-link svg{transition:transform .2s}.chapter-link:hover svg{transform:translate(2px,-2px)}.chapter-limit{color:var(--memo-muted);max-width:42ch;margin:22px 0 0;font-size:11px;line-height:1.6;display:block}.journey-speech{background:#f7f4ed}.speech-lines{margin:30px 0;display:grid}.speech-lines>div{border-bottom:1px solid #34432920;grid-template-columns:100px 1fr;align-items:center;gap:20px;padding:18px 0;font-size:14px;display:grid}.voice-line{opacity:.7;background:repeating-linear-gradient(90deg,#66754b 0 2px,#0000 2px 6px);height:20px}.voice-line-pauses{clip-path:polygon(0 35%,18% 15%,24% 40%,30% 40%,30% 60%,24% 60%,18% 85%,0 65%,0 35%,40% 40%,40% 60%,50% 60%,58% 100%,70% 65%,76% 65%,76% 35%,70% 35%,58% 0,50% 40%,40% 40%,85% 40%,85% 60%,100% 60%,100% 40%)}.voice-line-flow{clip-path:polygon(0 40%,10% 30%,18% 45%,30% 0,45% 25%,55% 40%,68% 10%,80% 30%,100% 40%,100% 60%,80% 70%,68% 90%,55% 60%,45% 75%,30% 100%,18% 55%,10% 70%,0 60%)}.voice-line-words{background:repeating-linear-gradient(90deg,#89966b 0 22px,#0000 22px 28px);border-radius:2px;height:12px}.journey-progress{background:#34432910;height:2px;position:absolute;bottom:0;left:0;right:0}.journey-progress span{background:var(--memo-olive);width:100%;height:100%;transform:scaleX(var(--journey-progress));transform-origin:0;display:block}.product-journey[data-animated=true] .product-stage{height:100svh;overflow:hidden}.product-journey[data-animated=true] .journey-film{transform-origin:50%;height:100%;padding:0;position:absolute;inset:0}.product-journey[data-animated=true] .product-object{height:100%;position:absolute;inset:0}.product-journey[data-animated=true] .journey-chapter{flex-direction:column;justify-content:center;width:29%;max-width:410px;margin:0;padding:0;display:flex;position:absolute;top:0;bottom:0;transform:none}.product-journey[data-animated=true] .journey-monitor{left:6%}.product-journey[data-animated=true] .journey-speech{background:0 0;right:6%}@media (width>=1500px){.product-journey[data-animated=true] .journey-monitor{left:9%}.product-journey[data-animated=true] .journey-speech{right:9%}}@media (width<=760px){.journey-film{height:65svh;padding:16px}.journey-film video{border-radius:18px}.film-caption{font-size:10px;inset:auto 18px 20px}.film-caption>span{max-width:110px}.journey-chapter h2{margin:10px 0 14px;font-size:31px}.journey-chapter p{margin-bottom:12px;font-size:14px;line-height:1.5}.product-journey[data-animated=true] .product-object{height:45%;top:0}.product-journey[data-animated=true] .journey-chapter{width:auto;max-width:none;display:block;inset:42% 24px auto;transform:none}.chapter-records{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:0 16px;margin:15px 0}.chapter-records li{gap:2px 8px;padding:8px 0}.chapter-records small{font-size:10px}.chapter-records span{font-size:12px}.chapter-link{gap:8px;font-size:12px}.chapter-limit{max-width:48ch;margin-top:13px;font-size:10px}.speech-lines{margin:15px 0}.speech-lines>div{padding:10px 0;font-size:12px}.product-model-caption{font-size:9px;bottom:12%}.pendant-shadow{width:80px;top:78%;left:calc(50% - 40px)}}@media (prefers-reduced-motion:reduce),(height<=699px){.journey-film{height:60svh}.product-object{height:45svh}.journey-monitor,.journey-speech{width:auto;max-width:none;padding:48px max(24px,50% - 360px)}.journey-progress{display:none}}.journey-film{overflow:hidden}.journey-film video{border-radius:inherit}.film-error{background:#f7f4ed;max-width:280px;padding:12px;font-size:13px;position:absolute;top:20px;left:24px}button.chapter-link{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #42543c66;align-self:flex-start;font-family:inherit}.product-journey[data-animated=true] .journey-film video{object-fit:cover}@media (width<=760px){.product-journey[data-animated=true] .journey-film video{object-position:50% 46%}}.product-journey[data-animated=true] .journey-chapter p,.product-journey[data-animated=true] .journey-chapter small,.product-journey[data-animated=true] .chapter-category{color:#293322}@media (width<=760px){.product-journey[data-animated=true] .journey-film:after{content:"";background:linear-gradient(transparent,var(--film-edge,#e8efde));pointer-events:none;height:36px;position:absolute;bottom:-1px;left:0;right:0}}.journey-poster{z-index:1;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.journey-poster img{object-fit:cover;width:100%;height:100%}.product-journey[data-loaded=true] .journey-poster{visibility:hidden}.film-caption{z-index:2}@media (width<=760px){.product-journey{scroll-margin-top:var(--memo-mobile-header,64px)}.journey-film{border-radius:20px;height:66svh;padding:0}.journey-film video,.journey-poster img{object-position:50% 0%}.product-journey[data-animated=true] .product-stage{height:calc(100svh - var(--memo-mobile-header,64px))}.product-journey[data-animated=true] .journey-chapter{top:40%;left:22px;right:22px}.journey-chapter h2{margin:8px 0 12px;font-size:30px;line-height:1.08}.journey-chapter p{font-size:14px;line-height:1.45}.chapter-records{gap:0 12px;margin:10px 0}.chapter-records li{padding:9px 0}.chapter-records span{font-size:13px}.chapter-records small{font-size:11px}.chapter-link{min-height:44px;font-size:13px}.chapter-limit{margin-top:10px;font-size:11px;line-height:1.4}.film-caption{font-size:11px;inset:auto 18px 18px}.film-caption a{min-height:44px;padding:0 8px}.film-caption>span{max-width:125px}}@media (width<=760px) and (height>=600px) and (height<=739px) and (prefers-reduced-motion:no-preference){.product-journey[data-animated=true] .journey-chapter{top:32%}.product-journey[data-animated=true] .journey-chapter h2{margin:6px 0 9px;font-size:26px}.product-journey[data-animated=true] .journey-chapter h2 br,.product-journey[data-animated=true] .chapter-records small{display:none}.product-journey[data-animated=true] .chapter-records li{align-items:center;padding:8px 0}.product-journey[data-animated=true] .chapter-records svg{grid-row:auto;margin:0}.product-journey[data-animated=true] .chapter-limit{margin-top:7px;font-size:10px}.product-journey[data-animated=true] .speech-lines{margin:8px 0}.product-journey[data-animated=true] .speech-lines>div{padding:7px 0}}@media (width<=760px){.product-journey{scroll-margin-top:0}}.product-journey:not([data-animated=true]) .film-caption{display:none}@media (width<=760px){.product-journey:not([data-animated=true]) .journey-film{height:60svh!important}}
