.gallery-page{z-index:10;position:relative}.gallery-page .backdrop{z-index:0;pointer-events:none;background:radial-gradient(38% 40% at 62% 22%, #f5a6231a 0%, #f5a62308 42%, transparent 70%), var(--grad-navy-depth);position:fixed;inset:0}.gallery-page .backdrop:after{content:"";background:var(--brain-vignette);position:absolute;inset:0}.g-hero{z-index:11;padding:calc(var(--nav-h) + var(--ribbon-h) + clamp(2.5rem, 7vh, 5rem)) clamp(1.2rem, 5vw, 4.5rem) clamp(1.5rem, 3vw, 2.5rem);text-align:center;position:relative}.g-hero-inner{max-width:820px;margin:0 auto}.g-hero .eyebrow{font-family:var(--font-brain-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--neural-hot);align-items:center;gap:.6rem;margin-bottom:1.4rem;font-size:.72rem;font-weight:500;display:inline-flex}.g-hero .eyebrow .dot{background:var(--neural-core);width:6px;height:6px;box-shadow:0 0 10px var(--neural-core);border-radius:50%;animation:2.4s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}h1.g-headline{font-family:var(--font-brain-display);font-optical-sizing:auto;letter-spacing:-.025em;color:#f6f3ea;margin-bottom:1.3rem;font-size:clamp(2.6rem,6vw,5rem);font-weight:500;line-height:1.02}h1.g-headline em{background:var(--grad-gold-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:500}.g-subhead{font-family:var(--font-brain-body);color:var(--text-secondary);max-width:52ch;margin:0 auto 2.2rem;font-size:clamp(1.02rem,1.4vw,1.2rem);font-weight:400;line-height:1.6}.g-chips{z-index:11;flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:760px;margin:0 auto;padding:0 clamp(1.2rem,5vw,4.5rem);display:flex;position:relative}.g-chip{font-family:var(--font-brain-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;background:#f5f7ff09;border:1px solid #ffffff1a;border-radius:999px;padding:.55rem 1.05rem;font-size:.68rem;font-weight:500;transition:color .3s,background .3s,border-color .3s,box-shadow .3s,transform .25s;position:relative}.g-chip:hover{color:#f3f1e9;border-color:color-mix(in srgb, var(--cc,#f5a623) 45%, transparent);transform:translateY(-1px)}.g-chip .cdot{background:var(--cc,#f5a623);vertical-align:middle;width:7px;height:7px;box-shadow:0 0 8px var(--cc,#f5a623);border-radius:50%;margin-right:.5rem;display:inline-block}.g-chip[aria-pressed=true]{color:#1a1206;background:linear-gradient(180deg, color-mix(in srgb, var(--cc,#f5a623) 96%, #fff) 0%, var(--cc,#f5a623) 100%);border-color:color-mix(in srgb, var(--cc,#f5a623) 60%, transparent);box-shadow:0 8px 24px -8px color-mix(in srgb, var(--cc,#f5a623) 65%, transparent), 0 0 0 1px #ffffff40 inset}.g-chip[aria-pressed=true] .cdot{box-shadow:none;background:#1a1206}.g-body{z-index:12;background:var(--navy);background-image:radial-gradient(55% 40% at 82% 4%,#f5a6230f,#0000 60%),radial-gradient(50% 45% at 10% 30%,#8b5cf60d,#0000 60%),radial-gradient(48% 40% at 90% 70%,#22d3ee0b,#0000 60%);background-color:var(--navy);position:relative}.g-section{z-index:12;padding:clamp(2rem,4vw,3.2rem) clamp(1.2rem,5vw,4.5rem) clamp(4rem,8vw,6rem);position:relative}.g-wrap{max-width:1320px;margin:0 auto}.g-count{font-family:var(--font-brain-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-bottom:clamp(1.6rem,3vw,2.4rem);font-size:.66rem}.g-count b{color:var(--gold-hot);font-weight:500}.masonry{column-count:4;column-gap:clamp(.7rem,1.4vw,1.1rem)}@media (max-width:1200px){.masonry{column-count:3}}@media (max-width:820px){.masonry{column-count:2}}@media (max-width:520px){.masonry{column-count:1}}.tile{text-align:left;break-inside:avoid;cursor:pointer;background:linear-gradient(155deg, color-mix(in srgb, var(--tc) 46%, var(--navy)) 0%, var(--navy) 82%);width:100%;transition:transform .5s var(--ease-out-quart), border-color .4s ease, box-shadow .4s ease, opacity .45s ease;will-change:transform;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff14;border-radius:18px;margin:0 0 clamp(.7rem,1.4vw,1.1rem);display:block;position:relative;overflow:hidden}.tile .fill{width:100%;position:relative;overflow:hidden}.tile .fill:before{content:"";background:radial-gradient(120% 90% at 20% 0%, color-mix(in srgb, var(--tc) 40%, transparent), transparent 58%), radial-gradient(90% 80% at 92% 108%, color-mix(in srgb, var(--tc) 26%, transparent), transparent 55%);position:absolute;inset:0}.tile .motif{opacity:.5;mix-blend-mode:screen;transition:transform .6s var(--ease-out-quart);position:absolute;inset:0}.tile .motif svg{width:100%;height:100%}.tile .motif path,.tile .motif line{stroke:color-mix(in srgb, var(--tc) 78%, #fff);stroke-width:1px;fill:none;opacity:.45}.tile .motif circle{fill:color-mix(in srgb, var(--tc) 82%, #fff)}.tile .scrim{background:linear-gradient(#0000 38%,#070b1a59 66%,#070b1ad9 100%);position:absolute;inset:0}.tile .glyph{opacity:.55;width:34px;height:34px;stroke:color-mix(in srgb, var(--tc) 80%, #fff);fill:none;stroke-width:1.4px;z-index:2;transition:opacity .4s;position:absolute;top:.9rem;right:.9rem}.tile .tag{z-index:3;font-family:var(--font-brain-mono);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:color-mix(in srgb, var(--tc) 85%, #fff);background:color-mix(in srgb, var(--tc) 18%, #0a102499);border:1px solid color-mix(in srgb, var(--tc) 40%, transparent);border-radius:999px;padding:.3rem .6rem;font-size:.56rem;position:absolute;top:.9rem;left:.9rem}.tile .cap{z-index:3;opacity:.92;transition:transform .45s var(--ease-out-quart), opacity .45s ease;position:absolute;bottom:.9rem;left:1rem;right:1rem;transform:translateY(6px)}.tile .cap .ct{font-family:var(--font-brain-display);letter-spacing:-.01em;color:#f6f3ea;font-size:1.08rem;font-weight:600;line-height:1.2}.tile .cap .cm{font-family:var(--font-brain-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:.45rem;margin-top:.4rem;font-size:.58rem;display:flex}.tile .cap .cm .pill{color:color-mix(in srgb, var(--tc) 86%, #fff)}.tile .plus{z-index:3;opacity:0;background:#0a102480;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .4s,transform .4s,background .3s;display:grid;position:absolute;bottom:.9rem;right:.9rem;transform:scale(.85)}.tile .plus svg{stroke:#f6f3ea;stroke-width:1.8px;fill:none;width:15px;height:15px}.tile:hover{border-color:color-mix(in srgb, var(--tc) 48%, transparent);box-shadow:0 24px 54px -22px color-mix(in srgb, var(--tc) 62%, transparent), 0 0 0 1px color-mix(in srgb, var(--gold) 22%, transparent);transform:translateY(-5px)}.tile:hover .motif{transform:scale(1.06)}.tile:hover .cap{opacity:1;transform:translateY(0)}.tile:hover .plus{opacity:1;background:#f5a623d9;border-color:#fff7e066;transform:scale(1)}.tile:hover .plus svg{stroke:#241603}.tile:focus-visible{outline:2px solid var(--gold-hot);outline-offset:3px}.tile.hide{display:none}.g-empty{text-align:center;font-family:var(--font-brain-body);color:var(--text-muted);padding:3rem 0;display:none}.g-empty.show{display:block}.g-cta{z-index:12;text-align:center;max-width:820px;margin:0 auto;padding:clamp(1rem,3vw,2rem) clamp(1.2rem,5vw,4.5rem) clamp(3rem,6vw,4.5rem);position:relative}.g-cta h2{font-family:var(--font-brain-display);font-optical-sizing:auto;letter-spacing:-.024em;color:#f6f3ea;font-size:clamp(2rem,4.6vw,3.4rem);font-weight:500;line-height:1.05}.g-cta h2 em{background:var(--grad-gold-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.g-cta p{font-family:var(--font-brain-body);color:var(--text-secondary);max-width:48ch;margin:1rem auto 0;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.6}.g-cta .cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;margin-top:1.9rem;display:flex}.lightbox{z-index:200;-webkit-backdrop-filter:blur(10px);opacity:0;background:#050710d1;justify-content:center;align-items:center;padding:clamp(1rem,4vw,3rem);transition:opacity .3s;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox.shown{opacity:1}.lb-panel{border:1px solid color-mix(in srgb, var(--tc,#f5a623) 40%, #ffffff1a);background:linear-gradient(155deg, color-mix(in srgb, var(--tc,#f5a623) 42%, var(--navy)) 0%, var(--navy) 84%);width:min(880px,100%);max-height:88vh;box-shadow:0 40px 120px -30px #000c, 0 0 60px -20px color-mix(in srgb, var(--tc,#f5a623) 45%, transparent);transition:transform .4s var(--ease-out-quart);border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(.94)translateY(10px)}.lightbox.shown .lb-panel{transform:none}.lb-media{aspect-ratio:16/10;flex:1;min-height:280px;position:relative;overflow:hidden}.lb-media:before{content:"";background:radial-gradient(120% 90% at 20% 0%, color-mix(in srgb, var(--tc,#f5a623) 42%, transparent), transparent 60%), radial-gradient(90% 80% at 92% 108%, color-mix(in srgb, var(--tc,#f5a623) 28%, transparent), transparent 55%);position:absolute;inset:0}.lb-media .motif{opacity:.55;mix-blend-mode:screen;position:absolute;inset:0}.lb-media .motif svg{width:100%;height:100%}.lb-media .motif path,.lb-media .motif line{stroke:color-mix(in srgb, var(--tc,#f5a623) 80%, #fff);stroke-width:1px;fill:none;opacity:.5}.lb-media .motif circle{fill:color-mix(in srgb, var(--tc,#f5a623) 84%, #fff)}.lb-media .lb-note{z-index:2;font-family:var(--font-brain-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;font-size:.56rem;position:absolute;bottom:1rem;left:1.2rem}.lb-body{z-index:2;background:linear-gradient(180deg, #0a102400 0%, var(--navy) 40%);padding:1.4rem 1.6rem 1.6rem;position:relative}.lb-body .lb-tag{font-family:var(--font-brain-mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--tc,#f5a623) 86%, #fff);background:color-mix(in srgb, var(--tc,#f5a623) 14%, transparent);border:1px solid color-mix(in srgb, var(--tc,#f5a623) 34%, transparent);border-radius:999px;margin-bottom:.8rem;padding:.3rem .6rem;font-size:.58rem;display:inline-block}.lb-body .lb-title{font-family:var(--font-brain-display);letter-spacing:-.015em;color:#f6f3ea;font-size:clamp(1.4rem,3vw,2rem);font-weight:600;line-height:1.1}.lb-body .lb-meta{font-family:var(--font-brain-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-top:.7rem;font-size:.66rem}.lb-close{z-index:5;cursor:pointer;background:#0a102499;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .25s,border-color .25s,transform .25s;display:grid;position:absolute;top:.9rem;right:.9rem}.lb-close:hover{background:#f5a623d9;border-color:#fff7e066;transform:rotate(90deg)}.lb-close svg{stroke:#f6f3ea;stroke-width:2px;fill:none;width:18px;height:18px}.lb-close:hover svg{stroke:#241603}.lb-nav{z-index:5;cursor:pointer;background:#0a10248c;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .25s,border-color .25s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav:hover{background:#f5a623cc;border-color:#fff7e066}.lb-nav svg{stroke:#f6f3ea;stroke-width:2px;fill:none;width:20px;height:20px}.lb-nav:hover svg{stroke:#241603}.lb-prev{left:.9rem}.lb-next{right:.9rem}@media (max-width:520px){h1.g-headline{font-size:clamp(2.2rem,11vw,3rem)}.lb-nav{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.g-hero .eyebrow .dot{animation:none!important}.tile,.tile .motif,.tile .cap,.lightbox,.lb-panel{transition:none!important}}
