.featured-heading{margin-top:52px;max-width:880px}.featured-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2rem,4vw,3.8rem);margin:18px 0;color:#edf6ff}.featured-heading p,.project-invitation p{color:#c2d3e7;line-height:1.75;font-size:1.05rem}.featured-grid{margin-top:28px;gap:28px}.featured-card{display:flex;flex-direction:column}.featured-card .project-image-frame{display:block;width:calc(100% + 2 * clamp(24px,3vw,44px));padding:0;cursor:pointer;text-align:left;color:#fff;border:0;border-bottom:1px solid #678ab6;flex-shrink:0;aspect-ratio:4/3;background:#040a13}.featured-card .project-image-frame img{object-fit:contain}.featured-card .portfolio-number{margin-bottom:16px}.featured-card .portfolio-summary{margin:0}.featured-card .portfolio-tags{margin-top:22px}.project-gallery-badge{position:absolute;bottom:14px;left:14px;padding:10px 14px;border:1px solid #8bb9e2;background:rgba(2,8,18,.86);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}.project-gallery-open{position:relative;align-self:flex-start;margin-top:24px;padding:12px 18px;cursor:pointer;border:1px solid #638fc6;color:#d7eaff;background:transparent;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;transition:transform .3s,box-shadow .3s}.project-gallery-open:hover{transform:scale(1.045);box-shadow:0 0 20px #287dff66}.project-image-frame:focus-visible,.project-gallery-open:focus-visible{outline:2px solid #b4ddff;outline-offset:4px}.featured-card:focus-within{border-color:#afd6ff}.featured-card:focus-within:after{opacity:1;animation:portfolio-laser 1.1s linear infinite}.project-invitation{margin:50px 0 65px;padding:34px;border:1px solid #5d89ba;background:linear-gradient(120deg,#07172bda,#040a14b0)}.project-invitation h2{font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:400;margin:0}.project-archive-heading{margin-top:70px;font-size:1.5rem;font-weight:400;color:#a7c8ee}.project-lightbox{width:min(1300px,96vw);max-width:96vw;max-height:94dvh;margin:auto;padding:22px;background:rgba(3,9,20,.98);border:1px solid #9ac9f3;color:#ecf6ff;box-shadow:0 0 65px #287dff44;overflow:auto}.project-lightbox::backdrop{background:#000c;backdrop-filter:blur(12px)}.project-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.project-lightbox-header h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.3rem,2.5vw,2rem);margin:10px 0 0}.project-lightbox button{cursor:pointer;border:1px solid #6998c9;color:#effaff;background:transparent;transition:box-shadow .25s,transform .25s}.project-lightbox button:hover:not(:disabled){transform:scale(1.035);box-shadow:0 0 18px #3d93ff77}.project-lightbox button:focus-visible{outline:2px solid #c7e5ff;outline-offset:3px}#project-gallery-close{width:44px;height:44px;flex-shrink:0;font-size:1.9rem}.project-lightbox-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px;background:#02050a}.project-lightbox-stage img{display:block;width:100%;height:min(59dvh,700px);object-fit:contain}.project-lightbox-stage button{height:70px;font-size:3rem}.project-lightbox-stage button:disabled{opacity:.25;cursor:default}.project-lightbox-caption{display:flex;justify-content:space-between;gap:20px;margin:16px 0;color:#c5d8ed;font-size:.9rem;line-height:1.5}.project-lightbox-thumbnails{display:flex;gap:10px;overflow:auto;padding:4px}.project-lightbox-thumbnails button{padding:0;width:78px;height:60px;flex-shrink:0;opacity:.6}.project-lightbox-thumbnails img{width:100%;height:100%;object-fit:cover}.project-lightbox-thumbnails button[aria-current=true]{opacity:1;border-color:#e6f4ff;box-shadow:0 0 13px #458efa77}@media(max-width:760px){.featured-card .project-image-frame{width:calc(100% + 48px)}.project-lightbox{padding:12px}.project-lightbox-stage{grid-template-columns:32px minmax(0,1fr) 32px;gap:4px}.project-lightbox-stage button{height:52px;font-size:2rem}.project-lightbox-header .scope{font-size:.6rem}.project-lightbox-caption{font-size:.8rem}.project-invitation{padding:24px}}@media(prefers-reduced-motion:reduce){.project-lightbox button,.project-gallery-open{transition:none}.featured-card:focus-within:after{animation:none}}
