/* One shared blue gradient, confined to image pixels; composition is unchanged. */
:root{--photo-gradient:url("../assets/photo-gradient.svg#finance-photo")}
.identity-scene{position:fixed;top:var(--journey-header);right:0;bottom:0;width:var(--journey-aside);z-index:0;overflow:hidden;isolation:isolate;background:#fff;pointer-events:none}
.identity-image,.artwork-layer{position:absolute;inset:0;width:100%;height:100%;transform:none;opacity:0;will-change:opacity}.artwork-identity{opacity:1}
.artwork-layer img,.report-art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--crop-x,50%) var(--crop,50%);filter:grayscale(1) contrast(var(--photo-contrast,.98)) brightness(var(--photo-exposure,1.03)) sepia(.12) hue-rotate(160deg) saturate(.35) var(--photo-gradient);mask-image:none}
.artwork-identity{--crop:40%}.artwork-question-01{--crop:55%;--crop-x:50%}.artwork-question-02{--crop:72%;--crop-x:50%}.artwork-question-03{--crop:50%}.artwork-question-04{--crop:64%}.artwork-question-05{--crop:40%;--crop-x:50%}.artwork-question-07{--crop:52%}.artwork-question-09{--crop:28%;--crop-x:50%}.artwork-question-10{--crop:100%;--crop-x:60%}
.artwork-question-06,.artwork-question-08{display:flex;align-items:center;justify-content:flex-end}
.artwork-question-06 img{object-fit:cover;--crop:50%;--crop-x:50%}
.artwork-question-08 img{object-fit:cover;--crop-x:50%;--crop:50%}
.artwork-question-10 img{clip-path:inset(.8%);transform:scale(1.02)}
.artwork-graphics{position:absolute;inset:0;z-index:3;color:#e1eaf0;pointer-events:none;overflow:hidden}
.artwork-grid{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(90deg,transparent calc(100% - 1px),currentColor 0),linear-gradient(0deg,transparent calc(100% - 1px),currentColor 0);background-size:25% 25%}
.artwork-rails{position:absolute;inset:0;width:100%;height:100%;opacity:.36}.artwork-rails path,.artwork-rails circle{vector-effect:non-scaling-stroke}
.artwork-baseline{position:absolute;left:8%;right:8%;bottom:8%;height:1px;background:currentColor;opacity:.5}
.report-art{position:relative;isolation:isolate;overflow:hidden;margin:0;background:transparent}
body:is([data-screen=report-preview],[data-screen=report]) .identity-scene{display:none}
@media(min-width:541px) and (max-width:900px) and (min-height:601px){
 .identity-scene{top:148px;right:24px;bottom:auto;width:var(--portrait-w);height:var(--portrait-h);z-index:2}
 body[data-screen=cover] .identity-scene{top:116px}
}
@media(max-width:540px){
 .identity-scene{top:144px;right:20px;bottom:auto;width:96px;height:128px;z-index:2}
 body[data-screen=cover] .identity-scene{top:130px;width:112px;height:192px;z-index:2}
 .artwork-layer img{object-position:var(--crop-x,50%) var(--crop,50%)}
 .identity-scene .artwork-grid{background-size:50% 50%}.identity-scene .artwork-baseline{bottom:12%;left:12%;right:12%}
}
@media(max-width:360px){.identity-scene{top:130px;right:16px;width:80px;height:112px}body[data-screen=cover] .identity-scene{top:108px;width:92px;height:160px}}
/* The horizontal source keeps both people and their connection on a phone. */
@media(max-width:540px){
 body[data-screen=question] .identity-scene[data-phase=question-08]{top:calc(var(--journey-header) + var(--journey-pad));width:136px;height:102px}
 .stage[data-question="8"]{grid-template-rows:44px 58px}
 .stage[data-question="8"] .backlink{grid-column:1;grid-row:1}
 .stage[data-question="8"] .q-kicker{grid-column:1;grid-row:2;justify-self:start;text-align:left}
 .stage[data-question="8"] .q-title{grid-row:3;padding-right:0;min-height:0}
 .stage[data-question="8"] .opts{grid-row:4}
}
@media(min-width:541px) and (max-height:600px){.identity-scene{display:none}}
@media print{.report-art{display:none!important}}

.report-art img{position:absolute;inset:0}
@media(max-width:540px){body[data-screen=cover] .identity-scene{top:110px}}
@media(max-width:360px){body[data-screen=cover] .identity-scene{top:94px}}