.codex-page{background:var(--encre);color:var(--ivoire)}.codex-header{position:fixed;top:0;left:0;right:0;z-index:90;padding:.85rem 0;background:#0000008c;border-bottom:1px solid rgba(240,235,225,.05)}.codex-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 clamp(1.5rem,6vw,5rem)}.codex-back{display:inline-flex;align-items:center;gap:.65rem;font-family:Inter,sans-serif;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#f0ebe166;transition:color .3s}.codex-back:hover{color:#f0ebe1d9}.codex-brand{font-size:.95rem;letter-spacing:.12em;color:#f0ebe14d;text-decoration:none;transition:color .3s}.codex-brand:hover{color:#f0ebe1a6}.codex-bg{position:fixed;inset:0;z-index:0}.codex-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:25% center;opacity:.22;filter:contrast(1.05) brightness(.7)}.codex-bg-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(138,155,174,.22) 0%,transparent 55%),linear-gradient(to bottom,#0d0b098c,#0d0b09eb)}.codex-intro{position:relative;z-index:1;min-height:70svh;display:flex;align-items:flex-end;padding:5rem clamp(1.5rem,6vw,5rem) clamp(3rem,6vh,5rem)}.codex-intro-inner{max-width:700px;margin:0 auto;width:100%}.codex-label-row{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}.codex-title{font-size:clamp(2.6rem,7vw,5rem);letter-spacing:.1em;text-transform:uppercase;color:var(--ivoire);margin-bottom:1.5rem;line-height:1}.codex-lede{font-size:.92rem;line-height:1.85;color:#f0ebe18c;max-width:560px}.codex-gallery{position:relative;z-index:1;padding:clamp(2rem,6vw,4rem) clamp(1.5rem,6vw,5rem) clamp(5rem,8vw,7rem)}.codex-gallery-inner{max-width:1200px;margin:0 auto}.codex-gallery-grid{columns:3 220px;column-gap:1rem;margin-top:1.5rem}.codex-gallery-item{break-inside:avoid;margin-bottom:1rem;overflow:hidden;border-radius:1px}.codex-gallery-item.ratio-portrait{aspect-ratio:3/4}.codex-gallery-item.ratio-landscape{aspect-ratio:4/3}.codex-gallery-item.ratio-square{aspect-ratio:1/1}.codex-gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.codex-gallery-placeholder{width:100%;height:100%;background:radial-gradient(ellipse at 70% 30%,rgba(122,24,24,.18) 0%,transparent 60%),#f0ebe108}.codex-preamble{position:relative;z-index:1;padding:clamp(2rem,5vw,3.5rem) clamp(1.5rem,6vw,5rem) clamp(4rem,7vw,5.5rem);border-top:1px solid rgba(240,235,225,.08)}.codex-preamble-inner{max-width:900px;margin:0 auto}.codex-preamble-tabs{margin-top:2.4rem}.codex-preamble-tabs ul{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0;border-bottom:1px solid rgba(240,235,225,.08)}.codex-preamble-tab{display:flex;align-items:baseline;gap:.6rem;font-family:Cormorant Garamond,serif;font-size:clamp(.85rem,1.1vw,1rem);letter-spacing:.06em;padding:.9rem 1.6rem .9rem 0;margin-right:1.6rem;color:#f0ebe159;background:none;border:none;cursor:none;position:relative;transition:color .4s}.codex-preamble-tab-num{font-family:Inter,sans-serif;font-size:.62rem;letter-spacing:.15em;color:#f0ebe140;transition:color .4s}.codex-preamble-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--rouge);transform:scaleX(0);transition:transform .4s ease}.codex-preamble-tab--active,.codex-preamble-tab:hover{color:#f0ebe1d9}.codex-preamble-tab--active .codex-preamble-tab-num{color:var(--rouge)}.codex-preamble-tab--active:after{transform:scaleX(1)}.codex-preamble-panels{display:grid;margin-top:2.6rem}.codex-preamble-panel{grid-area:1 / 1;opacity:0;pointer-events:none;visibility:hidden}.codex-preamble-panel.is-active{opacity:1;pointer-events:auto;visibility:visible}.codex-preamble-body{display:flex;flex-direction:column;gap:1.2rem}.codex-preamble-body p{font-size:.92rem;line-height:1.85;color:#f0ebe199;max-width:640px}@media(max-width:600px){.codex-preamble-tabs ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.codex-preamble-tabs ul::-webkit-scrollbar{display:none}.codex-preamble-tab{flex-shrink:0}}.codex-genesis{position:relative;z-index:1;padding:clamp(2rem,5vw,3.5rem) clamp(1.5rem,6vw,5rem) clamp(4rem,7vw,5.5rem);border-top:1px solid rgba(240,235,225,.08)}.codex-genesis-inner{max-width:900px;margin:0 auto}.codex-genesis-pairs{display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,4rem);margin-top:2rem}.codex-genesis-row{display:grid;grid-template-columns:1fr 220px;gap:clamp(1.5rem,4vw,3rem);align-items:center}.codex-genesis-row--reverse{grid-template-columns:220px 1fr}.codex-genesis-text{font-size:.92rem;line-height:1.85;color:#f0ebe199}.codex-genesis-portrait{width:100%;border-radius:10px;object-fit:cover;box-shadow:0 0 1px #f0ebe126,0 0 55px #f0ebe10d,0 0 110px #f0ebe108}.codex-genesis-closing{margin-top:clamp(2.5rem,5vw,4rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid rgba(240,235,225,.08);font-family:Cormorant Garamond,serif;font-style:italic;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.7;color:#f0ebe173;text-align:center;max-width:640px;margin-left:auto;margin-right:auto}@media(max-width:560px){.codex-genesis-row,.codex-genesis-row--reverse{grid-template-columns:1fr}.codex-genesis-portrait{max-width:280px;margin:0 auto}}.codex-archive{position:relative;z-index:1;padding:clamp(2rem,5vw,3.5rem) clamp(1.5rem,6vw,5rem) clamp(4rem,7vw,5.5rem);border-top:1px solid rgba(240,235,225,.08)}.codex-archive-inner{max-width:900px;margin:0 auto}.codex-archive-track{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:1.4rem;margin-top:2rem;padding:1rem 0 3.5rem;transition:padding .5s ease,margin .5s ease}.codex-archive-line{position:absolute;left:0;right:0;top:4.66rem;height:1px;background:#f0ebe114;transition:top .4s ease}.codex-archive-track.is-docked .codex-archive-line{top:2.91rem}.codex-archive-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.6rem;background:none;border:none;cursor:none;padding:.5rem;transition:gap .4s ease}.codex-archive-year{font-size:1.6rem;color:#f0ebe14d;transition:font-size .4s ease,color .3s ease}.codex-archive-dot{transition:opacity .3s ease,transform .3s ease}.codex-archive-names{display:flex;flex-direction:column;align-items:center;gap:.3rem}.codex-archive-name{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rouge);text-align:center;transition:font-size .3s ease}.codex-archive-origin{font-size:.62rem;font-style:italic;color:#f0ebe14d;text-align:center;max-width:12rem;transition:opacity .3s ease,font-size .3s ease}.codex-archive-node:hover .codex-archive-year,.codex-archive-node:focus-visible .codex-archive-year{color:var(--ivoire)}.codex-archive-node:hover .codex-archive-dot,.codex-archive-node:focus-visible .codex-archive-dot{opacity:1;transform:scale(1.4)}.codex-archive-track.is-docked{padding:.4rem 0 1.4rem;margin-top:1.2rem}.codex-archive-track.is-docked .codex-archive-node{gap:.35rem}.codex-archive-track.is-docked .codex-archive-year{font-size:1rem}.codex-archive-track.is-docked .codex-archive-name{font-size:.55rem}.codex-archive-track.is-docked .codex-archive-origin{opacity:0;font-size:0;margin:0}.codex-archive-track.is-docked .codex-archive-node[aria-expanded=true] .codex-archive-year{color:var(--ivoire)}.codex-archive-track.is-docked .codex-archive-node[aria-expanded=true] .codex-archive-dot{opacity:1;transform:scale(1.4)}.codex-archive-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.25,.46,.45,.94)}.codex-archive-panel.is-active{grid-template-rows:1fr}.codex-archive-panel-inner{overflow:hidden}.codex-archive-panel-content{position:relative;padding:1.5rem 0 2.5rem;border-top:1px solid rgba(240,235,225,.08);opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.codex-archive-panel.is-active .codex-archive-panel-content{opacity:1;transform:translateY(0);transition-delay:.18s}.codex-archive-close{position:absolute;top:1.5rem;right:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:none;color:#f0ebe166;transition:color .3s ease}.codex-archive-close:hover,.codex-archive-close:focus-visible{color:var(--ivoire)}.codex-archive-panel-head{display:flex;align-items:center;gap:1.4rem;padding-right:2.5rem;margin-bottom:1.6rem}.codex-archive-panel-num{font-size:1.2rem;color:#f0ebe140;flex-shrink:0;width:2.5rem}.codex-archive-panel-titles{flex:1;min-width:0}.codex-archive-panel-title{display:block;font-size:clamp(1.1rem,2vw,1.4rem);letter-spacing:.04em;color:#f0ebe1d9}.codex-archive-panel-origin{display:block;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rouge);margin-top:.3rem}.codex-archive-panel-body{display:grid;grid-template-columns:160px 1fr;gap:1.6rem}.codex-archive-panel-img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:1px;box-shadow:0 0 1px #f0ebe126,0 0 55px #f0ebe10d,0 0 110px #f0ebe108}.codex-archive-panel-img--placeholder{background:radial-gradient(ellipse at 60% 30%,rgba(138,155,174,.18) 0%,transparent 60%),#f0ebe10a}.codex-archive-panel-text{display:flex;flex-direction:column;gap:.9rem}.codex-archive-panel-text p{font-size:.82rem;line-height:1.8;color:#f0ebe180}@media(max-width:560px){.codex-archive-track{flex-direction:column;align-items:flex-start;gap:1.6rem;padding:.5rem 0 .5rem .4rem}.codex-archive-line{inset:0 auto 0 2px;width:1px;height:auto}.codex-archive-node{flex-direction:row;align-items:flex-start;gap:.9rem;padding:.2rem 0 .2rem 1.4rem}.codex-archive-dot{order:-1;margin-left:-1.4rem;margin-top:.5em}.codex-archive-names{align-items:flex-start}.codex-archive-name,.codex-archive-origin{text-align:left}.codex-archive-track.is-docked{gap:1rem}.codex-archive-track.is-docked .codex-archive-node{gap:.6rem}.codex-archive-panel-body{grid-template-columns:1fr}.codex-archive-panel-img{aspect-ratio:16/9}}@media(prefers-reduced-motion:reduce){.codex-archive-track,.codex-archive-panel,.codex-archive-panel-content{transition:none!important}}