*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0;overflow-anchor:none;background:#faf8f2;color:#292a26;font:19px/1.7 Georgia,serif}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#8c292a}nav{display:flex;justify-content:space-between;gap:20px;max-width:1080px;margin:auto;padding:26px 30px 10px;font:13px Arial,sans-serif;letter-spacing:.04em}nav a{text-decoration:none}.home{max-width:1080px;margin:auto;padding:6px 30px 20px}.masthead{position:relative;border-top:1px solid #30312e;padding-top:25px}.edition{display:flex;justify-content:space-between;font:11px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}.name{font:400 clamp(60px,10vw,133px)/.88 Georgia,serif;letter-spacing:-.065em;margin:50px 0 0;color:#842829;position:relative;z-index:2;max-width:800px}.name span{display:block;margin-left:11%}.cover{display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:end;margin-top:-30px;padding-bottom:42px;border-bottom:4px double #292a26}.portrait{width:360px;height:360px;object-fit:cover;object-position:center;border-radius:50%}.welcome{padding-top:70px;max-width:490px;font-size:22px}.welcome > p:first-child:first-letter,.welcome > div:first-child p:first-child:first-letter{float:left;font:70px/.85 Georgia;margin:10px 8px 0 0;color:#842829}.small{font:12px/1.7 Arial,sans-serif;letter-spacing:.03em}.ornament{font-size:26px;color:#842829;letter-spacing:12px;margin:25px 0}.section{padding:45px 0}.section-label{font:11px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;margin:0 0 25px;color:#842829}.columns{display:grid;grid-template-columns:1.7fr 1fr;gap:65px}.feature h2{font:400 43px/1.12 Georgia;letter-spacing:-.03em;margin:16px 0}.feature a{text-decoration:none}.feature p{font-size:18px}.feature .read{font:13px Arial;text-decoration:underline}.entries{border-top:1px solid #292a26}.entry{display:block;padding:20px 0;border-bottom:1px solid #aaa7;text-decoration:none}.entry time{display:block;font:11px Arial;color:#78776e;margin-bottom:7px}.entry strong{font:400 23px/1.25 Georgia}.interests{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #292a26;padding-top:26px}.interests a{font-size:29px;text-decoration:none}.interests p{font-size:16px;margin-top:5px}.footer{max-width:1020px;margin:40px auto 0;border-top:1px solid;padding:25px 0 40px;font:12px Arial;display:flex;justify-content:space-between}.reading{max-width:1100px;margin:55px auto;padding:0 30px;display:grid;grid-template-columns:minmax(0,700px);justify-content:center;gap:0}.reading aside{border-right:1px solid #ccc6;padding-right:25px;font-style:italic;font-size:16px}.reading aside a{display:block;margin-bottom:10px;text-decoration:none}.reading aside .monogram{font:32px Georgia;color:#842829;margin-bottom:35px}.article h1{font:400 clamp(36px,4.5vw,58px)/1.12 Georgia;letter-spacing:-.035em;margin:15px 0 35px}.article h2{font:400 30px/1.3 Georgia;margin-top:45px}.article p{margin:0 0 25px}.article img,.article video{max-width:100%;height:auto}.article iframe{max-width:100%;border:0}.article figure{margin:25px 0}.article pre{overflow:auto}.article a{color:#842829}.article blockquote{font-style:italic;border-left:2px solid #842829;margin:30px 0;padding-left:25px}.article .meta{font:11px Arial;letter-spacing:.1em;color:#78776e;text-transform:uppercase}.article table{max-width:100%;display:block;overflow:auto}.archive h1{font:55px Georgia;letter-spacing:-.04em}.archive{max-width:850px;margin:60px auto;padding:0 30px}@media(max-width:720px){nav{padding:20px 20px 8px;gap:12px;font-size:12px}.home{padding:5px 22px 15px}.edition{font-size:9px;letter-spacing:.1em}.name{font-size:19vw;margin-top:38px}.cover{grid-template-columns:1fr;gap:20px;margin-top:25px}.portrait{grid-row:1;width:65%;height:auto;aspect-ratio:1;justify-self:end}.welcome{padding:0;font-size:20px}.columns{grid-template-columns:1fr;gap:35px}.feature h2{font-size:35px}.interests{grid-template-columns:1fr;gap:10px}.footer{margin:30px 22px;gap:15px}.reading{display:block;margin:25px auto;padding:0 22px}.reading aside{border:0;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:35px}.reading aside .monogram{font-size:18px;margin:0}.reading aside a{margin:0}.article{font-size:18px}.name span{margin-left:4%}}
.site-header{position:sticky;top:0;z-index:20;background:#faf8f2;width:calc(100% - 60px);max-width:1020px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0 14px;border-bottom:1px solid #30312e}.home-link{font:11px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;text-decoration:none}.site-header nav{padding:0;margin:0;max-width:none;gap:24px;flex-wrap:wrap;font:11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.home{padding-top:0}.masthead{border-top:0;padding-top:0}.name{margin-top:50px}@media(max-width:720px){.site-header{width:auto;margin:0 22px;padding:18px 0 12px;display:block}.home-link{display:inline-block;margin-bottom:12px}.site-header nav{gap:18px;font-size:11px;line-height:1.8}.home{padding-top:0}.name{margin-top:32px}}

.article a[href="https://buymeacoffee.com/matthewdegeorge"]{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;margin:8px 0 24px;border:1px solid #842829;border-radius:4px;background:#842829;color:#faf8f2;font:600 15px/1.4 Arial,sans-serif;text-decoration:none;transition:background .15s ease}
.article a[href="https://buymeacoffee.com/matthewdegeorge"]:hover{background:#682021;border-color:#682021}
.article a[href="https://buymeacoffee.com/matthewdegeorge"]:focus-visible{outline:2px solid #842829;outline-offset:4px}

/* Give the public whiteboard its own viewer height; do not constrain it like inline media. */
.article iframe[title="Public Whiteboard"]{display:block;width:100%;height:900px;max-height:none;border:0}
@media(max-width:720px){.article iframe[title="Public Whiteboard"]{height:70vh;min-height:480px}}

/* Name and portrait form one identity row; the introduction follows below. */
.identity{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:35px;align-items:center;padding:50px 0 35px}
.identity .name{margin:0;font-size:clamp(65px,8vw,112px)}
.identity .portrait{width:280px;height:280px;aspect-ratio:1;border-radius:50%;justify-self:center}
.cover{display:block;margin-top:0;padding-bottom:38px}.welcome{padding-top:0;max-width:650px}
@media(max-width:850px){.identity{grid-template-columns:1fr;gap:30px;padding:35px 0}.identity .name{font-size:clamp(60px,13vw,105px)}.identity .portrait{grid-row:auto;width:min(280px,70vw);height:auto;aspect-ratio:1;justify-self:center}.cover{margin-top:0}.welcome{padding-top:0}}

.entry-thumbnail{width:100px;height:80px;object-fit:cover;float:right;margin:0 0 8px 16px}.entry::after{content:"";display:block;clear:both}

.article .youtube-embed{position:relative;aspect-ratio:16/9;width:100%;margin:28px 0 10px}.article .youtube-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-fallback{font:12px Arial,sans-serif}
@media(max-width:500px){.entry-thumbnail{width:85px;height:70px}}

.legacy-comments{margin-top:55px;padding-top:25px;border-top:1px solid #aaa7}.legacy-comments-note{font:15px/1.6 Arial,sans-serif;color:#696960}.legacy-comment{margin-top:28px;padding-top:22px;border-top:1px solid #aaa5}.legacy-comment h3{font:600 17px Arial,sans-serif;margin:0 0 6px}.legacy-comment time{display:block;font:12px Arial,sans-serif;color:#78776e;margin-bottom:15px}.legacy-comment p{font-size:17px}

.work-podcast-image{width:120px;height:120px;object-fit:contain;float:right;margin:0 0 16px 24px}.work-item>div:after{content:"";display:block;clear:both}@media(max-width:500px){.work-podcast-image{width:88px;height:88px;margin-left:16px}}

.article .notion-gallery{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:24px 0}.notion-gallery li{margin:0;min-width:0}.notion-gallery a.notion-card{display:block;height:100%;padding:16px;border:1px solid #aaa6;text-decoration:none;font:18px/1.4 Georgia,serif}.notion-gallery a.notion-card:hover{border-color:#842829}.notion-gallery a.notion-card::before{display:block;width:100%;height:125px;background-position:center;background-repeat:no-repeat;background-size:contain;margin-bottom:14px}@media(max-width:450px){.article .notion-gallery{grid-template-columns:1fr 1fr;gap:10px}.notion-gallery a.notion-card{font-size:16px;padding:10px}.notion-gallery a.notion-card::before{height:95px}}

.crosspost-source,.notion-source{font:13px/1.6 Arial,sans-serif;color:#696960;padding-bottom:20px;border-bottom:1px solid #aaa5;margin-bottom:30px}
.notion-properties{margin:25px 0}.notion-properties dt{font:600 13px Arial,sans-serif;color:#696960;margin-top:18px}.notion-properties dd{margin:6px 0 16px;font-size:18px}

/* Shared image treatment; portrait circles retain their existing shape. */
img{border-radius:10px}
.notion-gallery a.notion-card::before{border-radius:10px}
img.store-badge-image{border-radius:0}