.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.aligncenter { display: block; margin: 0 auto 20px auto; text-align: center; }
.alignwide { margin: 2rem calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.alignfull { margin: 2rem calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.wp-caption { background: var(--blg-bg-alt); border: 1px solid var(--blg-border-color); max-width: 100%; padding: 5px; text-align: center; }
.wp-caption img { margin: 0; max-width: 100%; height: auto; }
.wp-caption-text { font-family: var(--blg-font-body); font-size: 0.75rem; font-style: italic; margin: 5px 0; opacity: 0.7; }
.sticky { background: var(--blg-bg-alt); border: 2px solid var(--blg-accent-color); padding: 20px; }
.bypostauthor { border-left: 3px solid var(--blg-accent-color); }
.gallery-caption { font-size: 0.7rem; text-align: center; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1rem; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.blg-nav-menu-wrapper::-webkit-scrollbar { display: none; }
.blg-nav-links li { flex-shrink: 0; white-space: nowrap; }
.blg-h3-root { padding-right: 0 !important; padding-left: 0 !important; } .tft-style-switcher {
position: fixed !important;
top: 50% !important;
right: 0 !important;
transform: translateY(-50%) translateX(100%) !important;
width: 260px !important;
background: #ffffff !important;
box-shadow: -15px 0 60px rgba(0,0,0,0.1) !important;
z-index: 999999 !important;
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
border-radius: 16px 0 0 16px !important;
padding: 20px 15px !important;
display: flex !important;
flex-direction: column !important;
}
.tft-style-switcher.is-open { transform: translateY(-50%) translateX(0) !important; }
.tft-style-switcher__toggle {
position: absolute !important;
left: -52px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 52px !important;
height: 52px !important;
background: #000 !important;
color: #fff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
border-radius: 12px 0 0 12px !important;
box-shadow: -5px 0 20px rgba(0,0,0,0.1) !important;
}
.tft-style-switcher__title {
font-family: 'Inter', sans-serif !important;
font-size: 0.65rem !important;
font-weight: 900 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: #999 !important;
margin-bottom: 20px !important;
text-align: center !important;
opacity: 0.8 !important;
}
.tft-style-switcher__grid {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
max-height: 70vh !important;
overflow-y: auto !important;
padding-right: 5px !important;
}
.tft-style-switcher__grid::-webkit-scrollbar { width: 4px; }
.tft-style-switcher__grid::-webkit-scrollbar-thumb { background: #eee; border-radius: 10px; }
.tft-style-item {
display: flex !important;
align-items: center !important;
padding: 12px 16px !important;
background: #fcfcfc !important;
border: 1px solid #f0f0f0 !important;
border-radius: 8px !important;
cursor: pointer !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
text-decoration: none !important;
}
.tft-style-item:hover, .tft-style-item--active {
background: #000 !important;
border-color: #000 !important;
transform: translateX(-4px) !important;
}
.tft-style-item__num {
font-family: 'Space Mono', monospace !important;
font-size: 0.65rem !important;
font-weight: 700 !important;
color: #bbb !important;
width: 30px !important;
flex-shrink: 0 !important;
margin: 0 !important;
}
.tft-style-item__name {
font-family: 'Inter', sans-serif !important;
font-size: 0.85rem !important;
font-weight: 800 !important;
text-transform: uppercase !important;
color: #111 !important;
letter-spacing: 1px !important;
line-height: 1 !important;
margin: 0 !important;
}
.tft-style-item:hover .tft-style-item__name, 
.tft-style-item--active .tft-style-item__name { color: #fff !important; }
.tft-style-item:hover .tft-style-item__num, 
.tft-style-item--active .tft-style-item__num { color: #666 !important; } .blg-cover-center {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
height: 100% !important;
min-height: 100vh !important;
padding: 40px 0 !important;
}
.blg-hero-main-wrap {
margin-top: clamp(160px, 22vh, 260px) !important; margin-bottom: auto !important;
}
.blg-hero-main-title {
text-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;
} h1, h2, h3, h4, h5, h6, .blg-hero-main-title, .blg-hero-main-title span,
.blg-title-mid, .blg-title-line3, .blg-module-title, .blg-post-title {
font-family: var(--blg-font-heading) !important;
}
body, p, .blg-post-excerpt, .blg-hero-brief__label, .blg-meta-slot__label {
font-family: var(--blg-font-body) !important;
}  [data-theme='vogue'] {
--blg-font-heading: 'Playfair Display', serif !important;
--blg-font-body: 'Inter', sans-serif !important;
--blg-bg-color: #fdfbf7;
--blg-accent-color: #c5a059;
--blg-cover-overlay: linear-gradient(to bottom, rgba(44,44,44,0.3), rgba(20,20,20,0.85));
} [data-theme='cyber'] {
--blg-font-heading: 'Syncopate', sans-serif !important;
--blg-font-body: 'Space Grotesk', sans-serif !important;
--blg-bg-color: #050505;
--blg-accent-color: #ff0055;
--blg-cover-overlay: linear-gradient(to bottom, rgba(5,5,5,0.7), rgba(255,0,85,0.15) 50%, rgba(5,5,5,0.95));
} [data-theme='luxe'] {
--blg-font-heading: 'Bodoni Moda', serif !important;
--blg-font-body: 'Public Sans', sans-serif !important;
--blg-bg-color: #0c0a14;
--blg-accent-color: #f1c40f;
--blg-cover-overlay: linear-gradient(135deg, rgba(12,10,20,0.85), rgba(241,196,15,0.1) 50%, rgba(12,10,20,0.95));
} [data-theme='zen'] {
--blg-font-heading: 'Outfit', sans-serif !important;
--blg-font-body: 'Jost', sans-serif !important;
--blg-bg-color: #f7f9f2;
--blg-accent-color: #3d5a45;
--blg-cover-overlay: linear-gradient(to bottom, rgba(61,90,69,0.3), rgba(26,36,33,0.85));
} [data-theme='athletic'] {
--blg-font-heading: 'Oswald', sans-serif !important;
--blg-font-body: 'Inter', sans-serif !important;
--blg-bg-color: #0d0d0d;
--blg-accent-color: #ff3c3c;
--blg-cover-overlay: linear-gradient(to bottom, rgba(13,13,13,0.8), rgba(255,60,60,0.2) 50%, rgba(0,0,0,0.9));
} [data-theme='gazette'] {
--blg-font-heading: 'Abril Fatface', serif !important;
--blg-font-body: 'Cormorant Garamond', serif !important;
--blg-bg-color: #f4f1ea;
--blg-accent-color: #000000;
--blg-cover-overlay: linear-gradient(to bottom, rgba(26,26,26,0.6), rgba(0,0,0,0.85));
} [data-theme='neo'] {
--blg-font-heading: 'Syne', sans-serif !important;
--blg-font-body: 'Inter', sans-serif !important;
--blg-bg-color: #ffffff;
--blg-accent-color: #3b82f6;
--blg-cover-overlay: linear-gradient(to bottom, rgba(15,23,42,0.4), rgba(59,130,246,0.2) 50%, rgba(15,23,42,0.8));
} [data-theme='mono'] {
--blg-font-heading: 'Bebas Neue', cursive !important;
--blg-font-body: 'Montserrat', sans-serif !important;
--blg-bg-color: #ffffff;
--blg-accent-color: #000000;
--blg-cover-overlay: linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(0,0,0,0.8));
} [data-theme='acid'] {
--blg-font-heading: 'Lexend', sans-serif !important;
--blg-font-body: 'Lexend', sans-serif !important;
--blg-bg-color: #080808;
--blg-accent-color: #ccff00;
--blg-cover-overlay: linear-gradient(135deg, rgba(8,8,8,0.95) 0%, rgba(204,204,0,0.1) 100%);
} [data-theme='royal'] {
--blg-font-heading: 'Bodoni Moda', serif !important;
--blg-font-body: 'Public Sans', sans-serif !important;
--blg-bg-color: #001a33;
--blg-accent-color: #d4af37;
--blg-cover-overlay: linear-gradient(to bottom, rgba(0,26,51,0.75), rgba(212,175,55,0.1) 50%, rgba(0,26,51,0.9));
} [data-theme='copper'] {
--blg-font-heading: 'Fraunces', serif !important;
--blg-font-body: 'Public Sans', sans-serif !important;
--blg-bg-color: #1a1412;
--blg-accent-color: #b87333;
--blg-cover-overlay: linear-gradient(to bottom, rgba(26,20,18,0.8), rgba(184,115,51,0.2) 50%, rgba(26,20,18,0.95));
} [data-theme='frost'] {
--blg-font-heading: 'Outfit', sans-serif !important;
--blg-font-body: 'Inter', sans-serif !important;
--blg-bg-color: #f0f7ff;
--blg-accent-color: #0077ff;
--blg-cover-overlay: linear-gradient(to bottom, rgba(240,247,255,0.6), rgba(0,119,255,0.15) 50%, rgba(240,247,255,0.9));
} [data-theme='noir'] {
--blg-font-heading: 'Syncopate', sans-serif !important;
--blg-font-body: 'Inter', sans-serif !important;
--blg-bg-color: #000000;
--blg-accent-color: #ffffff;
--blg-cover-overlay: linear-gradient(to bottom, rgba(0,0,0,0.85), rgba(255,255,255,0.05) 50%, rgba(0,0,0,0.95));
} [data-theme='obsidian'] {
--blg-font-heading: 'Lexend', sans-serif !important;
--blg-font-body: 'Inter', sans-serif !important;
--blg-bg-color: #0a0c10;
--blg-accent-color: #00ffa3;
--blg-cover-overlay: linear-gradient(135deg, rgba(10,12,16,0.85) 0%, rgba(0,255,163,0.1) 100%);
} [data-theme='saffron'] {
--blg-font-heading: 'Playfair Display', serif !important;
--blg-font-body: 'Cormorant Garamond', serif !important;
--blg-bg-color: #fffaf0;
--blg-accent-color: #d97706;
--blg-cover-overlay: linear-gradient(to bottom, rgba(44,24,16,0.5), rgba(217,119,6,0.1) 50%, rgba(44,24,16,0.85));
} [data-theme='solar'] {
--blg-font-heading: 'Montserrat', sans-serif !important;
--blg-font-body: 'Montserrat', sans-serif !important;
--blg-bg-color: #0d161a;
--blg-accent-color: #fbbf24;
--blg-cover-overlay: linear-gradient(to bottom, rgba(13,22,26,0.6), rgba(251,191,36,0.2) 50%, rgba(13,22,26,0.9));
} [data-theme='velvet'] {
--blg-font-heading: 'Fraunces', serif !important;
--blg-font-body: 'Fraunces', serif !important;
--blg-bg-color: #1a0505;
--blg-accent-color: #ff3c3c;
--blg-cover-overlay: linear-gradient(to bottom, rgba(26,5,5,0.7), rgba(255,60,60,0.1) 50%, rgba(26,5,5,0.95));
} [data-theme='vogue'] { --blg-footer-bg: #111111; }
[data-theme='cyber'] { --blg-footer-bg: #050505; }
[data-theme='luxe'] { --blg-footer-bg: #0c0a14; }
[data-theme='zen'] { --blg-footer-bg: #2a3d31; }
[data-theme='athletic'] { --blg-footer-bg: #000000; }
[data-theme='gazette'] { --blg-footer-bg: #0d0d0d; }
[data-theme='neo'] { --blg-footer-bg: #0f172a; }
[data-theme='solar'] { --blg-footer-bg: #0d161a; }
[data-theme='velvet'] { --blg-footer-bg: #1a0505; }
[data-theme='mono'] { --blg-footer-bg: #000000; }
[data-theme='acid'] { --blg-footer-bg: #080808; }
[data-theme='royal'] { --blg-footer-bg: #001a33; }
[data-theme='copper'] { --blg-footer-bg: #1a1412; }
[data-theme='frost'] { --blg-footer-bg: #f0f7ff; }
[data-theme='noir'] { --blg-footer-bg: #000000; }
[data-theme='obsidian'] { --blg-footer-bg: #0a0c10; }
[data-theme='saffron'] { --blg-footer-bg: #2c1810; }
.blg-footer, footer#footer { background-color: var(--blg-footer-bg) !important; } .blg-cover-overlay { background: var(--blg-cover-overlay) !important; opacity: 1 !important; z-index: 1 !important; }
.blg-hero-main-title { letter-spacing: -0.03em !important; line-height: 1.05 !important; } @media (min-width: 1025px) {
:root, body { --blg-cover-width: 50vw !important; --blg-feed-width: 50vw !important; }
.blg-cover { width: 50vw !important; max-width: 50vw !important; flex: 0 0 50vw !important; }
.blg-feed  { width: 50vw !important; max-width: 50vw !important; flex: 0 0 50vw !important; }
}  [data-theme='cyber'] {
--blg-bg-alt: #0a0a0a;
--blg-text-main: #ffffff;
--blg-text-muted: #888888;
--blg-border-color: #1a1a1a;
--blg-radius-img: 0px;
} [data-theme='luxe'] {
--blg-bg-alt: #12101d;
--blg-text-main: #f0f0f0;
--blg-text-muted: #a0a0b0;
--blg-border-color: #252233;
--blg-radius-img: 0px;
} [data-theme='athletic'] {
--blg-bg-alt: #1a0000;
--blg-text-main: #ffffff;
--blg-text-muted: #aaaaaa;
--blg-border-color: #330000;
--blg-radius-img: 0px;
}
[data-theme='athletic'] .blg-hero-title span,
[data-theme='athletic'] .blg-hero-brief__title,
[data-theme='athletic'] .blg-hero-main-title,
[data-theme='athletic'] .blg-edition-text-wrap { color: #ffffff !important; text-shadow: 0 4px 20px rgba(0,0,0,0.8) !important; } [data-theme='gazette'] {
--blg-bg-alt: #ebe8e0;
--blg-text-main: #1a1a1a;
--blg-text-muted: #555555;
--blg-border-color: #d1cdc3;
--blg-radius-img: 0px;
} [data-theme='mono'] {
--blg-bg-alt: #f0f0f0;
--blg-text-main: #000000;
--blg-text-muted: #888888;
--blg-border-color: #dddddd;
--blg-radius-img: 0px;
} [data-theme='acid'] {
--blg-bg-alt: #111111;
--blg-text-main: #ffffff;
--blg-text-muted: #666666;
--blg-border-color: #222222;
--blg-radius-img: 0px;
} [data-theme='royal'] {
--blg-bg-alt: #00264d;
--blg-text-main: #ffffff;
--blg-text-muted: #a0aec0;
--blg-border-color: #003366;
--blg-radius-img: 4px;
} [data-theme='copper'] {
--blg-bg-alt: #251c19;
--blg-text-main: #e8e2e0;
--blg-text-muted: #8a7a74;
--blg-border-color: #332824;
--blg-radius-img: 0px;
} [data-theme='frost'] {
--blg-bg-alt: #e1efff;
--blg-text-main: #1a2a3a;
--blg-text-muted: #5a708a;
--blg-border-color: #d0e4ff;
--blg-radius-img: 30px;
} [data-theme='noir'] {
--blg-bg-alt: #080808;
--blg-text-main: #ffffff;
--blg-text-muted: #777777;
--blg-border-color: #333333;
--blg-radius-img: 0px;
} [data-theme='obsidian'] {
--blg-bg-alt: #0d1117;
--blg-text-main: #e6edf3;
--blg-text-muted: #7d8590;
--blg-border-color: #21262d;
--blg-radius-img: 12px;
}
[data-theme='obsidian'] .blg-hero-title span,
[data-theme='obsidian'] .blg-hero-brief__title { color: #ffffff !important; } [data-theme='saffron'] {
--blg-bg-alt: #f4ece1;
--blg-text-main: #2c1810;
--blg-text-muted: #8b5e3c;
--blg-border-color: #e5d5c0;
--blg-radius-img: 20px;
} [data-theme='solar'] {
--blg-bg-alt: #141f24;
--blg-text-main: #ffffff;
--blg-text-muted: #94a3b8;
--blg-border-color: #1e293b;
--blg-radius-img: 0px;
} [data-theme='velvet'] {
--blg-bg-alt: #2d0a0a;
--blg-text-main: #ffcccc;
--blg-text-muted: #cc7777;
--blg-border-color: #500000;
--blg-radius-img: 0px;
} .blg-feed-nav { z-index: 10000 !important; }
.blg-smart-dropdown, .blg-dropdown-menu { z-index: 999999 !important; }
.blg-feed { position: relative; z-index: 10 !important; }
.blg-cover { z-index: 5 !important; }
.blg-layout { overflow: visible !important; } .tft-style-switcher {
background: #111111 !important;
border-radius: 16px 0 0 16px !important;
box-shadow: -20px 0 80px rgba(0,0,0,0.4) !important;
padding: 18px 12px !important;
width: 230px !important;
}
.tft-style-switcher__toggle {
background: #111111 !important;
color: #ffffff !important;
width: 46px !important;
height: 46px !important;
left: -46px !important;
border-radius: 12px 0 0 12px !important;
}
.tft-style-switcher__header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 4px 14px !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
margin-bottom: 10px !important;
}
.tft-switcher-label {
font-family: 'Inter', sans-serif !important;
font-size: 0.7rem !important;
font-weight: 900 !important;
letter-spacing: 3px !important;
color: #ffffff !important;
}
.tft-switcher-count {
font-family: 'Space Mono', monospace !important;
font-size: 0.55rem !important;
color: rgba(255,255,255,0.3) !important;
}
.tft-style-switcher__grid {
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
max-height: 72vh !important;
overflow-y: auto !important;
padding-right: 4px !important;
}
.tft-style-switcher__grid::-webkit-scrollbar { width: 3px; }
.tft-style-switcher__grid::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 10px; }
.tft-style-btn {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 9px 12px !important;
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.06) !important;
border-radius: 8px !important;
cursor: pointer !important;
transition: all 0.2s cubic-bezier(0.4,0,0.2,1) !important;
width: 100% !important;
text-align: left !important;
color: rgba(255,255,255,0.7) !important;
}
.tft-style-btn:hover {
background: rgba(255,255,255,0.1) !important;
border-color: rgba(255,255,255,0.15) !important;
color: #ffffff !important;
transform: translateX(-2px) !important;
}
.tft-style-btn.is-active {
background: rgba(255,255,255,0.12) !important;
border-color: rgba(255,255,255,0.3) !important;
color: #ffffff !important;
}
.tft-dot {
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
flex-shrink: 0 !important;
display: inline-block !important;
font-style: normal !important;
}
.tft-num {
font-family: 'Space Mono', monospace !important;
font-size: 0.55rem !important;
color: rgba(255,255,255,0.25) !important;
width: 20px !important;
flex-shrink: 0 !important;
}
.tft-name {
font-family: 'Inter', sans-serif !important;
font-size: 0.78rem !important;
font-weight: 800 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
flex: 1 !important;
}
.tft-style-btn:hover .tft-num,
.tft-style-btn.is-active .tft-num { color: rgba(255,255,255,0.5) !important; }  [data-theme='cyber'] .blg-cover,
[data-theme='luxe'] .blg-cover,
[data-theme='noir'] .blg-cover,
[data-theme='obsidian'] .blg-cover,
[data-theme='velvet'] .blg-cover,
[data-theme='solar'] .blg-cover,
[data-theme='royal'] .blg-cover,
[data-theme='copper'] .blg-cover {
color: #ffffff !important;
}
[data-theme='cyber'] .blg-cover *,
[data-theme='luxe'] .blg-cover *,
[data-theme='noir'] .blg-cover *,
[data-theme='obsidian'] .blg-cover *,
[data-theme='velvet'] .blg-cover *,
[data-theme='solar'] .blg-cover *,
[data-theme='royal'] .blg-cover *,
[data-theme='copper'] .blg-cover * {
color: #ffffff !important;
} [data-theme='vogue'] .blg-cover *,
[data-theme='gazette'] .blg-cover *,
[data-theme='frost'] .blg-cover *,
[data-theme='saffron'] .blg-cover * {
color: #111111 !important;
} [data-theme='athletic'] {
--blg-bg-color: #f5f5f5 !important;
--blg-bg-alt: #ebebeb !important;
--blg-text-main: #000000 !important;
--blg-text-muted: #333333 !important;
--blg-cover-overlay: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,60,60,0.12) 50%, rgba(240,240,240,0.85) 100%) !important;
}
[data-theme='athletic'] .blg-cover * {
color: #111111 !important;
}
[data-theme='athletic'] .blg-hero-main-title,
[data-theme='athletic'] .blg-title-mid { color: #000000 !important; text-shadow: none !important; }
[data-theme='athletic'] .blg-title-line3 { color: var(--blg-accent-color) !important; } [data-theme='zen'] .blg-cover * { color: #ffffff !important; }
[data-theme='zen'] {
--blg-cover-overlay: linear-gradient(to bottom, rgba(26,36,33,0.5) 0%, rgba(61,90,69,0.2) 40%, rgba(15,25,20,0.9) 100%) !important;
}
[data-theme='zen'] .blg-hero-main-title {
color: #ffffff !important;
text-shadow: 0 4px 30px rgba(0,0,0,0.8) !important;
} [data-theme='gazette'] {
--blg-bg-color: #e8dcc8 !important;
--blg-bg-alt: #dfd3b8 !important;
--blg-text-main: #1a1008 !important;
--blg-text-muted: #5c4a2a !important;
--blg-accent-color: #8b7355 !important;
--blg-border-color: #c4b090 !important;
--blg-font-heading: 'Abril Fatface', serif !important;
--blg-font-body: 'Cormorant Garamond', serif !important;
--blg-cover-overlay: linear-gradient(to bottom, rgba(30,20,10,0.55) 0%, rgba(30,20,10,0.1) 40%, rgba(30,20,10,0.75) 100%) !important;
}
[data-theme='gazette'] .blg-cover {
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E") !important;
background-size: 200px !important;
filter: sepia(15%) !important;
}
[data-theme='gazette'] .blg-cover * { color: #ffffff !important; }
[data-theme='gazette'] .blg-hero-main-title {
color: #ffffff !important;
text-shadow: 2px 2px 0 rgba(0,0,0,0.9), 0 6px 30px rgba(0,0,0,0.8) !important;
font-style: italic !important;
}
[data-theme='gazette'] .blg-brand-logo { color: #ffffff !important; } [data-theme='neo'] .blg-brand-logo,
[data-theme='neo'] .blg-brand-logo span,
[data-theme='neo'] .blg-brand-logo a { color: #ffffff !important; }
[data-theme='neo'] .blg-brand-logo img { filter: brightness(0) invert(1) !important; }
[data-theme='neo'] {
--blg-cover-overlay: linear-gradient(to bottom, rgba(15,23,42,0.6) 0%, rgba(59,130,246,0.15) 50%, rgba(15,23,42,0.88) 100%) !important;
}
[data-theme='neo'] .blg-cover * { color: #ffffff !important; }
[data-theme='neo'] .blg-hero-main-title {
text-shadow: 0 4px 40px rgba(59,130,246,0.5) !important;
} [data-theme='acid'] .blg-feed,
[data-theme='acid'] .blg-feed * { color: #ffffff !important; }
[data-theme='acid'] .blg-cover * { color: #ffffff !important; }
[data-theme='acid'] .blg-hero-main-title { color: #ffffff !important; text-shadow: 0 0 40px rgba(204,255,0,0.4) !important; }
[data-theme='acid'] .blg-title-line3 { color: #ccff00 !important; } .tft-style-switcher {
height: auto !important;
min-height: 0 !important;
max-height: 80vh !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
top: 50% !important;
transform: translateY(-50%) translateX(100%) !important;
}
.tft-style-switcher.is-open {
transform: translateY(-50%) translateX(0) !important;
}
.tft-style-switcher__panel {
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
height: auto !important;
max-height: 75vh !important;
}
.tft-style-switcher__grid {
overflow-y: auto !important;
flex: 1 !important;
height: auto !important;
max-height: 65vh !important;
} .tft-name {
font-size: 0.9rem !important;
font-weight: 900 !important;
letter-spacing: 1.5px !important;
color: rgba(255,255,255,0.9) !important;
}
.tft-num {
font-size: 0.65rem !important;
color: rgba(255,255,255,0.35) !important;
}
.tft-switcher-label {
font-size: 0.8rem !important;
letter-spacing: 3px !important;
}
.tft-style-btn {
padding: 10px 14px !important;
gap: 12px !important;
}
.tft-dot {
width: 9px !important;
height: 9px !important;
} .tft-style-switcher {
overflow: visible !important;
}
.tft-style-switcher__panel {
overflow: hidden !important;
max-height: 75vh !important;
display: flex !important;
flex-direction: column !important;
}
.tft-style-switcher__toggle {
position: absolute !important;
left: -46px !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 999999 !important;
width: 46px !important;
height: 46px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #111111 !important;
color: #ffffff !important;
cursor: pointer !important;
border-radius: 12px 0 0 12px !important;
box-shadow: -6px 0 20px rgba(0,0,0,0.4) !important;
} .tft-style-btn .tft-name {
color: rgba(255,255,255,0.85) !important;
font-size: 0.88rem !important;
font-weight: 900 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
}
.tft-style-btn:hover .tft-name,
.tft-style-btn.is-active .tft-name {
color: #ffffff !important;
} [data-theme='gazette'] .blg-cover {
position: relative !important;
} [data-theme='gazette'] .blg-cover::before {
content: '' !important;
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
pointer-events: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E") !important;
background-size: 200px 200px !important;
background-repeat: repeat !important;
mix-blend-mode: multiply !important;
opacity: 0.7 !important;
} [data-theme='gazette'] .blg-cover::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
z-index: 3 !important;
pointer-events: none !important;
background: linear-gradient(
to bottom,
rgba(40, 25, 8, 0.55) 0%,
rgba(30, 18, 5, 0.1) 35%,
rgba(20, 10, 0, 0.05) 60%,
rgba(10, 5, 0, 0.8) 100%
) !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 900'%3E%3Crect width='1200' height='880'/%3E%3Cpath d='M0,880 Q50,860 100,875 Q150,890 200,865 Q250,845 300,870 Q350,890 400,858 Q450,840 500,872 Q550,895 600,862 Q650,842 700,868 Q750,890 800,855 Q850,838 900,870 Q950,892 1000,858 Q1050,838 1100,865 Q1150,888 1200,860 L1200,900 L0,900Z' fill='white'/%3E%3C/svg%3E") !important;
-webkit-mask-size: 100% 100% !important;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 900'%3E%3Crect width='1200' height='880'/%3E%3Cpath d='M0,880 Q50,860 100,875 Q150,890 200,865 Q250,845 300,870 Q350,890 400,858 Q450,840 500,872 Q550,895 600,862 Q650,842 700,868 Q750,890 800,855 Q850,838 900,870 Q950,892 1000,858 Q1050,838 1100,865 Q1150,888 1200,860 L1200,900 L0,900Z' fill='white'/%3E%3C/svg%3E") !important;
mask-size: 100% 100% !important;
} [data-theme='gazette'] .blg-cover-overlay,
[data-theme='gazette'] .blg-cover-center,
[data-theme='gazette'] .blg-cover-header,
[data-theme='gazette'] .blg-cover-footer {
position: relative !important;
z-index: 10 !important;
} [data-theme='gazette'] .blg-cover img {
filter: sepia(25%) contrast(0.9) brightness(0.85) !important;
} [data-theme='gazette'] .blg-hero-main-title {
color: #ffffff !important;
text-shadow: 1px 1px 0 rgba(0,0,0,0.9), 0 4px 24px rgba(0,0,0,0.85) !important;
font-style: italic !important;
}
[data-theme='gazette'] .blg-title-line3 {
color: #c4a97a !important;
} [data-theme='athletic'] {
--blg-cover-overlay: linear-gradient(
to bottom,
rgba(180,10,10,0.45) 0%,
rgba(20,0,0,0.25) 40%,
rgba(0,0,0,0.82) 100%
) !important;
} [data-theme='athletic'] .blg-cover,
[data-theme='athletic'] .blg-cover * {
color: #ffffff !important;
}
[data-theme='athletic'] .blg-hero-main-title {
color: #ffffff !important;
text-shadow: 0 4px 30px rgba(0,0,0,0.6) !important;
font-weight: 900 !important;
} [data-theme='athletic'] .blg-title-line3 {
color: #ff3c3c !important;
} [data-theme='athletic'] .blg-feed {
background-color: #f5f5f5 !important;
}
[data-theme='athletic'] .blg-feed * {
color: #111111 !important;
}
[data-theme='athletic'] .blg-post-title,
[data-theme='athletic'] .blg-module-title {
color: #000000 !important;
} .tft-style-switcher__header {
background: #111111 !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
padding: 0 4px 12px !important;
margin-bottom: 10px !important;
}
.tft-switcher-label {
color: #ffffff !important;
font-size: 0.78rem !important;
font-weight: 900 !important;
letter-spacing: 3px !important;
}
.tft-switcher-count {
color: rgba(255,255,255,0.3) !important;
} .tft-style-switcher,
.tft-style-switcher__panel {
background: #111111 !important;
}  #tft-front-switcher,
#tft-front-switcher * {
color: #111111 !important;
font-family: 'Inter', sans-serif !important;
background-color: transparent !important;
} #tft-front-switcher.tft-style-switcher {
background: #ffffff !important;
box-shadow: -16px 0 60px rgba(0,0,0,0.12) !important;
}
#tft-front-switcher .tft-style-switcher__panel,
#tft-front-switcher .tft-style-switcher__header {
background: #ffffff !important;
} #tft-front-switcher .tft-style-switcher__header {
border-bottom: 1px solid rgba(0,0,0,0.08) !important;
padding: 0 4px 12px !important;
margin-bottom: 8px !important;
}
#tft-front-switcher .tft-switcher-label {
color: #000000 !important;
font-size: 0.75rem !important;
font-weight: 900 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
}
#tft-front-switcher .tft-switcher-count {
color: rgba(0,0,0,0.3) !important;
font-size: 0.55rem !important;
font-family: 'Space Mono', monospace !important;
} #tft-front-switcher .tft-style-btn {
background: #f8f8f8 !important;
border: 1px solid rgba(0,0,0,0.06) !important;
color: #111111 !important;
}
#tft-front-switcher .tft-style-btn:hover {
background: #000000 !important;
border-color: #000000 !important;
transform: translateX(-3px) !important;
}
#tft-front-switcher .tft-style-btn.is-active {
background: #111111 !important;
border-color: #111111 !important;
}
#tft-front-switcher .tft-num {
color: rgba(0,0,0,0.25) !important;
font-family: 'Space Mono', monospace !important;
font-size: 0.6rem !important;
}
#tft-front-switcher .tft-name {
color: #111111 !important;
font-size: 0.88rem !important;
font-weight: 800 !important;
letter-spacing: 1.2px !important;
text-transform: uppercase !important;
}
#tft-front-switcher .tft-style-btn:hover .tft-name,
#tft-front-switcher .tft-style-btn:hover .tft-num,
#tft-front-switcher .tft-style-btn.is-active .tft-name,
#tft-front-switcher .tft-style-btn.is-active .tft-num {
color: #ffffff !important;
} #tft-front-switcher .tft-style-switcher__toggle {
background: #000000 !important;
color: #ffffff !important;
} @keyframes tft-spin {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.tft-spin-icon {
display: block !important;
width: 22px !important;
height: 22px !important;
border-radius: 50% !important;
border: 2px solid rgba(255,255,255,0.2) !important;
border-top-color: #ffffff !important;
border-right-color: #ffffff !important;
animation: tft-spin 1.4s linear infinite !important;
flex-shrink: 0 !important;
background: transparent !important;
} #tft-front-switcher .tft-style-switcher__toggle:hover .tft-spin-icon {
animation-duration: 0.6s !important;
border-top-color: #ff3c3c !important;
border-right-color: #ff3c3c !important;
} @keyframes tft-gear-spin {
from { transform: rotate(0deg); }
to   { transform: rotate(360deg); }
}
.tft-gear-icon {
animation: tft-gear-spin 4s linear infinite !important;
display: block !important;
flex-shrink: 0 !important;
color: currentColor !important;
background: transparent !important;
} #tft-front-switcher .tft-style-switcher__toggle:hover .tft-gear-icon {
animation-duration: 1s !important;
} #tft-front-switcher .tft-style-switcher__toggle {
background: #ffffff !important;
color: #111111 !important;
box-shadow: -4px 0 20px rgba(0,0,0,0.12) !important;
border-radius: 12px 0 0 12px !important;
}
#tft-front-switcher .tft-style-switcher__toggle:hover {
background: #f0f0f0 !important;
color: #000000 !important;
} .tft-style-switcher__toggle {
background: #ffffff !important;
color: #111111 !important;
} [data-theme='noir'] {
--blg-font-heading: 'Bebas Neue', cursive !important;
--blg-font-body: 'DM Sans', sans-serif !important;
} [data-theme='noir'] .blg-hero-main-title,
[data-theme='noir'] .blg-hero-main-title span,
[data-theme='noir'] .blg-title-mid,
[data-theme='noir'] .blg-title-line3,
[data-theme='noir'] h1, [data-theme='noir'] h2,
[data-theme='noir'] h3, [data-theme='noir'] h4 {
font-family: 'Bebas Neue', cursive !important;
letter-spacing: 0.05em !important;
color: #ffffff !important;
}
[data-theme='noir'] p,
[data-theme='noir'] .blg-post-excerpt,
[data-theme='noir'] .blg-hero-brief__label,
[data-theme='noir'] .blg-meta-slot__label {
font-family: 'DM Sans', sans-serif !important;
color: #cccccc !important;
} [data-theme='noir'] .blg-cover * {
color: #ffffff !important;
}
[data-theme='noir'] .blg-hero-main-title {
text-shadow: 0 2px 20px rgba(255,255,255,0.05), 0 8px 40px rgba(0,0,0,0.95) !important;
}
[data-theme='noir'] .blg-title-line3 {
color: #aaaaaa !important;
font-style: italic !important;
} #tft-front-switcher .tft-dot {
display: inline-block !important;
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
margin-right: 12px !important;
flex-shrink: 0 !important; background-color: inherit !important; 
} #tft-front-switcher .tft-style-btn .tft-dot {
background-color: attr(style) !important; } #tft-front-switcher *:not(.tft-dot) {
background-color: transparent;
} .tft-dot {
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
margin-right: 10px !important;
display: inline-block !important;
} [data-theme='athletic'] .blg-title-mid {
background-color: #ff3c3c !important;
color: #ffffff !important;
padding: 0 10px !important;
display: inline-block !important;
margin: 5px 0 !important;
box-shadow: 10px 0 0 #ff3c3c, -10px 0 0 #ff3c3c !important;
} [data-theme='athletic'] .blg-footer {
background-color: #000000 !important;
}
[data-theme='athletic'] .blg-footer,
[data-theme='athletic'] .blg-footer * {
color: #ffffff !important;
}
[data-theme='athletic'] .blg-footer__col-head,
[data-theme='athletic'] .blg-footer .widget-title {
color: #ff3c3c !important;
}
[data-theme='athletic'] .blg-footer__nl-input {
background: rgba(255,255,255,0.05) !important;
border-color: rgba(255,255,255,0.1) !important;
color: #ffffff !important;
}  .blg-hero-side-tab,
.blg-side-badge-wrap .blg-hero-side-tab {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
background-color: var(--blg-accent-color, #c5a46d) !important;
color: #ffffff !important;
width: 42px !important;
padding: 30px 0 !important;
border-radius: 8px 0 0 8px !important;
box-shadow: -5px 0 20px rgba(0, 0, 0, 0.15) !important;
border: none !important;
text-decoration: none !important;
cursor: pointer !important;
} .blg-hero-side-tab span {
writing-mode: vertical-rl !important;
text-orientation: mixed !important;
text-transform: uppercase !important;
font-family: 'Inter', sans-serif !important;
font-weight: 800 !important;
letter-spacing: 0.15em !important;
font-size: 11px !important;
margin-bottom: 15px !important;
white-space: nowrap !important;
}
.blg-hero-side-tab svg {
transform: rotate(90deg) !important;
} #tft-sidebar-drawer .tft-sidebar__content {
padding: 25px 20px !important; } #tft-sidebar-drawer .widget {
margin-bottom: 35px !important;
}  #tft-front-switcher .tft-dot[style] {
background-color: unset !important; } #tft-front-switcher .tft-dot {
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
display: inline-block !important;
margin-right: 12px !important;
flex-shrink: 0 !important;
} #tft-front-switcher .tft-style-btn[data-skin='noir'] .tft-dot {
background: #ffffff !important;
border: 1px solid #ddd !important;
}  [data-theme='athletic'] .blg-nav-subscribe-btn {
background-color: #000000 !important;
color: #ffffff !important;
border: 1px solid #ffffff !important;
}
[data-theme='athletic'] .blg-nav-icon-btn {
color: #000000 !important;
} [data-theme='athletic'] .blg-feed-nav {
background-color: #ffffff !important;
border-bottom: 1px solid #eeeeee !important;
} [data-theme='athletic'] .blg-mag-bold__title,
[data-theme='athletic'] .blg-mag-modern__title,
[data-theme='athletic'] .blg-mag-focus__title,
[data-theme='athletic'] .blg-hero-brief__title {
color: #ffffff !important;
text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
} [data-theme='athletic'] .blg-hero-main-title,
[data-theme='athletic'] .blg-hero-main-title * {
color: #ffffff !important;
} [data-theme='athletic'] .blg-title-mid {
background-color: #ff3c3c !important;
color: #ffffff !important;
padding: 0 15px !important;
box-shadow: 10px 0 0 #ff3c3c, -10px 0 0 #ff3c3c !important;
} [data-theme='athletic'] #blg-footer,
[data-theme='athletic'] .blg-footer,
[data-theme='athletic'] .blg-footer__inner,
[data-theme='athletic'] .blg-footer__widgets,
[data-theme='athletic'] .blg-footer__bottom {
background-color: #000000 !important;
color: #ffffff !important;
}
[data-theme='athletic'] .blg-footer a,
[data-theme='athletic'] .blg-footer p,
[data-theme='athletic'] .blg-footer span,
[data-theme='athletic'] .blg-footer div {
color: #ffffff !important;
}
[data-theme='athletic'] .blg-footer .widget-title,
[data-theme='athletic'] .blg-footer h1,
[data-theme='athletic'] .blg-footer h2,
[data-theme='athletic'] .blg-footer h3,
[data-theme='athletic'] .blg-footer h4 {
color: #ff3c3c !important; } [data-theme='athletic'] .tft-sidebar-drawer {
background-color: #ffffff !important;
color: #000000 !important;
}
[data-theme='athletic'] .tft-sidebar-drawer .widget-title {
color: #ff3c3c !important;
} [data-theme='athletic'] .blg-nav-subscribe-btn {
background-color: #ff3c3c !important; color: #ffffff !important;
border: none !important;
} #tft-front-switcher .tft-style-btn .tft-dot {
background-color: unset !important;
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
width: 10px !important;
height: 10px !important;
} .blg-title-mid {
background-color: #ff3c3c !important; color: #ffffff !important;
padding: 0 12px !important;
display: inline !important; box-decoration-break: clone !important;
-webkit-box-decoration-break: clone !important;
box-shadow: 8px 0 0 #ff3c3c, -8px 0 0 #ff3c3c !important;
line-height: 1.8 !important; position: relative !important;
z-index: 1 !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
font-size: clamp(0.7rem, 2vw, 1.1rem) !important;
letter-spacing: 0.1em !important;
} .blg-hero-main-title {
overflow: visible !important;
} @media (max-width: 768px) {
.blg-title-mid {
display: inline-block !important; margin: 15px 0 !important;
line-height: 1.4 !important;
}
} .blg-title-mid { background-color: var(--blg-accent-color, #ff3c3c) !important;
color: #ffffff !important;
padding: 0 15px !important;
display: table !important; margin: 15px 0 !important;
box-decoration-break: clone !important;
-webkit-box-decoration-break: clone !important;
box-shadow: 10px 0 0 var(--blg-accent-color, #ff3c3c), -10px 0 0 var(--blg-accent-color, #ff3c3c) !important;
line-height: 1.6 !important;
position: relative !important;
z-index: 1 !important;
font-weight: 800 !important;
text-transform: uppercase !important;
font-size: clamp(0.75rem, 1.5vw, 1rem) !important;
letter-spacing: 0.2em !important;
} .blg-hero-main-title {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 10px !important;
}
.blg-title-line3 {
display: block !important;
margin-top: 5px !important;
} @media (max-width: 768px) {
.blg-hero-main-title {
align-items: center !important;
text-align: center !important;
}
.blg-title-mid {
margin-inline: auto !important;
}
} [data-theme='zen'] .blg-title-mid,
[data-theme='luxe'] .blg-title-mid,
[data-theme='acid'] .blg-title-mid,
[data-theme='solar'] .blg-title-mid {
color: #000000 !important;
} [data-theme='gazette'] {
--blg-bg-color: #fdfaf5 !important;
--blg-bg-alt: #f2eee6 !important;
--blg-text-main: #2b2b2b !important;
--blg-text-muted: #5a5a5a !important;
--blg-accent-color: #8b7355 !important;
--blg-border-color: rgba(139, 115, 85, 0.15) !important;
background-image: url(//acasicos.com.br/wp-content/themes/blogum/torn_paper_edge_1778623422464.png), url(//acasicos.com.br/wp-content/themes/blogum/old_parchment_bg_1778623448779.png) !important;
background-repeat: repeat-x, repeat !important;
background-position: top center, top left !important;
background-size: 100% 12px, 800px auto !important;
} [data-theme='gazette'] h1, 
[data-theme='gazette'] h2, 
[data-theme='gazette'] h3, 
[data-theme='gazette'] h4, 
[data-theme='gazette'] h5, 
[data-theme='gazette'] h6 {
font-family: 'Cormorant Garamond', serif !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
filter: sepia(0.2) contrast(1.1) !important; }
[data-theme='gazette'] .blg-hero-main-title {
text-transform: none !important;
font-style: italic !important;
} [data-theme='gazette'] hr,
[data-theme='gazette'] .blg-footer__sep,
[data-theme='gazette'] .blg-nav-links::after {
height: 12px !important;
background: url(//acasicos.com.br/wp-content/themes/blogum/torn_paper_edge_1778623422464.png) repeat-x !important;
border: none !important;
opacity: 0.6 !important;
} [data-theme='noir'] {
--blg-bg-color: #0a0a0a !important;
--blg-bg-alt: #161616 !important;
--blg-text-main: #eeeeee !important;
--blg-text-muted: #aaaaaa !important;
--blg-border-color: rgba(255,255,255,0.08) !important;
} [data-theme='noir'] .blg-post-meta,
[data-theme='noir'] .blg-footer__col-text,
[data-theme='noir'] .tft-profile-bio,
[data-theme='noir'] .textwidget,
[data-theme='noir'] .rss-date {
color: #bbbbbb !important;
opacity: 1 !important;
}
[data-theme='noir'] .blg-footer__hero-tagline {
color: #ffffff !important;
} [data-theme='noir'] .blg-nav-icon-btn,
[data-theme='noir'] .blg-nav-subscribe-btn {
color: #ffffff !important;
}
[data-theme='noir'] .blg-nav-subscribe-btn {
border-color: rgba(255,255,255,0.2) !important;
} [data-theme='noir'] .blg-cat-cover-title__main {
color: var(--blg-accent-color, #ffffff) !important;
}  #tft-front-switcher .tft-style-btn .tft-dot {
display: inline-block !important;
width: 12px !important;
height: 12px !important;
border-radius: 50% !important;
margin-right: 12px !important;
flex-shrink: 0 !important;
visibility: visible !important;
opacity: 1 !important; background-color: unset !important; 
} .tft-style-btn {
display: flex !important;
align-items: center !important;
padding-left: 15px !important;
} [data-theme='gazette'] .blg-hero-main-title {
font-family: 'Cormorant Garamond', serif !important;
text-transform: none !important;
font-weight: 900 !important;
font-size: clamp(3rem, 10vw, 8rem) !important;
line-height: 0.85 !important;
letter-spacing: -2px !important;
color: #1a1a1a !important;
text-shadow: 1px 1px 0 rgba(255,255,255,0.5) !important;
}
[data-theme='gazette'] .blg-title-mid {
background-color: transparent !important;
color: #1a1a1a !important;
border-top: 2px solid #8b7355 !important;
border-bottom: 2px solid #8b7355 !important;
padding: 10px 0 !important;
box-shadow: none !important;
font-style: italic !important;
margin-top: 20px !important;
} [data-theme='gazette']::after {
content: '' !important;
position: fixed !important;
inset: 0 !important;
background-image: url(https://www.transparenttextures.com/patterns/p6.png) !important;
opacity: 0.15 !important;
pointer-events: none !important;
z-index: 9999 !important;
} [data-theme='gazette'] img {
filter: sepia(0.2) contrast(1.1) !important;
} [data-theme='gazette'] {
background-image: url(//acasicos.com.br/wp-content/themes/blogum/assets/img/torn_paper_edge.png), url(//acasicos.com.br/wp-content/themes/blogum/assets/img/old_parchment_bg.png) !important;
}
[data-theme='gazette'] hr,
[data-theme='gazette'] .blg-footer__sep {
background: url(//acasicos.com.br/wp-content/themes/blogum/assets/img/torn_paper_edge.png) repeat-x !important;
} [data-theme='noir'] .blg-nav-link {
color: #ffffff !important;
opacity: 0.8 !important;
}
[data-theme='noir'] .blg-nav-link:hover {
opacity: 1 !important;
color: var(--blg-accent-color) !important;
}
[data-theme='noir'] .blg-mag-bold__content,
[data-theme='noir'] .blg-mag-modern__content {
background: rgba(0,0,0,0.6) !important;
backdrop-filter: blur(5px) !important;
}  #tft-front-switcher .tft-dot {
all: unset !important; display: inline-block !important;
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
margin-right: 12px !important;
flex-shrink: 0 !important; background-color: inherit !important; 
border: 1px solid rgba(0,0,0,0.1) !important;
visibility: visible !important;
opacity: 1 !important;
} #tft-front-switcher .tft-name,
#tft-front-switcher .tft-num {
color: #111111 !important;
background: none !important;
} #tft-front-switcher .tft-style-btn.is-active .tft-dot {
border-color: #ffffff !important;
} .blg-nav-subscribe-btn,
#blg-subscribe-trigger-nav,
#blg-subscribe-nav-link {
transition: all 0.3s ease !important;
}
.blg-nav-subscribe-btn:hover,
#blg-subscribe-trigger-nav:hover,
#blg-subscribe-nav-link:hover {
color: #ffffff !important;
background-color: var(--blg-accent-color, #111) !important;
opacity: 1 !important;
} [data-theme='noir'] .blg-nav-subscribe-btn,
[data-theme='athletic'] .blg-nav-subscribe-btn,
[data-theme='obsidian'] .blg-nav-subscribe-btn {
color: #ffffff !important;
} #tft-front-switcher i.tft-dot[style] {
background-color: transparent !important; background-image: none !important;
}  #tft-front-switcher .tft-style-btn i.tft-dot {
background-color: unset !important;
background-clip: padding-box !important;
}  #tft-front-switcher .tft-style-btn[data-skin='vogue'] .tft-dot { background-color: #c5a059 !important; }
#tft-front-switcher .tft-style-btn[data-skin='cyber'] .tft-dot { background-color: #ff0055 !important; }
#tft-front-switcher .tft-style-btn[data-skin='luxe'] .tft-dot { background-color: #f1c40f !important; }
#tft-front-switcher .tft-style-btn[data-skin='zen'] .tft-dot { background-color: #3d5a45 !important; }
#tft-front-switcher .tft-style-btn[data-skin='athletic'] .tft-dot { background-color: #ff3c3c !important; }
#tft-front-switcher .tft-style-btn[data-skin='gazette'] .tft-dot { background-color: #8b7355 !important; }
#tft-front-switcher .tft-style-btn[data-skin='neo'] .tft-dot { background-color: #3b82f6 !important; }
#tft-front-switcher .tft-style-btn[data-skin='acid'] .tft-dot { background-color: #ccff00 !important; }
#tft-front-switcher .tft-style-btn[data-skin='royal'] .tft-dot { background-color: #d4af37 !important; }
#tft-front-switcher .tft-style-btn[data-skin='copper'] .tft-dot { background-color: #b87333 !important; }
#tft-front-switcher .tft-style-btn[data-skin='frost'] .tft-dot { background-color: #0077ff !important; }
#tft-front-switcher .tft-style-btn[data-skin='noir'] .tft-dot { background-color: #ffffff !important; border: 1px solid #ddd !important; }
#tft-front-switcher .tft-style-btn[data-skin='obsidian'] .tft-dot { background-color: #00ffa3 !important; }
#tft-front-switcher .tft-style-btn[data-skin='saffron'] .tft-dot { background-color: #d97706 !important; }
#tft-front-switcher .tft-style-btn[data-skin='solar'] .tft-dot { background-color: #fbbf24 !important; }
#tft-front-switcher .tft-style-btn[data-skin='velvet'] .tft-dot { background-color: #ff3c3c !important; } #tft-front-switcher .tft-dot {
display: inline-block !important;
width: 14px !important;
height: 14px !important;
border-radius: 50% !important;
margin-right: 12px !important;
flex-shrink: 0 !important;
visibility: visible !important;
opacity: 1 !important;
box-shadow: 0 0 0 2px rgba(0,0,0,0.05) !important;
} .blg-mag-modern__thumb-wrap {
width: 120px !important; height: 120px !important;
border: none !important; box-shadow: 0 0 0 4px var(--blg-accent-color, rgba(255,255,255,0.1)) !important; margin-right: 15px !important;
}
.blg-mag-modern__thumb-wrap img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
} .blg-mag-modern {
align-items: center !important;
gap: 20px !important;
} .blg-glass-archive-card__blur {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
background: rgba(255, 255, 255, 0.05) !important;
backdrop-filter: blur(15px) saturate(1.5) !important;
-webkit-backdrop-filter: blur(15px) saturate(1.5) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
bottom: 0 !important;
top: auto !important;
height: 40% !important; }
.blg-glass-archive-card__content {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
justify-content: flex-end !important;
padding: 30px !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
}
.blg-glass-archive-card__title,
.blg-glass-archive-card__title a {
color: #ffffff !important;
font-weight: 900 !important;
text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
display: block !important;
opacity: 1 !important;
}
.blg-glass-archive-card__meta {
color: var(--blg-accent-color, #fff) !important;
font-size: 0.6rem !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
margin-bottom: 10px !important;
display: block !important;
opacity: 1 !important;
} .tft-single-hero__overlay {
background: linear-gradient(to bottom, 
rgba(0,0,0,0.2) 0%, 
rgba(0,0,0,0.1) 40%, 
var(--blg-accent-color) 100%) !important;
mix-blend-mode: multiply !important; opacity: 0.8 !important;
} [data-theme='cyber'] .tft-single-hero__overlay {
background: linear-gradient(to bottom, transparent 0%, rgba(255, 0, 85, 0.4) 100%) !important;
} .tft-single-hero__author-name {
color: #ffffff !important;
opacity: 1 !important;
visibility: visible !important;
display: block !important;
transform: none !important;
}
.tft-single-hero__author {
opacity: 1 !important;
} .blg-author-box .blg-author-name {
color: var(--blg-text-main) !important;
opacity: 1 !important;
} .blg-meta-author, 
.blg-meta-author a,
.blg-author-link {
color: inherit !important;
opacity: 1 !important;
visibility: visible !important;
} .tft-single-hero__author-tagline {
color: rgba(255, 255, 255, 0.7) !important;
opacity: 1 !important;
}  [data-theme='acid'] .blg-feed,
[data-theme='acid'] .blg-feed *,
[data-theme='acid'] .blg-cover,
[data-theme='acid'] .blg-cover * { 
color: inherit !important; 
} [data-theme='acid'] .tft-single-hero__category,
[data-theme='acid'] .blg-nav-subscribe-btn,
[data-theme='acid'] .blg-nav-subscribe-btn:hover,
[data-theme='acid'] .blg-hero-brief__label,
[data-theme='acid'] .blg-brief-cta-link,
[data-theme='solar'] .tft-single-hero__category,
[data-theme='saffron'] .tft-single-hero__category {
color: #000000 !important;
}  .tft-single-hero__overlay {
background: linear-gradient(to bottom, 
rgba(0,0,0,0.1) 0%, 
rgba(0,0,0,0.3) 50%, 
color-mix(in srgb, var(--blg-accent-color), #000 70%) 100%) !important;
mix-blend-mode: normal !important; opacity: 0.9 !important;
}  .blg-author-box,
.tft-author-box,
[class*='author-box'] {
background: #ffffff !important;
color: #111111 !important;
}
.blg-author-box *,
.tft-author-box *,
[class*='author-box'] * {
color: #111111 !important;
} [data-theme='acid'] .tft-single-hero__author-name,
[data-theme='acid'] .tft-single-hero__author-tagline {
color: #ffffff !important; text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
} .blg-author-name, 
.tft-author__name {
color: #000000 !important;
font-weight: 800 !important;
display: inline-block !important;
} [data-theme='acid'] [style*='background-color: var(--blg-accent-color)'],
[data-theme='acid'] [style*='background: var(--blg-accent-color)'],
[data-theme='acid'] .blg-accent-bg {
color: #000000 !important;
} [data-theme='acid'] .blg-read-now-badge,
[data-theme='acid'] .tft-side-badge {
background-color: var(--blg-accent-color) !important;
color: #000000 !important;
} [data-theme='dark'] .tft-back-to-top,
[data-theme='dark'] #tft-back-to-top {
background: #ffffff !important;
border: 1px solid rgba(0,0,0,0.1) !important;
}
[data-theme='dark'] .tft-back-to-top svg,
[data-theme='dark'] .tft-back-to-top i,
[data-theme='dark'] .tft-back-to-top__label,
[data-theme='dark'] #tft-back-to-top i {
color: #000000 !important;
}  .blg-mc-card h3,
.blg-mc-card .blg-mc-card__title,
.blg-hg-card h4,
.blg-hg-card .blg-hg-title,
.blg-mc-card span,
.blg-hg-card span {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
color: #ffffff !important; text-shadow: 0 2px 15px rgba(0,0,0,0.4) !important;
} .blg-mc-card > div[style*="position:absolute"],
.blg-hg-caption,
.blg-hg-card .blg-hg-caption {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
transform: translateY(0) !important; pointer-events: auto !important;
} .blg-hg-caption {
background: rgba(0, 0, 0, 0.25) !important;
backdrop-filter: blur(15px) saturate(150%) !important;
-webkit-backdrop-filter: blur(15px) saturate(150%) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
} .blg-post-title, 
.blg-widget-post-title {
opacity: 1 !important;
visibility: visible !important;
} [data-theme='dark'] .tft-back-to-top,
[data-theme='dark'] #tft-back-to-top {
background-color: #ffffff !important;
}
[data-theme='dark'] .tft-back-to-top svg,
[data-theme='dark'] #tft-back-to-top svg,
[data-theme='dark'] .tft-back-to-top__label {
stroke: #000000 !important;
color: #000000 !important;
opacity: 1 !important;
visibility: visible !important;
}  article.blg-mc-card > div[style*="position:absolute"] {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
z-index: 50 !important;
}
article.blg-mc-card h3,
article.blg-mc-card span {
color: #ffffff !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
} div.blg-hg-card .blg-hg-caption {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
background: rgba(0, 0, 0, 0.3) !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
z-index: 50 !important;
}
div.blg-hg-card h4,
div.blg-hg-card span {
color: #ffffff !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
} .elementor-widget-blg-magazine-4col-mosaic *,
.elementor-widget-blg-horizontal-gallery * {
visibility: visible !important;
}  .blg-mc-grid div[style*="position:absolute"],
.blg-hg-track div[style*="position:absolute"],
.blg-mc-card div[style*="position:absolute"],
.blg-hg-card div[style*="position:absolute"],
.blg-hg-caption {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
z-index: 99 !important;
pointer-events: auto !important;
} .blg-mc-grid h3,
.blg-mc-grid span,
.blg-hg-track h4,
.blg-hg-track span,
.blg-mc-card h3,
.blg-hg-card h4 {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #ffffff !important;
transform: none !important;
} .blg-editorial-t1, .blg-editorial-t2 {
position: relative !important;
display: block !important;
line-height: 1 !important;
}
.blg-editorial-t2 {
margin-top: 10px !important; z-index: 1 !important;
} [data-theme='dark'] .tft-back-to-top svg,
[data-theme='dark'] #tft-back-to-top svg {
stroke: #000000 !important;
fill: none !important;
} [data-theme='acid'] .tft-single-hero__category,
[data-theme='acid'] .blg-nav-subscribe-btn {
color: #000000 !important;
background-color: var(--blg-accent-color) !important;
} [data-theme='acid'] .tft-single-hero__overlay {
background: linear-gradient(to bottom, 
rgba(0,0,0,0.1) 0%, 
rgba(0,0,0,0.5) 50%, 
#000000 100%) !important;
opacity: 0.95 !important;
}  .blg-mh-grid > div {
transition: box-shadow 0.5s cubic-bezier(0.19,1,0.22,1),
transform 0.5s cubic-bezier(0.19,1,0.22,1);
overflow: hidden;
} .blg-mh-grid > div .blg-mh-img,
.blg-mh-grid > div img {
transition: transform 0.9s cubic-bezier(0.19,1,0.22,1),
filter 0.8s ease !important;
will-change: transform;
}
.blg-mh-grid > div:hover img,
.blg-mh-grid > div:hover .blg-mh-img {
transform: scale(1.07) !important;
filter: brightness(0.82) !important;
} .blg-mh-grid > div:hover {
box-shadow: 0 30px 70px rgba(0,0,0,0.18) !important;
transform: translateY(-3px);
} .blg-mh-grid > div > div[style*="align-items:center"] {
transition: background 0.5s ease;
}
.blg-mh-grid > div:hover > div[style*="align-items:center"] {
background: rgba(0,0,0,0.6) !important;
} .blg-mh-grid > div > div[style*="align-items:center"] h3 {
transition: letter-spacing 0.4s ease, transform 0.4s ease;
}
.blg-mh-grid > div:hover > div[style*="align-items:center"] h3 {
letter-spacing: -1px !important;
transform: scale(1.02);
} .blg-mh-grid > div[style*="flex-direction:column"]:hover,
.blg-mh-grid > div[style*="flex-direction: column"]:hover {
background: var(--blg-bg-alt, var(--blg-bg-color)) !important;
box-shadow: inset 3px 0 0 var(--blg-accent-color), 0 20px 50px rgba(0,0,0,0.08) !important;
}
.blg-mh-grid > div[style*="flex-direction"] a {
transition: color 0.3s ease;
}
.blg-mh-grid > div[style*="flex-direction"]:hover h5 a {
color: var(--blg-accent-color) !important;
}
.blg-mh-grid > div[style*="flex-direction"] span[style*="accent-color"] {
transition: letter-spacing 0.3s ease;
}
.blg-mh-grid > div[style*="flex-direction"]:hover span[style*="accent-color"] {
letter-spacing: 3px !important;
} .blg-mh-grid > div {
border-color: var(--blg-border-color) !important;
transition: border-color 0.4s ease,
box-shadow 0.5s cubic-bezier(0.19,1,0.22,1),
transform 0.5s cubic-bezier(0.19,1,0.22,1);
}
.blg-mh-grid > div:hover {
border-color: var(--blg-accent-color) !important;
} .blg-hero-main-title {
text-shadow: 0 2.5px 10px rgba(0, 0, 0, 0.075) !important;
}  [data-theme='cyber'] .tft-single-hero__title,
[data-theme='cyber'] .tft-single-hero h1,
[data-theme='cyber'] .tft-single-hero h2,
[data-theme='cyber'] .blg-hero-main-title {
font-family: 'Inter', sans-serif !important;
font-weight: 900 !important;
letter-spacing: -2px !important;
text-shadow: 0 4px 30px rgba(0, 0, 0, 0.6) !important;
} [data-theme='cyber'] .tft-single-hero__overlay {
background: linear-gradient(
to bottom,
rgba(0,0,0,0.25) 0%,
rgba(0,0,0,0.55) 40%,
rgba(0,0,0,0.88) 100%
) !important;
mix-blend-mode: normal !important;
opacity: 1 !important;
} [data-theme='cyber'] .tft-single-hero__title,
[data-theme='cyber'] .tft-single-hero h1,
[data-theme='cyber'] .tft-single-hero .blg-hero-main-title,
[data-theme='cyber'] .tft-single-hero__category {
color: #ffffff !important;
}
[data-theme='cyber'] .tft-single-hero__category {
background-color: var(--blg-accent-color) !important;
color: #ffffff !important;
} [data-theme='cyber'] .blg-extended-meta,
[data-theme='dark'] .blg-extended-meta,
[data-theme='obsidian'] .blg-extended-meta,
[data-theme='noir'] .blg-extended-meta {
background: rgba(10, 10, 15, 0.92) !important;
border-color: rgba(255,255,255,0.08) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
[data-theme='cyber'] .blg-extended-meta *,
[data-theme='dark'] .blg-extended-meta *,
[data-theme='obsidian'] .blg-extended-meta *,
[data-theme='noir'] .blg-extended-meta * {
color: #ffffff !important;
}
[data-theme='cyber'] .blg-extended-meta .blg-meta-item-label,
[data-theme='dark'] .blg-extended-meta .blg-meta-item-label,
[data-theme='obsidian'] .blg-extended-meta .blg-meta-item-label,
[data-theme='noir'] .blg-extended-meta .blg-meta-item-label {
color: var(--blg-accent-color) !important;
opacity: 1 !important;
}
[data-theme='cyber'] .blg-meta-divider {
background: rgba(255,255,255,0.15) !important;
} [data-theme='cyber'] .blg-extended-meta,
[data-theme='luxe'] .blg-extended-meta,
[data-theme='athletic'] .blg-extended-meta,
[data-theme='acid'] .blg-extended-meta,
[data-theme='royal'] .blg-extended-meta,
[data-theme='copper'] .blg-extended-meta,
[data-theme='noir'] .blg-extended-meta,
[data-theme='obsidian'] .blg-extended-meta,
[data-theme='solar'] .blg-extended-meta,
[data-theme='velvet'] .blg-extended-meta,
[data-theme='neo'] .blg-extended-meta,
[data-theme='mono'] .blg-extended-meta,
[data-theme='dark'] .blg-extended-meta {
background: rgba(8, 8, 12, 0.92) !important;
border-color: rgba(255,255,255,0.07) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
[data-theme='cyber'] .blg-extended-meta *,
[data-theme='luxe'] .blg-extended-meta *,
[data-theme='athletic'] .blg-extended-meta *,
[data-theme='acid'] .blg-extended-meta *,
[data-theme='royal'] .blg-extended-meta *,
[data-theme='copper'] .blg-extended-meta *,
[data-theme='noir'] .blg-extended-meta *,
[data-theme='obsidian'] .blg-extended-meta *,
[data-theme='solar'] .blg-extended-meta *,
[data-theme='velvet'] .blg-extended-meta *,
[data-theme='neo'] .blg-extended-meta *,
[data-theme='mono'] .blg-extended-meta *,
[data-theme='dark'] .blg-extended-meta * {
color: rgba(255,255,255,0.9) !important;
} [data-theme='cyber'] .blg-extended-meta .blg-meta-item-label,
[data-theme='luxe'] .blg-extended-meta .blg-meta-item-label,
[data-theme='athletic'] .blg-extended-meta .blg-meta-item-label,
[data-theme='acid'] .blg-extended-meta .blg-meta-item-label,
[data-theme='royal'] .blg-extended-meta .blg-meta-item-label,
[data-theme='copper'] .blg-extended-meta .blg-meta-item-label,
[data-theme='noir'] .blg-extended-meta .blg-meta-item-label,
[data-theme='obsidian'] .blg-extended-meta .blg-meta-item-label,
[data-theme='solar'] .blg-extended-meta .blg-meta-item-label,
[data-theme='velvet'] .blg-extended-meta .blg-meta-item-label,
[data-theme='neo'] .blg-extended-meta .blg-meta-item-label,
[data-theme='mono'] .blg-extended-meta .blg-meta-item-label,
[data-theme='dark'] .blg-extended-meta .blg-meta-item-label {
color: var(--blg-accent-color) !important;
opacity: 1 !important;
} [data-theme='cyber'] .blg-meta-divider,
[data-theme='luxe'] .blg-meta-divider,
[data-theme='athletic'] .blg-meta-divider,
[data-theme='acid'] .blg-meta-divider,
[data-theme='royal'] .blg-meta-divider,
[data-theme='copper'] .blg-meta-divider,
[data-theme='noir'] .blg-meta-divider,
[data-theme='obsidian'] .blg-meta-divider,
[data-theme='solar'] .blg-meta-divider,
[data-theme='velvet'] .blg-meta-divider,
[data-theme='neo'] .blg-meta-divider,
[data-theme='mono'] .blg-meta-divider,
[data-theme='dark'] .blg-meta-divider {
background: rgba(255,255,255,0.12) !important;
}  .blg-featured-post-widget.blg-fp-style-overlay a img {
transition: transform 1s cubic-bezier(0.19,1,0.22,1),
filter 0.8s ease !important;
will-change: transform;
}
.blg-featured-post-widget.blg-fp-style-overlay a:hover img {
transform: scale(1.06) !important;
filter: brightness(0.75) !important;
} .blg-featured-post-widget.blg-fp-style-overlay a > div[style*="inset-block-end"] {
transition: transform 0.6s cubic-bezier(0.19,1,0.22,1),
opacity 0.4s ease !important;
transform: translateY(10px);
opacity: 0.92;
}
.blg-featured-post-widget.blg-fp-style-overlay a:hover > div[style*="inset-block-end"] {
transform: translateY(0) !important;
opacity: 1 !important;
} .blg-featured-post-widget .blg-fp-title {
background-image: linear-gradient(var(--blg-accent-color), var(--blg-accent-color));
background-size: 0% 3px;
background-repeat: no-repeat;
background-position: 0 100%;
padding-block-end: 4px;
transition: background-size 0.5s cubic-bezier(0.19,1,0.22,1) !important;
text-shadow: 0 2px 20px rgba(0,0,0,0.6) !important;
}
.blg-featured-post-widget.blg-fp-style-overlay a:hover .blg-fp-title {
background-size: 50% 3px !important;
} .blg-featured-post-widget.blg-fp-style-overlay span[style*="accent-color"] {
transition: letter-spacing 0.4s ease;
}
.blg-featured-post-widget.blg-fp-style-overlay a:hover span[style*="accent-color"] {
letter-spacing: 5px !important;
}  [data-theme='impact'] .blg-featured-post-widget.blg-fp-style-overlay a > div[style*="inset-block:0"],
[data-theme='impact'] .blg-fp-style-overlay a > div[style*="inset-block:0"] {
background: linear-gradient(
to top,
rgba(0,0,0,0.95) 0%,
rgba(0,0,0,0.60) 40%,
rgba(0,0,0,0.25) 70%,
rgba(0,0,0,0.10) 100%
) !important;
} [data-theme='impact'] .blg-featured-post-widget.blg-fp-style-overlay a::before {
content: '';
position: absolute;
inset-block: 0;
inset-inline: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, transparent 50%);
z-index: 1;
pointer-events: none;
} [data-theme='impact'] .blg-featured-post-widget .blg-fp-title,
[data-theme='impact'] .blg-featured-post-widget a > div[style*="inset-block-end"] *  {
color: #ffffff !important;
text-shadow: 0 2px 15px rgba(0,0,0,0.8) !important;
} .blg-featured-post-widget.blg-fp-style-overlay a > div[style*="inset-block:0"] {
background: linear-gradient(
to top,
rgba(0,0,0,0.90) 0%,
rgba(0,0,0,0.50) 45%,
rgba(0,0,0,0.05) 100%
) !important;
} .blg-featured-header .blg-section-link {
transition: color 0.3s ease, letter-spacing 0.3s ease;
}
.blg-featured-header .blg-section-link:hover {
color: var(--blg-accent-color) !important;
letter-spacing: 2px !important;
} [data-theme='impact'] .blg-featured-post-widget .blg-fp-title,
[data-theme='impact'] .blg-featured-post-widget h2,
[data-theme='impact'] .blg-featured-post-widget h3,
[data-theme='impact'] .blg-fp-style-overlay a div span,
[data-theme='impact'] .blg-fp-style-overlay a div div,
[data-theme='impact'] .blg-fp-style-overlay * {
color: #ffffff !important;
} [data-theme='athletic'] .blg-featured-post-widget .blg-fp-title,
[data-theme='athletic'] .blg-featured-post-widget h2.blg-fp-title,
[data-theme='athletic'] .blg-fp-style-overlay *,
[data-theme='athletic'] .blg-featured-post-widget a > div span,
[data-theme='athletic'] .blg-featured-post-widget a > div div,
[data-theme='athletic'] .blg-featured-post-widget a > div h2 {
color: #ffffff !important;
text-shadow: 0 2px 12px rgba(0,0,0,0.7) !important;
} [data-theme='athletic'] .blg-extended-meta {
background: rgba(8, 8, 12, 0.92) !important;
border-color: rgba(255,255,255,0.07) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
[data-theme='athletic'] .blg-extended-meta * {
color: rgba(255,255,255,0.9) !important;
}
[data-theme='athletic'] .blg-extended-meta .blg-meta-item-label {
color: var(--blg-accent-color) !important;
opacity: 1 !important;
}
[data-theme='athletic'] .blg-meta-divider {
background: rgba(255,255,255,0.12) !important;
}  [data-theme='zen'] {
--blg-cover-overlay: linear-gradient(
to bottom,
rgba(15,25,18,0.55) 0%,
rgba(15,25,18,0.30) 35%,
rgba(15,25,18,0.85) 75%,
rgba(10,18,13,0.97) 100%
) !important;
} [data-theme='zen'] .blg-cover,
[data-theme='zen'] .blg-cover *:not(.blg-title-mid) {
color: #ffffff !important;
} [data-theme='zen'] .blg-hero-main-title {
color: #ffffff !important;
text-shadow: 0 3px 25px rgba(0,0,0,0.75) !important;
} [data-theme='zen'] .blg-title-mid {
background-color: #2a3d2f !important;
color: #ffffff !important;
box-shadow: 10px 0 0 #2a3d2f, -10px 0 0 #2a3d2f !important;
text-shadow: none !important;
} [data-theme='zen'] .blg-title-line3 {
color: #a8c5b0 !important; text-shadow: 0 2px 20px rgba(0,0,0,0.6) !important;
opacity: 1 !important;
} [data-theme='zen'] .blg-hero-brief__title,
[data-theme='zen'] .blg-hero-brief h4,
[data-theme='zen'] .blg-hero-brief h3 {
color: #ffffff !important;
text-shadow: 0 2px 12px rgba(0,0,0,0.6) !important;
}
[data-theme='zen'] .blg-hero-brief__label,
[data-theme='zen'] .blg-hero-brief span {
color: #a8c5b0 !important; opacity: 1 !important;
} [data-theme='zen'] .blg-hero-brief {
transition: background 0.4s ease, transform 0.4s cubic-bezier(0.19,1,0.22,1) !important;
border-color: rgba(168,197,176,0.2) !important;
}
[data-theme='zen'] .blg-hero-brief:hover {
background: rgba(42,61,47,0.55) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
transform: translateY(-6px) !important;
border-color: rgba(168,197,176,0.5) !important;
}
[data-theme='zen'] .blg-hero-brief:hover .blg-hero-brief__title,
[data-theme='zen'] .blg-hero-brief:hover h4,
[data-theme='zen'] .blg-hero-brief:hover h3 {
color: #ffffff !important;
} [data-theme='zen'] .blg-hero-sidebar article h4 {
color: #ffffff !important;
text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}
[data-theme='zen'] .blg-hero-sidebar article:hover h4 {
color: #a8c5b0 !important;
} [data-theme='zen'] .blg-edition-text-wrap,
[data-theme='zen'] .blg-cover-meta,
[data-theme='zen'] .blg-cover-meta * {
color: rgba(255,255,255,0.75) !important;
} [data-theme='zen'] .blg-hero-brief__num,
[data-theme='zen'] [class*="perspective"],
[data-theme='zen'] .blg-hero-brief__index {
color: #a8c5b0 !important;
opacity: 1 !important;
} [data-theme='zen'] .blg-hero-brief:hover {
background: linear-gradient(
to top,
rgba(26,42,31,0.88) 0%,
rgba(26,42,31,0.45) 55%,
transparent 100%
) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-color: transparent !important;
} [data-theme='cyber'] .blg-author-box,
[data-theme='luxe'] .blg-author-box,
[data-theme='athletic'] .blg-author-box,
[data-theme='acid'] .blg-author-box,
[data-theme='royal'] .blg-author-box,
[data-theme='copper'] .blg-author-box,
[data-theme='noir'] .blg-author-box,
[data-theme='obsidian'] .blg-author-box,
[data-theme='solar'] .blg-author-box,
[data-theme='velvet'] .blg-author-box,
[data-theme='neo'] .blg-author-box,
[data-theme='mono'] .blg-author-box,
[data-theme='dark'] .blg-author-box {
background: rgba(255,255,255,0.04) !important;
border-color: rgba(255,255,255,0.08) !important;
}
[data-theme='cyber'] .blg-author-box .blg-author-name,
[data-theme='cyber'] .blg-author-box .blg-author-name a,
[data-theme='cyber'] .blg-author-box .blg-author-bio,
[data-theme='cyber'] .blg-author-box .blg-author-label,
[data-theme='cyber'] .blg-author-box .blg-author-count,
[data-theme='luxe'] .blg-author-box .blg-author-name,
[data-theme='luxe'] .blg-author-box .blg-author-name a,
[data-theme='luxe'] .blg-author-box .blg-author-bio,
[data-theme='luxe'] .blg-author-box .blg-author-label,
[data-theme='luxe'] .blg-author-box .blg-author-count,
[data-theme='athletic'] .blg-author-box .blg-author-name,
[data-theme='athletic'] .blg-author-box .blg-author-name a,
[data-theme='athletic'] .blg-author-box .blg-author-bio,
[data-theme='athletic'] .blg-author-box .blg-author-label,
[data-theme='athletic'] .blg-author-box .blg-author-count,
[data-theme='acid'] .blg-author-box .blg-author-name,
[data-theme='acid'] .blg-author-box .blg-author-name a,
[data-theme='acid'] .blg-author-box .blg-author-bio,
[data-theme='acid'] .blg-author-box .blg-author-label,
[data-theme='acid'] .blg-author-box .blg-author-count,
[data-theme='royal'] .blg-author-box .blg-author-name,
[data-theme='royal'] .blg-author-box .blg-author-name a,
[data-theme='royal'] .blg-author-box .blg-author-bio,
[data-theme='royal'] .blg-author-box .blg-author-label,
[data-theme='royal'] .blg-author-box .blg-author-count,
[data-theme='copper'] .blg-author-box .blg-author-name,
[data-theme='copper'] .blg-author-box .blg-author-name a,
[data-theme='copper'] .blg-author-box .blg-author-bio,
[data-theme='copper'] .blg-author-box .blg-author-label,
[data-theme='copper'] .blg-author-box .blg-author-count,
[data-theme='noir'] .blg-author-box .blg-author-name,
[data-theme='noir'] .blg-author-box .blg-author-name a,
[data-theme='noir'] .blg-author-box .blg-author-bio,
[data-theme='noir'] .blg-author-box .blg-author-label,
[data-theme='noir'] .blg-author-box .blg-author-count,
[data-theme='obsidian'] .blg-author-box .blg-author-name,
[data-theme='obsidian'] .blg-author-box .blg-author-name a,
[data-theme='obsidian'] .blg-author-box .blg-author-bio,
[data-theme='obsidian'] .blg-author-box .blg-author-label,
[data-theme='obsidian'] .blg-author-box .blg-author-count,
[data-theme='solar'] .blg-author-box .blg-author-name,
[data-theme='solar'] .blg-author-box .blg-author-name a,
[data-theme='solar'] .blg-author-box .blg-author-bio,
[data-theme='solar'] .blg-author-box .blg-author-label,
[data-theme='solar'] .blg-author-box .blg-author-count,
[data-theme='velvet'] .blg-author-box .blg-author-name,
[data-theme='velvet'] .blg-author-box .blg-author-name a,
[data-theme='velvet'] .blg-author-box .blg-author-bio,
[data-theme='velvet'] .blg-author-box .blg-author-label,
[data-theme='velvet'] .blg-author-box .blg-author-count,
[data-theme='neo'] .blg-author-box .blg-author-name,
[data-theme='neo'] .blg-author-box .blg-author-name a,
[data-theme='neo'] .blg-author-box .blg-author-bio,
[data-theme='neo'] .blg-author-box .blg-author-label,
[data-theme='neo'] .blg-author-box .blg-author-count,
[data-theme='mono'] .blg-author-box .blg-author-name,
[data-theme='mono'] .blg-author-box .blg-author-name a,
[data-theme='mono'] .blg-author-box .blg-author-bio,
[data-theme='mono'] .blg-author-box .blg-author-label,
[data-theme='mono'] .blg-author-box .blg-author-count,
[data-theme='dark'] .blg-author-box .blg-author-name,
[data-theme='dark'] .blg-author-box .blg-author-name a,
[data-theme='dark'] .blg-author-box .blg-author-bio,
[data-theme='dark'] .blg-author-box .blg-author-label,
[data-theme='dark'] .blg-author-box .blg-author-count {
color: #ffffff !important;
} [data-theme='cyber'] .blg-author-box .blg-author-label,
[data-theme='luxe'] .blg-author-box .blg-author-label,
[data-theme='athletic'] .blg-author-box .blg-author-label,
[data-theme='acid'] .blg-author-box .blg-author-label,
[data-theme='royal'] .blg-author-box .blg-author-label,
[data-theme='copper'] .blg-author-box .blg-author-label,
[data-theme='noir'] .blg-author-box .blg-author-label,
[data-theme='obsidian'] .blg-author-box .blg-author-label,
[data-theme='solar'] .blg-author-box .blg-author-label,
[data-theme='velvet'] .blg-author-box .blg-author-label,
[data-theme='neo'] .blg-author-box .blg-author-label,
[data-theme='mono'] .blg-author-box .blg-author-label,
[data-theme='dark'] .blg-author-box .blg-author-label {
color: var(--blg-accent-color) !important;
opacity: 1 !important;
}
[data-theme='cyber'] .blg-author-box .blg-author-bio,
[data-theme='luxe'] .blg-author-box .blg-author-bio,
[data-theme='athletic'] .blg-author-box .blg-author-bio,
[data-theme='acid'] .blg-author-box .blg-author-bio,
[data-theme='royal'] .blg-author-box .blg-author-bio,
[data-theme='copper'] .blg-author-box .blg-author-bio,
[data-theme='noir'] .blg-author-box .blg-author-bio,
[data-theme='obsidian'] .blg-author-box .blg-author-bio,
[data-theme='solar'] .blg-author-box .blg-author-bio,
[data-theme='velvet'] .blg-author-box .blg-author-bio,
[data-theme='neo'] .blg-author-box .blg-author-bio,
[data-theme='mono'] .blg-author-box .blg-author-bio,
[data-theme='dark'] .blg-author-box .blg-author-bio {
color: rgba(255,255,255,0.7) !important;
} [data-theme='athletic'] .blg-author-box,
[data-theme='neo'] .blg-author-box,
[data-theme='mono'] .blg-author-box {
background: transparent !important;
border-color: var(--blg-border-color) !important;
}
[data-theme='athletic'] .blg-author-box .blg-author-name,
[data-theme='athletic'] .blg-author-box .blg-author-name a,
[data-theme='athletic'] .blg-author-box .blg-author-bio,
[data-theme='athletic'] .blg-author-box .blg-author-count,
[data-theme='neo'] .blg-author-box .blg-author-name,
[data-theme='neo'] .blg-author-box .blg-author-name a,
[data-theme='neo'] .blg-author-box .blg-author-bio,
[data-theme='neo'] .blg-author-box .blg-author-count,
[data-theme='mono'] .blg-author-box .blg-author-name,
[data-theme='mono'] .blg-author-box .blg-author-name a,
[data-theme='mono'] .blg-author-box .blg-author-bio,
[data-theme='mono'] .blg-author-box .blg-author-count {
color: var(--blg-text-main) !important;
text-shadow: none !important;
}
[data-theme='athletic'] .blg-author-box .blg-author-label,
[data-theme='neo'] .blg-author-box .blg-author-label,
[data-theme='mono'] .blg-author-box .blg-author-label {
color: var(--blg-accent-color) !important;
opacity: 1 !important;
}
[data-theme='athletic'] .blg-author-box .blg-author-bio,
[data-theme='neo'] .blg-author-box .blg-author-bio,
[data-theme='mono'] .blg-author-box .blg-author-bio {
color: var(--blg-text-muted, rgba(0,0,0,0.6)) !important;
}  .blg-h2-post {
position: relative;
transition: transform 0.45s cubic-bezier(0.19,1,0.22,1) !important;
} .blg-h2-post:hover {
transform: translateY(-4px) !important;
}  .blg-mag-bold__thumb-wrap {
overflow: hidden;
transition: box-shadow 0.4s ease;
}
.blg-mag-bold__thumb-wrap img {
transition: transform 0.7s cubic-bezier(0.19,1,0.22,1),
filter 0.6s ease !important;
will-change: transform;
}
.blg-h2-post:hover .blg-mag-bold__thumb-wrap img {
transform: scale(1.1) !important;
filter: brightness(0.85) !important;
} .blg-mag-bold__overlay {
transition: background 0.4s ease;
}
.blg-h2-post:hover .blg-mag-bold__overlay {
background: rgba(0,0,0,0.25) !important;
} .blg-mag-bold__cat-line {
transition: width 0.4s cubic-bezier(0.19,1,0.22,1),
background 0.3s ease;
display: inline-block;
}
.blg-h2-post:hover .blg-mag-bold__cat-line {
width: 40px !important;
background: var(--blg-accent-color) !important;
} .blg-mag-bold__cat {
transition: color 0.3s ease, letter-spacing 0.3s ease;
}
.blg-h2-post:hover .blg-mag-bold__cat {
color: var(--blg-accent-color) !important;
letter-spacing: 3px !important;
} .blg-mag-bold__title {
background-image: linear-gradient(var(--blg-accent-color), var(--blg-accent-color));
background-size: 0% 2px;
background-repeat: no-repeat;
background-position: 0 100%;
padding-block-end: 2px;
transition: background-size 0.4s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-h2-post:hover .blg-mag-bold__title {
background-size: 60% 2px !important;
}  .blg-mag-modern__thumb-wrap {
transition: box-shadow 0.4s ease,
transform 0.5s cubic-bezier(0.19,1,0.22,1);
}
.blg-h2-post:hover .blg-mag-modern__thumb-wrap {
transform: scale(1.06) !important;
box-shadow: 0 0 0 3px var(--blg-accent-color) !important;
} .blg-mag-modern__label {
transition: letter-spacing 0.4s ease, opacity 0.3s ease;
}
.blg-h2-post:hover .blg-mag-modern__label {
letter-spacing: 4px !important;
opacity: 1 !important;
} .blg-mag-modern__title {
background-image: linear-gradient(var(--blg-accent-color), var(--blg-accent-color));
background-size: 0% 2px;
background-repeat: no-repeat;
background-position: 0 100%;
padding-block-end: 2px;
transition: background-size 0.4s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-h2-post:hover .blg-mag-modern__title {
background-size: 50% 2px !important;
} .blg-mag-modern__author {
transition: color 0.3s ease;
}
.blg-h2-post:hover .blg-mag-modern__author {
color: var(--blg-accent-color) !important;
} .blg-h2-post__link {
cursor: pointer !important;
} .blg-h2-post:hover .blg-mag-modern__thumb-wrap {
transform: none !important;
box-shadow: 0 0 0 3px var(--blg-accent-color) !important;
} .blg-mag-modern__thumb-wrap {
margin-inline-end: 12px !important; overflow: visible !important;
}
.blg-h2-post {
overflow: visible !important; } .blg-mag-modern__thumb-wrap {
overflow: hidden !important; margin-inline-end: 0 !important; }
.blg-mag-modern__thumb-wrap img {
border-radius: 50% !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.blg-h2-post {
overflow: visible !important; }  .blg-glass-focus-card__content {
background: rgba(0, 0, 0, 0.52) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
backdrop-filter: blur(18px) saturate(1.4) !important;
-webkit-backdrop-filter: blur(18px) saturate(1.4) !important;
box-shadow: 0 8px 40px rgba(0,0,0,0.3) !important;
} .blg-glass-focus-card__content,
.blg-glass-focus-card__title,
.blg-glass-focus-card__title a,
.blg-glass-focus-card__author,
.blg-glass-focus-card__btn {
color: #ffffff !important;
} .blg-glass-focus-card__btn {
position: relative;
transition: letter-spacing 0.3s ease, opacity 0.3s ease !important;
}
.blg-glass-focus-card__btn:hover {
letter-spacing: 4px !important;
opacity: 0.85 !important;
} .blg-glass-focus-card {
transition: transform 0.55s cubic-bezier(0.19,1,0.22,1),
box-shadow 0.55s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-glass-focus-card:hover {
transform: translateY(-6px) !important;
box-shadow: 0 30px 70px rgba(0,0,0,0.25) !important;
} .blg-glass-focus-card__visual img {
transition: transform 0.9s cubic-bezier(0.19,1,0.22,1),
filter 0.7s ease !important;
will-change: transform;
}
.blg-glass-focus-card:hover .blg-glass-focus-card__visual img {
transform: scale(1.07) !important;
filter: brightness(0.82) !important;
} .blg-glass-focus-card:hover .blg-glass-focus-card__content {
background: rgba(0, 0, 0, 0.65) !important;
} .blg-glass-focus-card__title a {
background-image: linear-gradient(var(--blg-accent-color), var(--blg-accent-color));
background-size: 0% 2px;
background-repeat: no-repeat;
background-position: 0 100%;
padding-block-end: 3px;
transition: background-size 0.4s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-glass-focus-card:hover .blg-glass-focus-card__title a {
background-size: 55% 2px !important;
} .blg-mag-modern__thumb-wrap {
margin-inline-end: 16px !important;
} .blg-mag-modern__thumb-wrap {
box-shadow: 0 0 0 6px var(--blg-white-trans-05) !important;
} .page-template-page-home-2 .blg-mag-modern__thumb-wrap .attachment-thumbnail {
width: 100% !important;
height: 100% !important;
border-radius: 50% !important;
transform: none !important;
object-fit: cover !important;
display: block !important;
}  .blg-share-btn:hover svg,
.blg-share-btn:hover svg path,
.blg-share-btn:hover svg rect,
.blg-share-btn:hover svg circle,
.blg-share-btn:hover svg line,
.blg-share-btn:hover svg polyline {
stroke: currentColor !important;
fill: none !important;
color: inherit !important;
} [data-theme='athletic'] .blg-share-btn:hover {
background: var(--blg-accent-color) !important;
color: #ffffff !important;
border-color: var(--blg-accent-color) !important;
}
[data-theme='athletic'] .blg-share-btn:hover svg,
[data-theme='athletic'] .blg-share-btn:hover svg * {
stroke: #ffffff !important;
color: #ffffff !important;
}  [data-theme='dark'] .blg-title-mid {
background-color: rgba(255,255,255,0.12) !important;
color: #ffffff !important;
box-shadow: 10px 0 0 rgba(255,255,255,0.12),
-10px 0 0 rgba(255,255,255,0.12) !important;
} [data-theme='dark'] .blg-cover-cta,
[data-theme='dark'] [class*="cta"],
[data-theme='dark'] .blg-hero-cta {
background: var(--blg-accent-color) !important;
color: #ffffff !important;
} [data-theme='dark'] .blg-hero-brief__title,
[data-theme='dark'] .blg-hero-brief h4,
[data-theme='dark'] .blg-hero-brief__label,
[data-theme='dark'] .blg-hero-brief span {
color: #ffffff !important;
} [data-theme='dark'] .blg-share-btn:hover {
background: var(--blg-accent-color) !important;
color: #ffffff !important;
border-color: var(--blg-accent-color) !important;
}
[data-theme='dark'] .blg-share-btn:hover svg,
[data-theme='dark'] .blg-share-btn:hover svg * {
stroke: #ffffff !important;
} [data-theme='dark'] .blg-section-header h2,
[data-theme='dark'] .blg-featured-header h2,
[data-theme='dark'] .blg-featured-header .blg-section-link {
color: #ffffff !important;
}  .tft-single-hero__meta-pill {
display: inline-block !important;
background: var(--blg-accent-color) !important;
color: #ffffff !important;
font-size: 0.55rem !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 3px !important;
padding: 5px 14px !important;
border-radius: 3px !important;
margin-block-end: 12px !important;
opacity: 1 !important;
} .blg-title-mid {
background-color: var(--blg-accent-color) !important;
color: #ffffff !important;
padding-inline: 14px !important;
padding-block: 4px !important;
box-shadow: 14px 0 0 var(--blg-accent-color),
-14px 0 0 var(--blg-accent-color) !important;
opacity: 1 !important;
mix-blend-mode: normal !important;
} [data-theme='zen'] .blg-title-mid {
background-color: #2a3d2f !important;
box-shadow: 14px 0 0 #2a3d2f, -14px 0 0 #2a3d2f !important;
color: #ffffff !important;
} [data-theme='dark'] .blg-title-mid,
[data-theme='noir'] .blg-title-mid,
[data-theme='obsidian'] .blg-title-mid,
[data-theme='cyber'] .blg-title-mid {
background-color: var(--blg-accent-color) !important;
box-shadow: 14px 0 0 var(--blg-accent-color),
-14px 0 0 var(--blg-accent-color) !important;
color: #ffffff !important;
} .blg-hero-side-tab {
color: #ffffff !important;
text-decoration: none !important;
transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-hero-side-tab span {
color: #ffffff !important;
}
.blg-hero-side-tab svg {
stroke: #ffffff !important;
color: #ffffff !important;
}
.blg-hero-side-tab:hover {
opacity: 0.8 !important;
} [data-theme='vogue'] .blg-hero-side-tab,
[data-theme='zen'] .blg-hero-side-tab,
[data-theme='gazette'] .blg-hero-side-tab,
[data-theme='frost'] .blg-hero-side-tab,
[data-theme='saffron'] .blg-hero-side-tab,
[data-theme='athletic'] .blg-hero-side-tab,
[data-theme='neo'] .blg-hero-side-tab,
[data-theme='mono'] .blg-hero-side-tab {
color: var(--blg-bg-color) !important;
}
[data-theme='vogue'] .blg-hero-side-tab span,
[data-theme='zen'] .blg-hero-side-tab span,
[data-theme='gazette'] .blg-hero-side-tab span,
[data-theme='frost'] .blg-hero-side-tab span,
[data-theme='saffron'] .blg-hero-side-tab span,
[data-theme='athletic'] .blg-hero-side-tab span,
[data-theme='neo'] .blg-hero-side-tab span,
[data-theme='mono'] .blg-hero-side-tab span {
color: inherit !important;
}
[data-theme='vogue'] .blg-hero-side-tab svg,
[data-theme='zen'] .blg-hero-side-tab svg,
[data-theme='gazette'] .blg-hero-side-tab svg,
[data-theme='frost'] .blg-hero-side-tab svg,
[data-theme='saffron'] .blg-hero-side-tab svg,
[data-theme='athletic'] .blg-hero-side-tab svg,
[data-theme='neo'] .blg-hero-side-tab svg,
[data-theme='mono'] .blg-hero-side-tab svg {
stroke: var(--blg-bg-color) !important;
} [data-theme='vogue'] .blg-title-mid,
[data-theme='gazette'] .blg-title-mid,
[data-theme='zen'] .blg-title-mid,
[data-theme='frost'] .blg-title-mid,
[data-theme='saffron'] .blg-title-mid,
[data-theme='athletic'] .blg-title-mid,
[data-theme='neo'] .blg-title-mid,
[data-theme='mono'] .blg-title-mid {
color: #000000 !important;
background-color: var(--blg-accent-color) !important;
box-shadow: 14px 0 0 var(--blg-accent-color),
-14px 0 0 var(--blg-accent-color) !important;
} [data-theme='vogue'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='gazette'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='zen'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='frost'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='saffron'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='athletic'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='neo'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='mono'] .blg-side-badge-wrap a.blg-hero-side-tab span {
color: #000000 !important;
}
[data-theme='vogue'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='gazette'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='zen'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='frost'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='saffron'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='athletic'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='neo'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='mono'] .blg-side-badge-wrap a.blg-hero-side-tab svg {
stroke: #000000 !important;
} .blg-title-mid {
color: #000000 !important;
}
.blg-hero-side-tab,
.blg-hero-side-tab span {
color: #000000 !important;
}
.blg-hero-side-tab svg,
.blg-hero-side-tab svg path {
stroke: #000000 !important;
} [data-theme='cyber'] .blg-title-mid,
[data-theme='luxe'] .blg-title-mid,
[data-theme='acid'] .blg-title-mid,
[data-theme='royal'] .blg-title-mid,
[data-theme='copper'] .blg-title-mid,
[data-theme='noir'] .blg-title-mid,
[data-theme='obsidian'] .blg-title-mid,
[data-theme='solar'] .blg-title-mid,
[data-theme='velvet'] .blg-title-mid,
[data-theme='dark'] .blg-title-mid {
color: #ffffff !important;
}
[data-theme='cyber'] .blg-hero-side-tab span,
[data-theme='luxe'] .blg-hero-side-tab span,
[data-theme='acid'] .blg-hero-side-tab span,
[data-theme='royal'] .blg-hero-side-tab span,
[data-theme='copper'] .blg-hero-side-tab span,
[data-theme='noir'] .blg-hero-side-tab span,
[data-theme='obsidian'] .blg-hero-side-tab span,
[data-theme='solar'] .blg-hero-side-tab span,
[data-theme='velvet'] .blg-hero-side-tab span,
[data-theme='dark'] .blg-hero-side-tab span {
color: #ffffff !important;
}
[data-theme='cyber'] .blg-hero-side-tab svg,
[data-theme='luxe'] .blg-hero-side-tab svg,
[data-theme='acid'] .blg-hero-side-tab svg,
[data-theme='royal'] .blg-hero-side-tab svg,
[data-theme='copper'] .blg-hero-side-tab svg,
[data-theme='noir'] .blg-hero-side-tab svg,
[data-theme='obsidian'] .blg-hero-side-tab svg,
[data-theme='solar'] .blg-hero-side-tab svg,
[data-theme='velvet'] .blg-hero-side-tab svg,
[data-theme='dark'] .blg-hero-side-tab svg {
stroke: #ffffff !important;
} [data-theme='dark'] .blg-author-box,
[data-theme='dark'] .blg-extended-meta,
[data-theme='dark'] .blg-section-header h2,
[data-theme='dark'] .blg-featured-header h2,
[data-theme='dark'] .blg-featured-header .blg-section-link,
[data-theme='dark'] .blg-hero-brief__title,
[data-theme='dark'] .blg-hero-brief h4,
[data-theme='dark'] .blg-hero-brief__label,
[data-theme='dark'] .blg-hero-brief span,
[data-theme='dark'] .blg-title-mid,
[data-theme='dark'] .blg-cover-cta,
[data-theme='dark'] .blg-hero-cta,
[data-theme='dark'] .blg-author-box .blg-author-name,
[data-theme='dark'] .blg-author-box .blg-author-name a,
[data-theme='dark'] .blg-author-box .blg-author-bio,
[data-theme='dark'] .blg-author-box .blg-author-label,
[data-theme='dark'] .blg-author-box .blg-author-count,
[data-theme='dark'] .blg-meta-divider,
[data-theme='dark'] .blg-extended-meta * {
all: revert !important;
}
[data-theme='dark'] .blg-share-btn:hover,
[data-theme='dark'] .blg-share-btn:hover svg,
[data-theme='dark'] .blg-share-btn:hover svg * {
all: revert !important;
}  [data-theme='zen'] .blg-title-mid {
color: #ffffff !important;
text-shadow: none !important;
} [data-theme='zen'] .blg-hero-side-tab {
color: #ffffff !important;
}
[data-theme='zen'] .blg-hero-side-tab span {
color: #ffffff !important;
}
[data-theme='zen'] .blg-hero-side-tab svg {
stroke: #ffffff !important;
color: #ffffff !important;
} .blg-hero-side-tab svg {
stroke: currentColor !important;
color: inherit !important;
}
.blg-hero-side-tab svg path {
stroke: currentColor !important;
} [data-theme='zen'] .blg-side-badge-wrap a.blg-hero-side-tab,
[data-theme='zen'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='zen'] .blg-hero-side-tab,
[data-theme='zen'] .blg-hero-side-tab span {
color: #ffffff !important;
}
[data-theme='zen'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='zen'] .blg-side-badge-wrap a.blg-hero-side-tab svg path,
[data-theme='zen'] .blg-hero-side-tab svg,
[data-theme='zen'] .blg-hero-side-tab svg path {
stroke: #ffffff !important;
color: #ffffff !important;
}  [data-theme='acid'] {
--blg-font-heading: 'Space Grotesk', sans-serif !important;
} [data-theme='acid'] .blg-side-badge-wrap a.blg-hero-side-tab,
[data-theme='acid'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='acid'] .blg-hero-side-tab,
[data-theme='acid'] .blg-hero-side-tab span {
color: #0a0a0a !important;
}
[data-theme='acid'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='acid'] .blg-side-badge-wrap a.blg-hero-side-tab svg path,
[data-theme='acid'] .blg-hero-side-tab svg,
[data-theme='acid'] .blg-hero-side-tab svg path {
stroke: #0a0a0a !important;
color: #0a0a0a !important;
} [data-theme='acid'] .blg-title-mid {
color: #0a0a0a !important;
text-shadow: none !important;
box-shadow: 10px 0 0 var(--blg-accent-color),
-10px 0 0 var(--blg-accent-color) !important;
} [data-theme='acid'] .blg-hero-brief__title,
[data-theme='acid'] .blg-hero-brief h4,
[data-theme='acid'] .blg-hero-brief h3,
[data-theme='acid'] .blg-hero-brief a {
color: #ffffff !important;
text-shadow: none !important;
} [data-theme='acid'] .blg-hero-brief__label,
[data-theme='acid'] .blg-hero-brief__index,
[data-theme='acid'] .blg-hero-brief span:not(.blg-hero-brief__title) {
color: rgba(255,255,255,0.6) !important;
} [data-theme='acid'] .blg-hero-main-title,
[data-theme='acid'] .blg-cover-header .blg-hero-main-title {
text-shadow: none !important;
} [data-theme='acid'] h1,
[data-theme='acid'] h2,
[data-theme='acid'] h3,
[data-theme='acid'] h4 {
font-family: var(--blg-font-heading) !important;
}  [data-theme='acid'] .tft-single-hero__meta-pill {
color: #0a0a0a !important;
} [data-theme='acid'] .blg-share-btn:hover {
background: var(--blg-accent-color) !important;
color: #0a0a0a !important;
border-color: var(--blg-accent-color) !important;
}
[data-theme='acid'] .blg-share-btn:hover svg,
[data-theme='acid'] .blg-share-btn:hover svg path,
[data-theme='acid'] .blg-share-btn:hover svg * {
stroke: #0a0a0a !important;
color: #0a0a0a !important;
} [data-theme='acid'] .blg-footer__deco-word {
opacity: 0.08 !important;
} [data-theme='acid'] #tft-back-to-top {
color: #0a0a0a !important;
}
[data-theme='acid'] #tft-back-to-top svg,
[data-theme='acid'] #tft-back-to-top svg polyline {
stroke: #0a0a0a !important;
} [data-theme='vogue'] .blg-side-badge-wrap a.blg-hero-side-tab,
[data-theme='vogue'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='vogue'] .blg-hero-side-tab,
[data-theme='vogue'] .blg-hero-side-tab span {
color: #ffffff !important;
}
[data-theme='vogue'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='vogue'] .blg-side-badge-wrap a.blg-hero-side-tab svg path,
[data-theme='vogue'] .blg-hero-side-tab svg,
[data-theme='vogue'] .blg-hero-side-tab svg path {
stroke: #ffffff !important;
}
[data-theme='vogue'] .blg-title-mid {
color: #ffffff !important;
}  .blg-pl-item {
transition: transform 0.45s cubic-bezier(0.19,1,0.22,1),
opacity 0.35s ease !important;
position: relative;
}
.blg-pl-item:hover {
transform: translateX(6px) !important;
} .blg-pl-item a[style*="overflow:hidden"] img,
.blg-pl-item a[style*="overflow: hidden"] img {
transition: transform 0.8s cubic-bezier(0.19,1,0.22,1),
filter 0.6s ease !important;
will-change: transform;
}
.blg-pl-item:hover a[style*="overflow:hidden"] img,
.blg-pl-item:hover a[style*="overflow: hidden"] img {
transform: scale(1.1) !important;
filter: brightness(0.88) !important;
} .blg-pl-item span[style*="accent-color"] {
transition: letter-spacing 0.4s ease !important;
}
.blg-pl-item:hover span[style*="accent-color"] {
letter-spacing: 4px !important;
} .blg-pl-item h3 a {
background-image: linear-gradient(var(--blg-accent-color), var(--blg-accent-color));
background-size: 0% 2px;
background-repeat: no-repeat;
background-position: 0 100%;
padding-block-end: 2px;
transition: background-size 0.45s cubic-bezier(0.19,1,0.22,1),
color 0.3s ease !important;
}
.blg-pl-item:hover h3 a {
background-size: 70% 2px !important;
color: var(--blg-accent-color) !important;
} .blg-post-card {
transition: transform 0.5s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-post-card:hover {
transform: translateY(-8px) !important;
} .blg-post-card a[style*="overflow:hidden"] img,
.blg-post-card a[style*="overflow: hidden"] img,
.blg-post-card div[style*="overflow:hidden"] img,
.blg-post-card div[style*="overflow: hidden"] img {
transition: transform 0.9s cubic-bezier(0.19,1,0.22,1),
filter 0.6s ease !important;
}
.blg-post-card:hover a[style*="overflow:hidden"] img,
.blg-post-card:hover a[style*="overflow: hidden"] img,
.blg-post-card:hover div[style*="overflow:hidden"] img,
.blg-post-card:hover div[style*="overflow: hidden"] img {
transform: scale(1.08) !important;
filter: brightness(0.85) !important;
} .blg-card-content a[style*="opacity: 0.5"],
.blg-card-content a[style*="opacity:0.5"] {
transition: opacity 0.3s ease,
letter-spacing 0.4s ease,
color 0.3s ease !important;
}
.blg-post-card:hover .blg-card-content a[style*="opacity: 0.5"],
.blg-post-card:hover .blg-card-content a[style*="opacity:0.5"] {
opacity: 1 !important;
letter-spacing: 4px !important;
color: var(--blg-accent-color) !important;
} .blg-post-card .blg-card-content h3 a,
.blg-pg-card h3 {
transition: color 0.3s ease !important;
}
.blg-post-card:hover .blg-card-content h3 a,
.blg-pg-card:hover h3 {
color: var(--blg-accent-color) !important;
} .blg-bottom-bar__item {
transition: background 0.4s ease,
border-color 0.4s ease !important;
border-block-start: 1px solid var(--blg-border-color);
position: relative;
}
.blg-bottom-bar__item:hover {
background: rgba(var(--blg-accent-rgb, 180,120,60), 0.04) !important;
border-block-start-color: var(--blg-accent-color) !important;
} .blg-bottom-bar__item h4 {
transition: color 0.3s ease, transform 0.4s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-bottom-bar__item:hover h4 {
color: var(--blg-accent-color) !important;
transform: translateX(4px) !important;
} .blg-bb-hover-arrow {
transition: opacity 0.4s ease,
transform 0.5s cubic-bezier(0.19,1,0.22,1) !important;
opacity: 0 !important;
transform: translateX(-12px) !important;
}
.blg-bottom-bar__item:hover .blg-bb-hover-arrow {
opacity: 1 !important;
transform: translateX(0) !important;
} .blg-tab-image {
transition: box-shadow 0.4s ease,
transform 0.5s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-tab-article:hover .blg-tab-image {
box-shadow: 0 0 0 3px var(--blg-accent-color) !important;
transform: scale(1.04) !important;
}
.blg-tab-image img {
transition: transform 0.8s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-tab-article:hover .blg-tab-image img {
transform: scale(1.1) !important;
}
.blg-tab-title a {
background-image: linear-gradient(var(--blg-accent-color), var(--blg-accent-color));
background-size: 0% 2px;
background-repeat: no-repeat;
background-position: 0 100%;
padding-block-end: 3px;
transition: background-size 0.45s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-tab-article:hover .blg-tab-title a {
background-size: 60% 2px !important;
}
.blg-tab-excerpt {
transition: opacity 0.4s ease !important;
}
.blg-tab-article:hover .blg-tab-excerpt {
opacity: 0.85 !important;
} .blg-editorial-row {
transition: transform 0.5s cubic-bezier(0.19,1,0.22,1) !important;
display: flex;
gap: clamp(30px, 5vw, 80px);
align-items: center;
}
.blg-editorial-row__img {
transition: box-shadow 0.5s ease !important;
}
.blg-editorial-row:hover .blg-editorial-row__img {
box-shadow: 0 30px 70px rgba(0,0,0,0.2) !important;
}
.blg-editorial-row__img img {
transition: transform 0.9s cubic-bezier(0.19,1,0.22,1),
filter 0.7s ease !important;
}
.blg-editorial-row:hover .blg-editorial-row__img img {
transform: scale(1.06) !important;
filter: brightness(0.88) !important;
} .blg-editorial-row__content a {
transition: letter-spacing 0.4s ease,
color 0.3s ease,
border-color 0.3s ease !important;
}
.blg-editorial-row:hover .blg-editorial-row__content a {
letter-spacing: 4px !important;
color: var(--blg-accent-color) !important;
} .blg-footer__wordmark {
transition: letter-spacing 0.5s cubic-bezier(0.19,1,0.22,1),
opacity 0.3s ease !important;
display: inline-block;
}
.blg-footer__wordmark:hover {
letter-spacing: 6px !important;
opacity: 0.7 !important;
}
.blg-footer__hero-post {
transition: transform 0.4s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-footer__hero-post:hover {
transform: translateX(8px) !important;
}
.blg-footer__hero-title a {
transition: color 0.3s ease !important;
}
.blg-footer__hero-title a:hover {
color: var(--blg-accent-color) !important;
} .tft-popular-item {
transition: transform 0.45s cubic-bezier(0.19,1,0.22,1),
opacity 0.35s ease !important;
}
.tft-popular-item:hover {
transform: translateX(6px) !important;
}
.tft-popular-thumb {
transition: box-shadow 0.4s ease !important;
}
.tft-popular-item:hover .tft-popular-thumb {
box-shadow: 0 0 0 2px var(--blg-accent-color) !important;
}
.tft-popular-thumb img {
transition: opacity 0.5s ease, transform 0.7s cubic-bezier(0.19,1,0.22,1) !important;
}
.tft-popular-item:hover .tft-popular-thumb img {
opacity: 1 !important;
transform: scale(1.12) !important;
}
.tft-popular-item h4 {
transition: color 0.3s ease !important;
}
.tft-popular-item:hover h4 {
color: var(--blg-accent-color) !important;
} .tft-matrix-link {
transition: background 0.35s ease,
color 0.35s ease,
transform 0.4s cubic-bezier(0.19,1,0.22,1),
letter-spacing 0.4s ease !important;
}
.tft-matrix-link:hover {
letter-spacing: 2px !important;
} .blg-stat-value,
[class*='elementor-element'] .blg-stat-value {
font-size: 38px !important;
letter-spacing: -1.5px !important;
}  .blg-principles-list,
[class*='blg-editorial-principles'] {
counter-reset: principle;
} .page-id-about .blg-tab-article,
.post-type-page .blg-pl-item,
.page-template-page-about .blg-pl-item {
position: relative;
} .blg-stats-elite {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
}
.blg-stat-item-elite {
padding: clamp(20px, 3.5vw, 40px) !important;
position: relative;
overflow: hidden;
}
.blg-stat-item-elite::before {
content: '';
position: absolute;
inset-block-end: 0;
inset-inline-start: 0;
width: 0;
height: 2px;
background: var(--blg-accent-color);
transition: width 0.5s cubic-bezier(0.19,1,0.22,1);
}
.blg-stat-item-elite:hover::before {
width: 100%;
}  .wpcf7-form {
position: relative;
} .wpcf7-form .tft-field-group,
.wpcf7-form p {
position: relative !important;
margin-block-end: 0 !important;
padding-block-end: 0 !important;
} .wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-email,
.wpcf7-form .wpcf7-textarea,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
width: 100% !important;
background: transparent !important;
border: none !important;
border-block-end: 1.5px solid var(--blg-border-color) !important;
border-radius: 0 !important;
padding: 18px 0 10px !important;
font-family: var(--blg-font-heading) !important;
font-size: clamp(1rem, 1.3vw, 1.25rem) !important;
font-weight: 700 !important;
color: var(--blg-text-main) !important;
outline: none !important;
box-shadow: none !important;
transition: border-color 0.4s cubic-bezier(0.19,1,0.22,1) !important;
letter-spacing: -0.3px !important;
caret-color: var(--blg-accent-color) !important;
}
.wpcf7-form .wpcf7-text:focus,
.wpcf7-form .wpcf7-email:focus,
.wpcf7-form .wpcf7-textarea:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
border-block-end-color: var(--blg-accent-color) !important;
} .wpcf7-form label {
font-family: var(--blg-font-body) !important;
font-size: 0.58rem !important;
font-weight: 900 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
color: var(--blg-accent-color) !important;
margin-block-end: 0 !important;
margin-block-start: 48px !important;
display: block !important;
transition: letter-spacing 0.3s ease !important;
} .wpcf7-form .wpcf7-textarea,
.wpcf7-form textarea {
min-height: 120px !important;
resize: none !important;
line-height: 1.6 !important;
} .wpcf7-form .wpcf7-submit,
.wpcf7-form input[type="submit"] {
margin-block-start: 52px !important;
width: 100% !important;
padding: 22px 40px !important;
background: var(--blg-text-main) !important;
color: var(--blg-bg-color) !important;
font-family: var(--blg-font-body) !important;
font-size: 0.72rem !important;
font-weight: 900 !important;
letter-spacing: 4px !important;
text-transform: uppercase !important;
border: 2px solid var(--blg-text-main) !important;
border-radius: 0 !important;
cursor: pointer !important;
transition: background 0.4s cubic-bezier(0.19,1,0.22,1),
color 0.4s ease,
letter-spacing 0.4s ease,
transform 0.3s ease !important;
position: relative !important;
overflow: hidden !important;
}
.wpcf7-form .wpcf7-submit:hover,
.wpcf7-form input[type="submit"]:hover {
background: var(--blg-accent-color) !important;
border-color: var(--blg-accent-color) !important;
color: #ffffff !important;
letter-spacing: 6px !important;
transform: translateY(-2px) !important;
} .wpcf7-response-output {
margin-block-start: 30px !important;
padding: 18px 24px !important;
font-family: var(--blg-font-body) !important;
font-size: 0.8rem !important;
font-weight: 700 !important;
border: 1.5px solid var(--blg-accent-color) !important;
border-radius: 0 !important;
background: transparent !important;
letter-spacing: 0.5px !important;
}  .blg-contact-section-title,
.page-contact .elementor-heading-title,
.page-template-page-contact .elementor-heading-title {
position: relative;
} .blg-contact-address,
.page-template-page-contact p strong,
.contact-address-item {
border-block-start: 1px solid var(--blg-border-color);
padding-block: 16px;
transition: padding-inline-start 0.4s cubic-bezier(0.19,1,0.22,1),
color 0.3s ease;
display: block;
cursor: default;
}
.blg-contact-address:hover {
padding-inline-start: 12px;
color: var(--blg-accent-color);
border-block-start-color: var(--blg-accent-color);
} .blg-contact-social a,
.page-template-page-contact .elementor-widget a[href*="facebook"],
.page-template-page-contact .elementor-widget a[href*="instagram"],
.page-template-page-contact .elementor-widget a[href*="twitter"] {
display: inline-block;
font-family: var(--blg-font-body) !important;
font-size: 0.65rem !important;
font-weight: 900 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
text-decoration: none !important;
border-block-end: 1.5px solid var(--blg-text-main) !important;
padding-block-end: 3px !important;
margin-inline-end: 30px !important;
transition: border-color 0.3s ease,
color 0.3s ease,
letter-spacing 0.4s ease !important;
}
.blg-contact-social a:hover,
.page-template-page-contact .elementor-widget a[href*="facebook"]:hover,
.page-template-page-contact .elementor-widget a[href*="instagram"]:hover,
.page-template-page-contact .elementor-widget a[href*="twitter"]:hover {
color: var(--blg-accent-color) !important;
border-block-end-color: var(--blg-accent-color) !important;
letter-spacing: 5px !important;
} .page-template-page-contact a[href*="mailto"] {
font-family: var(--blg-font-heading) !important;
font-weight: 700 !important;
text-decoration: none !important;
color: var(--blg-text-main) !important;
position: relative !important;
display: inline-block !important;
transition: color 0.3s ease, transform 0.4s ease !important;
}
.page-template-page-contact a[href*="mailto"]::after {
content: '';
position: absolute;
inset-block-end: -2px;
inset-inline-start: 0;
width: 0;
height: 1.5px;
background: var(--blg-accent-color);
transition: width 0.5s cubic-bezier(0.19,1,0.22,1);
}
.page-template-page-contact a[href*="mailto"]:hover {
color: var(--blg-accent-color) !important;
}
.page-template-page-contact a[href*="mailto"]:hover::after {
width: 100%;
} [data-theme="neo"] .blg-title-mid {
color: #ffffff !important;
}
[data-theme="neo"] .blg-hero-side-tab {
color: #ffffff !important;
}
[data-theme="neo"] .blg-hero-side-tab span,
[data-theme="neo"] .blg-hero-side-tab svg {
color: #ffffff !important;
}  [data-theme="neo"] .blg-title-mid,
[data-theme="neo"] .blg-title-mid {
color: #ffffff !important;
} [data-theme="neo"] .blg-hero-side-tab,
[data-theme="neo"] .blg-hero-side-tab span,
[data-theme="neo"] .blg-hero-side-tab svg,
[data-theme="neo"] .blg-hero-side-tab span,
[data-theme="neo"] .blg-hero-side-tab svg {
color: #ffffff !important;
} [data-theme="neo"] .blg-hero-brief__label,
[data-theme="neo"] .blg-hero-brief__label {
color: var(--blg-accent-color) !important;
font-weight: 800 !important;
opacity: 1 !important;
} .blg-bottom-bar__link:hover .blg-bb-hover-arrow {
opacity: 1 !important;
transform: translateInline(0) !important;
} .blg-bottom-bar__link:hover .blg-bb-hover-arrow svg {
color: var(--blg-accent-color) !important;
stroke: var(--blg-accent-color) !important;
} [data-theme="athletic"] .blg-bottom-bar__link:hover .blg-bb-hover-arrow svg {
color: #ff3c3c !important;
stroke: #ff3c3c !important;
} [data-theme="athletic"] .blg-footer {
border-block-start: 10px solid #ff3c3c !important;
background: #0a0a0a !important;
padding-block: 100px !important;
}
[data-theme="athletic"] .blg-footer__deco-word {
font-size: clamp(10rem, 25vw, 40rem) !important;
line-height: 0.7 !important;
letter-spacing: -0.05em !important;
opacity: 0.03 !important;
color: #ffffff !important;
}
[data-theme="athletic"] .blg-footer__inner {
border-inline-start: 2px solid #ff3c3c;
padding-inline-start: 40px;
} [data-theme="saffron"] .blg-title-mid,
[data-theme="saffron"] .blg-title-mid {
color: #ffffff !important;
}
[data-theme="saffron"] .blg-hero-side-tab,
[data-theme="saffron"] .blg-hero-side-tab span,
[data-theme="saffron"] .blg-hero-side-tab svg,
[data-theme="saffron"] .blg-hero-side-tab span,
[data-theme="saffron"] .blg-hero-side-tab svg {
color: #ffffff !important;
} [data-theme="athletic"] .blg-hero-side-tab {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
right: 0 !important;
z-index: 9999 !important;
} [data-theme="cyber"] .blg-footer {
border-block-start: 2px solid #ff0055 !important;
background: #050505 !important;
}
[data-theme="cyber"] .blg-footer__deco-word {
font-size: clamp(8rem, 20vw, 30rem) !important;
line-height: 0.8 !important;
opacity: 0.05 !important;
color: #ff0055 !important;
}
[data-theme="cyber"] .blg-footer__inner {
border-inline-start: 1.5px solid #ff0055;
padding-inline-start: 35px;
} [data-theme="athletic"] .blg-hero-side-tab svg,
[data-theme="athletic"] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme="athletic"] .blg-hero-side-tab svg {
stroke: #000000 !important;
color: #000000 !important;
}  [data-theme="neo"] .blg-hero-side-tab,
[data-theme="neo"] .blg-hero-side-tab span,
[data-theme="neo"] .blg-hero-side-tab svg,
[data-theme="neo"] .blg-hero-side-tab span,
[data-theme="neo"] .blg-hero-side-tab svg {
color: #ffffff !important;
} [data-theme="neo"] .blg-footer {
border-block-start: 1.5px solid #3b82f6 !important;
background: #0d1117 !important; }
[data-theme="neo"] .blg-footer__deco-word {
font-size: clamp(6rem, 15vw, 22rem) !important;
line-height: 0.9 !important;
font-family: 'Inter', sans-serif !important; font-weight: 900 !important;
text-transform: uppercase !important;
letter-spacing: -0.05em !important;
opacity: 0.04 !important;
color: #3b82f6 !important;
}
[data-theme="neo"] .blg-footer__inner {
border-inline-start: 2px solid #3b82f6;
padding-inline-start: 40px;
} .blg-header,
.blg-nav-wrap,
.blg-header-inner,
.blg-header-bottom {
overflow: visible !important;
}
.blg-nav-wrap {
z-index: 9999 !important;
}
.sub-menu {
z-index: 10000 !important;
box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;
} [data-theme="neo"] h1,
[data-theme="neo"] h2,
[data-theme="neo"] .blg-hero-main-title {
font-family: 'Inter', sans-serif !important;
font-weight: 900 !important;
letter-spacing: -0.04em !important;
}  [data-theme="neo"] .blg-hero-single__visual::after,
[data-theme="neo"] .blg-hero-single::after {
background: linear-gradient(to bottom, rgba(13, 17, 23, 0.4), rgba(13, 17, 23, 0.95)) !important;
} [data-theme="neo"] .blg-hero-side-tab,
[data-theme="neo"] .blg-hero-side-tab span,
[data-theme="neo"] .blg-hero-side-tab svg,
[data-theme="neo"] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme="neo"] .blg-side-badge-wrap a.blg-hero-side-tab svg {
color: #ffffff !important;
stroke: #ffffff !important;
} [data-theme="neo"] .tft-footer-monolith .blg-footer__wordmark {
font-size: clamp(2rem, 5vw, 2.8rem) !important;
letter-spacing: 2px !important;
opacity: 0.8 !important;
margin-block-end: 20px !important;
}
[data-theme="neo"] .blg-footer__deco-word {
font-size: clamp(3rem, 6vw, 2.5rem) !important;
}  [data-theme="neo"] .blg-hero-single__visual::after,
[data-theme="neo"] .blg-hero-single::after {
background: linear-gradient(to bottom, 
rgba(13, 17, 23, 0.75) 0%, 
rgba(13, 17, 23, 0.6) 30%, 
rgba(13, 17, 23, 0.98) 100%
) !important;
} html [data-theme="neo"] .blg-hero-side-tab,
html [data-theme="neo"] .blg-hero-side-tab span,
html [data-theme="neo"] .blg-hero-side-tab svg,
html [data-theme="neo"] .blg-side-badge-wrap .blg-hero-side-tab span,
html [data-theme="neo"] .blg-side-badge-wrap .blg-hero-side-tab svg {
color: #ffffff !important;
stroke: #ffffff !important;
} html [data-theme="saffron"] .blg-hero-side-tab,
html [data-theme="saffron"] .blg-hero-side-tab span,
html [data-theme="saffron"] .blg-hero-side-tab svg,
html [data-theme="saffron"] .blg-side-badge-wrap .blg-hero-side-tab span,
html [data-theme="saffron"] .blg-side-badge-wrap .blg-hero-side-tab svg {
color: #ffffff !important;
stroke: #ffffff !important;
}  [data-theme='vogue'] {
--blg-font-heading: 'Playfair Display', serif !important;
--blg-font-body: 'Source Sans Pro', sans-serif !important;
} [data-theme='cyber'] {
--blg-font-heading: 'Space Grotesk', sans-serif !important;
--blg-font-body: 'Inter', sans-serif !important;
} [data-theme='luxe'], [data-theme='noir'] {
--blg-font-heading: 'Cormorant Garamond', serif !important;
--blg-font-body: 'Montserrat', sans-serif !important;
} [data-theme='zen'] {
--blg-font-heading: 'Noto Serif', serif !important;
--blg-font-body: 'Outfit', sans-serif !important;
} [data-theme='athletic'] {
--blg-font-heading: 'Anton', sans-serif !important;
--blg-font-body: 'Roboto', sans-serif !important;
} [data-theme='neo'] {
--blg-font-heading: 'Syne', sans-serif !important;
--blg-font-body: 'Work Sans', sans-serif !important;
} [data-theme='acid'] {
--blg-font-heading: 'Space Mono', monospace !important;
--blg-font-body: 'JetBrains Mono', monospace !important;
} [data-theme='royal'], [data-theme='gazette'] {
--blg-font-heading: 'Cinzel', serif !important;
--blg-font-body: 'Spectral', serif !important;
} [data-theme='copper'] {
--blg-font-heading: 'Staatliches', sans-serif !important;
--blg-font-body: 'Barlow', sans-serif !important;
} [data-theme='obsidian'] {
--blg-font-heading: 'Fira Code', monospace !important;
--blg-font-body: 'DM Sans', sans-serif !important;
} [data-theme='saffron'] {
--blg-font-heading: 'Fraunces', serif !important;
--blg-font-body: 'Mulish', sans-serif !important;
} [data-theme='solar'] {
--blg-font-heading: 'Archivo Black', sans-serif !important;
--blg-font-body: 'Plus Jakarta Sans', sans-serif !important;
} [data-theme='velvet'] {
--blg-font-heading: 'Libre Caslon Display', serif !important;
--blg-font-body: 'Lora', serif !important;
} [data-theme] h1, [data-theme] h2, [data-theme] h3, [data-theme] h4, [data-theme] h5, [data-theme] h6,
[data-theme] .blg-hero-main-title, [data-theme] .blg-hero-main-title *,
[data-theme] .blg-hero-brief__item-title, [data-theme] .blg-hero-brief__item-title *,
[data-theme] .blg-hero-brief__content, [data-theme] .blg-hero-brief__content *,
[data-theme] .blg-title-mid, [data-theme] .blg-title-line3,
[data-theme] .blg-module-title, [data-theme] .blg-post-title,
[data-theme] .blg-overlay-menu .tft-menu-link, [data-theme] .blg-overlay-nav-list a {
font-family: var(--blg-font-heading) !important;
}
[data-theme] body, [data-theme] p, [data-theme] .blg-post-excerpt, [data-theme] .blg-nav-link {
font-family: var(--blg-font-body) !important;
} [data-theme='vogue'], [data-theme='neo'], [data-theme='zen'], [data-theme='royal'], 
[data-theme='gazette'], [data-theme='saffron'], [data-theme='solar'], [data-theme='copper'] {
--blg-text-main: #000000 !important;
color: #000000 !important;
}
[data-theme='vogue'] .blg-post-title, [data-theme='neo'] .blg-post-title, 
[data-theme='zen'] .blg-post-title, [data-theme='royal'] .blg-post-title {
color: #000000 !important;
}  .tft-color-picker-wrap {
margin-top: 15px !important;
padding-top: 15px !important;
border-top: 1px solid #eee !important;
text-align: center !important;
}
.tft-color-label {
font-size: 0.6rem !important;
font-weight: 900 !important;
text-transform: uppercase !important;
color: #999 !important;
display: block !important;
margin-bottom: 8px !important;
}
.tft-color-input {
width: 100% !important;
height: 30px !important;
border: none !important;
background: transparent !important;
cursor: pointer !important;
}  [data-theme='vogue'] { --blg-font-heading: 'Playfair Display', serif !important; --blg-font-body: 'Source Sans Pro', sans-serif !important; }
[data-theme='cyber'] { --blg-font-heading: 'Space Grotesk', sans-serif !important; --blg-font-body: 'Inter', sans-serif !important; }
[data-theme='luxe'], [data-theme='noir'] { --blg-font-heading: 'Cormorant Garamond', serif !important; --blg-font-body: 'Montserrat', sans-serif !important; }
[data-theme='zen'] { --blg-font-heading: 'Noto Serif', serif !important; --blg-font-body: 'Outfit', sans-serif !important; }
[data-theme='athletic'] { --blg-font-heading: 'Anton', sans-serif !important; --blg-font-body: 'Roboto', sans-serif !important; }
[data-theme='neo'] { --blg-font-heading: 'Syne', sans-serif !important; --blg-font-body: 'Work Sans', sans-serif !important; }
[data-theme='acid'] { --blg-font-heading: 'Space Mono', monospace !important; --blg-font-body: 'JetBrains Mono', monospace !important; }
[data-theme='royal'], [data-theme='gazette'] { --blg-font-heading: 'Cinzel', serif !important; --blg-font-body: 'Spectral', serif !important; }
[data-theme='copper'] { --blg-font-heading: 'Staatliches', sans-serif !important; --blg-font-body: 'Barlow', sans-serif !important; }
[data-theme='obsidian'] { --blg-font-heading: 'Fira Code', monospace !important; --blg-font-body: 'DM Sans', sans-serif !important; }
[data-theme='saffron'] { --blg-font-heading: 'Fraunces', serif !important; --blg-font-body: 'Mulish', sans-serif !important; }
[data-theme='solar'] { --blg-font-heading: 'Archivo Black', sans-serif !important; --blg-font-body: 'Plus Jakarta Sans', sans-serif !important; }
[data-theme='velvet'] { --blg-font-heading: 'Libre Caslon Display', serif !important; --blg-font-body: 'Lora', serif !important; } [data-theme] h1, [data-theme] h2, [data-theme] h3, [data-theme] h4, [data-theme] h5, [data-theme] h6,
[data-theme] .blg-hero-main-title, [data-theme] .blg-hero-brief__item-title,
[data-theme] .blg-module-title, [data-theme] .blg-post-title,
[data-theme] .tft-menu-link {
font-family: var(--blg-font-heading) !important;
}
[data-theme] body, [data-theme] p, [data-theme] .blg-post-excerpt, [data-theme] .blg-nav-link {
font-family: var(--blg-font-body) !important;
}  [data-theme='cyber'], [data-theme='athletic'], [data-theme='acid'], 
[data-theme='obsidian'], [data-theme='velvet'], [data-theme='luxe'], 
[data-theme='noir'], [data-theme='solar'] {
--blg-text-main: #ffffff !important;
--blg-text-muted: rgba(255,255,255,0.7) !important;
color: #ffffff !important;
}
[data-theme='cyber'] h1, [data-theme='cyber'] h2, [data-theme='cyber'] .blg-post-title,
[data-theme='athletic'] h1, [data-theme='athletic'] h2, [data-theme='athletic'] .blg-post-title,
[data-theme='acid'] h1, [data-theme='acid'] h2, [data-theme='acid'] .blg-post-title,
[data-theme='obsidian'] h1, [data-theme='obsidian'] h2, [data-theme='obsidian'] .blg-post-title,
[data-theme='velvet'] h1, [data-theme='velvet'] h2, [data-theme='velvet'] .blg-post-title,
[data-theme='luxe'] h1, [data-theme='luxe'] h2, [data-theme='luxe'] .blg-post-title,
[data-theme='noir'] h1, [data-theme='noir'] h2, [data-theme='noir'] .blg-post-title,
[data-theme='solar'] h1, [data-theme='solar'] h2, [data-theme='solar'] .blg-post-title {
color: #ffffff !important;
} [data-theme='vogue'], [data-theme='neo'], [data-theme='zen'], [data-theme='royal'], 
[data-theme='gazette'], [data-theme='saffron'], [data-theme='copper'] {
--blg-text-main: #000000 !important;
color: #000000 !important;
}  [data-theme='cyber'], [data-theme='athletic'], [data-theme='acid'], 
[data-theme='obsidian'], [data-theme='velvet'], [data-theme='luxe'], 
[data-theme='noir'], [data-theme='solar'] {
--blg-text-main: #ffffff !important;
--blg-text-muted: rgba(255,255,255,0.7) !important;
color: #ffffff !important;
} [data-theme='cyber'] h1, [data-theme='cyber'] h2, [data-theme='cyber'] h3, [data-theme='cyber'] h4,
[data-theme='cyber'] .blg-post-title, [data-theme='cyber'] .blg-hero-main-title, [data-theme='cyber'] p,
[data-theme='athletic'] h1, [data-theme='athletic'] h2, [data-theme='athletic'] h3, [data-theme='athletic'] h4,
[data-theme='athletic'] .blg-post-title, [data-theme='athletic'] .blg-hero-main-title, [data-theme='athletic'] p,
[data-theme='acid'] h1, [data-theme='acid'] h2, [data-theme='acid'] h3, [data-theme='acid'] h4,
[data-theme='acid'] .blg-post-title, [data-theme='acid'] .blg-hero-main-title, [data-theme='acid'] p,
[data-theme='obsidian'] h1, [data-theme='obsidian'] h2, [data-theme='obsidian'] h3, [data-theme='obsidian'] h4,
[data-theme='obsidian'] .blg-post-title, [data-theme='obsidian'] .blg-hero-main-title, [data-theme='obsidian'] p,
[data-theme='velvet'] h1, [data-theme='velvet'] h2, [data-theme='velvet'] h3, [data-theme='velvet'] h4,
[data-theme='velvet'] .blg-post-title, [data-theme='velvet'] .blg-hero-main-title, [data-theme='velvet'] p,
[data-theme='luxe'] h1, [data-theme='luxe'] h2, [data-theme='luxe'] h3, [data-theme='luxe'] h4,
[data-theme='luxe'] .blg-post-title, [data-theme='luxe'] .blg-hero-main-title, [data-theme='luxe'] p,
[data-theme='noir'] h1, [data-theme='noir'] h2, [data-theme='noir'] h3, [data-theme='noir'] h4,
[data-theme='noir'] .blg-post-title, [data-theme='noir'] .blg-hero-main-title, [data-theme='noir'] p,
[data-theme='solar'] h1, [data-theme='solar'] h2, [data-theme='solar'] h3, [data-theme='solar'] h4,
[data-theme='solar'] .blg-post-title, [data-theme='solar'] .blg-hero-main-title, [data-theme='solar'] p {
color: #ffffff !important;
} [data-theme='cyber'] .blg-feed-title,
[data-theme='athletic'] .blg-feed-title,
[data-theme='acid'] .blg-feed-title,
[data-theme='obsidian'] .blg-feed-title,
[data-theme='velvet'] .blg-feed-title,
[data-theme='luxe'] .blg-feed-title,
[data-theme='noir'] .blg-feed-title,
[data-theme='solar'] .blg-feed-title {
color: #ffffff !important;
}  [data-theme='royal'], [data-theme='gazette'], [data-theme='copper'] {
--blg-text-main: #ffffff !important;
--blg-text-muted: rgba(255,255,255,0.7) !important;
color: #ffffff !important;
}
[data-theme='royal'] h1, [data-theme='royal'] h2, [data-theme='royal'] p, [data-theme='royal'] li, [data-theme='royal'] .entry-content *,
[data-theme='gazette'] h1, [data-theme='gazette'] h2, [data-theme='gazette'] p, [data-theme='gazette'] li, [data-theme='gazette'] .entry-content *,
[data-theme='copper'] h1, [data-theme='copper'] h2, [data-theme='copper'] p, [data-theme='copper'] li, [data-theme='copper'] .entry-content * {
color: #ffffff !important;
} [data-theme='royal'] .tft-toc-wrap, [data-theme='royal'] .tft-toc-title, [data-theme='royal'] .tft-toc-list a,
[data-theme='copper'] .tft-toc-wrap, [data-theme='copper'] .tft-toc-title, [data-theme='copper'] .tft-toc-list a {
color: #ffffff !important;
} [data-theme='vogue'], [data-theme='neo'], [data-theme='zen'], [data-theme='saffron'], [data-theme='solar'] {
--blg-text-main: #000000 !important;
}  [data-theme] {
--blg-font-heading: inherit;
--blg-font-body: inherit;
} [data-theme='vogue'] {
--blg-font-heading: 'Playfair Display', serif !important;
--blg-font-body: 'Source Sans Pro', sans-serif !important;
} [data-theme='cyber'] {
--blg-font-heading: 'Space Grotesk', sans-serif !important;
--blg-font-body: 'Inter', sans-serif !important;
} [data-theme='luxe'] {
--blg-font-heading: 'Cormorant Garamond', serif !important;
--blg-font-body: 'Montserrat', sans-serif !important;
} [data-theme='zen'] {
--blg-font-heading: 'Noto Serif', serif !important;
--blg-font-body: 'Outfit', sans-serif !important;
} [data-theme='athletic'], [data-theme='impact'] {
--blg-font-heading: 'Anton', sans-serif !important;
--blg-font-body: 'Roboto', sans-serif !important;
} [data-theme='neo'], [data-theme='modern'] {
--blg-font-heading: 'Syne', sans-serif !important;
--blg-font-body: 'Work Sans', sans-serif !important;
} [data-theme='acid'] {
--blg-font-heading: 'Space Mono', monospace !important;
--blg-font-body: 'JetBrains Mono', monospace !important;
} [data-theme='royal'], [data-theme='gazette'] {
--blg-font-heading: 'Cinzel', serif !important;
--blg-font-body: 'Spectral', serif !important;
} [data-theme='copper'] {
--blg-font-heading: 'Staatliches', sans-serif !important;
--blg-font-body: 'Barlow', sans-serif !important;
} [data-theme='obsidian'] {
--blg-font-heading: 'Fira Code', monospace !important;
--blg-font-body: 'DM Sans', sans-serif !important;
} [data-theme='saffron'] {
--blg-font-heading: 'Fraunces', serif !important;
--blg-font-body: 'Mulish', sans-serif !important;
} [data-theme='solar'] {
--blg-font-heading: 'Archivo Black', sans-serif !important;
--blg-font-body: 'Plus Jakarta Sans', sans-serif !important;
} [data-theme='velvet'] {
--blg-font-heading: 'Libre Caslon Display', serif !important;
--blg-font-body: 'Lora', serif !important;
}  [data-theme] h1, [data-theme] h2, [data-theme] h3, [data-theme] h4, [data-theme] h5, [data-theme] h6,
[data-theme] .blg-hero-main-title, [data-theme] .blg-hero-main-title *,
[data-theme] .blg-hero-brief__item-title, [data-theme] .blg-hero-brief__item-title *,
[data-theme] .blg-feed-title, [data-theme] .blg-feed-title *,
[data-theme] .blg-module-title, [data-theme] .blg-post-title,
[data-theme] .blg-title-mid, [data-theme] .blg-title-line3,
[data-theme] .blg-overlay-menu .tft-menu-link, [data-theme] .blg-overlay-nav-list a,
[data-theme] .blg-footer__wordmark, [data-theme] .blg-footer__hero-title,
[data-theme] .tft-toc-title {
font-family: var(--blg-font-heading) !important;
} [data-theme] body, [data-theme] p, [data-theme] .blg-post-excerpt, 
[data-theme] .blg-nav-link, [data-theme] .blg-meta-item,
[data-theme] .blg-category-label, [data-theme] .entry-content,
[data-theme] .entry-content p, [data-theme] .entry-content li,
[data-theme] .blg-footer__tagline, [data-theme] .tft-toc-list a {
font-family: var(--blg-font-body) !important;
} [data-theme] .blg-button, [data-theme] .blg-btn, [data-theme] button {
font-family: var(--blg-font-body) !important;
}  [data-theme='cyber'] h1, [data-theme='cyber'] h2, [data-theme='cyber'] h3, [data-theme='cyber'] h4, [data-theme='cyber'] h5, [data-theme='cyber'] h6,
[data-theme='cyber'] .blg-hero-main-title, [data-theme='cyber'] .blg-hero-brief__item-title,
[data-theme='cyber'] .blg-feed-title, [data-theme='cyber'] .blg-module-title,
[data-theme='cyber'] .blg-post-title, [data-theme='cyber'] .blg-overlay-menu .tft-menu-link,
[data-theme='cyber'] .blg-title-mid, [data-theme='cyber'] .blg-title-line3 {
font-family: 'Space Grotesk', sans-serif !important;
}
[data-theme='cyber'] body, [data-theme='cyber'] p, [data-theme='cyber'] .blg-post-excerpt, [data-theme='cyber'] .entry-content, [data-theme='cyber'] .entry-content * {
font-family: 'Inter', sans-serif !important;
} [data-theme='luxe'] h1, [data-theme='luxe'] h2, [data-theme='luxe'] h3, [data-theme='luxe'] h4, [data-theme='luxe'] h5, [data-theme='luxe'] h6,
[data-theme='luxe'] .blg-hero-main-title, [data-theme='luxe'] .blg-hero-brief__item-title,
[data-theme='luxe'] .blg-feed-title, [data-theme='luxe'] .blg-module-title,
[data-theme='luxe'] .blg-post-title, [data-theme='luxe'] .tft-menu-link {
font-family: 'Cormorant Garamond', serif !important;
}
[data-theme='luxe'] body, [data-theme='luxe'] p, [data-theme='luxe'] .blg-post-excerpt, [data-theme='luxe'] .entry-content, [data-theme='luxe'] .entry-content * {
font-family: 'Montserrat', sans-serif !important;
} [data-theme='zen'] h1, [data-theme='zen'] h2, [data-theme='zen'] h3, [data-theme='zen'] h4, [data-theme='zen'] h5, [data-theme='zen'] h6,
[data-theme='zen'] .blg-hero-main-title, [data-theme='zen'] .blg-hero-brief__item-title,
[data-theme='zen'] .blg-feed-title, [data-theme='zen'] .blg-module-title,
[data-theme='zen'] .blg-post-title, [data-theme='zen'] .tft-menu-link {
font-family: 'Noto Serif', serif !important;
}
[data-theme='zen'] body, [data-theme='zen'] p, [data-theme='zen'] .blg-post-excerpt, [data-theme='zen'] .entry-content, [data-theme='zen'] .entry-content * {
font-family: 'Outfit', sans-serif !important;
} [data-theme='athletic'] h1, [data-theme='athletic'] h2, [data-theme='athletic'] h3, [data-theme='athletic'] h4, [data-theme='athletic'] h5, [data-theme='athletic'] h6,
[data-theme='athletic'] .blg-hero-main-title, [data-theme='athletic'] .blg-hero-brief__item-title,
[data-theme='athletic'] .blg-feed-title, [data-theme='athletic'] .blg-module-title,
[data-theme='athletic'] .blg-post-title, [data-theme='athletic'] .tft-menu-link {
font-family: 'Anton', sans-serif !important;
}
[data-theme='athletic'] body, [data-theme='athletic'] p, [data-theme='athletic'] .blg-post-excerpt, [data-theme='athletic'] .entry-content, [data-theme='athletic'] .entry-content * {
font-family: 'Roboto', sans-serif !important;
} [data-theme='neo'] h1, [data-theme='neo'] h2, [data-theme='neo'] h3, [data-theme='neo'] h4, [data-theme='neo'] h5, [data-theme='neo'] h6,
[data-theme='neo'] .blg-hero-main-title, [data-theme='neo'] .blg-hero-brief__item-title,
[data-theme='neo'] .blg-feed-title, [data-theme='neo'] .blg-module-title,
[data-theme='neo'] .blg-post-title, [data-theme='neo'] .tft-menu-link {
font-family: 'Syne', sans-serif !important;
}
[data-theme='neo'] body, [data-theme='neo'] p, [data-theme='neo'] .blg-post-excerpt, [data-theme='neo'] .entry-content, [data-theme='neo'] .entry-content * {
font-family: 'Work Sans', sans-serif !important;
} [data-theme='acid'] h1, [data-theme='acid'] h2, [data-theme='acid'] h3, [data-theme='acid'] h4, [data-theme='acid'] h5, [data-theme='acid'] h6,
[data-theme='acid'] .blg-hero-main-title, [data-theme='acid'] .blg-hero-brief__item-title,
[data-theme='acid'] .blg-feed-title, [data-theme='acid'] .blg-module-title,
[data-theme='acid'] .blg-post-title, [data-theme='acid'] .tft-menu-link {
font-family: 'Space Mono', monospace !important;
}
[data-theme='acid'] body, [data-theme='acid'] p, [data-theme='acid'] .blg-post-excerpt, [data-theme='acid'] .entry-content, [data-theme='acid'] .entry-content * {
font-family: 'JetBrains Mono', monospace !important;
} [data-theme='royal'] h1, [data-theme='royal'] h2, [data-theme='royal'] h3, [data-theme='royal'] h4, [data-theme='royal'] h5, [data-theme='royal'] h6,
[data-theme='royal'] .blg-hero-main-title, [data-theme='royal'] .blg-hero-brief__item-title,
[data-theme='royal'] .blg-feed-title, [data-theme='royal'] .blg-module-title,
[data-theme='royal'] .blg-post-title, [data-theme='royal'] .tft-menu-link {
font-family: 'Cinzel', serif !important;
}
[data-theme='royal'] body, [data-theme='royal'] p, [data-theme='royal'] .blg-post-excerpt, [data-theme='royal'] .entry-content, [data-theme='royal'] .entry-content * {
font-family: 'Spectral', serif !important;
} [data-theme='copper'] h1, [data-theme='copper'] h2, [data-theme='copper'] h3, [data-theme='copper'] h4, [data-theme='copper'] h5, [data-theme='copper'] h6,
[data-theme='copper'] .blg-hero-main-title, [data-theme='copper'] .blg-hero-brief__item-title,
[data-theme='copper'] .blg-feed-title, [data-theme='copper'] .blg-module-title,
[data-theme='copper'] .blg-post-title, [data-theme='copper'] .tft-menu-link {
font-family: 'Staatliches', sans-serif !important;
}
[data-theme='copper'] body, [data-theme='copper'] p, [data-theme='copper'] .blg-post-excerpt, [data-theme='copper'] .entry-content, [data-theme='copper'] .entry-content * {
font-family: 'Barlow', sans-serif !important;
} [data-theme='obsidian'] h1, [data-theme='obsidian'] h2, [data-theme='obsidian'] h3, [data-theme='obsidian'] h4, [data-theme='obsidian'] h5, [data-theme='obsidian'] h6,
[data-theme='obsidian'] .blg-hero-main-title, [data-theme='obsidian'] .blg-hero-brief__item-title,
[data-theme='obsidian'] .blg-feed-title, [data-theme='obsidian'] .blg-module-title,
[data-theme='obsidian'] .blg-post-title, [data-theme='obsidian'] .tft-menu-link {
font-family: 'Fira Code', monospace !important;
}
[data-theme='obsidian'] body, [data-theme='obsidian'] p, [data-theme='obsidian'] .blg-post-excerpt, [data-theme='obsidian'] .entry-content, [data-theme='obsidian'] .entry-content * {
font-family: 'DM Sans', sans-serif !important;
} [data-theme='saffron'] h1, [data-theme='saffron'] h2, [data-theme='saffron'] h3, [data-theme='saffron'] h4, [data-theme='saffron'] h5, [data-theme='saffron'] h6,
[data-theme='saffron'] .blg-hero-main-title, [data-theme='saffron'] .blg-hero-brief__item-title,
[data-theme='saffron'] .blg-feed-title, [data-theme='saffron'] .blg-module-title,
[data-theme='saffron'] .blg-post-title, [data-theme='saffron'] .tft-menu-link {
font-family: 'Fraunces', serif !important;
}
[data-theme='saffron'] body, [data-theme='saffron'] p, [data-theme='saffron'] .blg-post-excerpt, [data-theme='saffron'] .entry-content, [data-theme='saffron'] .entry-content * {
font-family: 'Mulish', sans-serif !important;
} [data-theme='solar'] h1, [data-theme='solar'] h2, [data-theme='solar'] h3, [data-theme='solar'] h4, [data-theme='solar'] h5, [data-theme='solar'] h6,
[data-theme='solar'] .blg-hero-main-title, [data-theme='solar'] .blg-hero-brief__item-title,
[data-theme='solar'] .blg-feed-title, [data-theme='solar'] .blg-module-title,
[data-theme='solar'] .blg-post-title, [data-theme='solar'] .tft-menu-link {
font-family: 'Archivo Black', sans-serif !important;
}
[data-theme='solar'] body, [data-theme='solar'] p, [data-theme='solar'] .blg-post-excerpt, [data-theme='solar'] .entry-content, [data-theme='solar'] .entry-content * {
font-family: 'Plus Jakarta Sans', sans-serif !important;
} [data-theme='velvet'] h1, [data-theme='velvet'] h2, [data-theme='velvet'] h3, [data-theme='velvet'] h4, [data-theme='velvet'] h5, [data-theme='velvet'] h6,
[data-theme='velvet'] .blg-hero-main-title, [data-theme='velvet'] .blg-hero-brief__item-title,
[data-theme='velvet'] .blg-feed-title, [data-theme='velvet'] .blg-module-title,
[data-theme='velvet'] .blg-post-title, [data-theme='velvet'] .tft-menu-link {
font-family: 'Libre Caslon Display', serif !important;
}
[data-theme='velvet'] body, [data-theme='velvet'] p, [data-theme='velvet'] .blg-post-excerpt, [data-theme='velvet'] .entry-content, [data-theme='velvet'] .entry-content * {
font-family: 'Lora', serif !important;
}  [data-theme='athletic'], [data-theme='impact'] {
--blg-font-heading: 'Bebas Neue', sans-serif !important;
--blg-font-body: 'Space Grotesk', sans-serif !important;
} [data-theme] .blg-hero-main-title, 
[data-theme] .blg-hero-main-title *,
[data-theme] .blg-title-mid,
[data-theme] .blg-title-line3,
[data-theme] .blg-hero-brief__title,
[data-theme] .blg-hero-brief__label,
[data-theme] .blg-hero-brief__title *,
[data-theme] .blg-brief-cta-link,
[data-theme] .blg-edition-text-wrap,
[data-theme] .blg-brand-logo,
[data-theme] .blg-feed-title,
[data-theme] .blg-feed-title *,
[data-theme] .blg-post-title,
[data-theme] .blg-post-title * {
font-family: var(--blg-font-heading) !important;
font-style: normal !important; } [data-theme] .blg-title-mid,
[data-theme] .blg-title-line3 {
font-family: var(--blg-font-heading) !important;
letter-spacing: 0px !important;
} [data-theme] .blg-hero-brief__content,
[data-theme] .blg-hero-brief__label,
[data-theme] .blg-hero-brief__item-cat {
font-family: var(--blg-font-body) !important;
} [data-theme='cyber'] { --blg-font-heading: 'Space Grotesk', sans-serif !important; --blg-font-body: 'Inter', sans-serif !important; }
[data-theme='luxe'] { --blg-font-heading: 'Cormorant Garamond', serif !important; --blg-font-body: 'Montserrat', sans-serif !important; }
[data-theme='zen'] { --blg-font-heading: 'Noto Serif', serif !important; --blg-font-body: 'Outfit', sans-serif !important; }
[data-theme='neo'] { --blg-font-heading: 'Syne', sans-serif !important; --blg-font-body: 'Work Sans', sans-serif !important; }
[data-theme='acid'] { --blg-font-heading: 'Space Mono', monospace !important; --blg-font-body: 'JetBrains Mono', monospace !important; }
[data-theme='royal'] { --blg-font-heading: 'Cinzel', serif !important; --blg-font-body: 'Spectral', serif !important; }
[data-theme='copper'] { --blg-font-heading: 'Staatliches', sans-serif !important; --blg-font-body: 'Barlow', sans-serif !important; }
[data-theme='obsidian'] { --blg-font-heading: 'Fira Code', monospace !important; --blg-font-body: 'DM Sans', sans-serif !important; }
[data-theme='saffron'] { --blg-font-heading: 'Fraunces', serif !important; --blg-font-body: 'Mulish', sans-serif !important; }
[data-theme='solar'] { --blg-font-heading: 'Archivo Black', sans-serif !important; --blg-font-body: 'Plus Jakarta Sans', sans-serif !important; }
[data-theme='velvet'] { --blg-font-heading: 'Libre Caslon Display', serif !important; --blg-font-body: 'Lora', serif !important; }  [data-theme='neo'], [data-theme='modern'] {
--blg-font-heading: 'Plus Jakarta Sans', sans-serif !important;
--blg-font-body: 'Inter', sans-serif !important;
} [data-theme] .blg-hero-main-title, 
[data-theme] .blg-hero-main-title *,
[data-theme] .blg-title-mid,
[data-theme] .blg-title-line3,
[data-theme] .blg-hero-brief__title,
[data-theme] .blg-hero-brief__title *,
[data-theme] .blg-feed-title,
[data-theme] .blg-feed-title *,
[data-theme] .blg-post-title,
[data-theme] .blg-post-title a,
[data-theme] .widget-title,
[data-theme] .widgettitle {
font-family: var(--blg-font-heading) !important;
font-style: normal !important;
}
[data-theme] p, [data-theme] .blg-post-excerpt, [data-theme] .entry-content p {
font-family: var(--blg-font-body) !important;
} [data-theme] h1, [data-theme] h2, [data-theme] h3, [data-theme] h4, [data-theme] h5, [data-theme] h6 {
font-family: var(--blg-font-heading) !important;
}  :root {
--blg-accent-color: #c5a46d; } [data-theme] .blg-accent-color,
[data-theme] .blg-accent-text,
[data-theme] a:hover,
[data-theme] .blg-nav-link:hover,
[data-theme] .blg-feed-title:hover a,
[data-theme] .blg-post-title:hover a,
[data-theme] .tft-menu-link:hover,
[data-theme] .blg-footer__nav-list a:hover {
color: var(--blg-accent-color) !important;
}
[data-theme] .blg-accent-bg,
[data-theme] .blg-button,
[data-theme] .blg-btn,
[data-theme] .tft-dot,
[data-theme] .blg-post-category,
[data-theme] .blg-mag-bold__cat-line,
[data-theme] .blg-mag-focus__cat-line,
[data-theme] .blg-header-divider,
[data-theme] .tft-style-switcher__toggle,
[data-theme] .blg-side-badge-wrap .blg-hero-side-tab {
background-color: var(--blg-accent-color) !important;
}
[data-theme] .blg-button,
[data-theme] .blg-btn,
[data-theme] .tft-tag-link:hover,
[data-theme] .blg-hero-side-tab {
border-color: var(--blg-accent-color) !important;
} [data-theme='athletic'], [data-theme='impact'] {
--blg-font-heading: 'Anton', sans-serif !important;
--blg-font-body: 'Roboto', sans-serif !important;
} [data-theme='athletic'] .blg-hero-main-title {
font-size: clamp(4rem, 12vw, 15rem) !important;
line-height: 0.85 !important;
letter-spacing: -5px !important;
text-transform: uppercase !important;
}
[data-theme='athletic'] .blg-hero-brief__title {
font-size: clamp(2rem, 4vw, 4.5rem) !important;
line-height: 0.9 !important;
font-weight: 900 !important;
}
[data-theme='athletic'] .blg-title-mid {
font-size: clamp(1rem, 2vw, 2.5rem) !important;
letter-spacing: 5px !important;
} [data-theme='neo'], [data-theme='modern'] {
--blg-font-heading: 'Plus Jakarta Sans', sans-serif !important;
--blg-font-body: 'Outfit', sans-serif !important;
}
[data-theme='neo'] .blg-hero-main-title {
font-size: clamp(3rem, 10vw, 12rem) !important;
letter-spacing: -2px !important;
font-weight: 800 !important;
} [data-theme] .blg-hero-brief a h4 {
font-family: var(--blg-font-heading) !important;
}  .blg-cover-bg--reveal-zoom {
animation: blgRevealZoom 20s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
opacity: 0;
}
@keyframes blgRevealZoom {
0% { opacity: 0; transform: scale(1.1); }
5% { opacity: 1; }
100% { opacity: 1; transform: scale(1.3); }
} .blg-cover-bg--liquid-drift {
animation: blgLiquidDrift 25s ease-in-out infinite alternate;
}
@keyframes blgLiquidDrift {
0% { transform: scale(1.1) translate(0, 0) rotate(0deg); }
33% { transform: scale(1.15) translate(2%, 1%) rotate(1deg); }
66% { transform: scale(1.12) translate(-1%, 3%) rotate(-1deg); }
100% { transform: scale(1.2) translate(1%, -2%) rotate(0.5deg); }
} .blg-cover-bg--grainy-cinema {
animation: blgSlowZoom 30s linear infinite alternate;
}
.blg-cover-bg--grainy-cinema::after {
content: '';
position: absolute;
inset: -100%;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
opacity: 0.08;
pointer-events: none;
animation: blgGrainDrift 0.5s steps(2) infinite;
}
@keyframes blgGrainDrift {
0% { transform: translate(0, 0); }
50% { transform: translate(-5%, -5%); }
100% { transform: translate(5%, 5%); }
} .blg-cover-bg--duotone-drift {
animation: blgSlowZoom 25s linear infinite alternate;
filter: sepia(0.5) saturate(1.5) hue-rotate(0deg);
}
[data-theme] .blg-cover-bg--duotone-drift {
animation: blgDuotone 20s ease-in-out infinite alternate;
}
@keyframes blgDuotone {
0% { filter: sepia(0.3) saturate(1.2) hue-rotate(0deg); transform: scale(1.1); }
50% { filter: sepia(0.6) saturate(1.8) hue-rotate(15deg); transform: scale(1.15); }
100% { filter: sepia(0.4) saturate(1.4) hue-rotate(-10deg); transform: scale(1.2); }
} .blg-cover-bg--glitch {
animation: blgGlitchMain 4s step-end infinite;
}
@keyframes blgGlitchMain {
0%, 90%, 100% { transform: scale(1.1); filter: none; }
91% { transform: scale(1.12) translate(5px, -2px); filter: hue-rotate(90deg) contrast(1.5); }
92% { transform: scale(1.1) translate(-5px, 2px); filter: invert(0.1); }
93% { transform: scale(1.15); filter: brightness(1.5); }
} body[style*='--blg-accent-color'] .tft-dot,
body[style*='--blg-accent-color'] .blg-accent-bg,
body[style*='--blg-accent-color'] .blg-button,
body[style*='--blg-accent-color'] .blg-btn {
background-color: var(--blg-accent-color) !important;
}  [data-theme='athletic'], [data-theme='neo'], [data-theme='modern'] {
--blg-font-heading: 'Plus Jakarta Sans', sans-serif !important;
}
[data-theme='athletic'] .blg-hero-main-title,
[data-theme='neo'] .blg-hero-main-title {
font-size: clamp(2.5rem, 8vw, 6rem) !important; line-height: 1.1 !important;
letter-spacing: -0.02em !important;
}
[data-theme='athletic'] .blg-hero-brief__title,
[data-theme='neo'] .blg-hero-brief__title {
font-size: clamp(1.2rem, 3vw, 2.2rem) !important;
line-height: 1.2 !important;
font-weight: 800 !important;
}
[data-theme='athletic'] .blg-title-mid,
[data-theme='neo'] .blg-title-mid {
font-size: 0.8rem !important;
letter-spacing: 2px !important;
} [data-theme='athletic'] {
--blg-font-heading: 'Bebas Neue', sans-serif !important;
--blg-font-body: 'Inter', sans-serif !important;
}  [data-theme='solar'] {
--blg-text-main: #ffffff !important;
--blg-text-muted: rgba(255,255,255,0.7) !important;
color: #ffffff !important;
}
[data-theme='solar'] h1, [data-theme='solar'] h2, [data-theme='solar'] h3, [data-theme='solar'] h4,
[data-theme='solar'] .blg-post-title, [data-theme='solar'] .blg-hero-main-title,
[data-theme='solar'] p, [data-theme='solar'] span, [data-theme='solar'] a,
[data-theme='solar'] .tft-toc-title, [data-theme='solar'] .tft-toc-list a {
color: #ffffff !important;
} [data-theme='solar'] .blg-post-title {
color: #ffffff !important;
} @media (max-width: 1024px) { .blg-hero-main-wrap {
margin-top: clamp(120px, 15vh, 180px) !important;
} .blg-editorial-hero-wrap {
padding-top: 140px !important; padding-inline: 20px !important;
}
.blg-editorial-title {
font-size: clamp(2.5rem, 15vw, 4.5rem) !important;
line-height: 0.9 !important;
margin-top: 10px !important;
}
.blg-editorial-t1 {
font-size: 0.7em !important;
display: block !important;
}
.blg-editorial-t2 {
font-size: 1.1em !important;
display: block !important;
margin-top: -10px !important;
}
.blg-editorial-ghost {
display: none !important; }
.blg-editorial-quote-wrap {
margin-top: 30px !important;
padding-inline: 0 !important;
}
.blg-editorial-quote {
font-size: 0.9rem !important;
line-height: 1.5 !important;
max-width: 100% !important;
} .blg-cover-spread-grid {
grid-template-columns: 1fr !important;
gap: 30px !important;
}
}
@media (max-width: 480px) {
.blg-hero-main-title {
font-size: clamp(2.2rem, 18vw, 3.5rem) !important;
}
}  .blg-overlay-menu .blg-overlay-menu__inner .menu,
.blg-overlay-menu .blg-overlay-menu__inner ul {
list-style: none !important;
padding: 0 !important;
margin: 0 auto !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
.blg-overlay-menu .blg-overlay-menu__inner li {
width: auto !important;
margin-bottom: 20px !important;
text-align: center !important;
} .blg-overlay-menu .blg-overlay-menu__inner li > a {
font-family: var(--blg-font-heading) !important;
font-size: clamp(2rem, 8vw, 4rem) !important;
font-weight: 900 !important;
text-transform: uppercase !important;
color: #ffffff !important;
line-height: 1 !important;
} .blg-overlay-menu .sub-menu {
display: none !important;
} @media (max-width: 1024px) {
.blg-editorial-hero-wrap {
padding-top: 160px !important;
min-height: 100vh !important;
display: flex !important;
flex-direction: column !important;
}
.blg-editorial-title {
font-size: clamp(2.5rem, 15vw, 4rem) !important;
}
.blg-editorial-quote-wrap {
margin-top: 40px !important;
}
} @media (max-width: 1024px) { .blg-editorial-hero-wrap::before {
content: '';
display: block;
height: 120px; width: 100%;
}
.blg-editorial-hero-wrap {
display: block !important; min-height: auto !important;
padding-top: 0 !important;
}
.blg-editorial-title {
position: relative !important;
margin-top: 20px !important;
margin-bottom: 40px !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}
.blg-editorial-t1, .blg-editorial-t2 {
position: relative !important;
inset: auto !important;
transform: none !important;
font-size: clamp(2.8rem, 15vw, 4.5rem) !important;
line-height: 0.9 !important;
text-align: center !important;
}
.blg-editorial-quote-wrap {
position: relative !important;
margin: 40px auto !important;
padding: 0 20px !important;
text-align: center !important;
}
.blg-cover-spread-grid {
display: flex !important;
flex-direction: column !important;
gap: 40px !important;
margin-top: 60px !important;
}
}  .blg-feed-nav .sub-menu,
.blg-nav-links .sub-menu {
display: block !important; 
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(15px) !important;
pointer-events: none !important;
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) !important;
position: absolute !important;
z-index: 9999 !important;
}
.blg-feed-nav li:hover > .sub-menu,
.blg-nav-links li:hover > .sub-menu {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
pointer-events: auto !important;
} @media (max-width: 1024px) {
.blg-cover-content {
height: auto !important;
min-height: 100vh !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
padding-top: 40px !important;
overflow: visible !important;
}
.blg-cover-header {
margin-bottom: 60px !important;
flex-shrink: 0 !important;
}
.blg-editorial-center {
margin-bottom: 60px !important;
flex-shrink: 0 !important;
}
.blg-editorial-title {
font-size: clamp(2.5rem, 15vw, 4.5rem) !important;
line-height: 0.9 !important;
}
.blg-cover-bottom-posts {
margin-top: auto !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
border-top: 1px solid rgba(255,255,255,0.1) !important;
}
} @media (max-width: 768px) {
.blg-editorial-hero-wrap .blg-nav-menu-wrapper {
display: none !important;
}
}  .blg-overlay-menu .sub-menu {
display: block !important; max-height: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
margin-top: 0 !important;
padding: 0 !important;
}
.blg-overlay-menu .menu-item-has-children.is-active > .sub-menu {
max-height: 1000px !important;
opacity: 1 !important;
visibility: visible !important;
margin-top: 20px !important;
padding-bottom: 20px !important;
} .blg-overlay-menu .menu-item-has-children > a::after {
content: '+' !important;
margin-left: 15px !important;
font-size: 0.8em !important;
opacity: 0.5 !important;
display: inline-block !important;
transition: transform 0.3s ease !important;
}
.blg-overlay-menu .menu-item-has-children.is-active > a::after {
content: '-' !important;
transform: rotate(180deg) !important;
} @media (max-width: 1024px) {
.page-template-page-home-2 .blg-cover-header,
.page-template-page-about .blg-cover-header {
background: #000000 !important; width: 100% !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
z-index: 1000 !important;
padding: 20px !important;
height: 80px !important;
display: flex !important;
align-items: center !important;
} .page-template-page-home-2 .blg-cover-content,
.page-template-page-about .blg-cover-content {
padding-top: 100px !important;
}
}  [data-theme='cyber'], [data-theme='luxe'], [data-theme='acid'], [data-theme='athletic'],
[data-theme='royal'], [data-theme='copper'], [data-theme='noir'], [data-theme='obsidian'],
[data-theme='solar'], [data-theme='velvet'] {
--blg-bg-color: #0d0d0d !important;
--blg-bg-alt: #111111 !important;
--blg-text-main: #ffffff !important;
} [data-theme='cyber'] { --blg-bg-color: #050505 !important; }
[data-theme='acid']  { --blg-bg-color: #0a0a0a !important; }
[data-theme='athletic'] { --blg-bg-color: #120000 !important; }
[data-theme='noir']  { --blg-bg-color: #000000 !important; } [data-theme='vogue'], [data-theme='neo'], [data-theme='zen'], [data-theme='gazette'], 
[data-theme='frost'], [data-theme='saffron'], [data-theme='mono'] {
--blg-bg-color: #ffffff !important;
--blg-bg-alt: #f8f8f8 !important;
--blg-text-main: #000000 !important;
} [data-theme] {
background-color: var(--blg-bg-color) !important;
color: var(--blg-text-main) !important;
}
[data-theme] body, 
[data-theme] #page, 
[data-theme] .blg-feed, 
[data-theme] .blg-layout {
background-color: var(--blg-bg-color) !important;
} [data-theme] h1, [data-theme] h2, [data-theme] h3, [data-theme] h4, [data-theme] p, [data-theme] span {
color: inherit !important;
}  [data-theme='athletic'] {
--blg-font-heading: 'Archivo Black', sans-serif !important;
--blg-font-body: 'Inter', sans-serif !important;
} [data-theme='cyber'] {
--blg-font-heading: 'Space Mono', monospace !important;
--blg-font-body: 'JetBrains Mono', monospace !important;
} [data-theme='cyber'], [data-theme='athletic'], [data-theme='luxe'], 
[data-theme='acid'], [data-theme='noir'], [data-theme='obsidian'], 
[data-theme='solar'], [data-theme='velvet'], [data-theme='dark'] {
--blg-text-main: #ffffff !important;
} [data-theme='cyber'] .blg-section-header h2,
[data-theme='athletic'] .blg-section-header h2,
[data-theme='luxe'] .blg-section-header h2,
[data-theme='acid'] .blg-section-header h2,
[data-theme='noir'] .blg-section-header h2,
[data-theme='obsidian'] .blg-section-header h2,
[data-theme='cyber'] .blg-feed-title,
[data-theme='athletic'] .blg-feed-title,
[data-theme='luxe'] .blg-feed-title,
[data-theme='cyber'] .blg-module-title,
[data-theme='athletic'] .blg-module-title,
[data-theme='cyber'] .widget-title,
[data-theme='athletic'] .widget-title {
color: #ffffff !important;
} [data-theme='cyber'] .blg-mc-header h2,
[data-theme='athletic'] .blg-mc-header h2,
[data-theme='acid'] .blg-mc-header h2,
[data-theme='luxe'] .blg-mc-header h2 {
color: #ffffff !important;
} [data-theme='cyber'] .blg-section-header,
[data-theme='athletic'] .blg-section-header,
[data-theme='acid'] .blg-section-header {
border-color: rgba(255,255,255,0.1) !important;
}  [data-theme='cyber'] .blg-logo-text-wrap,
[data-theme='athletic'] .blg-logo-text-wrap,
[data-theme='acid'] .blg-logo-text-wrap,
[data-theme='luxe'] .blg-logo-text-wrap,
[data-theme='cyber'] .blg-brand-tagline,
[data-theme='athletic'] .blg-brand-tagline,
[data-theme='acid'] .blg-brand-tagline,
[data-theme='luxe'] .blg-brand-tagline {
color: #ffffff !important;
} [data-theme='cyber'] .blg-mc-card span,
[data-theme='athletic'] .blg-mc-card span,
[data-theme='cyber'] .blg-mc-card time,
[data-theme='athletic'] .blg-mc-card time {
color: #ffffff !important;
opacity: 0.8 !important;
}  .blg-overlay-menu .tft-sub-menu,
.blg-overlay-menu .sub-menu {
display: block !important;
max-height: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
margin: 0 !important;
padding: 0 !important;
} .blg-overlay-menu .menu-item-has-children.is-active > .tft-sub-menu,
.blg-overlay-menu .menu-item-has-children.is-active > .sub-menu {
max-height: 2000px !important;
opacity: 1 !important;
visibility: visible !important;
margin-top: 20px !important;
padding-bottom: 20px !important;
} [data-theme='cyber'], 
[data-theme='athletic'], 
[data-theme='luxe'], 
[data-theme='acid'], 
[data-theme='obsidian'], 
[data-theme='velvet'] {
--blg-text-main: #ffffff !important;
--blg-text-muted: rgba(255, 255, 255, 0.7) !important;
}
[data-theme='cyber'] h1, [data-theme='cyber'] h2, [data-theme='cyber'] h3, [data-theme='cyber'] h4, [data-theme='cyber'] h5, [data-theme='cyber'] h6,
[data-theme='athletic'] h1, [data-theme='athletic'] h2, [data-theme='athletic'] h3, [data-theme='athletic'] h4, [data-theme='athletic'] h5, [data-theme='athletic'] h6,
[data-theme='luxe'] h1, [data-theme='luxe'] h2, [data-theme='luxe'] h3, [data-theme='luxe'] h4, [data-theme='luxe'] h5, [data-theme='luxe'] h6,
[data-theme='acid'] h1, [data-theme='acid'] h2, [data-theme='acid'] h3, [data-theme='acid'] h4, [data-theme='acid'] h5, [data-theme='acid'] h6,
[data-theme='obsidian'] h1, [data-theme='obsidian'] h2, [data-theme='obsidian'] h3, [data-theme='obsidian'] h4, [data-theme='obsidian'] h5, [data-theme='obsidian'] h6,
[data-theme='velvet'] h1, [data-theme='velvet'] h2, [data-theme='velvet'] h3, [data-theme='velvet'] h4, [data-theme='velvet'] h5, [data-theme='velvet'] h6,
[data-theme='cyber'] .blg-post-title,
[data-theme='athletic'] .blg-post-title,
[data-theme='luxe'] .blg-post-title,
[data-theme='acid'] .blg-post-title,
[data-theme='obsidian'] .blg-post-title,
[data-theme='velvet'] .blg-post-title,
[data-theme='cyber'] .tft-menu-link,
[data-theme='athletic'] .tft-menu-link,
[data-theme='luxe'] .tft-menu-link,
[data-theme='acid'] .tft-menu-link {
color: #ffffff !important;
} [data-theme='athletic'] .tft-sub-menu .tft-menu-link,
[data-theme='cyber'] .tft-sub-menu .tft-menu-link {
color: #ffffff !important;
opacity: 0.9 !important;
} [data-theme='athletic'] .blg-pl-section h3 a,
[data-theme='athletic'] .blg-pl-section h3,
[data-theme='athletic'] .blg-post-title a,
[data-theme='athletic'] .blg-post-title,
[data-theme='athletic'] .blg-magazine-title a,
[data-theme='athletic'] .blg-magazine-title,
[data-theme='athletic'] .blg-feed-title a,
[data-theme='athletic'] .blg-feed-title,
[data-theme='athletic'] .blg-mc-header h2,
[data-theme='athletic'] .blg-section-header h2 {
color: #ffffff !important;
}
[data-theme='athletic'] .blg-pl-section p,
[data-theme='athletic'] .blg-pl-section div,
[data-theme='athletic'] .blg-pl-section time {
color: rgba(255, 255, 255, 0.7) !important;
} body[data-theme='athletic'],
body[data-theme='cyber'],
body[data-theme='luxe'],
body[data-theme='acid'],
body[data-theme='obsidian'],
body[data-theme='velvet'] {
color: #ffffff !important;
}
[data-theme='athletic'] *, 
[data-theme='cyber'] *, 
[data-theme='luxe'] *, 
[data-theme='acid'] *, 
[data-theme='obsidian'] *, 
[data-theme='velvet'] * {
border-color: rgba(255, 255, 255, 0.1) !important;
} [data-theme='athletic'] h1, [data-theme='athletic'] h2, [data-theme='athletic'] h3, [data-theme='athletic'] h4,
[data-theme='athletic'] .blg-post-title,
[data-theme='athletic'] .blg-feed-title,
[data-theme='athletic'] .blg-module-title,
[data-theme='athletic'] h3 a,
[data-theme='athletic'] .blg-post-title a {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important; } [data-theme='cyber'] .blg-floating-share__label,
[data-theme='athletic'] .blg-floating-share__label,
[data-theme='luxe'] .blg-floating-share__label,
[data-theme='acid'] .blg-floating-share__label,
[data-theme='obsidian'] .blg-floating-share__label,
[data-theme='velvet'] .blg-floating-share__label {
color: #ffffff !important;
}
[data-theme='cyber'] .blg-share-btn svg,
[data-theme='athletic'] .blg-share-btn svg,
[data-theme='luxe'] .blg-share-btn svg,
[data-theme='acid'] .blg-share-btn svg,
[data-theme='obsidian'] .blg-share-btn svg,
[data-theme='velvet'] .blg-share-btn svg,
[data-theme='cyber'] .blg-share-btn i,
[data-theme='athletic'] .blg-share-btn i,
[data-theme='luxe'] .blg-share-btn i,
[data-theme='acid'] .blg-share-btn i,
[data-theme='obsidian'] .blg-share-btn i,
[data-theme='velvet'] .blg-share-btn i {
fill: #ffffff !important;
color: #ffffff !important;
} [data-theme='athletic'] .blg-share-btn {
border-color: rgba(255,255,255,0.2) !important;
} .blg-share-btn:hover svg,
.blg-share-btn:hover svg * {
stroke: none !important;
fill: #ffffff !important;
color: #ffffff !important;
} [data-theme='athletic'] .blg-share-btn:hover { background: var(--blg-accent-color) !important; }
[data-theme='cyber'] .blg-share-btn:hover { background: var(--blg-accent-color) !important; }
[data-theme='luxe'] .blg-share-btn:hover { background: var(--blg-accent-color) !important; } [data-theme='acid'] .blg-share-btn:hover svg,
[data-theme='acid'] .blg-share-btn:hover svg * {
fill: #000000 !important;
stroke: none !important;
} .blg-cover .blg-cat-cover-title__sub {
color: var(--blg-accent-color) !important;
} .blg-cover .blg-hero-brief__label,
.blg-cover .blg-brief-cta-link {
color: var(--blg-accent-color, #c5a059) !important;
} .tft-single-hero .tft-single-hero__author-name,
.tft-single-hero .tft-single-hero__author-name a {
color: #ffffff !important;
opacity: 1 !important;
}
.tft-single-hero .tft-single-hero__author-tagline {
color: rgba(255, 255, 255, 0.6) !important;
}
.tft-single-hero .tft-single-hero__share-label {
color: rgba(255, 255, 255, 0.6) !important;
}
.tft-single-hero .tft-share-icon {
color: #ffffff !important;
border-color: rgba(255, 255, 255, 0.2) !important;
}
.tft-single-hero .tft-share-icon svg {
color: #ffffff !important;
}
.tft-single-hero .tft-share-icon:hover {
background: var(--blg-accent-color, #c5a059) !important;
border-color: var(--blg-accent-color, #c5a059) !important;
color: #ffffff !important;
} .tft-single-hero .tft-share-icon svg,
.tft-single-hero .tft-share-icon svg * {
stroke: #ffffff !important;
fill: none !important;
}  .tft-single-hero .tft-single-hero__date {
color: var(--blg-accent-color, #c5a059) !important;
} .tft-footer-monolith .blg-footer__hero-cat,
.tft-footer-monolith .blg-footer__post-cat {
color: var(--blg-accent-color, #c5a059) !important;
background: transparent !important;
padding: 0 !important;
display: inline-block !important;
} [data-theme='vogue'] .blg-cover-overlay,
[data-theme='vogue'] .tft-single-hero__overlay {
background: linear-gradient(to bottom, 
rgba(0, 0, 0, 0.75) 0%, 
rgba(0, 0, 0, 0.4) 35%, 
rgba(0, 0, 0, 0.1) 65%, 
rgba(0, 0, 0, 0.65) 100%) !important;
} .blg-sa-icon svg * {
stroke: currentColor !important;
}
.blg-sa-head:hover .blg-sa-icon svg * {
stroke: var(--blg-accent-color) !important;
}
.blg-sa-toggle:checked ~ .blg-sa-head .blg-sa-icon {
background: var(--blg-accent-color) !important;
border-color: var(--blg-accent-color) !important;
color: #ffffff !important;
}
.blg-sa-toggle:checked ~ .blg-sa-head .blg-sa-icon svg * {
stroke: #ffffff !important;
} @media (max-width: 1024px) {
.blg-layout:not(.blg-layout--editor) .blg-cover,
.blg-layout:not(.blg-layout--editor) .tft-single-hero,
.blg-layout:not(.blg-layout--editor) #blg-cover {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
flex: 0 0 100% !important;
height: auto !important;
min-height: 60vh !important;
}
.blg-layout:not(.blg-layout--editor) .blg-feed {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
flex: 0 0 100% !important;
height: auto !important;
}
} .blg-hero-main-title,
.blg-hero-main-title *,
.tft-single-hero__title,
.tft-single-hero__title *,
.blg-title-line1,
.blg-title-mid,
.blg-title-line3 {
text-shadow: none !important;
} #tft-typography-select,
#tft-typography-select option,
.tft-typography-select,
.tft-typography-select option {
text-transform: none !important;
} .tft-style-switcher__panel {
max-height: 90vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}
.tft-style-switcher__panel::-webkit-scrollbar {
width: 4px !important;
}
.tft-style-switcher__panel::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.15) !important;
border-radius: 4px !important;
} #tft-front-switcher.tft-style-switcher {
max-height: 95vh !important;
height: auto !important;
}
#tft-front-switcher .tft-style-switcher__panel {
max-height: 88vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
background: #ffffff !important;
}
#tft-front-switcher .tft-reset-picker-wrap {
background: #ffffff !important;
border-top: 1px solid rgba(0,0,0,0.06) !important;
}
#tft-front-switcher #tft-reset-all-btn {
background: #111111 !important;
background-color: #111111 !important;
color: #ffffff !important;
font-family: 'Space Mono', monospace, sans-serif !important;
font-size: 0.65rem !important;
font-weight: 900 !important;
letter-spacing: 3px !important;
border: 1px solid #111111 !important;
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 14px 20px !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
#tft-front-switcher #tft-reset-all-btn:hover {
background: #ffffff !important;
background-color: #ffffff !important;
color: #111111 !important;
border-color: #111111 !important;
} .tft-single-hero .tft-nav-title {
color: #ffffff !important;
}
.tft-single-hero .tft-nav-label {
color: rgba(255, 255, 255, 0.6) !important;
opacity: 0.6 !important;
} .tft-single-hero .tft-nav-item:hover .tft-nav-title {
color: var(--blg-accent-color) !important;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 4px !important;
}
.tft-single-hero .tft-nav-item:hover .tft-nav-label {
color: #ffffff !important;
opacity: 1 !important;
} .blg-cover-content {
padding-bottom: 25px !important; }
.blg-editorial-center {
margin-bottom: 20px !important;
}
.blg-editorial-prefix {
margin-bottom: 10px !important;
}
.blg-editorial-quote {
margin-bottom: 20px !important;
}
.blg-cover-bottom-posts {
margin-top: 15px !important;
padding-top: 0 !important;
padding-bottom: 10px !important;
}
.blg-cover-spread-grid {
gap: 15px !important;
}
.blg-h2-post {
padding: 15px 20px !important;
margin-bottom: 10px !important;
} .blg-hero-brief {
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
position: relative;
} .blg-hero-brief:hover {
transform: translateY(-4px) !important;
} .blg-hero-brief:hover .blg-hero-brief__label {
color: var(--blg-accent-color) !important;
opacity: 1 !important;
letter-spacing: 4px !important; } .blg-hero-brief:hover .blg-hero-brief__title {
text-decoration: underline !important;
text-decoration-color: var(--blg-accent-color) !important;
text-decoration-thickness: 1.5px !important;
text-underline-offset: 5px !important;
} .blg-hero-brief:hover .blg-brief-cta-link {
color: var(--blg-accent-color) !important;
} .blg-hero-brief svg,
.blg-hero-brief span {
transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
} .blg-hero-brief--2:hover svg {
transform: translateX(6px) !important;
color: var(--blg-accent-color) !important;
} .blg-hero-brief--3:hover .blg-brief-cta-link--slot3 span {
display: inline-block !important;
transform: translateX(6px) !important;
color: var(--blg-accent-color) !important;
} .blg-hero-brief--1:hover .blg-brief-cta-link--slot1 {
letter-spacing: 1px !important; }:root { --blg-font-heading: 'Playfair Display', serif;
--blg-font-body: 'Inter', sans-serif;
--blg-bg-color: #ffffff;
--blg-bg-alt: #f8f9fa;
--blg-text-main: #111111;
--blg-text-muted: #666666;
--blg-border-color: #eaeaea;
--blg-accent-color: #000000;
--blg-white: #ffffff;
--blg-black: #000000;
--blg-white-trans-05: rgba(255, 255, 255, 0.05);
--blg-white-trans-10: rgba(255, 255, 255, 0.1);
--blg-white-trans-20: rgba(255, 255, 255, 0.2);
--blg-white-trans-60: rgba(255, 255, 255, 0.6);
--blg-black-trans-10: rgba(0, 0, 0, 0.1);
--blg-black-trans-80: rgba(0, 0, 0, 0.8);
--blg-cover-overlay: rgba(0, 0, 0, 0.3);
--blg-cover-width: 44.5%;
--blg-feed-width: 55.5%;
--blg-radius-img: 0px;
--blg-container-padding: clamp(20px, 5vw, 40px);
--blg-grid-gap: clamp(20px, 3vw, 40px);
} [data-theme="vogue"] {
--blg-font-heading: 'Playfair Display', serif;
--blg-font-body: 'Inter', sans-serif;
--blg-bg-color: #fdfbf7;
--blg-bg-alt: #f4f1ea;
--blg-text-main: #2c2c2c;
--blg-text-muted: #8c8c8c;
--blg-border-color: #e2dfd8;
--blg-accent-color: #c5a059; --blg-cover-overlay: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6));
} [data-theme="terra"] {
--blg-font-heading: 'Cormorant Garamond', serif;
--blg-font-body: 'Inter', sans-serif;
--blg-bg-color: #f4f1eb;
--blg-bg-alt: #e8e4d9;
--blg-text-main: #2d372b; --blg-text-muted: #5c6b59;
--blg-border-color: #d1cebc;
--blg-accent-color: #d48c46; --blg-cover-overlay: linear-gradient(to top, rgba(45, 55, 43, 0.8), rgba(45, 55, 43, 0.1));
} [data-theme="retro"] {
--blg-font-heading: 'Abril Fatface', serif;
--blg-font-body: 'Inter', sans-serif;
--blg-bg-color: #f4ebd0;
--blg-bg-alt: #e6dcc1;
--blg-text-main: #3e2723;
--blg-text-muted: #6d4c41;
--blg-border-color: #d7ccc8;
--blg-accent-color: #d84315; --blg-cover-overlay: rgba(62, 39, 35, 0.4);
--blg-radius-img: 16px;
}  [data-theme="athletic"] {
--blg-font-heading: 'Oswald', sans-serif;
--blg-font-body: 'Inter', sans-serif;
--blg-bg-color: #f4f4f4;
--blg-bg-alt: #ffffff;
--blg-text-main: #111111;
--blg-text-muted: #777777;
--blg-border-color: #dddddd;
--blg-accent-color: #ff2a2a;
--blg-cover-overlay: linear-gradient(135deg, rgba(255, 42, 42, 0.8), rgba(0, 0, 0, 0.6));
} .blg-es-side {
padding-top: 0 !important;
} .woocommerce .tft-content-inner {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
.woocommerce-page .tft-content-inner {
padding: clamp(30px, 5vw, 60px);
} * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: var(--blg-font-body);
background-color: var(--blg-bg-color);
color: var(--blg-text-main);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
overflow: hidden;
transition: background-color 0.5s ease, color 0.5s ease;
}
a {
text-decoration: none;
color: inherit;
transition: color 0.3s ease;
}
a:hover {
color: var(--blg-accent-color);
}
img {
max-width: 100%;
height: auto;
display: block;
} ::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: var(--blg-bg-color);
}
::-webkit-scrollbar-thumb {
background: var(--blg-border-color);
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--blg-accent-color);
} .blg-layout {
display: flex;
height: 100vh;
width: 100%;
}
.blg-cover {
width: var(--blg-cover-width);
min-width: 320px; height: 100vh;
position: relative;
overflow: hidden;
transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.blg-feed {
width: var(--blg-feed-width);
min-width: 400px; height: 100vh;
overflow-y: auto;
overflow-x: hidden;
position: relative;
background-color: var(--blg-bg-color);
transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.5s ease;
border-inline-start: 1px solid var(--blg-border-color);
display: flex;
flex-direction: column;
} .blg-cover-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
transition: background-image 0.8s ease-in-out;
transform: scale(1.02);
}
.blg-cover-overlay {
position: absolute;
inset: 0;
background: var(--blg-cover-overlay);
transition: background 0.8s ease;
}
.blg-cover-content {
position: relative;
z-index: 10;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: clamp(20px, 4vw, 40px);
color: #ffffff;
}
.blg-cover-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.blg-cover-header-left {
display: flex;
align-items: center;
gap: 20px;
}
.blg-hamburger-btn {
background: none;
border: none;
color: #fff;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s, color 0.3s;
}
.blg-hamburger-btn:hover {
transform: scale(1.1);
color: var(--blg-accent-color);
}
.blg-brand-logo {
font-family: var(--blg-font-heading);
font-size: clamp(1.5rem, 4vw, 2.5rem);
font-weight: 900;
letter-spacing: -1px;
color: #fff !important;
line-height: 1;
}
.blg-brand-dot {
color: var(--blg-accent-color);
transition: color 0.5s ease;
}
.blg-cover-issue {
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 4px 10px;
} .blg-cover-center {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
transition: opacity 0.4s ease;
padding: 20px 0;
} .blg-cover-articles {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
gap: 30px;
width: 100%;
}
.blg-story-top {
display: flex;
align-items: center;
gap: 15px;
}
.blg-page-num {
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 2px 6px;
}
.blg-story-main {
margin: auto 0; }
.blg-story-bottom-group {
display: flex;
gap: 20px;
flex-wrap: wrap;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 20px;
}
.blg-story-bottom {
flex: 1;
min-width: 120px;
} .typo-vogue .blg-story-top h3 {
font-family: var(--blg-font-heading);
font-style: italic;
font-size: 1.2rem;
font-weight: 400;
}
.typo-vogue .blg-story-main h2 {
font-family: var(--blg-font-heading);
font-size: clamp(3.5rem, 7vw, 7rem);
line-height: 0.9;
margin: 0;
}
.typo-vogue .blg-story-main .italic {
font-style: italic;
font-weight: 400;
color: var(--blg-accent-color);
}
.typo-vogue .blg-story-main .outline {
-webkit-text-stroke: 1px #fff;
color: transparent;
}
.typo-vogue .blg-story-main .sub {
font-family: 'Inter', sans-serif;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 4px;
margin-bottom: 15px;
display: block;
}
.typo-vogue .blg-story-bottom h3 {
font-family: var(--blg-font-heading);
font-size: 1.1rem;
line-height: 1.3;
font-weight: 600;
} .typo-urbane .blg-story-top h3 {
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: 800;
text-transform: uppercase;
background: #fff;
color: #000;
padding: 2px 8px;
display: inline-block;
}
.typo-urbane .blg-page-num {
background: var(--blg-accent-color);
color: #fff;
border: none;
}
.typo-urbane .blg-story-main h2 {
font-family: 'Inter', sans-serif;
font-size: clamp(3.5rem, 8vw, 8rem);
line-height: 0.85;
font-weight: 900;
text-transform: uppercase;
letter-spacing: -3px;
}
.typo-urbane .blg-story-main .highlight {
background: var(--blg-accent-color);
color: #fff;
padding: 0 10px;
}
.typo-urbane .blg-story-main .sub {
font-weight: 600;
font-size: 1.2rem;
letter-spacing: -0.5px;
margin-bottom: 10px;
display: block;
}
.typo-urbane .blg-story-bottom h3 {
font-family: 'Inter', sans-serif;
font-size: 1.1rem;
font-weight: 800;
text-transform: uppercase;
text-decoration: underline;
text-decoration-color: var(--blg-accent-color);
text-decoration-thickness: 2px;
text-underline-offset: 4px;
} .typo-terra .blg-story-top h3 {
font-family: 'Inter', sans-serif;
font-size: 0.9rem;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
.typo-terra .blg-story-main h2 {
font-family: var(--blg-font-heading);
font-size: clamp(3rem, 6vw, 6rem);
line-height: 1.1;
font-weight: 400;
}
.typo-terra .blg-story-main .spaced {
letter-spacing: 8px;
text-transform: uppercase;
font-size: 0.8rem;
display: block;
margin-bottom: 15px;
color: var(--blg-accent-color);
font-weight: 700;
}
.typo-terra .blg-story-bottom h3 {
font-family: 'Inter', sans-serif;
font-size: 0.85rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
color: #e8e4d9;
} .typo-pop .blg-story-top {
transform: rotate(-2deg);
}
.typo-pop .blg-story-top h3 {
font-family: 'Syne', sans-serif;
font-size: 1.2rem;
font-weight: 800;
text-transform: uppercase;
background: var(--blg-accent-color);
color: #000;
padding: 4px 10px;
}
.typo-pop .blg-page-num {
display: none;
}
.typo-pop .blg-story-main h2 {
font-family: 'Syne', sans-serif;
font-size: clamp(3.5rem, 7vw, 7rem);
line-height: 0.9;
font-weight: 800;
text-transform: uppercase;
transform: rotate(-3deg);
text-shadow: 3px 3px 0px var(--blg-accent-color);
}
.typo-pop .blg-story-main .sub {
font-family: 'Inter', sans-serif;
font-weight: 800;
font-size: 1.2rem;
background: #fff;
color: #000;
padding: 4px 12px;
display: inline-block;
transform: rotate(-3deg);
margin-bottom: 20px;
}
.typo-pop .blg-story-bottom-group {
border-top: 3px dashed rgba(255, 255, 255, 0.3);
}
.typo-pop .blg-story-bottom h3 {
font-family: 'Syne', sans-serif;
font-size: 1.1rem;
font-weight: 800;
text-transform: uppercase;
} .typo-retro .blg-story-top h3 {
font-family: 'Abril Fatface', serif;
font-size: 1.3rem;
font-weight: 400;
}
.typo-retro .blg-page-num {
border-radius: 20px;
border-color: #fff;
}
.typo-retro .blg-story-main h2 {
font-family: 'Abril Fatface', serif;
font-size: clamp(3.5rem, 8vw, 8rem);
line-height: 1;
font-weight: 400;
}
.typo-retro .blg-story-main .italic {
font-family: var(--blg-font-heading);
font-style: italic;
color: var(--blg-accent-color);
font-size: 0.9em;
}
.typo-retro .blg-story-main .sub {
font-family: 'Inter', sans-serif;
font-weight: 800;
font-size: 1rem;
letter-spacing: 2px;
margin-bottom: 15px;
display: block;
background: var(--blg-accent-color);
color: #fff;
padding: 4px 12px;
border-radius: 20px;
width: max-content;
}
.typo-retro .blg-story-bottom-group {
border-top: 2px solid rgba(255, 255, 255, 0.4);
}
.typo-retro .blg-story-bottom h3 {
font-family: 'Abril Fatface', serif;
font-size: 1.2rem;
font-weight: 400;
} .typo-avant .blg-story-top h3 {
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 2px;
}
.typo-avant .blg-page-num {
border: none;
border-bottom: 2px solid var(--blg-accent-color);
border-radius: 0;
padding: 0 0 2px 0;
}
.typo-avant .blg-story-main h2 {
font-family: 'Inter', sans-serif;
font-size: clamp(3rem, 7vw, 7rem);
line-height: 0.9;
font-weight: 900;
text-transform: uppercase;
letter-spacing: -2px;
display: flex;
flex-direction: column;
}
.typo-avant .blg-story-main .indent {
margin-inline-start: 15%;
color: transparent;
-webkit-text-stroke: 1px #fff;
}
.typo-avant .blg-story-main .indent-more {
margin-inline-start: 30%;
color: var(--blg-accent-color);
}
.typo-avant .blg-story-main .sub {
font-weight: 400;
font-size: 0.9rem;
letter-spacing: 5px;
margin-bottom: 20px;
display: block;
}
.typo-avant .blg-story-bottom-group {
border-top: none;
gap: 40px;
}
.typo-avant .blg-story-bottom h3 {
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
border-inline-start: 1px solid var(--blg-accent-color);
padding-inline-start: 15px;
} .typo-journal .blg-story-top h3 {
font-family: 'Cormorant Garamond', serif;
font-size: 1.2rem;
font-weight: 600;
font-style: italic;
}
.typo-journal .blg-page-num {
border: none;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
padding: 4px 0;
border-radius: 0;
}
.typo-journal .blg-story-main h2 {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(3.5rem, 7vw, 7rem);
line-height: 0.95;
font-weight: 700;
text-transform: uppercase;
}
.typo-journal .blg-story-main .sub {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 0.8rem;
letter-spacing: 3px;
margin-bottom: 15px;
display: block;
border-bottom: 2px solid var(--blg-accent-color);
padding-bottom: 10px;
width: max-content;
}
.typo-journal .blg-story-bottom-group {
border-top: 3px double rgba(255, 255, 255, 0.4);
padding-top: 15px;
}
.typo-journal .blg-story-bottom h3 {
font-family: 'Cormorant Garamond', serif;
font-size: 1.3rem;
font-weight: 600;
line-height: 1.2;
} .typo-wellness .blg-story-top h3 {
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: 300;
letter-spacing: 1px;
}
.typo-wellness .blg-page-num {
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 50px;
padding: 4px 12px;
font-weight: 400;
}
.typo-wellness .blg-story-main h2 {
font-family: 'Inter', sans-serif;
font-size: clamp(4rem, 8vw, 8rem);
line-height: 1;
font-weight: 300;
letter-spacing: -2px;
}
.typo-wellness .blg-story-main .sub {
font-weight: 400;
font-size: 0.85rem;
letter-spacing: 4px;
margin-bottom: 20px;
display: block;
opacity: 0.8;
}
.typo-wellness .blg-story-bottom-group {
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.typo-wellness .blg-story-bottom h3 {
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: 300;
line-height: 1.4;
opacity: 0.9;
} .typo-acid .blg-story-top h3 {
font-family: 'Syne', sans-serif;
font-size: 1.2rem;
font-weight: 800;
text-transform: uppercase;
color: var(--blg-accent-color);
}
.typo-acid .blg-page-num {
background: var(--blg-accent-color);
color: #000;
border: none;
font-weight: 800;
}
.typo-acid .blg-story-main h2 {
font-family: 'Syne', sans-serif;
font-size: clamp(4rem, 9vw, 9rem);
line-height: 0.8;
font-weight: 800;
text-transform: uppercase;
color: transparent;
-webkit-text-stroke: 2px var(--blg-text-main);
text-shadow: 4px 4px 0px var(--blg-accent-color);
}
.typo-acid .blg-story-main .sub {
font-family: 'Inter', sans-serif;
font-weight: 800;
font-size: 1.5rem;
background: var(--blg-text-main);
color: #000;
padding: 5px 10px;
display: inline-block;
margin-bottom: 10px;
}
.typo-acid .blg-story-bottom-group {
border-top: 4px solid var(--blg-text-main);
}
.typo-acid .blg-story-bottom h3 {
font-family: 'Syne', sans-serif;
font-size: 1.2rem;
font-weight: 800;
text-transform: uppercase;
color: var(--blg-text-main);
} .typo-athletic .blg-story-top h3 {
font-family: 'Oswald', sans-serif;
font-size: 1.5rem;
font-weight: 700;
text-transform: uppercase;
font-style: italic;
}
.typo-athletic .blg-page-num {
background: #fff;
color: #000;
font-weight: 900;
font-style: italic;
border: none;
}
.typo-athletic .blg-story-main h2 {
font-family: 'Oswald', sans-serif;
font-size: clamp(5rem, 10vw, 10rem);
line-height: 0.85;
font-weight: 700;
text-transform: uppercase;
font-style: italic;
}
.typo-athletic .blg-story-main .sub {
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 2rem;
color: var(--blg-accent-color);
text-transform: uppercase;
font-style: italic;
display: block;
}
.typo-athletic .blg-story-bottom-group {
border-top: 5px solid var(--blg-accent-color);
}
.typo-athletic .blg-story-bottom h3 {
font-family: 'Oswald', sans-serif;
font-size: 1.5rem;
font-weight: 700;
text-transform: uppercase;
font-style: italic;
} .typo-pastel .blg-story-top h3 {
font-family: 'Inter', sans-serif;
font-size: 1.1rem;
font-weight: 600;
color: #fff;
}
.typo-pastel .blg-page-num {
border-radius: 20px;
background: rgba(255, 255, 255, 0.2);
border: none;
}
.typo-pastel .blg-story-main h2 {
font-family: 'Inter', sans-serif;
font-size: clamp(4rem, 8vw, 8rem);
line-height: 0.9;
font-weight: 800;
letter-spacing: -3px;
color: #fff;
}
.typo-pastel .blg-story-main .sub {
font-weight: 800;
font-size: 1rem;
letter-spacing: 2px;
margin-bottom: 10px;
display: block;
color: rgba(255, 255, 255, 0.8);
}
.typo-pastel .blg-story-bottom-group {
border-top: 2px dashed rgba(255, 255, 255, 0.5);
}
.typo-pastel .blg-story-bottom h3 {
font-family: 'Inter', sans-serif;
font-size: 1.1rem;
font-weight: 600;
color: #fff;
} .typo-gothic .blg-story-top h3 {
font-family: 'Cormorant Garamond', serif;
font-size: 1.4rem;
font-weight: 600;
font-style: italic;
color: var(--blg-text-main);
}
.typo-gothic .blg-page-num {
border: 1px solid var(--blg-text-main);
color: var(--blg-text-main);
border-radius: 0;
}
.typo-gothic .blg-story-main h2 {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(4rem, 9vw, 9rem);
line-height: 0.85;
font-weight: 700;
text-transform: uppercase;
color: #fff;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
.typo-gothic .blg-story-main .sub {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 0.9rem;
letter-spacing: 8px;
margin-bottom: 20px;
display: block;
color: var(--blg-text-main);
}
.typo-gothic .blg-story-bottom-group {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.typo-gothic .blg-story-bottom h3 {
font-family: 'Cormorant Garamond', serif;
font-size: 1.5rem;
font-weight: 600;
color: #fff;
} .typo-corporate .blg-story-top h3 {
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
}
.typo-corporate .blg-page-num {
background: var(--blg-accent-color);
color: #fff;
border: none;
border-radius: 4px;
}
.typo-corporate .blg-story-main h2 {
font-family: 'Inter', sans-serif;
font-size: clamp(3.5rem, 7vw, 7rem);
line-height: 0.9;
font-weight: 800;
letter-spacing: -2px;
}
.typo-corporate .blg-story-main .sub {
font-weight: 700;
font-size: 1rem;
letter-spacing: 1px;
margin-bottom: 15px;
display: block;
color: var(--blg-accent-color);
}
.typo-corporate .blg-story-bottom-group {
border-top: 2px solid #fff;
}
.typo-corporate .blg-story-bottom h3 {
font-family: 'Inter', sans-serif;
font-size: 1.1rem;
font-weight: 600;
} .typo-editorial .blg-story-top h3 {
font-family: var(--blg-font-heading);
font-size: 1.2rem;
font-weight: 600;
}
.typo-editorial .blg-page-num {
border: none;
border-bottom: 2px solid var(--blg-accent-color);
border-radius: 0;
padding-bottom: 2px;
}
.typo-editorial .blg-story-main h2 {
font-family: var(--blg-font-heading);
font-size: clamp(4rem, 9vw, 9rem);
line-height: 0.85;
font-weight: 900;
}
.typo-editorial .blg-story-main .sub {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 1rem;
letter-spacing: 2px;
margin-bottom: 20px;
display: block;
background: #fff;
color: #000;
padding: 5px 10px;
width: max-content;
}
.typo-editorial .blg-story-bottom-group {
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.typo-editorial .blg-story-bottom h3 {
font-family: var(--blg-font-heading);
font-size: 1.3rem;
font-weight: 600;
} .typo-sunset .blg-story-top h3 {
font-family: 'Syne', sans-serif;
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
}
.typo-sunset .blg-page-num {
border-radius: 50px;
border-color: #fff;
}
.typo-sunset .blg-story-main h2 {
font-family: 'Syne', sans-serif;
font-size: clamp(4rem, 8vw, 8rem);
line-height: 0.9;
font-weight: 800;
text-transform: uppercase;
}
.typo-sunset .blg-story-main .sub {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 1rem;
letter-spacing: 4px;
margin-bottom: 15px;
display: block;
color: #ffd700;
}
.typo-sunset .blg-story-bottom-group {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.typo-sunset .blg-story-bottom h3 {
font-family: 'Syne', sans-serif;
font-size: 1.2rem;
font-weight: 600;
text-transform: uppercase;
} .blg-cover-footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.blg-cover-barcode {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
opacity: 0.8;
}
.blg-cover-barcode span {
font-family: 'Inter', monospace;
font-size: 0.6rem;
letter-spacing: 2px;
}
.blg-read-cover-btn {
font-family: var(--blg-font-heading);
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
border-bottom: 2px solid var(--blg-accent-color);
padding-bottom: 5px;
transition: all 0.3s;
}
.blg-read-cover-btn:hover {
color: var(--blg-accent-color);
} .blg-feed-nav {
display: flex;
justify-content: space-between;
align-items: center;
padding-block: 30px;
padding-inline: var(--blg-container-padding) clamp(40px, 8vw, 120px);
border-bottom: 1px solid var(--blg-border-color);
position: sticky;
top: 0;
background: var(--blg-bg-color);
z-index: 100;
transition: all 0.5s ease;
}
.blg-nav-links {
list-style: none;
display: flex;
gap: clamp(20px, 2.5vw, 40px);
align-items: center;
margin: 0;
padding: 0;
}
.blg-nav-links li a {
font-family: var(--blg-font-heading);
font-size: 0.75rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
padding-block: 5px;
color: var(--blg-text-main);
text-decoration: none;
transition: color 0.3s ease;
}
.blg-nav-links li a::after {
position: absolute;
bottom: -7px;
inset-inline-start: 0;
width: 0;
height: 1px;
left: -10px;
background: var(--blg-accent-color);
transition: width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.blg-nav-links li a:hover::after,
.blg-nav-links li a.blg-nav-item--active::after {
width: 100%;
}
.blg-nav-links li a.blg-nav-item--active {
color: var(--blg-text-main);
} .blg-dropdown {
position: relative;
}
.blg-caret {
font-size: 0.7rem;
margin-inline-start: 4px;
}
.blg-dropdown-menu {
position: absolute;
top: 100%;
inset-inline-start: 0;
background: var(--blg-bg-color);
border: 1px solid var(--blg-border-color);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
list-style: none;
min-width: 200px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
padding: 10px 0;
z-index: 200;
}
.blg-dropdown:hover .blg-dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.blg-dropdown-menu li a {
display: block;
padding: 10px 20px;
font-family: var(--blg-font-body);
font-size: 0.85rem;
font-weight: 600;
color: var(--blg-text-main);
transition: background 0.2s, color 0.2s;
}
.blg-dropdown-menu li a:hover,
.blg-dropdown-menu li a.blg-active-demo {
background: var(--blg-bg-alt);
color: var(--blg-accent-color);
}
.blg-nav-actions {
display: flex;
gap: 15px;
}
.blg-icon-btn {
background: none;
border: none;
color: var(--blg-text-main);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.3s;
}
.blg-icon-btn:hover {
color: var(--blg-accent-color);
}
.blg-menu-btn {
display: none;
}
.blg-feed-container {
padding-block: var(--blg-container-padding);
padding-inline: var(--blg-container-padding) clamp(40px, 8vw, 120px);
transition: padding 0.5s ease;
} .blg-section-header {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-top: clamp(40px, 8vw, 100px) !important;
margin-bottom: clamp(20px, 5vw, 40px);
width: 100%;
gap: 20px;
}
.blg-section-header h2 {
font-family: var(--blg-font-heading);
font-size: clamp(1.4rem, 3vw, 1.8rem); line-height: 1;
font-weight: 900;
margin: 0;
letter-spacing: -1px;
} .blg-featured-header h2 {
font-size: clamp(1.8rem, 4vw, 3rem);
letter-spacing: -1.5px;
}
.blg-header-divider {
height: 1px;
flex: 1;
background: var(--blg-border-color);
}
.blg-section-link {
font-family: var(--blg-font-heading);
font-size: 0.75rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-accent-color);
white-space: nowrap;
} .blg-grid-featured {
display: grid;
grid-template-columns: 1fr;
gap: var(--blg-grid-gap);
}
.blg-grid-standard {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: var(--blg-grid-gap);
}
.blg-grid-list {
display: flex;
flex-direction: column;
gap: 20px;
}
.blg-grid-bento {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: clamp(200px, 20vw, 250px);
gap: var(--blg-grid-gap);
}
.blg-grid-multimedia {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: var(--blg-grid-gap);
}
.blg-grid-compact {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
} .blg-layout-sidebar {
display: grid;
grid-template-columns: 2fr 1fr;
gap: clamp(30px, 5vw, 60px);
}
@media (max-width: 1200px) {
.blg-layout-sidebar {
grid-template-columns: 1fr;
}
} .blg-post-card {
display: flex;
flex-direction: column;
}
.blg-image-wrapper {
position: relative;
overflow: hidden;
border-radius: var(--blg-radius-img);
margin-block-end: 20px;
transition: border-radius 0.5s ease;
height: 100%;
}
.blg-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
}
.blg-grid-standard .blg-image-wrapper img {
aspect-ratio: 16/10;
}
.blg-post-card--large .blg-image-wrapper img {
aspect-ratio: 21/9;
}
.blg-post-card:hover .blg-image-wrapper img {
transform: scale(1.05);
} .blg-post-list-item {
display: flex;
gap: 20px;
align-items: center;
padding-bottom: 20px;
border-bottom: 1px solid var(--blg-border-color);
}
.blg-post-list-item:last-child {
border-bottom: none;
}
.blg-list-image {
flex-shrink: 0;
width: 120px;
height: 80px;
border-radius: var(--blg-radius-img);
overflow: hidden;
}
.blg-list-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
.blg-post-list-item:hover .blg-list-image img {
transform: scale(1.1);
}
.blg-list-content {
flex-grow: 1;
}
.blg-list-content .blg-post-title {
font-size: 1.1rem;
margin-bottom: 5px;
} .blg-post-card--bento-large {
grid-column: span 2;
grid-row: span 2;
}
.blg-post-card--bento-large .blg-image-wrapper {
margin-bottom: 0;
}
.blg-post-card--bento-small .blg-image-wrapper {
margin-bottom: 0;
}
.blg-grid-bento .blg-post-card {
position: relative;
}
.blg-grid-bento .blg-post-content {
position: absolute;
bottom: 0;
inset-inline-start: 0;
width: 100%;
padding: 20px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
color: #fff;
z-index: 10;
border-radius: 0 0 var(--blg-radius-img) var(--blg-radius-img);
}
.blg-grid-bento .blg-post-title {
margin-bottom: 0;
color: #fff;
}
.blg-grid-bento .blg-post-title a:hover {
color: #fff;
text-decoration: underline;
} .blg-sidebar-content {
display: flex;
flex-direction: column;
gap: 40px;
}
.blg-widget-title {
font-family: var(--blg-font-heading);
font-size: 1.1rem;
font-weight: 800;
text-transform: uppercase;
border-bottom: 1px solid var(--blg-border-color);
padding-bottom: 10px;
margin-bottom: 20px;
}
.blg-widget-list {
list-style: none;
}
.blg-widget-list li {
display: flex;
gap: 15px;
margin-bottom: 15px;
align-items: flex-start;
}
.blg-widget-rank {
font-family: var(--blg-font-heading);
font-size: 1.5rem;
font-weight: 900;
color: var(--blg-border-color);
line-height: 1;
}
.blg-widget-list a {
font-weight: 600;
font-size: 0.95rem;
}
.blg-widget--newsletter p {
font-size: 0.9rem;
color: var(--blg-text-muted);
margin-bottom: 15px;
}
.blg-newsletter-form {
display: flex;
flex-direction: column;
gap: 10px;
}
.blg-newsletter-form input {
padding: 12px 15px;
border: 1px solid var(--blg-border-color);
background: var(--blg-bg-alt);
color: var(--blg-text-main);
font-family: var(--blg-font-body);
border-radius: var(--blg-radius-img);
outline: none;
}
.blg-newsletter-form button {
padding: 12px 15px;
background: var(--blg-text-main);
color: var(--blg-bg-color);
border: none;
font-family: var(--blg-font-heading);
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
border-radius: var(--blg-radius-img);
transition: background 0.3s;
}
.blg-newsletter-form button:hover {
background: var(--blg-accent-color);
}
.blg-post-card--video .blg-image-wrapper::after {
content: '\2014 ';
position: absolute;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.7);
color: #fff;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 24px;
backdrop-filter: blur(5px);
pointer-events: none;
}
.blg-grid-compact .blg-post-title {
font-size: 1rem;
}
.blg-grid-compact .blg-image-wrapper {
margin-bottom: 10px;
}
.blg-quick-reads {
list-style: none;
display: flex;
flex-direction: column;
gap: 15px;
}
.blg-quick-reads li {
border-inline-start: 3px solid var(--blg-accent-color);
padding-inline-start: 15px;
}
.blg-quick-reads a {
font-weight: 600;
font-size: 0.95rem;
line-height: 1.4;
display: block;
}
.blg-quick-reads .blg-post-date {
font-size: 0.75rem;
color: var(--blg-text-muted);
margin-top: 5px;
display: block;
}
.blg-post-category {
position: absolute;
top: 60px;
inset-inline-start: 15px;
background: var(--blg-bg-color);
color: var(--blg-text-main);
padding: 6px 12px;
font-size: 0.7rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
z-index: 2;
transition: all 0.5s ease;
}
.blg-post-title {
font-family: var(--blg-font-heading);
font-size: 1.4rem;
line-height: 1.3;
margin-bottom: 12px;
font-weight: 800;
transition: font-family 0.5s ease;
}
.blg-post-card--large .blg-post-title {
font-size: 2.2rem;
}
.blg-post-excerpt {
color: var(--blg-text-muted);
font-size: 1rem;
margin-bottom: 20px;
line-height: 1.6;
}
.blg-post-meta {
font-size: 0.8rem;
color: var(--blg-text-muted);
text-transform: uppercase;
letter-spacing: 1px;
display: flex;
gap: 15px;
font-weight: 600;
} .blg-feed-footer {
border-top: 1px solid var(--blg-border-color);
padding-top: clamp(25px, 5vw, 50px);
padding-bottom: clamp(15px, 3vw, 30px);
}
.blg-footer-top {
display: flex;
justify-content: space-between;
align-items: center;
}
.blg-footer-brand h2 {
font-family: var(--blg-font-heading);
font-size: clamp(1.5rem, 4vw, 2rem);
font-weight: 900;
letter-spacing: -1px;
}
.blg-footer-brand p {
color: var(--blg-text-muted);
font-size: 0.9rem;
}
.blg-footer-links {
display: flex;
gap: 25px;
}
.blg-footer-links a {
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--blg-text-muted);
}
.blg-footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
color: var(--blg-text-muted);
font-size: 0.8rem;
} .blg-overlay-menu {
position: fixed;
inset: 0;
background: var(--blg-bg-color);
color: var(--blg-text-main);
z-index: 9999;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease;
}
.blg-overlay-menu.blg-active {
opacity: 1;
pointer-events: auto;
}
.blg-close-menu-btn {
position: absolute;
top: clamp(20px, 4vw, 40px);
inset-inline-end: clamp(20px, 4vw, 40px);
background: none;
border: none;
color: var(--blg-text-main);
cursor: pointer;
transition: transform 0.3s, color 0.3s;
}
.blg-close-menu-btn:hover {
transform: rotate(90deg);
color: var(--blg-accent-color);
}
.blg-overlay-content {
text-align: center;
}
.blg-overlay-nav {
display: flex;
flex-direction: column;
gap: 20px;
margin-block-end: 40px;
}
.blg-overlay-nav a {
font-family: var(--blg-font-heading);
font-size: clamp(2rem, 5vw, 4rem);
font-weight: 800;
text-transform: uppercase;
color: var(--blg-text-main);
text-decoration: none;
transition: color 0.3s, transform 0.3s;
display: inline-block;
}
.blg-overlay-nav a:hover {
color: var(--blg-accent-color);
transform: translateX(10px);
}
.blg-overlay-social {
display: flex;
gap: 20px;
justify-content: center;
}
.blg-overlay-social a {
font-family: var(--blg-font-body);
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
color: var(--blg-text-muted);
}
.blg-overlay-social a:hover {
color: var(--blg-accent-color);
} @media (max-width: 1024px) {
.blg-layout:not(.blg-layout--editor) {
flex-direction: column;
height: auto;
overflow: visible;
}
body:not(.elementor-editor-active) {
overflow: auto;
}
.blg-layout:not(.blg-layout--editor) .blg-cover {
width: 100% !important;
min-width: 0 !important;
height: auto;
min-height: 100vh;
position: relative;
}
.blg-layout:not(.blg-layout--editor) .blg-feed {
width: 100% !important;
min-width: 0 !important;
height: auto;
overflow: visible;
border-inline-start: none;
border-top: 1px solid var(--blg-border-color);
}
.blg-feed-nav {
position: sticky;
top: 0;
}
}
@media (max-width: 768px) {
.blg-nav-links {
display: flex !important;
overflow-x: auto;
white-space: nowrap;
gap: 20px !important;
padding-bottom: 5px;
width: 100%;
-webkit-overflow-scrolling: touch;
}
.blg-nav-links::-webkit-scrollbar {
display: none;
}
.blg-feed-nav {
flex-direction: column;
align-items: flex-start !important;
gap: 15px;
padding: 15px 20px !important;
}
.blg-feed-nav>div {
width: 100%;
}
.blg-feed-nav>div:nth-child(2) {
display: none !important;
}
.blg-menu-btn {
display: flex;
} .tft-index-3-hero {
flex-direction: column !important;
padding-inline: 20px !important;
gap: 40px !important;
}
.tft-index-3-hero-img-wrap {
width: 100% !important;
max-width: 180px !important;
margin: 0 auto;
}
.tft-index-3-hero-content {
text-align: center;
align-items: center;
}
.tft-index-3-hero-content h1 {
font-size: clamp(3rem, 15vw, 5rem) !important;
}
.tft-index-3-hero-micro-posts {
grid-template-columns: 1fr !important;
}
.blg-cover-content {
padding: clamp(15px, 3vw, 20px);
}
.blg-footer-top,
.blg-footer-bottom {
flex-direction: column;
gap: 20px;
text-align: center;
}
} .blg-demo-switcher {
position: fixed;
inset-block-start: 0;
inset-inline-end: 0;
block-size: 100vh;
inline-size: clamp(260px, 28vw, 360px);
background: #0a0a0a;
color: #f5f5f5;
z-index: 9999;
transform: translateX(100%);
transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);
display: flex;
flex-direction: column;
box-shadow: -8px 0 40px rgba(0, 0, 0, 0.5);
}
.blg-demo-switcher.is-open {
transform: translateX(0);
}
.blg-demo-switcher__tab {
position: fixed;
inset-block-start: 50%;
inset-inline-end: 0;
transform: translateY(-50%) translateX(0);
background: #0a0a0a;
color: #f5f5f5;
writing-mode: vertical-rl;
text-orientation: mixed;
padding: 18px 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
cursor: pointer;
border: none;
z-index: 10000;
transition: background 0.3s, transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);
border-radius: 6px 0 0 6px;
display: flex;
align-items: center;
gap: 8px;
}
.blg-demo-switcher.is-open .blg-demo-switcher__tab {
inset-inline-end: clamp(260px, 28vw, 360px);
background: #111;
}
.blg-demo-switcher__tab svg {
block-size: 14px;
inline-size: 14px;
flex-shrink: 0;
}
.blg-demo-switcher__header {
padding: 24px 20px 16px;
border-block-end: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
}
.blg-demo-switcher__title {
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.25em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
margin: 0;
}
.blg-demo-switcher__close {
background: none;
border: none;
color: rgba(255, 255, 255, 0.5);
cursor: pointer;
padding: 4px;
transition: color 0.2s;
line-height: 1;
}
.blg-demo-switcher__close:hover {
color: #fff;
}
.blg-demo-switcher__list {
overflow-y: auto;
flex: 1;
padding: 12px 0;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}
.blg-demo-switcher__list::-webkit-scrollbar {
width: 4px;
}
.blg-demo-switcher__list::-webkit-scrollbar-track {
background: transparent;
}
.blg-demo-switcher__list::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.15);
border-radius: 2px;
}
.blg-demo-card {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 20px;
text-decoration: none;
transition: background 0.2s;
border-inline-start: 2px solid transparent;
}
.blg-demo-card:hover {
background: rgba(255, 255, 255, 0.05);
}
.blg-demo-card.is-active {
border-inline-start-color: #fff;
background: rgba(255, 255, 255, 0.08);
}
.blg-demo-card__swatch {
flex-shrink: 0;
inline-size: 32px;
block-size: 32px;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.12);
background-size: cover;
background-position: center;
}
.blg-demo-card__info {
display: flex;
flex-direction: column;
gap: 2px;
}
.blg-demo-card__num {
font-family: 'Space Grotesk', sans-serif;
font-size: 9px;
font-weight: 600;
letter-spacing: 0.15em;
color: rgba(255, 255, 255, 0.35);
text-transform: uppercase;
}
.blg-demo-card__name {
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 600;
color: rgba(255, 255, 255, 0.85);
transition: color 0.2s;
}
.blg-demo-card.is-active .blg-demo-card__name {
color: #fff;
}
.blg-demo-card.is-active .blg-demo-card__num {
color: rgba(255, 255, 255, 0.6);
} .blg-switcher-backdrop {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 9998;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s;
}
.blg-switcher-backdrop.is-visible {
opacity: 1;
pointer-events: auto;
}  [data-theme="vogue"] .blg-overlay-menu {
background: #f5f0ea;
color: #1a1a1a;
}
[data-theme="vogue"] .blg-overlay-nav a {
font-family: var(--blg-font-heading);
font-size: clamp(28px, 4vw, 56px);
font-style: italic;
font-weight: 400;
color: #1a1a1a;
letter-spacing: -0.01em;
text-transform: none;
}
[data-theme="vogue"] .blg-overlay-nav a:hover {
color: #8b6914;
}
[data-theme="vogue"] .blg-close-menu-btn {
color: #1a1a1a;
}
[data-theme="vogue"] .blg-overlay-social a {
color: rgba(26, 26, 26, 0.6);
}  [data-theme="terra"] .blg-overlay-menu {
background: #1c2b1a;
color: #d4e6c3;
}
[data-theme="terra"] .blg-overlay-nav a {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(28px, 4vw, 60px);
font-weight: 600;
color: #d4e6c3;
font-style: italic;
letter-spacing: 0.02em;
}
[data-theme="terra"] .blg-overlay-nav a:hover {
color: #8bc34a;
}
[data-theme="terra"] .blg-close-menu-btn {
color: #d4e6c3;
}
[data-theme="terra"] .blg-overlay-social a {
color: rgba(212, 230, 195, 0.5);
}  [data-theme="retro"] .blg-overlay-menu {
background: #f2a12d;
color: #1a0a00;
}
[data-theme="retro"] .blg-overlay-nav a {
font-family: 'Abril Fatface', serif;
font-size: clamp(28px, 4vw, 58px);
font-weight: 400;
color: #1a0a00;
text-transform: uppercase;
letter-spacing: 0.03em;
}
[data-theme="retro"] .blg-overlay-nav a:hover {
color: #5c1501;
}
[data-theme="retro"] .blg-close-menu-btn {
color: #1a0a00;
}
[data-theme="retro"] .blg-overlay-social a {
color: rgba(26, 10, 0, 0.55);
}     [data-theme="athletic"] .blg-overlay-menu {
background: #0d0d0d;
color: #fff;
}
[data-theme="athletic"] .blg-overlay-nav a {
font-family: 'Oswald', sans-serif;
font-size: clamp(28px, 4.5vw, 64px);
font-weight: 700;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.06em;
}
[data-theme="athletic"] .blg-overlay-nav a:hover {
color: #e63900;
}
[data-theme="athletic"] .blg-close-menu-btn {
color: rgba(255, 255, 255, 0.7);
}          [data-theme="botanical"] .blg-overlay-menu {
background: #0d1f0d;
color: #a8d5a2;
}
[data-theme="botanical"] .blg-overlay-nav a {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(26px, 4vw, 56px);
font-weight: 600;
color: #a8d5a2;
font-style: italic;
letter-spacing: 0.05em;
}
[data-theme="botanical"] .blg-overlay-nav a:hover {
color: #e8f5e2;
}
[data-theme="botanical"] .blg-close-menu-btn {
color: rgba(168, 213, 162, 0.6);
}            @media (max-width: 768px) {
.blg-demo-switcher {
inline-size: 100vw;
}
.blg-demo-switcher__tab {
padding: 14px 8px;
font-size: 10px;
}
} .typo-architecture h2,
.typo-architecture h3,
.typo-architecture span {
font-family: 'Amiri', serif;
}
.typo-architecture h2 {
color: #d3b879;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
font-size: 4rem;
}
.typo-architecture h3 a {
color: #fdfdfd;
font-size: 1.8rem;
}
.typo-architecture .blg-page-num {
border-color: #d3b879;
color: #d3b879;
}
.typo-architecture .sub {
color: #e1c699;
} .typo-modest h2,
.typo-modest h3,
.typo-modest span {
font-family: var(--blg-font-heading);
}
.typo-modest h2 {
color: #4a3b32;
font-size: 4.2rem;
font-style: italic;
font-weight: 500;
}
.typo-modest h3 a {
color: #6f5f55;
font-size: 2rem;
}
.typo-modest .blg-page-num {
background: #e8dbd1;
color: #4a3b32;
border: none;
}
.typo-modest .sub {
color: #8e7f75;
letter-spacing: 4px;
} .typo-food h2 {
font-family: 'Oswald', sans-serif;
color: #d35400;
font-size: 5rem;
text-transform: uppercase;
}
.typo-food h3,
.typo-food span {
font-family: 'Jost', sans-serif;
}
.typo-food h3 a {
color: #e67e22;
font-size: 1.8rem;
font-weight: 600;
}
.typo-food .blg-page-num {
background: #f39c12;
color: #fff;
border-radius: 4px;
}
.typo-food .sub {
color: #c0392b;
font-weight: 700;
} .typo-eco h2 {
font-family: 'Outfit', sans-serif;
color: #27ae60;
font-size: 4.5rem;
font-weight: 800;
}
.typo-eco h3,
.typo-eco span {
font-family: 'Outfit', sans-serif;
}
.typo-eco h3 a {
color: #2ecc71;
font-size: 1.6rem;
font-weight: 600;
}
.typo-eco .blg-page-num {
border: 2px solid #2ecc71;
color: #27ae60;
font-weight: 700;
border-radius: 20px;
}
.typo-eco .sub {
color: #27ae60;
text-transform: uppercase;
letter-spacing: 2px;
} .typo-heritage h2,
.typo-heritage h3,
.typo-heritage span {
font-family: 'Cinzel', serif;
}
.typo-heritage h2 {
color: #5c4033;
font-size: 3.5rem;
font-weight: 700;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}
.typo-heritage h3 a {
color: #8b5a2b;
font-size: 1.8rem;
}
.typo-heritage .blg-page-num {
background: #cd853f;
color: #fff;
font-weight: 600;
border: none;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.typo-heritage .sub {
color: #a0522d;
letter-spacing: 5px;
font-weight: 700;
text-transform: uppercase;
} .typo-calligraphy h2 {
font-family: 'Amiri', serif;
color: #1a1a1a;
font-size: 5rem;
line-height: 1;
}
.typo-calligraphy h3,
.typo-calligraphy span {
font-family: 'Cinzel Decorative', cursive;
}
.typo-calligraphy h3 a {
color: #333;
font-size: 1.6rem;
}
.typo-calligraphy .blg-page-num {
border-bottom: 2px solid #000;
color: #000;
border-radius: 0;
padding: 2px 5px;
}
.typo-calligraphy .sub {
color: #555;
} .typo-tech h2 {
font-family: 'Space Grotesk', sans-serif;
color: #2c3e50;
font-size: 5rem;
font-weight: 800;
letter-spacing: -3px;
}
.typo-tech h3,
.typo-tech span {
font-family: 'Space Grotesk', sans-serif;
}
.typo-tech h3 a {
color: #2c3e50;
font-size: 2.2rem;
font-weight: 700;
letter-spacing: -1px;
}
.typo-tech .blg-page-num {
background: #eef2f5;
color: #2c3e50;
border: 1px solid #dcdde1;
box-shadow: 0 2px 0 #dcdde1;
font-family: 'IBM Plex Mono', monospace;
font-size: 12px;
}
.typo-tech .sub {
color: #3498db;
font-family: 'IBM Plex Mono', monospace;
text-transform: uppercase;
letter-spacing: 2px;
} .typo-health h2 {
font-family: 'Plus Jakarta Sans', sans-serif;
color: #004d40;
font-size: 4.5rem;
font-weight: 800;
letter-spacing: -2px;
}
.typo-health h3 a {
color: #004d40;
font-family: var(--blg-font-heading);
font-size: 2rem;
font-weight: 600;
}
.typo-health .blg-page-num {
background: #e0f2f1;
color: #00695c;
border-radius: 30px;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.typo-health .sub {
color: #00796b;
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
} .typo-finance h2 {
font-family: 'Space Grotesk', sans-serif;
color: #0f172a;
font-size: 4.8rem;
font-weight: 800;
letter-spacing: -2px;
}
.typo-finance h3 a {
color: #0f172a;
font-family: 'Space Grotesk', sans-serif;
font-size: 2.2rem;
font-weight: 700;
letter-spacing: -1px;
}
.typo-finance .blg-page-num {
background: #e0e7ff;
color: #3730a3;
border-radius: 4px;
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
}
.typo-finance .sub {
color: #2563eb;
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
} .typo-astro h2 {
font-family: 'Michroma', sans-serif;
color: #f8fafc;
font-size: 4rem;
font-weight: 400;
text-shadow: 0 0 20px rgba(96, 165, 250, 0.5);
}
.typo-astro h3 a {
color: #f8fafc;
font-family: 'Exo 2', sans-serif;
font-size: 2rem;
font-weight: 500;
letter-spacing: 1px;
}
.typo-astro .blg-page-num {
border: 1px solid #334155;
color: #94a3b8;
border-radius: 4px;
font-family: 'Exo 2', sans-serif;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
}
.typo-astro .sub {
color: #60a5fa;
font-family: 'Michroma', sans-serif;
font-size: 12px;
letter-spacing: 5px;
text-transform: uppercase;
} .tft-menu-academic {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, visibility 0.4s ease;
position: fixed;
inset: 0;
z-index: 9999;
background: rgba(26, 20, 15, 0.98);
}
.tft-menu-academic.blg-active {
opacity: 1;
visibility: visible;
}
.tft-menu-academic__close {
position: absolute;
inset-block-start: 2rem;
inset-inline-end: 2rem;
background: transparent;
border: none;
cursor: pointer;
z-index: 10000;
}
.tft-menu-academic__content {
inline-size: 100%;
max-inline-size: 600px;
padding: 2rem;
}
.tft-menu-academic__link {
display: inline-block;
font-family: var(--blg-font-heading);
font-size: clamp(1.5rem, 4vw, 2.5rem);
color: #dcd3c6;
text-decoration: none;
padding-block: 0.5rem;
transition: color 0.3s ease;
}
.tft-menu-academic__link:hover {
color: #d4af37;
font-style: italic;
}
.tft-menu-academic__sublink {
font-family: 'Inter', sans-serif;
font-size: 0.9rem;
color: #8b7355;
text-decoration: none;
margin-inline: 1rem;
text-transform: uppercase;
letter-spacing: 2px;
}
.tft-menu-academic__sublink:hover {
color: #d4af37;
} .tft-menu-acid {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
background: #eaff00 !important; opacity: 0;
visibility: hidden;
transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
position: fixed;
inset: 0;
z-index: 9999;
transform: translateY(-100%);
}
.tft-menu-acid.blg-active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.tft-menu-acid__close {
position: absolute;
inset-block-start: 2rem;
inset-inline-end: 2rem;
background: #000;
color: #eaff00;
border: 4px solid #000;
cursor: pointer;
z-index: 10000;
padding: 0.5rem;
}
.tft-menu-acid__content {
inline-size: 100%;
block-size: 100%;
display: flex;
flex-direction: column;
padding: clamp(2rem, 5vw, 4rem);
overflow-y: auto;
}
.tft-menu-acid__marquee {
inline-size: 100%;
overflow: hidden;
white-space: nowrap;
border-block-end: 4px solid #000;
border-block-start: 4px solid #000;
margin-block-end: 2rem;
padding-block: 1rem;
background: #000;
}
.tft-menu-acid__link {
font-family: 'Space Grotesk', sans-serif;
font-weight: 900;
font-size: clamp(2rem, 6vw, 5rem);
color: #000;
text-decoration: none;
text-transform: uppercase;
line-height: 0.9;
display: block;
margin-block-end: 1rem;
transition: transform 0.1s ease;
}
.tft-menu-acid__link:hover {
transform: skewX(-15deg) translateX(20px);
color: red;
text-shadow: 4px 4px 0px #000;
}
.tft-menu-acid__sublink {
font-family: 'Inter', sans-serif;
font-size: 1.2rem;
font-weight: 800;
color: #000;
background: #fff;
border: 2px solid #000;
padding: 0.5rem 1rem;
text-decoration: none;
margin-inline-end: 1rem;
box-shadow: 4px 4px 0px #000;
display: inline-block;
margin-block-start: 2rem;
}
.tft-menu-acid__sublink:hover {
background: #000;
color: #eaff00;
} .tft-menu-vogue {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #ffffff;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
position: fixed;
inset: 0;
z-index: 9999;
}
.tft-menu-vogue.blg-active {
opacity: 1;
visibility: visible;
}
.tft-menu-vogue__close {
position: absolute;
inset-block-start: 2rem;
inset-inline-end: 2rem;
background: transparent;
color: #111;
border: none;
cursor: pointer;
z-index: 10000;
}
.tft-menu-vogue__content {
inline-size: 100%;
block-size: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: clamp(2rem, 5vw, 6rem);
}
.tft-menu-vogue__split {
display: flex;
flex-direction: column;
inline-size: 100%;
max-inline-size: 1200px;
gap: 4rem;
}
@media (min-width: 768px) {
.tft-menu-vogue__split {
flex-direction: row;
justify-content: space-between;
}
}
.tft-menu-vogue__label {
display: block;
font-family: 'Inter', sans-serif;
font-size: 0.8rem;
color: #888;
text-transform: uppercase;
letter-spacing: 0.2em;
margin-block-end: 2rem;
}
.tft-menu-vogue__link {
display: block;
font-family: var(--blg-font-heading);
font-size: clamp(2rem, 5vw, 4rem);
color: #111;
text-decoration: none;
line-height: 1.1;
margin-block-end: 0.5rem;
transition: color 0.3s ease, margin-inline-start 0.3s ease;
}
.tft-menu-vogue__link:hover {
color: #b78a87;
margin-inline-start: 1rem;
font-style: italic;
}
.tft-menu-vogue__social {
display: flex;
flex-direction: column;
gap: 1rem;
}
.tft-menu-vogue__sublink {
font-family: 'Inter', sans-serif;
font-size: 1rem;
color: #111;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1em;
transition: color 0.3s ease;
}
.tft-menu-vogue__sublink:hover {
color: #b78a87;
}
.tft-menu-vogue__sublink--margin {
margin-block-start: 2rem;
}  .tft-section {
padding-block: var(--blg-container-padding);
padding-inline: var(--blg-container-padding);
}
.tft-grid {
display: grid;
gap: var(--blg-grid-gap);
margin-block-end: var(--blg-grid-gap);
}
.tft-grid--2col {
grid-template-columns: repeat(2, 1fr);
}
.tft-grid--3col {
grid-template-columns: repeat(3, 1fr);
}
.tft-grid--4col {
grid-template-columns: repeat(4, 1fr);
} .tft-ticker {
background: var(--blg-bg-alt);
border-block: 1px solid var(--blg-border-color);
padding-block: 12px;
overflow: hidden;
white-space: nowrap;
position: relative;
padding: 10px 0px 39px 0px;
z-index: 10;
}
.tft-ticker__track {
display: inline-block;
animation: tftTickerScale 60s linear infinite;
font-family: var(--blg-font-heading);
font-size: 0.75rem;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 3px;
}
.tft-ticker__item {
display: inline-block;
padding-inline: 50px;
color: var(--blg-text-main);
}
.tft-ticker__item span {
color: var(--blg-accent-color);
margin-inline-end: 15px;
}
@keyframes tftTickerScale {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
} .tft-bento {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 320px);
gap: 24px;
}
.tft-bento__item {
position: relative;
overflow: hidden;
border-radius: var(--blg-radius-img);
background: var(--blg-bg-alt);
}
.tft-bento__item--large {
grid-column: span 2;
grid-row: span 2;
}
.tft-bento__item--wide {
grid-column: span 2;
}
.tft-bento__img {
inline-size: 100%;
block-size: 100%;
object-fit: cover;
transition: transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
}
.tft-bento__item:hover .tft-bento__img {
transform: scale(1.08);
} .tft-author {
background: var(--blg-bg-alt);
padding: clamp(30px, 5vw, 60px);
display: flex;
gap: 40px;
align-items: center;
border: 1px solid var(--blg-border-color);
border-radius: var(--blg-radius-img);
}
.tft-author__avatar {
inline-size: 140px;
block-size: 140px;
border-radius: 50%;
object-fit: cover;
border: 4px solid var(--blg-accent-color);
flex-shrink: 0;
}
.tft-author__name {
font-family: var(--blg-font-heading);
font-size: 2rem;
font-weight: 800;
margin-block-end: 15px;
} .tft-newsletter {
background: var(--blg-accent-color);
color: #fff;
text-align: center;
padding-block: 100px;
padding-inline: 40px;
margin-block: var(--blg-grid-gap);
}
.tft-newsletter__title {
font-family: var(--blg-font-heading);
font-size: clamp(2.5rem, 6vw, 4.5rem);
font-weight: 900;
line-height: 0.9;
margin-block-end: 25px;
}
.tft-newsletter__form {
display: flex;
max-inline-size: 650px;
margin-inline: auto;
margin-block-start: 50px;
gap: 15px;
}
.tft-newsletter__input {
flex: 1;
padding-inline: 30px;
padding-block: 20px;
border: none;
font-family: var(--blg-font-body);
font-size: 1rem;
}
.tft-newsletter__submit {
padding-inline: 50px;
background: #000;
color: #fff;
border: none;
cursor: pointer;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
} .tft-video {
position: relative;
block-size: 500px;
overflow: hidden;
border-radius: var(--blg-radius-img);
}
.tft-video__placeholder {
inline-size: 100%;
block-size: 100%;
object-fit: cover;
}
.tft-video__play-btn {
position: absolute;
inset-block-start: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
inline-size: 90px;
block-size: 90px;
background: #fff;
color: #000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.4);
transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
.tft-video:hover .tft-video__play-btn {
transform: translate(-50%, -50%) scale(1.1);
} .tft-card {
background: var(--blg-bg-color);
border: 1px solid var(--blg-border-color);
transition: transform 0.4s, box-shadow 0.4s;
border-radius: var(--blg-radius-img);
overflow: hidden;
}
.tft-card:hover {
transform: translateY(-10px);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);
}
.tft-card__img {
inline-size: 100%;
block-size: 260px;
object-fit: cover;
}
.tft-card__body {
padding: 35px;
} .tft-quote {
text-align: center;
max-inline-size: 1000px;
margin-inline: auto;
margin-block: 150px;
padding-inline: 40px;
}
.tft-quote__text {
font-family: var(--blg-font-heading);
font-size: clamp(1.8rem, 4vw, 3rem);
font-style: italic;
line-height: 1.3;
font-weight: 400;
}
.tft-quote__author {
display: block;
margin-block-start: 40px;
font-family: var(--blg-font-body);
font-weight: 800;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 0.8rem;
color: var(--blg-accent-color);
} .tft-instagram {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
@media (min-width: 900px) {
.tft-instagram {
grid-template-columns: repeat(6, 1fr);
}
}
.tft-instagram__item {
aspect-ratio: 1;
overflow: hidden;
position: relative;
border-radius: var(--blg-radius-img);
}
.tft-instagram__img {
inline-size: 100%;
block-size: 100%;
object-fit: cover;
} .tft-popular__item {
display: flex;
gap: 30px;
padding-block: 25px;
border-block-end: 1px solid var(--blg-border-color);
align-items: baseline;
}
.tft-popular__num {
font-family: var(--blg-font-heading);
font-size: 3rem;
font-weight: 900;
opacity: 0.15;
color: var(--blg-text-main);
line-height: 1;
} .tft-scroller {
display: flex;
gap: 40px;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-block-end: 30px;
scrollbar-width: none;
}
.tft-scroller__item {
inline-size: clamp(300px, 80%, 500px);
block-size: 550px;
flex-shrink: 0;
scroll-snap-align: start;
border-radius: var(--blg-radius-img);
overflow: hidden;
}   [data-theme="vogue"] {
--blg-bg-color: #fdfbf7;
--blg-bg-alt: #fcfbf9;
--blg-text-main: #1a1a1a;
--blg-text-muted: #666;
--blg-accent-color: #c5a059;
--blg-border-color: #e2dfd8;
--blg-font-heading: 'Playfair Display', serif;
--blg-font-body: 'Inter', sans-serif;
--blg-radius-img: 0px;
--blg-border-width: 1px;
}
[data-theme="terra"] {
--blg-bg-color: #f7f3f0;
--blg-bg-alt: #efeae5;
--blg-text-main: #2d2a26;
--blg-text-muted: #736e68;
--blg-accent-color: #8c5b3e;
--blg-border-color: #d9d1c7;
--blg-font-heading: 'Playfair Display', serif;
--blg-font-body: 'Inter', sans-serif;
--blg-radius-img: 40px;
}
[data-theme="retro"] {
--blg-bg-color: #e8dcc4;
--blg-bg-alt: #dfd0b2;
--blg-text-main: #3d2b1f;
--blg-accent-color: #d94f2b;
--blg-border-color: #c7b99c;
--blg-font-heading: 'Playfair Display', serif;
--blg-font-body: 'Cormorant Garamond', serif;
--blg-radius-img: 20px;
} [data-theme="athletic"] {
--blg-bg-color: #f4f4f4;
--blg-accent-color: #ff2a2a;
--blg-font-heading: 'Playfair Display', serif;
--blg-border-width: 8px;
}
[data-theme="botanical"] {
--blg-bg-color: #f7f9f2;
--blg-accent-color: #3d5a45;
--blg-font-heading: 'Outfit', sans-serif;
--blg-radius-img: 40px;
}
[data-theme="royal"] {
--blg-bg-color: #1a1a40;
--blg-text-main: #f0f0f0;
--blg-accent-color: #f1c40f;
--blg-font-heading: 'Playfair Display', serif;
} .blg-overlay-menu {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.98);
backdrop-filter: blur(20px);
z-index: 100001;
opacity: 0;
pointer-events: none;
transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
display: flex;
align-items: center;
justify-content: center;
}
.blg-overlay-menu.blg-menu--active {
opacity: 1;
pointer-events: auto;
}
.blg-overlay-content nav ul li a {
font-family: var(--blg-font-heading);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
display: inline-block;
}
.blg-overlay-content nav ul li a:hover {
transform: translateX(30px);
letter-spacing: 5px;
color: var(--blg-accent-color) !important;
} .blg-overlay-content>div>div:last-child {
border-inline-start: 1px solid rgba(255, 255, 255, 0.05) !important;
padding-inline-start: 80px !important;
}
.blg-overlay-content h4 {
color: var(--blg-accent-color) !important;
}
.blg-close-menu-btn {
position: absolute;
top: 50px;
inset-inline-end: 50px;
background: none;
border: none;
color: #fff;
cursor: pointer;
z-index: 2;
transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.blg-close-menu-btn:hover {
transform: rotate(180deg) scale(1.2);
color: var(--blg-accent-color);
} .tft-style-switcher {
position: fixed;
inset-inline-end: 0;
inset-block-start: 0;
block-size: 100vh;
inline-size: 320px;
background: var(--blg-bg-color);
border-inline-start: 1px solid var(--blg-border-color);
z-index: 100000;
transform: translateX(100%);
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
display: flex;
flex-direction: column;
box-shadow: -20px 0 60px rgba(0, 0, 0, 0.15);
}
.tft-style-switcher--active {
transform: translateX(0);
}
.tft-style-switcher__header {
padding: 30px 40px;
border-bottom: 1px solid var(--blg-border-color);
background: var(--blg-bg-alt);
}
.tft-style-switcher__header h4 {
font-family: var(--blg-font-heading);
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.2em;
color: var(--blg-text-muted);
}
.tft-style-switcher__list {
overflow-y: auto;
flex: 1;
padding: 20px 0;
}
.tft-style-btn {
display: block;
width: 100%;
text-align: start;
background: none;
border: none;
padding: 15px 40px;
font-family: var(--blg-font-heading);
font-size: 0.9rem;
font-weight: 700;
color: var(--blg-text-muted);
cursor: pointer;
transition: all 0.3s;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.tft-style-btn:hover,
.tft-style-btn.is-active {
color: var(--blg-accent-color);
background: var(--blg-bg-alt);
padding-inline-start: 50px;
}
.tft-style-btn span {
font-size: 0.6rem;
opacity: 0.5;
margin-inline-end: 10px;
} .tft-style-toggle {
position: fixed;
inset-inline-end: 30px;
inset-block-start: 50%;
transform: translateY(-50%);
background: #000;
color: #fff;
inline-size: 50px;
block-size: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 99999;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease;
}
.tft-style-toggle:hover {
transform: translateY(-50%) scale(1.1);
}  .tft-sidebar-drawer {
position: fixed;
inset-inline-end: 0;
inset-block-start: 0;
block-size: 100vh;
inline-size: 400px;
background: var(--blg-bg-color);
border-inline-start: 1px solid var(--blg-border-color);
z-index: 100002;
transform: translateX(100%);
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
padding: 60px 40px;
overflow-y: auto;
box-shadow: -20px 0 80px rgba(0, 0, 0, 0.2);
}
.tft-sidebar-drawer--active {
transform: translateX(0);
} .tft-modal {
position: fixed;
inset: 0;
background: rgba(var(--blg-bg-color-rgb, 255, 255, 255), 0.98);
backdrop-filter: blur(20px);
z-index: 200000;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.5s ease;
}
.tft-modal--active {
opacity: 1;
pointer-events: auto;
}
.tft-modal__close {
position: absolute;
top: 40px;
inset-inline-end: 40px;
background: none;
border: none;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 2px;
cursor: pointer;
}
.tft-search-form {
width: 100%;
max-inline-size: 800px;
padding: 40px;
}
.tft-search-form input {
width: 100%;
background: none;
border: none;
border-bottom: 4px solid var(--blg-accent-color);
font-family: var(--blg-font-heading);
font-size: clamp(2rem, 8vw, 6rem);
color: var(--blg-text-main);
outline: none;
} .typo-vogue {
font-family: var(--blg-font-heading);
} @keyframes blg-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.blg-hero-sidebar article {
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.blg-hero-sidebar article:hover {
transform: translateX(20px);
}
.blg-hero-sidebar article:hover h4 {
color: var(--blg-accent-color);
}
.blg-hero-main:hover .italic {
padding-inline-start: 60px !important;
transition: padding-inline-start 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.typo-cyber {
font-family: 'Space Grotesk', sans-serif;
}   .blg-hero-brief {
transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.blg-hero-brief:hover {
transform: translateY(-8px);
}
.blg-hero-brief a h4 {
transition: color 0.3s ease;
font-family: inherit !important;
}
.blg-hero-brief:hover a h4 {
color: var(--blg-accent-color);
} .blg-hero-main a h2 span:last-child {
transition: padding-inline-start 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.blg-hero-main:hover a h2 span:last-child {
padding-inline-start: 40px;
} .blg-hero-sub {
transition: opacity 0.3s ease;
}
.blg-hero-sub:hover {
opacity: 0.85;
} .blg-cover-articles>div:first-child div[style] {
transition: transform 0.3s ease;
} @media (max-width: 1024px) {
.blg-cover-articles>div[style*="grid-template-columns:1.4fr"] {
grid-template-columns: 1fr !important;
gap: 40px !important;
}
.blg-cover-articles>div[style*="grid-template-columns:1fr 1fr 1fr"] {
grid-template-columns: 1fr 1fr !important;
gap: 0 !important;
}
.blg-cover-articles {
padding-inline: 40px !important;
}
}
.blg-es-side {
padding-top: 0 !important;
} :root {
--blg-pattern-dots: radial-gradient(var(--blg-footer-divider, rgba(255, 255, 255, 0.1)) 1px, transparent 1px);
--blg-pattern-sparse-dots: radial-gradient(var(--blg-footer-divider, rgba(255, 255, 255, 0.08)) 1.5px, transparent 1.5px);
--blg-pattern-lines-h: repeating-linear-gradient(0deg, transparent, transparent 19px, var(--blg-footer-divider, rgba(255, 255, 255, 0.05)) 19px, var(--blg-footer-divider, rgba(255, 255, 255, 0.05)) 20px);
--blg-pattern-grid-solid: linear-gradient(var(--blg-footer-divider, rgba(255, 255, 255, 0.05)) 1px, transparent 1px), linear-gradient(90deg, var(--blg-footer-divider, rgba(255, 255, 255, 0.05)) 1px, transparent 1px);
--blg-pattern-grid-dashed: repeating-linear-gradient(90deg, var(--blg-footer-divider, rgba(255, 255, 255, 0.05)), var(--blg-footer-divider, rgba(255, 255, 255, 0.05)) 5px, transparent 5px, transparent 10px);
--blg-pattern-stripe-sm: repeating-linear-gradient(45deg, transparent, transparent 10px, var(--blg-footer-divider, rgba(255, 255, 255, 0.05)) 10px, var(--blg-footer-divider, rgba(255, 255, 255, 0.05)) 11px);
--blg-pattern-stripe-lg: repeating-linear-gradient(-45deg, transparent, transparent 30px, var(--blg-footer-divider, rgba(255, 255, 255, 0.03)) 30px, var(--blg-footer-divider, rgba(255, 255, 255, 0.03)) 60px);
--blg-pattern-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
--blg-pattern-bauhaus: radial-gradient(circle at 0% 0%, var(--blg-accent-color) 0%, transparent 10%), radial-gradient(circle at 100% 100%, var(--blg-accent-color) 0%, transparent 10%);
--blg-pattern-topography: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.01' numOctaves='2' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");
}
.blg-footer {
position: relative;
overflow: hidden;
}
.blg-footer::before {
content: "";
position: absolute;
inset: 0;
background-image: var(--blg-footer-pattern, none);
background-size: 20px 20px;
opacity: 0.4;
z-index: 1;
pointer-events: none;
}
.blg-footer--pattern-sparse-dots::before {
background-size: 60px 60px;
}
.blg-footer--pattern-lines-h::before {
background-size: 100% 20px;
}
.blg-footer--pattern-grid-solid::before {
background-size: 40px 40px;
}
.blg-footer--pattern-grid-dashed::before {
background-image: var(--blg-pattern-grid-solid);
background-size: 40px 40px;
border-image: repeating-linear-gradient(90deg, #fff, #fff 5px, transparent 5px, transparent 10px) 1;
}
.blg-footer--pattern-stripe-lg::before {
background-size: 120px 120px;
}
.blg-footer--pattern-grain::before {
background-size: 200px 200px;
opacity: 0.15;
mix-blend-mode: overlay;
}
.blg-footer--pattern-bauhaus::before {
background-size: 100% 100%;
opacity: 0.1;
}
.blg-footer--pattern-topography::before {
background-size: 500px 500px;
opacity: 0.1;
}
@media (max-width: 640px) {
.blg-cover-articles>div[style*="grid-template-columns:1.4fr"] {
grid-template-columns: 1fr !important;
}
.blg-cover-articles>div[style*="grid-template-columns:1fr 1fr 1fr"] {
grid-template-columns: 1fr !important;
}
.blg-hero-brief {
border-inline-end: none !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
padding: 30px 0 !important;
}
.blg-cover-articles>div:first-child {
display: none !important;
}
} .blg-cover-center {
min-height: calc(100vh - 100px); display: flex;
flex-direction: column;
justify-content: center;
}
.blg-cover-articles {
display: flex;
flex-direction: column;
gap: var(--blg-grid-gap);
}
.blg-smart-fit {
display: block;
overflow: hidden;
word-wrap: break-word;
word-break: break-word;
max-height: 100%;
transition: font-size 0.2s ease;
} .blg-cover-articles {
gap: 0 !important;
} @media (max-height: 600px) {
.blg-cover {
height: auto !important;
min-height: 100vh;
overflow-y: auto !important;
}
} .blg-overlay-menu {
background: #111111 !important;
color: #ffffff !important;
}
.blg-overlay-menu nav a {
color: rgba(255, 255, 255, 0.25) !important;
transition: color 0.3s ease !important;
}
.blg-overlay-menu nav a:first-child,
.blg-overlay-menu nav li:first-child a {
color: #ffffff !important;
}
.blg-overlay-menu nav a:hover {
color: var(--blg-accent-color) !important;
}
.blg-close-menu-btn {
color: #ffffff !important;
}  .blg-accordion-item summary::-webkit-details-marker {
display: none;
}
.blg-accordion-item[open] summary svg {
transform: rotate(180deg);
} .blg-hover-card img {
transition: transform 0.5s ease;
filter: grayscale(100%);
}
.blg-hover-card:hover img {
transform: scale(1.05);
filter: grayscale(0%);
}
.blg-hover-overlay {
opacity: 0;
transition: opacity 0.3s ease;
}
.blg-hover-card:hover .blg-hover-overlay {
opacity: 1;
} .blg-carousel-track::-webkit-scrollbar {
display: none;
}
.blg-carousel-track {
-ms-overflow-style: none;
scrollbar-width: none;
} @keyframes blg-marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.blg-marquee-inner {
padding-inline-start: 100%;
} [data-theme="avant"] {
--blg-font-heading: 'Syne', sans-serif;
--blg-font-body: 'Space Grotesk', sans-serif;
--blg-bg-color: #0b0b0b;
--blg-bg-alt: #111111;
--blg-text-main: #ffffff;
--blg-text-muted: #888888;
--blg-border-color: rgba(255, 255, 255, 0.1);
--blg-accent-color: #ffffff;
--blg-cover-overlay: rgba(0, 0, 0, 0.5);
--blg-cover-width: 100%;
--blg-feed-width: 100%;
} .tft-bento-hero {
width: 100%;
background: #000;
}
.tft-bento-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 45vh);
gap: 15px;
padding: 15px;
background: #000;
}
.tft-bento-item {
position: relative;
overflow: hidden;
background: #111;
border: 1px solid rgba(255, 255, 255, 0.05);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tft-bento-item--large {
grid-column: span 2;
grid-row: span 2;
}
.tft-bento-item--tall {
grid-row: span 2;
}
.tft-bento-item--wide {
grid-column: span 2;
}
.tft-bento-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
filter: grayscale(1) brightness(0.6);
}
.tft-bento-item:hover img {
transform: scale(1.08);
filter: grayscale(0) brightness(0.8);
}
.tft-bento-content {
position: absolute;
bottom: 0;
inset-inline-start: 0;
width: 100%;
padding: clamp(20px, 4vw, 40px);
z-index: 2;
background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%);
pointer-events: none;
}
.tft-bento-title {
font-family: var(--blg-font-heading);
font-weight: 900;
font-size: clamp(1.4rem, 3.5vw, 4rem);
line-height: 0.9;
margin: 0;
text-transform: uppercase;
color: #fff;
letter-spacing: -2px;
}
.tft-bento-category {
font-family: var(--blg-font-body);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 5px;
color: #fff;
opacity: 0.6;
margin-bottom: 15px;
display: block;
font-weight: 700;
}
.tft-bento-num {
position: absolute;
top: 30px;
inset-inline-end: 30px;
font-family: 'Abril Fatface', serif;
font-size: 3rem;
color: rgba(255, 255, 255, 0.05);
line-height: 1;
z-index: 1;
}
@media (max-width: 1024px) {
.tft-bento-grid {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
}
.tft-bento-item {
grid-column: span 1 !important;
grid-row: span 1 !important;
height: 40vh;
}
.tft-bento-item--large {
grid-column: span 2 !important;
height: 60vh;
}
} .tft-footer-widgets {
padding: clamp(60px, 8vw, 100px) var(--blg-container-padding);
background: var(--blg-bg-color);
border-top: 1px solid var(--blg-border-color);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
position: relative;
color: var(--blg-text-main);
}
.tft-widget-title {
font-family: var(--blg-font-heading);
font-size: 0.75rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 5px;
color: var(--blg-accent-color);
margin-bottom: 40px;
display: flex;
align-items: center;
gap: 15px;
}
.tft-widget-title::after {
content: "";
flex: 1;
height: 1px;
background: var(--blg-border-color);
} .tft-popular-list {
list-style: none;
padding: 0;
margin: 0;
}
.tft-popular-item {
display: flex;
gap: 30px;
padding: 25px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease;
text-decoration: none;
color: inherit;
}
[data-theme="dark"] .tft-popular-item {
border-bottom-color: rgba(255, 255, 255, 0.05);
}
.tft-popular-item:last-child {
border-bottom: none;
}
.tft-popular-item:hover {
transform: translateX(10px);
}
.tft-popular-num {
font-family: var(--blg-font-heading);
font-size: 0.8rem;
font-weight: 900;
color: var(--blg-accent-color);
opacity: 0.5;
}
.tft-popular-content h4 {
font-family: var(--blg-font-heading);
font-size: 1.15rem;
font-weight: 800;
line-height: 1.3;
margin: 0 0 8px 0;
text-transform: uppercase;
letter-spacing: -0.5px;
}
.tft-popular-meta {
font-family: var(--blg-font-body);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 2px;
opacity: 0.4;
} .tft-curated-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.tft-curated-card {
position: relative;
height: 280px;
overflow: hidden;
background: #000;
text-decoration: none;
}
.tft-curated-card img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.7;
transition: transform 0.8s ease, filter 0.8s ease;
}
.tft-curated-card:hover img {
transform: scale(1.1);
filter: brightness(0.4);
}
.tft-curated-info {
position: absolute;
inset: 0;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: flex-end;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
}
.tft-curated-info h5 {
font-family: var(--blg-font-body);
font-size: 0.9rem;
font-weight: 900;
color: #fff;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.2;
}
@media (max-width: 1024px) {
.tft-footer-widgets {
grid-template-columns: 1fr;
gap: 60px;
padding: 60px 40px;
}
}
@media (max-width: 480px) {
.tft-bento-grid {
grid-template-columns: 1fr;
}
.tft-bento-item {
grid-column: span 1 !important;
}
}  .tft-footer-widgets {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 80px 100px;
padding: 100px 80px;
background: var(--blg-bg-color);
border-top: 1px solid var(--blg-border-color);
margin-top: 150px;
}
.tft-footer-widget {
position: relative;
} .tft-widget-title {
font-family: var(--blg-font-heading);
font-size: 0.75rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 5px;
margin-bottom: 40px;
display: flex;
align-items: center;
gap: 15px;
color: var(--blg-accent-color);
}
.tft-widget-title::after {
content: '\2014 ';
height: 1px;
flex: 1;
background: var(--blg-border-color);
opacity: 0.5;
} .tft-popular-item {
display: flex;
gap: 25px;
text-decoration: none;
color: inherit;
margin-bottom: 35px;
transition: transform 0.4s ease;
}
.tft-popular-item:hover {
transform: translateX(10px);
}
.tft-popular-num {
font-family: var(--blg-font-heading);
font-size: 0.8rem;
font-weight: 900;
opacity: 0.2;
}
.tft-popular-content h4 {
font-family: var(--blg-font-heading);
font-size: 1.1rem;
font-weight: 900;
margin: 0 0 8px 0;
line-height: 1.2;
text-transform: uppercase;
} .tft-curated-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.tft-curated-card {
position: relative;
aspect-ratio: 3/4;
overflow: hidden;
background: #000;
}
.tft-curated-card img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.8;
transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tft-curated-card:hover img {
transform: scale(1.1);
opacity: 0.4;
}
.tft-curated-info {
position: absolute;
bottom: 20px;
inset-inline-start: 20px;
z-index: 2;
}
.tft-curated-info h5 {
color: #fff;
font-size: 0.7rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
} .tft-archive-list {
display: flex;
flex-direction: column;
gap: 15px;
}
.tft-archive-link {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
color: inherit;
font-family: 'Courier New', monospace;
font-size: 0.85rem;
padding: 10px 15px;
border-bottom: 1px solid transparent;
transition: all 0.3s ease;
background: rgba(var(--blg-accent-rgb), 0.03);
}
.tft-archive-link:hover {
background: var(--blg-text-main);
color: var(--blg-bg-color);
padding-inline-start: 25px;
}
.tft-archive-count {
opacity: 0.4;
font-size: 0.7rem;
} .tft-lab-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2px;
background: var(--blg-border-color);
border: 1px solid var(--blg-border-color);
}
.tft-lab-item {
aspect-ratio: 1;
overflow: hidden;
background: #000;
}
.tft-lab-item img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%);
transition: all 0.6s ease;
opacity: 0.8;
}
.tft-lab-item:hover img {
filter: grayscale(0%);
transform: scale(1.05);
opacity: 1;
} .tft-tactical-news {
background: var(--blg-text-main);
color: var(--blg-bg-color);
padding: 40px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.tft-tactical-news h4 {
font-family: var(--blg-font-heading);
font-size: 2.2rem;
font-weight: 900;
margin: 0 0 15px 0;
line-height: 1;
letter-spacing: -1px;
}
.tft-tactical-input {
width: 100%;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 15px;
color: #fff;
font-family: 'Courier New', monospace;
font-size: 0.75rem;
margin-bottom: 10px;
outline: none;
}
.tft-tactical-submit {
width: 100%;
padding: 15px;
background: var(--blg-accent-color);
color: #000;
border: none;
font-weight: 900;
font-size: 0.7rem;
letter-spacing: 2px;
cursor: pointer;
transition: opacity 0.3s ease;
}
.tft-tactical-submit:hover {
opacity: 0.9;
} .tft-social-matrix {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.tft-matrix-link {
display: block;
padding: 15px;
border: 1px solid var(--blg-border-color);
text-align: center;
text-decoration: none;
color: inherit;
font-family: var(--blg-font-heading);
font-size: 0.65rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.3s ease;
}
.tft-matrix-link:hover {
background: var(--blg-accent-color);
border-color: var(--blg-accent-color);
color: #000;
} @media (max-width: 1100px) {
.tft-footer-widgets {
grid-template-columns: repeat(2, 1fr);
padding: 80px 40px;
}
}
@media (max-width: 768px) {
.tft-footer-widgets {
grid-template-columns: 1fr;
gap: 60px;
padding: 60px 20px;
}
} .tft-menu-item:hover .tft-menu-link {
color: #fff !important;
text-shadow: 2px 2px 15px rgba(255, 255, 255, 0.3);
transform: translateX(30px) !important;
letter-spacing: 4px !important;
}
.tft-dropdown-toggle {
cursor: pointer;
}
.tft-dropdown-toggle:hover .tft-dropdown-icon {
opacity: 1 !important;
color: var(--blg-accent-color) !important;
transform: scale(1.2) rotate(90deg);
}
.tft-menu-item.is-open .tft-dropdown-icon {
transform: rotate(45deg) scale(1.2) !important;
color: var(--blg-accent-color) !important;
opacity: 1 !important;
}
.tft-sub-link {
display: block !important;
padding: 12px 15px !important;
border-radius: 4px;
border-inline-start: 2px solid transparent;
}
.tft-sub-link:hover {
color: var(--blg-accent-color) !important;
padding-inline-start: 20px !important;
letter-spacing: 3px !important;
background: rgba(255, 255, 255, 0.03);
border-inline-start: 2px solid var(--blg-accent-color);
} .blg-comments {
margin-top: 80px;
padding-top: 60px;
border-top: 1px solid var(--blg-border-color);
}
.blg-comments__title {
font-family: var(--blg-font-heading);
font-size: clamp(1.5rem, 3vw, 2.5rem);
font-weight: 900;
text-transform: uppercase;
letter-spacing: -1px;
margin-bottom: 40px;
display: flex;
align-items: center;
gap: 15px;
}
.blg-comments__count {
font-size: 0.4em;
background: var(--blg-accent-color);
color: #fff;
padding: 4px 12px;
border-radius: 50px;
letter-spacing: 1px;
vertical-align: middle;
}
.blg-comment-list {
list-style: none;
padding: 0;
margin: 0;
}
.blg-comment {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.blg-comment__inner {
display: flex;
gap: 25px;
}
.blg-comment__avatar {
flex-shrink: 0;
}
.blg-comment__avatar img {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
filter: grayscale(1);
border: 1px solid var(--blg-border-color);
}
.blg-comment__content {
flex: 1;
}
.blg-comment__meta {
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: baseline;
}
.blg-comment__author {
font-family: var(--blg-font-heading);
font-weight: 800;
font-size: 1.1rem;
text-transform: uppercase;
}
.blg-comment__date {
font-size: 0.7rem;
color: var(--blg-text-muted);
text-transform: uppercase;
letter-spacing: 1px;
}
.blg-comment__text {
font-size: 1rem;
line-height: 1.7;
color: var(--blg-text-main);
}
.blg-comment__reply {
margin-top: 15px;
}
.blg-comment__reply-link {
font-family: var(--blg-font-body);
font-size: 0.65rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-accent-color);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.3s;
}
.blg-comment__reply-link:hover {
border-color: currentColor;
} .blg-comment-form {
margin-top: 60px;
background: var(--blg-bg-alt);
padding: clamp(30px, 5vw, 60px);
border-radius: var(--blg-radius-card, 0);
}
.blg-comment-form__title {
font-family: var(--blg-font-heading);
font-size: 1.5rem;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 30px;
}
.blg-comment-form .form-row {
margin-bottom: 20px;
}
.blg-comment-form input,
.blg-comment-form textarea {
width: 100%;
padding: 15px 20px;
background: var(--blg-bg-color);
border: 1px solid var(--blg-border-color);
font-family: var(--blg-font-body);
font-size: 0.9rem;
outline: none;
transition: border-color 0.3s;
}
.blg-comment-form input:focus,
.blg-comment-form textarea:focus {
border-color: var(--blg-accent-color);
}
.blg-comment-form .submit {
background: var(--blg-text-main);
color: var(--blg-bg-color);
border: none;
padding: 15px 40px;
font-family: var(--blg-font-heading);
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.8rem;
cursor: pointer;
transition: opacity 0.3s;
}
.blg-comment-form .submit:hover {
opacity: 0.8;
} .blg-floating-share {
position: fixed;
top: 50%;
inset-inline-start: 40px;
transform: translateY(-50%);
display: flex;
flex-direction: column;
gap: 15px;
z-index: 100;
opacity: 0;
visibility: hidden;
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.blg-floating-share.is-visible {
opacity: 1;
visibility: visible;
}
.blg-share-btn {
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
background: var(--blg-bg-color);
border: 1px solid var(--blg-border-color);
color: var(--blg-text-main);
text-decoration: none;
font-size: 1.1rem;
transition: all 0.3s ease;
border-radius: 50%;
}
.blg-share-btn:hover {
background: var(--blg-text-main);
color: var(--blg-bg-color);
transform: scale(1.1);
}
@media (max-width: 1400px) {
.blg-floating-share {
inset-inline-start: 15px;
}
}
@media (max-width: 1100px) {
.blg-floating-share {
display: none;
}
} .blg-single-layout .blg-feed {
padding-top: 0;
}
.blg-single-layout .blg-cover {
position: sticky;
top: 0;
}
@media (max-width: 1100px) {
.blg-single-layout {
display: block;
}
.blg-single-layout .blg-cover {
position: relative;
height: 60vh !important;
}
} .blg-maintenance-mode {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background: var(--blg-bg-color);
color: var(--blg-text-main);
}  .blg-nav-links>li>a {
font-size: 0.75rem !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
} .blg-nav-links li.current-menu-item>a,
.blg-nav-links li.current_page_item>a,
.blg-nav-links li.current-post-ancestor>a {
color: var(--blg-accent-color);
}
.blg-nav-links li.current-menu-item>a::after,
.blg-nav-links li.current_page_item>a::after {
width: 100% !important;
} .blg-overlay-menu__inner .tft-overlay-nav-list .tft-menu-item a {
font-family: var(--blg-font-heading);
font-size: clamp(2rem, 5vw, 4rem) !important;
font-weight: 900 !important;
letter-spacing: -2px !important;
text-transform: uppercase;
line-height: 1.1;
margin-bottom: 30px;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.blg-overlay-menu__inner .tft-overlay-nav-list .tft-menu-item.current-menu-item a,
.blg-overlay-menu__inner .tft-overlay-nav-list .tft-menu-item.current_page_item a {
color: var(--blg-accent-color);
} .blg-overlay-menu.is-open {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0) !important;
}
.blg-overlay-menu.is-open .blg-overlay-menu__inner {
transform: translateY(0);
opacity: 1;
} @media (max-width: 1200px) {
#blg-mobile-menu-trigger {
display: flex !important;
}
} .tft-comments {
margin-top: clamp(60px, 8vw, 100px);
padding-top: 60px;
border-top: 1px solid var(--blg-border-color);
}
.tft-comments__title {
font-family: var(--blg-font-heading);
font-size: clamp(1.5rem, 3vw, 2.5rem);
font-weight: 900;
margin-bottom: 50px;
letter-spacing: -1px;
}
.tft-comment {
display: flex;
gap: clamp(20px, 4vw, 40px);
margin-bottom: 50px;
padding-bottom: 40px;
border-bottom: 1px solid var(--blg-border-color);
}
.tft-comment--reply {
margin-inline-start: clamp(40px, 6vw, 80px);
}
.tft-comment__avatar {
width: clamp(50px, 6vw, 70px);
height: clamp(50px, 6vw, 70px);
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--blg-accent-color);
padding: 3px;
flex-shrink: 0;
}
.tft-comment__content {
flex: 1;
}
.tft-comment__name {
font-family: var(--blg-font-heading);
font-size: 1.1rem;
font-weight: 800;
margin: 0 0 5px;
color: var(--blg-text-main);
}
.tft-comment__name a {
text-decoration: none;
color: inherit;
}
.tft-comment__date {
font-family: var(--blg-font-body);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
opacity: 0.5;
margin-bottom: 15px;
}
.tft-comment__text {
font-family: var(--blg-font-body);
font-size: clamp(0.95rem, 1.1vw, 1rem);
line-height: 1.7;
color: var(--blg-text-main);
opacity: 0.85;
}
.tft-single-hero__meta-pill {
display: block;
padding: 0;
background: none;
color: var(--blg-accent-color);
font-family: var(--blg-font-body);
font-size: 0.75rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 3px;
margin-block-start: 10px;
align-self: flex-start;
} .blg-extended-meta {
display: flex;
align-items: center;
gap: 30px;
padding: 25px 0;
border-top: 1px solid var(--blg-border-color);
border-bottom: 1px solid var(--blg-border-color);
margin-bottom: clamp(30px, 4vw, 50px);
}
.blg-meta-author {
display: flex;
align-items: center;
gap: 15px;
}
.blg-meta-avatar img {
width: 44px;
height: 44px;
border-radius: 50%;
object-fit: cover;
}
.blg-meta-info {
display: flex;
flex-direction: column;
}
.blg-author-link {
font-family: var(--blg-font-heading);
font-size: 1.1rem;
font-weight: 800;
color: var(--blg-text-main);
text-decoration: none;
line-height: 1.2;
}
.blg-meta-label {
font-family: var(--blg-font-body);
font-size: 0.6rem;
color: var(--blg-text-muted);
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 700;
}
.blg-meta-divider {
width: 1px;
height: 40px;
background: var(--blg-border-color);
}
.blg-meta-details {
display: grid;
grid-template-columns: repeat(2, auto);
gap: 15px 30px;
flex: 1;
}
.blg-meta-item {
display: flex;
align-items: center;
gap: 10px;
}
.blg-meta-item-label {
display: flex;
align-items: center;
gap: 6px;
font-family: var(--blg-font-body);
font-size: 0.65rem;
color: var(--blg-accent-color);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 800;
}
.blg-meta-item-label svg {
opacity: 0.9;
}
.blg-meta-item-value {
font-family: var(--blg-font-body);
font-size: 0.85rem;
color: var(--blg-text-muted);
font-weight: 600;
}
@media (max-width: 768px) {
.blg-extended-meta {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.blg-meta-divider {
display: none;
}
.blg-meta-details {
grid-template-columns: 1fr;
}
}
.tft-comment__reply a {
display: inline-block;
margin-top: 15px;
font-family: var(--blg-font-body);
font-size: 0.65rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-accent-color);
text-decoration: none;
transition: transform 0.3s ease;
}
.tft-comment__reply a:hover {
transform: translateX(5px);
} .tft-comment-form {
margin-top: 80px;
background: var(--blg-bg-alt);
padding: clamp(30px, 5vw, 60px);
border-radius: var(--blg-radius-img, 0px);
}
#reply-title {
font-family: var(--blg-font-heading);
font-size: 1.8rem;
font-weight: 900;
margin-bottom: 30px;
display: block;
}
.tft-comment-form input,
.tft-comment-form textarea {
width: 100%;
background: none;
border: none;
border-bottom: 2px solid var(--blg-border-color);
padding: 15px 0;
font-family: var(--blg-font-body);
font-size: 1rem;
color: var(--blg-text-main);
outline: none;
margin-bottom: 30px;
transition: border-color 0.3s ease;
}
.tft-comment-form input:focus,
.tft-comment-form textarea:focus {
border-bottom-color: var(--blg-text-main);
}
.tft-comment-form textarea {
min-height: 150px;
resize: vertical;
}
.tft-comment-form__submit {
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.tft-comment-form__submit:hover {
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
background: var(--blg-accent-color) !important;
}
.logged-in-as {
font-family: var(--blg-font-body);
font-size: 0.85rem;
margin-bottom: 25px;
opacity: 0.7;
}
.logged-in-at a {
color: var(--blg-accent-color);
}
@media (max-width: 768px) {
.tft-comment {
flex-direction: column;
gap: 15px;
}
.tft-comment__avatar {
width: 50px;
height: 50px;
}
.tft-comment--reply {
margin-inline-start: 20px;
}
.tft-comment-form__row {
grid-template-columns: 1fr !important;
gap: 0 !important;
}
}  .blg-cover-bg--zoom {
animation: blgKenBurns 25s infinite alternate ease-in-out;
}
@keyframes blgKenBurns {
0% {
transform: scale(1.1);
}
100% {
transform: scale(1.25);
}
} .blg-cover-bg--pan {
animation: blgSlowPan 30s infinite alternate ease-in-out;
}
@keyframes blgSlowPan {
0% {
transform: scale(1.2) translateX(-5%);
}
100% {
transform: scale(1.2) translateX(5%);
}
} .blg-cover-bg--parallax {
transform: scale(1.15);
will-change: transform;
} .blg-layout--narrow #blg-feed {
padding-inline: clamp(20px, 15vw, 200px);
}
.blg-layout--wide #blg-feed {
padding-inline: clamp(20px, 2vw, 40px);
} .blg-hide-header .blg-feed-nav {
display: none !important;
}
.blg-hide-footer .tft-footer {
display: none !important;
}
.blg-hide-sidebar #tft-sidebar-trigger {
display: none !important;
}
.blg-hide-share .blg-floating-share {
display: none !important;
}
.blg-hide-author .tft-author-box {
display: none !important;
}
.blg-hide-related .tft-related-posts {
display: none !important;
} .blg-cover-video-wrap::after {
content: '\2014 ';
position: absolute;
inset: 0;
background: var(--blg-cover-overlay);
z-index: 2;
}
.blg-hero-briefs-grid {
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding-top: 30px;
}
.blg-hero-brief {
transition: transform 0.4s ease, opacity 0.4s ease;
}
.blg-hero-brief a {
display: block;
height: 100%;
}
.blg-hero-main-title {
font-family: var(--blg-font-heading);
text-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
} @media (max-width: 1024px) {
.blg-hero-briefs-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.blg-hero-brief {
border-inline-end: none !important;
padding-inline: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
padding-bottom: 20px;
}
.blg-hero-brief:last-child {
border-bottom: none;
}
} .blg-cover-bg {
transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), filter 1.2s ease;
will-change: transform, filter;
} .blg-cover-bg--zoom-in {
animation: blg-zoom-in 20s infinite alternate ease-in-out;
}
@keyframes blg-zoom-in {
from {
transform: scale(1.1);
}
to {
transform: scale(1.3);
}
} .blg-cover-bg--zoom-out {
animation: blg-zoom-out 20s infinite alternate ease-in-out;
}
@keyframes blg-zoom-out {
from {
transform: scale(1.3);
}
to {
transform: scale(1.1);
}
} .blg-cover-bg--pan-left {
animation: blg-pan-left 25s infinite alternate ease-in-out;
}
@keyframes blg-pan-left {
from {
transform: scale(1.2) translateX(5%);
}
to {
transform: scale(1.2) translateX(-5%);
}
} .blg-cover-bg--pan-right {
animation: blg-pan-right 25s infinite alternate ease-in-out;
}
@keyframes blg-pan-right {
from {
transform: scale(1.2) translateX(-5%);
}
to {
transform: scale(1.2) translateX(5%);
}
} .blg-cover-bg--tilt {
animation: blg-tilt 15s infinite alternate ease-in-out;
}
@keyframes blg-tilt {
from {
transform: scale(1.15) rotate(1deg);
}
to {
transform: scale(1.15) rotate(-1deg);
}
} .blg-cover-bg--glitch {
animation: blg-glitch 8s infinite alternate-reverse linear;
}
@keyframes blg-glitch {
0%,
100% {
transform: scale(1.1);
filter: contrast(1);
}
92% {
transform: scale(1.11) translateX(2px);
filter: contrast(1.1);
}
95% {
transform: scale(1.09) translateX(-2px);
filter: contrast(0.9);
}
} .blg-cover-bg--blur-in {
animation: blg-blur-in 12s infinite alternate ease-in-out;
}
@keyframes blg-blur-in {
from {
filter: blur(0);
transform: scale(1.1);
}
to {
filter: blur(10px);
transform: scale(1.2);
}
} .blg-cover-bg--ken-burns {
animation: blg-ken-burns 30s infinite alternate ease-in-out;
}
@keyframes blg-ken-burns {
from {
transform: scale(1) translate(0, 0);
}
to {
transform: scale(1.4) translate(-5%, -5%);
}
} .blg-cover-bg--parallax {
transform: scale(1.15);
} #blg-smart-more {
position: relative;
}
.blg-smart-dropdown {
position: absolute;
top: 100%;
inset-inline-end: 0;
background: #000;
min-width: 200px;
list-style: none;
padding: 20px;
margin: 0;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
z-index: 1000;
border: 1px solid rgba(255, 255, 255, 0.1);
}
#blg-smart-more:hover .blg-smart-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.blg-smart-dropdown li {
margin-bottom: 10px;
display: block !important;
}
.blg-smart-dropdown a {
font-size: 0.75rem;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
} .blg-feed-nav {
flex-wrap: nowrap !important;
}
.blg-feed-nav .blg-nav-menu ul {
display: flex !important;
gap: 20px !important;
white-space: nowrap !important;
} .wpcf7-form {
max-width: 100%;
}
.wpcf7-form p {
margin-bottom: 0;
}
.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-email,
.wpcf7-form .wpcf7-textarea {
width: 100%;
border: none;
border-bottom: 2px solid var(--blg-border-color) !important;
background: none !important;
font-family: var(--blg-font-heading) !important;
font-size: 1.6rem !important;
padding: 20px 0 !important;
outline: none !important;
color: var(--blg-text-main) !important;
transition: border-color 0.4s ease !important;
display: block !important;
box-shadow: none !important;
}
.wpcf7-form .wpcf7-textarea {
min-height: 150px !important;
font-size: 1.1rem !important;
font-family: var(--blg-font-body) !important;
resize: none !important;
}
.wpcf7-form .wpcf7-text:focus,
.wpcf7-form .wpcf7-email:focus,
.wpcf7-form .wpcf7-textarea:focus {
border-bottom-color: var(--blg-text-main) !important;
}
.wpcf7-form label {
font-family: var(--blg-font-body) !important;
font-size: 0.65rem !important;
text-transform: uppercase !important;
font-weight: 900 !important;
letter-spacing: 3px !important;
color: var(--blg-text-muted) !important;
display: block !important;
margin-bottom: 5px !important;
margin-top: 40px !important;
}
.wpcf7-form .wpcf7-submit {
margin-top: 40px !important;
padding: 25px 60px !important;
background: var(--blg-text-main) !important;
color: var(--blg-bg-color) !important;
border: none !important;
font-family: var(--blg-font-body) !important;
font-size: 0.75rem !important;
text-transform: uppercase !important;
font-weight: 900 !important;
letter-spacing: 5px !important;
cursor: pointer !important;
transition: transform 0.3s ease, background 0.3s ease !important;
display: block !important;
width: 100% !important;
}
.wpcf7-form .wpcf7-submit:hover {
transform: translateY(-2px) !important;
opacity: 0.9 !important;
}
.wpcf7-response-output {
margin: 30px 0 0 !important;
padding: 20px !important;
border: 1px solid var(--blg-border-color) !important;
font-family: var(--blg-font-body) !important;
font-size: 0.85rem !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-align: center !important;
} :root {
.blg-layout {
display: flex;
min-height: 100vh;
width: 100%;
overflow-x: hidden;
}
.blg-cover {
width: var(--blg-cover-width);
height: 100vh;
position: sticky;
top: 0;
overflow: hidden;
z-index: 10;
flex-shrink: 0;
}
.blg-feed {
width: var(--blg-feed-width, 50%);
min-height: 100vh;
background: var(--blg-bg-color, #fff);
border-inline-start: 1px solid var(--blg-border-color, #eee);
position: relative;
z-index: 5;
flex-grow: 1;
} .blg-feed-nav {
position: sticky;
top: 0;
z-index: 110;
backdrop-filter: blur(20px);
}
@media (max-width: 1024px) {
.blg-layout {
flex-direction: column;
height: auto;
overflow: visible;
}
.blg-cover {
width: 100% !important;
height: auto;
min-height: 60vh;
position: relative;
}
.blg-feed {
width: 100% !important;
height: auto;
overflow: visible;
border-inline-start: none;
border-top: 1px solid var(--blg-border-color, #eee);
}
} .blg-overlay-menu {
background: var(--blg-bg-color) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 5vw !important;
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.blg-overlay-menu.is-open {
opacity: 1 !important;
pointer-events: auto !important;
}
.blg-overlay-menu__inner {
width: 100%;
max-width: 1400px;
margin: 0 auto;
}
.blg-overlay-grid {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: clamp(40px, 8vw, 150px);
align-items: center;
width: 100%;
}
.blg-brand-logo--overlay {
font-size: clamp(2rem, 5vw, 4rem) !important;
font-weight: 900 !important;
margin-bottom: clamp(30px, 5vw, 60px) !important;
display: block !important;
text-decoration: none;
color: var(--blg-text-main);
} .tft-overlay-nav-list {
list-style: none;
padding: 0;
margin: 0;
}
.tft-overlay-nav-list .menu-item,
.tft-overlay-nav-list li {
margin-bottom: 5px;
}
.tft-overlay-nav-list a,
.tft-overlay-nav-list .tft-menu-link {
font-family: var(--blg-font-heading);
font-size: clamp(1.8rem, 4vw, 3.5rem);
font-weight: 800;
text-transform: uppercase;
color: var(--blg-text-main);
text-decoration: none;
transition: all 0.3s ease;
display: inline-block;
line-height: 1.1;
}
.tft-overlay-nav-list a:hover,
.tft-overlay-nav-list .tft-menu-link:hover {
color: var(--blg-accent-color);
transform: translateX(15px);
} .tft-overlay-nav-list .sub-menu {
list-style: none;
padding: 15px 0 15px 30px;
display: none;
}
.tft-overlay-nav-list .menu-item-has-children:hover>.sub-menu {
display: block;
}
.tft-overlay-nav-list .sub-menu a {
font-size: clamp(1rem, 1.5vw, 1.2rem);
font-weight: 400;
text-transform: none;
opacity: 0.6;
} .blg-overlay-col-featured {
display: flex;
flex-direction: column;
justify-content: center;
gap: 50px;
border-inline-start: 1px solid rgba(0, 0, 0, 0.08);
padding-inline-start: clamp(30px, 5vw, 60px);
height: 100%;
}
[data-theme="vogue"] .blg-overlay-col-featured,
[data-theme="athletic"] .blg-overlay-col-featured {
border-inline-start-color: rgba(255, 255, 255, 0.1);
}
.tft-overlay-featured {
position: relative;
}
.tft-overlay-featured::before {
content: '\2014 ';
position: absolute;
inset-inline-start: calc(clamp(30px, 5vw, 60px) * -1 - 1px);
top: 5px;
width: 4px;
height: 60px;
background: var(--blg-accent-color);
}
.tft-featured-label {
font-family: var(--blg-font-body);
color: var(--blg-accent-color);
letter-spacing: 5px;
text-transform: uppercase;
font-size: 0.75rem;
display: block;
margin-bottom: 20px;
font-weight: 800;
}
.tft-featured-title {
font-family: var(--blg-font-heading);
font-size: clamp(1.8rem, 3vw, 2.8rem);
line-height: 1.1;
letter-spacing: -1px;
margin: 0;
}
.tft-featured-title a {
color: inherit;
text-decoration: none;
}
.tft-featured-excerpt {
font-family: var(--blg-font-body);
opacity: 0.6;
font-size: 1rem;
margin-top: 20px;
max-width: 400px;
line-height: 1.6;
}
.tft-feat-btn {
display: inline-block;
margin-top: 30px;
font-family: var(--blg-font-body);
font-size: 0.8rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-accent-color);
text-decoration: none;
transition: all 0.3s ease;
}
.tft-feat-btn:hover {
padding-inline-end: 15px;
opacity: 0.8;
}
.tft-menu-socials {
display: flex;
gap: 40px;
margin-top: 10px;
}
.tft-menu-social {
color: var(--blg-text-muted);
text-decoration: none;
font-family: var(--blg-font-body);
font-size: 0.7rem;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 800;
transition: color 0.3s ease;
}
.tft-menu-social:hover {
color: var(--blg-accent-color);
} @media (max-width: 1024px) {
.blg-overlay-grid {
grid-template-columns: 1fr;
gap: 60px;
}
.blg-overlay-col-featured {
border-inline-start: none;
padding-inline-start: 0;
border-top: 1px solid rgba(0, 0, 0, 0.08);
padding-top: 40px;
}
.tft-overlay-featured::before {
display: none;
}
.blg-overlay-menu {
padding: 80px 30px !important;
overflow-y: auto;
justify-content: flex-start !important;
}
}
.blg-feed-nav .blg-nav-center {
position: absolute;
inset-inline-start: 50%;
transform: translateX(-50%);
font-family: var(--blg-font-heading);
font-style: italic;
font-size: 0.9rem;
opacity: 0.5;
pointer-events: none;
}
.blg-feed-nav .blg-nav-right {
display: flex;
align-items: center;
gap: clamp(15px, 2vw, 25px);
margin-inline-start: auto;
}
.tft-nav-icon-btn {
background: none;
border: none;
color: var(--blg-text-main);
cursor: pointer;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.3s;
}
.tft-nav-icon-btn:hover {
color: var(--blg-accent-color);
}
.tft-nav-subscribe-btn {
background: var(--blg-text-main);
color: var(--blg-bg-color);
border: none;
padding: 10px 25px;
border-radius: 50px;
font-family: var(--blg-font-body);
font-size: 0.7rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
transition: all 0.3s;
}
.tft-nav-subscribe-btn:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.e-con-boxed.e-flex {
padding: clamp(40px, 5vw, 40px) clamp(20px, 4vw, 50px);
}
.blg-single-content-wrap {
padding-top: 60px !important;
}  .tft-modal,
.tft-sidebar-drawer {
position: fixed;
inset: 0;
z-index: 9999;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.35s ease, visibility 0.35s ease;
} .tft-modal.is-open,
.tft-sidebar-drawer.is-open {
opacity: 1;
visibility: visible;
pointer-events: all;
} .tft-modal#tft-modal-search {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.92);
backdrop-filter: blur(20px);
padding: clamp(30px, 6vw, 80px);
}
.tft-modal#tft-modal-search .tft-search-form {
width: 100%;
max-width: 700px;
border-bottom: 2px solid rgba(255, 255, 255, 0.4);
display: flex;
gap: 15px;
align-items: center;
padding-block-end: 10px;
}
.tft-modal#tft-modal-search input[type=text] {
flex: 1;
background: none;
border: none;
outline: none;
font-family: var(--blg-font-heading);
font-size: clamp(1.5rem, 4vw, 3rem);
font-weight: 900;
color: #fff;
letter-spacing: -1px;
}
.tft-modal#tft-modal-search input[type=text]::placeholder {
color: rgba(255, 255, 255, 0.3);
} .tft-modal#tft-modal-subscribe {
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.85);
backdrop-filter: blur(25px) saturate(180%);
}
.tft-modal .tft-newsletter {
max-width: 520px;
width: 90%;
text-align: center;
color: #fff !important; }
.tft-modal .tft-newsletter__title {
font-size: clamp(2.5rem, 5vw, 4.5rem) !important;
line-height: 1 !important;
margin-bottom: 20px !important;
color: #fff !important;
}
.tft-modal .tft-newsletter p {
font-size: 1.1rem;
opacity: 0.8;
margin-bottom: 30px;
}
.tft-modal .tft-newsletter__form {
border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
display: flex;
align-items: center;
padding-bottom: 10px;
margin-top: 20px;
}
.tft-modal .tft-newsletter__input {
flex: 1;
background: none !important;
border: none !important;
color: #fff !important;
font-family: var(--blg-font-body);
font-size: 1.1rem;
outline: none !important;
padding: 10px 0;
}
.tft-modal .tft-newsletter__input::placeholder {
color: rgba(255, 255, 255, 0.4);
}
.tft-modal .tft-newsletter__submit {
background: #fff !important;
color: #000 !important;
border-radius: 50px;
padding: 12px 30px;
font-size: 0.75rem;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
} .tft-modal .tft-modal__close {
position: absolute;
inset-block-start: 30px;
inset-inline-end: 30px;
background: none;
border: none;
color: rgba(255, 255, 255, 0.6);
font-family: var(--blg-font-body);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
cursor: pointer;
transition: color 0.3s ease;
}
.tft-modal .tft-modal__close:hover {
color: #fff;
} .tft-sidebar-drawer {
position: fixed;
inset: 0 0 0 auto;
width: min(380px, 90vw);
background: var(--blg-bg-color, #fff);
box-shadow: -20px 0 60px rgba(0, 0, 0, 0.25);
transform: translateX(100%);
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0s 0.4s, visibility 0s 0.4s;
opacity: 1; visibility: hidden;
overflow-y: auto;
}
.tft-sidebar-drawer.is-open {
transform: translateX(0);
visibility: visible;
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0s, visibility 0s;
}
.tft-sidebar-drawer .tft-modal__close {
display: block;
width: 100%;
text-align: end;
padding: 15px 20px;
background: none;
border: none;
font-family: var(--blg-font-body);
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
cursor: pointer;
color: var(--blg-text-muted);
transition: color 0.3s ease;
}
.tft-sidebar-drawer .tft-modal__close:hover {
color: var(--blg-accent-color);
} .blg-hide-header .blg-feed-nav {
display: none !important;
}
.blg-hide-cover .blg-cover-panel,
.blg-no-cover .blg-cover-panel {
display: none !important;
}
.blg-hide-footer .blg-footer {
padding: 0;
background-color: #111111 !important; color: #ffffff !important;
}
.blg-hide-sidebar #tft-sidebar-drawer {
display: none !important;
}
.blg-hide-share .blg-floating-share {
display: none !important;
}
.blg-hide-author .blg-author-box {
display: none !important;
}
.blg-hide-related .blg-related-posts {
display: none !important;
}
.blg-hide-ticker .blg-ticker-wrap {
display: none !important;
} .blg-no-cover .blg-feed,
.blg-hide-cover .blg-feed {
width: 100% !important;
margin-inline-start: 0 !important;
} .blg-floating-share.is-visible {
pointer-events: auto !important;
} .blg-nav-links li {
position: relative;
} .blg-nav-links .sub-menu::before {
content: '\2014 ';
position: absolute;
top: -20px;
inset-inline-start: 0;
width: 100%;
height: 20px;
background: transparent;
}
.blg-nav-links .sub-menu {
position: absolute;
top: 100%;
inset-inline-start: 0;
min-width: 240px;
background: var(--blg-bg-color, #fff);
border: 1px solid var(--blg-border-color, #eee);
padding: 15px 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 0;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
z-index: 1000;
}
.blg-nav-links li:hover>.sub-menu,
.blg-nav-links li:focus-within>.sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.blg-nav-links .sub-menu li {
width: 100%;
margin: 0;
padding: 0;
}
.blg-nav-links .sub-menu a {
display: block;
padding: 10px 25px;
font-size: 0.65rem;
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--blg-text-main, #000);
text-decoration: none;
transition: all 0.3s ease;
border: none;
}
.blg-nav-links .sub-menu a::after {
display: none;
}
.blg-nav-links .sub-menu a:hover,
.blg-nav-links .sub-menu a:focus {
color: var(--blg-accent-color, #ff0000);
background: transparent;
padding-inline-start: 35px;
} .blg-nav-links .menu-item-has-children>a {
padding-inline-end: 20px;
}
.blg-nav-links .menu-item-has-children>a::before {
content: '\2014 ';
position: absolute;
top: 50%;
inset-inline-end: 0px;
transform: translateY(-50%);
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: var(--blg-text-main, #000) transparent transparent transparent;
transition: transform 0.3s ease;
opacity: 0.5;
}
.blg-nav-links .menu-item-has-children:hover>a::before,
.blg-nav-links .menu-item-has-children:focus-within>a::before {
transform: translateY(-50%) rotate(180deg);
border-top-color: var(--blg-accent-color);
opacity: 1;
} .blg-footer--inverse .blg-footer__copy,
.blg-footer--inverse .tft-widget,
.blg-footer--inverse p,
.blg-footer--inverse span {
color: rgba(255, 255, 255, 0.85) !important;
}
.blg-footer--inverse h1,
.blg-footer--inverse h2,
.blg-footer--inverse h3,
.blg-footer--inverse h4,
.blg-footer--inverse h5,
.blg-footer--inverse h6,
.blg-footer--inverse .tft-widget__title {
color: #ffffff !important;
}
.blg-footer--inverse a {
color: #ffffff !important;
}
.blg-footer--inverse a:hover,
.blg-footer--inverse .blg-footer__nav-list a:hover {
color: var(--blg-accent-color) !important;
}
.blg-footer--inverse .blg-brand-logo,
.blg-footer--inverse .blg-brand-logo-img {
filter: invert(1) brightness(2) !important;
} .blg-footer {
padding: 0;
background-color: #111111 !important; color: #ffffff !important;
}
.blg-footer .widget-title,
.blg-footer .widgettitle,
.blg-footer h2.widget-title,
.blg-footer h3.widget-title,
.blg-footer h4,
.blg-footer h5,
.blg-footer h6,
.blg-footer .tft-widget__title {
color: var(--blg-footer-title-actual) !important;
}
.blg-footer a,
.blg-footer .widget_recent_entries ul li a,
.blg-footer .widget_categories ul li a,
.blg-footer .widget_archive ul li a,
.blg-footer .widget_meta ul li a,
.blg-footer .widget_pages ul li a,
.blg-footer .tft-matrix-link {
color: var(--blg-footer-link-actual) !important;
}
.blg-footer a:hover,
.blg-footer .widget_recent_entries ul li a:hover,
.blg-footer .widget_categories ul li:hover a,
.blg-footer .widget_archive ul li:hover a,
.blg-footer .widget_meta ul li a:hover,
.blg-footer .widget_pages ul li a:hover,
.blg-footer .tft-matrix-link:hover {
color: var(--blg-footer-link-hover-actual) !important;
}
.blg-footer .tft-tactical-submit,
.blg-footer .blg-btn {
background-color: var(--blg-footer-btn-bg-actual) !important;
color: var(--blg-footer-btn-text-actual) !important;
} .blg-footer {
padding: 0;
background-color: #111111 !important; color: #ffffff !important;
} .blg-footer::before {
content: '\2014 ';
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
background-image: radial-gradient(var(--blg-border-color) 1px, transparent 1px);
background-size: 40px 40px;
opacity: 0.3;
}
.blg-footer__inner {
max-width: var(--blg-container-max, 1440px);
margin: 0 auto;
padding: 0 clamp(20px, 4vw, 60px);
position: relative;
z-index: 2;
} .blg-footer .tft-widget,
.blg-footer .widget {
font-size: 1.05rem;
line-height: 1.8;
margin: 0 0 35px 0 !important; padding: 0;
}
.blg-footer .tft-widget__title,
.blg-footer .widget-title,
.blg-footer h2.widget-title,
.blg-footer h3.widget-title,
.blg-footer h4.widget-title,
.blg-footer h5.widget-title {
font-size: 1.1rem !important;
letter-spacing: 5px;
font-weight: 900;
margin: 0 0 20px 0 !important; padding: 0;
text-transform: uppercase;
line-height: 1.2;
} .blg-footer .tft-social-matrix {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px; }
.blg-footer .tft-matrix-link {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 20px;
background: transparent;
border: 1px solid var(--blg-border-color);
text-transform: uppercase;
font-weight: 800;
letter-spacing: 2px;
font-size: 0.75rem;
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.blg-footer .tft-matrix-link:hover {
background-color: var(--blg-text-main) !important;
color: var(--blg-bg-color) !important;
border-color: var(--blg-text-main) !important;
}
.blg-footer .tft-social-matrix+p {
margin-top: 30px !important;
font-size: 0.8rem;
}
.blg-footer .tft-widget ul {
list-style: none;
padding: 0;
margin: 0;
}
.blg-footer .tft-widget ul li {
margin-bottom: 0;
font-size: 0.85rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.blg-footer .tft-widget ul li a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
text-decoration: none;
font-family: var(--blg-font-body, system-ui);
font-weight: 500;
color: var(--blg-text-muted) !important;
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.blg-footer .tft-widget ul li a::before {
content: "—";
margin-inline-end: 15px;
opacity: 0.3;
transition: all 0.4s ease;
}
.blg-footer .tft-widget ul li:hover a {
color: var(--blg-accent-color) !important;
padding-inline-start: 10px;
background: transparent !important;
}
.blg-footer .tft-widget ul li:hover a::before {
opacity: 1;
margin-inline-end: 20px;
color: var(--blg-accent-color);
}
.blg-footer .tft-widget ul li:last-child {
border-bottom: none;
}
.blg-footer__widgets {
margin-bottom: 0 !important; }
.blg-footer__widgets {
border-block-end: 0 !important;
}
.blg-footer__bar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 30px;
padding-top: 40px;
border-top: 2px solid var(--blg-footer-title-actual, var(--blg-accent-color, #000));
}
.blg-footer__brand {
flex: 1 1 200px;
}
.blg-footer__nav {
flex: 2 1 400px;
text-align: center;
}
.blg-footer__nav-list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 30px;
margin: 0;
padding: 0;
list-style: none;
}
.blg-footer__nav-list a {
font-family: var(--blg-font-heading, "Archivo Black");
font-size: 0.75rem;
font-weight: 800;
letter-spacing: 3px;
text-transform: uppercase;
text-decoration: none;
transition: opacity 0.3s ease, color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.blg-footer__copy {
flex: 1 1 200px;
text-align: end;
font-family: var(--blg-font-body, system-ui);
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.5px;
color: var(--blg-text-muted);
}
@media (max-width: 991px) {
.blg-footer__bar {
flex-direction: column;
align-items: flex-start;
text-align: start;
}
.blg-footer__nav {
text-align: start;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.blg-footer__nav-list {
justify-content: flex-start;
flex-direction: column;
gap: 15px;
}
.blg-footer__copy {
text-align: start;
padding-top: 20px;
border-top: 1px solid var(--blg-border-color);
width: 100%;
}
}  .blg-feed-container {
padding-block: clamp(40px, 5vw, 60px);
padding-inline: clamp(20px, 4vw, 50px) clamp(30px, 6vw, 80px);
} .blg-feed-section {
margin-top: clamp(80px, 10vw, 140px) !important;
margin-bottom: 0 !important;
}
.blg-feed-section:first-child {
margin-top: 0 !important; padding-top: clamp(20px, 4vw, 40px);
} .blg-section-header {
margin-bottom: clamp(35px, 4vw, 35px) !important;
} .blg-feed .elementor-section,
.blg-feed .e-con,
.blg-feed .elementor-top-section {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
} .blg-feed .elementor-section+.elementor-section,
.blg-feed .e-con+.e-con,
.blg-feed .elementor-top-section+.elementor-top-section {
margin-top: clamp(40px, 5vw, 40px) !important;
}
.blg-feed .elementor-widget-wrap,
.blg-feed .elementor-column>.elementor-widget-wrap {
padding: 0 !important;
} .blg-feed .elementor-heading-widget+.elementor-widget,
.blg-feed h2+div,
.blg-feed h3+div {
margin-top: clamp(25px, 3vw, 40px) !important;
} .blg-grid-list {
gap: clamp(30px, 4vw, 55px) !important;
}
.blg-grid-bento {
gap: clamp(15px, 2vw, 30px) !important;
} .blg-post-card .blg-post-content {
margin-top: clamp(15px, 2vw, 25px) !important;
} .blg-feed .e-con-boxed>.e-con-inner {
padding: 0 !important;
} .blg-hero-micro-posts-wrapper {
margin: 0 !important;
padding: 0 !important;
}
.blg-hero-micro-posts-wrapper .blg-hero-micro-posts {
margin-top: 0 !important;
} .blg-footer {
padding: 0;
background-color: #111111 !important; color: #ffffff !important;
} .blg-pl-item:last-child,
.blg-grid-list>article:last-child,
.blg-grid-list>.blg-pl-item:last-child {
padding-block-end: 0 !important;
margin-block-end: 0 !important;
border-bottom: none !important;
} .tft-popular-item:first-child {
padding-top: 0 !important;
margin-top: 0 !important;
} .tft-popular-item {
padding-block: 18px !important; margin-bottom: 0 !important; border-bottom: 1px solid var(--blg-border-color) !important;
align-items: center !important;
}
.tft-popular-item:first-child {
padding-top: 0 !important;
}
.tft-popular-item:last-child {
padding-bottom: 0 !important;
border-bottom: none !important;
} .tft-popular-thumb {
width: 60px !important;
height: 60px !important;
flex-shrink: 0 !important;
overflow: hidden !important;
}
.blg-pl-item {
margin-block-end: 0px !important;
} .blg-feed .elementor-section:last-child,
.blg-feed .e-con:last-child,
.blg-feed .elementor-top-section:last-child,
.blg-feed-section:last-child {
margin-bottom: clamp(60px, 7vw, 70px) !important;
}  .elementor-editor-active .blg-layout,
.blg-layout--editor {
display: flex !important;
flex-direction: row !important;
height: 100vh !important;
overflow: hidden !important;
}
.elementor-editor-active .blg-cover,
.blg-layout--editor .blg-cover {
width: var(--blg-cover-width) !important;
height: 100vh !important;
position: sticky !important;
top: 0 !important;
flex-shrink: 0 !important;
}
.elementor-editor-active .blg-feed,
.blg-layout--editor .blg-feed {
width: var(--blg-feed-width) !important;
height: 100vh !important;
overflow-y: auto !important;
flex-grow: 1 !important;
} .blg-layout--editor .blg-cover-center {
justify-content: center !important;
padding-block: 40px !important;
} .elementor-editor-active {
overflow-x: hidden;
}  .blg-feed>.blg-footer,
.blg-feed footer.blg-footer {
padding: 0;
background-color: #111111 !important; color: #ffffff !important;
} .blg-feed footer.blg-footer .blg-footer__inner {
max-width: 100%;
} .elementor-editor-active .blg-footer,
.elementor-editor-active #blg-footer,
.elementor-editor-active .blg-gdpr-bar {
display: none !important;
} .blg-feed>[class*="elementor-"]:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
} .blg-feed-nav .blg-nav-menu-wrapper::-webkit-scrollbar {
display: none;
}
.blg-feed-nav .blg-nav-links {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center;
gap: 30px;
list-style: none;
margin: 0;
padding: 0;
white-space: nowrap;
}
.blg-feed-nav .blg-nav-links>li {
flex-shrink: 0;
}
.blg-feed-nav .blg-nav-links>li>a {
white-space: nowrap;
} @media (max-height: 850px) {
.blg-cover-content {
padding: 4vh 4vw !important;
}
.blg-hero-main-title {
font-size: clamp(2.5rem, 10vh, 5.5rem) !important;
margin-bottom: 0 !important;
margin-top: 40px !important;
}
.blg-title-mid {
margin: 1vh 0 !important;
}
.blg-hero-briefs-grid {
gap: 15px !important;
margin-bottom: 1vh !important;
}
.blg-hero-brief h4 {
font-size: clamp(1rem, 3.5vh, 2.2rem) !important;
}
.blg-edition-text-wrap {
padding-top: 1vh !important;
} .blg-h2-ghost {
font-size: clamp(3rem, 15vh, 6rem) !important;
top: -2vh !important;
margin-bottom: 0 !important;
}
.blg-h2-t1 {
font-size: clamp(2rem, 10vh, 4rem) !important;
margin-bottom: 0 !important;
}
.blg-h2-t2 {
font-size: clamp(2.5rem, 12vh, 4.5rem) !important;
margin-top: -1vh !important;
}
.tft-curated-info h5 {
line-height: 1 !important;
}
.blg-cover-footer {
padding-bottom: 3vh !important;
}
}
@media (max-height: 650px) {
.blg-cover {
overflow-y: auto !important;
}
.blg-cover::-webkit-scrollbar {
display: none;
} .blg-cover {
-ms-overflow-style: none;
scrollbar-width: none;
}
}  .blg-footer {
padding: 0;
background-color: #111111 !important; color: #ffffff !important;
}
.blg-footer__inner {
max-width: var(--blg-container, 1440px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 80px);
padding-block: clamp(50px, 7vw, 100px) 0;
} .blg-footer__hero {
display: flex;
align-items: stretch;
gap: clamp(40px, 6vw, 100px);
padding-bottom: clamp(30px, 4vw, 55px);
}
.blg-footer__hero-left {
display: flex;
flex-direction: column;
gap: 16px;
flex: 0 0 auto;
max-width: clamp(200px, 30%, 380px);
}
.blg-footer__wordmark {
font-family: var(--blg-font-heading);
font-size: clamp(2.5rem, 6vw, 4.5rem);
font-weight: 900;
letter-spacing: -3px;
line-height: 1;
text-transform: uppercase;
color: var(--blg-accent-color) !important;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
}
.blg-footer__tagline {
font-family: var(--blg-font-body);
font-size: 0.85rem;
color: rgba(255, 255, 255, 0.6) !important;
line-height: 1.7;
max-width: 380px;
margin: 0;
}
.blg-footer__hero-divider {
width: 2px;
background: rgba(255, 255, 255, 0.1) !important;
flex-shrink: 0;
align-self: stretch;
}
.blg-footer__hero-right {
display: flex;
flex-direction: column;
gap: 14px;
flex: 1;
justify-content: center;
}
.blg-footer__issue-label {
font-family: var(--blg-font-body);
font-size: 0.55rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
color: var(--blg-accent-color);
opacity: 0.7;
}
.blg-footer__hero-cat {
font-family: var(--blg-font-body);
font-size: 0.55rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--blg-accent-color);
display: block;
margin-bottom: 8px;
}
.blg-footer__hero-title {
font-family: var(--blg-font-heading);
font-size: clamp(1rem, 2vw, 1.6rem);
font-weight: 900;
line-height: 1.05;
letter-spacing: -1px;
margin: 0;
}
.blg-footer__hero-title a {
color: #ffffff !important;
text-decoration: none;
transition: all 0.3s;
}
.blg-footer__hero-title a:hover {
color: var(--blg-accent-color) !important;
text-decoration: underline;
} .blg-footer__sep {
height: 1px;
background: var(--blg-border-color, rgba(255, 255, 255, 0.1));
margin-bottom: clamp(40px, 5vw, 70px);
} .blg-footer__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: clamp(30px, 4vw, 60px);
margin-bottom: clamp(50px, 6vw, 90px);
}
.blg-footer__col-group {
display: flex;
flex-direction: column;
gap: 0;
} .blg-footer__col-head {
font-family: var(--blg-font-body);
font-size: 0.55rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
color: var(--blg-accent-color);
margin: 0 0 22px;
padding-bottom: 14px;
border-bottom: 1px solid var(--blg-border-color, rgba(255, 255, 255, 0.1));
}
.blg-footer__col-text {
font-family: var(--blg-font-body);
font-size: 0.85rem;
color: rgba(255, 255, 255, 0.7) !important;
line-height: 1.75;
margin: 0 0 20px;
}
.blg-footer__col-link {
font-family: var(--blg-font-body);
font-size: 0.7rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-accent-color);
text-decoration: none;
border-bottom: 1px solid var(--blg-accent-color);
padding-bottom: 2px;
align-self: flex-start;
transition: opacity 0.3s;
}
.blg-footer__col-link:hover {
opacity: 0.7;
} .blg-footer__socials {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 6px;
}
.blg-footer__social-icon {
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid var(--blg-border-color, rgba(255, 255, 255, 0.18));
display: flex;
align-items: center;
justify-content: center;
color: inherit;
opacity: 0.6;
transition: all 0.3s ease;
text-decoration: none;
}
.blg-footer__social-icon:hover {
opacity: 1;
border-color: var(--blg-accent-color);
color: var(--blg-accent-color);
transform: translateY(-2px);
} .blg-footer__cat-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0;
}
.blg-footer__cat-list li {
display: flex;
justify-content: space-between;
align-items: center;
padding-block: 11px;
border-bottom: 1px solid var(--blg-border-color, rgba(255, 255, 255, 0.07));
}
.blg-footer__cat-list a {
font-family: var(--blg-font-body);
font-size: 0.85rem;
color: inherit;
text-decoration: none;
opacity: 0.65;
transition: opacity 0.25s;
font-weight: 600;
}
.blg-footer__cat-list a:hover {
opacity: 1;
color: var(--blg-accent-color);
}
.blg-footer__cat-count {
font-family: var(--blg-font-body);
font-size: 0.55rem;
opacity: 0.3;
font-weight: 900;
} .blg-footer__post-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
.blg-footer__post-item {
display: flex;
gap: 12px;
align-items: flex-start;
text-decoration: none;
color: inherit;
transition: opacity 0.3s;
}
.blg-footer__post-item:hover {
opacity: 0.75;
}
.blg-footer__post-thumb {
width: 60px;
height: 60px;
flex-shrink: 0;
overflow: hidden;
border-radius: 2px;
}
.blg-footer__post-info {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 5px;
}
.blg-footer__post-cat {
font-family: var(--blg-font-body);
font-size: 0.5rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-accent-color);
}
.blg-footer__post-title {
font-family: var(--blg-font-heading);
font-size: 0.85rem;
font-weight: 800;
line-height: 1.2;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .blg-footer__newsletter {
margin-top: 24px;
}
.blg-footer__nl-copy {
font-family: var(--blg-font-body);
font-size: 0.8rem;
opacity: 0.5;
line-height: 1.65;
margin: 0 0 14px;
}
.blg-footer__nl-form {
display: block;
}
.blg-footer__nl-row {
display: flex;
gap: 0;
}
.blg-footer__nl-input {
flex: 1;
min-width: 0;
padding: 13px 16px;
background: transparent;
border: 1px solid var(--blg-border-color, rgba(255, 255, 255, 0.2));
color: inherit;
font-family: var(--blg-font-body);
font-size: 0.8rem;
outline: none;
transition: border-color 0.3s;
border-radius: 0;
}
.blg-footer__nl-input:focus {
border-color: var(--blg-accent-color);
}
.blg-footer__nl-input::placeholder {
opacity: 0.4;
}
.blg-footer__nl-btn {
padding: 0 18px;
background: var(--blg-accent-color);
color: #fff;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.3s;
flex-shrink: 0;
}
.blg-footer__nl-btn:hover {
opacity: 0.8;
}
.blg-footer__nl-privacy {
font-family: var(--blg-font-body);
font-size: 0.6rem;
opacity: 0.35;
margin: 8px 0 0;
line-height: 1.4;
} .blg-footer__bottom {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
flex-wrap: wrap;
padding-block: 30px;
border-top: 1px solid var(--blg-border-color, rgba(255, 255, 255, 0.1));
margin-top: 0;
}
.blg-footer__bottom-copy {
font-family: var(--blg-font-body);
font-size: 0.7rem;
opacity: 0.45;
}
.blg-footer__bottom-copy a {
color: var(--blg-accent-color);
text-decoration: none;
}
.blg-footer__bottom-nav .blg-footer__nav-list {
display: flex;
gap: 24px;
list-style: none;
margin: 0;
padding: 0;
flex-wrap: wrap;
}
.blg-footer__bottom-nav .blg-footer__nav-list a {
font-family: var(--blg-font-body);
font-size: 0.65rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: inherit;
text-decoration: none;
opacity: 0.5;
transition: opacity 0.3s;
}
.blg-footer__bottom-nav .blg-footer__nav-list a:hover {
opacity: 1;
color: var(--blg-accent-color);
}
.blg-footer__bottom-credit {
font-family: var(--blg-font-body);
font-size: 0.65rem;
opacity: 0.35;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.blg-footer__bottom-credit a {
color: inherit;
text-decoration: none;
} .blg-footer__deco-word {
position: absolute;
bottom: -0.15em;
inset-inline-start: clamp(-20px, -2vw, 0px);
font-family: var(--blg-font-heading);
font-size: clamp(8rem, 20vw, 22rem);
font-weight: 900;
text-transform: uppercase;
letter-spacing: -10px;
line-height: 1;
color: transparent;
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.04);
pointer-events: none;
user-select: none;
white-space: nowrap;
z-index: 1;
} .blg-footer .custom-logo-link img {
max-height: 50px;
width: auto;
} @media (max-width: 1024px) {
.blg-footer__grid {
grid-template-columns: repeat(2, 1fr);
}
.blg-footer__hero {
grid-template-columns: 1fr;
gap: 20px;
}
.blg-footer__hero-divider {
width: 2px;
background: rgba(255, 255, 255, 0.1) !important;
flex-shrink: 0;
align-self: stretch;
}
}
@media (max-width: 600px) {
.blg-footer__grid {
grid-template-columns: 1fr;
}
.blg-footer__hero-title {
font-size: 1.3rem;
}
.blg-footer__bottom {
flex-direction: column;
align-items: flex-start;
gap: 14px;
}
.blg-footer__deco-word {
font-size: 20vw;
}
} .blg-es-side {
padding-top: 0 !important;
} .blg-hero-side-tab span {
font-weight: 900;
writing-mode: vertical-rl;
text-orientation: mixed;
transform: rotate(180deg);
white-space: nowrap;
} .blg-hero-brief {
transition: opacity 0.3s ease;
}
.blg-hero-brief:hover {
opacity: 0.85;
} .blg-hero-main-title {
font-family: 'Inter', sans-serif !important;
font-weight: 900 !important;
text-transform: uppercase;
} .tft-single-hero {
position: relative;
width: var(--blg-cover-width);
height: 100vh;
min-height: 600px;
overflow: hidden;
display: flex;
flex-direction: column;
background: var(--blg-black);
}
.tft-single-hero__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 0;
filter: grayscale(0.2);
}
.tft-single-hero__overlay {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(to bottom,
rgba(0, 0, 0, 0.55) 0%,
rgba(0, 0, 0, 0.15) 35%,
rgba(0, 0, 0, 0.15) 55%,
rgba(0, 0, 0, 0.92) 100%);
}
.tft-single-hero__content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
height: 100%;
color: var(--blg-white);
padding: clamp(25px, 4vw, 50px);
}
.tft-single-hero__header {
display: flex;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
}
.tft-single-hero__header-left {
display: flex;
align-items: center;
gap: 20px;
}
.tft-single-hero__category {
font-family: var(--blg-font-body);
font-size: 0.6rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
background: var(--blg-accent-color);
color: var(--blg-white);
padding: 6px 14px;
}
.tft-single-hero__bottom {
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.tft-single-hero__date {
font-family: var(--blg-font-body);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 5px;
font-weight: 700;
opacity: 0.65;
display: block;
margin-bottom: 20px;
}
.tft-single-hero__title {
font-family: var(--blg-font-heading);
font-size: clamp(2.5rem, 5vw, 4.5rem);
font-weight: 900;
letter-spacing: -3px;
line-height: 0.9;
margin: 0 0 30px;
color: var(--blg-white);
}
.tft-single-hero__subtitle {
display: block;
font-family: var(--blg-font-heading);
font-style: italic;
font-weight: 400;
color: var(--blg-accent-color);
font-size: 0.6em;
letter-spacing: 0;
margin-top: 10px;
text-transform: none;
}
.tft-single-hero__author {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.tft-single-hero__avatar {
width: 44px;
height: 44px;
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--blg-accent-color);
}
.tft-single-hero__author-name {
font-family: var(--blg-font-heading);
font-size: 1rem;
font-weight: 900;
color: var(--blg-white);
text-decoration: none;
display: block;
line-height: 1;
}
.tft-single-hero__author-tagline {
font-family: var(--blg-font-body);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 3px;
opacity: 0.6;
}
.tft-single-hero__share {
margin-bottom: 30px;
}
.tft-single-hero__share-label {
font-family: var(--blg-font-body);
font-size: 0.55rem;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 800;
opacity: 0.5;
display: block;
margin-bottom: 10px;
}
.tft-single-hero__share-icons {
display: flex;
gap: 12px;
align-items: center;
}
.tft-share-icon {
width: 36px;
height: 36px;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--blg-white);
transition: all 0.3s ease;
text-decoration: none;
}
.tft-share-icon:hover {
background: var(--blg-accent-color);
border-color: var(--blg-accent-color);
transform: translateY(-2px);
color: #fff;
}
.tft-single-hero__nav {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.tft-nav-item {
display: flex;
flex-direction: column;
gap: 4px;
padding: 20px 0 0;
transition: opacity 0.3s;
}
.tft-nav-item:hover {
opacity: 0.7;
}
.tft-nav-item--prev {
border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
padding-inline-end: 20px;
}
.tft-nav-item--next {
padding-inline-start: 20px;
text-align: end;
}
.tft-nav-item a {
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
gap: 4px;
}
.tft-nav-label {
font-family: var(--blg-font-body);
font-size: 0.5rem;
text-transform: uppercase;
letter-spacing: 4px;
opacity: 0.5;
font-weight: 800;
}
.tft-nav-title {
font-family: var(--blg-font-heading);
font-size: 0.9rem;
font-weight: 700;
line-height: 1.2;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 1024px) {
.tft-single-hero {
width: 100%;
height: auto;
min-height: 0;
}
}  .tft-hero--grayscale .tft-single-hero__img {
filter: grayscale(100%) contrast(1.05) brightness(0.9);
}
.tft-hero--grayscale .tft-single-hero__overlay {
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.2) 100%);
} .tft-single-hero__nav {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
margin-top: clamp(30px, 4vw, 50px);
border-top: 1px solid rgba(255, 255, 255, 0.1);
position: relative;
}
.tft-single-hero__nav::after {
position: absolute;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
width: 1px;
height: 40px;
background: rgba(255, 255, 255, 0.1);
}
.tft-nav-item {
padding: clamp(20px, 3vw, 30px) 0;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tft-nav-item--prev {
padding-inline-end: 25px;
}
.tft-nav-item--next {
padding-inline-start: 25px;
text-align: end;
}
.tft-nav-item a {
text-decoration: none;
color: #fff;
display: flex;
flex-direction: column;
gap: 8px;
}
.tft-nav-label {
font-family: var(--blg-font-body);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 800;
opacity: 0.4;
transition: opacity 0.3s ease;
}
.tft-nav-title {
font-family: var(--blg-font-heading);
font-size: clamp(0.9rem, 1.2vw, 1.1rem);
font-weight: 700;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tft-nav-item:hover .tft-nav-label {
opacity: 1;
color: var(--blg-accent-color);
}
.tft-nav-item:hover .tft-nav-title {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
} .tft-single-hero__meta-pill {
display: inline-block;
vertical-align: middle;
font-family: var(--blg-font-body);
font-size: 0.65rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 3px;
background: var(--blg-accent-color); color: #fff;
padding: 6px 14px;
margin-top: 0px;
margin-bottom: 20px;
line-height: 1;
border-radius: 40px;
}
.tft-single-hero__meta-line {
display: block;
font-family: var(--blg-font-body);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 5px;
font-weight: 700;
opacity: 0.65;
margin-top: 20px;
color: #fff;
} .blg-extended-meta {
display: flex;
align-items: center;
gap: 30px;
padding: 30px;
background: #fff;
border: 1px solid var(--blg-border-color);
border-radius: 0;
margin-bottom: 50px;
font-family: var(--blg-font-body);
}
.blg-meta-author {
display: flex;
align-items: center;
gap: 15px;
flex-shrink: 0;
}
.blg-meta-avatar img {
border-radius: 4px;
width: 48px;
height: 48px;
object-fit: cover;
}
.blg-meta-info {
display: flex;
flex-direction: column;
}
.blg-author-link {
font-family: var(--blg-font-heading);
font-size: 1.1rem;
font-weight: 900;
color: var(--blg-text-main);
text-decoration: none;
line-height: 1;
}
.blg-meta-label {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 1px;
opacity: 0.5;
margin-top: 4px;
}
.blg-meta-divider {
width: 1px;
height: 40px;
background: var(--blg-border-color);
}
.blg-meta-details {
display: flex;
flex-wrap: wrap;
gap: 20px;
font-size: 0.95rem;
color: var(--blg-text-main);
}
.blg-meta-details span strong {
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 1px;
margin-inline-end: 5px;
} .blg-author-box {
margin-top: clamp(60px, 8vw, 100px) !important;
padding: clamp(30px, 5vw, 60px) !important;
background: var(--blg-bg-alt) !important;
border: 1px solid var(--blg-border-color) !important;
display: flex !important;
gap: clamp(20px, 4vw, 40px) !important;
align-items: flex-start !important;
position: relative !important;
overflow: hidden !important;
}
.blg-author-avatar-wrap {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
border: 2px solid var(--blg-accent-color);
padding: 4px;
background: var(--blg-bg-color);
}
.blg-author-avatar-wrap img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-author-body {
flex: 1;
}
.blg-author-label {
font-family: var(--blg-font-body);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 900;
color: var(--blg-accent-color);
display: block;
margin-bottom: 15px;
}
.blg-author-name {
font-family: var(--blg-font-heading);
font-size: clamp(1.5rem, 3vw, 2rem) !important;
font-weight: 900 !important;
margin: 0 0 15px !important;
line-height: 1.1 !important;
letter-spacing: -0.5px !important;
}
.blg-author-bio {
font-family: var(--blg-font-body) !important;
font-size: 1rem !important;
line-height: 1.7 !important;
opacity: 0.7 !important;
margin-bottom: 25px !important;
max-width: 600px !important;
}
.blg-author-count {
font-family: var(--blg-font-body);
font-size: 0.7rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-text-main);
text-decoration: none;
} .blg-single-title {
font-family: var(--blg-font-heading) !important;
font-weight: 900 !important;
line-height: 0.95 !important;
letter-spacing: -3px !important;
margin-bottom: clamp(30px, 5vw, 60px) !important;
color: var(--blg-text-main);
}
.blg-post-content {
font-size: 1.15rem;
line-height: 1.8;
}
.blg-post-content p {
margin-bottom: 2rem;
}
.blg-post-content blockquote {
padding-inline-start: 40px;
border-inline-start: 3px solid var(--blg-accent-color);
margin: 4rem 0;
font-family: var(--blg-font-heading);
font-size: 2.2rem;
font-style: italic;
opacity: 0.9;
letter-spacing: -0.5px;
}
@media (max-width: 768px) {
.blg-author-box {
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
}
.blg-author-bio {
margin-inline: auto !important;
}
.blg-extended-meta {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.blg-meta-divider {
display: none;
}
} .blg-post-header-meta {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 35px;
flex-wrap: wrap;
}
.blg-category-label {
font-family: var(--blg-font-body);
font-size: 0.65rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--blg-accent-color);
border: 1px solid var(--blg-accent-color);
padding: 6px 14px;
text-decoration: none;
transition: all 0.3s ease;
}
.blg-category-label:hover {
background: var(--blg-accent-color);
color: #fff;
}
.blg-meta-inline {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--blg-font-body);
font-size: 0.75rem;
color: var(--blg-text-muted);
}
.blg-meta-dot {
opacity: 0.3;
}
.blg-meta-date {
font-weight: 600;
} .tft-comments {
margin-block-start: clamp(60px, 8vw, 100px);
}
.tft-comments__title {
font-family: var(--blg-font-heading);
font-size: 2rem;
font-weight: 900;
margin-block-end: 50px;
padding-block-end: 20px;
border-bottom: 1px solid var(--blg-border-color);
}
.tft-comments__title span {
color: var(--blg-accent-color);
font-style: italic;
}
.tft-comment {
display: grid;
grid-template-columns: 60px 1fr;
gap: 25px;
padding: 30px 0;
border-bottom: 1px solid var(--blg-border-color);
align-items: start;
}
.tft-comment--reply {
margin-inline-start: 85px;
padding-inline-start: 30px;
border-inline-start: 2px solid var(--blg-accent-color);
border-bottom: none;
}
.tft-comment__avatar {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
display: block;
}
.tft-comment__meta {
margin-block-end: 12px;
}
.tft-comment__name {
font-family: var(--blg-font-heading);
font-size: 1.1rem;
font-weight: 900;
margin: 0;
color: var(--blg-text-main);
}
.tft-comment__name a {
color: inherit;
text-decoration: none;
}
.tft-comment__author-badge {
color: var(--blg-accent-color);
font-size: 0.65rem;
font-family: var(--blg-font-body);
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
margin-inline-start: 10px;
}
.tft-comment__date {
display: block;
font-family: var(--blg-font-body);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 2px;
opacity: 0.5;
margin: 5px 0 15px;
color: var(--blg-text-muted);
}
.tft-comment__moderation {
font-family: var(--blg-font-body);
font-size: 0.75rem;
color: var(--blg-accent-color);
font-style: italic;
margin-block-end: 15px;
}
.tft-comment__text {
font-family: var(--blg-font-body);
font-size: clamp(0.9rem, 1.1vw, 1.05rem);
line-height: 1.6;
opacity: 0.85;
margin-block-end: 15px;
color: var(--blg-text-main);
}
.tft-comment__reply-link a {
font-family: var(--blg-font-body);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 800;
color: var(--blg-accent-color);
text-decoration: none;
transition: all 0.3s ease;
display: inline-block;
}
.tft-comment__reply-link a:hover {
padding-inline-start: 5px;
} .tft-comment-form {
margin-block-start: 80px;
}
#reply-title {
font-family: var(--blg-font-heading);
font-size: 1.8rem;
font-weight: 900;
margin-block-end: 40px;
}
.tft-comment-form__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-block-end: 20px;
}
.tft-comment-form input,
.tft-comment-form textarea {
width: 100%;
background: transparent;
border: none;
border-bottom: 1.5px solid var(--blg-border-color);
font-family: var(--blg-font-body);
font-size: 0.9rem;
color: var(--blg-text-main);
padding: 15px 0;
transition: border-color 0.3s ease;
outline: none;
margin-bottom: 20px;
}
.tft-comment-form input:focus,
.tft-comment-form textarea:focus {
border-bottom-color: var(--blg-text-main);
}
.tft-comment-form textarea {
margin-top: 10px;
margin-bottom: 40px;
min-height: 120px;
resize: vertical;
}
.tft-comment-form__submit {
padding: 20px 60px;
background: var(--blg-text-main);
color: var(--blg-bg-color);
border: none;
font-family: var(--blg-font-body);
font-size: 0.75rem;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 3px;
cursor: pointer;
transition: all 0.3s ease;
}
.tft-comment-form__submit:hover {
background: var(--blg-accent-color);
transform: translateY(-2px);
}     .blg-floating-share {
position: fixed !important;
top: 50% !important;
inset-inline-end: 30px !important;
inset-inline-start: auto !important;
transform: translateY(-50%) translateX(20px) !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 15px !important;
z-index: 1000 !important;
opacity: 0 !important;
visibility: hidden !important;
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
background: none !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}
.blg-floating-share.is-visible {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(-50%) translateX(0) !important;
}
.blg-share-btn {
width: 45px !important;
height: 45px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid var(--blg-border-color) !important;
border-radius: 50% !important;
background: var(--blg-bg-color) !important;
color: var(--blg-text-main) !important;
transition: all 0.3s ease !important;
}
.blg-share-btn:hover {
background: var(--blg-text-main) !important;
color: var(--blg-bg-color) !important;
transform: scale(1.1) !important;
} .blg-menu-backdrop {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(25px);
z-index: 1500;
opacity: 0;
pointer-events: none;
transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.blg-menu-backdrop.is-visible {
opacity: 1 !important;
pointer-events: auto !important;
}
.blg-overlay-menu {
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
height: 100vh !important;
background: #0d0d0d !important; z-index: 9999 !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(30px) !important;
transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
padding: 0 !important;
} .blg-overlay-menu::before {
content: '';
position: absolute;
inset: 0;
background-image: url(//acasicos.com.br/wp-content/themes/blogum/assets/css/C:/Users/ftnav/.gemini/antigravity/brain/c80d334a-7d10-4578-9631-cd87b9962a67/premium_editorial_menu_bg_1773546473233.png);
background-size: cover;
background-position: center;
opacity: 0.15;
z-index: 1;
filter: grayscale(1);
transition: transform 2s ease;
}
.blg-overlay-menu.is-open::before {
transform: scale(1.1);
} .blg-menu-grain {
position: absolute;
inset: 0;
z-index: 2;
opacity: 0.04;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}
.blg-menu-watermark {
position: absolute;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%) rotate(-15deg);
font-family: var(--blg-font-heading);
font-size: 35vw;
font-weight: 950;
color: rgba(255,255,255,0.03);
z-index: 0;
pointer-events: none;
text-transform: uppercase;
white-space: nowrap;
user-select: none;
} .blg-overlay-menu::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(circle at center, transparent 0%, rgba(0,0,0,0.4) 100%);
z-index: 3;
pointer-events: none;
}
.blg-overlay-menu.is-open {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}
.blg-overlay-menu__inner {
height: 100% !important;
display: flex !important;
flex-direction: column !important;
position: relative !important;
z-index: 5 !important;
width: 100% !important;
padding: 0 !important;
} .tft-menu-top-bar {
padding: clamp(25px, 4.5vw, 45px) clamp(20px, 5vw, 60px);
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(255,255,255,0.1);
flex-shrink: 0;
width: 100%;
background: transparent;
z-index: 10;
}
.tft-menu-brand-link { 
text-decoration: none; 
display: flex; 
align-items: center;
} .tft-menu-brand-link .blg-logo-text-wrap,
.tft-menu-brand-link .blg-logo-text-group span:not(.blg-brand-dot),
.tft-menu-brand-link .blg-logo-text-group div span:not(.blg-brand-dot) {
color: var(--blg-accent-color) !important;
font-weight: 950 !important;
letter-spacing: 2px !important;
} .tft-menu-brand-link .blg-brand-dot,
.tft-menu-brand-link .blg-logo-dot {
color: #ffffff !important;
opacity: 1 !important;
}
.tft-menu-brand-link .blg-logo-img-wrap img {
height: clamp(40px, 5vw, 70px) !important;
width: auto !important;
filter: sepia(1) saturate(5) hue-rotate(-20deg) brightness(0.8) !important; 
}
.tft-menu-issue-meta {
display: flex;
gap: clamp(20px, 3vw, 50px);
font-family: var(--blg-font-body);
font-size: 0.65rem;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
color: rgba(255,255,255,0.4);
}
.tft-issue-label { 
color: var(--blg-accent-color);
position: relative;
padding-inline-start: 20px;
}
.tft-issue-label::before {
content: '';
position: absolute;
inset-inline-start: 0;
top: 50%;
width: 12px;
height: 1px;
background: currentColor;
} .tft-menu-full-grid {
flex: 1 !important;
display: flex !important;
min-height: 0 !important;
width: 100% !important;
}
.tft-menu-col {
display: flex;
flex-direction: column;
padding: 60px 40px;
} .tft-menu-col--left,
.tft-menu-col--right {
flex: 0 0 15%;
min-width: 150px;
justify-content: center;
align-items: center;
position: relative;
}
.tft-menu-col--left { border-inline-end: 1px solid rgba(255,255,255,0.1); }
.tft-menu-col--right { border-inline-start: 1px solid rgba(255,255,255,0.1); }
.tft-menu-vertical-text {
transform: rotate(-90deg);
white-space: nowrap;
font-family: var(--blg-font-body);
font-size: 0.6rem;
font-weight: 950;
letter-spacing: 12px;
text-transform: uppercase;
opacity: 0.4;
color: var(--blg-white);
pointer-events: none;
} .tft-menu-col--center {
flex: 1 !important;
overflow-y: auto !important;
overflow-x: visible !important; padding: 100px clamp(40px, 12vw, 220px) !important;
scrollbar-width: thin;
scrollbar-color: var(--blg-accent-color) transparent;
}
.tft-menu-col--center::-webkit-scrollbar { width: 3px; }
.tft-menu-col--center::-webkit-scrollbar-thumb { background: var(--blg-accent-color); } .tft-overlay-nav-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.tft-overlay-nav-list .tft-menu-item {
margin-bottom: clamp(25px, 4.5vh, 45px) !important;
opacity: 0;
transform: translateY(30px);
transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
position: relative !important;
}
.blg-overlay-menu.is-open .tft-menu-item {
opacity: 1;
transform: translateY(0);
} .blg-overlay-menu.is-open .tft-menu-item:nth-child(1) { transition-delay: 0.2s; }
.blg-overlay-menu.is-open .tft-menu-item:nth-child(2) { transition-delay: 0.25s; }
.blg-overlay-menu.is-open .tft-menu-item:nth-child(3) { transition-delay: 0.3s; }
.blg-overlay-menu.is-open .tft-menu-item:nth-child(4) { transition-delay: 0.35s; }
.blg-overlay-menu.is-open .tft-menu-item:nth-child(5) { transition-delay: 0.4s; }
.tft-overlay-nav-list .tft-menu-link.tft-level-0-link {
font-family: var(--blg-font-heading) !important;
font-size: clamp(3.2rem, 8vw, 3.6rem) !important;
font-weight: 950 !important;
line-height: 0.82 !important;
text-transform: uppercase !important;
text-decoration: none !important;
color: var(--blg-white) !important;
display: inline-block !important;
transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) !important;
position: relative !important;
letter-spacing: -2px !important;
}
.tft-overlay-nav-list .tft-menu-link.tft-level-1-link {
font-family: var(--blg-font-heading) !important;
font-size: 2rem !important; font-weight: 700 !important;
line-height: 1 !important;
text-transform: uppercase !important;
text-decoration: none !important;
color: rgba(255,255,255,0.25) !important;
display: block !important;
margin-bottom: 6px !important;
transition: 0.4s !important;
letter-spacing: 1.5px !important;
} .tft-overlay-nav-list .tft-menu-link:hover {
color: var(--blg-accent-color) !important;
} .blg-overlay-menu.is-open .tft-menu-item {
opacity: 1;
transform: translateY(0);
margin-bottom: 0px !important;
overflow: visible !important; } .tft-overlay-nav-list .tft-menu-link.tft-level-0-link::after {
content: '';
position: absolute;
bottom: -15px;
inset-inline-start: 0;
width: 0;
height: 5px;
background: var(--blg-accent-color);
transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.tft-overlay-nav-list .tft-menu-item:hover .tft-menu-link.tft-level-0-link {
letter-spacing: -1px !important;
}
.tft-overlay-nav-list .tft-menu-item:hover .tft-menu-link.tft-level-0-link::after {
width: 100%;
} .tft-overlay-nav-list .tft-menu-link.tft-level-1-link:hover {
padding-inline-start: 10px;
color: var(--blg-accent-color) !important;
} .tft-overlay-nav-list .tft-sub-menu {
list-style: none !important;
padding: 0 !important;
margin: 10px 0 20px 20px !important;
display: none;
border-inline-start: 1px solid rgba(255,255,255,0.1);
padding-inline-start: 20px !important;
position: relative !important;
z-index: 5;
}
.tft-overlay-nav-list .is-open .tft-sub-menu {
display: block !important;
animation: blgNavReveal 0.5s ease forwards !important;
}
@keyframes blgNavReveal {
from { opacity: 0; transform: translateY(-5px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes blgNavSlideIn {
from { opacity: 0; transform: translateX(-40px); }
to { opacity: 1; transform: translateX(0); }
}  .tft-menu-clock-wrap {
text-align: center;
margin-bottom: auto;
}
.blg-dynamic-time {
font-family: var(--blg-font-heading);
font-size: 2.5rem;
font-weight: 950;
color: var(--blg-white);
letter-spacing: -1px;
}
.blg-dynamic-location {
font-family: var(--blg-font-body);
font-size: 0.55rem;
font-weight: 900;
letter-spacing: 4px;
text-transform: uppercase;
color: var(--blg-accent-color);
margin-top: 10px;
}
.tft-menu-social-links {
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
align-items: center !important;
margin-top: 0 !important;
}
.tft-menu-social {
color: rgba(255,255,255,0.5) !important;
font-family: var(--blg-font-body) !important;
font-size: 0.65rem !important;
font-weight: 900 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
padding: 0 !important;
background: none !important;
transition: all 0.4s ease !important;
writing-mode: vertical-rl;
text-orientation: mixed;
}
.tft-menu-social:hover { 
color: var(--blg-accent-color) !important;
background: none !important;
transform: translateY(-5px) !important;
opacity: 1 !important;
} .tft-menu-bottom-bar {
padding: 35px clamp(20px, 5vw, 60px);
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid rgba(255,255,255,0.1);
flex-shrink: 0;
width: 100%;
background: transparent;
z-index: 10;
}
.tft-menu-copyright {
font-family: var(--blg-font-body);
font-size: 0.6rem;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(255,255,255,0.4);
}
.tft-menu-motto {
font-family: 'Cormorant Garamond', serif;
font-style: italic;
font-size: 1.15rem;
color: var(--blg-accent-color);
letter-spacing: 1px;
} .blg-overlay-menu .blg-close-menu-btn {
top: auto !important;
bottom: clamp(60px, 10vh, 120px) !important;
inset-inline-end: clamp(20px, 5vw, 60px) !important;
background: var(--blg-accent-color) !important;
color: #fff !important;
width: 85px !important;
height: 85px !important;
border-radius: 50% !important;
opacity: 1 !important;
z-index: 100 !important;
box-shadow: 0 15px 50px rgba(0,0,0,0.3);
display: flex !important;
align-items: center;
justify-content: center;
transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
border: none !important;
}
.blg-overlay-menu .blg-close-menu-btn:hover {
transform: rotate(180deg) scale(1.1) !important;
background: var(--blg-white) !important;
color: var(--blg-black) !important;
} .blg-menu-dynamic-bg {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
background-size: cover !important;
background-position: center !important;
opacity: 0 !important;
transition: opacity 1s ease !important;
filter: brightness(0.2) grayscale(0.5) !important;
}
.blg-menu-dynamic-bg.is-active { opacity: 0.3 !important; } @media (max-width: 1024px) {
.tft-menu-full-grid {
flex-direction: column !important;
}
.tft-menu-col--left,
.tft-menu-col--right { 
display: none !important; 
}
.tft-menu-col--center {
padding: 40px 30px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
justify-content: center !important;
}
.tft-overlay-nav-list {
width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.tft-overlay-nav-list .tft-menu-link.tft-level-0-link {
font-size: clamp(1.8rem, 8vw, 3.5rem) !important;
text-align: center !important;
}
.tft-overlay-nav-list .tft-menu-item {
margin-bottom: 25px !important;
}
.tft-overlay-nav-list .tft-sub-menu {
position: static !important; margin: 10px 0 !important;
padding: 0 !important;
border-inline-start: none !important;
text-align: center !important;
transform: none !important;
}
.tft-overlay-nav-list .tft-menu-link.tft-level-1-link {
font-size: 0.55rem !important;
margin-bottom: 8px !important;
}
.tft-menu-top-bar { 
padding: 20px !important; 
flex-direction: column !important;
gap: 15px !important;
}
.tft-menu-issue-meta {
font-size: 0.55rem !important;
gap: 15px !important;
}
.tft-menu-bottom-bar { 
padding: 20px !important;
flex-direction: column !important;
gap: 10px !important;
text-align: center !important;
}
.tft-menu-motto {
font-size: 0.9rem !important;
}
.blg-overlay-menu .blg-close-menu-btn {
width: 60px !important;
height: 60px !important;
bottom: 25px !important;
inset-inline-end: 50% !important;
transform: translateX(50%) !important;
}
.blg-overlay-menu .blg-close-menu-btn:hover {
transform: translateX(50%) rotate(180deg) scale(1.1) !important;
}
} .blg-menu-watermark {
display: none !important;
} .blg-close-menu-btn {
z-index: 999 !important;
pointer-events: auto !important;
} #tft-modal-search {
background: rgba(10, 10, 10, 0.98);
backdrop-filter: blur(40px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: clamp(20px, 8vw, 80px);
z-index: 9999;
}
#tft-modal-search .tft-modal__close {
position: absolute;
top: clamp(30px, 5vh, 60px);
inset-inline-end: clamp(30px, 5vw, 60px);
background: transparent;
border: 1px solid rgba(255,255,255,0.1);
color: #fff;
padding: 12px 25px;
font-size: 0.65rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
cursor: pointer;
transition: all 0.4s ease;
border-radius: 50px;
}
#tft-modal-search .tft-modal__close:hover {
background: #fff;
color: #000;
border-color: #fff;
}
#tft-modal-search .tft-search-form {
width: 100%;
max-width: 1200px;
position: relative;
border-bottom: 2px solid rgba(255,255,255,0.05);
padding-bottom: 20px;
transition: border-color 0.6s ease;
}
#tft-modal-search .tft-search-form:focus-within {
border-color: var(--blg-accent-color);
}
#tft-modal-search input[type="search"] {
width: 100%;
background: transparent;
border: none;
color: #fff;
font-family: var(--blg-font-heading);
font-size: clamp(3rem, 8vw, 3.5rem); font-weight: 600;
letter-spacing: -4px;
padding: 20px 100px 20px 0; outline: none !important;
box-shadow: none !important; line-height: 1.1; position: relative;
z-index: 5;
} #tft-modal-search input[type="search"]::-webkit-search-decoration,
#tft-modal-search input[type="search"]::-webkit-search-cancel-button,
#tft-modal-search input[type="search"]::-webkit-search-results-button,
#tft-modal-search input[type="search"]::-webkit-search-results-decoration,
#tft-modal-search input[type="search"]::-ms-clear,
#tft-modal-search input[type="search"]::-ms-reveal {
-webkit-appearance: none;
appearance: none;
display: none !important;
}
#tft-modal-search .tft-search-submit {
position: absolute;
inset-inline-end: 0;
top: 50%;
transform: translateY(-50%);
background: transparent;
border: none;
color: var(--blg-accent-color);
cursor: pointer;
z-index: 10;
}
#tft-modal-search .tft-search-submit svg {
width: clamp(40px, 5vw, 60px);
height: auto;
} .blg-search-results {
width: 100%;
max-width: 1200px;
margin-top: 60px;
max-height: 40vh;
overflow-y: auto;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 40px;
padding: 20px 0;
}
.tft-ajax-search-item {
display: flex;
flex-direction: column;
gap: 15px;
text-decoration: none;
opacity: 0;
transform: translateY(20px);
animation: blgNavReveal 0.6s ease forwards;
}
.tft-ajax-search-item:nth-child(2) { animation-delay: 0.1s; }
.tft-ajax-search-item:nth-child(3) { animation-delay: 0.2s; }
.tft-ajax-search-item__meta {
font-size: 0.6rem;
color: var(--blg-accent-color);
text-transform: uppercase;
font-weight: 800;
letter-spacing: 2px;
}
.tft-ajax-search-item__title {
font-family: var(--blg-font-heading);
font-size: 1.5rem;
color: #fff;
line-height: 1.1;
font-weight: 900;
}
.tft-ajax-search-item:hover .tft-ajax-search-item__title {
color: var(--blg-accent-color);
} .tft-search-watermark {
display: none !important;
} .tft-search-clear {
position: absolute;
inset-inline-end: 50px; top: 50%;
transform: translateY(-50%);
background: transparent;
border: none;
color: rgba(255,255,255,0.4); cursor: pointer;
opacity: 0;
transition: all 0.3s ease;
pointer-events: none;
z-index: 15;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.tft-search-clear svg {
width: 20px;
height: 20px;
}
.tft-search-form:focus-within .tft-search-clear {
opacity: 1;
pointer-events: auto;
}
.tft-search-clear:hover {
color: #fff;
transform: translateY(-50%) scale(1.1);
}
.tft-search-input-wrap {
position: relative;
width: 100%;
display: flex;
align-items: center;
}  .blg-feed-nav {
overflow: visible !important; }
.blg-nav-menu-wrapper {
overflow: visible !important; } .blg-nav-links .sub-menu {
position: absolute !important;
top: calc(100% + 15px) !important; inset-inline-start: 0 !important;
background: var(--blg-bg-color) !important;
border: 1px solid var(--blg-border-color) !important;
box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;
padding: 10px 0 !important;
min-width: 180px !important; list-style: none !important;
margin: 0 !important;
z-index: 2000 !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(10px) !important;
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) !important;
pointer-events: none !important;
} .blg-nav-links .sub-menu::before {
content: '' !important;
position: absolute !important;
top: -15px !important;
inset-inline-start: 0 !important;
width: 100% !important;
height: 15px !important;
background: transparent !important;
display: block !important;
} .blg-nav-links li:hover > .sub-menu {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
pointer-events: auto !important;
} .blg-nav-links .sub-menu li {
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
}
.blg-nav-links .sub-menu a {
display: block !important;
padding: 8px 20px !important; font-family: inherit !important; font-size: 0.6rem !important; font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
text-decoration: none !important;
color: var(--blg-text-main) !important;
transition: all 0.3s ease !important;
border: none !important;
}
.blg-nav-links .sub-menu a:hover {
background: var(--blg-bg-alt) !important;
color: var(--blg-accent-color) !important;
padding-inline-start: 25px !important; } .blg-nav-links .menu-item-has-children > a::after {
content: '+';
font-size: 0.6rem;
margin-inline-start: 8px;
opacity: 0.5;
font-weight: 400;
} [data-theme="neo"] {
--blg-bg-color: #ffffff;
--blg-bg-alt: #f8fafc; --blg-text-main: #0f172a; --blg-text-muted: #64748b;
--blg-accent-color: #3b82f6; --blg-border-color: #e2e8f0;
--blg-font-heading: 'Playfair Display', serif;
--blg-font-body: 'Inter', sans-serif;
--blg-cover-overlay: linear-gradient(to bottom, rgba(15, 23, 42, 0.1), rgba(15, 23, 42, 0.4));
--blg-radius-img: 8px; }
[data-theme="neo"] .tft-menu-link {
font-weight: 700;
color: var(--blg-text-main);
-webkit-text-stroke: 0;
}
[data-theme="neo"] .tft-menu-link:hover {
color: var(--blg-accent-color);
}
[data-theme="neo"] .blg-logo-text-wrap {
color: var(--blg-text-main);
letter-spacing: -1px;
} .blg-hero-main-title {
font-family: var(--blg-font-heading) !important;
font-weight: 900 !important;
}
.blg-title-line3 {
color: var(--blg-accent-color) !important;
}
.blg-h2-t2 {
color: var(--blg-accent-color) !important;
} .tft-ticker {
background: color-mix(in srgb, var(--blg-accent-color), transparent 85%) !important;
border-block: 1px solid var(--blg-border-color) !important; } @media (max-width: 1024px) {
html,
body {
overflow-x: hidden !important;
position: relative;
width: 100%;
}
body {
overflow-y: auto !important;
height: auto !important;
}
.blg-layout {
flex-direction: column !important;
height: auto !important;
width: 100% !important;
min-height: 100vh !important;
overflow: visible !important;
display: block !important;
}
.blg-cover {
width: 100% !important;
height: 100vh !important; min-height: 100vh !important;
position: relative !important;
top: 0 !important;
flex-shrink: 0 !important;
overflow: hidden !important;
} .blg-cover-content {
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
.blg-feed {
width: 100% !important;
height: auto !important;
min-height: 100vh !important;
overflow: visible !important;
border-inline-start: none !important;
border-top: 1px solid var(--blg-border-color) !important;
} .blg-archive-container {
padding: 40px 20px !important; }
.blg-archive-header h1 {
font-size: 3.5rem !important; letter-spacing: -2px !important;
} .blg-archive-bento-v2 {
grid-template-columns: 1fr !important;
grid-auto-rows: auto !important;
gap: 30px !important;
}
.blg-archive-bento-v2 article {
grid-column: span 1 !important;
grid-row: span 1 !important;
min-height: 400px;
}
.blg-archive-bento-v2 h3 {
font-size: 2rem !important; } .blg-archive-row-feed article {
flex-direction: column-reverse !important;
gap: 30px !important;
padding: 40px 0 !important;
}
.blg-archive-row-feed article>div[style*="width:250px"] {
width: 150px !important;
height: 150px !important;
margin: 0 auto;
}
.blg-archive-row-feed h2 {
font-size: 2.2rem !important;
text-align: center;
}
.blg-archive-row-feed .blg-author-meta,
.blg-archive-row-feed div:first-child span {
text-align: center;
display: block;
}
.blg-archive-row-feed p {
text-align: center;
margin: 0 auto;
} .blg-archive-timeline {
padding-inline-start: 40px !important;
}
.blg-archive-timeline>div[style*="position:absolute"] {
inset-inline-start: 0 !important;
transform: none !important;
}
.blg-archive-timeline>div[style*="display:grid"] {
grid-template-columns: 1fr !important;
gap: 20px !important;
margin-bottom: 60px !important;
}
.blg-archive-timeline>div[style*="display:grid"]>div[style*="position:absolute"] {
inset-inline-start: -40px !important;
transform: none !important;
top: 25px !important;
}
.blg-archive-timeline div[style*="text-align:right"],
.blg-archive-timeline div[style*="grid-column: 2"] {
text-align: start !important;
grid-column: span 1 !important;
padding-inline-start: 0 !important;
}
.blg-archive-timeline h3 {
font-size: 1.5rem !important;
}
.blg-archive-timeline div[style*="height:250px"] {
height: 200px !important;
} .blg-archive-numbers article {
flex-direction: column !important;
gap: 20px !important;
margin-bottom: 60px !important;
padding-bottom: 40px !important;
}
.blg-archive-numbers article>div:first-child {
font-size: 6rem !important; line-height: 1 !important;
opacity: 0.1 !important;
}
.blg-archive-numbers article>div:last-child {
padding-top: 0 !important;
}
.blg-archive-numbers h2 {
font-size: 2rem !important;
letter-spacing: -1px !important;
margin: 15px 0 !important;
} .blg-mc-grid {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
.blg-mc-card {
grid-column: span 1 !important;
height: 400px !important; }
.blg-mc-card:nth-child(2) { display: block !important;
visibility: visible !important;
}
.blg-mc-card h3 {
font-size: 1.8rem !important;
} .blg-feed-nav {
padding: 20px !important; }
.blg-nav-menu-wrapper {
padding-inline-end: 10px !important;
}
.blg-nav-links {
gap: 15px !important; }
.blg-nav-links a {
font-size: 0.65rem !important;
letter-spacing: 1px !important;
} .blg-feed-nav>div:last-child {
gap: 15px !important;
}
.blg-feed-nav>div:last-child>div {
gap: 10px !important;
padding-inline-start: 15px !important;
}
#blg-subscribe-trigger-nav {
padding: 8px 15px !important;
font-size: 0.6rem !important;
}
} .page-template-page-home-2 .blg-cover-spread-grid {
grid-template-columns: 1fr !important;
}
.page-template-page-home-2 .blg-h2-post {
border-inline-end: none !important;
border-bottom: 1px solid var(--blg-white-trans-10) !important;
padding: 30px clamp(20px, 4vw, 50px) !important;
}
.page-template-page-home-2 .blg-h2-post:last-child {
border-bottom: none !important;
} .page-template-page-home-2 .blg-h2-post div[style*="flex-direction:row-reverse"] {
flex-direction: row !important;
text-align: start !important;
gap: 25px !important;
}
.page-template-page-home-2 .blg-h2-post .attachment-thumbnail {
width: auto;
height: auto;
border-radius: 2px !important;
transform: rotate(-2deg) !important;
object-fit: cover !important;
}
.page-template-page-home-2 .blg-h2-post h4 {
font-size: clamp(1.2rem, 1.8vw, 1.6rem) !important;
max-width: 100%;
} body.page-template-page-home-2 {
overflow-x: hidden;
}
.blg-layout {
max-width: 100vw;
} .page-template-page-home-2 .blg-feed .blg-mc-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
.page-template-page-home-2 .blg-feed .blg-mc-card {
grid-column: span 1 !important;
}
.page-template-page-home-2 .blg-feed .blg-mc-card[style*="grid-column:span 2"] {
grid-column: span 2 !important;
}
@media (max-width: 768px) {
.page-template-page-home-2 .blg-feed .blg-mc-grid {
grid-template-columns: 1fr !important;
}
.page-template-page-home-2 .blg-feed .blg-mc-card {
grid-column: span 1 !important;
height: 350px !important;
}
} @media (min-width: 481px) and (max-width: 1024px) {
.blg-mc-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
.blg-mc-card[style*="grid-column:span 2"] {
grid-column: span 2 !important;
}
} @media (max-width: 991px) {
.blg-split-row {
grid-template-columns: 1fr !important;
gap: 30px !important;
margin-bottom: 60px !important;
}
.blg-split-row>div {
order: 0 !important; height: auto !important;
padding: 0 !important;
} .blg-split-row div[style*="height:500px"] {
height: 350px !important;
} .blg-split-row h2 {
font-size: clamp(2.2rem, 8vw, 2.8rem) !important;
line-height: 1 !important;
margin: 15px 0 !important;
letter-spacing: -1px !important;
}
} #blg-reading-progress {
transition: width 0.2s cubic-bezier(0.1, 0.5, 0.5, 1);
box-shadow: 0 0 15px var(--blg-accent-color);
}
.blg-toc-container {
background: var(--blg-bg-alt);
border: 1px solid var(--blg-border-color);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blg-toc-container:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
} .blg-toc-link {
display: block;
text-decoration: none;
color: var(--blg-text-main);
font-family: var(--blg-font-body);
font-size: 0.95rem;
font-weight: 700;
opacity: 0.8;
position: relative;
padding-inline-start: 15px;
transition: all 0.3s ease;
}
.blg-toc-link--h3 {
font-size: 0.85rem;
font-weight: 400;
margin-inline-start: 20px;
opacity: 0.6;
}
.blg-toc-link::before {
content: "";
position: absolute;
inset-inline-start: 0;
top: 50%;
width: 4px;
height: 1px;
background: var(--blg-accent-color);
transition: width 0.3s ease;
}
.blg-toc-link:hover {
opacity: 1;
color: var(--blg-accent-color) !important;
padding-inline-start: 20px;
}
.blg-toc-link:hover::before {
width: 10px;
} .blg-has-drop-cap>p:first-of-type::first-letter {
float: inline-start;
font-family: var(--blg-font-heading);
font-size: clamp(3rem, 8vw, 6rem);
font-weight: 900;
line-height: 0.8;
margin-block-start: 0.12em;
margin-inline-end: 0.15em;
color: var(--blg-accent-color);
text-transform: uppercase;
} :root {
--blg-dark-bg: #121212;
--blg-vogue-gold: #c5a46d;
--blg-black-trans-60: rgba(0, 0, 0, 0.6);
--blg-glass-white: rgba(255, 255, 255, 0.08);
--blg-black-trans-05: rgba(0, 0, 0, 0.05);
} :root {
--blg-dark-bg: #121212;
--blg-vogue-gold: #c5a46d;
--blg-black-trans-05: rgba(0, 0, 0, 0.05);
--blg-black-trans-10: rgba(0, 0, 0, 0.1);
--blg-black-trans-20: rgba(0, 0, 0, 0.2);
--blg-black-trans-40: rgba(0, 0, 0, 0.4);
--blg-black-trans-60: rgba(0, 0, 0, 0.6);
--blg-black-trans-80: rgba(0, 0, 0, 0.8);
--blg-black-trans-90: rgba(0, 0, 0, 0.9);
--blg-white-trans-05: rgba(255, 255, 255, 0.05);
--blg-white-trans-10: rgba(255, 255, 255, 0.1);
--blg-white-trans-20: rgba(255, 255, 255, 0.2);
--blg-white-trans-40: rgba(255, 255, 255, 0.4);
--blg-white-trans-60: rgba(255, 255, 255, 0.6);
--blg-white-trans-80: rgba(255, 255, 255, 0.8);
--blg-glass-white: rgba(255, 255, 255, 0.08);
--blg-glass-black: rgba(0, 0, 0, 0.15);
--blg-white-trans-04: rgba(255, 255, 255, 0.04);
--blg-white-trans-15: rgba(255, 255, 255, 0.15);
--blg-black-trans-30: rgba(0, 0, 0, 0.3);
--blg-black-trans-22: rgba(0, 0, 0, 0.22);
--blg-white-trans-50: rgba(255, 255, 255, 0.5);
} :root {
--blg-white: #ffffff;
--blg-black: #000000;
}
img {
height: auto;
max-width: 100%;
}
.blg-brand-logo-img {
object-fit: contain;
} #blg-smart-more {
position: relative;
}
.blg-smart-dropdown {
position: absolute;
inset-block-start: 100%;
inset-inline-end: 0;
min-inline-size: 240px;
background: var(--blg-bg-color, #ffffff) !important;
border: 1px solid var(--blg-border-color, #eaeaea) !important;
box-shadow: 0 15px 35px var(--blg-black-trans-10, rgba(0, 0, 0, 0.1)) !important;
padding-block: 15px !important;
padding-inline: 0 !important;
z-index: 2000 !important;
list-style: none !important;
margin-block-start: 15px !important;
margin-inline: 0 !important;
display: none;
opacity: 0;
transform: translateY(10px);
top: 15px;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#blg-smart-more:hover .blg-smart-dropdown {
display: block !important;
opacity: 1 !important;
transform: translateY(0);
}
.blg-smart-dropdown li {
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
.blg-smart-dropdown li a {
display: block !important;
padding-block: 12px !important;
padding-inline: 25px !important;
color: var(--blg-text-main, #111111) !important;
font-family: var(--blg-font-body, 'Inter', sans-serif) !important;
font-size: 0.7rem !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
text-align: start !important;
}
.blg-smart-dropdown li a:hover {
background: var(--blg-bg-alt, #f8f9fa) !important;
color: var(--blg-accent-color, #000000) !important;
padding-inline-start: 32px !important;
} #blg-smart-more>a {
display: flex;
align-items: center;
gap: 8px;
}
#blg-smart-more:hover>a svg {
transform: rotate(180deg);
}
#blg-smart-more>a svg {
transition: transform 0.3s ease;
}  .blg-reading-progress {
position: fixed;
inset-block-start: 0;
inset-inline-start: 0;
block-size: 4px;
background: var(--blg-accent-color);
z-index: 10000;
inline-size: 0%;
transition: inline-size 0.1s ease-out;
box-shadow: 0 0 10px var(--blg-accent-color);
} .tft-sidebar__content {
padding: 20px;
overflow-y: auto;
}
.tft-widget-title--drawer {
font-family: var(--blg-font-heading);
text-transform: uppercase;
letter-spacing: 3px;
font-size: 0.7rem;
margin-bottom: 20px;
}
.tft-widget--tags-drawer {
margin-top: 40px;
}
.tft-widget-title--tags-drawer {
font-family: var(--blg-font-heading);
text-transform: uppercase;
letter-spacing: 3px;
font-size: 0.7rem;
margin-bottom: 25px;
}
.tft-tags-wrap {
display: flex;
flex-wrap: wrap;
gap: 10px;
} .tft-back-to-top {
position: fixed;
inset-inline-end: 30px;
inset-block-end: 30px;
z-index: 9999;
inline-size: 44px;
block-size: 44px;
display: flex;
align-items: center;
justify-content: center;
background: var(--blg-accent-color, var(--blg-vogue-gold));
color: var(--blg-white);
border: none;
border-radius: 50%;
cursor: pointer;
box-shadow: 0 4px 20px var(--blg-black-trans-20);
opacity: 0;
pointer-events: none;
transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.3s ease;
transform: scale(0.85);
}
.tft-back-to-top__label {
font-size: 0.5rem;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
} .blg-footer-bg-layer {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
z-index: 0;
pointer-events: none;
}
.blg-footer-overlay {
position: absolute;
inset: 0;
background: var(--blg-black-trans-60);
z-index: 1;
pointer-events: none;
}
.blg-footer__inner {
position: relative;
z-index: 2;
}
.blg-footer__widgets-grid {
display: grid;
gap: clamp(30px, 4vw, 60px);
margin-bottom: clamp(50px, 6vw, 100px);
} .blg-single-content-wrap {
display: flex;
gap: 0;
max-width: 1100px;
margin-inline: auto;
padding: clamp(40px, 5vw, 80px) clamp(20px, 4vw, 50px);
}
.blg-single-article {
flex: 1;
min-width: 0;
}
.blg-single-hero-figure {
margin: 0 0 clamp(30px, 4vw, 60px);
border-radius: var(--blg-radius-img, 0px);
overflow: hidden;
border: 1px solid var(--blg-border-color);
}
.blg-single-hero-img {
inline-size: 100%;
block-size: auto;
display: block;
}
.blg-single-hero-caption {
font-family: var(--blg-font-body);
font-size: 0.75rem;
color: var(--blg-text-muted);
padding: 12px 20px;
text-align: center;
border-top: 1px solid var(--blg-border-color);
}
.blg-floating-share__label {
writing-mode: vertical-rl;
text-orientation: mixed;
font-family: var(--blg-font-body);
font-size: 0.5rem;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 15px;
opacity: 0.5;
}
.blg-floating-share__divider {
inline-size: 1px;
block-size: 30px;
background: var(--blg-border-color);
margin: 0 auto 15px;
}
.blg-footer__post-img {
inline-size: 100%;
block-size: 100%;
object-fit: cover;
} .blg-archive-masonry {
columns: 3 300px;
gap: 30px;
}
.blg-masonry-item {
break-inside: avoid;
margin-block-end: 30px;
} .blg-archive-bento-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
.blg-bento-card__link {
display: block;
text-decoration: none;
color: inherit;
}
.blg-bento-card__visual {
position: relative;
overflow: hidden;
border-radius: var(--blg-radius-img);
border: 1px solid var(--blg-border-color);
}
.blg-bento-card__img {
inline-size: 100%;
block-size: 100%;
object-fit: cover;
}
.blg-bento-card__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
color: var(--blg-white);
}
.blg-bento-card__cat {
font-size: 0.7rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-accent-color);
margin-block-end: 10px;
}
.blg-bento-card__title {
font-family: var(--blg-font-heading);
font-weight: 900;
line-height: 1;
margin: 0;
color: var(--blg-white);
}
.blg-bento-card__title--large {
font-size: 2.2rem;
}
.blg-bento-card__title--medium {
font-size: 1.3rem;
} .blg-archive-split-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin-block-end: 100px;
align-items: center;
}
.blg-split-row__visual {
overflow: hidden;
block-size: 500px;
border-radius: var(--blg-radius-img);
border: 1px solid var(--blg-border-color);
}
.blg-split-row__img {
inline-size: 100%;
block-size: 100%;
object-fit: cover;
}
.blg-split-row__content {
padding: 20px;
}
.blg-split-row__date {
font-size: 0.7rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--blg-accent-color);
}
.blg-split-row__title {
font-family: var(--blg-font-heading);
font-size: 4rem;
line-height: 0.9;
font-weight: 900;
margin: 20px 0;
letter-spacing: -2px;
}
.blg-split-row__title a {
text-decoration: none;
color: inherit;
}
.blg-split-row__excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
line-height: 1.8;
margin-block-end: 30px;
} .blg-archive-motion {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
gap: 40px;
}
.blg-motion-card {
position: relative;
block-size: 600px;
overflow: hidden;
}
.blg-motion-card__link {
display: block;
block-size: 100%;
}
.blg-motion-card__bg {
position: absolute;
inset: 0;
transition: transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
}
.blg-motion-card__img {
inline-size: 100%;
block-size: 100%;
object-fit: cover;
}
.blg-motion-card__overlay {
position: absolute;
inset: 0;
background: var(--blg-black-trans-20);
transition: background 0.5s;
}
.blg-motion-card__content {
position: absolute;
inset-block-end: 50px;
inset-inline-start: 50px;
inset-inline-end: 50px;
color: var(--blg-white);
z-index: 2;
}
.blg-motion-card__title {
font-family: var(--blg-font-heading);
font-size: 3rem;
font-weight: 900;
line-height: 0.9;
margin: 0;
letter-spacing: -1px;
text-transform: uppercase;
color: var(--blg-white);
} .blg-dio-archive {
position: relative;
inline-size: 100%;
block-size: 700px;
perspective: 1000px;
overflow: hidden;
background: var(--blg-dark-bg);
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--blg-radius-img);
}
.blg-dio-scene {
position: relative;
inline-size: 80%;
max-width: 1000px;
block-size: 450px;
transform-style: preserve-3d;
}
.blg-dio-layer {
position: absolute;
inset: 0;
display: flex;
align-items: flex-end;
text-decoration: none;
color: var(--blg-white);
padding: 50px;
transition: transform 0.1s ease-out, filter 0.4s;
}
.blg-dio-layer__img {
position: absolute;
inset: 0;
inline-size: 100%;
block-size: 100%;
object-fit: cover;
z-index: -1;
border-radius: 20px;
box-shadow: 0 30px 60px var(--blg-black-trans-60);
}
.blg-dio-layer__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, var(--blg-black-trans-90), transparent);
z-index: -1;
border-radius: 20px;
}
.blg-dio-layer__title {
font-family: var(--blg-font-heading);
font-size: 4rem;
font-weight: 900;
line-height: 1;
margin: 0;
letter-spacing: -2px;
text-transform: uppercase;
} .blg-archive-micro-briefs {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
}
.blg-mb-item {
border-inline-start: 3px solid var(--blg-accent-color);
padding-inline-start: 30px;
transition: transform 0.3s;
}
.blg-mb-item:hover {
transform: translateX(10px);
}
.blg-mb-item__meta {
font-family: monospace;
font-size: 0.75rem;
font-weight: 900;
color: var(--blg-accent-color);
display: block;
margin-bottom: 15px;
letter-spacing: 3px;
}
.blg-mb-item__title {
font-family: var(--blg-font-heading);
font-size: 1.6rem;
font-weight: 900;
line-height: 1.2;
margin: 0;
}
.blg-mb-item__title a {
text-decoration: none;
color: inherit;
} .blg-archive-masthead {
display: block;
}
.blg-masthead-item {
height: 90vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
overflow: hidden;
margin-bottom: 100px;
}
.blg-masthead-item__bg {
position: absolute;
inset: 0;
opacity: 0.2;
z-index: 0;
}
.blg-masthead-item__img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(1);
}
.blg-masthead-item__content {
position: relative;
z-index: 5;
max-width: 1200px;
padding: 40px;
}
.blg-masthead-item__author {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 10px;
font-weight: 900;
color: var(--blg-accent-color);
margin-bottom: 40px;
display: block;
opacity: 0;
transform: translateY(20px);
animation: blg-fade-up 1s forwards;
}
.blg-masthead-item__title {
font-family: var(--blg-font-heading);
font-size: clamp(4rem, 10vw, 9rem);
line-height: 0.85;
font-weight: 900;
margin: 0 0 50px;
letter-spacing: -5px;
text-transform: uppercase;
opacity: 0;
transform: translateY(30px);
animation: blg-fade-up 1s 0.2s forwards;
}
.blg-masthead-item__title a {
text-decoration: none;
color: inherit;
}
.blg-masthead-item__divider {
width: 120px;
height: 4px;
background: var(--blg-accent-color);
margin: 0 auto 50px;
opacity: 0;
animation: blg-fade-in 1s 0.5s forwards;
}
@keyframes blg-fade-up {
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes blg-fade-in {
to {
opacity: 1;
}
} .blg-post-card__link {
text-decoration: none;
color: inherit;
display: block;
}
.blg-post-card__visual {
height: clamp(150px, 20vw, 200px);
overflow: hidden;
margin-bottom: 20px;
border-radius: var(--blg-radius-img, 0px);
border: var(--blg-border-width, 1px) solid var(--blg-border-color);
}
.blg-post-card__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-post-card__cat {
font-size: 0.6rem;
font-family: var(--blg-font-body);
color: var(--blg-accent-color);
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 10px;
display: block;
}
.blg-post-card__title {
font-family: var(--blg-font-heading);
font-size: clamp(1rem, 2vw, 1.3rem);
margin: 0 0 10px;
line-height: 1.2;
}
.blg-post-card__meta {
font-family: var(--blg-font-body);
font-size: 0.7rem;
color: var(--blg-text-muted);
display: flex;
gap: 10px;
} .blg-archive-ticker {
overflow: hidden;
white-space: nowrap;
padding: 40px 0;
background: var(--blg-text-main);
color: var(--blg-bg-color);
}
.blg-ticker-track {
display: inline-block;
animation: blg-ticker-slide 60s linear infinite;
}
.blg-ticker-item {
font-family: var(--blg-font-heading);
font-size: 4rem;
font-weight: 900;
text-transform: uppercase;
margin-inline-end: 100px;
letter-spacing: -2px;
}
.blg-ticker-item a {
text-decoration: none;
color: inherit;
}
.blg-ticker-sep {
color: var(--blg-accent-color);
margin-inline-start: 50px;
}
@keyframes blg-ticker-slide {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
} .blg-archive-accordion {
display: flex;
flex-direction: column;
gap: 10px;
}
.blg-acc-item {
border: 1px solid var(--blg-border-color);
overflow: hidden;
border-radius: 15px;
transition: flex 0.5s;
}
.blg-acc-header {
padding: 40px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
background: var(--blg-bg-color);
}
.blg-acc-title {
margin: 0;
font-family: var(--blg-font-heading);
font-size: 2.5rem;
font-weight: 900;
letter-spacing: -1.5px;
text-transform: uppercase;
}
.blg-acc-icon {
font-size: 2rem;
font-weight: 300;
opacity: 0.3;
}
.blg-acc-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.blg-acc-inner {
padding: 0 40px 40px;
display: grid;
grid-template-columns: 300px 1fr;
gap: 60px;
}
.blg-acc-visual {
height: 300px;
border-radius: 15px;
overflow: hidden;
}
.blg-acc-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-acc-excerpt {
font-family: var(--blg-font-body);
font-size: 1.2rem;
line-height: 1.7;
color: var(--blg-text-muted);
margin-bottom: 40px;
} .blg-archive-featured {
margin-bottom: clamp(40px, 6vw, 80px);
transition: opacity 0.3s ease;
}
.blg-archive-featured:hover {
opacity: 0.85;
}
.blg-featured-link {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(20px, 4vw, 50px);
text-decoration: none;
color: inherit;
}
.blg-featured-visual {
overflow: hidden;
height: clamp(250px, 30vw, 450px);
border-radius: var(--blg-radius-img, 0px);
border: 1px solid var(--blg-border-color);
}
.blg-featured-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-featured-content {
display: flex;
flex-direction: column;
justify-content: center;
padding-block: 20px;
}
.blg-featured-cat {
font-family: var(--blg-font-body);
font-size: 0.65rem;
font-weight: 900;
color: var(--blg-accent-color);
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 20px;
}
.blg-featured-title {
font-family: var(--blg-font-heading);
font-size: clamp(2rem, 3vw, 3rem);
font-weight: 900;
line-height: 1;
letter-spacing: -1px;
margin-bottom: 20px;
}
.blg-featured-excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
line-height: 1.7;
}
.blg-featured-meta {
margin-top: 25px;
font-family: var(--blg-font-body);
font-size: 0.75rem;
color: var(--blg-text-muted);
}
.blg-archive-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: clamp(20px, 3vw, 40px);
}
.blg-archive-sep {
border: none;
border-top: 1px solid var(--blg-border-color);
margin-bottom: clamp(40px, 6vw, 80px);
} .blg-author-wrapper {
padding: clamp(40px, 5vw, 80px) clamp(20px, 4vw, 50px);
}
.blg-author-header {
display: flex;
gap: clamp(20px, 3vw, 50px);
align-items: flex-start;
margin-bottom: clamp(40px, 5vw, 80px);
padding-bottom: 40px;
border-bottom: 1px solid var(--blg-border-color);
flex-wrap: wrap;
}
.blg-author-header__avatar {
width: clamp(80px, 10vw, 130px);
height: clamp(80px, 10vw, 130px);
border-radius: 50%;
overflow: hidden;
border: 3px solid var(--blg-accent-color);
flex-shrink: 0;
}
.blg-author-header__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-author-header__info {
flex: 1;
min-width: 200px;
}
.blg-author-header__label {
font-family: var(--blg-font-body);
font-size: 0.6rem;
color: var(--blg-accent-color);
font-weight: 800;
text-transform: uppercase;
letter-spacing: 3px;
}
.blg-author-header__name {
font-family: var(--blg-font-heading);
font-size: clamp(2rem, 5vw, 4rem);
font-weight: 900;
margin: 8px 0 15px;
letter-spacing: -2px;
}
.blg-author-header__bio {
font-family: var(--blg-font-body);
font-size: 1rem;
color: var(--blg-text-muted);
line-height: 1.8;
max-width: 600px;
margin: 0 0 20px;
}
.blg-author-header__stats {
display: flex;
gap: 15px;
flex-wrap: wrap;
align-items: center;
}
.blg-author-header__count {
font-family: var(--blg-font-body);
font-size: 0.75rem;
color: var(--blg-text-muted);
}
.blg-author-articles__title {
font-family: var(--blg-font-heading);
font-size: clamp(1.3rem, 2.5vw, 2.5rem);
font-weight: 900;
margin-bottom: 35px;
}
.blg-author-articles__title-accent {
font-style: italic;
color: var(--blg-accent-color);
}
.blg-author-articles__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(15px, 2vw, 30px);
}
.blg-author-none {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
}
.blg-author-pagination {
margin-top: 50px;
}
@media (max-width: 768px) {
.blg-author-articles__grid {
grid-template-columns: 1fr 1fr !important;
}
}
@media (max-width: 480px) {
.blg-author-articles__grid {
grid-template-columns: 1fr !important;
}
} .tft-single-hero {
position: sticky;
top: 0;
height: 100vh;
overflow: hidden;
flex-shrink: 0;
}
.tft-single-hero--widget {
position: relative;
height: 100%;
width: 100%;
min-height: 500px;
}
.blg-cover-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
transition: background-image 0.8s ease;
}
.blg-cover-bg--parallax,
.blg-cover-bg--none,
.blg-cover-bg--zoom {
transform: scale(1.15);
}
.blg-cover-video-wrap {
position: absolute;
inset: 0;
overflow: hidden;
z-index: 1;
}
.blg-cover-video-wrap iframe,
.blg-cover-video-wrap video {
position: absolute;
top: 50%;
inset-inline-start: 50%;
width: 115%;
height: 115%;
transform: translate(-50%, -50%);
pointer-events: none;
border: none;
object-fit: cover;
}
.blg-cover-overlay {
position: absolute;
inset: 0;
background: var(--blg-cover-overlay);
z-index: 1;
pointer-events: none;
}
.blg-cover-content {
position: relative;
z-index: 5;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: clamp(25px, 4vw, 50px);
}
.blg-cover-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.blg-cover-header-left {
display: flex;
align-items: center;
gap: 20px;
}
.blg-brand-logo {
display: inline-block;
text-decoration: none;
color: inherit;
}
.blg-cover-center {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.blg-cover-footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.blg-cover-barcode {
margin-bottom: 5px;
}
.blg-cover-barcode svg {
opacity: 0.5;
}
.blg-read-cover-btn {
font-weight: 900;
letter-spacing: 2px;
font-size: 0.65rem;
color: var(--blg-white);
text-decoration: none;
text-transform: uppercase;
display: inline-block;
border-bottom: 1px solid var(--blg-white-trans-20);
padding-bottom: 5px;
transition: border-color 0.3s;
}
.blg-read-cover-btn:hover {
border-color: var(--blg-accent-color);
}
.blg-side-badge-wrap {
position: absolute;
top: 50%;
inset-inline-end: 0;
transform: translateY(-50%);
z-index: 30;
} .blg-manifesto-center {
padding-inline: clamp(20px, 4vw, 50px);
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center;
}
.blg-manifesto-top-info {
display: inline-block;
margin: 0 auto 25px;
border: 1px solid var(--blg-white);
padding: 8px 15px;
font-family: var(--blg-font-body);
font-size: 0.7rem;
font-weight: 900;
color: var(--blg-white);
letter-spacing: 2px;
text-transform: uppercase;
width: fit-content;
}
.blg-manifesto-label {
font-family: var(--blg-font-body);
font-size: 0.65rem;
color: var(--blg-accent-color);
text-transform: uppercase;
letter-spacing: 8px;
font-weight: 700;
display: block;
margin-bottom: 30px;
}
.blg-manifesto-title {
margin: 0;
color: var(--blg-white);
line-height: 0.8;
text-transform: uppercase;
position: relative;
}
.blg-manifesto-title__line {
display: block;
font-family: var(--blg-font-body);
font-size: clamp(4rem, 12vw, 11rem);
font-weight: 900;
letter-spacing: -5px;
}
.blg-manifesto-title__line--next {
margin-top: -10px;
}
.blg-manifesto-title__sub {
display: block;
font-family: var(--blg-font-heading);
font-size: clamp(2.5rem, 6vw, 5.5rem);
color: var(--blg-accent-color);
font-style: italic;
text-transform: none;
margin-top: -20px;
letter-spacing: 0;
}
.blg-manifesto-footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding-top: 20px;
}
.blg-manifesto-edition {
font-family: var(--blg-font-body);
font-size: 0.6rem;
color: var(--blg-white-trans-60);
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 800;
}
.blg-manifesto-link {
font-family: var(--blg-font-body);
font-size: 0.75rem;
font-weight: 900;
color: var(--blg-white);
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
}
.blg-manifesto-link span {
color: var(--blg-accent-color);
font-size: 1.2rem;
} .blg-editorial-center {
padding-inline: clamp(20px, 4vw, 80px);
margin-bottom: 40px;
}
.blg-editorial-prefix {
font-family: var(--blg-font-body);
font-size: 0.6rem;
color: var(--blg-accent-color);
text-transform: uppercase;
letter-spacing: 8px;
font-weight: 700;
display: block;
margin-bottom: 20px;
}
.blg-editorial-ghost-wrap {
position: relative;
}
.blg-editorial-ghost {
position: absolute;
top: -30px;
inset-inline-start: -5px;
font-family: 'Abril Fatface', serif;
font-size: clamp(4rem, 12vw, 10rem);
color: transparent;
-webkit-text-stroke: 1px var(--blg-white-trans-04);
pointer-events: none;
white-space: nowrap;
z-index: 0;
line-height: 1;
font-style: italic;
}
.blg-editorial-title {
position: relative;
z-index: 2;
margin: 0;
color: var(--blg-white);
line-height: 0.85;
text-transform: none;
}
.blg-editorial-t1 {
display: block;
font-family: var(--blg-font-body);
font-size: clamp(3rem, 7.5vw, 6.5rem);
font-weight: 900;
letter-spacing: -4px;
text-transform: uppercase;
}
.blg-editorial-t2 {
display: block;
font-family: 'Abril Fatface', serif;
font-size: clamp(3.5rem, 8vw, 7.5rem);
color: var(--blg-accent-color);
font-style: italic;
margin-top: -10px;
}
.blg-editorial-quote-wrap {
padding-inline: clamp(20px, 4vw, 80px);
max-width: 520px;
}
.blg-editorial-quote {
font-family: var(--blg-font-body);
font-size: 1.1rem;
line-height: 1.7;
color: var(--blg-white-trans-60);
margin-bottom: 40px;
font-style: italic;
}
.blg-cover-bottom-posts {
position: relative;
z-index: 10;
padding-top: 50px;
}
.blg-cover-spread-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.blg-h2-post {
padding: clamp(20px, 3vw, 40px);
position: relative;
transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
display: flex;
flex-direction: column;
justify-content: center;
background: var(--blg-white-trans-05);
backdrop-filter: blur(15px);
border-radius: 15px;
border: 1px solid var(--blg-white-trans-10);
}
.blg-h2-post:hover {
background: var(--blg-white-trans-10);
}
.blg-h2-post__link {
position: absolute;
inset: 0;
z-index: 5;
} .blg-cat-cover-center {
padding-inline: clamp(20px, 4vw, 50px);
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center;
}
.blg-cat-cover-title {
margin: 0;
color: var(--blg-white);
line-height: 0.8;
text-transform: uppercase;
position: relative;
}
.blg-cat-cover-title__main {
display: block;
font-family: var(--blg-font-body);
font-size: clamp(4rem, 10vw, 7rem);
font-weight: 900;
letter-spacing: -6px;
}
.blg-cat-cover-title__sub {
display: block;
font-family: 'Abril Fatface', serif;
font-size: clamp(3rem, 8vw, 5rem);
color: var(--blg-accent-color);
font-style: italic;
margin-top: -20px;
letter-spacing: -2px;
text-transform: none;
} .blg-contact-cover-center {
padding-inline: clamp(20px, 4vw, 50px);
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 2;
}
.blg-contact-label {
margin-bottom: 30px;
}
.blg-contact-label span {
font-family: var(--blg-font-body);
font-size: 0.65rem;
color: var(--blg-white);
font-weight: 900;
text-transform: uppercase;
letter-spacing: 8px;
opacity: 0.6;
}
.blg-contact-title {
margin: 0 0 60px;
color: var(--blg-white);
line-height: 0.75;
text-transform: uppercase;
}
.blg-contact-title__line {
display: block;
font-family: var(--blg-font-body);
font-size: clamp(5rem, 15vw, 12rem);
font-weight: 900;
letter-spacing: -8px;
}
.blg-contact-title__accent {
display: block;
font-family: var(--blg-font-heading);
font-size: clamp(3rem, 7vw, 6rem);
color: var(--blg-accent-color);
font-style: italic;
text-transform: none;
margin-top: 20px;
letter-spacing: 0;
}
.blg-contact-grid {
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 40px;
border-top: 1px solid var(--blg-white-trans-10);
padding-top: 40px;
}
.blg-contact-col {
border-inline-start: 1px solid var(--blg-white-trans-20);
padding-inline-start: 20px;
}
.blg-contact-col__label {
font-family: var(--blg-font-body);
font-size: 0.55rem;
color: var(--blg-accent-color);
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
display: block;
margin-bottom: 12px;
}
.blg-contact-col__value {
font-family: var(--blg-font-body);
font-size: clamp(1rem, 1.2vw, 1.2rem);
font-weight: 600;
color: var(--blg-white);
letter-spacing: 0;
line-height: 1.4;
}
.blg-contact-col__value a {
text-decoration: none;
color: inherit;
}
.blg-contact-footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding-top: 20px;
}
.blg-contact-edition {
font-family: var(--blg-font-body);
font-size: 0.55rem;
color: var(--blg-white-trans-40);
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 800;
}
.blg-contact-link {
font-family: var(--blg-font-body);
font-size: 0.7rem;
font-weight: 900;
color: var(--blg-white);
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
border-bottom: 1px solid var(--blg-accent-color);
padding-bottom: 5px;
} .blg-cover-articles {
width: 100%;
position: relative;
}
.blg-hero-main-wrap {
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-bottom: clamp(15px, 3vw, 30px);
min-height: 0;
margin-top: 70px;
}
.blg-hero-main {
position: relative;
z-index: 2;
}
.blg-hero-main-title {
margin: 0;
font-size: clamp(3rem, 6.5vw, 7.5rem);
font-weight: 900;
letter-spacing: -3px;
line-height: 0.92;
display: block;
width: fit-content;
font-family: var(--blg-font-heading) !important;
}
.blg-title-mid {
display: block;
font-family: var(--blg-font-body);
font-size: 0.2em;
letter-spacing: 10px;
font-weight: 300;
opacity: 0.65;
margin: 14px 0;
}
.blg-title-line3 {
font-style: italic;
font-weight: 400;
color: var(--blg-accent-color);
font-family: var(--blg-font-heading);
}
.blg-hero-briefs-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0;
margin-bottom: 15px;
position: relative;
z-index: 5;
padding-bottom: 20px;
}
.blg-hero-brief {
display: flex;
flex-direction: column;
}
.blg-hero-brief--1 {
border-inline-end: 1px solid var(--blg-white-trans-10);
padding-inline-end: 20px;
}
.blg-hero-brief--2 {
border-inline-end: 1px solid var(--blg-white-trans-10);
padding-inline: 20px;
}
.blg-hero-brief--3 {
padding-inline-start: 20px;
}
.blg-hero-brief__label {
font-size: 0.55rem;
font-weight: 900;
color: var(--blg-accent-color);
letter-spacing: 4px;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
font-family: var(--blg-font-body);
}
.blg-hero-brief__title {
margin: 0;
font-weight: 900;
font-size: clamp(1.5rem, 2.5vw, 2.8rem);
line-height: 0.85;
}
.blg-hero-brief__title--slot1 {
color: var(--blg-accent-color);
line-height: 0.95;
letter-spacing: -1px;
}
.blg-hero-brief__title--slot2 {
font-size: clamp(1rem, 1.8vw, 1.8rem);
font-weight: 400;
font-family: var(--blg-font-body);
color: var(--blg-white);
line-height: 1.15;
}
.blg-hero-brief__title--slot3 {
color: var(--blg-white);
letter-spacing: -1px;
}
.blg-brief-cta {
margin-top: auto;
padding-top: 25px;
}
.blg-brief-cta-link {
font-size: 0.5rem;
font-weight: 900;
letter-spacing: 2px;
font-family: var(--blg-font-body);
text-transform: uppercase;
text-decoration: none;
line-height: 1.5;
display: block;
}
.blg-brief-cta-link--slot1 {
color: var(--blg-white-trans-50);
}
.blg-brief-cta-link--slot2 {
color: var(--blg-accent-color);
}
.blg-brief-cta-link--slot3 {
color: var(--blg-white);
border-bottom: 1px solid var(--blg-white-trans-20);
padding-bottom: 3px;
display: inline-flex;
align-items: center;
gap: 6px;
}
.blg-edition-text-wrap {
font-size: 0.45rem;
font-family: var(--blg-font-body);
letter-spacing: 4px;
text-transform: uppercase;
opacity: 0.4;
color: var(--blg-white);
margin-top: 5px;
}
.blg-single-meta-bottom-right {
position: absolute;
bottom: clamp(25px, 4vw, 50px);
inset-inline-end: clamp(25px, 4vw, 50px);
display: flex;
flex-direction: column;
gap: 22px;
text-align: end;
z-index: 20;
}
.blg-meta-slot {
border-inline-end: 2px solid var(--blg-accent-color);
padding-inline-end: 15px;
}
.blg-meta-slot__label {
font-family: var(--blg-font-body);
font-size: 0.5rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
color: var(--blg-accent-color);
display: block;
margin-bottom: 8px;
}
.blg-meta-slot__value {
font-family: var(--blg-font-heading);
font-size: 1.6rem;
font-style: italic;
font-weight: 900;
color: var(--blg-white);
line-height: 1;
letter-spacing: -0.5px;
} .blg-page-content:not(.blg-page-content--elementor) {
max-width: 900px;
margin-inline: auto;
padding: clamp(40px, 5vw, 80px) clamp(20px, 5vw, 60px);
}
.blg-page-content--elementor {
width: 100%;
padding: 0;
}
.blg-single-content--standard {
font-family: var(--blg-font-body);
font-size: clamp(1rem, 1.5vw, 1.15rem);
line-height: 1.9;
}
.blg-page-pagination {
margin-top: 40px;
} .blg-post-list-item {
display: flex;
gap: clamp(20px, 4vw, 40px);
align-items: center;
border-bottom: 1px solid var(--blg-border-color);
padding-bottom: clamp(20px, 4vw, 40px);
margin-bottom: clamp(20px, 4vw, 40px);
}
.blg-post-list-item:last-child {
border-bottom: none;
margin-bottom: 0;
}
.blg-list-image {
width: clamp(120px, 18vw, 250px);
height: clamp(80px, 12vw, 180px);
flex-shrink: 0;
overflow: hidden;
border-radius: var(--blg-radius-img, 0px);
border: var(--blg-border-width, 1px) solid var(--blg-border-color);
}
.blg-list-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-list-content {
flex: 1;
min-width: 0;
}
.blg-list-content .blg-post-category {
font-family: var(--blg-font-body);
font-size: 0.6rem;
color: var(--blg-accent-color);
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
margin-bottom: 10px;
}
.blg-list-content .blg-post-title {
font-family: var(--blg-font-heading);
font-size: clamp(1.1rem, 2vw, 1.8rem);
margin-bottom: 12px;
line-height: 1.15;
}
.blg-list-content .blg-post-title a {
color: inherit;
text-decoration: none;
}
.blg-list-meta {
font-family: var(--blg-font-body);
font-size: 0.7rem;
color: var(--blg-text-muted);
display: flex;
gap: 10px;
flex-wrap: wrap;
} .blg-feed-nav {
border-bottom: 1px solid var(--blg-border-color);
padding: 10px clamp(20px, 4vw, 50px);
background: var(--blg-bg-color);
display: flex;
align-items: center;
position: sticky;
top: 0;
z-index: 100;
gap: 0;
overflow: hidden;
transition: all 0.4s ease;
}
.blg-nav-menu-wrapper {
display: flex;
align-items: center;
flex: 1 1 0%;
min-width: 0;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
padding-inline-end: 20px;
}
.blg-nav-links {
display: flex;
gap: 30px;
list-style: none;
margin: 0;
padding: 0;
white-space: nowrap;
}
.blg-nav-links li a {
text-decoration: none;
color: inherit;
font-size: 0.75rem;
font-weight: 800;
letter-spacing: 2px;
transition: color 0.3s ease;
}
.blg-nav-links li a:hover,
.blg-nav-links li.current-menu-item a {
color: var(--blg-accent-color);
}
.blg-nav-links sup {
opacity: 0.5;
font-size: 0.65em;
font-weight: 600;
}
.blg-nav-admin-link {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--blg-font-body);
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-accent-color);
text-decoration: none;
border: 1px dashed var(--blg-accent-color);
padding: 6px 14px;
border-radius: 4px;
opacity: 0.8;
}
.blg-nav-right {
display: flex;
gap: 40px;
align-items: center;
flex-shrink: 0;
min-width: auto;
}
.blg-nav-right__icons {
display: flex;
gap: 25px;
align-items: center;
border-inline-start: 1px solid var(--blg-border-color);
padding-inline-start: 25px;
}
.blg-nav-icon-btn {
background: none;
border: none;
cursor: pointer;
color: var(--blg-text-main);
display: flex;
align-items: center;
padding: 0;
}
.blg-nav-subscribe-btn {
padding: 10px 25px;
font-size: 0.65rem;
font-weight: 900;
letter-spacing: 2px;
border-radius: 50px;
background: var(--blg-text-main);
color: var(--blg-bg-color);
text-decoration: none;
display: inline-flex;
align-items: center;
border: none;
cursor: pointer;
text-transform: uppercase;
} .blg-toc-container {
display: none;
margin-bottom: 40px;
padding: 30px;
background: var(--blg-bg-alt);
border: 1px solid var(--blg-border-color);
border-radius: 15px;
}
.blg-toc-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.blg-toc-title {
font-family: var(--blg-font-heading);
text-transform: uppercase;
letter-spacing: 3px;
font-size: 0.7rem;
margin: 0;
opacity: 0.6;
}
.blg-toc-toggle-btn {
background: none;
border: none;
cursor: pointer;
font-family: var(--blg-font-body);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--blg-accent-color);
font-weight: 700;
}
.blg-toc-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 15px;
} .blg-tags-wrap {
margin-top: 50px;
padding-top: 30px;
border-top: 1px solid var(--blg-border-color);
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.blg-tags-label {
font-family: var(--blg-font-body);
font-size: 0.65rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-text-muted);
margin-inline-end: 5px;
}
.blg-post-nav {
margin-top: 60px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(15px, 2vw, 30px);
}
.blg-nav-card {
text-decoration: none;
color: inherit;
padding: 25px;
border: 1px solid var(--blg-border-color);
display: flex;
flex-direction: column;
gap: 10px;
border-radius: var(--blg-radius-img, 0px);
transition: all 0.3s ease;
}
.blg-nav-card--next {
text-align: end;
}
.blg-nav-card:hover {
border-color: var(--blg-accent-color);
transform: translateY(-3px);
}
.blg-nav-card__img-wrap {
height: 80px;
overflow: hidden;
border-radius: 2px;
margin-bottom: 8px;
}
.blg-nav-card__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-nav-card__label {
font-size: 0.6rem;
font-family: var(--blg-font-body);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-accent-color);
}
.blg-nav-card__title {
font-family: var(--blg-font-heading);
font-size: 0.95rem;
line-height: 1.3;
margin: 0;
} .blg-related-posts {
padding: clamp(40px, 5vw, 80px) clamp(20px, 4vw, 50px);
border-top: 1px solid var(--blg-border-color);
background: var(--blg-bg-alt);
}
.blg-related-title {
font-family: var(--blg-font-heading);
font-size: clamp(1.5rem, 3vw, 2.5rem);
margin-bottom: 40px;
font-weight: 900;
}
.blg-related-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(15px, 2vw, 30px);
} @media (max-width: 600px) {
.blg-post-nav {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.blg-related-grid {
grid-template-columns: 1fr;
}
} .blg-archive-container {
padding: clamp(40px, 6vw, 80px) clamp(20px, 5vw, 60px);
}
.blg-archive-header {
margin-bottom: clamp(40px, 6vw, 80px);
border-bottom: 1px solid var(--blg-border-color);
padding-bottom: 30px;
}
.blg-archive-header h1 {
font-family: var(--blg-font-heading);
font-size: clamp(3rem, 6vw, 6rem);
font-weight: 900;
line-height: 0.9;
margin: 10px 0 15px;
letter-spacing: -3px;
}
.blg-archive-header p {
font-family: var(--blg-font-body);
font-size: 1rem;
color: var(--blg-text-muted);
max-width: 600px;
}
.blg-archive-pagination {
margin-top: 60px;
}
.blg-archive-empty {
font-family: var(--blg-font-body);
opacity: 0.7;
} @media (max-width: 768px) {
.blg-archive-featured a {
grid-template-columns: 1fr !important;
}
.blg-archive-grid {
grid-template-columns: 1fr !important;
}
} .blg-search-container {
padding: clamp(40px, 6vw, 80px) clamp(20px, 5vw, 60px);
max-width: 1200px;
margin-inline: auto;
}
.blg-search-header {
margin-bottom: 60px;
border-bottom: 1px solid var(--blg-border-color);
padding-bottom: 30px;
}
.blg-search-header__label {
font-family: var(--blg-font-body);
font-size: 0.65rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 4px;
color: var(--blg-accent-color);
}
.blg-search-header h1 {
font-family: var(--blg-font-heading);
font-size: clamp(2rem, 5vw, 4rem);
font-weight: 900;
margin: 10px 0 0;
letter-spacing: -2px;
}
.blg-search-header__count {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
margin-top: 10px;
}
.blg-search-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: clamp(20px, 3vw, 40px);
}
.blg-search-pagination {
margin-top: 60px;
}
.blg-search-no-results {
text-align: center;
padding: 60px 0;
}
.blg-search-no-results p {
font-family: var(--blg-font-body);
font-size: 1.2rem;
opacity: 0.7;
} .blg-bento-card--large {
grid-column: span 8;
}
.blg-bento-card--medium {
grid-column: span 4;
}
.blg-bento-card--small {
grid-column: span 4;
}
.blg-bento-card__visual--large {
height: 500px;
}
.blg-bento-card__visual--medium {
height: 500px;
}
.blg-bento-card__visual--small {
height: 350px;
} .blg-split-row__visual--even {
order: 2;
} .blg-archive-author-highlight {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 60px;
}
.blg-author-card-style {
text-align: center;
padding: 60px;
border: 1px solid var(--blg-border-color);
border-radius: 20px;
transition: all 0.5s;
}
.blg-author-card-style:hover {
background: var(--blg-accent-color);
border-color: var(--blg-accent-color);
}
.blg-author-card-style__avatar-wrap {
width: 200px;
height: 200px;
border-radius: 50%;
border: 6px solid var(--blg-accent-color);
overflow: hidden;
margin: 0 auto 40px;
transition: transform 0.6s;
}
.blg-author-card-style__avatar-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(1);
transition: filter 0.4s ease, transform 0.6s ease;
}
.blg-author-card-style:hover .blg-author-card-style__avatar-wrap img {
filter: grayscale(0);
transform: scale(1.1);
}
.blg-author-card-style__title {
font-family: var(--blg-font-heading);
font-size: 1.8rem;
font-weight: 900;
text-transform: uppercase;
margin: 0 0 15px;
letter-spacing: -1px;
}
.blg-author-card-style__title a {
text-decoration: none;
color: inherit;
}
.blg-author-card-style:hover .blg-author-card-style__title a,
.blg-author-card-style:hover .blg-author-card-style__meta {
color: var(--blg-white) !important;
}
.blg-author-card-style__meta {
font-family: var(--blg-font-body);
font-size: 0.7rem;
color: var(--blg-accent-color);
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
} .blg-archive-bento-v2 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 300px;
gap: 20px;
}
.blg-bento-v2-card {
position: relative;
overflow: hidden;
border-radius: 20px;
background: var(--blg-black);
}
.blg-bento-v2-card--wide {
grid-column: span 2;
grid-row: span 2;
}
.blg-bento-v2-card--medium {
grid-column: span 2;
}
.blg-bento-v2-card__img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.7;
transition: transform 0.8s;
}
.blg-bento-v2-card:hover .blg-bento-v2-card__img {
transform: scale(1.1);
opacity: 0.4;
}
.blg-bento-v2-card__content {
position: absolute;
inset: 0;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: var(--blg-white);
pointer-events: none;
}
.blg-bento-v2-card__date {
font-family: monospace;
font-size: 0.6rem;
letter-spacing: 4px;
text-transform: uppercase;
color: var(--blg-accent-color);
margin-bottom: 15px;
}
.blg-bento-v2-card__title {
margin: 0;
font-family: var(--blg-font-heading);
line-height: 1;
font-weight: 900;
letter-spacing: -1px;
color: var(--blg-white);
}
.blg-bento-v2-card__title--large {
font-size: 2.8rem;
}
.blg-bento-v2-card__title--small {
font-size: 1.4rem;
}
.blg-bento-v2-card__title a {
text-decoration: none;
color: inherit;
pointer-events: auto;
} .blg-archive-hero-cover article {
height: 100vh;
position: relative;
display: flex;
align-items: flex-end;
padding: 80px;
background: var(--blg-black);
margin-bottom: 10px;
}
.blg-hero-cover-arc__bg {
position: absolute;
inset: 0;
opacity: 0.6;
}
.blg-hero-cover-arc__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-hero-cover-arc__content {
position: relative;
z-index: 5;
width: 100%;
}
.blg-hero-cover-arc__footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
border-bottom: 1px solid var(--blg-white-trans-20);
padding-bottom: 40px;
}
.blg-hero-cover-arc__title-wrap {
max-width: 900px;
}
.blg-hero-cover-arc__title {
font-family: var(--blg-font-heading);
font-size: 7rem;
font-weight: 900;
line-height: 0.85;
color: var(--blg-white);
margin: 0;
letter-spacing: -4px;
text-transform: uppercase;
}
.blg-hero-cover-arc__title a {
text-decoration: none;
color: inherit;
}
.blg-hero-cover-arc__meta {
text-align: end;
}
.blg-hero-cover-arc__author {
font-family: var(--blg-font-body);
font-size: 1.2rem;
color: var(--blg-accent-color);
font-weight: 900;
display: block;
margin-bottom: 10px;
}
.blg-hero-cover-arc__date {
color: var(--blg-white);
opacity: 0.5;
letter-spacing: 5px;
font-size: 0.8rem;
text-transform: uppercase;
} .blg-archive-post-deck {
display: flex;
overflow-x: auto;
gap: 10px;
padding: 100px 50px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.blg-deck-item {
flex: 0 0 450px;
height: 600px;
background: var(--blg-bg-color);
border-radius: 30px;
overflow: hidden;
box-shadow: 0 30px 100px var(--blg-black-trans-10);
transition: all 0.4s;
}
.blg-deck-item--rotate-pos {
transform: rotate(3deg);
}
.blg-deck-item--rotate-neg {
transform: rotate(-3deg);
}
.blg-deck-item__link {
display: block;
height: 100%;
text-decoration: none;
color: inherit;
}
.blg-deck-item__visual {
height: 350px;
}
.blg-deck-item__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-deck-item__body {
padding: 40px;
}
.blg-deck-item__id {
font-family: monospace;
font-size: 0.7rem;
color: var(--blg-accent-color);
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3px;
display: block;
margin-bottom: 20px;
}
.blg-deck-item__title {
font-family: var(--blg-font-heading);
font-size: 1.8rem;
font-weight: 900;
line-height: 1;
margin: 0;
letter-spacing: -1px;
} .blg-archive-glass-focus {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
gap: 60px;
}
.blg-glass-focus-card {
position: relative;
height: 550px;
border-radius: 25px;
overflow: hidden;
}
.blg-glass-focus-card__visual {
position: absolute;
inset: 0;
}
.blg-glass-focus-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-glass-focus-card__content {
position: absolute;
bottom: 40px;
inset-inline-start: 40px;
inset-inline-end: 40px;
backdrop-filter: blur(15px);
background: var(--blg-white-trans-15);
border: 1px solid var(--blg-white-trans-20);
padding: 40px;
border-radius: 20px;
color: var(--blg-white);
}
.blg-glass-focus-card__title {
font-family: var(--blg-font-heading);
font-size: 1.8rem;
font-weight: 900;
line-height: 1;
margin-bottom: 20px;
color: var(--blg-white);
}
.blg-glass-focus-card__title a {
text-decoration: none;
color: inherit;
}
.blg-glass-focus-card__footer {
display: flex;
justify-content: space-between;
align-items: center;
}
.blg-glass-focus-card__author {
font-size: 0.7rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3px;
}
.blg-glass-focus-card__btn {
color: var(--blg-white);
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.6rem;
text-decoration: none;
} .blg-archive-shadow-tiles {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 2px;
background: var(--blg-border-color);
}
.blg-shadow-tile {
height: 450px;
position: relative;
overflow: hidden;
background: var(--blg-black);
}
.blg-shadow-tile__img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.5;
transition: all 0.6s;
}
.blg-shadow-tile__content {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 40px;
color: var(--blg-white);
transition: all 0.4s;
}
.blg-shadow-tile__title {
font-family: var(--blg-font-heading);
font-size: 1.5rem;
font-weight: 900;
line-height: 1.1;
color: var(--blg-white);
letter-spacing: -0.5px;
margin-bottom: 20px;
opacity: 0;
transform: scale(0.8);
transition: all 0.4s;
} .blg-feed-nav--woo {
border-bottom: 1px solid var(--blg-border-color);
padding: 20px clamp(20px, 4vw, 50px);
background: var(--blg-bg-color);
display: flex;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
z-index: 100;
}
.tft-woo-menu-wrap {
display: flex;
gap: 25px;
align-items: center;
}
.tft-woo-action-wrap {
display: flex;
gap: 20px;
align-items: center;
border-inline-start: 1px solid var(--blg-border-color);
padding-inline-start: 20px;
}
.tft-content-inner {
padding: clamp(30px, 5vw, 60px);
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
.blg-shadow-tile__btn {
color: var(--blg-accent-color);
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 0.6rem;
text-decoration: none;
opacity: 0;
}
.blg-shadow-tile:hover .blg-shadow-tile__img {
opacity: 0.2;
transform: scale(1.1);
}
.blg-shadow-tile:hover .blg-shadow-tile__title,
.blg-shadow-tile:hover .blg-shadow-tile__btn {
opacity: 1;
transform: scale(1);
} .blg-archive-flip-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 40px;
}
.blg-flip-item {
height: 550px;
perspective: 1500px;
}
.blg-flip-inner {
position: relative;
width: 100%;
height: 100%;
transform-style: preserve-3d;
transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1);
}
.blg-flip-item:hover .blg-flip-inner {
transform: rotateY(180deg);
}
.blg-flip-front,
.blg-flip-back {
position: absolute;
inset: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 20px;
overflow: hidden;
}
.blg-flip-back {
background: var(--blg-accent-color);
color: var(--blg-white);
transform: rotateY(180deg);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px;
text-align: center;
}
.blg-flip-front__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-flip-back__title {
font-family: var(--blg-font-heading);
font-size: 1.8rem;
font-weight: 900;
line-height: 1.1;
margin-bottom: 20px;
}
.blg-nav-links__home-link {
text-decoration: none;
color: inherit;
font-family: var(--blg-font-body);
font-size: 0.75rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
} .blg-h2-post--lead-border {
border-inline-end: 1px solid var(--blg-white-trans-10);
}
.blg-mag-bold {
display: flex;
align-items: flex-start;
gap: 25px;
}
.blg-mag-bold__thumb-wrap {
flex-shrink: 0;
width: 80px;
height: 110px;
position: relative;
overflow: hidden;
border: 1px solid var(--blg-white-trans-20);
transform: rotate(-2deg);
box-shadow: 10px 10px 30px var(--blg-black-trans-30);
}
.blg-mag-bold__thumb-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-mag-bold__overlay {
position: absolute;
inset: 0;
background: var(--blg-accent-color);
mix-blend-mode: color;
opacity: 0.3;
}
.blg-mag-bold__content {
flex: 1;
}
.blg-mag-bold__cat-wrap {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
}
.blg-mag-bold__cat-line {
height: 1px;
width: 20px;
background: var(--blg-accent-color);
}
.blg-mag-bold__cat {
font-family: var(--blg-font-body);
font-size: 0.6rem;
color: var(--blg-accent-color);
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
}
.blg-mag-bold__title {
font-family: 'Abril Fatface', serif;
font-size: clamp(1.2rem, 2vw, 1.8rem);
color: var(--blg-white);
line-height: 1;
margin: 0;
letter-spacing: -0.5px;
}
.blg-mag-bold__vol {
font-family: var(--blg-font-body);
font-size: 0.75rem;
color: var(--blg-white-trans-40);
margin-top: 15px;
display: block;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
}
.blg-mag-modern {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 30px;
text-align: end;
}
.blg-mag-modern__thumb-wrap {
flex-shrink: 0;
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
border: 2px solid var(--blg-white-trans-10);
position: relative;
box-shadow: 0 0 0 10px var(--blg-white-trans-05);
}
.blg-mag-modern__thumb-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(1) contrast(1.2);
}
.blg-mag-modern__content {
flex: 1;
}
.blg-mag-modern__label {
font-family: var(--blg-font-body);
font-size: 0.55rem;
color: var(--blg-white-trans-60);
font-weight: 400;
text-transform: uppercase;
letter-spacing: 6px;
display: block;
margin-bottom: 15px;
}
.blg-mag-modern__title {
font-family: var(--blg-font-body);
font-size: clamp(1.1rem, 1.8vw, 1.5rem);
font-weight: 900;
color: var(--blg-white);
text-transform: uppercase;
line-height: 0.9;
letter-spacing: -1.5px;
margin: 0;
}
.blg-mag-modern__author {
margin-top: 15px;
font-family: 'Cormorant Garamond', serif;
font-size: 0.95rem;
color: var(--blg-accent-color);
font-style: italic;
}
.blg-mag-focus {
display: flex;
align-items: flex-start;
gap: 20px;
}
.blg-mag-focus__thumb-wrap {
flex-shrink: 0;
width: 60px;
height: 80px;
border-radius: 40px;
overflow: hidden;
border: 1px solid var(--blg-white-trans-10);
}
.blg-mag-focus__thumb-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: sepia(0.5);
}
.blg-mag-focus__content {
flex: 1;
}
.blg-mag-focus__cat-wrap {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.blg-mag-focus__cat-line {
width: 14px;
height: 1px;
background: var(--blg-accent-color);
}
.blg-mag-focus__cat {
font-family: var(--blg-font-body);
font-size: 0.5rem;
color: var(--blg-white-trans-40);
text-transform: uppercase;
letter-spacing: 3px;
}
.blg-mag-focus__title {
font-family: var(--blg-font-heading);
font-size: 0.9rem;
font-weight: 400;
font-style: italic;
color: var(--blg-white);
line-height: 1.3;
margin: 0;
} .blg-cs-strip {
display: flex;
height: 700px;
overflow: hidden;
border-radius: var(--blg-radius-img);
}
.blg-cs-col {
flex: 1;
position: relative;
overflow: hidden;
cursor: pointer;
transition: flex 0.8s cubic-bezier(0.77, 0, 0.175, 1);
border-inline-end: 1px solid var(--blg-white-trans-10);
}
.blg-cs-col:hover {
flex: 5;
}
.blg-cs-col__visual {
position: absolute;
inset: 0;
}
.blg-cs-col__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.blg-cs-col:hover .blg-cs-col__img {
transform: scale(1.1);
}
.blg-cs-col__overlay {
position: absolute;
inset: 0;
background: var(--blg-black-trans-30);
transition: background 0.6s;
}
.blg-cs-col:hover .blg-cs-col__overlay {
background: transparent;
}
.blg-cs-col__label {
position: absolute;
bottom: 0;
inset-inline-start: 0;
inset-inline-end: 0;
padding: 40px 20px;
color: var(--blg-white);
writing-mode: vertical-rl;
text-orientation: mixed;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
z-index: 5;
transition: opacity 0.4s;
}
.blg-cs-col:hover .blg-cs-col__label {
opacity: 0;
}
.blg-cs-col__title-vertical {
font-family: var(--blg-font-heading);
font-size: 1.5rem;
font-weight: 900;
white-space: nowrap;
text-transform: uppercase;
}
.blg-cs-col__reveal {
position: absolute;
inset: 0;
background: linear-gradient(to top, var(--blg-black-trans-90), transparent);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 60px;
color: var(--blg-white);
opacity: 0;
transition: opacity 0.5s, transform 0.5s;
transform: translateY(30px);
pointer-events: none;
}
.blg-cs-col:hover .blg-cs-col__reveal {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.blg-cs-col__title {
font-family: var(--blg-font-heading);
font-size: 3.5rem;
font-weight: 900;
line-height: 0.9;
margin-bottom: 20px;
letter-spacing: -1px;
color: var(--blg-white);
}
.blg-cs-col__link-overlay {
position: absolute;
inset: 0;
z-index: 10;
} .blg-lens-archive {
position: relative;
padding-block: 100px;
}
.blg-lens-cursor {
position: fixed;
width: 350px;
height: 350px;
border-radius: 50%;
pointer-events: none;
z-index: 999999;
overflow: hidden;
opacity: 0;
transition: opacity 0.3s, transform 0.1s ease-out;
transform: translate(-50%, -50%) scale(0.5);
border: 2px solid var(--blg-accent-color);
box-shadow: 0 30px 100px var(--blg-black-trans-80);
}
.blg-lens-cursor__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.blg-lens-row {
display: flex;
align-items: center;
gap: 60px;
padding: 80px 0;
border-bottom: 1px solid var(--blg-border-color);
color: var(--blg-text-main);
cursor: none;
transition: color 0.4s;
}
.blg-lens-row:hover {
color: var(--blg-accent-color);
}
.blg-lens-row__count {
font-family: var(--blg-font-heading);
font-size: 1.5rem;
font-weight: 900;
opacity: 0.2;
}
.blg-lens-row__title {
flex: 1;
margin: 0;
font-family: var(--blg-font-heading);
font-size: 5rem;
font-weight: 900;
letter-spacing: -3px;
line-height: 0.8;
text-transform: uppercase;
}
.blg-lens-row__link {
text-decoration: none;
color: inherit;
cursor: none;
}
.blg-lens-row__date {
font-family: var(--blg-font-body);
font-size: 0.8rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
opacity: 0.4;
} .blg-km-wrap {
position: relative;
overflow: hidden;
margin-block: 60px;
border-radius: var(--blg-radius-img);
}
.blg-km-preview {
width: 100%;
height: 700px;
overflow: hidden;
position: relative;
background: var(--blg-black);
}
.blg-km-preview__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 0.6s, transform 1s;
filter: brightness(0.5);
transform: scale(1.1);
}
.blg-km-preview__img--active {
opacity: 0.7;
transform: scale(1);
}
.blg-km-preview__overlay {
position: absolute;
bottom: 0;
inset-inline-start: 0;
inset-inline-end: 0;
height: 200px;
background: linear-gradient(transparent, #0a0a0a);
}
.blg-km-track-wrap {
background: var(--blg-black);
overflow: hidden;
cursor: none;
position: relative;
z-index: 10;
border-top: 1px solid var(--blg-white-trans-10);
}
.blg-km-track {
display: flex;
width: max-content;
animation: blg-marquee-scroll 40s linear infinite;
}
.blg-km-track:hover {
animation-play-state: paused;
}
.blg-km-item {
display: inline-flex;
align-items: center;
gap: 60px;
padding: 40px 60px;
text-decoration: none;
color: var(--blg-white);
}
.blg-km-item__title {
font-family: var(--blg-font-heading);
font-size: 6rem;
font-weight: 900;
letter-spacing: -3px;
text-transform: uppercase;
white-space: nowrap;
transition: color 0.3s;
}
.blg-km-item:hover .blg-km-item__title {
color: var(--blg-accent-color);
}
.blg-km-item__sep {
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--blg-accent-color);
}
@keyframes blg-marquee-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
} .blg-archive-liquid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
gap: 50px;
}
.blg-liquid-card {
position: relative;
}
.blg-liquid-card__link {
display: block;
text-decoration: none;
color: inherit;
}
.blg-liquid-card__mask {
height: 500px;
overflow: hidden;
position: relative;
transition: clip-path 0.8s cubic-bezier(0.7, 0, 0.3, 1), filter 0.8s;
}
.blg-liquid-card__link:hover .blg-liquid-card__mask {
filter: hue-rotate(15deg);
}
.blg-liquid-card__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 1s;
}
.blg-liquid-card__link:hover .blg-liquid-card__img {
transform: scale(1.1);
}
.blg-liquid-card__content {
position: absolute;
inset: 0;
background: linear-gradient(to top, var(--blg-black-trans-80), transparent);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 40px;
color: var(--blg-white);
}
.blg-liquid-card__title {
font-family: var(--blg-font-heading);
font-size: 2rem;
font-weight: 900;
line-height: 1;
margin: 0;
} .blg-monolith-card {
margin-bottom: 150px;
position: relative;
height: 80vh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.blg-monolith-card__bg {
position: absolute;
inset: 0;
}
.blg-monolith-card__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-monolith-card__overlay {
position: absolute;
inset: 0;
background: var(--blg-black-trans-40);
}
.blg-monolith-card__mask {
position: relative;
z-index: 5;
width: 60%;
height: 80%;
background: var(--blg-bg-color);
padding: 80px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
box-shadow: 0 100px 200px rgba(0, 0, 0, 0.5);
transform: translateY(100px);
opacity: 0;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.blg-monolith-card--visible .blg-monolith-card__mask {
opacity: 1;
transform: translateY(0);
}
.blg-monolith-card__date {
font-size: 0.7rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 10px;
color: var(--blg-accent-color);
display: block;
margin-bottom: 40px;
}
.blg-monolith-card__title-wrap {
font-family: var(--blg-font-heading);
font-size: 5rem;
font-weight: 900;
line-height: 0.9;
margin-bottom: 40px;
letter-spacing: -3px;
text-transform: uppercase;
}
.blg-monolith-card__title-wrap a {
text-decoration: none;
color: inherit;
}
.blg-monolith-card__excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
font-size: 1.2rem;
line-height: 1.8;
max-width: 600px;
margin: 0 auto 40px;
} .blg-archive-slabs-item {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 0;
margin-bottom: 200px;
align-items: center;
}
.blg-slab-visual {
grid-column: span 10;
height: 700px;
overflow: hidden;
position: relative;
border-radius: var(--blg-radius-img);
}
.blg-slab-img {
width: 100%;
height: 120%;
object-fit: cover;
margin-top: -10%;
}
.blg-slab-content {
grid-column: span 4;
margin-inline-start: -15%;
background: var(--blg-accent-color);
color: var(--blg-white);
padding: 80px;
position: relative;
z-index: 10;
box-shadow: 0 50px 100px var(--blg-black-trans-30);
border-radius: var(--blg-radius-img);
}
.blg-slab-title {
font-family: var(--blg-font-heading);
font-size: 3.5rem;
font-weight: 900;
line-height: 0.9;
margin-bottom: 30px;
color: var(--blg-white);
}
.blg-slab-title a {
text-decoration: none;
color: inherit;
}
.blg-slab-link {
color: var(--blg-white);
font-weight: 900;
text-transform: uppercase;
letter-spacing: 5px;
font-size: 0.75rem;
text-decoration: none;
border-bottom: 2px solid var(--blg-white-trans-40);
padding-bottom: 5px;
} .blg-archive-polaroids {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 60px;
padding: 60px;
}
.blg-polaroid-card {
background: var(--blg-white);
padding: 25px 25px 80px;
box-shadow: 0 20px 40px var(--blg-black-trans-10);
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
max-width: 400px;
}
.blg-polaroid-card:hover {
transform: rotate(0deg) scale(1.1) translateY(-20px) !important;
z-index: 100;
box-shadow: 0 40px 80px var(--blg-black-trans-20);
}
.blg-polaroid-card__link {
display: block;
text-decoration: none;
color: var(--blg-black);
}
.blg-polaroid-card__visual {
height: 350px;
overflow: hidden;
margin-bottom: 25px;
background: #f0f0f0;
}
.blg-polaroid-card__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-polaroid-card__title {
font-family: var(--blg-font-heading);
font-size: 1.4rem;
font-weight: 900;
text-align: center;
margin: 0;
color: var(--blg-black);
}
.blg-polaroid-card__meta {
font-family: 'Courier New', Courier, monospace;
font-size: 0.8rem;
text-align: center;
margin-top: 15px;
opacity: 0.6;
} .blg-archive-trend {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 1px;
background: var(--blg-border-color);
border: 1px solid var(--blg-border-color);
}
.blg-trend-card {
grid-column: span 4;
background: var(--blg-bg-color);
padding: 60px;
transition: background 0.3s, color 0.3s;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.blg-trend-card:hover {
background: var(--blg-accent-color);
color: var(--blg-white);
}
.blg-trend-card__meta {
font-family: monospace;
font-size: 0.65rem;
color: var(--blg-accent-color);
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
display: block;
margin-bottom: 30px;
transition: color 0.3s;
}
.blg-trend-card:hover .blg-trend-card__meta {
color: var(--blg-white);
}
.blg-trend-card__title {
font-family: var(--blg-font-heading);
font-size: 2.5rem;
font-weight: 900;
line-height: 0.9;
margin-bottom: 30px;
letter-spacing: -1px;
transition: color 0.3s;
}
.blg-trend-card__title a {
text-decoration: none;
color: inherit;
}
.blg-trend-card__visual {
height: 200px;
overflow: hidden;
border-radius: var(--blg-radius-img);
margin-top: auto;
}
.blg-trend-card__img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%);
} .blg-archive-typo-split-item {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
margin-bottom: 100px;
min-height: 600px;
align-items: center;
border: 1px solid var(--blg-border-color);
overflow: hidden;
border-radius: var(--blg-radius-img);
}
.blg-typo-split__content {
padding: 80px;
display: flex;
flex-direction: column;
justify-content: center;
}
.blg-typo-split__meta {
font-family: monospace;
font-size: 0.75rem;
letter-spacing: 5px;
text-transform: uppercase;
color: var(--blg-accent-color);
margin-bottom: 30px;
}
.blg-typo-split__title {
font-family: var(--blg-font-heading);
font-size: 4.5rem;
font-weight: 900;
line-height: 0.85;
margin-bottom: 40px;
letter-spacing: -3px;
text-transform: uppercase;
}
.blg-typo-split__title a {
text-decoration: none;
color: inherit;
}
.blg-typo-split__excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
font-size: 1.1rem;
line-height: 1.7;
}
.blg-typo-split__visual {
height: 100%;
overflow: hidden;
position: relative;
}
.blg-typo-split__img {
width: 100%;
height: 100%;
object-fit: cover;
} .blg-archive-mosaic-4 {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
}
.blg-mosaic-card {
height: 450px;
position: relative;
overflow: hidden;
border-radius: 15px;
}
.blg-mosaic-card__link {
display: block;
height: 100%;
}
.blg-mosaic-card__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s;
}
.blg-mosaic-card__link:hover .blg-mosaic-card__img {
transform: scale(1.1);
}
.blg-mosaic-card__content {
position: absolute;
inset: 0;
background: linear-gradient(transparent, var(--blg-black-trans-80));
padding: 40px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.blg-mosaic-card__title {
color: var(--blg-white);
font-family: var(--blg-font-heading);
font-size: 1.8rem;
font-weight: 900;
line-height: 1;
margin: 0;
} .blg-highlight-first {
margin-bottom: 80px;
position: relative;
height: 70vh;
overflow: hidden;
border-radius: var(--blg-radius-img);
display: flex;
align-items: flex-end;
padding: 80px;
}
.blg-highlight-first__visual {
position: absolute;
inset: 0;
}
.blg-highlight-first__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-highlight-first__overlay {
position: absolute;
inset: 0;
background: linear-gradient(transparent, var(--blg-black-trans-90));
}
.blg-highlight-first__content {
position: relative;
z-index: 5;
max-width: 800px;
}
.blg-highlight-first__meta {
font-size: 0.75rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
color: var(--blg-accent-color);
display: block;
margin-bottom: 20px;
}
.blg-highlight-first__title {
font-family: var(--blg-font-heading);
font-size: 5rem;
font-weight: 900;
line-height: 0.9;
color: var(--blg-white);
margin-bottom: 30px;
letter-spacing: -2px;
}
.blg-highlight-first__title a {
text-decoration: none;
color: inherit;
}
.blg-highlight-first__btn {
color: var(--blg-white);
border-color: var(--blg-white);
}
.blg-highlight-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 40px;
}
.blg-highlight-item {
display: flex;
flex-direction: column;
gap: 25px;
}
.blg-highlight-item__visual {
height: 300px;
border-radius: 15px;
overflow: hidden;
}
.blg-highlight-item__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-highlight-item__title {
font-family: var(--blg-font-heading);
font-size: 1.6rem;
font-weight: 900;
line-height: 1;
margin-bottom: 15px;
}
.blg-highlight-item__title a {
text-decoration: none;
color: inherit;
}
.blg-highlight-item__excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
line-height: 1.7;
font-size: 0.95rem;
} .blg-editorial-row-card {
display: flex;
align-items: center;
border-bottom: 1px solid var(--blg-border-color);
padding: 30px 0;
gap: 80px;
}
.blg-editorial-row-card__content {
flex: 1;
}
.blg-editorial-row-card__meta {
font-family: monospace;
font-size: 0.7rem;
font-weight: 900;
color: var(--blg-accent-color);
text-transform: uppercase;
letter-spacing: 5px;
display: block;
margin-bottom: 20px;
}
.blg-editorial-row-card__title {
font-family: var(--blg-font-heading);
font-size: 3.5rem;
font-weight: 900;
line-height: 0.9;
margin-bottom: 30px;
letter-spacing: -2px;
}
.blg-editorial-row-card__title a {
text-decoration: none;
color: inherit;
font-size: 2.9rem;
}
.blg-editorial-row-card__excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
line-height: 1.7;
font-size: 1.1rem;
max-width: 700px;
}
.blg-editorial-row-card__visual {
width: 250px;
height: 250px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
border: 10px solid var(--blg-border-color);
}
.blg-editorial-row-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
} .blg-archive-carousel {
overflow: hidden;
padding-block: 60px;
cursor: grab;
overflow-x: auto;
scrollbar-width: none;
} .blg-acc-item.is-open {
border-color: var(--blg-accent-color);
}
.blg-acc-item.is-open .blg-acc-header {
color: var(--blg-accent-color);
}
.blg-acc-item.is-open .blg-acc-icon {
transform: rotate(45deg);
opacity: 1;
color: var(--blg-accent-color);
}
.blg-deck-item:hover {
transform: rotate(0deg) translateY(-30px) scale(1.05) !important;
z-index: 10;
border: 1px solid var(--blg-accent-color);
}
.blg-shadow-tile:hover .blg-shadow-tile__img {
opacity: 0.2;
transform: scale(1.2);
filter: blur(10px);
}
.blg-shadow-tile:hover .blg-shadow-tile__title,
.blg-shadow-tile:hover .blg-shadow-tile__btn {
opacity: 1 !important;
transform: scale(1) !important;
}
.blg-flip-item:hover .blg-flip-inner {
transform: rotateY(180deg);
} .blg-toc-container {
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
border-inline-start: 3px solid var(--blg-accent-color) !important;
background: var(--blg-bg-alt) !important;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
margin-block: clamp(30px, 5vh, 60px);
overflow: hidden;
}
.blg-toc-container.is-collapsed {
padding-bottom: 28px !important;
margin-bottom: 20px !important;
}
.blg-toc-container.is-collapsed .blg-toc-list {
max-height: 0;
opacity: 0;
pointer-events: none;
margin-top: 0;
}
.blg-toc-header {
margin-bottom: 0;
transition: margin 0.4s ease;
}
.blg-toc-container:not(.is-collapsed) .blg-toc-header {
margin-bottom: 25px;
}
.blg-toc-icon {
margin-inline-end: 12px;
color: var(--blg-accent-color);
display: flex;
align-items: center;
opacity: 0.8;
}
.blg-toc-title {
flex: 1;
font-weight: 900 !important;
letter-spacing: 2px !important;
color: var(--blg-text-main) !important;
}
.blg-toc-toggle-btn {
background: none;
border: none !important;
font-family: var(--blg-font-body);
font-size: 0.6rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--blg-accent-color);
opacity: 0.6;
cursor: pointer;
transition: opacity 0.3s ease;
}
.blg-toc-toggle-btn:hover {
opacity: 1;
}
.blg-toc-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
max-height: 1000px;
opacity: 1;
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
display: flex !important;
flex-direction: column;
gap: 12px;
}
.blg-toc-link {
display: block;
font-family: var(--blg-font-heading);
font-size: 1.1rem;
font-weight: 800;
color: var(--blg-text-main);
text-decoration: none;
transition: all 0.3s ease;
padding-inline-start: 25px;
position: relative;
line-height: 1.3;
}
.blg-toc-link::before {
position: absolute;
inset-inline-start: 0;
color: var(--blg-accent-color);
opacity: 0.3;
transition: opacity 0.3s ease;
}
.blg-toc-link--h3 {
padding-inline-start: 15px;
font-size: 0.95rem;
opacity: 0.7;
font-weight: 400;
}
.blg-toc-link--h3::before {
inset-inline-start: 3px;
}
.blg-toc-link:hover {
color: var(--blg-accent-color);
transform: translateX(5px);
}
.blg-toc-link:hover::before {
opacity: 1;
} .blg-stats-widget-container {
margin-bottom: clamp(60px, 8vw, 100px);
}
.blg-stats-elite {
display: grid;
gap: 1px;
background: var(--blg-border-color);
border: 1px solid var(--blg-border-color);
overflow: hidden;
}
.blg-stat-item-elite {
text-align: center;
padding: clamp(30px, 5vw, 60px);
background: var(--blg-bg-color);
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
position: relative;
z-index: 1;
}
.blg-stat-item-elite:hover {
background: var(--blg-accent-color) !important;
color: var(--blg-white) !important;
transform: translateY(-5px) scale(1.02);
z-index: 10;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
}
.blg-stat-value {
font-family: var(--blg-font-heading);
font-size: clamp(2.5rem, 6vw, 4.5rem);
font-weight: 950;
letter-spacing: -4px;
line-height: 0.9;
margin-bottom: 15px;
color: var(--blg-text-main);
transition: color 0.4s ease;
}
.blg-stat-label {
font-family: var(--blg-font-body);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 900;
opacity: 0.5;
color: var(--blg-text-main);
transition: all 0.4s ease;
}
.blg-stat-item-elite:hover .blg-stat-value,
.blg-stat-item-elite:hover .blg-stat-label {
color: var(--blg-white) !important;
opacity: 1;
} .blg-stats-elite--glass .blg-stat-item-elite {
background: rgba(10, 10, 10, 0.8) !important;
backdrop-filter: blur(25px);
border: 1px solid rgba(255, 255, 255, 0.05);
}
.blg-stats-elite--glass .blg-stat-value,
.blg-stats-elite--glass .blg-stat-label {
color: var(--blg-white) !important;
}
.blg-stats-elite--minimal {
background: transparent;
border: none;
gap: clamp(20px, 3vw, 50px);
}
.blg-stats-elite--minimal .blg-stat-item-elite {
background: transparent;
padding: 0;
text-align: start;
}
.blg-stats-elite--minimal .blg-stat-item-elite:hover {
background: transparent !important;
transform: none;
box-shadow: none;
}
.blg-stats-elite--minimal .blg-stat-item-elite:hover .blg-stat-value {
color: var(--blg-accent-color) !important;
} @media (max-width: 1024px) {
.blg-stats-elite {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 600px) {
.blg-stats-elite {
grid-template-columns: 1fr !important;
}
}
.blg-archive-carousel::-webkit-scrollbar {
display: none;
}
.blg-archive-carousel:active {
cursor: grabbing;
}
.blg-car-track {
display: flex;
gap: 40px;
transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.blg-car-item {
flex: 0 0 500px;
position: relative;
height: 650px;
border-radius: 25px;
overflow: hidden;
box-shadow: 0 30px 60px var(--blg-black-trans-10);
}
.blg-car-item__visual {
position: absolute;
inset: 0;
}
.blg-car-item__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-car-item__content {
position: absolute;
inset: 0;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.85));
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 50px;
color: var(--blg-white);
}
.blg-car-item__title {
font-family: var(--blg-font-heading);
font-size: 2.2rem;
font-weight: 900;
line-height: 1;
margin-bottom: 20px;
color: var(--blg-white);
}
.blg-car-item__title a {
text-decoration: none;
color: inherit;
}
.blg-car-item__explore {
color: var(--blg-white);
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 0.7rem;
text-decoration: none;
} .blg-archive-condensed-inner {
max-width: 1000px;
margin: 0 auto;
}
.blg-condensed-row {
display: flex;
align-items: center;
padding: 30px 0;
border-bottom: 1px solid var(--blg-border-color);
gap: 40px;
transition: background 0.3s;
padding-inline: 20px;
border-radius: 10px;
}
.blg-condensed-row:hover {
background: rgba(0, 0, 0, 0.03);
}
.blg-condensed-row__meta {
font-family: monospace;
font-size: 0.65rem;
font-weight: 900;
color: var(--blg-accent-color);
opacity: 0.5;
}
.blg-condensed-row__title {
flex: 1;
margin: 0;
font-family: var(--blg-font-heading);
font-size: 1.4rem;
font-weight: 900;
letter-spacing: -0.5px;
}
.blg-condensed-row__title a {
text-decoration: none;
color: inherit;
}
.blg-condensed-row__visual {
width: 60px;
height: 60px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
}
.blg-condensed-row__visual img {
width: 100%;
height: 100%;
object-fit: cover;
} .blg-archive-collection-inner {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
gap: 60px;
}
.blg-collection-card {
position: relative;
}
.blg-collection-card__visual {
height: 600px;
border-radius: var(--blg-radius-img);
overflow: hidden;
margin-bottom: 30px;
position: relative;
}
.blg-collection-card__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 1s;
}
.blg-collection-card:hover .blg-collection-card__img {
transform: scale(1.05);
filter: brightness(0.8);
}
.blg-collection-card__overlay {
position: absolute;
inset: 0;
background: var(--blg-black-trans-20);
transition: background 0.4s;
cursor: pointer;
}
.blg-collection-card__content {
text-align: center;
}
.blg-collection-card__meta {
font-family: var(--blg-font-body);
font-size: 0.6rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 5px;
opacity: 0.5;
margin-bottom: 15px;
display: block;
}
.blg-collection-card__title {
font-family: var(--blg-font-heading);
font-size: 2.8rem;
font-weight: 900;
line-height: 0.9;
margin-bottom: 20px;
letter-spacing: -2px;
}
.blg-collection-card__title a {
text-decoration: none;
color: inherit;
}
.blg-collection-card__link {
text-decoration: none;
color: inherit;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 0.7rem;
border-bottom: 2px solid var(--blg-accent-color);
padding-bottom: 5px;
} .blg-spread-v2-card {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 0;
margin-bottom: 150px;
background: var(--blg-bg-color);
border-radius: 20px;
overflow: hidden;
box-shadow: 0 40px 100px rgba(0, 0, 0, 0.08);
}
.blg-spread-v2-card__visual {
height: 700px;
overflow: hidden;
}
.blg-spread-v2-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-spread-v2-card__content {
padding: 100px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.blg-spread-v2-card__bg-text {
font-family: var(--blg-font-heading);
font-size: 12rem;
line-height: 1;
font-weight: 900;
opacity: 0.03;
position: absolute;
top: 20px;
inset-inline-start: 40px;
pointer-events: none;
}
.blg-spread-v2-card__meta {
font-size: 0.75rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 8px;
color: var(--blg-accent-color);
margin-bottom: 40px;
display: block;
}
.blg-spread-v2-card__title {
font-family: var(--blg-font-heading);
font-size: 4rem;
font-weight: 900;
line-height: 0.85;
margin-bottom: 40px;
letter-spacing: -2px;
}
.blg-spread-v2-card__title a {
text-decoration: none;
color: inherit;
}
.blg-spread-v2-card__excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
font-size: 1.15rem;
line-height: 1.8;
margin-bottom: 50px;
}
.blg-spread-v2-card__btn {
align-self: flex-start;
} .blg-archive-feature-box-inner {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
gap: 2px;
background: var(--blg-border-color);
border: 1px solid var(--blg-border-color);
}
.blg-feature-box-card {
background: var(--blg-bg-color);
padding: 80px;
text-align: center;
transition: all 0.4s;
}
.blg-feature-box-card:hover {
background: var(--blg-text-main);
color: var(--blg-bg-color);
}
.blg-feature-box-card:hover h3 a,
.blg-feature-box-card:hover p {
color: inherit !important;
}
.blg-feature-box-card__visual {
width: 120px;
height: 120px;
border-radius: 50%;
margin: 0 auto 40px;
overflow: hidden;
border: 5px solid var(--blg-border-color);
}
.blg-feature-box-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-feature-box-card__title {
font-family: var(--blg-font-heading);
font-size: 2.2rem;
font-weight: 900;
line-height: 0.9;
margin-bottom: 30px;
letter-spacing: -1px;
}
.blg-feature-box-card__title a {
text-decoration: none;
color: inherit;
}
.blg-feature-box-card__excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
line-height: 1.7;
font-size: 1rem;
margin-bottom: 40px;
}
.blg-feature-box-card__link {
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 0.7rem;
text-decoration: none;
color: var(--blg-accent-color);
} .blg-archive-hscroll {
display: flex;
overflow-x: auto;
gap: 0;
height: 70vh;
border-radius: var(--blg-radius-img);
scrollbar-width: none;
-ms-overflow-style: none;
}
.blg-archive-hscroll::-webkit-scrollbar {
display: none;
}
.blg-hscroll-card {
flex: 0 0 60vw;
min-width: 300px;
position: relative;
overflow: hidden;
border-inline-end: 1px solid var(--blg-white-trans-10);
}
.blg-hscroll-card__visual {
position: absolute;
inset: 0;
}
.blg-hscroll-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-hscroll-card__content {
position: absolute;
inset: 0;
background: linear-gradient(to right, var(--blg-black-trans-80), transparent);
padding: 100px;
display: flex;
flex-direction: column;
justify-content: center;
color: var(--blg-white);
}
.blg-hscroll-card__meta {
font-size: 0.7rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 5px;
margin-bottom: 30px;
opacity: 0.7;
}
.blg-hscroll-card__title {
font-family: var(--blg-font-heading);
font-size: clamp(2rem, 6vw, 5rem);
font-weight: 900;
line-height: 0.85;
margin-bottom: 40px;
letter-spacing: -3px;
max-width: 800px;
color: var(--blg-white);
}
.blg-hscroll-card__title a {
text-decoration: none;
color: inherit;
}
.blg-hscroll-card__btn {
color: var(--blg-white);
border-color: var(--blg-white);
} .blg-archive-grid-spec-inner {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 2px;
background: var(--blg-border-color);
border: 1px solid var(--blg-border-color);
}
.blg-grid-spec-card {
background: var(--blg-bg-color);
padding: 30px;
transition: background 0.3s;
display: flex;
flex-direction: column;
gap: 15px;
}
.blg-grid-spec-card:hover {
background: rgba(0, 0, 0, 0.03);
}
.blg-grid-spec-card__meta {
font-family: monospace;
font-size: 0.6rem;
opacity: 0.5;
display: flex;
justify-content: space-between;
}
.blg-grid-spec-card__title {
margin: 0;
font-family: var(--blg-font-heading);
font-size: 1.2rem;
font-weight: 900;
line-height: 1.1;
letter-spacing: -0.5px;
}
.blg-grid-spec-card__title a {
text-decoration: none;
color: inherit;
}
.blg-grid-spec-card__excerpt {
flex: 1;
font-family: var(--blg-font-body);
font-size: 0.85rem;
color: var(--blg-text-muted);
}
.blg-grid-spec-card__link {
font-size: 0.6rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-accent-color);
text-decoration: none;
} .blg-archive-collage-inner {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
gap: 80px;
padding: 40px;
}
.blg-collage-card {
position: relative;
}
.blg-collage-card--even {
margin-top: 100px;
}
.blg-collage-card__visual {
height: 550px;
width: 100%;
border-radius: var(--blg-radius-img);
overflow: hidden;
position: relative;
transition: transform 0.4s;
}
.blg-collage-card--even .blg-collage-card__visual {
transform: rotate(1.5deg);
}
.blg-collage-card--odd .blg-collage-card__visual {
transform: rotate(-1.5deg);
}
.blg-collage-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-collage-card__overlay {
position: absolute;
inset: 0;
background: rgba(var(--blg-accent-rgb), 0.1);
mix-blend-mode: multiply;
}
.blg-collage-card__content {
position: absolute;
bottom: -40px;
background: var(--blg-bg-color);
padding: 30px;
border-radius: 10px;
box-shadow: 0 20px 50px var(--blg-black-trans-10);
max-width: 300px;
}
.blg-collage-card--even .blg-collage-card__content {
inset-inline-end: -30px;
}
.blg-collage-card--odd .blg-collage-card__content {
inset-inline-start: -30px;
}
.blg-collage-card__title {
margin: 0;
font-family: var(--blg-font-heading);
font-size: 1.6rem;
font-weight: 900;
line-height: 1;
margin-bottom: 10px;
}
.blg-collage-card__title a {
text-decoration: none;
color: inherit;
}
.blg-collage-card__meta {
font-family: monospace;
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 3px;
opacity: 0.5;
} .blg-archive-focus-list-inner {
max-width: 1000px;
margin: 0 auto;
}
.blg-focus-list-card {
display: grid;
grid-template-columns: 120px 1fr;
gap: 40px;
padding: 60px 0;
border-bottom: 1px solid var(--blg-border-color);
align-items: center;
}
.blg-focus-list-card__visual {
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
}
.blg-focus-list-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-focus-list-card__meta {
font-family: monospace;
font-size: 0.7rem;
font-weight: 900;
color: var(--blg-accent-color);
text-transform: uppercase;
letter-spacing: 4px;
display: block;
margin-bottom: 15px;
}
.blg-focus-list-card__title {
font-family: var(--blg-font-heading);
font-size: 2.8rem;
font-weight: 900;
line-height: 1;
margin-bottom: 20px;
letter-spacing: -1.5px;
}
.blg-focus-list-card__title a {
text-decoration: none;
color: inherit;
}
.blg-focus-list-card__excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
font-size: 1.1rem;
line-height: 1.7;
} .blg-archive-split-v2-inner {
margin-bottom: 50px;
}
.blg-split-v2-card {
display: flex;
align-items: stretch;
height: 600px;
border-bottom: 1px solid var(--blg-border-color);
}
.blg-split-v2-card--even {
flex-direction: row-reverse;
}
.blg-split-v2-card__visual {
flex: 1;
overflow: hidden;
}
.blg-split-v2-card__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 1s;
}
.blg-split-v2-card:hover .blg-split-v2-card__img {
transform: scale(1.1) rotate(2deg);
}
.blg-split-v2-card__content {
flex: 1;
padding: 100px;
display: flex;
flex-direction: column;
justify-content: center;
background: var(--blg-bg-color);
z-index: 5;
}
.blg-split-v2-card__count {
font-family: monospace;
font-size: 1rem;
color: var(--blg-accent-color);
margin-bottom: 30px;
}
.blg-split-v2-card__title {
font-family: var(--blg-font-heading);
font-size: 3.5rem;
font-weight: 900;
line-height: 0.9;
margin-bottom: 40px;
letter-spacing: -2.5px;
text-transform: uppercase;
}
.blg-split-v2-card__title a {
text-decoration: none;
color: inherit;
}
.blg-split-v2-card__excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
font-size: 1.1rem;
line-height: 1.7;
} .blg-archive-bottom-bar {
border-top: 2px solid var(--blg-text-main);
padding: 100px 0;
}
.blg-bottom-bar-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 60px;
}
.blg-bottom-bar-card {
display: flex;
flex-direction: column;
gap: 20px;
}
.blg-bottom-bar-card__visual {
height: 200px;
border-radius: 15px;
overflow: hidden;
}
.blg-bottom-bar-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-bottom-bar-card__title {
font-family: var(--blg-font-heading);
font-size: 1.4rem;
font-weight: 900;
line-height: 1.1;
margin-bottom: 10px;
}
.blg-bottom-bar-card__title a {
text-decoration: none;
color: inherit;
}
.blg-bottom-bar-card__link {
font-size: 0.6rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--blg-accent-color);
text-decoration: none;
} .blg-archive-numbers-inner {
max-width: 900px;
margin: 0 auto;
}
.blg-numbered-card {
display: flex;
gap: 50px;
align-items: flex-start;
margin-bottom: 100px;
border-bottom: 1px solid var(--blg-border-color);
padding-bottom: 50px;
}
.blg-numbered-card__count {
font-family: var(--blg-font-heading);
font-size: 12rem;
line-height: 0.7;
font-weight: 900;
opacity: 0.05;
flex-shrink: 0;
pointer-events: none;
}
.blg-numbered-card__content {
padding-top: 20px;
}
.blg-numbered-card__meta {
font-size: 0.7rem;
font-weight: 900;
letter-spacing: 4px;
text-transform: uppercase;
color: var(--blg-accent-color);
}
.blg-numbered-card__title {
font-family: var(--blg-font-heading);
font-size: 3rem;
font-weight: 900;
line-height: 0.9;
margin: 20px 0;
letter-spacing: -2px;
}
.blg-numbered-card__title a {
text-decoration: none;
color: inherit;
}
.blg-numbered-card__excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
line-height: 1.7;
margin-bottom: 30px;
}
.blg-numbered-card__link {
font-family: var(--blg-font-body);
font-weight: 900;
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
color: inherit;
} .blg-archive-columnist-inner {
position: relative;
}
.blg-columnist-card {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 60px;
margin-bottom: 150px;
align-items: center;
}
.blg-columnist-card__visual {
grid-column: span 7;
height: 500px;
border-radius: var(--blg-radius-img);
overflow: hidden;
}
.blg-columnist-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-columnist-card__content {
grid-column: span 5;
padding-inline-start: 20px;
}
.blg-columnist-card__author-info {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 30px;
}
.blg-columnist-card__author-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--blg-accent-color);
display: flex;
align-items: center;
justify-content: center;
color: var(--blg-white);
font-size: 1rem;
font-weight: 900;
}
.blg-columnist-card__author-name {
font-family: var(--blg-font-body);
font-size: 0.75rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
}
.blg-columnist-card__title {
font-family: var(--blg-font-heading);
font-size: 3.5rem;
line-height: 0.9;
font-weight: 900;
margin-bottom: 30px;
letter-spacing: -2px;
}
.blg-columnist-card__title a {
text-decoration: none;
color: inherit;
}
.blg-columnist-card__excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
line-height: 1.8;
margin-bottom: 40px;
font-size: 1.1rem;
}
.blg-columnist-card__btn {
font-size: 0.7rem;
font-weight: 900;
} .blg-archive-mini-inner {
max-width: 900px;
margin: 0 auto;
}
.blg-mini-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 40px 0;
border-bottom: 1px solid var(--blg-border-color);
}
.blg-mini-row__content {
flex: 1;
padding-inline-end: 40px;
}
.blg-mini-row__meta {
font-size: 0.65rem;
font-weight: 700;
opacity: 0.5;
text-transform: uppercase;
letter-spacing: 2px;
}
.blg-mini-row__title {
font-family: var(--blg-font-heading);
font-size: 2rem;
font-weight: 900;
margin: 10px 0;
line-height: 1.1;
}
.blg-mini-row__title a {
text-decoration: none;
color: inherit;
}
.blg-mini-row__visual {
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.blg-mini-row__visual img {
width: 100%;
height: 100%;
object-fit: cover;
} .blg-archive-mosaic-inner {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
}
.blg-mosaic-tile {
grid-column: span 4;
}
.blg-mosaic-tile--mod-1,
.blg-mosaic-tile--mod-2 {
grid-column: span 6;
}
.blg-mosaic-tile--mod-3 {
grid-column: span 12;
}
.blg-mosaic-tile__link {
display: block;
position: relative;
overflow: hidden;
border-radius: var(--blg-radius-img);
border: 1px solid var(--blg-border-color);
}
.blg-mosaic-tile--mod-0 .blg-mosaic-tile__link {
height: 400px;
}
.blg-mosaic-tile--mod-1,
.blg-mosaic-tile--mod-2 .blg-mosaic-tile__link {
height: 600px;
}
.blg-mosaic-tile--mod-3 .blg-mosaic-tile__link {
height: 500px;
}
.blg-mosaic-tile__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-mosaic-tile__content {
position: absolute;
inset: 0;
background: linear-gradient(to top, var(--blg-black-trans-80), transparent);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
color: var(--blg-white);
}
.blg-mosaic-tile__title {
font-family: var(--blg-font-heading);
font-size: 1.5rem;
font-weight: 900;
line-height: 1;
color: var(--blg-white);
margin: 0;
}
.blg-mosaic-tile--mod-3 .blg-mosaic-tile__title {
font-size: 3rem;
} .blg-archive-spread-inner {
width: 100%;
}
.blg-editorial-spread-card {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
margin-bottom: 120px;
align-items: center;
}
.blg-editorial-spread-card__visual-wrap {
position: relative;
}
.blg-editorial-spread-card__bg-count {
position: absolute;
top: -40px;
inset-inline-start: -40px;
font-family: var(--blg-font-heading);
font-size: 10rem;
opacity: 0.03;
line-height: 1;
}
.blg-editorial-spread-card__visual {
height: 700px;
border-radius: var(--blg-radius-img);
overflow: hidden;
transform: rotate(-1deg);
}
.blg-editorial-spread-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-editorial-spread-card__title {
font-family: var(--blg-font-heading);
font-size: 4.5rem;
line-height: 0.9;
font-weight: 400;
font-style: italic;
margin-bottom: 30px;
letter-spacing: -2px;
}
.blg-editorial-spread-card__title a {
text-decoration: none;
color: inherit;
}
.blg-editorial-spread-card__excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
font-size: 1.1rem;
line-height: 1.8;
margin-bottom: 40px;
}
.blg-editorial-spread-card__link {
font-family: var(--blg-font-body);
text-transform: uppercase;
letter-spacing: 4px;
font-size: 0.7rem;
font-weight: 900;
border-bottom: 2px solid var(--blg-accent-color);
padding-bottom: 10px;
text-decoration: none;
color: inherit;
} .blg-archive-glass-inner {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 40px;
}
.blg-glass-archive-card {
position: relative;
height: 500px;
border-radius: 30px;
overflow: hidden;
background: var(--blg-bg-color);
border: 1px solid var(--blg-white-trans-10);
}
.blg-glass-archive-card__visual {
position: absolute;
inset: 0;
}
.blg-glass-archive-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.6;
}
.blg-glass-archive-card__blur {
position: absolute;
inset: 0;
background: var(--blg-black-trans-10);
backdrop-filter: blur(10px);
}
.blg-glass-archive-card__content {
position: relative;
z-index: 2;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px;
text-align: center;
}
.blg-glass-archive-card__meta {
font-size: 0.65rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--blg-accent-color);
margin-bottom: 20px;
}
.blg-glass-archive-card__title {
font-family: var(--blg-font-heading);
font-size: 2rem;
font-weight: 900;
line-height: 1;
margin-bottom: 20px;
color: var(--blg-white);
}
.blg-glass-archive-card__title a {
text-decoration: none;
color: inherit;
}
.blg-glass-archive-card__excerpt {
font-size: 0.9rem;
opacity: 0.7;
line-height: 1.6;
color: var(--blg-white);
} .blg-archive-serif-inner {
max-width: 800px;
margin: 0 auto;
}
.blg-serif-spotlight-card {
margin-bottom: 80px;
text-align: center;
border-bottom: 1px solid var(--blg-border-color);
padding-bottom: 80px;
}
.blg-serif-spotlight-card__meta {
font-family: var(--blg-font-body);
font-size: 0.7rem;
color: var(--blg-accent-color);
text-transform: uppercase;
letter-spacing: 5px;
}
.blg-serif-spotlight-card__title {
font-family: var(--blg-font-heading);
font-size: 3.5rem;
font-weight: 400;
line-height: 1;
margin: 20px 0 30px;
letter-spacing: -1px;
font-style: italic;
}
.blg-serif-spotlight-card__title a {
text-decoration: none;
color: inherit;
}
.blg-serif-spotlight-card__visual {
height: 400px;
border-radius: var(--blg-radius-img);
overflow: hidden;
margin-bottom: 40px;
}
.blg-serif-spotlight-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-serif-spotlight-card__excerpt {
font-family: var(--blg-font-heading);
font-size: 1.2rem;
line-height: 1.7;
color: var(--blg-text-muted);
opacity: 0.8;
} .blg-archive-timeline-inner {
max-width: 900px;
margin: 0 auto;
position: relative;
}
.blg-timeline-axis {
position: absolute;
inset-inline-start: 50%;
top: 0;
bottom: 0;
width: 1px;
background: var(--blg-border-color);
transform: translateX(-50%);
}
.blg-timeline-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin-bottom: 100px;
position: relative;
}
.blg-timeline-dot {
position: absolute;
inset-inline-start: 50%;
top: 20px;
width: 10px;
height: 10px;
background: var(--blg-accent-color);
border-radius: 50%;
transform: translateX(-50%);
z-index: 2;
box-shadow: 0 0 0 10px var(--blg-bg-color);
}
.blg-timeline-side {
padding: 10px;
}
.blg-timeline-side--even {
grid-column: 2;
}
.blg-timeline-side--odd {
text-align: end;
}
.blg-timeline-meta {
font-size: 0.7rem;
font-weight: 900;
opacity: 0.5;
}
.blg-timeline-title {
font-family: var(--blg-font-heading);
font-size: 1.8rem;
font-weight: 900;
line-height: 1;
margin: 15px 0;
}
.blg-timeline-title a {
text-decoration: none;
color: inherit;
}
.blg-timeline-visual {
height: 250px;
border-radius: var(--blg-radius-img);
overflow: hidden;
margin-top: 20px;
}
.blg-timeline-visual img {
width: 100%;
height: 100%;
object-fit: cover;
} .blg-archive-monograph-inner {
display: block;
}
.blg-monograph-card {
margin-bottom: 150px;
}
.blg-monograph-row {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 0;
align-items: center;
}
.blg-monograph-visual {
grid-column: span 8;
height: 800px;
overflow: hidden;
}
.blg-monograph-visual img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%) contrast(1.1);
}
.blg-monograph-content {
grid-column: span 4;
margin-inline-start: -200px;
background: var(--blg-bg-color);
padding: 80px;
border: 1px solid var(--blg-border-color);
position: relative;
z-index: 5;
}
.blg-monograph-label {
font-size: 0.6rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 8px;
border-bottom: 1px solid var(--blg-accent-color);
padding-bottom: 10px;
display: inline-block;
margin-bottom: 40px;
color: var(--blg-accent-color);
}
.blg-monograph-title {
font-family: var(--blg-font-heading);
font-size: 5rem;
font-weight: 900;
line-height: 0.8;
letter-spacing: -4px;
margin-bottom: 40px;
text-transform: uppercase;
}
.blg-monograph-title a {
text-decoration: none;
color: inherit;
}
.blg-monograph-excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
line-height: 1.8;
margin-bottom: 40px;
}
.blg-monograph-btn {
font-size: 0.7rem;
font-weight: 900;
font-family: var(--blg-font-body);
} .blg-archive-avant-inner {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 60px;
}
.blg-avant-card {
position: relative;
padding: 20px;
}
.blg-avant-card__glow {
position: absolute;
top: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
background: var(--blg-accent-color);
opacity: 0.05;
border-radius: var(--blg-radius-img);
transform: rotate(-2deg);
z-index: 0;
}
.blg-avant-card__inner {
position: relative;
z-index: 1;
background: var(--blg-bg-color);
border: 1px solid var(--blg-border-color);
border-radius: var(--blg-radius-img);
overflow: hidden;
}
.blg-avant-card__visual {
height: 300px;
overflow: hidden;
}
.blg-avant-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-avant-card__content {
padding: 40px;
}
.blg-avant-card__title {
font-family: var(--blg-font-heading);
font-size: 1.5rem;
font-weight: 900;
line-height: 1;
margin-bottom: 20px;
letter-spacing: -1px;
}
.blg-avant-card__title a {
text-decoration: none;
color: inherit;
}
.blg-avant-card__link {
font-family: var(--blg-font-body);
font-size: 0.6rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--blg-accent-color);
text-decoration: none;
border-bottom: 1px solid currentColor;
} .blg-stats-widget-container {
margin-bottom: clamp(60px, 8vw, 100px);
}
.blg-stats-header {
margin-bottom: 50px;
display: flex;
align-items: baseline;
gap: 20px;
border-bottom: 2px solid var(--blg-text-main);
padding-bottom: 12px;
}
.blg-stats-title {
font-family: var(--blg-font-heading);
font-size: clamp(2rem, 5vw, 3rem);
margin: 0;
font-weight: 950;
color: var(--blg-text-main);
display: flex;
align-items: baseline;
gap: 15px;
}
.blg-stats-title-accent {
font-style: italic;
color: var(--blg-accent-color);
}
.blg-stats-elite {
display: grid;
gap: 1px;
background: var(--blg-border-color);
border: 1px solid var(--blg-border-color);
overflow: hidden;
}
.blg-stat-item-elite {
text-align: center;
padding: clamp(30px, 5vw, 60px);
background: var(--blg-bg-color);
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
position: relative;
z-index: 1;
}
.blg-stat-item-elite:hover {
background: var(--blg-accent-color) !important;
color: var(--blg-white) !important;
transform: translateY(-5px) scale(1.02);
z-index: 10;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
}
.blg-stat-value {
font-family: var(--blg-font-heading);
font-size: clamp(2.5rem, 6vw, 4.5rem);
font-weight: 950;
letter-spacing: -4px;
line-height: 0.9;
margin-bottom: 15px;
color: var(--blg-text-main);
transition: color 0.4s ease;
}
.blg-stat-label {
font-family: var(--blg-font-body);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 900;
opacity: 0.5;
color: var(--blg-text-main);
transition: all 0.4s ease;
}
.blg-stat-item-elite:hover .blg-stat-value,
.blg-stat-item-elite:hover .blg-stat-label {
color: var(--blg-white) !important;
opacity: 1;
} .blg-stats-elite--glass .blg-stat-item-elite {
background: rgba(10, 10, 10, 0.8) !important;
backdrop-filter: blur(25px);
border: 1px solid rgba(255, 255, 255, 0.05);
}
.blg-stats-elite--glass .blg-stat-value,
.blg-stats-elite--glass .blg-stat-label {
color: var(--blg-white) !important;
}
.blg-stats-elite--minimal {
background: transparent; .blg-archive-mini-inner {
max-width: 900px;
margin: 0 auto;
}
.blg-mini-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 40px 0;
border-bottom: 1px solid var(--blg-border-color);
}
.blg-mini-row__content {
flex: 1;
padding-inline-end: 40px;
}
.blg-mini-row__meta {
font-size: 0.65rem;
font-weight: 700;
opacity: 0.5;
text-transform: uppercase;
letter-spacing: 2px;
}
.blg-mini-row__title {
font-family: var(--blg-font-heading);
font-size: 2rem;
font-weight: 900;
margin: 10px 0;
line-height: 1.1;
}
.blg-mini-row__title a {
text-decoration: none;
color: inherit;
}
.blg-mini-row__visual {
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.blg-mini-row__visual img {
width: 100%;
height: 100%;
object-fit: cover;
} .blg-archive-mosaic-inner {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
}
.blg-mosaic-tile {
grid-column: span 4;
}
.blg-mosaic-tile--mod-1,
.blg-mosaic-tile--mod-2 {
grid-column: span 6;
}
.blg-mosaic-tile--mod-3 {
grid-column: span 12;
}
.blg-mosaic-tile__link {
display: block;
position: relative;
overflow: hidden;
border-radius: var(--blg-radius-img);
border: 1px solid var(--blg-border-color);
}
.blg-mosaic-tile--mod-0 .blg-mosaic-tile__link {
height: 400px;
}
.blg-mosaic-tile--mod-1,
.blg-mosaic-tile--mod-2 .blg-mosaic-tile__link {
height: 600px;
}
.blg-mosaic-tile--mod-3 .blg-mosaic-tile__link {
height: 500px;
}
.blg-mosaic-tile__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-mosaic-tile__content {
position: absolute;
inset: 0;
background: linear-gradient(to top, var(--blg-black-trans-80), transparent);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
color: var(--blg-white);
}
.blg-mosaic-tile__title {
font-family: var(--blg-font-heading);
font-size: 1.5rem;
font-weight: 900;
line-height: 1;
color: var(--blg-white);
margin: 0;
}
.blg-mosaic-tile--mod-3 .blg-mosaic-tile__title {
font-size: 3rem;
} .blg-archive-spread-inner {
width: 100%;
}
.blg-editorial-spread-card {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
margin-bottom: 120px;
align-items: center;
}
.blg-editorial-spread-card__visual-wrap {
position: relative;
}
.blg-editorial-spread-card__bg-count {
position: absolute;
top: -40px;
inset-inline-start: -40px;
font-family: var(--blg-font-heading);
font-size: 10rem;
opacity: 0.03;
line-height: 1;
}
.blg-editorial-spread-card__visual {
height: 700px;
border-radius: var(--blg-radius-img);
overflow: hidden;
transform: rotate(-1deg);
}
.blg-editorial-spread-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-editorial-spread-card__title {
font-family: var(--blg-font-heading);
font-size: 4.5rem;
line-height: 0.9;
font-weight: 400;
font-style: italic;
margin-bottom: 30px;
letter-spacing: -2px;
}
.blg-editorial-spread-card__title a {
text-decoration: none;
color: inherit;
}
.blg-editorial-spread-card__excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
font-size: 1.1rem;
line-height: 1.8;
margin-bottom: 40px;
}
.blg-editorial-spread-card__link {
font-family: var(--blg-font-body);
text-transform: uppercase;
letter-spacing: 4px;
font-size: 0.7rem;
font-weight: 900;
border-bottom: 2px solid var(--blg-accent-color);
padding-bottom: 10px;
text-decoration: none;
color: inherit;
} .blg-archive-glass-inner {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 40px;
}
.blg-glass-archive-card {
position: relative;
height: 500px;
border-radius: 30px;
overflow: hidden;
background: var(--blg-bg-color);
border: 1px solid var(--blg-white-trans-10);
}
.blg-glass-archive-card__visual {
position: absolute;
inset: 0;
}
.blg-glass-archive-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.6;
}
.blg-glass-archive-card__blur {
position: absolute;
inset: 0;
background: var(--blg-black-trans-10);
backdrop-filter: blur(10px);
}
.blg-glass-archive-card__content {
position: relative;
z-index: 2;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px;
text-align: center;
}
.blg-glass-archive-card__meta {
font-size: 0.65rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--blg-accent-color);
margin-bottom: 20px;
}
.blg-glass-archive-card__title {
font-family: var(--blg-font-heading);
font-size: 2rem;
font-weight: 900;
line-height: 1;
margin-bottom: 20px;
color: var(--blg-white);
}
.blg-glass-archive-card__title a {
text-decoration: none;
color: inherit;
}
.blg-glass-archive-card__excerpt {
font-size: 0.9rem;
opacity: 0.7;
line-height: 1.6;
color: var(--blg-white);
} .blg-archive-serif-inner {
max-width: 800px;
margin: 0 auto;
}
.blg-serif-spotlight-card {
margin-bottom: 80px;
text-align: center;
border-bottom: 1px solid var(--blg-border-color);
padding-bottom: 80px;
}
.blg-serif-spotlight-card__meta {
font-family: var(--blg-font-body);
font-size: 0.7rem;
color: var(--blg-accent-color);
text-transform: uppercase;
letter-spacing: 5px;
}
.blg-serif-spotlight-card__title {
font-family: var(--blg-font-heading);
font-size: 3.5rem;
font-weight: 400;
line-height: 1;
margin: 20px 0 30px;
letter-spacing: -1px;
font-style: italic;
}
.blg-serif-spotlight-card__title a {
text-decoration: none;
color: inherit;
}
.blg-serif-spotlight-card__visual {
height: 400px;
border-radius: var(--blg-radius-img);
overflow: hidden;
margin-bottom: 40px;
}
.blg-serif-spotlight-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-serif-spotlight-card__excerpt {
font-family: var(--blg-font-heading);
font-size: 1.2rem;
line-height: 1.7;
color: var(--blg-text-muted);
opacity: 0.8;
} .blg-archive-timeline-inner {
max-width: 900px;
margin: 0 auto;
position: relative;
}
.blg-timeline-axis {
position: absolute;
inset-inline-start: 50%;
top: 0;
bottom: 0;
width: 1px;
background: var(--blg-border-color);
transform: translateX(-50%);
}
.blg-timeline-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin-bottom: 100px;
position: relative;
}
.blg-timeline-dot {
position: absolute;
inset-inline-start: 50%;
top: 20px;
width: 10px;
height: 10px;
background: var(--blg-accent-color);
border-radius: 50%;
transform: translateX(-50%);
z-index: 2;
box-shadow: 0 0 0 10px var(--blg-bg-color);
}
.blg-timeline-side {
padding: 10px;
}
.blg-timeline-side--even {
grid-column: 2;
}
.blg-timeline-side--odd {
text-align: end;
}
.blg-timeline-meta {
font-size: 0.7rem;
font-weight: 900;
opacity: 0.5;
}
.blg-timeline-title {
font-family: var(--blg-font-heading);
font-size: 1.8rem;
font-weight: 900;
line-height: 1;
margin: 15px 0;
}
.blg-timeline-title a {
text-decoration: none;
color: inherit;
}
.blg-timeline-visual {
height: 250px;
border-radius: var(--blg-radius-img);
overflow: hidden;
margin-top: 20px;
}
.blg-timeline-visual img {
width: 100%;
height: 100%;
object-fit: cover;
} .blg-archive-monograph-inner {
display: block;
}
.blg-monograph-card {
margin-bottom: 150px;
}
.blg-monograph-row {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 0;
align-items: center;
}
.blg-monograph-visual {
grid-column: span 8;
height: 800px;
overflow: hidden;
}
.blg-monograph-visual img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%) contrast(1.1);
}
.blg-monograph-content {
grid-column: span 4;
margin-inline-start: -200px;
background: var(--blg-bg-color);
padding: 80px;
border: 1px solid var(--blg-border-color);
position: relative;
z-index: 5;
}
.blg-monograph-label {
font-size: 0.6rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 8px;
border-bottom: 1px solid var(--blg-accent-color);
padding-bottom: 10px;
display: inline-block;
margin-bottom: 40px;
color: var(--blg-accent-color);
}
.blg-monograph-title {
font-family: var(--blg-font-heading);
font-size: 5rem;
font-weight: 900;
line-height: 0.8;
letter-spacing: -4px;
margin-bottom: 40px;
text-transform: uppercase;
}
.blg-monograph-title a {
text-decoration: none;
color: inherit;
}
.blg-monograph-excerpt {
font-family: var(--blg-font-body);
color: var(--blg-text-muted);
line-height: 1.8;
margin-bottom: 40px;
}
.blg-monograph-btn {
font-size: 0.7rem;
font-weight: 900;
font-family: var(--blg-font-body);
} .blg-archive-avant-inner {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 60px;
}
.blg-avant-card {
position: relative;
padding: 20px;
}
.blg-avant-card__glow {
position: absolute;
top: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
background: var(--blg-accent-color);
opacity: 0.05;
border-radius: var(--blg-radius-img);
transform: rotate(-2deg);
z-index: 0;
}
.blg-avant-card__inner {
position: relative;
z-index: 1;
background: var(--blg-bg-color);
border: 1px solid var(--blg-border-color);
border-radius: var(--blg-radius-img);
overflow: hidden;
}
.blg-avant-card__visual {
height: 300px;
overflow: hidden;
}
.blg-avant-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blg-avant-card__content {
padding: 40px;
}
.blg-avant-card__title {
font-family: var(--blg-font-heading);
font-size: 1.5rem;
font-weight: 900;
line-height: 1;
margin-bottom: 20px;
letter-spacing: -1px;
}
.blg-avant-card__title a {
text-decoration: none;
color: inherit;
}
.blg-avant-card__link {
font-family: var(--blg-font-body);
font-size: 0.6rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--blg-accent-color);
text-decoration: none;
border-bottom: 1px solid currentColor;
} .blg-stats-widget-container {
margin-bottom: clamp(60px, 8vw, 100px);
}
.blg-stats-header {
margin-bottom: 50px;
display: flex;
align-items: baseline;
gap: 20px;
border-bottom: 2px solid var(--blg-text-main);
padding-bottom: 12px;
}
.blg-stats-title {
font-family: var(--blg-font-heading);
font-size: clamp(2rem, 5vw, 3rem);
margin: 0;
font-weight: 950;
color: var(--blg-text-main);
display: flex;
align-items: baseline;
gap: 15px;
}
.blg-stats-title-accent {
font-style: italic;
color: var(--blg-accent-color);
}
.blg-stats-elite {
display: grid;
gap: 1px;
background: var(--blg-border-color);
border: 1px solid var(--blg-border-color);
overflow: hidden;
}
.blg-stat-item-elite {
text-align: center;
padding: clamp(30px, 5vw, 60px);
background: var(--blg-bg-color);
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
position: relative;
z-index: 1;
}
.blg-stat-item-elite:hover {
background: var(--blg-accent-color) !important;
color: var(--blg-white) !important;
transform: translateY(-5px) scale(1.02);
z-index: 10;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
}
.blg-stat-value {
font-family: var(--blg-font-heading);
font-size: clamp(2.5rem, 6vw, 4.5rem);
font-weight: 950;
letter-spacing: -4px;
line-height: 0.9;
margin-bottom: 15px;
color: var(--blg-text-main);
transition: color 0.4s ease;
}
.blg-stat-label {
font-family: var(--blg-font-body);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 900;
opacity: 0.5;
color: var(--blg-text-main);
transition: all 0.4s ease;
}
.blg-stat-item-elite:hover .blg-stat-value,
.blg-stat-item-elite:hover .blg-stat-label {
color: var(--blg-white) !important;
opacity: 1;
} .blg-stats-elite--glass .blg-stat-item-elite {
background: rgba(10, 10, 10, 0.8) !important;
backdrop-filter: blur(25px);
border: 1px solid rgba(255, 255, 255, 0.05);
}
.blg-stats-elite--glass .blg-stat-value,
.blg-stats-elite--glass .blg-stat-label {
color: var(--blg-white) !important;
}
.blg-stats-elite--minimal {
background: transparent;
border: none;
gap: clamp(20px, 3vw, 50px);
}
.blg-stats-elite--minimal .blg-stat-item-elite {
background: transparent;
padding: 0;
text-align: start;
}
.blg-stats-elite--minimal .blg-stat-item-elite:hover {
background: transparent !important;
transform: none;
box-shadow: none;
}
.blg-stats-elite--minimal .blg-stat-item-elite:hover .blg-stat-value {
color: var(--blg-accent-color) !important;
} @media (max-width: 1024px) {
.blg-stats-elite {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 600px) {
.blg-stats-elite {
grid-template-columns: 1fr !important;
}
}   :root,
[data-theme] {
--blg-font-heading: 'Playfair Display', serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.blg-post-title,
.blg-post-title a,
.blg-fp-title,
.blg-fp-title a,
.blg-logo-text-wrap,
[class*='__title'],
[class*='__title'] a,
[class*='-title'],
[class*='-title'] a,
[style*='font-family:var(--blg-font-heading)'],
[style*='font-family: var(--blg-font-heading)'],
[style*='font-family:var(--blg-font-heading)'] a,
[style*='font-family: var(--blg-font-heading)'] a,
.blg-card-content span,
.blg-card-content h3,
.blg-card-content a {
font-family: 'Playfair Display', serif !important;
}  .blg-cover .blg-editorial-t1,
.blg-cover .blg-editorial-quote,
.blg-hero-briefs-grid,
.blg-hero-briefs-grid h1,
.blg-hero-briefs-grid h2,
.blg-hero-briefs-grid h3,
.blg-hero-briefs-grid h4,
.blg-hero-brief__title,
.blg-hero-brief__label,
.blg-brief-cta-link,
.blg-edition-text-wrap,
.tft-single-hero__date {
font-family: 'Inter', sans-serif !important;
} .blg-hero-main-title {
font-family: 'Inter', sans-serif !important;
font-weight: 900 !important;
text-transform: uppercase !important;
} .blg-side-badge-wrap {
z-index: 1000 !important;
} .blg-cover-header {
margin-bottom: clamp(60px, 12vh, 120px) !important;
}
.blg-hero-main-wrap {
margin-top: clamp(80px, 15vh, 200px) !important;
} .blg-hero-brief {
transition: opacity 0.3s ease !important;
}
.blg-hero-brief:hover {
opacity: 0.85 !important;
}  :root,
[data-theme] {
--blg-font-heading: 'Playfair Display', serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.blg-post-title,
.blg-post-title a,
.blg-fp-title,
.blg-fp-title a,
.blg-logo-text-wrap,
[class*='__title'],
[class*='__title'] a,
[class*='-title'],
[class*='-title'] a,
[style*='font-family:var(--blg-font-heading)'],
[style*='font-family: var(--blg-font-heading)'],
.blg-card-content span,
.blg-card-content h3,
.blg-card-content a {
font-family: 'Playfair Display', serif !important;
} .blg-cover .blg-editorial-t1,
.blg-cover .blg-editorial-quote,
.blg-hero-briefs-grid,
.blg-hero-brief__title,
.blg-hero-brief__label,
.blg-brief-cta-link,
.blg-edition-text-wrap,
.tft-single-hero__date {
font-family: 'Inter', sans-serif !important;
} .blg-hero-main-title {
font-family: 'Inter', sans-serif !important;
font-weight: 900 !important;
text-transform: uppercase !important;
text-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
} .blg-side-badge-wrap {
z-index: 1000 !important;
position: absolute !important;
top: 50% !important;
inset-inline-end: 0 !important;
transform: translateY(-50%) !important;
}
.blg-side-badge-wrap a.blg-hero-side-tab {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
background-color: #c9a35d !important;
color: #ffffff !important;
text-decoration: none !important;
width: 44px !important;
padding: 28px 0 !important;
border-radius: 8px 0 0 8px !important;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
box-shadow: -5px 0 20px rgba(0, 0, 0, 0.15) !important;
border: none !important;
cursor: pointer !important;
}
.blg-side-badge-wrap a.blg-hero-side-tab span {
writing-mode: vertical-rl !important;
text-orientation: mixed !important;
text-transform: uppercase !important;
font-family: 'Inter', sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.15em !important;
font-size: 13px !important;
margin-bottom: 15px !important;
white-space: nowrap !important;
display: inline-block !important;
line-height: 1 !important;
transform: none !important;
}
.blg-side-badge-wrap a.blg-hero-side-tab svg {
width: 14px !important;
height: 14px !important;
display: block !important;
transform: rotate(90deg) !important;
transition: transform 0.3s ease !important;
margin: 0 !important;
}
.blg-side-badge-wrap a.blg-hero-side-tab:hover {
background-color: #b38f4d !important;
width: 52px !important;
}
.blg-side-badge-wrap a.blg-hero-side-tab:hover svg {
transform: rotate(90deg) translateX(5px) !important;
}
@media (max-width: 767px) {
.blg-side-badge-wrap a.blg-hero-side-tab {
width: 38px !important;
padding: 22px 0 !important;
}
.blg-side-badge-wrap a.blg-hero-side-tab span {
font-size: 11px !important;
margin-bottom: 12px !important;
}
}
.blg-cover-header {
margin-bottom: clamp(60px, 12vh, 120px) !important;
}
.blg-hero-main-wrap {
margin-top: clamp(80px, 15vh, 200px) !important;
margin-bottom: clamp(15px, 3vw, 30px);
}
.blg-hero-briefs-grid {
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding-top: 30px;
}
.blg-hero-brief {
transition: transform 0.4s ease, opacity 0.4s ease !important;
}
.blg-hero-brief:hover {
transform: translateY(-5px) !important;
opacity: 0.85 !important;
}
.blg-side-badge-wrap a.blg-hero-side-tab {
display: flex !important;
flex-direction: column !important; align-items: center !important;
justify-content: center !important;
background-color: #c9a35d !important; color: #ffffff !important;
text-decoration: none !important; width: 44px !important;
padding: 28px 0 !important;
border-radius: 8px 0 0 8px !important;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
box-shadow: -5px 0 20px rgba(0, 0, 0, 0.15) !important;
border: none !important;
cursor: pointer !important;
}
.blg-side-badge-wrap a.blg-hero-side-tab span {
writing-mode: vertical-rl !important;
text-orientation: mixed !important;
text-transform: uppercase !important;
font-family: 'Inter', sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.15em !important;
font-size: 13px !important;
margin-bottom: 15px !important;
white-space: nowrap !important;
display: inline-block !important;
line-height: 1 !important; transform: none !important;
}
.blg-side-badge-wrap a.blg-hero-side-tab svg {
width: 14px !important;
height: 14px !important;
display: block !important;
transform: rotate(90deg) !important;
transition: transform 0.3s ease !important;
margin: 0 !important;
}
.blg-side-badge-wrap a.blg-hero-side-tab:hover {
background-color: #b38f4d !important;
width: 52px !important; }
.blg-side-badge-wrap a.blg-hero-side-tab:hover svg {
transform: rotate(90deg) translateX(5px) !important;
} @media (max-width: 767px) {
.blg-side-badge-wrap a.blg-hero-side-tab {
width: 38px !important;
padding: 22px 0 !important;
}
.blg-side-badge-wrap a.blg-hero-side-tab span {
font-size: 11px !important;
margin-bottom: 12px !important;
}
}
} .blg-side-badge-wrap a.blg-hero-side-tab {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
background-color: var(--blg-accent-color) !important;
color: #ffffff !important;
text-decoration: none !important; width: 40px !important; padding: 30px 0 !important;
border-radius: 6px 0 0 6px !important;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
box-shadow: -4px 0 15px rgba(0, 0, 0, 0.1) !important;
border: none !important;
cursor: pointer !important;
overflow: hidden !important;
} .blg-side-badge-wrap a.blg-hero-side-tab span {
writing-mode: vertical-rl !important;
text-orientation: mixed !important;
text-transform: uppercase !important;
font-family: 'Inter', sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.2em !important;
font-size: 11px !important; margin-bottom: 18px !important;
white-space: nowrap !important;
display: inline-block !important;
line-height: 1 !important;
opacity: 0.95 !important;
transform: none !important; } .blg-side-badge-wrap a.blg-hero-side-tab svg {
width: 14px !important;
height: 14px !important;
display: block !important; transform: rotate(90deg) !important;
transition: transform 0.3s ease !important;
margin: 0 !important;
padding: 0 !important;
stroke-width: 3 !important;
} .blg-side-badge-wrap a.blg-hero-side-tab:hover {
filter: brightness(0.9);
width: 48px !important; box-shadow: -6px 0 20px rgba(0, 0, 0, 0.2) !important;
} .blg-side-badge-wrap a.blg-hero-side-tab:hover svg { transform: rotate(90deg) translateX(6px) !important;
} @media (max-width: 767px) {
.blg-side-badge-wrap a.blg-hero-side-tab {
width: 34px !important;
padding: 24px 0 !important;
}
.blg-side-badge-wrap a.blg-hero-side-tab span {
font-size: 10px !important;
margin-bottom: 12px !important;
}
}  [dir="rtl"] .blg-overlay-content nav ul li a:hover,
[dir="rtl"] .tft-overlay-nav-list .tft-menu-item a:hover {
transform: translateX(-30px) !important;
}
[dir="rtl"] .blg-footer__nl-btn svg,
[dir="rtl"] #tft-back-to-top svg,
[dir="rtl"] .tft-modal__close kbd,
[dir="rtl"] .blg-close-menu-btn svg {
transform: scaleX(-1);
} .blg-demo-switcher {
border-start-start-radius: 6px !important;
border-end-start-radius: 6px !important;
border-start-end-radius: 0 !important;
border-end-end-radius: 0 !important;
}
.blg-side-badge-wrap a.blg-hero-side-tab {
border-start-start-radius: 8px !important;
border-end-start-radius: 8px !important;
border-start-end-radius: 0 !important;
border-end-end-radius: 0 !important;
} [dir="rtl"] #blg-reading-progress {
inset-inline-start: 0;
transform-origin: right;
} [dir="rtl"] .admin-bar .blg-overlay-menu,
[dir="rtl"] .admin-bar .tft-sidebar-drawer {
top: 32px;
}
@media screen and (max-width: 782px) {
[dir="rtl"] .admin-bar .blg-overlay-menu,
[dir="rtl"] .admin-bar .tft-sidebar-drawer {
top: 46px;
}
} [dir="rtl"] .tft-pagination .next svg,
[dir="rtl"] .tft-pagination .prev svg {
transform: scaleX(-1);
}  input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none !important;
} .comment-respond {
padding-inline: clamp(20px, 5vw, 40px) !important;
margin-block: clamp(40px, 8vw, 80px) !important;
border-top: 1px solid var(--blg-border-color);
padding-top: clamp(40px, 8vw, 60px) !important;
clear: both;
}
.tft-comment-form {
max-width: 800px;
margin-inline: 0;
}
#reply-title {
font-family: var(--blg-font-heading);
font-size: clamp(1.5rem, 3vw, 2.2rem);
font-weight: 900;
margin-bottom: 30px;
letter-spacing: -1px;
} .tft-empty-state {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} .blg-section-header {
display: flex;
align-items: baseline;
gap: 20px;
margin-bottom: 40px;
}
.blg-header-divider {
height: 1px;
flex: 1;
background: var(--blg-border-color);
}  .blg-nav-links .menu-item-has-children > a::before {
content: none !important; }
.blg-nav-links .menu-item-has-children > a::after {
content: '+' !important;
display: inline-block !important;
font-size: 0.65rem !important;
margin-inline-start: 10px !important;
font-weight: 400 !important;
opacity: 0.4 !important;
transition: all 0.3s ease !important;
vertical-align: middle;
}
.blg-nav-links .menu-item-has-children:hover > a::after {
transform: rotate(0deg); opacity: 1 !important;
color: var(--blg-accent-color);
} .blg-stats-elite {
gap: 0 !important;
background: transparent !important;
border: 1px solid var(--blg-border-color) !important;
}
.blg-stat-item-elite {
border-inline-end: 1px solid var(--blg-border-color);
border-bottom: 1px solid var(--blg-border-color);
background: var(--blg-bg-color) !important;
padding: clamp(40px, 6vw, 80px) clamp(20px, 3vw, 40px) !important;
}
.blg-stat-item-elite:last-child {
border-inline-end: none;
}
.blg-stat-item-elite:hover {
transform: translateY(-5px) !important;
scale: 1 !important; z-index: 10;
box-shadow: 0 40px 80px var(--blg-black-trans-15) !important;
}
.blg-stat-value {
font-weight: 900 !important;
letter-spacing: -2px !important; margin-bottom: 20px !important;
}
.blg-stat-label {
opacity: 0.6 !important;
font-weight: 800 !important;
} .tft-sidebar-drawer {
box-shadow: -20px 0 60px var(--blg-black-trans-10);
}
.tft-sidebar__content {
padding: clamp(30px, 5vw, 60px) !important;
}
.tft-widget {
margin-bottom: clamp(40px, 8vw, 70px) !important;
} .tft-widget h2,
.tft-widget .widget-title,
.tft-widget .wp-block-heading {
font-family: var(--blg-font-heading) !important;
font-size: 1.15rem !important;
font-weight: 950 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
margin-bottom: 30px !important;
line-height: 1.1 !important;
color: var(--blg-text-main) !important;
display: block;
border-bottom: 3px solid var(--blg-text-main);
padding-bottom: 15px;
} .tft-widget ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.tft-widget ul li {
padding: 12px 0 !important;
border-bottom: 1px solid var(--blg-border-color);
font-family: var(--blg-font-body);
font-size: 0.9rem;
color: var(--blg-text-main);
transition: all 0.3s ease;
}
.tft-widget ul li a {
text-decoration: none !important;
color: inherit !important;
font-family: var(--blg-font-heading) !important;
font-weight: 700 !important;
font-size: 1rem !important;
display: block;
line-height: 1.3;
}
.tft-widget ul li a:hover {
color: var(--blg-accent-color) !important;
}
.tft-widget ul li:last-child {
border-bottom: none !important;
} .tft-widget .wp-block-search__label {
display: none;
}
.tft-widget .wp-block-search__inside-wrapper {
background: var(--blg-bg-alt) !important;
border: 1px solid var(--blg-border-color) !important;
padding: 4px !important;
display: flex;
}
.tft-widget .wp-block-search__input {
border: none !important;
background: transparent !important;
padding: 10px 15px !important;
font-size: 0.85rem !important;
flex: 1;
}
.tft-widget .wp-block-search__button {
background: var(--blg-text-main) !important;
color: var(--blg-bg-color) !important;
padding: 8px 20px !important;
font-weight: 800 !important;
font-size: 0.7rem !important;
text-transform: uppercase !important;
letter-spacing: 1px;
border: none !important;
} .wp-block-latest-comments__comment-meta {
font-size: 0.8rem !important;
opacity: 0.7;
}
.wp-block-latest-comments__comment-link {
font-weight: 600 !important;
font-size: 0.9rem !important;
} .navigation.pagination {
margin-top: clamp(60px, 10vw, 100px);
border-top: 2px solid var(--blg-border-color);
padding-top: 40px;
}
.navigation.pagination .nav-links {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.navigation.pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 15px;
text-decoration: none;
color: var(--blg-text-main);
font-family: var(--blg-font-body);
font-size: 0.85rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
border: 1px solid transparent;
border-radius: 4px;
}
.navigation.pagination .page-numbers.current {
background: var(--blg-text-main);
color: var(--blg-bg-color);
border-color: var(--blg-text-main);
}
.navigation.pagination .page-numbers:not(.current):not(.dots):hover {
background: var(--blg-bg-alt);
border-color: var(--blg-border-color);
transform: translateY(-3px);
box-shadow: 0 10px 20px var(--blg-black-trans-05);
}
.navigation.pagination .page-numbers.dots {
border: none;
color: var(--blg-text-muted);
}
.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next {
background: var(--blg-bg-alt);
border: 1px solid var(--blg-border-color);
padding: 0 25px;
}
.navigation.pagination .page-numbers.prev:hover,
.navigation.pagination .page-numbers.next:hover {
background: var(--blg-accent-color);
border-color: var(--blg-accent-color);
color: var(--blg-white);
} .navigation.pagination .nav-links::before {
content: "EDITION";
font-family: var(--blg-font-body);
font-size: 0.65rem;
font-weight: 900;
letter-spacing: 3px;
color: var(--blg-accent-color);
margin-inline-end: 20px;
opacity: 0.6;
} .blg-aeo-takeaways {
background: var(--blg-bg-alt);
border: 1px solid var(--blg-border-color);
border-inline-start: 4px solid var(--blg-accent-color);
padding: clamp(20px, 4vw, 30px);
margin-bottom: clamp(30px, 5vw, 50px);
border-radius: var(--blg-radius-img);
box-shadow: 0 4px 20px var(--blg-black-trans-05);
}
.blg-aeo-takeaways__title {
font-family: var(--blg-font-heading);
font-size: clamp(1.2rem, 3vw, 1.5rem);
font-weight: 800;
margin-top: 0;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--blg-text-main);
display: flex;
align-items: center;
gap: 10px;
}
.blg-aeo-takeaways__title::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
opacity: 0.7;
}
.blg-aeo-takeaways__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 12px;
}
.blg-aeo-takeaways__list li {
position: relative;
padding-inline-start: 24px;
font-family: var(--blg-font-body);
font-size: 1rem;
line-height: 1.6;
color: var(--blg-text-main);
font-weight: 500;
}
.blg-aeo-takeaways__list li::before {
content: "•";
position: absolute;
inset-inline-start: 0;
top: 0;
color: var(--blg-accent-color);
font-size: 1.5rem;
line-height: 1;
font-weight: 900;
} .blg-aeo-faq-accordion {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 40px;
}
.blg-aeo-faq__item {
border: 1px solid var(--blg-border-color);
border-radius: var(--blg-radius-img);
overflow: hidden;
background: var(--blg-bg-color);
transition: all 0.3s ease;
}
.blg-aeo-faq__item:focus-within {
border-color: var(--blg-accent-color);
box-shadow: 0 0 0 2px var(--blg-black-trans-05);
}
.blg-aeo-faq__question {
width: 100%;
background: var(--blg-bg-alt);
border: none;
padding: 20px 25px;
text-align: start;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-family: var(--blg-font-heading);
font-size: clamp(1.1rem, 2vw, 1.3rem);
font-weight: 700;
color: var(--blg-text-main);
transition: background 0.3s ease, color 0.3s ease;
}
.blg-aeo-faq__question:hover {
background: var(--blg-accent-color);
color: var(--blg-white);
}
.blg-aeo-faq__question[aria-expanded="true"] {
background: var(--blg-accent-color);
color: var(--blg-white);
border-bottom: 1px solid var(--blg-border-color);
}
.blg-aeo-faq__icon {
font-family: monospace;
font-size: 1.5rem;
font-weight: 400;
line-height: 1;
transition: transform 0.3s ease;
}
.blg-aeo-faq__answer {
background: var(--blg-bg-color);
}
.blg-aeo-faq__answer-inner {
padding: 25px;
font-family: var(--blg-font-body);
font-size: 1rem;
line-height: 1.6;
color: var(--blg-text-muted);
}
.blg-aeo-faq__answer-inner p:last-child {
margin-bottom: 0;
} @media (max-width: 768px) { .blg-hero-briefs-grid {
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
padding-bottom: 20px !important;
} .blg-hero-brief {
width: 100% !important;
background: rgba(10, 10, 10, 0.45) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 16px !important;
padding: 25px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}
.blg-hero-brief__label {
font-size: 0.6rem !important;
letter-spacing: 2px !important;
margin-bottom: 12px !important;
opacity: 0.8 !important;
} .blg-hero-brief__title {
font-size: clamp(1.2rem, 5vw, 1.5rem) !important;
margin-bottom: 20px !important;
line-height: 1.3 !important;
text-wrap: balance !important;
} .blg-brief-cta {
margin-top: auto !important;
padding-top: 15px !important;
border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
} .tft-footer-monolith {
background: #000000 !important;
background-image: none !important;
--blg-footer-pattern: none !important;
color: #ffffff !important;
border-top: 5px solid var(--blg-accent-color) !important;
padding-top: clamp(60px, 8vw, 100px) !important;
position: relative;
overflow: hidden;
} .tft-footer-monolith::before,
.tft-footer-monolith::after,
.tft-footer-monolith .blg-footer-bg-layer,
.tft-footer-monolith .blg-footer-overlay {
display: none !important;
background-image: none !important;
opacity: 0 !important;
}
.tft-footer-monolith .blg-footer__inner {
border: none !important;
padding-bottom: clamp(40px, 8vw, 80px) !important;
position: relative;
z-index: 5;
max-width: 1400px !important;
margin: 0 auto !important;
} .tft-footer-monolith .blg-footer__hero {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 60px !important;
align-items: center !important;
padding-bottom: 50px !important;
margin-bottom: 50px !important;
border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.tft-footer-monolith .blg-footer__hero-left {
padding-right: 40px !important;
}
.tft-footer-monolith .blg-footer__wordmark {
font-family: var(--blg-font-heading) !important;
font-size: clamp(3rem, 6vw, 6.5rem) !important;
font-weight: 900 !important;
line-height: 0.8 !important;
letter-spacing: -3px !important;
color: #ffffff !important;
display: block !important;
}
.tft-footer-monolith .blg-footer__tagline {
font-family: var(--blg-font-body) !important;
font-size: 1.1rem !important;
color: rgba(255,255,255,0.5) !important;
margin-top: 25px !important;
max-width: 400px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
border-left: 2px solid var(--blg-accent-color) !important;
padding-left: 15px !important;
}
.tft-footer-monolith .blg-footer__hero-divider { display: none !important; } .tft-footer-monolith .blg-footer__hero-right {
text-align: left !important;
background: #0a0a0a !important;
padding: 40px !important;
border: 1px solid rgba(255,255,255,0.05) !important;
border-top: 4px solid var(--blg-accent-color) !important;
box-shadow: 0 20px 40px rgba(0,0,0,0.5) !important;
position: relative;
}
.tft-footer-monolith .blg-footer__issue-label {
font-size: 0.75rem !important;
letter-spacing: 4px !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.4) !important;
font-weight: 900 !important;
display: block !important;
margin-bottom: 25px !important;
}
.tft-footer-monolith .blg-footer__hero-title a {
font-family: var(--blg-font-heading) !important;
font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
font-weight: 900 !important;
line-height: 1.1 !important;
letter-spacing: -1px !important;
color: #ffffff !important;
text-decoration: none !important;
transition: color 0.4s ease !important;
display: block !important;
}
.tft-footer-monolith .blg-footer__hero-title a:hover {
color: var(--blg-accent-color) !important;
}
.tft-footer-monolith .blg-footer__hero-cat {
display: inline-block !important;
font-size: 0.65rem !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
color: #000000 !important;
background: var(--blg-accent-color) !important;
padding: 4px 10px !important;
margin-bottom: 15px !important;
font-weight: 900 !important;
}
.tft-footer-monolith .blg-footer__sep { display: none !important; } .tft-footer-monolith .tft-widget__title,
.tft-footer-monolith .widget-title,
.tft-footer-monolith .blg-footer__col-head {
font-family: var(--blg-font-heading) !important;
font-size: 1.1rem !important;
letter-spacing: 6px !important;
text-transform: uppercase !important;
font-weight: 900 !important;
color: #ffffff !important;
border: none !important;
border-bottom: 2px solid var(--blg-accent-color) !important;
padding-bottom: 15px !important;
margin-bottom: 40px !important;
display: inline-block !important;
}
.tft-footer-monolith .tft-widget__title::before,
.tft-footer-monolith .tft-widget__title::after { display: none !important; } .tft-footer-monolith .tft-social-matrix {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 15px !important;
}
.tft-footer-monolith .tft-social-matrix .tft-matrix-link {
border: 1px solid rgba(255,255,255,0.15) !important;
color: #ffffff !important;
font-weight: 900 !important;
letter-spacing: 2px !important;
border-radius: 0 !important;
text-align: center !important;
padding: 15px !important;
width: auto !important;
margin: 0 !important;
}
.tft-footer-monolith .tft-social-matrix .tft-matrix-link:hover {
background: #ffffff !important;
color: #000000 !important;
border-color: #ffffff !important;
} .tft-footer-monolith .tft-popular-item {
border-bottom: 1px solid rgba(255,255,255,0.05) !important;
padding-bottom: 20px !important;
margin-bottom: 20px !important;
}
.tft-footer-monolith .tft-popular-item:last-child { border-bottom: none !important; }
.tft-footer-monolith .tft-popular-item h4 { color: rgba(255,255,255,0.9) !important; font-size: 1.1rem !important; }
.tft-footer-monolith .tft-popular-item:hover h4 { color: var(--blg-accent-color) !important; }
.tft-footer-monolith .tft-popular-thumb span { background: #ffffff !important; color: #000000 !important; } .tft-footer-monolith .blg-footer__deco-word {
position: absolute !important;
bottom: -6vh !important;
left: 50% !important;
transform: translateX(-50%) !important;
font-family: var(--blg-font-heading) !important;
font-size: clamp(8rem, 25vw, 30rem) !important;
font-weight: 900 !important;
color: rgba(255, 255, 255, 0.04) !important;
white-space: nowrap !important;
line-height: 0.8 !important;
user-select: none !important;
pointer-events: none !important;
z-index: 1 !important;
letter-spacing: -8px !important;
} .tft-footer-monolith .blg-footer__bottom {
border-top: 1px solid rgba(255,255,255,0.1) !important;
padding-top: 40px !important;
margin-top: 40px !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
font-size: 0.75rem !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.4) !important;
position: relative;
z-index: 5;
}
@media (max-width: 992px) {
.tft-footer-monolith .blg-footer__hero {
grid-template-columns: 1fr !important;
gap: 40px !important;
}
.tft-footer-monolith .blg-footer__hero-left {
padding-right: 0 !important;
}
}
@media (max-width: 768px) {
.tft-footer-monolith .blg-footer__bottom {
flex-direction: column !important;
gap: 20px !important;
text-align: center !important;
}
} .blg-nav-links li a {
font-family: var(--blg-font-heading) !important;
font-size: 0.85rem !important;
font-weight: 900 !important;
letter-spacing: 3px !important;
color: var(--blg-text-main) !important;
transition: all 0.3s ease !important;
}
.blg-nav-links li a:hover {
color: var(--blg-accent-color) !important;
}
.blg-nav-subscribe-btn {
border-radius: 0 !important;
font-family: var(--blg-font-heading) !important;
font-size: 0.8rem !important;
font-weight: 900 !important;
letter-spacing: 3px !important;
padding: 12px 30px !important;
background: #000000 !important;
color: #ffffff !important;
border: 1px solid transparent !important;
transition: all 0.3s ease !important;
}
.blg-nav-subscribe-btn:hover {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}
.blg-nav-icon-btn {
transition: color 0.3s ease !important;
}
.blg-nav-icon-btn:hover {
color: var(--blg-accent-color) !important;
}
.tft-ticker-bar {
background: #000000 !important;
color: #ffffff !important;
border-bottom: 1px solid rgba(255,255,255,0.1) !important;
font-family: var(--blg-font-heading) !important;
letter-spacing: 3px !important;
font-weight: 800 !important;
} @media (max-width: 768px) { .blg-mag-modern__title {
font-size: clamp(1rem, 4vw, 1.3rem) !important;
letter-spacing: -0.5px !important; line-height: 1.1 !important;
}
.blg-mag-bold__title {
font-size: clamp(1.1rem, 4vw, 1.4rem) !important;
letter-spacing: 0px !important;
line-height: 1.1 !important;
} .blg-mag-modern {
flex-direction: column !important;
text-align: center !important;
gap: 20px !important;
padding: 20px !important;
}
.blg-mag-modern__thumb-wrap {
margin: 0 auto !important;
}
.blg-mag-bold {
flex-direction: column !important;
text-align: center !important;
gap: 20px !important;
padding: 20px !important;
}
.blg-mag-bold__cat-wrap {
justify-content: center !important;
}
.blg-cover-spread-grid {
gap: 20px !important;
} .blg-editorial-t1 {
font-size: clamp(3rem, 15vw, 6rem) !important; letter-spacing: -2px !important;
color: #ffffff !important; opacity: 1 !important;
visibility: visible !important;
}
.blg-editorial-t2 {
font-size: clamp(2rem, 12vw, 4rem) !important;
color: var(--blg-accent-color) !important;
} .blg-cover-spread-grid {
gap: 15px !important;
padding: 0 20px 40px !important;
height: auto !important;
min-height: 400px !important; }
.blg-h2-post {
height: auto !important;
min-height: 180px !important;
margin-bottom: 20px !important;
}
}   .blg-mc-card > div[style*="position:absolute"],
.blg-hg-caption,
.blg-hg-card .blg-hg-caption,
.blg-hg-track div[style*="position:absolute"] {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
z-index: 9999 !important;
pointer-events: auto !important;
} .blg-mc-card h3,
.blg-mc-card span,
.blg-hg-card h4,
.blg-hg-card span,
.blg-hg-caption h4,
.blg-hg-caption span {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #ffffff !important;
transform: none !important;
}  body[data-theme='dark'] #tft-back-to-top,
body[data-theme='dark'] .tft-back-to-top {
background-color: #ffffff !important;
}
body[data-theme='dark'] #tft-back-to-top svg,
body[data-theme='dark'] .tft-back-to-top svg,
body[data-theme='dark'] #tft-back-to-top svg polyline,
body[data-theme='dark'] .tft-back-to-top svg polyline {
stroke: #000000 !important;
color: #000000 !important;
opacity: 1 !important;
}  body[data-theme='acid'] .tft-single-hero__category,
body[data-theme='acid'] .blg-nav-subscribe-btn,
body[data-theme='acid'] .blg-hero-brief__label,
body[data-theme='acid'] .blg-brief-cta-link {
color: #000000 !important;
} body[data-theme='acid'] .tft-single-hero__overlay {
background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.4) 40%, #000000 100%) !important;
opacity: 0.95 !important;
} .blg-editorial-t1 {
display: block !important;
margin-bottom: 5px !important;
}
.blg-editorial-t2 {
display: block !important;
margin-top: 15px !important;
position: relative !important;
top: 0 !important;
}  [data-theme='acid'] .blg-author-box *,
[data-theme='solar'] .blg-author-box *,
[data-theme='vogue'] .blg-author-box *,
[data-theme='saffron'] .blg-author-box * {
color: #000000 !important;
} .blg-brand-logo-img {
max-width: var(--blg-logo-width, 160px) !important;
max-height: var(--blg-logo-height, 50px) !important;
width: auto !important;
height: auto !important;
display: block !important;
object-fit: contain !important;
}
.blg-logo-text-wrap {
font-size: var(--blg-logo-font-size, 24px) !important;
line-height: 1 !important;
} .blg-title-line3 {
color: var(--blg-accent-color) !important;
} .tft-single-hero__overlay {
background: linear-gradient(to bottom, 
rgba(0, 0, 0, 0.6) 0%, 
rgba(0, 0, 0, 0.4) 40%, 
rgba(0, 0, 0, 0.7) 70%, 
rgba(0, 0, 0, 0.95) 100%) !important;
}  .blg-layout:not(.blg-layout--editor) .blg-cover,
.blg-layout:not(.blg-layout--editor) .tft-single-hero,
.blg-layout:not(.blg-layout--editor) #blg-cover {
width: 44.5% !important;
min-width: 320px !important;
max-width: 44.5% !important;
flex: 0 0 44.5% !important;
}
.blg-layout:not(.blg-layout--editor) .blg-feed {
width: 55.5% !important;
max-width: 55.5% !important;
flex: 0 0 55.5% !important;
} .blg-cover .blg-hero-main-title,
.blg-cover .blg-editorial-title,
.blg-cover .blg-editorial-t1,
.blg-cover .blg-manifesto-title,
.blg-cover .blg-editorial-prefix,
.blg-cover .blg-editorial-quote,
.blg-cover .blg-edition-text-wrap,
.blg-cover .blg-hero-brief__title,
.blg-cover .blg-logo-text-wrap,
.blg-cover .blg-brand-logo-img,
.blg-cover .tft-single-hero__title,
.blg-cover .blg-editorial-ghost {
color: #ffffff !important;
}
.blg-cover .blg-brand-dot,
.blg-cover .blg-logo-dot,
.blg-cover .blg-brand-tagline,
.blg-cover .blg-hamburger-btn,
.blg-cover .blg-hamburger-btn svg,
.blg-cover .blg-title-line3,
.blg-cover .blg-editorial-t2 {
color: var(--blg-accent-color, #c5a059) !important;
stroke: var(--blg-accent-color, #c5a059) !important;
} .tft-overlay-nav-list .tft-menu-link {
line-height: 1.2 !important;
padding-block: 5px !important;
overflow: visible !important;
}
.tft-overlay-nav-list .tft-menu-item {
overflow: visible !important;
}
.tft-overlay-nav-list .tft-menu-link.tft-level-0-link {
line-height: 0.9 !important;
}  .tft-menu-col--center,
.tft-overlay-nav-list,
.tft-overlay-nav-list .tft-menu-item,
.tft-overlay-nav-list .tft-menu-link {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
text-align: left !important;
justify-content: flex-start !important;
} .tft-overlay-nav-list .tft-menu-item {
margin-bottom: 35px !important;
width: 100% !important;
} .tft-overlay-nav-list .tft-sub-menu {
margin: 15px 0 15px 0 !important;
padding-left: 40px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}  .blg-overlay-menu,
.blg-overlay-menu__inner,
.tft-menu-full-grid,
.tft-menu-col,
.tft-editorial-nav-wrap,
.tft-overlay-nav-list,
.tft-menu-item,
.tft-menu-link,
.sub-menu,
.tft-sub-menu {
overflow: visible !important;
} .tft-overlay-nav-list .tft-menu-item {
margin-bottom: 0 !important;
padding-bottom: 50px !important; display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}
.tft-overlay-nav-list .tft-menu-link {
margin: 0 !important;
padding: 0 !important;
line-height: 1.2 !important;
display: block !important;
width: fit-content !important;
text-align: left !important;
} .tft-overlay-nav-list .tft-sub-menu {
margin: 20px 0 0 0 !important;
padding-left: 40px !important;
}
.tft-overlay-nav-list .tft-sub-menu .tft-menu-item {
padding-bottom: 20px !important; }  .blg-hero-main-title,
.blg-editorial-title,
.blg-cat-cover-title,
.blg-contact-title,
.blg-manifesto-title,
.tft-single-hero__title,
.blg-cat-cover-title__main,
.blg-cat-cover-title__sub,
.blg-contact-title__line,
.blg-manifesto-title__line {
color: #ffffff !important;
} .blg-overlay-menu__inner {
height: 100vh !important;
display: flex !important;
flex-direction: column !important;
}
.tft-menu-full-grid {
flex: 1 !important;
min-height: 0 !important;
overflow: hidden !important;
}
.tft-menu-col--center {
height: 100% !important;
overflow-y: auto !important;
padding-bottom: 100px !important; } .tft-overlay-nav-list .tft-menu-item {
margin-bottom: 0 !important;
padding-bottom: 45px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
width: 100% !important;
}
.tft-overlay-nav-list .tft-sub-menu .tft-menu-item {
padding-bottom: 15px !important;
}  .blg-cat-cover-title__main,
.blg-contact-title__line {
color: #ffffff !important;
}
.blg-cat-cover-title__sub,
.blg-contact-title__accent {
color: var(--blg-accent-color, #c5a059) !important;
} .tft-overlay-nav-list {
display: flex !important;
flex-direction: column !important;
gap: 50px !important; margin: 0 !important;
padding: 0 !important;
align-items: flex-start !important;
}
.tft-overlay-nav-list .tft-menu-item {
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
display: block !important;
width: 100% !important;
height: auto !important;
}
.tft-overlay-nav-list .tft-menu-link {
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
display: block !important;
width: fit-content !important;
text-align: left !important;
}  .blg-editorial-ghost {
color: var(--blg-white) !important;
opacity: 0.03 !important;
z-index: -1 !important;
pointer-events: none !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 100% !important;
text-align: center !important;
font-size: 20vw !important;
} .blg-mag-bold__title,
.blg-mag-modern__title,
.blg-mag-focus__title,
.blg-mag-bold__vol,
.blg-mag-modern__author {
color: #ffffff !important;
} .blg-mag-bold__cat,
.blg-mag-modern__label,
.blg-mag-focus__cat,
.blg-mag-bold__cat-line,
.blg-mag-focus__cat-line {
color: var(--blg-accent-color, #c5a059) !important;
background-color: var(--blg-accent-color, #c5a059) !important;
}  .blg-mag-bold__cat,
.blg-mag-modern__label,
.blg-mag-focus__cat {
background-color: transparent !important;
color: var(--blg-accent-color, #c5a059) !important;
}
.blg-mag-bold__cat-line,
.blg-mag-focus__cat-line {
width: 30px !important;
height: 2px !important;
background-color: var(--blg-accent-color, #c5a059) !important;
display: inline-block !important;
vertical-align: middle !important;
margin-inline-end: 10px !important;
} .blg-cover-bottom-posts {
margin-top: 20px !important;
padding-bottom: 40px !important;
}
.blg-h2-post {
padding: 20px !important;
min-height: 0 !important;
margin-bottom: 15px !important;
}
.blg-h2-post--lead-border {
border-inline-end: 1px solid var(--blg-white-trans-10) !important;
} .blg-cover-content {
padding-bottom: 70px !important; }
.blg-cover-bottom-posts {
margin-top: auto !important; margin-bottom: 0 !important;
} @media (max-width: 1024px) {
.blg-layout:not(.blg-layout--editor) .blg-cover,
.blg-layout:not(.blg-layout--editor) .tft-single-hero,
.blg-layout:not(.blg-layout--editor) #blg-cover {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
flex: 0 0 100% !important;
height: auto !important;
min-height: 60vh !important;
}
.blg-layout:not(.blg-layout--editor) .blg-feed {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
flex: 0 0 100% !important;
height: auto !important;
}
} .blg-cover .blg-manifesto-top-info {
color: #ffffff !important;
border-color: rgba(255, 255, 255, 0.3) !important;
}
.blg-cover .blg-manifesto-label {
color: var(--blg-accent-color, #c5a059) !important;
opacity: 1 !important;
}
.blg-cover .blg-manifesto-title__line {
color: #ffffff !important;
}
.blg-cover .blg-manifesto-title__sub {
color: var(--blg-accent-color, #c5a059) !important;
}
.blg-cover .blg-manifesto-edition {
color: rgba(255, 255, 255, 0.7) !important;
}
.blg-cover .blg-manifesto-link {
color: #ffffff !important;
}
.blg-cover .blg-manifesto-link span {
color: var(--blg-accent-color, #c5a059) !important;
} .blg-cover .blg-contact-label span {
color: var(--blg-accent-color, #c5a059) !important;
}
.blg-cover .blg-contact-title__line {
color: #ffffff !important;
}
.blg-cover .blg-contact-title__accent {
color: var(--blg-accent-color, #c5a059) !important;
}
.blg-cover .blg-contact-col__label {
color: var(--blg-accent-color, #c5a059) !important;
}
.blg-cover .blg-contact-col__value,
.blg-cover .blg-contact-col__value a {
color: #ffffff !important;
text-decoration: none !important;
}
.blg-cover .blg-contact-edition {
color: rgba(255, 255, 255, 0.7) !important;
}
.blg-cover .blg-contact-link {
color: #ffffff !important;
}
.blg-cover .blg-contact-link span {
color: var(--blg-accent-color, #c5a059) !important;
} .blg-team-card-elite:hover span {
color: var(--blg-accent-color, #c5a059) !important;
opacity: 1 !important;
}
.blg-team-card-elite:hover h4 {
color: #ffffff !important;
} @media (max-width: 1024px) { .blg-cover-bottom-posts {
position: relative !important;
margin-top: 40px !important;
padding-top: 25px !important;
padding-bottom: 25px !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.blg-cover-spread-grid {
display: flex !important;
flex-direction: column !important;
gap: 25px !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
}
.blg-h2-post {
flex: 1 1 auto !important;
height: auto !important;
min-height: auto !important;
border-inline-end: none !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
padding-bottom: 20px !important;
}
.blg-h2-post:last-child {
border-bottom: none !important;
padding-bottom: 0 !important;
} .blg-layout:not(.blg-layout--editor) .tft-single-hero {
height: auto !important;
min-height: 70vh !important;
}
}
@media (max-width: 768px) { .blg-post-grid-condensed,
.blg-feed-container div[style*="grid-template-columns"],
.blg-feed div[style*="grid-template-columns"],
.blg-feed-section div[style*="grid-template-columns"] {
grid-template-columns: 1fr !important;
gap: 30px !important;
} .blg-editorial-row {
flex-direction: column !important;
gap: 30px !important;
padding-block: 30px !important;
}
.blg-editorial-row > div {
width: 100% !important;
flex: 1 1 100% !important;
}
.blg-editorial-row img {
height: 300px !important;
}
} @media (max-width: 1024px) {
.blg-archive-split-row {
grid-template-columns: 1fr !important;
gap: 40px !important;
margin-block-end: 60px !important;
}
.blg-split-row__visual {
block-size: 350px !important;
order: -1 !important; }
.blg-split-row__title {
font-size: clamp(2rem, 6vw, 3rem) !important;
line-height: 1.0 !important;
margin: 15px 0 !important;
}
.blg-split-row__content {
padding: 0 !important;
}
} @media (max-width: 1024px) {
.blg-split-row__visual--even {
order: -1 !important;
}
} @media (max-width: 768px) { .blg-mc-grid {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
.blg-mc-card {
grid-column: span 1 !important;
height: 400px !important;
}
.blg-mc-card > div[style*="position:absolute"] {
left: 20px !important;
bottom: 30px !important;
} .blg-cf-grid {
grid-template-columns: 1fr !important;
gap: 25px !important;
}
.blg-cf-item {
height: 400px !important;
} .blg-sf-txt {
padding: 40px 20px !important;
border-inline-start: none !important;
border-top: 1px solid var(--blg-border-color) !important;
} .blg-tf-node {
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
margin-bottom: 60px !important;
}
.blg-tf-ghost-num {
text-align: left !important;
font-size: 3.5rem !important;
padding-top: 0 !important;
line-height: 1.0 !important;
}
.blg-tf-node > div[style*="display:grid"],
.blg-tf-node > div[style*="grid-template-columns"] {
grid-template-columns: 1fr !important;
gap: 25px !important;
}
.blg-tf-img-wrap {
order: -1 !important; width: 100% !important;
max-width: 100% !important;
}
} .blg-sa-toggle:checked ~ .blg-sa-head .blg-sa-icon {
background: var(--blg-accent-color, #c5a059) !important;
border-color: var(--blg-accent-color, #c5a059) !important;
color: #ffffff !important;
}
.blg-sa-icon svg {
stroke: currentColor !important;
} .tft-nav-label {
color: var(--blg-accent-color) !important;
opacity: 0.85 !important;
}
.tft-nav-title {
color: var(--blg-text-main) !important;
}
.tft-single-hero__nav {
border-top: 1px solid var(--blg-border-color) !important;
} @media (max-width: 768px) {
.tft-ticker {
padding-block: 8px !important;
margin-bottom: 15px !important;
}
} body[data-theme="acid"] .blg-hero-brief__label {
color: var(--blg-accent-color) !important;
}
body[data-theme="acid"] .blg-brief-cta-link--slot1 {
color: rgba(255, 255, 255, 0.6) !important;
}
body[data-theme="acid"] .blg-brief-cta-link--slot2 {
color: var(--blg-accent-color) !important;
}
body[data-theme="acid"] .blg-brief-cta-link--slot3 {
color: #ffffff !important;
}  body[data-theme="acid"] .blg-author-box .blg-author-label,
body[data-theme="solar"] .blg-author-box .blg-author-label {
color: var(--blg-accent-color) !important;
opacity: 0.85 !important;
}
body[data-theme="acid"] .blg-author-box .blg-author-name a,
body[data-theme="solar"] .blg-author-box .blg-author-name a {
color: #ffffff !important;
}
body[data-theme="acid"] .blg-author-box .blg-author-count,
body[data-theme="solar"] .blg-author-box .blg-author-count {
color: rgba(255, 255, 255, 0.7) !important;
} body[data-theme="vogue"] .blg-author-box .blg-author-label,
body[data-theme="saffron"] .blg-author-box .blg-author-label {
color: var(--blg-accent-color) !important;
}
body[data-theme="vogue"] .blg-author-box .blg-author-name a,
body[data-theme="saffron"] .blg-author-box .blg-author-name a {
color: var(--blg-text-main) !important;
}
body[data-theme="vogue"] .blg-author-box .blg-author-count,
body[data-theme="saffron"] .blg-author-box .blg-author-count {
color: var(--blg-text-muted) !important;
} .blg-hero-main-title,
.blg-hero-main-title *,
.tft-single-hero__title,
.tft-single-hero__title *,
.blg-title-line1,
.blg-title-mid,
.blg-title-line3 {
text-shadow: none !important;
} #tft-typography-select,
#tft-typography-select option,
.tft-typography-select,
.tft-typography-select option {
text-transform: none !important;
} .tft-style-switcher__panel {
max-height: 90vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}
.tft-style-switcher__panel::-webkit-scrollbar {
width: 4px !important;
}
.tft-style-switcher__panel::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.15) !important;
border-radius: 4px !important;
} #tft-front-switcher.tft-style-switcher {
max-height: 95vh !important;
height: auto !important;
}
#tft-front-switcher .tft-style-switcher__panel {
max-height: 88vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
background: #ffffff !important;
}
#tft-front-switcher .tft-reset-picker-wrap {
background: #ffffff !important;
border-top: 1px solid rgba(0,0,0,0.06) !important;
}
#tft-front-switcher #tft-reset-all-btn {
background: #111111 !important;
background-color: #111111 !important;
color: #ffffff !important;
font-family: 'Space Mono', monospace, sans-serif !important;
font-size: 0.65rem !important;
font-weight: 900 !important;
letter-spacing: 3px !important;
border: 1px solid #111111 !important;
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 14px 20px !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
#tft-front-switcher #tft-reset-all-btn:hover {
background: #ffffff !important;
background-color: #ffffff !important;
color: #111111 !important;
border-color: #111111 !important;
} .tft-single-hero .tft-nav-title {
color: #ffffff !important;
}
.tft-single-hero .tft-nav-label {
color: rgba(255, 255, 255, 0.6) !important;
opacity: 0.6 !important;
} .tft-single-hero .tft-nav-item:hover .tft-nav-title {
color: var(--blg-accent-color) !important;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 4px !important;
}
.tft-single-hero .tft-nav-item:hover .tft-nav-label {
color: #ffffff !important;
opacity: 1 !important;
} .blg-cover-content {
padding-bottom: 25px !important; }
.blg-editorial-center {
margin-bottom: 20px !important;
}
.blg-editorial-prefix {
margin-bottom: 10px !important;
}
.blg-editorial-quote {
margin-bottom: 20px !important;
}
.blg-cover-bottom-posts {
margin-top: 15px !important;
padding-top: 0 !important;
padding-bottom: 10px !important;
}
.blg-cover-spread-grid {
gap: 15px !important;
}
.blg-h2-post {
padding: 15px 20px !important;
margin-bottom: 10px !important;
} .blg-hero-brief {
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
position: relative;
} .blg-hero-brief:hover {
transform: translateY(-4px) !important;
} .blg-hero-brief:hover .blg-hero-brief__label {
color: var(--blg-accent-color) !important;
opacity: 1 !important;
letter-spacing: 4px !important; } .blg-hero-brief:hover .blg-hero-brief__title {
text-decoration: underline !important;
text-decoration-color: var(--blg-accent-color) !important;
text-decoration-thickness: 1.5px !important;
text-underline-offset: 5px !important;
} .blg-hero-brief:hover .blg-brief-cta-link {
color: var(--blg-accent-color) !important;
} .blg-hero-brief svg,
.blg-hero-brief span {
transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
} .blg-hero-brief--2:hover svg {
transform: translateX(6px) !important;
color: var(--blg-accent-color) !important;
} .blg-hero-brief--3:hover .blg-brief-cta-link--slot3 span {
display: inline-block !important;
transform: translateX(6px) !important;
color: var(--blg-accent-color) !important;
} .blg-hero-brief--1:hover .blg-brief-cta-link--slot1 {
letter-spacing: 1px !important; } .tft-ticker__wrapper {
display: flex;
align-items: center;
overflow: hidden;
position: relative;
inline-size: 100%;
}
.tft-ticker__badge {
display: inline-flex;
align-items: center;
flex-shrink: 0;
background: var(--blg-accent-color);
color: #fff;
font-family: var(--blg-font-heading);
font-size: 0.65rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
padding-block: 4px;
padding-inline: 14px;
margin-inline-end: 0;
white-space: nowrap;
position: relative;
z-index: 2;
line-height: 1.6;
}
.tft-ticker__badge::after {
content: '';
position: absolute;
inset-inline-end: -8px;
inset-block: 0;
border-inline-start: 8px solid var(--blg-accent-color);
border-block: 8px solid transparent;
inline-size: 0;
block-size: 0;
} .tft-ticker__track {
animation-name: tftTickerScale !important;
animation-timing-function: linear !important;
animation-iteration-count: infinite !important;
} .blg-gdpr-bar {
position: fixed;
inset-block-end: 0;
inset-inline: 0;
z-index: 99999;
background: var(--blg-bg-alt, #1a1a1a);
border-block-start: 1px solid var(--blg-border-color, rgba(255,255,255,0.1));
box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.15);
padding-block: clamp(12px, 2vw, 20px);
padding-inline: clamp(16px, 4vw, 40px);
}
.blg-gdpr-bar__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
max-inline-size: 1400px;
margin-inline: auto;
flex-wrap: wrap;
}
.blg-gdpr-bar__text {
flex: 1;
font-family: var(--blg-font-body);
font-size: 0.85rem;
color: var(--blg-text-main, #ccc);
margin: 0;
line-height: 1.5;
}
.blg-gdpr-bar__actions {
display: flex;
gap: 12px;
flex-shrink: 0;
}
.blg-gdpr-bar__btn {
font-family: var(--blg-font-body);
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
border: none;
cursor: pointer;
padding-block: 10px;
padding-inline: 22px;
transition: opacity 0.2s ease, transform 0.2s ease;
border-radius: 2px;
}
.blg-gdpr-bar__btn:hover {
opacity: 0.85;
transform: translateY(-1px);
}
.blg-gdpr-bar__btn--accept {
background: var(--blg-accent-color, #c5a059);
color: #fff;
}
.blg-gdpr-bar__btn--decline {
background: transparent;
color: var(--blg-text-muted, #888);
border: 1px solid var(--blg-border-color, rgba(255,255,255,0.15));
}
@media (max-width: 600px) {
.blg-gdpr-bar__inner {
flex-direction: column;
align-items: flex-start;
}
.blg-gdpr-bar__actions {
inline-size: 100%;
}
.blg-gdpr-bar__btn {
flex: 1;
text-align: center;
}
} .tft-ticker__badge::after {
top: 50% !important;
inset-block: unset !important;
transform: translateY(-50%);
} .tft-ticker__badge {
clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%) !important;
padding-inline-end: 22px !important;
margin-inline-end: 6px !important;
} .tft-ticker__badge::after {
display: none !important;
} .blg-gdpr-bar--bottom {
inset-block-end: 0;
inset-block-start: auto;
border-block-start: 1px solid var(--blg-border-color, rgba(255,255,255,0.1));
border-block-end: none;
}
.blg-gdpr-bar--top {
inset-block-start: 0;
inset-block-end: auto;
border-block-end: 1px solid var(--blg-border-color, rgba(255,255,255,0.1));
border-block-start: none;
}
.blg-gdpr-bar__content {
flex: 1;
display: flex;
flex-direction: column;
gap: 6px;
}
.blg-gdpr-bar__policy-link {
font-family: var(--blg-font-body);
font-size: 0.8rem;
font-weight: 700;
color: var(--blg-accent-color);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
transition: opacity 0.2s ease;
display: inline-block;
}
.blg-gdpr-bar__policy-link:hover {
opacity: 0.75;
text-decoration: underline;
} .blg-gdpr-bar__text {
flex: unset;
}  .blg-footer.tft-footer-monolith {
background-color: var(--blg-footer-bg-override, #000000) !important;
background-image: none !important;
--blg-footer-pattern: var(--blg-footer-pattern-override, none) !important;
color: var(--blg-footer-text, #ffffff) !important;
} .blg-footer.tft-footer-monolith .blg-footer-bg-layer {
display: block !important;
opacity: inherit !important;
}
.blg-footer.tft-footer-monolith .blg-footer-overlay {
display: block !important;
} .blg-footer.tft-footer-monolith::before {
display: block !important;
background-image: var(--blg-footer-pattern, none) !important;
opacity: 0.4 !important;
} .blg-footer .tft-widget ul li a::before {
content: '\2014 ' !important;
}
.blg-aeo-takeaways__list li::before {
content: '\2014 ' !important;
} .blg-footer.tft-footer-monolith .blg-footer__wordmark {
font-size: var(--blg-footer-wordmark-font-size, clamp(3rem, 6vw, 6.5rem)) !important;
}.typo-architecture h2,
.typo-architecture h3,
.typo-architecture span {
font-family: 'Amiri', serif;
}
.typo-architecture h2 {
color: #d3b879;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
font-size: 4rem;
}
.typo-architecture h3 a {
color: #fdfdfd;
font-size: 1.8rem;
}
.typo-architecture .blg-page-num {
border-color: #d3b879;
color: #d3b879;
}
.typo-architecture .sub {
color: #e1c699;
}
.blg-demo-card[data-theme="architecture"] .blg-demo-card__name {
color: #d3b879;
font-family: 'Amiri', serif;
} .typo-modest h2,
.typo-modest h3,
.typo-modest span {
font-family: var(--blg-font-heading);
}
.typo-modest h2 {
color: #4a3b32;
font-size: 4.2rem;
font-style: italic;
font-weight: 500;
}
.typo-modest h3 a {
color: #6f5f55;
font-size: 2rem;
}
.typo-modest .blg-page-num {
background: #e8dbd1;
color: #4a3b32;
border: none;
}
.typo-modest .sub {
color: #8e7f75;
letter-spacing: 4px;
}
.blg-demo-card[data-theme="modest"] .blg-demo-card__name {
color: #4a3b32;
font-family: var(--blg-font-heading);
} .typo-food h2 {
font-family: 'Oswald', sans-serif;
color: #d35400;
font-size: 5rem;
text-transform: uppercase;
}
.typo-food h3,
.typo-food span {
font-family: 'Jost', sans-serif;
}
.typo-food h3 a {
color: #e67e22;
font-size: 1.8rem;
font-weight: 600;
}
.typo-food .blg-page-num {
background: #f39c12;
color: #fff;
border-radius: 4px;
}
.typo-food .sub {
color: #c0392b;
font-weight: 700;
}
.blg-demo-card[data-theme="halal-food"] .blg-demo-card__name {
color: #d35400;
font-family: 'Oswald', sans-serif;
} .typo-eco h2 {
font-family: 'Outfit', sans-serif;
color: #27ae60;
font-size: 4.5rem;
font-weight: 800;
}
.typo-eco h3,
.typo-eco span {
font-family: 'Outfit', sans-serif;
}
.typo-eco h3 a {
color: #2ecc71;
font-size: 1.6rem;
font-weight: 600;
}
.typo-eco .blg-page-num {
border: 2px solid #2ecc71;
color: #27ae60;
font-weight: 700;
border-radius: 20px;
}
.typo-eco .sub {
color: #27ae60;
text-transform: uppercase;
letter-spacing: 2px;
}
.blg-demo-card[data-theme="eco"] .blg-demo-card__name {
color: #27ae60;
font-family: 'Outfit', sans-serif;
} .typo-heritage h2,
.typo-heritage h3,
.typo-heritage span {
font-family: 'Cinzel', serif;
}
.typo-heritage h2 {
color: #5c4033;
font-size: 3.5rem;
font-weight: 700;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}
.typo-heritage h3 a {
color: #8b5a2b;
font-size: 1.8rem;
}
.typo-heritage .blg-page-num {
background: #cd853f;
color: #fff;
font-weight: 600;
border: none;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.typo-heritage .sub {
color: #a0522d;
letter-spacing: 5px;
font-weight: 700;
text-transform: uppercase;
}
.blg-demo-card[data-theme="heritage"] .blg-demo-card__name {
color: #8b5a2b;
font-family: 'Cinzel', serif;
} .typo-calligraphy h2 {
font-family: 'Amiri', serif;
color: #1a1a1a;
font-size: 5rem;
line-height: 1;
}
.typo-calligraphy h3,
.typo-calligraphy span {
font-family: 'Cinzel Decorative', cursive;
}
.typo-calligraphy h3 a {
color: #333;
font-size: 1.6rem;
}
.typo-calligraphy .blg-page-num {
border-bottom: 2px solid #000;
color: #000;
border-radius: 0;
padding: 2px 5px;
}
.typo-calligraphy .sub {
color: #555;
}
.blg-demo-card[data-theme="calligraphy"] .blg-demo-card__name {
color: #1a1a1a;
font-family: 'Amiri', serif;
} .typo-health h2 {
font-family: 'Plus Jakarta Sans', sans-serif;
color: #004d40;
font-size: 4.5rem;
font-weight: 800;
letter-spacing: -2px;
}
.typo-health h3 a {
color: #004d40;
font-family: var(--blg-font-heading);
font-size: 2rem;
font-weight: 600;
}
.typo-health .blg-page-num {
background: #e0f2f1;
color: #00695c;
border-radius: 30px;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.typo-health .sub {
color: #00796b;
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
}
.blg-demo-card[data-theme="health"] .blg-demo-card__name {
color: #00796b;
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
} .typo-astro h2 {
font-family: 'Michroma', sans-serif;
color: #f8fafc;
font-size: 4rem;
font-weight: 400;
text-shadow: 0 0 20px rgba(96, 165, 250, 0.5);
}
.typo-astro h3 a {
color: #f8fafc;
font-family: 'Exo 2', sans-serif;
font-size: 2rem;
font-weight: 500;
letter-spacing: 1px;
}
.typo-astro .blg-page-num {
border: 1px solid #334155;
color: #94a3b8;
border-radius: 4px;
font-family: 'Exo 2', sans-serif;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
}
.typo-astro .sub {
color: #60a5fa;
font-family: 'Michroma', sans-serif;
font-size: 12px;
letter-spacing: 5px;
text-transform: uppercase;
}
.blg-demo-card[data-theme="astronomy"] .blg-demo-card__name {
color: #60a5fa;
font-family: 'Michroma', sans-serif;
}  body[data-theme='acid'] .tft-single-hero__category,
body[data-theme='acid'] .blg-nav-subscribe-btn,
body[data-theme='acid'] .blg-nav-subscribe-btn:hover,
body[data-theme='acid'] .blg-hero-brief__label,
body[data-theme='acid'] .blg-brief-cta-link {
color: #000000 !important;
} body[data-theme='dark'] .tft-back-to-top,
body[data-theme='dark'] #tft-back-to-top {
background-color: #ffffff !important;
}
body[data-theme='dark'] .tft-back-to-top svg,
body[data-theme='dark'] #tft-back-to-top svg {
stroke: #000000 !important;
color: #000000 !important;
} body[data-theme='acid'] .tft-single-hero__category,
body[data-theme='acid'] .blg-nav-subscribe-btn,
body[data-theme='acid'] .blg-hero-brief__label,
body[data-theme='solar'] .tft-single-hero__category,
body[data-theme='saffron'] .tft-single-hero__category {
color: #000000 !important;
} body[data-theme='athletic'] {
--blg-text-main: #ffffff !important;
--blg-text-muted: rgba(255, 255, 255, 0.7) !important;
--blg-border-color: rgba(255, 255, 255, 0.15) !important;
}
body[data-theme='athletic'] .blg-post-title,
body[data-theme='athletic'] .blg-post-title a,
body[data-theme='athletic'] .blg-hero-brief__title,
body[data-theme='athletic'] .blg-nav-links li a,
body[data-theme='athletic'] .tft-single-hero__category,
body[data-theme='athletic'] .blg-section-header h2,
body[data-theme='athletic'] .blg-widget-title,
body[data-theme='athletic'] .blg-list-content .blg-post-title,
body[data-theme='athletic'] .tft-menu-link,
body[data-theme='athletic'] .blg-brand-logo,
body[data-theme='athletic'] .tft-popular-item h4,
body[data-theme='athletic'] .blg-archive-title,
body[data-theme='athletic'] .blg-page-title,
body[data-theme='athletic'] .blg-search-result-title a {
color: #ffffff !important;
-webkit-text-stroke: 0 !important;
}
body[data-theme='athletic'] .blg-post-excerpt,
body[data-theme='athletic'] .blg-post-date,
body[data-theme='athletic'] .blg-hero-brief__label,
body[data-theme='athletic'] .blg-meta-slot__label,
body[data-theme='athletic'] .tft-menu-copyright,
body[data-theme='athletic'] .blg-breadcrumb,
body[data-theme='athletic'] .blg-breadcrumb a {
color: rgba(255, 255, 255, 0.6) !important;
} body[data-theme='athletic'] .blg-share-btn svg,
body[data-theme='athletic'] .blg-share-btn i {
fill: #ffffff !important;
color: #ffffff !important;
transition: all 0.3s ease !important;
}
body[data-theme='athletic'] .blg-share-btn:hover {
background: #ffffff !important;
}
body[data-theme='athletic'] .blg-share-btn:hover svg,
body[data-theme='athletic'] .blg-share-btn:hover i {
fill: #000000 !important;
color: #000000 !important;
} body[data-theme='athletic'] .tft-content-inner,
body[data-theme='athletic'] .tft-content-inner p,
body[data-theme='athletic'] .tft-content-inner li,
body[data-theme='athletic'] .entry-content,
body[data-theme='athletic'] .entry-content p {
color: #ffffff !important;
} body[data-theme='athletic'] .tft-ticker__item,
body[data-theme='athletic'] .tft-ticker__item strong {
color: #ffffff !important;
} body[data-theme='dark'] #tft-back-to-top svg,
body[data-theme='dark'] .tft-back-to-top svg {
stroke: #000000 !important;
color: #000000 !important;
}:root {
--blg-font-heading: 'Playfair Display', serif;
--blg-font-body: 'Inter', sans-serif;
--blg-bg-color: #f8f5f0;
--blg-bg-alt: #eeebe5;
--blg-text-main: #1a1a1a;
--blg-text-muted: #888;
--blg-accent-color: #c5a46d;
--blg-border-color: rgba(0, 0, 0, 0.08);
--blg-radius-img: 0px;
--blg-border-width: 1px;
--blg-container-padding: clamp(20px, 5vw, 80px);
--blg-white: #ffffff;
--blg-black: #000000;
} .tft-widget,
#tft-sidebar-drawer .widget,
.blg-footer .widget {
margin-block-end: 50px;
} .widget-title,
.widgettitle,
.tft-widget__title,
.tft-widget-title,
.widget h2,
.widget h3,
#tft-sidebar-drawer .widget-title,
#tft-sidebar-drawer .widgettitle,
.blg-footer__col .widget-title,
.blg-footer__col .widgettitle {
font-family: var(--blg-font-heading, var(--blg-font-heading));
font-size: 0.75rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 5px;
color: var(--blg-accent-color, #c5a46d);
margin-block-end: 30px;
display: flex;
align-items: center;
gap: 15px;
line-height: 1;
}
.widget-title::after,
.widgettitle::after,
.tft-widget__title::after,
.tft-widget-title::after {
content: '';
height: 1px;
flex: 1;
background: var(--blg-border-color, rgba(0, 0, 0, 0.08));
opacity: 0.5;
} #tft-sidebar-drawer .tft-sidebar__content {
padding: clamp(20px, 4vw, 40px);
display: flex;
flex-direction: column;
gap: 0;
}  #tft-sidebar-drawer .widget_search .search-form,
.tft-widget-search {
border-block-end: 2px solid var(--blg-border-color, rgba(0, 0, 0, 0.08));
padding-block-end: 10px;
display: flex;
align-items: center;
gap: 10px;
transition: border-color 0.3s ease;
}
#tft-sidebar-drawer .widget_search .search-form:focus-within,
.tft-widget-search:focus-within {
border-block-end-color: var(--blg-text-main, #1a1a1a);
}
#tft-sidebar-drawer .widget_search input[type=search],
#tft-sidebar-drawer .widget_search input[type=text],
.tft-widget-search input[type=text] {
background: none;
border: none;
outline: none;
width: 100%;
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.9rem;
color: var(--blg-text-main, #1a1a1a);
padding: 0;
line-height: 1.5;
}
#tft-sidebar-drawer .widget_search input[type=search]::placeholder,
.tft-widget-search input::placeholder {
opacity: 0.45;
transition: opacity 0.3s ease;
}
#tft-sidebar-drawer .widget_search input:focus::placeholder,
.tft-widget-search input:focus::placeholder {
opacity: 0.2;
}
#tft-sidebar-drawer .widget_search input[type=submit],
#tft-sidebar-drawer .widget_search button[type=submit],
.tft-widget-search button {
background: none;
border: none;
cursor: pointer;
color: var(--blg-accent-color, #c5a46d);
padding: 0;
transition: transform 0.3s ease, color 0.3s ease;
display: flex;
align-items: center;
}
#tft-sidebar-drawer .widget_search button:hover,
.tft-widget-search button:hover {
transform: scale(1.15);
color: var(--blg-text-main, #1a1a1a);
} .tft-widget--profile {
text-align: center;
}
.tft-profile-img-wrap {
width: 140px;
height: 140px;
border-radius: 50%;
overflow: hidden;
margin-inline: auto;
margin-block-end: 25px;
border: 2px solid var(--blg-accent-color, #c5a46d);
padding: 5px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
transition: transform 0.5s ease, box-shadow 0.5s ease;
cursor: pointer;
}
.tft-profile-img-wrap:hover {
transform: scale(1.05) rotate(2deg);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
.tft-profile-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.tft-profile-name {
font-family: var(--blg-font-heading, var(--blg-font-heading));
font-size: 1.8rem;
font-weight: 900;
margin-block: 0 10px;
}
.tft-profile-name a {
text-decoration: none;
color: inherit;
}
.tft-profile-role {
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.65rem;
color: var(--blg-accent-color, #c5a46d);
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 800;
display: block;
margin-block-end: 15px;
}
.tft-profile-bio {
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.95rem;
line-height: 1.65;
opacity: 0.8;
margin-block-end: 25px;
}
.tft-profile-socials {
display: flex;
justify-content: center;
gap: 20px;
}
.tft-profile-socials a {
color: var(--blg-text-main, #1a1a1a);
transition: transform 0.3s ease, color 0.3s ease;
display: flex;
align-items: center;
}
.tft-profile-socials a:hover {
transform: translateY(-3px) scale(1.15);
color: var(--blg-accent-color, #c5a46d);
} .tft-sidebar-sub {
position: relative;
overflow: hidden;
border: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.08));
padding: 30px;
text-align: center;
}
.tft-sidebar-sub input[type=email],
.tft-sidebar-sub input[type=text] {
width: 100%;
padding: 12px 0;
border: none;
border-block-end: 2px solid var(--blg-border-color, rgba(0, 0, 0, 0.08));
background: none;
margin-block-end: 20px;
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.9rem;
outline: none;
color: var(--blg-text-main, #1a1a1a);
transition: border-color 0.3s ease;
}
.tft-sidebar-sub input:focus {
border-block-end-color: var(--blg-text-main, #1a1a1a);
}
.tft-sidebar-sub button[type=submit],
.tft-sidebar-sub .tft-newsletter__submit {
width: 100%;
padding: 12px;
background: var(--blg-text-main, #1a1a1a);
color: var(--blg-bg-color, #f8f5f0);
border: none;
cursor: pointer;
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 800;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tft-sidebar-sub button:hover {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
} .tft-newsletter {
text-align: center;
color: var(--blg-text-main, #1a1a1a);
}
.tft-newsletter__title {
font-family: var(--blg-font-heading, var(--blg-font-heading));
font-size: clamp(2rem, 4vw, 3.5rem);
font-weight: 900;
letter-spacing: -1px;
margin: 0 0 15px;
}
.tft-newsletter__form {
display: flex;
align-items: center;
border-block-end: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.12));
padding-block-end: 5px;
margin-block-start: 20px;
}
.tft-newsletter__input {
flex: 1;
background: none;
border: none;
outline: none;
padding: 10px 15px;
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 1rem;
color: var(--blg-text-main, #1a1a1a);
}
.tft-newsletter__submit {
background: var(--blg-text-main, #1a1a1a);
color: var(--blg-bg-color, #f8f5f0);
border: none;
padding: 10px 25px;
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.7rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
cursor: pointer;
transition: opacity 0.3s ease, transform 0.3s ease;
border-radius: 50px;
}
.tft-newsletter__submit:hover {
opacity: 0.85;
transform: translateY(-1px);
} .tft-widget--tags .tagcloud,
.tft-widget--tags>div {
display: flex;
flex-wrap: wrap;
gap: 10px;
} .tagcloud a,
.tft-tag-link {
display: inline-block;
padding: 8px 15px;
border: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.1));
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.75rem !important; text-transform: uppercase;
letter-spacing: 1px;
color: var(--blg-text-main, #1a1a1a);
text-decoration: none;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
background: transparent;
position: relative;
overflow: hidden;
}
.tagcloud a::before,
.tft-tag-link::before {
content: '';
position: absolute;
inset-block: 0;
inset-inline-start: -100%;
width: 100%;
background: var(--blg-text-main, #1a1a1a);
transition: inset-inline-start 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
z-index: 0;
}
.tagcloud a:hover,
.tft-tag-link:hover {
color: var(--blg-bg-color, #f8f5f0) !important;
border-color: transparent;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.tagcloud a:hover::before,
.tft-tag-link:hover::before {
inset-inline-start: 0;
}
.tagcloud a span,
.tft-tag-link span {
position: relative;
z-index: 1;
} .tft-widget--promo,
.tft-promo-card {
position: relative;
height: clamp(250px, 40vw, 350px);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
cursor: pointer;
text-decoration: none;
color: #fff;
}
.tft-promo-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.tft-promo-card img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.6);
transition: transform 0.8s ease;
}
.tft-promo-card:hover img {
transform: scale(1.08);
filter: brightness(0.45);
}
.tft-promo-card__body {
position: relative;
z-index: 2;
padding: 20px;
text-shadow: 0 5px 15px rgba(0, 0, 0, 0.8);
}  .widget ul,
.widget ol {
list-style: none;
padding: 0;
margin: 0;
} .widget_recent_entries ul li {
padding: 12px 0;
border-block-end: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.06));
display: flex;
flex-direction: column;
gap: 5px;
transition: transform 0.3s ease;
}
.widget_recent_entries ul li:last-child {
border-block-end: none;
}
.widget_recent_entries ul li:hover {
transform: translateX(6px);
}
.widget_recent_entries ul li a {
font-family: var(--blg-font-heading, var(--blg-font-heading));
font-size: 0.95rem;
font-weight: 700;
color: var(--blg-text-main, #1a1a1a);
text-decoration: none;
line-height: 1.35;
transition: color 0.3s ease;
}
.widget_recent_entries ul li a:hover {
color: var(--blg-accent-color, #c5a46d);
}
.widget_recent_entries ul li .post-date {
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-text-muted, #888);
} .widget_recent_comments ul li {
padding: 12px 0;
border-block-end: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.06));
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.85rem;
line-height: 1.5;
color: var(--blg-text-muted, #888);
transition: transform 0.3s ease;
}
.widget_recent_comments ul li:last-child {
border-block-end: none;
}
.widget_recent_comments ul li:hover {
transform: translateX(6px);
}
.widget_recent_comments ul li a {
font-family: var(--blg-font-heading, var(--blg-font-heading));
font-size: 0.9rem;
font-weight: 700;
color: var(--blg-text-main, #1a1a1a);
text-decoration: none;
transition: color 0.3s ease;
}
.widget_recent_comments ul li a:hover {
color: var(--blg-accent-color, #c5a46d);
} .widget_categories ul li,
.widget_archive ul li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
border-block-end: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.06));
font-family: 'Courier New', monospace;
font-size: 0.85rem;
background: rgba(0, 0, 0, 0.015);
transition: all 0.3s ease;
}
.widget_categories ul li:last-child,
.widget_archive ul li:last-child {
border-block-end: none;
}
.widget_categories ul li:hover,
.widget_archive ul li:hover {
background: var(--blg-text-main, #1a1a1a);
padding-inline-start: 25px;
}
.widget_categories ul li:hover a,
.widget_archive ul li:hover a {
color: var(--blg-bg-color, #f8f5f0);
}
.widget_categories ul li a,
.widget_archive ul li a {
color: var(--blg-text-main, #1a1a1a);
text-decoration: none;
transition: color 0.3s ease;
font-weight: 500;
}
.widget_categories ul li .children {
display: none;
} .widget_archive ul li {
justify-content: space-between;
}
.widget_archive ul li a::after {
content: attr(data-count);
opacity: 0.4;
font-size: 0.7rem;
margin-inline-start: 10px;
} .widget_nav_menu ul li {
border-block-end: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.06));
}
.widget_nav_menu ul li a {
display: block;
padding: 10px 0;
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-text-main, #1a1a1a);
text-decoration: none;
transition: color 0.3s ease, padding-inline-start 0.3s ease;
}
.widget_nav_menu ul li a:hover {
color: var(--blg-accent-color, #c5a46d);
padding-inline-start: 8px;
} .textwidget {
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.9rem;
line-height: 1.7;
color: var(--blg-text-muted, #888);
}
.textwidget p {
margin-block-end: 1em;
}
.textwidget a {
color: var(--blg-accent-color, #c5a46d);
text-decoration: underline;
text-underline-offset: 3px;
} .widget_calendar table {
width: 100%;
border-collapse: collapse;
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.8rem;
}
.widget_calendar caption {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.7rem;
padding-block-end: 15px;
color: var(--blg-accent-color, #c5a46d);
}
.widget_calendar th {
text-transform: uppercase;
font-size: 0.65rem;
letter-spacing: 1px;
padding: 5px;
opacity: 0.6;
text-align: center;
}
.widget_calendar td {
text-align: center;
padding: 5px;
border: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.06));
}
.widget_calendar td a {
color: var(--blg-accent-color, #c5a46d);
font-weight: 700;
}
#today {
background: var(--blg-accent-color, #c5a46d);
color: #fff;
border-radius: 50%;
} .widget_rss li {
padding: 12px 0;
border-block-end: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.06));
}
.widget_rss li:last-child {
border-block-end: none;
}
.widget_rss li a {
font-family: var(--blg-font-heading, var(--blg-font-heading));
font-size: 0.95rem;
font-weight: 700;
color: var(--blg-text-main, #1a1a1a);
text-decoration: none;
transition: color 0.3s ease;
}
.widget_rss li a:hover {
color: var(--blg-accent-color, #c5a46d);
}
.rss-date,
.rssSummary {
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.75rem;
opacity: 0.6;
} .widget_meta ul li a {
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-text-muted, #888);
text-decoration: none;
transition: color 0.3s ease;
}
.widget_meta ul li a:hover {
color: var(--blg-accent-color, #c5a46d);
} .widget_pages ul li a,
.widget_links ul li a {
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.85rem;
color: var(--blg-text-main, #1a1a1a);
text-decoration: none;
transition: color 0.3s ease;
display: block;
padding: 8px 0;
border-block-end: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.06));
}
.widget_pages ul li a:hover,
.widget_links ul li a:hover {
color: var(--blg-accent-color, #c5a46d);
}  .blg-footer__widgets {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: clamp(60px, 8vw, 100px);
padding-block: clamp(60px, 8vw, 100px);
border-block-end: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.08));
margin-block-end: clamp(40px, 5vw, 60px);
}
@media (max-width: 900px) {
.blg-footer__widgets {
grid-template-columns: 1fr;
gap: 60px;
}
} .blg-footer__col .widget-title,
.blg-footer__col .widgettitle,
.blg-footer__col h2.widget-title,
.blg-footer__col h3.widget-title {
font-family: var(--blg-font-heading, var(--blg-font-heading));
font-size: 0.75rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 5px;
color: var(--blg-accent-color, #c5a46d);
margin-block-end: 40px;
display: flex;
align-items: center;
gap: 15px;
}
.blg-footer__col .widget-title::after,
.blg-footer__col .widgettitle::after {
content: '';
height: 1px;
flex: 1;
background: var(--blg-border-color, rgba(0, 0, 0, 0.08));
opacity: 0.5;
} .tft-footer-widget .tft-popular-list,
.blg-footer__col .widget_recent_entries ul {
list-style: none;
padding: 0;
margin: 0;
}
.tft-popular-item,
.blg-footer__col .widget_recent_entries ul li a {
display: flex;
gap: 25px;
text-decoration: none;
color: inherit;
margin-block-end: 35px;
transition: transform 0.4s ease;
}
.tft-popular-item:hover,
.blg-footer__col .widget_recent_entries ul li:hover a {
transform: translateX(10px);
}
.tft-popular-num {
font-family: var(--blg-font-heading, var(--blg-font-heading));
font-size: 0.8rem;
font-weight: 900;
opacity: 0.2;
flex-shrink: 0;
padding-block-start: 3px;
}
.tft-popular-content h4 {
font-family: var(--blg-font-heading, var(--blg-font-heading));
font-size: 1.1rem;
font-weight: 900;
margin: 0 0 8px;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: -0.5px;
}
.tft-popular-meta {
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 2px;
opacity: 0.4;
} .tft-curated-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.tft-curated-card {
position: relative;
aspect-ratio: 3/4;
overflow: hidden;
background: #000;
text-decoration: none;
display: block;
}
.tft-curated-card img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.8;
transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s ease;
}
.tft-curated-card:hover img {
transform: scale(1.1);
opacity: 0.4;
}
.tft-curated-info {
position: absolute;
inset-block-end: 20px;
inset-inline-start: 20px;
z-index: 2;
}
.tft-curated-info h5 {
color: #fff;
font-size: 0.7rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0;
line-height: 1.3;
} .tft-archive-list {
display: flex;
flex-direction: column;
gap: 10px;
list-style: none;
padding: 0;
margin: 0;
}
.tft-archive-link {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
color: inherit;
font-family: 'Courier New', monospace;
font-size: 0.85rem;
padding: 10px 15px;
background: rgba(0, 0, 0, 0.02);
border-block-end: 1px solid transparent;
transition: all 0.3s ease;
}
.tft-archive-link:hover {
background: var(--blg-text-main, #1a1a1a);
color: var(--blg-bg-color, #f8f5f0);
padding-inline-start: 25px;
}
.tft-archive-count {
opacity: 0.4;
font-size: 0.7rem;
} .tft-lab-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2px;
background: var(--blg-border-color, rgba(0, 0, 0, 0.08));
border: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.08));
}
.tft-lab-item {
aspect-ratio: 1;
overflow: hidden;
background: #000;
}
.tft-lab-item img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%);
opacity: 0.8;
transition: all 0.6s ease;
display: block;
}
.tft-lab-item:hover img {
filter: grayscale(0%);
transform: scale(1.05);
opacity: 1;
} .tft-tactical-news {
background: var(--blg-text-main, #1a1a1a);
color: var(--blg-bg-color, #f8f5f0);
padding: 40px;
height: 100%;
display: flex;
flex-direction: column;
}
.tft-tactical-news h4 {
font-family: var(--blg-font-heading, var(--blg-font-heading));
font-size: clamp(1.8rem, 3vw, 2.5rem);
font-weight: 900;
margin: 0 0 15px;
line-height: 1;
letter-spacing: -1px;
}
.tft-tactical-news p {
font-size: 0.75rem;
opacity: 0.7;
margin-block-end: 25px;
font-family: var(--blg-font-body, 'Inter', sans-serif);
line-height: 1.6;
}
.tft-tactical-form {
display: flex;
flex-direction: column;
gap: 10px;
}
.tft-tactical-input {
width: 100%;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.15);
padding: 15px;
color: #fff;
font-family: 'Courier New', monospace;
font-size: 0.75rem;
outline: none;
transition: border-color 0.3s ease;
}
.tft-tactical-input:focus {
border-color: rgba(255, 255, 255, 0.5);
}
.tft-tactical-input::placeholder {
color: rgba(255, 255, 255, 0.4);
}
.tft-tactical-submit {
width: 100%;
padding: 15px;
background: var(--blg-accent-color, #c5a46d);
color: #000;
border: none;
font-weight: 900;
font-size: 0.7rem;
letter-spacing: 3px;
text-transform: uppercase;
cursor: pointer;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.tft-tactical-submit:hover {
opacity: 0.9;
transform: translateY(-2px);
} .tft-social-matrix {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.tft-matrix-link {
display: block;
padding: 15px;
border: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.08));
text-align: center;
text-decoration: none;
color: inherit;
font-family: var(--blg-font-heading, var(--blg-font-heading));
font-size: 0.65rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.3s ease;
}
.tft-matrix-link:hover {
background: var(--blg-accent-color, #c5a46d);
border-color: var(--blg-accent-color, #c5a46d);
color: #fff;
transform: translateY(-2px);
} .blg-footer .widget_recent_entries ul li a {
font-family: var(--blg-font-heading, var(--blg-font-heading));
font-size: 0.95rem;
font-weight: 700;
color: var(--blg-text-main, #1a1a1a);
text-decoration: none;
}
.blg-footer .widget_recent_entries ul li a:hover {
color: var(--blg-accent-color, #c5a46d);
}
.blg-footer .widget_categories ul li,
.blg-footer .widget_archive ul li {
flex-wrap: nowrap;
font-family: 'Courier New', monospace;
}  .widget_media_image img {
max-width: 100%;
height: auto;
display: block;
} .widget_custom_html .textwidget {
font-family: var(--blg-font-body, 'Inter', sans-serif);
} .widget_akismet_widget a {
color: var(--blg-accent-color, #c5a46d);
text-decoration: none;
} .widget .wp-playlist {
border: 1px solid var(--blg-border-color);
}
.widget .wp-audio-shortcode,
.widget .wp-video-shortcode {
width: 100% !important;
} #loginform input[type=text],
#loginform input[type=password] {
width: 100%;
padding: 10px;
border: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.1));
background: transparent;
font-family: var(--blg-font-body, 'Inter', sans-serif);
font-size: 0.9rem;
margin-block-end: 10px;
outline: none;
transition: border-color 0.3s ease;
}
#loginform input:focus {
border-color: var(--blg-accent-color, #c5a46d);
}
#loginform input[type=submit] {
width: 100%;
padding: 12px;
background: var(--blg-text-main, #1a1a1a);
color: var(--blg-bg-color, #f8f5f0);
border: none;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
cursor: pointer;
} [data-skin="vogue"] .tft-archive-link {
background: rgba(255, 255, 255, 0.02);
}
body.blg-skin-dark .widget-title,
body.blg-skin-dark .tft-widget-title {
color: var(--blg-accent-color, #c5a46d);
}
body.blg-skin-dark .tft-popular-item {
border-block-end-color: rgba(255, 255, 255, 0.05);
} @media (max-width: 768px) {
.blg-footer__widgets {
grid-template-columns: 1fr;
padding: 50px 20px;
}
.tft-social-matrix {
grid-template-columns: 1fr;
}
.tft-curated-grid {
grid-template-columns: 1fr 1fr;
}
.tft-lab-grid {
grid-template-columns: repeat(3, 1fr);
}
.tft-tactical-news {
padding: 30px;
}
}
@media (max-width: 480px) {
.tft-curated-grid {
grid-template-columns: 1fr;
}
.tagcloud a,
.tft-tag-link {
padding: 6px 12px;
}
} .blg-footer {
background: var(--blg-footer-bg, var(--blg-bg-alt));
border-block-start: 1px solid var(--blg-border-color);
padding-block: clamp(40px, 6vw, 80px) clamp(20px, 3vw, 40px);
}
.blg-footer__inner {
max-width: 1400px;
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 60px);
} .blg-footer__widgets {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(30px, 4vw, 60px);
margin-block-end: clamp(40px, 5vw, 60px);
padding-block-end: clamp(40px, 5vw, 60px);
border-block-end: 1px var(--blg-footer-divider, solid) var(--blg-footer-accent, var(--blg-border-color));
padding-top:40px;
}
.blg-footer__bar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.blg-footer__nav-list {
display: flex;
gap: 30px;
list-style: none;
padding: 0;
margin: 0;
}
.blg-footer__nav-list a {
font-family: var(--blg-font-body);
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--blg-footer-text, var(--blg-text-muted));
text-decoration: none;
transition: color 0.3s ease;
}
.blg-footer__nav-list a:hover {
color: var(--blg-footer-accent, var(--blg-accent-color));
}
.blg-footer__copy {
font-family: var(--blg-font-body);
font-size: 0.75rem;
color: var(--blg-footer-text, var(--blg-text-muted));
margin: 0;
}
.blg-footer__copy a {
color: inherit;
}
@media (max-width: 768px) {
.blg-footer__widgets {
grid-template-columns: 1fr !important;
}
.blg-footer__bar {
flex-direction: column;
text-align: center;
}
.blg-footer__nav-list {
flex-wrap: wrap;
justify-content: center;
}
} .blg-feed .blg-footer {
flex-shrink: 0;
width: 100%;
margin-block-start: auto;
}
.blg-feed .blg-footer__inner {
max-width: 100%;
padding-inline: clamp(20px, 5vw, 60px);
}  .blg-tags-wrap .tft-tag-link {
display: inline-flex;
align-items: center;
border: 1px solid var(--blg-border-color, rgba(0, 0, 0, 0.1));
background: transparent;
padding: 10px 20px;
font-size: 0.72rem !important;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
position: relative;
overflow: hidden;
text-decoration: none;
}
.blg-tags-wrap .tft-tag-link span {
position: relative;
z-index: 5; }
.blg-tags-wrap .tft-tag-link:hover {
background: var(--blg-text-main, #1a1a1a);
border-color: var(--blg-text-main, #1a1a1a);
color: var(--blg-bg-color, #f8f5f0) !important;
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.blg-tags-wrap .tft-tag-link::before {
z-index: 1;
}  .tft-comments #respond {
grid-column: 1 / -1 !important; width: 100% !important;
max-width: 100% !important;
margin-block-start: 40px !important;
margin-inline: 0 !important;
padding: clamp(20px, 5vw, 40px) 0 !important;
border-top: 1px solid var(--blg-border-color) !important;
background: transparent !important;
position: relative !important;
display: block !important;
clear: both !important;
} #reply-title {
font-family: var(--blg-font-heading) !important;
font-size: clamp(1.4rem, 4vw, 2.2rem) !important;
font-weight: 950 !important;
letter-spacing: -1px !important;
line-height: 1.1 !important;
margin-block-end: 30px !important;
color: var(--blg-text-main) !important;
text-transform: uppercase;
} .tft-comment #respond {
margin-top: 30px !important;
border-top: 1px dotted var(--blg-border-color) !important;
} .tft-comment-form .tft-comment-form__row {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: clamp(15px, 3vw, 30px) !important;
margin-bottom: 0 !important;
} @media (max-width: 768px) {
.tft-comments #respond {
padding: 30px 0 !important;
}
.tft-comment-form__row {
grid-template-columns: 1fr !important;
}
#reply-title {
font-size: 1.5rem !important;
}
} #blg-feed,
.blg-feed {
overflow-anchor: none !important; scroll-behavior: auto !important; }.blg-feed-container, .blg-feed-container {
padding-top: clamp(20px, 3vw, 20px) !important;
padding-bottom: clamp(20px, 3vw, 40px) !important;
} .blg-feed .blg-section-header, 
.blg-feed .blg-featured-header,
.blg-feed-section .blg-section-header {
margin-top: clamp(25px, 4vw, 45px) !important;
margin-bottom: clamp(15px, 3vw, 25px) !important;
} .blg-feed .elementor-top-section, 
.blg-feed .elementor-section,
.blg-feed-section {
margin-top: clamp(25px, 4vw, 40px) !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
} section.blg-feed-section[style*="margin-top: 100px"] {
margin-top: clamp(25px, 4vw, 45px) !important;
} .blg-feed .elementor-section:first-child .blg-section-header,
.blg-feed-section:first-child .blg-section-header,
.blg-feed-section:first-child {
margin-top: 0 !important;
} .blg-feed .elementor-widget-wrap > .elementor-widget:not(:last-child) {
margin-bottom: clamp(15px, 3vw, 25px) !important;
}  .blg-post-grid-condensed {
display: grid;
grid-template-columns: repeat(var(--blg-grid-cols, 2), 1fr);
gap: 40px;
} .blg-editorial-row {
display: flex;
gap: 60px;
align-items: center;
padding-block: 60px;
}
.blg-editorial-row--img-right {
flex-direction: row-reverse;
} @media (max-width: 768px) {
.blg-post-grid-condensed {
grid-template-columns: 1fr;
gap: 20px;
}
.blg-editorial-row,
.blg-editorial-row--img-right {
flex-direction: column;
gap: 30px;
padding-block: 30px;
}
.blg-editorial-row__img img {
height: 300px !important;
}
} .blg-bottom-bar { 
display: flex;
flex-wrap: wrap;
gap: 0;
background: var(--blg-bg-color);
border: 1px solid var(--blg-border-color); 
overflow: hidden; 
border-radius: 4px; 
box-shadow: 0 10px 30px rgba(0,0,0,0.02); 
}
.blg-bottom-bar__item {
flex: 1;
background: var(--blg-bg-color);
min-width: 240px;
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
border-inline-end: 1px solid var(--blg-border-color);
position: relative;
overflow: hidden;
}
.blg-bottom-bar__item:last-child { border-inline-end: none; }
.blg-bottom-bar__link {
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
justify-content: center;
padding-block: clamp(30px, 5vw, 50px);
padding-inline: 40px;
height: 100%;
}
.blg-bottom-bar__item:hover { background: var(--blg-text-main) !important; color: var(--blg-bg-color) !important; }
.blg-bottom-bar__item:hover .blg-bb-hover-arrow { opacity: 1 !important; transform: translateInline(0) !important; }
.blg-bottom-bar__item:hover span { color: var(--blg-bg-color) !important; opacity: 0.6; }
.blg-bottom-bar__item:hover h4 { color: var(--blg-bg-color) !important; } @media (max-width: 768px) {
.blg-bottom-bar {
flex-direction: column;
}
.blg-bottom-bar__item {
border-inline-end: none;
border-bottom: 1px solid var(--blg-border-color);
}
.blg-bottom-bar__item:last-child {
border-bottom: none;
}
.blg-bottom-bar__link {
padding-block: 25px;
padding-inline: 20px;
}
}  .elementor-widget-blg-magazine-4col-mosaic .blg-mc-card > div[style*="position:absolute"],
.blg-mc-card > div[style*="position:absolute"] {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
z-index: 100 !important;
}
.elementor-widget-blg-magazine-4col-mosaic .blg-mc-card h3,
.elementor-widget-blg-magazine-4col-mosaic .blg-mc-card span {
color: #ffffff !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
font-weight: 900 !important;
text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
} .elementor-widget-blg-horizontal-gallery .blg-hg-caption,
.blg-hg-caption {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
z-index: 100 !important;
background: rgba(0,0,0,0.3) !important;
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px) !important;
}
.elementor-widget-blg-horizontal-gallery .blg-hg-card h4,
.elementor-widget-blg-horizontal-gallery .blg-hg-card span {
color: #ffffff !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
font-weight: 900 !important;
}  .blg-mc-card > div[style*="position:absolute"],
.blg-hg-caption,
.blg-hg-card .blg-hg-caption {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
pointer-events: none !important; z-index: 9 !important; } .blg-mc-card a[style*="position:absolute"],
.blg-hg-card a[style*="position:absolute"] {
z-index: 10 !important;
pointer-events: auto !important;
display: block !important;
} .blg-mc-card h3,
.blg-mc-card span,
.blg-hg-card h4,
.blg-hg-card span {
color: #ffffff !important;
opacity: 1 !important;
visibility: visible !important;
display: block !important;
}  .blg-mc-card,
.blg-hg-card {
transition: box-shadow 0.5s cubic-bezier(0.19,1,0.22,1),
transform 0.5s cubic-bezier(0.19,1,0.22,1);
} .blg-mc-img,
.blg-hg-img {
transition: transform 0.9s cubic-bezier(0.19,1,0.22,1),
filter 0.9s ease !important;
will-change: transform;
}
.blg-mc-card:hover .blg-mc-img,
.blg-hg-card:hover .blg-hg-img {
transform: scale(1.08) !important;
filter: brightness(0.85) !important;
} .blg-mc-card > div[style*="inset-block:0"],
.blg-hg-card > div[style*="inset-block:0"] {
transition: opacity 0.5s ease;
}
.blg-mc-card:hover > div[style*="inset-block:0"],
.blg-hg-card:hover > div[style*="inset-block:0"] {
opacity: 1.3; } .blg-hg-caption {
transform: translateY(6px);
transition: transform 0.5s cubic-bezier(0.19,1,0.22,1),
background 0.4s ease,
box-shadow 0.4s ease !important;
}
.blg-hg-card:hover .blg-hg-caption {
transform: translateY(0) !important;
background: rgba(0, 0, 0, 0.45) !important;
box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
} .blg-mc-card > div[style*="inset-block-end"] {
transition: transform 0.5s cubic-bezier(0.19,1,0.22,1),
opacity 0.4s ease;
transform: translateY(8px);
opacity: 0.85;
}
.blg-mc-card:hover > div[style*="inset-block-end"] {
transform: translateY(0) !important;
opacity: 1 !important;
} .blg-mc-card:hover {
box-shadow: 0 40px 80px rgba(0,0,0,0.28) !important;
transform: translateY(-3px);
}
.blg-hg-card:hover {
box-shadow: 0 30px 60px rgba(0,0,0,0.22) !important;
transform: translateY(-3px);
} .blg-mc-card:hover span,
.blg-hg-card:hover .blg-hg-caption span {
opacity: 1 !important;
letter-spacing: 5px !important;
transition: letter-spacing 0.4s ease, opacity 0.3s ease;
} .blg-mc-card h3,
.blg-hg-card h4 {
background-image: linear-gradient(var(--blg-accent-color), var(--blg-accent-color));
background-size: 0% 2px;
background-repeat: no-repeat;
background-position: 0 100%;
transition: background-size 0.4s cubic-bezier(0.19,1,0.22,1);
padding-block-end: 3px;
}
.blg-mc-card:hover h3,
.blg-hg-card:hover h4 {
background-size: 60% 2px;
}