:root{--ink:#11110f;--paper:#efede7;--soft:#d8d5cc;--white:#f7f5ef;--line:rgba(17,17,15,.2);--pad:clamp(20px,4vw,64px);--serif:"Iowan Old Style",Baskerville,Georgia,serif;--sans:Arial,"Helvetica Neue",sans-serif}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
.skip-link{position:fixed;top:-60px;left:10px;padding:12px;background:white;z-index:100}
.skip-link:focus{top:10px}
.section-label,.eyebrow{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.14em;margin:0}
.logo{font-size:25px;font-weight:800;letter-spacing:-.07em}

.site-header{height:82px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:absolute;inset:0 0 auto;z-index:10;color:white;border-bottom:1px solid rgba(255,255,255,.35)}
.nav{display:flex;gap:30px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.nav a,.availability{transition:opacity .2s}
.nav a:hover,.availability:hover{opacity:.55}
.availability{justify-self:end;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.menu-button{display:none}

.hero{height:max(720px,100svh);position:relative;color:white;display:flex;flex-direction:column;justify-content:flex-end;padding:130px var(--pad) 44px;overflow:hidden}
.hero-media,.hero-shade{position:absolute;inset:0}
.hero-media{display:block;animation:hero-in 1.2s cubic-bezier(.2,.7,.2,1) both}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.46),rgba(0,0,0,.08) 70%),linear-gradient(0deg,rgba(0,0,0,.48),transparent 55%)}
@keyframes hero-in{from{opacity:0;transform:scale(1.04)}
to{opacity:1;transform:none}
}
.hero>*:not(.hero-media,.hero-shade){position:relative;z-index:1}
.hero h1{font-size:clamp(64px,9.3vw,150px);line-height:.8;letter-spacing:-.075em;margin:4vh 0 0;max-width:1200px}
.hero h1 em{font-family:var(--serif);font-weight:400}
.hero-bottom{display:grid;grid-template-columns:1fr auto auto;gap:6vw;align-items:end;margin-top:8vh}
.hero-bottom>p{font-size:clamp(14px,1.4vw,18px);line-height:1.5;max-width:390px;margin:0}
.hero-facts{display:flex;gap:25px;font-size:10px;text-transform:uppercase;letter-spacing:.09em}
.hero-link,.text-link{border-bottom:1px solid;padding-bottom:10px;display:flex;gap:35px;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.1em}

.projects,.services{background:var(--ink);color:var(--paper);padding:130px var(--pad)}
.section-head{display:grid;grid-template-columns:1fr 3fr auto;align-items:end;margin-bottom:75px}
.section-head h2,.advantages h2,.services h2,.pricing h2,.promo-film h2,.photo-offer h2,.retainer h2,.testimonials h2,.faq h2,.contact h2{font-size:clamp(50px,7vw,108px);line-height:.88;letter-spacing:-.06em;margin:0}
.section-head>p:last-child{font-size:10px;text-transform:uppercase;letter-spacing:.1em}

.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.25)}
.category{min-height:260px;background:var(--ink);padding:25px;display:grid;grid-template-columns:1fr auto;align-content:space-between;transition:background .25s,color .25s}
.category-wide{grid-column:1/-1}
.category:hover{background:var(--paper);color:var(--ink)}
.category span,.category b{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:400}
.category h3{grid-column:1/-1;font-size:clamp(40px,6vw,90px);letter-spacing:-.055em;margin:50px 0 0}
.category b{justify-self:end}
.format-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px 4vw}
.format-card{min-width:0}
.format-wide{grid-column:1/-1}
.format-media{aspect-ratio:16/10;overflow:hidden;background:#292925}
.format-wide .format-media{aspect-ratio:21/9}
.format-portrait .format-media{aspect-ratio:4/5}
.format-media img,.moodboard img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s}
.format-card:hover .format-media img,.moodboard-card:hover .moodboard img{transform:scale(1.018);filter:brightness(.88)}
.format-portrait .format-media img{object-position:72% center}
.format-meta{display:grid;grid-template-columns:1fr auto;gap:8px 24px;padding:18px 0;border-top:1px solid rgba(255,255,255,.3)}
.format-meta span,.format-meta p{font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin:0}
.format-meta h3{grid-column:1;grid-row:2;font-size:clamp(30px,4vw,60px);letter-spacing:-.05em;margin:0}
.format-meta p{grid-column:2;grid-row:2;align-self:end;text-align:right}
.moodboard-card{grid-column:1/-1}
.moodboard{display:grid;grid-template-columns:1.15fr .8fr 1fr;grid-template-rows:280px 220px;gap:10px;overflow:hidden}
.moodboard img{min-width:0;min-height:0}
.moodboard img:nth-child(1){grid-row:1/3}
.moodboard img:nth-child(2){grid-column:2;grid-row:1}
.moodboard img:nth-child(3){grid-column:2;grid-row:2}
.moodboard img:nth-child(4){grid-column:3;grid-row:1/3}
.moodboard img:nth-child(5),.moodboard img:nth-child(6){display:none}
.portfolio.projects{padding-bottom:0}
.portfolio-index{display:flex;justify-content:flex-end;gap:34px;padding:20px 0 40px;border-top:1px solid rgba(255,255,255,.28);font-size:11px;text-transform:uppercase;letter-spacing:.09em}
.portfolio-index a{border-bottom:1px solid transparent;padding-bottom:5px;transition:border-color .2s}
.portfolio-index a:hover{border-color:currentColor}
.showcase,.photo-mood{margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);scroll-margin-top:20px}
.showcase{margin-top:1px}
.showcase-cover{height:660px;background:#151515;color:#f4f4f2;padding:52px max(var(--pad),12vw) 62px;display:flex;flex-direction:column}
.showcase-cover>p{font-size:clamp(13px,1.6vw,23px);text-transform:uppercase;letter-spacing:.03em;margin:0}
.showcase-cover h3{font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(78px,12vw,178px);font-weight:200;letter-spacing:-.065em;line-height:.69;text-transform:uppercase;margin:auto 0}
.showcase-cover h3 span{display:block}
.showcase-cover h3 span:last-child{margin-left:28%}
.showcase-bottom{display:grid;grid-template-columns:1fr 116px;align-items:end;gap:40px}
.showcase-bottom>p{max-width:690px;font-size:clamp(12px,1.25vw,18px);line-height:1.35;text-transform:uppercase;letter-spacing:.045em;margin:0}
.showcase-bottom>a{width:116px;height:116px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-content:center;text-align:center;font-size:10px;line-height:1.2;text-transform:uppercase;text-decoration:underline;transition:background .2s,color .2s}
.showcase-bottom>a:hover{background:#f4f4f2;color:#151515}
.phone-gallery{background:#fff;display:grid;grid-template-columns:repeat(3,minmax(190px,290px));justify-content:space-between;gap:7vw;padding:68px 6vw 76px;color:#151515}
.phone{aspect-ratio:9/17.8;border:9px solid #080808;border-radius:38px;margin:0;position:relative;overflow:hidden;background:#111;box-shadow:0 0 0 2px #080808}
.phone:before{content:"";position:absolute;z-index:2;top:17px;left:22px;width:42px;height:9px;border-radius:10px;background:rgba(255,255,255,.65)}
.phone:after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:11%;background:#f7f7f5;border-top:1px solid rgba(0,0,0,.15)}
.phone img{width:100%;height:89%;object-fit:cover}
.phone:nth-child(2) img{object-position:65% center}.phone:nth-child(3) img{object-position:82% center}
.phone i,.film-gallery i{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;background:rgba(10,10,10,.55)}
.phone i:after,.film-gallery i:after{content:"";position:absolute;left:39%;top:31%;border-left:30px solid white;border-top:19px solid transparent;border-bottom:19px solid transparent}
.film-gallery{background:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:70px 6vw}
.film-gallery figure{aspect-ratio:16/10;margin:0;position:relative;overflow:hidden;background:#111;border-radius:3px}
.film-gallery img{width:100%;height:100%;object-fit:cover}
.film-gallery i{width:76px;height:76px}.film-gallery i:after{border-left-width:25px;border-top-width:15px;border-bottom-width:15px}
.photo-mood{background:#fff;color:#111}
.mood-cover{height:660px;position:relative;overflow:hidden;color:white;display:grid;place-items:start center;text-align:center}
.mood-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.55)}
.mood-cover>div{position:relative;z-index:1;margin-top:60px}
.mood-cover h3{font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(65px,9vw,130px);font-weight:300;line-height:.82;letter-spacing:-.045em;text-transform:uppercase;margin:0}
.mood-cover p{font-size:clamp(14px,2vw,28px);text-transform:uppercase;margin:20px 0 0}
.photo-mood-color .mood-cover>img{filter:saturate(1.35) contrast(1.05) brightness(.78)}
.photo-mood-color .mood-cover>div{margin-top:180px}
.photo-mood-color .mood-cover h3{font-size:clamp(76px,10vw,145px)}
.collage-alt img:nth-child(1){grid-column:1;grid-row:1/2}.collage-alt img:nth-child(2){grid-column:2;grid-row:1/3}.collage-alt img:nth-child(3){grid-column:3/5;grid-row:1}.collage-alt img:nth-child(4){grid-column:5;grid-row:1/3}.collage-alt img:nth-child(5){grid-column:1;grid-row:2/4}.collage-alt img:nth-child(6){grid-column:3;grid-row:2}.collage-alt img:nth-child(7){grid-column:4;grid-row:2/4}.collage-alt img:nth-child(8){grid-column:2/4;grid-row:3}
.photo-collage{height:720px;display:grid;grid-template-columns:1.1fr .65fr .85fr 1.1fr .65fr;grid-template-rows:repeat(3,1fr);gap:0;overflow:hidden}
.photo-collage img{width:100%;height:100%;object-fit:cover;min-width:0;min-height:0}
.photo-collage img:nth-child(1){grid-column:1;grid-row:1/3}.photo-collage img:nth-child(2){grid-column:2/4;grid-row:1}.photo-collage img:nth-child(3){grid-column:4;grid-row:1/3}.photo-collage img:nth-child(4){grid-column:5;grid-row:1}.photo-collage img:nth-child(5){grid-column:2;grid-row:2/4}.photo-collage img:nth-child(6){grid-column:3;grid-row:2}.photo-collage img:nth-child(7){grid-column:1;grid-row:3}.photo-collage img:nth-child(8){grid-column:3/6;grid-row:3}
.photo-collage.collage-alt img:nth-child(1){grid-column:1;grid-row:1/2}.photo-collage.collage-alt img:nth-child(2){grid-column:2;grid-row:1/3}.photo-collage.collage-alt img:nth-child(3){grid-column:3/5;grid-row:1}.photo-collage.collage-alt img:nth-child(4){grid-column:5;grid-row:1/3}.photo-collage.collage-alt img:nth-child(5){grid-column:1;grid-row:2/4}.photo-collage.collage-alt img:nth-child(6){grid-column:3;grid-row:2}.photo-collage.collage-alt img:nth-child(7){grid-column:4;grid-row:2/4}.photo-collage.collage-alt img:nth-child(8){grid-column:2/4;grid-row:3}

.advantages{padding:130px var(--pad)}
.advantages h2{margin:35px 0 90px}
.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.advantage-grid article{min-height:220px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.advantage-grid span{font-size:10px}
.advantage-grid h3{font-size:clamp(21px,2.2vw,32px);letter-spacing:-.04em;margin:0}

.services>h2{margin:35px 0 90px}
.service-accordion{border-top:1px solid rgba(255,255,255,.3)}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
.service-accordion details{border-bottom:1px solid rgba(255,255,255,.3)}
.service-accordion summary{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;padding:28px 0}
.service-accordion summary span{font-family:var(--serif);font-style:italic}
.service-accordion summary strong{font-size:clamp(28px,4vw,60px);letter-spacing:-.045em}
.service-accordion summary i,.faq summary i{width:18px;height:18px;position:relative}
.service-accordion summary i:before,.service-accordion summary i:after,.faq summary i:before,.faq summary i:after{content:"";position:absolute;left:0;top:9px;width:18px;height:1px;background:currentColor}
.service-accordion summary i:after,.faq summary i:after{transform:rotate(90deg);transition:transform .2s}
details[open] summary i:after{transform:none}
.service-accordion details>p{max-width:680px;margin:0 0 30px 70px;line-height:1.6;color:#bcb9b1}
.service-accordion details>p a{color:var(--paper);text-decoration:underline;text-underline-offset:4px;margin-left:8px}
.service-panel{padding:0 0 44px 70px}
.service-description{max-width:760px;margin:0 0 35px;line-height:1.6;color:#bcb9b1}
.service-description a{color:var(--paper);text-decoration:underline;text-underline-offset:4px;margin-left:8px}
.service-price-grid{display:grid;gap:1px;background:rgba(255,255,255,.28)}
.service-price-grid.three{grid-template-columns:repeat(3,1fr)}
.service-price-grid.four{grid-template-columns:repeat(4,1fr)}
.service-price-grid article{background:var(--ink);padding:25px;min-height:410px;display:flex;flex-direction:column}
.service-price-grid article.recommended{background:var(--paper);color:var(--ink)}
.service-price-grid article>p{font-size:12px;text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between;gap:15px}
.service-price-grid article>p b{font-size:8px;border:1px solid;padding:5px;font-weight:400;white-space:nowrap}
.service-price-grid h3,.service-single h3{font-size:clamp(32px,3.4vw,52px);line-height:.95;letter-spacing:-.05em;margin:42px 0 35px}
.service-price-grid h3 small,.service-single h3 small{font-size:12px;letter-spacing:0}
.service-price-grid ul,.service-single ul{list-style:none;padding:0;margin:0;line-height:1.8;font-size:13px}
.service-price-grid li:before,.service-single li:before{content:"—";margin-right:9px}
.service-price-grid article>a,.service-single>div:last-child>a{margin-top:auto;border-top:1px solid currentColor;padding-top:14px;font-size:10px;text-transform:uppercase;letter-spacing:.09em}
.service-price-grid.compact article{min-height:280px}
.service-price-grid.compact h3{font-size:clamp(27px,2.7vw,40px)}
.service-footnote{font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin:22px 0 0;color:#bcb9b1}
.service-single{display:grid;grid-template-columns:1.5fr 1fr;gap:7vw;border-top:1px solid rgba(255,255,255,.25);padding-top:32px}
.service-single>div:last-child{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.25);padding-left:35px;min-height:280px}
.service-single>div:last-child>p{font-size:10px;text-transform:uppercase;letter-spacing:.1em}

.pricing,.photo-offer,.faq{padding:130px var(--pad)}
.pricing>h2,.photo-offer>h2,.faq>h2{margin:35px 0 90px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}
.price-card{border:1px solid var(--line);padding:30px;min-height:520px;display:flex;flex-direction:column;margin-right:-1px}
.price-card.featured{background:var(--ink);color:var(--paper);transform:translateY(-18px)}
.price-card>p{font-size:14px;text-transform:uppercase;letter-spacing:.09em;display:flex;justify-content:space-between}
.price-card>p span{font-size:8px;border:1px solid;padding:5px 7px}
.price-card h3{font-size:clamp(42px,5vw,70px);letter-spacing:-.055em;margin:55px 0 45px}
.price-card h3 small{font-size:16px}
.price-card ul,.retainer-grid ul,.promo-details ul{list-style:none;padding:0;margin:0;line-height:2}
.price-card li:before,.retainer-grid li:before{content:"—";margin-right:10px}
.price-card a{margin-top:auto;border-top:1px solid currentColor;padding-top:16px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}

.promo-film{background:#cbc7bd;padding:130px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.promo-film h2{margin-top:35px}
.promo-film h2 em{font-family:var(--serif);font-weight:400}
.promo-details{padding-top:40px;display:flex;flex-direction:column}
.promo-details>p:first-child{font-size:clamp(18px,2vw,27px);line-height:1.4;max-width:480px}
.promo-details ul{margin:45px 0}
.from{font-size:12px;text-transform:uppercase}
.from strong{display:block;font-size:clamp(40px,5vw,70px);letter-spacing:-.05em;margin-top:8px}
.promo-details .text-link{margin-top:auto}

.compact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.compact-grid article{background:var(--paper);padding:28px;min-height:280px;display:flex;flex-direction:column}
.compact-grid p{font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.compact-grid h3{font-size:clamp(38px,4vw,58px);letter-spacing:-.05em;margin:45px 0}
.compact-grid span{margin-top:auto;font-size:13px}
.extras-inline{display:flex;justify-content:flex-end;gap:40px;margin-top:25px;font-size:11px;text-transform:uppercase;letter-spacing:.07em}

.retainer{padding:130px var(--pad);background:#23231f;color:var(--paper)}
.retainer h2{margin:35px 0 45px}
.retainer>.lead{font-size:clamp(17px,1.7vw,23px);line-height:1.5;max-width:750px;margin:0 0 80px}
.retainer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.retainer-grid details{border:1px solid rgba(255,255,255,.25);padding:28px;min-height:250px}
.retainer-grid details.featured{background:var(--paper);color:var(--ink)}
.retainer-grid summary{display:flex;flex-direction:column;min-height:190px}
.retainer-grid summary span{font-size:14px;text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between}
.retainer-grid summary b{font-size:8px;border:1px solid;padding:5px;font-weight:400}
.retainer-grid summary strong{font-size:clamp(27px,3vw,42px);letter-spacing:-.04em;margin:auto 0 20px}
.retainer-grid summary small{font-size:11px}
.retainer-grid summary i{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-style:normal}
.retainer-grid details>p{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid;padding-top:25px}
.retainer-grid li{font-size:13px;line-height:1.5;margin:10px 0}

.add-ons{padding:100px var(--pad)}
.add-on-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.add-on-grid article{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.add-on-grid span{font-size:9px}
.add-on-grid h3{font-size:23px;margin:50px 0 8px}
.add-on-grid p{margin:0;font-size:13px}

.testimonials{padding:130px var(--pad);background:var(--white)}
.testimonials h2{margin:35px 0 90px}
.testimonials blockquote{font-family:var(--serif);font-size:clamp(31px,4.5vw,68px);line-height:1.12;max-width:1100px;margin:0 0 0 17%}
.testimonials blockquote footer{font-family:var(--sans);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-top:40px}

.faq{display:grid;grid-template-columns:1fr 2fr;gap:5vw}
.faq>.section-label{grid-column:1/-1}
.faq h2{font-size:clamp(46px,5vw,76px)}
.faq>div{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{font-size:17px;padding:25px 0;display:grid;grid-template-columns:1fr 20px;gap:20px}
.faq details p{line-height:1.6;color:#55554e;max-width:620px;margin:0 0 25px}
.legal-note{padding:35px var(--pad);border-top:1px solid var(--line)}
.legal-note p{font-size:10px;line-height:1.6;max-width:850px;margin:0;color:#64645c}

.contact{background:var(--ink);color:var(--paper);padding:130px var(--pad) 65px}
.contact h2{margin:35px 0 100px}
.mail{font-size:clamp(28px,5vw,72px);letter-spacing:-.045em;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:15px;display:flex;justify-content:space-between}
.contact-meta{display:flex;justify-content:space-between;margin-top:70px;font-size:10px;line-height:1.7;text-transform:uppercase;letter-spacing:.08em}
.contact-meta div{display:flex;gap:30px}
.site-footer{background:var(--ink);color:var(--paper);border-top:1px solid rgba(255,255,255,.18);padding:30px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.site-footer p,.site-footer>a:last-child{font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.site-footer>a:last-child{justify-self:end}

.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}
.reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}
.reveal{opacity:1;transform:none}
}

/* Podstrony usług */
.service-page{background:var(--paper)}
.service-page .site-header{position:relative;color:var(--ink);border-bottom-color:var(--line)}
.service-page .menu-button{color:var(--ink)}
.service-hero{padding:120px var(--pad) 90px}
.breadcrumbs{font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 60px}
.service-hero h1{font-size:clamp(62px,10vw,148px);line-height:.82;letter-spacing:-.075em;margin:0;max-width:1200px}
.service-hero h1 em{font-family:var(--serif);font-weight:400}
.service-intro{display:grid;grid-template-columns:1fr 2fr;gap:7vw;padding:0 var(--pad) 120px}
.service-intro>p{font-size:clamp(20px,2.5vw,36px);line-height:1.35;margin:0}
.service-facts{border-top:1px solid var(--line)}
.service-facts div{display:grid;grid-template-columns:1fr 2fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.service-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.service-facts dd{margin:0}
.service-body{background:var(--ink);color:var(--paper);padding:110px var(--pad)}
.service-body h2{font-size:clamp(46px,6vw,90px);letter-spacing:-.055em;margin:0 0 70px}
.service-body-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.25)}
.service-body-grid article{background:var(--ink);padding:28px;min-height:260px}
.service-body-grid span{font-size:10px}
.service-body-grid h3{font-size:26px;letter-spacing:-.03em;margin:70px 0 15px}
.service-body-grid p{font-size:14px;line-height:1.55;color:#bcb9b1}
.service-cta{padding:100px var(--pad);display:grid;grid-template-columns:1fr 2fr;gap:5vw}
.service-cta h2{font-size:clamp(42px,6vw,88px);letter-spacing:-.055em;margin:0}
.service-cta>div p{font-size:18px;line-height:1.5;margin:0 0 50px}
.service-cta .mail{color:var(--ink);font-size:clamp(25px,4vw,55px);border-bottom-color:var(--line)}

/* Polityka prywatności */
.legal-page{background:var(--paper)}
.legal-header{height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.legal-header .text-link{width:min(230px,42vw)}
.legal-main{padding:100px var(--pad) 140px}
.legal-main h1{font-size:clamp(62px,10vw,150px);line-height:.8;letter-spacing:-.075em;margin:45px 0 35px}
.legal-main h1 em{font-family:var(--serif);font-weight:400}
.legal-updated{font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 110px}
.legal-content{display:grid;grid-template-columns:1fr 3fr;gap:50px}
.legal-content aside{font-size:10px;line-height:1.7;text-transform:uppercase;letter-spacing:.09em}
.legal-content>div{max-width:850px}
.legal-content section{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:45px;padding:28px 0;border-top:1px solid var(--line)}
.legal-content h2{font-size:16px;margin:0}
.legal-content p{font-size:15px;line-height:1.65;margin:0;color:#45453f}
.legal-content a{text-decoration:underline}

@media(max-width:760px){.site-header{height:66px;grid-template-columns:1fr auto}
.availability{display:none}
.menu-button{display:flex;align-items:center;gap:10px;border:0;background:none;color:white;text-transform:uppercase;font-size:10px}
.menu-button i{width:23px;height:1px;background:currentColor;position:relative}
.menu-button i:after{content:"";position:absolute;width:23px;height:1px;background:currentColor;top:6px;left:0}
.nav{position:fixed;inset:66px 0 auto;background:var(--ink);padding:35px var(--pad);display:none;flex-direction:column;font-size:22px}
.nav.open{display:flex}
.hero{min-height:720px;padding-bottom:28px}
.hero-media img{object-position:62% center}
.hero h1{font-size:17vw}
.hero-bottom{display:block}
.hero-bottom>p{max-width:270px}
.hero-facts{margin:28px 0}
.hero-link{width:max-content}
.projects,.services,.pricing,.photo-offer,.retainer,.testimonials,.faq{padding-top:85px;padding-bottom:85px}
.section-head{display:block;margin-bottom:50px}
.section-head h2{margin:30px 0}
.category-grid{display:block;background:none}
.category{min-height:210px;border-top:1px solid rgba(255,255,255,.3)}
.category h3{font-size:14vw}
.format-grid{display:block}
.format-card{margin-bottom:60px}
.format-wide .format-media,.format-media{aspect-ratio:4/5}
.format-meta{display:block}
.format-meta h3{font-size:13vw;margin:10px 0}
.format-meta p{text-align:left}
.moodboard{grid-template-columns:1.2fr .8fr;grid-template-rows:180px 140px 190px;gap:7px}
.moodboard img:nth-child(1){grid-column:1;grid-row:1/3}
.moodboard img:nth-child(2){grid-column:2;grid-row:1}
.moodboard img:nth-child(3){grid-column:2;grid-row:2}
.moodboard img:nth-child(4){grid-column:1/3;grid-row:3}
.portfolio-index{justify-content:flex-start;overflow-x:auto;gap:24px;padding-bottom:30px;white-space:nowrap}
.showcase-cover{height:540px;padding:38px var(--pad) 44px}
.showcase-cover>p{font-size:11px}
.showcase-cover h3{font-size:21vw;line-height:.74}
.showcase-cover h3 span:last-child{margin-left:13%}
.showcase-bottom{grid-template-columns:1fr 76px;gap:16px}
.showcase-bottom>p{font-size:10px;line-height:1.45}
.showcase-bottom>a{width:76px;height:76px;font-size:8px}
.phone-gallery{grid-template-columns:repeat(3,72vw);justify-content:start;overflow-x:auto;scroll-snap-type:x mandatory;padding:50px var(--pad) 58px;gap:24px}
.phone{scroll-snap-align:center;border-width:8px;border-radius:34px}
.film-gallery{grid-template-columns:82vw;overflow-x:auto;padding:45px var(--pad);gap:18px;scroll-snap-type:x mandatory}
.film-gallery figure{scroll-snap-align:center}
.mood-cover{height:540px}
.mood-cover>div{margin-top:52px}
.mood-cover h3{font-size:19vw}
.mood-cover p{font-size:12px}
.photo-mood-color .mood-cover>div{margin-top:145px}
.photo-collage{height:720px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr)}
.photo-collage img:nth-child(1){grid-column:1;grid-row:1/3}.photo-collage img:nth-child(2){grid-column:2;grid-row:1}.photo-collage img:nth-child(3){grid-column:2;grid-row:2}.photo-collage img:nth-child(4){grid-column:1/3;grid-row:3}.photo-collage img:nth-child(5){grid-column:1;grid-row:4}.photo-collage img:nth-child(6){grid-column:2;grid-row:4}.photo-collage img:nth-child(7),.photo-collage img:nth-child(8){display:none}
.photo-collage.collage-alt img:nth-child(1){grid-column:1;grid-row:1/3}.photo-collage.collage-alt img:nth-child(2){grid-column:2;grid-row:1}.photo-collage.collage-alt img:nth-child(3){grid-column:2;grid-row:2}.photo-collage.collage-alt img:nth-child(4){grid-column:1/3;grid-row:3}.photo-collage.collage-alt img:nth-child(5){grid-column:1;grid-row:4}.photo-collage.collage-alt img:nth-child(6){grid-column:2;grid-row:4}.photo-collage.collage-alt img:nth-child(7),.photo-collage.collage-alt img:nth-child(8){display:none}
.advantages{padding:85px var(--pad)}
.advantages h2{margin:30px 0 60px}
.advantage-grid{grid-template-columns:1fr 1fr}
.advantage-grid article{min-height:180px}
.services>h2,.pricing>h2,.photo-offer>h2,.faq>h2{margin:30px 0 60px}
.service-accordion summary{grid-template-columns:35px 1fr 20px}
.service-accordion details>p{margin-left:35px}
.service-panel{padding-left:35px}
.service-price-grid.three,.service-price-grid.four{display:block;background:none}
.service-price-grid article{min-height:360px;border-top:1px solid rgba(255,255,255,.25)}
.service-price-grid.compact article{min-height:240px}
.service-single{display:block}
.service-single>div:last-child{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:30px 0 0;margin-top:35px}
.price-grid,.compact-grid,.retainer-grid{display:block;background:none}
.price-card{min-height:470px;margin:0 0 12px}
.price-card.featured{transform:none}
.promo-film{padding:85px var(--pad);display:block}
.promo-details{margin-top:50px}
.promo-details .text-link{margin-top:55px}
.compact-grid article{min-height:230px;border-top:1px solid var(--line)}
.extras-inline{display:block;line-height:2}
.retainer-grid details{margin-bottom:10px}
.add-ons{padding:75px var(--pad)}
.add-on-grid{grid-template-columns:1fr 1fr}
.testimonials blockquote{margin:0;font-size:34px}
.faq{display:block}
.faq>div{margin-top:50px}
.contact{padding-top:85px}
.contact h2{margin:30px 0 70px}
.contact-meta{display:block}
.contact-meta div{margin-top:30px}
.site-footer{grid-template-columns:1fr auto;gap:18px}
.site-footer p{display:block;grid-column:1/-1;grid-row:2;margin:0;line-height:1.7}
.service-page .nav{color:var(--paper)}
.service-hero{padding-top:75px}
.service-intro,.service-cta{display:block}
.service-intro>p{margin-bottom:55px}
.service-body-grid{display:block;background:none}
.service-body-grid article{min-height:220px;border-top:1px solid rgba(255,255,255,.25)}
.service-cta h2{margin-bottom:45px}
.legal-header{height:66px}
.legal-main{padding:70px var(--pad) 90px}
.legal-main h1{font-size:19vw}
.legal-updated{margin-bottom:70px}
.legal-content{display:block}
.legal-content aside{margin-bottom:45px}
.legal-content section{display:block}
.legal-content h2{margin-bottom:14px}
.legal-content p{font-size:14px}
}