:root{--ink:#1d1d1a;--muted:#625e59;--sand:#f1ece5;--cream:#faf8f4;--copper:#987959;--line:#dedbd6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,.brand strong{font-family:Georgia,"Times New Roman",serif;line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2.9rem,5.4vw,5.4rem);margin:15px 0 22px}h2{font-size:clamp(2rem,3.8vw,3.5rem);margin:10px 0 20px}h3{font-size:1.45rem;margin:14px 0}a{color:inherit}.wrap{width:min(1240px,calc(100% - 48px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.head-inner{min-height:82px;display:flex;align-items:center;gap:35px}.brand{text-decoration:none;display:flex;flex-direction:column;min-width:162px}.brand strong{font-size:30px;font-weight:400}.brand span{font-size:10px;letter-spacing:.5em}.nav{flex:1}.nav-list{display:flex;align-items:center;justify-content:center;gap:20px;list-style:none;padding:0;margin:0}.nav a{text-decoration:none;font-size:13px;white-space:nowrap}.nav a:hover,.text-link:hover{color:var(--copper)}.call{background:#1b1b19;color:white;text-decoration:none;padding:11px 23px;border-radius:5px;font-size:14px}.menu-toggle{display:none}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:#fff;z-index:99;padding:10px}.hero{background:var(--cream)}.hero-inner{min-height:520px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.hero-copy{padding:77px 40px 77px 0;align-self:center}.hero-copy p{font-size:18px;max-width:540px}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:700}.hero-image{background:linear-gradient(130deg,#ded0bc 0%,#e7ded1 43%,#a58c73 100%);position:relative;min-height:430px}.hero-image:after{content:'MIEJSCE NA FOTOGRAFIĘ ODBITEK';position:absolute;left:24px;bottom:24px;font-size:11px;color:#3c3027;letter-spacing:.15em}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.button{padding:13px 22px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:600;text-decoration:none;font-size:14px;min-height:48px}.button-dark{background:#20201e;color:white}.button-outline{border:1px solid #82776b}.button-light{background:#f1e6d8;color:#28221b}.benefits{display:flex;gap:21px;flex-wrap:wrap;margin-top:36px;font-size:13px}.services{padding-top:90px;padding-bottom:95px}.section-head{max-width:800px;margin-bottom:40px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{min-height:245px;background:var(--cream);border:1px solid var(--line);padding:26px 20px;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s}.service:hover{transform:translateY(-3px)}.service-index{font-size:12px;color:var(--copper)}.service p{color:var(--muted);font-size:14px;margin:0}.service-more{margin-top:auto;padding-top:22px;font-size:13px;font-weight:700}.fine-art{background:#25231f;color:white}.fine-art-inner{display:grid;grid-template-columns:1fr 1fr;min-height:440px;align-items:center;gap:55px;padding-top:65px;padding-bottom:65px}.fine-art p{color:#e2dbd2;max-width:500px}.printer-placeholder{height:300px;border:1px solid #81756b;background:linear-gradient(130deg,#191919,#50483e);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:28px;font-weight:700;letter-spacing:.1em}.printer-placeholder small{font-size:12px;letter-spacing:0;font-weight:400;margin:8px 20px}.print-online{padding-top:100px;padding-bottom:100px;max-width:900px;text-align:center}.print-online .actions{justify-content:center}.print-online p{color:var(--muted)}.snapshot{background:var(--sand)}.snapshot-inner{padding-top:75px;padding-bottom:75px;display:flex;gap:60px;align-items:center;justify-content:space-between}.snapshot-inner>div:first-child{max-width:680px}.snapshot-inner p{color:var(--muted)}.snapshot-tag{font:35px Georgia,serif;text-align:center;white-space:nowrap}.snapshot-tag span{font:12px system-ui,sans-serif;letter-spacing:.1em;display:block}.text-link{font-weight:700;text-underline-offset:4px}.footer{background:#1d1d1b;color:#fff;padding:65px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.footer p{color:#dad4cd}.content{padding-top:65px;padding-bottom:90px;min-height:40vh;max-width:960px}.content h1{font-size:clamp(2.3rem,4vw,4rem)}.content img{max-width:100%;height:auto}@media(max-width:1000px){.head-inner{flex-wrap:wrap;gap:12px}.menu-toggle{display:block;margin-left:auto;background:none;border:1px solid var(--line);border-radius:4px;padding:10px 14px}.nav{display:none;order:5;flex-basis:100%}.nav.is-open{display:block}.nav-list{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 0}.nav-list li a{display:block;padding:13px}.services-grid{grid-template-columns:repeat(2,1fr)}.call{display:none}}@media(max-width:700px){.wrap{width:min(100% - 30px,1240px)}.hero-inner,.fine-art-inner,.footer-grid{grid-template-columns:1fr}.hero-copy{padding:48px 0 32px}.hero-image{min-height:230px}.hero-copy p{font-size:16px}.services{padding-top:60px;padding-bottom:60px}.services-grid{grid-template-columns:1fr}.service{min-height:190px}.fine-art-inner{gap:25px}.printer-placeholder{height:210px}.snapshot-inner{flex-direction:column;align-items:start;gap:20px}.print-online{padding-top:65px;padding-bottom:65px}.benefits{gap:13px}.brand strong{font-size:25px}}

/* FOG v0.2 — typografia, hierarchia i responsywne karty */
:root{--cream:#fbfaf8;--sand:#f4efe8;--ink:#201f1d;--copper:#927054}
.wrap{width:min(1300px,calc(100% - 64px))}
h1,h2,h3{font-weight:600;letter-spacing:-.035em}
h1{font-size:clamp(2.8rem,4.25vw,4.4rem);line-height:1.075;margin:18px 0 23px}
h2{font-size:clamp(2rem,3vw,3.1rem);line-height:1.12}
h3{font-size:clamp(1.3rem,1.5vw,1.65rem)}
.hero-inner{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);min-height:570px}
.hero-copy{padding:65px 55px 65px 0}
.hero-copy p{max-width:540px;line-height:1.55;color:#494540}
.hero-image{min-height:480px;background:linear-gradient(145deg,#e9e0d3,#cdbba5 60%,#a18770)}
.hero-image:before{content:'ZDJĘCIE GŁÓWNE';display:block;position:absolute;top:42%;width:100%;text-align:center;font-size:clamp(1.1rem,2vw,1.75rem);letter-spacing:.12em;color:#6c5b4a;font-family:Georgia,serif}
.hero-image:after{content:'Tutaj umieścimy autentyczne zdjęcie odbitek';letter-spacing:.04em;font-size:12px}
.services{padding-top:75px;padding-bottom:85px}
.section-head{max-width:900px;margin-bottom:30px}
.services-grid{gap:17px}
.service{padding:0 0 23px;min-height:340px;overflow:hidden;background:#fff}
.service-media{height:170px;display:flex;align-items:flex-end;padding:18px 19px;background:#ebe5dc;color:#51493f;background-position:center;background-size:cover}
.service-media span{font-size:11px;letter-spacing:.09em;text-transform:uppercase;background:rgba(255,255,255,.86);padding:5px 8px}
.service-media-doc{background-image:linear-gradient(145deg,#eee9e4,#c9b9a8)}
.service-media-print{background-image:linear-gradient(145deg,#e5e4db,#b6b7a5)}
.service-media-fine{background-image:linear-gradient(145deg,#e7ded3,#aaa08f)}
.service-media-vhs{background-image:linear-gradient(145deg,#d9d5d0,#9c938c)}
.service>.service-index,.service>h3,.service>p,.service>.service-more{margin-left:19px;margin-right:19px}
.service-index{margin-top:20px}.service h3{margin-top:7px;margin-bottom:8px;line-height:1.2}.service-more{padding-top:18px}
.fine-art-inner{min-height:420px;padding-top:72px;padding-bottom:72px}.fine-art h2{font-size:clamp(2.6rem,3.9vw,4.5rem)}
.printer-placeholder{height:340px}.print-online{padding-top:75px;padding-bottom:85px}
.snapshot-inner{padding-top:68px;padding-bottom:68px}.snapshot h2{font-size:clamp(2rem,2.8vw,3rem)}
.footer{padding:55px 0}.footer h2{font-size:clamp(2rem,3vw,3rem)}
@media(max-width:1050px){.hero-inner{grid-template-columns:1fr 1fr}.hero-copy{padding-right:26px}.services-grid{grid-template-columns:repeat(2,1fr)}.hero-image{min-height:390px}}
@media(max-width:700px){.wrap{width:calc(100% - 34px)}.hero-inner,.fine-art-inner{grid-template-columns:1fr}.hero-copy{padding:49px 0 36px}.hero-image{min-height:270px}.hero-image:before{top:40%}.services-grid{grid-template-columns:1fr}.service{min-height:0}.service-media{height:215px}.services{padding-top:54px;padding-bottom:60px}.hero h1{font-size:clamp(2.7rem,10.2vw,4rem)}.benefits{font-size:12px}.fine-art-inner{padding-top:58px;padding-bottom:60px}.print-online{padding-top:60px;padding-bottom:60px}.snapshot-inner{padding-top:55px;padding-bottom:55px}.footer-grid{gap:20px}}