:root{--bg-primary:#f5efe0;--bg-secondary:#efe2d5;--bg-dark:#3d2b1f;--text-primary:#4a3728;--accent-crimson:#8b1a1a;--border-gold:#b8963e;--highlight-rose:#d4a0a0;--fill-sage:#c8c4a8;--shadow-sepia:#c9bfab;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg-primary);color:var(--text-primary);font-family:"Crimson Text",Georgia,serif;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.72;letter-spacing:0.005em;overflow-x:hidden;}
.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;z-index:100;overflow:hidden;background:var(--bg-dark);}
.sidebar-border{width:100%;height:100%;border-right:2px solid var(--border-gold);padding:8px;}
.sidebar-inner{width:100%;height:100%;border:1px solid var(--border-gold);display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;position:relative;}
.sidebar-title{font-family:"Playfair Display",serif;font-weight:900;color:var(--bg-primary);writing-mode:vertical-rl;text-orientation:mixed;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:0.08em;position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);opacity:0.9;}
.sidebar-nav{display:flex;flex-direction:column;gap:1.2rem;margin-top:3rem;align-items:center;}
.wax-seal-btn{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#a52a2a,var(--accent-crimson) 60%,#5a0f0f);display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(184,150,62,0.4);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.wax-seal-btn:hover{transform:scale(1.15);box-shadow:0 0 12px rgba(139,26,26,0.5);}
.seal-text{font-family:"Stint Ultra Expanded",sans-serif;font-size:0.65rem;color:var(--bg-primary);letter-spacing:0.1em;text-transform:uppercase;}
.compass-rose-container{margin-top:auto;padding-bottom:2rem;}
.compass-rose{width:100px;height:100px;animation:rotate 60s linear infinite;}
.compass-rose:hover{animation-duration:8s;}
.compass-rose:hover line,.compass-rose:hover polygon,.compass-rose:hover circle{stroke:#8b1a1a;transition:stroke 0.5s ease;}
@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.mobile-bar{display:none;position:fixed;top:0;left:0;width:100%;height:60px;background:var(--bg-dark);z-index:100;align-items:center;padding:0 1.5rem;border-bottom:2px solid var(--border-gold);}
.mobile-title{font-family:"Playfair Display",serif;font-weight:900;color:var(--bg-primary);font-size:1.4rem;letter-spacing:0.05em;}
.main-content{margin-left:280px;width:calc(100vw - 280px);position:relative;}
.chamber{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;}
.chamber-content{max-width:75%;padding:4rem 3rem;position:relative;z-index:2;}
.chamber-heading{font-family:"Playfair Display",serif;font-weight:900;font-size:clamp(1.8rem,4vw,3rem);color:var(--text-primary);letter-spacing:-0.01em;line-height:1.05;margin-bottom:2.5rem;font-feature-settings:"liga" 1,"dlig" 1;}
.chamber-1{background:var(--bg-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2726%27%3E%3Cpolygon points=%2715,0 28,7.5 28,18.5 15,26 2,18.5 2,7.5%27 fill=%27none%27 stroke=%27%23b8963e%27 stroke-width=%270.3%27 opacity=%270.12%27/%3E%3C/svg%3E");}
.chamber-2{background:var(--bg-secondary);}
.chamber-3{background:var(--bg-primary);position:relative;overflow:visible;}
.chamber-4{background:var(--bg-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27%3E%3Crect x=%275%27 y=%275%27 width=%2710%27 height=%2710%27 transform=%27rotate(45 10 10)%27 fill=%27none%27 stroke=%27%23c8c4a8%27 stroke-width=%270.4%27 opacity=%270.2%27/%3E%3C/svg%3E");}
.chamber-5{background:var(--bg-primary);min-height:100vh;display:flex;align-items:center;justify-content:center;}
.ornate-frame{position:relative;padding:4rem 3rem;border:2px solid var(--border-gold);outline:1px solid var(--border-gold);outline-offset:4px;}
.corner-flourish{position:absolute;width:40px;height:40px;}
.corner-flourish.top-left{top:-4px;left:-4px;}
.corner-flourish.top-right{top:-4px;right:-4px;}
.corner-flourish.bottom-left{bottom:-4px;left:-4px;}
.corner-flourish.bottom-right{bottom:-4px;right:-4px;}
.entrance-headline{font-family:"Playfair Display",serif;font-weight:900;font-size:clamp(2.5rem,7vw,5.5rem);color:var(--text-primary);letter-spacing:-0.01em;line-height:1.05;font-feature-settings:"liga" 1,"dlig" 1;margin-bottom:1.5rem;}
.entrance-subtitle{font-family:"Crimson Text",serif;font-style:italic;font-size:clamp(1.1rem,1.5vw,1.35rem);color:var(--text-primary);opacity:0.85;line-height:1.6;}
.ornamental-divider{padding:1rem 3rem;text-align:center;}
.ornamental-divider svg{width:100%;height:30px;}
.reading-columns{display:grid;grid-template-columns:1fr 1fr;gap:3rem;}
.ornate-bracket-frame{position:relative;padding:2rem;}
.bracket-corner{position:absolute;width:20px;height:20px;}
.bracket-tl{top:0;left:0;}
.bracket-tr{top:0;right:0;}
.bracket-bl{bottom:0;left:0;}
.bracket-br{bottom:0;right:0;}
.reading-text{font-family:"Crimson Text",serif;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.72;color:var(--text-primary);}
.drop-cap{float:left;font-family:"Playfair Display",serif;font-weight:900;font-size:4.5em;line-height:0.85;margin-right:0.1em;color:var(--accent-crimson);background:radial-gradient(circle at 50% 50%,rgba(139,26,26,0.1),transparent 70%);padding:0 0.05em;}
.debate-arena{display:flex;flex-direction:column;gap:0;position:relative;}
.debate-panel{padding:3rem;position:relative;}
.thesis-panel{background:var(--bg-primary);color:var(--text-primary);clip-path:polygon(0 0,100% 0,100% 85%,0 100%);}
.antithesis-panel{background:var(--bg-dark);color:var(--bg-primary);clip-path:polygon(0 15%,100% 0,100% 100%,0 100%);padding-top:4rem;}
.antithesis-panel .drop-cap{color:var(--highlight-rose);}
.antithesis-panel .debate-text{color:var(--bg-primary);}
.debate-label{font-family:"Stint Ultra Expanded",sans-serif;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.18em;margin-bottom:1.5rem;color:var(--border-gold);}
.debate-text{font-family:"Crimson Text",serif;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.72;}
.debate-diagonal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:flex;gap:1rem;pointer-events:none;}
.geo-shape{position:absolute;z-index:1;pointer-events:none;}
.triangle{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:52px solid var(--accent-crimson);opacity:0.35;}
.hexagon{width:50px;height:28px;background:var(--border-gold);position:relative;opacity:0.3;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);}
.diamond{width:30px;height:30px;background:var(--highlight-rose);transform:rotate(45deg);opacity:0.3;}
.shape-1{top:15%;right:8%;opacity:0.25;}
.shape-2{bottom:20%;right:15%;}
.shape-3{top:40%;right:3%;}
.shape-4{top:10%;right:5%;}
.shape-5{bottom:15%;right:10%;}
.shape-6{position:relative;width:40px;height:40px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:var(--border-gold);opacity:0.5;}
.shape-7{position:relative;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid var(--accent-crimson);opacity:0.4;}
.shape-8{position:relative;width:25px;height:25px;background:var(--highlight-rose);transform:rotate(45deg);opacity:0.4;}
.archive-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:1rem 0;}
.archive-card{background:var(--bg-primary);padding:2.5rem 2rem;box-shadow:3px 4px 12px rgba(201,191,171,0.5),0 1px 3px rgba(74,55,40,0.1);transform:rotate(var(--rotate,0deg));clip-path:polygon(2% 0%,98% 1%,100% 3%,99% 97%,97% 100%,3% 99%,0% 97%,1% 2%);transition:transform 0.4s ease,box-shadow 0.4s ease;}
.archive-card:hover{transform:rotate(0deg) translateY(-4px);box-shadow:5px 8px 20px rgba(201,191,171,0.6);}
.card-text{font-family:"Playfair Display",serif;font-weight:700;font-size:clamp(1rem,1.3vw,1.2rem);font-style:italic;line-height:1.5;color:var(--text-primary);margin-bottom:1rem;}
.card-attribution{font-family:"Stint Ultra Expanded",sans-serif;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--border-gold);display:block;}
.manifesto-content{text-align:center;max-width:100%;display:flex;align-items:center;justify-content:center;}
.manifesto-border-container{position:relative;display:inline-block;padding:5rem 4rem;}
.manifesto-border{position:absolute;top:0;left:0;width:100%;height:100%;}
.manifesto-rect{stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset 3s ease-out;}
.manifesto-rect.animated{stroke-dashoffset:0;}
.manifesto-text{font-family:"Playfair Display",serif;font-weight:900;font-size:clamp(4rem,10vw,8rem);color:var(--text-primary);letter-spacing:-0.01em;line-height:1.05;position:relative;z-index:2;font-feature-settings:"liga" 1,"dlig" 1;}
.manifesto-sub{font-family:"Crimson Text",serif;font-style:italic;font-size:clamp(1.1rem,1.5vw,1.35rem);color:var(--text-primary);opacity:0.75;margin-top:2rem;line-height:1.6;position:relative;z-index:2;}
.blur-reveal{filter:blur(12px);opacity:0.4;transition:filter 1.2s ease-out,opacity 1s ease-out;}
.blur-reveal.revealed{filter:blur(0);opacity:1;}
.blur-reveal-child{filter:blur(8px);opacity:0.3;transition:filter 1.2s ease-out,opacity 1s ease-out;}
.blur-reveal-child.revealed{filter:blur(0);opacity:1;}
.delay-1{transition-delay:0.15s;}
.delay-2{transition-delay:0.3s;}
.delay-3{transition-delay:0.45s;}
@media(max-width:768px){
.sidebar{display:none;}
.mobile-bar{display:flex;}
.main-content{margin-left:0;width:100%;margin-top:60px;}
.chamber-content{max-width:100%;padding:2rem 1rem;}
.reading-columns{grid-template-columns:1fr;gap:2rem;}
.ornate-frame{padding:2rem 1.5rem;}
.entrance-headline{font-size:clamp(2rem,8vw,3.5rem);}
.manifesto-text{font-size:clamp(2.5rem,8vw,4rem);}
.manifesto-border-container{padding:3rem 2rem;}
.archive-cards{grid-template-columns:1fr;}
.debate-panel{padding:2rem 1rem;}
.thesis-panel{clip-path:none;}
.antithesis-panel{clip-path:none;padding-top:2rem;}
.ornamental-divider{padding:0.5rem 1rem;}
.geo-shape{display:none;}
}
.wax-seal-btn.active{transform:scale(1.2);box-shadow:0 0 15px rgba(139,26,26,0.6);background:radial-gradient(circle at 35% 35%,#c44,var(--accent-crimson) 60%,#6a1010);}