/* Three real application contexts within the Black November visual system. */
.bn-applications{padding:52px 0 42px;background:#0c0e11;border-bottom:1px solid #ffffff18}
.bn-applications-heading{margin-bottom:29px}
.bn-applications .bn-section-heading h2{font-size:clamp(24px,2.15vw,33px);max-width:34ch}
.bn-applications-heading>p{max-width:36ch}
.bn-applications-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.bn-application-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #ffffff18;border-radius:10px;background:#171a1f;transition:border-color .25s,box-shadow .25s}
.bn-application-photo{width:100%;aspect-ratio:4/5;overflow:hidden;background:#22262c}
.bn-application-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.bn-application-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:22px 24px 20px}
.bn-application-context{display:flex;align-items:center;gap:8px;color:#ff666b;font-size:9px;line-height:1.6;letter-spacing:.11em;font-weight:700}
.bn-application-context::before{content:'';width:4px;height:4px;flex:none;border-radius:50%;background:#ed242a}
.bn-application-card h3{margin-top:8px;font-size:22px;line-height:1.3;letter-spacing:-.025em;color:#fff}
.bn-application-copy{margin-top:11px!important;color:#b4bac5;font-size:13px;line-height:1.85}
.bn-application-uses{display:grid;gap:7px;margin:17px 0 20px;padding:0;list-style:none;color:#e2e5eb;font-size:12px;line-height:1.65}
.bn-application-uses li{position:relative;padding-left:13px}
.bn-application-uses li::before{content:'';position:absolute;left:0;top:.65em;width:4px;height:4px;background:#ed242a}
.bn-application-contact{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;margin-top:auto;padding-top:13px;border-top:1px solid #ffffff20;font-size:12px;font-weight:700;line-height:1.6;color:#fff!important}
.bn-application-contact svg{flex:none;width:18px;height:18px;color:#ed242a}
.bn-application-contact:hover{text-decoration:underline;text-underline-offset:5px}
.bn-application-contact:focus-visible{outline:3px solid #fff;outline-offset:4px}
.bn-applications-note{max-width:110ch;margin-top:20px!important;color:#9ea5b2;font-size:11px;line-height:1.85}
@media(hover:hover) and (pointer:fine){.bn-application-card:hover{border-color:#ed242a70;box-shadow:0 8px 30px #0003}}
@media(max-width:1100px){.bn-applications-grid{gap:16px}.bn-application-content{padding:19px 18px 18px}.bn-application-card h3{font-size:20px}.bn-application-copy{font-size:12px}.bn-application-contact{font-size:11px;gap:11px}}
@media(max-width:760px){.bn-applications{padding:35px 0 33px}.bn-applications-heading{margin-bottom:24px}.bn-applications .bn-section-heading h2{font-size:24px}.bn-applications-grid{grid-template-columns:minmax(0,1fr);gap:22px}.bn-application-photo{aspect-ratio:4/5}.bn-application-content{padding:22px 21px 20px}.bn-application-context{font-size:9px}.bn-application-card h3{font-size:22px}.bn-application-copy{font-size:13px}.bn-application-uses{font-size:12px;gap:8px}.bn-application-contact{font-size:12px;min-height:50px}.bn-applications-note{font-size:11px;margin-top:18px!important}}
@media(prefers-reduced-motion:reduce){.bn-application-card{transition:none}}