/* Fractal client work: a readable product canvas with a connected, selectable story. */
.feg-showcase{--feg-gold:#f6c453;--feg-coral:#e1503f;--feg-rose:#d0276f;--feg-plum:#a8278f;padding-top:clamp(64px,7vw,112px);padding-bottom:clamp(40px,5vw,80px);scroll-margin-top:var(--header-height)}
.feg-showcase *{min-width:0}
.feg-client{display:flex;align-items:center;gap:22px;margin-bottom:28px}
.feg-client img{display:block;width:62px;height:auto;filter:brightness(0) invert(1);opacity:.94}
.feg-client>span,.feg-client>div>span{font:500 14px/1.5 Satoshi,Arial,sans-serif;color:#eee6dd}
.feg-client p{font:400 12px/1.5 Satoshi,Arial,sans-serif;color:#a5b9b0;margin-top:3px}
.feg-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(30px,6vw,90px);align-items:end;margin-bottom:34px}
.feg-heading h2{font:500 clamp(36px,4.25vw,64px)/1.05 General,Arial,sans-serif;letter-spacing:-.045em;color:#e2eee6}
.feg-intro{font:400 clamp(16px,1.35vw,19px)/1.6 Satoshi,Arial,sans-serif;color:#b2c6bd;max-width:435px;padding-bottom:3px}
.feg-overview{margin:0 0 clamp(34px,4vw,60px)}
.feg-overview-image{position:relative;aspect-ratio:1792/1034;display:block;border-radius:12px;overflow:hidden;background:#0b1920;box-shadow:0 28px 60px -38px #020608b3}
/* Show only the native dashboard; omit its baked promotional frame and captions. */
.feg-overview-image img{position:absolute;display:block;width:107.142857%;max-width:none;height:auto;left:-3.571429%;top:-11.895551%;aspect-ratio:3/2}
.feg-overview figcaption{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 0 0;font:400 12px/1.5 Satoshi,Arial,sans-serif;color:#a5b9b0}
.feg-overview figcaption>a{display:inline-flex;align-items:center;min-height:44px;color:#eee6dc;text-decoration:underline;text-decoration-color:#d7b7a44d;text-underline-offset:5px}
.feg-overview a:focus-visible{outline:2px solid #e3b78c;outline-offset:5px}
.feg-exhibit{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:center}
.feg-exhibit.is-feg-ready{grid-template-columns:minmax(0,2.3fr) minmax(255px,1fr)}
.feg-product{position:relative;min-width:0;background:#111616;border:1px solid #d7b7a42b;border-radius:12px;box-shadow:0 28px 60px -36px #020608c9;overflow:hidden}
.feg-product:before{position:absolute;content:"";inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--feg-gold),#f0741f 28%,var(--feg-coral) 52%,var(--feg-rose) 76%,var(--feg-plum));opacity:.85;z-index:3}
.feg-product-header{min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 24px;border-bottom:1px solid #d7b7a41a;background:#171b1b}
.feg-scout{font:500 24px/1 General,Arial,sans-serif;letter-spacing:-.04em;color:#f4eee7}
.feg-scout>span{color:var(--feg-gold)}
.feg-product-header>span:last-child{font:400 11px/1.4 Satoshi,Arial,sans-serif;color:#aeb7b0}
.feg-visuals{position:relative;display:grid;gap:30px;isolation:isolate}
.feg-view{position:relative;margin:0;width:100%;background:#111616}
.feg-exhibit.is-feg-ready .feg-visuals{height:518px;display:block}
.is-feg-ready .feg-view{position:absolute;inset:0;will-change:transform,opacity;transform-origin:center 45%;display:grid;grid-template-rows:minmax(0,1fr) 118px}
.feg-scene-content{position:relative;display:flex;align-items:center;justify-content:center;min-height:350px;padding:16px 22px;background:radial-gradient(ellipse at 40% 95%,#8b504014,transparent 70%)}
.feg-scene-content img{display:block;max-width:100%;height:auto;object-fit:contain}
.feg-map .feg-scene-content{padding:0;background:#0b0b0b}
.feg-map-image{width:100%;max-height:100%;object-fit:contain}
.feg-map-credits{display:none}
.feg-filter-composition{display:grid;grid-template-columns:repeat(2,minmax(0,277px));gap:26px;padding:26px;align-items:center;justify-content:center}
.feg-detail-capture>span{display:block;font:500 13px/1.4 Satoshi,Arial,sans-serif;color:#e7d6c6;margin-bottom:12px}
.feg-detail-capture img{width:100%;border:1px solid #ffffff14;border-radius:5px;box-shadow:0 18px 34px -20px #000b}
.feg-detail-capture p{font:400 11px/1.5 Satoshi,Arial,sans-serif;color:#939e98;margin-top:10px}
.feg-outreach-composition{padding:18px 24px}
.feg-outreach-composition>img{width:auto;max-width:100%;max-height:364px;border-radius:11px;border:1px solid #ffffff0c;box-shadow:0 22px 38px -22px #000c}
.feg-scene-caption{padding:17px 24px 20px;border-top:1px solid #d7b7a41c;background:#171b1b;position:relative}
.feg-scene-number{display:block;color:#d8a775;font:400 10px/1.4 Satoshi,Arial,sans-serif;letter-spacing:.035em;margin-bottom:5px}
.feg-scene-caption strong{display:block;color:#f0eee7;font:500 19px/1.25 General,Arial,sans-serif;letter-spacing:-.015em}
.feg-scene-caption p{font:400 12px/1.5 Satoshi,Arial,sans-serif;color:#a9b9b0;margin-top:6px;max-width:560px}
.feg-tour{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.feg-detail-kicker{display:block;font:500 13px/1.4 Satoshi,Arial,sans-serif;color:#e7d6c6}
.feg-detail-intro{font:400 12px/1.5 Satoshi,Arial,sans-serif;color:#9fb1a6;margin-top:5px}
.feg-score-sheet{width:min(100%,449px);padding:22px;background:#171717;border:1px solid #d7b7a428;border-radius:9px;box-shadow:0 18px 36px -24px #000a}
.feg-score-rows{display:grid;gap:17px;margin-top:24px}
.feg-score-rows img{width:100%;height:auto}
.feg-score-factor>span{display:none}
.feg-capture-note{font:400 10px/1.5 Satoshi,Arial,sans-serif;color:#8e9c94;margin-top:18px}
.feg-pipeline-composition{flex-direction:column;gap:26px;padding:25px}
.feg-pipeline-flow{width:min(100%,500px)}
.feg-stage-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.feg-stage-rail img{width:110px;max-width:100%;height:auto;border-bottom:1px solid #d7b7a428}
.feg-notes-capture{width:min(100%,336px);border-radius:10px;box-shadow:0 20px 36px -22px #000a}
.feg-notes-capture img{width:100%;height:auto;border-radius:10px}
.feg-view-controls{display:flex;flex-direction:column;align-self:stretch;justify-content:center;gap:0}
.feg-view-controls[hidden]{display:none}
.feg-tour-label{font:400 11px/1.5 Satoshi,Arial,sans-serif;color:#c5a88e;margin-bottom:15px}
.feg-view-controls button{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px;width:100%;text-align:left;padding:17px 0;min-height:110px;border:0;border-top:1px solid #c8b5a62b;border-radius:0;background:transparent;cursor:pointer;transition:color .3s}
.feg-view-controls button:after{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--feg-gold),var(--feg-coral),var(--feg-rose));transform:scaleX(0);transform-origin:left}
.feg-view-controls button[aria-pressed=true]:after{transform:scaleX(var(--feg-progress,1))}
.feg-step-number{font:400 10px/1.4 Satoshi,Arial,sans-serif;padding-top:4px;color:#a49482}
.feg-step-copy strong{display:block;font:500 clamp(19px,1.75vw,25px)/1.18 General,Arial,sans-serif;letter-spacing:-.02em;color:#a6b8b0;transition:color .3s}
.feg-step-copy>span{display:block;font:400 13px/1.6 Satoshi,Arial,sans-serif;color:#91a79c;margin-top:10px;transition:color .3s}
.feg-view-controls button[aria-pressed=true] .feg-step-copy strong,.feg-view-controls button:hover .feg-step-copy strong{color:#f2eee7}
.feg-view-controls button[aria-pressed=true] .feg-step-copy>span{color:#bbcbc2}
.feg-view-controls button[aria-pressed=true] .feg-step-number{color:var(--feg-gold)}
.feg-view-controls button:focus-visible{outline:1px solid #e3b78c;outline-offset:7px}
.feg-project-link{display:flex;align-items:center;align-self:flex-start;min-height:44px;font:400 13px/1.4 Satoshi,Arial,sans-serif;margin-top:20px;color:#eee6dc}
.feg-project-footer{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-top:22px;font:400 11px/1.6 Satoshi,Arial,sans-serif;color:#8fa99c}
.feg-project-footer>p{padding-top:8px}
.feg-project-footer>p>span{padding:0 12px;color:#7d847d}
.feg-view-notes{max-width:390px;text-align:right}
.feg-view-notes summary{cursor:pointer;list-style:none;min-height:36px;padding:8px 0;color:#9fb6a9;text-decoration:underline;text-decoration-color:#a9c0b34d;text-underline-offset:4px}
.feg-view-notes summary::-webkit-details-marker{display:none}
.feg-view-notes p{margin:8px 0 0;text-align:left}
@media(min-width:1600px){.feg-exhibit.is-feg-ready{grid-template-columns:minmax(0,2.4fr) minmax(300px,1fr)}.feg-exhibit.is-feg-ready .feg-visuals{height:556px}.feg-scene-content{padding-left:30px;padding-right:30px}.feg-map .feg-scene-content{padding:0}}
@media(max-width:1100px){
 .feg-exhibit.is-feg-ready{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:28px}
 .feg-heading{gap:32px}.feg-heading h2{font-size:clamp(35px,4.5vw,48px)}
 .feg-product-header{padding:14px 18px}.feg-product-header>span:last-child{max-width:120px;text-align:right}
 .feg-filter-composition{gap:15px;padding:22px 18px}.feg-detail-capture>span{font-size:12px}
 .feg-scene-caption{padding-left:20px;padding-right:20px}
 .feg-step-copy strong{font-size:21px}.feg-view-controls button{column-gap:8px}
}
@media(max-width:900px){
 .feg-showcase{padding-top:60px;padding-bottom:42px}
 .feg-heading{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:28px}
 .feg-heading h2{font-size:clamp(36px,5.8vw,52px)}.feg-intro{max-width:590px;font-size:17px}
 .feg-exhibit.is-feg-ready{grid-template-columns:minmax(0,1fr);gap:24px}
 .feg-exhibit.is-feg-ready .feg-visuals{height:500px}
 .feg-view-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px}
 .feg-tour-label{grid-column:1/-1;margin-bottom:14px}
 .feg-view-controls button{grid-template-columns:1fr;gap:7px;min-height:150px;padding:18px 0;align-content:start}
 .feg-step-copy strong{font-size:20px}.feg-step-copy>span{font-size:12px;line-height:1.6}
 .feg-project-link{grid-column:1/-1;justify-self:start;margin-top:8px}
 .feg-filter-composition{grid-template-columns:repeat(2,minmax(0,277px));gap:28px;padding:24px}
 .feg-project-footer{margin-top:22px;flex-wrap:wrap;gap:6px}.feg-view-notes{text-align:left}
}
@media(max-width:540px){
 .feg-client{gap:18px;margin-bottom:24px}.feg-client img{width:54px}.feg-client>span,.feg-client>div>span{font-size:12px}.feg-client p{font-size:10px;max-width:180px}
 .feg-heading h2{font-size:clamp(32px,8.2vw,43px);line-height:1.08}.feg-heading h2 br{display:none}.feg-intro{font-size:16px;line-height:1.6}
 .feg-product{border-radius:9px}.feg-product-header{min-height:57px;padding:15px 16px}.feg-scout{font-size:23px}.feg-product-header>span:last-child{font-size:10px;max-width:150px}
 .feg-exhibit.is-feg-ready .feg-visuals{height:540px}
 .is-feg-ready .feg-view{grid-template-rows:minmax(0,1fr) 137px}
 .feg-scene-content{min-height:0;padding:18px 12px}.feg-map .feg-scene-content{padding:0;overflow:hidden}
 .feg-map .feg-map-image{height:100%;width:100%;object-fit:cover;object-position:67% center;transform:scale(1.1)}
 .feg-map-credits{display:block;position:absolute;bottom:0;left:0;right:0;padding:6px 5px;background:#0b0b0b;text-align:center;font:400 8px/1.4 Satoshi,Arial,sans-serif;color:#c0c8c1}
 .feg-map-credits a{color:inherit}
 .feg-filter-composition{grid-template-columns:minmax(0,277px);gap:12px;align-content:center;padding:10px 30px}
 .feg-detail-capture>span{font-size:11px;margin-bottom:7px}.feg-detail-capture p{display:none}
 .feg-detail-capture img{width:100%;max-width:277px;margin:0 auto}
 .feg-detail-capture picture{display:block}
 .feg-outreach-composition{padding:18px 12px}.feg-outreach-composition>img{width:100%;height:auto}
 .feg-scene-caption{padding:16px 17px}.feg-scene-caption strong{font-size:19px}.feg-scene-caption p{font-size:12px;line-height:1.5}
 .feg-view-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.feg-view-controls button{min-height:92px;padding:16px 0 12px}
 .feg-step-copy strong{font-size:16px;line-height:1.3}.feg-step-copy>span{display:none}.feg-tour-label{margin-bottom:8px}
 .feg-score-composition{padding:20px 12px}.feg-score-sheet{padding:18px 12px}.feg-detail-kicker{font-size:12px}.feg-detail-intro{font-size:11px}.feg-score-rows{gap:8px;margin-top:18px}.feg-score-factor>span{display:block;font:400 12px/1.4 Satoshi,Arial,sans-serif;color:#c9d2cc}.feg-native-slider{position:relative;width:230px;max-width:100%;height:25px;overflow:hidden}.feg-native-slider img{position:absolute;right:0;top:0;width:176.087%;max-width:none;height:auto}.feg-capture-note{font-size:9px;margin-top:19px}
 .feg-pipeline-composition{padding:19px 20px;gap:24px}.feg-stage-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;max-width:250px;margin:14px auto 0}.feg-stage-rail img{justify-self:center}
 .feg-project-link{font-size:13px;margin-top:8px}.feg-project-footer{font-size:10px}.feg-project-footer>p>span{padding:0 7px}
}
@media(max-width:360px){.is-feg-ready .feg-view{grid-template-rows:minmax(0,1fr) 176px}}
@media(prefers-reduced-motion:reduce){.is-feg-ready .feg-view{will-change:auto}.feg-view-controls button,.feg-step-copy strong,.feg-step-copy>span{transition:none}.feg-view-controls button[aria-pressed=true]:after{transform:scaleX(1)}}
@media(forced-colors:active){.feg-product,.feg-detail-capture img,.feg-outreach-composition>img{border:1px solid CanvasText}.feg-view-controls button[aria-pressed=true]{outline:1px solid Highlight}.feg-step-copy strong,.feg-step-copy>span,.feg-scene-caption strong,.feg-scene-caption p{color:CanvasText}}

/* The homepage carries one project preview; the detailed tour lives on /work/scout/. */
.feg-preview .feg-heading{display:block;max-width:900px}
.feg-preview .feg-overview{margin:0}
