@layer properties {@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {*, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; }}}@layer theme {:root, :host { --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-2xl: 42rem; --container-3xl: 48rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-md: 12px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --default-mono-font-family: var(--font-mono); --font-display: "Outfit", ui-sans-serif, system-ui, sans-serif; --color-sunlit-gold: #efa04b; --color-limestone: #faf7f2; --color-slate-text: #5b6b63; --color-background: var(--background); --color-foreground: var(--foreground); --color-border: var(--border); }}@layer base {*, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }a { color: inherit; text-decoration: inherit; }ol, ul, menu { list-style: none; }img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }img, video { max-width: 100%; height: auto; }button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }:where(select:is([multiple], [size])) optgroup { font-weight: bolder; }:where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }::file-selector-button { margin-inline-end: 4px; }::placeholder { opacity: 1; }@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {::placeholder { color: currentcolor; }@supports (color:color-mix(in lab, red, red)) {::placeholder { color: color-mix(currentcolor, transparent); }}}::-webkit-search-decoration { appearance: none; }::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }::-webkit-datetime-edit { display: inline-flex; }::-webkit-datetime-edit-fields-wrapper { padding: 0px; }::-webkit-datetime-edit { padding-block: 0px; }::-webkit-datetime-edit-year-field { padding-block: 0px; }::-webkit-datetime-edit-month-field { padding-block: 0px; }::-webkit-datetime-edit-day-field { padding-block: 0px; }::-webkit-datetime-edit-hour-field { padding-block: 0px; }::-webkit-datetime-edit-minute-field { padding-block: 0px; }::-webkit-datetime-edit-second-field { padding-block: 0px; }::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }::-webkit-calendar-picker-indicator { line-height: 1; }button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }::file-selector-button { appearance: button; }::-webkit-inner-spin-button { height: auto; }::-webkit-outer-spin-button { height: auto; }* { border-color: var(--color-border); }body { background-color: var(--color-background); color: var(--color-foreground); }}@layer components;@layer utilities {.pointer-events-none { pointer-events: none; }.sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }.absolute { position: absolute; }.fixed { position: fixed; }.relative { position: relative; }.sticky { position: sticky; }.inset-0 { inset: 0px; }.inset-y-0 { inset-block: 0px; }.top-0 { top: 0px; }.top-6 { top: calc(var(--spacing) * 6); }.top-8 { top: calc(var(--spacing) * 8); }.right-0 { right: 0px; }.right-6 { right: calc(var(--spacing) * 6); }.right-8 { right: calc(var(--spacing) * 8); }.-bottom-0\.5 { bottom: calc(var(--spacing) * -.5); }.-bottom-1 { bottom: calc(var(--spacing) * -1); }.left-0 { left: 0px; }.z-50 { z-index: 50; }.z-\[60\] { z-index: 60; }.container-x { width: 100%; max-width: 1180px; margin-inline: auto; padding-inline: 1.5rem; }.-mx-6 { margin-inline: calc(var(--spacing) * -6); }.mx-2 { margin-inline: calc(var(--spacing) * 2); }.mx-auto { margin-inline: auto; }.-mt-\[46px\] { margin-top: -46px; }.mt-0\.5 { margin-top: calc(var(--spacing) * .5); }.mt-1 { margin-top: var(--spacing); }.mt-2 { margin-top: calc(var(--spacing) * 2); }.mt-3 { margin-top: calc(var(--spacing) * 3); }.mt-4 { margin-top: calc(var(--spacing) * 4); }.mt-5 { margin-top: calc(var(--spacing) * 5); }.mt-6 { margin-top: calc(var(--spacing) * 6); }.mt-7 { margin-top: calc(var(--spacing) * 7); }.mt-8 { margin-top: calc(var(--spacing) * 8); }.mt-10 { margin-top: calc(var(--spacing) * 10); }.mt-12 { margin-top: calc(var(--spacing) * 12); }.mb-4 { margin-bottom: calc(var(--spacing) * 4); }.gold-line { background-color: var(--color-sunlit-gold); width: 26px; height: 2px; display: block; }.btn-pill { cursor: pointer; border-radius: 50px; justify-content: center; align-items: center; padding: 14px 36px; font-size: 15px; font-weight: 600; transition: 0.3s; display: inline-flex; }.no-scrollbar { scrollbar-width: none; }.no-scrollbar::-webkit-scrollbar { display: none; }.btn-amber { color: rgb(18, 61, 42); background-color: rgb(239, 160, 75); border-radius: 50px; justify-content: center; align-items: center; gap: 0.6rem; padding: 13px 30px; font-size: 15px; font-weight: 600; transition: 0.3s; display: inline-flex; }.btn-amber:hover { color: rgb(255, 255, 255); background-color: rgb(18, 61, 42); }.block { display: block; }.flex { display: flex; }.grid { display: grid; }.hidden { display: none; }.inline-block { display: inline-block; }.inline-flex { display: inline-flex; }.h-4 { height: calc(var(--spacing) * 4); }.h-5 { height: calc(var(--spacing) * 5); }.h-6 { height: calc(var(--spacing) * 6); }.h-7 { height: calc(var(--spacing) * 7); }.h-9 { height: calc(var(--spacing) * 9); }.h-10 { height: calc(var(--spacing) * 10); }.h-11 { height: calc(var(--spacing) * 11); }.h-14 { height: calc(var(--spacing) * 14); }.h-20 { height: calc(var(--spacing) * 20); }.h-\[2px\] { height: 2px; }.h-\[5px\] { height: 5px; }.h-\[18px\] { height: 18px; }.h-\[72px\] { height: 72px; }.h-\[160px\] { height: 160px; }.h-\[220px\] { height: 220px; }.h-\[320px\] { height: 320px; }.h-\[520px\] { height: 520px; }.h-full { height: 100%; }.min-h-\[300px\] { min-height: 300px; }.w-0 { width: 0px; }.w-4 { width: calc(var(--spacing) * 4); }.w-5 { width: calc(var(--spacing) * 5); }.w-6 { width: calc(var(--spacing) * 6); }.w-7 { width: calc(var(--spacing) * 7); }.w-9 { width: calc(var(--spacing) * 9); }.w-10 { width: calc(var(--spacing) * 10); }.w-11 { width: calc(var(--spacing) * 11); }.w-14 { width: calc(var(--spacing) * 14); }.w-20 { width: calc(var(--spacing) * 20); }.w-\[18px\] { width: 18px; }.w-\[26px\] { width: 26px; }.w-\[260px\] { width: 260px; }.w-full { width: 100%; }.max-w-2xl { max-width: var(--container-2xl); }.max-w-3xl { max-width: var(--container-3xl); }.max-w-\[460px\] { max-width: 460px; }.max-w-\[500px\] { max-width: 500px; }.max-w-\[560px\] { max-width: 560px; }.max-w-\[620px\] { max-width: 620px; }.max-w-\[640px\] { max-width: 640px; }.max-w-\[1180px\] { max-width: 1180px; }.min-w-0 { min-width: 0px; }.flex-1 { flex: 1 1 0%; }.shrink-0 { flex-shrink: 0; }.-translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y); }.reveal { opacity: 0; transition: opacity 0.6s ease-out, transform 0.6s ease-out; transform: translateY(60px); }.card-lift { transition: transform 0.4s, box-shadow 0.4s; }.card-lift:hover { transform: translateY(-6px); box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 40px; }.snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); }.snap-mandatory { --tw-scroll-snap-strictness: mandatory; }.snap-start { scroll-snap-align: start; }.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }.flex-col { flex-direction: column; }.items-center { align-items: center; }.items-start { align-items: flex-start; }.items-stretch { align-items: stretch; }.justify-between { justify-content: space-between; }.justify-center { justify-content: center; }.gap-1 { gap: var(--spacing); }.gap-1\.5 { gap: calc(var(--spacing) * 1.5); }.gap-2 { gap: calc(var(--spacing) * 2); }.gap-2\.5 { gap: calc(var(--spacing) * 2.5); }.gap-3 { gap: calc(var(--spacing) * 3); }.gap-4 { gap: calc(var(--spacing) * 4); }.gap-5 { gap: calc(var(--spacing) * 5); }.gap-6 { gap: calc(var(--spacing) * 6); }.gap-7 { gap: calc(var(--spacing) * 7); }.gap-8 { gap: calc(var(--spacing) * 8); }.gap-10 { gap: calc(var(--spacing) * 10); }.gap-12 { gap: calc(var(--spacing) * 12); }:where(.space-y-2\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); }:where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }:where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); }:where(.divide-white\/10 > :not(:last-child)) { border-color: rgba(255, 255, 255, 0.1); }@supports (color:color-mix(in lab, red, red)) {:where(.divide-white\/10 > :not(:last-child)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); }}.truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }.overflow-hidden { overflow: hidden; }.overflow-x-auto { overflow-x: auto; }.rounded-2xl { border-radius: calc(var(--radius) + 8px); }.rounded-\[10px\] { border-radius: 10px; }.rounded-\[12px\] { border-radius: 12px; }.rounded-\[13px\] { border-radius: 13px; }.rounded-\[20px\] { border-radius: 20px; }.rounded-\[22px\] { border-radius: 22px; }.rounded-\[24px\] { border-radius: 24px; }.rounded-\[50px\] { border-radius: 50px; }.rounded-full { border-radius: 2.14748e+09px; }.rounded-xl { border-radius: calc(var(--radius) + 4px); }.border { border-style: var(--tw-border-style); border-width: 1px; }.border-2 { border-style: var(--tw-border-style); border-width: 2px; }.border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; }.border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }.border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }.border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; }.border-l-\[3px\] { border-left-style: var(--tw-border-style); border-left-width: 3px; }.border-amber { border-color: rgb(239, 160, 75); }.border-black\/10 { border-color: rgba(0, 0, 0, 0.1); }@supports (color:color-mix(in lab, red, red)) {.border-black\/10 { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); }}.border-black\/\[0\.06\] { border-color: rgba(0, 0, 0, 0.06); }@supports (color:color-mix(in lab, red, red)) {.border-black\/\[0\.06\] { border-color: color-mix(in oklab, var(--color-black) 6%, transparent); }}.border-black\/\[0\.07\] { border-color: rgba(0, 0, 0, 0.07); }@supports (color:color-mix(in lab, red, red)) {.border-black\/\[0\.07\] { border-color: color-mix(in oklab, var(--color-black) 7.0%, transparent); }}.border-black\/\[0\.08\] { border-color: rgba(0, 0, 0, 0.08); }@supports (color:color-mix(in lab, red, red)) {.border-black\/\[0\.08\] { border-color: color-mix(in oklab, var(--color-black) 8%, transparent); }}.border-seafoam { border-color: rgb(239, 160, 75); }.border-warm-sand { border-color: rgb(242, 238, 230); }.border-white { border-color: var(--color-white); }.border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }@supports (color:color-mix(in lab, red, red)) {.border-white\/10 { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); }}.border-l-transparent { border-left-color: rgba(0, 0, 0, 0); }.bg-amber { background-color: rgb(239, 160, 75); }.bg-deep-ocean\/10 { background-color: oklab(0.324113 -0.0554734 0.0189371 / 0.1); }.bg-green-deep { background-color: rgb(18, 61, 42); }.bg-midnight { background-color: rgb(18, 61, 42); }.bg-midnight\/10 { background-color: oklab(0.324113 -0.0554734 0.0189371 / 0.1); }.bg-muted-text\/10 { background-color: oklab(0.623236 -0.0185896 0.00522348 / 0.1); }.bg-ocean\/10 { background-color: oklab(0.471164 -0.0887823 0.0343068 / 0.1); }.bg-page { background-color: rgb(250, 247, 242); }.bg-page\/95 { background-color: oklab(0.977061 0.0011878 0.00727004 / 0.95); }.bg-panel { background-color: rgb(242, 238, 230); }.bg-seafoam { background-color: rgb(239, 160, 75); }.bg-seafoam\/15 { background-color: oklab(0.768655 0.057752 0.124037 / 0.15); }.bg-warm-sand { background-color: rgb(242, 238, 230); }.bg-white { background-color: var(--color-white); }.bg-white\/10 { background-color: rgba(255, 255, 255, 0.1); }@supports (color:color-mix(in lab, red, red)) {.bg-white\/10 { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); }}.topo-lines { background-image: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.05) 0px, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 14px); }.object-cover { object-fit: cover; }.p-2\.5 { padding: calc(var(--spacing) * 2.5); }.p-3 { padding: calc(var(--spacing) * 3); }.p-4 { padding: calc(var(--spacing) * 4); }.p-5 { padding: calc(var(--spacing) * 5); }.p-6 { padding: calc(var(--spacing) * 6); }.p-8 { padding: calc(var(--spacing) * 8); }.px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); }.px-3 { padding-inline: calc(var(--spacing) * 3); }.px-4 { padding-inline: calc(var(--spacing) * 4); }.px-5 { padding-inline: calc(var(--spacing) * 5); }.px-6 { padding-inline: calc(var(--spacing) * 6); }.px-7 { padding-inline: calc(var(--spacing) * 7); }.section-pad { padding-block: 60px; }@media (width >= 768px) {.section-pad { padding-block: 120px; }}.\!py-2\.5 { padding-block: calc(var(--spacing) * 2.5) !important; }.py-1 { padding-block: var(--spacing); }.py-1\.5 { padding-block: calc(var(--spacing) * 1.5); }.py-2 { padding-block: calc(var(--spacing) * 2); }.py-3 { padding-block: calc(var(--spacing) * 3); }.py-3\.5 { padding-block: calc(var(--spacing) * 3.5); }.py-4 { padding-block: calc(var(--spacing) * 4); }.py-5 { padding-block: calc(var(--spacing) * 5); }.py-6 { padding-block: calc(var(--spacing) * 6); }.py-14 { padding-block: calc(var(--spacing) * 14); }.py-16 { padding-block: calc(var(--spacing) * 16); }.pt-10 { padding-top: calc(var(--spacing) * 10); }.pt-14 { padding-top: calc(var(--spacing) * 14); }.\!pr-2 { padding-right: calc(var(--spacing) * 2) !important; }.pb-1 { padding-bottom: var(--spacing); }.pb-2 { padding-bottom: calc(var(--spacing) * 2); }.pb-4 { padding-bottom: calc(var(--spacing) * 4); }.pb-10 { padding-bottom: calc(var(--spacing) * 10); }.pb-12 { padding-bottom: calc(var(--spacing) * 12); }.pb-\[60px\] { padding-bottom: 60px; }.\!pl-8 { padding-left: calc(var(--spacing) * 8) !important; }.pl-5 { padding-left: calc(var(--spacing) * 5); }.text-center { text-align: center; }.text-left { text-align: left; }.font-display { font-family: Outfit, ui-sans-serif, system-ui, sans-serif; }.text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); }.text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }.text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }.text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }.text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }.eyebrow { letter-spacing: 3.5px; text-transform: uppercase; font-size: 11.5px; font-weight: 700; }@media (width >= 768px) {.eyebrow { font-size: 11.5px; }}.\!text-\[13\.5px\] { font-size: 13.5px !important; }.text-\[9px\] { font-size: 9px; }.text-\[10\.5px\] { font-size: 10.5px; }.text-\[10px\] { font-size: 10px; }.text-\[11px\] { font-size: 11px; }.text-\[12\.5px\] { font-size: 12.5px; }.text-\[12px\] { font-size: 12px; }.text-\[13\.5px\] { font-size: 13.5px; }.text-\[13px\] { font-size: 13px; }.text-\[14\.5px\] { font-size: 14.5px; }.text-\[14px\] { font-size: 14px; }.text-\[15px\] { font-size: 15px; }.text-\[16px\] { font-size: 16px; }.text-\[17px\] { font-size: 17px; }.text-\[18px\] { font-size: 18px; }.text-\[20px\] { font-size: 20px; }.text-\[21px\] { font-size: 21px; }.text-\[22px\] { font-size: 22px; }.text-\[26px\] { font-size: 26px; }.text-\[28px\] { font-size: 28px; }.text-\[30px\] { font-size: 30px; }.text-\[32px\] { font-size: 32px; }.text-\[38px\] { font-size: 38px; }.leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; }.leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6; }.leading-\[1\.7\] { --tw-leading: 1.7; line-height: 1.7; }.leading-\[1\.08\] { --tw-leading: 1.08; line-height: 1.08; }.leading-\[1\.8\] { --tw-leading: 1.8; line-height: 1.8; }.leading-\[1\.75\] { --tw-leading: 1.75; line-height: 1.75; }.leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); }.leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }.font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }.font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); }.font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); }.font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }.font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }.tracking-\[1\.6px\] { --tw-tracking: 1.6px; letter-spacing: 1.6px; }.tracking-\[2\.5px\] { --tw-tracking: 2.5px; letter-spacing: 2.5px; }.tracking-\[2px\] { --tw-tracking: 2px; letter-spacing: 2px; }.tracking-\[3px\] { --tw-tracking: 3px; letter-spacing: 3px; }.tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); }.whitespace-nowrap { white-space: nowrap; }.text-amber { color: rgb(239, 160, 75); }.text-amber-deep { color: rgb(217, 130, 43); }.text-body { color: rgb(91, 107, 99); }.text-deep-ocean { color: rgb(18, 61, 42); }.text-faint { color: rgb(147, 160, 154); }.text-green { color: rgb(29, 107, 71); }.text-green-deep { color: rgb(18, 61, 42); }.text-ink { color: rgb(22, 38, 30); }.text-midnight { color: rgb(18, 61, 42); }.text-muted-text { color: rgb(125, 139, 132); }.text-ocean { color: rgb(29, 107, 71); }.text-reef-teal { color: rgb(29, 107, 71); }.text-seafoam { color: rgb(239, 160, 75); }.text-slate-text { color: rgb(91, 107, 99); }.text-white { color: var(--color-white); }.text-white\/60 { color: rgba(255, 255, 255, 0.6); }@supports (color:color-mix(in lab, red, red)) {.text-white\/60 { color: color-mix(in oklab, var(--color-white) 60%, transparent); }}.text-white\/70 { color: rgba(255, 255, 255, 0.7); }@supports (color:color-mix(in lab, red, red)) {.text-white\/70 { color: color-mix(in oklab, var(--color-white) 70%, transparent); }}.text-white\/75 { color: rgba(255, 255, 255, 0.75); }@supports (color:color-mix(in lab, red, red)) {.text-white\/75 { color: color-mix(in oklab, var(--color-white) 75%, transparent); }}.uppercase { text-transform: uppercase; }.opacity-0 { opacity: 0; }.opacity-40 { opacity: 0.4; }.shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color,#0000000a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }.shadow-\[0_2px_10px_rgba\(18\,61\,42\,0\.08\)\] { --tw-shadow: 0 2px 10px var(--tw-shadow-color,#123d2a14); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }.shadow-\[0_4px_12px_rgba\(1\,41\,37\,0\.2\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color,#01292533); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }.shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 4px 16px var(--tw-shadow-color,#00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }.shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 8px 32px var(--tw-shadow-color,#0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }.shadow-\[0_10px_30px_rgba\(18\,61\,42\,0\.12\)\] { --tw-shadow: 0 10px 30px var(--tw-shadow-color,#123d2a1f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }.shadow-\[0_12px_40px_rgba\(0\,0\,0\,0\.18\)\] { --tw-shadow: 0 12px 40px var(--tw-shadow-color,#0000002e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }.shadow-\[0_12px_48px_rgba\(0\,0\,0\,0\.15\)\] { --tw-shadow: 0 12px 48px var(--tw-shadow-color,#00000026); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }.shadow-card { --tw-shadow: 0 3px 16px var(--tw-shadow-color,#123d2a12); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }.backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }.transition-all { transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }.transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }.transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }.transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }.duration-300 { --tw-duration: .3s; transition-duration: 0.3s; }.duration-400 { --tw-duration: .4s; transition-duration: 0.4s; }.duration-500 { --tw-duration: .5s; transition-duration: 0.5s; }.outline-none { --tw-outline-style: none; outline-style: none; }@media (hover: hover) {.group-hover\:w-full:is(:where(.group):hover *) { width: 100%; }.group-hover\:translate-x-1:is(:where(.group):hover *) { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); }.group-hover\:bg-amber:is(:where(.group):hover *), .group-hover\:bg-seafoam:is(:where(.group):hover *) { background-color: rgb(239, 160, 75); }.group-hover\:text-green-deep:is(:where(.group):hover *), .group-hover\:text-midnight:is(:where(.group):hover *) { color: rgb(18, 61, 42); }}.group-data-\[status\=active\]\:w-full:is(:where(.group)[data-status="active"] *) { width: 100%; }.placeholder\:text-faint::placeholder { color: rgb(147, 160, 154); }.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after { content: var(--tw-content); left: 100%; }@media (hover: hover) {.hover\:-translate-y-0\.5:hover { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y); }.hover\:-translate-y-1:hover { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }.hover\:scale-\[1\.03\]:hover { scale: 1.03; }.hover\:border-ocean:hover { border-color: rgb(29, 107, 71); }.hover\:border-l-seafoam:hover { border-left-color: rgb(239, 160, 75); }.hover\:bg-amber:hover { background-color: rgb(239, 160, 75); }.hover\:bg-ocean\/5:hover { background-color: oklab(0.471164 -0.0887823 0.0343068 / 0.05); }.hover\:bg-panel:hover { background-color: rgb(242, 238, 230); }.hover\:bg-white:hover { background-color: var(--color-white); }.hover\:text-amber:hover { color: rgb(239, 160, 75); }.hover\:text-amber-deep:hover { color: rgb(217, 130, 43); }.hover\:text-deep-ocean:hover { color: rgb(18, 61, 42); }.hover\:text-green-deep:hover { color: rgb(18, 61, 42); }.hover\:underline:hover { text-decoration-line: underline; }.hover\:shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.08\)\]:hover { --tw-shadow: 0 4px 16px var(--tw-shadow-color,#00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }.hover\:shadow-\[0_18px_40px_rgba\(18\,61\,42\,0\.25\)\]:hover { --tw-shadow: 0 18px 40px var(--tw-shadow-color,#123d2a40); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }.group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:is(:where(.group)[data-collapsible="offcanvas"] *):hover { background-color: var(--sidebar); }.hover\:after\:bg-sidebar-border:hover::after { content: var(--tw-content); background-color: var(--sidebar-border); }}.focus\:border-amber:focus { border-color: rgb(239, 160, 75); }.has-focus\:border-ring:has(:focus) { border-color: var(--ring); }.has-focus\:ring-\[3px\]:has(:focus) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }.has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color: var(--ring); }@supports (color:color-mix(in lab, red, red)) {.has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); }}.has-\[\:disabled\]\:opacity-50:has(:disabled) { opacity: 0.5; }.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); left: 0px; }.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after { content: var(--tw-content); height: var(--spacing); }.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after { content: var(--tw-content); width: 100%; }.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); }.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }@media (hover: hover) {.data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover { background-color: var(--accent); }.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state="open"]:hover { background-color: var(--sidebar-accent); }.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state="open"]:hover { color: var(--sidebar-accent-foreground); }}.data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus { background-color: var(--accent); }.data-\[status\=active\]\:text-amber[data-status="active"] { color: rgb(239, 160, 75); }@media (width >= 40rem) {.sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }.sm\:flex-row { flex-direction: row; }.sm\:justify-center { justify-content: center; }.sm\:gap-4 { gap: calc(var(--spacing) * 4); }.sm\:gap-8 { gap: calc(var(--spacing) * 8); }.sm\:p-10 { padding: calc(var(--spacing) * 10); }}@media (width >= 48rem) {.md\:mx-0 { margin-inline: 0px; }.md\:mt-5 { margin-top: calc(var(--spacing) * 5); }.md\:block { display: block; }.md\:flex { display: flex; }.md\:grid { display: grid; }.md\:inline-flex { display: inline-flex; }.md\:h-16 { height: calc(var(--spacing) * 16); }.md\:h-\[84px\] { height: 84px; }.md\:h-\[220px\] { height: 220px; }.md\:h-\[300px\] { height: 300px; }.md\:h-\[560px\] { height: 560px; }.md\:min-h-\[400px\] { min-height: 400px; }.md\:w-16 { width: calc(var(--spacing) * 16); }.md\:w-\[52\%\] { width: 52%; }.md\:w-\[140px\] { width: 140px; }.md\:w-auto { width: auto; }.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }.md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }.md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }.md\:flex-row { flex-direction: row; }.md\:flex-wrap { flex-wrap: wrap; }.md\:items-end { align-items: flex-end; }.md\:justify-between { justify-content: space-between; }.md\:gap-2 { gap: calc(var(--spacing) * 2); }.md\:gap-3 { gap: calc(var(--spacing) * 3); }.md\:gap-4 { gap: calc(var(--spacing) * 4); }.md\:gap-8 { gap: calc(var(--spacing) * 8); }.md\:gap-10 { gap: calc(var(--spacing) * 10); }.md\:overflow-visible { overflow: visible; }.md\:rounded-2xl { border-radius: calc(var(--radius) + 8px); }.md\:rounded-\[20px\] { border-radius: 20px; }.md\:rounded-bl-\[180px\] { border-bottom-left-radius: 180px; }.md\:p-6 { padding: calc(var(--spacing) * 6); }.md\:p-8 { padding: calc(var(--spacing) * 8); }.md\:p-9 { padding: calc(var(--spacing) * 9); }.md\:p-10 { padding: calc(var(--spacing) * 10); }.md\:px-0 { padding-inline: 0px; }.md\:px-4 { padding-inline: calc(var(--spacing) * 4); }.md\:px-5 { padding-inline: calc(var(--spacing) * 5); }.md\:px-6 { padding-inline: calc(var(--spacing) * 6); }.md\:py-0 { padding-block: 0px; }.md\:py-5 { padding-block: calc(var(--spacing) * 5); }.md\:py-6 { padding-block: calc(var(--spacing) * 6); }.md\:pt-1 { padding-top: var(--spacing); }.md\:pt-16 { padding-top: calc(var(--spacing) * 16); }.md\:pt-20 { padding-top: calc(var(--spacing) * 20); }.md\:pb-6 { padding-bottom: calc(var(--spacing) * 6); }.md\:pb-16 { padding-bottom: calc(var(--spacing) * 16); }.md\:pb-\[120px\] { padding-bottom: 120px; }.md\:text-right { text-align: right; }.md\:text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }.md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }.md\:text-\[10\.5px\] { font-size: 10.5px; }.md\:text-\[11px\] { font-size: 11px; }.md\:text-\[13px\] { font-size: 13px; }.md\:text-\[15px\] { font-size: 15px; }.md\:text-\[18px\] { font-size: 18px; }.md\:text-\[19px\] { font-size: 19px; }.md\:text-\[20px\] { font-size: 20px; }.md\:text-\[26px\] { font-size: 26px; }.md\:text-\[32px\] { font-size: 32px; }.md\:text-\[40px\] { font-size: 40px; }.md\:text-\[44px\] { font-size: 44px; }.md\:text-\[48px\] { font-size: 48px; }.md\:text-\[52px\] { font-size: 52px; }.md\:text-\[56px\] { font-size: 56px; }}@media (width >= 64rem) {.lg\:sticky { position: sticky; }.lg\:top-\[100px\] { top: 100px; }.lg\:flex { display: flex; }.lg\:hidden { display: none; }.lg\:h-\[240px\] { height: 240px; }.lg\:h-\[320px\] { height: 320px; }.lg\:h-\[560px\] { height: 560px; }.lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }.lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }.lg\:grid-cols-\[1\.4fr_1fr_1fr_1\.2fr\] { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; }.lg\:grid-cols-\[35fr_65fr\] { grid-template-columns: 35fr 65fr; }.lg\:grid-cols-\[45fr_55fr\] { grid-template-columns: 45fr 55fr; }.lg\:grid-cols-\[55fr_45fr\] { grid-template-columns: 55fr 45fr; }.lg\:gap-16 { gap: calc(var(--spacing) * 16); }.lg\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; }.lg\:border-black\/\[0\.07\] { border-color: rgba(0, 0, 0, 0.07); }@supports (color:color-mix(in lab, red, red)) {.lg\:border-black\/\[0\.07\] { border-color: color-mix(in oklab, var(--color-black) 7.0%, transparent); }}.lg\:p-14 { padding: calc(var(--spacing) * 14); }}@media (width >= 80rem) {.xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) { rotate: 180deg; }}@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }@property --tw-animation-duration { syntax: "*"; inherits: false; }@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }:root { --radius: .625rem; --background: oklch(100% 0 0); --foreground: oklch(12.9% .042 264.695); --card: oklch(100% 0 0); --card-foreground: oklch(12.9% .042 264.695); --popover: oklch(100% 0 0); --popover-foreground: oklch(12.9% .042 264.695); --primary: oklch(20.8% .042 265.755); --primary-foreground: oklch(98.4% .003 247.858); --secondary: oklch(96.8% .007 247.896); --secondary-foreground: oklch(20.8% .042 265.755); --muted: oklch(96.8% .007 247.896); --muted-foreground: oklch(55.4% .046 257.417); --accent: oklch(96.8% .007 247.896); --accent-foreground: oklch(20.8% .042 265.755); --destructive: oklch(57.7% .245 27.325); --destructive-foreground: oklch(98.4% .003 247.858); --border: oklch(92.9% .013 255.508); --input: oklch(92.9% .013 255.508); --ring: oklch(70.4% .04 256.788); --chart-1: oklch(64.6% .222 41.116); --chart-2: oklch(60% .118 184.704); --chart-3: oklch(39.8% .07 227.392); --chart-4: oklch(82.8% .189 84.429); --chart-5: oklch(76.9% .188 70.08); --sidebar: oklch(98.4% .003 247.858); --sidebar-foreground: oklch(12.9% .042 264.695); --sidebar-primary: oklch(20.8% .042 265.755); --sidebar-primary-foreground: oklch(98.4% .003 247.858); --sidebar-accent: oklch(96.8% .007 247.896); --sidebar-accent-foreground: oklch(20.8% .042 265.755); --sidebar-border: oklch(92.9% .013 255.508); --sidebar-ring: oklch(70.4% .04 256.788); }html { scroll-behavior: smooth; }body { font-family: var(--font-sans); background-color: var(--color-limestone); color: var(--color-slate-text); }@keyframes slow-zoom {0% { transform: scale(1); }100% { transform: scale(1.06); }}h1, h2, h3, .font-display { font-family: var(--font-display); }h1, h2 { letter-spacing: -1px; }@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }@property --tw-rotate-x { syntax: "*"; inherits: false; }@property --tw-rotate-y { syntax: "*"; inherits: false; }@property --tw-rotate-z { syntax: "*"; inherits: false; }@property --tw-skew-x { syntax: "*"; inherits: false; }@property --tw-skew-y { syntax: "*"; inherits: false; }@property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; }@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }@property --tw-leading { syntax: "*"; inherits: false; }@property --tw-font-weight { syntax: "*"; inherits: false; }@property --tw-tracking { syntax: "*"; inherits: false; }@property --tw-ordinal { syntax: "*"; inherits: false; }@property --tw-slashed-zero { syntax: "*"; inherits: false; }@property --tw-numeric-figure { syntax: "*"; inherits: false; }@property --tw-numeric-spacing { syntax: "*"; inherits: false; }@property --tw-numeric-fraction { syntax: "*"; inherits: false; }@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-shadow-color { syntax: "*"; inherits: false; }@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }@property --tw-ring-color { syntax: "*"; inherits: false; }@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-inset-ring-color { syntax: "*"; inherits: false; }@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-ring-inset { syntax: "*"; inherits: false; }@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }@property --tw-blur { syntax: "*"; inherits: false; }@property --tw-brightness { syntax: "*"; inherits: false; }@property --tw-contrast { syntax: "*"; inherits: false; }@property --tw-grayscale { syntax: "*"; inherits: false; }@property --tw-hue-rotate { syntax: "*"; inherits: false; }@property --tw-invert { syntax: "*"; inherits: false; }@property --tw-opacity { syntax: "*"; inherits: false; }@property --tw-saturate { syntax: "*"; inherits: false; }@property --tw-sepia { syntax: "*"; inherits: false; }@property --tw-drop-shadow { syntax: "*"; inherits: false; }@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }@property --tw-backdrop-blur { syntax: "*"; inherits: false; }@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }@property --tw-backdrop-invert { syntax: "*"; inherits: false; }@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }@property --tw-duration { syntax: "*"; inherits: false; }@property --tw-ease { syntax: "*"; inherits: false; }@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }@keyframes spin {100% { transform: rotate(360deg); }}@keyframes pulse {50% { opacity: 0.5; }}@keyframes enter {0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit {100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}@keyframes accordion-down {0% { height: 0px; }100% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up {0% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }100% { height: 0px; }}@keyframes caret-blink {0%, 70%, 100% { opacity: 1; }20%, 50% { opacity: 0; }}

.reveal.reveal-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}
#ed-bar{position:fixed;right:12px;bottom:12px;z-index:200;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 24px);font:600 13px "Plus Jakarta Sans",system-ui,sans-serif}
#ed-bar button{border:0;border-radius:50px;padding:10px 16px;cursor:pointer;font:inherit;background:#123d2a;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.18)}
#ed-bar button[data-a=save]{background:#efa04b;color:#123d2a}
#ed-bar button[data-a=reset]{background:#fff;color:#123d2a}
#ed-bar [data-msg]{background:rgba(18,61,42,.9);color:#fff;border-radius:50px;padding:6px 12px;font-weight:500}
#ed-bar [data-msg]:empty{display:none}
body.editing [contenteditable=true]{outline:1.5px dashed rgba(239,160,75,.8);outline-offset:3px;border-radius:3px;cursor:text}
body.editing [contenteditable=true]:focus{outline:2px solid #efa04b}
body.editing #app img{cursor:pointer;outline:2px dashed rgba(29,107,71,.7);outline-offset:-2px}
#ed-bar a{border-radius:50px;padding:10px 16px;background:#fff;color:#123d2a;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.media-grid{margin-top:3rem;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.media-grid:empty{display:none}
.media-item{position:relative;margin:0;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.media-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f2eee6}
.media-frame{position:relative;aspect-ratio:16/9;background:#123d2a}
.media-frame iframe,.media-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.media-empty{position:absolute;inset:0;display:grid;place-items:center;color:#cfe0d6;font-size:14px}
.media-item figcaption{padding:12px 16px;font-size:14px;line-height:1.6;color:#5b6b63}
.media-item figcaption:empty{display:none}
body.editing .media-item figcaption:empty{display:block;min-height:1.6em}
body.editing .media-frame::after{content:"Tap to change video";position:absolute;inset:0;display:grid;place-items:center;background:rgba(18,61,42,.6);color:#fff;font:600 14px "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;z-index:2}
.ed-tools{position:absolute;top:8px;right:8px;z-index:3;display:flex;gap:4px}
.ed-tools button{border:0;border-radius:50px;background:#123d2a;color:#fff;font:600 12px "Plus Jakarta Sans",system-ui,sans-serif;padding:7px 11px;cursor:pointer;min-width:32px}
.ed-add{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ed-add button{border:1.5px dashed #1d6b47;background:transparent;color:#1d6b47;border-radius:50px;padding:11px 18px;font:600 14px "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer}
#ed-modal{position:fixed;inset:0;z-index:300;display:none;align-items:flex-end;justify-content:center;padding:12px;background:rgba(10,25,18,.55)}
#ed-modal.on{display:flex}
@media (min-width:640px){#ed-modal{align-items:center}}
#ed-modal .ed-sheet{width:100%;max-width:500px;max-height:88vh;overflow:auto;background:#faf7f2;border-radius:18px;padding:22px;font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:#16261e}
#ed-modal h3{font:800 20px Outfit,system-ui,sans-serif;margin:0 0 6px}
#ed-modal .ed-hint{font-size:13.5px;color:#5b6b63;margin:0 0 6px;line-height:1.6}
#ed-modal label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}
#ed-modal input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid rgba(0,0,0,.12);border-radius:12px;font:inherit;font-size:15px;background:#fff}
#ed-modal input:focus{outline:2px solid #efa04b;border-color:transparent}
#ed-modal .ed-upload{margin-top:10px;border:1.5px dashed #1d6b47;background:transparent;color:#1d6b47;border-radius:50px;padding:10px 16px;font:600 13.5px inherit;font-family:inherit;cursor:pointer}
#ed-modal .ed-preview{display:block;margin-top:14px;width:100%;max-height:180px;object-fit:cover;border-radius:12px}
#ed-modal .ed-error{color:#b42318;font-size:13px;margin:10px 0 0}
#ed-modal .ed-row{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
#ed-modal .ed-row button{border:0;border-radius:50px;padding:11px 20px;font:600 14px inherit;font-family:inherit;cursor:pointer;background:#f2eee6;color:#123d2a}
#ed-modal .ed-row .ed-go{background:#123d2a;color:#fff}
#ed-bar button:disabled{opacity:.45;cursor:default}
#ed-sel{position:fixed;z-index:250;display:none;align-items:center;gap:4px;flex-wrap:wrap;max-width:calc(100vw - 16px);padding:6px;border-radius:14px;background:#123d2a;box-shadow:0 10px 30px rgba(0,0,0,.25);font:600 12.5px "Plus Jakarta Sans",system-ui,sans-serif}
#ed-sel.on{display:flex}
#ed-sel [data-label]{color:#cfe0d6;padding:0 8px 0 6px;font-weight:500}
#ed-sel button{border:0;border-radius:9px;background:rgba(255,255,255,.12);color:#fff;font:inherit;padding:8px 10px;min-width:34px;min-height:34px;cursor:pointer}
#ed-sel button:hover{background:rgba(255,255,255,.22)}
#ed-sel button.danger{background:#b42318}
#ed-sel button[hidden]{display:none}
body.editing .ed-selected{outline:3px solid #efa04b !important;outline-offset:3px}
body.editing #app section:hover,body.editing #app article:hover{outline:1px dashed rgba(18,61,42,.25);outline-offset:-1px}
.btn-amber,.btn-pill,header nav > div a{white-space:nowrap}
header nav > a:first-child{min-width:0;flex-shrink:1}
@media (min-width:1024px) and (max-width:1279px){header nav{gap:16px}header nav > div.lg\:flex{gap:18px}header nav > div.lg\:flex a{font-size:13.5px}}

/* ===== Page header background photos ===== */
.page-hero{isolation:isolate}
.page-hero-img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.page-hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(242,238,230,0) 0,rgba(242,238,230,.3) 80px,rgba(242,238,230,.93) 170px,rgba(242,238,230,.97) 100%)}
.page-hero-credit{position:absolute;right:10px;top:10px;z-index:1;margin:0;max-width:calc(100% - 20px);font-size:10.5px;line-height:1.4;color:rgba(22,38,30,.75);background:rgba(250,247,242,.8);padding:3px 9px;border-radius:999px}
.page-hero-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (max-width:767px){.page-hero{padding-top:178px}}
@media (min-width:768px){
  .page-hero{min-height:400px;display:flex;align-items:center}
  .page-hero>.container-x{width:100%}
  .page-hero-shade{background:linear-gradient(90deg,rgba(242,238,230,.97) 0,rgba(242,238,230,.93) 36%,rgba(242,238,230,.6) 60%,rgba(242,238,230,.12) 100%)}
  .page-hero-credit{top:auto;bottom:10px;right:14px}
}
@media (min-width:1280px){.page-hero{min-height:440px}}
.page-hero.hero-sepia .page-hero-img{filter:sepia(.25) contrast(1.05)}
body.editing .ed-hero-btn{position:absolute;right:12px;top:44px;z-index:5;border:0;border-radius:50px;background:#123d2a;color:#fff;font:600 13px "Plus Jakarta Sans",system-ui,sans-serif;padding:9px 14px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.2)}
@media (min-width:768px){body.editing .ed-hero-btn{top:14px}}

/* ===== Editor: publish ===== */
#ed-bar button[data-a=publish]{background:#1d6b47;color:#fff}
#ed-modal .ed-steps{margin:10px 0 0;padding-left:20px;font-size:13.5px;line-height:1.65;color:#2c3a33}
#ed-modal .ed-steps li{margin-bottom:4px}
#ed-modal .ed-ok{color:#1d6b47;font-size:13.5px;margin:10px 0 0}
#ed-modal a{color:#1d6b47;font-weight:600}
#ed-modal .ed-progress{margin:12px 0 0;font-size:13.5px;color:#2c3a33}

/* ===== Permit application form ===== */
.pf-wrap{display:grid;gap:28px;align-items:start}
@media (min-width:1024px){.pf-wrap{grid-template-columns:minmax(0,1fr) 340px;gap:40px}}
.pf-card{background:#fff;border-radius:20px;box-shadow:0 2px 14px rgba(0,0,0,.05);padding:22px}
@media (min-width:768px){.pf-card{padding:34px}}
.pf-card h2{font-family:Outfit,system-ui,sans-serif;font-weight:800;color:#16261e;font-size:22px;margin:0 0 4px}
.pf-sub{color:#5b6b63;font-size:14px;margin:0 0 18px;line-height:1.7}
.pf-grid{display:grid;gap:16px}
@media (min-width:640px){.pf-grid{grid-template-columns:1fr 1fr}.pf-full{grid-column:1/-1}}
.pf-field label{display:block;font-size:13px;font-weight:600;color:#16261e;margin:0 0 6px}
.pf-field label .req{color:#b42318;margin-left:2px}
.pf-field input,.pf-field select,.pf-field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.14);border-radius:12px;background:#fff;padding:12px 14px;font:15px "Plus Jakarta Sans",system-ui,sans-serif;color:#16261e;min-height:46px}
.pf-field textarea{min-height:96px;resize:vertical}
.pf-field input:focus,.pf-field select:focus,.pf-field textarea:focus{outline:2px solid #efa04b;outline-offset:0;border-color:transparent}
.pf-field .pf-hint{font-size:12px;color:#7a8780;margin-top:5px}
.pf-field .pf-err{font-size:12.5px;color:#b42318;margin-top:5px;display:none}
.pf-field.bad input,.pf-field.bad select,.pf-field.bad textarea{border-color:#b42318}
.pf-field.bad .pf-err{display:block}
.pf-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.6;color:#2c3a33}
.pf-check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:#1d6b47}
.pf-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}
.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:50px;padding:14px 26px;font:600 15px "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;text-decoration:none}
.pf-btn.primary{background:#efa04b;color:#123d2a}
.pf-btn.dark{background:#123d2a;color:#fff}
.pf-btn.ghost{background:transparent;color:#123d2a;border:1.5px solid rgba(18,61,42,.25)}
.pf-btn[disabled]{opacity:.55;cursor:default}
.pf-alert{border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.65;margin:0 0 18px}
.pf-alert.info{background:#f2eee6;color:#2c3a33;border-left:4px solid #efa04b;border-radius:0 14px 14px 0}
.pf-alert.error{background:#fdecea;color:#7a1c13}
.pf-alert.ok{background:#e7f3ec;color:#123d2a}
.pf-side h3{font-family:Outfit,system-ui,sans-serif;font-weight:700;color:#16261e;font-size:17px;margin:0 0 10px}
.pf-side ol{margin:0;padding-left:20px;color:#5b6b63;font-size:14px;line-height:1.7}
.pf-side ol li{margin-bottom:8px}
.pf-side .pf-note{margin-top:14px;font-size:13px;color:#5b6b63;line-height:1.7}
.pf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ===== Receipt / status ===== */
.ps-box{max-width:760px;margin:0 auto}
.ps-badge{display:inline-flex;align-items:center;gap:8px;border-radius:50px;padding:6px 14px;font:700 12px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.ps-badge.pending{background:#fff3df;color:#8a4b00}
.ps-badge.approved{background:#e3f2e8;color:#14532d}
.ps-badge.rejected{background:#fdecea;color:#7a1c13}
.ps-rows{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:18px 0 0;font-size:14.5px}
.ps-rows dt{color:#5b6b63}
.ps-rows dd{margin:0;color:#16261e;font-weight:600;word-break:break-word}
.ps-lookup{display:grid;gap:14px}
@media (min-width:640px){.ps-lookup{grid-template-columns:1fr 1fr auto;align-items:end}}

/* ===== Permit card (follows the supplied design) ===== */
.pc-stage{display:flex;justify-content:center;margin:26px 0 8px}
.pc{--pc-w:800px;width:min(100%,var(--pc-w));aspect-ratio:800/527;container-type:inline-size;position:relative;background:#fff;border-radius:2.2cqw;overflow:hidden;box-shadow:0 14px 40px rgba(14,30,60,.22);font-family:"Plus Jakarta Sans",Arial,sans-serif;color:#0d2d6b;display:flex;flex-direction:column}
.pc-top{display:flex;align-items:center;gap:2.2cqw;background:#13306b;padding:1.6cqw 2.6cqw;height:18%}
.pc-flag{height:100%;aspect-ratio:3/2;object-fit:cover;border-radius:.4cqw;box-shadow:0 0 0 .2cqw rgba(255,255,255,.35)}
.pc-titles{display:flex;flex-direction:column;justify-content:center;gap:.7cqw;min-width:0}
.pc-gov{font:800 4.3cqw/1 Outfit,Arial,sans-serif;color:#fff;letter-spacing:.05cqw;white-space:nowrap}
.pc-kind{font:800 4.1cqw/1.05 Outfit,Arial,sans-serif;color:#ffd23f;background:#1b3f86;padding:.5cqw 1.2cqw;align-self:flex-start;white-space:nowrap}
.pc-band{background:#d62027;color:#fff;font:800 3.3cqw/1 Outfit,Arial,sans-serif;text-align:center;padding:1.3cqw 0;letter-spacing:.1cqw}
.pc-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 25%;gap:1.6cqw;padding:1.6cqw 3cqw .6cqw}
.pc-fields{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.pc-row{display:flex;align-items:baseline;gap:1.4cqw;border-bottom:.18cqw solid #b9c2d3;padding-bottom:.45cqw;min-width:0}
.pc-row b{font:700 2.45cqw/1.2 "Plus Jakarta Sans",Arial,sans-serif;color:#1747a6;white-space:nowrap}
.pc-row span{font:800 2.6cqw/1.2 Outfit,Arial,sans-serif;color:#0d2d6b;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-text{font-size:1.7cqw;line-height:1.4;color:#222;margin:.8cqw 0 0}
.pc-officer{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2cqw;margin-top:.6cqw}
.pc-officer .pc-role{font:700 1.9cqw/1.2 "Plus Jakarta Sans",Arial,sans-serif;color:#1747a6}
.pc-officer .pc-name{font:800 2.6cqw/1.2 Outfit,Arial,sans-serif;color:#0d2d6b;padding:.3cqw 0 0}
.pc-side{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1cqw;min-height:0}
.pc-seal{width:96%;aspect-ratio:1;border-radius:50%;object-fit:cover}
.pc-qr{width:11cqw;aspect-ratio:1;background:#fff;margin:0 auto}
.pc-qr img,.pc-qr canvas{width:100%!important;height:100%!important;display:block}
.pc-verify{font-size:1.35cqw;color:#5b6b63;text-align:center;margin-top:.4cqw}
.pc-foot{flex:none;background:#ffd23f;color:#0d2d6b;font:600 1.85cqw/1.2 "Plus Jakarta Sans",Arial,sans-serif;padding:1.3cqw 2.6cqw;text-align:center}
.pc-foot b{font-weight:800}
.pc-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}
@media print{
  @page{size:auto;margin:12mm}
  #ed-bar,#ed-sel,#ed-modal,header,footer,[data-mobile-menu],.page-hero,.pf-actions,.pc-actions,#ps-new{display:none!important}
  body,.bg-page{background:#fff!important}
  .section-pad{padding:0!important}
  .pf-card{box-shadow:none;border:1px solid #ccc}
  body.print-card *{visibility:hidden!important}
  body.print-card .pc,body.print-card .pc *{visibility:visible!important}
  body.print-card .pc{position:absolute;left:0;top:0;width:120mm!important;--pc-w:120mm;box-shadow:none;border:0.3mm solid #999}
  .pc,.pc *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* ===== Background photo looks (set from the editor) ===== */
[data-bg="clear"] [data-bg-shade]{opacity:.62}
[data-bg="strong"] [data-bg-img]{opacity:.3}
[data-bg="none"] [data-bg-img]{visibility:hidden}
[data-bg="none"][data-bg-dark]{background-color:#012925}
@media (max-width:767px){#home[data-bg="clear"] [data-bg-shade]{opacity:1}}
.page-hero[data-bg="clear"] .page-hero-shade{opacity:1;background:linear-gradient(180deg,rgba(242,238,230,0) 0,rgba(242,238,230,0) 110px,rgba(242,238,230,.9) 190px,rgba(242,238,230,.95) 100%)}
@media (min-width:768px){.page-hero[data-bg="clear"] .page-hero-shade{background:linear-gradient(90deg,rgba(242,238,230,.95) 0,rgba(242,238,230,.86) 34%,rgba(242,238,230,0) 56%)}}
.page-hero[data-bg="strong"] .page-hero-img{opacity:.22}
.page-hero[data-bg="none"] .page-hero-shade{display:none}
body.editing .ed-bg-panel{position:absolute;right:12px;top:12px;z-index:6;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 24px);font:600 13px "Plus Jakarta Sans",system-ui,sans-serif}
body.editing .page-hero .ed-bg-panel{top:44px}
@media (min-width:768px){body.editing .page-hero .ed-bg-panel{top:14px}}
body.editing .ed-bg-panel button{border:0;cursor:pointer;font:inherit}
body.editing .ed-bg-main{border-radius:50px;background:#123d2a;color:#fff;padding:9px 14px;box-shadow:0 6px 18px rgba(0,0,0,.2)}
body.editing .ed-bg-looks{display:inline-flex;background:#fff;border-radius:50px;padding:3px;box-shadow:0 6px 18px rgba(0,0,0,.2)}
body.editing .ed-bg-looks button{background:transparent;color:#123d2a;border-radius:50px;padding:6px 11px}
body.editing .ed-bg-looks button[aria-pressed="true"]{background:#efa04b;color:#123d2a}
#ed-bar button[data-a=older]{background:#efa04b;color:#123d2a}
.ps-permit-no{font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:34px;letter-spacing:1px;color:#123d2a;margin:4px 0 14px}
.pf-alert.info b{color:#123d2a}
#ps-card .ps-pending-only{display:none}
#ps-card.is-pending .ps-pending-only{display:block}
#ps-card.is-pending .ps-approved-only{display:none!important}
#ps-card.is-pending .pc-band{background:#efa04b;color:#13306b}
#ps-card.is-pending .pc-status{color:#b45309}
#ps-card.is-pending .pc-qr{display:none}
.pc-row{padding-bottom:.3cqw}
.pc-text{margin-top:.5cqw}
/* permit card: the State flag, faded, behind the details */
.pc-body{position:relative;isolation:isolate}
.pc-body::before{content:"";position:absolute;inset:0;z-index:-1;background:url(angaur-flag.png) center/cover no-repeat;opacity:.16}
.pc-seal{opacity:.95}
.pc-body::before{-webkit-print-color-adjust:exact;print-color-adjust:exact}

/* ===== Contact: transportation to Angaur ===== */
.tr-grid{display:grid;gap:22px;margin-top:40px}
@media (min-width:1024px){.tr-grid{grid-template-columns:1fr 1fr;gap:28px;align-items:start}}
.tr-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.06);padding:22px}
@media (min-width:768px){.tr-card{padding:32px}}
.tr-head{display:flex;align-items:center;gap:14px}
.tr-icon{flex:none;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;color:#fff;background-image:linear-gradient(135deg,#1D6B47 0%,#123D2A 100%)}
.tr-icon svg{width:26px;height:26px}
.tr-kicker{margin:0;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#d98a2b}
.tr-title{margin:2px 0 0;font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:21px;line-height:1.25;color:#16261e}
.tr-text{margin:16px 0 0;font-size:14.5px;line-height:1.75;color:#4a5a52}
.tr-sub{margin:22px 0 8px;font-family:Outfit,system-ui,sans-serif;font-weight:700;font-size:15px;color:#123d2a}
.tr-sched{display:grid;gap:14px}
@media (min-width:560px){.tr-sched{grid-template-columns:1fr 1fr}}
.tr-day{margin:0 0 4px;font-size:12.5px;font-weight:700;color:#1d6b47;text-transform:uppercase;letter-spacing:1px}
.tr-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(0,0,0,.07)}
.tr-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.07);font-size:14px;line-height:1.5;color:#2c3a33}
.tr-list li>b{flex:none;font-weight:700;color:#16261e;text-align:right}
.tr-wd{display:inline-block;min-width:78px;font-weight:700;color:#1d6b47}
.tr-bullets{list-style:disc;margin:0;padding-left:20px;font-size:14px;line-height:1.75;color:#2c3a33}
.tr-note{margin:14px 0 0;font-size:13px;line-height:1.65;color:#6b7a72}
.tr-contact{margin-top:22px;background:#f2eee6;border-radius:14px;padding:16px 18px;font-size:14px;line-height:1.7;color:#2c3a33}
.tr-contact p{margin:0}
.tr-contact a{color:#1d6b47;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.tr-phones{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:8px!important}
.tr-phones a{text-decoration:none!important;white-space:nowrap}
.tr-phones span{font-weight:400;color:#6b7a72;margin-left:4px}
.tr-bullets li::marker{color:#d98a2b}
.tr-bullets li::marker{color:#d98a2b}
.page-hero-img.hero-focus-right{object-position:right 22%}
@media (max-width:767px){
  .page-hero-img.hero-focus-right{height:240px;object-position:right 30%}
  .page-hero:has(.hero-focus-right){padding-top:262px}
  .page-hero:has(.hero-focus-right) .page-hero-shade{background:linear-gradient(180deg,rgba(242,238,230,0) 0,rgba(242,238,230,0) 205px,rgba(242,238,230,1) 241px)}
}
.tr-phones .tr-tel{flex-basis:100%;margin:0!important;font-weight:600;color:#123d2a}

/* ===== Contact: office details ===== */
.ct-card{text-align:left}
.ct-title{margin:0;font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:21px;color:#16261e}
.ct-sub{margin:2px 0 0;font-size:13px;color:#6b7a72}
.ct-list{list-style:none;margin:18px 0 0;padding:0}
.ct-list li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid rgba(0,0,0,.07);font-size:14.5px;line-height:1.6;color:#2c3a33}
.ct-ic{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#f2eee6;color:#1d6b47}
.ct-ic svg{width:18px;height:18px}
.ct-label{display:block;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#d98a2b;margin-bottom:1px}
.ct-list a{color:#1d6b47;font-weight:600;text-decoration:none;word-break:break-word}
.ct-list a:hover{text-decoration:underline}
.ct-muted{color:#6b7a72}
.ct-sep{margin:0 8px;color:#c9c2b4}
.ct-quote{margin:18px 0 0;padding:14px 16px;border-left:4px solid #efa04b;background:#f2eee6;border-radius:0 12px 12px 0;font-style:italic;font-size:14.5px;line-height:1.65;color:#123d2a}
.ct-ph{display:inline-block;white-space:nowrap}
@media (max-width:520px){.ct-sep{display:none}.ct-ph{display:block}}

/* transport: photo cards on a light background */
.tr-card{overflow:hidden;position:relative;padding-top:210px!important}
.tr-card.tr-air,.tr-card.tr-sea{background-repeat:no-repeat;background-position:top center;background-size:100% 100%,max(100%,580px) auto;background-color:#fff}
.tr-card.tr-air{background-image:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 115px,rgba(255,255,255,.72) 195px,#fff 258px),url(images/tr-plane.webp)}
.tr-card.tr-sea{background-image:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 115px,rgba(255,255,255,.72) 195px,#fff 258px),url(images/tr-boat.webp)}
.tr-section .tr-card{box-shadow:0 14px 40px rgba(18,61,42,.10);border:1px solid rgba(18,61,42,.06)}
/* contact office: island video background */
.ct-video-section{position:relative;overflow:hidden;background:#0b3b33 url(images/contact-island.webp) center/cover no-repeat;isolation:isolate}
.ct-video{position:absolute;inset:0;z-index:-2}
.ct-video video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05)}
.ct-video-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(1,41,37,.80) 0%,rgba(1,41,37,.52) 40%,rgba(1,41,37,.62) 72%,rgba(1,41,37,.88) 100%)}
.ct-video-section h2{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.ct-video-section .max-w-3xl p{color:rgba(255,255,255,.86)!important}
.ct-video-section .eyebrow{color:#f3c98c!important}
.ct-video-section .ct-card{box-shadow:0 24px 60px rgba(0,0,0,.30)}
.ct-video-credit{position:relative;margin:28px auto 0;text-align:center;font-size:11.5px;letter-spacing:.02em;color:rgba(255,255,255,.62)}
@media (prefers-reduced-motion:reduce){.ct-video{display:none}}

/* home hero: moving sea canvas sits exactly over the still photo */
.sea-canvas{position:absolute;inset:0;display:block;opacity:0;transition:opacity 1.2s ease}
.sea-canvas.is-on{opacity:1}

/* home: what's happening this month */
.wh-section{position:relative;padding:88px 0;background:#f2f3ef;background-image:radial-gradient(circle at 1px 1px,rgba(15,31,51,.05) 1px,transparent 0);background-size:22px 22px}
@media (min-width:768px){.wh-section{padding:112px 0}}
.wh-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.wh-eyebrow{font:600 13px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:3px;text-transform:uppercase;color:#2f6b2a}
.wh-h{margin-top:14px;font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:40px;line-height:1;letter-spacing:-.5px;color:#1f4f7a;text-transform:uppercase}
@media (min-width:768px){.wh-h{font-size:58px}}
.wh-all{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;border:1px solid rgba(31,79,122,.22);background:#fff;color:#1f4f7a;font:600 14px/1 "Plus Jakarta Sans",system-ui,sans-serif;transition:background .25s,color .25s,border-color .25s}
.wh-all::after{content:"\2192";transition:transform .25s}
.wh-all:hover{background:#1f4f7a;border-color:#1f4f7a;color:#fff}
.wh-all:hover::after{transform:translateX(3px)}
.wh-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:36px}
@media (min-width:640px){.wh-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.wh-layout{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wh-grid{display:contents}
.wh-layout>.ed-add{grid-column:1/-1;grid-row:1;margin:0}
body.editing .wh-layout{grid-template-rows:auto}
.wh-layout>.wh-empty,.wh-grid>.media-item:first-child{grid-column:1/-1;grid-row:1}
.wh-schedule{grid-column:1/-1;grid-row:2}
body.editing .wh-layout>.wh-empty,body.editing .wh-grid>.media-item:first-child{grid-row:2}
body.editing .wh-schedule{grid-row:3}
@media (min-width:1024px){
  .wh-layout>.wh-empty,.wh-grid>.media-item:first-child{grid-column:1/span 2}
  .wh-schedule{grid-column:3;grid-row:1}
  body.editing .wh-schedule{grid-row:2}
}
/* cards */
.wh-grid .media-item{margin:0;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(15,31,51,.08);border-radius:18px;box-shadow:0 1px 2px rgba(15,31,51,.04);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.wh-grid .media-item:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(15,31,51,.12)}
.wh-grid .media-item>img{aspect-ratio:4/5;object-position:top;background:#e9ebe6}
.wh-grid .media-item figcaption{padding:18px 22px 24px;color:#1f2a33;font-size:15px;line-height:1.6}
.wh-body{display:block}
.wh-tag{display:inline-block;padding:5px 12px;border-radius:999px;background:#e0661d;color:#fff;font:700 11px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:1.2px;text-transform:uppercase;vertical-align:middle}
.wh-date{margin-left:10px;font:400 13px/1.2 "IBM Plex Mono",ui-monospace,monospace;color:#6b7480;vertical-align:middle}
.wh-title{margin-top:12px;font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:25px;line-height:1.15;color:#1f4f7a}
.wh-place{margin-top:10px;display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.55;color:#56606b}
.wh-place::before{content:"";flex:none;width:15px;height:15px;margin-top:2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat}
/* featured story: the first card */
.wh-grid>.media-item:first-child{position:relative;border:0;background:#0e1f33;box-shadow:0 24px 60px rgba(15,31,51,.18)}
.wh-grid>.media-item:first-child:hover{transform:none}
.wh-grid>.media-item:first-child:not([data-video])>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-position:center}
.wh-grid>.media-item:first-child:not([data-video]){min-height:420px;justify-content:flex-end}
@media (min-width:1024px){.wh-grid>.media-item:first-child:not([data-video]){min-height:520px}}
.wh-grid>.media-item:first-child:not([data-video])::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,31,51,0) 30%,rgba(14,31,51,.55) 62%,rgba(14,31,51,.92) 100%);pointer-events:none}
.wh-grid>.media-item:first-child figcaption{position:relative;z-index:2;padding:30px 34px 34px;color:rgba(255,255,255,.88)}
.wh-grid>.media-item:first-child .wh-date{color:rgba(255,255,255,.82)}
.wh-grid>.media-item:first-child .wh-title{font-size:32px;color:#fff;max-width:640px}
@media (min-width:768px){.wh-grid>.media-item:first-child .wh-title{font-size:44px}}
.wh-grid>.media-item:first-child .wh-place{font-size:17px;color:rgba(255,255,255,.86)}
.wh-grid>.media-item:first-child .wh-place::before{display:none}
.wh-grid>.media-item:first-child[data-video] .media-frame{aspect-ratio:16/9}
/* empty state */
.wh-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;border:1px dashed rgba(31,79,122,.28);border-radius:18px;padding:48px 24px;text-align:center;background:rgba(255,255,255,.7)}
@media (min-width:1024px){.wh-empty{min-height:520px}}
.wh-empty-icon{display:flex;width:60px;height:60px;align-items:center;justify-content:center;border-radius:50%;background:rgba(224,102,29,.12);color:#e0661d}
.wh-empty-title{margin-top:18px;font-family:"DM Serif Display",Georgia,serif;font-size:26px;color:#1f4f7a}
.wh-empty-text{margin-top:10px;max-width:440px;font-size:14px;line-height:1.8;color:#56606b}
/* schedule panel */
.wh-schedule{position:relative;overflow:hidden;border-radius:18px;padding:30px 30px 26px;background:#0e1f33;color:#fff;box-shadow:0 24px 60px rgba(15,31,51,.18)}
.wh-schedule::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(239,160,75,.28),rgba(239,160,75,0) 70%);pointer-events:none}
.wh-sch-eyebrow{position:relative;font:600 12px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#efa04b}
.wh-sch-title{position:relative;margin-top:10px;font-family:"DM Serif Display",Georgia,serif;font-size:30px;line-height:1.1;color:#fff}
.wh-sch-list{position:relative;margin-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.wh-sch-list li{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.wh-sch-list li:has(.wh-sch-text:empty){display:none}
body.editing .wh-sch-list li{display:block!important}
.wh-day{display:block;font:700 12px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#efa04b}
.wh-sch-text{display:block;margin-top:6px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.86)}

/* home: people of Angaur */
.pp-section{position:relative;padding:88px 0;background:#f7f1e7;background-image:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0) 40%)}
@media (min-width:768px){.pp-section{padding:112px 0}}
.pp-head{display:grid;gap:18px;align-items:end}
@media (min-width:900px){.pp-head{grid-template-columns:1fr 1fr;gap:48px}}
.pp-eyebrow{display:flex;align-items:center;gap:12px;font:600 13px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:3px;text-transform:uppercase;color:#b4632a}
.pp-eyebrow::before{content:"";width:26px;height:2px;background:#efa04b}
.pp-h{margin-top:14px;font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:38px;line-height:1.05;color:#16261e}
@media (min-width:768px){.pp-h{font-size:56px}}
.pp-accent{font-style:italic;color:#1d6b47}
.pp-lead{font-size:15.5px;line-height:1.85;color:#4c5a52;max-width:520px}
.pp-grid{margin-top:40px;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:rgba(22,38,30,.25) transparent;-webkit-overflow-scrolling:touch}
.pp-grid::-webkit-scrollbar{height:6px}.pp-grid::-webkit-scrollbar-thumb{background:rgba(22,38,30,.25);border-radius:6px}
.pp-grid>.media-item{flex:0 0 82%;height:380px;scroll-snap-align:start}
@media (min-width:640px){.pp-grid>.media-item{flex-basis:calc(50% - 9px)}}
@media (min-width:1024px){.pp-grid>.media-item{flex-basis:calc(33.333% - 12px);height:420px}}
body.editing .pp-grid{flex-wrap:wrap;overflow:visible;scroll-snap-type:none}
body.editing .pp-grid>.media-item{height:300px}
.pp-grid>.media-item{position:relative;border-radius:20px;overflow:hidden;background:#d9d2c5;box-shadow:0 14px 40px rgba(22,38,30,.12)}
.pp-grid>.media-item>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .8s ease}
.pp-grid>.media-item:hover>img{transform:scale(1.04)}
.pp-grid>.media-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,15,0) 50%,rgba(10,20,15,.72) 100%);pointer-events:none}
.pp-grid>.media-item figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px 22px;color:#fff;font:600 15px/1.45 "Plus Jakarta Sans",system-ui,sans-serif}
.pp-credit{display:block;margin-top:3px;font-size:11px;font-weight:500;letter-spacing:.2px;color:rgba(255,255,255,.72)}
.pp-grid>.media-item[data-video] .media-frame{position:absolute;inset:0;aspect-ratio:auto}
.pp-empty{margin-top:40px;border:1px dashed rgba(22,38,30,.25);border-radius:20px;padding:56px 24px;text-align:center}
.pp-empty-title{font-family:"DM Serif Display",Georgia,serif;font-size:24px;color:#16261e}
.pp-empty-sub{margin:10px auto 0;max-width:460px;color:#5b6b62;font-size:15px;line-height:1.6}

/* video placeholders */
.media-frame .media-empty{background:radial-gradient(120% 90% at 30% 20%,#1d6b47 0%,#123d2a 55%,#0b2419 100%);color:rgba(255,255,255,.85);font:600 14px/1.4 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.3px;align-content:center;gap:12px}
.media-frame .media-empty::before{content:"";justify-self:center;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.14) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27white%27 d=%27M8 5v14l11-7z%27/%3E%3C/svg%3E") center/26px no-repeat;box-shadow:0 0 0 8px rgba(255,255,255,.06)}
.wh-grid .media-item[data-video]:not(:first-child) .media-frame{aspect-ratio:16/10}

/* contact: premium office card */
.vip-card{position:relative;text-align:left;padding:30px 22px 26px;border-radius:28px;background:linear-gradient(160deg,rgba(9,44,48,.78) 0%,rgba(5,30,36,.72) 55%,rgba(3,22,28,.82) 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px rgba(0,18,20,.45),inset 0 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);overflow:hidden;color:#fff}
@media (min-width:768px){.vip-card{padding:44px 46px 40px}}
.vip-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#e9b872 25%,#f6d9a4 50%,#e9b872 75%,transparent)}
.vip-card::after{content:"";position:absolute;right:-120px;top:-140px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(233,184,114,.18),rgba(233,184,114,0) 65%);pointer-events:none}
.vip-head{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:16px 18px}
.vip-crest{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#f6d9a4;background:radial-gradient(circle at 30% 25%,rgba(246,217,164,.22),rgba(246,217,164,.04));border:1px solid rgba(246,217,164,.55);box-shadow:0 0 0 6px rgba(246,217,164,.06)}
.vip-crest svg{width:26px;height:26px}
.vip-headtx{flex:1 1 260px;min-width:0}
.vip-kicker{margin:0;font:600 11.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:3px;text-transform:uppercase;color:#e9b872}
.vip-title{margin:10px 0 0;font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:28px;line-height:1.1;color:#fff}
@media (min-width:768px){.vip-title{font-size:36px}}
.vip-status{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font:600 12.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:rgba(255,255,255,.9)}
.vip-dot{width:8px;height:8px;border-radius:50%;background:#5fd39a;box-shadow:0 0 0 4px rgba(95,211,154,.18)}
.vip-rule{position:relative;margin:26px 0 24px;height:1px;background:linear-gradient(90deg,rgba(246,217,164,.55),rgba(255,255,255,.12) 40%,rgba(255,255,255,0))}
.vip-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:640px){.vip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vip-tile{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);transition:background .3s ease,border-color .3s ease,transform .3s ease}
.vip-tile:hover{background:rgba(255,255,255,.09);border-color:rgba(246,217,164,.35);transform:translateY(-2px)}
@media (min-width:640px){.vip-wide{grid-column:1/-1}}
.vip-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#0b2a2c;background:linear-gradient(145deg,#f6d9a4,#d9a05a);box-shadow:0 8px 20px rgba(217,160,90,.28)}
.vip-ic svg{width:19px;height:19px}
.vip-tx{min-width:0}
.vip-label{display:block;margin-bottom:5px;font:700 10.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#e9b872}
.vip-val{font-size:15px;line-height:1.65;color:rgba(255,255,255,.92);overflow-wrap:anywhere}
.vip-val a{color:#fff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(246,217,164,.4);transition:border-color .25s,color .25s}
.vip-val a:hover{color:#f6d9a4;border-color:#f6d9a4}
.vip-muted{margin-left:4px;font-size:12.5px;color:rgba(255,255,255,.6)}
.vip-actions{position:relative;display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.vip-btn{flex:1 1 200px;display:inline-flex;justify-content:center;align-items:center;padding:14px 20px;border-radius:999px;font:700 14px/1 "Plus Jakarta Sans",system-ui,sans-serif;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.vip-btn-gold{color:#0b2a2c;background:linear-gradient(135deg,#f6d9a4,#e0a95e);box-shadow:0 12px 30px rgba(224,169,94,.32)}
.vip-btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(224,169,94,.42)}
.vip-btn-glass{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22)}
.vip-btn-glass:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.vip-quote{position:relative;margin:28px 0 0;padding:24px 8px 0;border-top:1px solid rgba(255,255,255,.12);text-align:center}
.vip-qmark{display:block;height:30px;font-family:"DM Serif Display",Georgia,serif;font-size:56px;line-height:1;color:#e9b872}
.vip-quote p{margin:6px auto 0;max-width:520px;font-family:"DM Serif Display",Georgia,serif;font-style:italic;font-size:19px;line-height:1.5;color:rgba(255,255,255,.92)}
@media (min-width:768px){.vip-quote p{font-size:22px}}
@media (max-width:480px){.vip-card{padding:26px 16px 22px}.vip-tile{padding:15px 14px;gap:12px}.vip-ic{width:38px;height:38px}.vip-val{font-size:14px}}

/* background look "Full photo": show the whole photo (pages and Home) */
.page-hero[data-bg="full"] .page-hero-shade{display:none!important}
.page-hero[data-bg="full"] .page-hero-media{position:relative;line-height:0}
.page-hero[data-bg="full"] .page-hero-media>.page-hero-img{position:relative;inset:auto;z-index:auto;display:block;height:auto!important;object-fit:contain}
.page-hero[data-bg="full"] .page-hero-media>.sea-canvas{position:absolute;inset:0;width:100%;height:100%!important}
.page-hero[data-bg="full"] .page-hero-credit{position:static!important;display:block;max-width:none;margin:8px 0 0;padding:0;background:none;font-size:11px;color:#6b7a72}
@media (max-width:767px){
  .page-hero[data-bg="full"]{padding-top:0!important}
  .page-hero[data-bg="full"] .page-hero-media>.page-hero-img{width:100%}
  .page-hero[data-bg="full"] .page-hero-credit{margin:8px 24px 0}
  .page-hero[data-bg="full"]>.container-x{padding-top:28px}
}
@media (min-width:768px){
  .page-hero[data-bg="full"]{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:56px;align-items:center;min-height:0!important;padding-left:max(24px,calc((100% - 1132px)/2));padding-right:max(24px,calc((100% - 1132px)/2))}
  .page-hero[data-bg="full"]>.container-x{grid-column:1;grid-row:1;max-width:none;width:auto;padding-left:0;padding-right:0;margin:0}
  .page-hero[data-bg="full"] .page-hero-media{grid-column:2;grid-row:1;justify-self:end;width:fit-content;max-width:100%;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(22,38,30,.18)}
  .page-hero[data-bg="full"] .page-hero-media>.page-hero-img{width:auto;max-width:100%;max-height:440px}
  .page-hero[data-bg="full"] .page-hero-credit{grid-column:2;grid-row:2;justify-self:end;text-align:right}
}
@media (min-width:768px) and (max-width:1023px){.page-hero[data-bg="full"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px}.page-hero[data-bg="full"] .page-hero-media>.page-hero-img{max-height:340px}}
.page-hero[data-bg="full"] .page-hero-media>.page-hero-img.hero-focus-right{width:100%!important;max-height:none;aspect-ratio:1.42;object-fit:cover;object-position:right center}
@media (min-width:768px){.page-hero[data-bg="full"] .page-hero-media:has(.hero-focus-right){width:100%}}
@media (max-width:767px){
  #home[data-bg="full"]>div:first-child{height:auto!important;overflow:visible}
  #home[data-bg="full"]>div:first-child>div:first-child{position:relative!important;inset:auto!important;width:100%;aspect-ratio:1536/1024}
  #home[data-bg="full"]>div:first-child>div:first-child>img,#home[data-bg="full"]>div:first-child>div:first-child>canvas{position:absolute;inset:0}
  #home[data-bg="full"]>div:first-child>[data-bg-shade]{display:none}
  #home[data-bg="full"]>div:first-child>div.relative{height:auto!important;padding-top:28px;padding-bottom:8px}
  #home[data-bg="full"]>div:nth-child(2)>div.relative{margin-top:28px}
}
@media (min-width:768px){#home[data-bg="full"] [data-bg-shade]{background-image:linear-gradient(to right,#FAF7F2 0%,#FAF7F2 46%,rgba(250,247,242,0) 48%)!important}}

/* contact: transportation - landing, route and schedule effects */
.tr-route{position:relative;display:flex;align-items:center;gap:14px;max-width:760px;margin:34px auto 0;font:700 11.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:#123d2a}
.tr-pt{flex:none;display:flex;align-items:center;gap:8px}
.tr-pt i{width:10px;height:10px;border-radius:50%;background:#1d6b47;box-shadow:0 0 0 5px rgba(29,107,71,.14);animation:trPulse 2.4s ease-in-out infinite}
.tr-pt:last-child i{background:#e0a95e;box-shadow:0 0 0 5px rgba(224,169,94,.2);animation-delay:1.2s}
.tr-lanes{position:relative;flex:1;display:grid;gap:10px}
.tr-lane{position:relative;height:24px}
.tr-lane::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,rgba(18,61,42,.35) 0 8px,transparent 8px 16px);background-size:32px 2px;animation:trDash 1.6s linear infinite}
.tr-lane-sea::before{height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8'%3E%3Cpath d='M0 4 Q6 0 12 4 T24 4' fill='none' stroke='%231d6b47' stroke-opacity='.45' stroke-width='1.6'/%3E%3C/svg%3E") repeat-x;background-size:24px 8px;animation:trWave 2.2s linear infinite}
.tr-mover{--w:78px;position:absolute;top:50%;left:0;display:flex;align-items:center;justify-content:center;gap:6px;width:var(--w);height:32px;margin-top:-16px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#1D6B47,#123D2A);box-shadow:0 8px 20px rgba(18,61,42,.28);animation:trFly 7s cubic-bezier(.45,.05,.35,1) infinite}
.tr-lane-sea .tr-mover{--w:98px;background:linear-gradient(135deg,#e9b872,#d0893e);animation:trSail 11s ease-in-out infinite}
.tr-mover svg{flex:none;width:17px;height:17px}
.tr-mover em{font:800 11px/1 "Plus Jakarta Sans",system-ui,sans-serif;font-style:normal;letter-spacing:1px}
.tr-lane-sea .tr-mover{color:#0b2a2c}
@keyframes trFly{0%{left:0;opacity:0;transform:translateY(6px) scale(.8)}8%{opacity:1;transform:translateY(-4px) scale(1)}85%{left:calc(100% - var(--w));opacity:1;transform:translateY(-4px)}95%,100%{left:calc(100% - var(--w));opacity:0;transform:translateY(4px) scale(.8)}}
@keyframes trSail{0%{left:0;opacity:0}6%{opacity:1}20%{transform:translateY(-2px) rotate(-3deg)}40%{transform:translateY(2px) rotate(3deg)}60%{transform:translateY(-2px) rotate(-3deg)}80%{transform:translateY(2px) rotate(2deg)}88%{left:calc(100% - var(--w));opacity:1}96%,100%{left:calc(100% - var(--w));opacity:0}}
@keyframes trDash{to{background-position:32px 0}}
@keyframes trWave{to{background-position:24px 0}}
@keyframes trPulse{0%,100%{box-shadow:0 0 0 5px rgba(29,107,71,.14)}50%{box-shadow:0 0 0 9px rgba(29,107,71,0)}}
@media (max-width:520px){.tr-route{gap:8px;font-size:10px;letter-spacing:1.5px}.tr-mover{--w:66px;height:28px;margin-top:-14px}.tr-lane-sea .tr-mover{--w:84px}.tr-mover em{font-size:10px}.tr-mover svg{width:14px;height:14px}}

/* photo layer: the plane "lands" and the boat settles on the water */
.tr-section .tr-card.tr-air,.tr-section .tr-card.tr-sea{background-image:none!important;isolation:isolate;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease,opacity .9s ease}
.tr-section .tr-card::before{content:"";position:absolute;left:0;right:0;top:0;height:270px;z-index:-2;background-repeat:no-repeat;background-position:top center;background-size:max(100%,580px) auto;transform-origin:60% 40%;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 52%,transparent 92%);mask-image:linear-gradient(180deg,#000 0,#000 52%,transparent 92%)}
.tr-section .tr-card.tr-air::before{background-image:url(images/tr-plane.webp)}
.tr-section .tr-card.tr-sea::before{background-image:url(images/tr-boat.webp)}
.tr-section .tr-card::after{content:"";position:absolute;left:0;right:0;top:0;height:270px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 115px,rgba(255,255,255,.72) 195px,#fff 258px)}
.tr-section .tr-card.reveal-in.tr-air::before{animation:trLand 2.4s cubic-bezier(.16,.84,.3,1) both,trDrift 14s ease-in-out 2.4s infinite alternate}
.tr-section .tr-card.reveal-in.tr-sea::before{animation:trDock 2.4s cubic-bezier(.16,.84,.3,1) .15s both,trBob 5.5s ease-in-out 2.6s infinite}
@keyframes trLand{0%{transform:translate(9%,-12%) scale(1.22);filter:blur(3px) saturate(1.2)}60%{filter:blur(0)}100%{transform:none;filter:none}}
@keyframes trDock{0%{transform:translate(-8%,10%) scale(1.2);filter:blur(3px)}60%{filter:blur(0)}100%{transform:none;filter:none}}
@keyframes trDrift{to{transform:scale(1.05) translate(-1.2%,.4%)}}
@keyframes trBob{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-4px) rotate(-.35deg)}65%{transform:translateY(3px) rotate(.3deg)}}
.tr-section .tr-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(18,61,42,.16)}
.tr-section .tr-card.reveal-in .tr-icon{animation:trPop .7s cubic-bezier(.3,1.6,.5,1) .9s both}
@keyframes trPop{0%{transform:scale(.4) rotate(-20deg);opacity:0}100%{transform:none;opacity:1}}

/* schedule "publishes" like a departures board */
.tr-section .tr-card .tr-sub{position:relative}
.tr-section .tr-card h4.tr-sub:first-of-type::after{content:"";display:inline-block;width:8px;height:8px;margin-left:10px;border-radius:50%;background:#2fbf71;vertical-align:middle;box-shadow:0 0 0 0 rgba(47,191,113,.5);animation:trLive 2s ease-out infinite}
@keyframes trLive{0%{box-shadow:0 0 0 0 rgba(47,191,113,.55)}100%{box-shadow:0 0 0 10px rgba(47,191,113,0)}}
.tr-section .tr-card.reveal-in .tr-list li{animation:trRow .6s cubic-bezier(.2,.8,.2,1) both}
.tr-section .tr-card.reveal-in .tr-list li>b{display:inline-block;transform-origin:50% 0;animation:trFlip .7s cubic-bezier(.3,1.4,.5,1) both;font-variant-numeric:tabular-nums}
.tr-section .tr-card.reveal-in .tr-list li:nth-child(1),.tr-section .tr-card.reveal-in .tr-list li:nth-child(1)>b{animation-delay:.55s}
.tr-section .tr-card.reveal-in .tr-list li:nth-child(1)>b{animation-delay:.8s}
.tr-section .tr-card.reveal-in .tr-list li:nth-child(2){animation-delay:.65s}
.tr-section .tr-card.reveal-in .tr-list li:nth-child(2)>b{animation-delay:.9s}
.tr-section .tr-card.reveal-in .tr-list li:nth-child(3){animation-delay:.75s}
.tr-section .tr-card.reveal-in .tr-list li:nth-child(3)>b{animation-delay:1s}
.tr-section .tr-card.reveal-in .tr-list li:nth-child(4){animation-delay:.85s}
.tr-section .tr-card.reveal-in .tr-list li:nth-child(4)>b{animation-delay:1.1s}
.tr-section .tr-card.reveal-in .tr-list li:nth-child(n+5){animation-delay:.95s}
.tr-section .tr-card.reveal-in .tr-list li:nth-child(n+5)>b{animation-delay:1.2s}
@keyframes trRow{0%{opacity:0;transform:translateX(-14px)}100%{opacity:1;transform:none}}
@keyframes trFlip{0%{opacity:0;transform:perspective(300px) rotateX(-90deg)}60%{opacity:1}100%{opacity:1;transform:none}}
.tr-section .tr-list li{transition:background .25s ease}
.tr-section .tr-list li:hover{background:linear-gradient(90deg,rgba(29,107,71,.06),rgba(29,107,71,0))}
.tr-section .tr-day{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(29,107,71,.08)}
@media (prefers-reduced-motion:reduce){.tr-section .tr-card::before,.tr-section .tr-card *,.tr-route *,.tr-route .tr-lane::before{animation:none!important}.tr-mover{left:calc(50% - var(--w)/2)!important}}

/* transportation: balanced cards and premium contact boxes */
@media (min-width:1024px){
  .tr-section .tr-grid{align-items:stretch}
  .tr-section .tr-card{display:flex;flex-direction:column}
  .tr-section .tr-card>.tr-contact{margin-top:auto}
  .tr-section .tr-card>:nth-last-child(3){margin-bottom:26px}
}
.tr-section .tr-contact{position:relative;overflow:hidden;padding:20px 22px;border-radius:18px;color:rgba(255,255,255,.88);background:linear-gradient(140deg,#174f37 0%,#123d2a 55%,#0b2a2c 100%);box-shadow:0 14px 34px rgba(18,61,42,.22)}
.tr-section .tr-contact::before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#e9b872 30%,#f6d9a4 50%,#e9b872 70%,transparent)}
.tr-section .tr-contact::after{content:"";position:absolute;right:-60px;top:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(233,184,114,.18),rgba(233,184,114,0) 70%);pointer-events:none}
.tr-section .tr-contact .tr-sub{margin:0 0 10px!important;font:700 11px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:2.2px;text-transform:uppercase;color:#e9b872!important}
.tr-section .tr-contact .tr-sub::after{display:none!important}
.tr-section .tr-contact p{color:rgba(255,255,255,.88);line-height:1.75}
.tr-section .tr-contact a{color:#fff!important;font-weight:600;text-decoration:none!important;border-bottom:1px solid rgba(246,217,164,.5)}
.tr-section .tr-contact a:hover{color:#f6d9a4!important}
.tr-section .tr-phones{gap:10px!important;margin-top:12px!important}
.tr-section .tr-phones .tr-tel{color:#e9b872!important;font-size:11px;font-weight:700!important;letter-spacing:2px;text-transform:uppercase}
.tr-section .tr-phones a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px;background:rgba(255,255,255,.08);transition:background .25s ease,transform .25s ease}
.tr-section .tr-phones a:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}
.tr-section .tr-phones a span{color:rgba(255,255,255,.62)!important;font-size:12px}
.tr-section .tr-card>.tr-note:last-child{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-style:italic}
.tr-section .tr-card>.tr-note:last-child::before{content:"i";flex:none;display:grid;place-items:center;width:16px;height:16px;margin-top:2px;border-radius:50%;font:700 10px/1 Georgia,serif;font-style:normal;color:#fff;background:#d98a2b}

/* transportation: in-flight style destination map */
.tr-route{display:none}
.tr-map{position:relative;max-width:980px;margin:36px auto 0;border-radius:24px;overflow:hidden;background:radial-gradient(120% 140% at 75% 10%,#14506a 0%,#0d3a50 45%,#08263a 100%);box-shadow:0 30px 70px rgba(8,38,58,.28),inset 0 1px 0 rgba(255,255,255,.08);color:#fff}
.tr-map::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 30%);border-radius:inherit}
.tr-map-top{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:16px 20px;font:700 11px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:2.2px;text-transform:uppercase}
.tr-map-title{display:flex;align-items:center;gap:10px;color:#fff}
.tr-map-title i{font-style:normal;color:#e9b872}
.tr-map-legend{display:flex;gap:14px;color:rgba(255,255,255,.7);letter-spacing:1.4px}
.tr-map-legend span{display:inline-flex;align-items:center;gap:7px}
.tr-map-legend span::before{content:"";width:18px;height:0;border-top:2px dashed #f6d9a4}
.tr-map-legend .lg-sea::before{border-top:2px dotted #7fe0c0}
.tr-map-svg{display:block;width:100%;height:auto;min-height:240px;aspect-ratio:1000/360}
.tr-isl path,.tr-isl circle{fill:#2f7d5a;stroke:rgba(190,240,210,.35);stroke-width:1.2}
.tr-lbl{font:800 15px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:3px;fill:#fff}
.tr-lbl-sm{font:600 11px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:1.5px;fill:rgba(255,255,255,.45)}
.tr-path-air{fill:none;stroke:#f6d9a4;stroke-width:2.2;stroke-dasharray:8 9;stroke-linecap:round;animation:trMapDash 1.4s linear infinite}
.tr-path-sea{fill:none;stroke:#7fe0c0;stroke-width:2;stroke-dasharray:2 7;stroke-linecap:round;opacity:.85;animation:trMapDash 2.4s linear infinite}
@keyframes trMapDash{to{stroke-dashoffset:-34}}
.dot-k{fill:#2fbf71;stroke:#fff;stroke-width:2}
.dot-a{fill:#e9b872;stroke:#fff;stroke-width:2}
.tr-pin circle:first-child{animation:trMapGlow 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes trMapGlow{0%,100%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.tr-plane{fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.tag-air{fill:#1d6b47;stroke:rgba(255,255,255,.5);stroke-width:1}
.tag-sea{fill:#e0a95e;stroke:rgba(255,255,255,.55);stroke-width:1}
.tag-t{font:800 11px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:1px;fill:#fff;text-anchor:middle}
.tag-t-sea{fill:#0b2a2c}
.tr-boat{fill:#e0a95e;stroke:#fff;stroke-width:2}
.tr-boat-ic{fill:none;stroke:#0b2a2c;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tr-compass circle{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.25)}
.tr-compass path{fill:rgba(255,255,255,.35)}
.tr-compass path.n{fill:#e9b872}
.tr-compass text{font:700 10px "Plus Jakarta Sans",system-ui,sans-serif;fill:rgba(255,255,255,.7);text-anchor:middle}
.tr-map-foot{position:absolute;left:20px;bottom:12px;margin:0;font:600 10px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.45)}
@media (max-width:640px){.tr-map{border-radius:18px}.tr-map-top{padding:12px 14px;font-size:10px}.tr-map-legend{display:none}.tr-map-svg{min-height:0}.tr-map-foot{display:none}}
@media (prefers-reduced-motion:reduce){.tr-map .mv{display:none}.tr-path-air,.tr-path-sea,.tr-pin circle{animation:none!important}}
/* keep contact labels capital-looking without changing the text */
.tr-section .tr-contact .tr-sub,.tr-section .tr-phones .tr-tel{text-transform:none!important;font-variant-caps:all-small-caps;font-size:13px!important;letter-spacing:1.6px}
@media (max-width:640px){
  .tr-map .tr-lbl{font-size:30px;letter-spacing:2px}
  .tr-map .tr-lbl-sm{font-size:20px}
  .tr-map .mv rect,.tr-map .mv text,.tr-map .tr-boat,.tr-map .tr-boat-ic{transform:scale(1.8)}
  .tr-map .tr-plane{transform:rotate(90deg) scale(1.8)}
  .tr-map .tr-compass{display:none}
  .tr-map .tr-map-top{display:none}
}

/* transportation: pilot-style route chart */
.tr-map{display:none}
.pc-chart{position:relative;max-width:1000px;margin:36px auto 0;border-radius:22px;overflow:hidden;background:#f7f3e6;border:1px solid rgba(18,61,42,.14);box-shadow:0 30px 70px rgba(8,38,58,.18)}
.pc-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;padding:14px 20px;background:#0f2f45;color:#fff}
.pc-title{display:flex;align-items:baseline;gap:12px;font:800 16px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.5px}
.pc-title i{font-style:normal;color:#e9b872}
.pc-k{font:700 10.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:#e9b872}
.pc-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font:600 12px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:rgba(255,255,255,.85)}
.pc-legend span{display:inline-flex;align-items:center;gap:8px}
.pc-legend span::before{content:"";width:22px;height:0;border-top:3px solid #c0267a}
.pc-legend .lg-s::before{border-top:3px dashed #1f6fb2}
.pc-svg{display:block;width:100%;height:auto}
.pc-grid{stroke:rgba(31,94,140,.16);stroke-width:1}
.pc-grid-b{stroke:rgba(31,94,140,.3)}
.pc-tick{stroke:rgba(31,94,140,.55);stroke-width:1}
.pc-glbl{font:600 10px "IBM Plex Mono",ui-monospace,monospace;fill:#1f5e8c}
.pc-reef{fill:none;stroke:#3a8fb7;stroke-width:1.3;stroke-dasharray:3 3;opacity:.75}
.pc-shallow{fill:#a9dbe0;opacity:.85}
.pc-land{fill:#f2eac6;stroke:#8c7a46;stroke-width:1.4;stroke-linejoin:round}
.pc-landh{fill:url(#pch);stroke:none;pointer-events:none}
.pc-rocks path{fill:#e7dcab;stroke:#8c7a46;stroke-width:.8}
.pc-rose circle{fill:none;stroke:rgba(31,94,140,.55);stroke-width:1.2}
.pc-rose circle.in{stroke-dasharray:2 3}
.pc-rose line{stroke:#1f5e8c;stroke-width:1}
.pc-rl{font:700 10px "Plus Jakarta Sans",system-ui,sans-serif;fill:#1f5e8c;text-anchor:middle}
.pc-n{fill:#c0267a;opacity:.85}
.pc-water{font:italic 600 15px Georgia,serif;letter-spacing:6px;fill:rgba(31,94,140,.6)}
.pc-big{font:800 17px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:5px;fill:#5d4f27}
.pc-town{font:800 13px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:2.5px;fill:#16261e}
.pc-mid{font:800 13px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:3px;fill:#5d4f27}
.pc-it{font:italic 600 12px Georgia,serif;letter-spacing:3px;fill:#6c5d33}
.pc-airhalo{fill:none;stroke:#fff;stroke-width:8;opacity:.75;stroke-linecap:round}
.pc-airroute{fill:none;stroke:#c0267a;stroke-width:3.2;stroke-linecap:round}
.pc-searoute{fill:none;stroke:#1f6fb2;stroke-width:2.6;stroke-dasharray:9 6;stroke-linecap:round;animation:pcDash 1.6s linear infinite}
@keyframes pcDash{to{stroke-dashoffset:-30}}
.pc-dtick{stroke:#c0267a;stroke-width:2}
.pc-dnum{font:700 10px "IBM Plex Mono",ui-monospace,monospace;fill:#c0267a}
.pc-crs{fill:#fff;stroke:#c0267a;stroke-width:1.6}
.pc-crst{font:800 12px "IBM Plex Mono",ui-monospace,monospace;fill:#c0267a}
.pc-apt circle{fill:none;stroke-width:3.2}
.pc-apt line{stroke-width:5;stroke-linecap:butt}
.pc-apt.tw circle,.pc-apt.tw line{stroke:#1f5e8c}
.pc-apt.nt circle,.pc-apt.nt line{stroke:#c0267a}
.pc-box text{font:600 10.5px "IBM Plex Mono",ui-monospace,monospace;fill:#1f5e8c}
.pc-box .t{font:800 12.5px "Plus Jakarta Sans",system-ui,sans-serif;fill:#16261e;letter-spacing:.5px}
.pc-port circle{fill:#fff;stroke:#1f6fb2;stroke-width:2.4}
.pc-pl{font:700 10.5px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:1.5px;fill:#1f5e8c}
.pc-plane{fill:#16261e;stroke:#fff;stroke-width:1.2}
.pc-tag-air{fill:#c0267a}
.pc-tag-sea{fill:#e0a95e}
.pc-tag{font:800 10.5px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:1px;fill:#fff;text-anchor:middle}
.pc-tag-s{fill:#0b2a2c}
.pc-boat{fill:#e0a95e;stroke:#fff;stroke-width:2}
.pc-boat-ic{fill:none;stroke:#0b2a2c;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pc-scale rect.a{fill:#16261e}.pc-scale rect.b{fill:#fff;stroke:#16261e;stroke-width:1}
.pc-scale text{font:700 10px "IBM Plex Mono",ui-monospace,monospace;fill:#16261e}
.pc-foot{margin:0;padding:10px 20px;background:#efe8d3;font:600 10.5px/1.4 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#6b6142}
@media (max-width:640px){
  .pc-chart{border-radius:16px}
  .pc-head{padding:12px 14px}
  .pc-title{font-size:14px}
  .pc-legend{font-size:11px}
  .pc-glbl,.pc-rl,.pc-dnum,.pc-water,.pc-pl,.pc-box tspan:not(.t),.pc-it{display:none}
  .pc-big{font-size:30px}.pc-town,.pc-mid{font-size:24px}
  .pc-box .t{font-size:22px}
  .pc-crsg{display:none}
  .pc-foot{font-size:9px;padding:8px 14px}
  .pc-mv g>*{transform:scale(1.7)}
  .pc-mv .pc-plane{transform:rotate(90deg) scale(1.7)}
}
@media (prefers-reduced-motion:reduce){.pc-mv{display:none}.pc-searoute{animation:none}}
