#xtreme { --xg1-gutter: calc(8% + 20px); padding: 80px var(--xg1-gutter); background: #fff; color: #30353A; }
#hero + #xtreme { padding-top: 50px; }
#xtreme p, #xtreme ol, #xtreme ul, #xtreme figure { margin: 0; }
#xtreme .xg1__grid { display: grid; gap: 40px; }
#xtreme .xg1__copy, #xtreme .xg1__side { display: grid; gap: 16px; align-content: start; }
#xtreme .xg1__eyebrow { font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #30353A; }
#xtreme .xg1__h { margin: 0; padding: 0; font-weight: 700; font-size: 32px; line-height: 1.25; color: #30353A; text-transform: none; letter-spacing: 0; }
#xtreme .xg1__body { max-width: 62ch; font-size: 17px; line-height: 1.6; }
#xtreme .xg1__points { list-style: none; padding: 0; display: grid; gap: 16px; margin-top: 8px; }
#xtreme .xg1__points li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: start; margin: 0; padding: 0; }
#xtreme .xg1__points li + li { padding-top: 16px; border-top: 1px solid #e3e6e9; }
#xtreme .xg1__num { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #30353A; color: #fff; font-family: 'Inter', Arial, sans-serif; font-weight: 700; font-size: 15px; line-height: 1; }
#xtreme .xg1__points p { font-size: 16px; line-height: 1.55; }
#xtreme .xg1__points strong { font-weight: 700; }
#xtreme .xg1__figure { padding: 24px; border-radius: 4px; background: #fff; border: 1px solid #e3e6e9; }
#xtreme .xg1__figure img { display: block; width: 100%; height: auto; }
#xtreme .xg1__spec { font-size: 14px; line-height: 1.5; color: #555b61; }
#xtreme .xg1__keeps { display: grid; gap: 12px; padding: 24px; border-radius: 4px; background: #f4f4f4; }
#xtreme .xg1__keeps-title { margin: 0; padding: 0; font-family: 'Inter', Arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.3; color: #30353A; text-transform: none; letter-spacing: 0; }
#xtreme .xg1__tags { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
#xtreme .xg1__tags li { margin: 0; padding: 6px 12px; border-radius: 500px; background: #fff; font-size: 14px; line-height: 1.4; }
#xtreme .xg1__link { justify-self: start; font-family: 'Inter', Arial, sans-serif; font-weight: 700; font-size: 14px; line-height: 1.4; color: #30353A; text-decoration: underline; text-underline-offset: 4px; }
#xtreme .xg1__link:hover { color: #000; }
#xtreme .xg1__link:focus-visible { outline: 2px solid #30353A; outline-offset: 3px; }

#worth-it { background: #f4f4f4; }
#worth-it .rr1__panel { background: #fff; }

@media only screen and (min-width: 992px) {
  #xtreme .xg1__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; }
}
@media only screen and (max-width: 980px) {
  #xtreme { --xg1-gutter: 40px; padding-block: 60px; }
  #hero + #xtreme { padding-top: 20px; }
  #xtreme .xg1__h { font-size: 26px; line-height: 35px; }
}
@media only screen and (max-width: 479px) {
  #xtreme { --xg1-gutter: 24px; }
  #xtreme .xg1__figure { padding: 12px; }
}