/*
Theme Name: Starter Theme
Description: Lekki, neutralny motyw startowy WordPress oparty na edytorze Gutenberg.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: starter-theme
*/

* { box-sizing: border-box; }

.site-shell {
	width: min(100% - 2rem, 75rem);
	margin-inline: auto;
}

.site-header,
.site-footer {
	border-color: #dbe5eb;
	border-style: solid;
}

.site-header { border-width: 0 0 1px; }
.site-header--over-hero {
	position: absolute;
	inset: 0 0 auto;
	z-index: 10;
	border: 0;
}
.site-footer { border-width: 1px 0 0; margin-top: 3rem; }

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 4.5rem;
}

.site-logo,
.site-logo .custom-logo-link { align-items: center; color: #101113; display: inline-flex; font-size: 1.125rem; font-weight: 500; gap: .9rem; text-decoration: none; }
.site-logo__mark { font-size: 1.65rem; font-weight: 300; letter-spacing: -.16em; line-height: 1; }
.site-logo .custom-logo { display: block; height: auto; max-height: 2.5rem; width: auto; }
.primary-menu { display: flex; flex-wrap: wrap; gap: 2.65rem; list-style: none; margin: 0; padding: 0; }
.primary-menu a { color: #101113; font-size: .9rem; text-decoration: none; }
.header-cta, .button--dark { align-items: center; background: #101113; border-radius: 999px; color: #fff; display: inline-flex; font-size: .9rem; gap: .8rem; justify-content: center; padding: .9rem 1.55rem; text-decoration: none; }
.theme-toggle { align-items: center; appearance: none; background: rgba(255, 255, 255, .4); border: 1px solid rgba(16, 17, 19, .16); border-radius: 50%; color: #101113; cursor: pointer; display: inline-flex; flex: 0 0 auto; height: 2.75rem; justify-content: center; padding: 0; width: 2.75rem; }
.theme-toggle__moon { display: none; font-size: 1.22rem; line-height: 1; }
.theme-toggle__sun { font-size: 1rem; line-height: 1; }
.page-content { margin-inline: auto; max-width: 75rem; padding: 3rem 1rem; }
.home-hero { height: 100svh; min-height: 36rem; overflow: hidden; position: relative; }
.home-hero__media { display: block; height: 100%; }
.home-hero__media--dark { display: none; }
.home-hero__image { display: block; height: 100%; object-fit: cover; object-position: center; width: 100%; }
@media (min-width: 801px) { .home-hero__image { object-position: right center; } }
.home-hero__content { color: #101113; inset: 0; padding-top: clamp(10rem, 22vh, 15rem); position: absolute; }
.home-hero__eyebrow { font-size: .68rem; font-weight: 600; letter-spacing: .22em; margin: 0 0 2rem; text-transform: uppercase; }
.home-hero h1 { font-size: clamp(2.65rem, 4vw, 4.6rem); font-weight: 400; letter-spacing: -.06em; line-height: .98; margin: 0; }
.home-hero h1 span { color: #969696; }
.home-hero__description { color: #737373; font-size: 1rem; line-height: 1.45; margin: 1.8rem 0 2.25rem; }
.home-hero__actions { align-items: center; display: flex; gap: 2rem; }
.text-link { border-bottom: 1px solid #777; color: #303034; font-size: .95rem; padding-bottom: .3rem; text-decoration: none; }
.home-hero__scroll { bottom: 3.5rem; color: #28282a; display: flex; font-size: .9rem; gap: .8rem; left: max(1rem, calc((100% - 75rem) / 2)); position: absolute; text-decoration: none; }
.home-hero__scroll span { font-size: 1.75rem; line-height: .75; }
html.is-dark { background: #101113; }
.is-dark body { background: #101113; color: #f4f4f2; }
.is-dark .home-hero__media--light { display: none; }
.is-dark .home-hero__media--dark { display: block; }
.is-dark .site-logo, .is-dark .site-logo .custom-logo-link, .is-dark .primary-menu a, .is-dark .home-hero__content { color: #f4f4f2; }
.is-dark .home-hero h1 { color: #f4f4f2; }
.is-dark .home-hero h1 span { color: #a6a6a6; }
.is-dark .home-hero__description { color: #b6b6b6; }
.is-dark .home-hero__scroll { color: #e7e7e5; }
.is-dark .header-cta, .is-dark .button--dark { background: #f4f4f2; color: #101113; }
.is-dark .theme-toggle { background: rgba(16, 17, 19, .4); border-color: rgba(244, 244, 242, .28); color: #f4f4f2; }
.is-dark .theme-toggle__sun { display: none; }
.is-dark .theme-toggle__moon { display: block; }
@media (max-width: 800px) { .site-header__inner { gap: .5rem; min-height: 4rem; } .site-logo, .site-logo .custom-logo-link { font-size: .9rem; gap: .55rem; } .site-logo__mark { font-size: 1.35rem; } .primary-navigation { display: none; } .header-cta { font-size: .75rem; padding: .65rem .8rem; } .theme-toggle { height: 2.35rem; width: 2.35rem; } .home-hero__image { height: calc(100% + 10svh); object-position: 50% 100%; } .home-hero__content { padding-top: 9.5rem; } .home-hero__description br { display: none; } .home-hero__scroll { bottom: 2rem; } }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; }
.screen-reader-text:focus { clip: auto; clip-path: none; height: auto; left: 1rem; padding: .5rem; top: 1rem; width: auto; z-index: 100; }