.cs{--cs-ground:#f4efe6;--cs-item:560px;--cs-gap:40px;background:var(--cs-ground);color:var(--color-primary);padding:130px 0 120px;overflow:clip}.cs__top{justify-content:space-between;align-items:flex-end;gap:32px;max-width:68.75rem;margin-inline:auto;padding-inline:clamp(1.5rem,4.17vw,3.75rem);display:flex}.cs__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-hover);font-size:12px;font-weight:700;line-height:normal}.cs__headline{font-family:var(--font-display);letter-spacing:-.02em;margin-top:20px;font-size:clamp(2.25rem,3.61vw,3.25rem);font-weight:400;line-height:1.12}.cs__headline em{color:var(--color-accent);font-style:italic}.cs__link{color:var(--color-accent-hover);border-bottom:1px solid;align-items:center;gap:8px;padding-bottom:2px;font-size:14px;font-weight:600;display:inline-flex}.cs__more{flex:none;font-size:15px}.cs__stage{position:relative}.cs__arrow{z-index:2;top:calc(34px + var(--cs-item) * .3125);background:var(--color-white);width:56px;height:56px;color:var(--color-primary);cursor:pointer;opacity:0;border:0;border-radius:12px;place-items:center;font-size:22px;line-height:1;transition:opacity .24s,background-color .2s,color .2s;display:grid;position:absolute;translate:0 -50%;box-shadow:0 2px 4px #14313e1a,0 16px 32px -14px #14313e73}.cs__arrow--prev{left:32px}.cs__arrow--next{right:32px}.cs__stage:hover .cs__arrow,.cs__arrow:focus-visible{opacity:1}.cs__arrow:hover{background:var(--color-primary);color:var(--color-cream)}@media (hover:none){.cs__arrow{display:none}}.cs__stage{margin-top:64px}.cs__rail{scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;overflow-x:auto}.cs__rail::-webkit-scrollbar{display:none}.cs__rail:active{cursor:grabbing}.cs__track{gap:var(--cs-gap);width:max-content;padding:0;list-style:none;display:flex}.cs__item{width:var(--cs-item);flex:none}.cs__browser{background:var(--color-white);border-radius:14px;overflow:hidden;box-shadow:0 2px 4px #14313e14,0 30px 60px -28px #14313e73}.cs__bar{background:#efebe4;border-bottom:1px solid #e2dcd2;align-items:center;gap:7px;height:34px;padding-inline:14px;display:flex}.cs__bar i{background:#d3cdc3;border-radius:50%;width:10px;height:10px}.cs__bar span{background:var(--color-white);color:#8a8a8a;border-radius:7px;margin-left:12px;padding:3px 12px;font-size:11px}.cs__view{aspect-ratio:16/10;overflow:hidden}.cs__view img{width:100%;height:auto;transition:transform 7s cubic-bezier(.45,0,.55,1);display:block}@media (hover:hover){.cs__browser:hover .cs__view img{transform:translateY(var(--travel,0%))}}.cs__words{margin-top:18px;padding-inline:2px}.cs__head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.cs__name{font-family:var(--font-display);font-size:24px;line-height:1.2}.cs__tag{vertical-align:4px;font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--color-secondary);background:color-mix(in srgb, var(--color-secondary) 12%, transparent);border-radius:8px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.cs__tag--live{color:var(--color-primary);background:color-mix(in srgb, var(--color-highlight) 22%, transparent)}.cs__line{color:var(--color-secondary);margin-top:4px;font-size:15px;line-height:1.5}.cs__item .cs__link{white-space:nowrap;flex:none}@media (max-width:640px){.cs{--cs-item:300px;--cs-gap:20px;padding:88px 0 80px}.cs__top{flex-direction:column;align-items:flex-start}.cs__stage{margin-top:40px}.cs__name{font-size:20px}.cs__words{flex-direction:column;align-items:flex-start;margin-top:14px;display:flex}.cs__head{display:contents}.cs__line{order:1}.cs__words .cs__link{order:2;margin-top:10px}}@media (prefers-reduced-motion:reduce){.cs__view img{transition:none}}
