/* ═══════════════════════════════════════
           DESIGN TOKENS
           ═══════════════════════════════════════ */
:root {
    --bg: #050714;
    --bg-deep: #020308;
    --bg-card: #080b21;
    --bg-header: rgba(5, 7, 20, 0.9);
    --border: rgba(255, 255, 255, 0.05);
    --border-f: #1e1e1e;
    --t1: #e8e8e8;
    --tw: #ffffff;
    --td: rgba(255, 255, 255, 0.6);
    --td-inactive: rgba(255, 255, 255, 0.5);
    --tm: #777;
    --acc: #0472FF;
    --acc-hover: #0560d4;
    --acc-glow: rgba(4, 114, 255, 0.2);
    --fd: 'Chakra Petch', sans-serif;
    --fb: 'Inter', sans-serif;
    --hh: 72px;
    --sw: 260px;
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* RESET */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body { background: var(--bg); color: var(--tw); font-family: var(--fb); font-size: 17.6px; line-height: 1.6; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

body::before { content: ''; position: fixed; inset: 0; z-index: 9999; pointer-events: none; opacity: .018; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 200px; }



/* ANIMATIONS */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-d1 { transition-delay: .1s; }
.reveal-d2 { transition-delay: .2s; }
.reveal-d3 { transition-delay: .3s; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes scrollPulse { 0% { left: -100%; } 50% { left: 100%; } 100% { left: 100%; } }

/* HEADER */
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; height: var(--hh); display: flex; align-items: center; padding: 0 48px; transition: background .4s, backdrop-filter .4s; }
.header.scrolled { background: var(--bg-header); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid var(--border); }

.header__logo { position: relative; width: 164px; height: 40px; flex-shrink: 0; margin-right: auto; display: block; }
.header__logo-lottie { width: 164px; height: 40px; }

.footer__logo-wrap { position: relative; width: 164px; height: 40px; display: block; cursor: pointer; }

.header__nav { display: flex; align-items: center; gap: 36px; }
.header__nav-link { font-size: 15.4px; font-weight: 500; color: var(--td); padding: 24px 0; position: relative; transition: color 0.15s; }
.header__nav-link::after { content: ''; position: absolute; bottom: 18px; left: 0; width: 0; height: 1px; background: var(--tw); transition: width 0.15s var(--ease); }
.header__nav-link:hover { color: var(--tw); }
.header__nav-link:hover::after { width: 100%; }
.header__nav-link.active { color: var(--tw); }
.header__nav-link.active::after { width: 100%; }
.header__nav-link.disabled { opacity: 0.5; pointer-events: none; }
.header__nav-link.disabled::after { display: none; }

.header__cta { margin-left: 36px; padding: 7px 24px; background: var(--acc); color: var(--tw); font-size: 14.3px; font-weight: 600; transition: background .3s, box-shadow .3s, transform .2s; }
.header__cta:hover { background: var(--acc-hover); box-shadow: 0 0 32px var(--acc-glow); transform: scale(1.02); }


/* HERO GRADIENT SHADOW OVERLAYS */
.hero__shadow {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
            linear-gradient(90deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0) 52%),
            linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 17%);
    z-index: 0;
}

/* HERO */
.hero { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding: 0 48px; position: relative; overflow: hidden; z-index: 200; }
.hero__bg { position: absolute; inset: 0; z-index: 0; }
.hero__bg-layer { position: absolute; inset: 0; background-size: cover; background-position: center; transition: opacity 0.6s ease; }
/*#hero-bg-dark  { background-image: url('<?php echo get_template_directory_uri() . '/'; ?>hero-nightlight-2.jpg'); opacity: 1; }*/
/*#hero-bg-light { background-image: url('<?php echo get_template_directory_uri() . '/'; ?>hero-daylight-2.jpg'); opacity: 0; }*/
html[data-theme="light"] #hero-bg-dark  { opacity: 0; }
html[data-theme="light"] #hero-bg-light { opacity: 1; }
.hero__inner { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 28px; }
.hero__headline { font-family: var(--fd); font-size: clamp(57.2px, 8.25vw, 105.6px); font-weight: 700; line-height: 1.02; letter-spacing: -2.88px; color: var(--t1); }
.hero__headline-dim { color: var(--tw); }
.hero__sub { font-size: 22px; color: var(--tw); line-height: 32px; max-width: 580px; }
.hero__ctas { display: flex; gap: 16px; margin-top: 20px; }

.btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; font-size: 15.4px; font-weight: 600; transition: all .15s var(--ease); }
.btn--ghost { border: 1px solid var(--tw); color: var(--tw); }
.btn--ghost:hover { background: rgba(255,255,255,.08); }
.btn--accent { background: var(--acc); color: var(--tw); }
.btn--accent:hover { background: var(--acc-hover); box-shadow: 0 0 40px var(--acc-glow); }
.btn__arrow { transition: transform .3s var(--ease); }
.btn:hover .btn__arrow { transform: translateX(3px); }

.hero__scroll { position: absolute; bottom: 40px; left: 48px; display: flex; align-items: center; gap: 12px; font-size: 12.1px; letter-spacing: .1em; color: var(--td-inactive); text-transform: uppercase; opacity: 0; animation: fadeUp .8s var(--ease) 1.2s forwards; z-index: 1; }
.hero__scroll-line { width: 40px; height: 1px; background: var(--td-inactive); position: relative; overflow: hidden; }
.hero__scroll-line::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: var(--acc); animation: scrollPulse 2s ease-in-out infinite; }

/* FIXED SIDEBAR */
.sidebar-fixed { position: fixed; top: calc(var(--hh) + 40px); left: 48px; width: var(--sw); z-index: 100; opacity: 0; transform: translateY(32px); transition: opacity 0.4s ease-out, transform 0.4s ease-out; pointer-events: none; }
.sidebar-fixed.visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
.sidebar-fixed__title { font-family: var(--fd); font-size: 30.8px; font-weight: 700; color: var(--t1); letter-spacing: -0.28px; margin-bottom: 28px; }
.sidebar-fixed__nav { display: flex; flex-direction: column; gap: 2px; }
.sidebar-fixed__link { font-size: 15.4px; color: var(--td-inactive); padding: 7px 0; display: flex; align-items: center; gap: 8px; transition: color 0.3s var(--ease); position: relative; }
.sidebar-fixed__link:hover { color: rgba(255,255,255,.75); }
.sidebar-fixed__link.active { color: var(--t1); }
.sidebar-fixed__link::before {
    content: '/';
    font-family: var(--fd);
    font-weight: 700;
    font-size: 26.4px;
    line-height: 1;
    background: linear-gradient(180deg, #CDF8FF 1.6%, #1B72E9 101%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    flex-shrink: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-out;
}
.sidebar-fixed__link.active::before {
    opacity: 1;
    transition: opacity 0.35s ease-in 0.08s;
}

/* CONTENT SECTIONS */
.page-section { padding: 120px 48px 120px calc(var(--sw) + 48px + 80px); background: var(--bg); }
.page-section + .page-section { padding-top: 0; }

.content__breadcrumb { font-size: 12.1px; font-weight: 500; color: var(--td-inactive); letter-spacing: .44px; margin-bottom: 16px; }
.content__visual { background: linear-gradient(180deg, #cdf8ff 1.6%, #1b72e9 101%); height: 420px; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; margin-bottom: 40px; border-left: 1px solid var(--border); border-right: 1px solid var(--border); }
.content__visual-slash { font-family: var(--fd); font-size: 440px; color: white; font-weight: 700; line-height: 1; opacity: .3; }
.content__text { font-size: 18.7px; line-height: 30px; color: var(--tw); max-width: 780px; }
.content__text p + p { margin-top: 20px; }
.content__text a { color: var(--tw); text-decoration: underline; }
.content__text ol, .content__text ul { margin-top: 12px; margin-bottom: 12px; padding-left: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }.content__text ol + ol, .content__text ul + ul, .content__text ol + ul, .content__text ul + ol { margin-top: 0; }.content__text ol:has(+ ol), .content__text ul:has(+ ul), .content__text ol:has(+ ul), .content__text ul:has(+ ol) { margin-bottom: 0; }
.content__text li { line-height: 28px; padding-left: 28px; position: relative; color: rgba(255,255,255,0.85); }
.content__text ol { counter-reset: list-counter; border-left: 2px solid rgba(4,114,255,0.2); padding-left: 0; }
.content__text ol li { counter-increment: list-counter; padding-left: 44px; }
.content__text ol li::before { content: counter(list-counter); position: absolute; left: 12px; top: 0; font-family: var(--fd); font-weight: 700; font-size: 14.3px; color: var(--acc); width: 20px; text-align: left; }
.content__text ul li::before { content: ''; position: absolute; left: 8px; top: 11px; width: 6px; height: 6px; background: var(--acc); opacity: 0.6; }
.content__link { color: var(--acc); font-weight: 600; text-decoration: none; }
.content__link:hover { text-decoration: underline; }

/* Readability: first paragraph lead-in */
.content__text--lead > p:first-child {
    font-size: 20.9px;
    line-height: 32px;
    color: #fff;
    font-weight: 400;
}

/* Readability: pull quote */
.content__pullquote {
    margin: 40px 0;
    padding: 24px 0 24px 24px;
    border-left: 3px solid;
    border-image: linear-gradient(180deg, #CDF8FF 0%, #1B72E9 100%) 1;
    font-family: var(--fd);
    font-size: 24.2px;
    font-weight: 400;
    line-height: 1.45;
    color: var(--t1);
    max-width: 680px;
}

/* Readability: inline accent numbers/keywords */
.content__text .accent-num {
    font-family: var(--fd);
    font-weight: 700;
    color: var(--acc);
}

/* Readability: section divider between company blocks */
.content__divider {
    width: 100%;
    height: 1px;
    margin: 64px 0;
    background: linear-gradient(90deg, rgba(205,248,255,0.15) 0%, rgba(27,114,233,0.15) 50%, transparent 100%);
    max-width: 400px;
}

/* Readability: subtle paragraph spacing boost for long sections */
.content__text--spacious p + p {
    margin-top: 24px;
}

/* Section headings */
.content__heading {
    font-family: var(--fd);
    font-weight: 700;
    color: var(--t1);
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin-bottom: 24px;
}
.content__heading--section {
    font-size: 44px;
    margin-bottom: 32px;
}
.content__heading--sub {
    font-size: 30.8px;
    margin-bottom: 20px;
}



.company-banner { background: linear-gradient(180deg, #CDF8FF 1.6%, #1B72E9 101%); border: none; display: flex; align-items: center; justify-content: center; padding: 80px 40px; margin-bottom: 24px; }
.company-banner img { object-fit: contain; }
.denmark-photo { height: 400px; border: 1px solid var(--border); overflow: hidden; margin-bottom: 20px; }
.denmark-photo img { width: 100%; height: 100%; object-fit: cover; }

/* Team */
.team-grid { display: flex; flex-direction: column; gap: 0; }
.team-member { display: flex; gap: 32px; align-items: center; padding: 32px 0; border-bottom: 1px solid var(--border); }
.team-member:last-child { border-bottom: none; }
.team-member__photo { width: 160px; height: 200px; background: var(--bg-card); border: 1px solid var(--border); flex-shrink: 0; display: flex; align-items: center; overflow: hidden; justify-content: center; overflow: hidden; }
.team-member__photo span { font-size: 11px; color: var(--td-inactive); font-family: var(--fb); }
.team-member__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.team-member__info { flex: 1; }
.team-member__name { font-family: var(--fd); font-size: 22px; font-weight: 600; color: var(--t1); margin-bottom: 4px; }
.team-member__name a { color: var(--acc); font-size: 13.2px; font-weight: 500; font-family: var(--fb); margin-left: 8px; }
.team-member__role { font-size: 12.1px; font-weight: 500; color: var(--td-inactive); letter-spacing: .6px; margin-bottom: 14px; }
.team-member__bio { font-size: 15.4px; line-height: 23px; color: var(--td); }

/* Contact form */
.contact-form { margin-top: 32px; display: flex; flex-direction: column; gap: 16px; max-width: 480px; }
.contact-form input, .contact-form textarea { background: var(--bg-card); border: 1px solid var(--border); color: var(--tw); font-family: var(--fb); font-size: 15.4px; padding: 12px 16px; outline: none; transition: border-color .3s; }
.contact-form input:focus, .contact-form textarea:focus { border-color: var(--acc); }
.contact-form textarea { min-height: 100px; resize: vertical; }
.contact-form button { align-self: flex-start; }

/* FOOTER */
.footer { background: var(--bg-deep); border-top: 1px solid var(--border-f); padding: 80px 48px 48px; }
.footer__top { display: grid; grid-template-columns: 220px repeat(5, 1fr); gap: 40px; margin-bottom: 64px; }
.footer__brand { display: flex; flex-direction: column; gap: 16px; }
.footer__brand-desc { font-size: 14.3px; color: var(--td-inactive); line-height: 20px; }
.footer__col-title { font-family: var(--fd); font-size: 15.4px; font-weight: 600; color: var(--t1); margin-bottom: 16px; }
.footer__col-links { display: flex; flex-direction: column; gap: 8px; }
.footer__col-link { font-size: 14.3px; color: var(--td-inactive); transition: color .1s; }
.footer__col-link:hover { color: var(--tw); }
.footer__separator { height: 1px; background: var(--border); margin: 8px 0; }
.footer__bottom { display: flex; align-items: center; justify-content: space-between; padding-top: 32px; border-top: 1px solid var(--border-f); }
.footer__legal { display: flex; gap: 24px; }
.footer__legal-link { font-size: 13.2px; color: var(--tm); transition: color .2s; }
.footer__legal-link:hover { color: var(--td); }
.footer__social { display: flex; gap: 20px; }
.footer__social-link { font-size: 13.2px; font-weight: 500; color: var(--tm); letter-spacing: .72px; transition: color .2s; }
.footer__social-link:hover { color: var(--tw); }

/* RESPONSIVE */
@media (max-width: 1024px) {
    .header { padding: 0 28px; }
    .hero { padding: 0 28px; }
    .sidebar-fixed { left: 28px; }
    .page-section { padding: 80px 28px 80px calc(var(--sw) + 28px + 48px); }
    .footer__top { grid-template-columns: repeat(3, 1fr); }
    .footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 768px) {
    :root { --hh: 60px; }
    .header__nav, .header__cta { display: none; }
    .sidebar-fixed { display: none; }
    .page-section { padding: 60px 20px; }
    .team-member { flex-direction: column; }
    .team-member__photo { width: 120px; height: 150px; }
    .footer__top { grid-template-columns: 1fr 1fr; }
}

/* ═══════════════════════════════════════
   LIGHT THEME  (data-theme="light")
   Brand palette: bg #F3F3F3 · text #282828 · accent #0040B8
   All body text ≥ 7 : 1 on #F3F3F3 (WCAG AAA)
   Header & footer keep dark in both themes
   ═══════════════════════════════════════ */
html[data-theme="light"] {
    --bg:          #F3F3F3;
    --bg-deep:     #FFFFFF;
    --bg-card:     #FFFFFF;
    --bg-header:   rgba(243, 243, 243, 0.92);
    --border:      rgba(0, 0, 0, 0.1);
    --border-f:    #D8D8D8;
    --t1:          #282828;          /* 13.3 : 1  AAA */
    --tw:          #1A1A1A;          /* 14.5 : 1  AAA */
    --td:          #404040;          /*  9.4 : 1  AAA */
    --td-inactive: #4A4A4A;          /*  8.0 : 1  AAA */
    --tm:          #767676;          /* footer only — dark-scope override applies */
    --acc:         #0040B8;          /*  7.8 : 1 text; 8.6 : 1 white-on-btn  AAA */
    --acc-hover:   #002E8A;
    --acc-glow:    rgba(0, 64, 184, 0.15);
}
html[data-theme="light"] body { background: var(--bg); color: var(--tw); }

/* Accent buttons always carry white text (--tw turns dark in light mode) */
html[data-theme="light"] .btn--accent { color: #ffffff; }
html[data-theme="light"] .btn--ghost:hover { background: rgba(0, 0, 0, .05); }
html[data-theme="light"] .hero .btn--ghost:hover { background: rgba(255, 255, 255, .08); }

/* ── Header: dark over hero; white/inverted only when scrolled ── */
/* Non-scrolled (over hero): keep original dark appearance */
html[data-theme="light"] .header:not(.scrolled) {
    --t1:          #e8e8e8;
    --tw:          #ffffff;
    --td:          rgba(255, 255, 255, 0.65);
    --td-inactive: rgba(255, 255, 255, 0.45);
    --border:      rgba(255, 255, 255, 0.1);
    --acc:         #0472FF;
    --acc-hover:   #0560d4;
    --acc-glow:    rgba(4, 114, 255, 0.2);
}
/* Scrolled past hero: white header, inherits page-level light tokens */
html[data-theme="light"] .header.scrolled {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom-color: rgba(0, 0, 0, 0.07);
}
/* CTA button: always white text on blue */
html[data-theme="light"] .header__cta { color: #ffffff; }
/* Logo colors handled by lightLogoAnimData JS variable — no CSS filter needed */
/* Toggle: close gap to Demo */
.theme-toggle + .header__cta { margin-left: 8px; }

/* ── Hero headline: pure white in light mode ── */
html[data-theme="light"] .hero .hero__headline { color: #ffffff; }

/* ── Hero: always on dark image — preserve white text ── */
html[data-theme="light"] .hero {
    --t1:          #e8e8e8;
    --tw:          #ffffff;
    --td:          rgba(255, 255, 255, 0.6);
    --td-inactive: rgba(255, 255, 255, 0.45);
    --border:      rgba(255, 255, 255, 0.1);
    --acc:         #0472FF;
    --acc-hover:   #0560d4;
    --acc-glow:    rgba(4, 114, 255, 0.2);
}

/* ── Footer: dark in both themes — Lottie logo + nav colours ── */
html[data-theme="light"] .footer {
    --bg-deep:     #020308;
    --bg-card:     #080b21;
    --border:      rgba(255, 255, 255, 0.05);
    --border-f:    #1e1e1e;
    --t1:          #e8e8e8;
    --tw:          #ffffff;
    --td:          rgba(255, 255, 255, 0.6);
    --td-inactive: rgba(255, 255, 255, 0.45);
    --tm:          #777777;
    background:    #020308;
    border-top-color: #1e1e1e;
}

/* Film grain softer on light */
html[data-theme="light"] body::before { opacity: .01; }

/* Sidebar active "/" glyph — dark blue gradient visible on light bg */
html[data-theme="light"] .sidebar-fixed__link:hover { color: var(--td); }
html[data-theme="light"] .sidebar-fixed__link.active::before {
    background-image: linear-gradient(180deg, #0040B8 0%, #31D1FF 100%);
}

/* Hardcoded white overrides in content area */
html[data-theme="light"] .content__text li { color: var(--tw); }
html[data-theme="light"] .content__text ol { border-left-color: rgba(0, 64, 184, 0.2); }
html[data-theme="light"] .content__text--lead > p:first-child { color: var(--tw); }

/* Brand gradient stripe (Products / section visual) */
html[data-theme="light"] .content__visual {
    background: linear-gradient(180deg, #31D1FF 0%, #0040B8 100%);
}

/* Pull-quote accent border */
html[data-theme="light"] .content__pullquote {
    border-image: linear-gradient(180deg, #31D1FF 0%, #0040B8 100%) 1;
}

/* Divider line */
html[data-theme="light"] .content__divider {
    background: linear-gradient(90deg, rgba(49,209,255,.25) 0%, rgba(0,64,184,.25) 50%, transparent 100%);
}

/* Hero: extra 20% dark overlay in light mode for text contrast */
html[data-theme="light"] .hero__shadow {
    background-image:
            linear-gradient(rgba(0,0,0,0.20), rgba(0,0,0,0.20)),
            linear-gradient(90deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0) 52%),
            linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 17%);
}

/* Company banners: gradient bg in all themes — logos stay white */
html[data-theme="light"] .company-banner {
    background: linear-gradient(180deg, #CDF8FF 1.6%, #1B72E9 101%);
    border: none;
}

/* Contact form */
html[data-theme="light"] .contact-form input,
html[data-theme="light"] .contact-form textarea {
    color: var(--tw);
    background: var(--bg-card);
    border-color: var(--border);
}
html[data-theme="light"] .contact-form input::placeholder,
html[data-theme="light"] .contact-form textarea::placeholder {
    color: var(--td-inactive);
}

/* ─── Theme toggle: icon button ────────────────────────────────── */
.theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: transparent;
    border: 1px solid var(--border);
    cursor: pointer;
    color: var(--td);
    transition: color .15s, border-color .15s;
    margin-left: 16px;
    flex-shrink: 0;
    padding: 0;
}
.theme-toggle:hover { color: var(--tw); border-color: var(--td); }
.theme-toggle svg {
    width: 16px;
    height: 16px;
    pointer-events: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* Sun shown in dark mode (switch to light); moon shown in light mode (switch to dark) */
.theme-toggle__sun  { display: block; }
.theme-toggle__moon { display: none; }
html[data-theme="light"] .theme-toggle__sun  { display: none; }
html[data-theme="light"] .theme-toggle__moon { display: block; }

/*!* ── Light mode: daylight images ────────────────────────────────────────── *!*/
/*html[data-theme="light"] .story-visual {*/
/*    background: url('<?php echo get_template_directory_uri() . '/'; ?>our-story-daylight.jpg') center/cover no-repeat !important;*/
/*}*/
html[data-theme="light"] .story-visual img {
    display: none;
}
/* ── Cookie Banner ── */
.cookie-banner {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 9000;
    background: #020308; border-top: 1px solid rgba(255,255,255,0.1);
    padding: 28px 48px; display: flex; align-items: center; gap: 48px;
    transform: translateY(100%); transition: transform 0.4s var(--ease);
}
.cookie-banner.visible { transform: translateY(0); }
.cookie-banner__text { flex: 1; }
.cookie-banner__title { font-family: var(--fd); font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 8px; line-height: 1.2; }
.cookie-banner__desc { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.6; }
.cookie-banner__desc a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.cookie-banner__actions { display: flex; flex-direction: column; gap: 8px; flex-shrink: 0; }
.cookie-btn {
    min-width: 160px; padding: 12px 24px;
    background: transparent; border: 1px solid rgba(255,255,255,0.35);
    color: #fff; font-family: var(--fd); font-size: 15px; font-weight: 500;
    letter-spacing: .03em; cursor: pointer; text-align: center;
    transition: border-color .15s, background .15s; border-radius: 2px;
}
.cookie-btn:hover { border-color: #fff; background: rgba(255,255,255,0.06); }
.cookie-btn--accept { border-color: var(--acc); }
.cookie-btn--accept:hover { background: var(--acc); border-color: var(--acc); }
@media (max-width: 768px) {
    .cookie-banner { flex-direction: column; align-items: flex-start; gap: 20px; padding: 24px; }
    .cookie-banner__actions { flex-direction: row; flex-wrap: wrap; width: 100%; }
    .cookie-btn { flex: 1; min-width: 100px; }
}

.team-member__name img{
    display: none;
}