/* Jedno odsłonięcie podpisu i spokojny puls wskazujący kierunek przewijania. */
.hero-figure .hero-signature{font-size:38px;bottom:-35px;right:10px;padding-inline:12px}
.hero-figure figcaption.hero-signature span{color:inherit;font-weight:400}
.hero-signature-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.signature-ink{display:inline-flex;align-items:baseline;white-space:nowrap}
.signature-word{display:inline-block;clip-path:inset(-12% -4% -14% -4%)}
.signature-mark{display:inline-block;flex:none;width:.27em;height:.95em;margin-left:.035em;overflow:visible;align-self:center;transform:rotate(3deg)}
.signature-mark path{stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.signature-mark-stem{stroke-dasharray:25;stroke-dashoffset:0}.signature-mark-dot{stroke-width:2.9!important;stroke-dasharray:2;stroke-dashoffset:0}
.js[data-motion=on] .hero-signature:not(.is-writing):not(.is-written) .signature-word{clip-path:inset(-12% 103% -14% -4%)}
.js[data-motion=on] .hero-signature:not(.is-writing):not(.is-written) .signature-mark path{stroke-dashoffset:27}
.js[data-motion=on] .hero-signature.is-writing .signature-word{animation:signature-write 1.05s linear .16s both}
.js[data-motion=on] .hero-signature.is-writing .signature-mark-stem{animation:signature-mark-write .22s ease-out 1.30s both}
.js[data-motion=on] .hero-signature.is-writing .signature-mark-dot{animation:signature-dot-write .14s ease-out 1.54s both}
@keyframes signature-write{from{clip-path:inset(-12% 103% -14% -4%)}to{clip-path:inset(-12% -4% -14% -4%)}}
@keyframes signature-mark-write{from{stroke-dashoffset:25;transform:translateY(-2px)}to{stroke-dashoffset:0;transform:none}}
@keyframes signature-dot-write{from{stroke-dashoffset:2;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@media(min-width:1500px) and (min-height:850px){#tresc .hero-scroll{position:absolute;left:50%;right:auto;width:max-content;transform:translateX(-50%);flex-direction:column;gap:3px}.hero-scroll .scroll-cue-mark{display:grid;place-items:center;width:16px;height:16px;color:#74516b}.scroll-cue-mark svg{display:block;width:12px;height:14px}.hero-scroll.is-prompting .scroll-cue-mark{animation:scroll-prompt 1.9s ease-in-out .2s infinite}}
@keyframes scroll-prompt{0%,100%{transform:translateY(-1px);opacity:.6}50%,65%{transform:translateY(3px);opacity:1}}
@media(max-width:900px){.hero-figure .hero-signature{font-size:34px;bottom:-33px;right:8px}}
@media(max-width:700px){.hero-figure .hero-signature{font-size:33px;bottom:-33px;right:6px;padding-inline:10px}}
[data-motion=off] .hero-signature *,[data-motion=off] .hero-scroll .scroll-cue-mark{animation:none!important}
@media(prefers-reduced-motion:reduce){:root:not([data-motion=on]) .hero-signature *,:root:not([data-motion=on]) .hero-scroll .scroll-cue-mark{animation:none!important}:root:not([data-motion=on]) .signature-word{clip-path:inset(-12% -4% -14% -4%)!important}:root:not([data-motion=on]) .signature-mark path{stroke-dashoffset:0!important}}

#tresc .hero-scroll::before{display:none}

/* Pełny pierwszy ekran tylko w dużym układzie desktopowym. */
@media(min-width:1500px) and (min-height:850px){
  #tresc .hero{min-height:calc(100vh - 93px);min-height:calc(100svh - 93px)}
  #tresc .hero-photo{height:clamp(540px,calc(100svh - 300px),680px)}
}