@font-face {
	font-family: "NoirPro";
	src: url("../../ace/fonts/NoirPro-Regular.woff2") format("woff2"),
		 url("../../ace/fonts/NoirPro-Regular.woff") format("woff");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "NoirPro";
	src: url("../../ace/fonts/NoirPro-Medium.woff2") format("woff2"),
		 url("../../ace/fonts/NoirPro-Medium.woff") format("woff");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "NoirPro";
	src: url("../../ace/fonts/NoirPro-SemiBold.woff2") format("woff2"),
		 url("../../ace/fonts/NoirPro-SemiBold.woff") format("woff");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: "NoirPro";
	src: url("../../ace/fonts/NoirPro-Bold.woff2") format("woff2"),
		 url("../../ace/fonts/NoirPro-Bold.woff") format("woff");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

body.dais-public-heritage {
	--dais-emerald-950: #043B22;
	--dais-emerald-800: #0D6530;
	--dais-emerald-700: #0D7D3A;
	--dais-emerald-500: #0D9544;
	--dais-gold-600: #E0A900;
	--dais-gold-500: #FFCA08;
	--dais-gold-300: #FFE27A;
	--dais-ivory: #FCFAF2;
	--dais-parchment: #F2EBDC;
	--dais-ink: #1D2923;
	--dais-muted: #617068;
	--dais-border: #A6B1AA;
	--dais-danger: #A33A2C;
	background: var(--dais-ivory);
	color: var(--dais-ink);
	font-family: "NoirPro", Arial, sans-serif;
	font-weight: 400;
}

body.dais-public-heritage #page-wrapper {
	background: var(--dais-ivory);
}

body.dais-public-heritage h1,
body.dais-public-heritage h2,
body.dais-public-heritage h3,
body.dais-public-heritage .dais-section-title,
body.dais-public-heritage .dais-stats-heading h2,
body.dais-public-heritage .dais-feature-title,
body.dais-public-heritage .uk-form-title {
	font-family: Georgia, "Times New Roman", serif;
}

body.dais-public-heritage ::selection {
	background: var(--dais-gold-500);
	color: var(--dais-ink);
}

/* Shared civic header. Geometry remains owned by the existing Twenty theme. */
body.dais-public-heritage #header {
	background: rgba(252, 250, 242, .98);
	box-shadow: inset 0 -1px 0 rgba(255, 202, 8, .72), 0 10px 28px rgba(4, 59, 34, .12);
	color: var(--dais-emerald-950);
}

body.dais-public-heritage #header.alt {
	background: linear-gradient(100deg, rgba(13, 149, 68, .96) 0%, rgba(13, 125, 58, .95) 52%, rgba(13, 101, 48, .97) 100%);
	box-shadow: inset 0 -1px 0 rgba(255, 202, 8, .58);
	color: var(--dais-ivory);
	backdrop-filter: blur(8px);
}

body.dais-public-heritage #header h1,
body.dais-public-heritage #header h1 a {
	color: var(--dais-emerald-950);
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 600;
	letter-spacing: .02em;
}

body.dais-public-heritage #header.alt h1,
body.dais-public-heritage #header.alt h1 a {
	color: var(--dais-ivory);
}

body.dais-public-heritage #logo-image {
	filter: drop-shadow(0 1px 3px rgba(4, 59, 34, .25));
}

body.dais-public-heritage #header h1 #logo-image {
	height: 64px !important;
}

body.dais-public-heritage #header nav ul li a {
	color: var(--dais-emerald-950);
	font-weight: 600;
	letter-spacing: .08em;
}

body.dais-public-heritage #header.alt nav ul li a {
	color: var(--dais-ivory);
}

body.dais-public-heritage #header nav ul li.active > a,
body.dais-public-heritage #header nav ul li:hover > a {
	background: rgba(255, 202, 8, .14);
	border-color: rgba(255, 202, 8, .72);
}

body.dais-public-heritage #header nav ul li.current > a {
	background: var(--dais-gold-500);
	border-color: var(--dais-gold-600);
	box-shadow: none;
	color: var(--dais-ink);
}

body.dais-public-heritage #header.alt nav ul li.current > a {
	color: var(--dais-ink);
}

body.dais-public-heritage #header nav ul li .button.primary {
	background: var(--dais-gold-500);
	border-color: var(--dais-gold-600);
	border-radius: 3px;
	color: var(--dais-ink) !important;
}

body.dais-public-heritage #header.alt nav ul li .button.primary {
	background: var(--dais-gold-500);
	border-color: var(--dais-gold-600);
	color: var(--dais-ink) !important;
}

body.dais-public-heritage #header nav ul li .button.primary:hover {
	background: var(--dais-gold-300) !important;
	border-color: var(--dais-gold-500) !important;
	color: var(--dais-ink) !important;
}

body.dais-public-heritage #header nav ul li .button.primary:active {
	background: var(--dais-gold-600) !important;
}

/* Homepage hero: keep the CMS carousel and existing dimensions. */
body.dais-public-heritage #banner.dais-hero {
	background-color: var(--dais-emerald-800);
	background-image: none;
}

body.dais-public-heritage #banner.dais-hero .dais-overlay {
	background-color: transparent;
	background-image: linear-gradient(100deg, rgba(13, 149, 68, .42) 0%, rgba(13, 125, 58, .50) 52%, rgba(13, 101, 48, .62) 100%);
}

body.dais-public-heritage #uk-hero .uk-overlay {
	background-color: transparent;
	background-image: linear-gradient(100deg, rgba(13, 149, 68, .56) 0%, rgba(13, 125, 58, .64) 52%, rgba(13, 101, 48, .74) 100%);
}

body.dais-public-heritage #banner.dais-hero .dais-overlay::after {
	content: none;
}

body.dais-public-heritage #banner.dais-hero .inner {
	background: rgba(4, 59, 34, .70);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px rgba(255, 202, 8, .46), 0 24px 60px rgba(0, 0, 0, .26);
}

body.dais-public-heritage #banner.dais-hero .pill {
	background: rgba(4, 59, 34, .62);
	border-color: rgba(255, 202, 8, .76);
	border-radius: 3px;
	color: var(--dais-ivory);
	backdrop-filter: none;
}

body.dais-public-heritage #banner.dais-hero .pill .dot {
	background: var(--dais-gold-500);
	box-shadow: 0 0 0 4px rgba(255, 202, 8, .20);
}

body.dais-public-heritage #banner.dais-hero h2,
body.dais-public-heritage #uk-hero h2 {
	color: var(--dais-gold-300);
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 600;
	text-shadow: 0 4px 20px rgba(0, 0, 0, .3);
}

body.dais-public-heritage #banner.dais-hero .subtitle,
body.dais-public-heritage #banner.dais-hero .lead,
body.dais-public-heritage #uk-hero .uk-sub {
	color: rgba(252, 250, 242, .92);
}

body.dais-public-heritage #banner.dais-hero .buttons a.btn-primary-dais,
body.dais-public-heritage .dais-cta .btn-cta {
	background: var(--dais-gold-500);
	border-radius: 4px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
	color: var(--dais-ink);
}

body.dais-public-heritage #banner.dais-hero .buttons a.btn-primary-dais:hover,
body.dais-public-heritage .dais-cta .btn-cta:hover {
	background: var(--dais-gold-300);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
	color: var(--dais-ink);
}

body.dais-public-heritage #banner.dais-hero .buttons a.btn-primary-dais:active,
body.dais-public-heritage .dais-cta .btn-cta:active {
	background: var(--dais-gold-600);
}

body.dais-public-heritage #banner.dais-hero .buttons a.btn-ghost {
	background: rgba(4, 59, 34, .52);
	border-color: rgba(255, 226, 122, .84);
	border-radius: 4px;
	color: var(--dais-ivory);
	backdrop-filter: none;
}

body.dais-public-heritage #banner.dais-hero .buttons a.btn-ghost:hover {
	background: rgba(255, 202, 8, .18);
	border-color: var(--dais-gold-300);
	color: #ffffff;
}

body.dais-public-heritage #banner.dais-hero .scroll-cue,
body.dais-public-heritage #uk-hero .uk-icon {
	color: var(--dais-gold-300);
}

/* Statistics and editorial content surfaces. */
body.dais-public-heritage .dais-stats {
	background: var(--dais-ivory);
	border-radius: 4px;
	box-shadow: inset 0 3px 0 var(--dais-gold-500), 0 22px 55px rgba(4, 59, 34, .14);
}

body.dais-public-heritage .dais-stats-heading h2,
body.dais-public-heritage .dais-section-title,
body.dais-public-heritage .dais-feature-title,
body.dais-public-heritage .uk-form-title {
	color: var(--dais-emerald-800);
	font-weight: 600;
}

body.dais-public-heritage .dais-stats-heading p,
body.dais-public-heritage .dais-stat-item .label,
body.dais-public-heritage .dais-section-subtitle,
body.dais-public-heritage .dais-feature-desc,
body.dais-public-heritage .uk-form-hint {
	color: var(--dais-muted);
}

body.dais-public-heritage .dais-stat-item .num {
	color: var(--dais-emerald-700);
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 600;
}

body.dais-public-heritage .dais-stat-item .kode {
	color: var(--dais-emerald-800);
	opacity: 1 !important;
}

body.dais-public-heritage .dais-stat-item + .dais-stat-item {
	border-left-color: rgba(255, 202, 8, .38);
}

body.dais-public-heritage #tentang.dais-about,
body.dais-public-heritage .uk-form-wrap {
	background: var(--dais-parchment);
}

body.dais-public-heritage #tentang.dais-about .content {
	color: var(--dais-ink);
}

body.dais-public-heritage #tentang.dais-about .content h3 {
	color: var(--dais-emerald-800);
}

body.dais-public-heritage .dais-section:not(.dais-about) {
	background: var(--dais-ivory);
}

body.dais-public-heritage .dais-feature-card {
	background: #FFFEFA;
	border-color: rgba(255, 202, 8, .44);
	border-radius: 4px;
	box-shadow: 0 10px 28px rgba(4, 59, 34, .06);
}

body.dais-public-heritage .dais-feature-card:hover {
	border-color: var(--dais-gold-500);
	box-shadow: 0 15px 34px rgba(4, 59, 34, .14);
}

body.dais-public-heritage .dais-feature-icon {
	color: var(--dais-gold-500);
}

body.dais-public-heritage .dais-cta {
	background-color: var(--dais-emerald-800);
	background-image: linear-gradient(100deg, var(--dais-emerald-500) 0%, var(--dais-emerald-700) 52%, var(--dais-emerald-800) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 202, 8, .58);
}

body.dais-public-heritage .dais-cta h3 {
	color: var(--dais-gold-300);
	font-weight: 600;
}

body.dais-public-heritage .dais-cta p {
	color: rgba(252, 250, 242, .92);
}

/* Usulan Kalurahan keeps its original hero and two-column form geometry. */
body.dais-public-heritage #uk-hero .uk-icon {
	text-shadow: 0 3px 16px rgba(0, 0, 0, .28);
}

body.dais-public-heritage .uk-form-card {
	background: var(--dais-ivory);
	border-radius: 4px;
	box-shadow: inset 0 3px 0 var(--dais-gold-500), 0 22px 55px rgba(4, 59, 34, .14);
}

body.dais-public-heritage .uk-field label {
	color: var(--dais-ink);
	font-weight: 600;
}

body.dais-public-heritage .uk-field label .req {
	color: var(--dais-danger);
}

body.dais-public-heritage .uk-field input[type="text"],
body.dais-public-heritage .uk-field input[type="email"],
body.dais-public-heritage .uk-field textarea,
body.dais-public-heritage .uk-field select {
	background: #FFFEFA;
	border-color: var(--dais-border);
	border-radius: 4px;
	color: var(--dais-ink);
}

body.dais-public-heritage .uk-field input::placeholder,
body.dais-public-heritage .uk-field textarea::placeholder {
	color: var(--dais-muted);
	opacity: 1;
}

body.dais-public-heritage .uk-field input:focus,
body.dais-public-heritage .uk-field textarea:focus,
body.dais-public-heritage .uk-field select:focus {
	background: #ffffff;
	border-color: var(--dais-emerald-700);
	box-shadow: 0 0 0 3px rgba(13, 125, 58, .20);
}

body.dais-public-heritage .uk-btn {
	border-radius: 4px;
	box-sizing: border-box;
	width: auto;
	max-width: none;
	min-width: 0;
	line-height: 1.25;
	letter-spacing: 0;
	text-transform: none;
}

body.dais-public-heritage .uk-btn-primary {
	background: var(--dais-gold-500);
	color: var(--dais-ink) !important;
}

body.dais-public-heritage .uk-btn-primary:hover {
	background: var(--dais-gold-300);
	box-shadow: 0 9px 20px rgba(224, 169, 0, .24);
	color: var(--dais-ink);
}

body.dais-public-heritage .uk-btn-primary:active {
	background: var(--dais-gold-600);
}

body.dais-public-heritage .uk-btn-ghost {
	background: var(--dais-parchment);
	box-shadow: inset 0 0 0 1px rgba(255, 202, 8, .44);
	color: var(--dais-emerald-800);
}

body.dais-public-heritage .uk-btn-ghost:hover {
	background: #E8DFC8;
	color: var(--dais-emerald-950);
}

body.dais-public-heritage .uk-help-strip {
	background: var(--dais-parchment);
	border-left-color: var(--dais-gold-500);
	border-radius: 3px;
	color: var(--dais-emerald-800);
}

/* Mobile navigation generated by Twenty's existing main.js. */
body.dais-public-heritage #navButton .toggle::before {
	color: var(--dais-gold-500);
	opacity: 1;
}

body.dais-public-heritage #navButton .toggle::after {
	background: rgba(4, 59, 34, .96);
	box-shadow: inset 0 0 0 1px rgba(255, 202, 8, .72);
}

body.dais-public-heritage #navPanel {
	background: var(--dais-emerald-950);
	box-shadow: inset -1px 0 0 rgba(255, 202, 8, .58);
	color: var(--dais-ivory);
}

body.dais-public-heritage #navPanel .link {
	border-top-color: rgba(255, 202, 8, .22);
	color: var(--dais-ivory);
}

/* The original desktop header remains active down to 841px. Compact only its
   inline gaps at intermediate widths so the unchanged links never collide. */
@media (min-width: 841px) and (max-width: 1100px) {
	body.dais-public-heritage #header nav ul li {
		margin-left: .4em;
	}

	body.dais-public-heritage #header nav ul li a {
		padding-right: .5em;
		padding-left: .5em;
	}
}

@media (min-width: 841px) and (max-width: 940px) {
	body.dais-public-heritage #header {
		padding-right: 1em !important;
		padding-left: 1em !important;
	}

	body.dais-public-heritage #header h1,
	body.dais-public-heritage #header h1 a {
		gap: 8px;
		font-size: 1em !important;
	}

	body.dais-public-heritage #header h1 #logo-image {
		height: 60px !important;
	}

	body.dais-public-heritage #header nav,
	body.dais-public-heritage #header.alt nav {
		right: 1em;
	}

	body.dais-public-heritage #header nav ul li {
		margin-left: .15em;
	}

	body.dais-public-heritage #header nav ul li a {
		padding-right: .4em;
		padding-left: .4em;
		font-size: .78em !important;
	}
}

@media (max-width: 840px) {
	body.dais-public-heritage #header {
		box-sizing: border-box;
		display: block;
		min-height: 64px;
		padding: .5em 1em !important;
		padding-left: 78px !important;
		position: fixed;
	}

	body.dais-public-heritage #header h1#logo {
		line-height: 1;
		margin: 0;
		white-space: nowrap;
	}

	body.dais-public-heritage #header h1#logo a {
		align-items: center;
		display: inline-flex;
		font-size: 1em !important;
		gap: 10px;
		line-height: 1;
		max-width: 100%;
	}

	body.dais-public-heritage #header h1 #logo-image {
		flex: 0 0 auto;
		height: 48px !important;
		margin: 0 !important;
		width: auto !important;
	}

	body.dais-public-heritage #header h1 span {
		display: none !important;
	}

	body.dais-public-heritage #header #nav {
		display: none !important;
	}

	body.dais-public-heritage #navButton,
	body.dais-public-heritage #navButton .toggle {
		pointer-events: auto;
		width: 70px;
	}
}

@media (max-width: 736px) {
	body.dais-public-heritage #banner.dais-hero .inner br {
		display: block;
	}

	body.dais-public-heritage #uk-hero .uk-sub {
		text-align: center;
	}

	body.dais-public-heritage .uk-actions .uk-btn {
		width: 100%;
		max-width: none;
	}
}

/* Keyboard access is visible on every public interactive control. */
body.dais-public-heritage a:focus-visible,
body.dais-public-heritage button:focus-visible,
body.dais-public-heritage input:focus-visible,
body.dais-public-heritage select:focus-visible,
body.dais-public-heritage textarea:focus-visible {
	outline: 3px solid var(--dais-emerald-700);
	outline-offset: 3px;
}

body.dais-public-heritage #header.alt a:focus-visible,
body.dais-public-heritage #banner a:focus-visible,
body.dais-public-heritage .dais-cta a:focus-visible,
body.dais-public-heritage #navButton .toggle:focus-visible,
body.dais-public-heritage #navPanel a:focus-visible {
	outline-color: var(--dais-gold-300);
}

@media (prefers-reduced-motion: reduce) {
	body.dais-public-heritage *,
	body.dais-public-heritage *::before,
	body.dais-public-heritage *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}

	body.dais-public-heritage #banner.dais-hero .dais-slides .slide,
	body.dais-public-heritage #uk-hero .uk-slides .slide {
		animation: none !important;
		opacity: 0 !important;
		transform: none !important;
	}

	body.dais-public-heritage #banner.dais-hero .dais-slides .slide:first-child,
	body.dais-public-heritage #uk-hero .uk-slides .slide:first-child {
		opacity: 1 !important;
	}

	body.dais-public-heritage #banner.dais-hero .scroll-cue {
		animation: none !important;
	}
}