
:root{--ink:#15100d;--paper:#efe4cd;--bone:#f7f1e5;--gold:#b38a55;--red:#8b1e22;--muted:#998d7e;--line:rgba(21,16,13,.18);--max:1500px;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);overflow-x:hidden}body.no-scroll{overflow:hidden}a{color:inherit}button{font:inherit}.skip{position:fixed;left:12px;top:-60px;z-index:9999;background:var(--bone);padding:12px 18px}.skip:focus{top:12px}.grain{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;height:78px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;color:var(--bone);mix-blend-mode:difference;transition:background .3s,mix-blend-mode .3s,color .3s}.site-header.scrolled{mix-blend-mode:normal;background:rgba(21,16,13,.92);backdrop-filter:blur(15px)}.brand{text-decoration:none;display:flex;align-items:center;gap:13px;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.brand-mark{border:1px solid currentColor;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:11px}.main-nav{display:flex;gap:34px}.main-nav a{text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.15em;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right .25s}.main-nav a:hover:after{right:0}.menu-toggle{display:none;background:0;border:0;color:inherit;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:flex-end;color:var(--bone);overflow:hidden;background:var(--ink)}.hero-slides,.hero-slide,.hero-shade{position:absolute;inset:0}.hero-slide{background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity 1.6s ease,transform 7s linear}.hero-slide.active{opacity:1;transform:scale(1)}.hero-shade{background:linear-gradient(90deg,rgba(12,8,6,.83) 0%,rgba(12,8,6,.5) 44%,rgba(12,8,6,.08) 80%),linear-gradient(0deg,rgba(12,8,6,.8),transparent 45%)}.hero-content{position:relative;z-index:2;padding:0 clamp(24px,8vw,130px) clamp(64px,10vh,110px);max-width:1200px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:10px;font-weight:650;margin:0 0 18px}.eyebrow.dark{color:var(--red)}.hero h1{font-family:var(--serif);font-size:clamp(64px,10vw,160px);line-height:.78;letter-spacing:-.055em;font-weight:400;margin:0}.hero h1 em,.footer-title em{color:var(--gold);font-weight:400}.hero-copy{font-family:var(--serif);font-size:clamp(19px,2.1vw,32px);line-height:1.25;margin:34px 0 30px;max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{appearance:none;border:1px solid currentColor;background:none;color:inherit;padding:15px 22px;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--red);border-color:var(--red);color:var(--bone)}.button.primary:hover{background:#a32329}.button.ghost:hover{background:var(--bone);color:var(--ink)}.hero-index{position:absolute;right:clamp(24px,5vw,70px);bottom:80px;z-index:2;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.15em}.hero-index i{display:block;width:65px;height:1px;background:rgba(255,255,255,.5)}.scroll-cue{position:absolute;right:clamp(24px,5vw,70px);bottom:25px;z-index:3;color:var(--bone);text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:8px;display:flex;align-items:center;gap:10px}.scroll-cue span{width:25px;height:25px;border:1px solid rgba(255,255,255,.45);border-radius:50%;position:relative}.scroll-cue span:after{content:"";width:4px;height:4px;border-right:1px solid white;border-bottom:1px solid white;transform:rotate(45deg);position:absolute;left:9px;top:8px}
.section{padding:clamp(80px,11vw,170px) clamp(22px,6vw,100px)}.section-number{font-family:var(--serif);font-style:italic;color:var(--red);font-size:17px}.section-number.inline{display:block;margin-bottom:18px}.manifesto{max-width:var(--max);margin:auto}.manifesto-grid{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(320px,1.35fr);gap:clamp(50px,8vw,150px);align-items:start}.kicker{font-family:var(--serif);font-size:clamp(31px,4vw,58px);line-height:1.03;margin:38px 0 0}.manifesto h2,.section-heading h2,.archive h2,.films h2,.sound-copy h2,.oracle h2{font-family:var(--serif);font-size:clamp(46px,6vw,92px);line-height:.95;font-weight:400;letter-spacing:-.045em;margin:0 0 36px}.manifesto-grid>div:last-child{padding-top:35px}.manifesto-grid>div:last-child>p:not(.signature){font-family:var(--serif);font-size:clamp(18px,1.6vw,25px);line-height:1.58;margin:0 0 24px;max-width:800px}.signature{text-transform:uppercase;letter-spacing:.15em;font-size:9px;color:var(--red);margin-top:42px}.quote-band{background:var(--ink);color:var(--bone);min-height:60vh;display:grid;place-items:center;padding:100px 25px;text-align:center}.quote-band p{font-family:var(--serif);font-size:clamp(44px,7vw,112px);line-height:1.02;letter-spacing:-.04em;margin:0}.quote-band em{color:var(--gold);font-weight:400}
.constellations{background:var(--bone)}.section-heading{max-width:var(--max);margin:0 auto 75px;display:grid;grid-template-columns:.6fr 1fr 1fr;gap:50px;align-items:end}.section-heading h2{margin:0}.section-heading>p{font-family:var(--serif);font-size:20px;line-height:1.55;margin:0}.constellation-rail{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.chapter-card{min-width:0;background:var(--ink);color:var(--bone);cursor:pointer;overflow:hidden;position:relative;aspect-ratio:.68;display:flex;align-items:flex-end}.chapter-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05);transition:transform .8s,filter .5s}.chapter-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,7,5,.94),transparent 68%)}.chapter-card div{position:relative;z-index:2;padding:25px}.chapter-card span{font-family:var(--serif);font-style:italic;color:var(--gold)}.chapter-card h3{font-family:var(--serif);font-weight:400;font-size:clamp(23px,2vw,35px);line-height:1;margin:25px 0 12px}.chapter-card p{font-size:11px;line-height:1.55;color:rgba(255,255,255,.7);margin:0;max-height:0;opacity:0;transition:max-height .5s,opacity .4s}.chapter-card:hover img{transform:scale(1.07);filter:saturate(1)}.chapter-card:hover p{max-height:100px;opacity:1}
.archive{background:var(--paper);max-width:none}.archive-top{max-width:var(--max);margin:0 auto 45px;display:flex;align-items:end;justify-content:space-between;gap:50px}.archive-top h2{margin:0}.archive-intro{max-width:470px;font-family:var(--serif);font-size:18px;line-height:1.55}.filters{max-width:var(--max);margin:0 auto 35px;display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid rgba(21,16,13,.3);background:transparent;padding:10px 15px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:var(--bone)}.gallery{max-width:var(--max);margin:auto;columns:3;column-gap:15px}.gallery-item{break-inside:avoid;margin:0 0 15px;position:relative;cursor:zoom-in;overflow:hidden;background:#d8ccb7;animation:fadeIn .55s both}.gallery-item:nth-child(5n+1) .image-wrap{aspect-ratio:1.35}.gallery-item:nth-child(5n+2) .image-wrap{aspect-ratio:1.7}.gallery-item:nth-child(5n+3) .image-wrap{aspect-ratio:1.15}.gallery-item:nth-child(5n+4) .image-wrap{aspect-ratio:1.55}.gallery-item:nth-child(5n) .image-wrap{aspect-ratio:1.3}.image-wrap{overflow:hidden;position:relative}.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s,filter .4s;filter:saturate(.82)}.gallery-item:hover img{transform:scale(1.035);filter:saturate(1)}.gallery-caption{padding:15px 3px 14px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:38px 1fr;gap:5px 12px}.gallery-caption>span{font-family:var(--serif);color:var(--red);font-style:italic;font-size:12px;grid-row:1/3}.gallery-caption h3{font-family:var(--serif);font-size:20px;font-weight:400;margin:0}.gallery-caption p{font-size:10px;line-height:1.5;color:#635a50;margin:0}.load-more{display:block;margin:45px auto 0;color:var(--ink)}@keyframes fadeIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.sound-section{background:var(--red);color:var(--bone)}.sound-card{max-width:1100px;margin:auto;display:grid;grid-template-columns:380px 1fr;align-items:center;gap:clamp(50px,9vw,140px)}.vinyl{position:relative;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#17110f 0 2px,#221a17 3px 5px);box-shadow:0 35px 65px rgba(0,0,0,.35);display:grid;place-items:center;animation:spin 14s linear infinite;animation-play-state:paused}.vinyl.playing{animation-play-state:running}.vinyl:before{content:"RETABLOS  /  THE LAST PROCESSION";font-size:8px;letter-spacing:.25em;width:42%;height:42%;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;text-align:center;padding:20px}.vinyl i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--bone)}@keyframes spin{to{transform:rotate(360deg)}}.sound-copy h2{font-size:clamp(46px,6vw,85px)}.sound-copy>p:not(.eyebrow){font-family:var(--serif);font-size:20px;line-height:1.5;max-width:600px}.audio-controls{display:flex;align-items:center;gap:18px;margin-top:35px}.audio-toggle{width:58px;height:58px;border:1px solid var(--bone);border-radius:50%;background:none;color:var(--bone);display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.play-icon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;margin-left:3px}.audio-toggle.playing .play-icon{width:11px;height:14px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor;margin:0}.audio-progress{height:2px;background:rgba(255,255,255,.3);width:min(350px,45vw);cursor:pointer;position:relative}.audio-progress i{position:absolute;left:0;top:0;bottom:0;background:var(--bone);width:0}.audio-progress:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--bone);left:var(--progress,0%);top:-4px;transform:translateX(-5px)}#audio-time{font-size:10px;letter-spacing:.12em}
.films{background:var(--bone)}.film-heading{margin-bottom:55px}.video-frame{max-width:1300px;margin:auto;aspect-ratio:16/9;background:var(--ink);padding:10px;box-shadow:0 28px 75px rgba(45,31,22,.2)}.video-frame iframe{width:100%;height:100%;border:0}.playlist-link{display:block;width:max-content;margin:24px auto 0;text-transform:uppercase;letter-spacing:.14em;font-size:10px;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}
.oracle{background:var(--ink);color:var(--bone);text-align:center;min-height:75vh;display:grid;place-items:center}.oracle-inner{max-width:900px;width:100%}.oracle h2{font-size:clamp(58px,8vw,120px);margin-bottom:20px}.oracle-inner>p:not(.eyebrow){font-family:var(--serif);font-size:22px}.oracle-result{margin:45px auto 0;max-width:650px;display:none}.oracle-result.visible{display:grid;grid-template-columns:240px 1fr;gap:25px;text-align:left;align-items:center;animation:fadeIn .5s}.oracle-result img{width:100%;aspect-ratio:16/10;object-fit:cover}.oracle-result h3{font-family:var(--serif);font-size:32px;font-weight:400;margin:0 0 12px}.oracle-result p{font-family:var(--serif);font-size:16px;line-height:1.5;color:rgba(255,255,255,.7)}
footer{background:#0d0907;color:var(--bone);padding:70px clamp(22px,6vw,100px);display:grid;grid-template-columns:1fr 1fr auto;gap:50px;align-items:end}.footer-title{font-family:var(--serif);font-size:clamp(42px,6vw,85px);line-height:.82}.footer-meta{font-size:10px;line-height:1.6;color:rgba(255,255,255,.6)}.footer-meta p{margin:3px}.back-top{text-transform:uppercase;letter-spacing:.15em;font-size:9px;text-decoration:none}
.lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:0;background:rgba(9,6,5,.97);color:var(--bone);z-index:3000}.lightbox::backdrop{background:#090605}.lightbox[open]{display:grid;place-items:center}.lightbox figure{margin:0;width:min(86vw,1500px);height:88vh;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center}.lightbox figure img{max-width:100%;max-height:74vh;width:auto;height:auto;margin:auto;display:block;box-shadow:0 20px 80px rgba(0,0,0,.45)}.lightbox figcaption{max-width:850px;margin:20px auto 0;text-align:center}.lightbox figcaption span{font-size:9px;letter-spacing:.15em;color:var(--gold)}.lightbox figcaption h3{font-family:var(--serif);font-weight:400;font-size:28px;margin:7px 0}.lightbox figcaption p{font-family:var(--serif);font-size:14px;color:rgba(255,255,255,.62);margin:0}.lightbox-close,.lightbox-nav{position:fixed;z-index:2;background:none;border:0;color:var(--bone);cursor:pointer}.lightbox-close{right:25px;top:18px;font-size:35px;font-weight:200}.lightbox-nav{top:50%;font-size:35px;width:65px;height:65px}.lightbox-nav.prev{left:15px}.lightbox-nav.next{right:15px}
.ritual{position:fixed;inset:0;background:#070504;z-index:4000;color:var(--bone);display:none;overflow:hidden}.ritual.active{display:block}.ritual>img{width:100%;height:100%;object-fit:cover;opacity:.88;animation:ritualZoom 6s linear both}.ritual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,3,2,.88),transparent 55%)}@keyframes ritualZoom{from{transform:scale(1)}to{transform:scale(1.06)}}.ritual-close{position:absolute;z-index:5;right:25px;top:22px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.25);color:white;padding:10px 14px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;cursor:pointer}.ritual-caption{position:absolute;z-index:3;left:clamp(24px,8vw,120px);bottom:clamp(40px,9vh,100px);max-width:750px}.ritual-caption span{font-size:10px;letter-spacing:.15em;color:var(--gold)}.ritual-caption h2{font-family:var(--serif);font-size:clamp(46px,6vw,90px);font-weight:400;line-height:.95;margin:10px 0 18px}.ritual-caption p{font-family:var(--serif);font-size:18px;color:rgba(255,255,255,.72)}.ritual-progress{position:absolute;z-index:3;left:0;bottom:0;right:0;height:3px;background:rgba(255,255,255,.15)}.ritual-progress i{display:block;height:100%;background:var(--gold);width:0}.ritual.active .ritual-progress i{animation:progress 5.8s linear infinite}@keyframes progress{from{width:0}to{width:100%}}
@media(max-width:980px){.main-nav{position:fixed;top:72px;left:12px;right:12px;background:rgba(21,16,13,.97);padding:25px;display:none;flex-direction:column;gap:24px}.main-nav.open{display:flex}.menu-toggle{display:block}.manifesto-grid{grid-template-columns:1fr}.manifesto-grid>div:last-child{padding-top:0}.section-heading{grid-template-columns:1fr;gap:16px}.constellation-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.chapter-card{flex:0 0:min(76vw,380px);scroll-snap-align:start}.gallery{columns:2}.sound-card{grid-template-columns:280px 1fr}.archive-top{display:block}.archive-intro{margin-top:22px}}
@media(max-width:650px){.site-header{height:66px}.brand-text{display:none}.hero{min-height:650px}.hero-shade{background:linear-gradient(0deg,rgba(10,7,5,.88) 0%,rgba(10,7,5,.25) 80%)}.hero-content{padding-bottom:80px}.hero h1{font-size:clamp(58px,18vw,90px)}.hero-copy{font-size:19px}.scroll-cue,.hero-index{display:none}.section{padding:82px 20px}.quote-band{min-height:50vh}.gallery{columns:1}.gallery-item:nth-child(n) .image-wrap{aspect-ratio:1.45}.sound-card{grid-template-columns:1fr;text-align:center}.vinyl{width:260px;margin:auto}.audio-controls{justify-content:center}.film-heading{display:block}.film-heading h2{margin-top:12px}.video-frame{padding:4px}.oracle-result.visible{grid-template-columns:1fr;text-align:center}.oracle-result img{max-width:360px;margin:auto}footer{grid-template-columns:1fr}.lightbox figure{width:94vw;height:92vh}.lightbox-nav{top:auto;bottom:16px}.lightbox-nav.prev{left:18px}.lightbox-nav.next{right:18px}.lightbox figcaption{padding:0 35px}.lightbox figcaption p{display:none}.ritual-caption{left:20px;right:20px}.ritual-caption h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide,.chapter-card img,.gallery-item img{transition:none}.vinyl,.ritual>img,.ritual-progress i{animation:none!important}}
