/* Material-inspired surfaces preserve readable black copy and natural photo color. */
#main .application-layout{gap:12px}
#main .application-links{gap:12px}
#main .application-intro,#main .application-link{--application-tone:235,241,245;position:relative;isolation:isolate;overflow:hidden;background:rgb(var(--application-tone));color:#111;border:0;border-radius:8px}
#main .application-link:nth-child(1){--application-tone:245,239,228}
#main .application-link:nth-child(2){--application-tone:235,238,233}
#main .application-link:nth-child(3){--application-tone:231,240,248}
#main .application-link:nth-child(4){--application-tone:234,241,235}
#main .application-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
#main .application-intro::before,#main .application-link::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(var(--application-tone),1) 0%,rgba(var(--application-tone),.99) 38%,rgba(var(--application-tone),.94) 56%,rgba(var(--application-tone),.5) 77%,rgba(var(--application-tone),.06) 100%)}
#main .application-intro::before{background:linear-gradient(100deg,rgba(var(--application-tone),1) 0%,rgba(var(--application-tone),.98) 30%,rgba(var(--application-tone),.88) 57%,rgba(var(--application-tone),.22) 100%)}
#main .application-intro .application-photo{object-position:61% center}
#main .application-intro h3,#main .application-link h3{color:#111;font-weight:600;text-wrap:balance}
#main .application-intro>p,#main .application-link p,#main .application-link>span,#main .application-intro .large-plus{color:#111}
#main .application-intro>p,#main .application-link p{font-weight:400}
#main .application-intro .text-link,#main .application-intro .text-link:hover{color:#111;background:rgba(255,255,255,.8);border-color:#a8b3bc;box-shadow:0 2px 8px #192e3b08}
#main .application-intro .text-link:hover{background:#fff;border-color:#111}
#main .application-link:hover{color:#111;background:rgb(var(--application-tone))}
#main .application-link:hover::before{background:linear-gradient(90deg,rgba(var(--application-tone),1) 0%,rgba(var(--application-tone),.99) 38%,rgba(var(--application-tone),.94) 56%,rgba(var(--application-tone),.45) 77%,rgba(var(--application-tone),0) 100%)}
#main .application-link:focus-visible{outline:3px solid #0067d0;outline-offset:-4px}
#main .application-decoration{display:none}
@media(max-width:540px){#main .application-layout,#main .application-links{gap:10px}#main .application-link{min-height:215px;padding:22px 17px}#main .application-intro::before{background:linear-gradient(90deg,rgba(var(--application-tone),.99),rgba(var(--application-tone),.95) 56%,rgba(var(--application-tone),.42))}#main .application-link::before,#main .application-link:hover::before{background:linear-gradient(90deg,rgba(var(--application-tone),.99),rgba(var(--application-tone),.96) 52%,rgba(var(--application-tone),.7) 78%,rgba(var(--application-tone),.3))}}
@media(forced-colors:active){#main .application-photo{display:none}#main .application-intro,#main .application-link{background:Canvas;color:CanvasText}#main .application-intro::before,#main .application-link::before{display:none}#main .application-intro h3,#main .application-link h3,#main .application-intro>p,#main .application-link p,#main .application-link>span,#main .application-intro .large-plus,#main .application-intro .text-link{color:CanvasText}}