/* Homepage project previews: one cohesive set, without a privileged first card.
 * Existing native copy/links stay intact. The artwork is decorative, not logos. */
.ddl-home #work{container:ddl-home-work / inline-size}
.ddl-home #work .work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.ddl-home #work .supporting-projects,.ddl-home #work .project-body{display:contents}
.ddl-home #work :is(.featured-project,.project-small){--preview-tint:#eee8f9;--preview-accent:#b69bf1;position:relative;display:grid;grid-template-rows:11.5rem auto minmax(2.7rem,auto) 1fr auto;align-items:start;padding:0;background:#fff;border:1px solid #cedad8;overflow:visible;min-width:0;isolation:isolate}
.ddl-home #work .project-small{--preview-tint:#e6f2f6;--preview-accent:#88cdda}
.ddl-home #work .project-small:last-child{--preview-tint:#e3f1ed;--preview-accent:#40b8b6}
.ddl-home #work .project-art,.ddl-home #work .project-small:before{grid-row:1;grid-column:1;width:100%;height:11.5rem;min-height:0;padding:0;background-color:var(--preview-tint);background-position:center bottom;background-repeat:no-repeat;background-size:auto 10rem;position:relative;overflow:hidden;border:0;border-bottom:1px solid #cedad8;z-index:0}
.ddl-home #work .project-art{background-image:url('../images/project-education.svg')}
.ddl-home #work .project-art:before,.ddl-home #work .project-art:after,.ddl-home #work .project-art-title,.ddl-home #work .project-small:after{display:none}
.ddl-home #work .project-small:before{content:'';background-image:url('../images/project-toolkit.svg')}
.ddl-home #work .project-small:last-child:before{background-image:url('../images/project-community.svg')}
.ddl-home #work .project-art .kicker,.ddl-home #work .project-small>.kicker{position:absolute;top:1rem;left:1.65rem;right:1.4rem;padding:0;margin:0;max-width:none;font-size:var(--ddl-text-min);letter-spacing:.08em;line-height:1.6;z-index:1}
.ddl-home #work .project-art .kicker{max-width:30ch}
.ddl-home #work :is(.project-body,.project-small)>h3{grid-column:1;grid-row:2;font-size:clamp(1.8rem,2.6vw,2.5rem);line-height:1.15;letter-spacing:-.045em;margin:1.65rem 1.65rem .7rem;overflow-wrap:anywhere}
.ddl-home #work .project-partner{grid-column:1;grid-row:3;align-self:start;font-size:var(--ddl-text-min);line-height:1.65;font-weight:650;color:#3b5c61;margin:0;padding:0 1.65rem;max-width:none}
.ddl-home #work .project-body>p:not(.project-partner,.cta-row),.ddl-home #work .project-small>.summary{grid-column:1;grid-row:4;font-size:.94rem;line-height:1.8;color:var(--muted);max-width:none;margin:0;padding:1.2rem 1.65rem 1.65rem}
.ddl-home #work .work-grid .cta-row{display:block;grid-column:1;grid-row:5;align-self:end;margin:0 1.65rem 1.2rem;padding:.8rem 0 0;border-top:1px solid #cedad8;max-width:none}
.ddl-home #work .work-grid .text-link{display:flex;justify-content:space-between;gap:.75rem;width:100%;padding:0;margin:0;font-size:var(--ddl-text-min);min-height:3rem}
.ddl-home #work .work-grid .text-link .arrow{background:var(--preview-tint);width:2.7rem;height:2.7rem;flex-basis:2.7rem;border:1px solid transparent}
.ddl-home #work .work-grid article:has(a:hover),.ddl-home #work .work-grid article:has(a:focus-visible){border-color:#617e7f}
.ddl-home #work .work-grid .text-link:is(:hover,:focus-visible) .arrow{background:var(--ink);color:white;border-color:var(--ink)}
.ddl-home #work .section-heading{gap:2rem;margin-bottom:2.5rem}
.ddl-home #work .section-heading>.cta-row{flex:none}
@container ddl-home-work (max-width:65rem){
 .ddl-home #work .work-grid{grid-template-columns:minmax(0,1fr);gap:1.3rem}
 .ddl-home #work :is(.featured-project,.project-small){grid-template-columns:minmax(10rem,.75fr) minmax(0,1.7fr);grid-template-rows:auto auto auto auto}
 .ddl-home #work .project-art,.ddl-home #work .project-small:before{grid-column:1;grid-row:1/-1;height:100%;min-height:14rem;border-bottom:0;border-right:1px solid #cedad8;background-size:130% auto;background-position:center 70%}
 .ddl-home #work .project-art .kicker,.ddl-home #work .project-small>.kicker{top:1.3rem;left:1.2rem;right:1.2rem;max-width:20ch;font-size:var(--ddl-text-min)}
 .ddl-home #work .project-small>.kicker{width:calc(30.6% - 2.4rem)}
 .ddl-home #work :is(.project-body,.project-small)>h3{grid-column:2;grid-row:1;font-size:2rem}
 .ddl-home #work .project-partner{grid-column:2;grid-row:2}
 .ddl-home #work .project-body>p:not(.project-partner,.cta-row),.ddl-home #work .project-small>.summary{grid-column:2;grid-row:3;padding-top:.8rem;padding-bottom:1.2rem}
 .ddl-home #work .work-grid .cta-row{grid-column:2;grid-row:4}
}
@container ddl-home-work (max-width:38rem){
 .ddl-home #work :is(.featured-project,.project-small){grid-template-columns:minmax(0,1fr);grid-template-rows:9.7rem auto auto auto auto}
 .ddl-home #work .project-art,.ddl-home #work .project-small:before{grid-row:1;grid-column:1;height:9.7rem;min-height:0;border-right:0;border-bottom:1px solid #cedad8;background-size:auto 8.7rem;background-position:center bottom}
 .ddl-home #work .project-art .kicker,.ddl-home #work .project-small>.kicker{top:.9rem;left:1.3rem;right:1.3rem;font-size:var(--ddl-text-min);max-width:29ch;width:auto}
 .ddl-home #work :is(.project-body,.project-small)>h3{grid-column:1;grid-row:2;margin:1.4rem 1.3rem .7rem;font-size:2rem}
 .ddl-home #work .project-partner{grid-column:1;grid-row:3;padding-inline:1.3rem}
 .ddl-home #work .project-body>p:not(.project-partner,.cta-row),.ddl-home #work .project-small>.summary{grid-column:1;grid-row:4;padding:.9rem 1.3rem 1.3rem;font-size:.92rem}
 .ddl-home #work .work-grid .cta-row{grid-column:1;grid-row:5;margin-inline:1.3rem;margin-bottom:1rem}
 .ddl-home #work .section-heading{gap:1.15rem;margin-bottom:1.6rem}
}
@media(forced-colors:active){
 .ddl-home #work .project-art,.ddl-home #work .project-small:before{background-image:none}
 .ddl-home #work :is(.featured-project,.project-small),.ddl-home #work .work-grid .text-link .arrow{border:1px solid CanvasText}
}