:root {
--brown-dark: #2b1f0e;
--brown-hover: #3a2e1a;
--brown-mid: #8b4513;
--brown-light: #c8966a;
--brown-pale: #f4efe6;
--brown-border: #ddd3bc;
--cream: #faf7f2;
--white: #ffffff;
--text-dark: #1a1208;
--text-mid: #6b5c44;
--text-muted: #a08060;
--text-on-dark: #f0e6d0;
--text-dim-dark: #6a5040;
--serif: 'Playfair Display', Georgia, serif;
--sans: 'Barlow', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--max-width: 1500px;
--page-pad: clamp(24px, 5vw, 92px);
--radius-sm: 2px;
--radius-md: 6px;
--shadow-soft: 0 4px 16px rgba(139, 69, 19, 0.10);
--shadow-light: 0 2px 10px rgba(139, 69, 19, 0.08);
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
padding: 0;
background-color: var(--brown-pale);
background-image:
radial-gradient(rgba(43, 31, 14, 0.035) 0.7px, transparent 0.7px),
radial-gradient(rgba(139, 69, 19, 0.025) 0.6px, transparent 0.6px);
background-position: 0 0, 11px 13px;
background-size: 22px 22px, 29px 29px;
color: var(--text-dark);
font-family: var(--sans);
font-size: 18px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
img {
display: block;
max-width: 100%;
height: auto;
}
a {
color: var(--brown-mid);
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}
a:hover {
color: var(--brown-dark);
}
p {
line-height: 1.75;
}  .grid-container,
.site-content,
.inside-header,
.inside-navigation,
.lka-content-wrap,
.lka-single-wrap,
.lka-section-header,
.lka-states-grid,
.lka-triprow-inner,
.lka-footer-inner,
.lka-footer-bottom,
.lka-archive-grid {
max-width: var(--max-width) !important;
}
.site-content,
.inside-article,
.separate-containers .site-main,
.separate-containers .inside-article {
padding: 0 !important;
margin-top: 0 !important;
}
body.home .site-content {
width: 100% !important;
max-width: none !important;
} .site-header,
.main-navigation {
background: var(--brown-dark) !important;
border-bottom: none !important;
}
.site-header {
padding: 0 !important;
}
.lka-site-header {
height: 68px !important;
overflow: visible !important;
}
.lka-site-header .inside-header {
display: grid !important;
grid-template-columns: auto 1fr auto !important;
align-items: center !important;
gap: 32px !important;
width: 92% !important;
max-width: var(--max-width) !important;
height: 68px !important;
min-height: 68px !important;
margin: 0 auto !important;
padding: 0 !important;
} .site-branding,
.lka-site-branding {
display: flex;
align-items: center;
gap: 10px;
}
.nav-logo {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
color: var(--brown-light) !important;
text-decoration: none !important;
white-space: nowrap !important;
}
.nav-logo:hover {
color: var(--text-on-dark) !important;
}
.nav-emblem {
display: inline-flex !important;
align-items: center !important;
}
.site-title {
color: var(--brown-light) !important;
font-family: var(--sans) !important;
font-size: 16px !important;
font-weight: 500 !important;
letter-spacing: 0.2px !important;
line-height: 1 !important;
text-transform: none !important;
}
.site-title a {
color: inherit !important;
font: inherit !important;
letter-spacing: inherit !important;
text-decoration: none !important;
text-transform: inherit !important;
} .lka-main-navigation {
position: static !important;
width: auto !important;
background: transparent !important;
}
.lka-main-navigation .inside-navigation {
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.lka-main-navigation .main-nav > ul {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.lka-main-navigation .main-nav ul li {
position: relative !important;
}
.lka-main-navigation .main-nav > ul > li > a {
display: flex !important;
align-items: center !important;
height: 68px !important;
padding: 0 22px !important;
background: transparent !important;
border-left: 1px solid var(--brown-hover) !important;
border-right: none !important;
color: #d8b892 !important;
font-family: var(--sans) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
line-height: 68px !important;
text-decoration: none !important;
text-transform: uppercase !important;
transition: color 0.15s ease, background 0.15s ease !important;
}
.lka-main-navigation .main-nav > ul > li:last-child > a {
border-right: 1px solid var(--brown-hover) !important;
}
.lka-main-navigation .main-nav > ul > li > a:hover,
.lka-main-navigation .main-nav > ul > li.current-menu-item > a {
background: var(--brown-hover) !important;
color: var(--text-on-dark) !important;
} .lka-main-navigation .main-nav ul ul {
display: none !important;
position: absolute !important;
top: 68px !important;
left: 0 !important;
min-width: 210px !important;
background: var(--brown-dark) !important;
border: 1px solid var(--brown-hover) !important;
z-index: 9999 !important;
}
.lka-main-navigation .main-nav ul li:hover > ul,
.lka-main-navigation .main-nav ul li:focus-within > ul {
display: block !important;
}
.lka-main-navigation .main-nav ul ul li a {
display: block !important;
height: auto !important;
padding: 14px 18px !important;
border-left: none !important;
border-right: none !important;
color: #d8b892 !important;
line-height: 1.4 !important;
white-space: nowrap !important;
}
.lka-main-navigation .main-nav ul ul li a:hover {
background: var(--brown-hover) !important;
color: var(--text-on-dark) !important;
} .nav-newsletter {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
color: var(--brown-light) !important;
font-size: 16px !important;
text-decoration: underline !important;
white-space: nowrap !important;
}
.nav-newsletter:hover {
color: var(--text-on-dark) !important;
} .lka-mobile-menu-toggle {
display: none !important;
}
.lka-nav-wrap {
display: contents !important;
} .lka-btn,
.lka-sb-nl-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-width: 210px;
padding: 17px 30px;
border: none;
border-radius: var(--radius-sm);
background-color: var(--brown-mid) !important;
color: var(--white) !important;
cursor: pointer;
font-family: var(--sans);
font-size: 14px;
font-weight: 700;
letter-spacing: 1.5px;
line-height: 1.1;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.lka-btn:hover,
.lka-sb-nl-btn:hover {
background-color: var(--brown-dark) !important;
color: var(--white) !important;
} .lka-hero {
position: relative;
min-height: 610px;
padding: 82px var(--page-pad) 64px;
overflow: hidden;
background-color: var(--white);
background-image:
radial-gradient(rgba(43, 31, 14, 0.026) 0.7px, transparent 0.7px),
radial-gradient(rgba(200, 150, 106, 0.030) 0.6px, transparent 0.6px);
background-position: 0 0, 14px 16px;
background-size: 24px 24px, 31px 31px;
border-bottom: 1px solid var(--brown-border);
display: flex;
flex-direction: column;
justify-content: center;
}
.lka-hero > *:not(.lka-hero-dots):not(.lka-hero-corner) {
width: 100%;
max-width: var(--max-width);
margin-left: auto;
margin-right: auto;
}
.lka-hero-dots {
position: absolute;
inset: 0;
background-image: radial-gradient(var(--brown-light) 1px, transparent 1px);
background-size: 30px 30px;
opacity: 0.035;
pointer-events: none;
}
.lka-hero-corner {
position: absolute;
top: 34px;
right: var(--page-pad);
color: #d4c0a0;
font-size: 12px;
letter-spacing: 3px;
text-transform: uppercase;
}
.lka-hero-eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 26px;
}
.lka-hero-eyebrow-line {
width: 28px;
height: 1.5px;
background: var(--brown-light);
flex-shrink: 0;
}
.lka-hero-eyebrow span {
color: var(--brown-light);
font-size: 13px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
}
.lka-hero h1 {
max-width: 920px;
margin: 0 0 28px;
color: var(--text-dark);
font-family: var(--serif);
font-size: clamp(62px, 6vw, 92px);
font-weight: 500;
letter-spacing: -2px;
line-height: 0.98;
}
.lka-hero h1 em {
color: var(--brown-mid);
font-style: italic;
}
.lka-hero-sub {
max-width: 900px;
margin-bottom: 38px;
color: var(--text-mid);
font-size: 22px;
line-height: 1.75;
}
.lka-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 0;
}
.lka-hero-stats {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0;
max-width: var(--max-width);
margin-top: 42px;
padding-top: 34px;
border-top: 1px solid var(--brown-border);
}
.lka-hero-stat {
min-width: 190px;
margin-right: 36px;
padding-right: 36px;
border-right: 1px solid var(--brown-border);
}
.lka-hero-stat:last-child {
margin-right: 0;
padding-right: 0;
border-right: none;
}
.lka-hero-stat-num {
color: var(--brown-mid);
font-family: var(--serif);
font-size: 32px;
font-weight: 500;
line-height: 1;
}
.lka-hero-stat-label {
margin-top: 4px;
color: #9d8568;
font-size: 12px;
letter-spacing: 1.8px;
text-transform: uppercase;
} .lka-ticker {
background: var(--brown-mid);
border-top: 1px solid rgba(255,255,255,0.08);
border-bottom: 1px solid rgba(0,0,0,0.15);
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.lka-ticker::-webkit-scrollbar {
display: none;
}
.lka-ticker-inner {
display: inline-flex;
align-items: center;
min-width: max-content;
padding: 12px 0;
}
.lka-ticker-label {
font-size: 11px;
letter-spacing: 3px;
text-transform: uppercase;
color: #f4d2ae;
margin-right: 24px;
padding-left: 32px;
flex-shrink: 0;
}
.lka-ticker-items {
display: inline-flex;
align-items: center;
gap: 34px;
padding-right: 32px;
}
.lka-ticker-item {
display: inline-flex;
align-items: center;
gap: 8px;
color: #fff2e3;
text-decoration: none;
font-size: 14px;
white-space: nowrap;
opacity: 0.92;
transition: opacity 0.2s ease;
}
.lka-ticker-item:hover {
opacity: 1;
}
.lka-ticker-dot {
opacity: 0.45;
font-size: 12px;
} .lka-triprow {
padding: 16px 40px;
background: var(--brown-dark);
}
.lka-triprow-inner {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1px;
margin: 0 auto;
overflow: hidden;
background: var(--brown-hover);
border: 1px solid var(--brown-hover);
border-radius: 4px;
}
.lka-trip-btn {
display: block;
padding: 22px 16px;
background: var(--brown-dark);
cursor: pointer;
text-align: center;
text-decoration: none;
transition: background 0.15s ease;
}
.lka-trip-btn:hover {
background: var(--brown-hover);
}
.lka-trip-btn .dashicons,
.lka-trip-btn i {
display: block;
margin: 0 auto 6px;
color: var(--brown-light);
font-size: 22px;
}
.lka-trip-btn-label {
color: var(--text-on-dark);
font-size: 15px;
font-weight: 600;
}
.lka-trip-btn-sub {
margin-top: 3px;
color: #8f7457;
font-size: 13px;
} .lka-states {
padding: 24px 40px;
background-color: var(--brown-pale);
background-image:
radial-gradient(rgba(43, 31, 14, 0.03) 0.7px, transparent 0.7px),
radial-gradient(rgba(139, 69, 19, 0.020) 0.6px, transparent 0.6px);
background-position: 0 0, 13px 17px;
background-size: 24px 24px, 31px 31px;
border-bottom: 1px solid var(--brown-border);
}
.lka-section-header {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto 16px;
}
.lka-section-label {
display: flex;
align-items: center;
gap: 10px;
color: var(--brown-mid);
font-size: 12px;
letter-spacing: 3px;
text-transform: uppercase;
}
.lka-section-label::before {
content: "";
display: inline-block;
width: 20px;
height: 1.5px;
background: var(--brown-light);
}
.lka-see-all {
color: var(--text-muted);
font-size: 12px;
letter-spacing: 1.5px;
text-decoration: none;
text-transform: uppercase;
transition: color 0.15s ease;
}
.lka-see-all:hover {
color: var(--brown-mid);
}
.lka-states-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 8px;
margin: 0 auto;
}
.lka-state-card {
display: block;
padding: 14px 8px;
background-color: var(--white);
background-image:
radial-gradient(rgba(43, 31, 14, 0.020) 0.6px, transparent 0.6px);
background-size: 18px 18px;
border: 1px solid var(--brown-border);
border-radius: 4px;
text-align: center;
text-decoration: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.lka-state-card:hover {
border-color: var(--brown-light);
box-shadow: var(--shadow-light);
}
.lka-state-emoji {
margin-bottom: 6px;
font-size: 24px;
}
.lka-state-name {
color: var(--text-dark);
font-size: 15px;
font-weight: 600;
}
.lka-state-count {
margin-top: 3px;
color: var(--text-muted);
font-size: 12px;
} .lka-content-wrap {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
width: 92%;
margin: 0 auto;
padding: 0;
gap: 0;
}
.lka-posts-col {
padding: 36px 36px 56px 0;
border-right: 1px solid var(--brown-border);
}
.lka-col-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
} .lka-post-featured {
display: block;
margin-bottom: 14px;
overflow: hidden;
background-color: var(--white);
background-image:
radial-gradient(rgba(43, 31, 14, 0.020) 0.6px, transparent 0.6px);
background-size: 18px 18px;
border: 1px solid var(--brown-border);
border-radius: var(--radius-md);
text-decoration: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.lka-post-featured:hover {
border-color: var(--brown-light);
box-shadow: var(--shadow-soft);
}
.lka-post-featured-img {
position: relative;
height: 340px;
overflow: hidden;
background: #3d2a14;
display: flex;
align-items: center;
justify-content: center;
}
.lka-post-featured-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lka-post-featured-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(27, 14, 4, 0.75) 0%, transparent 55%);
}
.lka-post-featured-badges {
position: absolute;
bottom: 14px;
left: 16px;
right: 16px;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
.lka-post-cat {
padding: 3px 10px;
background: var(--brown-light);
border-radius: var(--radius-sm);
color: var(--white);
font-size: 10px;
letter-spacing: 1.5px;
text-decoration: none;
text-transform: uppercase;
}
.lka-post-read {
color: rgba(240, 230, 208, 0.85);
font-size: 11px;
}
.lka-post-featured-body {
padding: 20px 22px;
}
.lka-post-featured-title {
margin: 0 0 10px;
color: var(--text-dark);
font-family: var(--serif);
font-size: 30px;
font-weight: 500;
line-height: 1.3;
}
.lka-post-featured-excerpt {
color: var(--text-mid);
font-size: 17px;
line-height: 1.7;
}
.lka-post-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.lka-post-row {
display: flex;
overflow: hidden;
background-color: var(--white);
background-image:
radial-gradient(rgba(43, 31, 14, 0.020) 0.6px, transparent 0.6px);
background-size: 18px 18px;
border: 1px solid var(--brown-border);
border-radius: var(--radius-md);
text-decoration: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.lka-post-row:hover {
border-color: var(--brown-light);
box-shadow: var(--shadow-light);
}
.lka-post-row-img {
position: relative;
width: 132px;
min-height: 110px;
flex-shrink: 0;
overflow: hidden;
background: #3d2a14;
border-right: 1px solid var(--brown-border);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.lka-post-row-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lka-post-row-img-state {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 3px 0;
background: rgba(27, 14, 4, 0.7);
color: var(--brown-light);
font-size: 9px;
font-weight: 600;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}
.lka-post-row-body {
display: flex;
flex-direction: column;
justify-content: center;
padding: 18px 22px;
}
.lka-post-row-tag {
margin-bottom: 4px;
color: var(--brown-mid);
font-size: 12px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.lka-post-row-title {
color: var(--text-dark);
font-size: 18px;
font-weight: 600;
line-height: 1.35;
}
.lka-post-row-meta {
margin-top: 5px;
color: var(--text-muted);
font-size: 12px;
} .lka-sidebar {
display: flex;
flex-direction: column;
gap: 28px;
padding: 36px 0 56px 36px;
}
.lka-sb-label {
margin-bottom: 14px;
padding-bottom: 9px;
border-bottom: 1px solid var(--brown-border);
color: var(--brown-mid);
font-size: 12px;
letter-spacing: 3px;
text-transform: uppercase;
} .lka-sb-yt {
overflow: hidden;
background: var(--brown-dark);
border-radius: var(--radius-md);
}
.lka-sb-yt-thumb {
position: relative;
height: 180px;
overflow: hidden;
background-image:
linear-gradient(
to bottom,
rgba(0,0,0,0.18),
rgba(0,0,0,0.45)
),
url(https://lesserknownadventures.com/wp-content/uploads/2023/04/Boldt-Castle-Heart-Island-Alexandria-Bay-New-York-THUMBNAIL.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(255,255,255,0.06);
display: flex;
align-items: center;
justify-content: center;
}
.lka-sb-yt-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lka-sb-yt-play {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
width: 56px;
height: 56px;
background: rgba(204, 0, 0, 0.92);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transform: translate(-50%, -50%);
box-shadow: 0 8px 22px rgba(0,0,0,0.35);
}
.lka-sb-yt-play::after {
content: "";
display: block;
width: 0;
height: 0;
margin-left: 4px;
border-style: solid;
border-width: 8px 0 8px 15px;
border-color: transparent transparent transparent var(--white);
}
.lka-sb-yt-body {
padding: 14px 14px 16px;
}
.lka-sb-yt-sublabel {
margin-bottom: 6px;
color: var(--text-dim-dark);
font-size: 10px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.lka-sb-yt-title {
margin-bottom: 12px;
color: var(--text-on-dark);
font-size: 15px;
font-weight: 500;
line-height: 1.45;
}
.lka-sb-yt-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 10px;
background-color: #cc0000;
border-radius: var(--radius-sm);
color: var(--white) !important;
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
text-decoration: none !important;
text-transform: uppercase;
transition: background-color 0.15s ease;
}
.lka-sb-yt-btn:hover {
background-color: #aa0000 !important;
} .lka-sb-about {
padding: 16px;
background-color: var(--white);
background-image:
radial-gradient(rgba(43, 31, 14, 0.020) 0.6px, transparent 0.6px);
background-size: 18px 18px;
border: 1px solid var(--brown-border);
border-radius: var(--radius-md);
}
.lka-sb-about-avatar {
width: 44px;
height: 44px;
margin-bottom: 12px;
overflow: hidden;
background: var(--brown-light);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
}
.lka-sb-about-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lka-sb-about-title {
margin-bottom: 6px;
color: var(--text-dark);
font-family: var(--serif);
font-size: 21px;
font-weight: 500;
line-height: 1.3;
}
.lka-sb-about-text {
color: var(--text-mid);
font-size: 15px;
line-height: 1.65;
}
.lka-sb-about-link {
display: inline-block;
margin-top: 10px;
color: var(--brown-mid);
font-size: 11px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
transition: color 0.15s ease;
}
.lka-sb-about-link:hover {
color: var(--brown-dark);
} .lka-sb-nl {
padding: 18px 16px 20px;
background-color: var(--white);
background-image:
radial-gradient(rgba(43, 31, 14, 0.020) 0.6px, transparent 0.6px);
background-size: 18px 18px;
border: 1px solid var(--brown-border);
border-radius: var(--radius-md);
}
.lka-sb-nl-title {
margin-bottom: 6px;
color: var(--text-dark);
font-family: var(--serif);
font-size: 21px;
font-weight: 500;
line-height: 1.3;
}
.lka-sb-nl-sub {
margin-bottom: 14px;
color: var(--text-mid);
font-size: 15px;
line-height: 1.6;
}
.lka-sb-nl input[type="email"] {
width: 100%;
margin-bottom: 8px;
padding: 10px 12px;
background: var(--brown-pale);
border: 1px solid var(--brown-border);
border-radius: var(--radius-sm);
color: var(--text-dark);
font-family: var(--sans);
font-size: 14px;
outline: none;
transition: border-color 0.15s ease;
}
.lka-sb-nl input[type="email"]::placeholder {
color: #b09070;
}
.lka-sb-nl input[type="email"]:focus {
border-color: var(--brown-light);
}
.lka-sb-nl-btn {
display: flex;
width: 100%;
} .lka-sb-gear-item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 0;
border-bottom: 1px solid #ece4d4;
text-decoration: none;
transition: opacity 0.15s ease;
}
.lka-sb-gear-item:last-child {
border-bottom: none;
}
.lka-sb-gear-item:hover {
opacity: 0.7;
}
.lka-sb-gear-icon {
width: 36px;
height: 36px;
flex-shrink: 0;
background: var(--brown-pale);
border: 1px solid var(--brown-border);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
}
.lka-sb-gear-name {
color: var(--text-dark);
font-size: 15px;
font-weight: 600;
}
.lka-sb-gear-desc {
margin-top: 1px;
color: var(--text-muted);
font-size: 11px;
}
.lka-sb-gear-arrow {
margin-left: auto;
color: var(--brown-light);
font-size: 14px;
} .lka-single-wrap {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
width: 92%;
margin: 0 auto;
padding: 0;
gap: 0;
}
.lka-single-content {
padding: 40px 40px 60px 0;
border-right: 1px solid var(--brown-border);
}
.lka-single-hero-img {
width: 100%;
height: 400px;
margin-bottom: 28px;
border-radius: var(--radius-md);
object-fit: cover;
}
.lka-single-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 18px;
}
.lka-single-cat {
padding: 3px 10px;
background: var(--brown-light);
border-radius: var(--radius-sm);
color: var(--white);
font-size: 10px;
letter-spacing: 1.5px;
text-decoration: none;
text-transform: uppercase;
}
.lka-single-date,
.lka-single-readtime {
color: var(--text-muted);
font-size: 12px;
}
.lka-single-title {
margin: 0 0 24px;
color: var(--text-dark);
font-family: var(--serif);
font-size: clamp(42px, 4.5vw, 64px);
font-weight: 500;
line-height: 1.15;
}
.lka-single-body {
color: var(--text-mid);
font-size: 20px;
line-height: 1.85;
}
.lka-single-body h2 {
margin: 40px 0 16px;
color: var(--text-dark);
font-family: var(--serif);
font-size: 36px;
font-weight: 500;
}
.lka-single-body h3 {
margin: 32px 0 12px;
color: var(--text-dark);
font-family: var(--serif);
font-size: 28px;
font-weight: 500;
}
.lka-single-body p {
margin-bottom: 20px;
}
.lka-single-body img {
margin: 24px 0;
border-radius: 4px;
}
.lka-single-body ul,
.lka-single-body ol {
margin: 0 0 20px 24px;
}
.lka-single-body li {
margin-bottom: 8px;
}
.lka-single-body a {
color: var(--brown-mid);
}
.lka-single-body a:hover {
color: var(--brown-dark);
} .lka-info-box {
margin: 32px 0;
padding: 20px 22px;
background: var(--brown-pale);
border: 1px solid var(--brown-border);
border-left: 4px solid var(--brown-mid);
border-radius: 4px;
}
.lka-info-box h4 {
margin-bottom: 12px;
color: var(--brown-mid);
font-family: var(--sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
}
.lka-info-box ul {
margin: 0;
padding: 0;
list-style: none;
}
.lka-info-box li {
display: flex;
gap: 10px;
padding: 6px 0;
border-bottom: 1px solid var(--brown-border);
color: var(--text-mid);
font-size: 14px;
}
.lka-info-box li:last-child {
border-bottom: none;
}
.lka-info-box li strong {
min-width: 80px;
color: var(--text-dark);
} .lka-faq {
margin: 40px 0;
}
.lka-faq-title {
margin-bottom: 20px;
color: var(--text-dark);
font-family: var(--serif);
font-size: 26px;
font-weight: 500;
}
.lka-faq-item {
padding: 16px 0;
border-bottom: 1px solid var(--brown-border);
}
.lka-faq-q {
margin-bottom: 8px;
color: var(--text-dark);
font-size: 15px;
font-weight: 600;
}
.lka-faq-a {
color: var(--text-mid);
font-size: 14px;
line-height: 1.65;
} .lka-related {
margin-top: 48px;
padding-top: 32px;
border-top: 2px solid var(--brown-border);
}
.lka-related-title {
margin-bottom: 16px;
color: var(--text-dark);
font-family: var(--serif);
font-size: 22px;
font-weight: 500;
}
.lka-related-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.lka-related-card {
display: block;
overflow: hidden;
background-color: var(--white);
background-image:
radial-gradient(rgba(43, 31, 14, 0.020) 0.6px, transparent 0.6px);
background-size: 18px 18px;
border: 1px solid var(--brown-border);
border-radius: var(--radius-md);
text-decoration: none;
transition: border-color 0.15s ease;
}
.lka-related-card:hover {
border-color: var(--brown-light);
}
.lka-related-card-img {
height: 100px;
overflow: hidden;
background: #3d2a14;
}
.lka-related-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lka-related-card-body {
padding: 12px;
}
.lka-related-card-cat {
margin-bottom: 4px;
color: var(--brown-mid);
font-size: 9px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.lka-related-card-title {
color: var(--text-dark);
font-size: 13px;
font-weight: 600;
line-height: 1.35;
} .lka-archive-header {
position: relative;
overflow: hidden;
padding: 48px 40px 40px;
background: var(--brown-dark);
}
.lka-archive-header::after {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(var(--brown-light) 1px, transparent 1px);
background-size: 28px 28px;
opacity: 0.04;
}
.lka-archive-eyebrow,
.lka-archive-title,
.lka-archive-desc {
position: relative;
z-index: 1;
}
.lka-archive-eyebrow {
margin-bottom: 12px;
color: var(--brown-light);
font-size: 11px;
letter-spacing: 3px;
text-transform: uppercase;
}
.lka-archive-title {
margin: 0 0 10px;
color: var(--brown-pale);
font-family: var(--serif);
font-size: clamp(44px, 4.5vw, 64px);
font-weight: 500;
}
.lka-archive-desc {
max-width: 560px;
color: var(--text-muted);
font-size: 20px;
}
.lka-archive-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin: 0 auto;
padding: 32px 40px;
}
.lka-archive-card {
display: block;
overflow: hidden;
background-color: var(--white);
background-image:
radial-gradient(rgba(43, 31, 14, 0.020) 0.6px, transparent 0.6px);
background-size: 18px 18px;
border: 1px solid var(--brown-border);
border-radius: var(--radius-md);
text-decoration: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.lka-archive-card:hover {
border-color: var(--brown-light);
box-shadow: var(--shadow-soft);
}
.lka-archive-card-img {
aspect-ratio: 16 / 9;
height: auto;
overflow: hidden;
background: #3d2a14;
}
.lka-archive-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lka-archive-placeholder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #2f1d0f, #4b2d15);
color: rgba(255,255,255,0.75);
font-size: 13px;
letter-spacing: 2px;
text-transform: uppercase;
}
.lka-pagination {
grid-column: 1 / -1;
margin-top: 12px;
}
.lka-archive-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lka-archive-card-body {
padding: 16px 18px;
}
.lka-archive-card-cat {
margin-bottom: 6px;
color: var(--brown-mid);
font-size: 10px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.lka-archive-card-title {
margin-bottom: 8px;
color: var(--text-dark);
font-family: var(--serif);
font-size: 22px;
font-weight: 500;
line-height: 1.3;
}
.lka-archive-card-excerpt {
color: var(--text-mid);
font-size: 16px;
line-height: 1.6;
}
.lka-archive-card-meta {
margin-top: 10px;
color: var(--text-muted);
font-size: 11px;
} .lka-footer {
padding: 52px 40px 28px;
background: var(--brown-dark);
border-top: 2px solid var(--brown-mid);
}
.lka-footer-inner {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(280px, 1fr);
align-items: start;
gap: 80px;
margin: 0 auto 42px;
}
.lka-footer-brand {
max-width: 560px;
}
.lka-footer-logo {
margin-bottom: 14px;
color: var(--text-on-dark);
font-size: 14px;
font-weight: 700;
letter-spacing: 2.4px;
text-transform: uppercase;
}
.lka-footer-tagline {
max-width: 620px;
color: #8f7457;
font-size: 15px;
line-height: 1.75;
}
.lka-footer-connect {
max-width: 460px;
}
.lka-footer-col-title {
margin-bottom: 18px;
color: var(--brown-light);
font-size: 11px;
font-weight: 700;
letter-spacing: 2.6px;
text-transform: uppercase;
}
.lka-footer-link-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 36px;
}
.lka-footer-links {
margin: 0;
padding: 0;
list-style: none;
}
.lka-footer-links li {
margin-bottom: 12px;
}
.lka-footer-links a {
color: #8f7457;
font-size: 15px;
line-height: 1.4;
text-decoration: none;
transition: color 0.15s ease, padding-left 0.15s ease;
}
.lka-footer-links a:hover {
color: var(--brown-light);
padding-left: 4px;
}
.lka-footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
padding-top: 24px;
border-top: 1px solid var(--brown-hover);
}
.lka-footer-copy {
color: #5e482c;
font-size: 12px;
}
.lka-footer-social {
display: flex;
gap: 20px;
}
.lka-footer-social a {
color: #5e482c;
font-size: 12px;
text-decoration: none;
transition: color 0.15s ease;
}
.lka-footer-social a:hover {
color: var(--brown-light);
}
@media (max-width: 900px) {
.lka-footer {
padding: 42px 24px 26px;
}
.lka-footer-inner {
grid-template-columns: 1fr;
gap: 34px;
}
.lka-footer-connect {
max-width: none;
}
.lka-footer-link-grid {
grid-template-columns: 1fr 1fr;
gap: 24px;
}
}
@media (max-width: 600px) {
.lka-footer-link-grid {
grid-template-columns: 1fr;
gap: 0;
}
.lka-footer-bottom {
flex-direction: column;
gap: 14px;
align-items: flex-start;
}
.lka-footer-social {
flex-wrap: wrap;
}
} @media (max-width: 900px) {
.lka-site-header .inside-header {
gap: 18px !important;
}
.lka-main-navigation .main-nav > ul > li > a {
padding: 0 14px !important;
font-size: 11px !important;
}
.nav-newsletter {
font-size: 14px !important;
}
.lka-hero {
min-height: auto;
padding: 56px 24px 44px;
}
.lka-hero h1 {
max-width: 100%;
font-size: clamp(44px, 10vw, 68px);
}
.lka-hero-sub {
max-width: 100%;
font-size: 19px;
}
.lka-hero-corner {
position: static;
margin-bottom: 28px;
}
.lka-content-wrap,
.lka-single-wrap {
width: 100%;
grid-template-columns: 1fr;
padding: 0 22px;
}
.lka-posts-col,
.lka-single-content {
padding: 32px 0 44px;
border-right: none;
}
.lka-sidebar {
padding: 32px 0 44px;
border-top: 1px solid var(--brown-border);
}
.lka-post-featured-img {
height: 240px;
}
.lka-states-grid {
grid-template-columns: repeat(3, 1fr);
}
.lka-triprow-inner {
grid-template-columns: repeat(2, 1fr);
}
.lka-archive-grid {
grid-template-columns: repeat(2, 1fr);
padding: 24px 20px;
}
.lka-related-grid {
grid-template-columns: 1fr 1fr;
}
.lka-footer-inner {
grid-template-columns: 1fr;
gap: 24px;
}
.lka-ticker {
padding: 8px 20px;
}
.lka-triprow {
padding: 14px 20px;
}
.lka-states {
padding: 20px;
}
} @media (max-width: 768px) {
.lka-site-header {
height: auto !important;
}
.lka-site-header .inside-header {
width: 100% !important;
max-width: none !important;
min-height: 64px !important;
height: auto !important;
padding: 0 20px !important;
display: grid !important;
grid-template-columns: 1fr auto !important;
align-items: center !important;
gap: 12px !important;
}
.nav-logo {
margin: 0 !important;
justify-content: flex-start !important;
}
.site-title {
font-size: 15px !important;
}
.lka-mobile-menu-toggle {
display: inline-flex !important;
width: 42px !important;
height: 42px !important;
background: transparent !important;
border: 1px solid var(--brown-hover) !important;
border-radius: 3px !important;
align-items: center !important;
justify-content: center !important;
flex-direction: column !important;
gap: 5px !important;
cursor: pointer !important;
}
.lka-mobile-menu-toggle span {
display: block !important;
width: 20px !important;
height: 2px !important;
background: var(--brown-light) !important;
transition: transform 0.2s ease, opacity 0.2s ease;
}
body.lka-menu-open .lka-mobile-menu-toggle span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
body.lka-menu-open .lka-mobile-menu-toggle span:nth-child(2) {
opacity: 0;
}
body.lka-menu-open .lka-mobile-menu-toggle span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
.lka-nav-wrap {
display: none !important;
grid-column: 1 / -1 !important;
width: 100% !important;
padding: 8px 0 18px !important;
}
body.lka-menu-open .lka-nav-wrap {
display: block !important;
}
.lka-main-navigation {
width: 100% !important;
}
.lka-main-navigation .inside-navigation {
width: 100% !important;
max-width: none !important;
display: block !important;
}
.lka-main-navigation .main-nav > ul {
display: grid !important;
grid-template-columns: 1fr !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.lka-main-navigation .main-nav > ul > li > a {
height: auto !important;
padding: 16px 0 !important;
border-left: none !important;
border-right: none !important;
border-top: 1px solid var(--brown-hover) !important;
justify-content: center !important;
font-size: 12px !important;
line-height: 1.2 !important;
}
.lka-main-navigation .main-nav ul ul {
position: static !important;
min-width: 0 !important;
border: none !important;
}
.nav-newsletter {
display: flex !important;
justify-content: center !important;
margin: 16px auto 0 !important;
font-size: 16px !important;
}
} @media (max-width: 600px) {
body {
font-size: 17px;
}
.lka-hero {
padding: 42px 20px 36px;
}
.lka-hero-corner {
position: static;
margin-bottom: 28px;
font-size: 12px;
line-height: 1.5;
}
.lka-hero h1 {
font-size: 42px;
line-height: 1.02;
letter-spacing: -1px;
}
.lka-hero-sub {
font-size: 18px;
}
.lka-hero-actions {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 10px !important;
}
.lka-btn {
width: 100% !important;
min-width: 0 !important;
padding: 14px 10px !important;
font-size: 12px !important;
letter-spacing: 1.2px !important;
}
.lka-hero-stats {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 24px 18px !important;
margin-top: 38px !important;
padding-top: 30px !important;
}
.lka-hero-stat {
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
border-right: none !important;
}
.lka-hero-stat-num {
font-size: 34px;
}
.lka-hero-stat-label {
font-size: 11px;
}
.lka-states-grid {
grid-template-columns: repeat(2, 1fr);
}
.lka-triprow-inner {
grid-template-columns: 1fr 1fr;
}
.lka-post-row {
flex-direction: column;
}
.lka-post-row-img {
width: 100%;
height: 180px;
}
.lka-archive-grid {
grid-template-columns: 1fr;
}
.lka-related-grid {
grid-template-columns: 1fr;
}
.lka-single-title {
font-size: 34px;
}
.lka-footer-bottom {
flex-direction: column;
gap: 12px;
align-items: flex-start;
}
}
@media (max-width: 380px) {
.lka-hero-actions {
grid-template-columns: 1fr !important;
}
} .lka-page-hero {
position: relative;
padding: 64px var(--page-pad) 54px;
background: var(--brown-dark);
overflow: hidden;
}
.lka-page-hero::after {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(var(--brown-light) 1px, transparent 1px);
background-size: 28px 28px;
opacity: 0.04;
pointer-events: none;
}
.lka-page-hero-inner {
position: relative;
z-index: 1;
max-width: var(--max-width);
margin: 0 auto;
}
.lka-page-wrap {
max-width: 980px;
margin: 0 auto;
padding: 48px 24px 72px;
}
.lka-page-card {
padding: 42px;
background-color: var(--white);
background-image:
radial-gradient(rgba(43, 31, 14, 0.020) 0.6px, transparent 0.6px);
background-size: 18px 18px;
border: 1px solid var(--brown-border);
border-radius: var(--radius-md);
}
.lka-page-content {
color: var(--text-mid);
font-size: 19px;
line-height: 1.85;
}
.lka-page-content h2,
.lka-page-content h3 {
color: var(--text-dark);
font-family: var(--serif);
font-weight: 500;
}
.lka-page-content h2 {
margin: 0 0 18px;
font-size: 34px;
}
.lka-page-content h3 {
margin: 34px 0 12px;
font-size: 26px;
}
.lka-page-content p {
margin-bottom: 22px;
}
.lka-page-content img {
border-radius: var(--radius-md);
margin: 28px 0;
}
.lka-page-content a {
color: var(--brown-mid);
}
.lka-page-content a:hover {
color: var(--brown-dark);
}
@media (max-width: 700px) {
.lka-page-hero {
padding: 46px 22px 40px;
}
.lka-page-wrap {
padding: 32px 20px 56px;
}
.lka-page-card {
padding: 26px;
}
.lka-page-content {
font-size: 17px;
}
.lka-page-content h2 {
font-size: 28px;
}
}.convertkit-quicktags-modal .media-modal {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.convertkit-quicktags-modal .media-modal .media-frame-title {
left: 0;
height: 60px;
}
.convertkit-quicktags-modal .media-modal .media-frame-content {
left: 0;
top: 54px;
bottom: 54px; }
.convertkit-quicktags-modal .media-modal .media-frame-content p {
line-height: normal;
}
.convertkit-quicktags-modal .media-modal .media-frame-toolbar {
left: 0;
bottom: 47px;
background: #fff;
}
.convertkit-quicktags-modal .media-modal .media-frame-toolbar .media-toolbar {
padding: 10px;
}