/* Spokojny rytm: animacje nie ukrywają treści przed uruchomieniem JS. */
@keyframes soft-arrival{from{opacity:.3;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes postcard-arrival{from{opacity:.25;translate:0 22px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@keyframes ink-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes tip-arrival{from{opacity:0}to{opacity:1}}
.motion-enter{animation:soft-arrival .85s cubic-bezier(.22,.61,.36,1) both}
.hero>.hero-photo.motion-enter{animation-delay:.14s}
.home-postcard.motion-enter{animation:postcard-arrival 1s cubic-bezier(.22,.61,.36,1) both}
.home-postcard.motion-enter .quiet-arrow{stroke-dasharray:1;animation:ink-draw 1.35s .35s ease-in-out both}
.home-postcard.motion-enter .quiet-arrow-tip{animation:tip-arrival .25s 1.5s both}
.hero{box-shadow:inset 0 -45px 45px -45px #24191c60}
.method{background:linear-gradient(145deg,#34282c,#292627 70%)}
#dom-tanga{background:linear-gradient(150deg,#fffdf8 5%,#f3efe5 75%,#f6f3ed)}
.btn{border-radius:5px;transition:background .22s,box-shadow .22s,translate .22s}
a.btn::after{content:'↗';display:inline-block;margin-left:12px;transition:translate .22s}
.btn:focus-visible{box-shadow:0 5px 18px #65273725}
@media(hover:hover) and (pointer:fine){.btn:hover{translate:0 -2px;box-shadow:0 7px 20px #65273725}a.btn:hover::after{translate:3px -2px}}
@media(max-width:760px){.motion-enter,.home-postcard.motion-enter{animation-duration:.55s}.hero>.hero-photo.motion-enter{animation-delay:0}}
@media(prefers-reduced-motion:reduce){.motion-enter,.motion-enter .quiet-arrow,.motion-enter .quiet-arrow-tip{animation:none!important;stroke-dasharray:none!important}.btn,a.btn::after{transition:none;translate:none}}
/* Podgląd portretu na tle sali. */
.hero{background:linear-gradient(90deg,#170e14b8,transparent 67%),url('assets/witold-sala-hero-v11.webp') center top/cover;min-height:760px;grid-template-columns:1.1fr 1fr;gap:5%;padding-top:65px;padding-bottom:65px}.hero .portrait-preview{border:0;background:none;padding:0;min-height:580px}.hero h1{font-size:clamp(42px,5vw,72px)}
@media(max-width:760px){.hero{display:flex;flex-direction:column;background:#21141a;padding-top:0;gap:24px}.hero .portrait-preview{order:-1;align-self:stretch;min-height:0;height:390px;margin:0 -6.82%;background:url('assets/witold-sala-hero-v11.webp') 85% top/auto 100% no-repeat}.hero>div:first-child{width:100%}.hero h1{font-size:clamp(34px,9.5vw,44px)}}

.method-intro{max-width:800px}.method-story{margin-top:40px}.method-story h3{font-size:clamp(26px,2.5vw,34px);margin:12px 0 22px}.method .steps{border-top:1px solid #ae895455;padding-top:30px}