.delivery-story{position:relative;overflow:hidden;background:#071f1a;color:#fff;padding:clamp(76px,8vw,128px) 0;isolation:isolate}
.delivery-story:before{content:"";position:absolute;inset:-25% -10% auto 45%;height:720px;background:radial-gradient(circle,rgba(171,255,80,.18),transparent 63%);z-index:-1}
.delivery-story:after{content:"";position:absolute;inset:0;opacity:.19;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.ds-shell{width:min(1480px,calc(100% - 48px));margin:auto}
.ds-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:60px;align-items:end;margin-bottom:34px}
.ds-kicker{display:inline-flex;align-items:center;gap:10px;color:#d4ff48;font:800 12px/1.1 "Arial Narrow",sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.ds-kicker:before{content:"";width:31px;height:2px;background:#ff735e}
.ds-title{margin:0;font:700 clamp(42px,5vw,78px)/.96 "Arial Narrow","Helvetica Neue",sans-serif;letter-spacing:-.045em;max-width:850px}
.ds-title em{font-style:normal;color:#d4ff48}
.ds-intro{margin:0 0 5px;color:#b9d0c7;font:400 clamp(15px,1.3vw,19px)/1.65 "Helvetica Neue",sans-serif;max-width:520px}
.ds-frame{position:relative;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(420px,.87fr);min-height:580px;background:#f7f4e9;border:1px solid rgba(255,255,255,.15);border-radius:34px;overflow:hidden;box-shadow:0 38px 100px rgba(0,0,0,.34)}
.ds-media{position:relative;min-height:580px;overflow:hidden;background:#183f34}
.ds-photo{position:absolute;inset:0;background-image:linear-gradient(180deg,transparent 52%,rgba(3,24,19,.7)),var(--ds-image);background-repeat:no-repeat;background-size:cover;background-position:center;opacity:0;transform:scale(1.055);transition:opacity .7s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}
.ds-photo[data-scene="0"]{background-position:center,0% center}.ds-photo[data-scene="1"]{background-position:center,50% center}.ds-photo[data-scene="2"]{background-position:center,100% center}
.ds-photo.is-active{opacity:1;transform:scale(1)}
.ds-live{position:absolute;left:30px;top:28px;z-index:3;display:flex;align-items:center;gap:9px;padding:10px 14px;background:rgba(4,29,23,.78);border:1px solid rgba(255,255,255,.22);border-radius:999px;backdrop-filter:blur(12px);font:800 11px/1 "Arial Narrow",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.ds-live i{width:8px;height:8px;border-radius:50%;background:#d4ff48;box-shadow:0 0 0 5px rgba(212,255,72,.14);animation:dsPulse 1.7s infinite}
.ds-count{position:absolute;right:30px;top:28px;z-index:3;font:700 13px/1 "Helvetica Neue",sans-serif;padding:11px 13px;border-radius:999px;background:rgba(4,29,23,.72);backdrop-filter:blur(12px)}
.ds-caption{position:absolute;left:32px;right:32px;bottom:29px;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:20px}
.ds-caption strong{font:700 18px/1.15 "Helvetica Neue",sans-serif}.ds-caption span{display:block;margin-top:6px;color:#d9e8e2;font-size:13px}
.ds-content{position:relative;padding:clamp(44px,5vw,78px);color:#102820;display:flex;flex-direction:column;justify-content:center}
.ds-slide{display:none;animation:dsReveal .55s ease both}.ds-slide.is-active{display:block}
.ds-step{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#ff735e;color:#fff;font:900 16px/1 "Arial Narrow",sans-serif;box-shadow:0 11px 24px rgba(255,115,94,.24);margin-bottom:28px}
.ds-slide h3{margin:0 0 18px;font:700 clamp(38px,4vw,62px)/.96 "Arial Narrow","Helvetica Neue",sans-serif;letter-spacing:-.04em;max-width:570px}
.ds-slide p{margin:0;color:#52635c;font:400 17px/1.65 "Helvetica Neue",sans-serif;max-width:590px}
.ds-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.ds-tags span{padding:10px 13px;border-radius:999px;background:#e7ead7;color:#284232;font:800 11px/1 "Arial Narrow",sans-serif;letter-spacing:.055em;text-transform:uppercase}
.ds-loop{display:flex;align-items:center;gap:12px;margin-top:30px;padding:15px 17px;border-radius:16px;background:#dff4bf;color:#1e431d;font-weight:700}.ds-loop b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0b8f75;color:#fff;font-size:18px}
.ds-controls{position:absolute;right:clamp(34px,5vw,74px);bottom:34px;display:flex;align-items:center;gap:12px}
.ds-arrow{width:48px;height:48px;border:1px solid #c9cdbd;border-radius:50%;background:transparent;color:#143226;font-size:22px;cursor:pointer;transition:.25s ease}.ds-arrow:hover{background:#123c31;color:#fff;border-color:#123c31;transform:translateY(-2px)}
.ds-dots{display:flex;gap:7px;margin-right:8px}.ds-dot{width:8px;height:8px;border:0;border-radius:99px;background:#b4bcae;padding:0;cursor:pointer;transition:.3s}.ds-dot.is-active{width:30px;background:#ff735e}
.ds-track{display:grid;grid-template-columns:repeat(6,1fr);margin-top:26px;border:1px solid rgba(212,255,72,.22);border-radius:23px;background:rgba(255,255,255,.055);overflow:hidden}
.ds-node{position:relative;padding:22px 18px 24px;border-right:1px solid rgba(255,255,255,.1);color:#719087;transition:.45s ease}.ds-node:last-child{border-right:0}
.ds-node small{display:block;color:#8ba69e;font:800 9px/1 "Arial Narrow",sans-serif;letter-spacing:.14em;margin-bottom:9px}.ds-node strong{font:700 14px/1.15 "Helvetica Neue",sans-serif}
.ds-node:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:3px;background:#d4ff48;transition:.45s ease}
.ds-node.is-active{color:#fff;background:rgba(212,255,72,.055)}.ds-node.is-active small{color:#d4ff48}.ds-node.is-active:after{right:0}
.ds-node.is-current{background:rgba(255,115,94,.11)}.ds-node.is-current:after{background:#ff735e}
@keyframes dsPulse{50%{box-shadow:0 0 0 9px rgba(212,255,72,0)}}@keyframes dsReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:960px){.ds-shell{width:min(100% - 28px,720px)}.ds-head{grid-template-columns:1fr;gap:18px}.ds-frame{grid-template-columns:1fr;min-height:auto}.ds-media{min-height:480px}.ds-content{min-height:510px;padding:45px 30px 108px}.ds-track{grid-template-columns:repeat(3,1fr)}.ds-node:nth-child(3){border-right:0}.ds-node:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.1)}.ds-controls{left:30px;right:auto}.ds-title{font-size:clamp(42px,11vw,65px)}}
@media(max-width:560px){.delivery-story{padding:68px 0}.ds-shell{width:calc(100% - 20px)}.ds-head{padding:0 9px}.ds-frame{border-radius:25px}.ds-media{min-height:390px}.ds-content{min-height:540px;padding:39px 24px 105px}.ds-slide h3{font-size:42px}.ds-slide p{font-size:15px}.ds-track{grid-template-columns:repeat(2,1fr)}.ds-node{padding:17px 13px}.ds-node:nth-child(2n){border-right:0}.ds-node:nth-child(3){border-right:1px solid rgba(255,255,255,.1)}.ds-node:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.1)}.ds-caption{left:22px;right:22px}.ds-intro{font-size:15px}}
@media(prefers-reduced-motion:reduce){.ds-photo,.ds-slide,.ds-node:after{transition:none;animation:none}}
.ds-photo[data-scene="0"]{--ds-image:url("./assets/delivery-step-1.png");background-position:center}
.ds-photo[data-scene="1"]{--ds-image:url("./assets/delivery-step-2.png");background-position:center}
.ds-photo[data-scene="2"]{--ds-image:url("./assets/delivery-step-3.png");background-position:center}
.ds-photo[data-scene="3"]{--ds-image:url("./assets/delivery-step-4.png");background-position:center}
.ds-photo[data-scene="4"]{--ds-image:url("./assets/delivery-step-5.png");background-position:center}
.ds-photo[data-scene="5"]{--ds-image:url("./assets/delivery-step-6.png");background-position:center}