:root{
  --color-obsidian-bg:#07090e;
  --color-midnight-panel:#171d2a;
  --color-velvet-accent:#271b2b;
  --color-champagne-gold:#c6a46b;
  --color-bronze-shadow:#756044;
  --color-ivory-text:#efe8dc;
  --color-pale-grey-text:#9da4ad;
  --color-champagne-translucent:rgba(198,164,107,.24);

  --font-heading:'Cormorant Garamond',serif;
  --font-body:'Inter','Helvetica Neue',Arial,sans-serif;

  --text-xxl:clamp(2.2rem,4vw,3.2rem);
  --text-xl:clamp(1.8rem,3vw,2.4rem);
  --text-lg:1.6rem;
  --text-md:1.25rem;
  --text-base:1rem;
  --text-sm:0.875rem;

  --space-0:0;
  --space-1:8px;
  --space-2:16px;
  --space-3:32px;
  --space-4:48px;
  --space-5:64px;
  --space-6:96px;

  --container-max:1240px;
  --container-pad:32px;
  --container-pad-sm:16px;

  --radius-sm:4px;
  --radius-md:8px;

  --border-thin:1px solid var(--color-champagne-gold);
  --border-subtle:1px solid var(--color-bronze-shadow);

  --focus-ring:2px solid var(--color-champagne-gold);
}

*,
*::before,
*::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html{
  font-size:16px;
  -webkit-text-size-adjust:100%;
}

body{
  min-height:100vh;
  background:var(--color-obsidian-bg);
  color:var(--color-ivory-text);
  font-family:var(--font-body);
  font-size:var(--text-base);
  line-height:1.65;
  text-rendering:optimizeLegibility;
}

img,
picture,
video,
canvas,
svg{
  display:block;
  max-width:100%;
  height:auto;
}

input,
button,
textarea,
select{
  font:inherit;
  color:inherit;
  background:none;
  border:none;
}

button{
  cursor:pointer;
}

a{
  color:inherit;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

:focus-visible{
  outline:var(--focus-ring);
  outline-offset:2px;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-heading);
  line-height:1.2;
  letter-spacing:0.01em;
  margin-bottom:var(--space-2);
}

h1{font-size:var(--text-xxl);}
h2{font-size:var(--text-xl);}
h3{font-size:var(--text-lg);}
h4{font-size:var(--text-md);}
h5{font-size:var(--text-base);}
h6{font-size:var(--text-sm);}

p{
  margin-bottom:var(--space-2);
  color:var(--color-ivory-text);
}

small{
  font-size:var(--text-sm);
  color:var(--color-pale-grey-text);
}

ul,
ol{
  margin-bottom:var(--space-2);
  padding-left:1.2em;
}

blockquote{
  margin-bottom:var(--space-3);
  padding-left:var(--space-2);
  border-left:var(--border-subtle);
  color:var(--color-pale-grey-text);
}

hr{
  border:none;
  border-top:var(--border-subtle);
  margin:var(--space-4) 0;
}

section{
  padding:var(--space-5) 0;
}

.container{
  width:100%;
  max-width:var(--container-max);
  margin-inline:auto;
  padding-inline:var(--container-pad);
}

@media (max-width:768px){
  .container{
    padding-inline:var(--container-pad-sm);
  }
}

.stack > * + *{
  margin-top:var(--space-3);
}

.stack-sm > * + *{
  margin-top:var(--space-2);
}

.cluster{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  align-items:center;
}

.cluster > *{
  min-width:0;
}

.flex{
  display:flex;
  gap:var(--space-2);
}

.flex-col{
  flex-direction:column;
}

.flex-between{
  justify-content:space-between;
  align-items:center;
}

.panel{
  background:var(--color-midnight-panel);
  border:var(--border-thin);
  border-radius:var(--radius-md);
  padding:var(--space-3);
}

.panel-velvet{
  background:var(--color-velvet-accent);
  border:var(--border-thin);
  border-radius:var(--radius-md);
  padding:var(--space-3);
}

.card{
  background:var(--color-midnight-panel);
  border-radius:var(--radius-sm);
  padding:var(--space-3);
}

.card > *:last-child,
.panel > *:last-child,
.panel-velvet > *:last-child{
  margin-bottom:0;
}

.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 18px;
  border-radius:var(--radius-sm);
  border:var(--border-thin);
  background:transparent;
  color:var(--color-ivory-text);
  text-align:center;
  transition:background .2s ease, border-color .2s ease;
}

.button-primary{
  background:var(--color-champagne-gold);
  color:#000;
  border-color:var(--color-champagne-gold);
}

.button:hover{
  background:var(--color-champagne-translucent);
}

.button-primary:hover{
  background:var(--color-champagne-translucent);
  color:var(--color-ivory-text);
}

input,
textarea,
select{
  width:100%;
  padding:10px 12px;
  border-radius:var(--radius-sm);
  border:var(--border-subtle);
  background:var(--color-midnight-panel);
}

input:focus,
textarea:focus,
select:focus{
  outline:var(--focus-ring);
}

label{
  display:block;
  margin-bottom:6px;
  font-size:var(--text-sm);
  color:var(--color-pale-grey-text);
}

.form-group{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.form-group + .form-group{
  margin-top:var(--space-2);
}


.site-header{position:sticky;top:0;z-index:1000;background:var(--color-obsidian-bg);border-bottom:var(--border-subtle);} 
.header-inner{max-width:var(--container-max);margin-inline:auto;padding:12px var(--container-pad);display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0;}
.brand-mark{height:52px;width:auto;display:block;}
.brand-text{font-family:var(--font-heading);font-size:1.2rem;}

.nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px;}
.nav li{margin:0;padding:0;}
.nav a{font-size:0.9rem;text-transform:uppercase;letter-spacing:.08em;}

.nav a[aria-current="page"]{color:var(--color-champagne-gold);} 

.nav-toggle{display:none;flex-direction:column;gap:4px;padding:8px;border:var(--border-subtle);} 
.nav-toggle span{width:22px;height:2px;background:var(--color-ivory-text);display:block;}
@media (max-width:900px){
  .nav-toggle{display:flex;}
  .nav{position:fixed;top:0;right:0;height:100vh;width:100%;max-width:320px;background:var(--color-midnight-panel);padding:80px 24px;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;}
  .nav.open{transform:translateX(0);} 
  .nav ul{flex-direction:column;align-items:flex-start;gap:20px;}
  body.menu-open{overflow:hidden;}
}

@media (max-width:600px){
  .brand-mark{height:32px;}
}


.site-footer{background:var(--color-midnight-panel);padding:64px 0;border-top:var(--border-subtle);} 
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;} 
.footer-nav ul,.footer-legal ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} 
.footer-bottom{margin-top:32px;text-align:center;} 

.consent{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:var(--color-midnight-panel);border:var(--border-thin);padding:16px 20px;z-index:1100;} 

.age-modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;} 
.age-panel{background:var(--color-midnight-panel);border:var(--border-thin);padding:32px;max-width:420px;width:100%;text-align:center;} 

[data-age-modal][hidden]{display:none !important;} 

@media (max-width:800px){
  .footer-grid{grid-template-columns:1fr;}
}


/* Page root */
.cookies-page section{
  position:relative;
}

.cookies-hero__inner{
  max-width:720px;
  margin-inline:auto;
}

.cookies-section{
  border-top:1px solid var(--color-bronze-shadow);
}

.cookies-divider{
  border-top:1px solid var(--color-bronze-shadow);
}

.cookies-narrow{
  max-width:720px;
}

.cookies-medium{
  max-width:820px;
}

.cookies-block{
  padding-top:var(--space-2);
  border-top:1px solid var(--color-bronze-shadow);
}

.cookies-block + .cookies-block{
  margin-top:var(--space-3);
}

/* Typography control per section */
.cookies-narrow h2{
  max-width:65ch;
}

/* Responsive */
@media (max-width:768px){
  .cookies-hero__inner{
    max-width:100%;
  }

  .cookies-narrow,
  .cookies-medium{
    max-width:100%;
  }
}


.pp section{border-bottom:1px solid var(--color-bronze-shadow);}
.pp section:last-child{border-bottom:none;}

.pp-hero-inner{
  max-width:720px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.pp-lead{color:var(--color-pale-grey-text);}

.pp-section{padding:var(--space-5) 0;}

.pp-panel{background:var(--color-midnight-panel);}

.pp-divider{background:var(--color-velvet-accent);}

.pp-narrow{
  max-width:800px;
}

.pp-medium{
  max-width:900px;
}

.pp-block{
  margin-top:var(--space-3);
}

.pp-two-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
}

.pp-col{min-width:0;}

h2{color:var(--color-champagne-gold);}

@media (max-width:900px){
  .pp-two-col{grid-template-columns:1fr;}
}


.regulamin{display:block}

.reg-section{padding:var(--space-5) 0}

.reg-container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}

.reg-narrow{max-width:720px;margin-inline:auto}
.reg-medium{max-width:860px;margin-inline:auto}

.reg-hero h1{margin-bottom:var(--space-3)}

.reg-highlight{border-left:var(--border-thin);padding-left:var(--space-2);background:var(--color-champagne-translucent)}

.reg-definitions{display:flex;flex-direction:column;gap:var(--space-3)}

.reg-accent{margin:var(--space-3) 0}

.reg-section h2{margin-bottom:var(--space-3)}

@media (max-width:768px){
  .reg-container{padding-inline:var(--container-pad-sm)}
  .reg-narrow,.reg-medium{max-width:100%}
}


.pakiety-page section{position:relative}

.pakiety-hero-grid{display:grid;grid-template-columns:minmax(0,0.45fr) minmax(0,0.55fr);gap:var(--space-4);align-items:center}
.pakiety-hero-text{max-width:70ch}
.pakiety-hero-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}

.pakiety-idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}

.pakiety-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:center}
.pakiety-text{max-width:65ch}

.pakiety-text-wide{max-width:80ch}

.pakiety-rozrywka-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}

.pakiety-centered-panel{max-width:800px;margin-inline:auto;text-align:center}

.pakiety-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}

.pakiety-cta-panel{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

@media(max-width:1000px){
.pakiety-hero-grid{grid-template-columns:1fr}
.pakiety-two-col{grid-template-columns:1fr}
.pakiety-idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pakiety-rozrywka-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pakiety-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:640px){
.pakiety-idea-grid,
.pakiety-rozrywka-grid,
.pakiety-compare-grid{grid-template-columns:1fr}
}


.contact-page section{position:relative}
.contact-hero{padding:96px 0}
.contact-hero__inner{display:flex}
.contact-hero__text{max-width:520px}

.contact-intro__panel{max-width:800px;margin-inline:auto}

.contact-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.contact-process__step{min-width:0}

@media(max-width:1024px){
.contact-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
.contact-process__grid{grid-template-columns:1fr}
}

.contact-options__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.contact-options__item{min-width:0;text-align:center}
@media(max-width:768px){
.contact-options__grid{grid-template-columns:1fr}
}

.contact-form{max-width:900px;margin-inline:auto;display:flex;flex-direction:column;gap:32px}
.contact-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-form__grid .form-group{min-width:0}
.contact-form__full{grid-column:1/-1}
@media(max-width:768px){
.contact-form__grid{grid-template-columns:1fr}
}

.contact-info__panel{max-width:700px}

.contact-response__inner{max-width:600px;margin-inline:auto;text-align:center}

.contact-faq__list{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:16px}
.contact-faq__question{width:100%;text-align:left;padding:16px;border:var(--border-thin);border-radius:4px}
.contact-faq__answer{display:none;padding:16px;border-left:var(--border-subtle)}
.contact-faq__item.active .contact-faq__answer{display:block}

.contact-cta__inner{max-width:520px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:16px}


.home-hero-grid{display:grid;grid-template-columns:40% 60%;min-height:70vh}
.home-hero-text{display:flex;align-items:center}
.home-hero-inner{display:flex;flex-direction:column;gap:var(--space-3);max-width:50ch}
.home-hero-cta{display:flex;gap:var(--space-2)}
.home-hero-media img{width:100%;height:100%;object-fit:cover}

.home-competence-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3);text-align:center}

.home-about-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.home-about-text{max-width:55ch}

.home-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}

.home-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);text-align:center}

.home-showcase-grid{display:grid;grid-template-columns:70% 30%}
.home-showcase-text{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);padding:var(--space-3);max-width:40ch}
.home-showcase-media img{width:100%;height:100%;object-fit:cover}

.home-casino-inner{max-width:60ch;margin-inline:auto;text-align:center}

.home-usecases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}

.home-packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}

.home-principles-inner{max-width:50ch}

.home-consultation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);text-align:center}

.home-final-inner{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center;max-width:50ch;margin-inline:auto}

@media(max-width:1024px){
.home-hero-grid{grid-template-columns:1fr}
.home-competence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-about-grid{grid-template-columns:1fr}
.home-services-grid,.home-usecases-grid,.home-packages-grid{grid-template-columns:1fr 1fr}
.home-process-grid{grid-template-columns:1fr 1fr}
.home-showcase-grid{grid-template-columns:1fr}
.home-consultation-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
.home-services-grid,.home-usecases-grid,.home-packages-grid{grid-template-columns:1fr}
.home-process-grid{grid-template-columns:1fr}
}


.oag-hero{background:var(--color-obsidian-bg);}
.oag-hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-4);align-items:center;}
.oag-hero-text{max-width:70ch;}
.oag-hero-image img{width:100%;height:auto;border-radius:var(--radius-md);}

.oag-about-inner{max-width:720px;margin-inline:auto;text-align:center;}

.oag-philosophy{background:var(--color-velvet-accent);}
.oag-philosophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3);}
.oag-card{min-width:0;transition:background .2s ease;}
.oag-card:hover{background:var(--color-champagne-translucent);}

.oag-competence-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center;}
.oag-competence-text{max-width:75ch;}
.oag-competence-image img{width:100%;border-radius:var(--radius-md);}

.oag-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3);}

.oag-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3);}
.oag-step{min-width:0;}
.oag-process-image{margin-top:var(--space-4);}

.oag-quality-inner{max-width:700px;margin-inline:auto;text-align:center;}

.oag-audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center;}
.oag-audience-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);}
.oag-audience-image img{width:100%;border-radius:var(--radius-md);}

.oag-cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2);}

@media(max-width:1024px){
.oag-hero-grid{grid-template-columns:1fr;}
.oag-competence-grid{grid-template-columns:1fr;}
.oag-audience-grid{grid-template-columns:1fr;}
}

@media(max-width:900px){
.oag-philosophy-grid{grid-template-columns:1fr 1fr;}
.oag-process-grid{grid-template-columns:1fr 1fr;}
}

@media(max-width:600px){
.oag-philosophy-grid,
.oag-process-grid,
.oag-why-grid,
.oag-audience-cols{grid-template-columns:1fr;}
.oag-hero-text{text-align:center;margin-inline:auto;}
}


.proces-page section{position:relative}

.proces-hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-4);align-items:center}
.proces-hero-text{max-width:60ch}
.proces-hero-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}
.proces-hero-lead{color:var(--color-pale-grey-text)}

.proces-filozofia-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.proces-filozofia .card{min-width:0}

.etap-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.etap-grid.reverse{grid-template-columns:50% 50%}
.etap-text{max-width:65ch}
.etap-image img{width:100%;border-radius:var(--radius-md)}

.etap-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.etap-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);max-width:900px;margin-inline:auto}

.proces-faq .faq-container{max-width:800px;margin-inline:auto}
.faq-list{display:flex;flex-direction:column;gap:var(--space-2)}
.faq-item{border:var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}
.faq-question{width:100%;text-align:left;padding:16px;background:var(--color-midnight-panel)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;padding-inline:16px}
.faq-item.active .faq-answer{max-height:300px;padding-bottom:16px}

.proces-cta-box{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

@media (max-width:1024px){
.proces-hero-grid{grid-template-columns:1fr}
.etap-grid{grid-template-columns:1fr}
.etap-grid.reverse{grid-template-columns:1fr}
.proces-filozofia-grid{grid-template-columns:1fr}
.etap-grid-3{grid-template-columns:1fr}
.etap-grid-2{grid-template-columns:1fr}
}


.uslugi-page section{position:relative}

.uslugi-hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-4);align-items:center}
.uslugi-hero-text{max-width:60ch;display:flex;flex-direction:column;gap:var(--space-3)}
.uslugi-hero-media img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}

.uslugi-3col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.uslugi-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:center}

.uslugi-text{max-width:65ch}
.uslugi-centered{max-width:70ch;margin-inline:auto;text-align:center}

.uslugi-tech .card,.uslugi-artysci .card,.uslugi-typy .card{display:flex;flex-direction:column;gap:var(--space-2)}

.uslugi-cta-box{max-width:640px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:1000px){
.uslugi-3col{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
.uslugi-hero-grid{grid-template-columns:1fr}
.uslugi-hero-text{max-width:100%}
.uslugi-2col{grid-template-columns:1fr}
}

@media (max-width:600px){
.uslugi-3col{grid-template-columns:1fr}
}


.realizacje-page section{position:relative}

.realizacje-hero{min-height:80vh;display:flex;align-items:center}
.realizacje-hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.realizacje-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,14,.85) 0%,rgba(7,9,14,.6) 40%,rgba(7,9,14,.2) 100%)}
.hero-inner{position:relative;z-index:1}
.hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-3)}

.realizacje-intro .intro-inner{max-width:720px;margin-inline:auto;text-align:center}
.realizacje-intro .intro-text{display:flex;flex-direction:column;gap:var(--space-3)}

.realizacje-gallery .gallery-lead{max-width:700px}
.gallery-grid{column-count:3;column-gap:var(--space-3);margin-top:var(--space-4)}
.gallery-card{break-inside:avoid;margin-bottom:var(--space-3);background:var(--color-midnight-panel);padding:var(--space-2);border-radius:var(--radius-sm)}
.gallery-card img{width:100%;height:auto;border-radius:var(--radius-sm);margin-bottom:var(--space-2)}

.realizacje-featured .featured-grid{display:flex;flex-direction:column;gap:var(--space-5)}
.featured-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.featured-item.reverse{direction:rtl}
.featured-item.reverse > *{direction:ltr}
.featured-item img{width:100%;border-radius:var(--radius-md)}

.realizacje-scope .scope-inner{max-width:700px;margin-inline:auto;text-align:center}

.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}

.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.details-grid img{width:100%;border-radius:var(--radius-md)}

.realizacje-cta .cta-box{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:1024px){
.gallery-grid{column-count:2}
.featured-item{grid-template-columns:1fr}
.details-grid{grid-template-columns:1fr}
.process-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:640px){
.gallery-grid{column-count:1}
.process-grid{grid-template-columns:1fr}
}


.thank-you-section{
  display:flex;
  align-items:center;
  min-height:70vh;
}

.thank-you-panel{
  max-width:720px;
  margin-inline:auto;
  text-align:center;
}

.thank-you-content{
  max-width:560px;
  margin-inline:auto;
}

.thank-you-actions{
  justify-content:center;
  margin-top:var(--space-2);
}

@media (max-width:768px){
  .thank-you-section{
    min-height:auto;
    padding-top:var(--space-5);
    padding-bottom:var(--space-5);
  }
}

/* ==========================================================
   POLKRA VEST / EDITORIAL REFRESH 2026
   A warmer, high-contrast visual system shared by every page.
   ========================================================== */
:root{
  --color-obsidian-bg:#f3efe7;
  --color-midnight-panel:#fffdf8;
  --color-velvet-accent:#281321;
  --color-champagne-gold:#b24e38;
  --color-bronze-shadow:#cfc5b8;
  --color-ivory-text:#221d1b;
  --color-pale-grey-text:#736b65;
  --color-champagne-translucent:rgba(178,78,56,.12);
  --color-acid:#d8e462;
  --color-paper:#fffdf8;
  --color-sand:#e8ddcf;
  --color-ink:#281321;
  --container-max:1360px;
  --container-pad:clamp(20px,4vw,64px);
  --radius-sm:14px;
  --radius-md:28px;
  --border-thin:1px solid rgba(40,19,33,.75);
  --border-subtle:1px solid rgba(40,19,33,.18);
}

html{scroll-behavior:smooth}
body{background:var(--color-obsidian-bg);color:var(--color-ivory-text);overflow-x:hidden}
p{color:inherit}
section{padding:clamp(72px,9vw,140px) 0}
h1,h2,h3{font-weight:600;letter-spacing:-.025em}
h1{font-size:clamp(3.25rem,7.1vw,7.6rem);line-height:.86}
h2{font-size:clamp(2.65rem,5vw,5.4rem);line-height:.94}
h3{font-size:clamp(1.5rem,2.3vw,2.2rem);line-height:1.03}
h1 em,h2 em{color:var(--color-champagne-gold);font-weight:400}
.lead,.text-large{font-size:clamp(1.1rem,1.45vw,1.45rem);line-height:1.55}
.eyebrow,.section-index{font-family:var(--font-body);font-size:.72rem;font-weight:600;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--color-champagne-gold);margin-bottom:24px}
.section-index{color:inherit;opacity:.65}
.section-ink{background:var(--color-ink);color:#fff9ef}
.section-ink h2,.section-ink h3{color:#fff9ef}
.section-sand{background:var(--color-sand);color:var(--color-ink)}
.section-heading{margin-bottom:clamp(44px,6vw,84px)}
.split-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:clamp(32px,8vw,120px);align-items:end}
.split-heading>p{font-size:1.05rem;max-width:48ch;margin-bottom:8px}
.panel,.panel-velvet,.card{border-radius:var(--radius-md);box-shadow:none}
.panel{background:var(--color-paper);border:var(--border-subtle)}
.panel-velvet{background:var(--color-ink);border:none;color:#fff9ef}
.card{background:rgba(255,253,248,.72);border:var(--border-subtle);padding:clamp(24px,3vw,42px)}
.card:nth-child(even){border-radius:56px 14px 56px 14px}

.button{min-height:52px;padding:13px 22px;border-radius:999px;border:1px solid currentColor;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;transition:transform .25s ease,background .25s ease,color .25s ease}
.button:hover{transform:translateY(-2px);background:var(--color-ink);color:#fff9ef}
.button-primary{background:var(--color-acid);border-color:var(--color-acid);color:var(--color-ink)}
.button-primary:hover{background:#fff9ef;border-color:#fff9ef;color:var(--color-ink)}

.site-header{background:rgba(243,239,231,.9);border-bottom:0;backdrop-filter:blur(18px)}
.header-inner{padding-top:14px;padding-bottom:14px}
.brand-mark{height:42px;filter:contrast(1.08)}
.brand-text{font-size:1.4rem;font-weight:600;letter-spacing:-.02em}
.nav ul{gap:clamp(12px,1.7vw,28px)}
.nav a{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-decoration:none;position:relative}
.nav a:not(.button)::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--color-champagne-gold);transition:right .25s ease}
.nav a:not(.button):hover::after,.nav a[aria-current="page"]::after{right:0}
.nav .button{min-height:42px;padding:9px 16px}
.header-ribbon{display:flex;justify-content:center;gap:clamp(20px,6vw,84px);padding:9px var(--container-pad);background:var(--color-ink);color:#fff9ef;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;overflow:hidden}

.site-footer{background:var(--color-ink);color:#fff9ef;border:0;padding:clamp(72px,8vw,120px) 0 28px}
.footer-intro{padding-bottom:clamp(56px,8vw,100px);border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:64px}
.footer-intro .eyebrow{color:var(--color-acid)}
.footer-intro-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}
.footer-intro h2{max-width:900px;color:#fff9ef;margin:0}
.footer-grid{grid-template-columns:1.5fr .75fr 1fr;gap:clamp(36px,7vw,100px)}
.footer-brand p{max-width:44ch;color:rgba(255,249,239,.68)}
.site-footer a:hover{color:var(--color-acid)}
.footer-bottom{display:flex;justify-content:space-between;margin-top:70px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);text-align:left}
.footer-bottom small{color:rgba(255,249,239,.52)}

/* Home: large editorial opening and alternating content rhythms */
.home-hero{padding:0;background:var(--color-ink);color:#fff9ef}
.home-hero-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);min-height:calc(100svh - 115px);padding:clamp(20px,3vw,42px);gap:clamp(18px,3vw,42px)}
.home-hero-text{border-radius:0;background:transparent;padding:clamp(20px,4vw,70px)}
.home-hero-inner{max-width:720px;gap:26px}
.home-hero-inner h1{color:#fff9ef}
.home-hero-inner>p:not(.eyebrow){max-width:54ch;color:rgba(255,249,239,.74)}
.home-hero-media{min-height:620px;border-radius:80px 12px 80px 12px;overflow:hidden}
.home-hero-media img{height:100%;filter:saturate(.82) contrast(1.05)}
.home-manifesto h2{color:#fff9ef;max-width:950px}
.manifesto-grid,.editorial-grid{display:grid;grid-template-columns:minmax(130px,.3fr) minmax(0,1.7fr);gap:clamp(32px,8vw,120px)}
.manifesto-grid .text-large{max-width:760px;margin-top:38px;color:rgba(255,249,239,.7)}
.home-competence{padding:24px 0;background:var(--color-acid);color:var(--color-ink);border-bottom:1px solid var(--color-ink)}
.home-competence-grid{gap:0;text-align:left}
.home-competence-grid>div{padding:14px 22px;border-left:1px solid rgba(40,19,33,.25);font-size:.78rem;font-weight:600;line-height:1.35;text-transform:uppercase;letter-spacing:.04em}
.home-about{background:var(--color-paper)}
.home-about-grid{grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,130px)}
.home-about-text{max-width:680px}
.home-about-media{border-radius:16px 90px 16px 90px;overflow:hidden;transform:rotate(1.5deg)}
.home-about-media img{width:100%;min-height:560px;object-fit:cover}
.home-services{background:var(--color-obsidian-bg)}
.home-services h2{max-width:750px;margin-bottom:55px}
.home-services-grid{align-items:start}
.home-services-grid .card:nth-child(2){margin-top:58px}
.home-formats .split-heading h2{color:var(--color-ink)}
.format-list{border-top:1px solid var(--color-ink)}
.format-row{display:grid;grid-template-columns:70px 1fr 1fr auto;align-items:center;gap:24px;padding:28px 8px;border-bottom:1px solid rgba(40,19,33,.35);text-decoration:none!important;transition:padding .25s ease,background .25s ease}
.format-row:hover{padding-left:22px;padding-right:22px;background:var(--color-acid)}
.format-row span{font-size:.72rem}.format-row strong{font-family:var(--font-heading);font-size:clamp(1.7rem,3vw,3rem)}.format-row small{color:inherit}.format-row b{font-size:1.5rem}
.home-process{background:var(--color-paper)}
.home-process-grid>div{padding:28px 18px;border-top:1px solid var(--color-ink);text-align:left}
.home-process-grid strong{font-family:var(--font-heading);font-size:1.7rem}
.home-showcase{padding:0;background:var(--color-ink);color:#fff9ef}
.home-showcase-grid{grid-template-columns:1.4fr .6fr}
.home-showcase-text{padding:clamp(44px,7vw,100px);max-width:none}
.home-showcase-text h2{color:#fff9ef}
.home-showcase-media img{min-height:700px}
.home-casino{border-radius:0}
.home-usecases-grid .card,.home-packages-grid .panel{min-height:230px;display:flex;align-items:flex-end;font-family:var(--font-heading);font-size:1.5rem}
.home-principles{background:var(--color-acid)}
.home-principles-inner{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;gap:80px}
.home-principles li{margin-bottom:18px;border-bottom:1px solid rgba(40,19,33,.24);padding-bottom:18px}
.signature-grid,.split-feature{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(45px,9vw,140px)}
.signature-image,.split-feature img{border-radius:80px 14px 80px 14px;overflow:hidden}
.signature-image img{width:100%;min-height:600px;object-fit:cover}
.signature-copy{max-width:620px}
.check-list{list-style:none;padding:0;margin-top:32px}
.check-list li{padding:14px 0 14px 34px;border-bottom:1px solid currentColor;position:relative}.check-list li::before{content:"↗";position:absolute;left:0;color:var(--color-champagne-gold)}
.home-consultation{background:var(--color-sand)}
.home-final{border:0;border-radius:0;background:var(--color-champagne-gold);color:#fff9ef}
.home-final h2{color:#fff9ef}

/* Shared interiors */
.oag-hero,.proces-hero,.uslugi-hero,.pakiety-hero{padding-top:clamp(78px,8vw,120px);background:var(--color-paper)}
.oag-hero-grid,.proces-hero-grid,.uslugi-hero-grid,.pakiety-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,100px)}
.oag-hero-image,.proces-hero-image,.uslugi-hero-media,.pakiety-hero-image{border-radius:70px 14px 70px 14px;overflow:hidden}
.oag-hero-image img,.proces-hero-image img,.uslugi-hero-media img,.pakiety-hero-image img{min-height:620px;object-fit:cover}
.oag-philosophy,.uslugi-koncepcja,.uslugi-integracja{border:0;border-radius:0;background:var(--color-ink);color:#fff9ef}
.oag-philosophy h2,.uslugi-koncepcja h2,.uslugi-integracja h2{color:#fff9ef}
.oag-philosophy .card,.uslugi-koncepcja .card{background:transparent;border-color:rgba(255,255,255,.28);color:#fff9ef}
.oag-process-image img,.pakiety-image img,.uslugi-media img{width:100%;max-height:650px;object-fit:cover;border-radius:14px 70px 14px 70px}
.oag-quality,.pakiety-kompleksowy,.contact-response{background:var(--color-acid)}
.oag-values h2,.proces-checkpoints h2,.realizacje-lens h2,.uslugi-deliverables h2,.package-path h2{color:var(--color-ink)}
.numbered-cards,.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.numbered-cards article,.path-grid article{padding:32px;border:1px solid rgba(40,19,33,.3);min-height:290px;display:flex;flex-direction:column}
.numbered-cards article:nth-child(2),.path-grid article:nth-child(2){border-radius:70px 14px 70px 14px;background:var(--color-paper)}
.numbered-cards article>span,.path-grid article>span{font-size:.72rem;margin-bottom:auto}.numbered-cards h3,.path-grid h3{margin-top:70px}
.editorial-grid blockquote{font-family:var(--font-heading);font-size:clamp(2.5rem,5.4vw,6rem);line-height:.95;border:0;padding:0;margin:0;max-width:1100px;color:#fff9ef}
.checkpoints-grid,.deliverables-grid,.brief-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(50px,10vw,150px);align-items:start}
.checkpoint-list,.deliverables-list{list-style:none;padding:0;margin:0;border-top:1px solid currentColor}
.checkpoint-list li,.deliverables-list li{display:flex;gap:28px;padding:24px 0;border-bottom:1px solid currentColor}
.checkpoint-list span,.deliverables-list span,.brief-points span{font-size:.7rem;letter-spacing:.1em;color:var(--color-champagne-gold)}
.checkpoint-list strong{display:block;font-family:var(--font-heading);font-size:1.7rem}.checkpoint-list small{display:block;margin-top:5px;color:inherit;opacity:.65}
.process-aftercare{background:var(--color-paper)}
.split-feature img{width:100%;min-height:540px;object-fit:cover}
.brief-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--color-ink);border-left:1px solid var(--color-ink)}
.brief-points>div{padding:28px;border-right:1px solid var(--color-ink);border-bottom:1px solid var(--color-ink);min-height:190px}
.contact-hero{background:var(--color-ink);color:#fff9ef;min-height:68vh;display:flex;align-items:end;position:relative;overflow:hidden}
.contact-hero::after{content:"PV";position:absolute;right:-.03em;bottom:-.25em;font-family:var(--font-heading);font-size:clamp(18rem,42vw,44rem);line-height:1;color:rgba(255,255,255,.04);pointer-events:none}
.contact-hero h1{color:#fff9ef}.contact-hero__text{max-width:900px;position:relative;z-index:1}.contact-hero__text p{max-width:60ch;color:rgba(255,249,239,.7);font-size:1.15rem}
.contact-form{background:var(--color-paper);padding:clamp(28px,5vw,70px)}
input,textarea,select{background:transparent;border:0;border-bottom:1px solid rgba(40,19,33,.4);border-radius:0;color:var(--color-ink)}
.contact-info__panel{max-width:100%;background:var(--color-champagne-gold);color:#fff9ef;border-radius:70px 14px 70px 14px;padding:clamp(35px,7vw,90px)}
.contact-info__panel h2{color:#fff9ef;max-width:800px}
.contact-faq__question,.faq-question{background:transparent;border:0;border-bottom:1px solid rgba(40,19,33,.3);border-radius:0;font-family:var(--font-heading);font-size:1.45rem}
.contact-faq__question::after,.faq-question::after{content:"+";float:right;font-family:var(--font-body)}
.contact-faq__item.active .contact-faq__question::after,.faq-item.active .faq-question::after{content:"−"}
.realizacje-hero{min-height:calc(100svh - 110px)}
.realizacje-hero::after{background:linear-gradient(90deg,rgba(40,19,33,.92),rgba(40,19,33,.25))}
.realizacje-hero h1{color:#fff9ef;font-size:clamp(3.1rem,6.2vw,6.7rem)}
.hero-text{max-width:820px}
.gallery-grid{column-gap:28px}.gallery-card{padding:0;background:transparent;border-radius:0}.gallery-card img{border-radius:45px 10px 45px 10px;filter:saturate(.78);transition:filter .35s ease,transform .35s ease}.gallery-card:hover img{filter:saturate(1);transform:scale(.985)}
.featured-item{gap:clamp(45px,8vw,120px)}.featured-item img,.details-grid img{border-radius:70px 14px 70px 14px}
.realizacje-scope,.pakiety-light,.uslugi-tech{background:var(--color-ink);color:#fff9ef;border-radius:0;border:0}.realizacje-scope h2,.pakiety-light h2,.uslugi-tech h2{color:#fff9ef}
.realizacje-process .card,.pakiety-compare-grid .card{min-height:300px}
.deliverables-list li{font-family:var(--font-heading);font-size:clamp(1.4rem,2.4vw,2.2rem)}
.package-included h2,.uslugi-scale h2,.contact-territory h2{color:#fff9ef}
.check-list.large{font-family:var(--font-heading);font-size:clamp(1.35rem,2vw,2rem);margin:0}

/* Legal and utility pages inherit the same system without losing readability */
.cookies-hero,.pp-hero,.reg-hero{background:var(--color-ink);color:#fff9ef}.cookies-hero h1,.pp-hero h1,.reg-hero h1{color:#fff9ef;font-size:clamp(3rem,6vw,6rem)}
.cookies-narrow,.cookies-medium,.pp-narrow,.pp-medium,.reg-narrow,.reg-medium{line-height:1.8}
.pp-panel{background:var(--color-paper)}.pp-divider{background:var(--color-sand)}
.reg-highlight{background:var(--color-acid);color:var(--color-ink);border:0;border-radius:18px;padding:24px}
.thank-you-section{background:var(--color-ink);min-height:80vh}.thank-you-panel{background:var(--color-paper);color:var(--color-ink);padding:clamp(35px,7vw,90px);border-radius:70px 14px 70px 14px}

.consent{width:min(680px,calc(100% - 32px));background:var(--color-paper);color:var(--color-ink);border:var(--border-subtle);border-radius:20px;box-shadow:0 20px 60px rgba(40,19,33,.18)}
.consent-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.consent p{margin:0}
.age-modal{background:rgba(40,19,33,.84);backdrop-filter:blur(14px)}
.age-panel{background:var(--color-paper);color:var(--color-ink);border:0;border-radius:50px 12px 50px 12px;padding:48px}

@media(max-width:1100px){
  .nav ul{gap:12px}.nav a{font-size:.65rem}.brand-text{display:none}
  .home-hero-grid{grid-template-columns:1fr;min-height:auto}.home-hero-media{min-height:65vh}.home-hero-text{padding-top:70px;padding-bottom:70px}
  .home-showcase-grid{grid-template-columns:1fr}.home-showcase-media img{min-height:520px}.home-showcase-text{max-width:760px}
  .oag-hero-grid,.proces-hero-grid,.uslugi-hero-grid,.pakiety-hero-grid{grid-template-columns:1fr}.oag-hero-image img,.proces-hero-image img,.uslugi-hero-media img,.pakiety-hero-image img{min-height:500px}
}

@media(max-width:900px){
  .nav{background:var(--color-ink);color:#fff9ef}.nav .button{color:var(--color-ink)}.brand-text{display:block}
  .nav-toggle{position:relative;z-index:1101;transition:background .25s ease,border-color .25s ease,transform .25s ease}
  .nav-toggle span{transition:transform .25s ease,opacity .2s ease,background .25s ease;transform-origin:center}
  .nav-toggle[aria-expanded="true"]{position:fixed;top:20px;right:20px;width:48px;height:48px;align-items:center;justify-content:center;border-radius:50%;border-color:rgba(255,249,239,.38);background:rgba(255,255,255,.08)}
  .nav-toggle[aria-expanded="true"] span{position:absolute;background:#fff9ef}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){transform:rotate(-45deg)}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){opacity:0}
  .header-ribbon{justify-content:flex-start}.header-ribbon span:nth-child(n+3){display:none}
  .split-heading,.manifesto-grid,.editorial-grid,.checkpoints-grid,.deliverables-grid,.brief-grid,.signature-grid,.split-feature,.home-principles-inner,.footer-intro-row{grid-template-columns:1fr}
  .home-competence-grid{grid-template-columns:1fr 1fr}.home-competence-grid>div:last-child{display:none}
  .home-services-grid .card:nth-child(2){margin-top:0}
  .numbered-cards,.path-grid{grid-template-columns:1fr 1fr}.numbered-cards article:last-child,.path-grid article:last-child{grid-column:1/-1}
  .format-row{grid-template-columns:45px 1fr auto}.format-row small{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}

@media(max-width:640px){
  section{padding:72px 0}h1{font-size:clamp(3rem,16vw,5rem)}h2{font-size:clamp(2.45rem,13vw,4rem)}
  .header-inner{padding-inline:18px}.brand-mark{height:34px}.brand-text{font-size:1.15rem}.header-ribbon{gap:24px}
  .home-hero-grid{padding:12px}.home-hero-text{padding:56px 12px 42px}.home-hero-media{min-height:54vh;border-radius:45px 8px 45px 8px}.home-hero-cta{flex-direction:column;align-items:stretch}
  .home-competence-grid{grid-template-columns:1fr}.home-competence-grid>div:nth-child(n+4){display:none}
  .home-about-media img,.signature-image img{min-height:420px}.home-showcase-media img{min-height:430px}
  .numbered-cards,.path-grid{grid-template-columns:1fr}.numbered-cards article:last-child,.path-grid article:last-child{grid-column:auto}
  .brief-points{grid-template-columns:1fr}.format-row{grid-template-columns:32px 1fr auto;gap:12px;padding:22px 4px}.format-row strong{font-size:1.55rem}
  .editorial-grid blockquote{font-size:2.5rem}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-intro-row .button{width:100%}.footer-bottom{gap:16px;flex-direction:column}
  .consent-inner{flex-direction:column;align-items:stretch}.age-panel{margin:16px;padding:32px 24px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}