/*
Theme Name: NAROBIMY
Author: NAROBIMY
Description: Lekki motyw blokowy, marketing i technologia dla polskich firm w Belgii.
Version: 0.4.4
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: narobimy
*/
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--paper:#faf9f6;--ink:#101719;--muted:#555b5b;--line:#deded7;--yellow:#ffe14b;--panel:#eeece5;--dark:#14211f;--content:1120px;--radius:7px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--section:88px;--button-shadow:inset 0 1px 0 #ffffff24,0 2px 3px #0000000c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;padding:32px;background:#eeefed;color:var(--ink);font-family:Manrope,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}::selection{background:var(--yellow);color:var(--ink)}*{scrollbar-color:#737b75 var(--paper);scrollbar-width:thin}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:#4b574c}a:focus-visible,summary:focus-visible{outline:3px solid #8b6500;outline-offset:5px;border-radius:3px}a{transition:color .18s ease,background-color .18s ease}p,h1,h2,h3,ul,figure{margin:0}h1,h2,h3{font-weight:650;line-height:1.16;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(42px,5.7vw,76px)}h2{font-size:clamp(30px,3vw,42px)}h3{font-size:21px;letter-spacing:-.025em}p{max-width:72ch}img{display:block;max-width:100%;height:auto}mark{background:var(--yellow);color:var(--ink);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}ul{padding-left:22px}.wp-site-blocks{max-width:1360px;margin:auto;background:var(--paper);border-radius:12px;overflow:clip}.wp-site-blocks>*{margin-block:0}.shell{width:calc(100% - 128px);max-width:var(--content);margin-inline:auto}.site-header{min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:32px}.brand{font-size:28px;font-weight:800;letter-spacing:-.06em;line-height:1}.brand a{text-decoration:none}.brand span{color:#b38b00}.site-nav,.footer-nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.site-nav a,.footer-nav a{text-decoration:none;display:inline-block;padding-block:12px}.site-nav a:hover,.footer-nav a:hover{text-decoration:underline}.site-nav a[aria-current]{text-decoration:underline;text-decoration-color:#b38b00;text-decoration-thickness:2px;text-underline-offset:8px}.skip-link{position:absolute;top:8px;left:8px;z-index:10;padding:12px 20px;background:var(--yellow);color:var(--ink);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.hero{display:grid;grid-template-columns:1.28fr 1fr;gap:48px;align-items:center;padding-block:24px 48px}.hero h1{font-size:clamp(54px,6.5vw,88px);font-weight:700;line-height:1.06;letter-spacing:-.04em}.hero-description{font-size:18px;line-height:1.7;margin-top:30px;max-width:49ch}.hero-visual{position:relative;min-width:0;height:510px}.architecture{height:100%;clip-path:polygon(0 0,52% 0,56% 46%,100% 65%,100% 100%,18% 100%);border-radius:7px}.architecture img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.visual-note{position:absolute;right:6%;top:10%;font-size:12px;line-height:1.6;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.visual-note:after{content:"";display:block;width:40px;height:4px;background:var(--yellow);margin-top:24px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:13px 23px;border:1px solid #2c3434;border-radius:var(--radius);background:var(--ink);box-shadow:var(--button-shadow);color:#fff;font-size:15px;font-weight:600;text-decoration:none;line-height:1.45}.wp-block-button__link:after{content:"";width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.6' d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;flex:none}.wp-block-button__link:hover{background:#30403b;color:#fff}.is-style-yellow .wp-block-button__link{background:var(--yellow);border-color:#dbc037;color:var(--ink);min-height:62px;padding-inline:30px;font-size:18px}.is-style-yellow .wp-block-button__link:hover{background:#f3cf2f}.text-link{font-size:14px;font-weight:650}.text-link a{display:inline-block;padding-block:10px}.scope-line{border-block:1px solid #e9e8e2}.scope-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-block:24px}.scope-item{display:flex;gap:14px;align-items:center;text-decoration:none;font-size:14px;font-weight:550}.scope-item svg{flex:none}.scope-item:hover span{text-decoration:underline}.section{padding-block:var(--section)}.section-intro{max-width:640px;margin-bottom:54px}.section-intro p{margin-top:22px;color:var(--muted);font-size:18px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.service-column{padding-inline:32px;border-left:1px solid var(--line)}.service-column:first-child{border:0;padding-left:0}.service-column:last-child{padding-right:0}.service-number{display:table;font-size:34px;line-height:1;font-weight:650;letter-spacing:-.04em;position:relative;margin-bottom:22px}.service-number:after{content:"";position:absolute;bottom:-5px;left:0;width:34px;height:4px;background:var(--yellow)}.service-column>p:not(.service-number){margin-top:14px;font-size:15px;line-height:1.6}.service-links{list-style:none;padding:0;margin-top:24px;font-size:14px}.service-links li{position:relative;padding-left:19px}.service-links li:before{content:"";position:absolute;top:18px;left:2px;width:5px;height:3px;border-left:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(-45deg)}.service-links a{display:inline-block;text-decoration:none;padding-block:9px;line-height:1.5}.service-links a:hover{text-decoration:underline}.automation-band{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;background:var(--panel);padding:64px max(64px,calc((100% - var(--content))/2))}.automation-copy>p{margin-block:24px 28px}.benefit{padding-block:20px;border-top:1px solid #cfcfc6}.benefit:first-child{padding-top:0;border:0}.benefit h3{font-size:18px}.benefit p{font-size:15px;margin-top:9px;color:#4e5552}.small-note{font-size:13px;line-height:1.65;color:var(--muted)}.benefits>.small-note{margin-top:8px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px}.section-heading h2{font-size:32px}.case-placeholder{border-block:1px solid var(--line);padding-block:32px;display:grid;grid-template-columns:1fr 1.5fr;gap:16px 48px}.case-placeholder h3{font-size:24px}.case-placeholder .small-note{grid-column:2}.contact-band{background:var(--dark);color:var(--paper);border-radius:7px;display:flex;justify-content:space-between;align-items:center;gap:48px;padding:56px max(64px,calc((100% - var(--content))/2))}.contact-band h2{font-weight:500;font-size:40px}.contact-band p{margin-top:20px;font-size:15px;color:#d8ded9}.site-footer{padding-block:32px 24px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-top .brand{font-size:25px}.footer-nav{font-size:12px;gap:24px}.footer-bottom{margin-top:26px;font-size:11px;color:var(--muted)}.work-note{font-size:11px}
.page-intro{padding-block:24px 64px;border-bottom:1px solid var(--line)}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:48px}.breadcrumbs span{margin-inline:10px}.page-intro h1{max-width:19ch;font-size:clamp(42px,5.4vw,70px)}.page-lead{font-size:22px;line-height:1.55;max-width:55ch;margin-top:28px}.service-directory{padding-top:64px}.editorial{max-width:800px}.editorial>h2:not(:first-child){margin-top:48px}.editorial>p,.editorial>ul{margin-top:24px}.editorial li{margin-block:14px}.editorial.section+.section{padding-top:0}.service-body{padding-block:64px 88px;display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:88px}.service-opening{font-size:21px;line-height:1.65}.service-main>h2{font-size:30px;margin-top:48px;margin-bottom:20px}.service-main>p{max-width:70ch}.scope-list li{margin-block:14px;padding-left:7px}.example-box{background:var(--panel);padding:32px;margin-block:40px}.example-box h2{font-size:26px;margin-bottom:20px}.example-box .small-note{margin-top:20px}.service-aside{align-self:start;border-top:3px solid var(--yellow);padding-top:24px}.service-aside h2{font-size:26px}.service-aside>p{margin-block:20px;font-size:15px}.service-aside h3{font-size:17px;margin-top:40px;margin-bottom:16px}.related-links{padding-left:19px;font-size:14px}.related-links li{margin-block:15px}.wp-block-details{border-bottom:1px solid var(--line);padding-block:20px}.wp-block-details summary{font-size:17px;font-weight:650;cursor:pointer;padding-right:16px}.wp-block-details p{padding-top:18px;font-size:15px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;align-items:start}.portrait-placeholder{background:var(--panel);aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:end;padding:32px}.portrait-label{font-size:28px;line-height:1.3;font-weight:600;letter-spacing:-.03em;margin-bottom:16px}.about-copy>p{margin-top:24px}.contact-page{display:grid;grid-template-columns:1.2fr 1fr;gap:64px}.contact-guide h2,.contact-empty h2{font-size:30px;margin-bottom:24px}.contact-guide li{margin-block:16px}.contact-guide>p{margin-top:28px}.contact-empty{background:var(--panel);padding:32px;align-self:start}.contact-empty>p{margin-block:20px}.standard-page{padding-block:64px}
@media(min-width:1600px){body{padding:48px}}
@media(max-width:1100px){body{padding:20px}.shell{width:calc(100% - 80px)}.site-header{min-height:92px}.hero{gap:32px}.hero h1{font-size:64px}.hero-visual{height:440px}.hero-description{font-size:16px}.actions{gap:18px}.automation-band,.contact-band{padding-inline:40px;gap:40px}.service-column{padding-inline:24px}.service-body{gap:48px}.scope-item{font-size:12px;gap:10px}}
@media(max-width:800px){body{padding:12px}.shell{width:calc(100% - 48px)}.site-header{gap:16px;flex-wrap:wrap;padding-block:24px}.site-nav{gap:20px;font-size:13px}.brand{font-size:25px}.hero{gap:20px}.hero h1{font-size:52px}.hero-visual{height:370px}.visual-note{font-size:9px;right:0}.hero-description{font-size:15px}.actions{align-items:flex-start;flex-direction:column;gap:10px}.section{padding-block:64px}.services{grid-template-columns:1fr}.service-column{padding:28px 0;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:50px 1fr;gap:12px 20px}.service-number{grid-row:1/4;font-size:30px}.service-column>p:not(.service-number){margin:0}.service-links{margin:0;grid-column:2}.service-column:first-child{padding-top:0}.service-column:last-child{padding-bottom:0}.automation-band{gap:32px;padding:48px 24px;grid-template-columns:1fr}.automation-copy h2{font-size:34px}.scope-inner{gap:16px;grid-template-columns:repeat(2,1fr)}.scope-item{font-size:13px;min-height:36px}.contact-band{padding:40px 24px;gap:24px}.contact-band h2{font-size:32px}.is-style-yellow .wp-block-button__link{font-size:15px;padding-inline:20px}.footer-top,.footer-bottom{align-items:flex-start}.footer-top{flex-direction:column;gap:16px}.footer-bottom{flex-direction:column;gap:8px;margin-top:16px}.service-body{grid-template-columns:1fr;gap:48px}.service-aside{padding-top:32px}.service-aside .related-links{display:flex;flex-wrap:wrap;gap:12px 32px}.about{grid-template-columns:1fr;gap:32px}.portrait-placeholder{max-width:320px;width:100%;aspect-ratio:4/3}.contact-page{grid-template-columns:1fr;gap:40px}.page-lead{font-size:20px}.case-placeholder{grid-template-columns:1fr;gap:16px}.case-placeholder .small-note{grid-column:auto}}
@media(max-width:560px){body{padding:8px}.wp-site-blocks{border-radius:8px}.shell{width:calc(100% - 40px)}.site-header{gap:20px;padding-block:24px;min-height:110px}.site-nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}.site-nav a{padding-block:8px}.hero{grid-template-columns:1fr;padding-top:16px;padding-bottom:32px;gap:28px}.hero h1{font-size:clamp(45px,12.5vw,64px);max-width:none}.hero-description{font-size:16px;margin-top:26px}.actions{flex-direction:row;align-items:center;gap:12px 20px;margin-top:26px}.wp-block-button__link{font-size:14px;padding:12px 18px;min-height:50px}.text-link{font-size:13px}.hero-visual{height:300px;width:100%;max-width:350px;margin-inline:auto}.architecture{clip-path:polygon(4% 0,56% 0,60% 42%,100% 63%,100% 100%,18% 100%)}.architecture img{object-position:50% 65%}.visual-note{font-size:10px;right:2%;top:7%}.scope-inner{padding-block:20px;gap:12px}.scope-item{font-size:11px;gap:10px}.scope-item svg{width:18px;height:18px}.section{padding-block:48px}.section-intro{margin-bottom:36px}.section-intro h2{font-size:31px}.section-intro p{font-size:16px;margin-top:20px}.service-column{grid-template-columns:38px 1fr;gap:12px 18px}.service-column h3{font-size:21px}.service-column>p:not(.service-number){font-size:14px}.service-links{font-size:14px}.service-links a{padding-block:10px}.service-number{font-size:28px}.automation-band{padding:40px 20px}.automation-copy h2{font-size:30px}.automation-copy>p{font-size:15px}.benefit h3{font-size:18px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:24px}.section-heading h2{font-size:30px}.case-placeholder h3{font-size:23px}.case-placeholder>p{font-size:15px}.case-placeholder>.small-note{font-size:12px}.contact-band{flex-direction:column;align-items:flex-start;padding:36px 20px;gap:28px}.contact-band h2{font-size:32px}.footer-nav{gap:22px;font-size:11px}.site-footer{padding-block:28px 24px}.footer-bottom{font-size:10px}.work-note{font-size:10px}.page-intro{padding-block:12px 40px}.breadcrumbs{font-size:11px;margin-bottom:32px;overflow-wrap:anywhere}.breadcrumbs span{margin-inline:6px}.page-intro h1{font-size:40px;overflow-wrap:normal;hyphens:auto}.page-lead{font-size:19px;margin-top:24px}.service-body{padding-block:40px 48px}.service-opening{font-size:19px}.service-main>h2{font-size:27px;margin-top:36px}.service-main{font-size:15px}.example-box{padding:24px;margin-block:32px}.example-box h2{font-size:24px}.contact-empty{padding:24px}.editorial h2,.about-copy h2{font-size:28px}.editorial{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}

.service-number{align-self:start}
@media(max-width:560px){.page-intro h1{font-size:clamp(32px,10.25vw,40px)}}
.service-column h2{font-size:21px;letter-spacing:-.025em}

/* Homepage: brief-complete teasers, preserving the V3 visual system. */
.home-about{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-xl);border-top:1px solid var(--line)}
.home-about-copy>p+p{margin-top:var(--space-md)}
.home-about-copy .text-link{margin-top:var(--space-md)}
.home-start{border-top:1px solid var(--line)}
.start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-lg)}
.start-step p{margin-top:var(--space-sm);color:var(--muted);font-size:15px}
@media(max-width:800px){.home-about{grid-template-columns:1fr;gap:var(--space-lg)}.start-steps{grid-template-columns:1fr;gap:var(--space-md)}.start-step+.start-step{border-top:1px solid var(--line);padding-top:var(--space-md)}}
@media(max-width:560px){.home-about h2,.home-start h2{font-size:30px}.home-about-copy{font-size:15px}}

/* Supplied brand artwork and portrait; both remain native editable image blocks. */
.hero-art{height:100%;border-radius:7px;overflow:hidden;background:#e9cc64}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.portrait-photo{margin:0;border-radius:7px;overflow:hidden;background:var(--panel);aspect-ratio:1/1.1}
.portrait-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.contact-method{font-size:clamp(18px,2vw,24px);font-weight:650;overflow-wrap:anywhere;line-height:1.4}
.contact-method a{text-decoration-thickness:2px;text-decoration-color:#c4a914}
@media(max-width:800px){.portrait-photo{max-width:420px;width:100%;aspect-ratio:1/1}}
@media(max-width:560px){.hero-art img{object-position:center 40%}.portrait-photo{max-width:100%}.contact-method{font-size:21px}}
.footer-bottom p:first-child{max-width:68ch}
.brand-logo{width:198px;height:39px;margin:0;flex:none;overflow:hidden}
.brand-logo a,.brand-logo img{display:block;width:100%;height:100%}
.brand-logo img{object-fit:cover;object-position:center}
.footer-top .brand-logo{width:176px;height:35px}
@media(max-width:560px){.brand-logo{width:173px;height:34px}.footer-top .brand-logo{width:161px;height:32px}}