@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600;700;800&family=Libre+Baskerville:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,400,0,0"); :root {
--aw-white: #FFFFFF;
--aw-ink: #383838;
--aw-text: #4a4a4a;
--aw-muted: #666666;
--aw-line: rgba(56, 56, 56, .18);
--aw-line-soft: rgba(56, 56, 56, .10);
--aw-accent: #4169E1;
--aw-accent-dark: #7F1F27;
--aw-accent-wash: rgba(178, 34, 34, .055);
--aw-serif: "Libre Baskerville", Georgia, serif;
--aw-sans: "Libre Franklin", Arial, sans-serif;
--aw-page: 1120px;
--aw-side: 18px;
--aw-space-1: 4px;
--aw-space-2: 8px;
--aw-space-3: 12px;
--aw-space-4: 16px;
--aw-space-5: 20px;
--aw-space-6: 24px;
--aw-space-7: 30px;
--aw-space-8: 34px;
--aw-font-label: 9px;
--aw-font-meta: 10px;
--aw-font-small: 11px;
--aw-font-caption: 12px;
--aw-font-text-small: 13px;
--aw-font-text: 14px;
--aw-font-section: 23px;
--aw-h1: 28px;
--aw-h2: 24px;
--aw-h3: 18px;
--aw-body: 15px;
--aw-author-photo: url(https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&w=500&q=80);
}
* {
box-sizing: border-box;
}
html {
max-width: 100%;
background: var(--aw-white);
overflow-x: hidden;
}
body.aw-blog-body {
max-width: 100%;
margin: 0;
background: var(--aw-white);
color: var(--aw-text);
font-family: var(--aw-serif);
font-size: var(--aw-body);
line-height: 1.55;
overflow-x: clip;
}
img {
display: block;
max-width: 100%;
height: auto;
}
video,
iframe,
table {
max-width: 100%;
}
a {
color: inherit;
text-decoration: none;
}
.aw-magazine-home {
background: var(--aw-white);
overflow: visible;
}
.aw-page {
width: min(var(--aw-page), calc(100% - var(--aw-side) * 2));
margin-inline: auto;
background: var(--aw-white);
overflow: visible;
}
.aw-kicker {
margin: 0 0 8px;
color: var(--aw-accent) !important;
font-family: var(--aw-sans);
font-size: var(--aw-font-meta);
line-height: 1.2;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.aw-meta {
display: flex;
flex-wrap: wrap;
gap: 11px;
margin-top: 10px;
color: var(--aw-muted);
font-family: var(--aw-sans);
font-size: var(--aw-font-meta);
line-height: 1.3;
}
@media (max-width: 980px) {
.aw-page {
width: min(760px, calc(100% - 28px));
}
}
@media (max-width: 640px) {
:root {
--aw-side: 18px;
--aw-h1: 22px;
--aw-h2: 21px;
--aw-h3: 17px;
--aw-body: 14px;
}
body.aw-blog-body {
overflow-x: hidden;
}
.aw-page {
width: calc(100% - var(--aw-side) * 2);
max-width: 100%;
margin-inline: auto;
padding: 0;
overflow: visible;
}
input,
textarea,
select,
button {
max-width: 100%;
}
} a,
button,
input,
textarea,
select,
[role="button"] {
-webkit-tap-highlight-color: transparent;
}
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
outline: none;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
outline: 2px solid var(--aw-accent);
outline-offset: 3px;
} .aw-home {
color: var(--aw-ink);
background: var(--aw-white);
font-family: var(--aw-sans);
font-size: var(--aw-body);
line-height: 1.6;
--aw-climate-image: url(https://unsplash.com/photos/Ju_Qa4gQeIY/download?force=true&w=1600);
}
.aw-home *,
.aw-home *::before,
.aw-home *::after {
box-sizing: border-box;
}
.aw-home img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.aw-home a {
color: inherit;
text-decoration: none;
}
.aw-home__page {
width: min(var(--aw-page), calc(100% - var(--aw-side) * 2));
margin: 0 auto;
padding: 30px 0 72px;
}
.aw-home-kicker {
margin: 0 0 var(--aw-space-2);
color: var(--aw-accent) !important;
font-family: var(--aw-sans);
font-size: var(--aw-font-meta);
font-weight: 800;
line-height: 1.2;
letter-spacing: .08em;
text-transform: uppercase;
}
.aw-text-link {
display: inline-flex;
gap: 10px;
align-items: center;
padding-bottom: 3px;
border-bottom: 1px solid currentColor;
color: var(--aw-accent) !important;
font-family: var(--aw-sans);
font-size: var(--aw-font-text-small);
font-weight: 700;
letter-spacing: .04em;
}
.aw-text-link span {
transition: transform .2s ease;
}
.aw-text-link:hover span {
transform: translateX(4px);
} .aw-opening {
display: grid;
grid-template-columns: minmax(245px, .9fr) minmax(300px, 1.12fr) minmax(245px, .98fr);
min-height: 450px;
border-top: 0;
border-bottom: 1px solid var(--aw-line);
}
.aw-author-panel,
.aw-blog-intro {
padding: 28px 26px;
}
.aw-author-panel {
display: flex;
flex-direction: column;
align-items: flex-start;
background: var(--aw-white);
}
.aw-author-panel__portrait {
width: 100%;
aspect-ratio: 4 / 4.2;
margin: 0 0 var(--aw-space-5);
overflow: hidden;
border: 1px solid var(--aw-line);
border-radius: 12px;
background: var(--aw-white);
}
.aw-author-panel__portrait img {
object-position: 50% 30%;
filter: saturate(.88) contrast(1.02);
}
.aw-author-panel h1 {
margin: 0 0 var(--aw-space-4);
font-family: var(--aw-serif);
font-size: clamp(25px, 2.25vw, 33px);
font-weight: 400;
line-height: 1;
letter-spacing: -.03em;
}
.aw-author-panel__lead {
margin: 0 0 var(--aw-space-5);
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: var(--aw-font-text);
line-height: 1.65;
}
.aw-opening__subject {
min-width: 0;
border-left: 1px solid var(--aw-line);
}
.aw-blog-intro {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-top: 52px;
border-left: 1px solid var(--aw-line);
}
.aw-blog-intro h2 {
max-width: 390px;
margin: 0 0 var(--aw-space-5);
font-family: var(--aw-serif);
font-size: clamp(23px, 2.25vw, 31px);
font-weight: 400;
line-height: 1.18;
letter-spacing: -.02em;
}
.aw-blog-intro p:not(.aw-home-kicker) {
margin: 0 0 var(--aw-space-4);
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: var(--aw-font-text);
line-height: 1.7;
}
.aw-blog-intro .aw-text-link {
margin-top: var(--aw-space-2);
align-self: flex-start;
} .aw-home .aw-category-card {
position: relative;
display: block;
min-height: 370px;
overflow: hidden;
background: var(--aw-ink);
color: #fff !important;
isolation: isolate;
}
.aw-home .aw-category-card__pictures,
.aw-home .aw-category-card__picture,
.aw-home .aw-category-card__shade {
position: absolute;
inset: 0;
}
.aw-home .aw-category-card__pictures {
display: grid;
grid-template-rows: 1fr 1fr;
transition: transform .6s cubic-bezier(.2,.7,.2,1);
z-index: -2;
}
.aw-home .aw-category-card--single-image .aw-category-card__pictures {
grid-template-rows: 1fr;
}
.aw-home .aw-category-card__picture {
position: relative;
background-color: #74736e;
background-image: var(--aw-climate-image);
background-position: center;
background-size: cover;
}
.aw-home .aw-category-card__picture--2 {
filter: saturate(.72) contrast(1.08);
}
.aw-home .aw-category-card__shade {
z-index: -1;
background:
linear-gradient(180deg, rgba(20,20,18,.18) 20%, rgba(20,20,18,.86) 100%),
linear-gradient(90deg, rgba(20,20,18,.4), rgba(20,20,18,.12) 65%);
}
.aw-home .aw-category-card--featured .aw-category-card__shade {
background:
linear-gradient(rgba(0,0,0,.16), rgba(0,0,0,.16)),
linear-gradient(
180deg,
color-mix(in srgb, var(--aw-climate, var(--aw-accent)) 12%, transparent),
rgba(0,0,0,.84)
);
}
.aw-home .aw-category-card__content {
position: absolute;
right: 30px;
bottom: 30px;
left: 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.aw-home .aw-category-card__eyebrow {
margin-bottom: 7px;
font-size: 10px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
opacity: .78;
}
.aw-home .aw-category-card__content strong {
font-family: var(--aw-serif);
font-size: clamp(30px, 3vw, 43px);
font-weight: 400;
line-height: 1;
}
.aw-home .aw-category-card__content > span:last-child {
max-width: 330px;
margin-top: 9px;
font-family: var(--aw-serif);
font-size: 14px;
line-height: 1.45;
opacity: .82;
}
.aw-home .aw-category-card__arrow {
position: absolute;
top: 25px;
right: 25px;
display: grid;
place-items: center;
width: 42px;
height: 42px;
border: 1px solid rgba(255,255,255,.6);
border-radius: 50%;
font-size: 20px;
transition: background .2s ease, color .2s ease, transform .2s ease;
}
.aw-home .aw-category-card:hover .aw-category-card__pictures {
transform: scale(1.025);
}
.aw-home .aw-category-card:hover .aw-category-card__arrow {
color: var(--aw-ink);
background: #fff;
transform: translateX(3px);
}
.aw-home .aw-category-card--featured {
height: 100%;
min-height: 450px;
}
.aw-home .aw-category-card--featured .aw-category-card__content {
top: 50%;
right: 30px;
bottom: auto;
left: 30px;
align-items: center;
text-align: center;
transform: translateY(-50%);
}
.aw-home .aw-category-card--featured .aw-category-card__content strong {
font-size: clamp(34px, 4vw, 50px);
color: var(--aw-white);
text-shadow: 0 2px 18px rgba(0,0,0,.35);
}
.aw-home .aw-category-card--featured .aw-category-card__content > span:last-child {
text-shadow: 0 1px 8px rgba(0,0,0,.45);
} .aw-topics {
padding: 76px 0 0;
}
.aw-section-heading {
max-width: 720px;
margin-bottom: 34px;
}
.aw-section-heading h2 {
margin: 0;
font-family: var(--aw-serif);
font-size: clamp(30px, 3.6vw, 46px);
font-weight: 400;
line-height: 1.05;
letter-spacing: -.035em;
}
.aw-section-heading > p:last-child:not(.aw-home-kicker) {
margin: 14px 0 0;
color: var(--aw-ink);
}
.aw-topics__grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 18px;
}
.aw-topics__mobile-feature {
display: none;
}
.aw-topics__grid .aw-category-card {
grid-column: span 4;
}
.aw-topics__grid > .aw-category-card:nth-child(5),
.aw-topics__grid > .aw-category-card:nth-child(6) {
grid-column: span 6;
min-height: 390px;
} .aw-invitation {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin-top: 76px;
padding: 46px 0;
color: var(--aw-ink);
background: var(--aw-white);
border-top: 1px solid var(--aw-ink);
border-bottom: 1px solid var(--aw-line);
}
.aw-invitation .aw-home-kicker {
color: var(--aw-accent) !important;
}
.aw-invitation h2 {
max-width: 650px;
margin: 0;
font-family: var(--aw-serif);
font-size: clamp(29px, 3.3vw, 43px);
font-weight: 400;
line-height: 1.06;
}
.aw-invitation__text {
align-self: center;
padding-left: 40px;
border-left: 3px solid var(--aw-accent);
}
.aw-invitation__text p {
margin: 0 0 16px;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: var(--aw-font-text);
}
.aw-invitation__text p:last-child {
margin-bottom: 0;
} .aw-latest {
padding-top: 76px;
}
.aw-section-heading--line {
display: flex;
justify-content: space-between;
align-items: end;
max-width: none;
padding-bottom: 25px;
border-bottom: 1px solid var(--aw-ink);
}
.aw-section-heading--line h2 {
font-size: clamp(30px, 3.6vw, 45px);
}
.aw-latest-feature {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(320px, .85fr);
min-height: 440px;
background: var(--aw-white);
border-bottom: 1px solid var(--aw-line);
}
.aw-latest-feature__image {
min-height: 440px;
overflow: hidden;
background: var(--aw-white);
}
.aw-latest-feature__image img {
transition: transform .6s ease;
}
.aw-latest-feature__image:hover img {
transform: scale(1.02);
}
.aw-latest-feature__body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 42px;
}
.aw-latest-feature__body h3 {
margin: 0 0 20px;
font-family: var(--aw-serif);
font-size: clamp(29px, 3.1vw, 42px);
font-weight: 400;
line-height: 1.04;
letter-spacing: -.035em;
}
.aw-latest-feature__body h3 a:hover,
.aw-post-row h3 a:hover {
color: var(--aw-accent);
}
.aw-latest-feature__body > p:not(.aw-home-kicker) {
margin: 0 0 22px;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: var(--aw-font-text);
}
.aw-home-meta {
display: flex;
gap: 16px;
color: var(--aw-ink);
font-size: max(var(--aw-font-meta), 11px);
letter-spacing: .05em;
text-transform: uppercase;
}
.aw-button-link {
display: inline-flex;
margin-top: 28px;
padding: 12px 20px;
color: var(--aw-white) !important;
background: var(--aw-accent);
font-size: 12px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
}
.aw-button-link:hover {
background: var(--aw-accent);
opacity: .84;
} .aw-reading {
display: grid;
grid-template-columns: minmax(0, 1fr) 280px;
gap: 70px;
padding-top: 76px;
}
.aw-section-heading--compact h2 {
font-size: clamp(29px, 3.4vw, 42px);
}
.aw-post-list {
border-top: 1px solid var(--aw-ink);
}
.aw-post-row {
display: grid;
grid-template-columns: 230px minmax(0, 1fr);
gap: 28px;
padding: 24px 0;
border-bottom: 1px solid var(--aw-line);
}
.aw-post-row__image {
min-height: 145px;
overflow: hidden;
background: var(--aw-white);
}
.aw-post-row__body {
align-self: center;
}
.aw-post-row h3 {
margin: 0 0 8px;
font-family: var(--aw-serif);
font-size: clamp(19px, 1.9vw, 25px);
font-weight: 400;
line-height: 1.12;
}
.aw-post-row__body > p:not(.aw-home-kicker) {
margin: 0 0 11px;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 14px;
}
.aw-more-posts {
display: block;
margin-top: 28px;
padding: 14px;
border: 1px solid var(--aw-ink);
text-align: center;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
transition: color .2s, background .2s;
}
.aw-more-posts:hover {
color: var(--aw-white);
background: var(--aw-ink);
}
.aw-aside-sticky {
position: sticky;
top: 30px;
}
.aw-ad-box {
display: grid;
place-items: center;
min-height: 230px;
padding: 20px;
border: 1px solid var(--aw-line);
color: var(--aw-ink);
background: var(--aw-white);
text-align: center;
}
.aw-ad-box span {
align-self: end;
font-size: 9px;
letter-spacing: .14em;
text-transform: uppercase;
}
.aw-ad-box p {
align-self: start;
margin: 8px 0 0;
font-family: var(--aw-serif);
}
.aw-side-topics,
.aw-side-archive {
margin-top: 34px;
padding-top: 22px;
border-top: 1px solid var(--aw-ink);
}
.aw-side-topics ul,
.aw-side-archive ul {
padding: 0;
margin: 0;
list-style: none;
}
.aw-side-topics li,
.aw-side-archive li {
border-bottom: 1px solid var(--aw-line);
}
.aw-side-topics a,
.aw-side-archive a {
display: flex;
justify-content: space-between;
gap: 12px;
padding: 10px 0;
font-family: var(--aw-serif);
font-size: 14px;
}
.aw-side-topics a:hover,
.aw-side-archive a:hover {
color: var(--aw-accent);
} @media (max-width: 1020px) {
.aw-opening {
grid-template-columns: 1fr 1fr;
}
.aw-blog-intro {
grid-column: 1 / -1;
padding: 38px 30px 40px;
border-top: 1px solid var(--aw-line);
border-left: 0;
}
.aw-author-panel {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 26px;
}
.aw-author-panel__portrait {
width: 100%;
height: auto;
min-height: 0;
aspect-ratio: 4 / 4.2;
margin-bottom: var(--aw-space-5);
}
.aw-home .aw-category-card--featured {
min-height: 560px;
}
.aw-topics__grid .aw-category-card {
grid-column: span 6;
}
.aw-topics__grid .aw-category-card:last-child {
grid-column: span 12;
}
.aw-invitation {
gap: 45px;
padding: 48px;
}
.aw-latest-feature {
grid-template-columns: 1.15fr .85fr;
}
.aw-latest-feature__body {
padding: 38px;
}
.aw-reading {
gap: 42px;
grid-template-columns: minmax(0, 1fr) 240px;
}
.aw-post-row {
grid-template-columns: 190px minmax(0, 1fr);
}
} @media (max-width: 720px) {
.aw-home {
font-size: 15px;
}
.aw-home__page {
width: min(100% - 32px, 620px);
padding: 18px 0 48px;
}
.aw-home h1,
.aw-home h2,
.aw-home h3,
.aw-home p,
.aw-home-kicker,
.aw-section-heading,
.aw-home .aw-category-card__content {
text-align: left;
}
.aw-opening {
display: flex;
flex-direction: column;
border: 0;
}
.aw-author-panel,
.aw-blog-intro {
width: 100%;
padding: 22px 0 30px;
}
.aw-author-panel {
order: 2;
align-items: flex-start;
text-align: left;
}
.aw-blog-intro {
order: 1;
display: flex;
align-items: flex-start;
border: 0;
}
.aw-opening__subject {
display: none;
}
.aw-author-panel__portrait {
width: min(78%, 330px);
max-height: none;
aspect-ratio: 4 / 4.3;
margin: 0 auto 22px;
}
.aw-author-panel h1 {
font-size: 28px;
text-align: left;
}
.aw-author-panel__lead {
text-align: left;
}
.aw-author-panel .aw-home-kicker {
width: 100%;
text-align: left;
}
.aw-author-panel .aw-text-link {
align-self: flex-start;
}
.aw-author-panel__lead,
.aw-blog-intro p:not(.aw-home-kicker) {
width: 100%;
max-width: none;
margin-right: 0;
padding-right: 0;
}
.aw-blog-intro h2 {
width: 100%;
max-width: none;
margin-bottom: 18px;
font-size: 25px;
line-height: 1.22;
}
.aw-home .aw-category-card--featured {
min-height: 390px;
}
.aw-home .aw-category-card--featured .aw-category-card__content {
right: 20px;
left: 20px;
align-items: flex-start;
text-align: left;
}
.aw-home .aw-category-card--featured .aw-category-card__content strong {
font-size: 38px;
}
.aw-home .aw-category-card--featured .aw-category-card__content > span:last-child {
max-width: 100%;
}
.aw-topics,
.aw-latest,
.aw-reading {
padding-top: 54px;
border-top: 1px solid var(--aw-line);
}
.aw-section-heading {
width: 100%;
max-width: none;
margin: 0 0 24px;
}
.aw-section-heading h2,
.aw-section-heading--line h2,
.aw-section-heading--compact h2 {
font-size: 30px;
line-height: 1.15;
}
.aw-topics__grid {
display: block;
}
.aw-topics__mobile-feature {
display: block;
width: 100%;
}
.aw-topics__mobile-feature .aw-category-card {
min-height: 320px;
}
.aw-topics__mobile-feature .aw-category-card .aw-category-card__content,
.aw-topics__mobile-feature .aw-category-card.aw-category-card--featured .aw-category-card__content {
top: auto;
right: 20px;
bottom: 22px;
left: 20px;
align-items: flex-start;
text-align: left;
transform: none;
}
.aw-topics__mobile-feature .aw-category-card .aw-category-card__content strong,
.aw-topics__mobile-feature .aw-category-card.aw-category-card--featured .aw-category-card__content strong {
font-size: 31px;
line-height: 1;
}
.aw-topics__mobile-feature .aw-category-card .aw-category-card__content > span:last-child,
.aw-topics__mobile-feature .aw-category-card.aw-category-card--featured .aw-category-card__content > span:last-child {
max-width: 100%;
text-align: left;
}
.aw-topics__grid .aw-category-card {
width: 100%;
min-height: 320px;
margin-bottom: 16px;
}
.aw-home .aw-category-card__content {
right: 20px;
bottom: 22px;
left: 20px;
align-items: flex-start;
}
.aw-home .aw-category-card__content strong {
font-size: 31px;
}
.aw-home .aw-category-card__content > span:last-child {
max-width: 100%;
}
.aw-invitation {
display: block;
width: 100%;
margin-top: 54px;
padding: 30px 0;
border: 0;
border-top: 1px solid var(--aw-line);
}
.aw-invitation__text {
width: 100%;
margin-top: 22px;
padding: 0;
border: 0;
}
.aw-invitation h2 {
font-size: 29px;
line-height: 1.18;
}
.aw-section-heading--line {
display: block;
padding-bottom: 0;
border: 0;
}
.aw-section-heading--line .aw-text-link {
margin-top: 16px;
}
.aw-latest-feature {
display: block;
width: 100%;
min-height: 0;
border: 0;
}
.aw-latest-feature__image {
display: block;
width: 100%;
min-height: 0;
aspect-ratio: 16 / 10;
}
.aw-latest-feature__body {
width: 100%;
padding: 24px 0 12px;
align-items: flex-start;
}
.aw-latest-feature__body h3 {
font-size: 29px;
line-height: 1.14;
}
.aw-reading {
display: block;
width: 100%;
}
.aw-post-list {
width: 100%;
border: 0;
}
.aw-post-row {
display: grid;
grid-template-columns: 118px minmax(0, 1fr);
gap: 17px;
width: 100%;
padding: 18px 0;
margin-bottom: 0;
border-bottom: 1px solid var(--aw-line);
}
.aw-post-row__image {
display: block;
width: 100%;
min-height: 112px;
aspect-ratio: auto;
margin-bottom: 0;
}
.aw-post-row__body {
width: 100%;
}
.aw-post-row h3 {
font-size: 21px;
line-height: 1.2;
}
.aw-post-row__body > p:not(.aw-home-kicker) {
display: none;
}
.aw-reading__aside {
width: 100%;
margin-top: 48px;
}
.aw-aside-sticky {
position: static;
}
.aw-side-topics,
.aw-side-archive {
margin-top: 30px;
padding-top: 0;
border: 0;
}
.aw-side-topics li,
.aw-side-archive li {
border: 0;
}
.aw-side-topics a,
.aw-side-archive a {
justify-content: flex-start;
padding: 8px 0;
}
}
@media (max-width: 420px) {
.aw-post-row {
display: grid;
grid-template-columns: 96px minmax(0, 1fr);
}
.aw-post-row__image {
min-height: 100px;
}
.aw-home-meta {
display: block;
}
.aw-home-meta span {
display: block;
}
}
@media (prefers-reduced-motion: reduce) {
.aw-home *,
.aw-home *::before,
.aw-home *::after {
scroll-behavior: auto !important;
transition: none !important;
}
} .aw-basic-page {
background: var(--aw-white);
}
.aw-basic-page__header {
padding: var(--aw-space-8) 0 var(--aw-space-6);
border-bottom: 1px solid var(--aw-line);
}
.aw-basic-page__header h1,
.aw-basic-empty h1 {
margin: 0;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 40px;
line-height: 1.16;
font-weight: 400;
}
.aw-basic-page__description {
max-width: 720px;
margin-top: var(--aw-space-4);
color: var(--aw-text);
font-size: var(--aw-font-text);
line-height: 1.65;
}
.aw-basic-page__description > :first-child {
margin-top: 0;
}
.aw-basic-page__description > :last-child {
margin-bottom: 0;
}
.aw-basic-post-list {
display: grid;
gap: 0;
padding: var(--aw-space-7) 0;
}
.aw-basic-post {
display: grid;
grid-template-columns: minmax(220px, .42fr) minmax(0, 1fr);
column-gap: var(--aw-space-6);
padding: var(--aw-space-6) 0;
border-bottom: 1px solid var(--aw-line);
}
.aw-basic-post:first-child {
padding-top: 0;
}
.aw-basic-post__header,
.aw-basic-post__excerpt,
.aw-basic-post__more {
grid-column: 2;
}
.aw-basic-post__header h2 {
margin: 0;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 27px;
line-height: 1.25;
font-weight: 400;
}
.aw-basic-post__header h2 a:hover,
.aw-basic-post__header h2 a:focus-visible {
color: var(--aw-accent);
}
.aw-basic-post__categories::before {
content: "/";
margin-right: 11px;
}
.aw-basic-post__categories a:hover,
.aw-basic-post__categories a:focus-visible {
color: var(--aw-accent);
}
.aw-basic-post__image {
grid-column: 1;
grid-row: 1 / span 4;
display: block;
overflow: hidden;
}
.aw-basic-post__image img {
width: 100%;
aspect-ratio: 1.45 / 1;
object-fit: cover;
transition: transform .3s ease;
}
.aw-basic-post__image:hover img {
transform: scale(1.02);
}
.aw-basic-post__excerpt {
margin-top: var(--aw-space-3);
color: var(--aw-text);
font-size: var(--aw-font-text);
line-height: 1.6;
}
.aw-basic-post__excerpt > :first-child {
margin-top: 0;
}
.aw-basic-post__excerpt > :last-child {
margin-bottom: 0;
}
.aw-basic-post__more {
justify-self: start;
margin-top: var(--aw-space-4);
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
font-weight: 800;
text-decoration: underline;
text-decoration-color: var(--aw-accent);
text-decoration-thickness: 2px;
text-underline-offset: 5px;
}
.aw-basic-pagination {
padding-bottom: var(--aw-space-8);
}
.aw-basic-pagination .nav-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.aw-basic-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
min-height: 36px;
padding: 0 11px;
border: 1px solid var(--aw-line);
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
font-weight: 800;
}
.aw-basic-pagination .current,
.aw-basic-pagination a:hover,
.aw-basic-pagination a:focus-visible {
border-color: var(--aw-ink);
background: var(--aw-ink);
color: var(--aw-white);
}
.aw-basic-empty {
padding: var(--aw-space-8) 0;
}
.aw-basic-empty p {
margin: var(--aw-space-3) 0 0;
color: var(--aw-text);
} @media (max-width: 640px) {
.aw-basic-page__header {
padding: 30px 0 24px;
}
.aw-basic-page__header h1,
.aw-basic-empty h1 {
font-size: 30px;
}
.aw-basic-post-list {
padding: 28px 0;
}
.aw-basic-post {
display: block;
padding: 24px 0;
}
.aw-basic-post__image {
margin: 14px 0;
}
.aw-basic-post__header h2 {
font-size: 22px;
}
.aw-basic-post__excerpt {
margin-top: 0;
font-size: var(--aw-font-text-small);
}
} .aw-category-archive {
background: var(--aw-white);
}
.aw-category-hero {
padding: var(--aw-space-7) 0 var(--aw-space-6);
border-bottom: 1px solid var(--aw-line);
}
.aw-category-hero .aw-kicker {
margin-bottom: var(--aw-space-2);
}
.aw-category-hero h1 {
margin: 0;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 34px;
line-height: 1.12;
font-weight: 400;
}
.aw-category-hero__description {
max-width: 680px;
margin-top: var(--aw-space-4);
color: var(--aw-text);
font-size: var(--aw-font-text);
line-height: 1.6;
}
.aw-category-hero__description p {
margin: 0;
}
.aw-category-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 245px;
gap: var(--aw-space-8);
align-items: stretch;
min-height: 1400px;
padding: var(--aw-space-8) 0;
border-bottom: 1px solid var(--aw-line);
overflow: visible;
transform: none;
contain: none;
}
.aw-category-posts {
min-width: 0;
}
.aw-category-lead {
display: grid;
grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
gap: var(--aw-space-6);
align-items: start;
padding-bottom: var(--aw-space-7);
border-bottom: 1px solid var(--aw-line);
}
.aw-category-lead__image {
display: block;
}
.aw-category-lead__image img {
width: 100%;
aspect-ratio: 1.42 / 1;
object-fit: cover;
}
.aw-category-lead .aw-kicker,
.aw-category-card .aw-kicker {
display: inline-flex;
align-items: center;
width: fit-content;
min-height: 21px;
margin: 0 0 var(--aw-space-2);
padding: 0 7px;
background: var(--aw-accent);
color: #ffffff !important;
font-family: var(--aw-sans);
font-size: var(--aw-font-label);
line-height: 1;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.aw-category-lead h2 {
margin: 0 0 var(--aw-space-3);
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 25px;
line-height: 1.22;
font-weight: 400;
}
.aw-category-lead p:not(.aw-kicker):not(.aw-meta) {
margin: 0;
color: var(--aw-text);
font-size: var(--aw-font-text);
line-height: 1.55;
}
.aw-category-card {
display: grid;
grid-template-columns: 210px minmax(0, 1fr);
gap: var(--aw-space-5);
padding: var(--aw-space-6) 0;
border-bottom: 1px solid var(--aw-line-soft);
}
.aw-category-card__image {
display: block;
}
.aw-category-card__image img {
width: 210px;
aspect-ratio: 1.45 / 1;
object-fit: cover;
}
.aw-category-card h2 {
margin: 0 0 var(--aw-space-2);
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 21px;
line-height: 1.28;
font-weight: 400;
}
.aw-category-card p:not(.aw-kicker):not(.aw-meta) {
margin: 0;
color: var(--aw-text);
font-size: var(--aw-font-text-small);
line-height: 1.5;
}
.aw-category-sidebar {
min-width: 0;
align-self: stretch;
overflow: visible;
}
.aw-category-sidebar__sticky {
position: sticky;
top: 96px;
z-index: 5;
}
.aw-category-ad-secondary {
margin-top: var(--aw-space-6);
}
.aw-category-pagination {
padding-top: var(--aw-space-6);
}
.aw-category-pagination .nav-links {
display: flex;
flex-wrap: wrap;
gap: var(--aw-space-2);
}
.aw-category-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 34px;
min-height: 34px;
padding: 0 11px;
border: 1px solid var(--aw-line);
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
line-height: 1;
font-weight: 800;
text-transform: uppercase;
}
.aw-category-pagination .page-numbers.current {
border-color: var(--aw-ink);
background: var(--aw-ink);
color: #ffffff;
}
.aw-category-empty {
padding: var(--aw-space-8) 0;
border-bottom: 1px solid var(--aw-line);
}
.aw-category-empty h2 {
margin: 0 0 var(--aw-space-3);
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: var(--aw-font-section);
line-height: 1.2;
font-weight: 400;
}
.aw-category-empty p {
margin: 0;
color: var(--aw-text);
font-size: var(--aw-font-text);
line-height: 1.55;
}
@media (max-width: 980px) {
.aw-category-layout {
grid-template-columns: 1fr;
min-height: 0;
}
.aw-category-sidebar__sticky {
position: static;
top: auto;
z-index: auto;
}
}
@media (max-width: 640px) {
.aw-category-hero {
padding: var(--aw-space-7) 0 var(--aw-space-6);
}
.aw-category-hero h1 {
font-size: 29px;
line-height: 1.15;
}
.aw-category-hero__description {
font-size: var(--aw-font-text-small);
}
.aw-category-layout {
display: block;
min-height: 0;
padding: var(--aw-space-7) 0;
overflow: visible;
}
.aw-category-lead {
display: block;
padding-bottom: var(--aw-space-6);
}
.aw-category-lead__image img {
aspect-ratio: 1.5 / 1;
margin-bottom: var(--aw-space-4);
}
.aw-category-lead h2 {
font-size: 24px;
line-height: 1.25;
}
.aw-category-lead p:not(.aw-kicker):not(.aw-meta) {
font-size: var(--aw-font-text-small);
}
.aw-category-card {
display: block;
padding: var(--aw-space-5) 0;
overflow: hidden;
}
.aw-category-card::after {
content: "";
display: table;
clear: both;
}
.aw-category-card__image {
float: right;
width: 96px;
margin: 3px 0 var(--aw-space-2) var(--aw-space-4);
}
.aw-category-card__image img {
width: 96px;
height: 96px;
object-fit: cover;
}
.aw-category-card h2 {
font-size: 20px;
line-height: 1.28;
}
.aw-category-card p:not(.aw-kicker):not(.aw-meta) {
font-size: var(--aw-font-caption);
}
.aw-category-sidebar {
display: block;
margin-top: var(--aw-space-6);
min-width: 0;
align-self: auto;
overflow: visible;
}
.aw-category-sidebar__sticky {
position: static;
top: auto;
z-index: auto;
}
.aw-category-sidebar .aw-ad-box {
width: 100%;
}
.aw-category-sidebar .aw-topic-box {
display: none;
}
.aw-category-ad-secondary {
margin-top: var(--aw-space-5);
}
}
.aw-category-author-note {
display: grid;
grid-template-columns: 44px minmax(0, 520px);
gap: var(--aw-space-3);
align-items: center;
margin-top: var(--aw-space-4);
}
.aw-category-author-note__photo {
width: 44px;
height: 44px;
border-radius: 50%;
overflow: hidden;
border: 1px solid var(--aw-line);
background:
url(http://blog-publicystyczny-demo.architektweb.pl/wp-content/uploads/2026/06/00-Moj-portret.-jpg.jpg)
center 28% / cover no-repeat;
}
.aw-category-author-note p {
margin: 0;
color: var(--aw-text);
font-size: var(--aw-font-text-small);
line-height: 1.5;
}
@media (max-width: 640px) {
.aw-category-author-note {
grid-template-columns: 40px minmax(0, 1fr);
margin-top: var(--aw-space-4);
}
.aw-category-author-note__photo {
width: 40px;
height: 40px;
}
} .aw-category-sidebar .aw-ad-box {
display: grid;
place-items: center;
min-height: 230px;
padding: 20px;
border: 1px solid var(--aw-line);
background: var(--aw-white);
color: var(--aw-ink);
font-family: var(--aw-sans);
text-align: center;
}
.aw-category-sidebar .aw-ad-box span {
align-self: end;
font-size: var(--aw-font-meta);
font-weight: 800;
letter-spacing: .1em;
text-transform: uppercase;
}
.aw-category-sidebar .aw-ad-box div {
align-self: start;
margin-top: 8px;
font-family: var(--aw-serif);
font-size: var(--aw-font-caption);
}
.aw-category-sidebar .aw-topic-box {
margin-top: var(--aw-space-6);
padding-top: var(--aw-space-5);
border-top: 1px solid var(--aw-ink);
}
.aw-category-sidebar .aw-topic-box h3 {
margin: 0 0 var(--aw-space-3);
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 19px;
line-height: 1.25;
font-weight: 400;
}
.aw-category-sidebar .aw-topic-box a {
display: block;
padding: 10px 0;
border-top: 1px solid var(--aw-line-soft);
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-text-small);
font-weight: 700;
}
.aw-category-sidebar .aw-topic-box a:hover {
color: var(--aw-accent);
} .aw-author-page {
background: var(--aw-white);
}
.aw-author-page-hero {
display: grid;
grid-template-columns: 150px minmax(0, 1fr);
gap: var(--aw-space-7);
align-items: center;
padding: var(--aw-space-8) 0;
border-bottom: 1px solid var(--aw-line);
}
.aw-author-page-hero__photo {
width: 132px;
height: 132px;
border-radius: 50%;
background: var(--aw-author-photo) center / cover no-repeat;
border: 1px solid var(--aw-line);
overflow: hidden;
}
.aw-author-page-hero__image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.aw-author-page-hero__content {
min-width: 0;
}
.aw-author-page-hero h1 {
margin: 0 0 var(--aw-space-3);
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 34px;
line-height: 1.12;
font-weight: 400;
}
.aw-author-page-hero p:not(.aw-kicker) {
max-width: 680px;
margin: 0;
color: var(--aw-text);
font-size: var(--aw-font-text);
line-height: 1.6;
}
.aw-author-page-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 245px;
gap: var(--aw-space-8);
align-items: start;
padding: var(--aw-space-8) 0;
border-bottom: 1px solid var(--aw-line);
}
.aw-author-page-content {
min-width: 0;
max-width: 760px;
}
.aw-author-page-content h2 {
margin: var(--aw-space-7) 0 var(--aw-space-3);
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: var(--aw-font-section);
line-height: 1.22;
font-weight: 400;
}
.aw-author-page-content h2:first-child {
margin-top: 0;
}
.aw-author-page-content p {
margin: 0 0 var(--aw-space-4);
color: var(--aw-text);
font-size: var(--aw-font-text);
line-height: 1.7;
}
.aw-author-page-side {
min-width: 0;
}
.aw-author-page-side__box {
margin-bottom: var(--aw-space-6);
border-top: 1px solid var(--aw-line);
}
.aw-author-page-side__box h2 {
margin: var(--aw-space-4) 0 var(--aw-space-2);
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 19px;
line-height: 1.25;
font-weight: 400;
}
.aw-author-page-side__box a {
display: block;
padding: 9px 0;
border-top: 1px solid var(--aw-line-soft);
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-caption);
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
} .aw-author-latest {
margin-top: var(--aw-space-7);
padding-top: var(--aw-space-6);
border-top: 1px solid var(--aw-line);
}
.aw-author-latest > h2 {
margin-top: 0;
}
.aw-author-latest__list {
display: grid;
gap: 0;
}
.aw-author-latest__item {
padding: var(--aw-space-4) 0;
border-top: 1px solid var(--aw-line-soft);
}
.aw-author-latest__item:first-child {
border-top: 0;
}
.aw-author-latest__item time {
display: block;
margin-bottom: 6px;
color: var(--aw-muted);
font-family: var(--aw-sans);
font-size: var(--aw-font-meta);
line-height: 1.3;
}
.aw-author-latest__item h3 {
margin: 0;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 20px;
line-height: 1.35;
font-weight: 400;
}
.aw-author-latest__item h3 a:hover,
.aw-author-latest__item h3 a:focus-visible,
.aw-author-page-side__box a:hover,
.aw-author-page-side__box a:focus-visible {
color: var(--aw-accent);
} @media (max-width: 980px) {
.aw-author-page-layout {
grid-template-columns: 1fr;
}
} @media (max-width: 640px) {
.aw-author-page-hero {
grid-template-columns: 1fr;
gap: var(--aw-space-4);
padding: var(--aw-space-7) 0;
}
.aw-author-page-hero__photo {
width: 112px;
height: 112px;
margin-inline: auto;
}
.aw-author-page-hero__content {
text-align: left;
}
.aw-author-page-hero h1 {
font-size: 27px;
line-height: 1.15;
}
.aw-author-page-hero p:not(.aw-kicker) {
font-size: var(--aw-font-text-small);
line-height: 1.55;
}
.aw-author-page-layout {
display: block;
padding: var(--aw-space-7) 0;
}
.aw-author-page-content p {
font-size: var(--aw-font-text-small);
}
.aw-author-page-side {
margin-top: var(--aw-space-6);
}
.aw-author-latest {
margin-top: var(--aw-space-6);
padding-top: var(--aw-space-5);
}
.aw-author-latest__item h3 {
font-size: 19px;
}
} .aw-single-page {
--aw-reader-font-size: 17px;
background: var(--aw-white);
}
.aw-single-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 270px;
gap: 36px;
align-items: stretch;
min-height: 1400px;
padding: var(--aw-space-8) 0;
overflow: visible;
transform: none;
contain: none;
}
.aw-single-main {
min-width: 0;
} @media (max-width: 980px) {
.aw-single-layout {
grid-template-columns: 1fr;
min-height: 0;
}
}
@media (max-width: 640px) {
.aw-single-page {
--aw-reader-font-size: 16px;
}
.aw-single-layout {
display: block;
padding: 28px 0;
}
} .aw-single-header {
position: relative;
padding-bottom: 18px;
border-bottom: 0;
}
.aw-single-header .aw-kicker {
display: inline-flex;
align-items: center;
width: fit-content;
min-height: 22px;
margin: 0 0 14px;
padding: 0 8px;
background: var(--aw-accent);
color: #ffffff !important;
font-family: var(--aw-sans);
font-size: var(--aw-font-label);
line-height: 1;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.aw-single-header h1 {
max-width: 760px;
margin: 0;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 38px;
line-height: 1.16;
font-weight: 400;
}
.aw-single-meta {
display: flex;
flex-wrap: wrap;
gap: 0;
margin-top: 14px;
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
line-height: 1.3;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
}
.aw-single-meta span {
display: inline-flex;
align-items: center;
}
.aw-single-meta span + span::before {
content: "";
width: 4px;
height: 4px;
margin: 0 9px;
background: var(--aw-accent);
}
.aw-single-header-bottom {
display: flex;
flex-wrap: wrap;
gap: 16px 24px;
align-items: center;
justify-content: space-between;
margin-top: 17px;
}
.aw-single-byline {
display: inline-grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: 9px;
align-items: center;
}
.aw-single-byline__photo {
width: 34px;
height: 34px;
border-radius: 50%;
overflow: hidden;
background: var(--aw-author-photo) center / cover no-repeat;
border: 1px solid var(--aw-line);
}
.aw-single-byline__photo img {
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.aw-single-byline span {
display: block;
margin-bottom: 2px;
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-meta);
line-height: 1;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.aw-single-byline strong {
display: block;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 15px;
line-height: 1.2;
font-weight: 400;
} @media (max-width: 640px) {
.aw-single-header {
padding-bottom: 16px;
}
.aw-single-header h1 {
font-size: 30px;
line-height: 1.18;
}
.aw-single-meta {
gap: 0;
margin-top: 13px;
color: var(--aw-ink);
font-size: var(--aw-font-meta);
}
.aw-single-meta span + span::before {
width: 4px;
height: 4px;
margin: 0 8px;
}
.aw-single-header-bottom {
display: block;
margin-top: 15px;
}
.aw-single-byline {
margin-bottom: 15px;
}
} .aw-single-share {
display: grid;
grid-template-columns: auto;
justify-items: end;
gap: 8px;
align-items: center;
}
.aw-single-share__row {
display: flex;
gap: 10px;
align-items: center;
}
.aw-single-share__row > span {
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
line-height: 1;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.aw-single-share__buttons {
min-width: 0;
}
.aw-single-share__buttons--mobile {
display: none;
}
.aw-single-share .aw-single-font-resizer {
display: flex;
gap: 8px;
align-items: center;
margin: 0;
}
.aw-single-share .aw-single-font-resizer > span {
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-meta);
line-height: 1;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
.aw-single-share .aw-single-font-resizer__buttons {
display: inline-flex;
gap: 5px;
align-items: center;
margin: 0;
}
.aw-single-share .aw-single-font-resizer button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 28px;
min-height: 28px;
padding: 0 6px;
border: 1px solid var(--aw-line);
background: var(--aw-white);
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: 13px;
font-weight: 800;
line-height: 1;
text-decoration: none;
cursor: pointer;
}
.aw-single-share .aw-single-font-resizer button:hover,
.aw-single-share .aw-single-font-resizer button:focus-visible {
border-color: var(--aw-accent);
color: var(--aw-accent);
}
.aw-single-share__buttons p {
margin: 0;
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-caption);
line-height: 1.4;
}
.aw-single-share .addtoany_list {
display: flex !important;
flex-wrap: wrap;
gap: 7px;
line-height: 1 !important;
}
.aw-single-share .addtoany_list a {
padding: 0 !important;
}
.aw-single-share .a2a_svg {
width: 30px !important;
height: 30px !important;
border-radius: 0 !important;
}
.aw-single-share .a2a_button_a2a {
display: none !important;
} @media (max-width: 640px) {
.aw-single-share {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
justify-items: start;
column-gap: 12px;
row-gap: 9px;
width: 100%;
}
.aw-single-share__row {
display: grid;
grid-column: 1 / -1;
grid-row: 1 / 3;
grid-template-columns: minmax(0, 1fr) auto;
row-gap: 9px;
width: 100%;
}
.aw-single-share__row > span {
display: block;
grid-column: 1 / -1;
grid-row: 1;
margin: 0;
}
.aw-single-share__buttons--desktop {
display: none;
}
.aw-single-share__buttons--mobile {
display: block;
grid-column: 1;
grid-row: 2;
}
.aw-single-share .aw-single-font-resizer {
grid-column: 2;
grid-row: 2;
justify-self: end;
z-index: 1;
}
.aw-single-share .aw-single-font-resizer > span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
} .aw-single-intro {
position: relative;
margin-top: 16px;
border-bottom: 1px solid var(--aw-line);
background: var(--aw-ink);
overflow: hidden;
}
.aw-single-featured {
position: relative;
margin: 0;
background: var(--aw-ink);
}
.aw-single-featured img {
width: 100%;
aspect-ratio: 2.25 / 1;
object-fit: cover;
opacity: .86;
}
.aw-single-featured::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(0,0,0,.76) 0%, rgba(0,0,0,.46) 42%, rgba(0,0,0,.08) 100%);
pointer-events: none;
}
.aw-single-featured figcaption {
position: absolute;
right: 14px;
bottom: 10px;
z-index: 2;
max-width: 46%;
color: rgba(255,255,255,.9);
font-family: var(--aw-sans);
font-size: var(--aw-font-meta);
line-height: 1.4;
text-align: right;
}
.aw-single-deck {
position: absolute;
left: 24px;
bottom: 24px;
z-index: 3;
max-width: 520px;
}
.aw-single-deck p {
margin: 0;
color: #ffffff;
font-family: var(--aw-serif);
font-size: 22px;
line-height: 1.48;
font-weight: 400;
} @media (max-width: 640px) {
.aw-single-intro {
margin-top: 16px;
}
.aw-single-featured img {
aspect-ratio: 1.55 / 1;
}
.aw-single-featured::after {
background: linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.44) 55%, rgba(0,0,0,.1) 100%);
}
.aw-single-featured figcaption {
display: none;
}
.aw-single-deck {
left: 16px;
right: 16px;
bottom: 16px;
max-width: none;
}
.aw-single-deck p {
font-size: 19px;
line-height: 1.42;
}
} .aw-single-content {
max-width: 720px;
padding-top: 28px;
color: var(--aw-text);
font-size: var(--aw-reader-font-size);
line-height: 1.78;
}
.aw-single-content > p:first-of-type::first-letter {
float: left;
margin: 8px 8px 0 0;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 58px;
line-height: .82;
font-weight: 700;
}
.aw-single-content p {
margin: 0 0 20px;
}
.aw-single-content h2,
.aw-single-content h3,
.aw-single-content h4 {
color: var(--aw-ink);
font-family: var(--aw-serif);
font-weight: 400;
}
.aw-single-content h2 {
margin: 34px 0 14px;
font-size: 26px;
line-height: 1.25;
}
.aw-single-content h3 {
margin: 28px 0 12px;
font-size: 22px;
line-height: 1.3;
}
.aw-single-content ul,
.aw-single-content ol {
margin: 0 0 22px 22px;
padding: 0;
}
.aw-single-content li {
margin-bottom: 8px;
}
.aw-single-content blockquote {
margin: 30px 0;
padding: 20px 24px;
border-left: 4px solid var(--aw-accent);
background: #f4f4f4;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 20px;
line-height: 1.5;
}
.aw-single-content blockquote p:last-child {
margin-bottom: 0;
}
.aw-single-content img {
width: auto;
max-width: 100%;
height: auto;
}
.aw-single-content figure {
margin: 30px 0;
}
.aw-single-content figcaption {
margin-top: 8px;
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
line-height: 1.45;
}
.aw-single-inline-ad {
display: grid;
place-items: center;
min-height: 86px;
margin: 28px 0;
border: 1px solid var(--aw-line);
background: #fafafa;
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-caption);
text-align: center;
text-transform: uppercase;
}
.aw-single-inline-ad span {
display: block;
margin-bottom: 6px;
font-size: var(--aw-font-meta);
letter-spacing: .08em;
} @media (max-width: 640px) {
.aw-single-content {
max-width: none;
padding-top: 24px;
font-size: var(--aw-reader-font-size);
line-height: 1.72;
}
.aw-single-content > p:first-of-type::first-letter {
font-size: 50px;
}
.aw-single-content blockquote {
margin: 26px 0;
padding: 18px;
font-size: 19px;
}
.aw-single-inline-ad {
min-height: 92px;
margin: 26px 0;
}
} .aw-single-footer {
max-width: 720px;
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid var(--aw-line);
}
.aw-single-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.aw-single-tags a {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 10px;
border: 1px solid var(--aw-line);
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-meta);
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
.aw-single-tags a:hover {
border-color: var(--aw-accent);
color: var(--aw-accent);
} @media (max-width: 640px) {
.aw-single-footer {
max-width: none;
}
} .aw-single-discussion {
width: 100%;
max-width: 720px;
margin-top: 36px;
padding: 24px 0 0;
border-top: 1px solid var(--aw-line);
overflow: hidden;
}
.aw-single-discussion__intro {
display: grid;
grid-template-columns: 62px minmax(0, 1fr);
gap: 16px;
align-items: center;
padding: 22px;
background: #f4f4f4;
}
.aw-single-discussion__photo {
width: 62px;
height: 62px;
border-radius: 50%;
overflow: hidden;
background: var(--aw-author-photo) center / cover no-repeat;
border: 1px solid var(--aw-line);
}
.aw-single-discussion__photo img {
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.aw-single-discussion h2 {
margin: 0 0 8px;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 22px;
line-height: 1.25;
font-weight: 400;
}
.aw-single-discussion p:not(.aw-kicker) {
margin: 0;
color: var(--aw-text);
font-size: var(--aw-font-text);
line-height: 1.55;
}
.aw-single-comment-rules {
margin-top: 16px;
padding: 14px 16px;
border-left: 3px solid var(--aw-accent);
background: #fafafa;
}
.aw-single-comment-rules strong {
display: block;
margin-bottom: 5px;
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
line-height: 1;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.aw-single-comment-rules p {
margin: 0;
color: var(--aw-text);
font-size: var(--aw-font-text-small);
line-height: 1.55;
}
.aw-single-comments-template {
width: 100%;
max-width: 100%;
min-width: 0;
margin-top: 20px;
padding: 22px;
border: 1px dashed var(--aw-line);
color: var(--aw-ink);
font-family: var(--aw-sans);
text-align: center;
overflow: hidden;
box-sizing: border-box;
}
.aw-single-comments-template * {
max-width: 100%;
box-sizing: border-box;
}
.aw-single-comments-template > span {
display: block;
margin-bottom: 6px;
font-size: var(--aw-font-small);
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.aw-single-comments-template > p {
margin: 0;
font-size: var(--aw-font-caption);
}
.aw-single-comments-template #comments,
.aw-single-comments-template #respond,
.aw-single-comments-template .comment-respond,
.aw-single-comments-template .comment-form,
.aw-single-comments-template .comment-list,
.aw-single-comments-template #wpdcom,
.aw-single-comments-template #disqus_thread {
width: 100%;
max-width: 100%;
min-width: 0;
}
.aw-single-comments-template textarea,
.aw-single-comments-template input[type="text"],
.aw-single-comments-template input[type="email"],
.aw-single-comments-template input[type="url"],
.aw-single-comments-template input[type="search"] {
width: 100%;
max-width: 100%;
}
.aw-single-comments-template iframe {
width: 100% !important;
max-width: 100% !important;
}
.aw-single-comments-template .comment-form-cookies-consent {
display: flex;
gap: 10px;
align-items: flex-start;
}
.aw-single-comments-template .comment-form-cookies-consent input {
flex: 0 0 auto;
margin-top: 4px;
} @media (max-width: 640px) {
.aw-single-discussion {
max-width: none;
margin-top: 30px;
padding-top: 24px;
}
.aw-single-discussion__intro {
grid-template-columns: 54px minmax(0, 1fr);
gap: 13px;
padding: 18px;
}
.aw-single-discussion__photo {
width: 54px;
height: 54px;
}
.aw-single-discussion h2 {
font-size: 21px;
}
.aw-single-comments-template {
width: 100%;
padding: 16px;
overflow-x: hidden;
}
.aw-single-comments-template .comment-form-cookies-consent {
align-items: flex-start;
text-align: left;
}
} .aw-single-section-head {
margin-bottom: 18px;
}
.aw-single-section-head h2 {
margin: 0;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: var(--aw-font-section);
line-height: 1.2;
font-weight: 400;
}
.aw-single-scroll-hint {
display: none;
} @media (max-width: 640px) {
.aw-single-scroll-hint {
display: block;
margin: -8px 0 13px;
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-meta);
line-height: 1;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
.aw-single-scroll-hint::after {
content: " →";
color: var(--aw-accent);
}
} .aw-single-related,
.aw-single-more-read,
.aw-single-more-topics {
max-width: 820px;
margin-top: 38px;
padding-top: 30px;
border-top: 1px solid var(--aw-line);
}
.aw-single-related__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.aw-single-related-card img {
width: 100%;
aspect-ratio: 1.45 / 1;
object-fit: cover;
margin-bottom: 12px;
}
.aw-single-related-card h3 {
margin: 0 0 8px;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 18px;
line-height: 1.3;
font-weight: 400;
}
.aw-single-related-card p:not(.aw-kicker) {
margin: 0;
color: var(--aw-text);
font-size: var(--aw-font-text-small);
line-height: 1.5;
}
.aw-single-more-read__track {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
.aw-single-more-card {
padding: 16px;
border: 1px solid var(--aw-line);
}
.aw-single-more-card span {
display: block;
margin-bottom: 9px;
color: var(--aw-accent);
font-family: var(--aw-sans);
font-size: var(--aw-font-meta);
line-height: 1;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
.aw-single-more-card h3 {
margin: 0;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 16px;
line-height: 1.32;
font-weight: 400;
}
.aw-single-topic-list {
display: flex;
flex-wrap: wrap;
gap: 9px;
}
.aw-single-topic-list a {
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 0 12px;
background: var(--aw-ink);
color: #ffffff;
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
line-height: 1;
font-weight: 800;
letter-spacing: .05em;
text-transform: uppercase;
}
.aw-single-topic-list a:hover {
background: var(--aw-accent);
color: #ffffff;
} @media (max-width: 980px) {
.aw-single-related__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aw-single-more-read__track {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.aw-single-related,
.aw-single-more-read,
.aw-single-more-topics {
max-width: none;
}
.aw-single-related,
.aw-single-more-read {
margin-left: -18px;
margin-right: -18px;
padding-left: 18px;
overflow: hidden;
}
.aw-single-related .aw-single-section-head,
.aw-single-more-read .aw-single-section-head,
.aw-single-related .aw-single-scroll-hint,
.aw-single-more-read .aw-single-scroll-hint {
margin-right: 18px;
}
.aw-single-related__grid,
.aw-single-more-read__track {
display: flex;
gap: 14px;
overflow-x: auto;
overflow-y: hidden;
padding: 0 18px 10px 0;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.aw-single-related-card,
.aw-single-more-card {
flex: 0 0 82%;
min-width: 0;
scroll-snap-align: start;
}
} .aw-single-sidebar {
min-width: 0;
align-self: stretch;
overflow: visible;
}
.aw-single-sidebar__sticky {
position: sticky;
top: 96px;
z-index: 5;
}
.aw-single-author-box {
display: grid;
grid-template-columns: 58px minmax(0, 1fr);
gap: 13px;
align-items: center;
margin-top: 24px;
padding: 18px 0;
border-top: 1px solid var(--aw-line);
border-bottom: 1px solid var(--aw-line);
}
.aw-single-author-box__photo {
width: 58px;
height: 58px;
border-radius: 50%;
background: var(--aw-author-photo) center / cover no-repeat;
border: 1px solid var(--aw-line);
}
.aw-single-author-box .aw-kicker {
margin-bottom: 4px;
}
.aw-single-author-box h2 {
margin: 0 0 5px;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 18px;
line-height: 1.25;
font-weight: 400;
}
.aw-single-author-box p:not(.aw-kicker) {
margin: 0;
color: var(--aw-text);
font-size: var(--aw-font-caption);
line-height: 1.5;
}
.aw-single-side-posts {
margin-top: 24px;
border-top: 1px solid var(--aw-line);
}
.aw-single-side-posts h3 {
margin: 16px 0 8px;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 19px;
line-height: 1.25;
font-weight: 400;
}
.aw-single-side-posts a {
display: block;
padding: 11px 0;
border-top: 1px solid var(--aw-line-soft);
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 15px;
line-height: 1.35;
font-weight: 400;
}
.aw-single-side-posts a:hover {
color: var(--aw-accent);
}
.aw-single-side-posts a span {
display: block;
margin-bottom: 4px;
color: var(--aw-accent);
font-family: var(--aw-sans);
font-size: var(--aw-font-meta);
line-height: 1;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
.aw-single-ad-secondary {
margin-top: 24px;
} @media (max-width: 980px) {
.aw-single-sidebar__sticky {
position: static;
top: auto;
}
}
@media (max-width: 640px) {
.aw-single-sidebar {
display: block;
margin-top: 28px;
}
.aw-single-side-posts--discussed {
display: none;
}
} .aw-single-layout.aw-single-layout--without-sidebar {
display: block;
width: 100%;
}
.aw-single-layout--without-sidebar .aw-single-main {
width: 100%;
min-width: 0;
}
.aw-single-layout--without-sidebar .aw-single-header,
.aw-single-layout--without-sidebar .aw-single-intro,
.aw-single-layout--without-sidebar .aw-single-footer,
.aw-single-layout--without-sidebar .aw-single-discussion,
.aw-single-layout--without-sidebar .aw-single-related,
.aw-single-layout--without-sidebar .aw-single-more-read,
.aw-single-layout--without-sidebar .aw-single-more-topics {
width: 100%;
max-width: none;
}
.aw-single-layout--without-sidebar .aw-single-content {
width: min(100%, 880px);
max-width: 880px;
margin-inline: auto;
}
.aw-single-conversation-note {
margin-top: 18px;
padding: 15px 0 0;
border-top: 1px solid var(--aw-line);
border-left: 0;
background: transparent;
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-text-small);
line-height: 1.55;
}
.aw-single-conversation-note strong {
display: block;
margin-bottom: 4px;
font-weight: 800;
}
.aw-single-conversation-note p {
margin: 0;
} @media (max-width: 640px) {
.aw-single-layout--without-sidebar .aw-single-content {
width: 100%;
max-width: none;
margin-inline: 0;
}
.aw-single-conversation-note {
margin-top: 16px;
padding: 14px 0 0;
border-top: 1px solid var(--aw-line);
border-left: 0;
background: transparent;
}
} .aw-single-layout--without-sidebar .aw-single-intro {
width: min(100%, 880px);
max-width: 880px;
margin: 16px auto 0;
}
.aw-single-layout--without-sidebar .aw-single-featured img {
width: 100%;
aspect-ratio: 2.25 / 1;
object-fit: cover;
object-position: center;
}
.aw-single-layout--without-sidebar .aw-single-content > p:first-of-type::first-letter {
margin: 5px 9px 0 0;
font-size: 46px;
line-height: .9;
}
.aw-single-layout--without-sidebar .aw-single-content figure,
.aw-single-layout--without-sidebar .aw-single-content .wp-block-image,
.aw-single-layout--without-sidebar .aw-single-content .alignwide,
.aw-single-layout--without-sidebar .aw-single-content .alignfull {
width: 100%;
max-width: 880px;
margin: 30px auto;
}
.aw-single-layout--without-sidebar .aw-single-content figure img,
.aw-single-layout--without-sidebar .aw-single-content .wp-block-image img,
.aw-single-layout--without-sidebar .aw-single-content > img,
.aw-single-layout--without-sidebar .aw-single-content p > img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 2.25 / 1;
margin-inline: auto;
object-fit: cover;
object-position: center;
}
.aw-single-layout--without-sidebar .aw-single-byline strong {
font-size: 14px;
letter-spacing: normal;
text-transform: none;
} @media (max-width: 640px) {
.aw-single-layout--without-sidebar .aw-single-intro {
width: 100%;
margin-top: 14px;
}
.aw-single-layout--without-sidebar .aw-single-featured img {
aspect-ratio: 1.55 / 1;
}
.aw-single-layout--without-sidebar .aw-single-content > p:first-of-type::first-letter {
margin: 5px 8px 0 0;
font-size: 41px;
line-height: .9;
}
.aw-single-layout--without-sidebar .aw-single-content figure,
.aw-single-layout--without-sidebar .aw-single-content .wp-block-image,
.aw-single-layout--without-sidebar .aw-single-content .alignwide,
.aw-single-layout--without-sidebar .aw-single-content .alignfull {
width: 100%;
margin: 24px 0;
}
.aw-single-layout--without-sidebar .aw-single-content figure img,
.aw-single-layout--without-sidebar .aw-single-content .wp-block-image img,
.aw-single-layout--without-sidebar .aw-single-content > img,
.aw-single-layout--without-sidebar .aw-single-content p > img {
aspect-ratio: 1.55 / 1;
}
} .aw-single-content :where(
p,
li,
blockquote,
figcaption,
td,
th
) {
font-size: var(--aw-reader-font-size, 17px) !important;
}
.aw-single-content :where(
.has-small-font-size,
.has-medium-font-size,
.has-large-font-size,
.has-x-large-font-size,
.has-huge-font-size
) {
font-size: var(--aw-reader-font-size, 17px) !important;
}
.aw-single-content :is(
p,
li,
blockquote,
figcaption,
td,
th
)[style*="font-size"] {
font-size: var(--aw-reader-font-size, 17px) !important;
}  .aw-single-content :where(
p,
li,
blockquote,
figcaption,
td,
th
) {
font-size: var(--aw-reader-font-size, 17px) !important;
} .aw-single-content :where(
.has-small-font-size,
.has-medium-font-size,
.has-large-font-size,
.has-x-large-font-size,
.has-huge-font-size
) {
font-size: var(--aw-reader-font-size, 17px) !important;
} .aw-single-content :is(
p,
li,
blockquote,
figcaption,
td,
th
)[style*="font-size"] {
font-size: var(--aw-reader-font-size, 17px) !important;
} .aw-search-page {
background: var(--aw-white);
}
.aw-search-hero {
padding: var(--aw-space-8) 0 var(--aw-space-7);
border-bottom: 1px solid var(--aw-line);
}
.aw-search-hero h1 {
margin: 0;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 40px;
line-height: 1.16;
font-weight: 400;
}
.aw-search-hero h1 span {
color: var(--aw-accent);
}
.aw-search-hero__count {
margin: 10px 0 0;
color: var(--aw-muted);
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
line-height: 1.5;
}
.aw-search-form-large {
max-width: 620px;
margin-top: 22px;
}
.aw-search-form-large label {
display: block;
margin-bottom: 8px;
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
line-height: 1;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.aw-search-form-large div {
display: grid;
grid-template-columns: minmax(0, 1fr) 118px;
border: 1px solid var(--aw-line);
}
.aw-search-form-large input {
width: 100%;
min-height: 44px;
padding: 0 13px;
border: 0;
background: var(--aw-white);
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-text);
}
.aw-search-form-large button {
border: 0;
border-left: 1px solid var(--aw-line);
background: var(--aw-ink);
color: #ffffff;
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
line-height: 1;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
cursor: pointer;
}
.aw-search-form-large button:hover {
background: var(--aw-accent);
}
.aw-search-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 270px;
gap: 36px;
align-items: stretch;
min-height: 900px;
padding: var(--aw-space-8) 0;
overflow: visible;
}
.aw-search-results {
min-width: 0;
}
.aw-search-card {
display: grid;
grid-template-columns: 210px minmax(0, 1fr);
gap: 22px;
padding: 22px 0;
border-bottom: 1px solid var(--aw-line);
}
.aw-search-card:first-child {
padding-top: 0;
}
.aw-search-card__image img {
width: 100%;
aspect-ratio: 1.45 / 1;
object-fit: cover;
}
.aw-search-card h2 {
margin: 0 0 9px;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 23px;
line-height: 1.25;
font-weight: 400;
}
.aw-search-card p:not(.aw-kicker):not(.aw-meta) {
margin: 0;
color: var(--aw-text);
font-size: var(--aw-font-text);
line-height: 1.55;
}
.aw-search-sidebar {
min-width: 0;
align-self: stretch;
overflow: visible;
}
.aw-search-sidebar__sticky {
position: sticky;
top: 96px;
z-index: 5;
}
.aw-search-pagination {
margin-top: 28px;
padding-top: 20px;
border-top: 1px solid var(--aw-line);
}
.aw-search-pagination .nav-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.aw-search-pagination a,
.aw-search-pagination span {
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 0 11px;
border: 1px solid var(--aw-line);
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
font-weight: 800;
text-transform: uppercase;
}
.aw-search-pagination .current,
.aw-search-pagination a:hover {
border-color: var(--aw-accent);
background: var(--aw-accent);
color: #ffffff;
}
.aw-search-empty {
padding: var(--aw-space-8) 0;
border-bottom: 1px solid var(--aw-line);
}
.aw-search-empty h2 {
margin: 0 0 10px;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: var(--aw-font-section);
line-height: 1.2;
font-weight: 400;
}
.aw-search-empty p {
max-width: 560px;
margin: 0;
color: var(--aw-text);
font-size: var(--aw-font-text);
line-height: 1.55;
}
.aw-search-empty__topics {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: var(--aw-space-5);
}
.aw-search-empty__topics a {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 12px;
border: 1px solid var(--aw-line);
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
font-weight: 800;
text-transform: uppercase;
}
.aw-search-empty__topics a:hover,
.aw-search-empty__topics a:focus-visible {
border-color: var(--aw-accent);
background: var(--aw-accent);
color: var(--aw-white);
} @media (max-width: 980px) {
.aw-search-layout {
grid-template-columns: 1fr;
min-height: 0;
}
.aw-search-sidebar__sticky {
position: static;
}
} @media (max-width: 640px) {
.aw-search-hero {
padding: 28px 0 24px;
}
.aw-search-hero h1 {
font-size: 31px;
line-height: 1.16;
}
.aw-search-form-large div {
grid-template-columns: 1fr;
}
.aw-search-form-large input {
min-height: 44px;
}
.aw-search-form-large button {
min-height: 40px;
border-left: 0;
border-top: 1px solid var(--aw-line);
}
.aw-search-layout {
display: block;
padding: 28px 0;
}
.aw-search-card {
display: block;
padding: 19px 0;
}
.aw-search-card__image {
display: block;
margin-bottom: 13px;
}
.aw-search-card h2 {
font-size: 21px;
line-height: 1.27;
}
.aw-search-sidebar {
display: block;
margin-top: 28px;
}
.aw-search-sidebar .aw-topic-box {
display: none;
}
.aw-search-empty__topics {
gap: 7px;
}
} #wpdcom {
max-width: 720px;
margin-top: 24px;
color: var(--aw-text);
font-family: var(--aw-sans);
}
#wpdcom .wpd-form-wrap {
padding: 22px;
border: 1px solid var(--aw-line);
background: var(--aw-white);
}
#wpdcom .wpd-form-head {
margin-bottom: 14px;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 22px;
line-height: 1.25;
font-weight: 400;
}
#wpdcom textarea,
#wpdcom .wpd-textarea-wrap textarea {
min-height: 155px !important;
padding: 14px 15px !important;
border: 1px solid var(--aw-line) !important;
background: #ffffff !important;
color: var(--aw-ink) !important;
font-family: var(--aw-serif) !important;
font-size: 16px !important;
line-height: 1.55 !important;
}
#wpdcom input[type="text"],
#wpdcom input[type="email"],
#wpdcom input[type="url"] {
min-height: 42px !important;
padding: 0 12px !important;
border: 1px solid var(--aw-line) !important;
background: #ffffff !important;
color: var(--aw-ink) !important;
font-family: var(--aw-sans) !important;
font-size: 13px !important;
}
#wpdcom input[type="url"],
#wpdcom .wpd-field-url {
display: none !important;
}
#wpdcom .wpd-form-row {
gap: 10px;
}
#wpdcom .wpd_label,
#wpdcom label {
color: var(--aw-ink) !important;
font-family: var(--aw-sans);
font-size: var(--aw-font-meta);
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
#wpdcom .wc_comm_submit,
#wpdcom input[type="submit"],
#wpdcom button[type="submit"] {
min-height: 38px !important;
padding: 0 16px !important;
border: 0 !important;
background: var(--aw-accent) !important;
color: #ffffff !important;
font-family: var(--aw-sans) !important;
font-size: var(--aw-font-small) !important;
font-weight: 800 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
}
#wpdcom .wc_comm_submit:hover,
#wpdcom input[type="submit"]:hover,
#wpdcom button[type="submit"]:hover {
background: var(--aw-accent-dark) !important;
}
#wpdcom .wpd-comment {
border-bottom: 1px solid var(--aw-line-soft);
}
#wpdcom .wpd-comment-author,
#wpdcom .wpd-comment-author a {
color: var(--aw-ink) !important;
font-family: var(--aw-serif);
font-size: 16px;
font-weight: 400;
}
#wpdcom .wpd-comment-date {
color: var(--aw-ink) !important;
font-family: var(--aw-sans);
font-size: var(--aw-font-meta);
}
#wpdcom .wpd-comment-text {
color: var(--aw-text) !important;
font-family: var(--aw-serif);
font-size: 15px;
line-height: 1.6;
} @media (max-width: 640px) {
#wpdcom {
max-width: none;
margin-top: 22px;
}
#wpdcom .wpd-form-wrap {
padding: 18px;
}
#wpdcom textarea,
#wpdcom .wpd-textarea-wrap textarea {
min-height: 180px !important;
font-size: 16px !important;
}
#wpdcom input[type="text"],
#wpdcom input[type="email"],
#wpdcom input[type="url"] {
width: 100% !important;
min-height: 44px !important;
}
}
#wpdcom,
#wpdcom * {
text-align: left;
}
#wpdcom .wpd-form-wrap,
#wpdcom .wpd-comment,
#wpdcom .wpd-comment-text,
#wpdcom .wpd-thread-info,
#wpdcom .wpd-form-head {
text-align: left !important;
} .aw-all-posts {
background: var(--aw-white);
}
.aw-all-posts__header {
padding: 42px 0 30px;
border-bottom: 1px solid var(--aw-line);
}
.aw-all-posts__header h1 {
margin: 0;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 38px;
line-height: 1.12;
font-weight: 400;
}
.aw-all-posts__header > p:last-child {
max-width: 680px;
margin: 14px 0 0;
color: var(--aw-text);
}
.aw-all-posts__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 34px 24px;
padding: 36px 0;
}
.aw-all-posts__card {
min-width: 0;
}
.aw-all-posts__image {
display: block;
margin-bottom: 16px;
overflow: hidden;
}
.aw-all-posts__image img {
display: block;
width: 100%;
aspect-ratio: 1.48 / 1;
object-fit: cover;
transition: transform .3s ease;
}
.aw-all-posts__image:hover img {
transform: scale(1.02);
}
.aw-all-posts__card h2 {
margin: 0 0 9px;
color: var(--aw-ink);
font-family: var(--aw-serif);
font-size: 21px;
line-height: 1.28;
font-weight: 400;
}
.aw-all-posts__card h2 a:hover {
color: var(--aw-accent);
}
.aw-all-posts__body .aw-kicker a:hover,
.aw-all-posts__body .aw-kicker a:focus-visible {
color: var(--aw-accent-dark);
}
.aw-all-posts__body > p:not(.aw-kicker) {
margin: 0;
color: var(--aw-text);
font-size: var(--aw-font-text-small);
line-height: 1.55;
}
.aw-all-posts__pagination {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 0 0 50px;
}
.aw-all-posts__pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
min-height: 36px;
padding: 0 11px;
border: 1px solid var(--aw-line);
color: var(--aw-ink);
font-family: var(--aw-sans);
font-size: var(--aw-font-small);
font-weight: 800;
}
.aw-all-posts__pagination .current {
border-color: var(--aw-ink);
background: var(--aw-ink);
color: var(--aw-white);
}
.aw-all-posts__empty {
padding: 50px 0;
} @media (max-width: 900px) {
.aw-all-posts__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @media (max-width: 640px) {
.aw-all-posts__header {
padding: 32px 0 24px;
}
.aw-all-posts__header h1 {
font-size: 30px;
}
.aw-all-posts__grid {
grid-template-columns: 1fr;
gap: 30px;
padding: 28px 0;
}
.aw-all-posts__image img {
aspect-ratio: 1.55 / 1;
}
}