/* XYNY 8-10 case studies | scoped extension, existing CSS remains untouched */
#portofolio .xyny-lab47-case-8{--labcolor:#92E8CF}
#portofolio .xyny-lab47-case-9{--labcolor:#DAC0FF}
#portofolio .xyny-lab47-case-10{--labcolor:#F3C898}
#portofolio .xyny-lab10-preview-link{position:relative;display:block;text-decoration:none;cursor:zoom-in}
#portofolio .xyny-lab10-preview-link .xyny-lab47-cover-img{transition:transform .28s ease}
#portofolio .xyny-lab10-preview-link:hover .xyny-lab47-cover-img{transform:scale(1.035)}
#portofolio .xyny-lab10-preview-chip{position:absolute;right:14px;bottom:14px;background:#071D2BEC;color:#DDFCF3;display:inline-block;padding:8px 11px;border:1px solid #ADC6D555;border-radius:7px;font:800 9px ui-monospace,monospace;letter-spacing:.09em}
#portofolio .xyny-lab10-evidence-strip{display:flex;gap:9px;overflow-x:auto;margin:16px 0 23px;padding-bottom:7px;scrollbar-width:thin}
#portofolio .xyny-lab10-evidence-strip a{flex:0 0 91px;height:65px;border-radius:7px;border:1px solid #A7C5D955;overflow:hidden;background:#DDE9EE;display:block;transition:box-shadow .18s}
#portofolio .xyny-lab10-evidence-strip a:hover,#portofolio .xyny-lab10-evidence-strip a:focus-visible{box-shadow:0 0 0 2px var(--labcolor)}
#portofolio .xyny-lab10-evidence-strip img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
#portofolio .xyny-lab47-case:target{outline:2px solid var(--labcolor,#B2E8D8);outline-offset:3px}
@media(max-width:430px){#portofolio .xyny-lab10-evidence-strip a{flex-basis:82px;height:58px}#portofolio .xyny-lab47-case-8 .xyny-lab47-body h4,#portofolio .xyny-lab47-case-9 .xyny-lab47-body h4,#portofolio .xyny-lab47-case-10 .xyny-lab47-body h4{font-size:26px}}
@media(prefers-reduced-motion:reduce){#portofolio .xyny-lab10-preview-link .xyny-lab47-cover-img{transition:none}}