.cc-problem{width:100%;color:var(--cc-white);isolation:isolate;background-image:radial-gradient(75% 55% at 12% 0%, #ffffff24 0%, transparent 60%), radial-gradient(60% 50% at 100% 100%, #00000038 0%, transparent 65%), linear-gradient(145deg, var(--cc-teal-600) 0%, var(--cc-teal-700) 42%, var(--cc-teal-800) 78%, var(--cc-teal-900) 100%);padding:clamp(4.5rem,10vw,8rem) clamp(1.25rem,4vw,3rem);position:relative}.cc-problem:before,.cc-problem:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e 22% 78%,#0000);height:1px;position:absolute;inset-inline:0}.cc-problem:before{top:0}.cc-problem:after{bottom:0}.cc-problem__inner{width:100%;max-width:var(--cc-layout-max-width);margin-inline:auto}.cc-problem__header{grid-template-columns:minmax(0,1fr);align-items:end;gap:clamp(1.25rem,3vw,2rem);margin-bottom:clamp(2.75rem,6vw,4rem);display:grid}@media (min-width:900px){.cc-problem__header{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem)}}.cc-problem__title{max-width:14ch;font-family:var(--cc-font-display);font-size:var(--cc-text-h1-size);letter-spacing:.01em;color:var(--cc-white);text-wrap:balance;margin:0;font-weight:400;line-height:1.08}.cc-problem__aside{max-width:28ch;font-family:var(--cc-font-body);color:#ffffffd1;text-wrap:pretty;margin:0;font-size:clamp(1.0625rem,1.6vw,1.25rem);font-weight:300;line-height:1.45}@media (min-width:900px){.cc-problem__aside{text-align:right;justify-self:end;padding-bottom:.35rem}}.cc-problem__list{counter-reset:cc-problem-principle;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(clamp(7rem,20vw,9rem),auto);gap:clamp(.375rem,.8vw,.75rem);margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.cc-problem__list{grid-template-rows:repeat(3,minmax(clamp(8rem,13vw,11rem),auto));grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:auto}.cc-problem__item{grid-column:var(--cc-cell-col,auto) / span var(--cc-cell-col-span,1);grid-row:var(--cc-cell-row,auto) / span var(--cc-cell-row-span,1)}}.cc-problem__item{border-radius:var(--cc-radius-xs);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);counter-increment:cc-problem-principle;transition:transform var(--cc-duration-normal) var(--cc-ease-default), border-color var(--cc-duration-normal) var(--cc-ease-default), box-shadow var(--cc-duration-normal) var(--cc-ease-default), background-color var(--cc-duration-normal) var(--cc-ease-default);background-image:linear-gradient(160deg,#ffffff1c 0%,#ffffff0d 55%,#ffffff08 100%);border:1px solid #ffffff21;flex-direction:column;justify-content:flex-end;padding:clamp(1.125rem,2.2vw,1.75rem);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.cc-problem__item:nth-child(3n+1){background-color:rgb(var(--cc-scrim-ink) / .28)}.cc-problem__item:first-child{background-color:rgb(var(--cc-scrim-ink) / .34);border-color:#fff3}.cc-problem__item:hover{background-color:#ffffff0f;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:inset 0 1px #fff3,0 14px 30px -14px #0000008c}.cc-problem__item:after{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 0% 100%, color-mix(in srgb, var(--cc-teal-300) 22%, transparent) 0%, transparent 62%);transition:opacity var(--cc-duration-slow) var(--cc-ease-default);position:absolute;inset:0}.cc-problem__item:hover:after{opacity:1}.cc-problem__item:before{content:counter(cc-problem-principle);z-index:2;font-family:var(--cc-font-label);font-size:var(--cc-text-label-size);letter-spacing:var(--cc-text-label-tracking);font-variant-numeric:tabular-nums;color:var(--cc-teal-200);opacity:.75;transition:opacity var(--cc-duration-normal) var(--cc-ease-default), color var(--cc-duration-normal) var(--cc-ease-default);font-weight:400;position:absolute;top:clamp(1.125rem,2.2vw,1.75rem);left:clamp(1.125rem,2.2vw,1.75rem)}.cc-problem__item:hover:before{opacity:1;color:var(--cc-teal-100)}.cc-problem__sheen{z-index:0;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff1f 50%,#fff0 100%);width:60%;position:absolute;top:-30%;bottom:-30%;left:0;transform:skew(-18deg)}.cc-problem__name{z-index:2;font-family:var(--cc-font-display);font-size:var(--cc-text-h3-size);font-weight:400;line-height:var(--cc-text-h3-lh);letter-spacing:.01em;color:var(--cc-white);text-wrap:balance;margin:0;position:relative}.cc-problem__description{z-index:2;max-width:46ch;font-family:var(--cc-font-body);font-size:var(--cc-text-body-size);color:#ffffffb8;text-wrap:pretty;transition:color var(--cc-duration-normal) var(--cc-ease-default);margin:.375rem 0 0;font-weight:300;line-height:1.6;position:relative}.cc-problem__item:hover .cc-problem__description{color:#ffffffe0}@media (prefers-reduced-motion:reduce){.cc-problem__item,.cc-problem__item:after,.cc-problem__description,.cc-problem__item:before{transition:none}.cc-problem__item:hover{transform:none}}