.smc-works{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%, 240px),1fr));gap:var(--sm-space-lg);margin:0;padding:0;list-style:none}.smc-work{display:grid;grid-template-rows:auto 1fr;margin:0;padding:0;overflow:hidden;border-radius:var(--sm-radius);background:var(--sm-white)}.smc-work__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--sm-soft)}.smc-work__img{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:0}.smc-work__img--after{transition:opacity var(--sm-dur-fast) var(--sm-ease)}.smc-work__img--before{opacity:0;transition:opacity var(--sm-dur) var(--sm-ease)}.is-loading>.smc-work__img--after{opacity:.6}.is-before>.smc-work__img--before.is-ready{opacity:1}.smc-work__switch{--sm-cut:var(--sm-cut-btn-sm);position:absolute;top:var(--sm-space-sm);left:var(--sm-space-sm);z-index:1;display:grid;grid-template-columns:1fr 1fr;min-height:var(--sm-tap);margin:0;padding:var(--sm-space-xs);border:0;border-radius:0;background:var(--sm-ink);color:var(--sm-on-ink);font:var(--sm-type-label);letter-spacing:var(--sm-track-caps);text-transform:uppercase;text-decoration:none;clip-path:var(--sm-shape-plate)}.smc-work__switch::before{content:"";position:absolute;top:var(--sm-space-xs);bottom:var(--sm-space-xs);left:var(--sm-space-xs);width:calc(50% - var(--sm-space-xs));background:var(--sm-blue);transform:translateX(100%);transition:transform var(--sm-dur) var(--sm-ease)}.is-before>.smc-work__switch::before{transform:none}.smc-work__opt{position:relative;display:flex;align-items:center;justify-content:center;padding:0 12px;transition:color var(--sm-dur-fast) var(--sm-ease)}.smc-work__opt:last-child,.is-before>.smc-work__switch .smc-work__opt:first-child{color:var(--sm-white)}.is-before>.smc-work__switch .smc-work__opt:last-child{color:var(--sm-on-ink)}.smc-work__switch:focus-visible{outline:none;box-shadow:var(--sm-ring-inset)}.smc-work__switch[aria-busy="true"]{cursor:progress}.smc-work__switch:active{transform:translateY(1px)}@media (hover:hover){.smc-work__switch:hover .smc-work__opt{color:var(--sm-white)}}.smc-work__body{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sm-space-sm);padding:0 var(--sm-space-md) var(--sm-space-md);transition:background-color var(--sm-dur-fast) var(--sm-ease)}.smc-work__tag{position:relative;z-index:1;max-width:100%;margin-top:calc(var(--sm-fs-label) * -1)}.smc-work__title{margin:0;color:var(--sm-ink);font:var(--sm-type-title);letter-spacing:0;text-transform:none;text-wrap:pretty}.smc-work__link{color:inherit;text-decoration:none}.smc-work__link::after{content:"";position:absolute;inset:0;z-index:2}.smc-work__link:focus-visible{outline:none}.smc-work__body:has(.smc-work__link:focus-visible){box-shadow:inset 0 0 0 var(--sm-focus-w) var(--sm-focus)}.smc-work__price{margin:auto 0 0;padding-top:var(--sm-space-xs)}@media (hover:hover){.smc-work__body:has(.smc-work__link):hover{background:var(--sm-soft)}.smc-work__body:hover .smc-work__link{color:var(--sm-blue)}}@media (prefers-reduced-motion:reduce){.smc-work__switch::before,.smc-work__switch::after{transition:opacity var(--sm-dur-fast) var(--sm-ease)}.smc-work__switch::after{content:"";position:absolute;top:var(--sm-space-xs);bottom:var(--sm-space-xs);left:var(--sm-space-xs);width:calc(50% - var(--sm-space-xs));background:var(--sm-blue);opacity:0}.is-before>.smc-work__switch::before{transform:translateX(100%);opacity:0}.is-before>.smc-work__switch::after{opacity:1}.smc-work__opt{z-index:1}.smc-work__switch:active{transform:none}}