.projects-hero{padding-top:180px;padding-bottom:110px}.projects-hero h1{font-size:clamp(4rem,9vw,8rem);margin:24px 0 28px}.projects-hero>p:not(.eyebrow){max-width:500px;color:var(--muted);font-size:17px}.project-index{display:flex;flex-wrap:wrap;gap:12px;margin-top:62px}.project-index a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:12px 15px;color:var(--muted);font:11px DM Mono,monospace;transition:.25s}.project-index a:hover{border-color:var(--accent);color:var(--text);transform:translateY(-3px)}.project-index span{color:var(--accent)}.case-study{padding-top:105px;padding-bottom:115px;border-top:1px solid var(--line)}.case-header{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}.case-header h2{font-size:clamp(3rem,6vw,6rem);margin:14px 0 8px}.case-subtitle{color:var(--muted);font-size:14px;margin:0}.case-summary{max-width:330px;color:var(--muted);font-size:14px;margin:0}.gallery{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:220px 220px;gap:14px}.gallery figure{margin:0;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);cursor:zoom-in;outline:none;opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease),border-color .2s}.gallery.is-visible figure{opacity:1;transform:translateY(0)}.gallery.is-visible figure:nth-child(2){transition-delay:.1s}.gallery.is-visible figure:nth-child(3){transition-delay:.18s}.gallery figure:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.gallery img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .6s var(--ease),filter .4s}.gallery figure:hover img{transform:scale(1.04);filter:saturate(1.1)}.gallery-feature{grid-row:span 2}.gallery-buyme .gallery-feature img{-o-object-position:left center;object-position:left center}.gallery-trio{grid-template-columns:1.35fr .65fr;grid-template-rows:220px 220px}.gallery-trio figure:nth-child(2){grid-column:2}.gallery-trio figure:nth-child(3){grid-column:2}.case-details{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-bottom:1px solid var(--line);padding:28px 0}.case-details span{display:block;color:var(--accent);font:10px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}.case-details strong{font-size:12px;font-weight:600;line-height:1.5}.case-tech{display:grid;grid-template-columns:100px 1fr;gap:10px 20px;padding:24px 0;border-bottom:1px solid var(--line)}.case-tech span{color:var(--accent);font:10px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.case-tech p{margin:0;color:var(--muted);font-size:13px}.case-description{max-width:720px;color:var(--muted);font-size:15px;margin:28px 0 0}.project-cta{padding-top:75px;padding-bottom:140px}.project-cta h2{font-size:clamp(3rem,7vw,6.5rem);margin:0 0 34px}.project-cta em{font-style:normal;color:var(--accent)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.lightbox.is-open{visibility:visible;opacity:1}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#050604ef;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lightbox-content{position:relative;z-index:1;width:min(92vw,1100px);height:min(88vh,760px);display:grid;grid-template-columns:54px 1fr 54px;grid-template-rows:54px 1fr 38px;align-items:center}.lightbox-toolbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;color:#fff;font:10px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.lightbox-actions{display:flex;align-items:center;gap:8px}.lightbox-actions button,.lightbox-nav{border:1px solid #ffffff44;background:#ffffff12;color:#fff;cursor:pointer;transition:.2s}.lightbox-actions button:hover,.lightbox-nav:hover{border-color:var(--accent);color:var(--accent)}.lightbox-actions button{padding:9px 11px;font:10px DM Mono,monospace}.lightbox-close{font-size:21px!important;padding:4px 11px!important}.lightbox-nav{width:40px;height:40px;border-radius:50%;font-size:30px;line-height:1}.lightbox-image{grid-column:2;grid-row:2;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;animation:lightbox-in .35s var(--ease)}.lightbox-caption{grid-column:2;grid-row:3;color:#fffa;text-align:center;font-size:11px;margin:0}.lightbox-play.is-playing{color:var(--accent);border-color:var(--accent)}@keyframes lightbox-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (max-width:800px){.projects-hero{padding-top:140px;padding-bottom:80px}.projects-hero h1{font-size:clamp(3.7rem,15vw,6rem)}.case-study{padding-top:75px;padding-bottom:80px}.case-header{display:block}.case-summary{margin-top:25px}.gallery,.gallery-trio{grid-template-columns:1fr 1fr;grid-template-rows:230px 150px}.gallery-feature{grid-column:span 2;grid-row:auto}.gallery-trio figure:nth-child(2),.gallery-trio figure:nth-child(3){grid-column:auto}.case-details{grid-template-columns:1fr 1fr;gap:25px}.case-tech{grid-template-columns:1fr;gap:8px}.case-tech p{margin-bottom:10px}.project-cta{padding-bottom:90px}.lightbox-content{width:100vw;height:100vh;grid-template-columns:44px 1fr 44px;grid-template-rows:64px 1fr 42px;padding:0 8px}.lightbox-actions button:not(.lightbox-close){font-size:0;padding:9px}.lightbox-actions button:not(.lightbox-close):before{font-size:15px}.lightbox-play:before{content:"▶"}.lightbox-fullscreen:before{content:"⛶"}.lightbox-nav{width:34px;height:34px}.lightbox-toolbar{padding:0 8px}}
