.sample-title{display:grid;grid-template-columns:1.4fr .6fr;gap:4vw;align-items:end;padding-top:3vh}.sample-title h2{font-size:clamp(40px,3.7vw,58px)}.sample-title>p{padding-bottom:5px;font-size:15px;line-height:1.55;color:var(--muted)}
.sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:3vh}.sample-grid article{position:relative;min-width:0;height:55vh;border:1px solid var(--green);background:var(--white);box-shadow:7px 7px 0 rgba(32,58,53,.14);overflow:hidden}.sample-grid article>span{position:absolute;z-index:2;left:9px;top:9px;display:grid;place-items:center;width:30px;height:30px;background:var(--coral);color:var(--green);font-size:11px;font-weight:900}.sample-grid video{display:block;width:100%;height:calc(100% - 58px);object-fit:contain;background:var(--deep)}.sample-grid article>div{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 14px;border-top:1px solid var(--green)}.sample-grid b{font-size:16px}.sample-grid i{font-size:11px;font-style:normal;color:var(--coral);font-weight:800}.sample-grid article:hover{transform:translateY(-3px);box-shadow:9px 10px 0 var(--mint);transition:.18s ease}
@media(max-width:900px){.sample-title{grid-template-columns:1fr}.sample-title>p{display:none}.sample-grid{grid-template-columns:repeat(2,1fr)}.sample-grid article{height:31vh}.sample-grid video{height:calc(100% - 44px)}.sample-grid article>div{height:44px}}
@media(prefers-reduced-motion:reduce){.sample-grid article:hover{transform:none}}