
:root{--paper:#fbfaf8;--ink:#262522;--muted:#666660;--rule:#ddd9d3;--accent:#84603d;--panel:#f4f1eb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.65;margin:0;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}a:hover{color:var(--accent)}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px max(5vw,28px);border-bottom:1px solid var(--rule);font:13px/1.4 -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:.05em}
.site-header .brand{text-decoration:none;font-weight:600;white-space:nowrap}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(12px,2.6vw,36px)}
.site-header nav a{text-decoration:none;color:#4b4a47}.site-header nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:7px}
.wrap{width:min(1080px,calc(100% - 48px));margin:0 auto;min-height:68vh}.bio-page{padding-top:65px}.bio-hero{max-width:930px;margin:0 auto 65px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:52px}.hero-photo img{width:100%;height:auto;display:block;border-radius:2px}.hero-copy h1,.page-head h1,.article-head h1{font-size:clamp(35px,5vw,62px);font-weight:400;letter-spacing:-.045em;line-height:1.13;margin:8px 0 15px}.eyebrow{font:11px/1.5 -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.tagline{font-size:19px;font-style:italic;color:#55534c;margin:12px 0}.lead{max-width:650px;font-size:19px;color:#514f49;line-height:1.5}
.prose{font-size:17px;line-height:1.8}.prose p{margin:0 0 1.3em}.prose h2,.prose h3{line-height:1.25}.prose img{display:block;max-width:100%;height:auto;margin:28px auto 8px;border-radius:2px}.prose iframe{display:block;width:100%;aspect-ratio:16/9;border:0;margin:28px 0}.prose div:has(>iframe){max-width:100%}.prose blockquote{border-left:2px solid var(--accent);padding-left:20px;color:#59554e}
.bio-intro{max-width:760px;margin:0 auto 85px}.expertise{max-width:900px;margin:0 auto 120px}.section-header{margin:0 0 25px}.section-header h2{font-weight:400;font-size:clamp(27px,3.5vw,42px);margin:6px 0 0}.accordion{border-top:1px solid var(--rule)}details{border-bottom:1px solid var(--rule);padding:21px 4px}details summary{font-size:20px;cursor:pointer;list-style:none}details summary:after{content:'+';float:right;font:26px Arial,sans-serif;color:#948b7d}details[open] summary:after{content:'−'}details .prose{padding:20px 6px 4px;max-width:770px;font-size:16px}
.page-head{padding:66px 0 36px;max-width:870px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:25px 0 100px}.portfolio-item{border:1px solid var(--rule);background:#fff;text-decoration:none;display:flex;flex-direction:column}.portfolio-item:hover{border-color:#a79d90}.portfolio-image{height:176px;display:flex;align-items:center;justify-content:center;padding:24px}.portfolio-image img{width:100%;height:100%;object-fit:contain}.portfolio-title{font:13px/1.5 -apple-system,BlinkMacSystemFont,Arial,sans-serif;padding:14px 22px 20px;border-top:1px solid var(--rule);min-height:64px}
.story-list{margin:12px 0 110px}.story-card{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;text-decoration:none;padding:25px 0;border-top:1px solid var(--rule)}.story-card:last-child{border-bottom:1px solid var(--rule)}.story-thumb{height:180px;background:var(--panel);overflow:hidden}.story-thumb img{width:100%;height:100%;object-fit:cover}.story-card h2{font-size:clamp(22px,2.6vw,29px);font-weight:400;line-height:1.25;margin:5px 0}.story-card p{color:#66625c;margin:5px 0}.story-card .eyebrow{color:#8c775b}.read-more{display:inline-block;color:var(--accent);font:13px Arial,sans-serif;margin-top:12px}
.article-page{max-width:760px}.article-head{padding:67px 0 30px;border-bottom:1px solid var(--rule);margin-bottom:34px}.article-head h1{font-size:clamp(34px,4.5vw,53px)}.article-head .eyebrow a{text-decoration:none}.article-content{margin-bottom:55px}.article-content>img{margin-top:38px}.article-content>div{margin-bottom:14px}.backlink{margin:60px 0 100px;font:14px Arial,sans-serif}
.contact-page .contact-copy{max-width:750px}.notice{margin:36px 0 90px;padding:18px 21px;border-left:3px solid #aa7b42;background:#f4efe5;color:#654e30;font:14px/1.6 Arial,sans-serif}
.missing-image{display:flex;justify-content:center;align-items:center;text-align:center;min-height:90px;width:100%;padding:16px;background:#eee9e1;color:#675d51;font:13px/1.4 Arial,sans-serif}.site-footer{font:12px/1.4 Arial,sans-serif;display:flex;gap:20px;justify-content:space-between;padding:30px max(5vw,28px);border-top:1px solid var(--rule);color:var(--muted)}
@media(max-width:700px){.site-header{display:block;padding:17px 22px}.site-header .brand{display:block;margin-bottom:16px}.site-header nav{justify-content:flex-start;gap:20px}.wrap{width:min(100% - 34px,1080px)}.bio-page{padding-top:25px}.bio-hero{display:block;margin-bottom:36px}.hero-photo{margin-bottom:20px}.hero-copy{padding:0 4px}.bio-intro{margin-bottom:55px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-image{height:130px;padding:15px}.portfolio-title{padding:12px;font-size:12px}.story-card{display:block;padding:22px 0}.story-thumb{height:190px;margin-bottom:14px}.page-head,.article-head{padding-top:40px}.prose{font-size:16px}.site-footer{display:block}.site-footer span{display:block;margin:8px 0}}
@media(max-width:400px){.portfolio-grid{grid-template-columns:1fr}}

/* Original Squarespace blog landing hero, restored from the user's screenshot. */
.stories-home .site-header{position:absolute;inset:0 0 auto 0;z-index:20;color:#fff;background:rgba(25,24,22,.25);border-bottom:0;font-family:Georgia,"Times New Roman",serif;font-size:16px;letter-spacing:0}
.stories-home .site-header .brand{font-weight:400}
.stories-home .site-header nav a,.stories-home .site-header nav a[aria-current="page"]{color:#fff}
.stories-home .stories-page{max-width:none;width:100%;min-height:70vh}
.caliphate-hero{position:relative;isolation:isolate;min-height:min(820px,90vh);display:flex;align-items:center;justify-content:center;padding:150px max(5vw,30px) 155px;background:#5a5047 url('images/me-and-a-cam.jpg') center center/cover no-repeat;color:#fff}
.caliphate-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:rgba(0,0,0,.36)}
.caliphate-hero::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:125px;background:var(--paper);clip-path:polygon(0 100%,100% 0,100% 100%)}
.caliphate-hero-content{width:min(1300px,100%);display:grid;grid-template-columns:1.14fr 1fr;gap:65px;align-items:center}
.caliphate-hero-content h1{font-size:clamp(38px,5vw,75px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:0}
.caliphate-hero-content p{font-size:clamp(20px,2.3vw,32px);font-weight:500;line-height:1.45;margin:0;max-width:650px}
.stories-home .story-list{width:min(1080px,calc(100% - 48px));margin:45px auto 100px}
@media(max-width:800px){.caliphate-hero{min-height:620px;padding:155px 22px 115px}.caliphate-hero-content{display:block}.caliphate-hero-content h1{margin-bottom:25px}.caliphate-hero-content p{font-size:20px}.caliphate-hero::after{height:80px}.stories-home .story-list{width:calc(100% - 34px)}.stories-home .site-header{padding:17px 22px}}
