/**
 * Laser – Hero + nawigacja sekcji.
 * Źródło wartości: wdrozenie-html/css/style.css (.section-1 … .btn-6).
 */

.anm-ls-hero {
	overflow: hidden;
	background: var(--ls-ink);
}

/* Poświata za kolumną tekstu — dekoracja, nie obraz. */
.anm-ls-hero__glow {
	position: absolute;
	top: -8%;
	left: -6%;
	width: 62%;
	height: 78%;
	background: radial-gradient(closest-side, rgba(146, 212, 246, 0.34), rgba(146, 212, 246, 0.1) 55%, transparent 78%);
	filter: blur(18px);
	pointer-events: none;
}

/* Kolumny hero same rozkładają marginesy — zdjęcie sięga krawędzi kontenera. */
.anm-ls-hero > .anm-ls-shell {
	padding: 0;
}

.anm-ls-hero__grid {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.anm-ls-hero__copy {
	flex: 1 1 460px;
	min-width: 0;
	padding: clamp(44px, 5.4vw, 104px) clamp(20px, 2.4vw, 40px) clamp(40px, 3.6vw, 68px);
}

.anm-ls-hero .anm-ls-hero__headline {
	font-size: clamp(32px, 3.6vw, 54px);
	letter-spacing: -0.02em;
}

.anm-ls-hero .anm-ls-hero__lead {
	margin: 26px 0 0;
	max-width: 480px;
	font-size: clamp(15.5px, 1.15vw, 17.5px);
	line-height: 1.7;
}

.anm-ls-hero__highlight {
	margin: 26px 0 0;
	padding-left: 16px;
	border-left: 2px solid var(--ls-accent);
	max-width: 440px;
	font: 600 clamp(17px, 1.5vw, 22px)/1.4 var(--ls-font-sans);
	color: var(--ls-accent);
}

.anm-ls-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(16px, 1.8vw, 28px);
	margin-top: clamp(36px, 3.8vw, 60px);
}

.anm-ls-hero .anm-ls-hero__link {
	padding-inline: 0;
}

.anm-ls-hero__note {
	margin: 18px 0 0;
	font-size: 13.5px;
	line-height: 1.6;
	color: var(--ls-on-dark-faint);
}

.anm-ls-hero__media {
	flex: 1 1 420px;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.anm-ls-hero .anm-ls-hero__photo {
	flex: 1 1 auto;
	min-height: clamp(320px, 40vw, 600px);
	border-radius: 0;
	background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0 2px, transparent 2px 12px), #151515;
}

.anm-ls-hero__photo > img {
	position: absolute;
	inset: 0;
}

.anm-ls-hero__stats {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(20px, 2.4vw, 40px);
	padding: clamp(22px, 2.2vw, 30px) clamp(20px, 2.4vw, 40px);
}

.anm-ls-hero__stat-value {
	margin: 0;
	font-family: var(--ls-font-serif);
	font-size: clamp(21px, 1.7vw, 26px);
	line-height: 1;
	color: var(--ls-light);
}

.anm-ls-hero__stat-label {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.4;
	color: var(--ls-on-dark-faint);
}

.anm-ls-hero__rating {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-left: auto;
}

.anm-ls-hero__avatars {
	flex: 0 0 auto;
	display: flex;
}

.anm-ls-hero__avatar {
	width: 32px;
	height: 32px;
	border-radius: 999px;
	border: 1.5px solid var(--ls-ink);
}

/* Zdjęcia z pola galerii. */
img.anm-ls-hero__avatar {
	display: block;
	object-fit: cover;
}

/* Kółka zastępcze, gdy w galerii nie ma jeszcze zdjęć. Tło trzymamy na
   selektorze elementu, żeby nie przebijało spod przezroczystych plików PNG. */
span.anm-ls-hero__avatar {
	background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0 2px, transparent 2px 6px), #242424;
}

span.anm-ls-hero__avatar:nth-child(even) {
	background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0 2px, transparent 2px 6px), #2e2e2e;
}

.anm-ls-hero__avatar + .anm-ls-hero__avatar {
	margin-left: -10px;
}

/* Pasek nawigacji — rodzeństwo sekcji hero. */
.anm-ls-subnav {
	position: sticky;
	top: 0;
	z-index: 50;
	width: 100%;
	background: rgba(247, 247, 245, 0.94);
	backdrop-filter: blur(14px);
	border-top: 1px solid var(--ls-line-soft);
	border-bottom: 1px solid var(--ls-line-soft);
}

.anm-ls-subnav__inner {
	width: 100%;
	max-width: var(--ls-max);
	margin-inline: auto;
	padding-inline: var(--ls-gutter);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 68px;
}

.anm-ls-subnav__list {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: clamp(14px, 1.8vw, 30px);
	margin: 0;
	padding: 8px 0;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
}

.anm-ls-subnav__list::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.anm-ls-subnav__link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font: 500 13.5px/1 var(--ls-font-sans);
	color: var(--ls-ink-soft);
	text-decoration: none;
	white-space: nowrap;
}

.anm-ls-subnav__link:hover,
.anm-ls-subnav__link:focus-visible {
	color: var(--ls-ink);
}

.anm-ls-subnav .anm-ls-subnav__cta {
	flex: 0 0 auto;
	min-height: 46px;
	padding: 0 24px;
	font: 700 14px/1 var(--ls-font-sans);
}

/* Pasek nawigacji rozdziela hero od kolejnej sekcji,
   więc reguła `.anm-ls-band + .anm-ls-section` z warstwy wspólnej nie trafia. */
.anm-ls-subnav + .anm-ls-section {
	padding-top: var(--ls-section-y);
}

@media (max-width: 899px) {
	.anm-ls-subnav .anm-ls-subnav__cta {
		display: none;
	}
}