:root {
--cw-line: var(--wp--preset--color--line);
--cw-muted: var(--wp--preset--color--muted);
--cw-mono: var(--wp--preset--font-family--mono);
}
body {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
h1, h2, h3 {
text-wrap: balance;
}
p {
text-wrap: pretty;
} .cw-header {
border-bottom: 1px solid var(--cw-line);
padding-top: 1.1rem;
padding-bottom: 1.1rem;
}
.cw-wordmark {
margin: 0;
font-family: var(--cw-mono);
font-weight: 700;
font-size: 1.05rem;
letter-spacing: -0.01em;
}
.cw-wordmark a {
color: var(--wp--preset--color--contrast);
text-decoration: none;
}
.cw-wordmark a::before {
content: "";
display: inline-block;
width: 0.62em;
height: 0.62em;
margin-right: 0.5em;
background: var(--wp--preset--color--accent);
border-radius: 2px;
}
.cw-nav {
font-family: var(--cw-mono);
font-size: 0.875rem;
}
.cw-nav .wp-block-navigation-item__content {
color: var(--wp--preset--color--contrast);
text-decoration: none;
padding: 0.25rem 0;
border-bottom: 2px solid transparent;
}
.cw-nav .wp-block-navigation-item__content:hover,
.cw-nav .current-menu-item > .wp-block-navigation-item__content {
border-bottom-color: var(--wp--preset--color--accent);
} .cw-main {
padding-top: clamp(2.5rem, 6vw, 4.5rem);
padding-bottom: clamp(3rem, 7vw, 5rem);
}
.cw-main > * + *,
.cw-main .entry-content > * + * {
margin-block-start: 1.25rem;
}
.cw-section {
margin-block-start: clamp(3rem, 7vw, 5rem) !important;
}
.cw-label,
.cw-meta,
.cw-meta a {
font-family: var(--cw-mono);
font-size: 0.8rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--cw-muted);
text-decoration: none;
}
.cw-label {
margin: 0 0 0.75rem;
}
.cw-meta {
gap: 0.9rem;
}
.cw-meta a:hover {
color: var(--wp--preset--color--accent);
}
.cw-lead {
font-size: var(--wp--preset--font-size--large);
line-height: 1.5;
}
.cw-hero .cw-lead {
max-width: 44rem;
} .cw-narrow > * {
max-width: 42.5rem;
}
.cw-hero h1 {
max-width: 24ch;
margin-bottom: 1.5rem;
}
.cw-hero .wp-block-buttons {
margin-top: 2rem;
}
.wp-block-button.is-style-outline > .wp-block-button__link {
background: transparent;
color: var(--wp--preset--color--contrast);
border: 1px solid var(--wp--preset--color--contrast);
padding: calc(0.7rem - 1px) calc(1.1rem - 1px);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
} .cw-grid {
gap: 1rem;
}
.cw-card {
background: var(--wp--preset--color--surface);
border: 1px solid var(--cw-line);
border-radius: 6px;
padding: 1.35rem 1.4rem 1.5rem;
}
.cw-card > * {
margin-block: 0;
}
.cw-card > * + * {
margin-block-start: 0.6rem;
}
.cw-card .cw-label {
margin-bottom: 0;
color: var(--wp--preset--color--accent);
}
.cw-card p:not(.cw-label) {
color: #33383f;
font-size: 1rem;
line-height: 1.6;
} .cw-rule {
border-top: 2px solid var(--wp--preset--color--contrast);
padding-top: 1rem;
}
.cw-rule > * {
margin-block: 0;
}
.cw-rule > * + * {
margin-block-start: 0.6rem;
} .cw-box {
border: 1px solid var(--cw-line);
border-left: 4px solid var(--wp--preset--color--accent);
border-radius: 6px;
background: var(--wp--preset--color--surface);
padding: 1.5rem 1.6rem;
}
.cw-box > *:first-child {
margin-top: 0;
}
.cw-box > *:last-child {
margin-bottom: 0;
}
.cw-more {
font-family: var(--cw-mono);
font-size: 0.875rem;
} .cw-notes .wp-block-post-template {
list-style: none;
margin: 0;
padding: 0;
}
.cw-notes .wp-block-post-template > li {
border-top: 1px solid var(--cw-line);
padding: 1.4rem 0;
margin: 0;
}
.cw-notes .wp-block-post-template > li:last-child {
border-bottom: 1px solid var(--cw-line);
}
.cw-notes .wp-block-post-template > li > * {
margin-block: 0;
}
.cw-notes .wp-block-post-template > li > * + * {
margin-block-start: 0.45rem;
}
.cw-notes .wp-block-post-title a {
color: var(--wp--preset--color--contrast);
text-decoration: none;
}
.cw-notes .wp-block-post-title a:hover {
color: var(--wp--preset--color--accent);
}
.cw-notes .wp-block-post-excerpt__excerpt {
color: #33383f;
margin: 0;
}
.cw-notes .wp-block-post-excerpt__more-text {
display: none;
} .cw-project {
border-top: 1px solid var(--cw-line);
padding-top: 2rem;
margin-block-start: 2.5rem !important;
}
.cw-project h2 {
margin-top: 0.25rem;
}
.cw-facts {
list-style: none;
padding: 0;
margin: 1.25rem 0 0;
}
.cw-facts li {
padding: 0.7rem 0;
border-top: 1px dashed var(--cw-line);
}
.cw-facts li strong {
display: block;
font-family: var(--cw-mono);
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--cw-muted);
margin-bottom: 0.15rem;
} .cw-single .wp-block-post-title {
margin-top: 0.6rem;
font-size: clamp(1.9rem, 4.5vw, 2.6rem);
}
.cw-single .entry-content h2 {
margin-top: 2.5rem;
}
.cw-single .entry-content li + li {
margin-top: 0.4rem;
}
:not(pre) > code {
font-family: var(--cw-mono);
font-size: 0.9em;
background: rgba(21, 24, 28, 0.06);
padding: 0.1em 0.35em;
border-radius: 3px;
}
pre.wp-block-code {
overflow-x: auto;
line-height: 1.5;
}
.cw-portrait img {
border-radius: 6px;
width: 168px;
height: 168px;
object-fit: cover;
} .cw-footer {
border-top: 1px solid var(--cw-line);
padding-top: 1.75rem;
padding-bottom: 2.5rem;
font-size: 0.875rem;
color: var(--cw-muted);
}
.cw-footer p {
margin: 0;
}
.cw-footer a {
color: inherit;
}
.cw-footer a:hover {
color: var(--wp--preset--color--accent);
}
.cw-disclaimer {
margin-top: 0.6rem !important;
font-family: var(--cw-mono);
font-size: 0.78rem;
}
@media (max-width: 600px) {
.cw-header .wp-block-group {
row-gap: 0.6rem;
}
.cw-card,
.cw-box {
padding: 1.15rem 1.15rem 1.25rem;
}
}