body {
      margin: 0;
      font-family: 'Oswald', sans-serif !important;
	  font-weight:100;
	  color:#917d52;
      background: transparent;
      overflow-x: hidden;
      position: relative;
	  
    }
	
p {
	padding-top:0.4em;
	
}

li {
	line-height:inherit;
	padding-top:0.4em; 
}

hr {
	border: 1px thin #917d52;
}	

#cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: auto;
    max-width: calc(100% - 40px);
    padding: 20px 28px;
    background: rgba(0, 0, 0, 0.5);
    color: #b8b8b8;
    display: none;
    z-index: 9999;
    border-radius: 4px;
    text-align: center;
}

#cookie-banner p {
    margin: 0 0 12px 0;
    font-size: 14px;
    line-height: 1.5;
}

#cookie-banner .cookie-banner__btn {
    margin-top: 0;
    padding: 10px 24px;
    background: #000;
    border: 1px solid #917d52;
    color: #f5e8cf;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

#cookie-banner .cookie-banner__btn:hover {
    background: #1a1a1a;
    color: #f5e8cf;
}

.signature {
	color: #917d52;
	font-size:14px;
	} 
	
.tit-footer {
	color: #917d52;
	border-bottom: 1px solid #2c2c2c;
	padding-right:5px;
	line-height:50px;
	
	}

.contact-correspondence {
	text-align: left;
}
.contact-correspondence__title {
	margin: 0 0 0.5rem 0;
	padding-bottom: 0.65rem;
	border-bottom: 1px solid rgba(145, 125, 82, 0.35);
	font-weight: inherit;
}
.contact-correspondence__body {
	font-style: normal;
	color: inherit;
	line-height: 1.65;
	font-size: 15px;
	margin: 0;
	padding-top: 0.75rem;
	text-align: left;
}
.contact-correspondence__body p {
	margin: 0 0 0.35rem 0;
}
.contact-correspondence__body p:last-child {
	margin-bottom: 0;
}
.contact-correspondence__body a {
	color: inherit;
	text-decoration: underline;
}
.contact-correspondence__body a:hover {
	color: #c6a25a;
}
.contact-correspondence__body a.contact-correspondence__tel {
	text-decoration: none;
	color: inherit;
}
.contact-correspondence__body a.contact-correspondence__tel:hover {
	text-decoration: none;
	color: #c6a25a;
}

/* #contact: maile w kolumnach — styl buttona jak Subscribe (newsletter-form__submit) */
#contact .contact-details-row a[href^="mailto:"] {
	display: inline-block;
	margin: 4px 0 0;
	padding: 8px 1.35rem 7px;
	font-family: inherit;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #c6a25a;
	background: transparent;
	border: 1px solid rgba(198, 162, 90, 0.38);
	border-radius: 0;
	cursor: pointer;
	box-sizing: border-box;
	text-decoration: none;
	transition:
		color 0.2s ease,
		border-color 0.2s ease,
		opacity 0.2s ease;
}

#contact .contact-details-row a[href^="mailto:"]:visited {
	color: #c6a25a;
}

#contact .contact-details-row a[href^="mailto:"]:hover,
#contact .contact-details-row a[href^="mailto:"]:focus {
	color: #e8d4a6;
	border-color: rgba(198, 162, 90, 0.62);
	text-decoration: none;
}

#contact .contact-details-row a[href^="mailto:"]:focus-visible {
	outline: 1px solid rgba(198, 162, 90, 0.5);
	outline-offset: 2px;
}

/* #team: link zewnętrzny — kolory jak maile w #contact */
a.ink-link-contact {
	color: #917d52;
	text-decoration: none;
	transition: color 0.22s ease;
}

a.ink-link-contact:visited {
	color: #917d52;
}

a.ink-link-contact:hover,
a.ink-link-contact:focus {
	color: #c6a25a;
	text-decoration: none;
}

a.ink-link-contact:focus-visible {
	outline: 1px solid rgba(198, 162, 90, 0.5);
	outline-offset: 2px;
}

/* #contact: pierwszy wiersz (CANADA/EUROPE, POLAND, COLOMBIA) — jak POCZTA / KURIER w ADRES */
#contact .contact-details-row:not(.contact-adres-details) > .span4 > h4:first-of-type {
	font-size: 17.5px;
	font-weight: bold;
	line-height: 20px;
}

/* ===== Events rail (NEXT EVENT) ===== */
.events-rail {
	position: fixed;
	right: 0; /* przyklejone do prawej krawędzi */
	--events-rail-anchor-top: calc(25vh + 10px); /* kotwica wysokości buttona (+10px w dół) */
	top: var(--events-rail-anchor-top);
	/* helpers for positioning icons relative to NEXT EVENT button */
	--events-rail-ico-size: 38px;
	--events-rail-ico-gap: 10px;
	/* visual bottom edge of NEXT EVENT (desktop) */
	--events-rail-btn-bottom: var(--events-rail-anchor-top);
	z-index: 9998;
	pointer-events: none; /* aktywne tylko elementy w środku */
}

.events-rail__btn {
	pointer-events: auto;
	display: inline-block;
	padding: 10px 16px 9px;
	font-family: inherit;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #c6a25a;
	background: rgba(0,0,0,0.22);
	border: 1px solid rgba(198, 162, 90, 0.42);
	border-radius: 0;
	cursor: pointer;
	transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
	/* Pionowy napis bez "wypychania" poza viewport */
	position: fixed;
	right: -2px; /* ukryj prawy złoty kontur poza ekranem */
	top: var(--events-rail-anchor-top);
	transform: translateY(-100%);
	writing-mode: vertical-rl;
	text-orientation: mixed;
	z-index: 10000; /* zawsze nad karuzelą */
}

/* Bulb toggle (shows under button on hover) */
.events-rail__toggle {
	pointer-events: auto;
	position: fixed;
	/* center above NEXT EVENT button width */
	right: calc((var(--events-rail-btn-w, 0px) / 2) - (var(--events-rail-ico-size) / 2));
	/* 10px nad górną krawędzią buttona; nie wchodź pod belkę menu */
	top: max(54px, calc(var(--events-rail-btn-bottom) - var(--events-rail-btn-h, 0px) - var(--events-rail-ico-size) - var(--events-rail-ico-gap)));
	opacity: 0;
	visibility: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* keep a reasonable hit area; only the icon is 10px */
	width: var(--events-rail-ico-size);
	height: var(--events-rail-ico-size);
	border-radius: 50%;
	border: 1px solid rgba(198, 162, 90, 0.35);
	background: rgba(0,0,0,0.78);
	box-shadow: 0 10px 26px rgba(0,0,0,0.28);
	cursor: pointer;
	transition: opacity 0.18s ease;
	z-index: 10001; /* nad buttonem */
	color: #c6a25a; /* gold when enabled */
	touch-action: manipulation;
}
.events-rail__close {
	pointer-events: auto;
	position: fixed;
	right: calc((var(--events-rail-btn-w, 0px) / 2) - (var(--events-rail-ico-size) / 2));
	/* 10px pod dolną krawędzią buttona NEXT EVENT */
	top: calc(var(--events-rail-btn-bottom) + var(--events-rail-ico-gap));
	opacity: 0;
	visibility: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--events-rail-ico-size);
	height: var(--events-rail-ico-size);
	border-radius: 50%;
	border: 1px solid rgba(198, 162, 90, 0.35);
	background: rgba(0,0,0,0.88);
	box-shadow: 0 10px 26px rgba(0,0,0,0.35);
	cursor: pointer;
	transition: opacity 0.18s ease, color 0.18s ease;
	z-index: 10001;
	color: rgba(198, 162, 90, 0.85);
}
.events-rail__close:hover,
.events-rail__close:focus-visible {
	color: #e8d4a6;
	border-color: rgba(198, 162, 90, 0.6);
}
.events-rail__close-ico {
	display: block;
	width: 25px;
	height: 25px;
}
.events-rail.is-open .events-rail__close,
.events-rail.is-open .events-rail__close:focus-visible {
	opacity: 1;
	visibility: visible;
}
.events-rail__toggle-ico {
	display: block;
	width: 25px;
	height: 25px;
	color: inherit;
	pointer-events: none; /* klik działa na całym buttonie */
}
.events-rail.is-open .events-rail__toggle,
.events-rail.is-open .events-rail__toggle:focus-visible {
	opacity: 1;
	visibility: visible;
}
.events-rail__toggle.is-off {
	color: #8a8a8a; /* gray when disabled */
	opacity: 1;
}
.events-rail__btn:hover,
.events-rail__btn:focus {
	color: #e8d4a6;
	border-color: rgba(198, 162, 90, 0.7);
	background: rgba(0,0,0,0.34);
}

/* Active/open state: czarne wypełnienie */
.events-rail.is-open .events-rail__btn {
	background: rgba(0,0,0,0.92);
	border-color: rgba(240, 209, 142, 0.65);
}
.events-rail__btn:focus-visible {
	outline: 1px solid rgba(198, 162, 90, 0.5);
	outline-offset: 2px;
}

/* Flash on scroll/tap */
.events-rail__btn.is-flash {
	animation: eventsRailBtnFlash 520ms ease-out 1;
}
@keyframes eventsRailBtnFlash {
	0% {
		border-color: rgba(198, 162, 90, 0.42);
		box-shadow: 0 0 0 rgba(198, 162, 90, 0);
	}
	35% {
		border-color: rgba(240, 209, 142, 0.95);
		box-shadow:
			0 0 0 2px rgba(240, 209, 142, 0.16),
			0 0 22px rgba(240, 209, 142, 0.35);
	}
	100% {
		border-color: rgba(198, 162, 90, 0.42);
		box-shadow: 0 0 0 rgba(198, 162, 90, 0);
	}
}

.events-rail__panel {
	pointer-events: auto;
	position: fixed;
	right: 0;
	/* górna krawędź panelu = górna krawędź buttona */
	top: calc(var(--events-rail-anchor-top) - var(--events-rail-btn-h, 0px));
	width: 100vw; /* rząd przejeżdża przez ekran */
	transform: translateX(110%);
	opacity: 0;
	transition: transform 0.28s ease, opacity 0.2s ease;
	z-index: 9998;
}
.events-rail.is-open .events-rail__panel {
	transform: translateX(0);
	opacity: 1;
}

.events-rail__track-wrap {
	background: rgba(0,0,0,0.38);
	border: 1px solid rgba(198, 162, 90, 0.22);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	padding: 14px 14px 10px;
	overflow: hidden; /* rząd jedzie w lewo i znika */
	position: relative;
}

.events-rail__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 98px; /* ~2x artists-carousel arrow */
	height: 98px;
	border-radius: 999px;
	border: 1px solid rgba(198, 162, 90, 0.38);
	background: rgba(0,0,0,0.35);
	color: #c6a25a;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
	z-index: 9999;
}
.events-rail__nav:hover,
.events-rail__nav:focus {
	color: #e8d4a6;
	border-color: rgba(198, 162, 90, 0.7);
	background: rgba(0,0,0,0.55);
}
.events-rail__nav:focus-visible {
	outline: 1px solid rgba(198, 162, 90, 0.5);
	outline-offset: 2px;
}
.events-rail__nav--prev { left: 14px; }
.events-rail__nav--next { right: 14px; }
.events-rail__nav-icon {
	font-size: 56px;
	line-height: 1;
	transform: translateY(-2px);
}

.events-rail__track {
	will-change: transform;
	transition: transform 0.35s ease;
	display: flex;
	gap: 18px;
	align-items: flex-start;
}

.events-rail__item {
	display: block;
	flex: 0 0 auto;
}

.events-rail__poster-wrap {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.events-rail__poster-link {
	display: block;
	color: inherit;
	text-decoration: none;
}
.events-rail__poster {
	height: 400px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	display: block;
}

.events-rail__meta {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	text-align: left;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: none;
	color: #c6a25a;
}
.events-rail__meta-left { line-height: 1.35; }
.events-rail__meta-sep { opacity: 0.65; padding: 0 6px; }

/* meta colors by event status */
.events-rail__item[data-event-status="future"] .events-rail__meta-left { color: #c6a25a; }
.events-rail__item[data-event-status="past"] .events-rail__meta-left { color: #8a8a8a; }

.events-rail__status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0;
	border: none;
	background: transparent;
	color: inherit;
	font-size: 0;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
}
.events-rail__status-ico {
	width: 18px;
	height: 18px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.events-rail__status--hot {
	border-color: rgba(198, 162, 90, 0.70);
	color: #c6a25a; /* gold */
}
.events-rail__status--hot .events-rail__status-ico {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Ccircle%20cx='12'%20cy='12'%20r='4.2'%20fill='%23c6a25a'/%3E%3Cg%20stroke='%23c6a25a'%20stroke-width='1.8'%20stroke-linecap='round'%3E%3Cpath%20d='M12%202.2v3'/%3E%3Cpath%20d='M12%2018.8v3'/%3E%3Cpath%20d='M2.2%2012h3'/%3E%3Cpath%20d='M18.8%2012h3'/%3E%3Cpath%20d='M4.4%204.4l2.1%202.1'/%3E%3Cpath%20d='M17.5%2017.5l2.1%202.1'/%3E%3Cpath%20d='M19.6%204.4l-2.1%202.1'/%3E%3Cpath%20d='M6.5%2017.5l-2.1%202.1'/%3E%3C/g%3E%3C/svg%3E");
	animation: eventsSun 1.25s ease-in-out infinite;
	transform-origin: center center;
}
@keyframes eventsSun {
	0% { transform: rotate(0deg) scale(1); }
	50% { transform: rotate(18deg) scale(1.12); }
	100% { transform: rotate(36deg) scale(1); }
}

.events-rail__status--been {
	border-color: rgba(138, 138, 138, 0.55);
	color: #b9c0c8; /* silver-ish */
}
.events-rail__status--been .events-rail__status-ico {
	/* crescent moon (C-like) */
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23b9c0c8'%20d='M15.9%202.4c-1.8.4-3.3%201.4-4.3%202.9-2.4%203.6-1.4%208.4%202.2%2010.8%201.7%201.1%203.8%201.5%205.8%201.1-1.6%202.3-4.2%203.8-7.1%203.8-4.9%200-8.9-4-8.9-8.9%200-4.6%203.5-8.4%208-8.9%201.6-.2%003.1.0%004.3.2z'/%3E%3C/svg%3E");
	animation: eventsMoon 2.2s ease-in-out infinite;
	opacity: 0.95;
	transform-origin: center center;
}
@keyframes eventsMoon {
	0%,100% { transform: translateY(0) rotate(-2deg); }
	50% { transform: translateY(-1px) rotate(6deg); }
}

.events-rail__empty {
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(198, 162, 90, 0.85);
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-align: center;
}

@media (max-width: 767px) {
	.events-rail {
		right: 0;
		--events-rail-anchor-top: calc(22vh + 10px);
		/* visual bottom edge of NEXT EVENT (mobile is lowered by btn-h-half) */
		--events-rail-btn-bottom: calc(var(--events-rail-anchor-top) + var(--events-rail-btn-h-half, 0px));
	}
	/* mobile: lower NEXT EVENT by half its height, keep panel aligned to button's top edge */
	.events-rail__btn {
		top: calc(var(--events-rail-anchor-top) + var(--events-rail-btn-h-half, 0px));
		/* reduce left/right padding by 50% */
		padding: 10px 8px 9px;
	}
	.events-rail__panel {
		top: calc(var(--events-rail-anchor-top) - var(--events-rail-btn-h-half, 0px));
	}
	/* toggle/close pozycjonują się względem --events-rail-btn-bottom */
	/* close button uses --events-rail-btn-h-half */
}

@media (max-width: 480px) {
	.events-rail__poster,
	.events-rail__empty {
		height: 300px;
	}
	.events-rail__nav {
		width: 49px;
		height: 49px;
	}
	.events-rail__nav--prev { left: 8px; }
	.events-rail__nav--next { right: 8px; }
	.events-rail__nav-icon {
		font-size: 28px;
		transform: translateY(-1px);
	}
}

#news .news-footer-address .contact-adres-details a[href^="tel:"] {
	color: #917d52;
	text-decoration: none;
	transition: color 0.22s ease;
}

#news .news-footer-address .contact-adres-details a[href^="tel:"]:hover,
#news .news-footer-address .contact-adres-details a[href^="tel:"]:focus {
	color: #c6a25a;
	text-decoration: none;
}

#news .news-footer-address .contact-adres-details a[href^="tel:"]:focus-visible {
	outline: 1px solid rgba(198, 162, 90, 0.5);
	outline-offset: 2px;
}

#news .news-footer-address .contact-adres-details .contact-adres-details__col--empty {
	color: transparent;
	user-select: none;
}

/* ADRES w stopce: pierwsza linia nagłówków; dalsze — jak menu (#news) */
#news .news-footer-address .contact-adres-details .span6 > h4:first-of-type,
#news .news-footer-address .contact-adres-details > h4:first-of-type {
	font-size: 17.5px;
	font-weight: bold;
	line-height: 20px;
}

#news .news-footer-address .contact-adres-details .span6 > h4:not(:first-of-type),
#news .news-footer-address .contact-adres-details > h4:not(:first-of-type) {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.22;
	margin-top: 0.15rem;
	margin-bottom: 0.1rem;
}

#news .news-footer-address .contact-adres-details .span6 > h4:not(:first-of-type) .contact-correspondence__tel,
#news .news-footer-address .contact-adres-details > h4:not(:first-of-type) .contact-correspondence__tel {
	font-size: inherit;
	font-weight: inherit;
}

#news .news-footer-address .contact-adres-details .contact-adres-details__contactlines {
	margin-top: 0.28rem;
	padding-top: 0.12rem;
}

#news .news-footer-address .contact-adres-details .contact-adres-details__contactrow {
	display: flex;
	align-items: center;
	gap: 0.42rem;
	margin: 0 0 0.18rem 0;
	line-height: 1.15;
	font-size: 15px;
	font-weight: 300;
}

#news .news-footer-address .contact-adres-details .contact-adres-details__contactrow:last-child {
	margin-bottom: 0;
}

#news .news-footer-address .contact-adres-details .contact-adres-details__ico {
	display: block;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-top: 1px;
}

#news .news-footer-address .contact-adres-details a.contact-adres-details__contactlink[href^="mailto:"] {
	color: #917d52;
	text-decoration: none;
	transition: color 0.22s ease;
}

#news .news-footer-address .contact-adres-details a.contact-adres-details__contactlink[href^="mailto:"]:visited {
	color: #917d52;
}

#news .news-footer-address .contact-adres-details a.contact-adres-details__contactlink[href^="mailto:"]:hover,
#news .news-footer-address .contact-adres-details a.contact-adres-details__contactlink[href^="mailto:"]:focus {
	color: #c6a25a;
	text-decoration: none;
}

#news .news-footer-address .contact-adres-details a.contact-adres-details__contactlink[href^="mailto:"]:focus-visible {
	outline: 1px solid rgba(198, 162, 90, 0.5);
	outline-offset: 2px;
}

/* ADRES: podpowiedzi POCZTA / KURIER — 10px, złoto, jeden wiersz, waga 100 */
#news .news-footer-address .contact-adres-details .contact-adres-details__hint {
	margin: 0.06rem 0 0.32rem 0;
	padding: 0;
	font-size: 10px;
	font-weight: 100;
	line-height: 1.55;
	letter-spacing: 0.12em;
	color: #c6a25a;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	max-width: 100%;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

#news .news-footer-address .contact-adres-details .contact-adres-details__hint-line {
	display: inline;
	font-weight: 100;
	color: #c6a25a;
}

#news .news-footer-address .contact-adres-details .contact-adres-details__hint-line + .contact-adres-details__hint-line::before {
	content: '\00a0·\00a0';
	font-weight: 100;
	color: #c6a25a;
}

#news .news-footer-address .contact-adres-details .contact-adres-details__hint--single {
	margin-bottom: 0.28rem;
}

/* PL: INPOST pod blokiem POCZTA/KURIER (jedna kolumna) */
#news .news-footer-address .contact-adres-details .contact-adres-footer-pl__inpost {
	margin-top: 1.5rem;
}
#news .news-footer-address .contact-adres-details .contact-adres-footer-pl__inpost > h4:first-of-type {
	font-size: 17.5px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 0.1rem;
}
#news .news-footer-address .contact-adres-details .contact-adres-footer-pl__inpost .contact-adres-details__paczkomat-line {
	display: block;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.22;
	margin-top: 0.15rem;
	margin-bottom: 0.1rem;
	white-space: nowrap;
}
#news .news-footer-address .contact-adres-details .contact-adres-footer-pl__inpost .contact-adres-details__paczkomat-line .contact-adres-details__paczkomat-label::after {
	content: '\00a0';
}

/* Stopka #news: nagłówki kolumn — drukowane wersaliki + odstępy między literami */
#news .news-footer-cols h4.tit-footer,
#news .news-footer-partners h4.tit-footer {
	font-size: 14px;
	line-height: 1.35;
	padding-top: 0;
	padding-bottom: 8px;
	margin: 0 0 0.35rem 0;
	border-bottom: 1px solid #2c2c2c;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.22em;
}

#news .news-footer-partners {
	margin-top: 70px;
}

/* PARTNERS: same logo row — bez linków; bez powiększenia; opacity 50% → 100% na hover */
#news .news-footer-partners__logos {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	gap: 2.025rem;
	padding: 30px 0 0;
}

#news .news-footer-partners__logos img {
	height: 30px;
	width: auto;
	max-width: 100%;
	display: block;
	object-fit: contain;
	opacity: 0.5;
	transition: opacity 0.28s ease;
}

#news .news-footer-partners__logos img:hover {
	opacity: 1;
}

#news .news-footer-partners__logos img[src*="r99"] {
	height: 25px;
}

@media (prefers-reduced-motion: reduce) {
	#news .news-footer-partners__logos img {
		transition: none;
	}
}

@media (max-width: 768px) {
	#news .news-footer-partners__logos {
		gap: 0.975rem;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		justify-content: center;
		flex-wrap: nowrap;
	}
}

/* Menu / Info: kropka (element DOM — animacja na ::before bywa ignorowana w przeglądarkach) */
#news .menu-footer.menu-footer--dots {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

@keyframes ink-menu-dot-journey {
	0% {
		left: 0;
		transform: scale(1);
		opacity: 0.55;
		background: #c6a25a;
		box-shadow: none;
	}
	7% {
		left: 0;
		transform: scale(1.55);
		opacity: 1;
		background: #fff4dc;
		box-shadow:
			0 0 10px rgba(255, 244, 220, 0.95),
			0 0 22px rgba(198, 162, 90, 0.55);
	}
	34% {
		left: calc(100% - 4px);
		transform: scale(1.65);
		opacity: 1;
		background: #fffaf0;
		box-shadow:
			0 0 14px rgba(255, 250, 240, 1),
			0 0 36px rgba(198, 162, 90, 0.6);
	}
	42% {
		left: calc(100% - 24px);
		transform: scale(1.28);
		opacity: 0.98;
		background: #f5e8c8;
		box-shadow:
			0 0 8px rgba(255, 244, 220, 0.65),
			0 0 18px rgba(198, 162, 90, 0.35);
	}
	48% {
		left: calc(100% - 4px);
		transform: scale(1.42);
		opacity: 1;
		background: #fff8ec;
		box-shadow:
			0 0 12px rgba(255, 244, 220, 0.85),
			0 0 26px rgba(198, 162, 90, 0.45);
	}
	72% {
		left: 36%;
		transform: scale(1.1);
		opacity: 0.72;
		background: #dfc9a0;
		box-shadow: 0 0 5px rgba(198, 162, 90, 0.22);
	}
	100% {
		left: 0;
		transform: scale(1);
		opacity: 0.55;
		background: #c6a25a;
		box-shadow: none;
	}
}

#news .menu-footer--dots > p {
	margin: 0 0 0.4rem 0;
	line-height: 1.45;
	font-weight: 300;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* Stopka #news: kolumny Menu / Info — interlinia jak sekcja ADRES (#news .news-footer-address .contact-adres-details) */
#news .news-footer-cols .menu-footer.menu-footer--dots > p {
	margin: 0 0 0.18rem 0;
	line-height: 1.22;
}

#news .news-footer-cols .menu-footer--dots .menu-footer__link-text {
	line-height: 1.22;
}

#news .news-footer-cols .menu-footer--dots .menu-footer__dot {
	top: 0.48em;
}

#news .menu-footer--dots .menu-footer__link {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	text-decoration: none;
	color: inherit;
	transition: color 0.22s ease;
	overflow: visible;
}

#news .menu-footer--dots .menu-footer__link-text {
	display: block;
	padding-left: 0.95em;
	box-sizing: border-box;
}

#news .menu-footer--dots .menu-footer__dot {
	position: absolute;
	left: 0;
	top: 0.52em;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	display: block;
	border-radius: 50%;
	background: #c6a25a;
	opacity: 0.55;
	transform: translateX(0) scale(1);
	transform-origin: center center;
	pointer-events: none;
	z-index: 1;
	box-sizing: border-box;
}

#news .menu-footer--dots .menu-footer__link:hover {
	color: #c6a25a;
}

/* Zapas gdy brak element.animate() — klasa doklejana z JS (jednorazowy replay) */
#news .menu-footer--dots .menu-footer__dot.menu-footer__dot--css-replay {
	animation: ink-menu-dot-journey 1.5s cubic-bezier(0.45, 0.02, 0.25, 1) forwards !important;
}

/* Login w stopce — jak pozostałe linki listy */
#news .menu-footer--dots .menu-footer__link.nav-account-link {
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 0;
	margin: 0;
	justify-content: flex-start;
	align-items: stretch;
	color: inherit;
	transform: none;
	box-shadow: none;
}

#news .menu-footer--dots .menu-footer__link.nav-account-link:hover {
	transform: none;
	color: #c6a25a;
	box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
	#news .menu-footer--dots .menu-footer__dot {
		transition:
			opacity 0.2s ease,
			transform 0.2s ease,
			background 0.2s ease,
			box-shadow 0.2s ease;
	}

	#news .menu-footer--dots .menu-footer__link:hover .menu-footer__dot {
		animation: none;
		opacity: 1;
		transform: scale(1.35);
		background: #e8d4a6;
		box-shadow: 0 0 0 2px rgba(198, 162, 90, 0.2);
	}
}

/* Menu / Info — mobile: kropka przy tekście (wyśrodkowany blok), nie przy lewej krawędzi okna */
@media (max-width: 767px) {
	#news .menu-footer--dots > p {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#news .menu-footer--dots .menu-footer__link {
		display: inline-block;
		width: auto;
		max-width: 100%;
		padding-left: 0.95em;
		box-sizing: border-box;
	}

	#news .menu-footer--dots .menu-footer__link-text {
		padding-left: 0;
		text-align: left;
	}

	/* Login: ten sam układ co inne pozycje (bez width:100% z .nav-account-link) */
	#news .menu-footer--dots .menu-footer__link.nav-account-link {
		width: auto;
		max-width: 100%;
		display: inline-block;
		justify-content: unset;
		align-items: unset;
	}
}

/* Od #team w dół: ≥768px — wyśrodkowane: główne tytuły sekcji, imiona w Team, wiersz partnerów;
   nagłówki kolumn stopki (#news: newsletter, adres, menu, info) — do lewej, 14px.
   ≤767px — od #team w dół wszystko wyśrodkowane (zgodnie z breakpointem siatki Bootstrap 2). */
@media (min-width: 768px) {
	#team .row-fluid > .span6 {
		text-align: left;
	}
	#team .row-fluid > .span6 p.center,
	#team .row-fluid > .span6 h2.center {
		text-align: center !important;
	}
	#team .row-fluid > .span6 > p:not(.center) {
		text-align: left;
	}
	#team .row-fluid > .span6 .circle-foto {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#contact .tit-footer {
		text-align: center;
	}
	#contact .tit-footer .social-icons--premium {
		justify-content: center;
	}
	#contact .contact-details-row .span4,
	#contact .contact-details-row .span6 {
		text-align: left;
	}

	#news .news-footer-cols h4.tit-footer,
	#news .news-footer-partners h4.tit-footer {
		text-align: left !important;
	}
	#news .news-footer-cols > [class*="span"],
	#news .news-footer-cols .menu-footer,
	#news .news-footer-cols .menu-footer p,
	#news .newsletter-form {
		text-align: left;
	}
	#news .newsletter-col .newsletter-form {
		align-items: flex-start;
	}
	#news .newsletter-col .newsletter-form__inner {
		margin-left: 0;
		margin-right: 0;
		max-width: none;
	}
	#news .newsletter-col .newsletter-form__input {
		text-align: left;
	}
	#news .news-footer-cols + .row-fluid .span12 {
		text-align: center;
	}
	#news .news-footer-cols + .row-fluid .span12 .social-icons--premium {
		justify-content: center;
	}
}

@media (max-width: 767px) {
	#team .title,
	#team .title h1,
	#team .row-fluid > .span6,
	#team .row-fluid > .span6 p.center,
	#team .row-fluid > .span6 h2.center {
		text-align: center !important;
	}
	#team .row-fluid > .span6 > p:not(.center) {
		text-align: center;
	}
	#team .row-fluid > .span6 .circle-foto {
		margin-left: auto;
		margin-right: auto;
	}

	#contact .title,
	#contact .title h1,
	#contact .tit-footer,
	#contact .contact-details-row .span4,
	#contact .contact-details-row .span6 {
		text-align: center;
	}
	#contact .tit-footer .social-icons--premium {
		justify-content: center;
	}

	/* #contact: jedna kolumna — bez nachodzenia (Bootstrap 2: float + margin-left na .span4/.span6) + paddingi pionowe */
	#contact .contact-details-row > .span4,
	#contact .contact-details-row > .span6 {
		float: none;
		width: 100%;
		margin-left: 0 !important;
		clear: both;
		box-sizing: border-box;
	}

	#contact .contact-details-row > .span4:first-child,
	#contact .contact-details-row > .span6:first-child {
		padding-top: 14px;
	}

	#contact .contact-details-row > .span4:not(:first-child),
	#contact .contact-details-row > .span6:not(:first-child) {
		margin-top: 2rem;
	}

	#news,
	#news .news-footer-cols > [class*="span"],
	#news .news-footer-cols .menu-footer,
	#news .news-footer-cols .menu-footer p,
	#news .luxury-connect__title.tit-footer {
		text-align: center !important;
	}
	#news .news-footer-cols + .row-fluid .span12 {
		text-align: center;
	}
	#news .news-footer-cols + .row-fluid .span12 .social-icons--premium {
		justify-content: center;
	}
	#news .newsletter-col {
		text-align: center;
	}
	#news .newsletter-col .newsletter-form {
		align-items: center;
	}
	#news .newsletter-col .newsletter-form__inner {
		max-width: 22rem;
		margin-left: auto;
		margin-right: auto;
	}
	#news .newsletter-col .newsletter-form__submit {
		align-self: center;
	}

	#news .newsletter-col h4.tit-footer {
		padding-top: 14px;
	}

	/* Partners: tytuł — oddech jak Menu / Info */
	#news .news-footer-partners h4.tit-footer {
		padding-top: 18px;
		margin-bottom: 0.55rem;
	}

	/* Kolumny po newsletterze: odstęp + oddech tytuł → treść */
	#news .news-footer-cols > .span3:nth-child(n+2) {
		margin-top: 2rem;
	}
	#news .news-footer-cols > .span3:nth-child(n+2) h4.tit-footer {
		padding-top: 18px;
		margin-bottom: 0.55rem;
	}

}

	
	.gray {
	color: #666666;
	font-weight: 300;
	}
	
.white {
	color: #ffffff !important;
	}
	
.white-mini {
	color: #ffffff;
	font-size:10px;
	}	
	
.blue {
	color: #254287;
	}
	
.red {
    color: #CC0000;

}



  /* Okragly przycisk ze strzalka w d�l */
  .ink-button {
    margin-top:0.6rem;
    width:clamp(90px, 6vw, 54px);
    height:clamp(90px, 6vw, 54px);
    border-radius:50%;
    border:1px solid #917d52;
    background:transparent;
    color:#917d52;
    font-family:'Teko', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight:300;
    font-size:clamp(38px, 3vw, 24px);
    cursor:pointer;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:
      background-color 0.3s ease,
      color 0.3s ease,
      box-shadow 0.3s ease,
      transform 0.2s ease;
  }

  .ink-button::before {
    content:"";
    position:absolute;
    left:-40%;
    top:0;
    width:40%;
    height:100%;
    background:linear-gradient(
      120deg,
      rgba(255,255,255,0.0),
      rgba(255,255,255,0.35),
      rgba(255,255,255,0.0)
    );
    transform:skewX(-20deg);
    opacity:0;
    transition:opacity 0.3s ease;
  }

  .ink-button:hover::before {
    opacity:1;
    animation:buttonShine 0.8s ease-out;
  }

  @keyframes buttonShine {
    0% { transform:translateX(0) skewX(-20deg); }
    100% { transform:translateX(250%) skewX(-20deg); }
  }

  .ink-button:hover {
    background:#917d52;
    color:#29211b;
    box-shadow:0 0 26px rgba(145,125,82,0.7);
    transform:translateY(-1px);
  }

  .ink-button:active {
    transform:translateY(0);
    box-shadow:0 0 14px rgba(145,125,82,0.55);
  }

  /* ===== INK PORTAL CTA � flip 3D, kurz, portal ===== */
  .ink-portal-wrapper {
    position: relative;
    display: inline-block;
    margin-top: 0.6rem;
    perspective: 600px;
    transform-style: preserve-3d;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(145,125,82,0.15);
  }
  .ink-portal-cta-section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    perspective: 900px;
    transform-style: preserve-3d;
    overflow: visible;
  }
  .ink-portal-cta-section .span12 {
    display: flex;
    justify-content: center;
    align-items: center;
    transform-style: preserve-3d;
    overflow: visible;
  }
  .ink-portal-cta-section .span12 p {
    transform-style: preserve-3d;
    overflow: visible;
  }
  .ink-portal-dust {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
  }

  .ink-portal-cta {
    --ink-gold: #917d52;
    --ink-gold-dim: rgba(145,125,82,0.5);
    width: clamp(208px, 16.6vw, 149px);
    height: clamp(208px, 16.6vw, 149px);
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    display: block;
    transform-style: preserve-3d;
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 1;
  }
  .ink-portal-cta__face {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .ink-portal-cta__face--front {
    transform: rotateY(0deg);
  }
  .ink-portal-cta__face--back {
    transform: rotateY(180deg);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.95) 100%);
    border: 1px solid var(--ink-gold-dim);
    color: var(--ink-gold);
  }
  .ink-portal-cta__face--back::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: conic-gradient(from 0deg, rgba(145,125,82,0.25), transparent 25%, rgba(145,125,82,0.12) 50%, transparent 75%, rgba(145,125,82,0.25));
    animation: ink-portal-gradient-rotate 10s linear infinite;
    z-index: 0;
    pointer-events: none;
  }
  .ink-portal-cta__face--back .ink-portal-cta__back-caligraph {
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    background: url("../images/ink-caligraph.svg") no-repeat center center;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
    animation: ink-portal-caligraph-pulse 4s ease-in-out infinite;
  }
  /* Napis z welcome-to-k.svg: statyczny (bez transform rotate); obrót gradientu tylko na .face--back::before */
  .ink-portal-cta__face--back .ink-portal-cta__back-welcome-k {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: linear-gradient(
      155deg,
      rgba(212, 184, 130, 0.98) 0%,
      rgba(165, 142, 95, 0.92) 40%,
      rgba(115, 98, 62, 0.95) 100%
    );
    mask: url("../images/welcome-to-k.svg") no-repeat center center;
    mask-size: contain;
    -webkit-mask: url("../images/welcome-to-k.svg") no-repeat center center;
    -webkit-mask-size: contain;
    z-index: 2;
    pointer-events: none;
    animation: ink-portal-back-caligraph-pulse 4s ease-in-out infinite;
  }
  .ink-portal-cta__face--back .ink-portal-cta__back-welcome-ink {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: url("../images/welcome-to-ink.svg") no-repeat center center;
    background-size: contain;
    opacity: 0.4;
    z-index: 3;
    pointer-events: none;
  }
  .ink-portal-cta.ink-portal--flipped {
    transform: rotateY(180deg);
  }
  .ink-portal-cta.ink-portal--hover-scale {
    transform: rotateY(180deg) scale(1.38);
  }
  /* Najechanie myszą: ta sama strona co przy strefie scrolla (Welcome to K), bez czekania na dolną ćwiartkę viewportu */
  .ink-portal-wrapper:not(.ink-portal--returning):hover .ink-portal-cta:not(.ink-portal--click-fall) {
    transform: rotateY(180deg) scale(1.38);
  }
  .ink-portal-cta.ink-portal--returning {
    transition-duration: 1.2s;
  }
  .ink-portal-wrapper:hover .ink-portal-cta__arrow,
  .ink-portal-wrapper.ink-portal--click-active .ink-portal-cta__arrow,
  .ink-portal-wrapper.ink-portal--returning .ink-portal-cta__arrow {
    animation: none;
  }
  .ink-portal-cta.ink-portal--click-fall {
    animation: ink-portal-click-fall 0.6s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;
  }
  @keyframes ink-portal-click-fall {
    0% { transform: rotateY(180deg) scale(1.38) translateY(0); }
    40% { transform: rotateY(180deg) scale(1.38) translateY(10px); }
    100% { transform: rotateY(180deg) scale(1.38) translateY(0); }
  }
  .ink-portal-cta__ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid var(--ink-gold-dim);
    overflow: hidden;
    animation: ink-portal-ring-pulse 4s ease-in-out infinite;
  }
  .ink-portal-cta__ring::before {
    content: "";
    position: absolute;
    inset: -50%;
    background: conic-gradient(from 0deg, var(--ink-gold), transparent 25%, var(--ink-gold-dim) 50%, transparent 75%, var(--ink-gold));
    animation: ink-portal-gradient-rotate 10s linear infinite;
  }
  .ink-portal-cta__ring::after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.9) 70%, rgba(0,0,0,0.95) 100%);
    z-index: 0;
  }
  .ink-portal-cta__caligraph {
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    background: url("../images/ink-caligraph.svg") no-repeat center center;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
    animation: ink-portal-caligraph-pulse 4s ease-in-out infinite;
  }
  .ink-portal-cta__inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ink-gold);
    animation: ink-portal-inner-call 2.2s ease-in-out infinite;
  }
  .ink-portal-cta__arrow {
    width: 59px;
    height: 59px;
    transition: transform 0.3s ease;
    animation: ink-portal-arrow-cta 2s ease-in-out infinite;
  }
  .ink-portal-wrapper:hover .ink-portal-cta__ring {
    opacity: 1;
    animation-duration: 2.5s;
    filter: drop-shadow(0 0 12px rgba(145,125,82,0.5));
  }
  .ink-portal-cta:active .ink-portal-cta__ring::after {
    box-shadow: inset 0 0 15px rgba(145,125,82,0.3);
  }
  @keyframes ink-portal-ring-pulse {
    0%, 100% { opacity: 0.85; filter: brightness(1); }
    50% { opacity: 1; filter: brightness(1.15); }
  }
  @keyframes ink-portal-gradient-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  @keyframes ink-portal-arrow-pulse {
    0%, 100% { opacity: 0.9; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.05); }
  }
  @keyframes ink-portal-arrow-cta {
    0%, 100% { transform: translateY(0) scale(1); opacity: 0.95; }
    35% { transform: translateY(8px) scale(1.08); opacity: 1; }
    70% { transform: translateY(2px) scale(1.02); opacity: 1; }
  }
  @keyframes ink-portal-inner-call {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
  }
  @keyframes ink-portal-caligraph-pulse {
    0%, 100% { opacity: 0.2; filter: brightness(0.85); }
    50% { opacity: 0.6; filter: brightness(1.15); }
  }
  @keyframes ink-portal-back-caligraph-pulse {
    0%, 100% { opacity: 0.7; filter: brightness(0.9); }
    50% { opacity: 1; filter: brightness(1.15); }
  }
  @media (prefers-reduced-motion: reduce) {
    .ink-portal-cta__ring,
    .ink-portal-cta__ring::before,
    .ink-portal-cta__face--back::before,
    .ink-portal-cta__inner,
    .ink-portal-cta__caligraph,
    .ink-portal-cta__arrow,
    .ink-portal-cta__back-caligraph,
    .ink-portal-cta__back-welcome-k { animation: none !important; }
  }

  /* Newsletter — minimalistyczny blok (stopka #news) */
  .newsletter-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .newsletter-form__inner {
    width: 100%;
    box-sizing: border-box;
  }

  .newsletter-form__row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    padding: 2px 0 14px;
    border-bottom: 1px solid rgba(198, 162, 90, 0.38);
    box-sizing: border-box;
  }

  /* Te same kolory pola co .ink-form / .ink-login-form (#2b2b2b, #917d52) */
  .newsletter-form__input {
    display: block;
    width: 100%;
    margin: 0;
    height: auto !important; /* Bootstrap input[type=email]: height:20px odcina padding */
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 12px;
    padding-right: 12px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.45 !important;
    color: #ffffff;
    background: #2b2b2b;
    border: 1px solid #917d52;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
  }

  .newsletter-form__input::placeholder {
    color: rgba(255, 255, 255, 0.65);
  }

  .newsletter-form__input:focus {
    color: #ffffff;
    border-color: #f0d18e;
    box-shadow: 0 0 0 1px rgba(145, 125, 82, 0.18);
  }

  /* Bootstrap: input[type=email] — wyższa specyficzność; te same wartości co .ink-login-form */
  #news .newsletter-col .newsletter-form input.newsletter-form__input[type="email"] {
    background-color: #2b2b2b !important;
    background-image: none !important;
    border: 1px solid #917d52 !important;
    box-shadow: none !important;
    color: #ffffff;
    height: auto !important;
    min-height: 0;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    line-height: 1.45 !important;
  }

  #news .newsletter-col .newsletter-form input.newsletter-form__input[type="email"]:focus {
    background-color: #2b2b2b !important;
    border-color: #f0d18e !important;
    box-shadow: 0 0 0 1px rgba(145, 125, 82, 0.18) !important;
    outline: none;
    height: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    line-height: 1.45 !important;
  }

  #news .newsletter-col .newsletter-form input.newsletter-form__input[type="email"]:focus:invalid {
    border-color: var(--ink-feedback-border) !important;
    -webkit-box-shadow: var(--ink-feedback-glow-focus) !important;
    box-shadow: var(--ink-feedback-glow-focus) !important;
    color: #ffffff;
    height: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #news .newsletter-col .newsletter-form input.newsletter-form__input:-webkit-autofill,
  #news .newsletter-col .newsletter-form input.newsletter-form__input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #2b2b2b inset !important;
    box-shadow: 0 0 0 1000px #2b2b2b inset !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff;
    border: 1px solid #917d52 !important;
    transition: background-color 99999s ease-out 0s;
    height: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    line-height: 1.45 !important;
  }

  #news .newsletter-col .newsletter-form input.newsletter-form__input:-webkit-autofill:focus {
    border-color: #f0d18e !important;
    -webkit-box-shadow:
      0 0 0 1000px #2b2b2b inset,
      0 0 0 1px rgba(145, 125, 82, 0.18) !important;
    box-shadow:
      0 0 0 1000px #2b2b2b inset,
      0 0 0 1px rgba(145, 125, 82, 0.18) !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff;
    height: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    line-height: 1.45 !important;
  }

  .newsletter-form__submit {
    align-self: center;
    margin: 4px 0 0;
    padding: 8px 1.35rem 7px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #c6a25a;
    background: transparent;
    border: 1px solid rgba(198, 162, 90, 0.38);
    border-radius: 0;
    cursor: pointer;
    box-sizing: border-box;
    transition:
      color 0.2s ease,
      border-color 0.2s ease,
      opacity 0.2s ease;
  }
  /* Ten sam styl przycisku dla linków (np. Team → Studio Ceramika) */
  a.newsletter-form__submit {
    display: inline-block;
    text-decoration: none;
  }

  /* Mobile: odstęp pod buttonem www.studio-ceramika.pl w Team */
  @media (max-width: 767px) {
    #team a.newsletter-form__submit {
      margin-bottom: 20px;
    }
  }

  .newsletter-form__submit:hover {
    color: #e8d4a6;
    border-color: rgba(198, 162, 90, 0.62);
  }

  .newsletter-form__submit:focus-visible {
    outline: 1px solid rgba(198, 162, 90, 0.5);
    outline-offset: 2px;
  }

  .newsletter-form__submit[disabled],
  .newsletter-form__submit:disabled {
    opacity: 0.45;
    cursor: not-allowed;
  }

  /* Poniżej 768px: newsletter w kolumnie, wyśrodkowany */
  @media (max-width: 767px) {
    .newsletter-col .newsletter-form__row {
      flex-direction: column;
      align-items: center;
      gap: 12px;
      padding: 2px 0 14px;
      border-bottom: none;
    }

    .newsletter-col .newsletter-form__input {
      text-align: center;
      height: auto !important;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 12px;
      padding-right: 12px;
    }

    .newsletter-col .newsletter-form__submit {
      align-self: center;
      margin-left: 0;
    }
  }

  /* Poniżej 500px: pole e-mail — połowa szerokości ekranu */
  @media (max-width: 499px) {
    .newsletter-col .newsletter-form__input,
    #news .newsletter-col .newsletter-form input.newsletter-form__input[type="email"] {
      width: 50vw;
      max-width: 100%;
      height: auto !important;
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      padding-left: 12px !important;
      padding-right: 12px !important;
      box-sizing: border-box;
    }
  }

  .newsletter-msg.newsletter-form__feedback,
  .newsletter-form__feedback {
    margin-top: 12px;
    min-height: 1.25em;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 300;
    color: rgba(243, 240, 234, 0.55);
  }

  .newsletter-msg.is-success,
  .newsletter-msg.is-error {
    color: var(--ink-feedback);
  }

        .hp-field {
            position: absolute !important;
            left: -9999px !important;
            opacity: 0 !important;
            pointer-events: none !important;
            width: 1px !important;
            height: 1px !important;
        } 
  
  
  
  /* newslettere end */ 
  
   
    /* Button audio na dole */
  .sound-toggle {
    position:fixed;
    left:50%;
    bottom:10px;
    transform:translateX(-50%);
    z-index:4;
    padding:0.2rem 1.4rem;
    border-radius:999px;
    border:1px solid rgba(145,125,82,0.6);
    background:rgba(0,0,0,0.55);
    color:#917d52;
    font-family:'Teko', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
    text-indent:0.18em;
    cursor:pointer;
    backdrop-filter:blur(6px);
  }

 :root {
  --ink-gold: #917d52;
  --ink-gold-light: #917d52;
  --ink-panel: #6f6f6f;
  --ink-input: #7a7a7a;
  --ink-text: #f3f0ea;
  /* Pytania, legenda checklisty, opcje checkboxów — jaśniejszy złoty (kontakt + login) */
  --ink-form-text-gold: #d4b896;
  --ink-form-placeholder-gold: rgba(212, 184, 150, 0.55);
  /* Checkbox: nieaktywny szary, zaznaczony złoty */
  --ink-checkbox-bg-off: #5c5c5c;
  --ink-checkbox-border-off: rgba(150, 150, 150, 0.85);
  --ink-checkbox-bg-on: #c6a25a;
  --ink-checkbox-border-on: #c6a25a;
  /* Komunikaty walidacji / alerty — zieleń stonowana + rozmyta poświata (bez ostrego neonu) */
  --ink-feedback: #8cb88a;
  --ink-feedback-border: rgba(118, 168, 112, 0.52);
  /* „blur”: kilka warstw box-shadow z dużym rozmyciem zamiast twardej obwódki */
  --ink-feedback-glow: 0 0 0 1px rgba(118, 168, 112, 0.2), 0 0 14px 5px rgba(118, 168, 112, 0.18), 0 0 28px 10px rgba(118, 168, 112, 0.1);
  --ink-feedback-glow-subtle: 0 0 0 1px rgba(118, 168, 112, 0.1), 0 0 10px 3px rgba(118, 168, 112, 0.12);
  --ink-feedback-glow-focus: 0 0 0 1px rgba(118, 168, 112, 0.26), 0 0 18px 7px rgba(118, 168, 112, 0.2), 0 0 36px 12px rgba(118, 168, 112, 0.12);
}

.ink-modal {
  position: fixed;
  inset: 0;
  z-index: 1000001;
  display: none;
  overflow-y: auto;
}

.ink-modal.is-open {
  display: block;
}

.ink-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.62);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 1;
  pointer-events: auto;
}

.ink-modal__viewport {
  position: relative;
  z-index: 2;
  min-height: 100dvh;
  padding: 40px 20px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: visible;
}

html.is-modal-open,
body.is-modal-open {
  overflow: hidden !important;
  height: 100% !important;
}

/* New isolated modal (inkx) */
.inkx-modal {
  position: fixed;
  inset: 0;
  z-index: 1100000;
  display: none;
}

.inkx-modal.is-open {
  display: block;
}

.inkx-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.inkx-modal__viewport {
  position: relative;
  height: 100vh;
  overflow-y: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 40px 16px;
  box-sizing: border-box;
}

.inkx-modal__panel {
  width: 100%;
  max-width: 520px;
  background: #1a1a1a;
  border-radius: 10px;
  border: none;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.75);
  padding: 28px 20px 24px;
  box-sizing: border-box;
  position: relative;
  color: #f3f0ea;
}

/* Formularz kontaktowy: bez nagłówka (np. „CONTACT FORM”) nad polami */
#inkxContactModal .inkx-modal__panel > h1,
#inkxContactModal .inkx-modal__panel > h2,
#inkxContactModal .inkx-modal__title {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  position: absolute !important;
  width: 1px !important;
}

.inkx-modal__close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(198, 162, 90, 0.65);
  background: rgba(0, 0, 0, 0.6);
  color: #917d52;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.inkx-modal__close:hover {
  background: #c6a25a;
  color: #000;
  box-shadow: 0 0 14px rgba(198, 162, 90, 0.75);
  transform: translateY(-1px);
}

@media (max-width: 768px) {
  .inkx-modal__viewport {
    padding: 24px 10px;
  }

  .inkx-modal__panel {
    padding: 22px 14px 18px;
  }
}

.ink-modal__panel {
  position: relative;
  width: 100%;
  max-width: 500px;
  background: var(--ink-panel);
  border: 1px solid var(--ink-gold);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
  padding: 32px 20px 24px;
  box-sizing: border-box;
  color: var(--ink-text);
}

.ink-modal__close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  color: var(--ink-gold-light);
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}

.ink-modal__title {
  margin: 0 0 18px;
  padding-right: 34px;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #f5e8cf;
}

.ink-form__group {
  margin-bottom: 16px;
}

.ink-form__label {
  display: block;
  width: 100%;
  max-width: 460px;
  margin: 0 auto 10px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink-form-text-gold);
}

.ink-form input[type="text"],
.ink-form input[type="email"],
.ink-form textarea {
  display: block;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  padding: 14px;
  box-sizing: border-box;
  background: #2b2b2b;
  border: 1px solid rgba(145, 125, 82, 0.5);
  color: #a0a0a0;
  font-size: 15px;
  line-height: 1.45;
  outline: none;
  border-radius: 0;
}

.ink-form input::placeholder,
.ink-form textarea::placeholder {
  color: var(--ink-form-placeholder-gold);
}

.ink-form input:focus,
.ink-form textarea:focus {
  border-color: rgba(145, 125, 82, 0.75);
  box-shadow: 0 0 0 1px rgba(145, 125, 82, 0.35);
}

.ink-form input.is-invalid,
.ink-form textarea.is-invalid {
  border-color: var(--ink-feedback-border);
  box-shadow: var(--ink-feedback-glow);
}

.ink-form input.is-valid,
.ink-form textarea.is-valid {
  border-color: var(--ink-feedback-border);
  box-shadow: var(--ink-feedback-glow-subtle);
}

.ink-form input:user-invalid,
.ink-form textarea:user-invalid {
  border-color: var(--ink-feedback-border);
  box-shadow: var(--ink-feedback-glow);
}

.ink-form input:focus:is(.is-invalid, .is-valid),
.ink-form textarea:focus:is(.is-invalid, .is-valid),
.ink-form input:focus:user-invalid,
.ink-form textarea:focus:user-invalid {
  border-color: var(--ink-feedback-border);
  box-shadow: var(--ink-feedback-glow-focus);
}

/* Bootstrap: input:focus:invalid */
.ink-form input:focus:invalid,
.ink-form textarea:focus:invalid {
  color: #a0a0a0;
  border-color: var(--ink-feedback-border);
  -webkit-box-shadow: var(--ink-feedback-glow-focus);
  box-shadow: var(--ink-feedback-glow-focus);
}

.ink-form textarea {
  min-height: 90px;
  resize: vertical;
}

.ink-form__fieldset {
  width: 100%;
  max-width: 460px;
  margin: 28px auto 20px;
  padding: 16px 16px 6px;
  border: 1px solid rgba(145, 125, 82, 0.5);
  box-sizing: border-box;
}

.ink-form__fieldset legend {
  padding: 0 10px;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-form-text-gold);
}

.ink-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  max-width: 460px;
  margin: 0 auto 12px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink-form-text-gold);
  cursor: pointer;
}

.ink-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin: 3px 0 0 0;
  flex: 0 0 auto;
  box-sizing: border-box;
  border: 1px solid var(--ink-checkbox-border-off);
  background: var(--ink-checkbox-bg-off);
  border-radius: 2px;
  cursor: pointer;
  vertical-align: top;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease;
}

.ink-checkbox input[type="checkbox"]:checked {
  background-color: var(--ink-checkbox-bg-on);
  border-color: var(--ink-checkbox-border-on);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 5.2l3.2 3.3L11 1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center 55%;
  background-size: 11px 9px;
}

.ink-checkbox input[type="checkbox"]:focus-visible {
  outline: 2px solid rgba(198, 162, 90, 0.55);
  outline-offset: 2px;
}

.ink-checkbox input[type="checkbox"]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.ink-checkbox--consent {
  margin-top: 14px;
  margin-bottom: 24px;
}

.ink-form__actions {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  text-align: center;
}

.ink-form__submit {
  min-width: 220px;
  padding: 14px 22px;
  border: 1px solid rgba(145, 125, 82, 0.5);
  background: #111111;
  color: #a0a0a0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 13px;
  cursor: pointer;
}

.ink-form__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.ink-form__message {
  width: 100%;
  max-width: 460px;
  margin: 18px auto 0;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  min-height: 20px;
}

.ink-form__message.is-success,
.ink-form__message.is-error {
  color: var(--ink-feedback);
}

@media (max-width: 600px) {
  .ink-modal__viewport {
    padding: 18px 10px;
  }

  .ink-modal__panel {
    max-width: 100%;
    padding: 26px 14px 18px;
  }

  .ink-modal__title {
    font-size: 22px;
  }

  .ink-form__label,
  .ink-form input[type="text"],
  .ink-form input[type="email"],
  .ink-form textarea,
  .ink-form__fieldset,
  .ink-checkbox,
  .ink-form__actions,
  .ink-form__message {
    max-width: 100%;
  }

  .ink-form__submit {
    width: 100%;
    min-width: 0;
  }
}


.circle-foto {
  width: 130px;
  height: 130px;
  background-color: transparent;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.img50 {
    width: 50%;
  height: 50%;

}

.circle {
  width: 300px;
  height: 300px;
  background-color: #917d52;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.img-intro {
  position:relative;
  margin: 0 auto;
  width: 50%;
  height: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.margin-top-idea {
  padding-top: 0;
}

.inner {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 300px;
  height: 300px;
  text-align: center;
}			

.slider-text {
    font-size:33px;
	padding-top: 10px;
	font-weight: 100;
    text-align: center;
	line-height:48px;
	text-shadow: 0 0 0.3em #254287, 0 0 0.3em #ffffff;
  	
}
		
a {
    color:#917d52;
    text-decoration: none;
}
a:hover {
    color: #CC3300;
    text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
	padding-top: auto;
	
}

.h1-inter {
    line-height:90%;
	
}

.span12.center h3,
.span12.center .opencall-cta {
    padding-left:12%;
    padding-right:12%;
}

@media (max-width:900px){
    .span12.center h3,
    .span12.center .opencall-cta {
        padding-left:10%;
        padding-right:10%;
    }
}

@media (max-width:600px){
    .span12.center h3,
    .span12.center .opencall-cta {
        padding-left:6%;
        padding-right:6%;
    }
}

@media (max-width:480px){
    .span12.center h3,
    .span12.center .opencall-cta {
        padding-left:1%;
        padding-right:1%;
    }
    .span12.center .opencall-cta {
        font-size: 24.5px;
    }
}

.p-header{
    padding-left:12%;
    padding-right:12%;
}


.mini {
    font-size:13px;
	line-height:18px;
	padding: 10px;
    font-weight: 100;
    text-align: left;
}
.p-dark-bottom-20px {
    padding: 10px 20px 0px 20px;
    font-weight: 100;
    color: #646464;
	text-align: left;
}

.fullwidth-img{
    width:100vw;
    max-width:100vw;
    position:relative;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
    display:block;
	}
	
.img-left {
    float:left;
	text-align:left;
	padding-right: 10px;
	padding-bottom: 10px;
}


.adres {
	margin-top: 0px;
	font-size:11px;
    color: #fff;
	text-align:right;
	font-weight: 100;
	background: #254287;
}

.navbar {
    background:#000;
    margin-bottom:0;
    min-height:auto;
	text-align:center;
	z-index:999999 !important;
	position:relative;
	background-color:transparent;

}

.navbar-fixed-top {
    min-height:60px;
    height:60px;
    padding-top:0px;
    padding-right: 15px;
	position:fixed;
	background-color:#000;
}

.navbar-fixed-top .navbar-inner {
    padding-left: 20px;
    padding-right: 15px !important;
}
.navbar-inner {
    border-radius:0;
    filter: none;
    border: none;
    box-shadow: none;
	height:60px;
	background-color:transparent;

}

.brand img {
   
   height: 100%;
  	width: auto; /* zachowuje proporcje */
}
	
.navbar .nav > li > a {
    text-transform:none;
    line-height: auto;
    vertical-align: middle;
    margin:0px 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 0px solid #254287;
    box-shadow: none;
    text-shadow: none;
    color: #917d52;
	font-weight:100;
    z-index:999999 !important;
	background-color:transparent;
}
.navbar .nav > li:hover> a, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    border: 0px solid #CACACA;
    color: #917d52;
    background-color:transparent;
    z-index:999999 !important;
}
.nav-pills {
    margin-bottom: 30px;
	
}
.nav-pills > li > a {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right:0px;
    padding-left:0px;
    padding-right:5px;
    border: 1px solid #646464;
}
.nav-pills > li > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
    background: #646464;
    color: #fff;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar {
    border-radius:0;
    background:transparent;
    color: #917d52;
	font-size:30px;
	font-weight:100;
	margin-top:0px;
}

/* Language switcher � flagi mi?dzy logo a menu */
.navbar-inner {
    display: flex;
    align-items: center;
    width: 100%;
}

.navbar .ink-navbar-row.container {
    max-width: none;
    width: 100%;
}

.ink-navbar-row {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
}

.ink-navbar-row .brand {
    flex-shrink: 0;
}

.ink-navbar-row .brand.ink-noir__img {
    width: auto;
}

.lang-switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
    flex-shrink: 0;
}

.nav-collapse {
    flex-shrink: 0;
    margin-left: auto;
}

.lang-switcher__link {
    display: flex;
    align-items: center;
    padding: 4px;
    border-radius: 4px;
    transition: opacity 0.2s ease, box-shadow 0.2s ease;
}

.lang-switcher__link:hover {
    opacity: 0.9;
    box-shadow: 0 0 0 1px rgba(145, 125, 82, 0.5);
}

.lang-switcher__link[aria-current="true"] {
    box-shadow: 0 0 0 2px #917d52;
}

.lang-switcher__link img {
    display: block;
    width: 24px;
    height: 18px;
    object-fit: cover;
    filter: saturate(0.3);
    transition: filter 0.2s ease;
}

.lang-switcher__link:hover img,
.lang-switcher__link[aria-current="page"] img {
    filter: saturate(1);
}

@media (max-width: 979px) {
    .navbar-inner {
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-fixed-top .navbar-inner {
        padding-right: 15px !important;
    }
    .ink-navbar-row {
        flex: 1 1 100%;
        order: 1;
        padding-left: 20px;
        padding-right: 20px;
    }
    .ink-navbar-row .btn-navbar {
        margin-left: auto;
        flex-shrink: 0;
    }
    .lang-switcher {
        flex: 1;
        justify-content: center;
        gap: 6px;
    }
    .nav-collapse {
        flex: 1 1 100%;
        order: 2;
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        box-sizing: border-box;
    }
    .nav-collapse .nav {
        width: 100%;
    }
    .lang-switcher__link img {
        width: 20px;
        height: 15px;
    }
}

@media (max-width: 500px) {
    .ink-navbar-row {
        position: relative;
        padding-left: 12px;
        padding-right: 12px;
        min-height: 44px;
    }
    .ink-navbar-row .brand {
        flex-shrink: 0;
        min-width: 0;
        max-width: 38%;
    }
    .ink-navbar-row .brand img {
        max-width: 100%;
        height: auto;
        max-height: 36px;
    }
    .lang-switcher {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        flex: none;
        gap: 4px;
        z-index: 1;
    }
    .lang-switcher__link {
        padding: 2px;
    }
    .lang-switcher__link img {
        width: 18px;
        height: 14px;
    }
    .nav-login-mobile {
        position: absolute;
        right: 52px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        margin-left: 0;
    }
    .ink-navbar-row .btn-navbar {
        position: absolute;
        right: 8px;
        top: 8px;
        transform: none;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navbar-fixed-top .navbar-inner {
        padding-right: 15px !important;
    }
    .navbar-fixed-top .ink-navbar-row .btn-navbar {
        right: 0;
    }
}

.opencall-flags__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px 20px;
    padding: 20px 0;
}

.opencall-flags__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.opencall-flags__flag-wrap {
    position: relative;
}

.opencall-flags__flag {
    width: 25px;
    height: 19px;
    object-fit: cover;
    display: block;
    filter: saturate(0.3);
    transition: filter 0.25s ease;
}

.opencall-flags__item:hover .opencall-flags__flag,
.opencall-flags__item:focus-within .opencall-flags__flag,
.opencall-flags__item.is-auto-show .opencall-flags__flag {
    filter: saturate(1);
}

.opencall-flags__popup {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-8px);
    padding: 5px 7px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

.opencall-flags__popup::after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid rgba(0, 0, 0, 0.8);
}

.opencall-flags__item:hover .opencall-flags__popup,
.opencall-flags__item:focus-within .opencall-flags__popup,
.opencall-flags__item.is-popup-open .opencall-flags__popup,
.opencall-flags__item.is-auto-show .opencall-flags__popup {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-12px);
}

.opencall-flags__popup-name {
    font-size: 13px;
    color: #f5f1e8;
}

.opencall-flags__popup-row {
    display: flex;
    align-items: center;
    gap: 3px;
}

.opencall-flags__popup-icon {
    width: 14px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(57%) sepia(32%) saturate(550%) hue-rotate(5deg);
}

.opencall-flags__item:hover .opencall-flags__popup-icon,
.opencall-flags__item:focus-within .opencall-flags__popup-icon,
.opencall-flags__item.is-popup-open .opencall-flags__popup-icon,
.opencall-flags__item.is-auto-show .opencall-flags__popup-icon {
    animation: popup-icon-enter 0.6s ease-out forwards;
}

.opencall-flags__popup-count {
    font-size: 13px;
    color: #917d52;
    opacity: 0;
}

.opencall-flags__item:hover .opencall-flags__popup-count,
.opencall-flags__item:focus-within .opencall-flags__popup-count,
.opencall-flags__item.is-popup-open .opencall-flags__popup-count,
.opencall-flags__item.is-auto-show .opencall-flags__popup-count {
    animation: popup-count-enter 0.4s ease-out 0.55s forwards;
}

@keyframes popup-icon-enter {
    0% {
        transform: scale(0.25);
        opacity: 0.6;
    }
    35% {
        transform: scale(1.15);
        opacity: 1;
    }
    45% {
        transform: scale(1) translateX(-3px);
    }
    55% {
        transform: scale(1) translateX(3px);
    }
    65% {
        transform: scale(1) translateX(-2px);
    }
    75% {
        transform: scale(1) translateX(2px);
    }
    85% {
        transform: scale(1) translateX(-1px);
    }
    100% {
        transform: scale(1) translateX(0);
        opacity: 1;
    }
}

@keyframes popup-count-enter {
    0% {
        opacity: 0;
        transform: scale(0.85);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Artists carousel */
.artists-carousel-wrap {
    margin: 32px 0 40px;
    text-align: left;
}

.artists-carousel {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    background: transparent;
    padding: 24px 20px;
    border-radius: 4px;
}

.artists-carousel__arrow {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #917d52;
    background: transparent;
    color: #917d52;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease, color 0.3s ease;
}

.artists-carousel__arrow:hover {
    background: #917d52;
    color: #000;
}

.artists-carousel__arrow-icon {
    font-size: 28px;
    line-height: 1;
}

.artists-carousel__track-wrap {
    flex: 1;
    overflow: hidden;
}

.artists-carousel__track {
    display: flex;
    gap: 24px;
    transition: transform 0.4s ease;
}

.artists-carousel__item {
    flex: 0 0 calc(25% - 18px);
    min-width: 200px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    text-align: left;
}

.artists-carousel__photo-wrap {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    background: #1a1a1a;
    position: relative;
}

.artists-carousel__photo-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #2a2a2a;
}

.artists-carousel__photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.artists-carousel__info {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.artists-carousel__info p,
.artists-carousel__info a {
    text-align: left;
}

.artists-carousel__name {
    margin: 0 0 4px;
    font-size: 20px;
    font-weight: 400;
    color: #917d52;
}

.artists-carousel__location {
    margin: 0 0 6px;
    font-size: 13px;
    color: #b8a878;
}

.artists-carousel__social {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    color: #917d52;
    text-decoration: none;
    font-size: 13px;
}

.artists-carousel__social:hover {
    color: #f0d18e;
}

.artists-carousel__social-icon {
    filter: brightness(0) saturate(100%) invert(57%) sepia(32%) saturate(550%) hue-rotate(5deg);
}

.artists-carousel__info .artists-carousel__social + .artists-carousel__social {
    margin-left: 10px;
}

@media (min-width: 1001px) {
    .artists-carousel__item {
        flex: 0 0 calc(25% - 18px);
    }
}

@media (max-width: 1000px) {
    .artists-carousel__item {
        flex: 0 0 calc(33.333% - 16px);
    }
}

@media (max-width: 700px) {
    .artists-carousel__item {
        flex: 0 0 calc(50% - 12px);
    }
}

@media (max-width: 400px) {
    .artists-carousel {
        padding: 20px 12px;
        gap: 12px;
    }
    .artists-carousel__arrow {
        width: 36px;
        height: 36px;
    }
    .artists-carousel__arrow-icon {
        font-size: 22px;
    }
    .artists-carousel__item {
        flex: 0 0 100%;
        min-width: 0;
    }
    .artists-carousel__photo-wrap {
        width: 56px;
        height: 56px;
    }
}

/******
2. Layout
**********************************************************************/
.centered {
    margin-left:auto;
    margin-right:auto;
    float: none;
    text-align: center;
}
/* Use this class if you want ceter element with span* class */
 .center {
    float: none !important;
    margin: 0 auto !important;
    text-align: center;
}

 .right {
    float: right !important;
    margin: 0 auto !important;
    text-align: center;
}
.highlighted-box {
    background:#CACACA;
    padding:20px 30px;
	margin-left:80px;
	position:none;
	float: right;
}
.highlighted-box h1 {
    margin:0px;
}
.large-text {
    line-height:1.2em;
    font-size: 30px;
    color: #646464;
    padding:20px;
    margin-bottom:20px;
}
.highlighted-box h1, .highlighted-box p {
    color: #646464 !important;
}
.circle-border {
    display: inline-block;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    -khtml-border-radius: 500px;
    border: 3px solid #fff;
}
.left-align {
    text-align:left;
}
.right-align {
    text-align:left;
}
.error {
    color: var(--ink-feedback);
    display: none;
}
.invisible {
    display:none;
    visibility:visible;
}
.triangle {
    margin: 0 auto;
    text-align:center;
    width: 0;
    height: 0;
    border-top: 30px solid #646464;
    border-left: 585px outset transparent;
    border-right: 585px outset transparent;
    position: relative;
}



/*
2.1 Animations
**********/
 .zoom-in {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}
.zoom-in:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}
/*
2.2 Buttons - There are buttons on a transparent background, primary and secondary color background.
**********/
 .button,  .button:visited, .button:focus {
    display:inline-block;
    border:1px solid #fff;
    color:#fff;
    background-color:#254287;
    padding:15px 30px;
    font-size:17px;
    line-height:auto;
}
.button:hover, .button:active{
    background-color:#cc0000;
    color:#fff;
}
.button-sp, .button-sp:visited, .button-sp:focus {
    border:none;
    background-color:#CACACA;
    color:#646464;
	border:1px solid #646464;
}
.button-sp:hover, .button-sp:active {
    background-color:#646464;
    color:#CACACA;
}
.button-ps, .button-ps:visited, .button-ps:focus {
    border:none;
    background-color:#646464;
    color:#CACACA;
}
.button-ps:hover, .button-ps:active {
    background-color:#CACACA;
    color:#646464;
}
/*
2.3 Thumbnails - Predefined bootstrap's thumbnail class.
**********/
 .thumbnail {
    width:100%;
    height:100%;
    padding:0;
    overflow: hidden;
    position: relative;
    border:0;
    border-radius:0;
    box-shadow:none;
    text-align:center;
    background: #191a1c;
}
.thumbnail .more {
    display:block;
    z-index:4;
    position:absolute;
    top:-100px;
    left:50%;
    margin:0 auto;
    margin-left:-41px;
    width:80px;
    height:80px;
    font-size:40px;
    color:#fff;
    text-decoration:none;
    line-height: 70px;
    text-align: center;
}
.thumbnail:hover .more {
    top:40%;
    margin-top:-40px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3 s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.thumbnail h3, 
.thumbnail p {
    margin:0;
    padding:0;
    position:relative;
    z-index:4;
}
.thumbnail h3 {
    color: #CACACA;
    margin-top:10px;
    font-size:20px;
}
.thumbnail > p {
    padding-bottom:20px;
}
.thumbnail .mask {
    opacity:0.85;
    filter: alpha(opacity=85);
    top:100%;
    left:0;
    width:100%;
    height:100%;
    background:#646464;
    position:absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2 s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.thumbnail:hover .mask {
    top:0;
}
/*
2.4 Socail icons
************/
 .social {
    list-style: none;
    float: none;
    position:relative;
    margin: 5px auto;
}
.social li {
    display:inline-block;
    line-height: 32px;
    font-family:'Porta';
    font-size: 32px;
    padding:0 5px;
}
.social li a {
    margin:0;
    padding:0;
    width:32px;
    height:32px;
    color: #CACACA;
}
.social li a:hover {
    color:#646464;
}
/*
3. Sections 
***************************************************************************/
.section {
    padding-bottom: 0px;
    background: transparent !important;
}

.footer {
    padding-bottom: 0px;
}

.-bg {
    background-image: url(""); 
	background-position:bottom center;
	background-attachment:inherit;
	background-repeat: no-repeat;
	background-color:transparent;
	z-index:20;
	
}


.ink-caligraph {
    --spin-speed: 140s;
    position: relative;
    z-index: 2;
    margin-top: -10%;
    background: transparent;
}

.ink-caligraph > * {
    position: relative;
    z-index: 1;
}

.ink-caligraph::before {
    content: "";
    position:absolute;
    left: 50%;
    top: 50%;
    width: 1000px;
    height: 1000px;
    background: url("../images/ink-caligraph.svg") no-repeat center center;
    background-size: contain;
    transform: translate(-50%, -50%) rotate(0deg);
    transform-origin: center center;
    animation: inkRotate var(--spin-speed) linear infinite;
    z-index: 2;
    pointer-events: none;
}

@keyframes inkRotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

.-bg-top {
	margin-top:-120px;
	position:relative;
	background-image: url("../images/"); 
	background-position:top center;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-color:transparent;
	z-index:30 !important;
	
}

.padding-top {
    padding-top:360px !important;
	padding-bottom:60px !important;
	
}

/* Hero � logo + typewriter + ink-caligraph idealnie centralnie, na landscape caligraph mo?e by? przyci?ty */
.hero-centered {
    min-height: calc(100vh - 60px);
    min-height: calc(100dvh - 60px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    overflow: visible;
    position: relative;
    background: transparent !important;
}
.hero-centered__wrapper {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}
.hero-centered__unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}
.hero-centered__logo-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 3;
}
.hero-centered__logo-wrap .img-intro {
    padding-top: 0;
    width: 50%;
    max-width: 280px;
    margin: 0 auto;
}

@media (min-width: 1001px) {
    .hero-centered__logo-wrap .img-intro {
        width: 33.33vw;
        max-width: none;
    }
}
.hero-centered__logo-wrap .img-intro img {
    width: 100%;
    height: auto;
}
.hero-centered__logo-wrap h2 {
    margin: 0.5em 0 0;
}
.hero-centered .hero-centered__caligraph {
    position: absolute;
    bottom: calc(22% + 25vh);
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
    z-index: 2;
}

@media (max-width: 767px) {
    .hero-centered__logo-wrap .img-intro {
        width: 65%;
        max-width: 220px;
    }
}

@media (max-width: 480px) {
    .hero-centered__logo-wrap .img-intro {
        width: 75%;
        max-width: 180px;
    }
    .hero-centered .hero-centered__caligraph {
        bottom: calc(18% + 25vh);
    }
}

@media (orientation: landscape) and (max-height: 500px) {
    .hero-centered__logo-wrap .img-intro {
        width: 35%;
        max-width: 160px;
    }
    .hero-centered .hero-centered__caligraph {
        bottom: calc(15% + 25vh);
    }
}

.section .container {
    padding-top:0px;
	
}
.section .title {
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
}
.section .title h1 {
    font-weight:700;
    padding: 0;
	font-size:150px;
	-webkit-text-stroke: 2px #3f361d;
	color:transparent;
}
.section .title > p {
	color:#917d52;
}
.primary-section {
z-index:4 !important;
    background: transparent !important;
}
#idea,
#idea .container,
#idea .testimonial {
    background: transparent !important;
}
.primary-section .triangle {
    border-top: 40px solid #ffffff;
}
.primary-section .title {
    border-bottom: 0px solid #254287;
	margin-left: -20px;
}

.primary-section, .primary-section .title p, .primary-section h3 {
    font-weight:100;
}
.primary-section h1 {
    color:#917d52;
}



.secondary-section {
    background:transparent;
	padding-left: 10px;
}
.secondary-section .title {
    border-bottom: 0px solid #646464;
	padding-left: 10px;
}
.secondary-section h1, .secondary-section .title {
    font-weight:100;
	padding-left: 0px;
}


/* Third section use bacground image */
.third-section {
    padding-bottom: 0px;
    background: transparent;
    
}
.third-section .container {
    padding-top:20px;
    position:relative;
}
.third-section .title {
    border-bottom: 0px solid #A1AAB7;
    color: #CACACA;
}
.sub-section {
    margin-top:30px;
}
.sub-section .title {
    padding:0;
}
/*******
3.1 Services  
***************************************/
.service{
    margin-top:20px;
}
 .service, .service h2 {
    padding-top:15px;
}
.service p {
    padding:0px 50px;
    height:60px;
}
.service img {
    width:150px;
    height:150px;
}
/*
3.2 Portfolio
***************************************/
 .single-project {
    margin-bottom:30px;
    background:#646464;
}
.single-project img {
    width:100%;
}
.project-description {
    padding-right:20px;
}
.project-description p {
    padding-left:0;
}
.project-title {
    margin-top:15px;
    margin-bottom:15px;
    border-bottom:1px solid #CACACA;
}
.project-title h3 {
    float:left;
    margin-top:0;
    padding:0;
    width:80%;
}
.project-title .close {
    color: #CACACA;
    margin-top:10px;
}
.project-info span, .project-title h3 {
    color:#CACACA;
}
.project-info {
    font-weight:100;
    padding:10px 0;
}
.project-info span {
    width: 80px;
    display: inline-block;
}
.project-info div {
    margin-bottom:5px;
}
.close {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
}
#portfolio-grid .mix {
    opacity: 0;
    display: none;
}
/*
3.3 About
******************************************************************/
 .team .thumbnail {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    border: 1px solid #fff;
}
.team .thumbnail:hover .social {
    z-index: 5;
}
.team .thumbnail:hover .social a {
    color:#fff;
}
.team .thumbnail .mask {
    background: #CACACA;
}
.team .thumbnail .mask h2 {
    margin-top:20%;
}
.team .thumbnail .mask, .team .thumbnail .mask h3, .team .thumbnail .mask p, .team .thumbnail:hover h3, .team .thumbnail:hover .social a:hover {
    color:#181A17;
}
.about-text {
    margin-top:30px;
}
.about-text p {
    padding:0;
    font-size:16px;
}
/*********************************************************************
                        SKILLS BAR
*********************************************************************/
 .skills {
    list-style-type: none;
    position: relative;
    margin:0px;
}
.skills li {
    margin-bottom:30px;
    background:#FFF;
    height:40px;
    padding:1px;
}
.skills li h3 {
    position: relative;
    font-size: 15px;
    padding:0;
    margin:0;
    left: 10px;
    z-index: 1;
    color: #646464;
}
.skills li .bar {
    height:40px;
    position:absolute;
    background-color: #CACACA;
}
/*
3.4 Clients
**********************************************************************/
 .client-slider img {
    border:1px solid white;
}
.client-slider img:hover {
    background-color:#CACACA;
}
.client-nav {
    list-style:none;
    margin-top:10px;
}
.client-nav li {
    float:left;
    display:block;
    margin-left:10px;
}
.client-nav li a {
    display:inherit;
    padding:5px;
    background:#CACACA;
    border-radius:3px;
    width:20px;
    height:20px;
}
.client-nav li a:hover {
    background:#646464;
}
.testimonial p {
    background: transparent;
    margin:0;
}



.testimonial .arrow .h5-btn {
	width:100%;
	text-align:right;
    margin-left:20px;
	float:right;
    
}
.testimonial .whopic {
    display:inline-block;
}
.testimonial .whopic img {
    margin-top:10px;
    width:50px;
    height:50px;
    float:left;
}
.testimonial .whopic strong {
    float:left;
    margin-top:10px;
    padding-left:10px;
}
.testimonial .whopic small {
    display:block;
    font-size:12px;
    
}
.testimonial-text{
    display:block;
    font-size:22px;
    text-align:center;
    margin:0 auto;
    margin-top:30px;
    width:70%;
    line-height:1.3em;
}
/*
3.5 Price table
******************************************************************/
 .price-table {
    margin-top: 70px;
    margin-bottom: 20px;
}




.price-column {
    background-color:white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-bottom:20px;
    margin-bottom: 20px;
    text-align:center;
}
.price-column h3 {
    background-color:#646464;
    text-transform:uppercase;
    text-align: center;
    color:#CACACA;
    padding:40px 0px;
    font-size: 36px;
    margin-top:0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.price-column .list{
    list-style:none;
    margin:20px 50px;
}
.price-column .list li{
    font-weight:lighter;
    color:#747C89;
    font-size:20px;
    border-bottom:1px solid #747C89;
    padding:25px 0px;
}
.price-column .list li.price {
    text-align: center;
    font-size:31px;
    background-color:white;
    color:#747C89;
    margin-top:25px;
}
.price-text{
    margin:30px 0 20px;
    font-size:20px;
    color: #646464;
    font-weight:normal;
}
/*
3.6 Newsletter
********************************************************************/
 .newsletter, .newsletter h2 {
    color: #D7DDDE;
}
.newsletter .title h2 {
    text-align:left;
    padding:0;
    margin:0;
}
.newsletter form {
    text-align:right;
}
.newsletter input {
    margin-top:10px;
    padding:15px;
    height: auto;
}
.newsletter button {
    margin: 0 0 0 20px;
}
.newsletter .button-sp:hover, .newsletter .button-sp:active {
    background-color:#FFF;
    color:#646464;
}

/*
3.7 Contact
********************************************************************/
 .contact {
    background: transparent;
}
.contact h1, .contact h2, .contact h3, .contact h4, .contact h5, .contact h6, .contact .section .title > p, .contact .social > li > a {
    color: #ffffff;
}
.contact textarea, .contact input[type="text"], .contact input[type="email"] {
    padding: 10px;
    line-height: 20px;
    height: auto;
}
.contact textarea {
    height: 120px;
}
.contacts, .contact .social {
    color: #fff;
    list-style: none;
    margin-left: 10px;
}
.contacts > li {
    margin-top: 15px;
}
.contacts > li > a {
    color: #fff;
}
.contact-info {
    margin-top:10px;
    margin-bottom:10px;
}
.contact-info p{
     font-weight:normal;
}
.contact-info .icon {
    margin:10px auto;
    font-size:30px;
}
.map-wrapper {
    position:relative;
    height:500px;
}
.map-canvas {
    position:absolute;
    margin-bottom:20px;
    width:100%;
    height:500px;
    color: #29383F;
    position:absolute;
    left:0;
    top:0;
    right:0;
}
.contact .social {
    display: inline-block;
    margin-left:0;
}
.contact .social li {
    line-height: 32px;
    padding:10px 10px;
    font-family:'Porta';
    font-size: 50px;
    transition: margin 0.4s;
    -webkit-transition: margin 0.4s;
}
.contact .social li a {
    color:#fff;
}
.contact .social li a:hover {
    color:#646464;
}
.contact-form {
    background:#fff;
    background: rgba(255, 255, 255, 0.9);
    z-index:110;
    position:relative;
    margin-top:-25px;
    padding:20px;
}
.contact-form h3 {
    color:#838589;
    padding-bottom:20px;
}
.message-btn {
    border:1px solid #747C89;
    color:#747C89;
    background-color:transparent;
    padding:15px 30px;
    font-size:17px;
}
.message-btn:hover {
    background-color:#CACACA;
}
.contact-info {
    text-align:center;
    font-size:22px;
}
.info-mail {
    border:1px solid white;
    width:60%;
    margin:0 auto;
    padding:15px;
    color:#646464;
}
.black {
    color:#646464;
}
/*
3.8 Footer
********************************************************************/
 .footer {
   width: 100%;
            background-color: transparent;
			color:#917d52;
            text-align: right;
            font-weight:100;
            padding: 5px 0;
            font-size: 9px;
            z-index: 1000;
}
.footer > p {
    margin:0;
	
}

.menu-footer > p {
    line-height:20px;
	font-weight:100;
}
.scrollup {
    text-align:center;
    cursor:pointer;
    vertical-align:middle;
    width:45px;
    height:45px;
    border-radius:50px;
    font-size:24px;
    position:fixed;
    bottom:50px;
    right:20px;
	border:2px solid #917d52;
    display:none;
    background: #000;
	color:#917d52;
}
.scrollup > a {
    position:relative;
    top:0px;
    color:#917d52;
}
/*
4 Responsible
********************************************************************/
 @media (min-width: 1200px) {
    .thumbnail .more {
        margin-left:-41px;
        width:80px;
        height:80px;
        border-radius:40px;
        line-height: 80px;
    }
	
	
	

	
}
@media (max-width: 979px) {
    body {
        padding-left:0;
        padding-right:0;
    }
	
	p, h1, h2, h3, h4, h5 {
	justify-content: center;
  align-items: center;
  text-align: center; 
	
}	
	
	h1 {
	font-size:24px;
    font-weight: 100;
	padding-top: 20px;
	
}
	
.section .title h1 {
    font-weight:700;
    padding: 0;
	font-size:100px;
	-webkit-text-stroke: 2px #3f361d;
	color:transparent;
}

.-bg-top {
	margin-top:-150px;
	position:relative;
	background-image: url("../images/"); 
	background-position:top center;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-color:transparent;
	z-index:30 !important;
	
}

.ink-caligraph::before {
	width: 480px;
    height: 480px;
}


	li {
	padding-top:0px;
	}
    .navbar-fixed-top, .navbar-fixed-bottom {
        position: fixed;
    }
    .navbar .nav > li > a {
        line-height: 20px;
        vertical-align: middle;
		padding:30px;
		background-color:#000;
		color:#917d52;
		font-size:20px;
		border-top: 1px solid #917d52;
    }
	.navbar .nav > li:hover> a, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    border: 0px solid #917d52;
    color: #fff;
    background-color:#917d52;
    transition: border-color 1s ease;
	z-index:999999 !important;
	border-top: 1px solid #fff;
}
    .container {
        padding-left:30px;
        padding-right:30px;
    }
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-left: 0px;
        margin-right: 0px;
    }
    .nav-collapse {
        clear: both;
		background-color: rgba(255, 255, 255, 0.15);
		
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px;
    }
    .nav-collapse .nav > li {
        float: none;
    }
    .nav-collapse, .nav-collapse.collapse {
        width: 100%;
        display: inherit;
    }
    .thumbnail .more {
        margin-left:-21px;
        width:40px;
        height:40px;
        border-radius:30px;
        line-height: 40px;
    }
    .thumbnail:hover .more {
        margin-top:-20px;
    }
    .newsletter form {
        text-align:center;
    }
}

@media (max-width: 767px) {
	 .bg-logo {
    background-position: top center;
	background-attachment: none;
	background-repeat: no-repeat;
	background-color:#000;
	
}

.ink-caligraph {
    --spin-speed: 140s;
    position: relative;
    z-index: 2;
    margin-top: -30%;
    background: transparent;
}

	.ink-caligraph::before {
	width: 600px;
    height: 600px;
}


.container {
        padding-left:20px;
        padding-right:20px;
    }
	
		.h2-card {
	text-align: center !important;
	font-size:1.2em;
	vertical-align:middle;
	
}	
	
	.slider-text {
    font-size:16px;
	padding-top: 10px;
	font-weight: 100;
    text-align: center;
	line-height:30px;
}

    .info-mail {
        width:90%;
        padding:15px 0px;
    }
    .project-description {
        padding-left:228px;
    }
    .price-column, .testimonial {
        margin-top:0px;
    }
	

}

@media (max-width: 480px) {
	
.container {
        padding-left:10px;
        padding-right:10px;
    }
	
		.ink-caligraph::before {
	width: 400px;
    height: 400px;
}
	
	h1 {
	font-size:14px;
    font-weight: 100;
	padding-top: 20px;
	
}	
	
	.slider-text {
    font-size:16px;
	padding-top: 10px;
	font-weight: 100;
    text-align: center;
	line-height:30px;
}

    .info-mail {
        width:90%;
        padding:15px 0px;
    }
    .project-description {
        padding-left:20px;
    }
    .price-column, .testimonial {
        margin-top:0px;
    }
}






/*
STATS
********************************************************************/




.stats-luxury {
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:30px; /* odstep miedzy licznikami */
}

.stats-luxury .span6{
    width:auto;
    float:none;
}

.stats-luxury__item {
    padding: 30px 20px;
}

.stats-luxury__inner {
    position: relative;
    display: inline-block;
    min-width: 220px;
}

.stats-luxury__label {
    margin: 0 0 18px;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.42em;
    text-transform: uppercase;
    color: #917d52;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.9s ease, transform 0.9s ease;
}

.stats-luxury__number {
    margin: 0;
    font-family: "Oswald";
    font-size: clamp(30px, 9vw, 110px);
    line-height: 0.1;
    font-weight: 100;
    letter-spacing: -0.04em;
    color: #917d52;
    text-shadow: 0 0 24px rgba(255,255,255,0.04);
    opacity: 0;
    transform: translateY(34px);
    filter: blur(10px);
    transition:
        opacity 1.2s ease,
        transform 1.2s cubic-bezier(0.19, 1, 0.22, 1),
        filter 1.2s ease;
    will-change: transform, opacity, filter;
}

.stats-luxury__line {
    display: block;
    width: 0;
    height: 1px;
    margin: 80px auto 0;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(145,125,82,0.95) 50%,
        rgba(255,255,255,0) 100%
    );
    opacity: 0;
    transition: width 1.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s ease;
}

/* stan aktywny po scrollu */
.stats-luxury.is-visible .stats-luxury__label {
    opacity: 1;
    transform: translateY(0);
}

.stats-luxury.is-visible .stats-luxury__number {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

.stats-luxury.is-visible .stats-luxury__line {
    width: 140px;
    opacity: 1;
}

/* opcjonalnie ciemne tlo sekcji */
.primary-section .stats-luxury,
.testimonial .stats-luxury {
    color: #f5f1e8;
}

@media (max-width: 767px) {
    .stats-luxury {
        margin: 40px 0 30px;
    }

    .stats-luxury__item {
        padding: 20px 0;
    }

    .stats-luxury__inner {
        min-width: auto;
    }

    .stats-luxury__line {
        margin-top: 18px;
    }

    .stats-luxury.is-visible .stats-luxury__line {
        width: 90px;
    }
}



/*
SOCIAL ICONS
********************************************************************/


.social-icons--premium{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:28px;
    padding:10px 0;
}

.social-icons--premium a{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:50px;
    height:50px;
    text-decoration:none;
    border:0px solid rgba(145,125,82,0.28);
    border-radius:50%;
    background:rgba(255,255,255,0.02);
    transition:
        transform 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease,
        background 0.28s ease;
}

.social-icons--premium img{
    height:30px;
    width:auto;
    display:block;
    opacity:0.82;
    filter:
        brightness(0)
        saturate(100%)
        invert(83%)
        sepia(26%)
        saturate(498%)
        hue-rotate(8deg)
        brightness(91%)
        contrast(89%);
    transition:
        opacity 0.28s ease,
        transform 0.28s ease,
        filter 0.28s ease;
}

.social-icons--premium a:hover{
    transform:translateY(-2px);
    border-color:rgba(145,125,82,0.62);
    background:rgba(145,125,82,0.05);
    box-shadow:
        0 0 0 1px rgba(145,125,82,0.12) inset,
        0 0 18px rgba(145,125,82,0.12);
}

.social-icons--premium a:hover img{
    opacity:1;
    transform:scale(1.04);
    filter:
        brightness(0)
        saturate(100%)
        invert(85%)
        sepia(34%)
        saturate(620%)
        hue-rotate(4deg)
        brightness(96%)
        contrast(94%);
}

.social-icons--premium a:focus{
    outline:none;
}

.social-icons--premium a:focus-visible{
    border-color:rgba(145,125,82,0.8);
    box-shadow:
        0 0 0 2px rgba(145,125,82,0.18),
        0 0 18px rgba(145,125,82,0.16);
}

@media (max-width:768px){
    .social-icons--premium{
        gap:18px;
    }

    .social-icons--premium a{
        width:38px;
        height:38px;
    }

    .social-icons--premium img{
        height:18px;
    }
}


/*
IMG WAVE
********************************************************************/

/* panoramiczny kontener */
.ink-pan-stage{
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    overflow: hidden;
    line-height: 0;
}

/* obraz szerszy od okna o 600px */
.ink-pan-stage img{
    display: block;
    width: calc(100vw + 100px);
    max-width: none;
    height: auto;
    transform: translateX(-50px);
    will-change: transform;
    animation: inkPanorama 4s ease-in-out infinite alternate;
}

/* plynny ruch panoramiczny */
@keyframes inkPanorama{
    0%{
        transform: translateX(-50px);
    }
    100%{
        transform: translateX(0);
    }
}

/*
BOTTOM INKSIGNUM
********************************************************************/




.inksignum-btn{
    background:#000;
    color:#c6a25a;
    border:1px solid #c6a25a;
    border-radius:24px;
    padding:14px 40px;
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    
    transition:
        opacity .9s ease,
        transform 1s cubic-bezier(.2,.8,.2,1),
        filter .9s ease,
        background .35s ease,
        color .35s ease,
        box-shadow .35s ease;
}

.inksignum-btn.is-visible{
    opacity:1;
    transform:translateY(0) scale(1) rotate(0);
    filter:blur(0);
}

.inksignum-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-140%;
    width:120%;
    height:100%;
    background:linear-gradient(
        115deg,
        transparent 0%,
        rgba(198,162,90,.10) 35%,
        rgba(198,162,90,.35) 50%,
        rgba(198,162,90,.10) 65%,
        transparent 100%
    );
    transition:left .8s ease;
}

.inksignum-btn:hover{
    background:#c6a25a;
    color:#000;
    box-shadow:
        0 0 12px rgba(198,162,90,.45),
        0 0 28px rgba(198,162,90,.22);
    transform:translateY(0) scale(1.04);
}

.inksignum-btn:hover::before{
    left:140%;
}




.ink-btn{
    background:#000;
    color:#c6a25a;
    border:1px solid #c6a25a;
    border-radius:24px;
    padding:14px 40px;
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    
    transition:
        opacity .9s ease,
        transform 1s cubic-bezier(.2,.8,.2,1),
        filter .9s ease,
        background .35s ease,
        color .35s ease,
        box-shadow .35s ease;
}

.ink-btn.is-visible{
    opacity:1;
    transform:translateY(0) scale(1) rotate(0);
    filter:blur(0);
}

.ink-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-140%;
    width:120%;
    height:100%;
    background:linear-gradient(
        115deg,
        transparent 0%,
        rgba(198,162,90,.10) 35%,
        rgba(198,162,90,.35) 50%,
        rgba(198,162,90,.10) 65%,
        transparent 100%
    );
    transition:left .8s ease;
}

.ink-btn:hover{
    background:#c6a25a;
    color:#000;
    box-shadow:
        0 0 12px rgba(198,162,90,.45),
        0 0 28px rgba(198,162,90,.22);
    transform:translateY(0) scale(1.04);
}

.ink-btn:hover::before{
    left:140%;
}



/*
HOOK INKSIGNUM
********************************************************************/


.inksignum-hook{
    color:#c6a25a;
    text-align:center;
    font-weight:300;
    font-size:clamp(20px, 2.2vw, 32px);
    line-height:1.45;
    letter-spacing:0.4px;
    max-width:900px;
    margin:0 auto 32px auto;
    padding:0 20px;

    opacity:0;
    transform:translateY(32px) scale(0.98);
    filter:blur(4px);

    transition:
        opacity 1s ease,
        transform 1.1s cubic-bezier(.2,.8,.2,1),
        filter 1s ease,
        text-shadow 1s ease;
}

.inksignum-hook.is-visible{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
    animation: inkHookGlow 5.5s ease-in-out infinite;
}

@keyframes inkHookGlow{
    0%{
        text-shadow:
            0 0 0 rgba(198,162,90,0),
            0 0 0 rgba(198,162,90,0);
    }
    50%{
        text-shadow:
            0 0 10px rgba(198,162,90,.18),
            0 0 24px rgba(198,162,90,.10);
    }
    100%{
        text-shadow:
            0 0 0 rgba(198,162,90,0),
            0 0 0 rgba(198,162,90,0);
    }
}


/*
FORM SEND
********************************************************************/
/* Style globalne */


.inksignum-modal {
  position: relative; /* Zmiana z fixed na absolute */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Wycentrowanie na ekranie */
  width: 100%;
  max-width: 800px;
  height: 100%;
  
  
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inksignum-modal[aria-hidden="false"] {
  display: flex;
}

.inksignum-modal__overlay {
  position: absolute;
  background: rgba(0,0,0,0.72);
  backdrop-filter: blur(5px);
}

.inksignum-modal__dialog {
  position: relative;
  width: 100%;
  max-width: 420px;
  margin: auto;
}

.inksignum-modal__content {
  background: #0d0d0d;
  color: #e5e5e5;
  border-radius: 12px;
  padding: 2.4rem 1.8rem;
  border: 1px solid #2a2a2a;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.75);
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.inksignum-modal__close {
  position: absolute;
  top: 1rem;
  right: 1.2rem;
  background: none;
  border: none;
  color: #888;
  font-size: 2.4rem;
  line-height: 1;
  cursor: pointer;
  transition: color 0.2s;
}

.inksignum-modal__close:hover {
  color: #d4af37;
}

.inksignum-modal h2 {
  margin: 0 0 2rem;
  color: #d4af37;
  font-size: 1.75rem;
  text-align: center;
}

.inksignum-form {
  display: grid;
  gap: 1.4rem;
}

.form-field label {
  display: block;
  margin-bottom: 0.45rem;
  color: #bbb;
  font-size: 0.94rem;
}

.form-field input {
  width: 80%;
  padding: 0.85rem 1rem;
  background: #161616;
  border:1px solid #c6a25a;
  border-radius: 6px;
  color: white;
  font-size: 1rem;
}

.ink-input {
  width: 50%;
  padding: 0.85rem 1rem;
  background: #161616;
  border: 0px solid #3a3a3a;
  border-radius: 6px;
  color: white;
  font-size: 1rem;
}

.form-field input:focus {
  outline: none;
  border-color: #d4af37;
  box-shadow: 0 0 0 3px rgba(145,125,82,0.15);
}

/* Instagram */
.input-group {
  position: relative;
}

.input-group .prefix {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #777;
  pointer-events: none;
  font-size: 0.94rem;
}

.input-group input {
  padding-left: 9.4rem;
}

/* Checkboxy */
.checkbox-group {
  margin: 1.6rem 0 0.8rem;
}

.checkbox-group legend {
  color: #bbb;
  font-size: 0.94rem;
  margin-bottom: 0.7rem;
}

.checkbox-group label {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0.45rem 0;
  color: #ccc;
  font-size: 0.94rem;
  cursor: pointer;
}

.checkbox-group input[type="checkbox"] {
  accent-color: #d4af37;
  border:1px solid #c6a25a;
  background: #161616;
  width: 1.1rem;
  height: 1.1rem;
}

/* Zgoda */
.consent label {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  color: #ccc;
  font-size: 0.92rem;
  line-height: 1.45;
  cursor: pointer;
}

/* Przycisk */
.inksignum-btn--primary {
  width: 100%;
  padding: 1rem;
  background: #d4af37;
  color: #111;
  border: none;
  border-radius: 6px;
  font-weight: 700;
  font-size: 1.05rem;
  cursor: pointer;
  transition: all 0.22s;
}

.inksignum-btn--primary:hover {
  background: #e6c15a;
  transform: translateY(-1px);
}

/* Komunikat */
.form-message {
  margin-top: 1rem;
  padding: 0.8rem;
  border-radius: 6px;
  text-align: center;
  font-size: 0.95rem;
}

.form-message.success,
.form-message.error {
  background: rgba(118, 168, 112, 0.12);
  color: var(--ink-feedback);
  border: 1px solid rgba(118, 168, 112, 0.28);
  box-shadow: 0 0 20px rgba(118, 168, 112, 0.12);
}

/* Responsywnosc */
@media (max-width: 480px) {
  .inksignum-modal__content {
    padding: 1.8rem 1.2rem;
  }
  .input-group input {
    padding-left: 8.2rem;
  }
}



/*
LOGIN ICON + LOGIN MODAL
********************************************************************/

.mobile-nav-actions {
    display: none;
}

.nav-account-item {
    display: flex;
    align-items: center;
}

.nav-account-link,
.mobile-account-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #917d52;
    transition: transform 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.nav-account-link {
    width: 44px;
    height: 44px;
    margin-left: 6px;
}

.nav-account-icon-img {
    display: block;
    width: 24px;
    height: 21px;
    filter: brightness(0) saturate(100%) invert(57%) sepia(32%) saturate(550%) hue-rotate(5deg);
}

.nav-account-link:hover .nav-account-icon-img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%);
}

.nav-login-mobile {
    display: none;
}

.mobile-account-link {
    width: 44px;
    height: 44px;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 28px;
}

.nav-account-icon {
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    color: #fff;
}

.nav-account-link:hover,
.mobile-account-link:hover {
    color: #fff;
    transform: translateY(-1px);
}

.nav-account-link:hover .nav-account-icon,
.mobile-account-link:hover .nav-account-icon {
    color: #fff;
}

/* Login modal u?ywa inkx-modal (te same klasy co contact) */

#loginModal .inkx-modal__title {
  color: var(--ink-form-text-gold);
}

.ink-login-form__group {
    margin-bottom: 16px;
}

.ink-login-form__label {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--ink-form-text-gold);
}

.ink-login-form input[type="text"],
.ink-login-form input[type="email"],
.ink-login-form input[type="password"] {
    display: block;
    width: 100%;
    padding: 14px;
    box-sizing: border-box;
    background: #2b2b2b;
    border: 1px solid rgba(145, 125, 82, 0.5);
    color: #a0a0a0;
    font-size: 15px;
    line-height: 1.45;
    outline: none;
    border-radius: 0;
}

.ink-login-form input::placeholder {
    color: var(--ink-form-placeholder-gold);
}

.ink-login-form input:focus {
    border-color: rgba(145, 125, 82, 0.75);
    box-shadow: 0 0 0 1px rgba(145, 125, 82, 0.35);
}

.ink-login-form__links {
    margin: 8px 0 20px;
    text-align: right;
}

.ink-login-form__forgot {
    color: var(--ink-form-text-gold);
    font-size: 13px;
    text-decoration: none;
}

.ink-login-form__forgot:hover {
    color: #f0e6d4;
}

.ink-login-form__forgot-back {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font: inherit;
    color: var(--ink-form-text-gold);
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.ink-login-form__forgot-back:hover {
    color: #f0e6d4;
}

.ink-login-form__view-forgot {
    width: 100%;
}

.ink-login-form__actions {
    text-align: center;
}

.ink-login-form__submit {
    min-width: 220px;
}

.ink-login-form__message {
    margin: 16px 0 0;
    min-height: 18px;
    text-align: center;
    font-size: 13px;
    color: rgba(243, 240, 234, 0.75);
}

.ink-login-form__message.is-success {
    color: var(--ink-feedback);
}

.ink-login-form__message.is-error {
    color: #e8b4b4;
}

.ink-login-form__field-error {
    margin: 8px 0 0;
    min-height: 16px;
    font-size: 12px;
    line-height: 1.35;
    color: var(--ink-feedback);
}

.ink-login-form input.is-invalid {
    border-color: var(--ink-feedback-border);
    box-shadow: var(--ink-feedback-glow);
}

.ink-login-form input.is-invalid:focus {
    border-color: var(--ink-feedback-border);
    box-shadow: var(--ink-feedback-glow-focus);
}

.ink-login-form input.is-valid {
    border-color: var(--ink-feedback-border);
    box-shadow: var(--ink-feedback-glow-subtle);
}

.ink-login-form input.is-valid:focus {
    border-color: var(--ink-feedback-border);
    box-shadow: var(--ink-feedback-glow-focus);
}

.ink-login-form input:user-invalid {
    border-color: var(--ink-feedback-border);
    box-shadow: var(--ink-feedback-glow);
}

.ink-login-form input:focus:user-invalid {
    border-color: var(--ink-feedback-border);
    box-shadow: var(--ink-feedback-glow-focus);
}

.ink-login-form input:focus:invalid {
    color: #a0a0a0;
    border-color: var(--ink-feedback-border);
    -webkit-box-shadow: var(--ink-feedback-glow-focus);
    box-shadow: var(--ink-feedback-glow-focus);
}

@media (max-width: 979px) {
    .nav-account-item {
        display: none;
    }

    .nav-login-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 44px;
        height: 44px;
        padding: 10px;
        box-sizing: border-box;
        margin-left: 4px;
        text-decoration: none;
    }

    .nav-login-mobile__icon {
        display: block;
        width: 21px;
        height: 18px;
        filter: brightness(0) saturate(100%) invert(57%) sepia(32%) saturate(550%) hue-rotate(5deg);
    }

    .nav-login-mobile:hover .nav-login-mobile__icon {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%);
    }

    .mobile-nav-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        float: right;
    }

    .btn.btn-navbar {
        margin-left: auto;
    }
}

@media (max-width: 600px) {
    .ink-login-form__submit {
        width: 100%;
        min-width: 0;
    }
}