/* A campaign moves from an agreed direction to a useful next step. */
.studio .social-management.delivery-story{display:block;margin-top:94px;padding-top:54px;--social-rule:1}
.delivery-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end;margin-bottom:54px}
.studio .delivery-heading h3{font-size:clamp(34px,3.65vw,54px);line-height:1.12;letter-spacing:-.025em;margin:0;max-width:18ch}
.delivery-heading h3 span{color:var(--social-accent)}
.delivery-heading>p{color:var(--social-muted);font-size:16px;line-height:1.75;max-width:43ch;margin:0}
.delivery-stage-wrap{display:none}
.delivery-steps{display:grid;grid-template-columns:1fr 1fr;gap:58px 36px}
.delivery-chapter{min-width:0;scroll-margin-top:150px}
.studio .delivery-copy h4{font-family:var(--display,'Syne'),sans-serif;font-size:clamp(25px,2.6vw,37px);font-weight:700;line-height:1.18;letter-spacing:-.025em;margin:0 0 20px;max-width:19ch}
.delivery-copy>p{font-size:16px;line-height:1.75;color:var(--social-muted);max-width:40ch;margin:0}
.delivery-art{position:relative;aspect-ratio:1.12;isolation:isolate;background:#e4e6dc;overflow:hidden;border-radius:12px;margin-top:26px;color:#20251e;container-type:inline-size}
.delivery-art img{display:block;width:100%;height:100%;object-fit:cover}
.delivery-art figure{margin:0}
.delivery-brand{font-family:'Syne',sans-serif;font-weight:700;letter-spacing:-.03em;font-size:clamp(18px,5cqw,30px)}
.direction-sheet{position:absolute;left:13%;top:8%;width:60%;padding:4%;background:#fbf8ed;transform:rotate(-6deg);box-shadow:0 22px 32px #25302020}
.direction-sheet>img{height:auto;aspect-ratio:1.8;margin-top:4%;object-fit:cover}
.direction-sheet>p{font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(16px,4.2cqw,24px);line-height:1.12;margin:4% 0}
.direction-swatches{display:flex;gap:6px}
.direction-swatches i{display:block;height:5cqw;min-height:14px;width:23%;background:#253b2c}
.direction-swatches i:nth-child(2){background:#c45228}.direction-swatches i:nth-child(3){background:#e8d7b4}
.direction-approval{position:absolute;right:7%;bottom:7%;display:flex;gap:8px;align-items:center;background:#ff653d;padding:14px 17px;border-radius:3px;transform:rotate(-8deg);font-size:clamp(13px,3cqw,17px);font-weight:600;box-shadow:0 10px 22px #25302021}
.direction-approval svg,.publishing-checks svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;flex:none}
.delivery-art--create{background:#243b2d}
.content-piece{position:absolute;width:33%;padding:2%;background:#f9f4e6;box-shadow:0 20px 28px #07190c40}
.content-piece img{aspect-ratio:.76;height:auto}
.content-piece figcaption{font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(14px,3cqw,18px);padding:9px 2px 3px}
.content-piece--place{left:7%;top:16%;transform:rotate(-13deg)}
.content-piece--hero{left:32%;top:9%;z-index:2;transform:rotate(3deg)}
.content-piece--detail{right:6%;top:21%;z-index:3;transform:rotate(12deg)}
.content-finish{position:absolute;left:8%;bottom:7%;font-size:clamp(14px,3.4cqw,20px);color:#f1f0e9;font-family:'Syne',sans-serif;font-weight:700}
.delivery-art--publish{background:#dddacb}
.publishing-board{position:absolute;left:6%;right:6%;top:14%;background:#f8f6ee;padding:4%;border-radius:7px;box-shadow:0 25px 36px #26322320;transform:rotate(-3deg)}
.publishing-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.publishing-title .delivery-brand{font-size:clamp(18px,4.5cqw,28px)}
.publishing-dot{display:block;width:12px;height:12px;background:#c84e29;border-radius:50%}
.publishing-week{display:grid;grid-template-columns:repeat(3,1fr);gap:4%}
.publishing-week>div>span{display:block;font-size:13px;color:#4e5749;margin-bottom:9px}
.publishing-post{background:#e4e7dd;padding:4px}
.publishing-post img{aspect-ratio:1.12;height:auto}
.publishing-post figcaption{font-size:12px;padding:8px 2px;white-space:nowrap}
.publishing-checks{display:flex;justify-content:space-between;gap:6px;padding-top:18px;font-size:clamp(12px,2.5cqw,14px)}
.publishing-checks>span{display:flex;gap:3px;align-items:center}
.publishing-checks svg{width:16px;height:16px;color:#315e3c}
.delivery-art--action{background:#e6e8df}
.action-post{position:absolute;left:7%;top:22%;width:38%;background:#f8f4e8;padding:3%;transform:rotate(-9deg);box-shadow:0 20px 28px #25302024}
.action-post img{height:auto;aspect-ratio:.95}
.action-post figcaption{font-size:clamp(12px,2.7cqw,16px);font-weight:600;line-height:1.3;padding-top:12px}
.action-destination{position:absolute;right:6%;top:11%;width:43%;padding:4%;background:#21392b;color:#f1f0e9;border-radius:5px;transform:rotate(5deg);box-shadow:0 22px 32px #25302028}
.action-destination>.delivery-brand{font-size:clamp(16px,4cqw,25px);color:#e1c493}
.action-destination>strong{display:block;font-family:'Syne',sans-serif;font-size:clamp(20px,5.5cqw,34px);line-height:1.08;padding:14% 0}
.action-choice{display:flex;justify-content:space-between;align-items:center;gap:3px;font-size:clamp(12px,2.4cqw,14px);padding:10px 0;border-top:1px solid #f1f0e935}
.action-choice svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.action-choice b{font-weight:400}.action-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.action-path path{fill:none;stroke-width:5;stroke-linecap:round}
.action-path-base{stroke:#cfd5c4}.action-path-ink{stroke:#cc4d26;stroke-dasharray:1;stroke-dashoffset:0}
.action-loop{position:absolute;bottom:4%;left:9%;font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(15px,3.5cqw,21px)}
.delivery-story.is-live .delivery-journey{display:grid;grid-template-columns:1.16fr 1fr;gap:7vw;align-items:start}
.delivery-story.is-live .delivery-stage-wrap{display:block;position:sticky;top:128px;min-width:0;max-width:600px;width:100%;align-self:start}
.delivery-stage{position:relative;aspect-ratio:1.08;max-height:calc(100svh - 220px);border-radius:13px;overflow:hidden;background:#e4e6dc;box-shadow:0 20px 40px #20251e12}
.delivery-stage-art{position:absolute;inset:30px 0 10px;perspective:1000px}
.delivery-stage-art>.delivery-art{position:absolute;inset:0;margin:0;aspect-ratio:auto;border-radius:0;background:transparent;transform-origin:50% 65%}
.delivery-stage-art>.delivery-art--create{background:#243b2d}
.delivery-stage-mark{position:absolute;top:13px;left:20px;font-size:12px;color:#4e5749}
.delivery-stage-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ced4c4}
.delivery-stage-progress>span{display:block;height:100%;background:#b33c1f;transform:scaleX(0);transform-origin:left}
.delivery-waypoints{display:flex;gap:0;justify-content:space-between;border-bottom:1px solid var(--line);margin-top:20px}
.delivery-waypoints a{display:flex;align-items:center;justify-content:center;min-height:44px;flex:1;border-bottom:2px solid transparent;font-size:14px;color:#4e5749;text-decoration:none;transition:color .2s,border-color .2s}
.delivery-waypoints a[aria-current=step]{color:#a73516;border-bottom-color:#a73516;font-weight:600}
.delivery-story.is-live .delivery-steps{display:block}
.delivery-story.is-live .delivery-chapter{min-height:clamp(340px,55svh,590px);display:flex;align-items:center;padding:65px 0;border-top:1px solid var(--line)}
.delivery-story.is-live .delivery-chapter:first-child{border-top:0;padding-top:30px}
.delivery-story.is-live .delivery-chapter:last-child{min-height:clamp(440px,70svh,740px)}
.delivery-story.is-live .delivery-copy h4{transition:color .3s}
.delivery-story.is-live .delivery-chapter.is-current h4{color:var(--social-accent)}
.delivery-story:not(.is-live):not(.is-mobile-story) .delivery-art{visibility:visible!important;opacity:1!important}
@media(max-width:800px){.studio .social-management.delivery-story{margin-top:65px;padding-top:36px}.delivery-heading{grid-template-columns:1fr;gap:24px;margin-bottom:42px}.studio .delivery-heading h3{font-size:clamp(34px,6.2vw,46px)}.delivery-heading>p{max-width:48ch}.delivery-steps{grid-template-columns:1fr;gap:54px}.delivery-chapter{border-top:1px solid var(--line);padding-top:30px;scroll-margin-top:104px}.delivery-copy>p{max-width:45ch}.delivery-art{max-width:590px}.studio .delivery-copy h4{font-size:30px}.direction-approval{padding:11px 12px}.publishing-title{margin-bottom:16px}.publishing-checks{padding-top:16px}.publishing-note{bottom:6%}.action-choice{padding:8px 0}}
@media(max-width:380px){.publishing-checks{gap:3px}.publishing-checks svg{width:13px}.publishing-checks>span{gap:2px}}
@media(max-width:800px){.action-destination{width:46%;top:9%}.action-destination>strong{font-size:clamp(18px,5.2cqw,30px);padding:10% 0}.action-choice{padding:6px 0}.action-loop{bottom:5%;font-size:clamp(14px,3.5cqw,21px)}}
@media(prefers-reduced-motion:reduce){.delivery-art *{transition:none!important}.delivery-waypoints a{transition:none}}