#gallery{--gallery-accent:#cba381;--gallery-glass-bg:#ffffff03;--gallery-glass-border:#ffffff0a;--gallery-glass-highlight:#ffffff1a;--gallery-text-muted:#888890;--gallery-font-ui:var(--font-space-grotesk),sans-serif;--gallery-font-body:var(--font-space-grotesk),sans-serif;--gallery-font-display:var(--font-playfair),"Playfair Display",serif;--gallery-ease-out-expo:cubic-bezier(.16,1,.3,1)}.gallery-header-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:0 2rem;display:flex;position:relative}.gallery-tagline{font-family:var(--gallery-font-ui);color:var(--gallery-text-muted);letter-spacing:.4em;text-transform:uppercase;opacity:0;margin-bottom:2rem;font-size:.8rem}.gallery-tagline.in-view{animation:2s forwards galleryFadeIn}.gallery-title{font-family:var(--gallery-font-display);letter-spacing:-.01em;color:#fff;opacity:0;margin-bottom:1.5rem;font-size:clamp(3.5rem,8vw,7rem);line-height:1.1}.gallery-title.in-view{animation:galleryFadeUp 1.5s var(--gallery-ease-out-expo).3s forwards}.gallery-title i{font-family:var(--gallery-font-display);opacity:.7;font-style:italic;font-weight:400}.gallery-subtitle{max-width:500px;color:var(--gallery-text-muted);opacity:0;font-size:1.1rem;font-weight:300;line-height:1.6}.gallery-subtitle.in-view{animation:galleryFadeUp 1.5s var(--gallery-ease-out-expo).5s forwards}.gallery-container{max-width:1600px;margin:0 auto;padding:5rem 2rem 15rem;position:relative}.gallery-container:before{content:"";background:radial-gradient(1000px circle at var(--mouse-x,50%)var(--mouse-y,50%),#60a5fa08,transparent 50%);z-index:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:-20%}.gallery-grid-wrap{z-index:1;grid-template-columns:repeat(12,1fr);gap:2rem;display:grid;position:relative}.gallery-frame{background:var(--gallery-glass-bg);border:1px solid var(--gallery-glass-border);-webkit-backdrop-filter:blur(20px);transform-style:preserve-3d;opacity:0;filter:blur(10px);transition:opacity 1s var(--gallery-ease-out-expo),transform 1.2s var(--gallery-ease-out-expo),filter 1s var(--gallery-ease-out-expo),border-color .4s;border-radius:12px;flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:relative;overflow:hidden;transform:translateY(80px)scale(.95)rotateX(5deg)}.gallery-frame.in-view{opacity:1;filter:blur();transform:translateY(0)scale(1)rotateX(0)}.gallery-frame:after{content:"";z-index:-1;background:linear-gradient(to bottom right,#0000,#ffffff05,#0000,#60a5fa05,#0000);width:200%;height:200%;animation:8s linear infinite galleryDataFlow;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}.gallery-frame:hover{border-color:var(--gallery-glass-highlight)}.gallery-frame:before{content:"+";font-family:var(--gallery-font-ui);color:#fff3;font-size:1.2rem;line-height:1;position:absolute;top:1rem;right:1.2rem}.gallery-frame-meta{font-family:var(--gallery-font-ui);text-transform:uppercase;letter-spacing:.2em;color:var(--gallery-text-muted);border-top:1px solid #ffffff0d;justify-content:space-between;margin-top:auto;padding-top:1rem;font-size:.65rem;display:flex}.gallery-frame-meta span:last-child{color:var(--gallery-accent)}.gallery-size-large{aspect-ratio:16/9;grid-column:span 8}.gallery-size-tall{aspect-ratio:3/4;grid-column:span 4}.gallery-size-square{aspect-ratio:1;grid-column:span 4}.gallery-size-wide{aspect-ratio:21/9;grid-column:span 8}.gallery-noise{z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}@keyframes galleryFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes galleryFadeIn{0%{opacity:0}to{opacity:1}}@keyframes galleryDataFlow{0%{transform:rotate(30deg)translateY(-50%)}to{transform:rotate(30deg)translateY(50%)}}@media (max-width:1024px){.gallery-size-large,.gallery-size-tall,.gallery-size-square,.gallery-size-wide{aspect-ratio:auto;grid-column:span 6;min-height:300px}}@media (max-width:600px){.gallery-size-large,.gallery-size-tall,.gallery-size-square,.gallery-size-wide{grid-column:span 12;min-height:250px}.gallery-grid-wrap{gap:1rem}.gallery-header-section{min-height:60vh}}
.archives-section{--archive-gold:var(--color-copper);--archive-blue:var(--color-copper);--archive-muted:var(--text-muted);--archive-font-ui:var(--font-space-grotesk),sans-serif;--archive-font-body:var(--font-space-grotesk),sans-serif;--archive-font-display:var(--font-playfair),serif;background-color:#0000;flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.warp-canvas-container{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.archive-noise{z-index:1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.singularity-core{width:2px;height:2px;box-shadow:0 0 100px 50px rgba(var(--color-info-rgb),.2),0 0 200px 100px rgba(var(--color-copper-rgb),.1);border-radius:var(--radius-lg);z-index:2;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.archive-header{z-index:100;position:absolute;top:5rem;left:5%}.archive-tagline{font-family:var(--archive-font-ui);color:var(--archive-gold);letter-spacing:.4em;text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;display:block}.archive-title{font-family:var(--archive-font-display);letter-spacing:.05em;color:var(--text-primary);padding:.2rem 0;font-size:2rem;font-weight:400}.archive-title i{color:var(--archive-muted);font-style:italic}.archive-reticle{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);z-index:3;pointer-events:none;justify-content:center;align-items:center;width:60vh;height:60vh;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.archive-reticle:before,.archive-reticle:after{content:"";background:var(--white-subtle);position:absolute}.archive-reticle:before{width:100%;height:1px}.archive-reticle:after{width:1px;height:100%}.archive-timeline{z-index:100;flex-direction:column;gap:1.5rem;display:flex;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.time-node{font-family:var(--archive-font-ui);color:var(--archive-muted);cursor:pointer;text-align:right;background:0 0;border:none;padding-right:1.5rem;font-size:.7rem;transition:all .3s;position:relative}.time-node:after{content:"";border-radius:var(--radius-lg);background:var(--archive-muted);width:4px;height:4px;transition:all .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.time-node.active{color:var(--text-primary);font-size:.9rem;font-weight:500}.time-node.active:after{background:var(--archive-gold);box-shadow:0 0 10px var(--archive-gold);transform:translateY(-50%)scale(2)}.archive-viewport{perspective:1000px;z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.archive-camera{width:100%;height:100%;transform-style:preserve-3d;pointer-events:auto;position:absolute}.memory-slab{width:700px;height:400px;transform-style:preserve-3d;background:linear-gradient(135deg,var(--white-subtle)0%,var(--white-subtle)100%);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(15px);will-change:transform,opacity,filter;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;margin-top:-200px;margin-left:-350px;transition:border-color .5s,box-shadow .5s;display:flex;position:absolute;top:50%;left:50%}.memory-slab:before,.memory-slab:after{content:"";pointer-events:none;width:30px;height:30px;position:absolute}.memory-slab:before{border-top:1px solid var(--color-white);border-left:1px solid var(--color-white);top:-1px;left:-1px}.memory-slab:after{border-bottom:1px solid var(--color-white);border-right:1px solid var(--color-white);bottom:-1px;right:-1px}.slab-year{font-family:var(--archive-font-display);color:var(--archive-gold);font-size:1.5rem;font-style:italic;position:absolute;top:2rem;left:2rem}.slab-meta{font-family:var(--archive-font-ui);color:var(--archive-muted);text-transform:uppercase;letter-spacing:.2em;text-align:right;font-size:.7rem;position:absolute;top:2rem;right:2rem}.slab-title{font-family:var(--archive-font-ui);text-transform:uppercase;letter-spacing:.1em;text-align:center;z-index:2;color:var(--text-primary);font-size:3.5rem;font-weight:300;line-height:1.1}.slab-subtitle{font-family:var(--archive-font-body);color:var(--archive-muted);text-align:center;z-index:2;max-width:400px;margin-top:1rem;font-size:.9rem}.slab-grid{background-image:linear-gradient(var(--white-subtle)1px,transparent 1px),linear-gradient(90deg,var(--white-subtle)1px,transparent 1px);opacity:0;z-index:1;background-position:50%;background-size:40px 40px;transition:opacity .5s;position:absolute;inset:0}.memory-slab.is-active .slab-grid{opacity:1}.memory-slab.is-active{border-color:var(--copper-strong);box-shadow:0 0 80px rgba(var(--color-black-rgb),.8)}.archive-scroll-hint{z-index:100;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.archive-mouse-icon{border:1px solid var(--archive-muted);border-radius:var(--radius-lg);width:20px;height:30px;position:relative}.archive-mouse-wheel{background:var(--color-white);border-radius:2px;width:2px;height:6px;animation:1.5s infinite archiveScrollDown;position:absolute;top:5px;left:50%;transform:translate(-50%)}@keyframes archiveScrollDown{0%{opacity:1;top:5px}to{opacity:0;top:15px}}@media (max-width:1024px){.archive-header{text-align:left;top:4rem;left:5%}.archive-title{font-size:clamp(1.6rem,4vw,2.2rem)}.memory-slab{width:80vw;height:45vh;margin-top:-22.5vh;margin-left:-40vw}.slab-title{font-size:clamp(1.8rem,6vw,2.8rem)}}@media (max-width:768px){.archive-header{text-align:center;width:100%;padding:0 1rem;top:3.5rem;left:50%;transform:translate(-50%)}.archive-tagline{letter-spacing:.3em;font-size:.6rem}.archive-title{font-size:1.45rem}.archive-timeline{-webkit-backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:100px;flex-direction:row;gap:.75rem;padding:.75rem 1.25rem;inset:auto auto 8% 50%;transform:translate(-50%)}.time-node{text-align:center;opacity:.5;padding-right:0;font-size:.65rem}.time-node:after{display:none}.time-node.active{opacity:1;color:var(--archive-gold);font-size:.8rem}.memory-slab{border-radius:12px;width:90vw;height:55vh;margin-top:-27.5vh;margin-left:-45vw;padding:1.5rem}.slab-title{letter-spacing:.05em;font-size:1.6rem;line-height:1.2}.slab-subtitle{max-width:100%;margin-top:1.2rem;font-size:.75rem;line-height:1.6}.slab-year{font-size:1rem;top:1.2rem;left:1.2rem}.slab-meta{font-size:.5rem;top:1.2rem;right:1.2rem}.archive-reticle{opacity:.3;width:85vw;height:85vw}.archive-scroll-hint{display:none}}@media (max-width:480px){.archive-title{font-size:1.25rem}.archive-timeline{justify-content:center;gap:.4rem;width:95%;padding:.5rem .8rem}.time-node{font-size:.55rem}.memory-slab{height:48vh;margin-top:-24vh}.slab-title{font-size:1.2rem}.slab-subtitle{font-size:.7rem}}
:root{--performer-bg:#050507;--performer-accent:#cba381;--performer-font-display:"Playfair Display",serif;--performer-font-ui:"Space Grotesk",sans-serif;--performer-ease:cubic-bezier(.16,1,.3,1)}.performer-archive-container{background:var(--performer-bg);color:#fff;font-family:var(--font-space-grotesk),sans-serif;min-height:100vh;position:relative;overflow-x:hidden}.noise-performer{z-index:1;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.hover-preview-performer{pointer-events:none;z-index:50;opacity:0;width:350px;height:500px;transition:opacity .4s var(--performer-ease),transform .6s var(--performer-ease);background:#000;border:1px solid #ffffff1a;border-radius:4px;position:fixed;overflow:hidden;transform:scale(.8)rotate(-5deg)}.hover-preview-performer.active{opacity:1;transform:scale(1)rotate(0)}.preview-img-performer{object-fit:cover;filter:grayscale(.2)contrast(1.1);width:100%;height:100%}.preview-scan-performer{background:var(--performer-accent);opacity:.3;z-index:2;width:100%;height:2px;animation:3s linear infinite scanLinePerformer;position:absolute;top:0;left:0}@keyframes scanLinePerformer{0%{top:0}to{top:100%}}.performer-content-container{z-index:10;padding:15vh 10vw;position:relative}.section-tag-performer{font-family:var(--performer-font-ui);letter-spacing:.6em;text-transform:uppercase;color:var(--performer-accent);margin-bottom:6rem;font-size:.7rem;display:block}.archive-list-performer{flex-direction:column;display:flex}.archive-item-performer{cursor:pointer;transition:all .4s var(--performer-ease);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-end;padding:3.5rem 0;display:flex;position:relative}.item-year-performer{font-family:var(--performer-font-ui);color:var(--performer-accent);opacity:.6;margin-bottom:.5rem;font-size:.8rem;display:block}.item-name-performer{font-family:var(--performer-font-display);transition:transform .4s var(--performer-ease),color .4s var(--performer-ease);color:#fff;font-size:clamp(2.5rem,6vw,6rem);font-weight:400;line-height:1}.item-role-performer{font-family:var(--performer-font-ui);letter-spacing:3px;text-transform:uppercase;color:#555;transition:color .4s var(--performer-ease);font-size:.7rem}.archive-item-performer:hover .item-name-performer{color:var(--performer-accent);transform:translate(30px)}.archive-item-performer:hover .item-role-performer{color:var(--performer-accent);opacity:.6}@media (max-width:768px){.hover-preview-performer{display:none}.performer-content-container{padding:10vh 5vw}.item-name-performer{font-size:2.5rem}.archive-item-performer{flex-direction:column;align-items:flex-start;gap:1rem}}