:root {
--bip-orange: #DD5D1C;
--bip-orange-dark: #B84A14;
--bip-orange-light: #E97A45;
--bip-paper: #FAF7F0;
--bip-paper-warm: #F2EEE0;
--bip-paper-cool: #FBFBF9;
--bip-ink: #1A1A1A;
--bip-ink-soft: #2A2A2A;
--bip-forest: #1B4332;
--bip-forest-dark: #0E2D20;
--bip-gray: #737373;
--bip-gray-light: #A8A8A8;
--bip-border: #E5E0D5;
--bip-border-soft: #EEE9DC;
--bip-white: #FFFFFF;
--bip-spine-1: #DD5D1C;
--bip-spine-2: #1B4332;
--bip-spine-3: #2B5174;
--bip-spine-4: #5C4033;
--bip-spine-5: #4A1942;
--bip-spine-6: #2F3E46;
--bip-shadow-card: 0 2px 8px rgba(26, 26, 26, 0.06);
--bip-shadow-card-hover: 0 8px 24px rgba(26, 26, 26, 0.10);
--bip-shadow-deep: 0 12px 32px rgba(26, 26, 26, 0.14);
--bip-font-serif: 'Lora', 'Nanum Myeongjo', Georgia, serif;
--bip-font-sans: 'Pretendard', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
--bip-font-mono: 'IBM Plex Mono', 'Menlo', 'Courier New', monospace;
--bip-container: 1320px;
--bip-container-text: 720px;
--bip-radius: 2px;
--bip-radius-lg: 4px;
--bip-s1: 4px;
--bip-s2: 8px;
--bip-s3: 12px;
--bip-s4: 16px;
--bip-s5: 24px;
--bip-s6: 32px;
--bip-s7: 48px;
--bip-s8: 64px;
--bip-s9: 96px;
}
* {
box-sizing: border-box;
}
body.wp-theme-astra {
font-family: var(--bip-font-sans);
font-size: 16px;
line-height: 1.7;
color: var(--bip-ink);
background: var(--bip-paper);
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.wp-theme-astra a {
color: var(--bip-orange);
text-decoration: none;
transition: color 0.18s ease;
}
body.wp-theme-astra a:hover,
body.wp-theme-astra a:focus {
color: var(--bip-orange-dark);
text-decoration: underline;
}
body.wp-theme-astra h1,
body.wp-theme-astra h2,
body.wp-theme-astra h3,
body.wp-theme-astra h4,
body.wp-theme-astra h5,
body.wp-theme-astra h6 {
font-family: var(--bip-font-serif);
color: var(--bip-ink);
font-weight: 700;
line-height: 1.3;
margin: 0 0 var(--bip-s4);
letter-spacing: -0.015em;
}
body.wp-theme-astra h1 {
font-size: 2.5rem;
}
body.wp-theme-astra h2 {
font-size: 1.875rem;
}
body.wp-theme-astra h3 {
font-size: 1.375rem;
}
body.wp-theme-astra h4 {
font-size: 1.125rem;
}
body.wp-theme-astra p {
margin: 0 0 var(--bip-s4);
}
body.wp-theme-astra img {
max-width: 100%;
height: auto;
}
body.wp-theme-astra ::selection {
background: var(--bip-orange);
color: var(--bip-paper);
}
.bip-mono {
font-family: var(--bip-font-mono);
letter-spacing: 0.02em;
}
.bip-serif {
font-family: var(--bip-font-serif);
}
.bip-uppercase {
text-transform: uppercase;
letter-spacing: 0.08em;
}
.bip-small {
font-size: 12px;
line-height: 1.5;
}
body.wp-theme-astra #page {
background: var(--bip-paper);
min-height: 100vh;
}
body.wp-theme-astra.ast-separate-container {
background-color: var(--bip-paper);
}
body.wp-theme-astra .ast-container {
max-width: var(--bip-container);
padding-left: var(--bip-s5);
padding-right: var(--bip-s5);
}
@media (min-width: 922px) {
body.wp-theme-astra .ast-container {
max-width: var(--bip-container);
}
}
body.wp-theme-astra #masthead {
background: var(--bip-paper);
border-top: 4px solid var(--bip-orange);
border-bottom: 1px solid var(--bip-border);
padding: 0;
}
body.wp-theme-astra .ast-primary-header-bar {
background: var(--bip-paper);
border-bottom: none;
min-height: auto;
}
body.wp-theme-astra .ast-primary-header-bar .site-primary-header-wrap {
min-height: auto;
padding: var(--bip-s6) var(--bip-s5);
display: grid !important;
grid-template-columns: 1fr;
gap: var(--bip-s4);
}
body.wp-theme-astra .ast-primary-header-bar .ast-builder-grid-row {
display: block !important;
grid-template-columns: none !important;
}
.bip-header-stack {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: var(--bip-s2);
}
.bip-header-meta {
font-family: var(--bip-font-mono);
font-size: 10px;
font-weight: 600;
color: var(--bip-orange);
text-transform: uppercase;
letter-spacing: 0.18em;
padding: 4px 0;
border-top: 1px solid var(--bip-border);
border-bottom: 1px solid var(--bip-border);
width: 100%;
text-align: center;
margin-bottom: var(--bip-s2);
}
body.wp-theme-astra .site-title {
font-family: var(--bip-font-serif) !important;
font-size: 2.75rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.02em !important;
display: block !important;
}
body.wp-theme-astra .site-title a {
color: var(--bip-ink) !important;
text-decoration: none !important;
transition: color 0.2s ease;
}
body.wp-theme-astra .site-title a:hover {
color: var(--bip-orange) !important;
text-decoration: none !important;
}
.bip-tagline {
font-family: var(--bip-font-mono);
font-size: 11px;
color: var(--bip-gray);
text-transform: uppercase;
letter-spacing: 0.14em;
margin: 0;
}
body.wp-theme-astra .ast-builder-menu-1,
body.wp-theme-astra .main-header-bar-navigation {
margin: var(--bip-s4) 0 0 !important;
width: 100% !important;
border-top: 1px solid var(--bip-border);
padding-top: var(--bip-s3);
}
body.wp-theme-astra .main-header-menu {
display: flex !important;
justify-content: center !important;
flex-wrap: wrap;
gap: 0 !important;
background: transparent !important;
border: none !important;
}
body.wp-theme-astra .main-header-menu > .menu-item {
line-height: 1 !important;
flex-direction: row !important;
}
body.wp-theme-astra .main-header-menu > .menu-item > .menu-link {
height: auto !important;
padding: 10px 18px !important;
font-family: var(--bip-font-mono) !important;
font-size: 12px !important;
font-weight: 600 !important;
color: var(--bip-ink) !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
text-decoration: none !important;
border: none !important;
transition: color 0.2s ease;
}
body.wp-theme-astra .main-header-menu > .menu-item > .menu-link:hover,
body.wp-theme-astra .main-header-menu > .menu-item.current-menu-item > .menu-link {
color: var(--bip-orange) !important;
}
body.wp-theme-astra #content {
background: var(--bip-paper);
padding: var(--bip-s7) 0 var(--bip-s8);
}
body.wp-theme-astra .site-content .ast-container {
display: block !important;
flex-direction: column !important;
}
body.wp-theme-astra #primary {
width: 100% !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
body.wp-theme-astra #secondary {
display: none !important;
}
body.wp-theme-astra .ast-row {
margin: 0 !important;
}
.bip-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--bip-s6);
margin: 0;
}
.bip-hero {
background: var(--bip-paper-warm);
border: 1px solid var(--bip-border);
padding: var(--bip-s7);
margin-bottom: var(--bip-s7);
display: grid;
grid-template-columns: 280px 1fr;
gap: var(--bip-s7);
align-items: center;
position: relative;
overflow: hidden;
}
.bip-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background: var(--bip-orange);
}
.bip-hero-cover {
aspect-ratio: 2 / 3;
background: var(--bip-orange);
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: var(--bip-s5);
box-shadow: var(--bip-shadow-deep);
color: var(--bip-paper);
overflow: hidden;
}
.bip-hero-cover::after {
content: '';
position: absolute;
left: 8px;
top: 0;
bottom: 0;
width: 2px;
background: rgba(255, 255, 255, 0.25);
}
.bip-hero-cover-label {
font-family: var(--bip-font-mono);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.14em;
opacity: 0.85;
}
.bip-hero-cover-title {
font-family: var(--bip-font-serif);
font-size: 1.4rem;
font-weight: 700;
line-height: 1.2;
color: var(--bip-paper);
letter-spacing: -0.01em;
}
.bip-hero-cover-footer {
font-family: var(--bip-font-mono);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.12em;
opacity: 0.75;
}
.bip-hero-content {
display: flex;
flex-direction: column;
gap: var(--bip-s4);
}
.bip-hero-eyebrow {
font-family: var(--bip-font-mono);
font-size: 11px;
font-weight: 700;
color: var(--bip-orange);
text-transform: uppercase;
letter-spacing: 0.18em;
}
.bip-hero-title {
font-family: var(--bip-font-serif);
font-size: 2.25rem;
font-weight: 700;
line-height: 1.2;
color: var(--bip-ink);
margin: 0;
letter-spacing: -0.02em;
}
.bip-hero-title a {
color: inherit;
}
.bip-hero-title a:hover {
color: var(--bip-orange);
text-decoration: none;
}
.bip-hero-excerpt {
font-family: var(--bip-font-sans);
font-size: 15px;
line-height: 1.75;
color: var(--bip-ink-soft);
margin: 0;
}
.bip-hero-meta {
display: flex;
align-items: center;
gap: var(--bip-s4);
font-family: var(--bip-font-mono);
font-size: 11px;
color: var(--bip-gray);
text-transform: uppercase;
letter-spacing: 0.08em;
padding-top: var(--bip-s3);
border-top: 1px solid var(--bip-border);
}
.bip-hero-cta {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--bip-ink);
color: var(--bip-paper);
font-family: var(--bip-font-mono);
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
padding: 12px 24px;
text-decoration: none;
transition: background 0.2s ease;
align-self: flex-start;
}
.bip-hero-cta:hover {
background: var(--bip-orange);
color: var(--bip-paper);
text-decoration: none;
}
body.wp-theme-astra .site-footer {
background: var(--bip-ink);
color: var(--bip-paper);
padding: 0;
margin: 0;
}
.bip-footer-top {
max-width: var(--bip-container);
margin: 0 auto;
padding: var(--bip-s8) var(--bip-s5) var(--bip-s7);
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: var(--bip-s7);
border-bottom: 1px solid rgba(250, 247, 240, 0.12);
}
.bip-footer-brand h3 {
font-family: var(--bip-font-serif);
color: var(--bip-paper);
font-size: 1.5rem;
font-weight: 700;
margin: 0 0 var(--bip-s2);
letter-spacing: -0.01em;
}
.bip-footer-brand p {
font-size: 13px;
color: rgba(250, 247, 240, 0.7);
line-height: 1.7;
margin: 0 0 var(--bip-s3);
}
.bip-footer-isbn {
font-family: var(--bip-font-mono);
font-size: 11px;
color: var(--bip-orange-light);
letter-spacing: 0.12em;
text-transform: uppercase;
}
.bip-footer-col h4 {
font-family: var(--bip-font-mono);
color: var(--bip-orange-light);
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.14em;
margin: 0 0 var(--bip-s4);
padding-bottom: var(--bip-s2);
border-bottom: 1px solid rgba(221, 93, 28, 0.3);
}
.bip-footer-col ul {
list-style: none;
margin: 0;
padding: 0;
}
.bip-footer-col ul li {
margin: 0 0 var(--bip-s2);
}
.bip-footer-col ul li a {
color: rgba(250, 247, 240, 0.75);
font-size: 13px;
text-decoration: none;
transition: color 0.18s ease;
}
.bip-footer-col ul li a:hover {
color: var(--bip-orange-light);
text-decoration: none;
}
body.wp-theme-astra .site-below-footer-wrap {
background: #0A0A0A !important;
padding: 0 !important;
border: none !important;
min-height: auto !important;
}
body.wp-theme-astra .site-below-footer-wrap .ast-builder-grid-row {
max-width: var(--bip-container) !important;
padding: var(--bip-s4) var(--bip-s5) !important;
min-height: auto !important;
}
body.wp-theme-astra .ast-footer-copyright {
font-family: var(--bip-font-mono) !important;
font-size: 11px !important;
color: rgba(250, 247, 240, 0.5) !important;
text-transform: uppercase;
letter-spacing: 0.08em;
text-align: center;
}
body.wp-theme-astra .ast-footer-copyright p {
margin: 0;
}
body.wp-theme-astra .ast-footer-copyright a {
color: var(--bip-orange-light) !important;
}
body.wp-theme-astra #ast-scroll-top {
background-color: var(--bip-orange) !important;
border-radius: 0 !important;
}
body.wp-theme-astra .ast-article-post {
background: var(--bip-paper-cool) !important;
border: 1px solid var(--bip-border) !important;
border-radius: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
overflow: hidden;
position: relative;
transition: all 0.22s ease;
display: flex !important;
min-height: 220px;
}
body.wp-theme-astra .ast-article-post:hover {
border-color: var(--bip-ink) !important;
box-shadow: var(--bip-shadow-card-hover);
transform: translateY(-2px);
}
body.wp-theme-astra .ast-article-post::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 100%;
background: var(--bip-spine-1);
z-index: 1;
}
body.wp-theme-astra .ast-article-post.bip-spine-2::before { background: var(--bip-spine-2); }
body.wp-theme-astra .ast-article-post.bip-spine-3::before { background: var(--bip-spine-3); }
body.wp-theme-astra .ast-article-post.bip-spine-4::before { background: var(--bip-spine-4); }
body.wp-theme-astra .ast-article-post.bip-spine-5::before { background: var(--bip-spine-5); }
body.wp-theme-astra .ast-article-post.bip-spine-6::before { background: var(--bip-spine-6); }
body.wp-theme-astra .ast-article-post::after {
content: '';
position: absolute;
top: 0;
left: 8px;
width: 2px;
height: 100%;
background: rgba(0, 0, 0, 0.08);
z-index: 1;
}
body.wp-theme-astra .ast-article-post .ast-article-inner {
width: 100%;
background: transparent !important;
box-shadow: none !important;
height: 100% !important;
}
body.wp-theme-astra .ast-article-post .blog-layout-5 {
display: block !important;
}
body.wp-theme-astra .ast-article-post .ast-blog-featured-section {
display: none !important;
}
body.wp-theme-astra .ast-article-post .post-content {
width: 100% !important;
padding: var(--bip-s5) var(--bip-s6) var(--bip-s5) var(--bip-s6) !important;
padding-left: calc(var(--bip-s6) + 8px) !important;
display: flex;
flex-direction: column;
gap: var(--bip-s2);
}
.bip-card-topmeta {
display: flex;
align-items: center;
gap: var(--bip-s3);
margin-bottom: var(--bip-s2);
flex-wrap: wrap;
}
.bip-card-chapter {
font-family: var(--bip-font-mono);
font-size: 10px;
font-weight: 700;
color: var(--bip-orange);
text-transform: uppercase;
letter-spacing: 0.16em;
background: rgba(221, 93, 28, 0.08);
padding: 4px 10px;
border: 1px solid rgba(221, 93, 28, 0.25);
}
.bip-card-dewey {
font-family: var(--bip-font-mono);
font-size: 10px;
color: var(--bip-gray);
letter-spacing: 0.1em;
text-transform: uppercase;
}
.bip-card-dewey strong {
color: var(--bip-ink);
font-weight: 700;
}
body.wp-theme-astra .ast-article-post .cat-links.badge {
display: none !important;
}
body.wp-theme-astra .ast-article-post .entry-title {
font-family: var(--bip-font-serif) !important;
font-size: 1.375rem !important;
font-weight: 700 !important;
line-height: 1.35 !important;
margin: 0 0 var(--bip-s3) !important;
color: var(--bip-ink) !important;
letter-spacing: -0.01em;
}
body.wp-theme-astra .ast-article-post .entry-title a {
color: var(--bip-ink) !important;
text-decoration: none !important;
transition: color 0.2s ease;
}
body.wp-theme-astra .ast-article-post .entry-title a:hover {
color: var(--bip-orange) !important;
text-decoration: none !important;
}
body.wp-theme-astra .ast-article-post .ast-blog-meta-container {
margin: 0 0 var(--bip-s2) !important;
padding: 0 !important;
}
body.wp-theme-astra .ast-article-post .entry-meta {
font-family: var(--bip-font-mono) !important;
font-size: 11px !important;
color: var(--bip-gray) !important;
text-transform: uppercase;
letter-spacing: 0.06em;
font-weight: 500 !important;
}
body.wp-theme-astra .ast-article-post .entry-meta * {
color: var(--bip-gray) !important;
font-weight: 500 !important;
}
body.wp-theme-astra .ast-article-post .entry-meta a {
color: var(--bip-ink) !important;
}
body.wp-theme-astra .ast-article-post .entry-meta a:hover {
color: var(--bip-orange) !important;
}
body.wp-theme-astra .ast-article-post .ast-excerpt-container {
margin: 0 !important;
flex: 1;
}
body.wp-theme-astra .ast-article-post .ast-excerpt-container > h2 {
display: none !important;
}
body.wp-theme-astra .ast-article-post .ast-excerpt-container > h3 {
display: none !important;
}
body.wp-theme-astra .ast-article-post .ast-excerpt-container > p:first-of-type {
font-family: var(--bip-font-sans) !important;
font-size: 14px !important;
line-height: 1.7 !important;
color: var(--bip-ink-soft) !important;
margin: 0 0 var(--bip-s3) !important;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.wp-theme-astra .ast-article-post .ast-excerpt-container > div[style] {
background: transparent !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
font-family: var(--bip-font-sans) !important;
color: var(--bip-ink) !important;
line-height: 1.7 !important;
}
body.wp-theme-astra .ast-article-post .ast-excerpt-container > div[style] > div[style] {
background: transparent !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
max-width: none !important;
}
body.wp-theme-astra .ast-article-post .ast-excerpt-container > div[style] header,
body.wp-theme-astra .ast-article-post .ast-excerpt-container > div[style] section {
display: none !important;
}
body.wp-theme-astra .ast-article-post .ast-the-content-more-link {
margin-top: auto !important;
}
body.wp-theme-astra .ast-article-post .ast-the-content-more-link a {
display: inline-flex !important;
align-items: center;
gap: 6px;
font-family: var(--bip-font-mono) !important;
font-size: 11px !important;
font-weight: 700 !important;
color: var(--bip-ink) !important;
text-transform: uppercase;
letter-spacing: 0.14em;
padding: 8px 0 !important;
border-bottom: 1px solid var(--bip-ink);
text-decoration: none !important;
transition: all 0.2s ease;
}
body.wp-theme-astra .ast-article-post .ast-the-content-more-link a:hover {
color: var(--bip-orange) !important;
border-bottom-color: var(--bip-orange);
text-decoration: none !important;
}
body.wp-theme-astra .ast-pagination {
padding: var(--bip-s7) 0 var(--bip-s4) !important;
text-align: center;
border-top: 2px solid var(--bip-ink);
margin-top: var(--bip-s7) !important;
}
body.wp-theme-astra .ast-pagination .page-numbers {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 44px !important;
height: 44px !important;
font-family: var(--bip-font-mono) !important;
font-size: 13px !important;
font-weight: 700 !important;
color: var(--bip-ink) !important;
background: var(--bip-paper-cool);
border: 1px solid var(--bip-border) !important;
border-radius: 0 !important;
line-height: 1 !important;
margin: 0 2px;
transition: all 0.2s ease;
}
body.wp-theme-astra .ast-pagination .page-numbers:hover,
body.wp-theme-astra .ast-pagination .page-numbers.current {
background: var(--bip-orange) !important;
color: var(--bip-paper) !important;
border-color: var(--bip-orange) !important;
}
body.wp-theme-astra .ast-pagination .prev.page-numbers,
body.wp-theme-astra .ast-pagination .next.page-numbers {
width: auto !important;
padding: 0 18px !important;
}
body.wp-theme-astra.single .ast-article-single {
background: var(--bip-paper-cool) !important;
padding: 0 !important;
border: 1px solid var(--bip-border);
margin-bottom: var(--bip-s7);
overflow: hidden;
}
.bip-single-cover {
background: var(--bip-ink);
color: var(--bip-paper);
padding: var(--bip-s8) var(--bip-s7);
position: relative;
border-bottom: 6px solid var(--bip-orange);
}
.bip-single-cover::before {
content: '';
position: absolute;
top: 0;
left: 24px;
bottom: 0;
width: 1px;
background: rgba(221, 93, 28, 0.4);
}
.bip-single-eyebrow {
font-family: var(--bip-font-mono);
font-size: 11px;
font-weight: 700;
color: var(--bip-orange);
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 0 0 var(--bip-s4);
}
.bip-single-title {
font-family: var(--bip-font-serif);
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
color: var(--bip-paper);
margin: 0 0 var(--bip-s5);
letter-spacing: -0.02em;
}
.bip-single-meta {
display: flex;
align-items: center;
gap: var(--bip-s4);
flex-wrap: wrap;
font-family: var(--bip-font-mono);
font-size: 11px;
color: rgba(250, 247, 240, 0.7);
text-transform: uppercase;
letter-spacing: 0.08em;
padding-top: var(--bip-s4);
border-top: 1px solid rgba(250, 247, 240, 0.2);
}
.bip-single-meta-sep {
color: var(--bip-orange);
}
body.wp-theme-astra .ast-article-single .entry-content {
padding: var(--bip-s7) !important;
max-width: var(--bip-container-text);
margin: 0 auto;
font-size: 17px;
line-height: 1.85;
color: var(--bip-ink);
}
body.wp-theme-astra .ast-article-single .entry-content h2 {
font-size: 1.75rem !important;
margin-top: var(--bip-s7) !important;
margin-bottom: var(--bip-s4) !important;
padding-bottom: var(--bip-s2);
border-bottom: 2px solid var(--bip-orange);
}
body.wp-theme-astra .ast-article-single .entry-content h3 {
font-size: 1.375rem !important;
margin-top: var(--bip-s5) !important;
color: var(--bip-orange-dark);
}
body.wp-theme-astra .ast-article-single .entry-content blockquote {
background: var(--bip-paper-warm);
border-left: 4px solid var(--bip-orange);
padding: var(--bip-s4) var(--bip-s5);
margin: var(--bip-s5) 0;
font-family: var(--bip-font-serif);
font-style: italic;
color: var(--bip-ink);
}
body.wp-theme-astra .ast-article-single .entry-content a {
color: var(--bip-orange-dark) !important;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
body.wp-theme-astra .ast-article-single .entry-content a:hover {
color: var(--bip-ink) !important;
background: rgba(221, 93, 28, 0.1);
}
.bip-single-colophon {
background: var(--bip-paper-warm);
border-top: 1px solid var(--bip-border);
padding: var(--bip-s5) var(--bip-s7);
font-family: var(--bip-font-mono);
font-size: 11px;
color: var(--bip-gray);
text-transform: uppercase;
letter-spacing: 0.1em;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: var(--bip-s3);
}
.bip-single-colophon strong {
color: var(--bip-orange-dark);
font-weight: 700;
}
body.wp-theme-astra .ast-archive-description {
background: var(--bip-ink) !important;
color: var(--bip-paper) !important;
padding: var(--bip-s7) !important;
margin: 0 0 var(--bip-s7) !important;
border-left: 8px solid var(--bip-orange) !important;
max-width: none !important;
width: 100% !important;
position: relative;
}
body.wp-theme-astra .ast-archive-description::before {
content: 'LIB · COLLECTION';
display: block;
font-family: var(--bip-font-mono);
font-size: 11px;
color: var(--bip-orange);
text-transform: uppercase;
letter-spacing: 0.2em;
margin-bottom: var(--bip-s3);
font-weight: 700;
}
body.wp-theme-astra .ast-archive-description .ast-archive-title,
body.wp-theme-astra .ast-archive-description .ast-archive-title * {
font-family: var(--bip-font-serif) !important;
font-size: 2rem !important;
font-weight: 700 !important;
color: var(--bip-paper) !important;
letter-spacing: -0.02em;
margin: 0 !important;
}
body.wp-theme-astra .ast-archive-description p {
font-family: var(--bip-font-sans) !important;
font-size: 14px !important;
color: rgba(250, 247, 240, 0.75) !important;
line-height: 1.65 !important;
margin: var(--bip-s3) 0 0 !important;
max-width: 720px;
}
body.wp-theme-astra .error-404 {
background: var(--bip-paper-cool) !important;
border: 1px solid var(--bip-border) !important;
padding: var(--bip-s9) var(--bip-s7) !important;
text-align: center;
}
body.wp-theme-astra .error-404 .ast-404-layout-1 h1 {
font-family: var(--bip-font-serif) !important;
font-size: 5rem !important;
font-weight: 900 !important;
color: var(--bip-orange) !important;
margin: 0 0 var(--bip-s3) !important;
}
@media (max-width: 1100px) {
.bip-grid {
grid-template-columns: 1fr 1fr;
gap: var(--bip-s5);
}
.bip-hero {
grid-template-columns: 220px 1fr;
gap: var(--bip-s5);
padding: var(--bip-s6);
}
.bip-hero-title {
font-size: 1.875rem;
}
body.wp-theme-astra .site-title {
font-size: 2.25rem !important;
}
.bip-footer-top {
grid-template-columns: 1fr 1fr;
gap: var(--bip-s6);
}
}
@media (max-width: 768px) {
.bip-grid {
grid-template-columns: 1fr;
gap: var(--bip-s4);
}
.bip-hero {
grid-template-columns: 1fr;
gap: var(--bip-s5);
padding: var(--bip-s5);
text-align: left;
}
.bip-hero-cover {
max-width: 200px;
margin: 0 auto;
width: 100%;
}
.bip-hero-content {
text-align: left;
}
.bip-hero-title {
font-size: 1.625rem;
}
body.wp-theme-astra .ast-primary-header-bar .site-primary-header-wrap {
padding: var(--bip-s5) var(--bip-s4) !important;
}
body.wp-theme-astra .site-title {
font-size: 1.875rem !important;
}
.bip-tagline {
font-size: 10px;
}
body.wp-theme-astra .main-header-menu > .menu-item > .menu-link {
padding: 8px 12px !important;
font-size: 11px !important;
}
body.wp-theme-astra #content {
padding: var(--bip-s5) 0 var(--bip-s6);
}
body.wp-theme-astra .ast-container {
padding-left: var(--bip-s4);
padding-right: var(--bip-s4);
}
body.wp-theme-astra .ast-article-post {
min-height: auto;
}
body.wp-theme-astra .ast-article-post .post-content {
padding: var(--bip-s4) var(--bip-s5) !important;
padding-left: calc(var(--bip-s5) + 4px) !important;
}
body.wp-theme-astra .ast-article-post .entry-title {
font-size: 1.25rem !important;
}
body.wp-theme-astra .ast-article-post::before {
width: 6px;
}
body.wp-theme-astra .ast-article-post::after {
left: 6px;
}
.bip-single-cover {
padding: var(--bip-s6) var(--bip-s5);
}
.bip-single-title {
font-size: 1.625rem;
}
body.wp-theme-astra .ast-article-single .entry-content {
padding: var(--bip-s5) !important;
font-size: 16px;
}
.bip-single-colophon {
padding: var(--bip-s4) var(--bip-s5);
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.bip-footer-top {
grid-template-columns: 1fr;
padding: var(--bip-s6) var(--bip-s4);
gap: var(--bip-s5);
}
body.wp-theme-astra .ast-archive-description {
padding: var(--bip-s5) !important;
}
body.wp-theme-astra .ast-archive-description .ast-archive-title,
body.wp-theme-astra .ast-archive-description .ast-archive-title * {
font-size: 1.5rem !important;
}
}
@media (max-width: 480px) {
body.wp-theme-astra .site-title {
font-size: 1.625rem !important;
}
.bip-header-meta {
font-size: 9px;
letter-spacing: 0.12em;
}
body.wp-theme-astra .main-header-menu {
gap: 0 !important;
}
body.wp-theme-astra .main-header-menu > .menu-item > .menu-link {
padding: 6px 10px !important;
font-size: 10px !important;
letter-spacing: 0.06em !important;
}
.bip-single-title {
font-size: 1.375rem;
}
}