/* Editorial layout: readable labels, clear destinations and compact calls to action. */
.skip-link{position:absolute;top:-100px;left:12px;z-index:80;padding:12px 16px;background:#fff;font-size:14px}.skip-link:focus{top:12px}
.hero h1{white-space:normal}.hero-specialism{display:block;margin-top:28px;font:400 clamp(18px,2.1vw,28px)/1.4 var(--font-body);letter-spacing:-.025em}
.hero-description{max-width:530px;margin-top:36px}.hero-description p{font-size:16px;line-height:1.65}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-self:flex-start}
.editorial-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 23px;border:1px solid #c7c3bd;border-radius:999px;background:transparent;color:#222;font-size:14px;line-height:1.4;text-decoration:none;transition:background .18s}
.editorial-button:hover{background:#e7e4de}.editorial-button-dark{background:#222;border-color:#222;color:#fff}.editorial-button-dark:hover{background:#444}
.session-title h3{margin:0;font:inherit}.session-title>span{display:block;margin-top:5px;font-size:12px;color:#555}
.works-heading .session-demo{max-width:620px;font-size:14px;line-height:1.6}
.services-intro p{max-width:630px;font-size:15px;line-height:1.6;margin-bottom:28px}.services-note{max-width:710px;font-size:13px;line-height:1.65}
.service-price{white-space:normal!important}.about-frame-wide img{object-position:center 52%}.about-closing span{font-size:13px}
.beauty-breadcrumb{position:static;justify-content:space-between;gap:20px;min-height:44px;margin-top:20px;font-size:13px}
.beauty-breadcrumb a{position:static;writing-mode:horizontal-tb;transform:none;font-size:14px;letter-spacing:0;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.beauty-intro{padding-top:40px}.beauty-intro h1{font-size:clamp(60px,8vw,118px);letter-spacing:-.06em}.beauty-intro-copy{max-width:340px}
.beauty-card figcaption,.beauty-film-card figcaption,.agency-film-card figcaption{font-size:13px;line-height:1.5}
.beauty-footer{align-items:center;font-size:14px}.beauty-footer a{min-height:44px}.beauty-footer .editorial-button{text-decoration:none}
.contact-field label{font-size:14px}.contact-intro p{max-width:430px}.contact-field textarea::placeholder{color:#706d68;opacity:1;font-size:14px}
.site-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;width:calc(100% - 124px);max-width:1372px;margin:0 auto;padding:24px 0 32px;border-top:1px solid #dedcd8;color:#555;font-size:13px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:20px}.site-footer a{display:inline-flex;align-items:center;min-height:44px}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:601px) and (max-width:1000px){.site-footer{width:calc(100% - 56px)}.navigation{gap:15px}.experience{font-size:11px}}
@media(max-width:600px){.hero h1{font-size:clamp(46px,15.5vw,89px)}.hero-specialism{max-width:300px;margin-top:22px;font-size:18px;line-height:1.45}.hero-description{max-width:360px;margin-top:26px}.hero-description p{font-size:15px}.hero-actions{gap:9px}.editorial-button{padding:12px 17px;font-size:13px}.beauty-intro{padding:25px 0 30px}.beauty-intro h1{font-size:clamp(46px,11.8vw,70px)}.beauty-breadcrumb{margin-top:16px;font-size:12px}.beauty-section-head h2{font-size:clamp(32px,8.5vw,46px)}.beauty-section-head p{font-size:14px}.beauty-card figcaption,.beauty-film-card figcaption,.agency-film-card figcaption{font-size:12px}.beauty-footer{flex-direction:column;align-items:flex-start;gap:14px;font-size:13px}.beauty-footer a:last-child{text-align:left}.session-title>span{font-size:12px}.services-intro p{font-size:14px}.services-note{font-size:12px}.about-closing span{font-size:12px}.site-footer{width:calc(100% - 22px);flex-direction:column;align-items:flex-start;gap:8px}.site-footer nav{gap:18px}.navigation a:not(.nav-contact){min-height:44px;display:flex;align-items:center}.menu-toggle{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.editorial-button{transition:none}}
/* Global scroll padding already accounts for the sticky header. */
#uslugi,#o-mnie,#kontakt,.session[id]{scroll-margin-top:20px}