.products-section{border-top:1px solid var(--line);background:var(--bg-soft)}
.products-section .experience-title{font-weight:900}
.products-overview{margin-bottom:16px}
.product-title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.product-title-row .section-title{margin:0}
.product-format{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:999px;padding:6px 12px;font-size:12px;line-height:1.6;white-space:nowrap}
.product-shot{margin:0;min-width:0}
.product-shot button{display:block;position:relative;appearance:none;width:100%;padding:0;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer;font:inherit}
.product-shot button img{display:block;width:100%;height:100%;object-fit:contain}
.product-shot button>span{position:absolute;right:12px;bottom:12px;padding:7px 12px;border-radius:999px;background:rgba(14,27,46,.83);color:#fff;font-size:11px;line-height:1.6}
.product-shot button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.product-shot-cover button{aspect-ratio:16/9;padding:14px;border-radius:22px}
.product-shot figcaption{color:var(--muted);font-size:12px;line-height:1.8;padding-top:12px}
.product-shot-cover figcaption{font-size:13px}
.product-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:25px}
#products-project-1 .product-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.product-details-grid{gap:16px}.product-shot-cover button{padding:8px}}
@media(max-width:560px){.products-overview{margin-bottom:12px}.product-title-row{gap:10px}.product-format{font-size:10px;padding:4px 10px}.product-shot button{border-radius:13px}.product-shot-cover button{border-radius:16px;padding:5px}.product-shot button>span{font-size:9px;right:7px;bottom:7px;padding:5px 8px}.product-shot figcaption{font-size:11px;padding-top:9px}.product-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin-top:20px}.products-section .experience-title{font-size:32px}}