html, body { margin: 0; padding: 0; background: #0A0B0A; overflow-x: hidden; }
html { -webkit-text-size-adjust: 100%; }
[data-header] { background-color: rgba(38,42,38,0) !important; backdrop-filter: blur(0px) saturate(100%) !important; -webkit-backdrop-filter: blur(0px) saturate(100%) !important; border-color: rgba(120,128,120,0) !important; box-shadow: inset 0 1px 0 rgba(230,233,230,0) !important; transition: background-color 240ms cubic-bezier(.16,1,.3,1), backdrop-filter 240ms cubic-bezier(.16,1,.3,1), -webkit-backdrop-filter 240ms cubic-bezier(.16,1,.3,1), border-color 240ms cubic-bezier(.16,1,.3,1), box-shadow 240ms cubic-bezier(.16,1,.3,1); }
html[data-scrolled="1"] [data-header] { background-color: rgba(38,42,38,0.55) !important; backdrop-filter: blur(14px) saturate(140%) !important; -webkit-backdrop-filter: blur(14px) saturate(140%) !important; border-color: rgba(120,128,120,0.4) !important; box-shadow: inset 0 1px 0 rgba(230,233,230,0.1) !important; }
body { font-family: Archivo, "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: #6E8B4A; text-decoration-color: #2C3A1E; text-underline-offset: 3px; }
a:hover { color: #8AA867; }
::selection { background: #6E8B4A; color: #0A0B0A; }
@media (max-width: 760px) {
[data-mobile-center] { margin-left: auto !important; margin-right: auto !important; }
[data-mobile-center] { text-align: center !important; align-items: center !important; justify-content: center !important; }
[data-mobile-center] p, [data-mobile-center] h1, [data-mobile-center] h2, [data-mobile-center] h3 { margin-left: auto !important; margin-right: auto !important; }
[data-pillars] { grid-template-columns: repeat(3, 1fr) !important; gap: 10px !important; }
[data-hero-title] { white-space: normal !important; }
[data-branch-wide] { display: none !important; }
[data-branch-tall] { display: block !important; }
[data-footer-grid] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 32px 20px !important; }
[data-footer-col] { align-items: center !important; text-align: center !important; }
[data-footer-col] img { align-self: center !important; }
[data-footer-grid] > [data-footer-col]:first-child { order: 1; }
[data-footer-grid] > [data-footer-col]:nth-child(2) { order: 2; }
[data-footer-grid] > [data-footer-col]:nth-child(3) { order: 3; }
[data-footer-grid] > [data-footer-col]:last-child { order: 4; }
[data-footer-bottom] { flex-direction: column !important; justify-content: center !important; text-align: center !important; gap: 12px !important; }
}
[data-branch-tall] { display: none; }
[data-burger] { display: none; }
[data-drawer] { position: fixed; inset: 0 0 0 auto; width: min(320px, 82vw); z-index: 60; transform: translateX(102%); transition: transform 280ms cubic-bezier(.16,1,.3,1); background: rgba(14,16,14,0.96); backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%); border-left: 1px solid rgba(120,128,120,0.4); display: flex; flex-direction: column; gap: 4px; padding: 88px 20px 24px; }
[data-scrim] { position: fixed; inset: 0; z-index: 55; background: rgba(6,7,6,0.72); opacity: 0; pointer-events: none; transition: opacity 240ms cubic-bezier(.16,1,.3,1); }
#dg-menu { position: absolute; opacity: 0; pointer-events: none; }
#dg-menu:checked ~ [data-drawer] { transform: none; }
#dg-menu:checked ~ [data-scrim] { opacity: 1; pointer-events: auto; }
@media (max-width: 860px) {
[data-navlinks] { display: none !important; }
[data-burger] { display: flex !important; }
}
@media (min-width: 861px) {
[data-drawer], [data-scrim] { display: none !important; }
}
@media (max-width: 860px) {
[data-burger] { order: 1; display: flex !important; flex: 1 1 0; min-width: 0; }
[data-navlogo] { order: 2; flex: 0 0 auto !important; justify-content: center !important; }
[data-navlang] { order: 3; flex: 1 1 0 !important; }
}
[data-lab-rail] { display: flex; align-items: stretch; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
[data-lab-rail]::-webkit-scrollbar { display: none; }
[data-lab-rail] > div { flex: 0 0 clamp(248px, calc((100vw - 76px) / 1.35), 400px); scroll-snap-align: start; }
@media (min-width: 1160px) {
[data-lab-rail] { display: grid; grid-template-columns: repeat(3, 1fr); overflow: visible; }
[data-lab-rail] > div { flex: none; }
[data-lab-nav] { display: none; }
}
@keyframes dgFade { from { opacity: 0 } to { opacity: 1 } }
@keyframes dgRise { from { opacity: 0; transform: translateY(20px) } to { opacity: 1; transform: none } }
@keyframes dgScan { 0% { transform: translateY(-100%) } 100% { transform: translateY(900%) } }
@keyframes dgSpin { to { transform: rotate(360deg) } }
@keyframes dgSpinRev { to { transform: rotate(-360deg) } }
@keyframes dgHalo { 0%, 100% { opacity: 0.3 } 50% { opacity: 0.65 } }
@keyframes dgMeridian { 0% { rx: 94px } 25% { rx: 0px } 50% { rx: 94px } 75% { rx: 0px } 100% { rx: 94px } }
[data-country] { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 36px; padding: 6px 8px; margin: 0 -8px; background: transparent; border: 0; border-radius: 2px; color: #B4BBB4; font-family: Archivo, sans-serif; text-align: left; cursor: pointer; transition: background 140ms cubic-bezier(.16,1,.3,1), color 140ms cubic-bezier(.16,1,.3,1); }
[data-country]:hover { background: rgba(110,139,74,0.14); color: #F2F5EE }
@keyframes dgFill { 0% { height: 8% } 55% { height: 76% } 100% { height: 8% } }
@keyframes dgDropTick { 0%, 100% { opacity: 0.25 } 50% { opacity: 1 } }
@keyframes dgAir { 0% { transform: translateY(18px); opacity: 0 } 20% { opacity: 1 } 100% { transform: translateY(-82px); opacity: 0 } }
@keyframes dgRing { 0% { stroke-dashoffset: 226 } 70% { stroke-dashoffset: 34 } 100% { stroke-dashoffset: 226 } }
@keyframes dgFlow { 0% { stroke-dashoffset: 420 } 100% { stroke-dashoffset: 0 } }
@keyframes dgDash { to { stroke-dashoffset: -220 } }
@keyframes dgPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(110,139,74,0.55) } 50% { box-shadow: 0 0 0 10px rgba(110,139,74,0) } }
@keyframes dgDropStop { 0% { transform: translateY(-54px) scaleY(1); opacity: 0 } 14% { opacity: 1 } 52% { transform: translateY(0) scaleY(1); opacity: 1 } 66% { transform: translateY(1px) scale(1.5, 0.5); opacity: 0.9 } 100% { transform: translateY(1px) scale(1.9, 0.35); opacity: 0 } }
@keyframes dgDropThrough { 0% { transform: translateY(-54px); opacity: 0 } 14% { opacity: 1 } 60% { opacity: 1 } 100% { transform: translateY(56px); opacity: 0 } }
@keyframes dgAirPass { 0% { transform: translateY(50px); opacity: 0 } 18% { opacity: 1 } 78% { opacity: 1 } 100% { transform: translateY(-52px); opacity: 0 } }
@keyframes dgAirBlock { 0% { transform: translateY(50px) translateX(0); opacity: 0 } 20% { opacity: 1 } 62% { transform: translateY(2px) translateX(0); opacity: 1 } 100% { transform: translateY(6px) translateX(14px); opacity: 0 } }
@keyframes dgCycle3 { 0% { opacity: 0; transform: scale(0.94) } 5% { opacity: 1; transform: none } 28% { opacity: 1; transform: none } 34% { opacity: 0; transform: scale(1.04) } 100% { opacity: 0; transform: scale(0.94) } }
@keyframes dgWeave { 0%, 100% { opacity: 0.75 } 50% { opacity: 1 } }
[data-node] { animation: dgHalo 3.4s ease-in-out infinite; }
[data-pillar]:nth-child(2) [data-node] { animation-delay: -1.1s }
[data-pillar]:nth-child(3) [data-node] { animation-delay: -2.2s }
[data-meridian] { animation: dgMeridian 16s linear infinite; }
[data-meridian="1"] { animation-delay: 0s }
[data-meridian="2"] { animation-delay: -3s }
[data-meridian="3"] { animation-delay: -6s }
[data-meridian="4"] { animation-delay: -9s }
[data-meridian="5"] { animation-delay: -12s }
[data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity 700ms cubic-bezier(.16,1,.3,1), transform 700ms cubic-bezier(.16,1,.3,1); }
[data-reveal][data-in="1"] { opacity: 1; transform: none; }
[data-card] { position: relative; overflow: hidden; }
[data-card] [data-sheen] { position: absolute; left: 0; right: 0; top: 0; height: 12%; background: linear-gradient(180deg, rgba(168,194,133,0) 0%, rgba(168,194,133,0.14) 50%, rgba(168,194,133,0) 100%); opacity: 0; pointer-events: none; }
[data-card]:hover [data-sheen] { opacity: 1; animation: dgScan 2600ms linear infinite; }
[data-lang-btn] { cursor: pointer; background: transparent; border: 0; border-radius: 2px; height: 44px; min-width: 40px; padding: 0 8px; color: #8A928A; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.04em; transition: background 120ms cubic-bezier(.16,1,.3,1), color 120ms cubic-bezier(.16,1,.3,1); }
[data-lang-btn]:hover { color: #E6E9E6; background: rgba(110,139,74,0.12) }
[data-lang-btn][data-active="1"] { color: #A8C285; background: rgba(110,139,74,0.18) }
[data-year] { cursor: pointer; background: transparent; border: 0; border-bottom: 1px solid #2A2E2A; border-radius: 0; padding: 16px 4px; text-align: left; color: #8A928A; font-family: Archivo, sans-serif; transition: color 160ms cubic-bezier(.16,1,.3,1), border-color 160ms cubic-bezier(.16,1,.3,1); }
[data-year]:hover { color: #E6E9E6; border-color: #4A5240 }
[data-year][data-active="1"] { color: #F2F5EE; border-color: #6E8B4A }
[data-iso] { cursor: pointer; text-align: left; background: rgba(16,18,16,0.62); border: 1px solid #2A2E2A; border-radius: 2px; padding: 24px; color: #B4BBB4; font-family: Archivo, sans-serif; transition: border-color 200ms cubic-bezier(.16,1,.3,1), background 200ms cubic-bezier(.16,1,.3,1); }
[data-iso]:hover { border-color: #6E8B4A; background: rgba(16,18,16,0.85) }
[data-iso][data-open="1"] { border-color: #6E8B4A }
@media (max-width: 1024px), (hover: none) { [style*="background-attachment"], [style*="backgroundAttachment"] { background-attachment: scroll !important } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition-duration: 1ms !important } [data-reveal] { opacity: 1 !important; transform: none !important } }