/* An explanation of the role, using the adopted monochrome chapter system. */
.site-page.site-about.site-fde .fde-head h1{font-size:clamp(30px,3.2vw,45px);line-height:1.65;letter-spacing:.01em}
.site-fde .fde-portrait{position:relative;isolation:isolate;aspect-ratio:1.1;container-type:inline-size}
.site-fde .fde-portrait .fde-letters{position:absolute;top:0;left:0;font:400 36cqw/1 Arial,sans-serif;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:.7px #aaa}
.site-fde .fde-portrait .fde-letters::after{content:'FDE';position:absolute;inset:0;color:#242424;-webkit-text-stroke:0;clip-path:inset(0 calc((1 - var(--site-art-p,1))*100%) 0 0)}
.site-page.site-about.site-fde .fde-portrait img{position:absolute;right:0;bottom:8%;width:76%;height:79%;object-fit:contain;transform:translateY(calc((1 - var(--site-art-p,1))*20px))}
.site-fde .fde-portrait figcaption{position:absolute;bottom:0;left:0;font-size:10px;color:#666;letter-spacing:.05em}
.site-fde .fde-art-rule{position:absolute;bottom:7%;left:0;right:0;height:1px;background:#ddd;transform:scaleX(var(--site-art-p,1));transform-origin:left}
body.site-page.site-about.site-fde .fde-process{width:100%;max-width:none;aspect-ratio:auto;grid-column:1/-1;margin:0 0 30px}
.fde-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:24px}
.fde-process li{position:relative;padding:22px 0;border-top:1px solid #ddd;font-size:14px;line-height:1.8}
.fde-process li::before{content:'';position:absolute;top:-1px;left:0;right:0;height:1px;background:#aaa;transform:scaleX(var(--site-art-p,1));transform-origin:left}
.fde-process li>span{display:block;margin-bottom:16px;color:#888;font:11px/1.5 Arial,sans-serif}
.fde-examples{display:grid;gap:0;margin-top:32px}
.fde-examples>a{display:block;padding:28px 0;border-top:1px solid #ddd;min-width:0}
.fde-examples>a:last-child{border-bottom:1px solid #ddd}
.fde-examples h3{font-size:20px;line-height:1.7;font-weight:400;margin:12px 0}
.fde-examples p{font-size:14px;line-height:2}
.fde-examples .text-link{margin-top:12px;min-height:44px}
.fde-examples>a:focus-visible{outline:2px solid #666;outline-offset:5px}
.fde-sources{margin:0 0 60px;padding-top:26px;border-top:1px solid #ddd;font-size:12px;color:#777;line-height:1.9}
.fde-sources>a{display:flex;width:fit-content;min-height:44px;align-items:center;gap:18px}
.site-fde .fde-company{font-size:11px;color:#888;margin-top:16px}
@media(max-width:760px){
 .site-page.site-about.site-fde .fde-head h1{font-size:29px;line-height:1.65}
 .site-fde .fde-portrait{width:100%;max-width:380px}
 body.site-page.site-about.site-fde .fde-process{grid-column:auto;grid-row:auto;margin:0 0 20px}
 .fde-process ol{gap:12px}
 .fde-process li{font-size:12px;padding:18px 0}
 .fde-examples h3{font-size:20px}
 .fde-examples p{font-size:15px;line-height:1.95}
 .fde-sources{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.site-fde .fde-portrait{--site-art-p:1!important}}

.site-page.site-about.site-fde #what-is-fde .se-chapter-title{grid-column:1/-1}
body.site-page.site-about.site-fde .fde-process{grid-column:1/-1;grid-row:2;width:100%;margin:0 0 24px}
.site-page.site-about.site-fde #what-is-fde .prose{grid-row:3}