/* BALISTON 1.3.13 — understated, editorial and aligned with the site's existing list interactions. */
.af-site .af-home-content .af-baliston{
 margin:46px 0 26px;padding:clamp(42px,4.5vw,62px) clamp(34px,5vw,64px) clamp(36px,4vw,52px);
 background:#153d2f;color:#f7faf6;border:0;border-radius:3px;box-shadow:none;overflow:hidden;
}
.af-site .af-baliston h2,.af-site .af-baliston h3,.af-site .af-baliston p{color:inherit}
.af-site .af-baliston-top{
 display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);gap:clamp(42px,6vw,82px);align-items:end;
 padding-bottom:clamp(30px,3.6vw,44px);border-bottom:1px solid rgba(232,241,229,.20);
}
.af-site .af-baliston-heading-row{min-width:0}
.af-site .af-baliston-new{
 display:block;margin:0 0 15px;color:#d2e3bd;
 font:600 11px/1.2 AFInter,"Segoe UI",sans-serif;letter-spacing:.14em;text-transform:uppercase;
}
.af-site .af-baliston-new:before{display:none!important;content:none!important}
.af-site .af-baliston h2{
 max-width:660px;margin:0;font-family:AFInter,"Segoe UI",sans-serif;
 font-size:clamp(37px,4.05vw,54px);font-weight:500;line-height:1.06;letter-spacing:-.045em;text-wrap:balance;
}
.af-site .af-baliston-tagline{margin:0 0 14px;font-size:clamp(20px,1.9vw,24px);font-weight:600;line-height:1.35;letter-spacing:-.018em;color:#e3edcf}
.af-site .af-baliston-intro{max-width:660px;margin:0;color:#dbe6de;font-size:16px;line-height:1.75}
.af-site .af-baliston-details{
 display:grid;grid-template-columns:minmax(220px,.5fr) minmax(0,1.5fr);gap:clamp(34px,5vw,72px);align-items:start;
 margin-top:clamp(28px,3.2vw,42px);
}
.af-site .af-baliston h3{
 max-width:270px;margin:3px 0 0;font-family:AFInter,"Segoe UI",sans-serif;
 font-size:clamp(21px,2vw,27px);font-weight:550;line-height:1.25;letter-spacing:-.028em;
}
.af-site .af-baliston-results{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(26px,4vw,52px);row-gap:0;
 margin:0;padding:0;list-style:none;
}
.af-site .af-baliston-results li{
 position:relative;display:flex;align-items:center;min-height:68px;margin:0;padding:18px 16px 18px 30px;
 border-top:1px solid rgba(232,241,229,.20);color:#f2f6f0;font-size:15.5px;font-weight:600;line-height:1.45;
 transition:background .24s ease,color .24s ease,padding-left .24s ease;
}
.af-site .af-baliston-results li:before{
 content:"";position:absolute;left:9px;top:50%;width:7px;height:7px;border-radius:50%;background:#b9d29f;transform:translateY(-50%);
 box-shadow:0 0 0 4px rgba(185,210,159,.10);transition:transform .24s ease,background .24s ease,box-shadow .24s ease;
}
.af-site .af-baliston-results li:hover{
 background:rgba(255,255,255,.055);padding-left:34px;color:#fff;
}
.af-site .af-baliston-results li:hover:before{background:#d9edbd;transform:translate(2px,-50%) scale(1.08);box-shadow:0 0 0 5px rgba(217,237,189,.12)}
.af-site .af-baliston-statement{
 display:flex;flex-direction:column;align-items:center;gap:3px;margin:clamp(27px,3vw,38px) 0 0;padding-top:23px;
 border-top:1px solid rgba(232,241,229,.20);font-size:14.5px;line-height:1.6;color:#cbd9cf;text-align:center;
}
.af-site .af-baliston-statement span{text-wrap:balance}
.af-site .af-baliston-statement span:first-child{color:#f3f7f1;font-weight:600}
@media(min-width:1040px){.af-site .af-baliston-statement span{white-space:nowrap}}

/* One clear reason section. Each reason behaves like the interactive lists already used above. */
.af-site .af-home-content .af-baliston-why{
 display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(48px,7vw,88px);align-items:start;
 margin:0 0 58px;padding:52px 0 58px;border-top:1px solid var(--af-line);border-bottom:1px solid var(--af-line);background:transparent;
}
.af-site .af-baliston-why-copy{padding:0}
.af-site .af-baliston-why h2{
 max-width:620px;margin:0 0 22px;color:var(--af-ink);font-family:AFInter,"Segoe UI",sans-serif;
 font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1.04;letter-spacing:-.045em;text-wrap:balance;
}
.af-site .af-baliston-why-copy>p:not(.af-baliston-close){max-width:600px;margin:0;color:#394d46;font-size:17px;line-height:1.8}
.af-site .af-baliston-why .af-baliston-close{
 max-width:590px;margin:29px 0 0;padding:8px 0 8px 19px;border-left:2px solid #718564;
 color:#284436;font-size:17px;font-weight:600;line-height:1.65;
}
.af-site .af-baliston-why-points ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;margin:0;padding:0;list-style:none}
.af-site .af-baliston-why li{
 position:relative;display:flex;align-items:center;min-height:72px;margin:0;padding:17px 14px 17px 29px;
 border-top:1px solid #dce4df;color:#31483e;font-size:15.5px;font-weight:600;line-height:1.5;
 transition:background .24s ease,color .24s ease,padding-left .24s ease;
}
.af-site .af-baliston-why li:before{
 content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;border-radius:50%;background:#718564;transform:translateY(-50%);
 transition:transform .24s ease,background .24s ease;
}
.af-site .af-baliston-why li:hover{background:#f0f3eb;color:#203a2e;padding-left:33px}
.af-site .af-baliston-why li:hover:before{background:#4e6d4b;transform:translate(2px,-50%) scale(1.08)}
.af-site .af-baliston .af-baliston-pending,.af-site .af-baliston-why .af-baliston-pending{opacity:0;transform:translateY(18px)}
.af-site .af-baliston .af-baliston-visible,.af-site .af-baliston-why .af-baliston-visible{opacity:1;transform:translateY(0);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}

@media(max-width:900px){
 .af-site .af-baliston-top,.af-site .af-baliston-details,.af-site .af-home-content .af-baliston-why{grid-template-columns:1fr;gap:28px}
 .af-site .af-baliston h3{max-width:none}
}
@media(max-width:760px){
 .af-site .af-home-content .af-baliston{margin:34px 0 20px;padding:33px 22px 30px;border-radius:3px}
 .af-site .af-baliston-top{padding-bottom:27px}
 .af-site .af-baliston h2{font-size:32px}
 .af-site .af-baliston-tagline{font-size:20px}
 .af-site .af-baliston-intro{font-size:15.5px;line-height:1.7}
 .af-site .af-baliston-results,.af-site .af-baliston-why-points ul{grid-template-columns:1fr}
 .af-site .af-baliston-results li{min-height:0;padding:16px 10px 16px 29px}
 .af-site .af-baliston-results li:hover{padding-left:32px}
 .af-site .af-baliston-statement{align-items:flex-start;text-align:left;font-size:14px;gap:5px}
 .af-site .af-baliston-statement span{white-space:normal}
 .af-site .af-home-content .af-baliston-why{margin:0 0 40px;padding:38px 0 42px;gap:28px}
 .af-site .af-baliston-why h2{font-size:32px;margin-bottom:18px}
 .af-site .af-baliston-why-copy>p:not(.af-baliston-close),.af-site .af-baliston-why .af-baliston-close{font-size:16px}
 .af-site .af-baliston-why li{min-height:0;padding:16px 10px 16px 29px}
 .af-site .af-baliston-why li:hover{padding-left:32px}
}