:root{--bg-color: #F4F3EF;--text-color: #111111;--border-color: #D0CEC7;--accent-color: #3B4CCA;--sidebar-width: 280px;--gap: 2rem;--ease: cubic-bezier(0.16, 1, 0.3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter', sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow:hidden;height:100vh}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes textSwipe{0%{clip-path:inset(0 100% 0 0);transform:translateX(-20px)}100%{clip-path:inset(0 0 0 0);transform:translateX(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes itemEnter{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes floatRotate{0%{transform:rotate(0deg) translate(0, 0)}50%{transform:rotate(180deg) translate(10px, 20px)}100%{transform:rotate(360deg) translate(0, 0)}}.reveal-text{display:inline-block;position:relative;clip-path:inset(0 100% 0 0);animation:textSwipe 1.2s var(--ease) forwards}.reveal-text:nth-child(2){animation-delay:0.2s}.app-container{display:flex;height:100vh;width:100vw}.content-area{flex-grow:1;height:100%;overflow-y:auto;position:relative;scroll-behavior:smooth}@media (max-width: 768px){.app-container{flex-direction:column}}.sidebar{width:var(--sidebar-width);height:100%;border-right:1px solid var(--border-color);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;z-index:10;background:var(--bg-color)}.site-title{font-family:'Space Grotesk', sans-serif;font-weight:700;font-size:1.5rem;line-height:1;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:-0.02em}.tagline{font-size:0.75rem;color:#666;margin-bottom:3rem}.nav-link{background:none;border:none;font-family:'Space Grotesk', sans-serif;font-size:1.1rem;cursor:pointer;text-align:left;padding:0;color:var(--text-color);transition:color 0.3s}.nav-link:hover,.nav-link.active{color:var(--accent-color);text-decoration:underline;text-decoration-thickness:2px}.sidebar-middle{flex-grow:1;overflow-y:auto;margin-bottom:2rem;padding-right:10px}.sidebar-middle::-webkit-scrollbar{width:4px}.sidebar-middle::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.label{display:block;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem;color:#888}.year-item{display:block;width:100%;background:none;border:none;text-align:left;font-family:'Inter', sans-serif;font-size:0.9rem;padding:4px 0;cursor:pointer;color:#555;transition:all 0.2s}.year-item:hover{color:var(--text-color);transform:translateX(5px)}.year-item.active{color:var(--accent-color);font-weight:600}.meta-link{background:none;border:1px solid var(--text-color);padding:0.5rem 1rem;font-family:'Space Grotesk', sans-serif;cursor:pointer;transition:all 0.3s;font-size:0.8rem}.meta-link:hover{background:var(--text-color);color:var(--bg-color)}@media (max-width: 768px){.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:1rem}.sidebar-middle,.sidebar-bottom{display:none}}#footer-overlay{position:relative;width:100%;height:auto;background-color:#111;color:#f4f3ef;padding:4rem 4rem 2rem;z-index:1}#btn-close-footer{display:none}.footer-top-bar{display:none}.footer-about{margin-bottom:3rem;max-width:600px}.footer-about .footer-name{margin-bottom:1rem}.footer-about-link{color:var(--accent-color);text-decoration:none;transition:opacity 0.2s}.footer-about-link:hover{opacity:0.8}.footer-desc{font-family:'Inter', sans-serif;font-size:1rem;line-height:1.6;color:#ccc;font-weight:300}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:4rem;padding-bottom:2rem;border-bottom:1px solid #333}.footer-name{font-family:'Space Grotesk', sans-serif;font-size:1.5rem;margin-bottom:1.5rem;color:var(--accent-color)}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:0.8rem}.footer-links a{color:#ccc;text-decoration:none;font-family:'Inter', sans-serif;font-size:1rem;transition:color 0.2s, padding-left 0.2s;display:inline-block}.footer-links a:hover{color:#fff;padding-left:5px}.footer-legal{font-size:0.8rem;color:#666;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem}.copyright{font-family:'Space Grotesk', sans-serif;color:#fff}.privacy-link{font-family:'Space Grotesk', sans-serif;font-size:0.8rem;color:#fff;text-decoration:none;transition:opacity 0.2s}.privacy-link:hover{opacity:0.7}.disclaimer{font-family:'Inter', sans-serif;max-width:600px;line-height:1.5}@media (max-width: 768px){#footer-overlay{padding:3rem 2rem}.footer-grid{grid-template-columns:1fr;gap:2rem}}.cookie-consent{position:fixed;bottom:2rem;right:2rem;width:300px;background-color:#fff;color:#111;padding:1.5rem;border:1px solid #ccc;box-shadow:0 5px 20px rgba(0,0,0,0.1);z-index:9999;display:none;font-family:'Inter', sans-serif;font-size:0.9rem}.cookie-consent.show{display:block;animation:fadeUp 0.5s ease forwards}.cookie-content p{margin-bottom:1rem;line-height:1.4}.cookie-content a{color:var(--accent-color);text-decoration:underline}#btn-accept-cookies{background-color:#111;color:#fff;border:none;padding:0.5rem 1rem;cursor:pointer;font-family:'Space Grotesk', sans-serif;text-transform:uppercase;font-size:0.8rem;width:100%;transition:background-color 0.3s}#btn-accept-cookies:hover{background-color:var(--accent-color)}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr))}.grid-item{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);position:relative;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.4s var(--ease),box-shadow 0.4s var(--ease);opacity:0;animation:itemEnter 0.8s var(--ease) forwards}.grid-item:nth-child(1){animation-delay:0.1s}.grid-item:nth-child(2){animation-delay:0.2s}.grid-item:nth-child(3){animation-delay:0.3s}.grid-item:nth-child(4){animation-delay:0.4s}.grid-item:nth-child(5){animation-delay:0.5s}.grid-item:nth-child(6){animation-delay:0.6s}.grid-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.05);z-index:2}.item-image-wrapper{height:180px;width:100%;overflow:hidden;position:relative;flex-shrink:0}.item-image{width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(--ease),filter 0.6s var(--ease);filter:grayscale(100%)}.grid-item:hover .item-image{transform:scale(1.03);filter:grayscale(0%)}.item-info{padding:1.5rem;background:var(--bg-color);flex-grow:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.item-title{font-family:'Space Grotesk', sans-serif;font-size:1.2rem;margin-bottom:0.25rem}.item-desc{font-size:0.85rem;color:#555}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:1.5rem;margin:3rem 0}.gallery-item{position:relative;cursor:zoom-in;overflow:hidden;border-radius:4px;aspect-ratio:1}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s var(--ease)}.gallery-item:hover img{transform:scale(1.05)}.image-attribution{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,0.7);color:white;padding:4px 8px;font-size:0.7rem;border-radius:4px;pointer-events:none;opacity:0;transition:opacity 0.3s}.gallery-item:hover .image-attribution{opacity:1}#lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.95);z-index:100;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity 0.3s var(--ease)}#lightbox-overlay.active{opacity:1;pointer-events:all}#lightbox-img{max-width:90%;max-height:90%;object-fit:contain;box-shadow:0 0 50px rgba(0,0,0,0.5)}#lightbox-close{position:absolute;top:2rem;right:2rem;background:none;border:1px solid white;color:white;padding:0.5rem 1rem;cursor:pointer;font-family:'Space Grotesk', sans-serif;text-transform:uppercase;transition:all 0.3s}#lightbox-close:hover{background:white;color:black}@media (max-width: 768px){.grid-container{grid-template-columns:1fr}}.search-container{margin-bottom:30px;width:350px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);transition:border-color 0.3s}.search-container:focus-within{border-color:var(--accent-color)}#search-input{width:100%;padding:1.5rem;font-family:'Space Grotesk', sans-serif;font-size:1.2rem;border:none;background:transparent;color:var(--text-color);outline:none}@media (max-width: 768px){.search-container{width:100%;padding:0 2rem 2rem 2rem;border-right:none}.search-container:focus-within{border-color:var(--border-color)}#search-input{width:100%;border:1px solid var(--border-color);padding:1rem;transition:border-color 0.3s}#search-input:focus{border-color:var(--accent-color)}}.hero-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:96px 64px 64px;position:relative;border-bottom:1px solid var(--border-color)}.hero-content{max-width:60%;z-index:2}.hero-title{font-family:'Space Grotesk', sans-serif;font-size:62px;font-weight:700;line-height:1.1;margin-bottom:2rem;color:var(--text-color)}.hero-title .highlight{color:var(--accent-color);position:relative;display:inline-block}.hero-title .highlight::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:0.15em;background-color:var(--accent-color);opacity:0.2;z-index:-1;transform:skewX(-10deg)}.hero-desc{font-size:1.1rem;max-width:500px;line-height:1.6;color:#555;opacity:0;animation:fadeUp 1s var(--ease) 0.6s forwards}.hero-graphic{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:300px;height:300px;z-index:1;opacity:0.6;pointer-events:none}.shape{position:absolute;border:1px solid var(--text-color)}.shape.circle{width:200px;height:200px;border-radius:50%;top:0;right:0;animation:floatRotate 20s linear infinite}.shape.square{width:180px;height:180px;bottom:0;left:0;background:rgba(59,76,202,0.05);animation:floatRotate 15s linear infinite reverse}@media (max-width: 1024px){.hero-section{flex-direction:column;align-items:flex-start;padding:3rem 2rem}.hero-content{max-width:100%}.hero-graphic{position:relative;right:auto;top:auto;transform:none;margin-top:2rem;align-self:center}}.detail-container{display:none;width:100%;animation:slideUp 0.8s var(--ease)}.detail-container.active-view{display:block}.hero-section-detail{width:100%;height:500px;overflow:hidden}.hero-img-detail{width:100%;height:100%;object-fit:cover;object-position:center}.article-body{padding:80px 120px;max-width:1000px;margin:0 auto}.article-header{margin-bottom:4rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.article-year{font-family:'Space Grotesk', sans-serif;color:var(--accent-color);font-weight:700;font-size:1rem;margin-bottom:1rem;display:block}.article-title{font-family:'Space Grotesk', sans-serif;font-size:4rem;line-height:0.9;letter-spacing:-0.03em;margin-bottom:1.5rem}.article-content p{font-size:1.1rem;line-height:1.6;color:#333;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all 0.8s var(--ease)}.article-content p.visible{opacity:1;transform:translateY(0)}.article-content h2{padding-bottom:8px}.article-content ul,.article-content ol{margin-bottom:2rem;padding-left:2.5rem;list-style-position:outside}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content li{margin-bottom:1rem;line-height:1.8;padding-left:0.5rem}@media (max-width: 768px){.article-title{font-size:2.5rem}}@media (max-width: 1024px){.article-body{padding:60px}}@media (max-width: 768px){.article-body{padding:40px 20px}}