:root {
  --paper:#faf7f2;
  --gold:#ca8a04;
  --ink:#29231d;
  --muted:#62564a;
  --line:#e5d9ca;
  --spacing-xl:3rem;
  --spacing-lg:2rem;
  --spacing-md:1.25rem;
}
* {box-sizing:border-box}
body {margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif}
img,svg {max-width:100%;height:auto}
h1,h2,h3,.site-title {font-family:"Cormorant Garamond",Georgia,serif;line-height:1.12}
h1 {font-size:clamp(2.1rem,5.1vw,4rem);margin:.4em 0}
h2 {font-size:clamp(1.65rem,3.8vw,2.75rem);margin:.65em 0 .35em}
h3 {font-size:clamp(1.35rem,3vw,1.85rem)}
a {color:#865608;text-underline-offset:.17em;overflow-wrap:anywhere}
a:hover {color:#5b3b08}
button {font:inherit}
.container {width:min(1160px,calc(100% - 2rem));margin-inline:auto}
.site-header {background:var(--paper);border-bottom:1px solid var(--line)}
.site-header__top,.site-header__top>.container {display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}
.site-header__top {padding-block:1.05rem}
.site-branding,.site-branding__logo {display:flex;align-items:center;gap:.75rem}
.site-branding__logo svg {width:2.7rem}
.site-title {font-size:2.15rem;font-weight:700;margin:0}
.site-title a,.main-navigation a,.post-card__title a {color:var(--ink);text-decoration:none}
.site-description {color:var(--muted);margin:.25rem 0 0;font-size:.88rem}
.main-navigation ul,.site-footer ul {display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;list-style:none;margin:0;padding:0}
.menu-toggle {display:none}
.screen-reader-text {position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.screen-reader-text:focus {clip-path:none;width:auto;height:auto;top:.5rem;left:.5rem;background:white;padding:.5rem}
.hero-slider {position:relative;background:#35271c;color:var(--paper);overflow:hidden}
.hero-slider__slide {display:none;position:relative;isolation:isolate;min-height:clamp(320px,41vw,530px)}
.hero-slider__slide.active {display:grid;align-items:center}
.hero-slider__bg {position:absolute;inset:0;background-size:cover;background-position:center;z-index:-1}
.hero-slider__bg:after {content:"";position:absolute;inset:0;background:linear-gradient(105deg,#2b1d12e8,#2b1d1273)}
.hero-slider__content {width:min(1160px,calc(100% - 2.25rem));margin-inline:auto;padding:2rem 0 4rem}
.hero-slider__content>* {max-width:48rem}
.hero-slider__content p {max-width:41rem}
.hero-slider__dots {position:absolute;inset:auto 0 1rem;display:flex;justify-content:center;gap:.45rem}
.hero-slider__dot {width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--paper);border-radius:50%;background:transparent;cursor:pointer}
.hero-slider__dot.active {background:var(--gold)}
.btn,.post-card__read-more {display:inline-block;padding:.55rem .9rem;border:1px solid currentColor;border-radius:.35rem;font-weight:600}
.btn--white {color:var(--paper)}
.posts-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.25rem}
.posts-grid>.post-card {margin:0;width:100%;border:1px solid var(--line);border-radius:.55rem;background:white;overflow:hidden}
.post-card__body {padding:1.15rem}
.post-card__title {font-size:1.65rem;margin:.45rem 0}
.post-card__category,.post-card__meta {color:var(--muted);font-size:.86rem}
.post-card__thumb img,.bap-single-thumb img {display:block;width:100%}
.bap-outer {width:min(1160px,calc(100% - 2rem))}
.bap-single-card {background:white;border:1px solid var(--line);border-radius:.6rem;padding:clamp(1rem,4vw,2.6rem)}
.bap-single-content {overflow-wrap:break-word}
.bap-single-content p {margin:.9em 0}
.site-footer {padding:2rem 0;background:#372a20;color:var(--paper)}
.site-footer a {color:var(--paper)}
.footer-widgets {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1.25rem}
@media(max-width:720px) {
  .site-header__top,.site-header__top>.container {gap:.7rem}
  .menu-toggle {display:inline-grid;place-items:center;min-width:2.75rem;min-height:2.75rem;padding:.4rem .7rem;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:.3rem}
  .menu-toggle::before {content:"☰";font-size:1.25rem;line-height:1}
  .main-navigation {width:100%}
  .main-navigation ul {display:none}
  .main-navigation.is-open ul {display:flex;padding:.6rem 0}
  .bap-outer {padding-block:1rem!important}
}