.work-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.work-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid rgba(77,238,234,.14);border-radius:8px;background:#122e4cb8}.work-card-media{display:block;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#071b34bf}.work-card-media img,.work-card-media>*{width:100%;flex:1;-o-object-fit:cover;object-fit:cover}.work-card-body{display:flex;min-width:0;height:100%;flex-direction:column;padding:1rem}.work-card-badges,.work-card-tags,.work-card-context,.work-card-actions,.work-card-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.work-badge,.work-card-tags a,.work-card-tags span{max-width:100%;padding:.25rem .55rem;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#ffffffb8;background:#ffffff0d;font-size:.76rem;line-height:1.2;text-decoration:none}.work-badge.is-pinned,.work-badge.is-featured{color:#4deeea;border-color:#4deeea3d;background:#4deeea1a}.work-badge.is-feedback{color:#ffd98f;border-color:#ffd98f47;background:#ffd98f1f}.work-card-title{margin:.8rem 0 .45rem;font-size:1.08rem;line-height:1.3;overflow-wrap:anywhere}.work-card-title a{color:#fff;text-decoration:none}.work-card-summary{display:-webkit-box;margin:0 0 .75rem;overflow:hidden;color:#ffffffb3;font-size:.9rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.work-card-context{margin-bottom:.75rem;color:#ffffff73;font-size:.8rem}.work-card-context a{min-width:0;overflow:hidden;color:#ffffffad;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.work-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:1rem}.work-card-metrics{color:#ffffff94;font-size:.82rem}.work-card-actions{justify-content:flex-end}.work-card-actions .btn{min-height:38px}@media (max-width: 767px){.work-showcase-grid{grid-template-columns:1fr}.work-card{border-radius:14px}.work-card-body{padding:.9rem}.work-card-footer{align-items:flex-start;flex-direction:column}.work-card-actions,.work-card-actions form,.work-card-actions .btn{width:100%}}.work-detail{container-type:inline-size;overflow:hidden;margin-bottom:1rem;border:1px solid rgba(77,238,234,.14);border-radius:8px;background:#122e4cc2}.work-detail-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);min-height:min(72vh,760px)}.work-detail-hero.is-text-only{display:block;min-height:0}.work-detail-cover{display:flex;min-height:min(72vh,760px);padding:clamp(.65rem,1.5vw,1rem);background:#030b16}.work-detail-cover-button{position:relative;display:flex;width:100%;min-height:100%;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#050d18;color:#fff;cursor:zoom-in}.work-detail-cover-button:focus-visible,.work-detail-gallery button:focus-visible,.work-lightbox-modal .btn:focus-visible,.work-lightbox-modal .btn-close:focus-visible{outline:3px solid rgba(77,238,234,.82);outline-offset:3px}.work-detail-cover-image{display:block;width:100%;height:100%;max-height:min(72vh,760px);-o-object-fit:contain;object-fit:contain}.work-detail-zoom-hint{position:absolute;right:.85rem;bottom:.85rem;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .65rem;border:1px solid rgba(77,238,234,.28);border-radius:999px;background:#020812c2;color:#ffffffe6;font-size:.8rem;font-weight:700;opacity:0;transform:translateY(.35rem);transition:opacity .18s ease,transform .18s ease}.work-detail-cover-button:hover .work-detail-zoom-hint,.work-detail-cover-button:focus-visible .work-detail-zoom-hint{opacity:1;transform:translateY(0)}.work-detail-header,.work-detail-section{padding:clamp(1rem,3vw,2rem)}.work-detail-header{display:flex;flex-direction:column;justify-content:center}.work-detail-header h1{margin:.85rem 0 .55rem;color:#fff;font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:1.18;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance}.work-detail-summary{max-width:760px;color:#ffffffc2;font-size:1rem;line-height:1.65}.work-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .7rem;margin-top:1.15rem}.work-detail-actions form{display:inline-flex;margin:0}.work-detail-actions .btn{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:.4rem;border-radius:8px;white-space:nowrap}.work-detail-section{border-top:1px solid rgba(255,255,255,.08)}.work-detail-section h2{margin:0 0 1rem;color:#fff;font-size:1.35rem}.work-detail-copy{color:#ffffffd6;line-height:1.75;overflow-wrap:anywhere}.work-detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.work-detail-gallery button{display:block;width:100%;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#071b34;cursor:zoom-in}.work-detail-gallery img{display:block;width:100%;aspect-ratio:4 / 3;-o-object-fit:contain;object-fit:contain;background:#030b16}.work-lightbox-modal .modal-content{overflow:hidden;border:1px solid rgba(77,238,234,.18);border-radius:8px;background:#030a16fa;color:#fff}.work-lightbox-modal .modal-header,.work-lightbox-modal .modal-footer{border-color:#ffffff14}.work-lightbox-modal .modal-title{font-size:1rem;font-weight:800}.work-lightbox-stage{display:flex;width:100%;min-height:min(68vh,760px);align-items:center;justify-content:center;overflow:auto;border-radius:8px;background:#020710}.work-lightbox-stage img{display:block;max-width:100%;max-height:calc(100dvh - 190px);-o-object-fit:contain;object-fit:contain;cursor:zoom-in}.work-lightbox-stage img.is-zoomed{max-width:none;max-height:none;cursor:zoom-out}@container (max-width: 820px){.work-detail-hero{display:block;min-height:0}.work-detail-cover{min-height:0}.work-detail-cover-button{min-height:clamp(300px,60vh,620px)}.work-detail-cover-image{max-height:clamp(300px,60vh,620px)}.work-detail-header h1{font-size:clamp(1.5rem,4vw,2rem);line-height:1.2}}@media (max-width: 991.98px){.work-detail-hero{display:block;min-height:0}.work-detail-cover{min-height:0}.work-detail-cover-button{min-height:clamp(260px,58vh,560px)}.work-detail-cover-image{max-height:clamp(260px,58vh,560px)}}@media (max-width: 640px){.work-detail{margin-bottom:.85rem}.work-detail-cover{padding:.55rem}.work-detail-cover-button{min-height:300px}.work-detail-cover-image{max-height:58vh}.work-detail-zoom-hint{opacity:1;transform:none}.work-detail-gallery{grid-template-columns:1fr}.work-detail-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));width:100%}.work-detail-actions form{width:100%}.work-detail-actions .btn{width:100%;min-height:44px;padding:.55rem .75rem;border-radius:8px;font-size:.92rem}.work-detail-header,.work-detail-section{padding:.9rem}.work-detail-header h1{margin-top:.6rem;font-size:clamp(1.35rem,6vw,1.65rem);line-height:1.2}.work-detail-summary{font-size:.94rem;line-height:1.48}.work-detail-section h2{margin-bottom:.65rem;font-size:1.12rem}.work-detail-copy{line-height:1.55}.work-detail-gallery{gap:.55rem}.work-detail-gallery img{aspect-ratio:auto;max-height:50vh;-o-object-fit:contain;object-fit:contain}.work-lightbox-modal .modal-body{padding:.65rem}.work-lightbox-stage{min-height:calc(100dvh - 150px)}.work-lightbox-stage img{max-height:calc(100dvh - 170px)}.work-lightbox-modal .modal-footer{display:grid;grid-template-columns:1fr}.work-lightbox-modal .modal-footer .btn{width:100%}}