/* Photography and atmospheric section transitions. Text and controls remain opaque. */
.home-page .hs-entry{position:relative;isolation:isolate;padding-block:95px 105px}
.home-page .hs-entry::before{content:"";position:absolute;z-index:-1;inset:0 calc((100% - 100vw)/2);pointer-events:none;background:radial-gradient(ellipse at 15% 45%,#bbfdff70,transparent 65%),linear-gradient(180deg,white,#f2faf6 55%,white)}
.home-page .hs-service-photo{object-position:50% 70%;border-radius:3px 70px 3px 3px;mask-image:linear-gradient(180deg,#000 72%,transparent);box-shadow:none;height:450px}
.home-page .hs-guide{position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 50%,#bbfdff 0%,#e3ffff 40%,#f5fcf8 75%);padding-block:105px}
.home-page .hs-guide::before{content:"";position:absolute;inset:0 55% 0 0;z-index:-1;background:url('/photos/produce.jpg') center 62%/cover no-repeat;opacity:.65;mask-image:linear-gradient(90deg,#000 30%,transparent 100%)}
.home-page .hs-guide::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,white,transparent 20%,transparent 76%,white)}
.home-page .hs-geography{border:0}.home-page .hs-counties a{background:#fffffff2;padding:9px 16px;border-radius:3px;box-shadow:0 5px 20px #004b2e0c}.home-page .hs-delaware{filter:drop-shadow(0 10px 20px #004b2e26)}
.home-page .hs-contact{position:relative;background:radial-gradient(ellipse at 100% 70%,#bbfdff66,transparent 60%),linear-gradient(180deg,white,#f0f7f2);padding-block:90px}
.home-page .hs-contact-heading{border-top:3px solid #004b2e;padding-top:35px}.home-page .hs-visit{background:#ffffffa6;border:1px solid #c7ded1;border-radius:4px 40px 4px 4px;padding:28px;box-shadow:0 15px 45px #004b2e08}
.cis-interior main{background:linear-gradient(180deg,white 100px,#fbfdfb 800px,white 1500px)}
.cis-interior .expanded-hero{position:relative;isolation:isolate}.cis-interior .expanded-hero::before{content:"";position:absolute;inset:-15px -3vw -35px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 45%,#bbfdff70,transparent 65%)}
.cis-interior .expanded-hero.with-photo>img{mask-image:linear-gradient(180deg,#000 78%,transparent);border-radius:5px 65px 0 0}
.cis-interior .detail-body>section[id^="section-"]{position:relative;margin:20px 0;padding:30px;border:0;background:linear-gradient(105deg,#eaf5ee,transparent 95%);border-radius:3px 35px 3px 3px}
.cis-interior .detail-body>section[id^="section-"]:nth-of-type(even){background:linear-gradient(105deg,#e7fcfc,transparent 95%)}
.cis-interior .detail-body>section[id^="section-"] h3{margin-bottom:15px}.cis-interior .detail-body>section[id^="section-"] p{margin-bottom:0}
.cis-interior .service-scene{margin:55px -20px -30px;position:relative;height:340px;overflow:hidden;pointer-events:none}.cis-interior .service-scene img{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 70%,transparent)}
.cis-interior .scene-writing img{object-position:50% 68%}.cis-interior .scene-produce img{object-position:center 60%}.cis-interior .scene-library{height:360px;background:linear-gradient(180deg,transparent,#004b2e14,transparent)}
.cis-interior .utility-context{background:linear-gradient(145deg,#ecf6ef,#fafffc 75%);box-shadow:0 18px 45px #004b2e09;border:1px solid #d6e6db;position:relative}
.cis-interior .resource-preview{margin-top:45px;padding-top:40px;background:radial-gradient(ellipse at 90% 30%,#bbfdff45,transparent 68%)}
.cis-interior .expanded-faq{margin-top:55px;border-top:3px solid var(--green);padding-top:30px}.cis-interior .related-section{background:radial-gradient(ellipse at 80% 110%,#25725c,var(--green) 70%)}
.cis-interior.about-page .cis-today{padding-block:65px;background:radial-gradient(ellipse at 0% 30%,#bbfdff55,transparent 65%)}
.cis-interior.about-page .team-section{background:linear-gradient(180deg,white,#eaf5ee 18%,#eaf5ee 80%,white);padding-block:90px}.cis-interior.about-page .person img{box-shadow:0 15px 35px #004b2e16}
.cis-interior.about-page .history{border-top:3px solid var(--green);background:radial-gradient(ellipse at 100% 0,#bbfdff55,transparent 65%)}
.cis-interior .contribution-options{background:radial-gradient(ellipse at 20% 50%,#edf9f1,transparent 75%);align-items:center;gap:70px;padding-block:65px}.cis-interior .contribution-photo{width:100%;height:270px;object-fit:cover;object-position:50% 65%;margin-bottom:22px;border-radius:3px 50px 3px 3px;mask-image:linear-gradient(180deg,#000 78%,transparent)}
.cis-interior .photo-feature{padding-block:65px}.cis-interior .photo-feature img{mask-image:linear-gradient(90deg,#000 80%,transparent)}
.cis-interior .contact-section{background:radial-gradient(ellipse at 100% 100%,#bbfdff,transparent 70%),linear-gradient(180deg,white,#eef9f3);padding-top:70px}
.cis-interior .volunteer-next{background:linear-gradient(120deg,#e4f5eb,white);box-shadow:0 18px 45px #004b2e0a}.cis-interior .volunteer-form-section{padding-top:55px;background:radial-gradient(ellipse at 0 5%,#bbfdff44,transparent 50%)}
.cis-interior .online-gift{background:radial-gradient(ellipse at 100% 0,#287965,var(--green) 70%);box-shadow:0 18px 45px #004b2e20}.cis-interior .donation-questions{background:linear-gradient(100deg,#ecf8f0,white);padding-inline:30px;border-radius:3px 40px 3px 3px}
.cis-interior .contact-options{box-shadow:0 12px 40px #004b2e0c}.cis-interior .contact-preview form{background:linear-gradient(125deg,#edf7f0,#fbfffc);box-shadow:0 18px 50px #004b2e09}
@media(max-width:760px){.home-page .hs-entry{padding-block:55px 65px}.home-page .hs-service-photo{height:270px;border-radius:3px 40px 3px 3px}.home-page .hs-guide{padding-block:70px}.home-page .hs-guide::before{inset:0 0 45% 0;mask-image:linear-gradient(180deg,transparent,#000 20%,transparent 100%);opacity:.35}.home-page .hs-contact{padding-block:55px}.home-page .hs-visit{padding:22px}.cis-interior .detail-body>section[id^="section-"]{padding:24px 20px;margin:18px 0}.cis-interior .service-scene{margin:35px 0 -15px;height:260px}.cis-interior .scene-library{height:220px}.cis-interior .contribution-options{gap:35px;padding-block:40px}.cis-interior .contribution-photo{height:240px}.cis-interior.about-page .team-section{padding-block:55px}.cis-interior .photo-feature img{mask-image:linear-gradient(180deg,#000 85%,transparent)}.cis-interior .donation-questions{padding-inline:20px}}
@media(prefers-reduced-motion:no-preference){.cis-interior .person img,.cis-interior .contribution-photo{transition:box-shadow .25s ease}.cis-interior .person:hover img{box-shadow:0 20px 40px #004b2e24}}
.home-page .hs-entry::before{inset-inline:calc((100% - 100vw + 16px)/2)}
.home-page .hs-guide{border-top:0;color:var(--green)}
.home-page .hs-guide-search h2,.home-page .hs-guide-search h2 span,.home-page .hs-counties a,.home-page .hs-all-resources{color:var(--green)}
.home-page .hs-counties a{border-color:#004b2e55}
.home-page .hs-search-row .button{background:var(--green);color:white;border-color:var(--green)}
.home-page .hs-search-row .button:hover{background:#003c25}
.home-page .hs-delaware{filter:drop-shadow(0 2px 1px #004b2e) drop-shadow(0 12px 20px #004b2e30)}
/* A consistent hierarchy: open introductions, practical panels, quiet references, decisive endings. */
.cis-interior h1,.cis-interior h2,.cis-interior h3{text-wrap:balance}
.cis-interior p{orphans:3;widows:3}
.cis-interior main :is(section[id],h2[id]){scroll-margin-top:35px}
.cis-interior .detail-lead{max-width:22ch;font-size:clamp(34px,3.2vw,48px);line-height:1.15;margin-bottom:38px}
.cis-interior .detail-body>section[id^="section-"]{padding:30px 32px 32px;margin:22px 0;border-left:3px solid #b0d8c5;background:linear-gradient(100deg,#edf7f1,transparent 92%)}
.cis-interior .detail-body>section[id^="section-"]:nth-of-type(even){border-left-color:#75d8d5;background:linear-gradient(100deg,#e9fbfa,transparent 92%)}
.cis-interior .detail-body>section[id^="section-"] h3{font-size:28px;line-height:1.25}
.cis-interior .detail-body>section[id^="section-"] p{max-width:68ch;line-height:1.8}
.cis-interior .service-boundary{margin:35px 0 45px;padding:20px 24px;background:#f6f8f6;border-left:2px solid #004b2e}
.cis-interior .utility-context{padding:38px;border-top:4px solid var(--green);border-radius:3px 34px 3px 3px}
.cis-interior .utility-context>h2{font-size:clamp(30px,2.8vw,40px);line-height:1.2;max-width:25ch;margin-bottom:28px}
.cis-interior .utility-paths>div{padding-block:20px;border-color:#ccdcd1}
.cis-interior .expanded-faq{padding:35px 0 15px;background:linear-gradient(120deg,#f5fbf7,transparent 80%)}
.cis-interior .expanded-faq h2{font-size:36px;margin-bottom:22px}
.cis-interior :is(.expanded-faq,.involvement-faq) details{border-bottom:1px solid #c8dcd0;padding:0 12px}
.cis-interior :is(.expanded-faq,.involvement-faq) summary{padding-block:22px;line-height:1.5}
.cis-interior :is(.expanded-faq,.involvement-faq) details[open]{background:#edf7f0;border-left:3px solid var(--green);padding-inline:22px}
.cis-interior .closing-help{padding-block:55px;gap:35px;align-items:center;background:radial-gradient(ellipse at 0 100%,#bbfdff65,transparent 65%)}
.cis-interior .closing-help h2{margin-bottom:12px}.cis-interior .closing-help p{margin:0}
.cis-interior .related-section{padding-block:45px;border-top:5px solid var(--aqua)}
.cis-interior .related-links a{min-height:44px;display:inline-flex;align-items:center}
.cis-interior .service-directory{padding-block:70px}.cis-interior .service-directory>h2{font-size:42px}
.cis-interior .service-directory-list>a{padding-block:28px;border-color:#a7c9b7}
.cis-interior .service-directory-list>a:hover{background:linear-gradient(90deg,#bbfdff77,transparent)}
.cis-interior [data-content-module="services-connected-examples"]{padding:45px;background:linear-gradient(120deg,#e7f6ee,#fafffc);border-top:3px solid var(--green);border-radius:3px 50px 3px 3px}
.cis-interior .connected-situations>div{padding-block:22px}
.cis-interior .service-start{padding-block:65px;gap:65px}
.cis-interior .giving-section{padding-block:65px;background:radial-gradient(ellipse at 85% 50%,#bbfdff60,transparent 70%)}
.cis-interior .involvement-faq{padding-block:45px;max-width:1000px;border-top:3px solid var(--green)}
.cis-interior .interior-contact{background:radial-gradient(ellipse at 95% 100%,#bbfdff70,transparent 70%),#edf7f1;padding-block:55px;border-top:1px solid #c5dccc}
.cis-interior .interior-contact h2{margin-top:0}.cis-interior .interior-contact a{padding-block:5px}
.cis-interior.page-resource-guide .resource-heading{border-left:4px solid var(--green);border-radius:3px 40px 3px 3px;background:linear-gradient(110deg,#e8f9f1,#eaffff 70%,white)}
.cis-interior.page-resource-guide .resource-utility{margin-top:24px;border:1px solid #b9d5c6;border-top:3px solid var(--green);box-shadow:0 12px 35px #004b2e0a;background:white}
.cis-interior .resource-row{padding:28px 22px;margin-block:10px;border:1px solid #d8e5dd;border-left:3px solid #b8d9c8;border-radius:3px 22px 3px 3px;background:linear-gradient(115deg,#f3faf6,white 70%)}
.cis-interior .resource-row h3{line-height:1.3}.cis-interior .resource-row p{max-width:75ch}
.cis-interior .contact-detail{gap:65px;padding-bottom:55px}.cis-interior .visit-panel{border-top:4px solid var(--green);border-radius:3px 35px 3px 3px;background:linear-gradient(145deg,#e6f8ee,#eaffff);padding:32px}
.cis-interior .contact-options a{padding:26px;border-bottom:3px solid transparent}.cis-interior .contact-options a:hover{border-bottom-color:var(--green);background:#e5faf3}
.cis-interior .first-contact-next{padding-block:45px;margin-top:35px;border-top:3px solid var(--green);background:linear-gradient(115deg,#f2faf5,transparent)}
.cis-interior .contact-preview form,.cis-interior .volunteer-form-section form{border-top:4px solid var(--green);border-radius:3px 30px 3px 3px}
.cis-interior :is(input,select,textarea):focus-visible{outline:3px solid #004b2e;outline-offset:3px}
.cis-interior .privacy-reading section+section{border-top:1px solid #c9ded1}.cis-interior .privacy-reading h2{max-width:28ch}
.cis-interior .past-events{margin-top:45px;border-top:3px solid var(--green);padding-bottom:45px}
.cis-interior .scene-health-conversation{height:400px}.cis-interior .scene-health-conversation img{object-position:center 35%}
@media(max-width:760px){
 .cis-interior .detail-lead{font-size:32px;margin-bottom:26px}
 .cis-interior .detail-body>section[id^="section-"]{padding:24px 21px}
 .cis-interior .detail-body>section[id^="section-"] h3{font-size:26px}
 .cis-interior .utility-context{padding:25px 22px}.cis-interior .utility-context>h2{font-size:30px}
 .cis-interior .expanded-faq h2{font-size:30px}.cis-interior .scene-health-conversation{height:270px}
 .cis-interior .service-directory{padding-block:40px}.cis-interior .service-directory>h2{font-size:32px}
 .cis-interior [data-content-module="services-connected-examples"]{padding:25px 22px}
 .cis-interior .service-start,.cis-interior .giving-section{padding-block:40px;gap:30px}
 .cis-interior .resource-row{padding:23px 18px}.cis-interior .contact-detail{gap:30px}
 .cis-interior .visit-panel{padding:25px}.cis-interior .contact-options a{padding:22px}
 .cis-interior .closing-help,.cis-interior .interior-contact{padding-block:38px}
}
.cis-interior .service-start{margin-top:40px}
.cis-interior .contact-detail{padding-top:30px}
.cis-interior .volunteer-form-section form{padding:28px;background:#ffffffb8}
.cis-interior .scene-health-conversation img{mask-image:linear-gradient(180deg,transparent,#000 8%,#000 78%,transparent)}
@media(max-width:760px){.cis-interior .volunteer-form-section form{padding:24px 16px}.cis-interior .service-start{margin-top:28px}}

/* Photo focus: one purpose per image, with faces clear of the fade. */
.home-page .hs-service-photo{object-position:50% 65%;mask-image:linear-gradient(180deg,#000 84%,transparent)}
.home-page .hs-guide::before{display:none}
.cis-interior .scene-care-discussion{height:440px}.cis-interior .scene-care-discussion img{object-position:center 30%;mask-image:linear-gradient(180deg,transparent,#000 6%,#000 82%,transparent)}
.cis-interior .scene-study-together{height:410px}.cis-interior .scene-study-together img{object-position:center 36%;mask-image:linear-gradient(180deg,transparent,#000 6%,#000 85%,transparent)}
@media(max-width:760px){.home-page .hs-service-photo{object-position:50% 70%}.cis-interior .scene-care-discussion,.cis-interior .scene-study-together{height:290px}}
