/* Iskustva landing page — Figma 1729:377. */
.pnr-experience-page { background: #faf8f4; }

.pnr-experience-hero {
	position: relative;
	height: 799px;
	min-height: 650px;
	background: var(--experience-hero) center 55% / cover no-repeat;
	color: #fff;
	overflow: hidden;
}
.pnr-experience-hero__scrim {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(0,0,0,.60) 0, rgba(0,0,0,0) 246px),
		linear-gradient(180deg, rgba(20,16,12,0) 27.5%, rgba(20,16,12,.65) 63.5%, rgba(20,16,12,.84) 100%);
}
.pnr-experience-hero__copy {
	position: absolute;
	top: 438px;
	left: 50%;
	width: 650px;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.pnr-experience-hero__copy h1 {
	font: 200 48px/1.04 var(--font-display);
	letter-spacing: 3px;
	color: #fff;
}
.pnr-experience-hero__copy > span {
	margin-top: 19px;
	font: 300 16px/1.5 var(--font-display);
	letter-spacing: 7.48px;
	text-transform: uppercase;
	color: rgba(232,183,90,.92);
}
.pnr-experience-hero__copy p {
	max-width: 550px;
	margin-top: 18px;
	font: 300 20px/1.3 var(--font-display);
	color: rgba(255,255,255,.92);
}
.pnr-experience-hero__cta {
	min-height: 52px;
	margin-top: 23px;
	padding: 17px 36px;
	border: 1px solid #be812b;
	border-radius: 2px;
	background: #be812b;
	font: 400 13px/1.3 var(--font-display);
	letter-spacing: 1.82px;
	text-transform: uppercase;
	transition: color .35s var(--ease), background-color .35s var(--ease);
}
.pnr-experience-hero__cta:hover { background: transparent; color: #fff; }

.pnr-experience-grid { padding-block: 120px; background: #faf8f4; }
.pnr-experience-grid__intro {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	min-height: 147px;
	margin-bottom: 92px;
}
.pnr-experience-grid__headline { width: 820px; }
.pnr-experience-grid__headline h2 {
	font: 300 58px/1.08 var(--font-display);
	letter-spacing: -1.276px;
	color: #1a1714;
}
.pnr-experience-grid__headline i {
	display: block;
	width: 64px;
	height: 1px;
	margin-top: 19px;
	background: #be812b;
}
.pnr-experience-grid__intro > p {
	width: 523px;
	font: 300 20px/1.6625 var(--font-display);
	color: #6e655a;
}
.pnr-experience-grid__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
.pnr-experience-card {
	position: relative;
	height: 683px;
	overflow: hidden;
	color: #fff;
}
.pnr-experience-card__media,
.pnr-experience-card__media img,
.pnr-experience-card__overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.pnr-experience-card__media img { object-fit: cover; transition: transform .7s var(--ease); }
.pnr-experience-card__overlay { background: linear-gradient(180deg, rgba(20,16,12,.14), rgba(20,16,12,.46)); }
.pnr-experience-card__copy {
	position: absolute;
	left: 38px;
	right: 38px;
	bottom: 37px;
}
.pnr-experience-card__copy > i { display: block; width: 84px; height: 1px; margin-bottom: 12px; background: rgba(232,183,90,.85); }
.pnr-experience-card__copy h3 { font: 300 38px/1.26 var(--font-display); letter-spacing: -.38px; color: #fff; }
.pnr-experience-card__copy p { margin-top: 12px; font: 300 18px/1.605 var(--font-display); color: rgba(255,255,255,.88); }
.pnr-experience-card:hover .pnr-experience-card__media img { transform: scale(1.025); }

.pnr-experience-guide { padding-block: 120px; background: #f2ebe3; }
.pnr-experience-guide header { display: flex; flex-direction: column; gap: 14px; }
.pnr-experience-guide header h2 { font: 300 46px/1.37 var(--font-display); letter-spacing: -.92px; color: #1a1714; }
.pnr-experience-guide dl { margin: 56px 0 0; border-top: 1px solid rgba(20,16,12,.12); }
.pnr-experience-guide dl > div {
	display: grid;
	grid-template-columns: 244px 1fr;
	align-items: center;
	min-height: 67.5px;
	border-bottom: 1px solid rgba(20,16,12,.12);
}
.pnr-experience-guide dt { font: 400 14px/1.3 var(--font-display); letter-spacing: 1.4px; text-transform: uppercase; color: #6e655a; }
.pnr-experience-guide dd { margin: 0; font: 300 20px/1.45 var(--font-display); color: #1a1714; }

@media (min-width: 768px) and (max-width: 1700px) {
	.pnr-experience-page .pnr-container { max-width: 83.333333vw; padding-inline: 0; }
	.pnr-experience-hero { height: 41.614583vw; min-height: 0; }
	.pnr-experience-hero__copy { top: 22.8125vw; width: 33.854167vw; }
	.pnr-experience-hero__copy h1 { font-size: max(11px, 2.5vw); letter-spacing: .15625vw; }
	.pnr-experience-hero__copy > span { margin-top: .989583vw; font-size: max(11px, .833333vw); letter-spacing: .389583vw; }
	.pnr-experience-hero__copy p { max-width: 28.645833vw; margin-top: .9375vw; font-size: max(11px, 1.041667vw); }
	.pnr-experience-hero__cta { min-height: 2.708333vw; margin-top: 1.197917vw; padding: .885417vw 1.875vw; font-size: max(11px, .677083vw); }
	.pnr-experience-grid, .pnr-experience-guide { padding-block: 6.25vw; }
	.pnr-experience-grid__intro { min-height: 7.65625vw; margin-bottom: 4.791667vw; }
	.pnr-experience-grid__headline { width: 42.708333vw; }
	.pnr-experience-grid__headline h2 { font-size: max(11px, 3.020833vw); letter-spacing: -.066458vw; }
	.pnr-experience-grid__headline i { width: 3.333333vw; margin-top: .989583vw; }
	.pnr-experience-grid__intro > p { width: 27.239583vw; font-size: max(11px, 1.041667vw); }
	.pnr-experience-grid__cards { gap: 1.25vw; }
	.pnr-experience-card { height: 35.572917vw; }
	.pnr-experience-card__copy { left: 1.979167vw; right: 1.979167vw; bottom: 1.927083vw; }
	.pnr-experience-card__copy > i { width: 4.375vw; margin-bottom: .625vw; }
	.pnr-experience-card__copy h3 { font-size: max(11px, 1.979167vw); }
	.pnr-experience-card__copy p { margin-top: .625vw; font-size: max(11px, .9375vw); }
	.pnr-experience-guide header { gap: .729167vw; }
	.pnr-experience-guide header h2 { font-size: max(11px, 2.395833vw); }
	.pnr-experience-guide dl { margin-top: 2.916667vw; }
	.pnr-experience-guide dl > div { grid-template-columns: 12.708333vw 1fr; min-height: 3.515625vw; }
	.pnr-experience-guide dt { font-size: max(11px, .729167vw); }
	.pnr-experience-guide dd { font-size: max(11px, 1.041667vw); }
}

@media (max-width: 767px) {
	.pnr-experience-hero { height: 100vh; min-height: 620px; max-height: 100vh; background-position: 52% center; }
	.pnr-experience-hero__scrim { background: linear-gradient(180deg, rgba(0,0,0,.42), rgba(20,16,12,.78)); }
	.pnr-experience-hero__copy { top: auto; bottom: 72px; width: calc(100% - 40px); }
	.pnr-experience-hero__copy h1 { font-size: var(--fs-phone-hero); line-height: 1.08; letter-spacing: 1.2px; }
	.pnr-experience-hero__copy > span { margin-top: 14px; font-size: 11px; line-height: 1.5; letter-spacing: 4px; }
	.pnr-experience-hero__copy p { max-width: 340px; margin-top: 16px; font-size: var(--fs-phone-body); line-height: 1.5; }
	.pnr-experience-hero__cta { min-height: 44px; margin-top: 22px; padding: 13px 24px; font-size: var(--fs-phone-cta); }
	.pnr-experience-grid { padding-block: 72px; }
	.pnr-experience-grid__intro { display: block; min-height: 0; margin-bottom: 42px; }
	.pnr-experience-grid__headline { width: 100%; }
	.pnr-experience-grid__headline h2 { max-width: 340px; font-size: var(--fs-phone-statement); line-height: 1.08; letter-spacing: -.6px; }
	.pnr-experience-grid__headline i { width: 52px; margin-top: 18px; }
	.pnr-experience-grid__intro > p { width: auto; margin-top: 28px; font-size: var(--fs-phone-body); line-height: 1.65; }
	.pnr-experience-grid__cards { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter) 15vw; scrollbar-width: none; }
	.pnr-experience-grid__cards::-webkit-scrollbar { display: none; }
	.pnr-experience-card { flex: 0 0 84vw; height: 112vw; max-height: 540px; scroll-snap-align: start; }
	.pnr-experience-card__copy { left: 24px; right: 24px; bottom: 26px; }
	.pnr-experience-card__copy > i { width: 54px; }
	.pnr-experience-card__copy h3 { font-size: var(--fs-phone-card); }
	.pnr-experience-card__copy p { font-size: 14px; line-height: 1.55; }
	.pnr-experience-card:hover .pnr-experience-card__media img { transform: none; }
	.pnr-experience-guide { padding-block: 72px; }
	.pnr-experience-guide header { gap: 10px; }
	.pnr-experience-guide header h2 { font-size: var(--fs-phone-section); line-height: 1.15; letter-spacing: -.4px; }
	.pnr-experience-guide dl { margin-top: 36px; }
	.pnr-experience-guide dl > div { grid-template-columns: 1fr; gap: 8px; min-height: 0; padding-block: 18px; }
	.pnr-experience-guide dt { font-size: 11px; }
	.pnr-experience-guide dd { font-size: 16px; line-height: 1.45; }
	.pnr-experience-page .pnr-taste-related { padding-block: 72px; }
}

@media (prefers-reduced-motion: reduce) {
	.pnr-experience-card__media img, .pnr-experience-hero__cta { transition: none; }
}

/* The card track bled to the left edge: mandatory snap scrolled past its own
   left padding, so the first card no longer lined up with the copy. */
@media (max-width: 760px) {
	.pnr-experience-grid__cards { margin-inline: 0 calc(var(--gutter) * -1); padding-inline: 0 15vw; }
}