.masthead nav{gap:clamp(12px,1.6vw,24px)}
.writings-page{background:#f8f2e8;color:#263945}
.writing-hero{position:relative;isolation:isolate;overflow:hidden;padding:58px 7% 74px;background:#102a3e;color:#f8f2e8;border-bottom:1px solid #b68b46}
.writing-hero .eyebrow{color:#e1bf80}
.writing-hero h1{font:normal clamp(52px,6vw,82px)/1.12 Cambria,Georgia,serif;margin:25px 0}
.writing-hero>p:last-child{font:22px/1.6 Arial,sans-serif;max-width:70%;color:#e3e8e9;margin:0}
.writing-art{position:absolute;z-index:-1;inset:0 0 0 auto;width:32%;background:url('assets/whitley-architecture.svg') center/cover no-repeat}
.writing-index{padding:46px 7% 60px;max-width:1600px;margin:auto}
.writing-label{display:flex;justify-content:space-between;margin-bottom:24px;font:12px/1.5 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#795724}
.featured-writing{display:grid;grid-template-columns:35% 65%;background:#fffdf8;border:1px solid #ded2be}
.essay-cover{display:flex;flex-direction:column;background:#1c3b51;padding:30px;color:#e8c990;min-width:0}
.essay-cover>span{font:12px/1.8 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.essay-cover img{width:100%;flex:1;min-height:0;max-height:350px;object-fit:contain;margin:10px 0}
.essay-cover small{font:9px/1.6 Arial,sans-serif;text-transform:uppercase}
.essay-details{padding:38px 42px}
.essay-details .eyebrow{color:#795724;font-size:11px;margin:0 0 22px}
.essay-details h2{font:normal clamp(30px,3.4vw,48px)/1.13 Cambria,Georgia,serif;margin:0 0 20px;color:#102a3e}
.essay-subtitle{font:23px/1.4 Cambria,Georgia,serif;color:#795724;margin:15px 0 22px}
.byline{font:13px/1.7 Arial,sans-serif;color:#526370;margin-bottom:24px}
.essay-summary{font:18px/1.65 Arial,sans-serif;max-width:540px}
.writing-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.writing-button{display:inline-flex;align-items:center;gap:18px;padding:15px 22px;border:1px solid #102a3e;background:#102a3e;border-radius:3px;color:#f8f2e8;text-decoration:none;font:14px/1.4 Arial,sans-serif}
.writing-button.outline{border-color:#99723e;background:transparent;color:#795724}
.writing-button:hover{background:#294b63;color:#fff}.writing-button.outline:hover{background:#eee3cf;color:#493414}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b88c3e;outline-offset:5px}
.writing-close{border-top:1px solid #ded2be;margin-top:60px;padding-top:30px}
.writing-close h2{font:normal 36px/1.2 Cambria,Georgia,serif;margin:0 0 20px}
.writing-close p{font:18px/1.65 Arial,sans-serif;margin:0}
.writing-callout{padding:42px 7%;background:#eee4d2;border-top:1px solid #ded2be;border-bottom:1px solid #ded2be}
.writing-callout h2{font:normal 34px/1.2 Cambria,Georgia,serif;margin:10px 0}.writing-callout p{margin:10px 0}.writing-callout a{font-weight:600;color:#795724}
.article-wrap{max-width:900px;padding:42px 28px 70px;margin:auto}
.back-link{font:14px/1.7 Arial,sans-serif;color:#795724}
.article-heading{padding:35px 0 32px;border-bottom:1px solid #ded2be}
.article-heading h1{font:normal clamp(38px,5vw,62px)/1.12 Cambria,Georgia,serif;margin:18px 0;color:#102a3e}
.article-heading .eyebrow{color:#795724}
.essay-toc{margin:28px 0;padding:20px 24px;background:#eee4d2;border-left:3px solid #b68b46;font:15px/1.7 Arial,sans-serif}
.essay-toc summary{cursor:pointer;font-weight:600}.essay-toc li{margin:8px 0}.essay-toc a{text-decoration:underline;text-underline-offset:3px}
.essay-prose{max-width:720px;margin:36px auto 0;font:20px/1.8 Cambria,Georgia,serif;overflow-wrap:break-word}
.essay-prose p{margin:0 0 24px}.essay-prose h2{font:normal 32px/1.25 Cambria,Georgia,serif;margin:46px 0 22px;scroll-margin-top:25px}
.essay-end{border-top:1px solid #ded2be;margin-top:48px;padding-top:30px}.essay-end h2{font:normal 32px/1.3 Cambria,Georgia,serif}
@media(max-width:1050px){.masthead{position:relative;height:auto;min-height:88px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.masthead nav{flex-wrap:wrap}}
@media(max-width:760px){.masthead{height:76px;min-height:76px;flex-wrap:nowrap;padding-top:0;padding-bottom:0}.masthead nav{top:76px;gap:18px}
.writing-hero{padding:44px 6% 48px}.writing-hero>p:last-child{font-size:19px;max-width:100%}.writing-hero h1{font-size:54px}.writing-art{width:42%;opacity:.25}.desktop-only{display:none}
.writing-index{padding:32px 6% 45px}.featured-writing{grid-template-columns:1fr}.essay-cover{display:none}.essay-details{padding:28px 24px}.essay-details h2{font-size:35px}.essay-subtitle{font-size:22px}.essay-summary{font-size:17px}.writing-actions{gap:12px}.writing-button{padding:14px 17px}
.writing-close{margin-top:35px}.writing-close h2{font-size:31px}.writing-close p{font-size:17px}
.article-wrap{padding:28px 6% 45px}.article-heading h1{font-size:39px}.essay-prose{font-size:19px;line-height:1.75}.essay-prose h2{font-size:29px}.essay-toc{padding:16px}.writing-callout{padding:32px 6%}.writing-callout h2{font-size:29px}}
@media print{.masthead,footer,.back-link,.essay-toc,.writing-button,.essay-end{display:none}.article-wrap{max-width:none;padding:0}.essay-prose{font-size:12pt;line-height:1.5;max-width:none}.article-heading h1{font-size:28pt}.writings-page{background:white;color:black}}

.more-writings{margin-top:52px}.more-writings>h2{font:normal 32px/1.3 Cambria,Georgia,serif;color:#102a3e;margin:0 0 24px}
.secondary-writing{display:grid;grid-template-columns:190px minmax(0,1fr);gap:34px;padding:32px;background:#fffdf8;border:1px solid #ded2be}
.secondary-mark{background:#1c3b51;color:#e8c990;display:flex;flex-direction:column;justify-content:center;gap:34px;padding:24px}
.secondary-mark img{width:82px;height:auto}.secondary-mark span{font:16px/1.8 Cambria,Georgia,serif}
.secondary-writing .eyebrow{color:#795724;font-size:11px;margin-top:0}.secondary-writing h3{font:normal clamp(27px,3vw,37px)/1.2 Cambria,Georgia,serif;color:#102a3e;margin:12px 0 16px}
.secondary-writing .essay-subtitle{font-size:21px}.secondary-writing .essay-summary{max-width:720px;font-size:17px}.secondary-writing .byline{margin-bottom:18px}
@media(max-width:760px){.more-writings{margin-top:36px}.secondary-writing{grid-template-columns:1fr;padding:25px;gap:0}.secondary-mark{display:none}.secondary-writing h3{font-size:30px}}