.video-offer{background:#252b26;border:1px solid #434c40;border-radius:2px;color:#f4f3e9;display:grid;gap:clamp(1.5rem,4vw,4.5rem);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);margin-top:clamp(2.5rem,5vw,5rem);overflow:hidden;padding:clamp(1.3rem,4vw,4rem);position:relative}
.video-offer::before{background:#c5df88;content:'';height:3px;left:0;position:absolute;top:0;width:38%}
.video-offer-copy{min-width:0}
.video-offer-kicker{color:#ccdfa2;font-family:var(--mono);font-size:.67rem;letter-spacing:.055em;margin:0 0 1.2rem;text-transform:uppercase}
.video-offer h3{font-size:clamp(2.1rem,4.2vw,4.5rem);font-weight:600;letter-spacing:-.055em;line-height:1.02;margin:0 0 1.5rem}
.video-offer h3 em{color:#d3e7b0;font-family:var(--serif);font-weight:400}
.video-offer-lead{color:#d6d9d0;font-size:.95rem;line-height:1.65;max-width:590px}
.video-offer-formats{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 1.8rem}
.video-offer-formats span{border:1px solid #626e5c;border-radius:99px;color:#e7eddb;font-size:.78rem;padding:.45rem .8rem}
.video-offer-steps{display:grid;gap:1.25rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0 0 2rem;padding:0}
.video-offer-steps li{align-items:start;display:grid;gap:.65rem;grid-template-columns:1.6rem minmax(0,1fr)}
.video-offer-steps li>span{color:#b9d889;font-family:var(--mono);font-size:.65rem;padding-top:.16rem}
.video-offer-steps b{font-size:.89rem;font-weight:600}
.video-offer-steps p{color:#c1c8ba;font-size:.78rem;line-height:1.55;margin:.35rem 0 0}
.video-offer-order{align-items:center;background:#d3e7a6;border:1px solid #d3e7a6;color:#222a20;cursor:pointer;display:flex;font:inherit;font-size:.9rem;font-weight:650;gap:2rem;justify-content:space-between;min-height:49px;padding:.85rem 1.1rem;transition:background .2s;width:min(100%,340px)}
.video-offer-order:hover{background:#e7f2cd}
.video-offer-order:focus-visible{outline:3px solid #f4f3e9;outline-offset:4px}
.video-offer-order span{font-size:1.25rem}
.video-offer-terms{color:#bfc8b6;font-size:.74rem;line-height:1.55;margin:1rem 0 0;max-width:550px}
.video-offer-example{align-self:center;background:#101a19;border:1px solid #4f5a4a;margin:0;min-width:0}
.video-offer-example-top{align-items:center;border-bottom:1px solid #3c4a40;color:#dce8cc;display:flex;font-family:var(--mono);font-size:.57rem;gap:1rem;justify-content:space-between;letter-spacing:.04em;padding:.8rem 1rem;text-transform:uppercase}
.video-offer-example img{aspect-ratio:4/5;background:#101a19;display:block;object-fit:cover;width:100%}
.video-offer-example figcaption{border-top:1px solid #3c4a40;display:grid;gap:.6rem;padding:1rem}
.video-offer-example figcaption b{font-size:1rem;font-weight:550;letter-spacing:-.02em}
.video-offer-example figcaption span{color:#c1cab9;font-size:.73rem;line-height:1.6}
@media(max-width:900px){.video-offer{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:1.5rem}.video-offer-steps{grid-template-columns:1fr;gap:.9rem}.video-offer h3{font-size:clamp(2.1rem,4.4vw,3.4rem)}}
@media(max-width:700px){.video-offer{grid-template-columns:1fr;padding:1.4rem;gap:2rem}.video-offer h3{font-size:clamp(2rem,8.5vw,3rem)}.video-offer-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.video-offer-example{max-width:430px;width:100%}.video-offer-example img{aspect-ratio:4/5}.video-offer-order{width:100%;max-width:none}}
@media(max-width:380px){.video-offer-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.video-offer-order{transition:none}}
.video-offer{border-radius:18px}.video-offer-order{border-radius:9px;min-height:54px}.video-offer-example{border-radius:12px;overflow:hidden}
.video-story-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.video-story-heading{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:10px 0}
.video-story-heading>span{font:11px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:#5f7257}.video-story-heading p{font-size:13px;line-height:1.7;max-width:530px;margin:0;color:#6a7461}
.video-story-directions>button{display:block;padding:0;overflow:hidden;background:#fafbf3;border:1px solid #cbd2bf;border-radius:14px;color:#253629;font:inherit;text-align:left;transition:border-color .2s,box-shadow .2s}
.video-story-directions>button:hover{border-color:#80936e;box-shadow:0 12px 35px #2b443414}.video-story-directions img{display:block;width:100%;height:240px;object-fit:cover;object-position:50% 35%}
.video-story-directions>button>span{display:grid;gap:12px;padding:24px}.video-story-directions small{font:10px var(--mono);text-transform:uppercase;color:#748063;letter-spacing:.08em}.video-story-directions strong{font-size:25px;font-weight:550;letter-spacing:-.035em;line-height:1.15}.video-story-directions em{font-size:12px;font-style:normal;line-height:1.6;color:#687560}.video-story-directions b{border-top:1px solid #d8decc;padding-top:18px;margin-top:8px;font-size:13px;font-weight:550;min-height:44px}
@media(max-width:800px){.video-story-directions{grid-template-columns:1fr}.video-story-heading{display:block}.video-story-heading p{margin-top:12px}.video-story-directions>button{display:grid;grid-template-columns:40% 60%}.video-story-directions img{height:100%;min-height:240px}}
@media(max-width:480px){.video-story-directions>button{display:block}.video-story-directions img{height:240px}.video-story-directions>button>span{padding:22px}}
@media(prefers-reduced-motion:reduce){.video-story-directions>button{transition:none}}
