.interactive-gallery .gallery-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.gallery-heading h2{margin:0;font-size:clamp(28px,3.4vw,43px);font-weight:500;letter-spacing:-1.4px}.gallery-count{font-size:10px;letter-spacing:3px;color:#8199b6}.gallery-interactive-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;perspective:1600px}.gallery-tile{display:block;width:100%;height:380px;border:1px solid #bad8ff3b;border-radius:12px;padding:0;background:#0b1320;position:relative;cursor:zoom-in;isolation:isolate;overflow:visible;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s ease-out,box-shadow .4s,border-color .3s;box-shadow:0 20px 55px #0005;color:#d4e6ff;touch-action:manipulation}.gallery-tile:hover,.gallery-tile:focus-visible{border-color:#a5d1ff8a;box-shadow:0 30px 65px #0007,0 0 35px #3d89d516}.tile-scene{position:absolute;inset:0;display:block;overflow:hidden;border-radius:11px}.tile-scene>img{display:block;width:100%;height:100%;object-fit:cover;object-position:73% center;transform:scale(1.03);transition:transform .9s ease-out}.gallery-tile:hover .tile-scene>img{transform:scale(1.075)}.tile-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#02050b75,transparent 25%,transparent 80%,#02050b22)}.tile-number{position:absolute;left:20px;top:19px;font-size:10px;letter-spacing:2px;color:#bed3ee;z-index:3;text-shadow:0 1px 6px #000}.tile-expand{position:absolute;right:17px;bottom:17px;width:42px;height:42px;display:grid;place-items:center;background:#0a1422b3;border:1px solid #c4dcff4d;border-radius:50%;backdrop-filter:blur(10px);transition:background .2s,transform .25s;z-index:3}.tile-expand svg{width:17px;height:17px}.gallery-tile:hover .tile-expand{background:#426a9577;transform:scale(1.08)}.tile-shine{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(500px circle at var(--px,50%) var(--py,50%),#b4d8ff15,transparent 65%);opacity:0;transition:opacity .4s}.gallery-tile:hover .tile-shine{opacity:1}.logo-scene{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#29445e,#121d2b 50%,#080e18 85%);perspective:1000px}.emblem-plaque{position:relative;display:block;width:55%;max-width:245px;border-radius:16px;border:1px solid #f4f8ffb3;background:linear-gradient(145deg,#f5f8fc,#a6b7cd);transform:rotateY(calc(-12deg + var(--emblem-x,0deg))) rotateX(6deg);box-shadow:10px 10px 0 #45546b,15px 18px 30px #0008;z-index:1;transition:transform .5s ease-out}.emblem-plaque img{display:block;width:100%;height:auto}.emblem-orbit{position:absolute;width:85%;height:70%;border:1px solid #89c2ff7a;border-radius:50%;transform:rotate(-26deg);box-shadow:0 0 24px #4da4ff12;transition:transform 1s ease-out}.emblem-orbit.secondary{width:92%;height:78%;border-color:#fc5f7947;transform:rotate(24deg)}.logo-tile:hover .emblem-orbit{transform:rotate(-14deg)}.logo-tile:hover .emblem-orbit.secondary{transform:rotate(6deg)}
.gallery-viewer{position:fixed;inset:0;margin:auto;width:min(1360px,96vw);max-width:96vw;height:min(900px,93dvh);max-height:93dvh;padding:0;background:linear-gradient(145deg,#121f30,#060b12);color:#dceafe;border:1px solid #b3d3f54d;border-radius:14px;box-shadow:0 40px 120px #000b;overflow:hidden}.gallery-viewer::backdrop{background:#02050cef;backdrop-filter:blur(15px)}.viewer-shell{height:100%;display:grid;grid-template-rows:64px minmax(0,1fr) 62px}.viewer-toolbar,.viewer-bottom{display:flex;align-items:center;gap:18px;padding:0 22px;background:#07101cc4}.viewer-toolbar{border-bottom:1px solid #c8ddf41c;justify-content:space-between}.viewer-brand{font-size:11px;letter-spacing:2.4px;color:#bacce3;font-weight:700}.viewer-tools{display:flex;gap:8px}.gallery-viewer button{display:grid;place-items:center;color:#d8e8fc;background:#94baff0a;border:1px solid #a7c5ed2e;width:38px;height:38px;border-radius:7px;cursor:pointer;transition:background .2s}.gallery-viewer button:hover,.gallery-viewer button:focus-visible{background:#7bb6fa29}.gallery-viewer button svg{height:19px;width:19px}.viewer-screen{min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#233f5f55,#04080ee6);overscroll-behavior:contain;scrollbar-color:#637f9d #0c1421;scrollbar-width:thin}.viewer-image{display:block;width:100%;height:100%;object-fit:contain;max-height:100%;user-select:none;-webkit-user-drag:none}.viewer-screen.is-logo .viewer-image{width:auto;max-width:70%;height:83%;border-radius:18px;background:linear-gradient(145deg,#fff,#c4d1e4);box-shadow:12px 12px 0 #496079,25px 30px 55px #0009;transform:perspective(1500px) rotateY(-6deg)}.viewer-screen.is-zoomed{display:block}.viewer-screen.is-zoomed .viewer-image{width:160%;height:auto;max-width:none;max-height:none;object-fit:initial;transform:none;margin:0;border-radius:0}.viewer-screen.is-logo.is-zoomed .viewer-image{width:110%;height:auto;max-width:none}.viewer-bottom{border-top:1px solid #c8ddf41c;justify-content:center}.viewer-bottom>button{font-size:20px}.viewer-pagination{display:flex;gap:9px;align-items:center;margin-left:auto}.viewer-pagination button{width:7px;height:7px;border-radius:50%;border:0;background:#596d86}.viewer-pagination button[aria-pressed=true]{background:#d3e6ff;box-shadow:0 0 12px #7aaafca3}.viewer-counter{font-size:10px;letter-spacing:2px;color:#a0b8d4;margin-right:auto;margin-left:8px}.viewer-zoom[aria-pressed=true]{background:#426d9c77}
@media(max-width:700px){.interactive-gallery .gallery-heading{margin-bottom:24px}.gallery-interactive-grid{grid-template-columns:1fr;gap:22px}.gallery-tile{height:310px;transform:none}.gallery-tile.logo-tile{height:320px}.emblem-plaque{width:52%;max-width:210px}.gallery-viewer{width:96vw;height:86dvh;border-radius:9px}.viewer-shell{grid-template-rows:56px minmax(0,1fr) 60px}.viewer-toolbar,.viewer-bottom{padding:0 13px}.viewer-brand{font-size:9px}.viewer-screen.is-logo .viewer-image{height:auto;width:72%;max-width:72%;max-height:80%;transform:none}.viewer-screen.is-logo.is-zoomed .viewer-image{width:130%;max-width:none;max-height:none}.viewer-screen.is-zoomed .viewer-image{width:220%;max-height:none;margin-top:30px}.viewer-counter{font-size:9px}.gallery-count{font-size:9px}}
@media(prefers-reduced-motion:reduce){.gallery-tile,.emblem-plaque,.tile-scene>img,.emblem-orbit,.tile-expand{transition:none!important}.gallery-tile{transform:none!important}.gallery-tile:hover .tile-scene>img{transform:scale(1.03)}}