/* PROJEKTY KUCHNIE — system identyfikacji A/B, wersja konsultacyjna.
   Wariant A: elegancki szkic kuchni w okręgu (PRO). Wariant B: sygnet SG (alternatywa).
   Oryginał: backup/przed-identyfikacja-2026-10-10. */
:root{--ink:#282522;--deep:#292420;--deep2:#1c1917;--accent:#a58045;--cream:#f7f3ed;--paper:#fffcf8;--soft:#efe8df;--muted:#77716a;--line:#e8dfd4}
body{background:#fffcf8;color:var(--ink)}
.topline{background:#25211f;color:#f6ead7}
.topline a{color:#d9bd8e}.status-dot{background:#c2a06b}
.site-header{background:rgba(255,252,247,.96);border-bottom:1px solid #b99c6f35}
.site-header .nav{height:96px;gap:20px}
.brand{display:inline-flex;align-items:center;gap:13px;max-width:365px;min-width:0;flex-shrink:0}
.brand-identity{display:flex;align-items:center;gap:15px;min-width:0}
.brand-sg{position:relative;display:grid;place-items:center;width:51px;height:56px;flex:none;font-family:var(--serif);font-size:36px;font-weight:400;color:#a37e45;line-height:1}
.brand-sg .s{position:absolute;left:0;top:0;font-style:italic}
.brand-sg .g{position:absolute;right:0;bottom:0;opacity:.95;font-style:italic}
.brand-sg:before{content:'';position:absolute;inset:3px 4px 0 11px;border-left:1px solid #aa854e;border-top:1px solid #aa854e;opacity:.85}
.brand-sg:after{content:'';position:absolute;top:0;right:-10px;width:1px;height:51px;background:#b39160}
.brand-logotype{display:flex;flex-direction:column;min-width:0}
.brand-name{font:400 clamp(16px,1.6vw,24px)/1.1 var(--serif);white-space:nowrap;letter-spacing:.065em;color:#292522}
.brand-motto{margin-top:6px;color:#a28251;font:700 8px/1.4 var(--sans);letter-spacing:.20em;white-space:nowrap}
.brand-round{display:none;width:56px;height:56px;flex:none;color:#a38049}
.brand-round svg{width:100%;height:100%;display:block}
.brand-round .circle{stroke:#ae8750;stroke-width:1.05;fill:none}
.brand-round .kitchen{fill:none;stroke:#a6814d;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
.nav-links>a{color:#3c3935}.nav-links>a:hover{color:#98753f}
.nav-cta{border:1px solid #b59667;color:#292522;letter-spacing:.055em}
.nav-cta:hover,.btn-dark{background:#292420;color:#fffaf3}
.btn-dark:hover{background:#554534}.btn-light{background:#efe4d5;color:#302823}.btn-light:hover{background:#fff}
.hero{background:#f7f2eb}.hero h1{color:#302923}.hero h1 em{color:#9a7547}
.hero-description{color:#69625a}.eyebrow{color:#9d7e53}.tiny-line{background:#ba9969}
.hero-visual-label{background:#fffcf6}.hero-visual-label .small-square{background:#efe5d7;color:#ac8750}
.ticker{background:#eee6da;border-bottom-color:#e3d7c7}.ticker-inner{color:#5e554b}
.site-footer{background:#221f1d}.footer-brand .brand-name{color:#f7f0e6}
.footer-brand .brand-motto{color:#c7a673}.footer-brand .brand-sg{color:#c5a16b}
.footer-brand .brand-round .kitchen,.footer-brand .brand-round .circle{stroke:#c6a370}
.contact-section{background:#26211e}
.contact-section .contact-left,.contact-section .contact-left h2{color:#f7f0e8}
.contact-form-wrap input:focus,.contact-form-wrap textarea:focus,.contact-form-wrap select:focus{border-color:#ab8956}
.btn,.nav-cta,.contact-form-wrap input,.contact-form-wrap select,.contact-form-wrap textarea{border-radius:0!important}
::selection{background:#c9ac80;color:#24201b}
html[data-brand="classic"] .brand-identity .brand-sg{display:none}
html[data-brand="classic"] .brand-identity .brand-round{display:block}
html[data-brand="classic"] .brand-name{letter-spacing:.045em}
html[data-brand="classic"] .hero{background:#fbf5e9}
html[data-brand="classic"] .hero-text{background:radial-gradient(circle at 16% 23%,#fffefa 0%,#fbf5eb 72%)}
html[data-brand="classic"] .hero h1{font-weight:400;letter-spacing:-.046em}
html[data-brand="classic"] .hero h1 em{color:#8e7046}
html[data-brand="classic"] .site-header{background:#fffaf1}
html[data-brand="classic"] .nav-cta{border-color:#b39770}
html[data-brand="classic"] .hero-visual-label{background:#fff9ee}
html[data-brand="classic"] .brand-motto{letter-spacing:.17em}
html[data-brand="classic"] .ticker{background:#f2e9d8}
/* Kontrolka służy wyłącznie porównaniu projektu, należy ją usunąć przed publikacją. */
.brand-compare{position:fixed;right:16px;bottom:16px;z-index:150;display:flex;align-items:center;gap:4px;box-shadow:0 18px 46px #0003;background:#fffcf9;border:1px solid #cab79c;padding:7px;max-width:calc(100vw - 24px);font-family:var(--sans)}
.brand-compare-label{font-size:9px;font-weight:800;letter-spacing:.11em;color:#77634b;white-space:nowrap;margin:0 7px 0 9px}
.brand-compare button{padding:10px 13px;min-height:40px;background:transparent;border:1px solid transparent;font-size:10px;font-weight:800;letter-spacing:.02em;color:#544b40}
.brand-compare button:hover{border-color:#d4b989}
.brand-compare button[aria-pressed="true"]{background:#292420;color:#fff8ea}
.brand-compare button:focus-visible{outline:2px solid #af8c56;outline-offset:1px}
@media (max-width:1240px){.brand-name{font-size:19px}.brand-sg{width:42px;height:48px;font-size:32px}.brand-sg:after{height:46px}.brand-identity{gap:13px}.brand{max-width:300px}.brand-motto{font-size:7px}}
@media (max-width:1040px){.brand-sg{display:none}.brand-name{font-size:19px}.brand-round{width:43px;height:43px}.site-header .nav{gap:14px}}
@media (max-width:820px){.site-header .nav{height:76px}.brand-sg{display:grid}.brand-name{font-size:19px}.brand-motto{font-size:7px}.nav-links{top:76px;background:#fffaf4}.nav-mobile-contact{color:#99784d}.menu-toggle span{background:#292420}}
@media (max-width:560px){.site-header .nav{height:72px;gap:8px}.brand-identity{gap:9px}.brand-sg{width:29px;height:35px;font-size:25px}.brand-sg:before{inset:3px 1px 0 6px}.brand-sg:after{right:-5px;height:33px}.brand-name{font-size:clamp(12px,3.1vw,16px);letter-spacing:.02em}.brand-motto{margin-top:4px;font-size:5.5px;letter-spacing:.08em}.brand-round{width:35px!important;height:35px!important}.nav-cta{padding:9px 9px;font-size:9px;gap:5px}.nav-cta span{display:none}.menu-toggle{width:29px}.nav-links{top:72px}.brand-compare{left:8px;right:8px;bottom:8px;justify-content:center;padding:5px}.brand-compare-label{font-size:8px;margin:0 3px}.brand-compare button{font-size:9px;padding:8px 9px}}
@media(prefers-reduced-motion:reduce){.brand-compare *{transition:none!important}}

/* Korekta na podstawie uwag właściciela — znak A musi pokazywać czytelne bryły szafek,
   hasło musi być optycznie wycentrowane dokładnie pod nazwą marki. */
.brand-logotype{align-items:center;text-align:center}
.brand-name{display:block;text-align:center}
.brand-motto{display:block;width:100%;text-align:center;align-self:center}
.brand-identity .brand-round{display:block}
.brand-identity .brand-sg{display:none}
.brand-round .kitchen{stroke-width:1.35;stroke-linejoin:round;stroke-linecap:round}
.brand-round .kitchen circle{color:#a6814d}
html[data-brand="classic"] .brand-identity .brand-round{display:none}
html[data-brand="classic"] .brand-identity .brand-sg{display:grid}
@media(max-width:1040px){html[data-brand="classic"] .brand-identity .brand-sg{display:grid}}
@media(max-width:560px){.brand-motto{font-size:clamp(5px,1.2vw,6.2px);letter-spacing:.075em}}

/* 2026-10-10 — zatwierdzona paleta: głęboki brąz espresso zamiast zieleni. */
:root{--ink:#28221e;--deep:#2b221d;--deep2:#211b17;--accent:#b4884b;--cream:#f7f2ea;--paper:#fffcf8;--soft:#efe8df;--muted:#77716a;--line:#e8dfd4}
.statement-section{background:#2b221d}
.statement-copy{background:#2b221d;color:#fff9f0}
.statement-copy>p em{color:#c7a781}
.statement-signature{color:#ded0bf}
.statement-signature span{color:#b4884b}
.pricing-card{background:#2b221d;color:#fff9ef;box-shadow:20px 20px 0 rgba(87,66,43,.10)}
.pricing-mini{color:#ddbf95}
.pricing-card p{color:#eee0cd}
.pricing-card small{color:#d9c6ad}
.pricing-section{background:#eee9e1}
.pricing-copy>p:not(.eyebrow){color:#645950}
.pricing-pills span{color:#584c42;border-color:#c6b8a7}
.contact-section{background:#241c18;color:#fff9f0}
.contact-left>p:not(.eyebrow){color:#e0cfbd}
.contact-form-wrap{background:#fffaf3;color:#28221e}
.contact-form-wrap input,.contact-form-wrap select,.contact-form-wrap textarea{color:#28221e}
.site-footer{background:#f7f2ea}
.footer-brand p,.footer-links .footer-small,.footer-bottom small,.footer-bottom>a{color:#665d52}
.footer-bottom{border-top-color:#d9cbb9}
.footer-bottom a:hover{color:#8e683b}
.btn-dark:hover,.nav-cta:hover{background:#45352b;color:#fffaf3}
.nav-cta{border-color:#aa8757}
.menu-toggle span{background:#2b221d}
.statement-photo{background:linear-gradient(35deg,#b7a58e,#4f4237)}
/* Dłuższe, czytelniejsze polskie etykiety nie mogą wypychać nawigacji. */
@media(max-width:1100px) and (min-width:821px){
 .site-header .nav{height:86px}
 .nav-links{display:none;position:absolute;top:86px;left:0;right:0;background:#fffaf4;box-shadow:0 16px 18px #2b221d20;padding:24px 36px 30px;gap:0;flex-direction:column;align-items:stretch}
 .nav-links.is-open{display:flex}
 .nav-links>a{font-size:13px;padding:12px 0;border-bottom:1px solid #e9dfd4}
 .nav-mobile-contact{display:block!important;font-weight:800!important;color:#99784d}
 .nav-cta{margin-left:auto;padding:12px 16px}
 .menu-toggle{display:flex!important;background:transparent;border:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:8px;width:37px;height:39px;flex-shrink:0}
 .menu-toggle span{height:2px;width:22px;background:#2b221d}
}

/* Kontrast logotypu na jasnej stopce. */
.footer-brand .brand-name{color:#28221e}
.footer-brand .brand-motto{color:#967347}
.footer-brand .brand-round .kitchen,.footer-brand .brand-round .circle{stroke:#a68049}

/* Widoczny kontakt e-mail również wtedy, gdy formularz testowy nie wysyła wiadomości. */
.contact-left .contact-direct{margin:-25px 0 30px!important;color:#e4d2bd!important;font-size:12px!important;line-height:1.9!important}
.contact-direct a{color:#d8b684;text-decoration:underline;text-underline-offset:4px;font-weight:700;overflow-wrap:anywhere}
.contact-direct a:hover{color:#fff5de}
@media(max-width:560px){.contact-left .contact-direct{margin:-5px 0 28px!important}}

/* Dłuższa, zaakceptowana nazwa usługi — zachowaj czytelność w kartach. */
.offer-card:first-child h3{font-size:clamp(22px,2vw,26px);line-height:1.25;letter-spacing:-.035em;margin:27px 0 12px;overflow-wrap:normal}
@media(max-width:560px){.offer-card:first-child h3{font-size:24px;line-height:1.24}}

/* Dostępny, czytelny status formularza oraz pole-pułapka antyspamowa. */
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.form-status{margin:12px 0 0;color:#922f21;font-size:12px;line-height:1.7;font-weight:650}
.form-status:empty{display:none}
.form-submit:disabled{opacity:.55;cursor:wait}
#sent-result h3{color:#2b221d}
#sent-result p{color:#675b4b}

/* Czytelność tekstów — szczególnie dla starszych klientów: nie używamy
   mikroskopijnych opisów 11–13 px. Zachowujemy przy tym charakter marki. */
body{font-size:16px;line-height:1.65}
.hero-description{font-size:16px;line-height:1.8;color:#554c45;max-width:590px}
.philosophy-copy p{font-size:16px;line-height:1.83;color:#5d554c;max-width:660px}
.section-heading-row>p{font-size:16px;line-height:1.75;color:#60564c;max-width:435px}
.value-card p,.offer-card p,.process-step p{font-size:15px;line-height:1.76;color:#60564d}
.pricing-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#5a5048;max-width:660px}
.pricing-card p{font-size:15px;line-height:1.7;color:#ebddca;max-width:none}
.pricing-card small{font-size:12px;line-height:1.65;color:#d9c6ad}
.pricing-mini{font-size:11px;line-height:1.6;letter-spacing:.1em}
.faq-intro>p:last-child{font-size:15px;line-height:1.75;color:#60574d;max-width:360px}
.faq-list summary{font-size:16px;line-height:1.5}
.faq-list details p{font-size:15px;line-height:1.85;color:#60574d;max-width:700px}
.contact-left>p:not(.eyebrow):not(.contact-direct){font-size:16px;line-height:1.75;color:#e2d1bf}
.contact-left .contact-direct{font-size:15px!important;line-height:1.7!important}
.form-hint,.form-note,.form-status{font-size:13px;line-height:1.65}
.field label{font-size:13px}
.nav-links>a{font-size:13px}
.offer-bottom,.offer-bottom span{font-size:14px}
.pricing-includes-title{font-weight:800;color:#40342b!important;margin:24px 0 12px!important;font-size:16px!important}
.pricing-includes{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px;max-width:650px}
.pricing-includes li{position:relative;padding-left:28px;font-size:15px;line-height:1.7;color:#4f463e}
.pricing-includes li::before{content:"✓";position:absolute;left:0;top:0;color:#a17c4d;font-weight:800}
.pricing-extra{font-size:14px!important;line-height:1.65!important;color:#6a5b4c!important;margin:18px 0 0!important}
.pricing-card .pricing-payment{padding-top:15px;border-top:1px solid rgba(255,250,240,.24);color:#f1dfbd;font-weight:650}
@media(max-width:820px){
 .hero-description,.philosophy-copy p,.section-heading-row>p,
 .pricing-copy>p:not(.eyebrow),.contact-left>p:not(.eyebrow):not(.contact-direct){font-size:16px;line-height:1.75}
 .value-card p,.offer-card p,.process-step p,.faq-list details p,.pricing-includes li{font-size:15px;line-height:1.75}
 .faq-list summary{font-size:16px;line-height:1.55}
 .pricing-card p{font-size:15px}
 .nav-links>a{font-size:15px}
}
@media(max-width:560px){
 .hero-description{font-size:16px;line-height:1.7}
 .philosophy-copy p{font-size:15.5px}
 .pricing-includes li{padding-left:25px}
 .contact-left .contact-direct{font-size:15px!important}
}

/* Opinie klientów — miejsce na zweryfikowane recenzje z Google.
   Bez fikcyjnych gwiazdek, ocen i cytatów. */
.reviews-section{padding:95px 0;background:#f4eee5;color:#2b221d}
.reviews-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(38px,7vw,110px);align-items:center}
.reviews-intro h2{font-family:var(--serif);font-size:clamp(37px,3.65vw,59px);font-weight:400;line-height:1.18;letter-spacing:-.05em;margin:20px 0}
.reviews-intro h2 em{font-weight:400;color:#ad9678}
.reviews-intro>p:last-child{color:#5e5349;font-size:16px;line-height:1.75;max-width:510px}
.reviews-placeholder{background:#fffaf3;border:1px solid #dfd0bc;padding:36px;min-height:205px}
.reviews-placeholder-label{font-size:11px;font-weight:850;letter-spacing:.12em;color:#936c40}
.reviews-placeholder p{font-size:16px;line-height:1.7;color:#40372f;margin:22px 0 15px}
.reviews-placeholder small{font-size:13px;line-height:1.6;color:#776b5e}
@media(max-width:820px){.reviews-layout{grid-template-columns:1fr;gap:30px}.reviews-section{padding:70px 0}.reviews-placeholder{padding:25px}}
@media(max-width:560px){.reviews-section{padding:60px 0}.reviews-intro h2{font-size:clamp(34px,9vw,45px)}.reviews-placeholder p{font-size:15px}}

/* Wstęp do docelowego briefu: duża typografia, prosty proces, spokojna paleta. */
.order-journey-section{padding:100px 0;background:#e9e0d4;color:#2b221d}
.order-journey-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,6.5vw,100px);align-items:start}
.order-journey-intro{padding-top:18px}
.order-journey-intro h2{font-family:var(--serif);font-size:clamp(40px,4vw,65px);font-weight:400;line-height:1.13;letter-spacing:-.045em;margin:25px 0 28px}
.order-journey-intro h2 em{font-weight:400;color:#8e7051}
.order-journey-intro>p:not(.eyebrow){font-size:16px;line-height:1.78;color:#544a40;max-width:540px;margin:0 0 20px}
.order-journey-intro .order-journey-accent{font-weight:700;color:#3f342b!important}
.order-journey-panel{background:#2b221d;color:#faf4ed;padding:clamp(28px,3vw,50px);box-shadow:17px 17px 0 #baa68e35}
.order-journey-label{font-size:11px;font-weight:850;letter-spacing:.13em;color:#ddbd8f;line-height:1.5;margin:0 0 25px}
.order-journey-steps{list-style:none;margin:0;padding:0}
.order-journey-steps li{display:grid;grid-template-columns:35px minmax(0,1fr);gap:14px;align-items:start;padding:18px 0;border-top:1px solid #ffffff2b}
.order-journey-steps li>span{font-size:13px;font-weight:750;color:#cda878;line-height:1.55}
.order-journey-steps strong{display:block;font-size:16px;line-height:1.4;color:#fff8f0;margin:0 0 8px}
.order-journey-steps p{font-size:15px;line-height:1.7;color:#dfd2c2;margin:0}
.order-journey-actions{margin-top:26px}
.order-journey-link{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:14px;min-height:56px}
.order-journey-actions p{font-size:13px;line-height:1.7;color:#d8c3a7;margin:14px 0 0}
@media(max-width:900px){.order-journey-section{padding:74px 0}.order-journey-layout{grid-template-columns:1fr;gap:27px}.order-journey-intro{padding:0}.order-journey-intro h2{font-size:clamp(38px,7vw,58px)}.order-journey-panel{box-shadow:10px 10px 0 #baa68e35}}
@media(max-width:560px){.order-journey-section{padding:60px 0}.order-journey-intro h2{font-size:clamp(36px,9vw,46px)}.order-journey-intro>p:not(.eyebrow){font-size:16px;line-height:1.7}.order-journey-panel{padding:25px 22px}.order-journey-steps li{gap:10px;grid-template-columns:28px minmax(0,1fr)}.order-journey-steps strong{font-size:15px}.order-journey-steps p{font-size:15px}}

/* Dwie jasne możliwości kontaktu obok formularza, bez fałszywego CTA. */
.contact-choices{display:grid;gap:12px;margin:28px 0 40px;max-width:530px}
.contact-choice{border:1px solid rgba(240,224,207,.25);padding:22px 24px;background:rgba(255,247,235,.035)}
.contact-choice-index{display:block;font-size:11px;letter-spacing:.12em;font-weight:850;color:#cba875}
.contact-choice h3{margin:11px 0 8px;font-family:var(--serif);font-size:clamp(21px,2.1vw,27px);font-weight:400;line-height:1.2;color:#fff7ec}
.contact-choice p{font-size:15px;line-height:1.7;margin:0 0 13px;color:#e4d4c3}
.contact-choice a{display:inline-flex;gap:16px;align-items:center;font-size:14px;font-weight:750;line-height:1.45;color:#e2b982;border-bottom:1px solid currentColor;padding:0 0 3px;text-decoration:none}
.contact-choice a:hover{color:#fff7e7}
@media(min-width:821px){.contact-choices{grid-template-columns:1fr;gap:15px}}
@media(max-width:820px){.contact-choices{max-width:none;margin:30px 0 35px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.contact-choices{grid-template-columns:1fr;gap:12px}.contact-choice{padding:20px}.contact-choice h3{font-size:25px}}

/* Portfolio 18 wizualizacji: neutralne materiały, bez zielonego filtra zdjęć. */
.gallery-grid{align-items:stretch}
.gallery-card{background:linear-gradient(135deg,#e1d5c6,#9d846b)}
.gallery-card img{filter:none;object-position:center center}
.gallery-card::after{background:linear-gradient(transparent,rgba(33,25,20,.78))}
.gallery-overlay strong{font-size:clamp(17px,1.65vw,23px);line-height:1.16;overflow-wrap:break-word}
.gallery-big .gallery-overlay strong{font-size:clamp(23px,2.45vw,36px)}
.gallery-more-wrap{text-align:center;margin:30px 0 0}
.gallery-more-wrap .btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:50px;padding:13px 28px;background:transparent;border:1px solid #ad8d63;color:#2b221d;font-size:12px;font-weight:750;letter-spacing:.025em}
.gallery-more-wrap .btn:hover{background:#2b221d;color:#fff8eb}
.gallery-card.image-pending::before{content:"Zdjęcie oczekuje na wgranie";position:absolute;left:15px;top:15px;z-index:2;padding:5px 9px;background:#2b221d;color:#fff8eb;font-size:10px}
.lightbox::backdrop{background:rgba(27,19,14,.88)}
@media(max-width:560px){.gallery-more-wrap{margin-top:20px}.gallery-more-wrap .btn{width:100%}.gallery-overlay strong{font-size:15px}.gallery-big .gallery-overlay strong{font-size:23px}}

/* Autorskie zdjęcia na stronie głównej i w sekcji filozofii. */
.hero-photo{object-position:67% center;filter:none}
.statement-photo img{filter:none}
.gallery-card[hidden],.gallery-more-wrap[hidden]{display:none!important}

/* Pełnoekranowy podgląd 18 projektów */
dialog.lightbox{inset:0;margin:auto;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;background:#211b17;color:#fff8ee;box-shadow:none;overflow:hidden}
dialog.lightbox::backdrop{background:rgba(17,13,10,.94);backdrop-filter:blur(6px)}
.lightbox-shell{height:100dvh;display:flex;flex-direction:column;min-height:0}
.lightbox-view{position:relative;display:flex;justify-content:center;align-items:center;flex:1;min-height:0;padding:45px 90px 8px;touch-action:pan-y;background:#191613}
.lightbox-view img{display:block;width:auto;height:auto;max-height:100%;max-width:100%;object-fit:contain;box-shadow:0 0 45px #0002}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:55px;height:68px;display:grid;place-items:center;background:rgba(255,249,237,.13);border:1px solid rgba(255,249,237,.35);color:#fff8ed;cursor:pointer;z-index:3;font-family:Arial,sans-serif;font-size:55px;font-weight:300;line-height:1}
.lightbox-nav:hover,.lightbox-nav:focus-visible{background:#fff8ed;color:#28201b}
.lightbox-prev{left:20px}.lightbox-next{right:20px}
.lightbox-close{position:absolute;top:14px;right:20px;z-index:10;width:49px;height:49px;border:1px solid #ddd0c0;background:#fff9f0;color:#2b221d;display:grid;place-items:center;font-size:30px;cursor:pointer}
.lightbox-caption{flex-shrink:0;background:#2a211b;color:#f9eee1;padding:16px 28px 18px;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:84px}
.lightbox-caption-title{flex:1;min-width:0}
.lightbox-caption-title strong{display:block;font-family:var(--serif);font-size:clamp(20px,2vw,27px);line-height:1.15;font-weight:400;color:#fff9f0}
.lightbox-caption-title small{display:block;font-size:13px;line-height:1.4;color:#d1beaa;margin-top:4px}
.lightbox-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.lightbox-counter{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:750;color:#ffe4bb}
.lightbox-actions a{display:inline-block;font-size:13px;font-weight:650;color:#f5dab5;text-underline-offset:4px;white-space:nowrap}
.lightbox-actions a:hover{color:#fff}
.lightbox-note{font-size:10px;color:#bda68b;letter-spacing:.09em;white-space:nowrap}
@media(max-width:700px){
 .hero-photo{object-position:67% center}
 .lightbox-view{padding:62px 12px 8px}
 .lightbox-nav{top:50%;width:41px;height:55px;font-size:40px;background:rgba(36,26,20,.55)}
 .lightbox-prev{left:5px}.lightbox-next{right:5px}
 .lightbox-close{top:9px;right:12px;width:43px;height:43px}
 .lightbox-caption{padding:14px 17px 22px;gap:13px;flex-wrap:wrap;align-items:flex-start}
 .lightbox-caption-title{flex-basis:100%}
 .lightbox-actions{justify-content:space-between;width:100%;gap:10px}
 .lightbox-note{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-photo{transition:none}.lightbox-nav{transition:none}}

/* Rzetelne liczniki zaufania. Dane o liczbie projektów/klientów pojawią się
   dopiero po ich potwierdzeniu przez właściciela. */
.trust-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:80px;background:#fff9ef;border:1px solid #dfd1bf}
.trust-metric{min-width:0;padding:28px 32px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}
.trust-metric+.trust-metric{border-left:1px solid #e6d8c6}
.trust-metric strong{font-family:var(--serif);font-weight:400;font-size:clamp(42px,4vw,62px);line-height:1;letter-spacing:-.055em;color:#4b392a;font-variant-numeric:tabular-nums}
.trust-metric strong span{font-size:.42em;letter-spacing:0}
.trust-metric>span{font-size:15px;line-height:1.55;color:#5b5146;max-width:250px}
@media(max-width:820px){.trust-metrics{margin-bottom:52px}.trust-metric{padding:25px 20px}.trust-metric>span{font-size:14px}}
@media(max-width:560px){.trust-metrics{grid-template-columns:1fr;gap:0;margin-bottom:45px}.trust-metric{padding:20px 24px;display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:15px}.trust-metric+.trust-metric{border-left:0;border-top:1px solid #e6d8c6}.trust-metric strong{font-size:43px}.trust-metric>span{font-size:15px}}

/* Profesjonalne projektowanie — blok zaufania pod sekcją O mnie */
.design-assurance{margin:64px 0 0;padding:clamp(28px,4vw,53px);background:#f7f0e6;border:1px solid #dfcbb4;position:relative;color:#342b24}
.design-assurance::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#a98454}
.design-assurance-top{display:flex;gap:13px;align-items:center;margin-bottom:21px}
.design-assurance-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #bc9a72;color:#a98454;font-size:27px;line-height:1}
.design-assurance-kicker{color:#866541;font-size:11px;letter-spacing:.14em;font-weight:850}
.design-assurance h3{font-family:var(--serif);font-weight:400;letter-spacing:-.04em;line-height:1.16;font-size:clamp(28px,2.75vw,43px);margin:0 0 20px;color:#342b24}
.design-assurance h3 em{color:#94734e;font-weight:400}
.design-assurance p{font-size:16px;line-height:1.85;color:#5d5043;margin:0 0 13px;max-width:1050px}
.design-assurance .design-assurance-takeaway{color:#3d3026;font-weight:750;margin-top:18px}
.design-assurance-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.design-assurance-tags span{padding:9px 13px;border:1px solid #d9c2a5;color:#604932;font-weight:700;font-size:12px;letter-spacing:.005em}
@media(max-width:720px){
  .design-assurance{margin-top:36px;padding:28px 22px}
  .design-assurance h3{font-size:clamp(27px,7vw,36px)}
  .design-assurance p{font-size:15.5px;line-height:1.75}
  .design-assurance-kicker{font-size:10px;letter-spacing:.09em}
  .design-assurance-tags span{font-size:11px;padding:8px 11px}
}

/* Wideo w hero wyłącznie na telefonach */
.hero-mobile-video{display:none}
@media(max-width:720px){
  .hero-photo-wrap .hero-mobile-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;pointer-events:none;transition:opacity .3s ease}
  .hero-photo-wrap .hero-mobile-video.is-playing{opacity:1}
}
@media(prefers-reduced-motion:reduce){.hero-photo-wrap .hero-mobile-video{display:none!important}}

/* Author credit for all original kitchen projects */
.gallery-authorship{display:flex;align-items:center;gap:18px;max-width:970px;margin:3px 0 34px;padding:18px 23px;background:#f6efe5;border-left:3px solid #aa8555;color:#392f26}
.gallery-authorship-mark{display:flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;color:#ac8554;font-size:22px}
.gallery-authorship strong{display:block;font-size:15px;line-height:1.5;font-weight:800;letter-spacing:.005em}
.gallery-authorship p{margin:4px 0 0;color:#5d5248;font-size:15px;line-height:1.65}
.gallery-authorship + .gallery-tools{margin-top:0}
@media(max-width:650px){.gallery-authorship{gap:10px;padding:16px 15px;margin:8px 0 29px}.gallery-authorship-mark{width:26px;min-width:26px;font-size:19px}.gallery-authorship strong{font-size:14px}.gallery-authorship p{font-size:14px;line-height:1.6}}