.drop-journey.drop-intro{--intro-progress:0;--intro-handoff:0;display:block}.drop-journey .drop-intro-stage{grid-template-columns:.91fr 1.09fr;align-items:center;gap:20px 42px;display:grid;position:relative}.drop-journey .drop-intro-copy{transform:translate3d(0, calc(var(--intro-handoff) * -12px), 0);grid-area:1/1}.drop-journey h1{font-size:clamp(56px,7vw,106px)}.drop-journey h1>span{display:block}.drop-journey .drop-intro-entry{grid-area:2/1;place-self:start}.drop-journey .drop-intro-figure{grid-area:1/2/3}.drop-world-window{aspect-ratio:16/9;isolation:isolate;background:#557e89;width:100%;position:relative;overflow:clip}.drop-world-fallback,.drop-world-fallback img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.drop-world{transform-origin:0 0;visibility:hidden;position:absolute;top:0;left:0}.drop-journey[data-world-ready=true] .drop-world{visibility:visible}.drop-journey[data-world-ready=true] .drop-world-fallback{visibility:hidden}.drop-world-backdrop{width:100%;height:100%;position:absolute;inset:0}.drop-world-plate{visibility:hidden;position:absolute;overflow:clip}.drop-world-plate[data-active=true]{visibility:inherit}.drop-world-plate>:is(img,video){object-fit:fill;max-width:none;position:absolute}.drop-world-plate video{visibility:hidden}.drop-world-plate[data-decoded=true] video{visibility:inherit}.drop-world-loop{z-index:3;opacity:clamp(0, calc((var(--intro-loop,0) - .35) * 2.5), 1);background:#173f32;position:absolute;inset:0}.drop-world-loop>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.drop-world-loop:has(.drop-droplet[data-state=live]){background:radial-gradient(ellipse 46% 62% at var(--loop-centre,50%) 52%, #06140fe6, #06140fcc 55%, #06140f94)}.drop-world-loop:has(.drop-droplet[data-state=live])>img{visibility:hidden}.drop-journey[data-cinematic=true] .drop-world-loop{--loop-centre:46.3%}.drop-journey[data-cinematic=true] .drop-world-loop>.drop-droplet{inset:5% 23% 5% 15.6%}.drop-world-play{z-index:4;color:#fff;background:#18382fe6;border:1px solid #fffa;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:16px;right:16px}.drop-world-play:focus-visible{outline-offset:4px;outline:3px solid #fff}.drop-journey[data-cinematic=true] .drop-world-play{transform:translateX(calc(var(--intro-handoff) * -30vw))}.drop-journey[data-cinematic=true]{margin-inline:calc(-1 * var(--intro-bleed,56px));min-height:calc(100svh + var(--intro-travel,100svh));border:0;padding:0}.drop-journey[data-cinematic=true] .drop-intro-stage{isolation:isolate;background:var(--drop-paper,#f6f5ee);height:100svh;display:block;position:sticky;top:0;overflow:clip}.drop-journey[data-cinematic=true] .drop-intro-figure{z-index:0;transform-origin:65%;transform:translate3d(calc(var(--intro-handoff) * 24%), 0, 0) scale(calc(1 - var(--intro-handoff) * .18));margin:0;position:absolute;inset:0}.drop-journey[data-cinematic=true] .drop-world-window{aspect-ratio:auto;height:100%;clip-path:inset(calc(var(--intro-handoff) * 4%) 0 round calc(var(--intro-handoff) * 2px))}.drop-journey[data-cinematic=true] .drop-intro-stage:before{content:"";z-index:1;background:var(--drop-paper,#f6f5ee);clip-path:polygon(0 0, calc(var(--intro-handoff) * 48%) 0, calc(var(--intro-handoff) * 43%) 100%, 0 100%);position:absolute;inset:0}.drop-journey[data-cinematic=true] .drop-intro-copy{z-index:2;width:37%;transform:translate3d(0, calc((1 - var(--intro-handoff)) * 65px), 0);clip-path:inset(0 calc((1 - var(--intro-handoff)) * 100%) 0 0);padding:0;position:absolute;top:29%;left:clamp(24px,4vw,64px)}.drop-journey[data-cinematic=true] h1{text-wrap:balance;font-size:clamp(48px,5.8vw,94px)}.drop-journey[data-cinematic=true] .drop-intro-copy>p{max-width:32ch;transform:translate3d(0, calc((1 - var(--intro-handoff)) * 22px), 0)}.drop-journey[data-cinematic=true] .drop-intro-entry{z-index:4;background:#f6f5eef5;border-color:#e0e5d8;position:absolute;bottom:10%;left:clamp(24px,4vw,64px);color:#254c3a!important}.drop-journey[data-cinematic=true] figcaption{color:#fff;background:#18382fe6;padding:8px 12px;position:absolute;top:22px;right:26px}@media (width<=700px){.drop-journey .drop-intro-stage{grid-template-columns:1fr;gap:20px}.drop-journey .drop-intro-copy,.drop-journey .drop-intro-figure,.drop-journey .drop-intro-entry{grid-area:auto/1}.drop-journey .drop-intro-entry{grid-row:2}.drop-journey h1{font-size:clamp(52px,11vw,74px)}}@media (prefers-reduced-motion:reduce){.drop-journey.drop-intro{min-height:0}.drop-journey :is(.drop-intro-copy,.drop-intro-figure){clip-path:none;transform:none}}