@layer patterns{.journal-masthead{padding-block: var(--page-pt) var(--space-8)}.journal-masthead .page-head{margin: 0}.journal-body{padding-block: var(--space-8) var(--page-pb)}.feature-card{position: relative;isolation: isolate;display: flex;min-height: 27.5rem;overflow: hidden;border-radius: var(--radius-lg);background: var(--hh-ink);cursor: pointer}.feature-card > img{position: absolute;inset: 0;z-index: -2;width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-slow) var(--ease)}.feature-card:hover > img{transform: scale(1.03)}.feature-card__shade{position: absolute;inset: 0;z-index: -1;background: linear-gradient(to top, rgba(18, 18, 16, .9) 0%, rgba(18, 18, 16, .45) 42%, rgba(18, 18, 16, .08) 100%)}.feature-card__body{margin-top: auto;max-width: 42.5rem;padding: clamp(1.25rem, 3vw, 2.25rem);color: var(--hh-on-fill)}.feature-card__title{margin: var(--space-4) 0 0;font-size: var(--fs-title);line-height: var(--lh-tight);letter-spacing: var(--ls-title);color: var(--hh-on-fill)}.feature-card__link{color: inherit}.feature-card__link:hover{color: inherit;text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 4px}.feature-card__link::after{content: "";position: absolute;inset: 0}.feature-card__dek{margin: var(--space-3) 0 0;max-width: 60ch;font-size: var(--fs-body);line-height: 1.5;color: rgba(255, 255, 255, .86)}.feature-card__meta{display: flex;flex-wrap: wrap;align-items: center;gap: 0 var(--space-2);margin: var(--space-5) 0 0;font-size: var(--fs-sm);color: rgba(255, 255, 255, .82)}.feature-card__author{font-weight: 600;color: var(--hh-on-fill)}.journal-cats{margin: var(--space-7) 0 var(--space-5)}.journal-cats__list{display: flex;gap: var(--space-2);margin: 0;padding: 7px 0;list-style: none;overflow-x: auto;scrollbar-width: none}.journal-cats__list::-webkit-scrollbar{display: none}.journal-cats__list > li{flex: none}.journal-grid{display: grid;gap: var(--grid-gap);grid-template-columns: repeat(3, minmax(0, 1fr))}.journal-grid--index > .post-card:first-child:nth-last-child(3n+4){grid-column: span 2}.journal-grid--index > .post-card:first-child:nth-last-child(3n+4){display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr)}.journal-grid--index > .post-card:first-child:nth-last-child(3n+4) .post-card__media{aspect-ratio: auto;height: 100%;min-height: 14rem}.post-card{position: relative;display: flex;flex-direction: column;height: 100%;min-width: 0;overflow: hidden;background: var(--hh-surface);border: 1px solid var(--hh-line);border-radius: var(--radius);box-shadow: var(--shadow-sm);cursor: pointer;transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease)}.post-card:hover{box-shadow: var(--shadow);transform: translateY(-2px)}.post-card__media{aspect-ratio: 16 / 10;overflow: hidden;background: var(--hh-blue-tint)}.post-card__media img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-slow) var(--ease)}.post-card:hover .post-card__media img{transform: scale(1.04)}.post-card__body{flex: 1;display: flex;flex-direction: column;min-width: 0;padding: var(--space-4)}.post-card__cat{min-height: 1rem;margin: 0;font: 700 var(--fs-2xs)/1.3 var(--font-ui);letter-spacing: var(--ls-caps);text-transform: uppercase;color: var(--hh-blue)}.post-card__title{margin: var(--space-2) 0 0;font: 700 var(--fs-card)/1.3 var(--font-ui);letter-spacing: -0.01em}.post-card__title a{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: max(2.6em, var(--target-min));color: var(--hh-ink)}.post-card__title a:hover{color: var(--hh-blue)}.post-card__title a:focus-visible{outline-offset: 0}.post-card__title a::after{content: "";position: absolute;inset: 0}.post-card__dek{margin: var(--space-2) 0 0;font-size: var(--fs-sm);line-height: 1.5;color: var(--hh-ink-2);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.post-card__foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-1) var(--space-3);margin: auto 0 0;padding-top: var(--space-3);border-top: 1px solid var(--hh-line);font-size: var(--fs-xs);line-height: 1.35;color: var(--hh-muted)}.post-card__dek + .post-card__foot, .post-card__title + .post-card__foot{margin-top: auto}.post-card__body > .post-card__dek{margin-bottom: var(--space-4)}.post-card__author{font-weight: 600;color: var(--hh-ink-2)}.post-card__meta{white-space: nowrap}.post-card .media-ph .mark{width: 2.75rem;height: 2.75rem}.newsletter{position: relative;isolation: isolate;overflow: hidden;display: grid;grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);gap: var(--space-5) var(--space-8);align-items: end;margin-top: var(--space-10);padding: clamp(1.5rem, 4vw, 2.5rem);background: var(--hh-blue);border-radius: var(--radius-lg);color: var(--hh-on-fill)}.newsletter::after{content: "";position: absolute;z-index: -1;right: -5.5rem;bottom: -7.5rem;width: 21rem;height: 21rem;border-radius: 50%;background: rgba(255, 255, 255, .07)}.newsletter__title{margin: 0;font-size: var(--fs-band);line-height: var(--lh-title);letter-spacing: var(--ls-title);color: var(--hh-on-fill)}.newsletter__lead{margin: var(--space-2) 0 0;max-width: 46ch;color: rgba(255, 255, 255, .86)}.newsletter__form{margin: 0}.newsletter__label{margin: 0 0 var(--space-2);color: var(--hh-on-fill)}.newsletter__row{display: flex;gap: var(--space-2)}.newsletter__row > input{flex: 1;min-width: 0;border-color: var(--hh-on-fill)}.newsletter__row > input:focus{border-color: var(--hh-blue);box-shadow: 0 0 0 3px rgba(255, 255, 255, .6)}.newsletter__row > .btn{flex: none}.reading-progress{position: fixed;top: 0;left: 0;z-index: var(--z-toast);width: 100%;height: 3px;background: var(--hh-blue);transform: scaleX(0);transform-origin: 0 50%;pointer-events: none}.article-hero{position: relative;isolation: isolate;display: flex;min-height: clamp(21.25rem, 44vw, 28.75rem);overflow: hidden;background: var(--hh-ink);color: var(--hh-on-fill)}.article-hero > img{position: absolute;inset: 0;z-index: -2;width: 100%;height: 100%;object-fit: cover;opacity: .55}.article-hero__shade{position: absolute;inset: 0;z-index: -1;background: linear-gradient(to top, rgba(18, 18, 16, .92), rgba(18, 18, 16, .3))}.article-hero__inner{display: flex;flex-direction: column;justify-content: space-between;gap: var(--space-7);padding-block: var(--space-5) var(--space-8)}.article-hero__inner > .back-link{align-self: flex-start;min-height: var(--target-min);margin: 0}.article-hero__title{margin: var(--space-4) 0 0;color: var(--hh-on-fill);overflow-wrap: anywhere}.article-hero__dek{margin: var(--space-4) 0 0;font-size: var(--fs-lead);line-height: 1.5;color: rgba(255, 255, 255, .88)}.article-byline{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-3) var(--space-5);padding-block: var(--space-5);border-bottom: 1px solid var(--hh-line)}.article-byline__author{display: flex;align-items: center;gap: var(--space-3);min-width: 0}.article-byline .monogram{--size: 2.75rem}:is(.article-byline, .author-bio) .monogram img{object-fit: cover}.article-byline__name{margin: 0;font-size: var(--fs-sm);font-weight: 600;line-height: 1.35;color: var(--hh-ink)}.article-byline__meta{margin: .125rem 0 0;font-size: var(--fs-xs);line-height: 1.35;color: var(--hh-muted)}.article-share{display: flex;align-items: center;gap: var(--space-1);margin-left: auto}.article-share__status{margin-right: var(--space-2);font-size: var(--fs-xs);font-weight: 600;color: var(--hh-success-ink)}.article-share__status:empty{display: none}.article-body.prose{max-width: none}.article-body{padding-block: var(--space-8) var(--space-4)}.article-body p{margin: 0 0 var(--space-6);font-size: 1.125rem;line-height: 1.7;color: var(--hh-ink-2)}.article-body h2{margin: var(--space-8) 0 var(--space-4);font-size: var(--fs-band);line-height: var(--lh-title);letter-spacing: var(--ls-title);color: var(--hh-ink)}.article-body > h2:first-child{margin-top: 0}.article-body blockquote{margin: var(--space-2) 0 var(--space-7);padding-left: var(--space-6);border-left: 3px solid var(--hh-blue)}.article-body blockquote p{margin: 0;font-size: 1.5rem;font-weight: 500;line-height: 1.35;letter-spacing: -0.01em;color: var(--hh-ink)}.article-body blockquote footer{margin-top: var(--space-3);font-size: var(--fs-sm);color: var(--hh-muted)}.article-body figure{margin: var(--space-2) 0 var(--space-7)}.article-body .img-wrap{overflow: hidden;aspect-ratio: 3 / 2;border-radius: var(--radius);background: var(--hh-surface-2)}.article-body figure img{width: 100%;height: 100%;object-fit: cover}.article-body figcaption{margin-top: var(--space-3);font-size: var(--fs-sm);color: var(--hh-muted);text-align: center}.article-tags{display: flex;flex-wrap: wrap;gap: var(--space-2);margin: 0;padding: var(--space-2) 0 var(--space-7);list-style: none;border-bottom: 1px solid var(--hh-line)}.author-bio{display: flex;align-items: center;gap: var(--space-5);padding-block: var(--space-7) var(--space-9)}main:has(> .keep-reading:last-child){padding-bottom: 0}.author-bio__body{min-width: 0}.author-bio__label{margin: 0;font: 600 var(--fs-2xs)/1.3 var(--font-ui);letter-spacing: var(--ls-caps);text-transform: uppercase;color: var(--hh-muted)}.author-bio__name{margin: var(--space-1) 0 0;font: 700 var(--fs-card)/1.3 var(--font-ui);color: var(--hh-ink)}.author-bio__role{margin: 0;font-size: var(--fs-sm);color: var(--hh-ink-2)}.author-bio__bio{margin: var(--space-2) 0 0;max-width: 60ch;font-size: var(--fs-sm);line-height: 1.55;color: var(--hh-ink-2)}@media (max-width: 900px){.journal-grid:not(.listing-grid--shelf-sm){grid-template-columns: repeat(2, minmax(0, 1fr))}.journal-grid--index > .post-card:first-child:nth-last-child(3n+4){grid-column: auto;display: flex}.journal-grid--index > .post-card:first-child:nth-last-child(3n+4) .post-card__media{aspect-ratio: 16 / 10;height: auto;min-height: 0}.journal-grid--index > .post-card:first-child:nth-last-child(2n+3){grid-column: 1 / -1;display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr)}.journal-grid--index > .post-card:first-child:nth-last-child(2n+3) .post-card__media{aspect-ratio: auto;height: 100%;min-height: 14rem}.newsletter{grid-template-columns: minmax(0, 1fr);align-items: start}}@media (max-width: 640px){.journal-grid:not(.listing-grid--shelf-sm){grid-template-columns: minmax(0, 1fr)}.journal-grid--index > .post-card:first-child:nth-last-child(2n+3){grid-column: auto;display: flex}.journal-grid--index > .post-card:first-child:nth-last-child(2n+3) .post-card__media{aspect-ratio: 16 / 10;height: auto;min-height: 0}.journal-grid.listing-grid--shelf-sm{grid-template-columns: none;gap: var(--grid-gap)}.journal-cats__list{margin-inline: calc(-1 * var(--gutter));padding-inline: var(--gutter)}.feature-card{min-height: 23.75rem}.feature-card__title{font-size: var(--fs-title-sm);line-height: var(--lh-title)}.article-hero__inner{padding-block: var(--space-4) var(--space-7)}.article-body p{font-size: 1.0625rem}.article-body blockquote p{font-size: 1.25rem}}@media (max-width: 480px){.newsletter__row{flex-direction: column}.newsletter__row > .btn{width: 100%}.author-bio{align-items: flex-start;gap: var(--space-4)}.author-bio .monogram--xl{--size: 4rem}}}
