:root{--ink:#163e36;--muted:#5c6e65;--paper:#f8f6ef;--line:#d8dfd2;--accent:#cdeb98;--white:#fffef9;--soft:#edf0e6;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#337056}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a06c16;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;background:var(--white);padding:15px;z-index:10}.skip:focus{top:10px}header,footer{max-width:1240px;margin:auto;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px}header{border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand small{display:block;font-weight:400;letter-spacing:0;font-size:11px;color:var(--muted);margin-top:3px}nav{display:flex;flex-wrap:wrap;gap:10px 23px}header nav a,footer nav a{font-size:13px;text-decoration:none}main{max-width:1240px;margin:auto;padding:20px 32px 80px}.breadcrumbs{font-size:12px;color:var(--muted);gap:10px;margin-bottom:36px}.hero{padding:38px 0 75px;max-width:960px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:750;color:var(--muted);margin-bottom:22px}h1{font:400 clamp(40px,5.8vw,76px)/1.07 Georgia,serif;letter-spacing:-.04em;margin:22px 0 28px;max-width:960px}h2{font:400 clamp(27px,3vw,40px)/1.18 Georgia,serif;letter-spacing:-.025em}h3{font-size:20px;line-height:1.35;letter-spacing:-.025em}.hero>p:not(.eyebrow),.lead{font-size:20px;line-height:1.65;max-width:720px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:34px}.button,button{display:inline-block;background:var(--ink);color:var(--white);padding:14px 23px;border:0;border-radius:5px;text-decoration:none;font-size:14px;font-weight:650;cursor:pointer}.button:hover{background:#275748;color:white}.text-link{font-size:14px}.section{border-top:1px solid var(--line);padding-top:30px;margin-top:24px;margin-bottom:58px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr));gap:20px}.card{display:block;padding:27px;background:var(--white);border:1px solid var(--line);border-radius:8px;text-decoration:none;transition:border-color .15s}.card:hover{border-color:#648473}.card>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.card p{font-size:14px;color:var(--muted)}.card b{font-size:12px}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:0;margin:25px 0 42px}.topic-grid>a{padding:22px 25px 22px 0;text-decoration:none;border-bottom:1px solid var(--line)}.topic-grid>a>span{font:italic 24px Georgia,serif;color:#6e8865}.topic-grid p{font-size:14px;color:var(--muted);max-width:300px}.topic-grid h3{margin:10px 0}.offer{background:var(--ink);color:var(--white);padding:40px;border-radius:10px;margin:55px 0 0;max-width:none}.offer h2{max-width:690px;margin-top:12px}.offer p{max-width:700px}.offer .eyebrow{color:var(--accent)}.offer .button{background:var(--accent);color:var(--ink)}article{max-width:800px;margin:0 auto}article h1{font-size:clamp(37px,4.7vw,61px)}article h2{margin-top:46px;scroll-margin-top:25px}article p{overflow-wrap:anywhere}article ul{padding-left:22px}.byline{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:20px}.model-note{border-left:3px solid #86a861;padding:14px 20px;background:var(--soft);font-size:14px}.toc{display:block;background:var(--soft);padding:24px 30px;border-radius:7px;margin:28px 0 40px;font-size:14px}.toc ul{margin-bottom:0}.toc li{margin:6px 0}.table-scroll{overflow-x:auto;margin:26px 0;border:1px solid var(--line);border-radius:7px}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th{background:var(--soft);font-weight:650}th,td{padding:14px 17px;border-bottom:1px solid var(--line);min-width:130px}tr:last-child td{border-bottom:0}aside:not(.offer){padding:24px;background:var(--soft);border-radius:8px;margin-top:38px;font-size:14px;overflow-wrap:anywhere}aside:not(.offer) h2{font-size:24px;margin-top:0}.steps>section{display:flex;gap:28px;border-top:1px solid var(--line);padding:24px 0}.steps h2{font-size:29px;margin-top:0}.step-number{font:italic 35px Georgia,serif;color:#748968}.steps li{margin-bottom:12px}.hero-image{width:100%;height:auto;border-radius:10px}footer{border-top:1px solid var(--line);align-items:flex-start;font-size:12px}footer strong{font-size:18px}footer p{color:var(--muted)}.preview-bar{background:#e6edd7;color:#324d31;text-align:center;padding:9px 20px;font-size:11px;letter-spacing:.02em}fieldset{border:0;padding:0}label{display:block;font-size:14px;font-weight:600;margin:18px 0}input,select,textarea{display:block;margin-top:7px;padding:12px;width:100%;font:inherit;background:var(--white);border:1px solid var(--line);border-radius:5px}button:disabled,fieldset:disabled{opacity:.65}form{max-width:580px}@media(max-width:780px){header{display:block;padding:23px}header nav{margin-top:22px;gap:10px 18px}main{padding:18px 23px 48px}.hero{padding:12px 0 35px}.hero>p:not(.eyebrow),.lead{font-size:18px}.offer{padding:25px}.offer h2{font-size:30px}footer{padding:25px;display:block}footer nav{margin-top:20px}.breadcrumbs{margin-bottom:25px}.table-scroll{max-width:100%}.steps>section{gap:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.editorial-image{margin:25px 0}.editorial-image img{display:block;width:100%;height:auto;border-radius:10px}.editorial-image figcaption{font-size:12px;color:var(--muted);margin-top:9px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:36px}.hero-grid .hero{padding:20px 0 35px}.hero-grid h1{font-size:clamp(40px,4.7vw,65px)}.hero-grid .hero>p:not(.eyebrow){font-size:18px}@media(max-width:780px){.hero-grid{grid-template-columns:1fr;gap:0}.hero-grid .hero{padding-bottom:0}.hero-grid .editorial-image{margin-top:28px}}

/* Financial illustrations share the editorial palette; values stay selectable. */
.cost-chart{margin:2rem 0;padding:clamp(18px,4vw,32px);background:var(--soft);border:1px solid var(--ink);border-radius:6px 18px 8px 15px;box-shadow:3px 4px 0 var(--line)}
.cost-chart figcaption{font-size:1.35rem;font-weight:700;color:var(--ink);margin-bottom:1.2rem}
.cost-row{display:grid;grid-template-columns:1fr auto;gap:5px 15px;margin:16px 0}
.cost-track{grid-column:1 / -1;background:var(--paper);height:9px;border-radius:5px;overflow:hidden}
.cost-track>span{display:block;height:100%;background:var(--ink);border-radius:4px}
.cost-total{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:15px;font-size:1.3rem}

.calculator label,[data-lead-form] label{display:block;margin:16px 0;font-weight:600}.calculator input,[data-lead-form] input,[data-lead-form] select,[data-lead-form] textarea{display:block;width:100%;max-width:520px;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--white);color:var(--ink)}.calculator output{display:block;margin:24px 0;font-size:1.2rem;line-height:1.7;font-weight:600}.calculator button,[data-lead-form] button{font:inherit;padding:12px 18px;border:1px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer}.calculator button:disabled{opacity:.5}.calculator input:focus-visible{outline:3px solid var(--accent)}
@media print{header,footer,.preview-bar,.breadcrumbs,.calculator .actions{display:none!important}.calculator{break-inside:avoid}body{background:white;color:black}.calculator input{border:none}}
@media print{.calculator,.calculator p,.calculator h2,.calculator output,.calculator label{color:#000!important;background:#fff!important}}

/* Coffee design v1, approved by Krzysztof Malek 2026-10-31. */
.design-review{background:#242825;color:#fff;padding:9px 28px;display:flex;justify-content:space-between;align-items:center;gap:12px;font:10px/1.4 system-ui;letter-spacing:.06em}.design-review nav{gap:18px}.design-review a{color:#fff;text-decoration:none;font-size:11px;letter-spacing:0}.design-review a:hover{text-decoration:underline}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:37px;height:42px}.brand-mark svg{width:100%;height:100%}.brand small{font-size:9px;letter-spacing:.13em;margin-top:5px}header{padding-top:23px;padding-bottom:23px}header nav a:last-child{border:1px solid currentColor;padding:8px 16px}header nav{align-items:center}header nav a{font-size:12px}main{padding-top:25px}.button{border-radius:0;display:inline-flex;align-items:center;gap:30px;padding:16px 23px}.button span{font-size:22px;font-weight:400}.visual-hero{position:relative;margin:14px 0 65px}.hero-copy{position:relative;z-index:1}.hero-summary{font-size:17px;line-height:1.75;max-width:370px}.hero-photo{margin:0;position:relative;min-width:0}.hero-photo>img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo>figcaption{position:absolute;right:12px;bottom:9px;font:9px system-ui;color:white;background:#2229;padding:4px 7px}.hero-secondary{display:block;font-size:12px;margin-top:22px}.card-image{width:100%;height:205px;object-fit:cover;display:block}.card{padding:0;overflow:hidden;border-radius:0}.card-copy{padding:24px}.card-copy>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.card-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-copy h3{margin:10px 0 16px}.card b{display:block;margin-top:22px}.article-opening figure{margin:0;min-width:0}.article-opening figcaption{font-size:10px;color:var(--muted);margin-top:6px}.article-opening .hero-image{border-radius:0;width:100%;height:100%;max-height:560px;object-fit:cover}.article-content{max-width:740px;margin:45px auto 0}.article-content .grid{grid-template-columns:1fr}.article-content .card{padding:24px}.article-content .lead{font-size:18px}.article-opening .lead{font-size:17px;line-height:1.7}.article-opening .byline{font-size:11px}.article-content .offer{padding:30px}.article-content h2{font-size:32px}article{max-width:none}.breadcrumbs{margin-bottom:30px}.offer{border-radius:0}.offer .button{border-radius:0}footer{margin-top:20px}.topic-grid>a{padding-right:28px}.section{margin-bottom:55px}.section>.eyebrow{margin-top:0}.section>h2{margin-top:12px}.toc{border-radius:0}.table-scroll{border-radius:0}
.design-restauracja{--ink:#35251e;--muted:#756356;--paper:#f7f1e7;--line:#d9cbbd;--accent:#eed5b8;--white:#fffaf3;--soft:#ede4d6;font-family:'Helvetica Neue',Arial,sans-serif}.design-restauracja a:hover{color:#984528}.design-restauracja .brand{font:29px Georgia,serif;letter-spacing:-.8px}.design-restauracja .brand small{font-family:Arial,sans-serif;letter-spacing:.15em}.design-restauracja header{border-bottom:2px solid #35251e}.restaurant-hero{display:grid;grid-template-columns:43% 57%;padding-bottom:48px}.restaurant-hero .hero-copy{padding:38px 35px 35px 0}.restaurant-hero h1{font-size:clamp(44px,4.8vw,69px);line-height:1.04;margin:25px 0;letter-spacing:-.045em}.restaurant-hero h1 em{color:#a35035;font-weight:normal}.restaurant-hero .eyebrow{font-size:9px;color:#995238;letter-spacing:.16em}.restaurant-hero .hero-photo{margin-left:0;min-height:540px}.restaurant-hero .hero-photo>img{object-position:59% center}.photo-label{position:absolute;bottom:45px;left:27px;right:27px;color:white;font:32px/1.15 Georgia;text-shadow:0 2px 18px #000}.restaurant-hero .hero-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#211b1570);pointer-events:none}.photo-label{z-index:1}.hero-footnote{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:16px 0;font-size:9px;letter-spacing:.13em}.hero-footnote span:nth-child(2){font:italic 14px Georgia;letter-spacing:0}.design-restauracja .button{background:#99482f;color:#fffaf3}.design-restauracja .button:hover{background:#753720;color:white}.design-restauracja .topic-grid{border-top:1px solid var(--line)}.design-restauracja .topic-grid>a>span{color:#a35035}.design-restauracja .topic-grid h3{font:24px Georgia}.design-restauracja .card{background:transparent;border:none;border-bottom:1px solid var(--line)}.design-restauracja .card-copy{padding:23px 0}.design-restauracja .card h3{font:26px/1.2 Georgia}.design-restauracja .offer{background:#e9ddcc;color:var(--ink);border-top:3px solid #99482f}.design-restauracja .offer .eyebrow{color:#99482f}.design-restauracja .offer .button{background:#99482f;color:white}.design-restauracja .article-opening{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:start;padding:12px 0 35px;border-bottom:1px solid var(--line)}.design-restauracja .article-opening h1{font-size:clamp(35px,3.5vw,49px);line-height:1.1}.design-restauracja .article-opening figure{margin-top:28px;height:490px}.design-restauracja .article-opening .eyebrow{color:#99482f}.design-restauracja .article-content h2:before{content:'';display:block;width:32px;border-top:3px solid #a35035;margin-bottom:17px}.design-restauracja .toc{background:#ece2d4;border-left:3px solid #a35035}
.design-firma{--ink:#173e37;--muted:#53655f;--paper:#f1f4f2;--line:#cfdad3;--accent:#d6ec8c;--white:#fff;--soft:#e4ece7;font-family:'Helvetica Neue',Arial,sans-serif}.design-firma .brand{font-weight:800;font-size:26px;letter-spacing:-1px}.design-firma .brand-mark{background:#173e37;color:#d6ec8c;padding:6px;width:42px;height:44px}.design-firma h1,.design-firma h2,.design-firma h3{font-family:'Helvetica Neue',Arial,sans-serif;font-weight:650;letter-spacing:-.045em}.design-firma h2{font-size:34px}.office-hero{display:grid;grid-template-columns:52% 48%;background:#153f36;color:white}.office-hero .hero-copy{padding:45px 42px}.office-hero .eyebrow{color:#cee0d3;font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d6ec8c}.office-hero h1{font-size:clamp(42px,4.6vw,65px);line-height:1.02;font-weight:650;letter-spacing:-.055em;margin:40px 0 25px}.office-hero h1>span{color:#cfe58f}.office-hero .hero-summary{color:#d2ded7;max-width:360px}.office-hero .button{background:#d6ec8c;color:#173e37;margin-top:15px;font-size:13px}.office-hero .hero-photo{min-height:550px}.office-hero .hero-photo>img{object-position:51% center}.office-topics{display:flex;gap:22px;font-size:9px;letter-spacing:.08em;border-top:1px solid #ffffff35;padding-top:25px;margin-top:45px}.office-caption{position:absolute;bottom:32px;right:25px;left:25px;background:#eff4edf0;color:#173e37;padding:20px 25px;border-left:4px solid #173e37}.office-caption span{font-size:9px;letter-spacing:.13em;display:block;margin-bottom:7px}.office-caption strong{font-size:26px;line-height:1.2;letter-spacing:-.04em}.design-firma .topic-grid{gap:16px}.design-firma .topic-grid>a{background:#e0e9e3;padding:26px;max-width:none;border:0}.design-firma .topic-grid>a>span{font:13px monospace;color:#173e37}.design-firma .topic-grid h3{font-size:23px}.design-firma .section>.grid{display:block}.design-firma .section>.grid>.card{display:grid;grid-template-columns:32% 1fr;border:0;border-top:1px solid var(--line);background:transparent;padding:24px 0;gap:30px}.design-firma .card-image{height:230px}.design-firma .card-copy{padding:0}.design-firma .card-copy h3{font-size:25px;margin-top:12px;max-width:600px}.design-firma .card-copy p{max-width:600px}.design-firma .offer{position:relative;border-left:7px solid #cfe58f;padding:40px 45px}.design-firma .offer h2{max-width:650px}.design-firma .article-opening{background:#e2ebe5;padding:35px 40px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.design-firma .article-opening h1{font-size:clamp(34px,3.4vw,47px);line-height:1.1}.design-firma .article-opening figure{height:420px}.design-firma .article-opening .lead{font-size:16px}.design-firma .article-content .toc{border-top:3px solid #173e37}.design-firma .article-content h2{border-top:1px solid var(--line);padding-top:27px}
@media(min-width:1500px){header,main,footer{max-width:1360px}.restaurant-hero h1{font-size:74px}.office-hero h1{font-size:70px}}
@media(max-width:900px){header{gap:20px}.brand{flex-shrink:0}.brand small{font-size:8px}.design-restauracja .brand{font-size:24px}.restaurant-hero .hero-copy{padding-right:20px}.restaurant-hero h1{font-size:48px}.office-hero .hero-copy{padding:30px 26px}.office-hero h1{font-size:49px}.office-topics{gap:12px}.design-restauracja .article-opening,.design-firma .article-opening{gap:26px}.design-firma .article-opening{padding:25px}.design-review{flex-wrap:wrap}}
@media(max-width:700px){.design-review{padding:9px 18px;gap:7px}.design-review>span{font-size:8px}.design-review nav{gap:15px}.design-review a{font-size:10px}header{padding:21px 20px}header nav{justify-content:space-between;gap:8px;margin-top:22px}header nav a{font-size:11px}header nav a:last-child{padding:6px 10px}main{padding:18px 20px 45px}.brand small{font-size:8px}.visual-hero{margin-top:0;margin-bottom:42px}.restaurant-hero{grid-template-columns:1fr;padding-bottom:0}.restaurant-hero .hero-copy{padding:10px 0 30px}.restaurant-hero h1{font-size:55px;margin:20px 0}.hero-summary{max-width:100%;font-size:16px}.restaurant-hero .hero-photo{min-height:0;height:350px}.restaurant-hero .hero-photo>img{object-position:60% center}.photo-label{font-size:28px;bottom:40px;left:22px}.hero-footnote{position:static;padding:17px 0}.hero-footnote span{font-size:8px}.hero-footnote span:nth-child(2){display:none}.hero-secondary{display:inline-block;margin-left:17px;font-size:11px}.button{font-size:12px;padding:13px 18px;gap:15px}.section>h2,.design-firma .section>h2{font-size:30px}.section{margin-bottom:40px}.design-restauracja .card h3{font-size:26px}.card-image{height:230px}.office-hero{grid-template-columns:1fr}.office-hero .hero-copy{padding:27px 25px 30px}.office-hero h1{font-size:49px;margin-top:28px}.office-hero .hero-photo{min-height:0;height:340px}.office-hero .hero-photo>img{object-position:center 40%}.office-topics{margin-top:30px;padding-top:20px;justify-content:space-between;gap:7px;font-size:8px}.office-caption{bottom:25px;left:20px;right:20px;padding:15px 20px}.office-caption strong{font-size:24px}.design-firma .section>.grid>.card{grid-template-columns:1fr;gap:20px}.design-firma .card-copy h3{font-size:25px}.design-firma .card-image{height:225px}.design-firma .offer{padding:27px 23px}.design-firma .offer h2{font-size:29px}.design-restauracja .article-opening,.design-firma .article-opening{display:block;padding:0 0 25px}.design-firma .article-opening{padding:24px 20px}.design-restauracja .article-opening h1,.design-firma .article-opening h1{font-size:37px}.design-restauracja .article-opening figure,.design-firma .article-opening figure{margin-top:24px;height:auto}.article-opening .hero-image{height:auto;max-height:none}.article-opening .lead{font-size:17px}.article-content{margin-top:30px}.article-content h2{font-size:28px}.toc{padding:20px}.breadcrumbs{font-size:10px;margin-bottom:20px;gap:6px}.design-restauracja .article-content h2{font-size:29px}footer{padding:25px 20px}.hero-footnote span:last-child{text-align:right}}
