/* Projects: a broad, static prism composition; native copy remains untouched. */
body.page-id-12{--ddl-project-canvas:#f1f6f4}
body.page-id-12 .site-header{background:var(--ddl-project-canvas)}
.wp-block-post-content:has(>.ddl-project-heading){container:ddl-project-page / inline-size}
.ddl-project-heading{
 position:relative;isolation:isolate;padding-block:3.6rem 0;
 background:var(--ddl-project-canvas,#f1f6f4);overflow:clip;
}
.ddl-project-heading:after{
 content:'';display:block;position:absolute;z-index:-1;pointer-events:none;
 width:clamp(680px,59vw,960px);aspect-ratio:1000/640;height:auto;
 /* Keep the rays beyond the viewport edge, including on wide displays. */
 right:min(-1px,calc((100vw - min(1320px,100vw))/2 - 185px));top:6.5rem;bottom:auto;
 background:url('../images/projects-prism.svg') center/contain no-repeat;
 opacity:1;mask-image:none;
}
.ddl-project-heading>.wrap{position:relative}
.ddl-project-heading .kicker{margin-bottom:1.5rem;color:#385e62}
.ddl-project-heading h1{
 margin:0;max-width:1120px;font-size:clamp(3rem,5.05vw,5rem);
 line-height:1.09;font-weight:600;letter-spacing:-.048em;text-wrap:initial;
}
.ddl-project-heading h1 .ddl-angled-word{
 display:inline-block;margin:0;padding:0;color:var(--ink);font:inherit;
 letter-spacing:inherit;overflow-wrap:anywhere;
}
.ddl-project-heading h1 .ddl-angled-word:before{display:none}
.ddl-project-heading .ddl-prose{
 max-width:48ch;width:43%;margin-top:2rem;padding-bottom:3.4rem;
 font-size:1rem;line-height:1.85;color:#385b61;
}
.ddl-project-heading .ddl-project-disciplines{
 position:relative;isolation:isolate;display:flex;flex-wrap:wrap;gap:1.5rem 3.5rem;
 margin:0;padding:1.6rem 0 1.75rem;border-top:1px solid #c2d4d0;
}
/* Give the legend a clear full-width base, free of the prism's linework. */
.ddl-project-heading .ddl-project-disciplines:before{
 content:'';position:absolute;z-index:-1;pointer-events:none;
 inset:0 calc((100vw - 100%)/-2);background:var(--ddl-project-canvas,#f1f6f4);
}
.ddl-project-heading .ddl-project-disciplines p{
 display:flex;align-items:center;gap:.75rem;position:static;min-height:0;min-width:0;max-width:100%;flex:0 1 auto;
 background:transparent;border:0;margin:0;padding:0!important;
 color:var(--ink);font-size:var(--ddl-text-min,.875rem);font-weight:700;line-height:1.6;letter-spacing:.075em;
}
.ddl-project-heading .ddl-project-disciplines p:before{
 content:'';width:.7rem;height:.7rem;flex:none;background:#a98bdc;
 clip-path:polygon(50% 0,100% 100%,0 100%);
}
.ddl-project-heading .ddl-project-disciplines p:nth-child(2):before{background:#65b8c6}
.ddl-project-heading .ddl-project-disciplines p:nth-child(3):before{background:#329f9f}
/* A compact, purposeful bridge into the project chapters. */
.ddl-project-heading+.ddl-project-directory .ddl-project-index{padding-top:2.1rem}
.ddl-project-heading+.ddl-project-directory .ddl-project-index ul{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ddl-project-heading+.ddl-project-directory .ddl-project-index li{border:0}
.ddl-project-heading+.ddl-project-directory .ddl-project-index li+li{border-left:1px solid var(--line)}
.ddl-project-heading+.ddl-project-directory .ddl-project-index a{min-height:5.2rem;padding-block:1rem;gap:.25rem .75rem}
.ddl-project-heading+.ddl-project-directory .ddl-project-index a .ddl-index-number{grid-column:auto;align-self:center}
.ddl-project-heading+.ddl-project-directory .ddl-project-index a .ddl-index-label{grid-column:1;grid-row:2}
.ddl-project-heading+.ddl-project-directory .ddl-project-index a .ddl-index-arrow{grid-column:2;grid-row:1/3}
@media(min-width:1700px){
 .ddl-project-heading:after{top:7rem}
}
@media(max-width:1100px){
 .ddl-project-heading{padding-top:3rem}
 .ddl-project-heading h1{font-size:clamp(3rem,5.3vw,4rem)}
 .ddl-project-heading:after{width:690px;right:-210px;top:10rem}
 .ddl-project-heading .ddl-prose{width:48%}
 .ddl-project-heading .ddl-project-disciplines{gap:1rem 2rem}
}
@media(max-width:900px){
 .ddl-project-heading:after{width:650px;right:-260px;top:11rem;opacity:.9}
 .ddl-project-heading h1{font-size:clamp(2.8rem,5.4vw,3.5rem)}
 .ddl-project-heading .ddl-prose{width:52%;font-size:.96rem}
 .ddl-project-heading .ddl-project-disciplines{padding-block:1.4rem;gap:1rem 1.7rem}
 .ddl-project-heading+.ddl-project-directory .ddl-project-index li:nth-child(4){border-left:0}
 .ddl-project-heading+.ddl-project-directory .ddl-project-index li:nth-child(n+4){border-top:1px solid var(--line)}
}
/* Relative query also stacks the art when the reader enlarges text. */
@container ddl-project-page (max-width:43.75rem){
 .ddl-project-heading{padding-top:2.4rem}
 .ddl-project-heading:after{position:relative;top:auto;bottom:auto;right:auto;display:block;width:calc(100% + 50px);margin:-1.5rem -20px 0 auto;opacity:1}
 .ddl-project-heading>.wrap{display:flex;flex-direction:column}
 .ddl-project-heading h1{font-size:clamp(2.15rem,6.9vw,3rem);max-width:none}
 .ddl-project-heading .kicker{margin-bottom:1.4rem}
 .ddl-project-heading .ddl-prose{width:100%;max-width:60ch;margin-top:1.5rem;padding-bottom:1.5rem}
 .ddl-project-heading .ddl-project-disciplines{gap:.85rem 1.5rem;padding-block:1.2rem;max-width:100%}
 .ddl-project-heading .ddl-project-disciplines p{font-size:var(--ddl-text-min,.875rem)}
 .ddl-project-heading+.ddl-project-directory .ddl-project-index ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ddl-project-heading+.ddl-project-directory .ddl-project-index li:nth-child(n){border:0}
 .ddl-project-heading+.ddl-project-directory .ddl-project-index li:nth-child(even){border-left:1px solid var(--line)}
 .ddl-project-heading+.ddl-project-directory .ddl-project-index li:nth-child(n+3){border-top:1px solid var(--line)}
 .ddl-project-heading+.ddl-project-directory .ddl-project-index li:last-child:nth-child(odd){grid-column:1/-1}
}
@media(forced-colors:active){
 .ddl-project-heading:after{display:none}
 .ddl-project-heading .ddl-project-disciplines p:before{background:CanvasText}
 .ddl-project-heading+.ddl-project-directory .ddl-project-index ul,
 .ddl-project-heading+.ddl-project-directory .ddl-project-index li{border-color:CanvasText}
}
@media print{.ddl-project-heading:after{display:none}.ddl-project-heading .ddl-prose{width:100%}}