@layer bricks {.brxe-shortcode{width:100%}}:root { --lp-green: var(--bricks-color-xbxntp, #1b521d); --lp-deep: var(--bricks-color-sgmlwq, #183719); --lp-accent: var(--bricks-color-66876d, #8bc34a); --lp-tint: var(--bricks-color-iltqvc, #e8ede8); --lp-offwhite: var(--bricks-color-56d8f7, #f5f5f5);  --lp-ink: #363636; --lp-hair: #d7e1d7; --lp-muted: #6d7a6e;  --lp-radius: 12px; --lp-gap: var(--space-m, 1.5rem);}.lp-showcase,.lp-showcase *,.lp-showcase *::before,.lp-showcase *::after { box-sizing: border-box;}.lp-showcase,.lp-hero,.lp-hero-txt,.lp-h1,.lp-eyebrow,.lp-hero-sub,.lp-count,.lp-note,.lp-grid,.lp-card,.lp-card-media,.lp-card-body,.lp-card-title,.lp-card-count { width: 100%;}.lp-showcase { padding-block: var(--space-m, 1.5rem) var(--space-2xl, 4rem); color: var(--lp-ink);}.lp-hero { position: relative; display: flex; flex-direction: row; align-items: flex-end; overflow: hidden; border-radius: var(--lp-radius); background: var(--lp-offwhite);  aspect-ratio: 16 / 5.6;  min-height: 19rem; max-height: 62vh;}.lp-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; -webkit-user-drag: none;}.lp-scrim { position: absolute; inset: 0; background: linear-gradient( to top, rgb(12 24 13 / 0.82) 0%, rgb(12 24 13 / 0.42) 42%, rgb(12 24 13 / 0) 76% );}.lp-hero-txt { position: relative; padding: var(--space-l, 2rem);}.lp-eyebrow { display: block; margin: 0 0 0.7em; font-size: var(--step--2, 0.68rem); font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(255 255 255 / 0.78);}.lp-h1 { margin: 0 0 0.3em; font-size: var(--step-4, 2.5rem); font-weight: 600; line-height: 1.08; letter-spacing: -0.025em; color: #fff; text-wrap: balance;}.lp-hero-sub { margin: 0; max-width: 52ch; font-size: var(--step-0, 1rem); line-height: 1.6; color: rgb(255 255 255 / 0.85);}.lp-count { margin: var(--space-m, 1.5rem) 0 0; font-size: var(--step--1, 0.85rem); color: var(--lp-muted); font-variant-numeric: tabular-nums;}.lp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: var(--lp-gap); margin-top: var(--space-s, 1rem); align-items: stretch;}.lp-card { display: block; overflow: hidden; border: 1px solid var(--lp-hair); border-radius: var(--lp-radius); background: #fff; text-decoration: none; transition: border-color 180ms ease, box-shadow 180ms ease;}.lp-card:hover { border-color: #b9cbb9; box-shadow: 0 1px 3px rgb(24 55 25 / 0.07);}.lp-card-media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--lp-offwhite);}.lp-card-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 500ms ease; -webkit-user-drag: none;}.lp-card:hover .lp-card-media img { transform: scale(1.03);}.lp-card-body { display: block; padding: 0.7rem 0.85rem 0.85rem;}.lp-card-title { display: block; margin: 0; font-size: var(--step-0, 1rem); font-weight: 600; line-height: 1.3; color: var(--lp-deep);}.lp-card-count { display: block; margin: 0.15em 0 0; font-size: var(--step--1, 0.85rem); color: var(--lp-muted); font-variant-numeric: tabular-nums;}.lp-note { margin: var(--space-m, 1.5rem) 0 0; font-size: var(--step-0, 1rem); color: var(--lp-ink);}.lp-card:focus-visible { outline: 2px solid var(--lp-green); outline-offset: 3px;}@media (max-width: 40rem) { .lp-hero { aspect-ratio: 4 / 3.4; min-height: 0; } .lp-hero-txt { padding: var(--space-s, 1rem); } .lp-h1 { font-size: var(--step-2, 1.66rem); } .lp-hero-sub { font-size: var(--step--1, 0.85rem); }}.lp-gal-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(190px, 100%), 1fr)); gap: var(--space-2xs, 0.6rem); list-style: none; padding: 0; margin: 0;  user-select: none; -webkit-touch-callout: none;}.lp-gal-tile { position: relative; display: block; width: 100%; padding: 0; border: 1px solid var(--lp-hair, #d7e1d7); border-radius: 12px; overflow: hidden; background: var(--lp-tint, #e8ede8); cursor: zoom-in;}.lp-gal-tile img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; -webkit-user-drag: none;}.lp-gal-shield { position: absolute; inset: 0;}.lp-gal-tile:focus-visible { outline: 2px solid var(--lp-green, #1b521d); outline-offset: 3px;}.m-dialog.is-photo .lp-gal-tile:focus-visible { outline-color: var(--lp-accent, #8bc34a);}:root { --ease-emphasized: cubic-bezier(0.23, 1, 0.32, 1); --animate-overlay-in: overlay-in 200ms var(--ease-emphasized) both; --animate-overlay-out: overlay-out 160ms var(--ease-emphasized) both; --animate-modal-in: modal-in 220ms var(--ease-emphasized) both; --animate-modal-out: modal-out 160ms var(--ease-emphasized) both; --animate-stagger-in: stagger-in 340ms var(--ease-emphasized) both;}@keyframes overlay-in { from { opacity: 0; } to { opacity: 1; }}@keyframes overlay-out { from { opacity: 1; } to { opacity: 0; }}@keyframes modal-in { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); }}@keyframes modal-out { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.96); }}@keyframes stagger-in { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); }}@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }}.m-backdrop { position: fixed; inset: 0; z-index: 9000; background: rgb(16 24 16 / 0.66); display: flex; align-items: center; justify-content: center; padding: clamp(12px, 3vw, 44px); animation: var(--animate-overlay-in);}.m-backdrop[hidden] { display: none;}.m-backdrop.is-closing { animation: var(--animate-overlay-out);}.m-dialog { width: min(1400px, 100%); height: min(900px, 100%); background: #fff; border-radius: 25px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 30px 80px rgb(0 0 0 / 0.45); animation: var(--animate-modal-in);}.m-backdrop.is-closing .m-dialog { animation: var(--animate-modal-out);}.m-head { flex: none; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-m, 1.5rem); padding: var(--space-m, 1.5rem) var(--space-l, 2rem); background: #fff; border-bottom: 1px solid var(--lp-hair, #d7e1d7);}.m-title { margin: 0; font-size: var(--step-2, 1.66rem); font-weight: 600; line-height: 1.2; color: var(--lp-deep, #183719);}.m-count { margin: 0.3em 0 0; font-size: var(--step--1, 0.85rem); color: var(--lp-ink, #363636); font-variant-numeric: tabular-nums;}.m-close { flex: none; text-decoration: none;  display: flex; align-items: center; justify-content: center; padding: 0; width: 2.75rem; height: 2.75rem; border: 1px solid var(--lp-hair, #d7e1d7); border-radius: 50%; background: #fff; color: var(--lp-deep, #183719); cursor: pointer;}.m-close:hover { background: var(--lp-tint, #e8ede8);}.m-close:focus-visible { outline: 2px solid var(--lp-green, #1b521d); outline-offset: 2px;}.m-scroll {  flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: var(--space-m, 1.5rem) var(--space-l, 2rem) var(--space-l, 2rem);}.m-body[hidden] { display: none;}.m-body { display: contents;}.m-body[data-view='grid'] .m-stage { display: none;}.m-body[data-view='photo'] .m-scroll { display: none;}.m-body[data-view='grid'] .i-back { display: none;}.m-body[data-view='photo'] .i-close { display: none;}.m-close svg { display: block;}.m-stage { flex: 1 1 auto; min-height: 0; display: flex; align-items: center; justify-content: center; padding: var(--space-m, 1.5rem); background: #10180f;}.m-stage img { max-width: 100%; max-height: 100%; width: auto; height: auto; border-radius: 16px; -webkit-user-drag: none;  animation: var(--animate-modal-in);}.m-scroll .lp-gal-tile { animation: var(--animate-stagger-in); animation-delay: min(calc(var(--i, 0) * 22ms), 260ms);}.m-dialog.is-photo { background: #10180f;}.m-dialog.is-photo .m-head { background: #10180f; border-bottom-color: rgb(255 255 255 / 0.14);}.m-dialog.is-photo .m-title { color: #fff;}.m-dialog.is-photo .m-count { color: rgb(255 255 255 / 0.7);}.m-dialog.is-photo .m-close { background: rgb(255 255 255 / 0.08); border-color: rgb(255 255 255 / 0.35); color: #fff;}.m-dialog.is-photo .m-close:hover { background: rgb(255 255 255 / 0.18);}@media (max-width: 40rem) { .m-backdrop { padding: 0; } .m-dialog { width: 100%; height: 100%; border-radius: 0; } .m-head, .m-scroll { padding-left: var(--space-s, 1rem); padding-right: var(--space-s, 1rem); } .m-stage { padding: var(--space-2xs, 0.6rem); } .m-stage img { border-radius: 10px; }}