.gallery-open{overflow:hidden}.project-dialog{border:1px solid #587580;background:#101e24;color:#ecf3f5;padding:0;width:min(1420px,94vw);max-width:none;height:min(850px,92dvh);max-height:92dvh;border-radius:10px;overflow:hidden;margin:auto;box-shadow:0 30px 120px #0007}.project-dialog::backdrop{background:#081418cf;backdrop-filter:blur(12px)}.project-dialog[open]{display:flex;flex-direction:column}.gallery-top{height:64px;min-height:64px;border-bottom:1px solid #324c58;display:flex;align-items:center;gap:20px;padding:0 26px}.gallery-top>.micro{color:#10c8f0;font-size:8px}.gallery-top-name{font-size:11px;color:#89a8b6;border-left:1px solid #3d5865;padding-left:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-close{margin-left:auto;border:0;background:transparent;color:#d5e5ed;display:flex;align-items:center;gap:14px;padding:8px 0 8px 12px;flex-shrink:0}.gallery-close>span{font-size:10px}.gallery-close>i{font-size:30px;font-style:normal;line-height:1}.gallery-close:hover{color:#10c8f0}.gallery-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;flex:1;min-height:0}.gallery-visual{display:flex;flex-direction:column;min-height:0;min-width:0;padding:22px;background:#dae5e7}.gallery-stage{position:relative;min-height:0;flex:1;display:grid;place-items:center;overflow:hidden;touch-action:pan-y pinch-zoom;background:color-mix(in srgb,var(--gallery-tone,#b3c7cb),#eef3f3 53%);border-radius:4px}.gallery-stage>img{position:absolute;width:calc(100% - 46px);height:calc(100% - 36px);object-fit:contain;filter:drop-shadow(0 8px 14px #1a34451c);user-select:none}.gallery-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid #78929e4f;background:#f2f7f6ec;color:#254959;display:grid;place-items:center;font-size:21px;box-shadow:0 2px 10px #1d3c4510;transition:background .25s}.gallery-arrow:hover{background:#10c8f0}.gallery-arrow.prev{left:9px}.gallery-arrow.next{right:9px}.gallery-caption{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px 0 13px;min-height:47px}.gallery-caption>p{color:#48636f;font-size:10px;line-height:1.6}.gallery-caption>.micro{font-size:8px;white-space:nowrap;color:#436978}.gallery-thumbs{display:flex;gap:9px;overflow-x:auto;padding:3px 3px 4px;flex-shrink:0}.gallery-thumbs>button{flex:0 0 86px;height:52px;border-radius:3px;border:2px solid transparent;padding:3px;background:#c0d0d5;opacity:.65;transition:opacity .25s,border-color .25s}.gallery-thumbs>button img{width:100%;height:100%;object-fit:contain;pointer-events:none}.gallery-thumbs>button[aria-pressed=true]{border-color:#008fa9;background:#eef7f7;opacity:1}.gallery-thumbs>button:hover{opacity:1}.gallery-info{min-height:0;overflow-y:auto;padding:33px 27px;display:flex;flex-direction:column}.gallery-info>.micro{font-size:7px;color:#759aa9}.gallery-info h2{font-size:31px;line-height:1.17;letter-spacing:-.045em;margin-top:16px}.gallery-info>p:not(.gallery-note){font-size:12px;line-height:1.9;color:#a3bdc8;margin-top:21px}.gallery-info>ul{padding:22px 0 0;margin:23px 0;border-top:1px solid #304e5c;list-style:none;display:flex;flex-direction:column;gap:13px}.gallery-info>ul>li{font-size:10px;line-height:1.65;color:#b1c9d4;display:flex;gap:10px}.gallery-info>ul>li:before{content:"↗";color:#10c8f0}.gallery-info>.button{font-size:11px;min-height:46px;padding:10px 15px;margin-top:4px}.gallery-info>.button>span:last-child{font-size:23px}.gallery-info>.button[hidden]{display:none}.gallery-note{font-size:9px;line-height:1.8;color:#7095a6;margin:18px 0}.gallery-note:empty{display:none}.gallery-another{margin-top:auto;padding-top:34px}.gallery-another>.micro{font-size:6px;color:#6891a3}.gallery-another>button{border:0;background:transparent;border-bottom:1px solid #395866;width:100%;display:flex;gap:15px;align-items:center;justify-content:space-between;color:#d0e3ed;padding:10px 0;font-size:12px;text-align:left}.gallery-another>button>i{font-size:21px;font-style:normal;color:#10c8f0}.gallery-error{position:absolute;inset:0;place-items:center;padding:40px;text-align:center;font-size:12px;color:#49636c}.gallery-error:not([hidden]){display:grid}@media(max-width:1100px){.gallery-layout{grid-template-columns:minmax(0,1fr) 280px}.gallery-info{padding:27px 21px}.gallery-info h2{font-size:28px}.gallery-info>p:not(.gallery-note){font-size:11px}.gallery-visual{padding:16px}}@media(max-width:800px){.project-dialog{width:96vw;height:94dvh;max-height:94dvh}.gallery-layout{grid-template-columns:minmax(0,1fr) 240px}.gallery-visual{padding:12px}.gallery-info{padding:24px 18px}.gallery-info h2{font-size:25px}.gallery-top{height:56px;min-height:56px;padding:0 19px}.gallery-stage>img{width:calc(100% - 22px);height:calc(100% - 24px)}.gallery-arrow{width:30px;height:30px;font-size:18px}.gallery-arrow.prev{left:4px}.gallery-arrow.next{right:4px}.gallery-thumbs>button{flex-basis:63px;height:43px}.gallery-caption>p{font-size:8px}.gallery-caption>.micro{font-size:7px}}@media(max-width:600px){.project-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0}.gallery-top{height:56px;min-height:56px;padding:0 17px;gap:12px}.gallery-top-name{font-size:9px;padding-left:12px;max-width:53%}.gallery-top>.micro{font-size:7px}.gallery-close{padding-left:0;gap:8px}.gallery-close>span{font-size:9px}.gallery-close>i{font-size:27px}.gallery-layout{display:block;overflow-y:auto;overscroll-behavior:contain}.gallery-visual{padding:13px 14px 14px;min-height:0}.gallery-stage{flex:none;height:44dvh;min-height:230px}.gallery-stage>img{width:calc(100% - 28px);height:calc(100% - 24px)}.gallery-caption{padding:12px 0 8px;min-height:36px}.gallery-caption>p{font-size:9px;max-width:82%}.gallery-thumbs{gap:8px}.gallery-thumbs>button{flex-basis:68px;height:43px}.gallery-info{padding:26px 23px 32px;overflow:visible}.gallery-info h2{font-size:31px;margin-top:13px;max-width:90%}.gallery-info>.micro{font-size:7px}.gallery-info>p:not(.gallery-note){font-size:12px;margin-top:18px}.gallery-info>ul{margin:22px 0;padding-top:20px;gap:11px}.gallery-info>ul>li{font-size:11px}.gallery-info>.button{font-size:12px;margin-top:0}.gallery-note{font-size:10px}.gallery-another{padding-top:23px}.gallery-another>.micro{font-size:7px}.gallery-another>button{font-size:14px}}.unified-gallery .gallery-close{cursor:pointer}.unified-gallery .gallery-stage{container-type:size;display:block;border-radius:10px;background:color-mix(in srgb,var(--gallery-tone),#f3f6f5 68%)}.unified-gallery .gallery-stage.is-enlarged{touch-action:pan-x pan-y pinch-zoom}.gallery-image-viewport{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;padding:28px;display:grid;place-items:center;scrollbar-width:thin;scrollbar-color:#769099 transparent}.gallery-image-frame{width:min(100%,calc((100cqh - 84px) * var(--image-ratio)));border-radius:8px;overflow:hidden;box-shadow:0 14px 38px #203d4924;background:#fff;flex-shrink:0}.unified-gallery .gallery-image-frame img{display:block;width:100%;height:auto;max-width:none;object-fit:fill;user-select:none}.gallery-browser-bar{height:26px;background:#f5f7f9;border-bottom:1px solid #e0e5e8;display:flex;align-items:center;gap:5px;padding:0 10px;color:#6a7b83;font-size:8px}.gallery-browser-bar i{width:5px;height:5px;border-radius:50%;background:#c1cbd0}.gallery-browser-bar span{margin:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gallery-document .gallery-image-frame{border-radius:2px}.gallery-mobile .gallery-image-frame{border:7px solid #20282b;border-radius:22px}.gallery-widget .gallery-image-frame{background:transparent;box-shadow:none;border-radius:0}.gallery-document .gallery-image-viewport,.gallery-website .gallery-image-viewport,.is-enlarged .gallery-image-viewport{display:block}.gallery-document .gallery-image-frame{width:min(100%,var(--image-width));margin:0 auto}.gallery-website .gallery-image-frame{width:100%}.is-enlarged .gallery-image-frame{width:max(100%,var(--image-width));margin:0 auto}.gallery-controls{display:flex;align-items:center;gap:9px;padding-top:12px;flex-shrink:0;color:#37535e}.gallery-zoom{display:flex;align-items:center;gap:20px;background:#f5f9f8;color:#274b58;border:1px solid #b0c4cc;border-radius:5px;font-size:11px;padding:8px 12px;cursor:pointer}.gallery-zoom span{font-size:18px;line-height:1}.gallery-hint{font-size:10px;margin-left:auto;margin-right:8px;color:#526d76}.unified-gallery .gallery-arrow{position:static;transform:none;flex:0 0 32px;height:32px;width:32px;cursor:pointer;box-shadow:none;font-size:18px;background:#f5f9f8}.gallery-zoom:hover,.unified-gallery .gallery-arrow:hover{background:#fff;border-color:#547985}.unified-gallery .gallery-caption{padding-top:10px;padding-bottom:9px}.unified-gallery .gallery-caption p{font-size:11px}.unified-gallery .gallery-info>ul>li:before{content:"•"}.unified-gallery .gallery-note{color:#a7bdc5;font-size:11px}.gallery-image-viewport:focus-visible,.unified-gallery button:focus-visible{outline:2px solid #008aa6;outline-offset:3px}@media(max-width:800px){.gallery-image-viewport{padding:16px}.gallery-image-frame{width:min(100%,calc((100cqh - 60px) * var(--image-ratio)))}.gallery-hint{display:none}.gallery-controls .prev{margin-left:auto}.gallery-website .gallery-image-frame{width:100%}.is-enlarged .gallery-image-frame{width:max(100%,var(--image-width))}}@media(max-width:600px){.unified-gallery .gallery-stage{height:46dvh;min-height:260px}.unified-gallery .gallery-stage.is-enlarged{height:65dvh}.gallery-browser-bar{height:20px;font-size:6px}.unified-gallery .gallery-caption p{font-size:10px}.gallery-image-viewport{padding:14px}.gallery-mobile .gallery-image-frame{border-width:5px;border-radius:18px}}