/*
Theme Name: Koronea Family Office
Theme URI: https://koronea.com
Author: Koronea P.S.A.
Author URI: https://koronea.com
Description: Wielopokoleniowy family office – motyw WordPress dla Koronea Family Office. Oparty na Gutenberg + ACF, w pełni responsywny, gotowy do wielojęzycznego wdrożenia z WPML/Polylang.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: Private
License URI: #
Text Domain: koronea
Domain Path: /languages
Tags: dark, luxury, family-office, one-page, gutenberg, acf, multilingual

*/

/* === BASE RESET === */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
  --red:#C8102E;
  /* Light theme palette. Surfaces = white / off-white backgrounds.
     Ink = near-black text. Sub* = ink with transparency. */
  --white:#FFFFFF;
  --black:#000000;
  --surface:#FAFAF8;
  --surface2:#F5F4F0;
  --surface3:#EFEEE9;
  --surface4:#E7E5DE;
  --gray:#888;
	--sub45:#00000073;
	--sub65:#000000a6;
	--sub65-w:#ffffffa6;
	--sub75:#000000bf;
  --ink:#111111;
  --f:'Outfit','Helvetica Neue',sans-serif;
  --container:1320px;
  --pad:64px;
}

html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--f);background:var(--white);color:var(--ink);overflow-x:hidden;cursor:none}
img{max-width:100%;height:auto;display:block}
a{color:inherit}

/* === SCROLLBAR === */
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:var(--white)}
::-webkit-scrollbar-thumb{background:var(--red)}

/* === CUSTOM CURSOR === */
.cursor{position:fixed;width:7px;height:7px;background:var(--red);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .3s,height .3s,background .3s}
.cursor-ring{position:fixed;width:34px;height:34px;border:1px solid rgba(200,16,46,.45);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:left .12s ease-out,top .12s ease-out,width .3s,height .3s}
.cursor.hov{width:12px;height:12px;background:var(--ink)}
.cursor-ring.hov{width:48px;height:48px;border-color:rgba(0,0,0,.25)}

/* === NAV === */
#site-nav{position:fixed;top:0;left:0;right:0;z-index:500;padding:15px var(--pad);display:flex;align-items:center;justify-content:space-between;transition:background .5s,padding .4s,border-color .4s;border-bottom:1px solid transparent}
#site-nav.scrolled{background:rgba(255,255,255,.96);padding:15px var(--pad);border-color:rgba(0,0,0,.07);backdrop-filter:blur(12px)}
.nav-logo{display:flex;align-items:center;}
.nav-logo .custom-logo-link {display: flex;align-items: center;text-decoration: none;}
.nav-logo .custom-logo {height: 37px;width: auto;display: block; margin: 8px 0;}
.custom-logo {height: 35px}
.nav-logo .custom-logo-link:focus-visible {outline: 2px solid var(--red);outline-offset: 3px;border-radius: 2px;}
.nav-logo img{height:32px;width:auto;display:block}
.nav-logo-sub{font-size:8px;letter-spacing:4px;color:var(--red);text-transform:uppercase;margin-left:14px;margin-top:2px;align-self:flex-end;padding-bottom:3px}
.nav-logo-text{font-size:22px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--ink);text-decoration:none}
.nav-right{display:flex;align-items:center;gap:36px}
.nav-lang{font-size:13px;letter-spacing:2.5px;text-transform:uppercase;/*color:rgba(255,255,255,.35);*/color:rgba(0,0,0,.50);font-weight:600;text-decoration:none;transition:color .3s}
.scrolled .nav-lang{color:rgba(0,0,0,.35);}
.nav-lang:hover,.nav-lang.active{color:var(--red)}
.scrolled .nav-lang:hover,.scrolled .nav-lang.active{color:var(--ink)}
.nav-lang-sep{/*color:rgba(255,255,255,.15);*/color:rgba(0,0,0,0.5);font-weight:600;font-size:10px}
.scrolled .nav-lang-sep{color:rgba(0,0,0,.15)}
.nav-menu-btn{display:flex;align-items:center;gap:14px;background:none;border:none;color:var(--red);cursor:none;font-family:var(--f);font-size:16px;font-weight:600;letter-spacing:3px;text-transform:uppercase;opacity:.65;transition:opacity .3s}
.scrolled .nav-menu-btn {color: var(--ink);}
.nav-menu-btn:hover{opacity:1}
.hamburger{display:flex;flex-direction:column;gap:5px;width:22px}
.hamburger span{display:block;height:1px;background:currentColor;transition:all .4s}
.hamburger span:nth-child(2){width:14px}
.admin-bar #site-nav,.admin-bar #menu-overlay,.admin-bar #site-nav,.admin-bar #site-nav.scrolled{top: 32px;}
@media screen and (max-width: 782px) {.admin-bar #site-nav,.admin-bar #site-nav.scrolled {top: 46px;}.nav-right{gap:10px}.nav-lang{font-size:11px;}.nav-menu-btn{font-size: 14px;}.menu-label{display: none;}}

/* === FULLSCREEN MENU === */
#menu-overlay{position:fixed;inset:0;background:var(--white);z-index:800;display:flex;flex-direction:column;padding:36px var(--pad);opacity:0;pointer-events:none;transition:opacity .45s}
#menu-overlay.open{opacity:1;pointer-events:all}
.menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:52px}
.menu-close{display:flex;align-items:center;gap:14px;background:none;border:none;color:rgba(0,0,0,.6);cursor:none;font-family:var(--f);font-size:10px;letter-spacing:3px;text-transform:uppercase;transition:color .3s}
.menu-close:hover{color:var(--ink)}
.menu-search-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:14px;margin-bottom:52px}
.menu-search-row input{background:none;border:none;color:var(--ink);font-family:var(--f);font-size:13px;letter-spacing:.5px;width:260px;outline:none;opacity:.4}
.menu-search-row input::placeholder{color:rgba(0,0,0,.3)}
.menu-nav{display:grid;grid-template-columns:1fr 1fr;gap:0}
.menu-item{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid rgba(0,0,0,.05);text-decoration:none;color:rgba(0,0,0,.35);transition:color .3s,padding-left .3s}
.menu-item:hover{color:var(--ink);padding-left:6px}
.menu-item-name{font-size:clamp(24px,3.5vw,44px);font-weight:500;letter-spacing:-0.5px}
.menu-item-arrow{font-size:18px;opacity:.3;transition:opacity .3s,transform .3s}
.menu-item:hover .menu-item-arrow{opacity:1;transform:translateX(5px)}
.menu-contact{font-size:11px;color:rgba(0,0,0,.25);letter-spacing:.5px;line-height:2}
.menu-social{display:flex;gap:24px;margin-top: 30px;}
.menu-social a{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(0,0,0,.25);text-decoration:none;transition:color .3s}
.menu-social a:hover{color:var(--ink)}
.menu-social-linkedin{display:inline-flex;align-items:center;gap:8px}
.menu-social-linkedin svg{width:14px;height:14px;display:block}

/* === HERO === */
[data-section="hero"]{min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:80px var(--pad) 84px;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#FFFFFF 0%,#F5F4F0 45%,#FAFAF8 100%)}
.hero-bg::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 80px,rgba(200,16,46,.012) 80px,rgba(200,16,46,.012) 81px)}
.hero-bg::after{content:'';position:absolute;top:0;right:0;width:52%;height:100%;background:linear-gradient(to bottom left,rgba(200,16,46,.055) 0%,transparent 55%)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;/*opacity:0.22;*/z-index:0;pointer-events:none}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;user-select:none}
/*.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.45) 50%,rgba(255,255,255,0.2) 100%),linear-gradient(to top,rgba(255,255,255,0.7) 0%,transparent 60%);z-index:1;pointer-events:none}*/
.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(to right, rgb(0 0 0 / 8%) 0%, rgba(0, 0, 0, 0.20) 50%, rgb(0 0 0 / 0%) 100%), linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 60%);z-index:1;pointer-events:none}
/* bg .hero-video-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,0.42) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0.6) 100%),linear-gradient(to top,rgba(0,0,0,0.7) 0%,transparent 60%);z-index:1;pointer-events:none} */
.hero-cut{position:absolute;top:0;left:0;width:42%;height:100%;/*background:rgba(255,255,255,.3)*;*/clip-path:polygon(0 0,100% 0,65% 100%,0 100%)}
.hero-content{position:relative;z-index:2;/*max-width:850px*/}
.hero-tag{display:flex;align-items:center;gap:16px;margin-bottom:28px;opacity:0;animation:fadeUp 1s forwards .2s}
.hero-tag-line{width:36px;height:1px;background:var(--red)}
.hero-tag-text{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--red);font-weight:500}
.hero-heading{font-size:clamp(42px, 7vw, 72px);/*font-size:clamp(42px, 7vw, 72px);*/font-weight:500;/*line-height:1.01*/line-height: 0.70;letter-spacing:-2px;margin-bottom:10px;opacity:0;animation:fadeUp 1s forwards .4s; color: var(--white);max-width: 1200px;}
.hero-heading em{font-family: 'Montserrat', sans-serif;}
.hero-heading em{font-style:normal;color:var(--sub65-w);font-weight:250;font-size: clamp(20px, 4vw, 36px);    display: block; line-height: 45px; margin-top: 20px; letter-spacing: -1px;}
.hero-heading span{font-size: clamp(30px, 5vw, 50px);}
.hero-text{font-size:15px;line-height:1.9;color:var(--sub65-w);/*max-width:460px;*/font-weight:500;margin-bottom:36px;opacity:0;animation:fadeUp 1s forwards .6s}
.hero-buttons{display:flex;align-items:center;gap:36px;opacity:0;animation:fadeUp 1s forwards .8s}
.hero-scroll-wrap{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:fadeIn 1.5s forwards 1.5s}
.hero-scroll-text{font-size:11px;letter-spacing:3.5px;text-transform:uppercase;color:rgba(0,0,0,.4)}
.hero-scroll-bar{width:1px;height:36px;background:linear-gradient(to bottom,rgba(200,16,46,.7),transparent);animation:scrollAnim 2s infinite}

/* === BUTTONS === */
.btn-pill{display:inline-flex;align-items:center;gap:14px;padding:15px 20px;border:1px solid rgba(255,255,255,.18);border-radius:100px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;text-decoration:none;color:var(--white);font-weight:400;transition:all .4s}
.btn-pill:hover{border-color:var(--white);background:rgba(0,0,0,.04)}

.btn-pill.black{display:inline-flex;align-items:center;gap:14px;padding:15px 20px;border:1px solid rgba(0,0,0,.18);border-radius:100px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;text-decoration:none;color:var(--ink);font-weight:400;transition:all .4s}
.btn-pill.clack:hover{border-color:var(--ink);background:rgba(0,0,0,.04)}

.btn-pill-icon{width:30px;height:30px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;transition:transform .3s;padding-bottom: 3px;padding-left: 3px;}
.btn-pill:hover .btn-pill-icon{transform:translateX(3px)}
.btn-ghost{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--sub65-w);text-decoration:none;display:flex;align-items:center;gap:10px;transition:color .3s;font-weight:400}
.btn-ghost::after{content:'';width:22px;height:1px;background:currentColor;transition:width .3s}
.btn-ghost:hover{color:var(--white)}
.btn-ghost:hover::after{width:38px}

/* === SECTIONS === */
section{padding:120px 0}
.container{max-width:var(--container);margin:0 auto;padding:0 var(--pad)}
.section-label{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.section-label-line{width:28px;height:1px;background:var(--red)}
.section-label-text{font-size:12px;letter-spacing:4.5px;text-transform:uppercase;color:var(--red);font-weight:400}
.section-title{font-size:clamp(34px,4.5vw,62px);font-weight:300;line-height:1.06;letter-spacing:-1.5px}
.section-title em{font-style:normal;color:var(--red);font-weight:200;}

/* === STATS === */
[data-section="stats"]{background:var(--red);padding:0}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr)}
.stats-row--1{grid-template-columns:1fr}
.stats-row--2{grid-template-columns:repeat(2,1fr)}
.stats-row--3{grid-template-columns:repeat(3,1fr)}
.stats-row--4{grid-template-columns:repeat(4,1fr)}
.stats-row--5{grid-template-columns:repeat(5,1fr)}
.stats-row--6{grid-template-columns:repeat(6,1fr)}
.stat-block{padding:52px 44px;border-right:1px solid rgba(0,0,0,.15);text-align:center;transition:background .3s}
.stat-block:last-child{border-right:none}
.stat-block:hover{background:rgba(255,255,255,.09)}
.stat-number{font-size:52px;font-weight:300;color:var(--ink);line-height:1;letter-spacing:-2px;display:block}
.stat-label{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(0,0,0,.6);margin-top:10px;display:block;font-weight:300}

/* === O NAS === */
[data-section="about"]{background:var(--surface2)}

/* === PARALLAX BG (sekcja O nas) === */
.has-parallax-bg {
  position: relative;
  background-color: transparent !important;
  background-image: var(--parallax-img) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Fallback dla urządzeń mobilnych (fixed attachment nie działa na iOS) */
@supports (-webkit-overflow-scrolling: touch) {
  .has-parallax-bg {
    background-attachment: scroll;
  }
}

.parallax-overlay {
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.6);
  z-index: 0;
  pointer-events: none;
}

.has-parallax-bg .container {
  position: relative;
  z-index: 1;
}

/* Tekst czytelniejszy na zdjęciu */
.has-parallax-bg .about-body {
  color: var(--sub65);
}

.has-parallax-bg .value-block {
  background: rgba(255,255,255,.4);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(0,0,0,.08);
}

.has-parallax-bg .value-block:hover {
  background: rgba(255,255,255,.6);
}

.has-parallax-bg .quote-card {
  background: rgba(255,255,255,.5);
  backdrop-filter: blur(8px);
}
.about-single{display:grid;grid-template-columns:1fr 1fr;gap: 100px;}
/*.about-single{display:grid;grid-template-columns:1fr;max-width:860px}*/
.about-body{font-size:17px;line-height:1.95;var(--sub65);font-weight:500;margin-top:32px}
.about-body+.about-body{margin-top:16px}
.values-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;background:rgba(0,0,0,.05);margin-top:52px}
.value-block{background:var(--surface2);padding:28px 24px;transition:background .3s; border-top: 1px solid rgba(0, 0, 0, .05);}
.value-block:hover{background:var(--surface3)}
.value-number{font-size:11px;font-weight:500;letter-spacing:3px;color:var(--red);margin-bottom:12px}
.value-title{font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;color:rgba(0,0,0,.8)}
.value-desc{font-size:14px;color:var(--sub65);line-height:1.7;font-weight:400}
.quote-card{background:var(--surface3);border:1px solid rgba(0,0,0,.06);padding:44px 40px;position:relative;overflow:hidden;margin-top:40px}
.quote-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--red),transparent)}
.quote-card-tag{display:flex;align-items:center;gap:10px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid rgba(0,0,0,.05)}
.qc-dot{width:7px;height:7px;background:var(--red);border-radius:50%;animation:pulse 2s infinite}
.qc-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:rgba(0,0,0,.3);font-weight:500}
.quote-text{font-size:18px;font-weight:500;line-height:1.65;color:rgba(0,0,0,.82);margin-bottom:22px;font-style:italic}
.quote-mark{font-size:52px;color:var(--red);opacity:.18;line-height:0;vertical-align:-18px;margin-right:4px}
.quote-who{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(0,0,0,.28);font-weight:500}
.quote-role{font-size:10px;color:rgba(0,0,0,.18);letter-spacing:1px;margin-top:2px;font-weight:500}

/* === HISTORIA === */
[data-section="history"]{background:var(--white)}
.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.history-lead{font-size:17px;line-height:1.9;color:var(--sub65);font-weight:500;margin-top:32px}
.history-lead+.history-lead{margin-top:16px}
.history-pull{margin-top:115px;padding-left:24px;border-left:2px solid var(--red)}
.history-pull-text{font-size:20px;font-weight:500;line-height:1.55;color:var(--sub75);letter-spacing:-.3px}
.history-pull-who{margin-top:14px;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--sub45);font-weight:600}
.timeline{position:relative;padding-left:24px}
.timeline::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:1px;background:rgba(0,0,0,.07)}
.timeline-item{position:relative;padding-left:28px;padding-bottom:40px}
.timeline-item:last-child{padding-bottom:0}
.timeline-dot{position:absolute;left:-28px;top:7px;width:9px;height:9px;background:var(--white);border:1px solid rgba(200,16,46,.6);border-radius:50%;transition:background .3s}
.timeline-item:hover .timeline-dot{background:var(--red)}
.timeline-year{font-size:11px;letter-spacing:3px;color:var(--red);text-transform:uppercase;margin-bottom:7px;font-weight:400}
.timeline-title{font-size:17px;font-weight:400;color:var(--ink);margin-bottom:7px;letter-spacing:-.3px}
.timeline-desc{font-size:14px;line-height:1.7;color:var(--sub65);font-weight:450}
.timeline-points{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.timeline-point{position:relative;padding-left:18px;display:flex;flex-direction:column;gap:3px}
.timeline-point::before{content:'';position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:rgba(200,16,46,.55)}
.timeline-point-date{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--red);font-weight:400}
.timeline-point-title{font-size:14px;font-weight:450;color:var(--ink);letter-spacing:-.2px;line-height:1.3}
.timeline-point-desc{font-size:13px;line-height:1.6;color:var(--sub65);font-weight:450}

/* === BIZNESY === */
[data-section="business"]{background:var(--surface2)}
.business-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:72px}
.business-sub{max-width:360px;font-size:14px;line-height:1.85;color:var(--sub65);font-weight:500}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(0,0,0,.05)}
.pillar{background:var(--surface2);padding:44px 36px;position:relative;overflow:hidden;transition:background .4s}
.pillar:hover{background:var(--surface3)}
.pillar::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--red);transition:width .5s}
.pillar:hover::after{width:100%}
.pillar-number{font-size:13px;letter-spacing:3px;color:var(--red);font-weight:400;margin-bottom:24px;display:block}
.pillar-title{font-size:20px;font-weight:300;letter-spacing:-.5px;margin-bottom:24px;color:var(--ink)}
.pillar-line{width:24px;height:1px;background:rgba(0,0,0,.12);margin-bottom:20px}
.pillar-companies{display:flex;flex-direction:column;gap:0}
.pillar-company{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--sub65);text-decoration:none;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.04);font-weight:300;letter-spacing:.3px;transition:color .3s,padding-left .3s}
.pillar-company:hover{color:var(--ink);padding-left:5px}
.pillar-co-arrow{font-size:10px;opacity:.25;transition:opacity .3s,transform .3s}
.pillar-company:hover .pillar-co-arrow{opacity:.8;transform:translateX(3px)}

/* === TRANSAKCJE === */
[data-section="investments"]{background:var(--surface2)}
.investments-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px}
.investments-sub{max-width:546px;font-size:16px;line-height:1.85;color:var(--sub65);font-weight:500}
.criteria-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,0,0,.05);/*margin-bottom:64px*/}
.criteria-item{background:var(--white);padding:26px 24px;transition:background .3s}
.criteria-item:hover{background:var(--surface3)}
.criteria-label{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:9px;font-weight:300}
.criteria-value{font-size:20px;font-weight:300;color:var(--ink);letter-spacing:-.5px}
.investments-cta{margin-bottom: 64px}
/* Investment approaches (compact accordion) */
.inv-approaches{/*margin-bottom:64px;*/border-top:1px solid rgba(0,0,0,.08)}
.inv-approaches-title{margin-bottom: 35px;}
.inv-approach{border-bottom:1px solid rgba(0,0,0,.08);background: var(--white);margin-bottom: 10px;padding-left: 25px;padding-right: 25px;}
.inv-approach-head{display:flex;align-items:baseline;gap:20px;width:100%;background:none;border:none;text-align:left;padding:20px 0;cursor:pointer;font-family:var(--f);transition:padding-left .3s}
.inv-approach:not(.inv-approach--nobody) .inv-approach-head:hover{padding-left:6px}
.inv-approach-num{flex:0 0 auto;font-size:11px;letter-spacing:2px;color:var(--sub65);font-weight:400;min-width:24px;padding-top:3px}
.inv-approach-head-text{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0}
.inv-approach-title{font-size:15px;font-weight:400;letter-spacing:.3px;color:var(--ink)}
.inv-approach-teaser{font-size:12px;line-height:1.6;color:var(--sub65);font-weight:300;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.inv-approach.is-open .inv-approach-teaser{display:none}
.inv-approach-toggle{flex:0 0 auto;font-size:18px;font-weight:300;color:var(--sub65);line-height:1;padding-top:2px;transition:transform .3s,color .3s}
.inv-approach.is-open .inv-approach-toggle{transform:rotate(45deg);color:var(--ink)}
.inv-approach-body{padding:0 0 24px 44px}
.inv-approach-body-inner{font-size:13px;line-height:1.8;color:var(--sub65);font-weight:300;max-width:680px}
.inv-approach-body-inner p{margin:0 0 12px}
.inv-approach-body-inner p:last-child{margin-bottom:0}
.inv-approach-body-inner ul{list-style:none;margin:0 0 12px;padding:0}
.inv-approach-body-inner ul li{position:relative;padding-left:16px;margin-bottom:6px}
.inv-approach-body-inner ul li::before{content:"—";position:absolute;left:0;color:rgba(0,0,0,.35)}
@media(max-width:640px){
  .inv-approach-head{gap:12px;padding:16px 0}
  .inv-approach-body{padding-left:0}
}
/* ── Oferta inwestycyjna (investments-offer) ── */
/*.investments-offer{padding-top:0}*/
.investments-offer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}
.investments-offer-sub{max-width:546px;font-size:16px;line-height:1.85;color:var(--sub65);font-weight:500}
.investments-offer-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;margin-bottom:32px;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.io-tab{display:inline-flex;align-items:baseline;gap:8px;background:none;border:1px solid transparent;border-radius:2px;padding:9px 16px;font-family:var(--f);font-size:13px;color:var(--sub65);font-weight:500;letter-spacing:.3px;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.io-tab:hover{color:var(--ink);border-color:rgba(0,0,0,.12)}
.io-tab-num{color:var(--red);font-weight:400;font-size:11px;letter-spacing:1px}
.io-tab.is-active{background:var(--red);border-color:var(--red);color:var(--white)}
.io-tab.is-active .io-tab-num{color:var(--white)}
.investments-offer-grid{display:block}
.io-card{background:var(--surface);padding:40px 40px 44px;animation:io-fade .4s ease}
.io-card[hidden]{display:none}
@keyframes io-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.io-card-head{display:flex;align-items:baseline;gap:16px;margin-bottom:20px}
.io-card-num{flex:0 0 auto;font-size:22px;font-weight:300;color:var(--red);letter-spacing:1px;line-height:1}
.io-card-title{font-size:22px;font-weight:400;letter-spacing:-.3px;color:var(--ink);margin:0;line-height:1.1}
.io-card-body{font-size:14px;line-height:1.85;color:var(--sub65);font-weight:450}
.io-card-body p{margin:0 0 14px}
.io-card-body p:last-child{margin-bottom:0}
.io-card-body strong{color:var(--ink);font-weight:600}
.io-card-body ul{list-style:none;margin:6px 0 0;padding:0}
.io-card-body ul li{position:relative;padding-left:18px;margin-bottom:8px;color:var(--sub65)}
.io-card-body ul li::before{content:"›";position:absolute;left:0;color:var(--red)}
.io-card-body h4,.io-card-body .io-card-body-sub{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--sub65);font-weight:400;margin:0 0 10px}
.io-card-note{margin:18px 0 0;padding-left:14px;border-left:2px solid var(--red);font-size:12px;line-height:1.7;color:var(--ink);font-weight:400}
@media(max-width:860px){
  .investments-offer-top{flex-direction:column;align-items:flex-start;gap:18px}
  .io-card{padding:32px 24px}
}
.deals-label{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--sub65);margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.05);font-weight:300}
.deals-row{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(0,0,0,.05)}
.deal{background:var(--white);padding:28px 24px;transition:background .3s}
.deal:hover{background:var(--surface3)}
.deal-status{font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;padding:3px 10px;display:inline-block;border-radius:100px;font-weight:400}
.deal-closed{color:rgba(0,0,0,.35);background:rgba(0,0,0,.05)}
.deal-signed{color:var(--red);background:rgba(200,16,46,.1)}
.deal-final{color:rgba(255,200,0,.75);background:rgba(255,200,0,.07)}
.deal-name{font-size:15px;font-weight:400;color:var(--ink);margin-bottom:9px;letter-spacing:-.3px}
.deal-desc{font-size:12px;line-height:1.65;color:var(--sub65);font-weight:500}
.deal-amount{background:var(--surface3);display:flex;flex-direction:column;justify-content:space-between}
.deal-amount-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:rgba(0,0,0,.28);margin-bottom:18px;font-weight:500}
.deal-amount-item{font-size:11px;color:rgba(0,0,0,.35);padding:7px 0;border-bottom:1px solid rgba(0,0,0,.04);font-weight:500}
.deal-amount-note{font-size:10px;color:rgba(0,0,0,.22);margin-top:14px;line-height:1.6;font-weight:500}

/* === ZESPÓŁ === */
[data-section="team"]{background:var(--surface2)}
.team-wrap{display:flex;flex-direction:column;margin-top:56px}
.team-group-label{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--sub65);margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.05);font-weight:500}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}
.grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}
.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{display:grid;gap:2px}
.grid-cols-3{grid-template-columns:repeat(3,1fr)}
.grid-cols-4{grid-template-columns:repeat(4,1fr)}
.grid-cols-5{grid-template-columns:repeat(5,1fr)}
.grid-cols-6{grid-template-columns:repeat(6,1fr)}
.team-card{background:var(--surface3);position:relative;overflow:hidden}
.team-card-inner{aspect-ratio:3/4;position:relative;overflow:hidden}
.team-card--linked{cursor: pointer;}
.team-card--linked .team-card-name{color: var(--ink);text-decoration: none;transition: opacity .3s;}
.team-card--linked:hover .team-card-name {opacity: .6;}
.team-card-photo{width:100%;height:100%;background:var(--surface4);display:flex;align-items:center;justify-content:center}
.team-card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.team-card:hover .team-card-photo img{transform:scale(1.03)}
.team-card-initials{font-size:44px;font-weight:200;color:rgba(200,16,46,.1);letter-spacing:-1px}
.team-card-caption{padding:16px 18px 20px;background:var(--surface3)}
.team-card-role{font-size: 10px;letter-spacing: 2px;text-transform: uppercase;color: var(--red);margin-bottom: 5px;font-weight: 400;order:-1}
.team-card-name{display:block;font-size:15px;font-weight:400;color:var(--ink);letter-spacing:-.2px;line-height:1.3}
.team-card-caption{display:flex;flex-direction:column}
/* Krótki opis (zajawka bio) — zawsze widoczny */
.team-card-excerpt{font-size:12px;line-height:1.6;color:var(--sub65);font-weight:400;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Pełny biogram — ukryte źródło danych dla popupu (nie wyświetlane w karcie) */
.team-card-bio{display:none;}
.team-card-linkedin{order:1;display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;border: 1px solid rgba(0,0,0,.2);border-radius: 4px;color: rgba(0,0,0,.5);text-decoration: none;transition: border-color .3s, color .3s;}
/* Meta (LinkedIn + Bio) — odsłaniane na hover; LinkedIn z lewej, Bio z prawej */
.team-card-meta{display:flex;align-items:center;gap:12px;max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .4s ease,opacity .35s ease,margin-top .3s ease}
.team-card:hover .team-card-meta{max-height:60px;opacity:1;margin-top:12px}
.team-card-linkedin:hover{border-color: rgba(0,0,0,.6);color: var(--ink);}
.team-card-linkedin-label{font-size: 12px;font-weight: 400;letter-spacing: .3px;line-height: 1;}
.team-card-linkedin--icon-name,.team-card-linkedin--name{width: auto;height: auto;gap: 6px;padding: 6px 12px;}

/* Przycisk „Bio” + popup */
.team-bio-btn{order:2;margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:none;border:none;padding:0;font-family:var(--f);font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:500;color:var(--red);cursor:none;transition:opacity .3s}
.team-bio-btn:hover{opacity:.65}
.team-bio-btn span{transition:transform .3s}
.team-bio-btn:hover span{transform:translateX(3px)}

.team-modal[hidden]{display:none}
.team-modal{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .3s ease}
.team-modal.open{opacity:1}
.team-modal-overlay{position:absolute;inset:0;background:rgba(17,17,17,.55);backdrop-filter:blur(4px)}
.team-modal-panel{position:relative;z-index:1;width:100%;max-width:720px;max-height:88vh;overflow:auto;background:var(--white);border-radius:6px;box-shadow:0 40px 90px rgba(0,0,0,.32);transform:translateY(12px);transition:transform .3s ease}
.team-modal.open .team-modal-panel{transform:none}
.team-modal-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:26px;line-height:1;color:var(--sub45);cursor:none;transition:color .3s;padding:6px;z-index:2}
.team-modal-close:hover{color:var(--ink)}
.team-modal-head{display:flex;gap:22px;align-items:center;padding:34px 34px 24px;border-bottom:1px solid rgba(0,0,0,.08)}
.team-modal-photo{width:88px;height:117px;object-fit:cover;border-radius:4px;background:var(--surface3);flex-shrink:0}
.team-modal-role{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--red);font-weight:500;margin-bottom:6px}
.team-modal-name{font-size:24px;font-weight:300;letter-spacing:-.5px;color:var(--ink);line-height:1.15}
.team-modal-body{padding:26px 34px 34px;font-size:14.5px;line-height:1.85;color:var(--sub75)}
.team-modal-body p{margin:0 0 14px}
.team-modal-body p:last-child{margin-bottom:0}

@media(max-width:768px){
  .team-modal-head{padding:28px 22px 20px;gap:16px}
  .team-modal-photo{width:66px;height:88px}
  .team-modal-name{font-size:20px}
  .team-modal-body{padding:22px 22px 28px}
}

/* === ESG === */
[data-section="esg"]{background:var(--white)}

/* ESG parallax overrides */
[data-section="esg"].has-parallax-bg {
  background-color: transparent;
}

[data-section="esg"].has-parallax-bg .esg-body {
  color: var(--sub65);
}

[data-section="esg"].has-parallax-bg .foundations {
  background: transparent;
}

[data-section="esg"].has-parallax-bg .foundation {
  background: transparent;
}

[data-section="esg"].has-parallax-bg .foundation-stat-circle {
  background: rgba(255,255,255,.5);
  backdrop-filter: blur(4px);
}

[data-section="esg"].has-parallax-bg .sponsors-grid {
  background: rgba(0,0,0,.03);
}

[data-section="esg"].has-parallax-bg .sponsor {
  background: rgba(255,255,255,.4);
  backdrop-filter: blur(4px);
}
.grid-2{display: grid;grid-template-columns: repeat(2, 1fr);align-items: baseline;}
.esg-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.esg-body{font-size:16px;line-height:1.9;color:var(--sub45);font-weight:500;margin-top:32px;margin-bottom:40px}

/* Fundacje */
/* Fundacje – układ redakcyjny (nagłówek + countery-kółka, jedna pod drugą) */
.foundations{display:flex;flex-direction:column;margin-top:40px}
.foundation{padding:40px 0;border-top:1px solid rgba(0,0,0,.1)}
.foundation:first-child{border-top:none;padding-top:8px}
.foundation:last-child{padding-bottom:8px}
.foundation-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.foundation--accordion .foundation-header{align-items:center}
.foundation-toggle{flex:1;display:flex;align-items:center;justify-content:space-between;gap:20px;background:none;border:none;padding:0;text-align:left;font-family:var(--f);cursor:pointer}
.foundation-toggle .foundation-heading{flex:1}
.foundation-toggle-icon{flex-shrink:0;font-size:24px;font-weight:200;line-height:1;color:var(--red);transition:transform .35s ease}
.foundation--accordion.is-open .foundation-toggle-icon{transform:rotate(45deg)}
.foundation-heading{display:flex;align-items:baseline;gap:16px;flex:1}
.foundation-number{font-size:12px;letter-spacing:3px;color:var(--red);font-weight:400;flex-shrink:0}
.foundation-heading-text{display:flex;flex-direction:column;gap:6px}
.foundation-name{font-size:clamp(20px,2.4vw,28px);font-weight:300;color:var(--ink);letter-spacing:-.5px;line-height:1.15;margin:0;transition:color .3s}
.foundation--accordion .foundation-toggle:hover .foundation-name{color:var(--red)}
.foundation-desc{font-size:13px;color:var(--sub65);font-weight:500;line-height:1.6;margin:0;max-width:520px}

/* Panel rozwijany z counterami */
.foundation-panel{padding-top:32px;animation:foundation-panel-in .45s ease}
.foundation-panel[hidden]{display:none}
@keyframes foundation-panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Przycisk fundacji – wyróżniony */
.foundation-btn{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;align-self:flex-start;background:var(--red);color:var(--white);text-decoration:none;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;padding:13px 22px;border-radius:2px;border:1px solid var(--red);transition:background .3s,color .3s,transform .3s,box-shadow .3s;white-space:nowrap}
.foundation-btn:hover{background:transparent;color:var(--red);transform:translateY(-1px);box-shadow:0 6px 18px rgba(200,16,46,.18)}
.foundation-btn-arrow{font-size:14px;transition:transform .3s}
.foundation-btn:hover .foundation-btn-arrow{transform:translateX(4px)}

/* Countery – kółka */
.foundation-stats{display:flex;flex-wrap:wrap;gap:28px 36px}
.foundation-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;width:150px}
.foundation-stat-circle{position:relative;width:150px;height:150px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;padding:14px;transition:transform .4s,box-shadow .4s}
.foundation-stat:hover .foundation-stat-circle{transform:translateY(-3px);box-shadow:0 10px 26px rgba(200,16,46,.12)}
.foundation-stat-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}
.foundation-stat-ring-track{fill:none;stroke:rgba(200,16,46,.14);stroke-width:5}
.foundation-stat-ring-progress{fill:none;stroke:var(--red);stroke-width:5;stroke-linecap:round;stroke-dasharray:345.6;stroke-dashoffset:345.6;transition:stroke-dashoffset 1.6s cubic-bezier(.22,.61,.36,1)}
.foundation-stat-circle.is-visible .foundation-stat-ring-progress{stroke-dashoffset:0}
.foundation-stat-circle.is-visible .foundation-stat-ring{animation:foundation-ring-spin 14s linear infinite;animation-delay:1.6s}
@keyframes foundation-ring-spin{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
@media(prefers-reduced-motion:reduce){
  .foundation-stat-ring-progress{transition:none;stroke-dashoffset:0}
  .foundation-stat-circle.is-visible .foundation-stat-ring{animation:none}
}
.foundation-stat-value{display:inline-flex;align-items:baseline;justify-content:center;gap:2px;flex-wrap:wrap;font-size:clamp(15px,1.7vw,20px);font-weight:300;color:var(--red);letter-spacing:-.5px;line-height:1.05;font-variant-numeric:tabular-nums;max-width:100%}
.foundation-stat-num{display:inline-block;max-width:100%}
.foundation-stat-affix{font-size:11px;font-weight:500;letter-spacing:.5px;color:var(--sub65);text-transform:uppercase}
.foundation-stat-prefix{width:100%;order:-1}
.foundation-stat-suffix{font-size:12px}
.foundation-stat-label{font-size:11.5px;color:var(--sub65);font-weight:500;line-height:1.5;max-width:170px}

@media(max-width:768px){
  .foundation{padding:32px 0}
  .foundation-header{flex-direction:column;gap:16px;margin-bottom:22px}
  .foundation-stats{gap:22px;justify-content:center}
  .foundation-stat,.foundation-stat-circle{width:130px}
  .foundation-stat-circle{height:130px}
}

/* Prawa kolumna */
.esg-right-title{font-size:clamp(26px,3vw,40px);font-weight:500;line-height:1.15;letter-spacing:-1px;color:var(--ink);margin-bottom:60px;margin-top: 60px;}
.esg-right-title em{font-style:normal;color:var(--sub65);font-weight:200}
.esg-pull{padding-left:22px;border-left:2px solid var(--red);margin-bottom:38px}
.esg-pull-text{font-size:16px;font-weight:500;line-height:1.65;color:var(--sub75);letter-spacing:-.2px;margin-bottom:12px;font-style:italic}
.esg-pull-who{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--sub45);font-weight:600}

/* Sponsorzy */
.sponsors-label{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--sub65);margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.05);font-weight:500}
/* Współprace / inicjatywy (accordion) */
.esg-collab{grid-column:1 / -1;margin:12px 0 50px}
.esg-collab-title{font-size:clamp(22px,2.6vw,32px);font-weight:500;line-height:1.15;letter-spacing:-.8px;color:var(--ink);margin:0 0 32px}
.esg-collab-title em{font-style:normal;color:var(--sub65);font-weight:200}
.esg-collab-grid{display:grid;gap:1px;background:rgba(0,0,0,.08)}
.esg-collab-grid--2{grid-template-columns:repeat(2,1fr)}
.esg-collab-grid--3{grid-template-columns:repeat(3,1fr)}
.esg-collab-grid--4{grid-template-columns:repeat(4,1fr)}
.collab-item{background:rgba(255,255,255,.4)}
.collab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;background:none;border:none;text-align:left;padding:24px 26px;cursor:pointer;font-family:var(--f);transition:background .3s}
.collab-head:hover{background:var(--surface)}
.collab-head[disabled]{cursor:default}
.collab-head-title{font-size:16px;font-weight:500;line-height:1.35;letter-spacing:-.2px;color:var(--ink)}
.collab-toggle{flex-shrink:0;font-size:22px;font-weight:200;line-height:1;color:var(--red);transition:transform .35s ease;margin-top:2px}
.collab-item.is-open .collab-toggle{transform:rotate(45deg)}
.collab-body{padding:0 26px 26px;animation:collab-in .4s ease}
.collab-body[hidden]{display:none}
@keyframes collab-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.collab-body-inner{font-size:13.5px;line-height:1.8;color:var(--sub65);font-weight:450}
.collab-body-inner p{margin:0 0 12px}
.collab-body-inner p:last-child{margin-bottom:0}
@media(max-width:900px){
  .esg-collab-grid--2,.esg-collab-grid--3,.esg-collab-grid--4{grid-template-columns:1fr}
}
.sponsors-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(0,0,0,.05)}
.sponsor{background:var(--white);padding:21.5px 22px;transition:background .3s}
.sponsor:hover{background:var(--surface3)}
.sponsor-item-name{font-size:14px;font-weight:400;color:var(--ink);letter-spacing:-.2px;margin-bottom:4px}
.sponsor-item-type{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--sub65);font-weight:500}


/* === AKTUALNOŚCI === */
[data-section="news"]{background:var(--surface2)}
.news-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px}
.news-all{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(0,0,0,.35);text-decoration:none;display:flex;align-items:center;gap:10px;transition:color .3s;white-space:nowrap}
.news-all::after{content:'';width:22px;height:1px;background:currentColor;transition:width .3s}
.news-all:hover{color:var(--ink)}
.news-all:hover::after{width:38px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,0,0,.05);align-items:stretch}
.news-card{background:var(--surface2);padding:0 0 32px;display:flex;flex-direction:column;gap:0;transition:background .3s}
.news-card:hover{background:var(--surface3)}
.news-img{margin:0 0 24px;overflow:hidden;aspect-ratio:16/9;background:var(--surface3)}
.news-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.news-img-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--surface3),var(--surface4))}
.news-card:hover .news-img img{transform:scale(1.03)}
.news-card > :not(.news-img){margin-left:28px;margin-right:28px}
.news-cat{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--red);font-weight:400;margin-bottom:14px}
.nc-title{font-size:18px;font-weight:400;line-height:1.35;letter-spacing:-.3px;color:var(--ink);margin-bottom:14px}
.nc-title a{color:inherit;text-decoration:none;transition:opacity .3s}
.nc-title a:hover{opacity:.7}
.news-excerpt{font-size:13px;line-height:1.7;color:var(--sub45);font-weight:300;margin-bottom:22px}
.news-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid rgba(0,0,0,.05)}
.news-date{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(0,0,0,.25);font-weight:500}
.news-read{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(0,0,0,.35);text-decoration:none;transition:color .3s}
.news-read:hover{color:var(--ink)}
.news-empty{color:rgba(0,0,0,.35);font-size:13px;padding:40px 0}


/* === KONTAKT === */
[data-section="contact"]{background:var(--red)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.contact-title{font-size:clamp(34px,4.5vw,62px);font-weight:500;line-height:1.06;letter-spacing:-1.5px;color:var(--ink);margin-bottom:24px}
.contact-title em{font-style:normal;color:rgba(0,0,0,.38);font-weight:200}
.contact-sub{font-size:15px;line-height:1.9;color:var(--sub65);font-weight:500}
.contact-info{display:flex;flex-direction:column;gap:1px;background:rgba(0,0,0,.05);margin-bottom:28px}
.contact-info>div{background:var(--red);padding:18px 22px;transition:background .3s}
.contact-info>div:hover{background:var(--surface3)}
.contact-item-label{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--sub65);font-weight:500;margin-bottom:6px}
.contact-item-value{font-size:14px;font-weight:500;color:var(--ink);display:block;text-decoration:none;transition:color .3s}
.contact-item-value:hover{color:var(--red)}
.contact-item-value--small{font-size:12px;color:rgba(0,0,0,.55);margin-top:3px}
.contact-buttons{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.btn-white{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--ink);color:var(--white);font-size:11px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;font-weight:500;transition:background .3s,color .3s;border-radius:100px;}
.btn-white:hover{background:var(--red);color:var(--ink)}
.btn-outline-white{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:1px solid rgba(0,0,0,.18);color:var(--ink);font-size:11px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;font-weight:400;transition:border-color .3s,background .3s;border-radius:100px;}
.btn-outline-white:hover{border-color:var(--ink);background:rgba(0,0,0,.04)}

/* === FOOTER === */
#footer{background:var(--surface2);border-top:1px solid rgba(0,0,0,.05);padding:80px 0 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:64px;margin-bottom:60px}
.footer-grid > :nth-child(2) { grid-column: 3; }
.footer-grid > :nth-child(3) { grid-column: 4; }
.footer-brand-desc{font-size:12px;line-height:1.9;color:var(--sub65);margin-top:20px;font-weight:500;max-width:280px}
.footer-logo-wrap{display:flex;align-items:center;gap:0;text-decoration:none;margin-bottom:4px}
.footer-logo-text{font-size:20px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--ink)}
.logo-sub{font-size:7px;letter-spacing:3.5px;color:var(--red);text-transform:uppercase;margin-left:12px;align-self:flex-end;padding-bottom:2px}
.footer-col-title{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--sub65);margin-bottom:20px;font-weight:400}
.footer-col-links{list-style:none;font-size: 12px;color: rgba(0,0,0, .65);font-weight: 500;}
.footer-col-links .menu-item{padding: 0;border-bottom: none;}
.footer-col-links li+li{margin-top:11px}
.footer-col-links a{font-size:12px;color:var(--sub65);text-decoration:none;transition:color .3s;font-weight:500}
.footer-col-links a:hover{color:var(--ink)}
.footer-linkedin{display:inline-flex;align-items:center;gap:8px}
.footer-linkedin svg{width:14px;height:14px;display:block;flex:0 0 auto}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid rgba(0,0,0,.05)}
.footer-copy{font-size:10px;color:var(--sub45);letter-spacing:.5px;font-weight:500}
.footer-legal{display:flex;gap:28px}
.footer-legal a{font-size:10px;color:var(--sub45);text-decoration:none;letter-spacing:.5px;transition:color .3s}
.footer-legal a:hover{color:var(--ink)}
.footer-legal .menu-item {border-bottom:none;}

/* === REVEAL ANIMATIONS === */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s ease,transform .9s ease}
.reveal.vis{opacity:1;transform:none}
.d1{transition-delay:.1s}
.d2{transition-delay:.2s}
.d3{transition-delay:.3s}
.d4{transition-delay:.4s}

/* === KEYFRAMES === */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes scrollAnim{0%,100%{opacity:.6}50%{opacity:0}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}

/* ==============================
   RESPONSIVE
   ============================== */
@media(max-width:1200px){
  :root{--pad:40px}
  .pillars{grid-template-columns:repeat(2,1fr)}
.news-grid{grid-template-columns:1fr 1fr}
  .deals-row{grid-template-columns:repeat(3,1fr)}
  .grid-5{grid-template-columns:repeat(3,1fr)}
  .grid-6{grid-template-columns:repeat(3,1fr)}
  .grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:40px}
}

@media(max-width:900px){
  :root{--pad:28px}
  body{cursor:auto}
	.hero-heading em {display: block;line-height: 25px;margin-top: 20px;letter-spacing: -1px;}
  .cursor,.cursor-ring{display:none}
  #site-nav{padding:20px var(--pad)}
  #site-nav.scrolled{padding:14px var(--pad)}
  .history-grid,.about-grid,.esg-grid,.contact-grid,.about-single{grid-template-columns:1fr;gap:48px}
  .contact-buttons{flex-direction:column;align-items:flex-start}
  .news-grid{grid-template-columns:1fr}
  .news-top{flex-direction:column;align-items:flex-start;gap:16px}
  .stats-row--3{grid-template-columns:repeat(3,1fr)}
  .stats-row,.stats-row--4,.stats-row--5,.stats-row--6{grid-template-columns:repeat(2,1fr)}
  .stat-block{border-right:none;border-bottom:1px solid rgba(0,0,0,.15)}
  .stat-block:nth-child(odd){border-right:1px solid rgba(0,0,0,.15)}
  .criteria-row{grid-template-columns:repeat(2,1fr)}
  .deals-row{grid-template-columns:repeat(2,1fr)}
  .founders{grid-template-columns:1fr}
  .pillars{grid-template-columns:1fr 1fr}
  .business-top{flex-direction:column;align-items:flex-start;gap:16px}
  .investments-top{flex-direction:column;align-items:flex-start;gap:16px}
  [data-section="hero"]{padding:80px var(--pad) 64px}
  .menu-nav{grid-template-columns:1fr}
	[data-section="esg"].has-parallax-bg .foundations {grid-template-columns: repeat(1, 1fr);}
	.grid-2{grid-template-columns: repeat(1, 1fr);}
}

@media(max-width:640px){
  :root{--pad:20px}
	.nav-logo .custom-logo {height: 25px;}
  .stats-row,.stats-row--2,.stats-row--3,.stats-row--4,.stats-row--5,.stats-row--6{grid-template-columns:1fr 1fr}
  .stats-row--1{grid-template-columns:1fr}
  .pillars{grid-template-columns:1fr}
  .grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}
  .grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(2,1fr)}
  .values-grid{grid-template-columns:1fr}
  .deals-row{grid-template-columns:1fr}
  .criteria-row{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:16px;text-align:center}
  .footer-legal{flex-wrap:wrap;justify-content:center}
  #menu-overlay{padding:24px var(--pad)}
  .sponsors-strip{flex-wrap:wrap}
  /*.sponsor{flex:none;width:50%}*/
	[data-section="hero"] {min-height: 48vh;}
	.hero-text{margin-bottom: -25px;line-height: 1.3;}
	.hero-tag-text{font-size: 10px;letter-spacing: 1px;}
	.hero-buttons{display: none;}
	.hero-scroll-wrap{display: none;}
	.hero-image{object-position: -85px 0px;}
	.stat-number {font-size: 35px;}
}

/* === GUTENBERG EDITOR COMPATIBILITY === */
.wp-block{max-width:100%}
.editor-styles-wrapper{background:var(--white);color:var(--ink);font-family:var(--f)}
/* ================================================================
   STRONA KONTAKTOWA — page-contact.php
   ================================================================ */

.contact-page {
  background: var(--white);
  min-height: 100vh;
}

/* ── Hero ─────────────────────────────────────────────────────── */
.cp-hero {
  padding: 160px 0 100px;
  position: relative;
  overflow: hidden;
  background-color: var(--white);
  background-image: var(--parallax-img);
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.cp-hero[style] .cp-hero-bg { opacity: 0; }
.cp-hero .parallax-overlay { z-index: 1; }
.cp-hero .container { position: relative; z-index: 2; }
@supports (-webkit-overflow-scrolling: touch) {
  .cp-hero { background-attachment: scroll !important; }
}
.cp-hero-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,#FFFFFF 0%,#F5F4F0 45%,#FAFAF8 100%);
  z-index: 0;
}
.cp-hero-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(45deg,transparent,transparent 80px,rgba(200,16,46,.012) 80px,rgba(200,16,46,.012) 81px);
}
.cp-hero-bg::after {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 50%; height: 100%;
  background: linear-gradient(to bottom left,rgba(200,16,46,.05) 0%,transparent 55%);
}
.cp-hero .container { position: relative; z-index: 1; }
.cp-hero-title {
  font-size: clamp(48px,7vw,96px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -2px;
  color: var(--ink);
  margin: 20px 0 32px;
}
.cp-hero-title em { font-style: normal; color: rgba(0,0,0,.35); font-weight: 200; }
.cp-hero-intro {
  font-size: 15px;
  line-height: 1.9;
  color: var(--sub65);
  font-weight: 500;
  max-width: 560px;
}

/* ── Main: form + info ────────────────────────────────────────── */
.cp-main { padding: 100px 0; background: var(--surface2); }
.cp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

/* Form column */
.cp-form-col .section-label { margin-bottom: 32px; }
.cp-form {
  background: var(--surface3);
  border: 1px solid rgba(0,0,0,.06);
  padding: 48px 44px;
  position: relative;
}
.cp-form::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(to right,var(--red),transparent);
}

/* CF7 form reset */
.cp-form .wpcf7-form { display: flex; flex-direction: column; gap: 20px; }
.cp-form .wpcf7-form p { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.cp-form label {
  font-size: 10px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: rgba(0,0,0,.35);
  font-weight: 500;
  font-family: var(--f);
}
.cp-form input[type="text"],
.cp-form input[type="email"],
.cp-form input[type="tel"],
.cp-form textarea,
.cp-form select {
  width: 100%;
  background: rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 0;
  color: var(--ink);
  font-family: var(--f);
  font-size: 14px;
  font-weight: 500;
  padding: 14px 18px;
  outline: none;
  transition: border-color .3s, background .3s;
  -webkit-appearance: none;
}
.cp-form input:focus,
.cp-form textarea:focus {
  border-color: rgba(200,16,46,.5);
  background: rgba(0,0,0,.06);
}
.cp-form input::placeholder,
.cp-form textarea::placeholder { color: rgba(0,0,0,.2); }
.cp-form textarea { min-height: 140px; resize: vertical; }

/* CF7 checkbox */
.cp-form .wpcf7-acceptance label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 11px;
  letter-spacing: .5px;
  text-transform: none;
  color: rgba(0,0,0,.35);
  cursor: pointer;
}
.cp-form .wpcf7-acceptance input[type="checkbox"] {
  width: 16px;
  height: 16px;
  min-width: 16px;
  padding: 0;
  accent-color: var(--red);
  cursor: pointer;
}

/* CF7 submit */
.cp-form input[type="submit"],
.cp-form .wpcf7-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 36px;
  background: var(--red);
  color: var(--ink);
  font-family: var(--f);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  border: none;
  cursor: none;
  transition: background .3s, transform .2s;
  align-self: flex-start;
}
.cp-form input[type="submit"]:hover,
.cp-form .wpcf7-submit:hover { background: #a00d24; }
.cp-form input[type="submit"]:active,
.cp-form .wpcf7-submit:active { transform: translateY(1px); }

/* CF7 validation */
.cp-form .wpcf7-not-valid { border-color: rgba(200,16,46,.6) !important; }
.cp-form .wpcf7-not-valid-tip { font-size: 10px; color: var(--red); letter-spacing: .5px; margin-top: 4px; }
.cp-form .wpcf7-response-output {
  font-size: 12px;
  padding: 14px 18px;
  border: 1px solid rgba(0,0,0,.1);
  color: rgba(0,0,0,.6);
  margin-top: 8px;
  font-family: var(--f);
}
.cp-form .wpcf7-mail-sent-ok { border-color: rgba(100,200,100,.3); color: rgba(100,220,100,.8); }
.cp-form .wpcf7-validation-errors,
.cp-form .wpcf7-mail-sent-ng { border-color: rgba(200,16,46,.3); color: rgba(255,100,100,.8); }
.cp-no-form,
.cp-form-fallback { font-size: 14px; color: rgba(0,0,0,.4); font-weight: 500; line-height: 1.8; }
.cp-form-fallback { display: flex; flex-direction: column; gap: 20px; }

/* Info column */
.cp-info-col .section-label { margin-bottom: 32px; }
.cp-details {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: rgba(0,0,0,.05);
  margin-bottom: 40px;
}
.cp-detail-item {
  background: var(--surface2);
  padding: 20px 24px;
  transition: background .3s;
}
.cp-detail-item:hover { background: var(--surface3); }
.cp-detail-label {
  font-size: 10px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: rgba(0,0,0,.3);
  font-weight: 500;
  margin-bottom: 6px;
}
.cp-detail-value {
  font-size: 14px;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.6;
}
.cp-detail-value a {
  color: var(--ink);
  text-decoration: none;
  transition: color .3s;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.cp-detail-value a:hover { color: var(--red); }
.cp-detail-value--small { font-size: 12px; color: rgba(0,0,0,.5); }

/* Dane firmowe */
.cp-company {
  background: var(--surface3);
  border: 1px solid rgba(0,0,0,.06);
  padding: 28px 24px;
}
.cp-company-title {
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--red);
  font-weight: 400;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.cp-company-data {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 24px;
  font-size: 13px;
  font-weight: 500;
}
.cp-company-data dt { color: var(--sub65); letter-spacing: .5px; white-space: nowrap; }
.cp-company-data dd { color: var(--ink); }

/* ── Map ──────────────────────────────────────────────────────── */
.cp-map-section { padding: 100px 0 0; background: var(--white); }
.cp-map-section .section-label { margin-bottom: 32px; }
.cp-map-wrap { position: relative; height: 520px; overflow: hidden; }
.cp-map-wrap iframe {
  width: 100%;
  height: 100%;
  border: none;
  filter: grayscale(.3) contrast(.95);
  display: block;
}
.cp-map-overlay {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 32px 40px;
  background: linear-gradient(to top,rgba(255,255,255,.92) 0%,transparent 100%);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}
.cp-map-pin { display: flex; align-items: center; gap: 16px; }
.cp-map-pin-dot {
  width: 12px;
  height: 12px;
  background: var(--red);
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 0 4px rgba(200,16,46,.2);
  animation: pulse 2s infinite;
}
.cp-map-pin-info { display: flex; flex-direction: column; gap: 2px; }
.cp-map-pin-info strong { font-size: 13px; font-weight: 400; color: var(--ink); letter-spacing: -.2px; }
.cp-map-pin-info span { font-size: 11px; color: var(--sub45); font-weight: 500; }
.cp-map-directions { padding: 12px 24px; font-size: 10px; letter-spacing: 2px; white-space: nowrap; flex-shrink: 0; }

/* ── Responsive ───────────────────────────────────────────────── */
@media(max-width:1024px) {
  .cp-grid { grid-template-columns: 1fr; gap: 60px; }
  .cp-form { padding: 36px 28px; }
  .cp-map-wrap { height: 420px; }
}
@media(max-width:768px) {
  .cp-hero { padding: 120px 0 64px; }
  .cp-main,.cp-map-section { padding: 64px 0; }
  .cp-map-wrap { height: 340px; }
  .cp-map-overlay { flex-direction: column; align-items: flex-start; gap: 16px; padding: 24px; }
  .cp-form { padding: 28px 20px; }
  /* Pola formularza nie mogą wychodzić poza kontener na mobile */
  .cp-form input, .cp-form textarea, .cp-form select, .cp-form .wpcf7-form-control { max-width: 100%; box-sizing: border-box; }
  .cp-form .wpcf7 { max-width: 100%; overflow-wrap: break-word; }
}
/* ================================================================
   SEKCJA KARIERA (strona główna)
   ================================================================ */
[data-section="career"] { background: var(--surface3); }

.career-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

/* ── Lewa kolumna ─────────────────────────────────────────────── */
.career-title {
  font-size: clamp(36px,5vw,64px);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -1.5px;
  margin: 0 0 28px;
}
.career-intro {
  font-size: 17px;
  line-height: 1.9;
  color: var(--sub65);
  font-weight: 500;
  margin-bottom: 44px;
}
.career-apply { display: flex; flex-direction: column; gap: 28px; }
.career-apply-text {
  font-size: 14px;
  line-height: 1.85;
  color: var(--sub65);
  font-weight: 500;
}
.career-email-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 22px 26px;
  background: var(--surface3);
  border-left: 2px solid var(--red);
}
.career-email-label {
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(0,0,0,.3);
  font-weight: 500;
}
.career-email {
  font-size: 17px;
  font-weight: 500;
  color: var(--ink);
  text-decoration: none;
  letter-spacing: -.3px;
  transition: color .3s;
}
.career-email:hover { color: var(--red); }
.career-btn { align-self: flex-start; margin-top: 4px; }

/* ── Prawa kolumna ────────────────────────────────────────────── */
.career-right { display: flex; flex-direction: column; gap: 40px; }

.career-list-block {}
.career-list-title {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--sub65);
  font-weight: 400;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.career-list-intro {
  font-size: 16px;
  line-height: 1.75;
  color: var(--sub65);
  font-weight: 500;
  margin-bottom: 16px;
}
.career-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
  background: rgba(0,0,0,.04);
}
.career-list-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 20px;
  background: var(--surface2);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.65;
  color: var(--sub65);
  transition: background .3s, color .3s, padding-left .3s;
}
.career-list-item:hover {
  background: var(--surface3);
  color: var(--ink);
  padding-left: 26px;
}
.career-list-dot {

  width: 5px;
  height: 5px;
  min-width: 5px;
  background: var(--red);
  border-radius: 50%;
  margin-top: 8px;
  flex-shrink: 0;
  transition: transform .3s;
}
.career-list-item:hover .career-list-dot { transform: scale(1.6); }

/* ── Responsive ───────────────────────────────────────────────── */
@media(max-width:1200px) {
  .career-grid { grid-template-columns: 1fr; gap: 60px; }
}
@media(max-width:640px) {
  .career-email { font-size: 14px; }
}
/* ================================================================
   SEKCJA INWESTYCJE — Wiodące sektory (kafelki)
   ================================================================ */
.inv-sectors-label {
  font-size: 11px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--sub65);
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0,0,0,.05);
  margin-top: 64px;
}

.inv-sectors {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(0,0,0,.05);
  margin-bottom: 52px;
}

.inv-sector {
  background: var(--white);
  position: relative;
  overflow: hidden;
  min-height: 300px;
  /*min-height: 237px;*/
  transition: background .35s;
}

.inv-sector::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 0; height: 2px;
  background: var(--red);
  transition: width .4s ease;
  z-index: 4;
}

.inv-sector:hover::after,
.inv-sector.is-open::after {
  width: 100%;
}

/* Face (grafika) — stan domyślny */
.inv-sector-face {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px 22px;
  transition: opacity .35s ease, transform .45s ease;
}
.inv-sector--has-companies { cursor: pointer; }

.inv-sector-image {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;
  transition: transform .5s ease, filter .4s ease;
}
/* Przyciemnienie dołu grafiki dla czytelności tytułu */
.inv-sector-face::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,0) 75%);
  pointer-events: none;
}
.inv-sector-name {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -.2px;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.inv-sector--other .inv-sector-name { font-size: 13px; }
.inv-sector--has-companies:hover .inv-sector-image,
.inv-sector--has-companies.is-open .inv-sector-image {
  transform: scale(1.04);
}

/* Reveal (spółki) — ukryte do najechania / tapnięcia */
.inv-sector-reveal {
  position: absolute;
  inset: 0;
  z-index: 3;
  background: var(--surface3);
  padding: 24px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .35s ease, transform .4s ease, visibility .35s;
  overflow-y: auto;
}
.inv-sector-reveal-title {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -.2px;
  color: var(--ink);
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.inv-sector--has-companies:hover .inv-sector-reveal,
.inv-sector--has-companies:focus-within .inv-sector-reveal,
.inv-sector--has-companies.is-open .inv-sector-reveal {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.inv-sector--has-companies:hover .inv-sector-face,
.inv-sector--has-companies.is-open .inv-sector-face {
  opacity: 0;
  transform: translateY(-8px);
}

.inv-sector-companies {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.inv-sector-company {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  color: var(--sub65);
  text-decoration: none;
  padding: 8px 0;
  border-top: 1px solid rgba(0,0,0,.06);
  font-weight: 500;
  letter-spacing: .3px;
  transition: color .3s, padding-left .3s;
}
.inv-sector-company:first-child { border-top: none; }

.inv-sector-company--static {
  cursor: default;
}

.inv-sector-company:hover:not(.inv-sector-company--static) {
  color: var(--ink);
  padding-left: 5px;
}

.inv-sector-co-arrow {
  opacity: 0;
  transform: translateX(-3px);
  transition: opacity .3s, transform .3s;
}

.inv-sector-company:hover .inv-sector-co-arrow {
  opacity: .8;
  transform: translateX(3px);
}

/* Responsive */
@media(max-width:1200px) {
  .inv-sectors { grid-template-columns: repeat(3, 1fr); }
}

@media(max-width:768px) {
  .inv-sectors { grid-template-columns: repeat(2, 1fr); }
  /*.inv-sector, .inv-sector-face { min-height: 170px; }*/
  .inv-sector-face { padding: 28px 20px; }
  .inv-sector-reveal { padding: 22px 20px; }
}

@media(max-width:480px) {
  .inv-sectors { grid-template-columns: 1fr; }
}
/* ================================================================
   OFERTA INWESTYCYJNA — page-offer.php
   ================================================================ */

.offer-page { background: var(--white); min-height: 100vh; }

/* ── Hero ─────────────────────────────────────────────────────── */
.oi-hero {
  padding: 160px 0 80px;
  position: relative;
  overflow: hidden;
  background-color: var(--white);
  background-image: var(--parallax-img);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}
.oi-hero-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,#FFFFFF 0%,#F5F4F0 45%,#FAFAF8 100%);
  z-index: 0;
}
.oi-hero[style] .oi-hero-bg { opacity: 0; }
.oi-hero .parallax-overlay { z-index: 1; }
.oi-hero-inner { position: relative; z-index: 2; }

.oi-hero-title {
  font-size: clamp(48px,7vw,96px);
  font-weight: 300;
  line-height: 1.02;
  letter-spacing: -2.5px;
  color: var(--ink);
  margin: 20px 0 36px;
}
.oi-hero-title em { font-style: normal; color: rgba(0,0,0,.6); font-weight: 200; }

.oi-hero-intro {
  font-size: 15px;
  line-height: 1.9;
  color: rgba(0,0,0,.5);
  font-weight: 500;
  max-width: 600px;
  margin-bottom: 56px;
}

/* Quick navigation */
.oi-quicknav {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  background: rgba(0,0,0,.05);
  margin-top: 56px;
}
.oi-quicknav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 22px;
  background: rgba(255,255,255,.4);
  backdrop-filter: blur(8px);
  text-decoration: none;
  color: var(--sub65);
  flex: 1 1 auto;
  min-width: 160px;
  transition: background .3s, color .3s;
  border-bottom: 2px solid transparent;
}
.oi-quicknav-item:hover {
  background: rgba(200,16,46,.08);
  color: var(--ink);
  border-bottom-color: var(--red);
}
.oi-quicknav-num {
  font-size: 9px;
  letter-spacing: 2px;
  color: var(--red);
  font-weight: 400;
  flex-shrink: 0;
}
.oi-quicknav-name {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .3px;
}

@supports (-webkit-overflow-scrolling: touch) {
  .oi-hero { background-attachment: scroll; }
}

/* ── Offer Items ───────────────────────────────────────────────── */
.section.oi-items {
	padding: 0;
}
.oi-item {
  padding: 80px 0;
  position: relative;
}
.oi-item--dark   { background: var(--surface2); }
.oi-item--darker { background: var(--white); }

.oi-item-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 80px;
  align-items: start;
}

/* Left column */
.oi-item-left { position: sticky; top: 100px; }

.oi-item-num {
  font-size: 16px;
  letter-spacing: 4px;
  color: var(--red);
  font-weight: 400;
  margin-bottom: 16px;
}
.oi-item-title {
  font-size: clamp(26px,3vw,38px);
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1.15;
  color: var(--ink);
}
.oi-item-badge {
  display: inline-flex;
  align-items: center;
  margin-top: 20px;
  padding: 8px 14px;
  border: 1px solid rgba(200,16,46,.3);
  background: rgba(200,16,46,.06);
}
.oi-item-badge span {
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--red);
  font-weight: 300;
  line-height: 1.4;
}

/* Right column */
.oi-item-right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.oi-item-body {
  font-size: 15px;
  line-height: 1.9;
  color: var(--sub65);
  font-weight: 500;
}
.oi-item-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: rgba(0,0,0,.04);
  margin: 4px 0;
}
.oi-item-list-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 14px 20px 14px;
	padding-left: 30px !important;
  background: var(--surface2);
  font-size: 14px;
  font-weight: 500;
  color: rgba(0,0,0,.6);
  line-height: 1.6;
  transition: background .3s, color .3s, padding-left .3s;\
	list-style-type: none;
}
.oi-item-list-item:before {
	content: "" !important;
	width: 5px;
	height: 5px;
	min-width: 5px;
	background: var(--red);
	border-radius: 50%;
	margin-top: 8px;
	flex-shrink: 0;
	transition: transform .3s;
	left: 13px !important;
}
.oi-item-list-item:hover {
	padding-left: 40px !important;
}
.oi-item--dark .oi-item-list-item { background: var(--surface2); }
.oi-item-list-item:hover {
  background: var(--surface4);
  color: var(--ink);
  padding-left: 26px;
}
.oi-item-list-dot {
  width: 5px;
  height: 5px;
  min-width: 5px;
  background: var(--red);
  border-radius: 50%;
  margin-top: 8px;
  flex-shrink: 0;
  transition: transform .3s;
}
.oi-item-list-item:hover .oi-item-list-dot { transform: scale(1.6); }

.oi-item-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 20px;
  background: rgba(200,16,46,.05);
  border-left: 2px solid rgba(200,16,46,.4);
  font-size: 13px;
  color: var(--sub45);
  font-weight: 500;
  font-style: italic;
  line-height: 1.65;
}
.oi-item-note span[aria-hidden] {
  color: var(--red);
  font-style: normal;
  flex-shrink: 0;
}

/* Alternating left border accent */
.oi-item::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, var(--red), transparent);
  opacity: 0;
  transition: opacity .4s;
}
.oi-item:hover::before { opacity: 1; }

/* ── CTA ──────────────────────────────────────────────────────── */
.oi-cta {
  padding: 100px 0 120px;
  position: relative;
  background: var(--surface2);
  overflow: hidden;
}
.oi-cta-bg {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(45deg,transparent,transparent 80px,rgba(200,16,46,.012) 80px,rgba(200,16,46,.012) 81px);
}
.oi-cta-bg::after {
  content: '';
  position: absolute;
  bottom: 0; right: 0;
  width: 40%; height: 100%;
  background: linear-gradient(to top left,rgba(200,16,46,.04) 0%,transparent 60%);
}
.oi-cta-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}
.oi-cta-left .section-label { margin-bottom: 22px; }
.oi-cta-title {
  font-size: clamp(36px,5vw,64px);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -1.5px;
  color: var(--ink);
}
.oi-cta-title em { font-style: normal; color: rgba(0,0,0,.35); font-weight: 200; }
.oi-cta-right { display: flex; flex-direction: column; gap: 32px; }
.oi-cta-text {
  font-size: 15px;
  line-height: 1.9;
  color: var(--sub65);
  font-weight: 500;
}
.oi-cta-email-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 22px 26px;
  background: var(--surface3);
  border-left: 2px solid var(--red);
}
.oi-cta-email-label {
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(0,0,0,.3);
  font-weight: 500;
}
.oi-cta-email {
  font-size: 18px;
  font-weight: 500;
  color: var(--ink);
  text-decoration: none;
  letter-spacing: -.3px;
  transition: color .3s;
}
.oi-cta-email:hover { color: var(--red); }
.oi-cta-btn { align-self: flex-start; }

/* ── Responsive ───────────────────────────────────────────────── */
@media(max-width:1024px) {
  .oi-item-grid  { grid-template-columns: 200px 1fr; gap: 48px; }
  .oi-cta-inner  { grid-template-columns: 1fr; gap: 52px; }
}
@media(max-width:768px) {
  .oi-hero { padding: 120px 0 60px; background-attachment: scroll; }
  .oi-item { padding: 60px 0; }
  .oi-item-grid { grid-template-columns: 1fr; gap: 32px; }
  .oi-item-left { position: static; }
  .oi-item-title { font-size: clamp(22px,5vw,32px); }
  .oi-quicknav-item { min-width: 140px; }
  .oi-cta-email { font-size: 15px; }
}
@media(max-width:480px) {
  .oi-quicknav { flex-direction: column; }
  .oi-quicknav-item { flex: none; }
}

/* ================================================================
   SCROLL TO TOP
   ================================================================ */
.scroll-top {
  position: fixed;
  bottom: 36px;
  right: 36px;
  z-index: 400;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 14px 12px;
  background: var(--surface3);
  border: 1px solid rgba(0,0,0,.1);
  color: var(--sub45);
  cursor: none;
  font-family: var(--f);
  transition: background .3s, border-color .3s, color .3s, opacity .35s, transform .35s;
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
}
 
.scroll-top.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
 
.scroll-top:hover {
  background: var(--surface4);
  border-color: rgba(200,16,46,.4);
  color: var(--ink);
}
 
.scroll-top svg {
  transition: transform .3s;
}
 
.scroll-top:hover svg {
  transform: translateY(-2px);
}
 
.scroll-top-label {
  font-size: 8px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
}
 
@media(max-width:768px) {
  .scroll-top {
    bottom: 20px;
    right: 20px;
    padding: 12px 10px;
  }
}
 
@media(pointer: coarse) {
  .scroll-top { cursor: pointer; }
}
/* ================================================================
   STRONA STANDARDOWA — page-standard.php
   ================================================================ */

.standard-page { background: var(--white); min-height: 100vh; }

/* ── Hero ─────────────────────────────────────────────────────── */
.sp-hero {
  padding: 160px 0 100px;
  position: relative;
  overflow: hidden;
  background-color: var(--white);
  background-image: var(--parallax-img);
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.sp-hero-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,#FFFFFF 0%,#F5F4F0 45%,#FAFAF8 100%);
  z-index: 0;
}
.sp-hero[style] .sp-hero-bg { opacity: 0; }
.sp-hero .parallax-overlay { z-index: 1; }
.sp-hero-inner { position: relative; z-index: 2; max-width: 900px; }

.sp-hero-title {
  font-size: clamp(40px,6vw,84px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -2px;
  color: var(--ink);
  margin: 18px 0 28px;
}
.sp-hero-intro {
  font-size: 15px;
  line-height: 1.9;
  color: rgba(0,0,0,.5);
  font-weight: 500;
  max-width: 620px;
}
@supports (-webkit-overflow-scrolling: touch) {
  .sp-hero { background-attachment: scroll !important; }
}
@media(max-width:768px) {
  .sp-hero { padding: 120px 0 64px; background-attachment: scroll !important; }
  .sp-hero-title { letter-spacing: -1px; }
}

/* ── Gutenberg content area ───────────────────────────────────── */
.sp-content { padding: 80px 0 100px; }
.sp-content-inner { max-width: 860px; }

/* Typography */
.sp-content-inner h1,
.sp-content-inner h2,
.sp-content-inner h3,
.sp-content-inner h4,
.sp-content-inner h5,
.sp-content-inner h6 {
  font-family: var(--f);
  font-weight: 300;
  color: var(--ink);
  line-height: 1.15;
  letter-spacing: -.5px;
  margin-bottom: .6em;
  margin-top: 1.8em;
}
.sp-content-inner h1 { font-size: clamp(32px,4vw,56px); letter-spacing: -1.5px; }
.sp-content-inner h2 { font-size: clamp(24px,3vw,40px); letter-spacing: -1px; }
.sp-content-inner h3 { font-size: clamp(18px,2.2vw,28px); }
.sp-content-inner h4 { font-size: 20px; }
.sp-content-inner h5 { font-size: 16px; font-weight: 400; letter-spacing: .5px; text-transform: uppercase; color: rgba(0,0,0,.5); }
.sp-content-inner h6 { font-size: 12px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: var(--red); }

.sp-content-inner p {
  font-size: 15px;
  line-height: 1.9;
  color: rgba(0,0,0,.55);
  font-weight: 500;
  margin-bottom: 1.4em;
}

.sp-content-inner strong { font-weight: 500; color: var(--ink); }
.sp-content-inner em     { font-style: italic; color: rgba(0,0,0,.7); }

/* Links */
.sp-content-inner a {
  color: var(--red);
  text-decoration: none;
  border-bottom: 1px solid rgba(200,16,46,.3);
  transition: border-color .3s, color .3s;
}
.sp-content-inner a:hover { border-color: var(--red); }

/* Lists */
.sp-content-inner ul,
.sp-content-inner ol {
  margin: 0 0 1.4em 0;
  padding-left: 0;
  display: block;
}

/* Top-level list items */
.sp-content-inner ul > li,
.sp-content-inner ol > li {
  list-style: none;
  padding: 12px 20px 12px 44px;
  background: var(--surface2);
  font-size: 14px;
  font-weight: 500;
  color: rgba(0,0,0,.6);
  line-height: 1.7;
  position: relative;
  border-bottom: 1px solid rgba(0,0,0,.03);
  transition: background .3s, color .3s;
}
.sp-content-inner ul > li:hover,
.sp-content-inner ol > li:hover { background: var(--surface3); color: rgba(0,0,0,.8); }

/* UL bullet */
.sp-content-inner ul > li::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 20px;
  width: 5px;
  height: 5px;
  background: var(--red);
  border-radius: 50%;
  flex-shrink: 0;
}

/* OL counter */
.sp-content-inner ol { counter-reset: sp-counter; }
.sp-content-inner ol > li::before {
  content: counter(sp-counter, decimal-leading-zero);
  counter-increment: sp-counter;
  position: absolute;
  left: 20px;
  top: 13px;
  font-size: 9px;
  letter-spacing: 1.5px;
  color: var(--red);
  font-weight: 400;
  line-height: 1;
}

/* Nested lists */
.sp-content-inner ul ul,
.sp-content-inner ol ul,
.sp-content-inner ul ol,
.sp-content-inner ol ol {
  margin: 8px 0 4px -24px;
  padding-left: 0;
  background: transparent;
  border-top: none;
}
.sp-content-inner ul ul > li,
.sp-content-inner ol ul > li,
.sp-content-inner ul ol > li,
.sp-content-inner ol ol > li {
  padding: 8px 16px 8px 36px;
  background: rgba(255,255,255,.2);
  font-size: 13px;
  color: var(--sub45);
  border-bottom: 1px solid rgba(0,0,0,.02);
}
.sp-content-inner ul ul > li::before,
.sp-content-inner ul ol > li::before {
  left: 16px;
  top: 16px;
  width: 3px;
  height: 3px;
  background: rgba(200,16,46,.6);
}
.sp-content-inner ol ol > li::before {
  left: 16px;
  top: 9px;
  font-size: 8px;
}

/* Inline elements inside li */
.sp-content-inner li strong { color: var(--ink); font-weight: 500; }
.sp-content-inner li a { color: var(--red); border-bottom: 1px solid rgba(200,16,46,.3); }
.sp-content-inner li p { margin-bottom: .4em; }
.sp-content-inner li p:last-child { margin-bottom: 0; }

/* Blockquote */
.sp-content-inner blockquote {
  margin: 2em 0;
  padding: 28px 32px;
  background: var(--surface2);
  border-left: 3px solid var(--red);
  position: relative;
}
.sp-content-inner blockquote p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.7;
  color: rgba(0,0,0,.8);
  font-style: italic;
  margin-bottom: 0;
}
.sp-content-inner blockquote cite {
  display: block;
  margin-top: 14px;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(0,0,0,.3);
  font-style: normal;
}

/* Separator */
.sp-content-inner hr {
  border: none;
  border-top: 1px solid rgba(0,0,0,.08);
  margin: 3em 0;
}

/* Images */
.sp-content-inner figure { margin: 2em 0; }
.sp-content-inner figure img {
  width: 100%;
  height: auto;
  display: block;
}
.sp-content-inner figcaption {
  font-size: 11px;
  color: rgba(0,0,0,.3);
  letter-spacing: .5px;
  margin-top: 10px;
  font-weight: 500;
}

/* Table */
.sp-content-inner table {
  width: 100%;
  border-collapse: collapse;
  margin: 2em 0;
  font-size: 14px;
}
.sp-content-inner th {
  background: var(--surface3);
  color: var(--ink);
  font-weight: 400;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 14px 18px;
  text-align: left;
  border-bottom: 2px solid var(--red);
}
.sp-content-inner td {
  padding: 14px 18px;
  border-bottom: 1px solid rgba(0,0,0,.05);
  color: rgba(0,0,0,.6);
  font-weight: 500;
  line-height: 1.6;
}
.sp-content-inner tr:hover td { background: rgba(0,0,0,.02); }

/* Code */
.sp-content-inner code {
  font-family: 'Courier New', monospace;
  font-size: 13px;
  background: rgba(0,0,0,.06);
  color: var(--red);
  padding: 2px 6px;
  border-radius: 2px;
}
.sp-content-inner pre {
  background: var(--surface3);
  border: 1px solid rgba(0,0,0,.06);
  padding: 24px 28px;
  overflow-x: auto;
  margin: 2em 0;
}
.sp-content-inner pre code {
  background: none;
  color: rgba(0,0,0,.7);
  padding: 0;
}

/* Gutenberg button block */
.sp-content-inner .wp-block-button__link {
  font-family: var(--f);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  border-bottom: none;
  border-radius: 0;
  padding: 14px 30px;
  transition: background .3s, color .3s;
}
.sp-content-inner .wp-block-button.is-style-outline .wp-block-button__link {
  border: 1px solid rgba(0,0,0,.3);
  color: var(--ink);
  background: transparent;
}
.sp-content-inner .wp-block-button.is-style-outline .wp-block-button__link:hover {
  border-color: var(--red);
  color: var(--red);
}

/* Gutenberg columns */
.sp-content-inner .wp-block-columns { gap: 40px; }
.sp-content-inner .wp-block-column > *:first-child { margin-top: 0; }

/* Gutenberg group/cover */
.sp-content-inner .wp-block-group {
  padding: 40px;
  background: var(--surface2);
  border: 1px solid rgba(0,0,0,.06);
  margin: 2em 0;
}

@media(max-width:768px) {
  .sp-content { padding: 52px 0 64px; }
  .sp-content-inner blockquote { padding: 20px 22px; }
  .sp-content-inner .wp-block-group { padding: 24px; }
}
/* ================================================================
   STRONA 404
   ================================================================ */
.page-404 { background: var(--white); min-height: 100vh; overflow: hidden; }

.e404-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

/* Background */
.e404-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 60% at 80% 50%, rgba(200,16,46,.06) 0%, transparent 70%),
    linear-gradient(135deg, #FFFFFF 0%, #F5F4F0 50%, #FFFFFF 100%);
  z-index: 0;
}

/* Grid lines */
.e404-grid-lines {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:
    linear-gradient(rgba(0,0,0,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.025) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 100%);
}

/* Giant 404 number */
.e404-code {
  position: absolute;
  right: -2vw;
  top: 50%;
  transform: translateY(-50%);
  font-size: clamp(200px, 28vw, 420px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.05em;
  color: transparent;
  -webkit-text-stroke: 1px rgba(0,0,0,.04);
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

/* Content */
.e404-inner {
  position: relative;
  z-index: 1;
  padding-top: 100px;
  padding-bottom: 100px;
}

.e404-content { max-width: 640px; }

.e404-content .section-label { margin-bottom: 24px; }

.e404-title {
  font-size: clamp(48px, 7vw, 96px);
  font-weight: 300;
  line-height: 1.02;
  letter-spacing: -2.5px;
  color: var(--ink);
  margin-bottom: 32px;
}
.e404-title em {
  font-style: normal;
  color: rgba(0,0,0,.3);
  font-weight: 200;
}

.e404-desc {
  font-size: 15px;
  line-height: 1.9;
  color: rgba(0,0,0,.4);
  font-weight: 300;
  max-width: 520px;
  margin-bottom: 48px;
}

.e404-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
/* Ciemny wariant przycisku „ghost” na jasnym tle 404 */
.e404-actions .btn-ghost { color: var(--sub65); }
.e404-actions .btn-ghost:hover { color: var(--ink); }

@media(max-width:768px) {
  .e404-code {
    font-size: clamp(120px, 40vw, 200px);
    right: -4vw;
    opacity: .6;
  }
  .e404-title { letter-spacing: -1.5px; }
  .e404-actions { gap: 16px; }
}

@media(max-width:480px) {
  .e404-code { display: none; }
  .e404-actions { flex-direction: column; align-items: flex-start; }
}
/* ================================================================
   COOKIE CONSENT v2 — .ck-* classes
   ================================================================ */

/* Banner */
.ck-banner {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 9000;
  /*background: rgba(22,22,22,.97);*/
  background: rgba(255,255,255,.97);
  border-top: 1px solid rgba(0,0,0,.08);
  padding: 20px var(--pad);
  backdrop-filter: blur(16px);
  animation: ckSlideUp .35s ease both;
}
@keyframes ckSlideUp {
  from { transform: translateY(100%); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}
.ck-banner-inner {
  max-width: var(--container);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}
.ck-banner-text { flex: 1; min-width: 260px; }
.ck-banner-title { font-size: 13px; font-weight: 500; color: var(--ink); margin-bottom: 4px; }
.ck-banner-desc  { font-size: 12px; color: rgba(0,0,0,.4); font-weight: 500; line-height: 1.65; }
.ck-link { color: var(--red); text-decoration: none; border-bottom: 1px solid rgba(200,16,46,.3); margin-left: 4px; }
.ck-link:hover { border-color: var(--red); }
.ck-banner-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; flex-shrink: 0; }

/* Buttons */
.ck-btn {
  font-family: var(--f);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 11px 22px;
  border: none;
  cursor: pointer;
  transition: background .3s, color .3s, border-color .3s;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}
.ck-btn--accept { background: var(--red); color: var(--ink); }
.ck-btn--accept:hover { background: #a00d24; }
.ck-btn--reject { background: transparent; color: rgba(0,0,0,.5); border: 1px solid rgba(0,0,0,.15); }
.ck-btn--reject:hover { color: var(--ink); border-color: rgba(0,0,0,.4); }
.ck-btn--manage { background: transparent; color: rgba(0,0,0,.3); border: none; text-decoration: underline; padding: 11px 12px; font-size: 10px; letter-spacing: 1px; }
.ck-btn--manage:hover { color: rgba(0,0,0,.6); }

/* Modal */
.ck-modal {
  position: fixed;
  inset: 0;
  z-index: 9100;
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.ck-modal-box {
  background: var(--surface3);
  border: 1px solid rgba(0,0,0,.09);
  max-width: 540px;
  width: 100%;
  padding: 40px;
  position: relative;
  max-height: 90vh;
  overflow-y: auto;
}
.ck-modal-close {
  position: absolute;
  top: 16px; right: 16px;
  background: none;
  border: none;
  color: rgba(0,0,0,.35);
  font-size: 16px;
  cursor: pointer;
  font-family: var(--f);
  padding: 6px 10px;
  transition: color .3s;
  line-height: 1;
}
.ck-modal-close:hover { color: var(--ink); }
.ck-modal-title {
  font-size: 18px;
  font-weight: 300;
  color: var(--ink);
  letter-spacing: -.3px;
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(0,0,0,.07);
}
.ck-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(0,0,0,.04);
}
.ck-row-info { flex: 1; }
.ck-row-info strong { display: block; font-size: 13px; font-weight: 400; color: var(--ink); margin-bottom: 4px; }
.ck-row-info span   { font-size: 11px; color: rgba(0,0,0,.35); font-weight: 300; line-height: 1.55; }
.ck-always { font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: rgba(0,0,0,.22); white-space: nowrap; flex-shrink: 0; }

/* Toggle */
.ck-toggle { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; cursor: pointer; }
.ck-toggle input { opacity: 0; width: 0; height: 0; position: absolute; }
.ck-slider {
  position: absolute; inset: 0;
  background: rgba(0,0,0,.1);
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 24px;
  transition: background .3s, border-color .3s;
}
.ck-slider::before {
  content: '';
  position: absolute;
  left: 3px; top: 50%;
  transform: translateY(-50%);
  width: 16px; height: 16px;
  background: rgba(0,0,0,.4);
  border-radius: 50%;
  transition: left .25s, background .25s;
}
.ck-toggle input:checked + .ck-slider { background: rgba(200,16,46,.2); border-color: rgba(200,16,46,.5); }
.ck-toggle input:checked + .ck-slider::before { left: calc(100% - 19px); background: var(--red); }

.ck-modal-footer {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(0,0,0,.06);
  display: flex;
  justify-content: flex-end;
}

/* Responsive */
@media(max-width:768px) {
  .ck-banner { padding: 16px 20px; }
  .ck-banner-inner { flex-direction: column; align-items: flex-start; gap: 14px; }
  .ck-banner-actions { width: 100%; }
  .ck-btn--accept, .ck-btn--reject { flex: 1; justify-content: center; }
  .ck-modal-box { padding: 24px 18px; }
}
/* ============================================================
   LIGHT THEME — accent-section overrides
   The red panels (stats + contact + accept button) keep white
   text/borders for contrast against the red accent background.
   ============================================================ */
[data-section="stats"] .stat-number,
[data-section="stats"] .stat-label,
[data-section="contact"] .contact-title,
[data-section="contact"] .contact-sub,
[data-section="contact"] .contact-item-label,
[data-section="contact"] .contact-item-value,
[data-section="contact"] .btn-outline-white { color:#fff }

[data-section="stats"] .stat-block { border-right-color:rgba(255,255,255,.15) }
[data-section="stats"] .stat-block:hover { background:rgba(255,255,255,.09) }

[data-section="contact"] .contact-title em { color:rgba(255,255,255,.55) }
[data-section="contact"] .contact-item-label,
[data-section="contact"] .contact-sub { color:rgba(255,255,255,.75) }
[data-section="contact"] .contact-item-value--small { color:rgba(255,255,255,.7) }
[data-section="contact"] .contact-info { background:rgba(255,255,255,.15) }
[data-section="contact"] .contact-info>div:hover { background:rgba(0,0,0,.12) }
[data-section="contact"] .contact-item-value:hover { color:#111 }
[data-section="contact"] .btn-white { background:#fff; color:var(--red) }
[data-section="contact"] .btn-white:hover { background:#111; color:#fff }
[data-section="contact"] .btn-outline-white { border-color:rgba(255,255,255,.4) }
[data-section="contact"] .btn-outline-white:hover { border-color:#fff; background:rgba(255,255,255,.1) }

.ck-btn--accept { color:#fff }
.btn-pill-icon { color:#fff }

/* ============================================================
   WIDOK POJEDYNCZEGO WPISU (single.php)
   ============================================================ */
.single-post{padding-top:120px}

.post-header{padding:32px 0 40px}
.post-header .container{max-width:820px}
.post-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.post-category{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--red);text-decoration:none;font-weight:400;padding:5px 12px;border:1px solid rgba(200,16,46,.3);border-radius:2px;transition:background .3s,color .3s}
.post-category:hover{background:var(--red);color:var(--white)}
.post-title{font-size:clamp(30px,4.4vw,52px);font-weight:300;line-height:1.1;letter-spacing:-1.2px;color:var(--ink);margin:0 0 22px}
.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--sub65);font-weight:400}
.post-date{letter-spacing:.3px}

.post-thumbnail{margin:0 0 48px}
.post-thumbnail .container{max-width:1080px}
.post-thumbnail-img{width:100%;height:auto;display:block;border-radius:3px}
.post-thumbnail-caption{margin-top:12px;font-size:12px;color:var(--sub65);font-weight:400;text-align:center;font-style:italic}

.post-body{padding-bottom:64px}
.post-body .container{max-width:820px}
.post-content{font-size:16.5px;line-height:1.85;color:var(--sub75);font-weight:400}
.post-content > *:first-child{margin-top:0}
.post-content p{margin:0 0 24px}
.post-content h2{font-size:clamp(24px,3vw,34px);font-weight:300;letter-spacing:-.6px;color:var(--ink);line-height:1.2;margin:48px 0 18px}
.post-content h3{font-size:clamp(20px,2.4vw,26px);font-weight:400;letter-spacing:-.3px;color:var(--ink);margin:40px 0 14px}
.post-content h4{font-size:18px;font-weight:500;color:var(--ink);margin:32px 0 12px}
.post-content a{color:var(--red);text-decoration:none;border-bottom:1px solid rgba(200,16,46,.3);transition:border-color .3s}
.post-content a:hover{border-color:var(--red)}
.post-content ul,.post-content ol{margin:0 0 24px;padding-left:22px}
.post-content li{margin-bottom:9px;line-height:1.75}
.post-content ul li{list-style:none;position:relative;padding-left:16px}
.post-content ul li::before{content:'';position:absolute;left:0;top:12px;width:5px;height:5px;border-radius:50%;background:rgba(200,16,46,.55)}
.post-content ol{list-style:decimal;padding-left:26px}
.post-content ol li{padding-left:4px}
.post-content blockquote{margin:32px 0;padding:6px 0 6px 26px;border-left:2px solid var(--red);font-size:20px;line-height:1.6;font-weight:300;color:var(--ink);letter-spacing:-.3px}
.post-content blockquote p{margin:0}
.post-content img{max-width:100%;height:auto;border-radius:3px;margin:12px 0}
.post-content figure{margin:32px 0}
.post-content figcaption{margin-top:10px;font-size:12px;color:var(--sub65);text-align:center;font-style:italic}
.post-content pre{background:var(--surface3);padding:20px 22px;border-radius:3px;overflow-x:auto;margin:0 0 24px;font-size:13px;line-height:1.6}
.post-content code{background:var(--surface3);padding:2px 6px;border-radius:2px;font-size:.9em}
.post-content pre code{background:none;padding:0}
.post-content hr{border:none;border-top:1px solid rgba(0,0,0,.1);margin:40px 0}
.post-content table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:14px}
.post-content th,.post-content td{padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.08);text-align:left}
.post-content th{font-weight:500;color:var(--ink)}

.post-pagination{display:flex;align-items:center;gap:8px;margin:32px 0 0;font-size:13px}
.post-pagination-label{color:var(--sub65);margin-right:4px}
.post-pagination a,.post-pagination-num{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid rgba(0,0,0,.12);border-radius:2px;color:var(--ink);text-decoration:none;transition:border-color .3s,color .3s}
.post-pagination a:hover{border-color:var(--red);color:var(--red)}

.post-tags{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px;margin-top:48px;padding-top:28px;border-top:1px solid rgba(0,0,0,.08)}
.post-tags-label{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--sub65);font-weight:400}
.post-tags-list{display:flex;flex-wrap:wrap;gap:9px}
.post-tag{font-size:12.5px;color:var(--sub65);text-decoration:none;padding:6px 13px;background:var(--surface3);border-radius:2px;transition:background .3s,color .3s;font-weight:400}
.post-tag:hover{background:var(--red);color:var(--white)}

.post-share{display:flex;align-items:center;gap:16px;margin-top:26px}
.post-share-label{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--sub65);font-weight:400}
.post-share-list{display:flex;gap:10px}
.post-share-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(0,0,0,.15);border-radius:50%;color:var(--sub65);text-decoration:none;transition:border-color .3s,color .3s,background .3s}
.post-share-link:hover{border-color:var(--red);color:var(--red)}

.post-nav{padding:56px 0;border-top:1px solid rgba(0,0,0,.08);background:var(--surface)}
.post-nav .container{max-width:1080px}
.post-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.post-nav-link{display:flex;flex-direction:column;gap:8px;text-decoration:none;padding:24px;background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:3px;transition:border-color .3s,transform .3s}
.post-nav-link:hover{border-color:rgba(0,0,0,.14);transform:translateY(-2px)}
.post-nav-next{text-align:right;align-items:flex-end}
.post-nav-dir{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--red);font-weight:400}
.post-nav-title{font-size:16px;font-weight:400;color:var(--ink);letter-spacing:-.2px;line-height:1.3}

.post-related{padding:72px 0}
.post-related .container{max-width:1080px}
.post-related-title{font-size:clamp(24px,3vw,34px);font-weight:300;letter-spacing:-.6px;color:var(--ink);margin:0 0 40px;line-height:1.1}
.post-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.related-card{text-decoration:none;display:flex;flex-direction:column;gap:16px}
.related-card-media{aspect-ratio:3/2;overflow:hidden;border-radius:3px;background:var(--surface3)}
.related-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.related-card:hover .related-card-img{transform:scale(1.04)}
.related-card-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--surface3),var(--surface4))}
.related-card-body{display:flex;flex-direction:column;gap:7px}
.related-card-cat{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--red);font-weight:400}
.related-card-title{font-size:17px;font-weight:400;color:var(--ink);letter-spacing:-.3px;line-height:1.3;margin:0;transition:color .3s}
.related-card:hover .related-card-title{color:var(--red)}
.related-card-date{font-size:12px;color:var(--sub65);font-weight:400}

@media(max-width:768px){
  .single-post{padding-top:96px}
  .post-nav-grid{grid-template-columns:1fr}
  .post-nav-next{text-align:left;align-items:flex-start}
  .post-related-grid{grid-template-columns:1fr;gap:32px}
  .post-content{font-size:16px}
}

/* ============================================================
   ARCHIWUM / LISTA WPISÓW (home.php – „Wszystkie aktualności”)
   ============================================================ */

/* Stały, jasny nagłówek na widokach bez hero */
body.has-solid-nav #site-nav{background:rgba(255,255,255,.96);border-color:rgba(0,0,0,.07);backdrop-filter:blur(12px)}
body.has-solid-nav .nav-lang{color:rgba(0,0,0,.35)}
body.has-solid-nav .nav-lang-sep{color:rgba(0,0,0,.15)}

.news-archive{padding-top:120px}

.archive-header{padding:40px 0 48px}
.archive-header .container{max-width:var(--container)}
.archive-title{font-size:clamp(34px,4.5vw,62px);font-weight:300;line-height:1.06;letter-spacing:-1.5px;color:var(--ink);margin:0}
.archive-title em{font-style:normal;color:var(--red);font-weight:200}
.archive-intro{margin-top:22px;max-width:640px;font-size:15px;line-height:1.8;color:var(--sub65);font-weight:400}
.archive-intro p{margin:0 0 14px}
.archive-intro p:last-child{margin-bottom:0}

.archive-body{padding-bottom:80px}

.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}
.archive-card{display:flex;flex-direction:column;gap:18px}
.archive-card-media{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:3px;background:var(--surface3)}
.archive-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.archive-card:hover .archive-card-img{transform:scale(1.04)}
.archive-card-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--surface3),var(--surface4))}
.archive-card-body{display:flex;flex-direction:column;gap:10px;flex:1}
.archive-card-cat{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--red);font-weight:400}
.archive-card-title{font-size:19px;font-weight:400;line-height:1.3;letter-spacing:-.3px;color:var(--ink);margin:0}
.archive-card-title a{color:inherit;text-decoration:none;transition:opacity .3s}
.archive-card-title a:hover{opacity:.65}
.archive-card-excerpt{font-size:13.5px;line-height:1.7;color:var(--sub65);font-weight:400;margin:0}
.archive-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid rgba(0,0,0,.06)}
.archive-card-date{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(0,0,0,.35);font-weight:500}
.archive-card-read{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--sub65);text-decoration:none;transition:color .3s}
.archive-card-read:hover{color:var(--red)}
.archive-empty{color:var(--sub65);font-size:14px;padding:40px 0}

/* Paginacja */
.archive-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:64px;justify-content:center}
.archive-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid rgba(0,0,0,.12);border-radius:2px;color:var(--ink);text-decoration:none;font-size:13px;letter-spacing:.5px;transition:border-color .3s,color .3s,background .3s}
.archive-pagination .page-numbers:hover{border-color:var(--red);color:var(--red)}
.archive-pagination .page-numbers.current{background:var(--red);border-color:var(--red);color:var(--white)}
.archive-pagination .page-numbers.dots{border:none;min-width:auto}

@media(max-width:960px){
  .archive-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .news-archive{padding-top:96px}
  .archive-grid{grid-template-columns:1fr;gap:36px}
}
/* === KORONEA W MEDIACH === */
[data-section="media"]{background:var(--white)}
.media-sub{margin:20px 0 0;max-width:620px;font-size:15px;line-height:1.8;color:var(--sub65);font-weight:400}

.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,0,0,.06);margin-top:8px;align-items:stretch}
.media-card{background:var(--surface);transition:background .3s}
.media-card:hover{background:var(--surface3)}
.media-card-link{display:flex;flex-direction:column;gap:13px;height:100%;padding:30px 30px;text-decoration:none;color:inherit}
.media-card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.media-card-tag{display:inline-flex;align-items:center;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;color:var(--red);background:rgba(200,16,46,.08);border-radius:100px;padding:5px 11px;line-height:1}
.media-card-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:var(--red);border:1px solid rgba(200,16,46,.35);border-radius:100px;padding:4px 9px;line-height:1}
.media-card-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;font-size:12px;color:var(--sub45);font-weight:500}
.media-card-outlet{color:var(--sub75);font-weight:600}
.media-card-dot{color:var(--sub45)}
.media-card-date{white-space:nowrap;font-variant-numeric:tabular-nums}
.media-card.is-featured{background:var(--red)}
.media-card.is-featured:hover{background:#A50D26}
.media-card.is-featured .media-card-title,
.media-card.is-featured .media-card-read,
.media-card.is-featured .media-card-outlet{color:#fff}
.media-card.is-featured .media-card-excerpt{color:rgba(255,255,255,.88)}
.media-card.is-featured .media-card-meta,
.media-card.is-featured .media-card-date,
.media-card.is-featured .media-card-dot{color:rgba(255,255,255,.7)}
.media-card.is-featured .media-card-tag{color:#fff;background:rgba(255,255,255,.18)}
.media-card.is-featured .media-card-badge{color:#fff;border-color:rgba(255,255,255,.55)}
.media-card.is-featured:hover .media-card-read{color:#fff}
.media-card.is-featured:hover .media-card-read span{transform:translateX(4px)}
.media-card-title{font-size:19px;font-weight:400;line-height:1.34;letter-spacing:-.3px;color:var(--ink);margin:2px 0 0}
.media-card-excerpt{font-size:13.5px;line-height:1.7;color:var(--sub65);font-weight:400;margin:0}
.media-card-read{margin-top:auto;padding-top:14px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--sub65);font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:color .3s}
.media-card-read span{transition:transform .3s}
.media-card:hover .media-card-read{color:var(--red)}
.media-card:hover .media-card-read span{transform:translateX(4px)}

.media-cta{display:flex;justify-content:center;margin-top:56px}

/* Featured in (belka pod nagłówkiem) */
.media-featured-in{margin-top:40px;padding-top:32px;border-top:1px solid var(--border,rgba(0,0,0,.1))}
.media-featured-in-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--sub45);font-weight:600;margin-bottom:18px}
.media-featured-in-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 40px}
.media-featured-in-item{font-family:var(--f);font-size:20px;font-weight:500;color:var(--ink);opacity:.85}

/* Cytaty (ciemny panel) */
.media-quotes{background:var(--ink);padding:80px 0}
.media-quotes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.media-quote-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:44px 44px 40px;margin:0;display:flex;flex-direction:column}
.media-quote-mark{font-family:Georgia,'Times New Roman',serif;font-size:56px;line-height:.6;color:var(--red);margin-bottom:22px}
.media-quote-text{font-size:22px;line-height:1.5;color:#fff;font-weight:300;margin:0 0 26px;font-style:italic}
.media-quote-name{display:block;font-size:14px;color:#fff;font-weight:600;letter-spacing:.3px}
.media-quote-source{display:block;font-size:13px;color:var(--sub65-w);margin-top:3px}

/* Sekcja z wpisami */
.media-coverage-title{font-size:clamp(26px,3vw,34px);font-weight:300;letter-spacing:-.5px;color:var(--ink);margin:0 0 30px}

/* Archiwum */
.media-archive .archive-body{padding:64px 0 96px}
.media-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:44px}
.media-filter{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--ink);border:1px solid rgba(0,0,0,.14);border-radius:100px;padding:9px 18px;font-family:var(--f);font-size:13px;letter-spacing:.3px;font-weight:400;cursor:none;transition:border-color .3s,background .3s,color .3s}
.media-filter:hover{border-color:var(--red);color:var(--red)}
.media-filter-count{font-size:10px;letter-spacing:.5px;color:var(--sub45);font-weight:600}
.media-filter.active{background:var(--red);border-color:var(--red);color:#fff}
.media-filter.active .media-filter-count{color:rgba(255,255,255,.75)}
.media-grid-archive{background:rgba(0,0,0,.06)}
.media-noresults{color:var(--sub65);font-size:14px;padding:40px 0;margin:0}

@media(max-width:960px){
  .media-grid{grid-template-columns:repeat(2,1fr)}
  .media-quotes-grid{grid-template-columns:1fr}
  .media-quotes{padding:60px 0}
}
@media(max-width:768px){
  .media-grid{grid-template-columns:1fr}
  .media-cta{margin-top:40px}
  .media-featured-in-item{font-size:17px}
}