/* Content additions use the existing type, surfaces and motion vocabulary. */
.article-layout article section>p+p{margin-top:22px}
.article-table-scroll{overflow-x:auto;margin:28px 0;border:1px solid var(--line);border-radius:18px}
.article-table-scroll table{width:100%;border-collapse:collapse;min-width:540px;font-size:14px;line-height:1.6}
.article-table-scroll th,.article-table-scroll td{text-align:left;vertical-align:top;padding:17px 20px;border-bottom:1px solid var(--line)}
.article-table-scroll th{background:#f2eee2;font-weight:500}.article-table-scroll tr:last-child td{border-bottom:0}
.article-sources ul{padding-left:20px}.article-sources li{margin-bottom:12px}.article-sources a{text-decoration:underline;text-underline-offset:3px}
.closing-note{min-height:480px;padding:80px 0;color:var(--paper)}
.closing-note .engagement-shade{background:linear-gradient(90deg,#172c3be6,#172c3b6b)}
.closing-note .chapter-heading>p{color:var(--paper);max-width:430px}.closing-note h2{max-width:650px}
.closing-note .button{margin-top:10px}
.founder-story{padding-top:100px;padding-bottom:60px}.founder-story>div>p:not(.eyebrow){font-size:18px;line-height:1.8}
.founder-story>div>p+p{margin-top:24px}
@media(max-width:600px){.closing-note{min-height:540px;padding:60px 0}.founder-story{padding-top:65px}.founder-story>div>p:not(.eyebrow){font-size:16px}.article-table-scroll th,.article-table-scroll td{padding:13px 15px}}
/* Square service art sits on the panel's right without losing its top and bottom. */
.discipline-content>img,#discipline-content-0>img{width:68%;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 26%)}
@media(max-width:809px){.discipline-content>img,#discipline-content-0>img{width:75%;mask-image:linear-gradient(90deg,transparent,#000 30%)}}
@media(max-width:600px){.discipline-content>img,#discipline-content-0>img{width:100%;mask-image:linear-gradient(180deg,transparent 0%,transparent 15%,#000 65%)}}
/* The footer repeats the updated hero, with the same restrained navy treatment. */
.site-footer>img{opacity:1;object-position:center;object-fit:cover}
.site-footer .footer-shade{background:linear-gradient(180deg,rgba(14,24,32,.86),rgba(14,24,32,.9))}
.footer-contact>p{max-width:290px;color:#faf6ed9e;font-size:13px;line-height:1.6;margin-top:18px}
.site-footer .footer-wordmark{font-size:16vw;color:var(--paper)}
@media(min-width:1800px){.site-footer .footer-wordmark{font-size:288px}}
/* Refined outlined wordmark: crisp artwork over the existing paper surfaces. */
.site-header .brand{display:flex;align-items:center;flex-shrink:0;line-height:1}
.site-header .brand-logo{display:block;width:168px;height:auto;max-width:none}
.site-footer .footer-wordmark{font-size:inherit;display:flex;flex-direction:column;align-items:center;gap:20px;line-height:1;margin-top:auto;padding-top:50px;letter-spacing:normal}
.site-footer .footer-wordmark img{width:min(480px,65vw);height:auto;display:block}
.site-footer .footer-wordmark p{font:400 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.36em;text-transform:uppercase;color:#faf6edb8;padding-left:.36em}
@media(max-width:600px){.site-header .brand-logo{width:140px}.site-footer .footer-wordmark{gap:15px;padding-top:36px}.site-footer .footer-wordmark img{width:min(300px,76vw)}.site-footer .footer-wordmark p{font-size:8px;letter-spacing:.25em}}
@media(max-width:365px){.site-header .brand-logo{width:120px}}
/* Give case-study artwork a clearly visible warm stone frame. */
.p-work-card{--case-surface:#e8e3d5;background:var(--case-surface);padding:12px}
.p-work-card .work-image{background:var(--case-surface)}
.p-work-card:hover,.p-work-card:focus-visible{background:#e2dccd}
.detail-layout article section>p+p{margin-top:20px}
.article-layout article .article-section-sources{font-size:12px;line-height:1.7;color:var(--muted);margin-top:22px}
.article-section-sources a{text-decoration:underline;text-underline-offset:3px}
.article-layout aside .article-updated{font-size:11px;margin:8px 0 18px}
.article-projects{background-color:#e8e3d5;background-image:var(--paper-material);border-radius:22px;padding:28px}
.article-projects ul{padding-left:20px}.article-projects li{margin-bottom:12px}.article-projects a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.article-projects{padding:23px}}