.fullscreen-modal{z-index:10000;opacity:0;visibility:hidden;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.fullscreen-modal.show{opacity:1;visibility:visible}.fullscreen-background{cursor:pointer;background:#000000eb;width:100%;height:100%;position:absolute;top:0;left:0}.fullscreen-content{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.fullscreen-image{object-fit:contain;user-select:none;pointer-events:none;width:auto;max-width:80vw;height:auto;max-height:80vh}.fullscreen-image.landscape{max-width:80vw;max-height:70vh}.fullscreen-image.portrait{max-width:55vw;max-height:80vh}.fullscreen-image.square{max-width:70vw;max-height:70vh}.fullscreen-image-overlay{cursor:pointer;z-index:1;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.fullscreen-controls{-webkit-backdrop-filter:blur(20px)saturate(1.8);z-index:10002;background:#141414bf;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:0;padding:0;display:flex;position:fixed;bottom:60px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #0006}.fullscreen-control-btn{color:#ffffffe6;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-right:1px solid #ffffff1a;justify-content:center;align-items:center;min-width:60px;height:48px;padding:16px 20px;font-family:inherit;font-size:18px;font-weight:300;line-height:1;transition:all .3s;display:flex}.fullscreen-control-btn:last-child{border-right:none}.fullscreen-control-btn:hover{color:#fff;background:#ffffff26}.fullscreen-control-btn:active{background:#ffffff40}.fullscreen-control-btn:disabled{opacity:.3;cursor:not-allowed}.fullscreen-control-btn:disabled:hover{color:#ffffff4d;background:0 0}.icon-close{width:16px;height:16px;display:inline-block;position:relative}.icon-close:before,.icon-close:after{content:"";background:currentColor;border-radius:1px;width:16px;height:1.5px;position:absolute;top:50%;left:50%}.icon-close:before{transform:translate(-50%,-50%)rotate(45deg)}.icon-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.icon-chevron-left{width:16px;height:16px;display:inline-block;position:relative}.icon-chevron-left:before{content:"";border-top:1.5px solid;border-left:1.5px solid;border-radius:1px;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-25%,-50%)rotate(-45deg)}.icon-chevron-right{width:16px;height:16px;display:inline-block;position:relative}.icon-chevron-right:before{content:"";border-top:1.5px solid;border-right:1.5px solid;border-radius:1px;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-75%,-50%)rotate(45deg)}.icon-grid{width:14px;height:14px;display:inline-block;position:relative}.icon-grid:before{content:"";background:currentColor;border-radius:1px;width:5px;height:5px;position:absolute;top:0;left:0;box-shadow:7px 0,0 7px,7px 7px}.icon-zoom{width:14px;height:14px;display:inline-block;position:relative}.icon-zoom:before{content:"";border:1.5px solid;border-radius:50%;width:9px;height:9px;position:absolute;top:0;left:0}.icon-zoom:after{content:"";background:currentColor;border-radius:1px;width:5px;height:1.5px;position:absolute;bottom:1px;right:0;transform:rotate(45deg)}.fullscreen-modal.zoom-mode .fullscreen-content{cursor:grab;justify-content:flex-start;align-items:flex-start;overflow:auto}.fullscreen-modal.zoom-mode .fullscreen-content:active{cursor:grabbing}.fullscreen-modal.zoom-mode .fullscreen-image{cursor:grab;pointer-events:auto;width:auto;max-width:none;height:auto;max-height:none;margin:auto}.fullscreen-modal.zoom-mode .fullscreen-image:active{cursor:grabbing}.fullscreen-modal.zoom-mode .fullscreen-image-overlay{pointer-events:none}#fullscreen-zoom.active{background:#ffffff40}body.fullscreen-open{overflow:hidden!important}.fullscreen-thumbnails{backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;z-index:10003;background:#000000d1;border:1px solid #ffffff1f;border-radius:10px;gap:8px;max-width:90vw;padding:8px 12px;display:flex;position:fixed;bottom:120px;left:50%;overflow-x:auto;transform:translate(-50%)}.fullscreen-thumbnail{object-fit:cover;cursor:pointer;opacity:.45;border:2px solid #0000;border-radius:6px;width:60px;min-width:60px;height:60px;transition:opacity .2s,transform .2s,border-color .2s}.fullscreen-thumbnail:hover{opacity:.85;transform:scale(1.06)}.fullscreen-thumbnail.active{opacity:1;border-color:#fff}.fullscreen-loading{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fullscreen-counter{color:#ffffffe6;font-size:var(--text-sm);white-space:nowrap;letter-spacing:1px;font-weight:400;font-family:var(--font-mono);padding:0 16px}.project-gallery-thumbnails{max-width:1380px;margin:var(--space-xl,3rem) auto;padding-top:var(--space-lg,2rem);border-top:1px solid var(--color-border,oklch(12% .01 60/.15))}.gallery-thumbnails-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;color:var(--color-accent);margin-bottom:var(--space-md,1.25rem);font-weight:500}.gallery-thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.gallery-thumb-item{aspect-ratio:4/3;cursor:pointer;background-color:var(--color-paper-2,#f5f5f5);border-radius:4px;position:relative;overflow:hidden}.gallery-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .4s,opacity .3s}.gallery-thumb-item:hover .gallery-thumb-img{opacity:.9;transform:scale(1.05)}@media (width<=600px){.fullscreen-controls{width:max-content;max-width:calc(100vw - 1.5rem);bottom:1rem}.fullscreen-control-btn{min-width:2.75rem;padding:.75rem .65rem}.fullscreen-counter{font-size:var(--text-xs);padding:0 .55rem}.fullscreen-thumbnails{bottom:4.75rem}.fullscreen-image,.fullscreen-image.landscape,.fullscreen-image.portrait,.fullscreen-image.square{max-width:calc(100vw - 2rem);max-height:72vh}}@media (prefers-reduced-motion:reduce){.fullscreen-control-btn,.fullscreen-thumbnail,.gallery-thumb-img{transition:none}}