@import url("https://fonts.googleapis.com/css2?family=Allura&display=swap");
:root{
  --bg:#090909;
  --bg-2:#11110f;
  --text:#f4f0e8;
  --muted:#b9b3a8;
  --gold:#c9a56b;
  --gold-2:#e0c395;
  --cream:#f1ede5;
  --dark:#12110f;
  --line:rgba(255,255,255,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Montserrat",sans-serif;
  line-height:1.6;
}
img{display:block;width:100%}
#top,section[id]{scroll-margin-top:110px}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:"Cormorant Garamond",serif;line-height:1.05;margin:0}
p{margin:0}
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 5vw;
  background:linear-gradient(to bottom,rgba(0,0,0,.86),rgba(0,0,0,.2));
  backdrop-filter:blur(7px);
  transition:.3s ease;
}
.site-header.scrolled{background:rgba(8,8,8,.93);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{
  width:44px;height:44px;border:1px solid var(--gold);
  display:grid;place-items:center;font-family:"Cormorant Garamond";font-size:32px;color:var(--gold)
}
.brand-text{display:flex;flex-direction:column;line-height:1.1;letter-spacing:.24em}
.brand-text strong{font-weight:400;font-size:14px}
.brand-text small{font-size:8px;letter-spacing:.14em;color:#aaa;margin-top:5px}
.main-nav{display:flex;align-items:center;gap:30px;font-size:13px}
.main-nav a{position:relative}
.main-nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--gold);transition:.3s}
.main-nav a:hover::after{width:100%}
.nav-cta{padding:12px 18px;background:var(--gold);color:#111;font-weight:600}
.menu-toggle{display:none;background:none;border:0;padding:7px}
.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}

.hero{
  min-height:100vh;position:relative;display:flex;align-items:center;
  padding:135px 7vw 85px;
  background:
    linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.43) 47%,rgba(0,0,0,.16) 100%),
    url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2000&q=90") center/cover no-repeat;
}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 45%)}
.hero-content{position:relative;z-index:2;max-width:760px}
.eyebrow{font-size:12px;letter-spacing:.38em;color:var(--gold);margin-bottom:20px;font-weight:600}
.eyebrow.dark{color:#80633a}
.hero h1{font-size:clamp(60px,7vw,105px);font-weight:600;letter-spacing:-.02em}
.hero h1 span{color:var(--gold-2)}
.hero-lead{max-width:640px;margin-top:24px;color:#eee;font-size:17px}
.hero-actions{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;font-size:13px;font-weight:600;border:1px solid transparent;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:#111}
.btn-outline{border-color:rgba(255,255,255,.55);color:#fff}
.hero-signature{position:absolute;right:6vw;bottom:45px;z-index:2;color:#cbbda7;font-family:"Cormorant Garamond";font-style:italic;font-size:25px}

.values{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.value{padding:42px 34px;border-right:1px solid var(--line)}
.value:last-child{border-right:none}
.value span{color:var(--gold);font-size:12px}
.value h3{font-size:28px;margin:12px 0 8px}
.value p{font-size:13px;color:var(--muted)}

.section{padding:100px 5vw}
.dark-section{background:#0d0d0c}
.light-section{background:var(--cream);color:#181716}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}
.section-head h2{font-size:clamp(42px,4.8vw,70px)}
.section-intro{max-width:430px;color:var(--muted);font-size:14px}
.dark-text{color:#57524a}

.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.project-card{position:relative;overflow:hidden;background:#111}
.project-card img{height:480px;object-fit:cover;filter:saturate(.8);transition:transform .7s ease}
.project-card:hover img{transform:scale(1.035)}
.project-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),transparent 55%)}
.project-info{position:absolute;z-index:2;left:28px;right:28px;bottom:25px}
.project-info p{font-size:10px;color:var(--gold);letter-spacing:.18em}
.project-info h3{font-size:32px;margin:5px 0}
.project-info span{font-size:12px;color:#ccc}

.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{padding:36px;border:1px solid #cec6b9;background:#f8f4ed;min-height:290px;display:flex;flex-direction:column}
.service-card.featured{background:#171613;color:#fff;border-color:#171613}
.service-no{font-size:11px;letter-spacing:.2em;color:#9f7d48}
.service-card h3{font-size:34px;margin:24px 0 12px}
.service-card p{font-size:13px;color:#625c53}
.service-card.featured p{color:#c5beb1}
.service-card strong{margin-top:auto;padding-top:22px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}

.process-section{position:relative;background:linear-gradient(135deg,#0c0c0b 0%,#12110f 58%,#0a0a09 100%);min-height:calc(100vh - 76px);display:flex;flex-direction:column;justify-content:flex-start;padding-top:clamp(72px,6vw,105px);padding-bottom:clamp(72px,6vw,105px);scroll-margin-top:76px;overflow:hidden}
.process-section::before{content:"";position:absolute;right:5vw;top:72px;width:min(34vw,620px);height:1px;background:linear-gradient(90deg,transparent,rgba(201,165,107,.28));pointer-events:none}
.process-section .section-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(430px,.85fr) minmax(470px,1fr);align-items:end;gap:clamp(55px,8vw,150px);margin-bottom:42px}
.process-section .section-head h2{font-size:clamp(48px,4.4vw,72px);line-height:.94}
.process-manifesto{position:relative;max-width:650px;padding:3px 0 3px 30px;border-left:2px solid var(--gold)}
.process-manifesto>span{display:block;margin-bottom:18px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.25em;text-transform:uppercase}
.process-manifesto p{color:#aaa399;font-size:17px;line-height:1.72;margin:0}
.process-manifesto p+p{margin-top:10px;color:#d4cec3}
.process-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,165,107,.16);border-top:1px solid rgba(201,165,107,.24);border-bottom:1px solid rgba(201,165,107,.24)}
.process-step{position:relative;padding:34px 28px 40px;border-right:0;background:rgba(15,15,13,.96);transition:background .3s ease,transform .3s ease}
.process-step::after{content:"";position:absolute;left:28px;bottom:0;width:0;height:2px;background:var(--gold);transition:width .35s ease}
.process-step:hover{background:#181611;transform:translateY(-4px)}
.process-step:hover::after{width:64px}
.process-step:last-child{border-right:none}
.step-code{display:flex;align-items:center;justify-content:space-between;gap:15px}
.process-step .step-code span{font-size:13px;color:var(--gold)}
.step-code small{color:#665f55;font-size:8px;font-weight:600;letter-spacing:.16em}
.process-step h3{font-size:30px;margin:14px 0 10px}
.process-step p{font-size:13px;color:var(--muted);line-height:1.75}
.process-closing{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);align-items:center;gap:clamp(45px,6vw,100px);padding-top:40px}
.process-promise{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:30px;padding:25px 0 0;border-top:1px solid rgba(201,165,107,.42)}
.promise-label{padding-top:5px;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.process-quote{max-width:720px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(23px,1.8vw,30px);line-height:1.24;color:#d9d3c9}
.process-benefits{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}
.process-benefits div{display:flex;flex-direction:column;gap:13px;padding:14px 24px 14px 30px;border-right:1px solid var(--line)}
.process-benefits strong{color:var(--gold);font-size:12px;letter-spacing:.15em}
.process-benefits span{color:#e2dcd2;font-size:13px;font-weight:600;line-height:1.45;letter-spacing:.12em;text-transform:uppercase}

.about{display:grid;grid-template-columns:1.05fr .95fr;min-height:650px;background:#0b0b0a}
.about-image{
  background:
    linear-gradient(to top,rgba(5,5,5,.22),transparent 42%),
    url("about-portrait-smile.png") center/contain no-repeat;
  background-color:#080808;
  min-height:650px;
}
.about-content{padding:90px 7vw;display:flex;justify-content:center;flex-direction:column}
.about-content h2{font-size:clamp(45px,5vw,72px);margin-bottom:28px}
.about-content p{color:#bdb6ab;margin-bottom:18px;font-size:14px;max-width:620px}
.about-content .btn{align-self:flex-start;margin-top:12px}

.testimonial{padding:85px 8vw;background:#171511;text-align:center}
.quote{max-width:900px;margin:auto}
.quote > span{font-family:"Cormorant Garamond";font-size:90px;line-height:.5;color:var(--gold)}
.quote p{font-family:"Cormorant Garamond";font-size:clamp(35px,4vw,55px);line-height:1.1}
.quote small{display:block;margin-top:25px;color:var(--gold);letter-spacing:.2em}

.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;background:#0b0b0a}
.contact-copy h2{font-size:clamp(48px,5vw,72px);margin-bottom:22px}
.contact-copy>p{color:#bbb3a8;max-width:520px}
.contact-details{display:flex;flex-direction:column;gap:14px;margin-top:36px;color:#d7c8ae;font-size:14px}
.contact-prompt{
  color:#fff;
  font-family:"Cormorant Garamond",serif;
  font-size:24px;
  line-height:1.2;
}
.contact-email{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  width:fit-content;
  max-width:100%;
  padding:18px 22px;
  background:var(--gold);
  color:#111;
  border:1px solid var(--gold);
  box-shadow:0 14px 34px rgba(201,165,107,.15);
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
.contact-email:hover,.contact-email:focus-visible{
  transform:translateY(-3px);
  background:var(--gold-2);
  box-shadow:0 18px 42px rgba(201,165,107,.26);
  outline:2px solid #fff;
  outline-offset:3px;
}
.contact-email span{
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.contact-email strong{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(22px,2.1vw,31px);
  line-height:1;
  overflow-wrap:anywhere;
}
.contact-form{background:#151411;border:1px solid var(--line);padding:34px;display:grid;gap:18px}
.contact-form label{display:grid;gap:7px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#bfb8ab}
.contact-form input,.contact-form select,.contact-form textarea{
  width:100%;background:#0e0e0d;border:1px solid #34312c;color:#fff;padding:13px 14px;
  font:inherit;outline:none;border-radius:0
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold)}
.form-note{font-size:10px;color:#777;text-transform:none;letter-spacing:0}

footer{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:36px 5vw;border-top:1px solid var(--line);background:#070707}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand>div{display:flex;flex-direction:column;letter-spacing:.2em}
.footer-brand small{font-size:8px;color:#888}
.footer-links{display:flex;gap:24px;font-size:11px;color:#bbb}
footer>p{grid-column:1/-1;font-size:10px;color:#666}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:980px){
  .process-section .section-head{grid-template-columns:1fr;gap:32px;align-items:start}
  .process-manifesto{max-width:700px}
  .menu-toggle{display:block;z-index:60}
  .main-nav{
    position:fixed;inset:0 0 0 25%;background:#090909;display:flex;flex-direction:column;
    justify-content:center;align-items:flex-start;padding-left:11vw;transform:translateX(100%);transition:.35s
  }
  .main-nav.open{transform:translateX(0)}
  .values,.process-grid{grid-template-columns:repeat(2,1fr)}
  .portfolio-grid{grid-template-columns:1fr}
  .services-grid{grid-template-columns:1fr}
  .about{grid-template-columns:1fr}
  .about-image{min-height:520px}
  .contact{grid-template-columns:1fr}
}
@media(max-width:640px){
  .site-header{padding:14px 18px}
  .brand-mark{width:38px;height:38px;font-size:28px}
  .brand-text strong{font-size:12px}
  .hero{padding:120px 22px 70px;min-height:92vh;background-position:62% center}
  .hero h1{font-size:54px}
  .hero-lead{font-size:15px}
  .hero-signature{display:none}
  .values,.process-grid{grid-template-columns:1fr}
  .value,.process-step{border-right:0;border-bottom:1px solid var(--line)}
  .section{padding:75px 20px}
  .section-head{display:block}
  .section-intro{margin-top:16px}
  .project-card img{height:360px}
  .about-content{padding:75px 22px}
  .contact{gap:40px}
  .contact-email{width:100%;padding:18px}
  .contact-form{padding:22px}
  footer{grid-template-columns:1fr}
  .footer-links{flex-wrap:wrap}
}

/* PORTFOLIO FINAL — naprzemienne kadry i rozbudowane opisy */
#projekty{padding-left:5vw;padding-right:5vw}
#projekty .section-head{margin-bottom:64px}

.own-projects{
  display:flex !important;
  flex-direction:column;
  gap:0 !important;
  width:calc(100% + 10vw) !important;
  max-width:none !important;
  margin:0 0 0 -5vw !important;
}

.own-projects .project-card,
.own-projects .project-wide,
.own-projects .project-card:nth-child(n){
  display:grid !important;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr) !important;
  align-items:stretch;
  width:100% !important;
  min-height:520px !important;
  margin:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:#0d0d0c !important;
  box-shadow:none !important;
  transform:none !important;
}

.own-projects .project-card:nth-child(even){
  grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr) !important;
}

.own-projects .project-card img,
.own-projects .project-wide img,
.own-projects .project-card:nth-child(n) img{
  position:relative;
  z-index:1;
  order:1 !important;
  width:100%;
  height:100% !important;
  min-height:520px !important;
  aspect-ratio:auto !important;
  object-fit:cover;
  border-radius:0 !important;
  filter:saturate(.9) contrast(1.025);
  box-shadow:none !important;
}

.own-projects .project-card:nth-child(even) img{order:2 !important}

.own-projects .project-info,
.own-projects .project-card:nth-child(n) .project-info{
  position:relative !important;
  z-index:2;
  order:2 !important;
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-height:520px !important;
  padding:72px clamp(44px,6vw,112px) !important;
  border:0 !important;
  background:
    radial-gradient(circle at 12% 50%,rgba(201,165,107,.075),transparent 38%),
    #0d0d0c !important;
  box-shadow:none !important;
}

.own-projects .project-card:nth-child(even) .project-info{
  order:1 !important;
  background:
    radial-gradient(circle at 88% 50%,rgba(201,165,107,.075),transparent 38%),
    #0d0d0c !important;
}

.own-projects .project-card::after{display:none !important}
.own-projects .project-info::before{
  content:"" !important;
  position:static !important;
  display:block !important;
  width:52px;
  height:1px;
  margin:0 0 28px;
  background:var(--gold) !important;
}

.own-projects .project-info p{
  order:1;
  margin:0 0 18px !important;
  color:rgba(255,255,255,.42) !important;
  font-size:10px !important;
  font-weight:500;
  letter-spacing:.24em !important;
  writing-mode:horizontal-tb !important;
  transform:none !important;
}

.own-projects .project-info h3{
  order:2;
  max-width:560px;
  margin:0 0 22px !important;
  color:#f5f1e9;
  font-size:clamp(38px,4vw,64px) !important;
  font-weight:500;
  line-height:.96 !important;
}

.own-projects .project-info .project-character{
  order:3;
  display:block;
  margin:0 0 17px;
  color:var(--gold-2) !important;
  font-family:"Cormorant Garamond",serif;
  font-size:25px !important;
  font-style:italic;
  line-height:1 !important;
}

.own-projects .project-info .project-description{
  order:4;
  display:block;
  max-width:620px !important;
  color:rgba(244,240,232,.68) !important;
  font-size:14px !important;
  line-height:1.85 !important;
}

.own-projects .project-card:hover img,
.own-projects .project-card:focus-visible img{
  transform:scale(1.018) !important;
  filter:saturate(1) contrast(1.03);
}

@media(max-width:980px){
  .own-projects .project-card,
  .own-projects .project-wide,
  .own-projects .project-card:nth-child(n){
    grid-template-columns:1fr 1fr !important;
    min-height:460px !important;
  }
  .own-projects .project-card img,
  .own-projects .project-wide img,
  .own-projects .project-card:nth-child(n) img,
  .own-projects .project-info,
  .own-projects .project-card:nth-child(n) .project-info{min-height:460px !important}
  .own-projects .project-info,
  .own-projects .project-card:nth-child(n) .project-info{padding:52px 38px !important}
  .own-projects .project-info h3{font-size:40px !important}
}

@media(max-width:700px){
  #projekty .section-head{margin-bottom:38px}
  .own-projects{width:calc(100% + 40px) !important;margin-left:-20px !important}
  .own-projects .project-card,
  .own-projects .project-wide,
  .own-projects .project-card:nth-child(n){
    display:flex !important;
    flex-direction:column;
    min-height:0 !important;
  }
  .own-projects .project-card:nth-child(n) img{
    order:1 !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4/3 !important;
  }
  .own-projects .project-card:nth-child(n) .project-info{
    order:2 !important;
    min-height:0 !important;
    padding:42px 24px 58px !important;
  }
  .own-projects .project-info h3{font-size:38px !important}
  .own-projects .project-info .project-description{font-size:13px !important;line-height:1.75 !important}
}

/* PORTFOLIO — stabilny układ 50/50 bez kadrowania i nakładania */
#projekty .own-projects{
  display:flex !important;
  flex-direction:column !important;
  gap:72px !important;
  width:100% !important;
  max-width:1380px !important;
  margin:0 auto !important;
}

#projekty .own-projects .project-card,
#projekty .own-projects .project-wide,
#projekty .own-projects .project-card:nth-child(n){
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  grid-template-rows:auto !important;
  align-items:center !important;
  gap:0 !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  overflow:visible !important;
  background:transparent !important;
}

#projekty .own-projects .project-card img,
#projekty .own-projects .project-wide img,
#projekty .own-projects .project-card:nth-child(n) img{
  position:relative !important;
  inset:auto !important;
  z-index:1 !important;
  order:1 !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
}

#projekty .own-projects .project-info,
#projekty .own-projects .project-card:nth-child(n) .project-info{
  position:relative !important;
  inset:auto !important;
  z-index:2 !important;
  order:2 !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:flex !important;
  min-width:0 !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  padding:48px clamp(36px,5vw,82px) !important;
  transform:none !important;
}

#projekty .own-projects .project-card:nth-child(even) img{
  order:2 !important;
  grid-column:2 !important;
}

#projekty .own-projects .project-card:nth-child(even) .project-info{
  order:1 !important;
  grid-column:1 !important;
}

#projekty .own-projects .project-info p,
#projekty .own-projects .project-info h3,
#projekty .own-projects .project-info .project-character,
#projekty .own-projects .project-info .project-description{
  position:static !important;
  inset:auto !important;
  width:auto !important;
  height:auto !important;
  transform:none !important;
}

#projekty .own-projects .project-info h3{
  max-width:100% !important;
  font-size:clamp(36px,3.6vw,58px) !important;
  line-height:1.02 !important;
}

#projekty .own-projects .project-info .project-description{
  max-width:560px !important;
  font-size:14px !important;
  line-height:1.8 !important;
}

#projekty .own-projects .project-meta{
  position:static !important;
  order:3;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  margin:0 0 22px;
  color:var(--gold-2);
}

#projekty .own-projects .project-meta span{
  position:relative !important;
  display:inline-flex !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  color:var(--gold-2) !important;
  font-size:10px !important;
  font-weight:600;
  line-height:1.4 !important;
  letter-spacing:.16em;
  text-transform:uppercase;
}

#projekty .own-projects .project-meta span:not(:last-child)::after{
  content:"";
  width:3px;
  height:3px;
  margin:6px 12px 0;
  border-radius:50%;
  background:rgba(224,195,149,.55);
}

#projekty .own-projects .project-info .project-description{order:4}

#projekty .own-projects .project-card::after{display:none !important}

@media(max-width:760px){
  #projekty .own-projects{gap:58px !important}
  #projekty .own-projects .project-card,
  #projekty .own-projects .project-wide,
  #projekty .own-projects .project-card:nth-child(n){
    display:flex !important;
    flex-direction:column !important;
  }
  #projekty .own-projects .project-card:nth-child(n) img{order:1 !important}
  #projekty .own-projects .project-card:nth-child(n) .project-info{
    order:2 !important;
    padding:34px 4px 0 !important;
  }
}





/* Enhanced branding visibility */
.brand{
  gap:16px;
}
.brand-logo{
  width:220px;
  max-height:92px;
  height:auto;
  object-fit:contain;
  display:block;
}
.brand-owner{
  font-family:"Cormorant Garamond",serif;
  font-style:italic;
  font-size:20px;
  color:var(--gold-2);
  white-space:nowrap;
  letter-spacing:.02em;
}
.footer-brand{
  gap:16px;
}
.footer-logo{
  width:230px;
  height:auto;
  object-fit:contain;
  display:block;
}
.footer-owner{
  font-family:"Cormorant Garamond",serif;
  font-style:italic;
  font-size:21px;
  color:var(--gold-2);
  white-space:nowrap;
}
@media(max-width:980px){
  .brand-logo{width:185px}
  .brand-owner{font-size:17px}
}
@media(max-width:640px){
  .brand-logo{width:150px;max-height:74px}
  .brand-owner{display:none}
  .footer-logo{width:190px}
  .footer-owner{font-size:18px}
}


/* Prominent M DESIGNER branding — v3 */
.site-header{
  min-height:124px;
  padding-top:12px;
  padding-bottom:12px;
}
.brand-large{
  width:340px;
  min-width:340px;
  height:100px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.brand-large .brand-logo{
  width:340px !important;
  height:100px !important;
  max-height:none !important;
  object-fit:cover;
  object-position:center;
  display:block;
}
.hero{
  padding-top:170px;
}
.hero-brand-lockup{
  width:min(520px, 82vw);
  height:155px;
  overflow:hidden;
  margin:0 0 30px -8px;
}
.hero-brand-lockup img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.footer-logo{
  width:320px !important;
  max-height:none !important;
}

@media(max-width:1100px){
  .site-header{min-height:105px}
  .brand-large{width:280px;min-width:280px;height:82px}
  .brand-large .brand-logo{width:280px !important;height:82px !important}
  .main-nav{gap:18px}
}
@media(max-width:640px){
  .site-header{min-height:88px;padding:8px 16px}
  .brand-large{width:220px;min-width:220px;height:68px}
  .brand-large .brand-logo{width:220px !important;height:68px !important}
  .hero{padding-top:125px}
  .hero-brand-lockup{width:300px;height:92px;margin-bottom:24px}
}


/* FINAL LOGO FIX — preserve complete logo, no cropping */
.site-header{
  min-height:112px !important;
  padding:10px 4vw !important;
  overflow:visible !important;
}
.brand-large{
  width:auto !important;
  min-width:0 !important;
  height:92px !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  overflow:visible !important;
}
.brand-large .brand-logo{
  width:92px !important;
  height:92px !important;
  max-height:92px !important;
  object-fit:contain !important;
  object-position:center !important;
  flex:0 0 92px !important;
}
.header-brand-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.05;
  white-space:nowrap;
}
.header-brand-copy strong{
  font-family:"Montserrat",sans-serif;
  font-size:22px;
  font-weight:400;
  letter-spacing:.28em;
  color:#d6b276;
}
.header-brand-copy small{
  margin-top:9px;
  font-family:"Cormorant Garamond",serif;
  font-size:20px;
  font-style:italic;
  letter-spacing:.03em;
  color:#ead2aa;
}
.hero{
  padding-top:150px !important;
}
.hero-brand-lockup{
  display:none !important;
}
.footer-logo{
  width:170px !important;
  height:auto !important;
  object-fit:contain !important;
}

@media(max-width:1100px){
  .site-header{min-height:96px !important}
  .brand-large{height:76px !important;gap:12px !important}
  .brand-large .brand-logo{
    width:76px !important;height:76px !important;max-height:76px !important;flex-basis:76px !important
  }
  .header-brand-copy strong{font-size:17px;letter-spacing:.2em}
  .header-brand-copy small{font-size:17px;margin-top:6px}
}
@media(max-width:640px){
  .site-header{min-height:82px !important;padding:7px 14px !important}
  .brand-large{height:66px !important}
  .brand-large .brand-logo{
    width:66px !important;height:66px !important;max-height:66px !important;flex-basis:66px !important
  }
  .header-brand-copy strong{font-size:14px;letter-spacing:.14em}
  .header-brand-copy small{font-size:15px;margin-top:5px}
  .hero{padding-top:110px !important}
}


/* HEADER BRAND LOCKUP v4 — readable at first glance */
.site-header{
  min-height:142px !important;
  padding:12px 4.5vw !important;
  background:rgba(8,8,8,.96) !important;
}
.brand-large{
  width:auto !important;
  height:116px !important;
  min-width:430px !important;
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  overflow:visible !important;
}
.brand-logo-mark{
  width:118px !important;
  height:112px !important;
  object-fit:contain !important;
  flex:0 0 118px !important;
  display:block !important;
}
.header-brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  white-space:nowrap !important;
  line-height:1 !important;
}
.header-brand-copy strong{
  font-family:"Montserrat",sans-serif !important;
  font-size:30px !important;
  font-weight:400 !important;
  letter-spacing:.28em !important;
  color:#d6b276 !important;
}
.header-brand-copy small{
  display:block !important;
  margin-top:14px !important;
  font-family:"Cormorant Garamond",serif !important;
  font-size:27px !important;
  font-style:italic !important;
  font-weight:600 !important;
  letter-spacing:.02em !important;
  color:#f0d7aa !important;
}
.hero{
  padding-top:190px !important;
}

@media(max-width:1150px){
  .site-header{min-height:112px !important}
  .brand-large{height:88px !important;min-width:340px !important;gap:17px !important}
  .brand-logo-mark{width:88px !important;height:84px !important;flex-basis:88px !important}
  .header-brand-copy strong{font-size:22px !important;letter-spacing:.22em !important}
  .header-brand-copy small{font-size:21px !important;margin-top:10px !important}
}
@media(max-width:640px){
  .site-header{min-height:92px !important;padding:7px 14px !important}
  .brand-large{height:74px !important;min-width:0 !important;gap:12px !important}
  .brand-logo-mark{width:70px !important;height:68px !important;flex-basis:70px !important}
  .header-brand-copy strong{font-size:17px !important;letter-spacing:.15em !important}
  .header-brand-copy small{font-size:17px !important;margin-top:7px !important}
  .hero{padding-top:125px !important}
}


/* APPROVED HEADER LOCKUP: graphic M + DESIGNER + by Rafał Martin */
.header-brand-copy strong{
  font-size:34px !important;
  letter-spacing:.34em !important;
}
.header-brand-copy small{
  font-size:28px !important;
  margin-top:13px !important;
}
.brand-logo-mark{
  width:122px !important;
  height:116px !important;
  flex-basis:122px !important;
}
.brand-large{
  gap:28px !important;
}
@media(max-width:1150px){
  .header-brand-copy strong{font-size:24px !important;letter-spacing:.26em !important}
  .header-brand-copy small{font-size:22px !important}
  .brand-logo-mark{width:92px !important;height:88px !important;flex-basis:92px !important}
}
@media(max-width:640px){
  .header-brand-copy strong{font-size:18px !important;letter-spacing:.19em !important}
  .header-brand-copy small{font-size:17px !important}
  .brand-logo-mark{width:72px !important;height:68px !important;flex-basis:72px !important}
  .brand-large{gap:13px !important}
}


/* Signature styling based on supplied "by Rafał Martin" reference */
.header-brand-copy small{
  font-family:"Allura","Brush Script MT","Segoe Script",cursive !important;
  font-style:normal !important;
  font-weight:400 !important;
  font-size:38px !important;
  line-height:.9 !important;
  letter-spacing:0 !important;
  color:#d9b56f !important;
  margin-top:14px !important;
  text-shadow:0 0 10px rgba(201,165,107,.12);
}
.footer-owner{
  font-family:"Allura","Brush Script MT","Segoe Script",cursive !important;
  font-style:normal !important;
  font-weight:400 !important;
  font-size:34px !important;
  letter-spacing:0 !important;
  color:#d9b56f !important;
}
@media(max-width:1150px){
  .header-brand-copy small{font-size:31px !important}
}
@media(max-width:640px){
  .header-brand-copy small{font-size:24px !important;margin-top:8px !important}
  .footer-owner{font-size:27px !important}
}


/* Exact signature extracted from supplied reference */
.signature-image{
  display:block !important;
  width:245px !important;
  height:auto !important;
  object-fit:contain !important;
  margin-top:10px !important;
}
.footer-signature-image{
  display:block !important;
  width:220px !important;
  height:auto !important;
  object-fit:contain !important;
}
@media(max-width:1150px){
  .signature-image{width:205px !important}
}
@media(max-width:640px){
  .signature-image{width:155px !important;margin-top:6px !important}
  .footer-signature-image{width:170px !important}
}


/* APPROVED BRAND HEADER — dominant M */
.site-header{
  min-height:178px !important;
  padding:10px 5.5vw !important;
  background:rgba(7,7,7,.97) !important;
  overflow:visible !important;
}
.brand-large{
  height:154px !important;
  min-width:610px !important;
  gap:34px !important;
  overflow:visible !important;
  align-items:center !important;
}
.brand-logo-mark{
  width:190px !important;
  height:150px !important;
  max-height:none !important;
  flex:0 0 190px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
}
.header-brand-copy{
  justify-content:center !important;
  min-width:350px !important;
}
.header-brand-copy strong{
  font-size:38px !important;
  font-weight:400 !important;
  letter-spacing:.30em !important;
  line-height:1 !important;
  color:#d9b36f !important;
}
.signature-image{
  width:310px !important;
  height:auto !important;
  max-height:68px !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin-top:17px !important;
}
.hero{
  padding-top:220px !important;
}

/* Keep navigation vertically centered against the larger identity */
.main-nav{
  align-self:center !important;
}

@media(max-width:1250px){
  .site-header{min-height:145px !important;padding-left:3.5vw !important;padding-right:3.5vw !important}
  .brand-large{height:122px !important;min-width:480px !important;gap:24px !important}
  .brand-logo-mark{width:145px !important;height:120px !important;flex-basis:145px !important}
  .header-brand-copy{min-width:290px !important}
  .header-brand-copy strong{font-size:29px !important;letter-spacing:.26em !important}
  .signature-image{width:250px !important;max-height:54px !important;margin-top:13px !important}
  .hero{padding-top:180px !important}
}
@media(max-width:980px){
  .site-header{min-height:125px !important}
  .brand-large{height:104px !important;min-width:0 !important;gap:18px !important}
  .brand-logo-mark{width:120px !important;height:102px !important;flex-basis:120px !important}
  .header-brand-copy{min-width:0 !important}
  .header-brand-copy strong{font-size:24px !important;letter-spacing:.22em !important}
  .signature-image{width:210px !important;max-height:47px !important;margin-top:10px !important}
  .hero{padding-top:155px !important}
}
@media(max-width:640px){
  .site-header{min-height:98px !important;padding:5px 12px !important}
  .brand-large{height:82px !important;gap:10px !important}
  .brand-logo-mark{width:84px !important;height:80px !important;flex-basis:84px !important}
  .header-brand-copy strong{font-size:17px !important;letter-spacing:.16em !important}
  .signature-image{width:145px !important;max-height:34px !important;margin-top:7px !important}
  .hero{padding-top:125px !important}
}


/* Portfolio — własne projekty Rafała */
.own-projects .project-card{cursor:zoom-in}
.own-projects{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:28px;
}
.own-projects .project-card{
  grid-column:span 6;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(201,165,107,.22);
  background:#141310;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.own-projects .project-card:hover,
.own-projects .project-card:focus-visible{
  transform:translateY(-5px);
  border-color:rgba(224,195,149,.7);
  box-shadow:0 22px 55px rgba(0,0,0,.28);
  outline:none;
}
.own-projects .project-card img{
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  filter:saturate(.92) contrast(1.02);
}
.own-projects .project-card::after{display:none}
.own-projects .project-info{
  position:static;
  min-height:150px;
  padding:24px 26px 26px;
  background:linear-gradient(135deg,#171612,#0f0f0e);
}
.own-projects .project-info h3{font-size:30px;color:#fff;margin:7px 0 8px}
.own-projects .project-info span{font-size:13px;line-height:1.55;color:#bdb6aa}
.own-projects .project-wide{grid-column:3/span 8}
.own-projects .project-wide img{height:auto;aspect-ratio:16/9}
.project-lightbox{
  position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.94);
  display:none;align-items:center;justify-content:center;padding:42px;
}
.project-lightbox.open{display:flex}
.lightbox-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.65fr);width:min(1500px,94vw);height:min(820px,88vh);background:#0d0d0c;border:1px solid rgba(201,165,107,.22);box-shadow:0 24px 90px rgba(0,0,0,.7)}
.lightbox-image-wrap{min-width:0;display:flex;align-items:center;justify-content:center;background:#050505;overflow:hidden}
.project-lightbox img{
  display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain
}
.lightbox-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:54px 48px;background:linear-gradient(145deg,#161510,#0c0c0b);border-left:1px solid rgba(201,165,107,.18)}
.lightbox-copy::before{content:"";position:absolute;left:0;top:54px;width:3px;height:76px;background:var(--gold)}
.lightbox-kicker{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.lightbox-title{margin:14px 0 16px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(38px,3.4vw,58px);font-weight:600;line-height:.96;color:#f1ece3}
.lightbox-meta{display:flex;flex-wrap:wrap;gap:9px 20px;color:#9d9589;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.lightbox-meta span+span{position:relative}
.lightbox-meta span+span::before{content:"";position:absolute;left:-11px;top:50%;width:2px;height:2px;border-radius:50%;background:var(--gold)}
.lightbox-rule{display:block;width:62px;height:1px;margin:30px 0;background:var(--gold)}
.lightbox-body{color:#bbb3a7;font-size:14px;line-height:1.85}
.lightbox-close{
  position:absolute;z-index:3;right:27px;top:18px;background:rgba(8,8,8,.6);border:1px solid rgba(201,165,107,.4);color:#d9b36f;
  width:46px;height:46px;font-size:35px;font-weight:200;cursor:pointer;line-height:1
}
@media(max-width:640px){
  .own-projects{display:grid;grid-template-columns:1fr;gap:20px}
  .own-projects .project-card,.own-projects .project-wide{grid-column:auto}
  .own-projects .project-card img,.own-projects .project-wide img{height:auto;aspect-ratio:4/3}
  .own-projects .project-info{min-height:0;padding:20px}
  .project-lightbox{padding:15px}
  .lightbox-layout{grid-template-columns:1fr;height:94vh;overflow:auto}
  .lightbox-image-wrap{min-height:52vh}
  .lightbox-copy{padding:34px 25px 38px;border-left:0;border-top:1px solid rgba(201,165,107,.18)}
  .lightbox-copy::before{top:34px;height:58px}
  .lightbox-title{font-size:38px}
  .lightbox-rule{margin:23px 0}
  .lightbox-body{font-size:13px}
}

/* Ostateczne proporcje podglądu — zawsze całe zdjęcie, bez kadrowania */
.project-lightbox .lightbox-layout .lightbox-image-wrap{padding:18px !important;box-sizing:border-box !important}
.project-lightbox .lightbox-layout .lightbox-image-wrap img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
}
@media(max-width:640px){
  .project-lightbox .lightbox-layout .lightbox-image-wrap{padding:8px !important}
  .project-lightbox .lightbox-layout .lightbox-image-wrap img{max-height:52vh !important}
}


/* New masculine hero background — existing logo/header stays untouched */
.hero{
  background:
    linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.56) 38%,rgba(0,0,0,.22) 70%,rgba(0,0,0,.18) 100%),
    url("hero_masculine.jpg") center/cover no-repeat !important;
}


/* HERO — show the entire masculine interior image without zoom/cropping */
.hero{
  background-color:#090909 !important;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.50) 34%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.06) 100%),
    url("hero_masculine.jpg") !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:center,center right !important;
  background-size:cover,contain !important;
  min-height:calc(100vh - 30px) !important;
}
@media(max-width:980px){
  .hero{
    background-position:center,center !important;
    background-size:cover,cover !important;
  }
}


/* FINAL HOMEPAGE HERO — exact uploaded image */
.hero{
  background-color:#090909 !important;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 34%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.04) 100%),
    url("hero_main_final.png") !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:center,center !important;
  background-size:cover,cover !important;
}


/* Kontakt — logo marki zamiast formularza/tabelki */
.contact-logo-panel{
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:radial-gradient(circle at center,rgba(202,160,91,.08),rgba(0,0,0,0) 66%);
}
.contact-logo-panel img{
  display:block;
  width:min(520px,100%);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 18px 38px rgba(0,0,0,.45));
}
@media(max-width:900px){
  .process-section{min-height:auto}
  .process-closing{grid-template-columns:1fr;gap:28px}
  .process-promise{grid-template-columns:130px 1fr;gap:20px}
  .contact-logo-panel{min-height:390px;padding:20px}
  .contact-logo-panel img{width:min(430px,92vw)}
}
@media(max-width:640px){
  .process-section .section-head{margin-bottom:38px}
  .process-manifesto{margin-top:30px;padding-left:22px}
  .process-grid{gap:0}
  .process-step{padding:30px 20px 34px}
  .process-closing{padding-top:40px}
  .process-promise{grid-template-columns:1fr;gap:12px}
  .process-benefits{grid-template-columns:1fr;border-left:0;border-top:1px solid var(--line)}
  .process-benefits div{flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:15px 0}
  .process-benefits span br{display:none}
  .contact-logo-panel{min-height:300px;padding:12px}
  .contact-logo-panel img{width:min(340px,90vw)}
}


/* KONTAKT — logo ma wyglądać jak element strony, nie wklejona grafika */
#kontakt,
.contact{
  background:#000 !important;
}

.contact-logo-panel{
  min-height:520px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  background:#000 !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.contact-logo-panel img{
  display:block !important;
  width:min(560px, 100%) !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  filter:none !important;
  mix-blend-mode:screen !important;
}

@media(max-width:900px){
  .contact-logo-panel{
    min-height:400px !important;
    padding:0 !important;
  }
  .contact-logo-panel img{
    width:min(460px,92vw) !important;
  }
}

@media(max-width:640px){
  .contact-logo-panel{
    min-height:310px !important;
  }
  .contact-logo-panel img{
    width:min(350px,90vw) !important;
  }
}


/* PORTFOLIO — kompaktowe realizacje ułożone naprzemiennie */
.own-projects{
  display:flex !important;
  flex-direction:column;
  gap:54px !important;
  width:min(1180px,100%);
  margin:0 auto;
}

.own-projects .project-card,
.own-projects .project-wide{
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
  width:92%;
  min-height:310px;
  align-items:stretch;
  margin:0 auto 0 0;
  overflow:hidden;
  border:1px solid rgba(201,165,107,.20);
  background:#11110f;
}

.own-projects .project-card:nth-child(even){
  grid-template-columns:minmax(280px,.75fr) minmax(0,1.45fr);
  margin-left:auto;
  margin-right:0;
}

.own-projects .project-card:nth-child(even) img{order:2}
.own-projects .project-card:nth-child(even) .project-info{order:1}

.own-projects .project-card img,
.own-projects .project-wide img{
  width:100%;
  height:100% !important;
  min-height:310px;
  aspect-ratio:auto !important;
  object-fit:cover;
}

.own-projects .project-info{
  position:relative;
  min-height:0 !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px 38px 42px 44px !important;
  background:linear-gradient(135deg,#171612,#0e0e0d) !important;
}

.own-projects .project-info::before{
  content:"";
  position:absolute;
  left:0;
  top:42px;
  width:3px;
  height:58px;
  background:linear-gradient(to bottom,var(--gold-2),var(--gold));
}

.own-projects .project-info p{
  color:var(--gold) !important;
  font-size:11px;
  font-weight:600;
  letter-spacing:.24em;
}

.own-projects .project-info h3{
  margin:12px 0 14px !important;
  font-size:clamp(28px,3vw,40px) !important;
}

.own-projects .project-info span{
  max-width:330px;
  font-size:14px !important;
  line-height:1.75 !important;
  color:#c7c0b4 !important;
}

@media(max-width:900px){
  .own-projects{gap:30px !important}
  .own-projects .project-card,
  .own-projects .project-wide,
  .own-projects .project-card:nth-child(even){
    grid-template-columns:1.2fr .8fr;
    width:100%;
    margin:0;
  }
  .own-projects .project-card img,
  .own-projects .project-wide img{min-height:280px}
  .own-projects .project-info{padding:32px 26px 32px 32px !important}
  .own-projects .project-info::before{top:32px}
}

@media(max-width:640px){
  .own-projects{gap:24px !important}
  .own-projects .project-card,
  .own-projects .project-wide,
  .own-projects .project-card:nth-child(even){
    display:flex !important;
    flex-direction:column;
  }
  .own-projects .project-card:nth-child(even) img,
  .own-projects .project-card:nth-child(even) .project-info{order:initial}
  .own-projects .project-card img,
  .own-projects .project-wide img{
    min-height:0;
    height:auto !important;
    aspect-ratio:16/10 !important;
  }
  .own-projects .project-info{padding:27px 24px 29px 29px !important}
  .own-projects .project-info::before{top:28px;height:48px}
  .own-projects .project-info h3{font-size:29px !important}
}


/* PORTFOLIO FINAL — zwarta, profesjonalna siatka realizacji */
.own-projects{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  width:min(1320px,100%);
  margin:0 auto;
}

.own-projects .project-card,
.own-projects .project-wide,
.own-projects .project-card:nth-child(even){
  display:flex !important;
  flex-direction:column !important;
  grid-column:auto !important;
  width:100% !important;
  min-height:0 !important;
  margin:0 !important;
  overflow:hidden;
  border:1px solid rgba(201,165,107,.18);
  background:#11110f;
}

.own-projects .project-card:nth-child(even) img,
.own-projects .project-card:nth-child(even) .project-info{order:initial !important}

.own-projects .project-card img,
.own-projects .project-wide img{
  width:100%;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:16/9 !important;
  object-fit:contain;
  background:#090909;
  transition:transform .55s ease,filter .35s ease;
}

.own-projects .project-card:hover img,
.own-projects .project-card:focus-visible img{
  transform:scale(1.035);
  filter:saturate(1) contrast(1.04);
}

.own-projects .project-info{
  position:relative;
  flex:1;
  min-height:132px !important;
  display:block !important;
  padding:22px 24px 24px !important;
  border-top:2px solid var(--gold);
  background:linear-gradient(145deg,#171612,#0e0e0d) !important;
}

.own-projects .project-info::before{display:none !important}

.own-projects .project-info p{
  margin:0 0 7px;
  color:var(--gold) !important;
  font-size:10px !important;
  font-weight:600;
  letter-spacing:.22em;
}

.own-projects .project-info h3{
  margin:0 0 7px !important;
  color:#fff;
  font-size:26px !important;
  line-height:1.08;
}

.own-projects .project-info span{
  display:block;
  max-width:none;
  color:#bdb6aa !important;
  font-size:12px !important;
  line-height:1.5 !important;
}

@media(max-width:1050px){
  .own-projects{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .own-projects .project-card img,
  .own-projects .project-wide img{height:auto !important}
}

@media(max-width:640px){
  .own-projects{grid-template-columns:1fr !important;gap:18px !important}
  .own-projects .project-card img,
  .own-projects .project-wide img{
    height:auto !important;
    aspect-ratio:16/10 !important;
  }
  .own-projects .project-info{min-height:0 !important;padding:19px 20px 21px !important}
  .own-projects .project-info h3{font-size:25px !important}
}


/* PODGLĄD PROJEKTU — ciemny, męski panel ze złotymi detalami */
.project-lightbox{
  padding:36px !important;
  background:rgba(4,4,4,.96) !important;
  backdrop-filter:blur(12px);
}

.project-lightbox.open{
  animation:lightboxFadeIn .32s ease both;
}

.lightbox-content{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(310px,.65fr);
  width:min(1480px,94vw);
  max-height:88vh;
  overflow:hidden;
  border:1px solid rgba(201,165,107,.36);
  background:#0d0d0c;
  box-shadow:0 35px 100px rgba(0,0,0,.72);
}

.project-lightbox.open .lightbox-content{
  animation:lightboxReveal .58s cubic-bezier(.22,.8,.28,1) both;
}

.lightbox-image-wrap{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:#050505;
}

.project-lightbox .lightbox-image-wrap img{
  display:block;
  width:100%;
  height:calc(88vh - 36px);
  max-width:none;
  max-height:none;
  object-fit:contain;
  box-shadow:none;
}

.project-lightbox.open .lightbox-image-wrap img{
  animation:lightboxImageIn .72s cubic-bezier(.2,.75,.25,1) .08s both;
}

.lightbox-description{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:58px 46px;
  overflow:auto;
  border-left:1px solid rgba(201,165,107,.22);
  background:
    linear-gradient(145deg,rgba(201,165,107,.07),transparent 42%),
    #12110f;
}

.project-lightbox.open .lightbox-description{
  animation:lightboxPanelIn .62s cubic-bezier(.22,.8,.28,1) .1s both;
}

.lightbox-description::before{
  content:"";
  position:absolute;
  top:0;
  left:46px;
  width:72px;
  height:3px;
  background:var(--gold);
}

.lightbox-category{
  color:var(--gold);
  font-size:11px;
  font-weight:600;
  letter-spacing:.28em;
}

.lightbox-description h3{
  margin:17px 0 22px;
  color:#f5f0e7;
  font-size:clamp(38px,4vw,58px);
  line-height:.98;
}

.lightbox-gold-line{
  display:block;
  width:42px;
  height:1px;
  margin-bottom:22px;
  background:var(--gold);
}

.lightbox-text{
  color:#c9c1b5;
  font-size:15px;
  line-height:1.8;
}

.lightbox-description small{
  margin-top:42px;
  color:#8f887d;
  font-size:10px;
  letter-spacing:.2em;
}

.lightbox-description small em{
  color:var(--gold);
  font-family:"Cormorant Garamond",serif;
  font-size:15px;
  letter-spacing:.04em;
}

.lightbox-close{
  right:28px !important;
  top:19px !important;
  z-index:3;
  width:48px;
  height:48px;
  color:var(--gold-2) !important;
  font-size:42px !important;
}

.project-lightbox.open .lightbox-close{
  animation:lightboxCloseIn .38s ease .34s both;
}

@keyframes lightboxFadeIn{
  from{opacity:0;backdrop-filter:blur(0)}
  to{opacity:1;backdrop-filter:blur(12px)}
}

@keyframes lightboxReveal{
  from{opacity:0;transform:translateY(18px) scale(.975)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes lightboxImageIn{
  from{opacity:0;transform:scale(1.035)}
  to{opacity:1;transform:scale(1)}
}

@keyframes lightboxPanelIn{
  from{opacity:0;transform:translateX(28px)}
  to{opacity:1;transform:translateX(0)}
}

@keyframes lightboxCloseIn{
  from{opacity:0;transform:rotate(-35deg) scale(.7)}
  to{opacity:1;transform:rotate(0) scale(1)}
}

@media(max-width:900px){
  .project-lightbox{padding:18px !important}
  .lightbox-content{
    grid-template-columns:1fr;
    width:min(760px,95vw);
    max-height:92vh;
    overflow:auto;
  }
  .project-lightbox .lightbox-image-wrap img{
    height:auto;
    max-height:58vh;
  }
  .lightbox-description{
    padding:34px 30px 30px;
    border-top:1px solid rgba(201,165,107,.22);
    border-left:0;
  }
  .lightbox-description::before{left:30px}
  .lightbox-description h3{font-size:36px;margin:12px 0 16px}
  .lightbox-description small{margin-top:25px}
}

@media(max-width:640px){
  .project-lightbox{padding:10px !important}
  .lightbox-image-wrap{padding:8px}
  .lightbox-description{padding:27px 23px 24px}
  .lightbox-description::before{left:23px;width:54px}
  .lightbox-description h3{font-size:31px}
  .lightbox-text{font-size:14px;line-height:1.65}
  .lightbox-close{right:12px !important;top:7px !important}
}

@media(prefers-reduced-motion:reduce){
  .project-lightbox.open,
  .project-lightbox.open .lightbox-content,
  .project-lightbox.open .lightbox-image-wrap img,
  .project-lightbox.open .lightbox-description,
  .project-lightbox.open .lightbox-close{
    animation:none !important;
  }
}
/* PORTFOLIO 2026 — asymetryczny układ redakcyjny */
#projekty{
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 18%,rgba(201,165,107,.07),transparent 25%),
    radial-gradient(circle at 92% 68%,rgba(255,255,255,.035),transparent 24%),
    #0d0d0c;
}

#projekty .section-head{margin-bottom:72px}

.own-projects{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  align-items:start;
  gap:76px 28px !important;
  width:min(1260px,100%) !important;
  margin:0 auto !important;
}

.own-projects .project-card,
.own-projects .project-wide,
.own-projects .project-card:nth-child(even){
  position:relative;
  display:block !important;
  width:auto !important;
  min-height:0 !important;
  margin:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.own-projects .project-card:nth-child(6n+1){grid-column:1 / span 8 !important}
.own-projects .project-card:nth-child(6n+2){grid-column:10 / span 3 !important;margin-top:120px !important}
.own-projects .project-card:nth-child(6n+3){grid-column:2 / span 4 !important}
.own-projects .project-card:nth-child(6n+4){grid-column:7 / span 6 !important;margin-top:-28px !important}
.own-projects .project-card:nth-child(6n+5){grid-column:1 / span 3 !important;margin-top:88px !important}
.own-projects .project-card:nth-child(6n+6){grid-column:5 / span 8 !important}

.own-projects .project-card img,
.own-projects .project-wide img{
  position:relative;
  z-index:1;
  order:initial !important;
  display:block;
  width:100%;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:16/10 !important;
  object-fit:cover;
  border-radius:2px;
  filter:saturate(.84) contrast(1.025);
  box-shadow:0 24px 70px rgba(0,0,0,.26);
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease,box-shadow .5s ease;
}

.own-projects .project-card:nth-child(6n+2) img,
.own-projects .project-card:nth-child(6n+5) img{aspect-ratio:3/4 !important}
.own-projects .project-card:nth-child(6n+3) img{aspect-ratio:4/5 !important}
.own-projects .project-card:nth-child(6n+4) img{aspect-ratio:5/4 !important}

.own-projects .project-card::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:10% 4% 18%;
  display:block !important;
  background:rgba(196,151,86,.16);
  filter:blur(42px);
  opacity:.32;
  pointer-events:none;
}

.own-projects .project-card:hover,
.own-projects .project-card:focus-visible{transform:none !important;outline:none}
.own-projects .project-card:hover img,
.own-projects .project-card:focus-visible img{
  transform:translateY(-7px) scale(1.008);
  filter:saturate(.98) contrast(1.035);
  box-shadow:0 34px 85px rgba(0,0,0,.38);
}

.own-projects .project-info{
  position:relative !important;
  z-index:2;
  display:grid !important;
  grid-template-columns:auto 1fr;
  align-items:baseline;
  gap:5px 16px;
  min-height:0 !important;
  padding:17px 2px 0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.own-projects .project-info::before{display:none !important}
.own-projects .project-info p{
  grid-row:1 / span 2;
  margin:3px 0 0 !important;
  color:var(--gold) !important;
  font-size:9px !important;
  font-weight:600;
  letter-spacing:.18em !important;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}
.own-projects .project-info h3{
  margin:0 !important;
  color:#f5f1e9;
  font-size:clamp(24px,2.15vw,35px) !important;
  font-weight:500;
  line-height:1 !important;
}
.own-projects .project-info span{
  display:block;
  max-width:430px !important;
  color:rgba(255,255,255,.48) !important;
  font-size:11px !important;
  line-height:1.55 !important;
}

@media(max-width:900px){
  #projekty .section-head{margin-bottom:52px}
  .own-projects{gap:54px 20px !important}
  .own-projects .project-card:nth-child(odd),
  .own-projects .project-card:nth-child(even){grid-column:auto / span 6 !important;margin-top:0 !important}
  .own-projects .project-card:nth-child(3n+2){margin-top:70px !important}
  .own-projects .project-card img,
  .own-projects .project-wide img{aspect-ratio:4/5 !important}
}

@media(max-width:640px){
  #projekty .section-head{margin-bottom:38px}
  .own-projects{grid-template-columns:1fr !important;gap:44px !important}
  .own-projects .project-card:nth-child(n){grid-column:1 !important;margin-top:0 !important}
  .own-projects .project-card:nth-child(3n+2){width:82% !important;margin-left:auto !important}
  .own-projects .project-card:nth-child(3n){width:88% !important}
  .own-projects .project-card img,
  .own-projects .project-wide img{aspect-ratio:4/3 !important}
  .own-projects .project-card:nth-child(3n+2) img{aspect-ratio:4/5 !important}
  .own-projects .project-info{padding-top:14px !important;gap:4px 12px}
  .own-projects .project-info h3{font-size:27px !important}
}

/* OSTATECZNY UKŁAD PORTFOLIO — dwa pola, bez nakładania */
#projekty .own-projects{
  display:flex !important;
  flex-direction:column !important;
  gap:72px !important;
  width:100% !important;
  max-width:1380px !important;
  margin:0 auto !important;
}
#projekty .own-projects .project-card:nth-child(n){
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  grid-template-rows:auto !important;
  align-items:center !important;
  gap:0 !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#0d0d0c !important;
  border:0 !important;
  transform:none !important;
}
#projekty .own-projects .project-card:nth-child(n) img{
  position:relative !important;
  inset:auto !important;
  z-index:1 !important;
  grid-column:1 !important;
  grid-row:1 !important;
  order:1 !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  transform:none !important;
  border-radius:0 !important;
}
#projekty .own-projects .project-card:nth-child(n) .project-info{
  position:relative !important;
  inset:auto !important;
  z-index:2 !important;
  grid-column:2 !important;
  grid-row:1 !important;
  order:2 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:52px clamp(38px,5vw,82px) !important;
  background:#0d0d0c !important;
  transform:none !important;
}
#projekty .own-projects .project-card:nth-child(even) img{grid-column:2 !important;order:2 !important}
#projekty .own-projects .project-card:nth-child(even) .project-info{grid-column:1 !important;order:1 !important}
#projekty .own-projects .project-card::after{display:none !important}
#projekty .own-projects .project-info::before{
  content:"" !important;
  position:static !important;
  display:block !important;
  width:52px !important;
  height:1px !important;
  margin:0 0 26px !important;
  background:var(--gold) !important;
}
#projekty .own-projects .project-info p{
  position:static !important;
  order:1 !important;
  margin:0 0 16px !important;
  writing-mode:horizontal-tb !important;
  transform:none !important;
}
#projekty .own-projects .project-info h3{
  position:static !important;
  order:2 !important;
  max-width:100% !important;
  margin:0 0 34px !important;
  font-size:clamp(36px,3.6vw,58px) !important;
  line-height:1.02 !important;
  transform:none !important;
}
#projekty .own-projects .project-meta{
  position:static !important;
  order:3 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  margin:0 0 26px !important;
  transform:none !important;
}
#projekty .own-projects .project-meta span{
  position:static !important;
  display:inline-flex !important;
  width:auto !important;
  max-width:none !important;
  color:var(--gold-2) !important;
  font-size:10px !important;
  line-height:1.4 !important;
}
#projekty .own-projects .project-info .project-description{
  position:static !important;
  order:4 !important;
  display:block !important;
  max-width:560px !important;
  color:rgba(244,240,232,.68) !important;
  font-size:14px !important;
  line-height:1.8 !important;
  transform:none !important;
}
@media(max-width:760px){
  #projekty .own-projects{gap:58px !important}
  #projekty .own-projects .project-card:nth-child(n){display:flex !important;flex-direction:column !important}
  #projekty .own-projects .project-card:nth-child(n) img{order:1 !important}
  #projekty .own-projects .project-card:nth-child(n) .project-info{order:2 !important;padding:34px 4px 0 !important}
  #projekty .own-projects .project-info h3{margin-bottom:28px !important;font-size:38px !important}
  #projekty .own-projects .project-meta{margin-bottom:22px !important}
}

/* Wprowadzenie przed realizacjami */
.design-intro{
  position:relative;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:38px 28px;
  padding:138px 7vw 128px;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 18%,rgba(201,165,107,.09),transparent 27%),
    linear-gradient(135deg,#151411 0%,#0d0d0c 68%);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.design-intro::before{
  content:"";
  position:absolute;
  top:0;
  left:7vw;
  width:64px;
  height:1px;
  background:var(--gold);
}
.design-intro-lead{grid-column:1 / span 7}
.design-intro-lead h2{
  max-width:860px;
  font-size:clamp(48px,5.3vw,82px);
  font-weight:500;
  letter-spacing:-.025em;
}
.design-intro-lead h2 span{color:var(--gold-2);font-style:italic}
.design-intro-copy{
  grid-column:9 / span 4;
  padding-top:46px;
  color:rgba(244,240,232,.62);
}
.design-intro-copy p{margin-bottom:20px;font-size:15px;line-height:1.85}
.design-intro-copy .design-intro-opening{
  color:#eee8dd;
  font-family:"Cormorant Garamond",serif;
  font-size:24px;
  line-height:1.35;
}
.design-intro-link{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin-top:15px;
  padding-bottom:7px;
  border-bottom:1px solid rgba(201,165,107,.55);
  color:var(--gold-2);
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
  transition:gap .25s ease,border-color .25s ease;
}
.design-intro-link:hover{gap:20px;border-color:var(--gold-2)}
.design-intro-note{
  grid-column:2 / span 5;
  margin-top:30px;
  padding-left:24px;
  border-left:1px solid rgba(201,165,107,.55);
  color:rgba(244,240,232,.5);
  font-family:"Cormorant Garamond",serif;
  font-size:24px;
  font-style:italic;
  line-height:1.35;
}
@media(max-width:980px){
  .design-intro{padding:105px 6vw 100px}
  .design-intro-lead{grid-column:1 / span 7}
  .design-intro-copy{grid-column:8 / span 5;padding-top:35px}
  .design-intro-note{grid-column:1 / span 7}
}
@media(max-width:700px){
  .design-intro{display:block;padding:88px 20px 82px}
  .design-intro::before{left:20px}
  .design-intro-lead h2{font-size:46px}
  .design-intro-copy{padding-top:42px}
  .design-intro-copy p{font-size:14px;line-height:1.78}
  .design-intro-copy .design-intro-opening{font-size:22px}
  .design-intro-note{margin-top:48px;font-size:22px}
}