/* Supporting chapters: a publication, not another sequence of heroes. */
.support-chapters{background:var(--cream);color:var(--forest);color-scheme:light}
.support-section{max-width:1360px;margin:auto;padding:80px 60px}
.chapter-label{font:400 10px/1.6 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;margin:0 0 28px;color:#526048}

/* Native details remain a readable accordion if enhancement fails. */
.work-heading{margin:0 0 30px}
.work-heading h2{font:400 28px/1.15 Editorial,Georgia,serif;letter-spacing:-.025em;margin:0 0 12px}
.work-heading p{font:10px/1.7 Manrope,Arial,sans-serif;letter-spacing:.015em;color:#546055;margin:0}
.work-frame-spacer{display:none}
.project-entry{border-top:1px solid #13251f30}
.project-entry:last-child{border-bottom:1px solid #13251f30}
.project-entry summary{display:flex;align-items:center;gap:16px;min-height:76px;cursor:pointer;list-style:none;color:#5b6554}
.project-entry summary::-webkit-details-marker{display:none}
.project-entry summary:focus-visible{outline:2px solid #13251f;outline-offset:5px}
.project-number{font:10px/1 Manrope,Arial,sans-serif;letter-spacing:.02em;min-width:15px}
.project-name{font:400 30px/1.12 Editorial,Georgia,serif;letter-spacing:-.022em}
.project-mark{position:relative;display:block;width:12px;height:12px;flex:none;margin-left:auto;color:#596650}
.project-mark::before,.project-mark::after{content:'';position:absolute;background:currentColor}
.project-mark::before{height:1px;width:12px;top:5px;left:0}
.project-mark::after{width:1px;height:12px;left:5px;top:0}
.project-entry[open] .project-mark::after{display:none}
.project-entry[open] summary{color:#13251f}
@media(hover:hover){.project-entry summary:hover{color:#13251f}}
.project-view{margin:0 0 24px;position:relative}
.project-image{position:relative;background:#e8e5dc;aspect-ratio:8/5}
.project-image img{display:block;width:100%;height:100%;object-fit:cover}
.project-image .photo{filter:saturate(.82) contrast(.95) brightness(.99) sepia(.045)}
#project-2 .photo{object-position:50% 48%;filter:saturate(.72) contrast(.94) brightness(.99) sepia(.055)}
#project-1 .photo{object-position:50% 54%}
#project-0 img{object-position:50% 52%}
.project-image .aerial{object-fit:contain}
.image-credit{display:flex;justify-content:space-between;gap:10px 20px;margin:14px 0 0;font:10px/1.65 Manrope,Arial,sans-serif;color:#526048}
.image-credit .image-attribution{font-size:9px}
.image-fallback{position:absolute;inset:0;display:grid;align-content:center;text-align:center;padding:24px;font:12px/1.7 Manrope,Arial,sans-serif;color:#526048;margin:0}
.project-image[data-failed] img{visibility:hidden}

@media(min-width:901px){
 #selected-work.enhanced .work-spread{--index:27%;--gutter:6%;display:grid;grid-template-columns:var(--index) 1fr;grid-template-rows:min-content 1fr;column-gap:var(--gutter);position:relative;align-items:start}
 #selected-work.enhanced .work-heading{grid-column:1;grid-row:1;margin:0 0 40px}
 #selected-work.enhanced .work-index{grid-column:1;grid-row:2;align-self:start}
 #selected-work.enhanced .work-frame-spacer{display:block;grid-column:2;grid-row:1 / 3;aspect-ratio:8/5;margin-bottom:50px;width:100%;min-height:0}
 #selected-work.enhanced .project-view{position:absolute;left:calc(var(--index) + var(--gutter));right:0;top:0;margin:0}
 #selected-work.enhanced .project-entry summary{min-height:75px;gap:13px}
 #selected-work.enhanced .project-name{font-size:clamp(24px,2.15vw,31px)}
 #selected-work.enhanced .project-mark{width:15px}
 #selected-work.enhanced .project-mark::before{width:15px;opacity:0}
 #selected-work.enhanced .project-mark::after{display:none}
 #selected-work.enhanced .project-entry[open] .project-mark::before{opacity:1}
}

/* Existing portraits: equal frame, protected heads, honest source limits. */
.principal-composition{max-width:688px;margin:auto}
.team-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.team-person{margin:0;min-width:0}
.team-portrait{aspect-ratio:1/1;background:#deddd4;overflow:hidden}
.team-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(1) sepia(.11) contrast(.92)}
.team-person:first-child .team-portrait img{transform:scale(1.32) translateY(-3%);transform-origin:50% 65%;filter:grayscale(1) sepia(.1) contrast(.9) brightness(1.12)}
.team-person:last-child .team-portrait img{transform:scale(1.02);transform-origin:50% top;filter:grayscale(1) sepia(.11) contrast(.9) brightness(.97)}
.team-person figcaption{padding-top:19px;text-align:left}
.team-person h3{font:400 24px/1.2 Editorial,Georgia,serif;letter-spacing:-.02em;margin:0}


@media(max-width:1100px){.support-section{padding-left:32px;padding-right:32px}}
@media(max-width:900px){
 .work-heading{margin-bottom:30px}
 .work-heading h2{font-size:30px}
 .project-entry summary{min-height:72px}
 .project-image{aspect-ratio:8/5}
 .image-credit{flex-wrap:wrap;gap:3px 14px;margin-top:11px}
}
@media(max-width:700px){
 .support-section{padding:52px 24px}
 .work-heading h2{font-size:27px;margin-bottom:10px}
 .work-heading p{font-size:10px}
 .work-heading{margin-bottom:27px}
 .project-entry summary{min-height:68px;gap:15px}
 .project-name{font-size:29px}
 .project-view{margin-bottom:21px}
 .image-credit{font-size:10px}
 .team-pair{gap:20px}
 .team-portrait{aspect-ratio:4/5}
 .team-person figcaption{padding-top:15px}
 .team-person h3{font-size:21px;line-height:1.15}
}
@media(max-width:360px){.project-name{font-size:27px}.team-pair{gap:16px}.team-person h3{font-size:20px}.image-credit .image-attribution{font-size:9px}}