.hero-journey{position:relative;isolation:isolate;background:var(--black)}
.hero-stage{position:relative}
.journey-wipe{display:none}
.product-bridge{position:relative;display:grid;place-items:center;min-height:480px;padding:60px 6%;background:var(--gold);color:var(--black);overflow:hidden;text-align:center}
.bridge-sticky{width:100%;max-width:1200px}
.bridge-sticky>.eyebrow{justify-content:center;font-size:14px;letter-spacing:2px;margin-bottom:24px;color:#493407}
.bridge-sticky h2{font-size:clamp(64px,8.5vw,132px);line-height:.96;letter-spacing:-1px}
.bridge-sticky h2>span{display:block;color:#6a4705}
.bridge-route{display:flex;align-items:center;gap:24px;max-width:450px;margin:35px auto 27px;font-size:36px}
.bridge-track{height:1px;flex:1;border-top:1px dashed #806016;position:relative}
.bridge-track:after{content:'';height:2px;position:absolute;left:0;top:-1px;width:calc(var(--journey,1)*100%);background:#17120a}
.bridge-parcel{position:absolute;left:calc(var(--journey,1)*(100% - 37px));top:-19px;width:37px;height:37px;background:var(--gold);padding:4px;z-index:1}
.bridge-parcel svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}
.bridge-down{display:inline-flex;align-items:center;gap:25px;font-size:14px;color:#3e2e0a;border-bottom:1px solid #8c661c;padding:9px 0}
.bridge-down span{font-size:24px}
.bridge-down:focus-visible{outline-color:#111}
.journey-enabled{height:var(--journey-height)}
.journey-enabled .hero-stage{position:sticky;top:var(--stage-top);overflow:hidden;isolation:isolate}
.journey-enabled .hero{min-height:var(--scene-height);transform:translateY(var(--hero-y,0px)) scale(var(--hero-scale,1));transform-origin:center bottom;opacity:var(--hero-opacity,1);will-change:transform,opacity}
.journey-enabled .journey-wipe{display:block;position:absolute;bottom:0;left:0;width:100%;height:var(--scene-height);background:linear-gradient(130deg,#f1cb70 0%,var(--gold) 55%,#c49120 100%);clip-path:polygon(0 var(--wipe-left,110%),100% var(--wipe-right,145%),100% 100%,0 100%);z-index:3;pointer-events:none;will-change:clip-path}
.journey-enabled .product-bridge{position:absolute;inset:auto 0 0;height:var(--scene-height);min-height:0;background:transparent;z-index:4;visibility:var(--bridge-visibility,hidden);pointer-events:var(--bridge-events,none)}
.journey-enabled .bridge-sticky{opacity:var(--bridge-opacity,0);transform:translateY(var(--bridge-y,90px)) scale(var(--bridge-scale,.9));will-change:transform,opacity}
.home .connection-strip{position:relative;z-index:2}
.home .catalog{position:relative;z-index:2;border-radius:32px 32px 0 0;margin-top:-1px}
@media(max-width:700px){.product-bridge{min-height:420px;padding:35px 6%}.bridge-sticky>.eyebrow{font-size:12px;letter-spacing:1.4px;margin-bottom:23px}.bridge-sticky h2{font-size:clamp(58px,14vw,92px)}.bridge-route{font-size:30px;gap:18px;max-width:300px;margin:29px auto 20px}.home .catalog{border-radius:22px 22px 0 0}}
@media(max-height:600px) and (min-width:701px){.product-bridge{padding-block:22px}.bridge-sticky>.eyebrow{margin-bottom:12px}.bridge-sticky h2{font-size:clamp(56px,9vh,88px)}.bridge-route{margin:20px auto 12px;font-size:28px}}