.dpp-scrollstory{--dpps-offset:0px;--dpps-view:calc(100svh - var(--dpps-offset));position:relative;width:100%;color:#233565;background:#f6f7f2;font-family:'Trebuchet MS','Segoe UI',sans-serif;font-size:16px;line-height:1.5;isolation:isolate}
.dpp-scrollstory *,.dpp-scrollstory *::before,.dpp-scrollstory *::after{box-sizing:border-box}
.dpp-scrollstory [hidden]{display:none!important}
.dpp-scrollstory p,.dpp-scrollstory h1,.dpp-scrollstory figure{margin:0}
.dpp-scrollstory a{color:inherit;text-decoration:none}
.dpp-scrollstory a:focus-visible,.dpp-scrollstory button:focus-visible{outline:3px solid #236b55;outline-offset:4px}
.dpp-scrollstory .dpps-panel{position:relative;display:flex;flex-direction:column;min-height:min(720px,var(--dpps-view));padding:clamp(20px,3vw,48px);overflow:clip}
.dpp-scrollstory[data-state="animated"]{height:calc(var(--dpps-view) + var(--dpps-distance))}
.dpp-scrollstory[data-state="animated"] .dpps-panel{position:sticky;top:var(--dpps-offset);height:var(--dpps-view);min-height:0}
.dpp-scrollstory .dpps-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.3fr);flex:1;min-height:0;width:100%;max-width:1480px;margin:auto}
.dpp-scrollstory .dpps-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px 0 32px clamp(0px,2vw,30px)}
.dpp-scrollstory .dpps-eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:22px;color:#547460}
.dpp-scrollstory h1{font-family:inherit;font-size:clamp(32px,3.45vw,57px);font-weight:500;line-height:1.08;letter-spacing:-.045em;text-wrap:balance;color:#233565}
.dpp-scrollstory h1 span{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#557b63;font-weight:400}
.dpp-scrollstory .dpps-lead{font-size:18px;line-height:1.5;max-width:460px;color:#43564b;margin-top:22px}
.dpp-scrollstory .dpps-eligibility{font-size:15px;line-height:1.45;max-width:460px;color:#43564b;margin-top:10px}
.dpp-scrollstory .dpps-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:22px;font-size:16px}
.dpp-scrollstory .dpps-primary{display:inline-flex;gap:20px;align-items:center;border-radius:30px;background:#233565;color:#fff;padding:13px 20px;min-height:46px}
.dpp-scrollstory .dpps-primary:hover{background:#334a7f}
.dpp-scrollstory .dpps-secondary{text-decoration:underline;text-underline-offset:5px;padding:10px 0;min-height:44px}
.dpp-scrollstory .dpps-skip{font-size:11px;color:#627365;padding:10px 0;margin-top:15px;display:none}
.dpp-scrollstory[data-state="animated"] .dpps-skip{display:inline-block}
.dpp-scrollstory .dpps-stage{position:relative;min-width:0;min-height:340px;display:grid;place-items:center}
.dpp-scrollstory .dpps-orbit{position:absolute;inset:8% 5%;border-radius:50%;background:radial-gradient(ellipse,#e5ebdd,transparent 72%);pointer-events:none}
.dpp-scrollstory .dpps-canvas{position:absolute;inset:0;visibility:hidden;pointer-events:none}
.dpp-scrollstory[data-state="animated"] .dpps-canvas{visibility:visible}
.dpp-scrollstory .dpps-canvas canvas{display:block;width:100%;height:100%}
.dpp-scrollstory .dpps-photo{position:relative;width:96%;max-width:820px;aspect-ratio:4/3;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px -35px #45544055;isolation:isolate}
.dpp-scrollstory[data-state="animated"] .dpps-photo{position:absolute;pointer-events:none}
.dpp-scrollstory .dpps-photo img{width:100%;height:100%;display:block;object-fit:contain;max-width:none}
.dpp-scrollstory .dpps-photo figcaption{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:4px;background:#f8faf3ed;color:#435740;font-size:9px;line-height:1.4}
.dpp-scrollstory .dpps-scene-note{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:18px;color:#54715b;pointer-events:none;display:none}
.dpp-scrollstory[data-state="animated"] .dpps-scene-note{display:block}
.dpp-scrollstory .dpps-bottom{width:100%;max-width:1480px;margin:15px auto 0;flex:none}
.dpp-scrollstory .dpps-example{font-size:10px;color:#52654f}
.dpps-after{height:0;scroll-margin-top:calc(var(--dpp-header-height,0px) + 40px)}
@media(max-width:767px){.dpp-scrollstory .dpps-panel{padding:16px 20px}.dpp-scrollstory .dpps-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.dpp-scrollstory .dpps-copy{padding:4px 0 0}.dpp-scrollstory .dpps-eyebrow{font-size:9px;margin-bottom:10px}.dpp-scrollstory h1{font-size:clamp(27px,7vw,40px)}.dpp-scrollstory .dpps-lead{font-size:16px;line-height:1.4;margin-top:10px;max-width:450px}.dpp-scrollstory .dpps-eligibility{font-size:14px;line-height:1.35;margin-top:7px}.dpp-scrollstory .dpps-actions{margin-top:10px;gap:10px 18px;font-size:15px}.dpp-scrollstory .dpps-primary{padding:10px 17px;min-height:44px}.dpp-scrollstory .dpps-skip{margin-top:0;padding:8px 0;font-size:10px}.dpp-scrollstory .dpps-stage{min-height:240px}.dpp-scrollstory[data-state="animated"] .dpps-stage{min-height:0}.dpp-scrollstory .dpps-scene-note{font-size:15px;bottom:0}.dpp-scrollstory .dpps-bottom{margin-top:6px}.dpp-scrollstory .dpps-example{font-size:9px}}
@media(max-height:740px) and (max-width:767px){.dpp-scrollstory .dpps-eyebrow{display:none}.dpp-scrollstory .dpps-lead{margin-top:8px}.dpp-scrollstory h1{font-size:27px}.dpp-scrollstory .dpps-panel{padding-top:12px;padding-bottom:10px}.dpp-scrollstory .dpps-scene-note{display:none!important}}
@media(prefers-reduced-motion:reduce){.dpp-scrollstory *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
