@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--ink:#272922;--muted:#73736b;--cream:#f6f3ed;--sand:#eae4da;--line:#d8d3c9;--olive:#636a55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{width:100%;height:100%;object-fit:cover;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2,.serif{font-family:'Playfair Display',Georgia,serif}h1{font-size:clamp(3.1rem,7vw,7rem);line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(2.5rem,4.5vw,4.6rem);line-height:1.15;letter-spacing:-.04em}h3{font-size:1.6rem}p{line-height:1.8}header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5%;background:#faf9f6;position:relative;z-index:3}.brand{font-family:'Playfair Display',serif;font-size:1.8rem;letter-spacing:.09em}.brand small{display:block;font:500 9px 'DM Sans',sans-serif;letter-spacing:.34em;margin-top:4px;text-align:center}nav{display:flex;align-items:center;gap:28px;font-size:12px;letter-spacing:.11em;text-transform:uppercase}nav a:hover,.under:hover{color:var(--olive)}.nav-contact{border-bottom:1px solid var(--ink);padding-bottom:6px}.hero{position:relative;min-height:690px;height:calc(100svh - 86px);max-height:900px;background:#6a645b;overflow:hidden;color:white;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,25,20,.68),rgba(25,25,22,.06) 90%);z-index:1}.hero img{position:absolute;inset:0}.hero-content{position:relative;z-index:2;margin-left:9%;max-width:780px}.eyebrow{font-size:11px;letter-spacing:.26em;text-transform:uppercase;font-weight:700;display:block;margin-bottom:24px}.hero p{max-width:460px;font-size:16px;color:#f4f0e8}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:17px 23px;background:var(--ink);color:#fff;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;transition:background .2s}.button:hover{background:var(--olive)}.button.light{background:#fff;color:var(--ink)}.button.light:hover{background:var(--sand)}.hero .button{margin-top:24px}.container{width:min(1200px,88%);margin:auto}.section{padding:115px 0}.section.soft{background:var(--cream)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.intro p{max-width:510px;color:var(--muted)}.image-tall{height:590px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}.section-top p{max-width:330px;color:var(--muted)}.portfolio{display:grid;grid-template-columns:1fr 1fr;gap:26px}.portfolio .item:nth-child(1){grid-row:span 2}.portfolio .item:nth-child(1) .photo{height:740px}.portfolio .photo{height:340px;overflow:hidden;background:var(--sand)}.portfolio img,.tile img{transition:transform .7s}.portfolio a:hover img,.tile:hover img{transform:scale(1.04)}.item-title{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:14px}.item-title span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.service{border-top:1px solid var(--line);padding-top:26px}.service .num{font-size:11px;color:var(--muted);letter-spacing:.2em}.service h3{margin:24px 0 15px}.service p{font-size:14px;color:var(--muted)}.quote{text-align:center;max-width:820px;margin:auto}.quote h2{font-size:clamp(2.5rem,5vw,5rem)}.banner{background:var(--olive);color:#fff;padding:105px 0;text-align:center}.banner h2{max-width:800px;margin:0 auto 32px}.pagehead{background:var(--cream);padding:100px 0 90px}.pagehead h1{font-size:clamp(3rem,6vw,6rem);max-width:900px;margin-bottom:20px}.pagehead p{max-width:610px;color:var(--muted)}.two{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.two .photo{height:570px}.copy p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.tile .photo{height:350px;overflow:hidden}.tile h3{margin:22px 0 8px}.tile p{font-size:13px;color:var(--muted)}.detail-hero{height:620px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.detail-grid .photo{height:460px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-line{padding:22px 0;border-top:1px solid var(--line)}.contact-line small{display:block;color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}.note{background:var(--cream);border-left:3px solid var(--olive);padding:20px 24px;font-size:13px;line-height:1.7;color:#55574e}footer{background:#252923;color:#fff;padding:75px 0 30px}footer .foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer nav{flex-wrap:wrap}footer .sub{border-top:1px solid #5a6058;margin-top:65px;padding-top:24px;font-size:11px;color:#c0c4ba;display:flex;justify-content:space-between;gap:20px}.demo-ribbon{background:#1f221f;color:#fff;text-align:center;padding:10px 15px;font:500 11px 'DM Sans',sans-serif;letter-spacing:.06em}.demo-ribbon a{text-decoration:underline;text-underline-offset:3px}@media(max-width:850px){header{height:auto;min-height:78px;flex-direction:column;padding:19px 5% 16px;gap:16px}nav{gap:16px;justify-content:center;flex-wrap:wrap;font-size:10px}.brand{font-size:1.55rem}.hero{height:72svh;min-height:550px}.hero-content{margin:0 7%}.hero:before{background:linear-gradient(90deg,rgba(21,25,20,.72),rgba(25,25,22,.2))}.section{padding:75px 0}.intro,.two,.contact-grid{grid-template-columns:1fr;gap:35px}.image-tall,.two .photo{height:420px}.section-top{display:block}.portfolio{grid-template-columns:1fr}.portfolio .item:nth-child(1){grid-row:auto}.portfolio .item:nth-child(1) .photo,.portfolio .photo{height:340px}.services,.cards{grid-template-columns:1fr;gap:28px}.tile .photo{height:360px}.pagehead{padding:70px 0}.detail-hero{height:350px}.detail-grid{grid-template-columns:1fr}.detail-grid .photo{height:340px}.banner{padding:80px 0}footer .sub{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ATELIER PRO — autorski motyw grafit / szampańskie złoto */
:root{--ink:#17191b;--muted:#6c6a66;--cream:#f5f2ed;--sand:#e8e1d6;--line:#d8d0c3;--olive:#a78e65;--gold:#b9a078}
body{background:#f5f2ed;color:var(--ink)}
header{background:#17191b;color:#f5f2ed;border-bottom:1px solid rgba(185,160,120,.32)}
.brand{color:#f5f2ed}.brand small{color:#b9a078}
nav a:hover,.under:hover{color:#b9a078}.nav-contact{border-color:#b9a078}
.hero{background:#17191b}.hero:before{background:linear-gradient(90deg,rgba(9,12,14,.85) 0%,rgba(13,15,17,.56) 52%,rgba(13,15,17,.13) 100%)}
.eyebrow{color:#a78e65}.hero .eyebrow,.banner .eyebrow{color:#dbc5a0}
.hero h1{color:#fffaf3;text-shadow:0 2px 26px rgba(0,0,0,.2)}
.button{background:#17191b;color:#f5f2ed;border:1px solid #b9a078}.button:hover{background:#36312a;color:#fff}
.button.light{background:#b9a078;color:#17191b;border-color:#b9a078}.button.light:hover{background:#e2cba5}
.section{background:#f5f2ed}.section.soft{background:#eae5dc}
.service{border-top-color:#b9a078}.service .num{color:#8a6f46}
.item-title span{color:#8a6f46}
.banner{background:#17191b;color:#f5f2ed;border-top:1px solid #b9a078}
.pagehead{background:#1d2022;color:#f5f2ed;border-bottom:1px solid #b9a078}.pagehead p{color:#d0c9bd}
.note{background:#eae5dc;border-left-color:#b9a078;color:#383733}
footer{background:#111315;color:#f5f2ed}footer .sub{border-top-color:#48443d;color:#bdb5a9}
.demo-ribbon{background:#b9a078;color:#17191b}.demo-ribbon a{font-weight:700}
.photo{background:#e8e1d6}
a:focus-visible{outline:3px solid #b9a078;outline-offset:4px}
@media(max-width:850px){.hero:before{background:linear-gradient(90deg,rgba(9,12,14,.82),rgba(13,15,17,.34))}}

/* PRO EXPERIENCE — gotowe, wielokrotnego użytku moduły */
header nav .atelier-nav-menu{position:relative;display:inline-block;color:inherit}header nav .atelier-nav-menu summary{cursor:pointer;list-style:none;white-space:nowrap}header nav .atelier-nav-menu summary::-webkit-details-marker{display:none}header nav .atelier-dropdown{position:absolute;z-index:30;top:calc(100% + 12px);left:0;min-width:210px;background:#1d1f21;border:1px solid #b9a07866;box-shadow:0 18px 45px #0005;padding:8px;border-radius:9px}header nav .atelier-dropdown a{display:block;padding:10px 12px;color:#eee8dc;font-size:14px;white-space:nowrap}header nav .atelier-dropdown a:hover,header nav .atelier-dropdown a:focus-visible{background:#b9a07824;color:#e8c992} .atelier-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 27px}.atelier-filters button{font:inherit;cursor:pointer;border:1px solid #b9a07888;color:#292929;background:#f5f2ed;border-radius:999px;padding:10px 17px}.atelier-filters button.active,.atelier-filters button:hover{background:#232528;color:#e5cf9f}.atelier-filter-grid .tile[hidden]{display:none!important}.atelier-contact-demo{padding-bottom:75px}.atelier-contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:42px;background:#f5f2ed;border-radius:14px;padding:32px}.atelier-contact-panel h2{margin:10px 0 16px}.atelier-contact-panel p{color:#555}.atelier-contact-panel form{display:grid;gap:14px}.atelier-contact-panel label{display:grid;gap:5px;font-size:14px;font-weight:600}.atelier-contact-panel input,.atelier-contact-panel select,.atelier-contact-panel textarea{width:100%;min-width:0;border:1px solid #c8c0b1;border-radius:7px;background:#fff;color:#222;font:inherit;padding:12px}.atelier-contact-panel button{border:0;cursor:pointer;justify-self:start}.atelier-map-note{font-size:13px}#atelier-demo-response{font-weight:700;color:#51432c}@media(max-width:760px){.atelier-contact-panel{grid-template-columns:1fr;padding:20px;gap:28px}header nav .atelier-dropdown{left:auto;right:0;min-width:190px}.atelier-filters button{padding:9px 12px;font-size:13px}}

/* Poprawka menu ATELIER: oddzielny pionowy panel, także na desktopie. */
header nav details.atelier-nav-menu{position:relative;overflow:visible;flex:0 0 auto}
header nav details.atelier-nav-menu[open]{z-index:100}
header nav details.atelier-nav-menu > .atelier-dropdown{position:absolute;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;top:calc(100% + 10px);left:0;width:max-content;min-width:225px;max-width:min(320px,90vw);padding:8px!important;background:#1d1f21!important;border:1px solid #b9a07877;border-radius:10px;box-shadow:0 20px 48px #0008;z-index:200;letter-spacing:normal;text-transform:none}
header nav details.atelier-nav-menu > .atelier-dropdown > a{display:block!important;position:relative;flex:none!important;width:100%;padding:11px 14px!important;margin:0!important;line-height:1.5!important;white-space:normal!important;color:#f1e9dd!important;font-size:13px!important;text-decoration:none;text-align:left;letter-spacing:.02em}
header nav details.atelier-nav-menu > .atelier-dropdown > a + a{border-top:1px solid #ffffff18}
header nav details.atelier-nav-menu > .atelier-dropdown > a:hover,header nav details.atelier-nav-menu > .atelier-dropdown > a:focus-visible{background:#b9a07825!important;color:#f0d9a7!important}
@media(max-width:760px){header nav details.atelier-nav-menu > .atelier-dropdown{left:auto;right:0;min-width:205px;max-width:calc(100vw - 28px)}}