/* Light portfolio gallery. Two levels of work: six selected projects, followed by a compact paged archive. */
#works{background:#f8fafc;color:#172033}
.gallery-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:36px 0 24px}
#works .gallery-section-heading h3{font-size:24px;line-height:1.3;letter-spacing:-.025em;font-weight:600;margin:0}
.gallery-browse{font-size:13px;color:#53657a;display:flex;align-items:center;gap:16px;text-decoration:none}
.gallery-browse:hover{color:#0f172a}.gallery-browse span{font-size:22px}
#works .featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#works .featured-grid .work-card>.relative{aspect-ratio:16/10}
#works .featured-grid .work-card>.p-6{padding:24px}
#works .featured-grid .work-card h3{font-size:19px;line-height:1.5;color:#172033}
#works .featured-grid .work-card>.p-6>p{font-size:13px;line-height:1.85;min-height:4.7em;color:#66758a}
#works .work-card{background:#ffffff!important;border:1px solid #dde4ed!important;border-radius:10px;overflow:hidden}
#works .work-card>.p-6>div:last-child{border-top:1px solid #e2e8f0;padding-top:18px}
#works .work-card .bg-gray-100{background:#f0f4f8;color:#53657a;border:1px solid #dce4ee;border-radius:4px}
#works .work-card .text-accent{color:#1b5a86}
.work-archive{margin-top:70px;padding-top:16px;border-top:1px solid #dce4ee;scroll-margin-top:90px}
.gallery-count{font:12px/1.5 monospace;color:#758396}
#works .work-filter-bar{padding:14px 0;border-top:0;border-bottom:1px solid #dce4ee;margin-bottom:18px;gap:6px}
#works .work-filter{border:1px solid #dfe5ec;border-radius:5px!important;padding:8px 12px;background:#ffffff;color:#53657a;font-size:12px}
#works .work-filter[aria-pressed="true"]{background:#172033!important;color:#ffffff!important;border-color:#172033}
#works #work-filter-status{font:12px/1.8 monospace;text-align:left;color:#6b7c91;margin-bottom:22px}
#works .archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-content:start}
#works .archive-grid .work-card{display:grid;grid-template-columns:38% minmax(0,1fr);min-height:180px;height:100%;box-shadow:none}
#works .archive-grid .work-card.hidden{display:none}
#works .archive-grid .work-card>.relative,#works .archive-grid .work-card>.project-cover{aspect-ratio:auto;min-height:180px;height:100%;padding:0;border:0;border-right:1px solid #dde4ed}
#works .archive-grid .work-card>.relative{background:#f0f3f7}
#works .archive-grid .work-card>.relative img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:8px;transform:none!important}
#works .archive-grid .work-card>.project-cover{display:flex;flex-direction:column;justify-content:center;padding:12px}
#works .archive-grid .project-cover h3{font-size:14px;line-height:1.6}
#works .archive-grid .project-cover .cover-label{font-size:9px;letter-spacing:0}
#works .archive-grid .work-card>.p-6{padding:17px;min-width:0}
#works .archive-grid .work-card h3{font-size:14px;line-height:1.55;margin:0 0 8px;color:#172033}
#works .archive-grid .work-card>.p-6>p{font-size:11px;line-height:1.7;min-height:0;margin-bottom:12px;-webkit-line-clamp:2;color:#66758a}
#works .archive-grid .work-card>.p-6>div:last-child{padding-top:10px;gap:0;border:0}
#works .archive-grid .work-card>.p-6>div:last-child>div{display:none}
#works .archive-grid .work-card .text-accent{font-size:11px}
.gallery-pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:28px;padding-top:24px;border-top:1px solid #dce4ee}
.gallery-pagination[hidden]{display:none}
.gallery-page-numbers{display:flex;gap:6px}
.gallery-page-number,.gallery-page-step{color:#53657a;border:1px solid #dce4ee;background:transparent;border-radius:5px;min-height:42px;cursor:pointer;font-size:12px}
.gallery-page-number{min-width:42px}.gallery-page-step{padding:9px 14px}
.gallery-page-number[aria-current="page"]{background:#172033;border-color:#172033;color:#ffffff}
.gallery-page-step:disabled{opacity:.3;cursor:default}
.gallery-page-number:hover,.gallery-page-step:not(:disabled):hover{border-color:#758fa9}
.gallery-page-number:focus-visible,.gallery-page-step:focus-visible,.work-filter:focus-visible,.gallery-browse:focus-visible{outline:2px solid #1b5a86;outline-offset:4px}
#archive-heading:focus{outline:none}
@media(min-width:768px) and (max-width:1100px){#works .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#works .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.gallery-section-heading{gap:12px;margin-top:28px}#works .gallery-section-heading h3{font-size:22px}.gallery-browse{font-size:11px;gap:8px}#works .featured-grid{grid-template-columns:minmax(0,1fr);gap:22px}#works .featured-grid .work-card>.p-6{padding:22px}#works .archive-grid{grid-template-columns:minmax(0,1fr);gap:12px}#works .archive-grid .work-card{grid-template-columns:38% minmax(0,1fr);min-height:156px}#works .archive-grid .work-card>.relative,#works .archive-grid .work-card>.project-cover{min-height:156px}.work-archive{margin-top:46px}.gallery-pagination{gap:9px}.gallery-page-number{min-width:34px}.gallery-page-step{padding:8px;font-size:11px}.gallery-page-numbers{gap:4px}}

#works .archive-grid .project-cover h3{color:#fff} #works .archive-grid .work-card>.relative>.absolute{display:none}
#works .work-card:hover{border-color:#8aa2bb!important;box-shadow:0 12px 28px #16304a12}
#works .work-filter-bar{justify-content:flex-start}
#works .gallery-section-heading h3{font-weight:650}

/* Rotate PaperPat in a swapped-size frame so the entire image remains visible. */
#works .archive-grid .paperpat-cover{container-type:size;height:180px!important}
#works .archive-grid .work-card>.paperpat-cover img{inset:50% auto auto 50%;width:100cqh;height:100cqw;max-width:none;transition:none;transform:translate(-50%,-50%) rotate(-90deg)!important}

@media(max-width:767px){#works .archive-grid .paperpat-cover{height:156px!important}}