/* A static, layered brand ribbon bridges the copy and approved mobile photo.
   It never covers the central headline or carries essential information. */
@media(max-width:768px){
 body[data-page=about] .ab-page .ab-hero::before,
 body[data-page=about] .ab-page .ab-hero::after{content:"";position:absolute;left:0;right:0;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:100% 100%}
 body[data-page=about] .ab-page .ab-hero::before{top:264px;height:140px;z-index:1;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20390%20140%22%20fill%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2232%22%20y1%3D%2225%22%20x2%3D%22320%22%20y2%3D%22110%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23142d69%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23356bbc%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%231d4c9a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311295b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M-35%207C40-30%2055%20107%20150%2078S298%205%20420%2092%22%20stroke%3D%22%23091a3e%22%20stroke-opacity%3D%22.22%22%20stroke-width%3D%2238%22%2F%3E%3Cpath%20d%3D%22M-35%207C40-30%2055%20107%20150%2078S298%205%20420%2092%22%20stroke%3D%22%23f47a32%22%20stroke-width%3D%2229%22%2F%3E%3Cpath%20d%3D%22M-35%205C40-32%2055%20105%20150%2076S298%203%20420%2090%22%20stroke%3D%22url%28%23b%29%22%20stroke-width%3D%2225%22%2F%3E%3Cpath%20d%3D%22M-35%201C40-36%2055%20101%20150%2072S298-1%20420%2086%22%20stroke%3D%22%2379a7e2%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E")}
 body[data-page=about] .ab-page .ab-hero::after{top:78px;height:270px;z-index:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20390%20270%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M-26%20246C51%20225%204%20123%2021%2066S138-14%20277%209%20353%20134%20420%20171%22%20stroke%3D%22%2382a6db%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M-23%20249C53%20226%207%20125%2024%2067%22%20stroke%3D%22%23ef8a4f%22%20stroke-opacity%3D%22.7%22%20stroke-width%3D%221.4%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2267%22%20r%3D%223%22%20fill%3D%22%23f58d4d%22%2F%3E%3C%2Fsvg%3E")}
 body[data-page=about] .ab-page .ab-hero-photo{border-radius:45% 39% 0 0 / 29px 24px 0 0}
}
@media(min-width:601px) and (max-width:768px){
 body[data-page=about] .ab-page .ab-hero::before{top:250px;height:110px}
}