.sf-top{display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);}
.sf-l{padding: clamp(36px, 5vw, 64px) clamp(16px, 4vw, 60px) clamp(36px, 5vw, 64px) max(var(--gutter, 16px), calc((100vw - var(--container, 1280px)) / 2)); min-width: 0;}
.sf-back{display: inline-block; margin-bottom: 18px; font-family: var(--font-display); font-weight: 800; font-size: .74rem; letter-spacing: .18em; text-transform: uppercase; color: #6b737c; text-decoration: none;}
.sf-back:hover{color: var(--red);}
.sf-k{display: block; font-family: var(--font-display); font-weight: 800; font-size: .78rem; letter-spacing: .2em; text-transform: uppercase; color: var(--red);}
.sf-h{margin: 14px 0 20px; font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: clamp(2.8rem, 6vw, 5.8rem); line-height: .86; text-transform: uppercase; color: #2f343b; text-wrap: balance;}
.sf-h em{color: var(--red); font-style: italic;}
.sf-p{max-width: 640px; margin: 0; font-family: var(--font-serif); font-size: clamp(1.05rem, 1.4vw, 1.25rem); line-height: 1.55; color: #3a3f46;}
.sf-riv{display: inline-block; margin-top: 16px; font-family: var(--font-display); font-weight: 800; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; color: var(--red); text-decoration: none; border-bottom: 3px solid var(--red);}
.sf-chips{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 20px;}
.sf-chips a{padding: 7px 12px; background: #eef0f2; color: #2f343b; font-family: var(--font-display); font-weight: 800; font-size: .76rem; letter-spacing: .1em; text-transform: uppercase; text-decoration: none;}
.sf-chips a.is-on,.sf-chips a:hover{background: var(--red); color: #fff;}
.sf-r{background: var(--red); color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 12px; padding: clamp(36px, 5vw, 64px) max(var(--gutter, 16px), calc((100vw - var(--container, 1280px)) / 2)) clamp(36px, 5vw, 64px) clamp(24px, 4vw, 60px); min-width: 0;}
.sf-lg{display: block; background: #fff; padding: 10px;}
.sf-lg img,.sf-logo{display: block; width: auto; height: 84px; max-width: 160px; object-fit: contain;}
.sf-rk{font-family: var(--font-display); font-weight: 800; font-size: .78rem; letter-spacing: .2em; text-transform: uppercase; color: rgba(255,255,255,.85);}
.sf-rb{font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: clamp(2rem, 3.2vw, 2.9rem); line-height: .95; text-transform: uppercase; text-wrap: balance;}
.sf-rs{font-family: var(--font-display); font-weight: 800; font-size: .9rem; letter-spacing: .12em; text-transform: uppercase;}
.sf-go{margin-top: 6px; padding: 11px 20px; background: #fff; color: var(--red); font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: 1.05rem; text-transform: uppercase; text-decoration: none;}
.sf-go:hover{background: #2f343b; color: #fff;}
.sf-w{padding-bottom: clamp(40px, 6vw, 80px);}
.sf-facts{display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); border-top: 4px solid #2f343b; border-bottom: 1px solid #d4d8dd;}
.sf-facts div{padding: 22px 20px 20px 0; min-width: 0;}
.sf-facts div + div{padding-left: 20px; border-left: 1px solid #d4d8dd;}
.sf-facts b{display: block; font-family: var(--font-display); font-weight: 900; font-size: clamp(2rem, 3.4vw, 3.2rem); line-height: 1; color: #2f343b; font-variant-numeric: tabular-nums;}
.sf-facts small{display: block; margin-top: 6px; font-family: var(--font-display); font-weight: 800; font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; color: #6b737c;}
.sf-led{margin-top: clamp(30px, 4vw, 50px);}
.sf-led h2{margin: 0 0 8px; font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: clamp(1.8rem, 2.6vw, 2.4rem); text-transform: uppercase; color: #2f343b;}
.sf-dec{margin: 26px 0 0; padding-bottom: 6px; border-bottom: 3px solid #2f343b; font-family: var(--font-display); font-weight: 900; font-size: 1.4rem; text-transform: uppercase; color: #2f343b;}
.sf-row{display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; gap: 20px; align-items: baseline; padding: 18px 0; border-bottom: 1px solid #d4d8dd; color: #2f343b; text-decoration: none;}
.sf-row:hover .sf-m b{color: var(--red);}
.sf-y{font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: 2.6rem; line-height: 1; color: var(--red);}
.sf-m b{display: block; font-family: var(--font-display); font-weight: 800; font-size: 1.15rem; text-transform: uppercase; letter-spacing: .02em;}
.sf-m span{display: block; margin-top: 4px; font-family: var(--font-serif); font-size: 1rem; line-height: 1.5; color: #3a3f46;}
.sf-res{font-family: var(--font-display); font-style: normal; font-weight: 900; font-size: 2rem; white-space: nowrap; font-variant-numeric: tabular-nums;}
.sf-res i{font-style: normal; color: var(--red);}
.sf-res.is-l i{color: #2f343b;}
.sf-res.is-nc{color: #8a9099; font-size: 1.4rem;}
.sf-none{font-family: var(--font-serif); color: #6b737c;}
@media (max-width: 900px){.sf-top{grid-template-columns: 1fr;}}
@media (max-width: 900px){.sf-l{padding: 30px var(--gutter, 16px) 28px;}}
@media (max-width: 900px){.sf-r{padding: 26px var(--gutter, 16px) 30px;}}
@media (max-width: 900px){.sf-facts{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 900px){.sf-facts div,.sf-facts div + div{padding: 16px 12px 14px 0; border-left: 0; border-bottom: 1px solid #d4d8dd;}}
@media (max-width: 900px){.sf-row{grid-template-columns: 64px minmax(0, 1fr) auto; gap: 12px;}}
@media (max-width: 900px){.sf-y{font-size: 1.7rem;}}
@media (max-width: 900px){.sf-res{font-size: 1.4rem;}}
@media (max-width: 900px){.sf-m b{font-size: 1rem;}}
@media (max-width: 900px){.sf-m span{font-size: .92rem;}}