:root{color-scheme:light;--ink:#101a33;--muted:#66728b;--line:#dfe6f1;--blue:#286bf0;--navy:#0a1740;--surface:#fff}*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;color:var(--ink);background:#f3f6fc}.gallery-page{min-height:100vh;padding:58px 24px 72px;background:radial-gradient(circle at 94% 2%,#dce8ff 0,transparent 35%),radial-gradient(circle at 2% 42%,#dcf8f1 0,transparent 27%),#f3f6fc}.gallery-shell{width:min(1120px,100%);margin:auto}.back-link{display:inline-flex;align-items:center;color:#225fdc;font-weight:780;text-decoration:none}.back-link:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #72a2ff;outline-offset:3px;border-radius:5px}.gallery-header{padding:74px 0 43px}.gallery-kicker{margin:0 0 14px;color:#5471bc;font-size:11px;font-weight:850;letter-spacing:.16em}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.gallery-header h1{margin:0;letter-spacing:-.07em;line-height:1;font-size:clamp(46px,8vw,76px)}.gallery-header p:not(.gallery-kicker){max-width:690px;margin:20px 0 0;color:var(--muted);font-size:18px;line-height:1.68}.image-count,.slideshow-button{flex:none;margin-bottom:5px;padding:8px 11px;border:1px solid #cbdbfc;border-radius:999px;background:#eef4ff;color:#3564b0;font:800 12px inherit}.slideshow-button{cursor:pointer}.slideshow-button:hover{border-color:#87a9ed;background:#e2ecff}.slideshow-button b{margin-left:5px;font-size:10px}.gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.gallery-item{position:relative;grid-column:span 4;display:block;min-height:230px;overflow:hidden;border:1px solid #dce4f0;border-radius:17px;background:#e4eaf5;box-shadow:0 15px 35px #183f7512}.gallery-item.gallery-featured{grid-column:span 8;grid-row:span 2;min-height:476px}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.035)}.gallery-open{position:absolute;right:13px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #fff8;border-radius:10px;background:#07112dbd;color:#fff;font-size:19px;opacity:0;transform:translateY(5px);transition:.2s}.gallery-item:hover .gallery-open,.gallery-item:focus-visible .gallery-open{opacity:1;transform:none}.gallery-empty{padding:80px 30px;border:1px dashed #b8c9e8;border-radius:18px;background:#ffffffb5;text-align:center}.gallery-empty>span{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:14px;background:#e7efff;color:#276ce8;font-size:27px}.gallery-empty h2{margin:19px 0 6px;font-size:24px;letter-spacing:-.04em}.gallery-empty p,.gallery-empty-copy{margin:0;color:var(--muted);line-height:1.65}.gallery-signature{margin:38px 0 0;color:#5570a6;font-size:13px;font-weight:750;text-align:center}.gallery-lightbox-open{overflow:hidden}.gallery-lightbox{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:50px 90px;background:#050b1ee8}.gallery-lightbox[hidden]{display:none}.gallery-lightbox figure{max-width:min(1120px,100%);max-height:100%;margin:0;text-align:center}.gallery-lightbox figure img{display:block;max-width:100%;max-height:calc(100vh - 110px);margin:auto;border-radius:10px;box-shadow:0 24px 75px #0009}.gallery-lightbox figcaption{margin-top:12px;color:#d6e3ff;font-size:13px;font-weight:700}.lightbox-close,.lightbox-nav{position:absolute;border:1px solid #ffffff4d;border-radius:10px;background:#142242dd;color:#fff;cursor:pointer}.lightbox-close{top:20px;right:24px;width:42px;height:42px;font-size:31px;line-height:1}.lightbox-nav{top:50%;width:48px;height:54px;transform:translateY(-50%);font-size:43px;line-height:.7}.lightbox-previous{left:24px}.lightbox-next{right:24px}.lightbox-close:hover,.lightbox-nav:hover{background:#286bef}.gallery-admin-page .gallery-header{padding-bottom:29px}.gallery-notice,.gallery-error{margin:0 0 12px;padding:13px 16px;border-radius:11px;font-size:14px;font-weight:700}.gallery-notice{border:1px solid #9be0c6;background:#e8fbf3;color:#146f4e}.gallery-error{border:1px solid #f4b8bd;background:#fff0f1;color:#9d2632}.gallery-upload-form{display:grid;gap:12px;padding:24px;border:1px solid #d5e0f4;border-radius:17px;background:#fff;box-shadow:0 16px 38px #17366f0d}.gallery-upload-form label{display:grid;gap:3px;font-size:15px;font-weight:800}.gallery-upload-form label span{color:var(--muted);font-size:12px;font-weight:500}.gallery-upload-form input{width:100%;padding:11px;border:1px solid #cbd7e8;border-radius:10px;background:#fbfcff;font:inherit}.gallery-upload-form button,.gallery-order-form button{justify-self:start;border:0;border-radius:10px;padding:12px 15px;background:#1762de;color:#fff;font:800 13px inherit;cursor:pointer}.gallery-upload-form button b{margin-left:8px;font-size:17px}.gallery-manager{margin-top:22px;padding:24px;border:1px solid var(--line);border-radius:17px;background:#fff}.gallery-manager>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:20px}.gallery-manager h2{margin:0;font-size:22px;letter-spacing:-.04em}.gallery-manager>div:first-child>span{color:var(--muted);font-size:12px}.gallery-sort-help{margin:13px 0;color:var(--muted);font-size:12px;line-height:1.55}.gallery-order-form{display:flex;justify-content:flex-end;margin:0 0 13px}.gallery-empty-copy{margin-top:16px}.gallery-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:19px}.gallery-admin-grid article{overflow:hidden;border:1px solid #dee5ef;border-radius:12px;background:#f8faff;cursor:grab}.gallery-admin-grid article.is-dragging{opacity:.45;cursor:grabbing}.gallery-admin-grid img{display:block;width:100%;height:130px;object-fit:cover;pointer-events:none}.gallery-admin-grid article>div{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px}.gallery-admin-grid small{min-width:0;overflow:hidden;color:#65718b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.gallery-item-actions{display:flex;align-items:center;gap:4px}.gallery-admin-grid form{margin:0}.gallery-admin-grid button{border:1px solid #efbfc4;border-radius:7px;padding:5px 7px;background:#fff;color:#ad3541;font:750 10px inherit;cursor:pointer}.gallery-admin-grid .gallery-move{border-color:#cbdaf3;color:#3165b7;font-size:12px;line-height:1}@media(max-width:780px){.gallery-page{padding:30px 16px 50px}.gallery-header{padding:52px 0 30px}.gallery-heading{display:block}.image-count,.slideshow-button{display:inline-block;margin-top:17px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:11px}.gallery-item,.gallery-item.gallery-featured{grid-column:auto;grid-row:auto;min-height:180px}.gallery-item.gallery-featured{grid-column:span 2;min-height:340px}.gallery-open{opacity:1;transform:none}.gallery-admin-grid{grid-template-columns:repeat(2,1fr)}.gallery-lightbox{padding:50px 14px}.lightbox-close{top:12px;right:12px}.lightbox-nav{width:40px;height:47px;font-size:37px}.lightbox-previous{left:8px}.lightbox-next{right:8px}}@media(max-width:440px){.gallery-header h1{font-size:45px}.gallery-header p:not(.gallery-kicker){font-size:15px}.gallery-item,.gallery-item.gallery-featured{min-height:135px}.gallery-item.gallery-featured{min-height:250px}.gallery-admin-grid img{height:110px}}