/* Approved soft diagonal for the pictured project banners, openers and story panels.
   Existing shade elements also carry it through the project's opening/closing handoff. */
html body[data-page] :is(.project-banner-shade,.project-hero-shade,.project-opening-shade):not(#project-shade-a):not(#project-shade-b):not(#project-shade-c):not(#project-shade-d):not(#project-shade-e),html body[data-page] .project-case-image-panel:not(#project-shade-a):not(#project-shade-b):not(#project-shade-c):not(#project-shade-d):not(#project-shade-e)::after,html body[data-page] .project-pet-banner:not(#project-shade-a):not(#project-shade-b):not(#project-shade-c):not(#project-shade-d):not(#project-shade-e)::after{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22120%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.576%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E") 0 0 / 100% 100% no-repeat!important;pointer-events:none}
@media(max-width:600px){html body[data-page] :is(.project-banner-shade,.project-hero-shade,.project-opening-shade):not(#project-shade-a):not(#project-shade-b):not(#project-shade-c):not(#project-shade-d):not(#project-shade-e),html body[data-page] .project-case-image-panel:not(#project-shade-a):not(#project-shade-b):not(#project-shade-c):not(#project-shade-d):not(#project-shade-e)::after,html body[data-page] .project-pet-banner:not(#project-shade-a):not(#project-shade-b):not(#project-shade-c):not(#project-shade-d):not(#project-shade-e)::after{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22180%20110%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.576%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E") 0 0 / 100% 100% no-repeat!important}}

/* Restore the reference case-study banner fade with individual image-matched hues. */
html body[data-page] [data-open-project=avercare] .project-banner-shade:not(#project-shade-a):not(#project-shade-b):not(#project-shade-c):not(#project-shade-d):not(#project-shade-e){background:linear-gradient(90deg,rgba(48,40,27,0.702),rgba(48,40,27,0.468) 17%,rgba(48,40,27,0.18) 27%,transparent 36%),linear-gradient(270deg,rgba(48,40,27,0.702),rgba(48,40,27,0.468) 17%,rgba(48,40,27,0.18) 27%,transparent 36%)!important}
html body[data-page] [data-open-project=fitfur] .project-banner-shade:not(#project-shade-a):not(#project-shade-b):not(#project-shade-c):not(#project-shade-d):not(#project-shade-e){background:linear-gradient(90deg,rgba(25,33,27,0.702),rgba(25,33,27,0.468) 17%,rgba(25,33,27,0.18) 27%,transparent 36%),linear-gradient(270deg,rgba(25,33,27,0.702),rgba(25,33,27,0.468) 17%,rgba(25,33,27,0.18) 27%,transparent 36%)!important}
html body[data-page] [data-open-project=mayson] .project-banner-shade:not(#project-shade-a):not(#project-shade-b):not(#project-shade-c):not(#project-shade-d):not(#project-shade-e){background:linear-gradient(90deg,rgba(28,49,54,0.702),rgba(28,49,54,0.468) 17%,rgba(28,49,54,0.18) 27%,transparent 36%),linear-gradient(270deg,rgba(28,49,54,0.702),rgba(28,49,54,0.468) 17%,rgba(28,49,54,0.18) 27%,transparent 36%)!important}

/* One source and crop anchor for a continuous Mayson banner-to-header handoff. */
html body[data-page] [data-open-project=mayson] .project-banner-art img,html body[data-page] .work-project[data-project=mayson] .project-hero-art>img{object-position:50% 16%!important}