:root{--ink:#292824;--muted:#68645e;--accent:#b49a7a;--deep:#806449;--paper:#f8f5f0;--hair:#e9e3dc;--max:1460px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--deep);outline-offset:5px}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em;font-weight:400}h2 em,h1 em{color:#9a8064;font-weight:400}.skip{position:absolute;left:12px;top:-70px;background:#fff;padding:12px;z-index:99}.skip:focus{top:10px}.layout-shell{width:min(100% - 12vw,var(--max));margin-inline:auto}
.top{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:24px max(6vw,24px);border-bottom:1px solid var(--hair);background:#fff;position:relative;z-index:2}.brand{font-size:19px;letter-spacing:.13em;font-weight:700;white-space:nowrap}.brand span{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:.22em;color:var(--muted);margin-top:7px}.top nav{display:flex;gap:32px;font-size:13px;flex-wrap:wrap}.top nav a:hover,.secondary:hover,.text-link:hover,.back-link:hover{color:var(--deep)}
.kicker,.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;color:#92775d;text-transform:uppercase}.hero{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);min-height:620px;background:linear-gradient(125deg,#f8f4ee,#eee5d9)}.hero-copy{padding:96px min(6vw,100px) 64px max(6vw,24px);align-self:center}.hero h1{font-size:clamp(44px,5.15vw,82px);line-height:1.12;margin:25px 0}.hero-lead{color:var(--muted);font-size:17px;line-height:1.75;max-width:590px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin:32px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--deep);color:#fff;padding:17px 28px;font-size:13px;letter-spacing:.035em;border:0;min-height:50px;transition:background .2s}.button:hover{background:#654a33}.secondary{font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b8a897}.note{margin:55px 0 0;font-size:12px;color:#82796e}.hero-visual{position:relative;min-height:610px;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.image-caption{position:absolute;left:25px;bottom:25px;background:rgba(250,248,244,.94);padding:12px 18px;font-size:10px;letter-spacing:.19em}
.intro{padding:100px 0}.intro-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:9%;align-items:start;margin-top:15px}.intro h2{font-size:clamp(35px,4vw,58px);line-height:1.18;margin:10px 0}.intro-layout>p{font-size:17px;color:var(--muted);line-height:1.9;max-width:540px}
.topics{background:var(--paper);padding:92px 0 98px}.section-heading{max-width:850px}.section-heading h2,.cta h2,.feature h2,.story-grid h2{font-size:clamp(34px,4.2vw,57px);line-height:1.18;margin:18px 0}.section-heading>p:not(.kicker){color:var(--muted);line-height:1.8;max-width:690px;font-size:16px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}.topic-card{background:#fff;padding:38px 34px;min-height:310px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.topic-card:hover,.project:hover{transform:translateY(-4px);box-shadow:0 18px 28px #453a3020}.topic-card>span:first-child,.project-copy>span:first-child{color:#92775d;font-size:10px;letter-spacing:.16em}.topic-card h3,.project-copy h3{font:normal 28px Georgia,serif;line-height:1.2;margin:35px 0 12px}.topic-card p{font-size:15px;line-height:1.7;color:var(--muted)}.text-link{font-size:12px;letter-spacing:.02em;font-weight:700;margin-top:auto;padding-top:16px;color:var(--deep)}.text-link b{margin-left:6px;font-size:18px;font-weight:400}
.portfolio{padding:108px 0 118px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}.project{display:block;background:#faf8f5;transition:transform .2s,box-shadow .2s}.project-image{aspect-ratio:4/3;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover .project-image img{transform:scale(1.035)}.project-copy{padding:27px 25px 30px}.project-copy h3{margin:14px 0 12px}.project-copy p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.project-copy .text-link{display:block;margin-top:22px;padding:0}
.feature{display:grid;grid-template-columns:1fr 1fr;background:#f3eee6;min-height:520px}.feature-image{overflow:hidden;min-height:440px}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:10% 10%;align-self:center}.feature h2{max-width:560px}.feature p:not(.kicker){color:var(--muted);line-height:1.85;max-width:560px}.feature .secondary{display:inline-block;margin-top:22px}.cta{text-align:center;padding:105px 24px}.cta h2{max-width:760px;margin:20px auto}.cta p:not(.kicker){color:var(--muted);line-height:1.8;max-width:600px;margin:0 auto}.cta .button{margin-top:30px}.small-cta{background:var(--paper);padding:85px 24px}footer{padding:44px max(6vw,24px);border-top:1px solid var(--hair);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:40px}footer .footer-name{font-size:13px;letter-spacing:.18em;color:var(--ink);font-weight:700}footer p{line-height:1.7;margin:15px 0}.footer-note{font-size:11px}.footer-links{display:flex;gap:30px;align-items:flex-start;flex-wrap:wrap}footer a:hover{color:var(--deep)}
.detail-head{padding:65px 0 64px}.back-link{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:52px}.detail-head h1,.guide-header h1{font-size:clamp(46px,6.3vw,88px);line-height:1.08;max-width:1060px;margin:18px 0 25px}.detail-head h1 em{display:block}.page-intro{max-width:800px;font-size:18px;line-height:1.8;color:var(--muted)}.detail-cover{height:min(57vw,720px);min-height:370px;position:relative;background:var(--paper);overflow:hidden}.detail-cover img{width:100%;height:100%;object-fit:cover;object-position:center}.detail-cover span{position:absolute;bottom:22px;left:max(6vw,24px);background:rgba(250,248,244,.95);padding:13px 20px;font-size:10px;letter-spacing:.17em}
.project-story{padding:105px 0 85px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.story-grid h2{margin-top:18px}.story-grid>p{color:var(--muted);font-size:17px;line-height:1.9;margin-top:19px}.project-highlights{margin-top:95px}.highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:28px}.highlights>div{border-top:1px solid var(--hair);padding-top:24px}.highlights span{font-size:12px;color:var(--deep)}.highlights h3{font:normal 26px Georgia,serif;margin:23px 0 15px}.highlights p{color:var(--muted);font-size:15px;line-height:1.75}
.gallery-section{padding:28px 0 100px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:20px;margin-top:40px}.gallery-item{display:block;position:relative;border:0;padding:0;aspect-ratio:1.55;cursor:zoom-in;background:var(--paper);overflow:hidden}.gallery-item.wide{grid-column:span 2;aspect-ratio:2.5}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.gallery-item:hover img{transform:scale(1.025)}.zoom-symbol{position:absolute;bottom:18px;right:18px;width:36px;height:36px;background:#fff;display:grid;place-items:center;font-size:19px}.next-project{border-top:1px solid var(--hair);padding:38px 0 74px;display:flex;align-items:center;justify-content:space-between;gap:26px}.next-project h2{font:normal 36px Georgia,serif;margin:10px 0}.next-project p:not(.kicker){color:var(--muted);margin:0}
.guide-header{padding:65px 0 55px}.guide-header h1{max-width:980px}.guide-photo{height:min(45vw,570px);min-height:350px;overflow:hidden}.guide-photo img{width:100%;height:100%;object-fit:cover}.guide-content{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.75fr);gap:11%;padding:80px 0 110px}.guide-body section{margin:26px 0 44px}.guide-body h2{font-size:clamp(27px,3vw,37px);line-height:1.3;margin:0 0 18px}.guide-body section p{font-size:16px;line-height:1.95;color:var(--muted)}.guide-aside{align-self:start;background:var(--paper);padding:30px}.guide-aside h3{font:normal 25px Georgia,serif}.guide-aside ul{padding-left:18px;color:var(--muted);line-height:1.75}.guide-aside li{margin-bottom:13px}.guide-aside .secondary{display:inline-block;margin-top:16px}
#lightbox{padding:0;border:0;background:transparent;color:white;max-width:96vw;max-height:94vh;overflow:visible}#lightbox::backdrop{background:rgba(17,15,13,.93)}.lightbox-wrap{display:flex;align-items:center;gap:12px;position:relative}#lightbox figure{margin:0;max-width:min(85vw,1300px)}#lightbox figure img{max-height:82vh;max-width:100%;width:auto;margin:auto;object-fit:contain}#lightbox figcaption{text-align:center;font-size:13px;color:#eee;margin-top:14px;line-height:1.5}.lightbox-wrap button{border:0;cursor:pointer;background:#ffffff22;color:#fff;width:44px;height:44px;font-size:30px}.lightbox-wrap button:hover{background:#ffffff44}.lightbox-close{position:absolute;right:0;top:-52px;z-index:3}
@media(max-width:1100px){.hero{grid-template-columns:1fr 0.85fr}.hero h1{font-size:clamp(40px,5vw,62px)}.hero-copy{padding-top:70px;padding-bottom:50px}.hero-visual{min-height:560px}.cards{gap:14px}.topic-card{padding:30px 23px}.highlights{gap:26px}}
@media(max-width:780px){.layout-shell{width:calc(100% - 40px)}.top{align-items:flex-start;flex-direction:column;gap:22px;padding:24px 20px}.top nav{gap:18px 24px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:72px 20px 60px}.hero h1{font-size:clamp(44px,9vw,69px)}.hero-lead{font-size:16px}.note{margin-top:42px}.hero-visual{min-height:320px;height:60vw;max-height:570px}.intro{padding:76px 0}.intro-layout,.story-grid{display:block}.intro-layout>p{margin-top:26px}.topics{padding:74px 0}.cards,.project-grid,.highlights{grid-template-columns:1fr}.topic-card{min-height:0}.topic-card h3{margin-top:25px}.portfolio{padding:76px 0}.project-grid{gap:26px}.feature{grid-template-columns:1fr}.feature-image{min-height:310px;height:55vw}.feature-copy{padding:65px 20px}.cta{padding:78px 20px}footer{padding:36px 20px;flex-direction:column}.detail-head,.guide-header{padding:44px 0 42px}.back-link{margin-bottom:35px}.detail-head h1,.guide-header h1{font-size:clamp(42px,9vw,66px)}.page-intro{font-size:16px}.detail-cover{min-height:300px;height:65vw}.project-story{padding:75px 0 50px}.story-grid>p{margin:18px 0 0;font-size:16px}.project-highlights{margin-top:58px}.highlights{gap:12px}.highlights>div{padding-bottom:12px}.gallery-section{padding:20px 0 75px}.gallery{gap:12px}.gallery-item,.gallery-item.wide{grid-column:auto;aspect-ratio:1.2}.next-project{align-items:flex-start;flex-direction:column}.guide-photo{min-height:300px;height:58vw}.guide-content{display:block;padding:60px 0 70px}.guide-aside{margin-top:40px}.lightbox-wrap{gap:2px}.lightbox-wrap button{width:30px;font-size:25px}#lightbox figure{max-width:80vw}}
@media(max-width:480px){.brand{font-size:17px}.top nav{font-size:12px}.hero h1{font-size:42px}.hero-visual{height:78vw}.actions{gap:24px}.gallery{grid-template-columns:1fr}.gallery-item,.gallery-item.wide{aspect-ratio:1.25}.section-heading h2,.cta h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Wersja 4 — pięć albumów, editorial i rozbudowany poradnik */
.project-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:23px}
.project-grid .project{grid-column:span 2}
.project-grid .project.lead{grid-column:span 3}
.project-grid .project.lead .project-image{aspect-ratio:1.58}
.project-grid .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.project-grid .project:hover .project-image img{transform:scale(1.035)}
.guide-body .opening{font:normal clamp(19px,2.1vw,25px)/1.65 Georgia,serif;color:#40372f;margin:0 0 33px}
.guide-body section p{margin:0 0 20px}
.guide-body h3{font:normal 25px Georgia,serif;line-height:1.3;margin:23px 0 10px}
.guide-body ul,.guide-body ol{padding-left:26px;color:var(--muted);font-size:16px;line-height:1.9}
.guide-body li{padding-left:5px;margin:0 0 12px}
.guide-body .article-note{background:#f7f2ea;border-left:3px solid var(--accent);padding:22px 25px;margin:30px 0 36px;color:#574a3b;line-height:1.8}
.guide-body .article-note strong{color:var(--ink)}
.guide-body .article-figure{margin:35px 0 40px}
.guide-body .article-figure img{width:100%;aspect-ratio:1.7;object-fit:cover}
.guide-body .article-figure figcaption{font-size:12px;color:var(--muted);padding-top:12px;line-height:1.5}
.guide-body .sources{border-top:1px solid var(--hair);padding-top:25px;margin-top:60px}
.guide-body .sources h2{font-size:28px}
.guide-body .sources li{font-size:14px;line-height:1.65;margin-bottom:10px}
.guide-body .sources a{text-decoration:underline;text-underline-offset:3px;color:var(--deep)}
.guide-body .mini-qa{border-bottom:1px solid var(--hair);padding-bottom:14px}
.guide-body .mini-qa h3{font-size:22px}
.guide-body .read-more{margin-top:25px;padding:24px;border:1px solid var(--hair)}
.guide-body .read-more a{color:var(--deep);text-decoration:underline;text-underline-offset:4px}
.guide-aside{position:sticky;top:25px}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid .project,.project-grid .project.lead{grid-column:auto}.project-grid .project.lead .project-image{aspect-ratio:4/3}}
@media(max-width:680px){.project-grid{grid-template-columns:1fr}.project-grid .project,.project-grid .project.lead{grid-column:span 1}.guide-aside{position:static}}