:root{--tile-blue: #1976d2;--tile-green: #388e3c;--tile-orange: #f57c00;--tile-purple: #7b1fa2;--ink: #1a1a1a;--gray: #555;--gray-light: #888;--line: #e0e0e0;--bg: #fff;--soft: #f5f5f5;--hff: 'Roboto Condensed', sans-serif;--bff: 'Roboto', sans-serif;--radius: 4px;--container: 1280px;}*, *::before, *::after{margin: 0;padding: 0;box-sizing: border-box;}html{scroll-behavior: smooth;}body{font-family: var(--bff);color: var(--gray);background: var(--bg);font-size: 16px;line-height: 1.6;-webkit-font-smoothing: antialiased;}img{display: block;max-width: 100%;}a{color: inherit;text-decoration: none;}ul, ol{list-style: none;}button{font-family: inherit;cursor: pointer;border: none;background: none;}h1, h2, h3, h4{font-family: var(--hff);color: var(--ink);font-weight: 700;}a:focus-visible, button:focus-visible, input:focus-visible{outline: 2px solid var(--tile-blue);outline-offset: 2px;border-radius: 2px;}.container{max-width: var(--container);margin: 0 auto;padding: 0 24px;}.skip-link{position: absolute;left: -9999px;top: 0;z-index: 100000;padding: 10px 16px;background: var(--ink);color: #fff;font-weight: 700;}.skip-link:focus{left: 0;}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}.site-header{background: var(--bg);border-bottom: 1px solid var(--line);}.header-inner{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 28px 0 18px;}.site-logo{font-family: var(--hff);font-weight: 700;font-size: 34px;line-height: 1;color: var(--ink);text-transform: uppercase;letter-spacing: -0.02em;}.site-logo .logo-svg{display: flex;align-items: center;}.site-logo .logo-svg svg{height: 48px;width: auto;max-width: 320px;}.site-logo img{max-height: 56px;width: auto;}.site-tagline{font-family: var(--bff);font-size: 13px;color: var(--gray-light);margin-top: 8px;letter-spacing: 0.04em;text-transform: uppercase;}.main-nav{background: var(--bg);border-bottom: 1px solid var(--line);position: sticky;top: 0;z-index: 50;}.main-nav .container{display: flex;align-items: center;justify-content: center;position: relative;}.nav-menu{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}.nav-item > a{display: block;padding: 16px 18px;font-family: var(--hff);font-weight: 700;font-size: 14px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--ink);transition: color .2s, background .2s;}.nav-item > a:hover{color: var(--tile-blue);}.nav-item.active > a{color: #fff;background: var(--tile-blue);}.nav-right{position: absolute;right: 24px;display: flex;align-items: center;}.icon-btn{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;color: var(--ink);transition: color .2s;}.icon-btn:hover{color: var(--tile-blue);}.icon-btn svg{width: 18px;height: 18px;}.nav-toggle{display: none;flex-direction: column;gap: 5px;padding: 14px 10px;margin-right: auto;}.nav-toggle span{width: 22px;height: 2px;background: var(--ink);transition: transform .25s, opacity .25s;}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform: translateY(7px) rotate(45deg);}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity: 0;}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}.breadcrumb{padding: 18px 0 0;font-family: var(--hff);font-size: 12px;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--gray-light);}.breadcrumb-list{display: flex;align-items: center;flex-wrap: wrap;gap: 9px;}.breadcrumb-item a{color: var(--gray);transition: color .2s;}.breadcrumb-item a:hover{color: var(--tile-blue);}.breadcrumb-item + .breadcrumb-item::before{content: "/";margin-right: 9px;color: var(--gray-light);}.breadcrumb-item.active{color: var(--ink);}.meta-line{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;margin-top: 12px;font-family: var(--hff);font-size: 12px;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--gray-light);}.meta-line a{color: var(--gray);}.meta-line a:hover{color: var(--tile-blue);}.meta-line .sep{color: var(--gray-light);}.tile{position: relative;display: block;border-radius: var(--radius);overflow: hidden;background: var(--soft);transition: transform .2s ease-out;}.tile:hover{transform: scale(1.02);}.tile-img{position: relative;overflow: hidden;}.tile-img img{width: 100%;height: 100%;object-fit: cover;transition: transform .4s ease-out;}.tile:hover .tile-img img{transform: scale(1.05);}.tile-content{padding: 18px;}.tile-cat{display: inline-block;padding: 5px 10px;font-family: var(--hff);font-size: 11px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: #fff;background: var(--tile-blue);margin-bottom: 10px;}.tile-title{font-family: var(--hff);font-weight: 700;text-transform: uppercase;line-height: 1.18;color: var(--ink);}.tile-excerpt{font-family: var(--bff);font-size: 14px;line-height: 1.55;color: var(--gray);margin-top: 10px;}.tile-date{display: block;margin-top: 10px;font-family: var(--hff);font-size: 12px;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--gray-light);}.tile[data-cat="0"] .tile-cat{background: var(--tile-blue);}.tile[data-cat="1"] .tile-cat{background: var(--tile-green);}.tile[data-cat="2"] .tile-cat{background: var(--tile-orange);}.tile[data-cat="3"] .tile-cat{background: var(--tile-purple);}.vedette-tiles{padding: 30px 0 40px;}.metro-grid{display: grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows: 220px;gap: 18px;}.metro-tile{display: flex;flex-direction: column;}.metro-tile .tile-img{flex: 1;min-height: 0;}.metro-tile .tile-content{background: var(--bg);border-top: 4px solid var(--tile-blue);padding: 14px 16px;}.tile[data-cat="0"] .tile-content{border-top-color: var(--tile-blue);}.tile[data-cat="1"] .tile-content{border-top-color: var(--tile-green);}.tile[data-cat="2"] .tile-content{border-top-color: var(--tile-orange);}.tile[data-cat="3"] .tile-content{border-top-color: var(--tile-purple);}.metro-tile .tile-title{font-size: 18px;}.metro-tile.featured{grid-column: span 2;grid-row: span 2;}.metro-tile.featured .tile-title{font-size: 30px;}.metro-tile.featured .tile-content{padding: 20px;}.metro-tile.horizontal{grid-column: span 2;flex-direction: row;}.metro-tile.horizontal .tile-img{width: 55%;}.metro-tile.horizontal .tile-content{width: 45%;display: flex;flex-direction: column;justify-content: center;}.metro-tile.horizontal .tile-title{font-size: 22px;}.section{padding: 30px 0 44px;}.section-head{display: flex;align-items: center;gap: 16px;margin-bottom: 24px;}.section-title{font-family: var(--hff);font-size: 24px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;color: var(--ink);}.section-line{flex: 1;height: 4px;background: var(--line);}.cards-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 22px;}.card .tile-img{aspect-ratio: 16/10;}.card .tile-content{border-top: 4px solid var(--tile-blue);}.card[data-cat="0"] .tile-content{border-top-color: var(--tile-blue);}.card[data-cat="1"] .tile-content{border-top-color: var(--tile-green);}.card[data-cat="2"] .tile-content{border-top-color: var(--tile-orange);}.card[data-cat="3"] .tile-content{border-top-color: var(--tile-purple);}.card .tile-title{font-size: 18px;}.read-more{display: inline-flex;align-items: center;gap: 8px;margin-top: 14px;font-family: var(--hff);font-size: 12px;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ink);}.read-more:hover{color: var(--tile-blue);}.read-more svg{width: 14px;height: 14px;}.cat-circles{padding: 10px 0 30px;}.cat-circles-row{display: flex;gap: 18px;overflow-x: auto;padding-bottom: 8px;}.cat-circle{display: flex;align-items: center;gap: 14px;padding: 14px 18px;background: var(--soft);border-radius: var(--radius);min-width: 180px;transition: transform .2s;}.cat-circle:hover{transform: scale(1.03);}.cat-circle .cc-img{width: 52px;height: 52px;border-radius: var(--radius);overflow: hidden;flex-shrink: 0;}.cat-circle .cc-img img{width: 100%;height: 100%;object-fit: cover;}.cat-circle h3{font-family: var(--hff);font-size: 15px;font-weight: 700;text-transform: uppercase;color: var(--ink);}.cat-circle span{font-family: var(--hff);font-size: 11px;font-weight: 700;text-transform: uppercase;color: var(--gray-light);}.layout{display: grid;grid-template-columns: 1fr 320px;gap: 36px;padding-bottom: 50px;}.sidebar{padding-top: 8px;}.widget{margin-bottom: 32px;}.widget-title{font-family: var(--hff);font-size: 17px;font-weight: 700;text-transform: uppercase;margin-bottom: 16px;color: var(--ink);}.widget-box{background: var(--soft);padding: 22px;border-radius: var(--radius);}.popular-item{display: flex;gap: 14px;margin-bottom: 18px;}.popular-item .tile-img{width: 92px;height: 72px;flex-shrink: 0;border-radius: var(--radius);}.popular-item h4{font-family: var(--hff);font-size: 14px;font-weight: 700;line-height: 1.25;text-transform: uppercase;margin-top: 4px;}.newsletter-widget-form{display: flex;flex-direction: column;gap: 10px;}.newsletter-widget-form input{width: 100%;padding: 12px 14px;border: 1px solid var(--line);border-radius: var(--radius);font-family: var(--bff);font-size: 14px;}.newsletter-widget-form button{padding: 12px 16px;background: var(--tile-blue);color: #fff;font-family: var(--hff);font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;border-radius: var(--radius);}.newsletter-widget-form button:hover{background: #1565c0;}.cat-cards{display: flex;flex-direction: column;gap: 12px;}.cat-card{position: relative;display: block;border-radius: var(--radius);overflow: hidden;aspect-ratio: 16/7;}.cat-card img{width: 100%;height: 100%;object-fit: cover;}.cat-card .cc-content{position: absolute;inset: 0;display: flex;align-items: center;justify-content: space-between;padding: 0 18px;background: rgba(0,0,0,.45);color: #fff;}.cc-name{font-family: var(--hff);font-size: 15px;font-weight: 700;text-transform: uppercase;}.cc-count{font-family: var(--hff);font-size: 13px;font-weight: 700;background: #fff;color: var(--ink);padding: 4px 10px;border-radius: var(--radius);}.social-stats{display: flex;flex-direction: column;gap: 10px;}.social-stat{display: flex;align-items: center;justify-content: space-between;padding: 12px 14px;border-radius: var(--radius);background: var(--soft);font-family: var(--hff);font-size: 13px;font-weight: 700;text-transform: uppercase;color: var(--ink);transition: transform .2s;}.social-stat:hover{transform: scale(1.02);}.social-stat .ss-left{display: flex;align-items: center;gap: 10px;}.social-stat svg{width: 18px;height: 18px;}.social-stat .count{font-size: 14px;color: var(--gray-light);}.site-footer{background: var(--ink);color: #fff;}.footer-social-strip{display: flex;justify-content: center;gap: 18px;padding: 22px 0;border-bottom: 1px solid rgba(255,255,255,.12);}.footer-social-strip a{color: #fff;opacity: .7;transition: opacity .2s;}.footer-social-strip a:hover{opacity: 1;}.footer-social-strip svg{width: 20px;height: 20px;}.footer-top{display: grid;grid-template-columns: 1.4fr .9fr .9fr 1fr;gap: 34px;padding: 44px 0 36px;}.footer-logo{font-family: var(--hff);font-size: 22px;font-weight: 700;text-transform: uppercase;color: #fff;}.footer-desc{font-size: 14px;color: rgba(255,255,255,.65);margin-top: 10px;line-height: 1.55;}.footer-col h4{font-family: var(--hff);font-size: 14px;font-weight: 700;text-transform: uppercase;margin-bottom: 14px;color: #fff;}.footer-col ul{display: flex;flex-direction: column;gap: 8px;}.footer-col a{font-size: 14px;color: rgba(255,255,255,.65);transition: color .2s;}.footer-col a:hover{color: #fff;}.footer-newsletter{display: flex;flex-direction: column;gap: 10px;}.footer-newsletter input{width: 100%;padding: 12px 14px;border: 1px solid rgba(255,255,255,.2);border-radius: var(--radius);background: rgba(255,255,255,.08);color: #fff;font-family: var(--bff);font-size: 14px;}.footer-newsletter input::placeholder{color: rgba(255,255,255,.45);}.footer-newsletter button{padding: 12px 16px;background: var(--tile-blue);color: #fff;font-family: var(--hff);font-size: 13px;font-weight: 700;text-transform: uppercase;border-radius: var(--radius);}.footer-newsletter button:hover{background: #1565c0;}.footer-bottom{display: flex;align-items: center;justify-content: space-between;padding: 18px 0;border-top: 1px solid rgba(255,255,255,.12);font-size: 13px;color: rgba(255,255,255,.55);}.footer-bottom-links{display: flex;gap: 18px;}.footer-bottom-links a{color: rgba(255,255,255,.65);}.footer-bottom-links a:hover{color: #fff;}#back-to-top{position: fixed;right: 24px;bottom: 24px;width: 44px;height: 44px;border-radius: var(--radius);background: var(--tile-blue);color: #fff;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: opacity .25s, visibility .25s;z-index: 60;}#back-to-top.visible{opacity: 1;visibility: visible;}#back-to-top svg{width: 20px;height: 20px;}.search-overlay{position: fixed;inset: 0;background: rgba(255,255,255,.96);display: flex;align-items: flex-start;justify-content: center;padding-top: 140px;opacity: 0;visibility: hidden;transition: opacity .25s, visibility .25s;z-index: 100;}.search-overlay.active{opacity: 1;visibility: visible;}.search-close{position: absolute;top: 24px;right: 24px;font-size: 42px;color: var(--ink);}.search-box{width: 100%;max-width: 680px;padding: 0 24px;}.search-box input{width: 100%;padding: 18px 0;border: none;border-bottom: 4px solid var(--ink);background: transparent;font-family: var(--hff);font-size: 28px;font-weight: 700;text-transform: uppercase;color: var(--ink);}.search-box input::placeholder{color: var(--gray-light);}.page-article .layout{padding-top: 10px;}.article-head{padding: 6px 0 22px;}.article-head h1{font-size: 42px;line-height: 1.1;letter-spacing: -0.01em;text-transform: uppercase;max-width: 860px;}.article-excerpt{font-size: 17px;line-height: 1.6;color: var(--gray);margin-top: 16px;max-width: 760px;}.article-meta-row{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin-top: 18px;font-family: var(--hff);font-size: 12px;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--gray-light);}.article-meta-row a{color: var(--gray);}.article-meta-row a:hover{color: var(--tile-blue);}.article-meta-row .sep{color: var(--gray-light);}.avatar-letter{width: 34px;height: 34px;border-radius: 50%;background: var(--tile-blue);color: #fff;display: inline-flex;align-items: center;justify-content: center;font-family: var(--hff);font-weight: 700;font-size: 15px;flex-shrink: 0;}.share-pill{display: inline-flex;align-items: center;gap: 4px;border: 1px solid var(--line);border-radius: 24px;padding: 6px 10px;margin: 4px 0 24px;}.share-pill .share-label{font-family: var(--hff);font-weight: 700;font-size: 11px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--gray-light);padding: 0 8px;}.share-pill a{width: 32px;height: 32px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;color: var(--ink);}.share-pill a:hover{color: var(--tile-blue);}.share-pill svg{width: 14px;height: 14px;}.article-featured{border-radius: var(--radius);overflow: hidden;margin-bottom: 28px;}.article-featured img{width: 100%;height: auto;}.article-content{font-family: var(--bff);font-size: 16px;line-height: 1.75;color: var(--gray);}.article-content > * + *{margin-top: 20px;}.article-content h2, .article-content h3, .article-content h4{margin-top: 34px;color: var(--ink);text-transform: uppercase;}.article-content h2{font-size: 26px;}.article-content h3{font-size: 20px;}.article-content ul, .article-content ol{margin-left: 24px;list-style: initial;}.article-content ol{list-style: decimal;}.article-content li + li{margin-top: 8px;}.article-content a{color: var(--tile-blue);text-decoration: underline;}.article-content blockquote{border-left: 4px solid var(--tile-blue);padding-left: 22px;color: var(--ink);font-style: italic;}.social-share{display: flex;align-items: center;gap: 12px;margin: 34px 0;padding: 18px 0;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);}.social-share .share-label{font-family: var(--hff);font-size: 12px;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--gray-light);}.share-buttons{display: flex;gap: 8px;}.share-btn{width: 36px;height: 36px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;background: var(--soft);color: var(--ink);}.share-btn:hover{background: var(--tile-blue);color: #fff;}.share-btn svg{width: 15px;height: 15px;}.author-box{display: flex;gap: 18px;align-items: flex-start;padding: 24px;background: var(--soft);border-radius: var(--radius);margin-bottom: 34px;}.author-box-avatar{width: 72px;height: 72px;border-radius: 50%;object-fit: cover;}.avatar-letter--xl{width: 72px;height: 72px;font-size: 28px;}.author-box-info h3{font-size: 18px;text-transform: uppercase;}.author-box-info p{font-size: 14px;color: var(--gray);margin-top: 6px;}.author-box-link{display: inline-block;margin-top: 10px;font-family: var(--hff);font-size: 12px;font-weight: 700;text-transform: uppercase;color: var(--tile-blue);}.category-header{padding: 26px 0 22px;}.category-header h1{font-size: 40px;text-transform: uppercase;letter-spacing: -0.01em;}.category-header h1::after{content: "";display: block;width: 56px;height: 4px;background: var(--tile-blue);margin-top: 14px;}.category-header p{margin-top: 14px;font-size: 16px;line-height: 1.65;color: var(--gray);max-width: 680px;}.category-featured{margin-bottom: 34px;}.category-featured .tile-img{aspect-ratio: 16/9;}.category-featured .tile-title{font-size: 28px;}.no-articles{padding: 50px 0;text-align: center;color: var(--gray-light);font-family: var(--hff);text-transform: uppercase;font-size: 14px;}.author-vedette{display: flex;gap: 24px;align-items: center;padding: 30px 0;border-bottom: 1px solid var(--line);}.author-vedette-avatar{width: 96px;height: 96px;border-radius: 50%;object-fit: cover;flex-shrink: 0;}.author-vedette h1{font-size: 34px;text-transform: uppercase;}.author-vedette .bio{margin-top: 8px;font-size: 15px;line-height: 1.6;color: var(--gray);max-width: 640px;}.author-vedette .articles-count{margin-top: 10px;font-family: var(--hff);font-weight: 700;font-size: 12px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--tile-blue);}.avatar-letter--vedette{width: 96px;height: 96px;font-size: 38px;}.authors-head{padding: 26px 0 10px;}.authors-head h1{font-size: 36px;text-transform: uppercase;}.authors-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 22px;padding: 30px 0 48px;}.author-card{display: block;text-align: center;padding: 30px 20px;background: var(--soft);border-radius: var(--radius);transition: transform .2s;}.author-card:hover{transform: scale(1.03);}.author-card-avatar{width: 84px;height: 84px;border-radius: 50%;object-fit: cover;margin: 0 auto 16px;}.avatar-letter--card{width: 84px;height: 84px;font-size: 32px;margin: 0 auto 16px;}.author-card h3{font-size: 17px;text-transform: uppercase;}.author-card .ac-count{margin-top: 6px;font-size: 12px;color: var(--gray-light);text-transform: uppercase;letter-spacing: 0.08em;font-family: var(--hff);font-weight: 700;}.page-wrap{max-width: 760px;margin: 0 auto;padding: 34px 0 60px;}.page-wrap h1{font-size: 36px;text-transform: uppercase;margin-bottom: 18px;}.contact-intro{font-size: 16px;line-height: 1.7;color: var(--gray);margin-bottom: 28px;}.contact-email-box{text-align: center;background: var(--soft);border-radius: var(--radius);padding: 38px 24px;}.contact-email-box a{font-family: var(--hff);font-weight: 700;font-size: 22px;color: var(--tile-blue);word-break: break-all;text-transform: uppercase;}.error-page{text-align: center;padding: 90px 24px 110px;}.error-code{font-family: var(--hff);font-weight: 700;font-size: 120px;line-height: 1;color: var(--tile-blue);text-transform: uppercase;}.error-title{font-size: 30px;text-transform: uppercase;margin: 18px 0 12px;}.error-message{font-size: 16px;color: var(--gray);max-width: 460px;margin: 0 auto 30px;}.error-actions{display: flex;gap: 14px;justify-content: center;flex-wrap: wrap;}.error-btn{display: inline-block;padding: 14px 28px;border-radius: var(--radius);font-family: var(--hff);font-weight: 700;font-size: 13px;letter-spacing: 0.08em;text-transform: uppercase;transition: all .2s;}.error-btn-primary{background: var(--ink);color: #fff;}.error-btn-primary:hover{background: var(--tile-blue);}.error-btn-secondary{border: 1px solid var(--line);color: var(--ink);}.error-btn-secondary:hover{border-color: var(--tile-blue);color: var(--tile-blue);}.footer-bottom-simple{display: flex;align-items: center;justify-content: space-between;padding: 22px 0;font-size: 13px;color: rgba(255,255,255,.55);}.footer-bottom-simple a{color: rgba(255,255,255,.65);}.footer-bottom-simple a:hover{color: #fff;}.pagination{display: flex;align-items: center;justify-content: center;gap: 8px;margin-top: 34px;}.pagination a, .pagination span{display: inline-flex;align-items: center;justify-content: center;min-width: 40px;height: 40px;padding: 0 12px;border-radius: var(--radius);font-family: var(--hff);font-size: 13px;font-weight: 700;text-transform: uppercase;background: var(--soft);color: var(--ink);}.pagination a:hover{background: var(--tile-blue);color: #fff;}.pagination .current{background: var(--ink);color: #fff;}@media (max-width: 1100px){.layout{grid-template-columns: 1fr;}.sidebar{display: grid;grid-template-columns: repeat(2, 1fr);gap: 24px;}.metro-grid{grid-template-columns: repeat(3, 1fr);}.metro-tile.featured{grid-column: span 2;grid-row: span 2;}.metro-tile.horizontal{grid-column: span 2;}}@media (max-width: 900px){.footer-top{grid-template-columns: 1fr 1fr;}.cards-grid{grid-template-columns: repeat(2, 1fr);}.metro-grid{grid-template-columns: repeat(2, 1fr);grid-auto-rows: 200px;}.metro-tile.featured{grid-column: span 2;grid-row: span 2;}.metro-tile.horizontal{grid-column: span 2;flex-direction: column;}.metro-tile.horizontal .tile-img, .metro-tile.horizontal .tile-content{width: 100%;}}@media (max-width: 768px){.header-inner{padding: 22px 0 14px;}.site-logo{font-size: 28px;}.main-nav .container{justify-content: flex-start;}.nav-menu{display: none;position: absolute;top: 100%;left: 0;right: 0;background: var(--bg);flex-direction: column;align-items: stretch;border-bottom: 1px solid var(--line);}.nav-menu.active{display: flex;}.nav-item > a{padding: 13px 24px;}.nav-toggle{display: flex;}.nav-right{right: 16px;}.sidebar{grid-template-columns: 1fr;}.cards-grid{grid-template-columns: 1fr;}.metro-grid{grid-template-columns: 1fr;grid-auto-rows: auto;}.metro-tile, .metro-tile.featured, .metro-tile.horizontal{grid-column: span 1;grid-row: span 1;}.metro-tile.featured .tile-title{font-size: 22px;}.metro-tile.horizontal{flex-direction: column;}.metro-tile.horizontal .tile-img{width: 100%;aspect-ratio: 16/10;}.metro-tile .tile-img{aspect-ratio: 16/10;}.category-header h1, .article-head h1, .page-wrap h1, .authors-head h1{font-size: 28px;}.footer-top{grid-template-columns: 1fr;gap: 26px;}.footer-bottom{flex-direction: column;gap: 10px;text-align: center;}.search-box input{font-size: 22px;}}.pagination__controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.pagination__pages{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pagination__link-text{min-width:0;height:auto;padding:0;background:none;border-radius:0}.pagination__link--disabled{opacity:.4;pointer-events:none}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/66a79203b653.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/ad20fb385293.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/5490b771ba1b.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/a4cd889ff645.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/b767a6d922ca.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/18f8c62f11a1.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/ab71c7e789f5.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/56c56c9326a1.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--tile-blue:#1976d2;--tile-green:#388e3c;--tile-orange:#f57c00;--tile-purple:#7b1fa2;--ink:#1a1a1a;--gray:#555;--gray-light:#888;--line:#e0e0e0;--bg:#fff;--soft:#f5f5f5;--hff:'Roboto Condensed',sans-serif;--bff:'Roboto',sans-serif;--radius:4px;--container:1280px}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--bff);color:var(--gray);background:var(--bg);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ol,ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:0 0}h1,h2,h3,h4{font-family:var(--hff);color:var(--ink);font-weight:700}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.skip-link{position:absolute;left:-9999px;top:0;z-index:100000;padding:10px 16px;background:var(--ink);color:#fff;font-weight:700}.skip-link:focus{left:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 0 18px}.site-logo{font-family:var(--hff);font-weight:700;font-size:34px;line-height:1;color:var(--ink);text-transform:uppercase;letter-spacing:-.02em}.site-logo .logo-svg{display:flex;align-items:center}.site-logo img{max-height:56px;width:auto}.site-tagline{font-size:13px;color:var(--gray-light);margin-top:8px;letter-spacing:.04em;text-transform:uppercase}.main-nav{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.main-nav .container{display:flex;align-items:center;justify-content:center;position:relative}.nav-menu{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.nav-item>a{display:block;padding:16px 18px;font-family:var(--hff);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);transition:color .2s,background .2s}.nav-item>a:hover{color:var(--tile-blue)}.nav-item.active>a{color:#fff;background:var(--tile-blue)}.nav-right{position:absolute;right:24px;display:flex;align-items:center}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--ink)}.icon-btn svg{width:18px;height:18px}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:14px 10px;margin-right:auto}.nav-toggle span{width:22px;height:2px;background:var(--ink)}.tile{position:relative;display:block;border-radius:var(--radius);overflow:hidden;background:var(--soft);transition:transform .2s ease-out}.tile:hover{transform:scale(1.02)}.tile-img{position:relative;overflow:hidden}.tile-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out}.tile:hover .tile-img img{transform:scale(1.05)}.tile-content{padding:18px;background:var(--bg);border-top:4px solid var(--tile-blue)}.tile-cat{display:inline-block;padding:5px 10px;font-family:var(--hff);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--tile-blue);margin-bottom:10px}.tile-title{font-family:var(--hff);font-weight:700;text-transform:uppercase;line-height:1.18;color:var(--ink)}.tile-excerpt{font-size:14px;line-height:1.55;color:var(--gray);margin-top:10px}.vedette-tiles{padding:30px 0 40px}.metro-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:18px}.metro-tile{display:flex;flex-direction:column}.metro-tile .tile-img{flex:1;min-height:0}.metro-tile .tile-content{padding:14px 16px}.metro-tile .tile-title{font-size:18px}.metro-tile.featured{grid-column:span 2;grid-row:span 2}.metro-tile.featured .tile-title{font-size:30px}.metro-tile.featured .tile-content{padding:20px}.metro-tile.horizontal{grid-column:span 2;flex-direction:row}.metro-tile.horizontal .tile-img{width:55%}.metro-tile.horizontal .tile-content{width:45%;display:flex;flex-direction:column;justify-content:center}.metro-tile.horizontal .tile-title{font-size:22px}.tile[data-cat="0"] .tile-cat,.tile[data-cat="0"] .tile-content{border-color:var(--tile-blue)}.tile[data-cat="1"] .tile-cat,.tile[data-cat="1"] .tile-content{border-color:var(--tile-green)}.tile[data-cat="2"] .tile-cat,.tile[data-cat="2"] .tile-content{border-color:var(--tile-orange)}.tile[data-cat="3"] .tile-cat,.tile[data-cat="3"] .tile-content{border-color:var(--tile-purple)}.tile[data-cat="1"] .tile-cat{background:var(--tile-green)}.tile[data-cat="2"] .tile-cat{background:var(--tile-orange)}.tile[data-cat="3"] .tile-cat{background:var(--tile-purple)}.section{padding:30px 0 44px}.section-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.section-title{font-family:var(--hff);font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}.section-line{flex:1;height:4px;background:var(--line)}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card .tile-img{aspect-ratio:16/10}.card .tile-title{font-size:18px}.read-more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--hff);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.cat-circles{padding:10px 0 30px}.cat-circles-row{display:flex;gap:18px;overflow-x:auto;padding-bottom:8px}.cat-circle{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--soft);border-radius:var(--radius);min-width:180px;transition:transform .2s}.cat-circle:hover{transform:scale(1.03)}.cat-circle .cc-img{width:52px;height:52px;border-radius:var(--radius);overflow:hidden;flex-shrink:0}.cat-circle .cc-img img{width:100%;height:100%;object-fit:cover}.cat-circle h3{font-family:var(--hff);font-size:15px;font-weight:700;text-transform:uppercase;color:var(--ink)}.cat-circle span{font-family:var(--hff);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--gray-light)}.layout{display:grid;grid-template-columns:1fr 320px;gap:36px;padding-bottom:50px}.sidebar{padding-top:8px}.widget{margin-bottom:32px}.widget-title{font-family:var(--hff);font-size:17px;font-weight:700;text-transform:uppercase;margin-bottom:16px;color:var(--ink)}.widget-box{background:var(--soft);padding:22px;border-radius:var(--radius)}.popular-item{display:flex;gap:14px;margin-bottom:18px}.popular-item .tile-img{width:92px;height:72px;flex-shrink:0;border-radius:var(--radius)}.popular-item h4{font-family:var(--hff);font-size:14px;font-weight:700;line-height:1.25;text-transform:uppercase;margin-top:4px;color:var(--ink)}.newsletter-widget-form{display:flex;flex-direction:column;gap:10px}.newsletter-widget-form input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);font-family:var(--bff);font-size:14px}.newsletter-widget-form button{padding:12px 16px;background:var(--tile-blue);color:#fff;font-family:var(--hff);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius)}.cat-cards{display:flex;flex-direction:column;gap:12px}.cat-card{position:relative;display:block;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/7}.cat-card img{width:100%;height:100%;object-fit:cover}.cat-card .cc-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(0,0,0,.45);color:#fff}.cc-name{font-family:var(--hff);font-size:15px;font-weight:700;text-transform:uppercase}.cc-count{font-family:var(--hff);font-size:13px;font-weight:700;background:#fff;color:var(--ink);padding:4px 10px;border-radius:var(--radius)}.site-footer{background:var(--ink);color:#fff}.footer-social-strip{display:flex;justify-content:center;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12)}.footer-social-strip a{color:#fff;opacity:.7}.footer-social-strip svg{width:20px;height:20px}.footer-top{display:grid;grid-template-columns:1.4fr .9fr .9fr 1fr;gap:34px;padding:44px 0 36px}.footer-logo{font-family:var(--hff);font-size:22px;font-weight:700;text-transform:uppercase;color:#fff}.footer-desc{font-size:14px;color:rgba(255,255,255,.65);margin-top:10px;line-height:1.55}.footer-col h4{font-family:var(--hff);font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:14px;color:#fff}.footer-col ul{display:flex;flex-direction:column;gap:8px}.footer-col a{font-size:14px;color:rgba(255,255,255,.65)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:rgba(255,255,255,.55)}#back-to-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;border-radius:var(--radius);background:var(--tile-blue);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;z-index:60}.search-overlay{position:fixed;inset:0;background:rgba(255,255,255,.96);display:flex;align-items:flex-start;justify-content:center;padding-top:140px;opacity:0;visibility:hidden;z-index:100}.search-overlay.active{opacity:1;visibility:visible}.search-close{position:absolute;top:24px;right:24px;font-size:42px;color:var(--ink)}.search-box{width:100%;max-width:680px;padding:0 24px}.search-box input{width:100%;padding:18px 0;border:none;border-bottom:4px solid var(--ink);background:0 0;font-family:var(--hff);font-size:28px;font-weight:700;text-transform:uppercase;color:var(--ink)}@media(max-width:1100px){.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.metro-grid{grid-template-columns:repeat(3,1fr)}.metro-tile.featured{grid-column:span 2;grid-row:span 2}.metro-tile.horizontal{grid-column:span 2}}@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr}.cards-grid{grid-template-columns:repeat(2,1fr)}.metro-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.metro-tile.horizontal{flex-direction:column}.metro-tile.horizontal .tile-content,.metro-tile.horizontal .tile-img{width:100%}}@media(max-width:768px){.header-inner{padding:22px 0 14px}.site-logo{font-size:28px}.main-nav .container{justify-content:flex-start}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav-menu.active{display:flex}.nav-item>a{padding:13px 24px}.nav-toggle{display:flex}.nav-right{right:16px}.cards-grid,.sidebar{grid-template-columns:1fr}.metro-grid{grid-template-columns:1fr;grid-auto-rows:auto}.metro-tile,.metro-tile.featured,.metro-tile.horizontal{grid-column:span 1;grid-row:span 1}.metro-tile.featured .tile-title{font-size:22px}.metro-tile .tile-img{aspect-ratio:16/10}.footer-top{grid-template-columns:1fr;gap:26px}.footer-bottom{flex-direction:column;gap:10px;text-align:center}.search-box input{font-size:22px}}