/* Shared interior templates, measured against the reference at desktop and mobile. */
.an-interior { --text:#000; --muted:#77786d; --line:#dadbd7; --accent:#000; }
.an-interior main { min-height:60svh; }
.an-page-shell { padding-inline:var(--an-gutter); }
.an-site .an-index-intro { padding:calc(62px + var(--an-space-lg)) var(--an-gutter) var(--an-space-lg); }
.an-site .an-index-intro h1 { margin:0; max-width:none; font-size:var(--an-h1); line-height:1.11; letter-spacing:-.035em; }
.an-site .an-index-intro--work h1 { max-width:20ch; font-size:var(--an-display-2); line-height:1.09; }
.an-index-note { color:var(--an-muted); font-size:var(--an-medium); line-height:1.4; }
.an-site .an-collection-intro .an-back { display:inline-block; margin-bottom:var(--an-space-md); }
.an-site .an-collection-intro .an-index-note { max-width:52ch; margin:var(--an-gap) 0 0; }
.an-site .an-collection-count { color:#77786d; margin:var(--an-space-sm) 0 0; }
.an-site .an-collection-grid .an-project { grid-column:span 4; }
.an-site .an-collection-grid .an-project .an-project__media { aspect-ratio:4/3; }
.an-site .an-collection-empty { padding-bottom:var(--an-space-xl); }
.an-site .an-collection-empty .an-pill { margin-top:24px; }
.an-site .an-journal-bar { display:flex; align-items:start; justify-content:space-between; gap:var(--an-gap); border-bottom:1px solid var(--an-line); padding-bottom:calc(var(--an-gap) + 5px); margin-bottom:var(--an-space-sm); }
.an-site .an-journal-filters { display:flex; flex-wrap:wrap; gap:12px 30px; }
.an-site .an-journal-filters[hidden] { display:none; }
.an-site .an-journal-filters button { border:0; padding:0; color:#9c9e94; background:transparent; font:500 var(--an-small)/1 var(--an-mono); letter-spacing:-.03em; text-transform:uppercase; transition:color .35s var(--an-ease); }
.an-site .an-journal-filters button[aria-pressed=true],.an-site .an-journal-filters button:is(:hover,:focus-visible) { color:#000; text-decoration:none; }
.an-filter-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.an-journal { padding-bottom:var(--an-space-xl); }
.an-site .an-journal-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--an-space-lg) var(--an-gap); align-items:start; }
.an-journal-card { min-width:0; }
.an-journal-card > a { display:block; }
.an-site .an-journal-card__media { position:relative; aspect-ratio:auto; border-radius:12px; overflow:hidden; background:#f0f0ef; }
.an-site .an-journal-card__media:not(:has(img)) { aspect-ratio:1; }
.an-site .an-journal-card__media img { display:block; width:100%; height:auto; aspect-ratio:auto 16/9; object-fit:contain; transform:none; transition:none; }
.an-site .an-card-arrow { position:absolute; bottom:var(--an-gap); right:var(--an-gap); display:flex; justify-content:flex-end; align-items:center; gap:0; width:36px; height:36px; border-radius:24px; padding:0 13px; background:#fff; color:#000; overflow:hidden; font:500 var(--an-small)/1 var(--an-mono); text-transform:uppercase; transition:width .35s var(--an-ease),gap .35s var(--an-ease); }
.an-card-arrow__label { white-space:nowrap; opacity:0; transition:opacity .2s var(--an-ease); }
.an-card-arrow__icon { display:block; flex-shrink:0; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:7px solid currentColor; }
.an-journal-card a:is(:hover,:focus-visible) .an-card-arrow,.blog-reader-gate__teaser:is(:hover,:focus-visible) .an-card-arrow { width:174px; gap:12px; }
.an-journal-card a:is(:hover,:focus-visible) .an-card-arrow__label,.blog-reader-gate__teaser:is(:hover,:focus-visible) .an-card-arrow__label { opacity:1; }
.an-site .an-journal-card__meta { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:10px; margin:var(--an-gap) 0 12px; }
.an-site .an-journal-card__meta .an-tags { margin:0; }
.an-site .an-journal-card__meta time { display:none; }
.an-site .an-journal-card__meta .an-tags > span { min-height:24px; padding:6px 10px; border-radius:0; background:#f0f0ef; color:#000; font-size:12px; line-height:1; }
.an-site .an-journal-card :is(h2,h3) { margin:0; font-family:var(--an-sans); font-weight:500; font-size:var(--an-h3); line-height:1.15; letter-spacing:-.03em; }
.an-site .an-journal-card--external h2 { font-size:var(--an-body-lg); }
.an-site .an-work-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--an-space-lg) var(--an-gap); align-items:start; padding-bottom:var(--an-space-xl); }
.an-site .an-work-grid .an-project { grid-column:span var(--work-span,4); min-width:0; }
.an-site .an-work-grid .an-project:nth-child(n) .an-project__media { aspect-ratio:var(--work-ratio,4/3); border-radius:12px; }
.an-site .an-work-grid .an-project__image { width:100%; height:100%; object-fit:cover; transform:scale(1); transition:transform .2s linear; }
.an-site .an-work-grid .an-project__heading { margin-top:var(--an-gap); }
.an-site .an-work-grid .an-project__heading h2 { margin:0; min-width:0; font-size:var(--an-h3); line-height:1.15; letter-spacing:-.03em; overflow-wrap:break-word; }
.an-site .an-work-grid .an-project__description { margin-top:.25em!important; font-size:var(--an-medium); line-height:1.4; color:#000; opacity:.7; }
.an-site .an-work-card__summary { margin:12px 0 0; font-size:var(--an-medium); line-height:1.4; color:#77786d; }
.an-work-card__summary + .an-project__description { margin-top:0; }
.an-site .an-work-grid .an-work-card__tags { position:absolute; top:16px; left:16px; display:flex; align-items:start; flex-direction:column; gap:4px; margin:0; }
.an-site .an-work-grid .an-work-card__tags > span { padding:7px 12px; border-radius:24px; color:#000; background:rgba(255,255,255,.75); backdrop-filter:blur(2.4px); -webkit-backdrop-filter:blur(2.4px); font:500 12px/1 var(--an-mono); text-transform:uppercase; }
@media(hover:hover) and (pointer:fine) {
 .an-site .an-work-grid .an-work-card__tags > span { opacity:0; transform:translateY(20px); transition:transform .25s var(--an-ease),opacity .25s var(--an-ease); transition-delay:calc(var(--tag-index,0) * 50ms); }
 .an-site .an-work-grid a:is(:hover,:focus-visible) .an-work-card__tags > span { opacity:1; transform:none; }
 .an-site .an-work-grid a:is(:hover,:focus-visible) .an-project__image { transform:scale(1.05); }
}
/* One split container keeps the article title beside the whole reading column. */
body.an-site.page-blog-article .site-main { padding:calc(62px + var(--an-space-sm)) 0 0; }
body.an-site .site-main > .container { width:100%; max-width:none; padding:0; margin:0; }
.an-site.page-blog-article .an-article-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:var(--an-gap); padding:0 var(--an-gutter) var(--an-space-lg); }
.an-site.page-blog-article .blog-post-hero__copy { position:sticky; top:calc(62px + var(--an-space-sm)); display:flex; flex-direction:column; gap:0; min-width:0; padding:0; min-height:calc(100svh - 62px - 2 * var(--an-space-sm)); max-height:calc(100svh - 62px - 2 * var(--an-space-sm)); overflow:auto; scrollbar-width:thin; }
.an-article-topline { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 20px; font:500 var(--an-small)/1 var(--an-mono); color:#9c9e94; text-transform:uppercase; }
.an-site .an-back { display:inline-block; padding:0; margin:0; color:#9c9e94; font:inherit; }
.an-article-topline > a:last-child:not(:first-child) { color:#000; }
.an-site .an-article-topline .an-back { line-height:1; }
.an-site.page-blog-article .blog-post-hero__copy h1 { max-width:none; width:100%; font-family:var(--an-sans); font-weight:500; font-size:var(--an-h1); line-height:1.11; margin:12px 0 var(--an-space-sm); color:#000; letter-spacing:-.035em; }
.an-site.page-blog-article .blog-post-hero__author { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin:0; color:#000; font-size:var(--an-small); }
.an-site.page-blog-article .blog-author-avatar { display:none; }
.an-site.page-blog-article .blog-post-hero__author-label { font:500 var(--an-small)/1.2 var(--an-mono); text-transform:uppercase; }
.an-article-date { font-size:var(--an-small); line-height:1.3; color:#77786d; }
.an-site.page-blog-article .blog-post-hero__author-meta { display:none; }
.an-site.page-blog-article .an-article-rail { min-width:0; }
.an-site.page-blog-article .blog-post-hero__media { width:100%; aspect-ratio:auto; border-radius:12px; overflow:hidden; background:#f0f0ef; }
.an-site.page-blog-article .blog-post-hero__media img { position:static; display:block; width:100%; height:auto; aspect-ratio:auto 16/9; object-fit:contain; }
.an-site.page-blog-article .blog-post-body { margin:var(--an-space-lg) 0 0; padding:0; background:#fff; }
.an-site.page-blog-article .blog-post-body__inner,.an-site.page-blog-article .blog-post-body__layout,.an-site.page-blog-article .blog-post-body__content { display:block; width:100%; max-width:none; padding:0; margin:0; min-width:0; }
.an-site.page-blog-article .blog-post-breadcrumbs { display:none; }
.an-site.page-blog-article .blog-post__intro { margin:0 0 1.2em; font:500 var(--an-body-lg)/1.4 var(--an-sans); color:#42433d; letter-spacing:-.02em; }
.an-site.page-blog-article .prose { max-width:none; color:#42433d; font:500 var(--an-body-lg)/1.4 var(--an-sans); letter-spacing:-.02em; overflow-wrap:break-word; }
.an-site.page-blog-article .prose :is(p,ul,ol,figure,blockquote,table) { margin:0 0 1.2em; }
.an-site.page-blog-article .prose :is(h2,h3,h4) { max-width:none; font-family:var(--an-sans); font-weight:500; line-height:1.15; letter-spacing:-.03em; color:#000; margin:2em 0 .4em; scroll-margin-top:100px; }
.an-site.page-blog-article .prose h2 { font-size:var(--an-h2); }
.an-site.page-blog-article .prose h3 { font-size:var(--an-h3); }
.an-site.page-blog-article .prose h4 { font-size:var(--an-body-lg); }
.an-site.page-blog-article .prose > :is(h2,h3,h4):first-child { margin-top:0; }
.an-site.page-blog-article .prose :is(ul,ol) { padding-left:1.25em; }
.an-site.page-blog-article .prose :is(p,li,blockquote,td,th) { font:inherit; line-height:inherit; }
.an-site.page-blog-article .prose li { margin-bottom:.4em; }
.an-site.page-blog-article .prose a { text-decoration:underline; text-underline-offset:3px; }
.an-site.page-blog-article .prose img { height:auto; max-width:100%; border-radius:8px; }
.an-site.page-blog-article .prose iframe { max-width:100%; }
.an-site.page-blog-article .prose blockquote { padding:var(--an-space-sm); border:0; background:#f0f0ef; border-radius:12px; color:#000; }
.an-site.page-blog-article .prose figcaption { color:#77786d; font-size:var(--an-small); line-height:1.4; margin-top:12px; }
.an-site.page-blog-article .prose table { display:block; max-width:100%; overflow:auto; font-size:var(--an-medium); }
body.an-site.page-blog-article .blog-post-body .prose .vm-figure:not(.vm-figure--speaker) { width:100%; max-width:100%; margin-inline:0; }
body.an-site.page-blog-article .blog-post-body .prose .vm-figure img { width:100%; max-width:100%; }
.an-article-contents { margin-top:var(--an-space-sm); }
.an-article-contents > summary { cursor:pointer; list-style:none; padding-block:14px; border-block:1px solid #dadbd7; font:500 var(--an-small)/1.2 var(--an-mono); text-transform:uppercase; }
.an-article-contents > summary::after { content:'+'; float:right; }
.an-article-contents[open] > summary::after { content:'−'; }
.an-site.page-blog-article .blog-post-body__sidebar { position:static; width:100%; max-width:none; padding:0; }
.an-site .section-nav { border:0; padding:16px 0; background:transparent; box-shadow:none; }
.an-site .section-nav__track { display:flex; flex-direction:column; gap:10px; }
.an-site .section-nav__label { display:none; }
.an-site .section-nav__link { display:block; padding:4px 0; background:transparent; font:500 var(--an-medium)/1.3 var(--an-sans); color:#77786d; }
.an-site .section-nav__link:is(:hover,:focus-visible) { color:#000; }
.an-site .an-article-share { align-self:start; margin-top:auto; padding:var(--an-space-md) 0 0; background:transparent; font:500 var(--an-small)/1 var(--an-mono); color:#000; text-transform:uppercase; }
.an-site.page-blog-article .blog-post-related { padding:var(--an-space-lg) var(--an-gutter) var(--an-space-xl); margin:0; background:#fff; border-top:1px solid #dadbd7; font-family:var(--an-sans); }
.an-site.page-blog-article .blog-post-related h2 { font:500 var(--an-h2)/1.11 var(--an-sans); margin:0 0 var(--an-space-lg); color:#000; }
.an-site .an-article-related { scroll-margin-top:100px; }
.an-site .an-article-related__head { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:var(--an-space-lg); }
.an-site.page-blog-article .an-article-related__head h2 { margin:0; }
.an-site .an-article-related__head .an-pill { flex-shrink:0; }
.an-site.page-blog-article .blog-post-related__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--an-space-lg) var(--an-gap); align-items:start; }
.an-site.page-blog-article .blog-reader-gate__teaser { display:block; padding:0; border:0; background:transparent; min-width:0; }
.an-site.page-blog-article .blog-reader-gate__teaser-media { position:relative; display:block; aspect-ratio:auto; border-radius:12px; overflow:hidden; background:#f0f0ef; }
.an-site.page-blog-article .blog-reader-gate__teaser-media img { display:block; width:100%; height:auto; object-fit:contain; }
.an-site.page-blog-article .blog-reader-gate__teaser-copy { display:block; padding:var(--an-gap) 0 0; font-family:var(--an-sans); }
.an-site.page-blog-article .blog-reader-gate__teaser-copy small { display:block; font:500 12px/1.3 var(--an-mono); color:#77786d; margin-bottom:12px; text-transform:uppercase; }
.an-site.page-blog-article .blog-reader-gate__teaser-copy strong { font:500 var(--an-h3)/1.15 var(--an-sans); letter-spacing:-.03em; color:#000; }
/* Case openings and story navigation have separate scroll lifetimes. */
body.an-site.case-study { font-family:var(--an-sans); }
.an-site .cs-page { --cs-gutter:var(--an-gutter); --cs-gap:var(--an-gap); --cs-blue:#000; --cs-ink:#000; --cs-muted:#77786d; padding-top:calc(62px + var(--an-space-sm)); }
.an-case-opening { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--an-space-sm); margin-inline:var(--an-gutter); min-height:calc(100svh - 62px - 2 * var(--an-space-sm)); }
.an-site .an-case-opening .cs-header { grid-column:span 3; display:flex; flex-direction:column; min-width:0; margin:0; padding:0; }
.an-site .cs-topline { min-height:0; margin-bottom:16px; gap:12px; flex-wrap:wrap; }
.an-site .cs-topline > a { padding:0; font:500 12px/1 var(--an-mono); text-transform:uppercase; color:#9c9e94; }
.an-site .cs-heading { display:block; }
.an-site .cs-heading h1 { max-width:none; font:500 var(--an-h2)/1.11 var(--an-sans); letter-spacing:-.03em; color:#000; }
.an-site .cs-deck { padding-top:12px; }
.an-site .cs-deck > p { font-size:clamp(18px,13.91px + .87vw,26px); line-height:1.2; color:#9c9e94; }
.an-site .cs-tags { margin-top:var(--an-gap); gap:4px; }
.an-site .cs-tags > span { background:#f0f0ef; color:#000; border:0; border-radius:24px; padding:7px 10px; font:500 12px/1 var(--an-mono); text-transform:uppercase; }
.an-site .cs-utilities { display:block; margin-top:auto; padding-top:var(--an-space-md); }
.an-site .an-case-facts { display:block; margin:0; }
.an-site .an-case-facts > div { display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid #f0f0ef; padding:12px 0; }
.an-site .an-case-facts dt { flex-shrink:0; font:500 12px/1 var(--an-mono); color:#77786d; text-transform:uppercase; }
.an-site .an-case-facts dd { margin:0; font:500 var(--an-small)/1.3 var(--an-sans); text-align:right; color:#000; }
.an-site .cs-actions { display:flex; flex-direction:column; gap:0; }
.an-site .cs-actions a,.an-site .cs-utilities > button { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:38px; padding:12px 0; border:0; border-bottom:1px solid #f0f0ef; border-radius:0; background:transparent; color:#000; font:500 12px/1.2 var(--an-mono); text-transform:uppercase; text-decoration:none; transition:background .15s var(--an-ease),padding .35s var(--an-ease),color .15s var(--an-ease); }
.an-site .cs-actions a::after { content:'↗'; flex-shrink:0; margin-left:16px; }
.an-site .cs-actions a:is(:hover,:focus-visible),.an-site .cs-utilities > button:is(:hover,:focus-visible) { padding-inline:12px; background:#000; color:#fff; }
.an-site .cs-utilities > button > span { color:inherit; }
.an-site .an-case-opening .cs-hero { grid-column:span 9; position:relative; min-width:0; margin:0; border-radius:8px; overflow:hidden; }
.an-site .an-case-opening .cs-figure--hero,.an-site .an-case-opening .cs-figure--hero > a { width:100%; height:100%; }
.an-site .an-case-opening .cs-figure--hero img { width:100%; height:100%; max-height:none; aspect-ratio:auto; object-fit:cover; object-position:center; }
.an-site .cs-intro { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--an-gap); padding:var(--an-space-xl) 0; }
.an-site .cs-intro > p { grid-column:4 / -1; max-width:52ch; font:500 var(--an-h3)/1.3 var(--an-sans); color:#000; }
.an-case-story { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--an-gap); margin-inline:var(--an-gutter); }
.an-case-nav { max-height:calc(100svh - 62px - 2 * var(--an-space-sm)); overflow:auto; scrollbar-width:thin; position:sticky; top:calc(62px + var(--an-space-sm)); grid-column:span 3; align-self:start; padding-right:var(--an-gap); }
.an-case-nav .an-label { display:block; margin-bottom:var(--an-space-sm); color:#77786d; }
.an-case-nav > .an-case-nav__item > a { display:block; margin:0 0 16px; font-size:var(--an-medium); line-height:1.3; color:#9c9e94; transition:color .35s var(--an-ease); }
.an-case-nav a:is(:hover,:focus-visible),.an-case-nav a[aria-current=true] { color:#000; }
.an-case-nav__panel { display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .45s var(--an-ease),opacity .35s var(--an-ease); }
.an-case-nav a[aria-expanded=true] + .an-case-nav__panel { grid-template-rows:1fr; opacity:1; }
.an-case-nav__text { min-height:0; overflow:hidden; }
.an-site .an-case-nav__text .cs-prose { padding-bottom:var(--an-space-sm); font-size:var(--an-small); line-height:1.45; color:#77786d; }
.an-site .an-case-chapter-indexed > .cs-chapter-copy { display:none; }
.an-case-story .cs-story { grid-column:4 / -1; min-width:0; }
.an-site .an-case-story .cs-shell,.an-site .an-case-story .cs-images { margin-inline:0; }
.an-site .cs-chapter { scroll-margin-top:100px; padding-bottom:var(--an-space-xl); }
.an-site .cs-chapter-copy { display:block; padding:var(--an-space-sm) 0 var(--an-space-lg); }
.an-site .cs-chapter-copy > h2 { max-width:none; margin-bottom:var(--an-space-sm); font:500 var(--an-h2)/1.11 var(--an-sans); color:#000; }
.an-site .cs-prose { font:500 var(--an-body-lg)/1.4 var(--an-sans); color:#42433d; max-width:none; }
.an-site .cs-prose p + p { margin-top:1.2em; }
.an-site .cs-figure { overflow:hidden; border-radius:8px; }
.an-site .cs-related { padding-block:var(--an-space-lg) var(--an-space-xl); }
.an-site .cs-related h2 { font:500 var(--an-h2)/1.11 var(--an-sans); color:#000; }
.an-site .cs-related-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--an-gap); }
.an-site .cs-related-card h3 { margin-top:var(--an-gap); font:500 var(--an-h3)/1.15 var(--an-sans); color:#000; }
.an-site .cs-related-card > div { border-radius:12px; aspect-ratio:4/3; }
.an-site .cs-related-card img { transition:transform .2s linear; }
.an-site .cs-related-card:is(:hover,:focus-visible) img { transform:scale(1.05); }
.an-site .cs-gallery-end { margin:0 var(--an-gutter); padding:0 0 var(--an-space-xl); }
.an-site .cs-gallery-end button { border-radius:24px; color:#fff; background:#000; font:500 var(--an-small)/1 var(--an-mono); padding:14px 20px; text-transform:uppercase; }
.an-site .an-section { padding-inline:var(--an-gutter); padding-block:var(--an-space-xl); }
.an-site .an-section-head { gap:var(--an-gap); margin-bottom:var(--an-space-lg); }
.an-site .an-section-head h2 { font-size:var(--an-h2); line-height:1.11; }
@media(max-width:1000px) {
 .an-site .an-journal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .an-site .an-work-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .an-site .an-work-grid .an-project { grid-column:auto; }
 .an-site.page-blog-article .blog-post-related__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .an-site .an-case-opening { grid-template-columns:repeat(2,minmax(0,1fr)); min-height:0; }
 .an-site .an-case-opening .cs-header,.an-site .an-case-opening .cs-hero { grid-column:auto; }
 .an-site .cs-utilities { padding-top:var(--an-space-sm); }
 .an-site .cs-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px) {
 .an-site.page-blog-article .an-article-layout { grid-template-columns:1fr; gap:var(--an-space-sm); }
 .an-site.page-blog-article .blog-post-hero__copy { position:static; min-height:0; max-height:none; overflow:visible; }
 .an-site.page-blog-article .blog-post-hero__copy h1 { margin-top:16px; }
 .an-site .an-article-share { margin-top:0; padding-top:var(--an-space-sm); }
 .an-site .an-case-opening { display:flex; flex-direction:column; gap:var(--an-space-sm); }
 .an-site .cs-heading h1 { font-size:22px; }
 .an-site .an-case-opening .cs-figure--hero img { height:auto; object-fit:contain; }
 .an-site .cs-intro { display:block; padding-block:var(--an-space-lg); }
 .an-case-story { display:block; }
 .an-case-nav { display:none; }
 .an-site .an-case-chapter-indexed > .cs-chapter-copy { display:block; }
 .an-case-nav a { font-size:14px; margin-bottom:12px; }
 .an-site .cs-related h2 { font-size:var(--an-h2); }
 .an-site .cs-chapter-copy { padding-block:var(--an-space-sm) var(--an-space-lg); }
}
@media(max-width:640px) {
 .an-site .an-journal-grid,.an-site .an-work-grid { grid-template-columns:1fr; }
 .an-site .an-journal-filters { gap:14px 20px; }
 .an-site .an-journal-filters button { font-size:12px; }
 .an-site .an-work-grid .an-project__heading h2 { font-size:18px; }
 .an-site .an-work-grid .an-project__heading { margin-top:16px; }
 .an-site .an-journal-card h2 { font-size:22px; }
 .an-site .an-journal-card--external h2 { font-size:18px; }
 .an-site .an-journal-card__meta { margin-top:16px; }
 .an-site.page-blog-article .blog-post-hero__copy h1 { font-size:26px; }
 .an-site.page-blog-article .blog-post-related__grid { grid-template-columns:1fr; }
 .an-site .an-article-related__head { align-items:flex-start; flex-direction:column; }
 .an-site .cs-related-grid { grid-template-columns:1fr; }
 .an-site .cs-related > header { align-items:start; flex-direction:column; gap:16px; }
 .an-site .cs-utilities { padding-top:var(--an-space-sm); }
}
@media(prefers-reduced-motion:reduce) {
 .an-site .an-work-grid .an-work-card__tags > span,.an-site .an-work-grid .an-project__image,.an-site .an-card-arrow,.an-card-arrow__label { transition:none; }
 .an-site .an-work-grid a:is(:hover,:focus-visible) .an-project__image { transform:none; }
}

/* Artwork is a complete authored image; keep its lettering visible at every ratio. */
.an-site :is(.an-journal-card__media,.blog-post-hero__media,.blog-reader-gate__teaser-media).an-media--artwork { background:var(--article-media-background,#fff); }
.an-site :is(.an-journal-card__media,.blog-post-hero__media,.blog-reader-gate__teaser-media).an-media--artwork img { object-fit:contain; }
.an-site :is(.an-journal-card__media,.blog-post-hero__media,.blog-reader-gate__teaser-media).an-media--photo img { object-position:center top; }
/* All chapter text remains available when JavaScript is disabled. */
.an-site:not(.an-js) .an-case-chapter-indexed > .cs-chapter-copy{display:block}
.an-site:not(.an-js) .an-case-nav__panel{display:none}

/* Audited article quotations. Images remain separate from the reading measure. */
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote {
  --quote-portrait-size: 96px;
  display: block;
  position: relative;
  margin: 40px 0;
  padding: clamp(22px, 2.4vw, 36px);
  border: 0;
  border-radius: 12px;
  background: #f0f0ed;
  color: #141414;
  box-shadow: none;
}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote--portrait {
  display: grid;
  grid-template-columns: var(--quote-portrait-size) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote__content {min-width: 0;}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote__content::before {
  content: '“';
  display: block;
  height: 32px;
  margin-bottom: 12px;
  color: #77786d;
  font-family: Georgia, serif;
  font-size: 58px;
  line-height: 1;
}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote--comment .an-quote__content::before {display: none;}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote .an-quote__text {
  padding: 0;
  margin: 0 0 1em;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  font: inherit;
  font-size: 19px;
  line-height: 1.55;
  letter-spacing: -.025em;
}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote .an-quote__text::before {display: none;}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote .an-quote__credit {
  display: block;
  color: #66675d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -.01em;
  margin: 0 0 20px;
}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote .an-quote__words {display: block;}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote .an-quote__words + .an-quote__credit,
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote .an-quote__text + .an-quote__credit {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #d8d8d0;
}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote .an-quote__content > :last-child,
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote .an-quote__text > :last-child {margin-bottom: 0;}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote :is(ul,ol) {font-size:19px;line-height:1.55;}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote a {color:inherit;text-underline-offset:3px;}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-callout {
  display: block;
  margin: 32px 0;
  padding: 6px 0 6px 24px;
  border: 0;
  border-left: 2px solid #a6a79a;
  border-radius: 0;
  background: transparent;
  font: inherit;
  line-height: 1.6;
}
/* Fixed crop only for verified portraits; article illustrations keep their ratio. */
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .vm-figure.vm-figure--speaker {
  display: block;
  float: none;
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  height: auto;
  aspect-ratio: auto;
  overflow: visible;
  border-radius: 0;
  margin: 32px 0 !important;
  align-self: start;
}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote > .vm-figure.vm-figure--speaker {margin:0 !important;}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .vm-figure.vm-figure--speaker img {
  display: block;
  position: static;
  width: 96px !important;
  height: 96px !important;
  min-width: 0;
  max-width: none;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: 50% 35%;
  border-radius: 50%;
  border: 0;
}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .vm-figure--speaker .vm-caption {display:block;margin-top:12px;font-size:14px;}
@media (max-width: 700px) {
  body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote {margin:28px 0;padding:22px;}
  body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote--portrait {grid-template-columns:minmax(0,1fr);gap:20px;}
  body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote .an-quote__text,
  body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote :is(ul,ol) {font-size:17px;line-height:1.6;}
}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-portrait-frame {
  display: block;
  width: 96px;
  height: 96px;
  overflow: hidden;
  border-radius: 50%;
}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .vm-figure.vm-figure--speaker img {
  transform: scale(var(--portrait-zoom, 1));
  transform-origin: var(--portrait-origin, 50% 35%);
}
body.an-site :is(.prose--blog, .cs-prose, .an-case-quotes) .an-quote .an-quote__credit[hidden] {display:none;}

/* Scanned client letters keep their paper ratio and open at original resolution. */
.an-site .an-case-quotes {min-width:0;}
.an-site .cs-chapter-copy:has(> .cs-prose:empty):has(+ .an-case-quotes) {padding-bottom:28px;}
.an-site .cs-chapter-copy:has(> .cs-prose:empty):has(+ .an-case-quotes) > h2 {margin-bottom:0;}
.an-site .cs-chapter-copy > .cs-prose:empty {display:none;}
.an-site .an-case-quotes > .an-quote:first-child {margin-top:0;}
.an-site .an-review-document {margin:32px 0;max-width:420px;}
.an-site .an-review-document a {display:block;color:inherit;text-decoration:none;}
.an-site .an-review-document img {display:block;width:100%;height:auto;max-height:560px;object-fit:contain;object-position:left top;border:1px solid #e3e3de;border-radius:8px;}
.an-site .an-review-document__link {display:block;margin-top:12px;font:500 12px/1.4 var(--an-mono);text-transform:uppercase;}
.an-site .an-review-document a:focus-visible {outline:2px solid currentColor;outline-offset:6px;}
.an-site .an-review-document a:hover .an-review-document__link {text-decoration:underline;text-underline-offset:4px;}
.an-site .cs-prose [hidden] {display:none;}