.works-page{background:var(--paper);color:var(--ink-soft)}.works-intro{padding:148px 0 0}.works-back{display:flex;width:fit-content;align-items:center;gap:9px;margin-bottom:34px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:#12141a8c;transition:color .25s ease}.works-back span{transition:transform .25s ease}.works-back:hover{color:var(--ink)}.works-back:hover span{transform:translate(-3px)}.works-intro h1{font-size:clamp(46px,6vw,104px);font-weight:300;line-height:1;letter-spacing:-.01em}.works-intro h1 em{font-style:italic;font-weight:400;color:var(--oak)}.works-intro__note{margin-top:22px;max-width:54ch;font-size:clamp(16px,1.15vw,24px);font-weight:300;line-height:1.6;color:#12141a8c}.works-section{padding:60px 0 130px}.work__media:focus-visible,.works-back:focus-visible,.lightbox button:focus-visible{outline:2px solid var(--red);outline-offset:3px}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 26px}.work{display:flex;flex-direction:column}.work[hidden]{display:none}.work__media{position:relative;display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;padding:0;border:none;background:none;cursor:pointer}.work__cover{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.work__media:hover .work__cover{transform:scale(1.05)}.work__badge{position:absolute;bottom:12px;left:12px;z-index:1;display:inline-flex;align-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;padding:6px 11px;color:#f5f3eef2;background:#0a0a0c80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.work__badge:before{content:"";width:4px;height:10px;margin-right:8px;background:var(--red);transform:skew(-18deg)}.work__expand{position:absolute;top:12px;right:12px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:15px;color:#f5f3eef2;background:#0a0a0c66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:.85;transition:opacity .25s ease,background .25s ease}.work__media:hover .work__expand{opacity:1;background:#0a0a0c9e}.work__meta{padding-top:18px;display:flex;flex-direction:column;gap:5px}.work__title{font-family:var(--display);font-size:clamp(22px,1.6vw,34px);font-weight:400;line-height:1.1;color:var(--ink-soft);transition:color .25s ease}.work__media:hover+.work__meta .work__title{color:var(--navy)}.work__place{font-family:var(--mono);font-size:clamp(11px,.78vw,16px);letter-spacing:.14em;color:#12141a8c}img.work__cover{width:112%;height:112%;object-fit:cover}.gallery__thumb{background-size:cover;background-position:center}.works-cta{display:flex;align-items:center;gap:28px;margin-top:84px;padding-top:44px;border-top:1px solid rgba(18,20,26,.14);flex-wrap:wrap}.works-cta p{font-family:var(--display);font-size:clamp(24px,2vw,40px);font-weight:300}.works-cta__actions{display:flex;flex-wrap:wrap;gap:14px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#060709e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox.is-open{opacity:1;visibility:visible}.lightbox__inner{display:flex;flex-direction:column;align-items:center;gap:20px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;transform:translateY(8px) scale(.985);transition:transform .35s cubic-bezier(.2,.7,.2,1)}.lightbox.is-open .lightbox__inner{transform:none}.lightbox .ba,.lightbox__stage .gallery{width:min(92vw,calc((100vh - 240px) * 4 / 3),1080px);min-width:min(92vw,280px)}@supports (height: 100dvh){.lightbox .ba,.lightbox__stage .gallery{width:min(92vw,calc((100dvh - 240px) * 4 / 3),1080px)}}.lightbox .ba{aspect-ratio:4 / 3}.gallery__photo{display:block;width:100%;aspect-ratio:4 / 3;object-fit:contain;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:opacity .25s ease}.gallery__photo.is-loading{opacity:.35}.gallery__thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.gallery__thumb{width:56px;height:42px;padding:0;border:1px solid transparent;cursor:pointer;opacity:.5;transition:opacity .2s ease,border-color .2s ease}.gallery__thumb.is-active{opacity:1;border-color:var(--paper)}.lightbox__meta{display:flex;flex-direction:column;gap:6px;text-align:center;color:var(--paper)}.lightbox__count{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--mist)}.lightbox__title{font-family:var(--display);font-size:clamp(22px,3vw,40px);font-weight:400}.lightbox__place{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:#f5f3ee99}.lightbox__hint{margin-top:4px;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#f5f3ee66}.lightbox__close,.lightbox__nav{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(245,243,238,.3);background:#0a0a0c4d;color:var(--paper);font-size:18px;cursor:pointer;transition:background .25s ease,border-color .25s ease}.lightbox__close:hover,.lightbox__nav:hover{background:#f5f3ee24;border-color:var(--paper)}.lightbox__close{top:22px;right:22px}.lightbox__nav--prev{left:22px;top:50%;transform:translateY(-50%)}.lightbox__nav--next{right:22px;top:50%;transform:translateY(-50%)}.lightbox:not(.lightbox--gallery) .lightbox__nav,.lightbox--single .lightbox__nav{display:none}.ba{position:relative;overflow:hidden;--pos: 50%;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y}.ba__pane{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ba__before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ba__label{position:absolute;bottom:12px;z-index:2;font-family:var(--mono);font-size:9px;letter-spacing:.28em;text-transform:uppercase;padding:5px 9px;color:#f5f3eef2;background:#0a0a0c80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ba__label--before{left:12px}.ba__label--after{right:12px}.ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;transform:translate(-1px);background:#f5f3eeeb;z-index:3;pointer-events:none}.ba__handle:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border:2px solid rgba(245,243,238,.92);border-radius:50%;background:#0a0a0c38;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ba__handle:before{content:"↔";position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);font-size:16px;line-height:1;color:#f5f3eef2}.ba:focus-within .ba__handle:after,.ba.is-dragging .ba__handle:after{border-color:var(--red);background:#0a0a0c73}.ba__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}@media (max-width: 1024px){.works{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.works{grid-template-columns:1fr;gap:34px}.works-intro{padding-top:120px}.works-cta{flex-direction:column;align-items:flex-start;gap:18px}.works-cta__actions{width:100%;flex-direction:column}.works-cta__actions a{justify-content:center;text-align:center}.lightbox{padding:72px 12px 24px}.lightbox__close,.lightbox__nav{width:42px;height:42px;font-size:16px}.lightbox__nav--prev{left:12px}.lightbox__nav--next{right:12px}}