:root{--color-ash-white: #FDFBF7;--color-soft-ash: #EFEBE4;--color-pearl: #F5F1EB;--color-phoenix-crimson: #5c101d;--color-blood-orange: #7a202d;--color-wine-red: #5c101d;--color-phoenix-gold: #B08968;--color-champagne: #E6CCB2;--color-warm-grey: #5C5552;--color-primary: #5c101d;--font-display: "Inter", sans-serif;--font-serif-display: "Playfair Display", serif;--font-serif-elegant: "Cormorant Garamond", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70}@layer base{body{font-family:var(--font-display);color:var(--color-warm-grey);background-color:var(--color-ash-white)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif-elegant)}}.font-cormorant{font-family:var(--font-serif-elegant)}.font-playfair{font-family:var(--font-serif-display)}.gradient-underline{background:linear-gradient(90deg,var(--color-phoenix-gold),var(--color-champagne));background-repeat:no-repeat;background-size:100% 1px;background-position:bottom center}.gradient-text-gold{background:linear-gradient(90deg,var(--color-phoenix-gold),var(--color-champagne));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-sepia{filter:sepia(30%)}.card-hover-effect{transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card-hover-effect:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,.07)}.card-hover-effect .card-sepia{transition:filter var(--transition-base),transform var(--transition-base)}.card-hover-effect:hover .card-sepia{filter:sepia(0%);transform:scale(1.05)}.card-hover-effect .top-border{transform:scaleX(0);transition:transform var(--transition-base);transform-origin:left}.card-hover-effect:hover .top-border{transform:scaleX(1)}.hero-overlay{position:relative}.hero-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(ellipse at 50% 40%,rgba(221,212,198,.1) 0%,transparent 40%),linear-gradient(rgba(48,32,22,.3),rgba(28,16,8,.6));z-index:1}.hero-content{position:relative;z-index:2}.hero-logo{filter:drop-shadow(0 4px 20px rgba(0,0,0,.5))}.burning-text{color:var(--color-phoenix-crimson);text-shadow:0 0 10px rgba(255,69,0,.8),0 0 20px rgba(255,69,0,.6),0 0 30px rgba(255,69,0,.4),0 0 40px rgba(220,20,60,.3),0 0 70px rgba(220,20,60,.2),0 0 80px rgba(220,20,60,.1);animation:flicker 3s ease-in-out infinite alternate}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 10px rgba(255,69,0,.8),0 0 20px rgba(255,69,0,.6),0 0 30px rgba(255,69,0,.4),0 0 40px rgba(220,20,60,.3),0 0 70px rgba(220,20,60,.2),0 0 80px rgba(220,20,60,.1)}20%,24%,55%{text-shadow:0 0 5px rgba(255,69,0,.5),0 0 10px rgba(255,69,0,.3),0 0 15px rgba(255,69,0,.2)}}.subtle-texture{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.02' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E")}body:before,body:after{content:"";position:fixed;background-size:contain;background-repeat:no-repeat;opacity:.05;z-index:-1;pointer-events:none}body:before{top:-20%;left:-20%;width:40%;height:40%;transform:rotate(-30deg)}body:after{bottom:-25%;right:-25%;width:50%;height:50%;transform:rotate(150deg)}@keyframes smolder{0%,to{opacity:.08;transform:scale(1) rotate(var(--initial-rotate, 0deg))}50%{opacity:.12;transform:scale(1.02) rotate(var(--initial-rotate, 0deg))}}.scorched-edge{position:absolute;background-size:cover;background-repeat:no-repeat;opacity:.1;pointer-events:none;z-index:0;animation:smolder 12s ease-in-out infinite}.scorched-edge-1{top:-100px;right:0;width:250px;height:250px;--initial-rotate: 90deg;transform:rotate(var(--initial-rotate));animation-delay:0s}.scorched-edge-2{bottom:-50px;left:0;width:200px;height:100px;--initial-rotate: -10deg;transform:rotate(var(--initial-rotate));animation-delay:-6s}#itemModal{display:none}#itemModal.active{display:flex}body.modal-open{overflow:hidden}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-soft-ash);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-phoenix-gold),var(--color-champagne));border-radius:10px;border:2px solid var(--color-soft-ash);transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-phoenix-crimson),var(--color-blood-orange))}*{scrollbar-width:thin;scrollbar-color:var(--color-phoenix-gold) var(--color-soft-ash)}#itemModal ::-webkit-scrollbar{width:10px}#itemModal ::-webkit-scrollbar-track{background:var(--color-pearl)}#itemModal ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-phoenix-gold),var(--color-phoenix-crimson));border-radius:10px;border:2px solid var(--color-pearl)}#itemModal ::-webkit-scrollbar-thumb:hover{background:var(--color-wine-red)}.cta-button{position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-button:hover:before{width:300px;height:300px}.multimedia-section{transition:all .3s ease}.multimedia-section:hover{transform:translateY(-2px)}@keyframes pulse-play{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}[data-action=play-audio]:hover,[data-action=play-video]:hover{animation:pulse-play 1s ease-in-out infinite}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.progress-shimmer{background:linear-gradient(90deg,var(--color-phoenix-gold) 0%,var(--color-champagne) 50%,var(--color-phoenix-gold) 100%);background-size:200% 100%;animation:shimmer 2s linear infinite}nav a.active{background-color:var(--color-soft-ash);border-radius:50%;transition:all .3s ease}nav a.active .material-symbols-outlined{color:var(--color-phoenix-crimson);text-shadow:0 0 8px rgba(92,16,29,.3);animation:nav-pulse .6s ease-in-out}nav a{transition:all .3s ease}nav a .material-symbols-outlined{transition:all .3s ease}@keyframes nav-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}nav a.active .nav-tooltip{background-color:var(--color-phoenix-crimson);box-shadow:0 4px 12px rgba(92,16,29,.3)}#mobile-menu-toggle{transition:all .3s ease}#mobile-menu-toggle:hover{transform:scale(1.1)}#mobile-menu{backdrop-filter:blur(10px)}#mobile-menu.active{transform:translate(0)}.mobile-nav-link{min-height:56px;display:flex;align-items:center}.mobile-nav-link:active{background-color:var(--color-pearl)}body.mobile-menu-open{overflow:hidden}html{scroll-behavior:smooth}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-phoenix-crimson);outline-offset:2px}@media (max-width: 768px){button,a,.lang-switcher{min-height:44px;min-width:44px}}@media (max-width: 1024px){aside{width:48px}aside .lang-switcher{height:32px;width:32px;font-size:.7rem}}@media (max-width: 768px){.md\:pl-16{padding-left:0!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}section{padding-top:3rem!important;padding-bottom:3rem!important}}@media (max-width: 768px) and (max-height: 500px){.min-h-\[500px\]{min-height:100vh}section{padding-top:2rem!important;padding-bottom:2rem!important}}.modal-layout{min-height:90vh}.modal-sidebar{width:280px;background:var(--color-pearl);border-right:2px solid var(--color-soft-ash)}.modal-sidebar-header{padding:2rem 1.5rem;border-bottom:2px solid var(--color-champagne)}.modal-sidebar-nav{padding:1rem 0}.modal-tab-button{width:100%;padding:1rem 1.5rem;text-align:left;transition:all .3s ease;border-left:4px solid transparent;display:flex;align-items:center;gap:.75rem;background:transparent;color:var(--color-warm-grey)}.modal-tab-button:hover{background:var(--color-soft-ash);color:var(--color-phoenix-crimson)}.modal-tab-button.active{background:var(--color-ash-white);border-left-color:var(--color-phoenix-crimson);font-weight:600;color:var(--color-phoenix-crimson)}.modal-tab-button .material-symbols-outlined{font-size:1.5rem;transition:all .3s ease}.modal-tab-button.active .material-symbols-outlined{color:var(--color-phoenix-crimson)}.modal-tab-button .tab-label{font-family:var(--font-display);font-size:.95rem}.modal-content-area{background:var(--color-ash-white);overflow-y:auto;max-height:90vh;-webkit-overflow-scrolling:touch}.isadg-table{width:100%;border-collapse:collapse}.isadg-table td{padding:.75rem;border-bottom:1px solid var(--color-soft-ash)}.isadg-table td:first-child{font-weight:600;color:var(--color-phoenix-gold);width:35%}.isadg-table tr:last-child td{border-bottom:none}.opposition-visualizer{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.opposition-card{position:relative;overflow:hidden;border-radius:.5rem;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.1)}.opposition-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.opposition-card:hover .opposition-overlay{opacity:1}.text-split-view{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.original-text{font-family:Courier New,monospace;direction:ltr;line-height:1.8}.source-word{position:relative;cursor:help;border-bottom:1px dotted var(--color-phoenix-gold)}.word-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--color-wine-red);color:#fff;padding:.5rem 1rem;border-radius:.25rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-bottom:.5rem;z-index:10}.source-word:hover .word-tooltip{opacity:1}.map-container{width:100%;height:500px;border-radius:.5rem;overflow:hidden}.location-card{background:var(--color-pearl);border-radius:.5rem;padding:1.5rem;border-left:4px solid var(--color-phoenix-gold);transition:all .3s ease}.location-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.gallery-container{position:relative}.gallery-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.gallery-item.active{opacity:1;pointer-events:auto}.gallery-item img{width:100%;height:100%;object-fit:contain}.gallery-nav{transition:all .3s ease;z-index:10}.gallery-nav:hover{transform:translateY(-50%) scale(1.1)}.gallery-thumbnails{margin-top:1rem}.gallery-thumb{aspect-ratio:4/3;overflow:hidden;border-radius:.5rem;border:3px solid transparent;transition:all .3s ease;cursor:pointer}.gallery-thumb:hover{border-color:var(--color-phoenix-gold);transform:scale(1.05)}.gallery-thumb.active{border-color:var(--color-phoenix-crimson);box-shadow:0 4px 12px rgba(92,16,29,.3)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.video-card{background:var(--color-ash-white);border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease}.video-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}@media (max-width: 1024px){.modal-sidebar{width:200px}.opposition-visualizer,.text-split-view{grid-template-columns:1fr}}@media (max-width: 768px){.modal-layout{flex-direction:column;min-height:85vh;max-height:85vh}.modal-sidebar{width:100%;border-right:none;border-bottom:2px solid var(--color-soft-ash);position:sticky;top:0;z-index:20;box-shadow:0 4px 12px rgba(0,0,0,.08)}.modal-sidebar-nav{display:flex;overflow-x:auto;padding:.5rem}.modal-tab-button{flex-direction:column;padding:1rem;min-width:80px;min-height:56px;text-align:center;border-left:none;border-bottom:4px solid transparent}.modal-tab-button.active{border-left:none;border-bottom-color:var(--color-phoenix-crimson)}.modal-tab-button .tab-label{font-size:.875rem}.modal-content-area{max-height:calc(85vh - 120px);position:relative;padding-bottom:3rem}.modal-content-area:after{content:"";position:sticky;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#faf8f6,rgba(250,248,246,.9) 30%,rgba(250,248,246,0));pointer-events:none;z-index:10;transition:opacity .3s ease}}@media (max-width: 360px){.modal-layout{min-height:80vh;max-height:80vh}.modal-content-area{max-height:calc(80vh - 110px)}.modal-tab-button{min-width:70px;font-size:.8rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-content-area>div{animation:fadeIn .3s ease-out}.modal-tab-button:focus-visible{outline:2px solid var(--color-phoenix-crimson);outline-offset:2px}@media (max-width: 768px){.modal-sidebar-nav::-webkit-scrollbar{height:4px}.modal-sidebar-nav::-webkit-scrollbar-track{background:var(--color-soft-ash)}.modal-sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-phoenix-gold);border-radius:2px}}@media (max-width: 768px){.modal-sidebar{display:none!important}.modal-layout.mobile-view{flex-direction:column;height:100vh;max-height:100vh}.mobile-modal-header{position:sticky;top:0;z-index:30;background:var(--color-ash-white);border-bottom:2px solid var(--color-soft-ash);padding:1.25rem 1rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.mobile-section{border-bottom:1px solid var(--color-soft-ash)}.mobile-section-header{padding:1.25rem 1rem;display:flex;align-items:center;gap:1rem;background:var(--color-pearl);cursor:pointer;transition:background .2s ease;border:none;width:100%;text-align:left}.mobile-section-header:active{background:var(--color-soft-ash)}.mobile-section-content{max-height:0;overflow:hidden;transition:max-height .4s ease}.mobile-section.expanded .mobile-section-content{max-height:10000px;padding:1.5rem 1rem}.mobile-section-header .material-symbols-outlined:last-child{transition:transform .3s ease}.mobile-section.expanded .mobile-section-header .material-symbols-outlined:last-child{transform:rotate(180deg)}}