/* Project gallery: immersive covers and compact editorial captions. */
.work-gallery .projects-list{padding-top:42px;padding-bottom:90px}
.work-gallery .project-grid{gap:40px 28px;align-items:start}
.work-gallery .project-card{position:relative;display:block;min-width:0;border:1px solid #79b7d826;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#13202a 0%,#0b1117 55%,#0a0e12 100%);transition:border-color .35s,box-shadow .35s,transform .45s}
.work-gallery .project-visual{height:auto;aspect-ratio:1;border:0;border-radius:0;background:#0c1319;overflow:hidden;isolation:isolate}
.work-gallery .project-visual:before{display:none}
.work-gallery .image-mount{inset:0;display:block;transform:none;transition:none}
.work-gallery .image-mount .cover-art{display:block;width:100%;height:100%;max-height:none;object-fit:cover;filter:none;transform:scale(1);transition:transform .75s cubic-bezier(.22,1,.36,1),filter .5s}
.work-gallery .project-index{top:16px;left:16px;z-index:2;padding:7px 10px;border-radius:30px;background:#080f18b8;border:1px solid #d7ecf52b;backdrop-filter:blur(12px);color:#ecf5fa;font:9px/1.4 monospace;letter-spacing:1px;opacity:0;transform:translateY(-5px);transition:opacity .25s,transform .35s}
.work-gallery .round-arrow{display:none}
.work-gallery .project-text{position:relative;padding:25px 26px 23px;border-top:1px solid #79b7d82b;overflow:hidden}
.work-gallery .project-text:before{content:'';position:absolute;top:0;left:26px;width:52px;height:1px;background:#79b7d8;box-shadow:0 0 15px #79b7d880;transition:width .45s}
.work-gallery .project-text .eyebrow{color:#a0bdcd;font:9px/1.5 monospace;letter-spacing:1.2px;margin-bottom:12px}
.work-gallery .project-text h3{margin:0 62px 9px 0;font-size:clamp(25px,2.7vw,36px);font-weight:400;line-height:1.12;letter-spacing:-1.2px;color:#f1f5f7}
.work-gallery .project-text p{margin:0;max-width:85%;color:#b6c3cc;font-size:13px;line-height:1.65}
.work-gallery .view-link{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid #aecbde1c;font:10px/1.5 monospace;letter-spacing:.5px;color:#adcbdc}
.work-gallery .view-link span{display:grid;place-items:center;position:absolute;right:24px;top:43px;width:43px;height:43px;border:1px solid #79b7d84d;border-radius:50%;background:#79b7d80b;font:23px/1 Arial;transition:background .3s,color .3s,transform .35s}
.work-gallery .project-card:hover,.work-gallery .project-card:focus-visible{border-color:#79b7d880;box-shadow:0 20px 60px #0004,0 0 25px #79b7d80a;transform:translateY(-4px)}
.work-gallery .project-card:hover .image-mount,.work-gallery .project-card:focus-visible .image-mount{transform:none}
.work-gallery .project-card:hover .cover-art,.work-gallery .project-card:focus-visible .cover-art{transform:scale(1.025);filter:brightness(1.04)}
.work-gallery .project-card:hover .project-index,.work-gallery .project-card:focus-visible .project-index{opacity:1;transform:translateY(0)}
.work-gallery .project-card:hover .view-link span,.work-gallery .project-card:focus-visible .view-link span{background:#79b7d8;color:#08131a;transform:rotate(45deg)}
.work-gallery .project-card:hover .project-text:before{width:100px}
@media(max-width:760px){.work-gallery .project-grid{gap:24px 18px}.work-gallery .project-text{padding:21px 18px}.work-gallery .project-text h3{font-size:25px;letter-spacing:-.8px}.work-gallery .project-text p{max-width:100%;font-size:12px}.work-gallery .view-link span{right:17px;top:40px;width:35px;height:35px;font-size:20px}.work-gallery .project-text .eyebrow{font-size:8px;letter-spacing:.6px}}
@media(max-width:600px){.work-gallery .project-grid{grid-template-columns:1fr;gap:28px}.work-gallery .projects-list{padding-top:28px;padding-bottom:55px}.work-gallery .project-text h3{font-size:30px}.work-gallery .project-text p{font-size:13px}.work-gallery .project-card{border-radius:14px}}
@media(hover:none){.work-gallery .project-index{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.work-gallery .project-card,.work-gallery .cover-art,.work-gallery .view-link span{transition:none!important;transform:none!important}}