#proyectos .case-list{scroll-snap-type:x mandatory;gap:24px;min-width:0}#proyectos .supplied-project{flex:0 0 100%;grid-template-columns:.55fr 1.45fr;gap:30px;min-width:0;padding:24px;background:transparent;opacity:1;transform:none}#proyectos .supplied-cover{aspect-ratio:3/2;min-height:0!important;background:transparent;filter:grayscale(1) sepia(.14);clip-path:none;transform:none}#proyectos .supplied-cover img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important}#proyectos .supplied-project:hover .supplied-cover,#proyectos .supplied-project:focus-within .supplied-cover{filter:none;clip-path:none;transform:none}#proyectos .supplied-cover:after{display:none}#proyectos .case-copy h3{font-size:clamp(24px,2.5vw,38px);overflow-wrap:break-word}#proyectos .portfolio-controls{display:flex;justify-content:flex-end;align-items:center;gap:22px;margin-top:18px;font-size:12px;font-variant-numeric:tabular-nums}.portfolio-controls button{width:46px;height:46px;border:1px solid #6b6b6b;background:transparent;color:#1a1a1a;cursor:pointer;font-size:22px}.portfolio-controls button:disabled{opacity:.3;cursor:default}.portfolio-controls button:hover:not(:disabled){background:#1a1a1a;color:#f6f4ed}#proyectos .case-list:focus-within .case-row:not(:focus-within){opacity:1}
@media(max-width:800px){#proyectos .supplied-project{grid-template-columns:1fr;padding:16px;gap:24px}#proyectos .supplied-cover{grid-row:1;aspect-ratio:4/3}#proyectos .case-copy h3{font-size:27px;margin:12px 0}.portfolio-controls{justify-content:center!important}}
#proyectos .portfolio-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;padding-bottom:18px;border-bottom:1px solid #d9d2c7}
#proyectos .portfolio-tabs button{appearance:none;font:inherit;font-size:15px;font-weight:600;padding:14px 23px;border:1px solid #d9d2c7;border-radius:4px;background:transparent;color:#1a1a1a;cursor:pointer;transition:background .2s,color .2s}
#proyectos .portfolio-tabs button:hover{background:#d9d2c7}
#proyectos .portfolio-tabs button[aria-selected="true"]{background:#1a1a1a;color:#f6f4ed;border-color:#1a1a1a}
#proyectos .portfolio-tabs button:focus-visible{outline:2px solid #6b6b6b;outline-offset:4px}
#proyectos .supplied-project[hidden]{display:none!important}
#proyectos .web-project .supplied-cover img{object-fit:cover;object-position:top}
@media(max-width:600px){#proyectos .portfolio-tabs{gap:6px}#proyectos .portfolio-tabs button{padding:12px 14px;font-size:13px}}
/* One viewport-sized slide; navigation remains available through the arrows. */
#proyectos .case-list{overflow:hidden;scrollbar-width:none;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box}
#proyectos .case-list::-webkit-scrollbar{display:none}
#proyectos .supplied-project{box-sizing:border-box;flex-basis:100%;max-width:100%;padding:12px 0;gap:24px;align-items:center}
#proyectos .supplied-cover{width:100%;height:clamp(220px,52svh,560px);max-height:560px;aspect-ratio:auto;overflow:hidden;box-sizing:border-box}
#proyectos .supplied-cover img{display:block;width:100%;height:100%;object-fit:cover}
#proyectos .section-head{margin-bottom:24px}
#proyectos .portfolio-tabs{margin-bottom:16px;padding-bottom:12px}
@media(max-width:800px){#proyectos .supplied-project{gap:12px;padding:0;grid-template-columns:1fr}#proyectos .supplied-cover{height:clamp(180px,40svh,380px)}#proyectos .case-copy h3{font-size:clamp(21px,5vw,27px);margin:8px 0}#proyectos .portfolio-controls{margin-top:12px}}
/* Preserve the complete project artwork, including tall web captures. */
#proyectos .supplied-cover img,#proyectos .web-project .supplied-cover img{object-fit:contain;object-position:center top}
#proyectos .supplied-cover{height:clamp(300px,65svh,760px);max-height:760px;background:transparent}
@media(max-width:800px){#proyectos .supplied-cover{height:clamp(280px,58svh,620px)}}
/* Fit portfolio artwork to the available width without cropping. */
#proyectos .supplied-cover{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;overflow:visible;padding:0}
#proyectos .supplied-cover img,#proyectos .web-project .supplied-cover img{display:block;width:100%;height:auto;max-height:none;object-fit:initial;object-position:initial}
#proyectos .supplied-project{align-items:start}
/* Fixed-height portfolio viewport with full-width images. */
#proyectos .supplied-cover{height:520px;max-height:520px;overflow:hidden;aspect-ratio:auto}
#proyectos .supplied-cover img,#proyectos .web-project .supplied-cover img{width:100%;height:100%;object-fit:cover;object-position:top center}
@media(max-width:800px){#proyectos .supplied-cover{height:360px;max-height:360px}}
#proyectos .supplied-project .case-copy{align-self:center}