/* Homepage application stories; content remains readable without JavaScript. */
.brand-experience .brand-applications { padding:100px 0 90px; background:#edf2ed; }
.brand-experience .brand-application-tabs { display:flex; gap:8px; margin-bottom:26px; border-bottom:1px solid #bccdc3; }
.brand-experience .brand-application-tabs[hidden], .brand-experience .brand-application-panel[hidden] { display:none; }
.brand-experience .brand-application-tabs button { position:relative; flex:1; display:flex; align-items:center; gap:18px; padding:22px 20px; border:0; border-bottom:2px solid transparent; background:transparent; color:#62756c; font:inherit; font-size:.88rem; text-align:left; transition:background .25s,color .25s; }
.brand-experience .brand-application-tabs button > span:first-child { font:11px ui-monospace,monospace; opacity:.65; }
.brand-experience .brand-application-tabs button > span:last-child { margin-left:auto; font-size:20px; }
.brand-experience .brand-application-tabs button[aria-selected="true"] { border-bottom-color:#275b56; color:#203d42; background:#ffffff70; }
.brand-experience .brand-application-tabs button:hover { background:#ffffffa0; }
.brand-experience .brand-application-tabs button:focus-visible, .brand-experience .brand-application-panel:focus-visible { outline:2px solid #275b56; outline-offset:4px; }
.brand-experience .brand-application-panel { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); background:#fffefa; border:1px solid #d7e1d8; overflow:hidden; }
.brand-experience .brand-application-panel + .brand-application-panel { margin-top:24px; }
.brand-experience .is-scene-enhanced .brand-application-panel { margin-top:0; }
.brand-experience .brand-application-image { position:relative; margin:0; min-height:520px; overflow:hidden; background:#d7e1d8; }
.brand-experience .brand-application-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }
.brand-experience .brand-application-image figcaption { position:absolute; inset:auto 22px 22px; display:flex; justify-content:space-between; align-items:center; gap:12px; background:#fffefaeF; padding:12px 16px; color:#244d48; font-size:11px; }
.brand-experience .brand-application-image figcaption > span:last-child { font-size:9px; letter-spacing:.08em; }
.brand-experience .brand-application-copy { padding:42px clamp(24px,3.5vw,54px); display:flex; align-items:flex-start; flex-direction:column; min-width:0; }
.brand-experience .brand-application-number { font:52px ui-monospace,monospace; color:#a9bbb0; letter-spacing:-.1em; margin:0 0 40px; }
.brand-experience .brand-application-number small { font:11px ui-monospace,monospace; margin-left:14px; letter-spacing:0; color:#758d7c; }
.brand-experience .brand-application-eyebrow { font-size:9px; letter-spacing:.12em; color:#648576; margin-bottom:16px; }
.brand-experience .brand-application-copy h3 { font-size:clamp(1.5rem,2.2vw,2.15rem); font-weight:550; line-height:1.45; letter-spacing:-.045em; margin:0 0 22px; text-wrap:balance; }
.brand-experience .brand-application-description { color:#63786e; font-size:.83rem; line-height:1.95; margin:0 0 28px; }
.brand-experience .brand-application-tags { font-size:9px; color:#5b796a; letter-spacing:.08em; line-height:1.8; border-top:1px solid #dbe4db; padding-top:18px; width:100%; margin:auto 0 26px; }
.brand-experience .brand-application-copy .brand-text-link { color:#275b56; font-size:.8rem; }
.brand-experience .brand-application-disclaimer { margin:16px 0 0; color:#697e70; font-size:10px; line-height:1.8; }
.brand-experience .brand-application-panel.is-entering { animation:application-enter .6s cubic-bezier(.2,.7,.2,1) both; }
@keyframes application-enter { from { opacity:.3; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@media (hover:hover) and (pointer:fine) { .brand-experience .brand-application-image:hover img { transform:scale(1.045); } }
@media (max-width:991px) {
    .brand-experience .brand-applications { padding:76px 0; }
    .brand-experience .brand-application-panel { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
    .brand-experience .brand-application-image { min-height:470px; }
    .brand-experience .brand-application-copy { padding:30px; }
    .brand-experience .brand-application-number { margin-bottom:28px; }
}
@media (max-width:767px) {
    .brand-experience .brand-applications { padding:60px 0; }
    .brand-experience .brand-application-tabs { gap:0; margin-bottom:20px; }
    .brand-experience .brand-application-tabs button { flex-wrap:wrap; gap:8px; padding:14px 10px; font-size:11px; line-height:1.6; }
    .brand-experience .brand-application-tabs button > span:first-child { flex-basis:100%; font-size:9px; }
    .brand-experience .brand-application-tabs button > span:last-child { display:none; }
    .brand-experience .brand-application-panel { grid-template-columns:1fr; }
    .brand-experience .brand-application-image { min-height:0; aspect-ratio:4/3; }
    .brand-experience .brand-application-image figcaption { inset:auto 14px 14px; padding:10px 12px; }
    .brand-experience .brand-application-copy { padding:28px 24px; }
    .brand-experience .brand-application-number { font-size:36px; margin-bottom:26px; }
    .brand-experience .brand-application-copy h3 { font-size:1.65rem; }
    .brand-experience .brand-application-description { font-size:.8rem; }
    .brand-experience .brand-application-tags { margin-bottom:22px; }
}
@media (prefers-reduced-motion:reduce) {
    .brand-experience .brand-application-panel.is-entering { animation:none; }
    .brand-experience .brand-application-image img { transition:none; transform:none; }
}
.brand-experience.is-experience-paused .brand-application-image img { transition:none; transform:none; }
.brand-experience.is-experience-paused .brand-application-panel.is-entering { animation:none; }