.spherical-gallery{--color-bg:#050505;--color-text-main:#fff;--color-text-muted:#888;--color-border:#ffffff1a;--color-border-active:#fff6;--font-mono:"JetBrains Mono", "Share Tech Mono", monospace;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--transition-smooth:all .4s cubic-bezier(.25, 1, .5, 1);--transition-fast:all .2s cubic-bezier(.25, 1, .5, 1)}.spherical-gallery,.spherical-gallery *{box-sizing:border-box;-webkit-user-select:none;user-select:none}.spherical-gallery{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-sans);width:100%;height:100dvh;position:relative;overflow:hidden}.spherical-gallery .mono-text{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:400}.spherical-gallery .vignette{z-index:2;pointer-events:none;background:radial-gradient(circle,#0505051a 0%,#05050566 50%,#050505f2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.spherical-gallery #canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.spherical-gallery .app-header{z-index:10;pointer-events:none;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:40px;width:100%;padding:30px 40px;display:grid;position:absolute;top:0;left:0}.spherical-gallery .app-header *{pointer-events:auto}.spherical-gallery .logo-container{cursor:pointer;align-items:center;gap:10px;display:flex}.spherical-gallery .logo{width:28px;height:28px;color:var(--color-text-main);transition:var(--transition-smooth)}.spherical-gallery .logo-container:hover .logo{transform:scale(1.1)rotate(5deg)}.spherical-gallery .logo-text{font-family:var(--font-mono);letter-spacing:.2em;font-size:14px;font-weight:700}.spherical-gallery .sound-btn{color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:5px 10px}.spherical-gallery .sound-btn:hover{color:var(--color-text-main);background:#ffffff0d}.spherical-gallery .header-desc{color:var(--color-text-muted);justify-self:center;max-width:420px;font-size:9.5px;line-height:1.6}.spherical-gallery .header-clocks{color:var(--color-text-muted);gap:25px;font-size:9.5px;display:flex}.spherical-gallery .clock-item{align-items:center;gap:8px;display:flex}.spherical-gallery .clock-item .dot{background-color:#0f6;border-radius:50%;width:5px;height:5px;animation:2s infinite pulse-green;display:inline-block;box-shadow:0 0 8px #0f6}.spherical-gallery .clock-item:nth-child(2) .dot{background-color:#00e6c3;animation:2s infinite pulse-cyan;box-shadow:0 0 8px #00e6c3}.spherical-gallery .clock-item .time{color:var(--color-text-main);margin-left:2px}.spherical-gallery .btn{cursor:pointer;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;transition:var(--transition-smooth);border:none;outline:none;font-size:11px}.spherical-gallery .btn-primary{background-color:var(--color-text-main);color:var(--color-bg);border-radius:30px;padding:12px 28px;font-weight:500}.spherical-gallery .btn-primary:hover{background-color:#eaeaea;transform:translateY(-2px);box-shadow:0 5px 15px #fff3}.spherical-gallery .btn-secondary{color:var(--color-text-main);border:1px solid var(--color-border);background-color:#0000;border-radius:30px;padding:14px 30px}.spherical-gallery .btn-secondary:hover{background-color:var(--color-text-main);color:var(--color-bg);border-color:var(--color-text-main)}.spherical-gallery .detail-overlay .btn-secondary{color:#0a0a0a;border-color:#0003}.spherical-gallery .detail-overlay .btn-secondary:hover{color:#fff;background-color:#0a0a0a;border-color:#0a0a0a}.spherical-gallery .sidebar-tools{z-index:10;gap:12px;display:flex;position:absolute;bottom:40px;left:40px}.spherical-gallery .tool-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;-webkit-backdrop-filter:blur(10px);width:44px;height:44px;transition:var(--transition-smooth);background:#05050566;border-radius:50%;justify-content:center;align-items:center;display:flex}.spherical-gallery .tool-btn:hover{color:var(--color-text-main);border-color:var(--color-border-active);background:#ffffff0d;transform:translateY(-2px)}.spherical-gallery .bottom-nav{z-index:10;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.spherical-gallery .nav-pill{border:1px solid var(--color-border);-webkit-backdrop-filter:blur(15px);background:#14141480;border-radius:40px;gap:5px;padding:6px;display:flex;box-shadow:0 10px 30px #00000080}.spherical-gallery .nav-item{color:var(--color-text-muted);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:30px;padding:10px 24px;font-size:13px;font-weight:500}.spherical-gallery .nav-item.active{background-color:var(--color-text-main);color:var(--color-bg);box-shadow:0 4px 10px #ffffff1a}.spherical-gallery .nav-item:not(.active):hover{color:var(--color-text-main);background-color:#ffffff0d}.spherical-gallery .interaction-hint{z-index:8;color:var(--color-text-muted);pointer-events:none;font-size:9px;animation:2s ease-in-out infinite pulse-text;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.spherical-gallery .detail-overlay{color:#0a0a0a;z-index:40;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;pointer-events:none;background-color:#fff;width:100%;height:100%;transition:opacity .6s cubic-bezier(.25,1,.5,1),visibility .6s cubic-bezier(.25,1,.5,1);position:fixed;top:0;left:0;overflow:hidden auto}.spherical-gallery .detail-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.spherical-gallery .detail-content{max-width:1200px;margin:160px auto 100px;padding:0 40px}.spherical-gallery .detail-header{border-bottom:1px solid #0000001f;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:48px;margin-bottom:60px;padding-bottom:40px;display:grid}.spherical-gallery .detail-title-group{flex-direction:column;gap:10px;min-width:0;padding-top:10px;display:flex}.spherical-gallery .detail-aside{flex-direction:column;align-items:flex-end;gap:28px;display:flex}.spherical-gallery .detail-close-btn{color:#444;cursor:pointer;background:0 0;border:1px solid #00000029;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;transition:color .25s,border-color .25s,transform .25s;display:inline-flex}.spherical-gallery .detail-close-btn:hover{color:#0a0a0a;border-color:#0006;transform:rotate(90deg)}.spherical-gallery .detail-client{color:#fb4616}.spherical-gallery #detail-title{letter-spacing:-.02em;text-transform:capitalize;color:#0a0a0a;font-size:56px;font-weight:300;line-height:1.1}.spherical-gallery .detail-meta{text-align:left;justify-content:flex-end;gap:40px;display:flex}.spherical-gallery .meta-block{flex-direction:column;gap:10px;display:flex}.spherical-gallery .meta-label{color:#888}.spherical-gallery .meta-value{color:#0a0a0a;font-size:13px}.spherical-gallery .tags-list{gap:10px;display:flex}.spherical-gallery .tags-list span{color:#0a0a0a;border:1px solid #0000002e;border-radius:12px;padding:4px 10px;font-size:9.5px}.spherical-gallery .detail-gallery{flex-direction:column;gap:24px;margin-bottom:60px;display:flex}.spherical-gallery .detail-showcase{background-color:#f1f1f1;border:1px solid #0000001f;border-radius:4px;width:100%;height:600px;margin:0;overflow:hidden}.spherical-gallery .detail-showcase img{object-fit:cover;opacity:0;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.25,1,.5,1),opacity .8s ease-in-out;transform:scale(1.05)}.spherical-gallery .detail-overlay.active .detail-showcase img{opacity:1;transform:scale(1)}.spherical-gallery .detail-body{grid-template-columns:1.2fr 1fr;gap:80px;display:grid}.spherical-gallery .detail-left .detail-lead{color:#1a1a1a;font-size:24px;font-weight:300;line-height:1.5}.spherical-gallery .detail-right{color:#555;flex-direction:column;gap:30px;font-size:15px;line-height:1.8;display:flex}.spherical-gallery .detail-actions{margin-top:20px}@keyframes pulse-green{0%{box-shadow:0 0 #00ff66b3}70%{box-shadow:0 0 0 8px #0f60}to{box-shadow:0 0 #0f60}}@keyframes pulse-cyan{0%{box-shadow:0 0 #00e6c3b3}70%{box-shadow:0 0 0 8px #00e6c300}to{box-shadow:0 0 #00e6c300}}@keyframes pulse-text{0%,to{opacity:.3}50%{opacity:.85}}@media (max-width:1100px){.spherical-gallery .app-header{grid-template-rows:auto auto;grid-template-columns:auto auto 1fr;gap:20px;padding:20px}.spherical-gallery .header-desc{grid-area:2/1/auto/4;justify-self:start;max-width:100%}.spherical-gallery .header-clocks{grid-area:1/2;justify-self:end}.spherical-gallery .talk-btn{grid-area:1/3;justify-self:end}.spherical-gallery .detail-body{grid-template-columns:1fr;gap:40px}.spherical-gallery .detail-header{grid-template-columns:1fr;row-gap:24px}.spherical-gallery .detail-aside{align-items:flex-end;width:100%}.spherical-gallery #detail-title{font-size:40px}.spherical-gallery .detail-showcase{height:400px}}@media (max-width:600px){.spherical-gallery .sound-btn,.spherical-gallery .header-clocks{display:none}.spherical-gallery .app-header{grid-template-columns:1fr auto;padding:15px}.spherical-gallery .header-desc{grid-column:1/3;font-size:8px}.spherical-gallery .talk-btn{grid-area:1/2}.spherical-gallery .sidebar-tools{bottom:20px;left:20px}.spherical-gallery .bottom-nav{bottom:20px}.spherical-gallery .nav-item{padding:8px 16px;font-size:11px}}.spherical-gallery .app-header,.spherical-gallery .bottom-nav{display:none!important}