@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Cormorant+SC:wght@300;400&family=Spectral:ital,wght@0,200;0,300;1,200&display=swap');

*{margin:0;padding:0;box-sizing:border-box}

:root{
  --bg:#100e0c;
  --bg2:#140f0c;
  --stone:#1e1815;
  --ochre:#C08A28;
  --ochre2:#9A6B1A;
  --bone:#D8CFBC;
  --bone2:#A89880;
  --sienna:#7A3B20;
  --lapis:#2C3D4E;
  --text:#C4BAA8;
  --dim:#5a5248;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sc:'Cormorant SC',serif;
  --spectral:'Spectral',serif;
}

.site{background:var(--bg);color:var(--text);font-family:var(--serif);font-weight:300;overflow-x:hidden;position:relative;font-size:16px}

/* GRAIN OVERLAY */
.site::before{
  content:'';position:fixed;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  opacity:.045;pointer-events:none;z-index:9999;mix-blend-mode:overlay
}

/* NAV */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 48px;
  border-bottom:1px solid rgba(160,140,120,.07);
  backdrop-filter:blur(2px);
  background:rgba(16,14,12,.7)
}

.nav-mark{display:flex;align-items:center;gap:14px;text-decoration:none}
.nav-glyph{width:28px;height:28px;opacity:.85}
.nav-name{font-family:var(--sc);font-size:13px;letter-spacing:.35em;color:var(--ochre);font-weight:300}

.nav-links{display:flex;gap:38px;list-style:none}
.nav-links a{
  font-family:var(--sc);font-size:10.5px;letter-spacing:.28em;
  color:var(--dim);text-decoration:none;
  transition:color .4s;text-transform:lowercase
}
.nav-links a:hover{color:var(--bone)}
.nav-links .coming{opacity:.35;cursor:default;font-style:italic}

/* ======== HERO ======== */
.hero{
  min-height:100vh;display:flex;flex-direction:column;
  justify-content:center;align-items:center;
  position:relative;overflow:hidden;
  padding:120px 40px 80px
}

/* cave wall radial glow */
.hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 55% 60% at 50% 48%,rgba(90,55,25,.22) 0%,transparent 70%);
  pointer-events:none
}

/* asemic background text */
.asemic-bg{
  position:absolute;inset:0;overflow:hidden;
  opacity:.055;pointer-events:none;
  font-family:var(--spectral);font-size:13px;
  color:var(--bone);line-height:2.1;
  padding:80px 60px;
  font-style:italic;
  letter-spacing:.04em;
  word-spacing:.5em
}

.hero-center{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;
  text-align:center;max-width:700px
}

.hero-glyph{
  width:140px;height:140px;
  margin-bottom:42px;
  animation:breathe 8s ease-in-out infinite;
  opacity:.7
}

@keyframes breathe{
  0%,100%{opacity:.65;transform:scale(1)}
  50%{opacity:.85;transform:scale(1.04)}
}

.hero-eyebrow{
  font-family:var(--sc);font-size:9.5px;
  letter-spacing:.55em;color:var(--ochre2);
  margin-bottom:22px;font-weight:300
}

.hero-title{
  font-family:var(--sc);font-size:clamp(36px,6vw,64px);
  font-weight:300;letter-spacing:.22em;
  color:var(--bone);line-height:1.1;
  margin-bottom:24px
}

.hero-rule{
  width:1px;height:52px;background:var(--ochre2);
  opacity:.45;margin:0 auto 24px
}

.hero-tagline{
  font-family:var(--spectral);font-style:italic;
  font-size:clamp(16px,2.2vw,20px);font-weight:200;
  color:var(--bone2);line-height:1.75;
  max-width:520px;letter-spacing:.01em
}

.hero-sub{
  margin-top:38px;
  font-family:var(--sc);font-size:9px;
  letter-spacing:.45em;color:var(--dim);
}

.hero-enter{
  margin-top:48px;
  display:inline-block;
  font-family:var(--sc);font-size:9.5px;
  letter-spacing:.42em;color:var(--ochre);
  border:1px solid rgba(192,138,40,.25);
  padding:13px 28px;
  cursor:pointer;
  transition:all .5s;
  text-decoration:none
}
.hero-enter:hover{
  border-color:rgba(192,138,40,.6);
  color:var(--bone);background:rgba(192,138,40,.05)
}

/* Scroll hint */
.scroll-hint{
  position:absolute;bottom:36px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:10px;
  opacity:.25
}
.scroll-line{width:1px;height:42px;background:var(--bone);animation:scrollpulse 2.5s ease-in-out infinite}
@keyframes scrollpulse{0%,100%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1)}}
.scroll-label{font-family:var(--sc);font-size:8px;letter-spacing:.35em;color:var(--bone)}

/* ======== SECTION SHARED ======== */
section{padding:100px 48px}
.section-rule{width:32px;height:1px;background:var(--ochre2);opacity:.5;margin-bottom:20px}
.section-label{font-family:var(--sc);font-size:9px;letter-spacing:.5em;color:var(--ochre2);margin-bottom:14px}
.section-title{font-family:var(--sc);font-size:clamp(22px,3.5vw,36px);font-weight:300;letter-spacing:.18em;color:var(--bone);line-height:1.2;margin-bottom:20px}
.section-body{font-family:var(--spectral);font-style:italic;font-size:clamp(15px,1.8vw,18px);font-weight:200;color:var(--bone2);line-height:1.85;max-width:560px}

/* ======== MANIFESTO ======== */
.manifesto{
  background:var(--bg2);
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
  padding:110px 80px
}
.manifesto-text{}
.manifesto-glyphs{
  display:grid;grid-template-columns:1fr 1fr;gap:2px;
  opacity:.65
}
.mg{
  aspect-ratio:1;background:#0a0806;
  display:flex;align-items:center;justify-content:center;
  padding:22%;transition:opacity .4s,background .4s;cursor:default
}
.mg:hover{background:#121009;opacity:.9}

/* ======== PILLARS ======== */
.pillars{background:var(--stone)}
.pillars-grid{
  display:grid;grid-template-columns:repeat(5,1fr);
  gap:1px;margin-top:52px;
  border:1px solid rgba(100,80,60,.1)
}
.pillar{
  background:#0d0b09;padding:38px 24px 34px;
  border-right:1px solid rgba(100,80,60,.08);
  position:relative;
  cursor:default;transition:background .4s
}
.pillar:hover{background:#100e0c}
.pillar:last-child{border-right:none}
.pillar-num{
  font-family:var(--sc);font-size:9px;letter-spacing:.4em;
  color:var(--sienna);margin-bottom:22px;opacity:.7
}
.pillar-glyph{width:40px;height:40px;margin-bottom:18px;opacity:.6}
.pillar-name{
  font-family:var(--sc);font-size:13px;letter-spacing:.22em;
  color:var(--bone);font-weight:300;margin-bottom:10px;line-height:1.3
}
.pillar-desc{
  font-size:11.5px;color:var(--dim);line-height:1.7;
  font-style:italic;font-family:var(--spectral);font-weight:200
}

/* ======== ARCHIVE PREVIEW ======== */
.archive{background:var(--bg)}
.archive-intro{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;
  align-items:end;margin-bottom:60px
}
.archive-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:2px
}
.awork{
  aspect-ratio:.82;background:#0a0806;
  position:relative;overflow:hidden;cursor:pointer;
  transition:opacity .4s
}
.awork:hover{opacity:.8}
.awork-inner{
  position:absolute;inset:0;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:22px 18px;
  background:linear-gradient(to top,rgba(8,6,4,.85) 0%,transparent 55%)
}
.awork-glyph{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);
  width:52%;height:52%;opacity:.22
}
.awork-title{
  font-family:var(--sc);font-size:11px;letter-spacing:.22em;
  color:var(--bone);margin-bottom:5px
}
.awork-cat{
  font-size:9.5px;letter-spacing:.3em;font-family:var(--sc);
  color:var(--ochre2)
}
.awork-bg{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center
}

/* cave-wall placeholder backgrounds */
.w1{background:radial-gradient(ellipse at 40% 50%,#1e1410 0%,#0a0806 100%)}
.w2{background:radial-gradient(ellipse at 60% 30%,#101620 0%,#080a0c 100%)}
.w3{background:radial-gradient(ellipse at 50% 60%,#1a1008 0%,#0a0604 100%)}
.w4{background:radial-gradient(ellipse at 45% 45%,#1c1610 0%,#0c0a07 100%)}
.w5{background:radial-gradient(ellipse at 55% 35%,#0e1818 0%,#060c0c 100%)}
.w6{background:radial-gradient(ellipse at 50% 55%,#1a1210 0%,#0a0806 100%)}

/* pigment marks on cave wall */
.marks{
  position:absolute;inset:0;overflow:hidden
}
.mark{
  position:absolute;
  border-radius:50%;
  mix-blend-mode:screen;
  opacity:.12
}

/* ======== INQUIRY PREVIEW ======== */
.inquiry{background:var(--bg2)}
.essay-list{margin-top:54px}
.essay{
  display:grid;grid-template-columns:52px 1fr auto;
  align-items:start;gap:32px;
  padding:28px 0;
  border-top:1px solid rgba(100,80,60,.1);
  cursor:pointer;transition:opacity .3s
}
.essay:hover{opacity:.7}
.essay:last-child{border-bottom:1px solid rgba(100,80,60,.1)}
.essay-glyph{opacity:.5;padding-top:3px}
.essay-glyph svg{width:100%;height:auto}
.essay-body{}
.essay-tag{font-family:var(--sc);font-size:8.5px;letter-spacing:.4em;color:var(--ochre2);margin-bottom:8px}
.essay-title{font-family:var(--sc);font-size:clamp(15px,2vw,20px);letter-spacing:.1em;color:var(--bone);font-weight:300;margin-bottom:8px;line-height:1.3}
.essay-excerpt{font-family:var(--spectral);font-style:italic;font-size:13px;color:var(--dim);line-height:1.7;font-weight:200;max-width:500px}
.essay-date{font-family:var(--sc);font-size:8.5px;letter-spacing:.3em;color:var(--dim);padding-top:6px;white-space:nowrap}

/* ======== MYSTERY SECTION ======== */
.mystery{
  background:var(--bg);
  padding:100px 80px;
  display:grid;grid-template-columns:1fr 340px;gap:80px;
  align-items:center;
  border-top:1px solid rgba(100,80,60,.08)
}
.mystery-quote{
  font-family:var(--spectral);font-style:italic;
  font-size:clamp(22px,3.2vw,34px);font-weight:200;
  color:var(--bone2);line-height:1.6;
  letter-spacing:.015em
}
.mystery-quote em{color:var(--ochre);font-style:normal}
.mystery-attr{
  margin-top:30px;font-family:var(--sc);
  font-size:9px;letter-spacing:.4em;color:var(--dim)
}
.mystery-seal{
  display:flex;flex-direction:column;align-items:center;gap:18px
}
.mystery-seal svg{width:180px;height:180px;opacity:.25}
.seal-text{font-family:var(--sc);font-size:8.5px;letter-spacing:.45em;color:var(--dim);text-align:center}

/* ======== FOOTER ======== */
footer{
  background:#0a0806;
  padding:52px 80px 40px;
  display:grid;grid-template-columns:1fr 1fr 1fr;
  gap:40px;
  border-top:1px solid rgba(100,80,60,.1)
}
.footer-brand{}
.footer-brand-name{font-family:var(--sc);font-size:14px;letter-spacing:.35em;color:var(--ochre);margin-bottom:10px}
.footer-brand-tag{font-family:var(--spectral);font-style:italic;font-size:12px;color:var(--dim);line-height:1.7;font-weight:200}
.footer-nav h4{font-family:var(--sc);font-size:9px;letter-spacing:.4em;color:var(--ochre2);margin-bottom:16px}
.footer-nav ul{list-style:none}
.footer-nav li{margin-bottom:10px}
.footer-nav a{font-family:var(--sc);font-size:10px;letter-spacing:.25em;color:var(--dim);text-decoration:none;transition:color .3s}
.footer-nav a:hover{color:var(--bone)}
.footer-bottom{
  grid-column:1/-1;
  border-top:1px solid rgba(100,80,60,.08);
  padding-top:22px;
  display:flex;justify-content:space-between;align-items:center
}
.footer-copy{font-family:var(--sc);font-size:8.5px;letter-spacing:.3em;color:var(--dim);opacity:.5}
.footer-glyphs{display:flex;gap:10px}
.footer-glyphs svg{width:16px;height:16px;opacity:.2}

/* mobile */
@media(max-width:700px){
  nav{padding:18px 22px}
  .nav-links{display:none}
  .manifesto,.archive-intro,.mystery{grid-template-columns:1fr;gap:40px;padding:70px 22px}
  section{padding:70px 22px}
  .pillars-grid{grid-template-columns:1fr 1fr;gap:1px}
  .pillar:nth-child(5){grid-column:1/-1}
  .archive-grid{grid-template-columns:1fr 1fr;gap:2px}
  footer{grid-template-columns:1fr;padding:40px 22px 30px;gap:30px}
  .footer-bottom{flex-direction:column;gap:14px;text-align:center}
  .manifesto-glyphs{display:none}
}


.site-shell{background:var(--bg);color:var(--text);font-family:var(--serif);font-weight:300;overflow-x:hidden;position:relative;font-size:16px;min-height:100vh}
body{background:var(--bg);color:var(--text);font-family:var(--serif);font-weight:300;overflow-x:hidden;position:relative;font-size:16px}
:root{--bg:#100e0c;--bg2:#140f0c;--stone:#1e1815;--ochre:#C08A28;--ochre2:#9A6B1A;--bone:#D8CFBC;--bone2:#A89880;--sienna:#7A3B20;--lapis:#2C3D4E;--text:#C4BAA8;--dim:#5a5248;--serif:'Cormorant Garamond',Georgia,serif;--sc:'Cormorant SC',serif;--spectral:'Spectral',serif}
html{scroll-behavior:smooth}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.site-content{min-height:50vh}
.site-footer{background:#0a0806;padding:52px 80px 40px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;border-top:1px solid rgba(100,80,60,.1)}
.site-nav ul{margin:0;padding:0}
.section-body.secondary{margin-top:20px;font-size:14px;color:var(--dim)}
.archive-button{font-family:var(--sc);font-size:9.5px;letter-spacing:.42em;color:var(--ochre);border:1px solid rgba(192,138,40,.22);padding:12px 22px;text-decoration:none;display:inline-block;transition:all .4s}.archive-button:hover{border-color:rgba(192,138,40,.6);color:var(--bone);background:rgba(192,138,40,.05)}
.awork-link{text-decoration:none;display:block;color:inherit;height:100%}
.awork-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.inquiry-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:0}.inquiry-body{font-size:14px}.essay-body-wrap{min-width:0}
.mystery-copy{margin-top:28px;font-size:14px}
.mystery-link-home{display:inline-block;margin-top:28px;font-family:var(--sc);font-size:9px;letter-spacing:.4em;color:var(--ochre2);text-decoration:none;border-bottom:1px solid rgba(154,107,26,.3);padding-bottom:4px}
.generic-page{padding:100px 32px;background:var(--bg)}.generic-inner{max-width:860px;margin:0 auto}
.entry-title{font-family:var(--sc);font-size:clamp(30px,5vw,54px);letter-spacing:.16em;color:var(--bone);font-weight:300;line-height:1.1;margin:0 0 24px}
.entry-content,.entry-content p,.notes-list p,.archive-card-meta,.artifact-medium{font-family:var(--spectral);font-size:18px;line-height:1.9;color:var(--bone2);font-weight:200}.entry-content p{margin-bottom:1.2em}
.meta-kicker{font-family:var(--sc);font-size:9px;letter-spacing:.45em;color:var(--ochre2);margin-bottom:18px;text-transform:uppercase}
.archive-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}.archive-card{background:#0d0b09;border:1px solid rgba(100,80,60,.1);overflow:hidden}.archive-card a{text-decoration:none;display:block;height:100%}.archive-card-image{width:100%;aspect-ratio:.82;object-fit:cover;background:#111}.archive-card-title{font-family:var(--sc);font-size:18px;letter-spacing:.1em;color:var(--bone);padding:18px 18px 8px;line-height:1.3}.archive-card-meta{font-size:13px;padding:0 18px 18px;color:var(--dim)}
.notes-list{display:grid;gap:18px;margin-top:40px}.note-item{border-top:1px solid rgba(100,80,60,.1);padding-top:18px}.note-title{font-family:var(--sc);font-size:22px;letter-spacing:.08em;color:var(--bone);margin-bottom:8px;font-weight:300}.note-excerpt{font-size:15px;color:var(--bone2)}
.artifact-feature{width:100%;max-width:760px;margin:0 0 32px;background:#111}.artifact-medium{margin-bottom:28px;color:var(--ochre)}
@media(max-width:900px){.archive-page-grid{grid-template-columns:1fr 1fr}.inquiry-header{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;padding:40px 22px 30px;gap:30px}.footer-bottom{flex-direction:column;gap:14px;text-align:center}}
@media(max-width:700px){nav{padding:18px 22px}.nav-links{display:none}.manifesto,.archive-intro,.mystery{grid-template-columns:1fr;gap:40px;padding:70px 22px}section{padding:70px 22px}.pillars-grid{grid-template-columns:1fr 1fr;gap:1px}.pillar:nth-child(5){grid-column:1/-1}.archive-grid{grid-template-columns:1fr 1fr;gap:2px}.site-footer{grid-template-columns:1fr;padding:40px 22px 30px;gap:30px}.footer-bottom{flex-direction:column;gap:14px;text-align:center}.manifesto-glyphs{display:none}}
@media(max-width:640px){.archive-page-grid{grid-template-columns:1fr}.generic-page{padding:72px 22px}}

/* ======== INQUIRY ARCHIVE ======== */
.inquiry-archive-page{background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%)}
.inquiry-archive-inner{max-width:1180px}
.inquiry-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:48px;align-items:end;margin-bottom:34px}
.inquiry-title{margin-bottom:22px}
.inquiry-lead{max-width:720px}
.inquiry-hero-panel,.hand-seal-panel,.hand-side-block,.inquiry-aside-block{background:rgba(13,11,9,.72);border:1px solid rgba(100,80,60,.12);padding:26px 24px}
.inquiry-panel-kicker{font-family:var(--sc);font-size:9px;letter-spacing:.42em;color:var(--ochre2);text-transform:uppercase;margin-bottom:14px}
.inquiry-panel-copy{font-family:var(--spectral);font-style:italic;font-size:15px;line-height:1.9;color:var(--bone2)}
.inquiry-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 38px}
.inquiry-chip{font-family:var(--sc);font-size:9px;letter-spacing:.25em;text-transform:uppercase;text-decoration:none;padding:10px 14px;border:1px solid rgba(192,138,40,.22);color:var(--bone2);transition:all .25s}
.inquiry-chip:hover,.inquiry-chip.is-active{border-color:rgba(192,138,40,.55);color:var(--bone);background:rgba(192,138,40,.06)}
.inquiry-archive-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.inquiry-list{margin-top:0}
.inquiry-card{position:relative;background:rgba(10,8,6,.45);padding-left:18px;padding-right:18px}
.essay-full-link{position:absolute;inset:0;z-index:2}
.inquiry-card .essay-glyph,.inquiry-card .essay-body-wrap,.inquiry-card .essay-date{position:relative;z-index:3}
.inquiry-card:hover{opacity:1;background:rgba(16,14,12,.8)}
.inquiry-card-title{margin:0 0 10px}
.inquiry-card-meta-row{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-family:var(--sc);font-size:8.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--dim)}
.inquiry-card-date,.inquiry-card-read{white-space:nowrap}
.aside-title{font-family:var(--sc);font-size:20px;letter-spacing:.08em;color:var(--bone);font-weight:300;line-height:1.35;margin-bottom:16px}
.reading-path-list{padding-left:18px;color:var(--bone2);font-family:var(--spectral);line-height:2}
.aside-notes-list,.hand-linked-list{display:grid;gap:14px}
.aside-note-item,.hand-link-item{border-top:1px solid rgba(100,80,60,.1);padding-top:14px}
.aside-note-item a,.hand-link-item a{text-decoration:none;color:inherit}
.aside-note-title{font-family:var(--sc);font-size:16px;letter-spacing:.06em;color:var(--bone);font-weight:300;margin-bottom:6px}
.aside-note-excerpt{font-family:var(--spectral);font-size:14px;line-height:1.8;color:var(--bone2)}
.inquiry-pagination{margin-top:30px}.inquiry-pagination .page-numbers{list-style:none;display:flex;gap:10px;padding:0;margin:0}.inquiry-pagination a,.inquiry-pagination span{font-family:var(--sc);font-size:10px;letter-spacing:.25em;text-transform:uppercase;text-decoration:none;padding:10px 12px;border:1px solid rgba(100,80,60,.14);color:var(--bone2)}.inquiry-pagination .current,.inquiry-pagination a:hover{color:var(--bone);border-color:rgba(192,138,40,.45);background:rgba(192,138,40,.05)}
.inquiry-empty-state{padding:32px 0;border-top:1px solid rgba(100,80,60,.1)}

/* ======== THE HAND PAGE ======== */
.hand-page{background:linear-gradient(180deg,var(--bg) 0%,#0b0907 100%)}
.hand-inner{max-width:1120px}
.hand-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) 320px;gap:48px;align-items:center;margin-bottom:48px}
.hand-title{max-width:760px}
.hand-lead{max-width:700px}
.hand-seal-wrap{display:flex;justify-content:center;align-items:center;margin-bottom:18px}
.hand-seal-wrap svg{width:180px;height:180px;opacity:.28}
.hand-manifest-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start;margin-bottom:42px}
.hand-quote{font-family:var(--spectral);font-style:italic;font-size:clamp(24px,3vw,34px);line-height:1.6;color:var(--bone2);font-weight:200;margin:0 0 28px;padding-left:22px;border-left:1px solid rgba(192,138,40,.35)}
.hand-prose p{font-family:var(--spectral);font-size:18px;line-height:1.95;color:var(--bone2);font-weight:200;margin-bottom:1.2em}
.hand-method-list{padding-left:18px;color:var(--bone2);font-family:var(--spectral);line-height:1.95}
.hand-custom-content{margin:12px 0 42px;padding-top:22px;border-top:1px solid rgba(100,80,60,.12)}
.hand-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}

@media(max-width:980px){
  .inquiry-archive-grid,.hand-hero-grid,.hand-manifest-grid{grid-template-columns:1fr}
  .inquiry-hero-grid{grid-template-columns:1fr}
  .hand-lower-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .inquiry-card{grid-template-columns:40px 1fr;gap:18px}
  .inquiry-card .essay-date{grid-column:2}
  .inquiry-card-meta-row{flex-direction:column;align-items:flex-start}
  .inquiry-filter-bar{gap:8px}
}


/* ======== MODE TOGGLE / THEME SYSTEM ======== */
html{
  --surface-0: var(--bg);
  --surface-1: var(--bg2);
  --surface-2: var(--stone);
  --surface-3: #0a0806;
  --surface-overlay: rgba(16,14,12,.7);
  --surface-panel: rgba(13,11,9,.72);
  --line-soft: rgba(100,80,60,.1);
  --line-mid: rgba(100,80,60,.14);
  --line-strong: rgba(192,138,40,.22);
  --hero-glow: rgba(90,55,25,.22);
  --grain-opacity: .045;
  --card-shadow: none;
  --torch-opacity: .9;
}
html[data-theme='light']{
  --bg: #e8e1d6;
  --bg2: #ede5d8;
  --stone: #ddd2c0;
  --ochre: #9d6d22;
  --ochre2: #7f5720;
  --bone: #2a241f;
  --bone2: #50463d;
  --sienna: #8c5b3b;
  --lapis: #5f7487;
  --text: #3a332d;
  --dim: #7c6f62;
  --surface-0: var(--bg);
  --surface-1: linear-gradient(180deg, #f2eadf 0%, #e8e1d6 100%);
  --surface-2: #ddd3c4;
  --surface-3: #f6efe5;
  --surface-overlay: rgba(244,236,225,.78);
  --surface-panel: rgba(248,242,233,.82);
  --line-soft: rgba(96,76,56,.14);
  --line-mid: rgba(96,76,56,.18);
  --line-strong: rgba(157,109,34,.28);
  --hero-glow: rgba(193,153,103,.18);
  --grain-opacity: .03;
  --card-shadow: 0 16px 32px rgba(84,62,37,.08);
}
body,
.site-shell,
section,
footer,
.site-footer,
.generic-page,
.inquiry-archive-page,
.hand-page,
.archive-card,
.inquiry-card,
.inquiry-hero-panel,
.hand-seal-panel,
.hand-side-block,
.inquiry-aside-block,
.pillar,
.mg,
.awork,
.site-nav,
.archive-button,
.inquiry-chip,
.mode-toggle,
.footer-nav a,
.nav-links a,
.nav-name,
.hero-enter,
.mystery-link-home{
  transition: background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease, opacity .35s ease;
}
.site::before{opacity:var(--grain-opacity)}
.site-shell{background:var(--surface-0); color:var(--text)}
body{background:var(--surface-0); color:var(--text)}
nav,.site-nav{background:var(--surface-overlay); border-bottom:1px solid rgba(160,140,120,.10)}
.hero::before{background:radial-gradient(ellipse 55% 60% at 50% 48%,var(--hero-glow) 0%,transparent 70%)}
.manifesto,.inquiry{background:var(--surface-1)}
.pillars{background:var(--surface-2)}
.archive,.mystery,.generic-page{background:var(--surface-0)}
.mg,.pillar,.awork,footer,.site-footer,.archive-card{background:var(--surface-3); box-shadow:var(--card-shadow)}
.inquiry-hero-panel,.hand-seal-panel,.hand-side-block,.inquiry-aside-block,.inquiry-card{background:var(--surface-panel); box-shadow:var(--card-shadow)}
.pillars-grid,.essay,.footer-bottom,.archive-card,.note-item,.hand-link-item,.aside-note-item,.hand-custom-content,.inquiry-empty-state,.site-footer{border-color:var(--line-soft)}
.nav-controls{display:flex; align-items:center; gap:22px}
.mode-toggle{
  appearance:none;
  border:1px solid var(--line-strong);
  background:transparent;
  color:var(--bone2);
  font-family:var(--sc);
  font-size:9px;
  letter-spacing:.32em;
  text-transform:uppercase;
  padding:11px 14px;
  cursor:pointer;
}
.mode-toggle:hover,
.mode-toggle:focus-visible{
  color:var(--bone);
  border-color:rgba(192,138,40,.55);
  background:rgba(192,138,40,.06);
  outline:none;
}
html[data-theme='light'] .mode-toggle{
  background:rgba(157,109,34,.05);
}
html[data-theme='light'] .nav-links a,
html[data-theme='light'] .footer-nav a,
html[data-theme='light'] .footer-copy,
html[data-theme='light'] .hero-sub,
html[data-theme='light'] .essay-excerpt,
html[data-theme='light'] .pillar-desc,
html[data-theme='light'] .aside-note-excerpt,
html[data-theme='light'] .archive-card-meta,
html[data-theme='light'] .section-body.secondary{
  color:var(--dim);
}
html[data-theme='light'] .awork-inner{background:linear-gradient(to top,rgba(244,238,230,.92) 0%,rgba(244,238,230,.15) 55%)}
html[data-theme='light'] .archive-button,
html[data-theme='light'] .hero-enter{background:rgba(157,109,34,.045)}
html[data-theme='light'] .site::before{mix-blend-mode:multiply}
html[data-theme='light'] .mystery-quote em{color:var(--ochre2)}
html[data-theme='light'] .footer-glyphs svg,
html[data-theme='light'] .mystery-seal svg{opacity:.32}
.torchlight{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:15;
  opacity:0;
  transition:opacity .3s ease;
  background:radial-gradient(circle 240px at var(--x, 50%) var(--y, 50%), rgba(210,155,72,.16) 0%, rgba(160,104,36,.08) 22%, rgba(16,14,12,0) 62%);
  mix-blend-mode:screen;
}
.torchlight.is-visible{opacity:var(--torch-opacity)}
html[data-theme='light'] .torchlight{display:none}
@media(max-width:860px){
  .nav-controls{gap:14px}
  .mode-toggle{padding:10px 12px; letter-spacing:.22em}
}
@media(max-width:700px){
  .nav-controls{margin-left:auto}
}

/* ======== FILTERS / DYNAMIC GRIDS ======== */
.homepage-filter-bar,.archive-filter-stack{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px}
.archive-filter-stack{flex-direction:column;gap:14px}
.filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.filter-row-label{font-family:var(--sc);font-size:9px;letter-spacing:.35em;color:var(--ochre2);text-transform:uppercase;margin-right:8px}
.filter-btn{
  appearance:none;border:1px solid rgba(192,138,40,.18);background:transparent;color:var(--dim);
  padding:10px 14px;font-family:var(--sc);font-size:9px;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:all .3s
}
.filter-btn:hover,.filter-btn.is-active{color:var(--bone);border-color:rgba(192,138,40,.5);background:rgba(192,138,40,.06)}
.ajax-grid{position:relative;transition:opacity .25s}
.ajax-grid.is-loading{opacity:.45;pointer-events:none}
.filter-empty{grid-column:1/-1;font-family:var(--spectral);font-style:italic;color:var(--dim);padding:26px 0}
.homepage-filter-link-wrap{margin-top:28px}
.awork-link,.essay-full-link{color:inherit;text-decoration:none;display:block;height:100%}
.awork-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.9}
.archive-page-grid .awork{min-height:320px}
.inquiry-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:0}
.inquiry-body,.mystery-copy{font-size:14px}

/* ======== ARTIFACT SINGLE ======== */
.artifact-page{padding-top:40px;background:var(--bg)}
.artifact-shell{display:block}
.artifact-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,420px);gap:72px;padding:40px 0 24px;align-items:center}
.artifact-visual{background:#0a0806;min-height:560px;position:relative;overflow:hidden;border:1px solid rgba(100,80,60,.1)}
.artifact-feature{width:100%;height:100%;object-fit:cover;display:block;min-height:560px}
.artifact-placeholder{min-height:560px;display:flex;align-items:center;justify-content:center;opacity:.22}
.artifact-placeholder svg{width:180px;height:180px}
.artifact-title{font-family:var(--sc);font-size:clamp(30px,5vw,58px);font-weight:300;letter-spacing:.16em;color:var(--bone);line-height:1.05;margin-bottom:18px}
.artifact-rule{width:1px;height:52px;background:var(--ochre2);opacity:.5;margin:22px 0}
.artifact-material-line{font-family:var(--sc);font-size:10px;letter-spacing:.35em;color:var(--ochre2);text-transform:uppercase}
.artifact-lead{margin-top:28px;font-family:var(--spectral);font-style:italic;font-size:17px;line-height:1.85;color:var(--bone2)}
.artifact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.collector-mode-toggle{appearance:none;border:1px solid rgba(192,138,40,.24);background:transparent;color:var(--ochre);padding:12px 18px;font-family:var(--sc);font-size:9px;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:all .3s}
.collector-mode-toggle:hover,.collector-mode-toggle.is-active{color:var(--bone);border-color:rgba(192,138,40,.5);background:rgba(192,138,40,.06)}
.artifact-inscription{padding:42px 0 24px}
.artifact-inscription-inner{max-width:760px;margin:0 auto;font-family:var(--spectral);font-size:18px;font-style:italic;line-height:1.95;color:var(--bone2)}
.artifact-codex{border-top:1px solid rgba(100,80,60,.1);border-bottom:1px solid rgba(100,80,60,.1);padding:34px 0;margin-top:24px}
.artifact-codex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.codex-item span{display:block;font-family:var(--sc);font-size:8.5px;letter-spacing:.35em;color:var(--ochre2);text-transform:uppercase;margin-bottom:10px}
.codex-item p{font-family:var(--spectral);font-size:15px;color:var(--bone);line-height:1.7}
.collector-panel{margin-top:26px;border:1px solid rgba(192,138,40,.16);background:rgba(192,138,40,.035)}
.collector-panel-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding:28px}
.collector-copy{font-family:var(--spectral);font-style:italic;color:var(--bone2);line-height:1.8}
.collector-data{display:grid;grid-template-columns:1fr;gap:18px}
.collector-data a{color:var(--ochre)}
.artifact-related{padding:70px 0 22px}
.artifact-nav-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(100,80,60,.1);padding-top:26px;margin-top:28px}
.artifact-nav-row a{font-family:var(--sc);font-size:10px;letter-spacing:.28em;color:var(--dim);text-decoration:none;text-transform:uppercase}
.artifact-nav-row a:hover{color:var(--bone)}

/* ======== LIGHT STONE ADJUSTMENTS ======== */
:root[data-theme="light"] .filter-btn:hover,:root[data-theme="light"] .filter-btn.is-active,:root[data-theme="light"] .collector-mode-toggle:hover,:root[data-theme="light"] .collector-mode-toggle.is-active{background:rgba(122,79,32,.06)}
:root[data-theme="light"] .collector-panel{background:rgba(122,79,32,.04)}

/* ======== MOBILE ======== */
@media(max-width:980px){
  .artifact-hero,.collector-panel-inner,.inquiry-header{grid-template-columns:1fr;gap:34px}
  .artifact-feature,.artifact-visual,.artifact-placeholder{min-height:420px}
  .artifact-codex-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .homepage-filter-bar,.archive-filter-stack{margin:18px 0 24px}
  .filter-row-label{width:100%;margin-bottom:4px}
  .artifact-codex-grid{grid-template-columns:1fr}
  .artifact-nav-row{flex-direction:column}
}

/* ======== CODEX SYSTEM (v2.4) ======== */
.codex-section{padding:120px 48px 90px;background:var(--bg);min-height:70vh}
.codex-hero{max-width:860px;margin:0 auto 58px;text-align:center}
.codex-hero .section-body{margin:0 auto;max-width:720px}
.codex-nav-chips,.codex-tax-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.codex-nav-chips a,.codex-tax-row a,.codex-landing__cta a{font-family:var(--sc);font-size:9.5px;letter-spacing:.28em;text-transform:lowercase;color:var(--ochre);text-decoration:none;border:1px solid rgba(192,138,40,.24);padding:10px 14px;background:rgba(192,138,40,.035);transition:all .3s}
.codex-nav-chips a:hover,.codex-tax-row a:hover,.codex-landing__cta a:hover{color:var(--bone);border-color:rgba(192,138,40,.62);background:rgba(192,138,40,.08)}
.codex-tax-row{align-items:center;margin:0 auto 18px;max-width:1100px;justify-content:flex-start;border-top:1px solid rgba(160,140,120,.08);padding-top:18px}
.codex-tax-row span{font-family:var(--sc);font-size:9px;letter-spacing:.35em;color:var(--dim);min-width:140px;text-transform:uppercase}
.codex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;max-width:1180px;margin:44px auto 0;border:1px solid rgba(160,140,120,.08);background:rgba(160,140,120,.08)}
.codex-card{background:#0d0b09;min-height:260px;position:relative;overflow:hidden;transition:background .35s,transform .35s}
.codex-card:hover{background:#130f0c;transform:translateY(-2px)}
.codex-card--forbidden,.codex-card--trickster-active{background:linear-gradient(135deg,#0d0b09 0%,#160d0d 100%)}
.codex-card__link{display:flex;min-height:260px;height:100%;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;text-decoration:none;color:var(--text);padding:28px 18px 24px}
.codex-glyph-visual{color:var(--bone2);display:flex;align-items:center;justify-content:center}
.codex-glyph-visual svg{width:100%;height:auto;max-width:145px;filter:drop-shadow(0 0 18px rgba(192,138,40,.05))}
.codex-card__glyph{height:130px;opacity:.74;transition:opacity .35s,transform .35s}
.codex-card:hover .codex-card__glyph{opacity:.95;transform:scale(1.035)}
.codex-card--forbidden:hover .codex-card__glyph,.codex-card--trickster-active:hover .codex-card__glyph{animation:codexDrift .8s steps(2,end) infinite}
@keyframes codexDrift{0%,100%{transform:translate(0,0) scale(1.03)}50%{transform:translate(1px,-1px) scale(1.05)}}
.codex-card__body{width:100%}
.codex-card__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 12px}
.codex-badge{font-family:var(--sc);font-size:8px;letter-spacing:.22em;color:var(--ochre2);border:1px solid rgba(154,107,26,.22);padding:4px 6px;text-transform:lowercase;background:rgba(154,107,26,.035)}
.codex-card__title{font-family:var(--sc);font-size:15px;letter-spacing:.15em;color:var(--bone);font-weight:300;margin:0 0 8px;line-height:1.25}
.codex-card__meaning{font-family:var(--spectral);font-style:italic;font-size:12.5px;line-height:1.55;color:var(--dim)}
.codex-single__header{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;align-items:center;max-width:1120px;margin:0 auto 50px}
.codex-single__header .section-label,.codex-single__header .section-title,.codex-single__header .section-body{text-align:left;margin-left:0}
.codex-single__glyph{min-height:260px;border:1px solid rgba(160,140,120,.1);background:radial-gradient(ellipse at center,rgba(192,138,40,.08),transparent 70%),#0d0b09;padding:42px}
.codex-single__glyph svg{max-width:220px}
.codex-warning{max-width:1120px;margin:0 auto 34px;border:1px solid rgba(122,59,32,.55);background:rgba(122,59,32,.13);color:var(--bone2);padding:18px 22px;font-family:var(--spectral);font-style:italic;line-height:1.65}
.codex-single__layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px;max-width:1120px;margin:0 auto}
.codex-single__main{font-family:var(--spectral);font-size:18px;line-height:1.9;color:var(--bone2)}
.codex-single__main p{margin-bottom:1.2em}.codex-single__main h2,.codex-panel h2{font-family:var(--sc);font-size:18px;letter-spacing:.18em;font-weight:300;color:var(--bone);margin:0 0 16px}
.codex-panel{border:1px solid rgba(160,140,120,.1);background:rgba(10,8,6,.45);padding:24px;margin:0 0 24px}
.codex-single__meta dl{display:grid;grid-template-columns:1fr;gap:0}
.codex-single__meta dt{font-family:var(--sc);font-size:8.5px;letter-spacing:.26em;color:var(--ochre2);text-transform:uppercase;margin-top:14px}
.codex-single__meta dd{font-family:var(--spectral);font-style:italic;color:var(--bone2);line-height:1.6;margin:4px 0 0}
.codex-landing__cta{text-align:center;margin:42px 0 0}
@media(max-width:900px){.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-single__header,.codex-single__layout{grid-template-columns:1fr}.codex-single__header .section-label,.codex-single__header .section-title,.codex-single__header .section-body{text-align:center;margin-left:auto}.codex-single__glyph{max-width:320px;margin:0 auto;width:100%}}
@media(max-width:560px){.codex-section{padding:90px 22px 60px}.codex-grid{grid-template-columns:1fr}.codex-tax-row span{width:100%;min-width:0;text-align:center}.codex-tax-row{justify-content:center}}