@import 'https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Inter:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;1,400&family=Courier+Prime&display=swap';:root{--color-bg:#F4F4F0;--color-text:#1A1A1A;--color-accent-primary:#8A1C1C;--color-accent-secondary:#0047AB;--color-surface:#EAEAE5;--color-border:#D1D1CD;--font-title:'Cormorant Garamond', serif;--font-subtitle:'Playfair Display', serif;--font-body:'Inter', sans-serif;--font-code:'Courier Prime', monospace;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--spacing-xxl:8rem;--container-width:1000px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.7;overflow-x:hidden}h1,h2,h3{font-family:var(--font-title);margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:400}h1{font-size:4rem;line-height:1.1;letter-spacing:-.02em}h2{font-size:2.5rem;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);display:inline-block}p{font-size:1.1rem;margin-bottom:var(--spacing-md);max-width:65ch;font-weight:300}a{color:var(--color-accent-secondary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:all .3s ease}a:hover{background-color:var(--color-accent-secondary);color:#fff;text-decoration:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xxl)0;position:relative}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:1fr}@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}.btn{display:inline-block;padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--color-text);color:var(--color-text);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-body);font-size:.9rem;text-decoration:none;transition:all .3s ease}.btn:hover{background-color:var(--color-text);color:var(--color-bg)}.card{background-color:var(--color-surface);padding:var(--spacing-lg);border:1px solid var(--color-border);box-shadow:5px 5px rgba(0,0,0,5%)}blockquote{font-family:var(--font-subtitle);font-style:italic;font-size:1.3rem;border-left:2px solid var(--color-accent-primary);padding-left:var(--spacing-md);margin:var(--spacing-lg)0;color:var(--color-text);background:0 0}.evolution-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.evolution-icon{font-size:2rem;margin-bottom:var(--spacing-sm);color:var(--color-accent-primary)}.medieval-page-container{max-width:800px;margin:0 auto;padding:var(--spacing-xxl)var(--spacing-lg);background-color:var(--color-bg);min-height:100vh}.content-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);position:relative}.content-title{font-family:cormorant garamond,serif;font-size:3.5rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text);line-height:1.1}.content-date{font-family:cormorant garamond,serif;font-style:italic;color:var(--color-accent-primary);font-size:1.2rem}.header-separator{font-family:cormorant garamond,serif;font-size:1.5rem;color:var(--color-accent-primary);margin-top:var(--spacing-md);text-shadow:2px 0 0 rgba(0,255,255,.3),-2px 0 0 rgba(255,0,0,.3)}.content-body{font-family:cormorant garamond,serif;line-height:1.8;text-align:left}.content-body p{margin-bottom:var(--spacing-md)}.symbol-digital-classical{color:var(--color-accent-primary);font-weight:700;display:inline-block;text-shadow:1px 0 0 rgba(0,255,255,.5),-1px 0 0 rgba(255,0,0,.5)}.content-body h2{font-size:2rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);font-family:playfair display,serif;position:relative}.anchor-link{font-size:.8em;color:var(--color-border);margin-left:.5rem;text-decoration:none;opacity:0;transition:opacity .2s}.content-body h2:hover .anchor-link{opacity:1}#sidebar{position:fixed;top:0;right:0;width:300px;height:100vh;background-color:var(--color-bg)!important;border-left:2px solid var(--color-text);padding:var(--spacing-xl)var(--spacing-lg);box-shadow:-5px 0 15px rgba(0,0,0,5%);z-index:1000!important;transform:translateX(100%);transition:transform .3s ease-in-out}.menu-header{margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-text);padding-bottom:var(--spacing-sm);display:flex;justify-content:space-between;align-items:flex-end}.menu-index-label{font-family:var(--font-code);font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.menu-version{font-family:var(--font-code);font-size:.8rem}#sidebar.open{transform:translateX(0)}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}#overlay.visible{opacity:1;pointer-events:auto}#burgerBtn{position:relative;z-index:1001!important;background:0 0;border:none;cursor:pointer;font-family:var(--font-body);text-transform:uppercase;font-size:.9rem;letter-spacing:1px;display:flex;align-items:center;gap:10px;pointer-events:auto}.burger-lines{width:20px;height:14px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.burger-line{display:block;width:100%;height:2px;background-color:var(--color-text);transition:all .3s ease}#burgerBtn.open .burger-line:nth-child(1){transform:translateY(6px)rotate(45deg)}#burgerBtn.open .burger-line:nth-child(2){opacity:0}#burgerBtn.open .burger-line:nth-child(3){transform:translateY(-6px)rotate(-45deg)}#closeBtn{position:absolute;top:20px;right:20px;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text);font-family:var(--font-body);transition:transform .3s ease}#closeBtn:hover{color:var(--color-accent-primary)}.menu-list-item{display:block;margin-bottom:var(--spacing-md)}.menu-link{font-family:cormorant garamond,serif;font-size:1.8rem;color:var(--color-text);text-decoration:none;position:relative;display:block;font-weight:400;transition:all .2s;text-transform:lowercase;font-variant:small-caps;letter-spacing:.05em;border-bottom:1px dotted var(--color-border);padding-bottom:4px}.menu-link:hover{color:var(--color-text);border-bottom-color:var(--color-accent-primary);font-weight:600;font-style:italic}.menu-number{font-family:courier prime,monospace;font-size:.7rem;margin-right:10px;opacity:.5}.menu-link:hover::before,.menu-link:hover::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg);font-family:var(--font-code);font-size:.85em;letter-spacing:-.05em;padding-top:4px}.menu-link:hover::before{left:2px;text-shadow:-1px 0 var(--color-accent-primary);clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.menu-link:hover::after{left:-2px;text-shadow:-1px 0 var(--color-accent-secondary);clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(12px,9999px,5px,0)}5%{clip:rect(88px,9999px,89px,0)}10%{clip:rect(12px,9999px,89px,0)}15%{clip:rect(46px,9999px,25px,0)}20%{clip:rect(140px,9999px,58px,0)}25%{clip:rect(35px,9999px,21px,0)}30%{clip:rect(13px,9999px,81px,0)}35%{clip:rect(138px,9999px,52px,0)}40%{clip:rect(45px,9999px,132px,0)}45%{clip:rect(12px,9999px,148px,0)}50%{clip:rect(103px,9999px,144px,0)}55%{clip:rect(108px,9999px,105px,0)}60%{clip:rect(11px,9999px,10px,0)}65%{clip:rect(105px,9999px,13px,0)}70%{clip:rect(76px,9999px,3px,0)}75%{clip:rect(113px,9999px,134px,0)}80%{clip:rect(55px,9999px,134px,0)}85%{clip:rect(102px,9999px,133px,0)}90%{clip:rect(102px,9999px,13px,0)}95%{clip:rect(101px,9999px,123px,0)}100%{clip:rect(48px,9999px,65px,0)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,100px,0)}5%{clip:rect(52px,9999px,74px,0)}10%{clip:rect(79px,9999px,85px,0)}15%{clip:rect(75px,9999px,5px,0)}20%{clip:rect(67px,9999px,61px,0)}25%{clip:rect(14px,9999px,79px,0)}30%{clip:rect(1px,9999px,66px,0)}35%{clip:rect(86px,9999px,30px,0)}40%{clip:rect(23px,9999px,98px,0)}45%{clip:rect(85px,9999px,72px,0)}50%{clip:rect(71px,9999px,75px,0)}55%{clip:rect(2px,9999px,48px,0)}60%{clip:rect(30px,9999px,16px,0)}65%{clip:rect(59px,9999px,50px,0)}70%{clip:rect(99px,9999px,81px,0)}75%{clip:rect(36px,9999px,71px,0)}80%{clip:rect(71px,9999px,97px,0)}85%{clip:rect(2px,9999px,22px,0)}90%{clip:rect(38px,9999px,38px,0)}95%{clip:rect(98px,9999px,34px,0)}100%{clip:rect(30px,9999px,1px,0)}}.evolution-line{height:2px;background-color:var(--color-border);width:100%;position:absolute;top:1.5rem;z-index:-1}.classical-border{border:1px solid var(--color-text);padding:4px;display:inline-block}.classical-border-inner{border:1px solid var(--color-text);padding:var(--spacing-sm)}.evolution-item:hover .evolution-icon{animation:glitch-anim-2 .3s infinite linear alternate-reverse;filter:drop-shadow(2px 0 0 rgba(0,255,255,.3))drop-shadow(-2px 0 0 rgba(255,0,0,.3))}