.journey{position:relative;width:100%;container:journey / inline-size}.journey__stage{--journey-stage-h: calc(100cqw / var(--jg-wide-aspect));position:relative;width:100%;aspect-ratio:var(--jg-wide-aspect);background:radial-gradient(ellipse at 45% 40%,rgba(201,161,74,.07),transparent 65%),#12100c8c;border:1px solid rgba(201,161,74,.18)}.journey-slide{position:absolute;inset:0;opacity:0;transition:opacity var(--j-fade-out) ease}.journey-slide.is-active,.journey-slide--first-run{opacity:1}.journey-slide.is-active{transition:opacity var(--j-fade-in) ease}.journey-slide__frame{position:absolute;top:calc(var(--jg-frame-top) * 100%);left:calc(var(--jg-frame-left) * 100%);height:calc(var(--jg-frame-h) * 100%);aspect-ratio:var(--journey-ratio);padding:clamp(10px,1.6vw,16px);background:linear-gradient(135deg,#f0d493 0%,var(--gilt) 20%,#8a6a3a 55%,#4e3a1a 100%);box-shadow:inset 0 0 0 1px #0006,inset 2px 2px 6px #ffebb440,inset -3px -4px 8px #0000008c,0 40px 80px -30px #000c}.journey-slide[data-product=canvas-square] .journey-slide__frame{top:calc(var(--jg-square-top) * 100%);left:calc(var(--jg-square-left) * 100%);height:calc(var(--jg-square-h) * 100%)}.journey-slide__wipe{position:relative;width:100%;height:100%;overflow:hidden;background:#12100c}.journey-slide__wipe picture{display:contents}.journey-slide__photo,.journey-slide__portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.journey-slide__portrait{clip-path:inset(0 100% 0 0);transition:clip-path 0s linear var(--j-fade-out)}.journey-slide.is-active .journey-slide__portrait{clip-path:inset(0 0 0 0);transition:clip-path var(--j-wipe) cubic-bezier(.65,0,.35,1) var(--j-wipe-delay)}.journey-slide__product{position:absolute;right:3%;bottom:3%;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;opacity:0;transform:translateY(18px);transition:opacity var(--j-fade-out) ease,transform 0s linear var(--j-fade-out)}.journey-slide.is-active .journey-slide__product{opacity:1;transform:none;transition:opacity var(--j-product) ease var(--j-product-delay),transform var(--j-product) ease var(--j-product-delay)}.journey-slide__product picture{display:contents}.journey-slide__object{display:block;width:auto;filter:drop-shadow(0 22px 26px rgba(0,0,0,.65))}.journey-slide[data-product=case] .journey-slide__object{height:calc(var(--journey-stage-h) * var(--jg-case))}.journey-slide[data-product=canvas] .journey-slide__object{height:calc(var(--journey-stage-h) * var(--jg-canvas))}.journey-slide[data-product=canvas-square] .journey-slide__object{height:calc(var(--journey-stage-h) * var(--jg-canvas-square))}.journey-slide__caption,.journey-slide__tag{font-family:var(--font-sans);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.35;padding:.35rem .6rem}.journey-slide__caption{background:var(--gilt);color:#17120d}.journey-slide__tag{position:absolute;top:2%;left:2.5%;background:#17120deb;color:var(--cream);max-width:80%}.journey-slide--first-run .journey-slide__portrait{animation:journey-wipe var(--j-wipe) cubic-bezier(.65,0,.35,1) var(--j-wipe-delay) both}.journey-slide--first-run .journey-slide__product{animation:journey-product var(--j-product) ease var(--j-product-delay) both}@keyframes journey-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes journey-product{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@container journey (max-width: 479px){.journey__stage{--journey-stage-h: calc(100cqw / var(--jg-narrow-aspect));aspect-ratio:var(--jg-narrow-aspect);background:transparent;border:0}.journey-slide__frame,.journey-slide[data-product=canvas-square] .journey-slide__frame{top:0;left:0;height:auto;width:calc(var(--jg-narrow-frame-w) * 100%)}.journey-slide__product{right:0;bottom:0;gap:.4rem}.journey-slide[data-product=case] .journey-slide__object{height:calc(var(--journey-stage-h) * var(--jg-narrow-case))}.journey-slide[data-product=canvas] .journey-slide__object{height:calc(var(--journey-stage-h) * var(--jg-narrow-canvas))}.journey-slide[data-product=canvas-square] .journey-slide__object{height:calc(var(--journey-stage-h) * var(--jg-narrow-canvas-square))}.journey-slide__tag{top:8px;left:8px;max-width:64%;font-size:.62rem}.journey-slide__caption{font-size:.62rem}}@media(max-width:18rem){.journey-slide__tag{max-width:calc(100% - 16px);letter-spacing:.06em}}@media(prefers-reduced-motion:reduce){.journey-slide--first-run .journey-slide__portrait,.journey-slide--first-run .journey-slide__product{animation:none}.journey-slide--first-run .journey-slide__portrait{clip-path:none}.journey-slide--first-run .journey-slide__product{opacity:1;transform:none}}