/* SW13 Blog — matches the sw13designs.com / ai.sw13designs.com design */
:root {
	--sw13b-k: #000; --sw13b-ink: #313131; --sw13b-graphite: #515151; --sw13b-oslo: #899083; --sw13b-oslo1: #a7aca2;
	--sw13b-oslo2: #c4c8c1; --sw13b-oslo3: #e2e3e0; --sw13b-mustard: #d6b456; --sw13b-mustard1: #e0c780; --sw13b-mustard3: #f5ecd5;
	--sw13b-white: #fff; --sw13b-line: #e5e5e5;
	--sw13b-sans: 'Jost', 'Century Gothic', system-ui, sans-serif; --sw13b-serif: 'Libre Caslon Text', Georgia, serif;
}
.sw13b, .sw13b *, .sw13b-after, .sw13b-after * { box-sizing: border-box; }
.sw13b { width: 100%; font-family: var(--sw13b-sans); color: var(--sw13b-ink); }
.sw13b .screen-reader-text, .sw13b-after .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }

/* Buttons */
.sw13b-btn { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; min-height: 44px; padding: 12px 20px; border: 1px solid transparent; font-family: var(--sw13b-sans); font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; text-decoration: none !important; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.sw13b-btn--outline { border-color: var(--sw13b-k); color: var(--sw13b-k) !important; background: transparent; }
.sw13b-btn--outline:hover, .sw13b-btn--outline:focus-visible { background: var(--sw13b-k); color: var(--sw13b-white) !important; }
.sw13b-btn--mustard { background: var(--sw13b-mustard); color: var(--sw13b-k) !important; }
.sw13b-btn--mustard:hover, .sw13b-btn--mustard:focus-visible { background: var(--sw13b-mustard1); }
.sw13b-btn--black { background: var(--sw13b-k); color: var(--sw13b-white) !important; }
.sw13b-btn--black:hover, .sw13b-btn--black:focus-visible { background: var(--sw13b-graphite); }

/* Hero */
.sw13b-hero { background: var(--sw13b-k); color: var(--sw13b-white); text-align: center; padding-top: 64px; overflow: hidden; display: flex; flex-direction: column; align-items: center; }
.sw13b-hero > *:not(.sw13b-ridges) { padding-left: 24px; padding-right: 24px; }
.sw13b-eyebrow { margin: 0 0 16px; font-size: 13px; font-weight: 600; letter-spacing: .35em; text-transform: uppercase; color: var(--sw13b-mustard); }
.sw13b-hero__title { margin: 0; font-family: var(--sw13b-sans); font-size: clamp(40px, 6.5vw, 88px); font-weight: 200; letter-spacing: .14em; line-height: 1.05; text-transform: uppercase; color: var(--sw13b-white); }
.sw13b-hero__lead { margin: 22px auto 0; max-width: 640px; font-size: 17px; line-height: 1.7; font-weight: 300; color: var(--sw13b-oslo2); }
.sw13b-ridges { display: block; width: 100%; height: 160px; margin-top: 32px; padding: 0 !important; }

/* Layout */
.sw13b-sec { background: var(--sw13b-oslo3); padding: 40px 24px 120px; }
.sw13b-layout { max-width: 1240px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start; }
.sw13b-main { flex: 999 1 600px; min-width: 0; display: flex; flex-direction: column; gap: 28px; }
.sw13b-side { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 24px; }

.sw13b-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.sw13b-chip { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid var(--sw13b-k); color: var(--sw13b-k); text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.sw13b-chip:hover, .sw13b-chip:focus-visible, .sw13b-chip.is-active { background: var(--sw13b-k); color: var(--sw13b-white); }
.sw13b-status { margin: 0; font-size: 14px; letter-spacing: .06em; color: var(--sw13b-graphite); }
.sw13b-status a { color: var(--sw13b-k); }

/* Cards */
.sw13b-card { background: var(--sw13b-white); display: flex; flex-wrap: wrap; align-items: stretch; }
.sw13b-card__media { flex: 1 1 100%; min-height: 0; aspect-ratio: 2 / 1; background: var(--sw13b-k); position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.sw13b-card__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.sw13b-card:hover .sw13b-card__img { transform: scale(1.03); }
.sw13b-card__hex { position: absolute; width: 180px; height: 208px; background: var(--sw13b-ink); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.sw13b-card__13 { position: relative; font-family: var(--sw13b-serif); font-size: 64px; line-height: 1; color: var(--sw13b-oslo); }
.sw13b-card__body { flex: 1 1 320px; min-width: 0; padding: 40px; display: flex; flex-direction: column; gap: 16px; justify-content: center; }
.sw13b-card--featured .sw13b-card__media { flex-basis: 100%; min-height: 0; aspect-ratio: 2 / 1; }
.sw13b-card--featured .sw13b-card__title { font-size: clamp(30px, 3.4vw, 44px); }
.sw13b-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--sw13b-graphite); }
.sw13b-tag { display: inline-block; background: var(--sw13b-mustard3); color: var(--sw13b-k) !important; padding: 6px 12px; text-decoration: none !important; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.sw13b-tag:hover, .sw13b-tag:focus-visible { background: var(--sw13b-mustard); }
.sw13b-card__title { margin: 0; font-family: var(--sw13b-sans); font-size: 30px; font-weight: 300; letter-spacing: .05em; line-height: 1.2; color: var(--sw13b-k); }
.sw13b-card__title a { color: inherit; text-decoration: none; }
.sw13b-card__title a:hover, .sw13b-card__title a:focus-visible { color: var(--sw13b-graphite); }
.sw13b-card__excerpt { margin: 0; font-size: 17px; line-height: 1.7; color: var(--sw13b-ink); }

.sw13b-pager { display: flex; flex-wrap: wrap; gap: 8px; }
.sw13b-pager__n { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; border: 1px solid var(--sw13b-k); color: var(--sw13b-k); text-decoration: none; font-weight: 600; }
.sw13b-pager__n.is-active, .sw13b-pager__n:hover { background: var(--sw13b-k); color: var(--sw13b-white); }

.sw13b-empty { background: var(--sw13b-white); padding: 56px 32px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.sw13b-empty .sw13b-btn { align-self: center; }
.sw13b-empty__title { margin: 0; font-size: 22px; font-weight: 300; letter-spacing: .12em; text-transform: uppercase; color: var(--sw13b-k); }
.sw13b-empty p { margin: 0; }

/* Sidebar */
.sw13b-box { background: var(--sw13b-white); padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.sw13b-box--dark { background: var(--sw13b-k); color: var(--sw13b-white); }
.sw13b-box__title { margin: 0; font-family: var(--sw13b-sans); font-size: 13px; font-weight: 600; letter-spacing: .25em; text-transform: uppercase; color: var(--sw13b-k); }
.sw13b-box__title label { cursor: pointer; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; }
.sw13b-box__title--light { font-size: 22px; font-weight: 300; letter-spacing: .12em; color: var(--sw13b-white); }
.sw13b-box__eyebrow { font-size: 11px; font-weight: 600; letter-spacing: .25em; text-transform: uppercase; color: var(--sw13b-mustard); }
.sw13b-box__text { margin: 0; font-size: 15px; line-height: 1.6; color: var(--sw13b-oslo2); }
.sw13b-search { display: flex; gap: 8px; flex-wrap: wrap; }
.sw13b-search input { flex: 1 1 160px; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid var(--sw13b-oslo1); border-radius: 0; font-family: var(--sw13b-sans); font-size: 15px; color: var(--sw13b-k); background: var(--sw13b-white); }
.sw13b-search input:focus { outline: 2px solid var(--sw13b-mustard); outline-offset: 1px; }
.sw13b-list { list-style: none; margin: 0; padding: 0; }
.sw13b-list li { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--sw13b-line); font-size: 15px; margin: 0; }
.sw13b-list a { color: var(--sw13b-k); text-decoration: none; }
.sw13b-list a:hover, .sw13b-list a:focus-visible { color: var(--sw13b-graphite); text-decoration: underline; }
.sw13b-list span { color: var(--sw13b-graphite); white-space: nowrap; }

/* ---------- Single post (Bricks default layout) ---------- */
body.sw13b-single #brx-content { background: var(--sw13b-oslo3); padding-bottom: 120px; font-family: var(--sw13b-sans); }
body.sw13b-single .bricks-post-header { position: relative; background-color: var(--sw13b-k); background-size: cover; background-position: center; padding: 110px 24px 150px; text-align: center; overflow: hidden; }
body.sw13b-single .bricks-post-header::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(0,0,0,.86), rgba(0,0,0,.93)); }
body.sw13b-single .bricks-post-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 110px; background: no-repeat center bottom / 100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'%3E%3Cpath d='M0 120 L200 80 L340 105 L500 50 L640 95 L820 70 L980 110 L1140 60 L1300 95 L1440 75 L1440 200 L0 200 Z' fill='%23313131'/%3E%3Cpath d='M0 155 L180 135 L380 150 L560 120 L760 150 L960 130 L1160 155 L1440 135 L1440 200 L0 200 Z' fill='%23899083'/%3E%3Cpath d='M0 185 C360 170 720 195 1080 178 C1260 170 1360 182 1440 176 L1440 200 L0 200 Z' fill='%23e2e3e0'/%3E%3C/svg%3E"); }
body.sw13b-single .bricks-post-header > .brxe-container { position: relative; z-index: 1; max-width: 960px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 20px; }
body.sw13b-single .bricks-post-header .brxe-post-title { margin: 0; font-family: var(--sw13b-sans); font-size: clamp(34px, 5vw, 64px); font-weight: 200; letter-spacing: .08em; line-height: 1.12; text-transform: uppercase; color: var(--sw13b-white); }
body.sw13b-single .bricks-post-header .brxe-post-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 10px; font-size: 12px; font-weight: 600; letter-spacing: .25em; text-transform: uppercase; color: var(--sw13b-oslo2); }
body.sw13b-single .bricks-post-header .brxe-post-meta .item:first-child { color: var(--sw13b-mustard); }
body.sw13b-single .bricks-post-header .brxe-post-meta a { color: inherit; }

body.sw13b-single #brx-content > article.brxe-container { position: relative; z-index: 2; width: auto; max-width: 820px; margin: -40px auto 0; padding: 56px 56px 48px; background: var(--sw13b-white); color: var(--sw13b-ink); font-size: 18px; line-height: 1.75; display: flex; flex-direction: column; gap: 32px; }
@media (max-width: 700px) {
	body.sw13b-single #brx-content > article.brxe-container { margin: -20px 12px 0; padding: 32px 20px; font-size: 17px; }
	body.sw13b-single .bricks-post-header { padding: 72px 20px 120px; }
	.sw13b-card__body { padding: 28px 20px; }
	.sw13b-sec { padding: 28px 12px 80px; }
}
body.sw13b-single .brxe-post-content { width: 100%; }
body.sw13b-single .brxe-post-content > * + * { margin-top: 1.1em; }
body.sw13b-single .brxe-post-content p { margin-bottom: 0; }
body.sw13b-single .brxe-post-content h2 { margin-top: 1.8em; font-family: var(--sw13b-sans); font-size: 28px; font-weight: 400; letter-spacing: .06em; line-height: 1.3; color: var(--sw13b-k); }
body.sw13b-single .brxe-post-content h3 { margin-top: 1.5em; font-family: var(--sw13b-sans); font-size: 21px; font-weight: 500; letter-spacing: .04em; color: var(--sw13b-k); }
body.sw13b-single .brxe-post-content h4 { margin-top: 1.4em; font-size: 14px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--sw13b-graphite); }
body.sw13b-single .brxe-post-content a { color: var(--sw13b-k); text-decoration: underline; text-decoration-color: var(--sw13b-mustard); text-decoration-thickness: 2px; text-underline-offset: 3px; }
body.sw13b-single .brxe-post-content a:hover { color: var(--sw13b-graphite); }
body.sw13b-single .brxe-post-content ul, body.sw13b-single .brxe-post-content ol { padding-left: 1.3em; }
body.sw13b-single .brxe-post-content li { margin: .35em 0; }
body.sw13b-single .brxe-post-content li::marker { color: var(--sw13b-mustard); }
body.sw13b-single .brxe-post-content blockquote { margin: 1.6em 0; padding: 4px 0 4px 24px; border-left: 3px solid var(--sw13b-mustard); font-family: var(--sw13b-serif); font-size: 21px; line-height: 1.6; color: var(--sw13b-k); }
body.sw13b-single .brxe-post-content img { max-width: 100%; height: auto; }
body.sw13b-single .brxe-post-content figure { margin: 1.6em 0; }
body.sw13b-single .brxe-post-content figcaption { font-size: 14px; color: var(--sw13b-graphite); margin-top: 8px; }
body.sw13b-single .brxe-post-content code { background: var(--sw13b-oslo3); padding: 2px 6px; font-size: .9em; }
body.sw13b-single .brxe-post-content pre { background: var(--sw13b-k); color: var(--sw13b-oslo2); padding: 20px; overflow-x: auto; font-size: 15px; }
body.sw13b-single .brxe-post-content hr { border: 0; height: 1px; background: var(--sw13b-line); margin: 2em 0; }
body.sw13b-single .brxe-post-author, body.sw13b-single .brxe-post-sharing { width: 100%; border-top: 1px solid var(--sw13b-line); padding-top: 24px; font-size: 15px; }
body.sw13b-single .brxe-post-sharing a { background: var(--sw13b-k) !important; color: var(--sw13b-white) !important; }

/* After-post block */
.sw13b-after { margin-top: 2.4em; padding-top: 28px; border-top: 1px solid var(--sw13b-line); display: flex; flex-direction: column; gap: 24px; font-family: var(--sw13b-sans); }
.sw13b-tags { margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.sw13b-after a.sw13b-btn { text-decoration: none; }
.sw13b-more__title { margin: 8px 0 16px !important; font-family: var(--sw13b-sans); font-size: 13px !important; font-weight: 600 !important; letter-spacing: .25em !important; text-transform: uppercase; color: var(--sw13b-k); }
.sw13b-more__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.sw13b-mini { display: flex; flex-direction: column; gap: 8px; color: var(--sw13b-k) !important; text-decoration: none !important; }
.sw13b-mini__media { position: relative; aspect-ratio: 16 / 10; background: var(--sw13b-k); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.sw13b-mini__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sw13b-mini__media .sw13b-card__13 { font-size: 40px; }
.sw13b-mini__date { font-size: 11px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--sw13b-graphite); }
.sw13b-mini__title { font-size: 17px; line-height: 1.35; font-weight: 400; }
.sw13b-mini:hover .sw13b-mini__title, .sw13b-mini:focus-visible .sw13b-mini__title { text-decoration: underline; text-decoration-color: var(--sw13b-mustard); }

/* Bricks' own related-posts block duplicates 'More from the blog' */
body.sw13b-single #brx-content > article > h2,
body.sw13b-single #brx-content > article > h2 ~ * { display: none !important; }
body.sw13b-single .bricks-post-meta-wrapper:empty { display: none; }

/* Post pages: no author, date, comments or social sharing */
body.sw13b-single .bricks-post-header .brxe-post-meta,
body.sw13b-single .brxe-post-meta,
body.sw13b-single .brxe-post-author,
body.sw13b-single .brxe-post-sharing,
body.sw13b-single .brxe-post-comments,
body.sw13b-single .bricks-post-meta-wrapper,
body.sw13b-single #comments,
body.sw13b-single .comments-area,
body.sw13b-single .comment-respond,
body.sw13b-single .sw13b-mini__date { display: none !important; }