@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#1b211f;--muted:#686e68;--paper:#f7f7f3;--white:#fff;--line:#d8dbd5;--accent:#b4885f;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;line-height:1.04;letter-spacing:-.06em}h1 em,h2 em{font-style:normal;color:var(--accent)}section{scroll-margin-top:78px}.skip{position:absolute;top:-100px;left:16px;background:white;padding:8px;z-index:10}.skip:focus{top:8px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.site-header{height:76px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--paper);border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:14px;white-space:nowrap}.brand-name{font-size:22px;font-weight:700;letter-spacing:-.07em}.brand-sub{font-size:10px;text-transform:uppercase;letter-spacing:.14em;border-left:1px solid #a5aaa3;padding-left:13px}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav a{text-decoration:none;font-size:13px;font-weight:600}.site-header nav a:hover,.text-link:hover,.object-info a:hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{background:var(--ink);color:white;padding:10px 18px}
.hero{min-height:680px;display:grid;grid-template-columns:47% 53%;position:relative;overflow:hidden;background:var(--paper)}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:68px 4vw 60px 8vw}.eyebrow,.section-kicker,.object-type{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}.eyebrow{margin-bottom:36px;color:var(--muted)}.hero h1{font-size:clamp(65px,7.4vw,124px);line-height:.96;max-width:760px;margin-bottom:28px}.hero .lead{max-width:440px;font-size:19px;line-height:1.55;color:#555e56}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:17px}.button{display:inline-flex;min-height:51px;padding:13px 23px;align-items:center;justify-content:center;text-decoration:none;background:var(--ink);color:white;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#48574b;transform:translateY(-2px)}.text-link{text-decoration:none;font-size:13px;font-weight:700}.text-link span{margin-left:6px;font-size:19px}.hero-note{margin:78px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.02em;color:var(--muted);width:100%}.hero-visual{background-image:url('/assets/portret-z-szalem.png');background-repeat:no-repeat;background-size:auto 145%;background-position:100% 46%;background-color:#aeb1a1}.hero-index{position:absolute;bottom:22px;right:23px;font-size:11px;color:white;letter-spacing:.13em;text-shadow:0 1px 3px #283128}
.marquee{display:flex;align-items:center;justify-content:space-around;gap:20px;background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 20px;font-size:11px;font-weight:700;letter-spacing:.14em;white-space:nowrap;overflow:hidden}.marquee b{color:var(--accent);font-size:18px}
.section-shell{padding:100px max(5%,calc((100vw - 1380px)/2))}.section-kicker{color:#7b8179;margin-bottom:24px}.intro{display:grid;grid-template-columns:28% 1fr;gap:5%;padding-top:110px;padding-bottom:110px}.intro .section-kicker{margin-top:13px}.intro h2{font-size:clamp(55px,7vw,106px);max-width:850px;margin-bottom:25px}.intro p:last-child{font-size:19px;line-height:1.6;color:var(--muted);max-width:665px}
.workshop{display:grid;grid-template-columns:49% 51%;background:#e8e8e2}.workshop-image{min-height:760px;overflow:hidden}.workshop-image img{height:100%;width:100%;object-fit:cover;object-position:50% 45%}.workshop-copy{padding:90px 10%;align-self:center}.workshop h2{font-size:clamp(60px,6vw,100px);margin-bottom:31px}.workshop-copy>p:not(.section-kicker){max-width:530px;color:#485149}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;border-top:1px solid #b3b9b0;border-bottom:1px solid #b3b9b0;margin:38px 0 26px;padding:24px 0}.facts div{display:flex;flex-direction:column}.facts strong{font-size:25px;letter-spacing:-.055em;line-height:1.15;white-space:nowrap}.facts span{font-size:12px;color:#6c756c;margin-top:9px}.workshop .small-note{font-size:13px;line-height:1.7;margin-bottom:29px}.button-light{background:var(--ink);color:white}
.objects{background:var(--paper)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.section-top h2{font-size:clamp(58px,7vw,104px);margin:0}.section-top>p{max-width:350px;color:var(--muted);margin-bottom:7px}.object-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.object-card{min-width:0}.object-photo{height:550px;overflow:hidden;background:#dddcd4;position:relative}.object-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.object-card:hover .object-photo img{transform:scale(1.04)}.silk-photo img{object-position:center}.dress-photo img{height:190%;width:auto;max-width:none;position:absolute;top:-30%;left:0}.object-card:hover .dress-photo img{transform:none}.object-info{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:20px 0 24px;border-bottom:1px solid #aeb4aa}.object-type{color:#7c857a;font-size:10px;margin-bottom:7px}.object-info h3{font-size:28px;margin:0;letter-spacing:-.045em}.object-info a{text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
.story{display:grid;grid-template-columns:50% 50%;background:#252d28;color:white;min-height:680px}.story-photo{background-image:url('/assets/maria-duffek.png');background-size:auto 143%;background-position:100% 41%;background-repeat:no-repeat;background-color:#929b8a}.story-copy{padding:95px 12%;align-self:center}.story .section-kicker{color:#c8cfbf}.story h2{font-size:clamp(74px,9vw,145px);margin-bottom:20px}.story h2 em{color:#d4b695}.story-role{font-size:16px;font-weight:700;margin-bottom:27px}.story-copy>p:not(.section-kicker){max-width:470px;color:#d8dfd5;line-height:1.7}.story .text-link{display:inline-block;margin-top:20px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:5%;background:var(--white);padding-top:115px;padding-bottom:115px}.contact h2{font-size:clamp(65px,7.4vw,115px)}.contact-details{padding-top:48px;display:flex;flex-direction:column;align-items:flex-start}.contact-details p{font-size:18px;max-width:500px;margin-bottom:35px;color:var(--muted)}.contact-mail{font-size:clamp(24px,2.7vw,38px);font-weight:500;letter-spacing:-.05em;text-underline-offset:7px;overflow-wrap:anywhere}.contact-phone{font-size:22px;margin:14px 0 37px;text-underline-offset:5px}.contact-details span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}footer{background:#171c19;color:#d8ded6;padding:26px 5%;display:flex;justify-content:space-between;gap:20px;font-size:12px}footer a{text-decoration:none}
@media(max-width:1100px){.hero-copy{padding-left:6vw}.hero h1{font-size:clamp(62px,7.6vw,95px)}.workshop-copy{padding:70px 7%}.facts{grid-template-columns:1fr;gap:14px}.story-copy{padding:70px 8%}.object-photo{height:460px}.contact-mail{font-size:27px}}
@media(max-width:900px){.contact{grid-template-columns:1fr;gap:0}.contact-details{padding-top:10px}.contact-mail{font-size:clamp(26px,5vw,37px)}}
@media(max-width:700px){.site-header{height:auto;min-height:70px;padding:13px 5%;align-items:flex-start;flex-direction:column;gap:13px}.brand-name{font-size:21px}.site-header nav{width:100%;gap:22px;white-space:nowrap;overflow-x:auto;padding-bottom:4px}.site-header nav a{font-size:12px}.nav-contact{padding:0;background:none;color:var(--ink)}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 6% 52px}.hero h1{font-size:clamp(65px,12vw,88px)}.hero .lead{font-size:17px}.hero-note{margin-top:45px}.hero-visual{min-height:520px;background-size:auto 145%;background-position:100% 45%}.hero-index{bottom:17px}.marquee{justify-content:flex-start;gap:28px}.section-shell{padding:75px 6%}.intro{display:block}.intro h2,.section-top h2{font-size:clamp(60px,11vw,84px)}.intro p:last-child{font-size:17px}.workshop{grid-template-columns:1fr}.workshop-image{min-height:480px;height:58vh;max-height:640px}.workshop-copy{padding:68px 6%}.workshop h2{font-size:clamp(65px,11vw,85px)}.facts{grid-template-columns:repeat(3,1fr);gap:8px}.facts strong{font-size:20px;white-space:normal}.facts span{font-size:11px}.section-top{display:block}.section-top>p{margin-top:23px}.object-grid{grid-template-columns:1fr;gap:37px}.object-photo{height:500px}.object-info a{white-space:normal;text-align:right;max-width:125px}.story{grid-template-columns:1fr}.story-photo{min-height:530px;background-size:auto 140%;background-position:100% 41%}.story-copy{padding:70px 6%}.story h2{font-size:92px}.contact h2{font-size:clamp(44px,9vw,70px);overflow-wrap:anywhere}footer{padding:25px 6%}}
@media(max-width:400px){.hero h1{font-size:58px}.hero-visual{min-height:440px}.facts{grid-template-columns:1fr 1fr}.object-photo{height:410px}.story-photo{min-height:440px}.contact-mail{font-size:23px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button,.object-photo img{transition:none}}

/* Płynny układ atelier: wspólne tło, rytm zdjęć i typografii. */
body{background:#fafaf7}
.site-header{background:#fafaf7;border-bottom:0}
.hero{background:transparent;min-height:760px;grid-template-columns:49% 51%;overflow:visible}
.hero-copy{padding:90px 5% 90px 10%;justify-content:center}
.hero h1{font-size:clamp(68px,7.5vw,125px);max-width:740px}
.hero-visual{margin:24px 6.5% 0 0;background-image:url('/assets/maria-z-zielonym-jedwabiem.jpg');background-size:cover;background-position:52% 42%}
.hero-index{right:calc(6.5% + 18px);bottom:20px}
.hero-note{margin-top:68px;border-top:0;padding-top:0}
.intro{border-top:1px solid var(--line);padding-top:100px;padding-bottom:150px;align-items:start}
.intro .section-kicker{margin:13px 0 0}
.intro h2{font-size:clamp(62px,7.4vw,116px);max-width:920px}
.intro p:last-child{max-width:600px;margin:0 0 0 auto}
.workshop{background:transparent;grid-template-columns:44% 51%;max-width:1600px;margin:0 auto;padding:0 5% 140px;gap:5%;align-items:start}
.workshop-image{height:800px;min-height:0;margin-top:60px}
.workshop-copy{padding:0 4% 0 1%;max-width:690px}
.workshop h2{font-size:clamp(67px,7vw,106px)}
.facts{margin-top:45px}
.objects{background:transparent;border-top:1px solid var(--line);padding-top:85px;padding-bottom:155px}
.section-top{align-items:start;margin-bottom:62px}
.section-top>p{margin-top:58px}
.object-grid{gap:6%;align-items:start}
.object-grid .object-card:nth-child(2){margin-top:92px}
.object-photo{height:590px}
.green-photo img{object-position:48% 50%}
.story{background:transparent;color:var(--ink);min-height:0;padding:0 5% 145px;max-width:1600px;margin:0 auto;grid-template-columns:47% 48%;gap:5%}
.story-photo{min-height:680px;background-size:auto 142%;background-position:100% 40%}
.story-copy{padding:75px 5% 0 3%;align-self:start}
.story .section-kicker{color:#7b8179}
.story h2 em{color:var(--accent)}
.story-copy>p:not(.section-kicker){color:var(--muted)}
.contact{background:transparent;border-top:1px solid var(--line);padding-top:105px;padding-bottom:115px}
.contact-details{padding-top:58px}
@media(max-width:1100px){.hero{min-height:710px}.hero-copy{padding-left:7%}.workshop{gap:4%;grid-template-columns:44% 52%}.workshop-image{height:780px}.object-photo{height:500px}.story-photo{min-height:620px}}
@media(max-width:900px){.hero{min-height:660px}.hero h1{font-size:clamp(62px,8vw,80px)}.hero-copy{padding-left:8%}.hero-visual{margin-right:4%;background-size:cover}.workshop{padding-left:4%;padding-right:4%}.workshop-image{height:760px}.story{padding-left:4%;padding-right:4%}.story-copy{padding-right:1%}}
@media(max-width:700px){.site-header{border-bottom:1px solid var(--line)}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:65px 6% 43px}.hero h1{font-size:clamp(64px,12vw,86px)}.hero-note{margin-top:38px}.hero-visual{margin:0 6%;min-height:510px;background-size:cover}.hero-index{right:calc(6% + 16px);bottom:15px}.intro{padding-top:85px;padding-bottom:100px}.intro .section-kicker{margin-bottom:30px}.intro h2{font-size:clamp(62px,11vw,84px)}.intro p:last-child{margin:20px 0 0}.workshop{display:flex;flex-direction:column;padding:0 6% 110px;gap:0}.workshop-image{width:100%;height:55vh;min-height:420px;max-height:620px;margin:0 0 50px}.workshop-copy{padding:0;max-width:none}.workshop h2{font-size:clamp(65px,11vw,84px)}.objects{padding-top:74px;padding-bottom:105px}.section-top{margin-bottom:35px}.section-top>p{margin-top:20px}.object-grid{gap:42px}.object-grid .object-card:nth-child(2){margin-top:0}.object-photo{height:500px}.story{display:flex;flex-direction:column;padding:0 6% 110px;gap:0}.story-photo{width:100%;min-height:520px}.story-copy{padding:53px 0 0}.contact{padding-top:80px;padding-bottom:90px}.contact-details{padding-top:15px}}
@media(max-width:400px){.hero-visual{min-height:420px}.workshop-image{min-height:400px}.object-photo{height:400px}.story-photo{min-height:440px}}

/* Lżejsza kompozycja fotograficzna. */
h1,h2,h3{font-weight:400;letter-spacing:-.055em}
.hero{min-height:650px;grid-template-columns:52% 48%}
.hero-copy{padding-top:65px;padding-bottom:65px}
.hero h1{font-size:clamp(60px,6.1vw,94px);line-height:1.02;max-width:650px}
.hero .lead{font-size:17px;max-width:410px}
.hero-note,.hero-index{display:none}
.hero-visual{width:min(78%,410px);height:520px;min-height:0;justify-self:center;align-self:center;margin:0;background-position:51% 47%;border-radius:230px 230px 7px 7px}
.intro{padding-top:85px;padding-bottom:105px}
.intro h2{font-size:clamp(53px,5.7vw,79px);max-width:780px}
.intro p:last-child{font-size:17px;max-width:560px}
.workshop{padding-bottom:120px;grid-template-columns:43% 53%;gap:4%}
.workshop-image{width:min(88%,390px);height:500px;min-height:0;margin:65px auto 0;border-radius:8px 185px 8px 8px}
.workshop h2{font-size:clamp(57px,5.5vw,77px)}
.workshop-copy{padding-top:5px}
.facts strong{font-size:21px}
.objects{padding-top:75px;padding-bottom:125px}
.section-top h2{font-size:clamp(55px,5.8vw,82px)}
.section-top>p{margin-top:30px}
.object-grid{gap:8%}
.object-grid .object-card:nth-child(2){margin-top:70px}
.object-photo{width:min(83%,410px);height:auto;aspect-ratio:1;margin:0 auto;border-radius:50%}
.object-info{max-width:410px;margin:0 auto}
.object-info h3{font-size:23px}
.story{grid-template-columns:43% 53%;gap:4%;padding-bottom:115px}
.story-photo{width:min(84%,390px);height:470px;min-height:0;justify-self:center;align-self:center;border-radius:50%;background-image:url('/assets/maria-z-zoltym-jedwabiem.jpg');background-size:cover;background-position:59% 48%}
.story-copy{padding-top:55px}
.story h2{font-size:clamp(70px,7vw,103px)}
.contact{padding-top:85px;padding-bottom:95px}
.contact h2{font-size:clamp(60px,6vw,85px)}
@media(max-width:900px){.hero{min-height:615px}.hero h1{font-size:clamp(55px,7vw,72px)}.hero-visual{width:83%;height:450px}.workshop-image{width:91%;height:420px}.workshop h2{font-size:clamp(55px,6vw,70px)}.story-photo{width:85%;height:410px}.story h2{font-size:clamp(65px,8vw,88px)}}
@media(max-width:700px){.hero{min-height:0}.hero-copy{padding:64px 6% 35px}.hero h1{font-size:clamp(56px,11vw,75px)}.hero-visual{width:min(78%,380px);height:460px;min-height:0;margin:10px auto 65px}.intro{padding-top:74px;padding-bottom:85px}.intro h2{font-size:clamp(52px,10vw,70px)}.workshop{padding-bottom:90px}.workshop-image{width:min(88%,380px);height:420px;min-height:0;max-height:none;margin:0 auto 48px}.workshop h2{font-size:clamp(54px,10vw,70px)}.objects{padding-top:70px;padding-bottom:105px}.section-top h2{font-size:clamp(54px,10vw,72px)}.object-grid .object-card:nth-child(2){margin-top:0}.object-photo{width:min(84%,350px);height:auto;aspect-ratio:1}.object-info{width:min(84%,350px)}.story{padding-bottom:95px}.story-photo{width:min(82%,340px);height:410px;min-height:0;margin:0 auto}.story-copy{padding-top:50px}.story h2{font-size:82px}.contact{padding-top:76px;padding-bottom:85px}.contact h2{font-size:clamp(48px,9vw,68px)}}
@media(max-width:400px){.hero-visual{height:400px}.workshop-image{height:370px}.story-photo{height:360px}}

/* Maria bez fotograficznego tła na pierwszym ekranie. */
.hero{overflow:hidden}
.hero-visual{display:block;width:auto;max-width:100%;height:620px;min-height:0;margin:0;align-self:end;justify-self:center;object-fit:contain;object-position:bottom center;border-radius:0;background:none}
@media(max-width:900px){.hero-visual{width:auto;height:550px}}
@media(max-width:700px){.hero-visual{width:auto;max-width:100%;height:480px;margin:0 auto;align-self:center}}
@media(max-width:400px){.hero-visual{height:420px}}

/* Portret Marii na tle kameralnej pracowni, zamkniętej w miękkiej formie. */
.hero-art{position:relative;align-self:end;justify-self:stretch;width:100%;height:620px;isolation:isolate;overflow:hidden}
.hero-studio{position:absolute;z-index:0;top:9%;left:23%;width:70%;height:78%;background:#d4c8b4 url('/assets/pracownia-wizualizacja-v1.png') center/cover no-repeat;border-radius:49% 51% 43% 57% / 38% 42% 58% 62%;filter:saturate(.72);box-shadow:0 22px 55px rgba(49,54,38,.1)}
.hero-person{position:absolute;z-index:1;left:-16%;bottom:-1px;width:120%;height:auto;max-width:none;display:block}
@media(max-width:900px){.hero-art{height:550px}.hero-studio{top:10%;left:19%;width:75%;height:76%}.hero-person{left:-21%;width:133%}}
@media(max-width:700px){.hero-art{height:470px;margin:0 auto 18px}.hero-studio{top:10%;left:19%;width:72%;height:77%}.hero-person{left:-38%;width:170%}}
@media(max-width:400px){.hero-art{height:425px}.hero-person{left:-39%;width:172%}}
.hero-art{overflow:visible}
.hero-person{-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 13%,#000 25%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 13%,#000 25%)}
.hero-studio{left:10%;width:82%;top:8%;height:83%}
@media(max-width:700px){.hero-studio{left:12%;width:80%}.hero-person{left:-60%}}
@media(max-width:400px){.hero-person{left:-62%}}

/* Trzecia propozycja: kadr z procesu malowania, bez pozowania z tkaniną. */
.hero-art-scene{width:min(85%,555px);height:515px;align-self:center;justify-self:center;margin:0;overflow:visible}
.hero-scene{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center;border-radius:44% 56% 35% 65% / 38% 37% 63% 62%}
.hero-art-scene figcaption{position:absolute;right:4px;bottom:-25px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.hero-art-scene{width:min(88%,500px);height:455px}}
@media(max-width:700px){.hero-art-scene{width:min(88%,430px);height:375px;margin:4px auto 82px}.hero-scene{object-position:65% center}}
@media(max-width:400px){.hero-art-scene{height:345px}}
.hero-art-scene .hero-scene{object-position:100% center}
.hero-art-scene .hero-scene{object-position:center 22%}
.hero-image-frame{width:100%;height:100%;overflow:hidden;border-radius:44% 56% 35% 65% / 38% 37% 63% 62%}
.hero-image-frame .hero-scene{border-radius:0;transform:scale(1.3);transform-origin:90% 16%}

/* Większa, liściasta rama: autentyczna poza Marii przed neutralną pracownią. */
.hero-art-scene{width:min(97%,660px);height:590px}
.hero-atelier-frame{position:relative;border-radius:46% 18% 46% 18% / 38% 18% 38% 18%;background:#e7dfd1}
.hero-atelier-bg{position:absolute;inset:0;background:url('/assets/pracownia-wizualizacja-v1.png') 54% center/cover no-repeat;filter:saturate(.58) brightness(1.06)}
.hero-atelier-frame::after{content:"";position:absolute;inset:0;background:rgba(255,252,245,.10);pointer-events:none}
.hero-atelier-person{position:absolute;z-index:1;top:0;right:-8px;height:720px;width:auto;max-width:none;display:block}
@media(max-width:900px){.hero-art-scene{width:min(96%,560px);height:520px}.hero-atelier-person{height:635px}}
@media(max-width:700px){.hero-art-scene{width:min(93%,430px);height:420px;margin:8px auto 78px}.hero-atelier-person{height:510px;right:-3px}}
@media(max-width:400px){.hero-art-scene{height:390px}.hero-atelier-person{height:475px}}

/* Jeden spójny kadr z materiałów Marii: bez podmieniania tła i postaci. */
.hero-art-scene{overflow:hidden;border-radius:46% 18% 46% 18% / 38% 18% 38% 18%}
.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}

/* Na dużych monitorach sekcje trzymają wspólną, wyśrodkowaną szerokość. */
@media(min-width:1500px){
  .site-header,main{width:100%;max-width:1440px;margin-inline:auto}
  footer{padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}
  .section-shell{padding-left:72px;padding-right:72px}
  .hero-copy{padding-left:72px;padding-right:32px}
  .hero-art-scene{width:min(96%,620px)}
}

/* Spokojniejszy rytm sekcji i dwa różne, autentyczne kadry Marii. */
.intro,.objects,.contact{border-top:0}
.hero-art-scene{border-radius:clamp(64px,7vw,112px) 0 clamp(64px,7vw,112px) 0}
.workshop-image{border-radius:0 185px 0 0}
.story-photo{width:min(86%,430px);height:auto;min-height:0;aspect-ratio:4/5;border-radius:28% 28% 0 0 / 24% 24% 0 0;background-image:url('/assets/maria-z-zielonym-jedwabiem-historia.jpg');background-size:cover;background-position:67% center}
@media(max-width:700px){.site-header{border-bottom:0}.story-photo{width:min(86%,360px)}}