.case-study__list{display:grid;gap:var(--space-24);grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}@media (max-width:1280px){.case-study__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.case-study__list{grid-template-columns:minmax(0,1fr)}}.case-study__card{background:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.case-study__card:has(.case-study__open:focus-visible),.case-study__card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.case-study__thumb{aspect-ratio:16/9;background:var(--color-bg-sub);position:relative}.case-study__thumb-image{display:block;height:100%;object-fit:cover;width:100%}.case-study__tag{background:var(--color-yellow);border-radius:var(--radius-pill);color:var(--color-primary);font-size:var(--font-size-12);font-weight:700;line-height:1.4;padding:var(--space-4) var(--space-8);position:absolute;right:var(--space-8);top:var(--space-8)}.case-study__body{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:var(--space-8);padding:var(--space-16)}.case-study__title{color:var(--color-primary);font-size:var(--font-size-16);font-weight:700;line-height:1.5;margin:0}.case-study__company{color:var(--color-text-sub);font-size:var(--font-size-12);line-height:1.5;margin:0}.case-study__open{margin-top:auto}.case-study__open:before{content:"";inset:0;position:absolute}.case-study__more{margin-top:var(--space-48);text-align:center}.case-study__dialog{background:var(--color-white);border:0;border-radius:var(--radius-card);color:var(--color-text);max-height:calc(100svh - var(--space-32));padding:0;width:min(800px,calc(100% - var(--space-32)))}.case-study__dialog::backdrop{background:rgba(10,22,40,.6);background:var(--color-overlay)}html:has(.case-study__dialog[open]){overflow:hidden}.case-study__dialog-inner{padding:var(--space-32);position:relative}.case-study__close{align-items:center;background:var(--color-primary);border:0;border-radius:var(--radius-pill);color:var(--color-white);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-20);height:40px;justify-content:center;line-height:1;padding:0;position:absolute;right:var(--space-16);top:var(--space-16);width:40px}.case-study__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.case-study__dialog-company{color:var(--color-text-sub);font-size:var(--font-size-14);line-height:1.5;margin:0;padding-right:var(--space-48)}.case-study__dialog-title{color:var(--color-primary);font-size:var(--font-size-24);font-weight:700;line-height:1.4;margin:var(--space-4) 0 0;padding-right:var(--space-48)}.case-study__player{border-radius:var(--radius-card);margin-top:var(--space-16);overflow:hidden;position:relative}.case-study__video{aspect-ratio:16/9;background:var(--color-primary);display:block;width:100%}.case-study__play{background:transparent;border:0;cursor:pointer;height:100%;inset:0;padding:0;position:absolute;width:100%}.case-study__play:before{background:var(--color-overlay);border-radius:var(--radius-pill);content:"";height:72px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease;width:72px}.case-study__play:after{background:var(--color-white);clip-path:polygon(0 0,100% 50%,0 100%);content:"";height:28px;left:50%;position:absolute;top:50%;transform:translate(-40%,-50%);width:24px}.case-study__play:hover:before{transform:translate(-50%,-50%) scale(1.08)}.case-study__play:focus-visible{outline:2px solid var(--color-white);outline-offset:-4px}.case-study__player.is-playing .case-study__play{display:none}.case-study__description{color:var(--color-text-sub);font-size:var(--font-size-14);line-height:1.8;margin:var(--space-16) 0 0}.case-study__tags{display:flex;flex-wrap:wrap;gap:var(--space-8);list-style:none;margin:var(--space-16) 0 0;padding:0}.case-study__tags-item{background:var(--color-bg-sub);border-radius:var(--radius-pill);color:var(--color-primary);font-size:var(--font-size-12);font-weight:700;line-height:1.5;padding:var(--space-4) var(--space-16)}.case-study__dialog-actions{align-items:center;display:flex;flex-direction:column;gap:var(--space-24);margin-top:var(--space-32)}@media (max-width:720px){.case-study__dialog-inner{padding:var(--space-24) var(--space-16)}.case-study__close{right:var(--space-8);top:var(--space-8)}.case-study__dialog-title{font-size:var(--font-size-20)}}