*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0a0a09;--panel:#11110f;--ink:#f2efe8;--muted:#9a968d;--faint:#5b5852;--line:rgba(242,239,232,.14);--warm:#d2a85c;--red:#b44c3f;--serif:"Instrument Serif",Georgia,serif;--sans:Inter,Arial,sans-serif;--mono:"JetBrains Mono",monospace;--pad:clamp(18px,4vw,64px)}
html{scroll-behavior:smooth;background:var(--bg);color:var(--ink)}
body{background:var(--bg);color:var(--ink);font:14px/1.5 var(--sans);overflow-x:hidden}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--warm);outline-offset:3px}
.grain{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.loader{position:fixed;inset:0;z-index:900;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:transform .9s cubic-bezier(.83,0,.17,1)}
.loader.done{transform:translateY(-100%);pointer-events:none}.loader-title{font:clamp(52px,11vw,142px)/.76 var(--serif);text-align:center}.loader-title span{display:block}.loader-rule{width:180px;height:1px;background:var(--line);overflow:hidden}.loader-rule i{display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left;animation:load 1.2s ease forwards}.loader-count{font:10px var(--mono);color:var(--muted)}@keyframes load{to{transform:scaleX(1)}}
.header{position:fixed;z-index:100;top:0;left:0;right:0;padding:20px var(--pad);display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference;color:#fff}.brand{display:flex;align-items:center;gap:9px;font:11px var(--mono);letter-spacing:.12em}.record-dot{width:7px;height:7px;background:#fff;border-radius:50%;animation:pulse 2s ease infinite}@keyframes pulse{50%{opacity:.25}}nav{display:flex;gap:28px}nav a{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid transparent}nav a:hover{border-color:currentColor}
.hero{height:min(88svh,880px);min-height:640px;position:relative;overflow:hidden;display:grid;place-items:center;border-bottom:1px solid var(--line)}.hero::after{content:"";position:absolute;inset:0;z-index:8;background:radial-gradient(ellipse at center,transparent 8%,rgba(10,10,9,.12) 58%,rgba(10,10,9,.72) 100%);pointer-events:none}.hero-stage{position:absolute;inset:0;z-index:1;perspective:1200px;pointer-events:none;transition:z-index 0s linear .62s}.hero.has-orbit-hover .hero-stage{z-index:12;transition-delay:0s}.hero-stage::before{content:"";position:absolute;left:50%;top:50%;width:80%;height:66%;border:1px solid rgba(242,239,232,.08);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.hero-orbit-card{position:absolute;left:50%;top:50%;width:clamp(108px,10vw,166px);pointer-events:auto;aspect-ratio:16/9;padding:0;border:0;background:var(--panel);overflow:hidden;cursor:pointer;opacity:var(--orbit-opacity);filter:brightness(var(--orbit-light)) saturate(.78) contrast(1.06);box-shadow:0 18px 52px rgba(0,0,0,.58);transform:translate(-50%,-50%) translate3d(var(--orbit-x),var(--orbit-y),0) scale(var(--orbit-scale));transition:transform .62s cubic-bezier(.22,1,.36,1),filter .42s ease,opacity .42s ease,box-shadow .55s ease,outline-color .42s ease;will-change:transform}.hero-orbit-card img,.hero-orbit-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-orbit-card img{transition:opacity .25s ease,transform .6s cubic-bezier(.16,1,.3,1)}.hero-orbit-card video{opacity:0;transition:opacity .25s ease}.hero-card-index{position:absolute;left:8px;bottom:6px;z-index:2;font:8px var(--mono);letter-spacing:.12em;color:rgba(255,255,255,.72);text-shadow:0 1px 4px #000}.hero.has-orbit-hover .hero-orbit-card:not(.is-previewing){opacity:.22;filter:brightness(.3) saturate(.45)}.hero-orbit-card.is-previewing{z-index:30!important;opacity:1;filter:brightness(1) saturate(1);outline:1px solid var(--warm);box-shadow:0 34px 110px rgba(0,0,0,.88);transform:translate(-50%,-50%) translate3d(var(--preview-x),var(--preview-y),0) scale(calc(var(--orbit-scale) * 4.6))}.hero-orbit-card.is-previewing img{opacity:0;transform:scale(1.04)}.hero-orbit-card.is-previewing video{opacity:1}.hero-copy{position:relative;z-index:9;text-align:center;pointer-events:none;transition:opacity .42s ease,transform .62s cubic-bezier(.22,1,.36,1)}.hero.has-orbit-hover .hero-copy{opacity:.08;transform:scale(.94)}.kicker{font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:25px}.hero h1{font:clamp(76px,17vw,220px)/.69 var(--serif);letter-spacing:0;text-shadow:0 8px 34px rgba(0,0,0,.72)}.hero h1 em{font-weight:400;color:var(--ink)}.hero-foot{display:flex;justify-content:center;gap:28px;margin-top:35px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.band{padding:clamp(78px,12vw,155px) var(--pad);border-bottom:1px solid var(--line)}.section-label{font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:38px}.statement{font:clamp(31px,5vw,68px)/1.08 var(--serif);max-width:1220px}.statement em{color:var(--warm);font-weight:400}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:70px}.method-grid>div{padding:24px 28px 0 0}.method-grid>div+div{border-left:1px solid var(--line);padding-left:28px}.method-grid span{font:9px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--warm)}.method-grid p{margin-top:12px;color:var(--muted);max-width:260px}
.catalogue-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.catalogue h2{font:clamp(58px,9vw,126px)/.78 var(--serif)}.catalogue h2 em{font-weight:400;color:var(--muted)}.result-count{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.filters{border-block:1px solid var(--line);margin-bottom:30px}.filter-block{display:grid;grid-template-columns:92px 1fr;padding:11px 0;min-height:46px;align-items:start}.filter-block+.filter-block{border-top:1px solid var(--line)}.filter-name{font:9px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--faint);padding-top:7px}.filter-options{display:flex;flex-wrap:wrap;gap:5px}.filter-btn{border:1px solid transparent;background:transparent;padding:5px 9px;cursor:pointer;color:var(--muted);font-size:11px}.filter-btn:hover{color:var(--ink)}.filter-btn.active{border-color:var(--ink);color:var(--ink)}
.film-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:9px}.film{grid-column:span 4;position:relative;aspect-ratio:16/10;border:0;background:var(--panel);overflow:hidden;cursor:pointer;text-align:left}.film img,.film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film img{filter:saturate(.75) contrast(1.04);transition:filter .35s,transform .7s}.film video{opacity:0;transition:opacity .3s}.film.playing video{opacity:1}.film:hover img{filter:saturate(1);transform:scale(1.025)}.film-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.88));pointer-events:none}.film-num{position:absolute;top:12px;left:12px;font:9px var(--mono);letter-spacing:.12em}.film-info{position:absolute;left:13px;right:13px;bottom:12px}.film-world{display:block;font:11px var(--mono);letter-spacing:.07em;text-transform:uppercase}.film-theme{display:block;margin-top:3px;font:18px/1.1 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.film-tags{display:flex;gap:6px;margin-top:8px}.film-tag{font:8px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#ccc}.qa-flag{position:absolute;right:11px;top:10px;color:#111;background:var(--warm);padding:4px 6px;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.empty{padding:80px 0;text-align:center;color:var(--muted);font:24px var(--serif)}
.index-list{border-top:1px solid var(--line)}.index-row{display:grid;grid-template-columns:45px minmax(220px,1.5fr) 1fr 80px;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.index-no,.index-count{font:10px var(--mono);color:var(--faint)}.index-name{font:clamp(20px,2.2vw,34px) var(--serif)}.index-topics{font:10px var(--mono);text-transform:uppercase;color:var(--muted)}.index-count{text-align:right}
.artist-link{min-height:680px;padding:80px var(--pad);border-bottom:1px solid var(--line);background:var(--panel);display:grid;place-items:center;text-align:center}.visit-inner{display:flex;flex-direction:column;align-items:center}.visit-label{display:flex;align-items:center;gap:14px;font:10px var(--mono);letter-spacing:.18em;color:var(--muted)}.visit-label span{width:30px;height:1px;background:var(--warm)}.visit-copy{margin-top:58px;font:10px var(--mono);letter-spacing:.28em;color:var(--muted)}.visit-word{margin-top:52px;font:128px/.82 var(--serif);color:var(--ink)}.visit-word:hover{color:var(--warm)}.visit-nav{display:flex;gap:34px;margin-top:60px}.visit-nav a{font:10px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.visit-nav a:hover{color:var(--ink)}
footer{display:flex;justify-content:space-between;padding:28px var(--pad);font:9px var(--mono);letter-spacing:.14em;color:var(--muted)}
.modal{position:fixed;inset:0;z-index:500;background:rgba(7,7,6,.97);display:none;overflow:auto}.modal.open{display:block}.modal-close{position:fixed;z-index:2;right:24px;top:20px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--bg);cursor:pointer;font:27px/1 var(--sans)}.modal-close:hover{background:var(--ink);color:var(--bg)}.modal-layout{width:min(1280px,100%);margin:auto;padding:72px var(--pad);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:48px}.modal-media{position:sticky;top:72px;align-self:start}.modal-media video{width:100%;display:block;background:#000}.modal-copy{padding-top:3px}.modal-eyebrow{font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--warm)}.modal-copy h3{font:clamp(38px,5vw,68px)/.92 var(--serif);margin:18px 0 14px}.modal-theme{font:20px/1.25 var(--serif);color:var(--muted);margin-bottom:27px}.modal-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:28px}.modal-tags span{border:1px solid var(--line);padding:5px 8px;font:9px var(--mono);text-transform:uppercase}.detail{border-top:1px solid var(--line);padding:16px 0}.detail dt{font:8px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:7px}.detail dd{font-size:12px;color:var(--muted);line-height:1.65}.detail.prompt dd{color:var(--ink)}.review-note{border-left:2px solid var(--warm);padding-left:14px;color:var(--warm)!important}
@media(max-width:900px){.visit-word{font-size:96px}.method-grid{grid-template-columns:repeat(2,1fr)}.method-grid>div:nth-child(3){border-left:0}.film{grid-column:span 6}.modal-layout{grid-template-columns:1fr}.modal-media{position:static}.hero-orbit-card{width:clamp(96px,14vw,132px)}}
@media(max-width:600px){.header nav{gap:14px}.header nav a:nth-child(2),.header nav a:nth-child(3){display:none}.hero{height:78svh;min-height:570px}.hero-stage::before{width:78%;height:54%}.hero-orbit-card{width:24vw;min-width:78px;max-width:98px}.hero h1{font-size:clamp(72px,25vw,104px)}.kicker{max-width:240px;margin-inline:auto;line-height:1.6}.hero-foot{max-width:270px;margin-inline:auto;margin-top:28px;gap:8px 14px;flex-wrap:wrap}.method-grid{grid-template-columns:1fr}.method-grid>div+div{border-left:0;padding-left:0}.method-grid>div{border-top:1px solid var(--line);padding-bottom:20px}.catalogue-head{align-items:flex-start;gap:24px}.filter-block{grid-template-columns:1fr}.filter-name{margin-bottom:7px}.film-grid{gap:6px}.film{grid-column:span 12}.film-theme{font-size:17px}.index-row{grid-template-columns:28px 1fr 45px}.index-topics{display:none}.modal-layout{padding-inline:18px}.modal-close{right:14px}.artist-link{min-height:620px;padding:72px 18px}.visit-copy{margin-top:48px;font-size:8px;letter-spacing:.18em}.visit-word{margin-top:44px;font-size:72px}.visit-nav{gap:18px;margin-top:48px;flex-wrap:wrap;justify-content:center}.visit-nav a{font-size:9px}footer{gap:20px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.record-dot,.loader-rule i{animation:none}.film img{transition:none}}