@charset "UTF-8";
/* Bulma Utilities */
#mhwudk { /* Section */ padding: 0; margin: 0; }

#jnaify { /* Simple Element */ }

#jnaify .navbar-item.vz-nav-link, #jnaify a.navbar-item { color: var(--soft); font-weight: 600; font-size: .95rem; }

#jnaify .navbar-item.vz-nav-link:hover, #jnaify a.navbar-item:hover { color: var(--charcoal); background: transparent; }

#vaarjg { /* Element */ /* ---- BAR: ivory background, taller height ---- */ background-color: var(--greige, #F4EEDF); border-bottom: 1px solid var(--line, rgba(47, 46, 41, 0.16)); /* taller bar — tune 5–6.5rem to taste */ /* ---- LOGO: override Bulma's 1.75rem image cap ---- */ /* ---- NAV LINKS: colour + grey→dark hover (Bulma only hovers background by default) ---- */ /* ---- BOOK A CLASS button ---- */ }

#vaarjg.navbar { min-height: 5.5rem; }

#vaarjg .navbar-brand, #vaarjg .navbar-menu { align-items: center; }

#vaarjg .navbar-menu .navbar-item { padding-top: 1rem; padding-bottom: 1rem; }

#vaarjg .navbar-brand .navbar-item { padding-top: 0; padding-bottom: 0; }

#vaarjg .navbar-brand .navbar-item img { max-height: none; height: 64px; width: auto; }

#vaarjg .navbar-item { color: var(--soft, rgba(47, 46, 41, 0.62)); font-weight: 600; font-size: .95rem; transition: color .15s; }

#vaarjg .navbar-item:hover, #vaarjg .navbar-item:focus { color: var(--charcoal, #2F2E29); background: transparent; }

#vaarjg .navbar-item.is-active { color: var(--charcoal, #2F2E29); background: transparent; }

#vaarjg .navbar-item .button { background: var(--olive, #687050); color: var(--on-dark, #E9E6DC); border: none; font-weight: 700; padding-left: 1.4em; padding-right: 1.4em; }

#vaarjg .navbar-item .button:hover { background: var(--olive-deep, #4A5138); }

#byypqg { /* Section */ background: var(--olive-deep); color: var(--on-dark-soft); padding: 3.5rem 1.5rem 1.8rem; }

#byypqg h4 { font-family: var(--font-display); color: var(--on-dark); font-size: 1rem; margin: 0 0 .8rem; letter-spacing: .04em; }

#byypqg a { color: var(--on-dark-soft); text-decoration: none; display: block; padding: .22rem 0; font-size: .92rem; }

#byypqg a:hover { color: var(--on-dark); }

#byypqg p { font-size: .92rem; max-width: 23rem; }

#byypqg .foot-bottom { border-top: 1px solid rgba(233, 230, 220, 0.18); margin-top: 2.6rem; padding-top: 1.3rem; font-size: .8rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; }

#byypqg .socials a { display: inline-flex; margin-right: 1rem; font-size: 1.05rem; }

#rmacro { /* Section */ padding: 4.5rem 1.5rem 3rem; background: var(--greige, #F4EEDF); /* --- intro --- */ /* --- masonry: cards flow into columns, none split across a column --- */ }

#rmacro .t-head { text-align: center; max-width: 40rem; margin: 0 auto 2.6rem; }

#rmacro .t-head h1 { font-size: clamp(2rem, 4vw, 3rem); margin: .7rem 0 .5rem; }

#rmacro .t-sub { color: var(--soft, rgba(47, 46, 41, 0.62)); font-size: 1.05rem; }

#rmacro .t-masonry { column-count: 3; column-gap: 1.4rem; }

@media (max-width: 900px) { #rmacro .t-masonry { column-count: 2; } }

@media (max-width: 600px) { #rmacro .t-masonry { column-count: 1; } }

#rmacro .t-card { break-inside: avoid; margin: 0 0 1.4rem; background: var(--paper, #F8F3E8); border: 1px solid var(--line, rgba(47, 46, 41, 0.16)); border-radius: 8px; padding: 1.5rem 1.4rem 1.3rem; position: relative; }

#rmacro .t-card::before { content: "\201C"; font-family: var(--font-display, Georgia, serif); font-size: 2.6rem; line-height: 1; color: var(--olive, #687050); opacity: .35; position: absolute; top: .5rem; left: .9rem; }

#rmacro .t-quote { margin: .9rem 0 1rem; font-size: .98rem; color: var(--charcoal, #2F2E29); }

#rmacro .t-name { font-weight: 700; font-size: .85rem; letter-spacing: .02em; color: var(--olive, #687050); }

#hdjmke { /* Section */ text-align: center; padding: 1rem 1.5rem 5rem; background: var(--greige, #F4EEDF); }

#hdjmke .t-count { display: block; margin-top: 1rem; font-size: .8rem; color: var(--soft, rgba(47, 46, 41, 0.62)); }

/*# sourceMappingURL=page.css.map */