/* Calendar notation and the proportions of an open classical volume. */
.historical-site{--archive-paper:#e8dcc0;--archive-ink:#272c21;--archive-gold:#d7bc7e}
.historical-site .site-header{box-shadow:0 6px 0 #bfa16408}
.historical-site .hero .sanctum-frame{border-style:double;border-width:3px}
.historical-site .hero-bottom>div>.eyebrow{font-size:12px;letter-spacing:.17em}
.historical-site .chapter-label>span{border-style:double;border-width:3px;box-shadow:none}
.chronicle-label{font-size:15px;letter-spacing:.2em;line-height:1.8;color:#e1c991}
.historical-site .paper,.historical-site .pillars-section{background-color:var(--archive-paper);background-image:linear-gradient(90deg,#65532407 1px,transparent 1px);background-size:48px 100%;color:var(--archive-ink)}
.historical-site.ritual-site .paper :is(h2,h3,strong){color:#283122}
.historical-site.ritual-site .paper :is(p,li,small,.caption,.check-progress){color:#55513f}
.historical-site.ritual-site .paper :is(.eyebrow,.knowledge-label,.theme-symbol){color:#765925}
.historical-site .paper .sources{color:#55462c;border-color:#8c734e66}
.historical-site .paper .sources a{color:#70501d;border-bottom-color:#93763f}
.historical-site .paper .checklist label{border-color:#8c734e60}
.historical-site .paper .checklist input{accent-color:#72592c}
.historical-site .paper .checklist label:has(input:checked) strong{color:#473918}
.historical-site .paper :focus-visible{outline-color:#735321}
.historical-site .pillars-section .pillar{border-style:double;border-width:3px;background:#f3ecd9;box-shadow:inset 0 0 0 5px #bdab7620}
.historical-site .pillars-section .pillar.active{background:#20291f;color:#f8e4ae;border-color:#a88b4c;box-shadow:inset 0 0 0 5px #ddbd7133,0 18px 28px #3d321e29}
.historical-site .pillars-section .pillar strong{font-size:46px;letter-spacing:.08em}
.historical-site .pillar-kicker{letter-spacing:.13em}
.historical-site .pillar-pair{border-top:1px solid #98875344;border-bottom:1px solid #98875344;padding:18px 0}
.historical-site .paper .knowledge-grid article{background:#faf5e73d;border-style:double;border-width:3px;border-color:#8f7a4450}

/* A photographic chapter opening, followed by a vertical history. */
.archive-scene{position:relative;isolation:isolate;min-height:810px;overflow:hidden;background:#090b08}
.archive-image{position:absolute;inset:0;z-index:-2}
.archive-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 56%;animation:archive-drift 28s ease-in-out infinite alternate;animation-play-state:paused}
.archive-scene.scene-visible .archive-image img{animation-play-state:running}
.archive-scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060907c9,transparent 85%),linear-gradient(0deg,#090b08,transparent 30%,#090b0826)}
.archive-heading{padding:130px 7% 145px;max-width:960px;text-align:left}
.archive-heading .chronicle-label{border-left:3px solid #d2b576;padding-left:20px;margin-bottom:33px}
.historical-site .archive-heading h2{font-size:clamp(52px,7.3vw,112px);line-height:1.4;letter-spacing:.05em;font-weight:500;color:#f9f0da;margin:0 0 32px;text-shadow:0 4px 30px #0008}
.archive-heading h2 em{color:#e5c481}
.archive-heading>p:not(.chronicle-label){font-size:19px;line-height:2.05;color:#e0d6c2}
.archive-heading .text-link{margin-top:28px;font-size:17px}
.archive-caption{position:absolute;right:5%;bottom:30px;font-size:12px;letter-spacing:.09em;color:#d0c1a4}
.archive-scene>.scene-atmosphere{display:none}
.lineage-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:110px 7% 100px;background:#0b0e0a;align-items:start}
.lineage-sticky{position:sticky;top:90px;text-align:center}
.historical-site .lineage-sticky h2{font-size:clamp(40px,4.6vw,68px);line-height:1.5;font-weight:500;letter-spacing:.08em;color:#f1dfb8;margin:20px 0 5px;opacity:1;transform:none}
.calendar-wheel{display:block;width:min(100%,calc(100svh - 360px));max-width:530px;margin:15px auto 0;overflow:visible;color:#cbb276}
.calendar-wheel circle,.calendar-wheel line{fill:none;stroke:currentColor;stroke-width:1;opacity:.65}
.calendar-wheel text{fill:currentColor;font:16px var(--serif);letter-spacing:1px}
.calendar-ring{transform-origin:300px 300px;animation:calendar-turn 180s linear infinite;animation-play-state:paused}
.lineage-section.scene-visible .calendar-ring{animation-play-state:running}
.calendar-wheel .calendar-inner{stroke-dasharray:2 10;opacity:.25}
.calendar-wheel .calendar-sixty{font-size:62px;letter-spacing:8px;fill:#f5e7c5}
.calendar-wheel .calendar-caption{font-size:20px;letter-spacing:3px}
.wheel-note{font-size:14px;line-height:1.9;color:#b9ad92;margin-top:-12px}
.lineage-entries{border-left:1px solid #b9a36c50;padding-left:12%;margin-top:30px}
.lineage-entries article{position:relative;padding:12px 0 75px;border-bottom:1px solid #b9a36c30;margin-bottom:62px}
.lineage-entries article:before{content:'';width:9px;height:9px;position:absolute;left:calc(-13.7% - 5px);top:32px;background:#d4b674;transform:rotate(45deg);box-shadow:0 0 20px #d4b67440}
.lineage-era{font-size:48px;line-height:1.4;letter-spacing:.08em;color:#dbc18c}
.lineage-era>span{display:block;font-size:12px;letter-spacing:.12em;line-height:1.8;margin-top:14px;color:#ab9e82}
.lineage-entries h3{font-size:30px;line-height:1.65;font-weight:500;margin:23px 0;color:#f4e6c5}
.lineage-entries article>p:last-child{font-size:17px;line-height:2.2;color:#d5cbb7}
.lineage-entries>.text-link{font-size:16px}
.lineage-note{font-size:14px;line-height:1.9;color:#ac9f85;margin-top:30px}
.historical-site .threshold-opening .chapter-label{padding:10px 24px;border-top:1px solid #dbc28b55;border-bottom:1px solid #dbc28b55}
.historical-site .study-copy{border-top:4px double #cfb47b4d}
.historical-site .practitioner-name{border-bottom:1px solid #b4a07844;padding-bottom:30px}
.historical-site .ritual-moments article{border-style:double;border-width:3px}
.historical-site .elements-section{background-image:linear-gradient(90deg,transparent 49.95%,#c5b07712 50%,transparent 50.05%)}
.historical-site .orbit-center{border:1px solid #cbb57544;box-shadow:inset 0 0 0 8px #cbb57508}
.historical-site .session-links{border-top:4px double #cbb57555}
.historical-site .flow-list{counter-reset:folio}
.historical-site .flow-list li{border:3px double #cbb57550;background:linear-gradient(90deg,#cbb5750b,transparent 40%)}
.historical-site .flow-list li>span{font-size:48px;color:#dac393}
.historical-site .theme-panel{border-top:3px double #8b734843;border-bottom:3px double #8b734843;padding-top:40px;padding-bottom:40px}
.historical-site .theme-tabs button[aria-selected=true]{border-bottom-color:#6c5524}
.historical-site .wisdom-hero{background-image:linear-gradient(90deg,#070b09ee,#070b09bb 60%,#070b0933),url('assets/calendrical-scholarship.webp');background-position:center;background-size:cover}
.historical-site .wisdom-hero h1{font-size:clamp(42px,5.1vw,76px);line-height:1.55}
.historical-site .wisdom-title-art{gap:14px}
.historical-site .wisdom-title-art span{background:#161c11bc;border:3px double #d2b57b7d;box-shadow:inset 0 0 0 7px #ceb67710}
.historical-site .archive-prelude{background-image:linear-gradient(#080a0870,#080a08b8),url('assets/calendrical-scholarship.webp');min-height:420px;background-position:center 65%}
.historical-site .archive-prelude>span{font-size:clamp(38px,4.5vw,66px);line-height:1.6}
.calendar-colophon{display:flex;justify-content:space-between;gap:25px;margin:45px 0 25px;padding:22px 0;border-top:1px solid #c9af7340;border-bottom:1px solid #c9af7340;color:#c5b388;font-size:14px;letter-spacing:.13em;line-height:2}

/* The documented history page is read as an unfolded volume. */
.history-document{background:var(--archive-paper);color:var(--archive-ink);padding:100px 7%;position:relative;border-top:7px double #8d744c}
.history-document .chronicle-label{color:#7a5a25;text-align:center}
.historical-site .history-document>h2{font-size:clamp(42px,5.6vw,82px);line-height:1.55;font-weight:500;text-align:center;margin:20px 0 32px;color:#2c3325}
.history-document>.history-lead{font-size:18px;line-height:2.15;text-align:center;max-width:820px;margin:0 auto 70px;color:#55523f}
.history-timeline{list-style:none;max-width:1100px;margin:0 auto;padding:0;border-top:1px solid #8d744c70}
.history-timeline>li{display:grid;grid-template-columns:210px 1fr;gap:6%;padding:48px 0;border-bottom:1px solid #8d744c70}
.history-period{font-size:40px;line-height:1.4;color:#86652d;letter-spacing:.04em}
.history-period small{display:block;font-size:14px;line-height:1.8;margin-top:12px;color:#6a604c}
.history-timeline h3{font-size:30px;font-weight:500;margin:0 0 20px;color:#2b3425;line-height:1.6}
.history-timeline p{font-size:17px;line-height:2.1;color:#514f40}
.history-timeline .history-source{display:inline-block;margin-top:18px;font-size:14px;line-height:1.8;color:#735324;border-bottom:1px solid #73532466}
.history-source:focus-visible{outline:2px solid #795829;outline-offset:5px}
.history-note{max-width:1100px;margin:40px auto 0;padding:25px 30px;border:3px double #8d744c50;font-size:15px;line-height:2;color:#62563f}
@keyframes archive-drift{from{transform:scale(1.015)}to{transform:scale(1.055)}}
@keyframes calendar-turn{to{transform:rotate(360deg)}}
.motion-paused .archive-image img{transform:none!important}
@media(max-width:1100px){
 .lineage-section{gap:5%;padding-left:5%;padding-right:5%}.lineage-entries{padding-left:10%}
 .lineage-era{font-size:38px}.lineage-entries h3{font-size:25px}
 .lineage-entries article:before{left:calc(-11.1% - 5px)}
 .historical-site .wisdom-hero h1{font-size:49px}
}
@media(max-width:800px){
 .historical-site .hero-bottom>div>.eyebrow{font-size:12px;letter-spacing:.03em}
 .archive-scene{min-height:0;padding-top:300px}
 .archive-image{height:430px;inset:0 0 auto}
 .archive-image img{object-position:64% center}
 .archive-scene:after{background:linear-gradient(180deg,transparent 7%,#090b080d 21%,#090b08 52%)}
 .archive-heading{position:relative;padding:40px 6% 75px;text-align:center;max-width:none}
 .archive-heading .chronicle-label{font-size:14px;border-left:0;padding-left:0;margin-bottom:25px}
 .historical-site .archive-heading h2{font-size:clamp(40px,12vw,68px);line-height:1.55;letter-spacing:.035em;margin-bottom:25px}
 .archive-heading>p:not(.chronicle-label){font-size:17px;line-height:2}
 .archive-heading>p:not(.chronicle-label) br{display:none}
 .archive-heading .text-link{font-size:16px;margin-top:26px}
 .archive-caption{font-size:12px;left:5%;right:5%;bottom:24px;text-align:center;letter-spacing:.02em}
 .lineage-section{display:block;padding:65px 7% 80px}
 .lineage-sticky{position:static}
 .historical-site .lineage-sticky h2{font-size:40px;letter-spacing:.035em}
 .calendar-wheel{width:min(100%,410px);margin-top:20px}
 .wheel-note{font-size:13px;margin-top:0}
 .lineage-entries{margin-top:60px;margin-left:6px;padding-left:27px}
 .lineage-era{font-size:34px}.lineage-era>span{font-size:12px;letter-spacing:.025em}
 .lineage-entries article{padding-top:0;padding-bottom:35px;margin-bottom:35px}
 .lineage-entries article:before{left:-32px;top:18px}
 .lineage-entries h3{font-size:26px;margin:20px 0;line-height:1.6}
 .lineage-entries article>p:last-child{font-size:16px;line-height:2.05}
 .lineage-entries>.text-link{font-size:15px;letter-spacing:0}
 .historical-site .pillars-section .pillar strong{font-size:34px}
 .historical-site .pillar-pair{padding:14px 0}
 .historical-site .wisdom-hero h1{font-size:clamp(30px,8.7vw,48px);line-height:1.75}
 .historical-site .wisdom-title-art{gap:10px}
 .historical-site .archive-prelude{min-height:360px}
 .historical-site .archive-prelude>span{font-size:34px}
 .calendar-colophon{display:block;text-align:center;letter-spacing:.05em;margin-top:30px}
 .calendar-colophon span{display:block;font-size:13px}.calendar-colophon span+span{margin-top:10px}
 .history-document{padding:65px 7%}
 .historical-site .history-document>h2{font-size:36px;line-height:1.65}
 .history-document>.history-lead{font-size:16px;text-align:left;margin-bottom:40px}
 .history-timeline>li{display:block;padding:35px 0}
 .history-period{font-size:34px;margin-bottom:25px}.history-period small{font-size:14px;margin-top:7px}
 .history-timeline h3{font-size:25px;margin-bottom:16px}
 .history-timeline p{font-size:16px;line-height:2}
 .history-note{font-size:14px;padding:20px;margin-top:30px}
}
@media(max-width:370px){
 .historical-site .hero-bottom>div>.eyebrow{font-size:12px;letter-spacing:0;max-width:240px;margin-left:auto;margin-right:auto;line-height:1.8}
 .historical-site .archive-heading h2{font-size:36px}
 .historical-site .lineage-sticky h2{font-size:34px}
 .lineage-era{font-size:30px}.lineage-entries h3{font-size:23px}
 .lineage-entries>.text-link{font-size:14px}
 .historical-site .archive-prelude>span{font-size:30px}
 .historical-site .history-document>h2{font-size:31px}
}
@media(prefers-reduced-motion:reduce){.calendar-ring,.archive-image img{animation:none!important;transform:none!important}}