/* Avatar Dispatch — the screen / the person. Local design candidate, September 2026. */
:root{--paper:#faf9f5;--ink:#23202b;--muted:#625e6d;--line:#d4cedd;--accent:#5731c8;--on-accent:#fff;--panel:#f0ecf7;--focus:#244ecb;--electric:#dfff80;--body:Arial,Helvetica,sans-serif;--display:Georgia,'Times New Roman',serif;--utility:'Courier New',monospace}
::selection{background:#dfff80;color:#231741}body{font-size:16px}.shell{width:min(1376px,calc(100% - 80px))}.edition-bar{background:#ede8f5;letter-spacing:.04em;font-size:11px}.edition-bar .shell{padding-block:9px}.avatar .masthead{flex-wrap:nowrap;gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}.avatar .brand{display:flex;align-items:center;gap:12px;color:var(--accent);flex:none;font-style:normal;font-family:Arial,sans-serif}.brand-symbol{width:46px;height:46px;stroke:currentColor;stroke-width:1.7;fill:none}.avatar .brand span{display:block;margin:0}.avatar .brand-type{font-size:36px;font-weight:800;line-height:.85;letter-spacing:-2px}.avatar .brand-type>span{font:700 12px/1.5 var(--utility);letter-spacing:4px;margin-top:5px}.avatar .brand-type .brand-period{display:inline;letter-spacing:0;font-size:18px}.site-nav{gap:26px;margin-left:auto}.site-nav a{font-size:13px;font-weight:600;white-space:nowrap}.site-nav a:last-child{background:var(--accent);border-color:var(--accent);color:white;padding:12px 16px}.site-nav a[aria-current=page]{background:transparent;padding:0;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:7px}.search-trigger{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--ink);font-size:13px;padding:10px;min-height:44px}.search-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.search-trigger kbd{font:12px var(--utility);border:1px solid var(--line);padding:1px 5px}.eyebrow{font-size:11px;letter-spacing:.06em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#3d2197;transform:translateY(-2px)}
.cover-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;padding:55px 0 48px;align-items:center}.cover-copy .eyebrow{font-size:10px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.edition-tag{background:var(--electric);color:#34254c;padding:6px 9px;font-weight:700}.cover-copy h1{font:800 clamp(62px,6.6vw,100px)/.98 Arial,sans-serif;letter-spacing:-.07em;margin:30px 0 27px;color:#291449;text-wrap:initial}.cover-copy h1 em{font:italic 1.08em/.96 Georgia,serif;letter-spacing:-.055em;color:var(--accent)}.cover-copy .lede{font-size:17px;line-height:1.65;max-width:36ch}.cover-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px}.cover-actions>a:last-child{font-size:12px;font-weight:700}.cover-footnote{display:flex;gap:14px;align-items:center;margin-top:30px}.cover-footnote p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.cover-footnote strong{font-weight:600;color:var(--ink)}.mini-cross{font:45px/1 Georgia;color:var(--accent)}.cover-visual{position:relative;background:#28134d;color:white;min-width:0;box-shadow:10px 10px 0 #e4dcef}.frame-bar{display:flex;justify-content:space-between;gap:16px;font:10px/1.4 var(--utility);text-transform:uppercase;letter-spacing:.06em;padding:14px 18px;color:#ede5fb;border-bottom:1px solid #53377b}.cover-frame .screenshot-link{display:block;position:relative;line-height:0;background:#242424}.cover-frame img{width:100%;aspect-ratio:1.6;object-fit:contain}.cover-frame figcaption{margin:0;padding:9px 16px;font:10px/1.5 var(--utility);background:#ede7f7;color:#483360}.cover-story{padding:26px 30px 32px;position:relative}.cover-story .eyebrow{color:#dfff80;font-size:10px}.cover-story h2{font:400 36px/1.06 Georgia,serif;letter-spacing:-.025em;max-width:15ch;margin-bottom:12px}.cover-story h2 a{text-decoration:none}.cover-story h2 a:hover{text-decoration:underline}.cover-story>p:last-of-type{font-size:12px;color:#e4d9f2;max-width:35ch;margin:0}.round-link{position:absolute;right:28px;bottom:32px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #9d82bf;border-radius:50%;text-decoration:none;font-size:23px}.round-link:hover{background:#dfff80;color:#28134d}.cover-sticker{position:absolute;right:-12px;top:-19px;padding:12px 15px;background:var(--electric);color:#30204c;font:700 11px/1.35 var(--utility);transform:rotate(7deg);box-shadow:2px 3px 0 #28134d}.screenshot-link>span{position:absolute;right:10px;bottom:10px;padding:9px 11px;background:#251743;color:white;font:11px/1.2 var(--utility);border:1px solid #a293b4}.topic-strip{display:flex;align-items:center;flex-wrap:wrap;gap:0;border-block:1px solid var(--ink);padding:10px 0}.topic-strip>a{flex:1;white-space:nowrap;text-decoration:none;font-size:12px;font-weight:700;padding:12px 18px;border-right:1px solid var(--line)}.topic-strip>a:last-child{border:0}.topic-strip>a span{margin-left:10px;color:var(--accent)}.topic-strip>a:hover{background:#ece5fb}.topic-strip>span{font:10px/1.5 var(--utility);text-transform:uppercase;padding-right:20px;color:var(--muted)}
.section{padding-block:62px}.section-head{padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid var(--ink)}.section-head .eyebrow{color:var(--accent);margin-bottom:14px}.avatar .section-head h2{font:400 clamp(30px,3.2vw,48px)/1.05 Georgia,serif;letter-spacing:-.04em}.section-link{font-size:12px;font-weight:700;white-space:nowrap}.shelf-intro{font-size:14px;line-height:1.7;max-width:70ch;margin-top:-12px;margin-bottom:26px}.archive-grid{gap:32px}.avatar .dispatch-card,.avatar .dispatch-card:nth-child(2){border:0;position:relative}.dispatch-card .dispatch-thumb{background:transparent;margin-bottom:20px}.dispatch-thumb img{height:auto!important;aspect-ratio:1.6;object-fit:cover;border:1px solid var(--line);transition:filter .25s}.dispatch-card:hover .dispatch-thumb img{filter:saturate(1.14)}.dispatch-thumb figcaption{font:10px/1.5 var(--utility);margin-top:7px;min-height:15px;white-space:normal;overflow-wrap:anywhere}.card-copy{padding-bottom:22px;border-bottom:1px solid var(--line)}.avatar .dispatch-card h3{font:600 23px/1.18 Arial,sans-serif;letter-spacing:-.04em;margin-bottom:12px}.dispatch-card .eyebrow{font:10px/1.6 var(--utility)!important;letter-spacing:.04em;text-transform:uppercase;display:flex;gap:10px;align-items:center;color:var(--accent)!important}.avatar .dispatch-card p:not(.eyebrow){font-size:14px;line-height:1.7}.dispatch-card .read{font-size:12px;text-decoration:none;color:var(--accent);padding-top:12px}.dispatch-card .read:hover{text-decoration:underline}
.tool-lab{background:#25113f;color:#fff;padding:42px;margin-top:6px;position:relative;scroll-margin-top:28px}.lab-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:end}.lab-heading>.eyebrow{grid-column:1/-1;color:var(--electric)}.lab-heading h2{font:600 44px/1.05 Arial,sans-serif;letter-spacing:-.055em;margin-bottom:0}.lab-heading h2 em{font:italic 1.1em/1.1 Georgia,serif;font-weight:400;color:#c8b1fc}.lab-heading>p:last-child{max-width:40ch;font-size:15px;line-height:1.7;color:#d4c7e5;margin-bottom:3px}.tool-tabs{display:flex;gap:10px;margin:32px 0 30px}.tool-tabs button{flex:1;display:flex;justify-content:space-between;gap:8px;color:#f1eafc;border:1px solid #79618f;background:transparent;padding:16px 18px;font:12px/1.5 var(--utility);text-align:left;min-height:50px}.tool-tabs button[aria-selected=true]{background:var(--electric);color:#25113f;border-color:var(--electric)}.tool-tabs button:hover{border-color:var(--electric)}.tool-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}.tool-panel figure{min-width:0}.tool-panel .screenshot-link{display:block;position:relative;background:#19121f;line-height:0;border:1px solid #786787}.tool-panel img{width:100%;height:auto;aspect-ratio:1.6;object-fit:contain}.tool-panel figcaption{color:#cfc1e0;font:10px/1.6 var(--utility)}.tool-panel-copy h3{font:400 32px/1.1 Georgia,serif;letter-spacing:-.025em}.tool-panel-copy>p{font-size:14px;line-height:1.65;color:#d9cde8}.workflow-steps{list-style:none;padding:0;margin:20px 0}.workflow-steps li{display:flex;gap:16px;border-top:1px solid #695275;margin:0;padding:13px 0;align-items:baseline}.workflow-steps li>span{font:10px var(--utility);color:#c5abec}.workflow-steps a{display:flex;justify-content:space-between;gap:20px;width:100%;font-size:13px;text-decoration:none}.workflow-steps a:hover{text-decoration:underline}.workflow-steps b{color:var(--electric);font-weight:400}.tool-panel-copy .lab-note{font:10px/1.6 var(--utility);color:#c5b6d3;margin:0}.manifesto{display:grid;grid-template-columns:200px 1fr;gap:50px;padding:45px 60px;background:#e5dcf7;border:1px solid #beadd8;margin-block:10px}.manifesto-mark{font:italic 60px/1 Georgia;color:var(--accent);align-self:center;letter-spacing:-6px}.manifesto h2{font:500 clamp(28px,3.4vw,44px)/1.12 Arial,sans-serif;letter-spacing:-.045em}.manifesto h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.manifesto p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:65ch}.manifesto a{font-size:12px;font-weight:700}
.avatar .newsletter{border-radius:0;background:var(--accent);padding:48px;gap:70px;margin:40px 0 60px;position:relative}.avatar .newsletter:before{content:'[ a / d ]';font:italic 70px/1 Georgia;color:#ad8dec;position:absolute;right:35px;top:-36px;letter-spacing:-6px;pointer-events:none}.avatar .newsletter h2{font:italic 48px/1.05 Georgia,serif}.avatar .newsletter p{font-size:14px;line-height:1.7}.newsletter .eyebrow{font-size:11px}.avatar .newsletter label{font-size:13px}.avatar .newsletter .consent{font-size:12px}.avatar .newsletter .button{background:var(--electric);color:#251743;border-color:var(--electric)}.avatar .newsletter .button:hover{background:#efffbf}.site-footer{font-size:12px}.site-footer p{font-size:12px}.footer-links{gap:20px}
.avatar .page-head{padding:54px 0 34px}.avatar .page-head h1{font:700 clamp(42px,5vw,76px)/1.05 Arial,sans-serif;letter-spacing:-.055em;max-width:18ch;color:#28134d}.page-head .lede{font-size:17px}.archive-filters{background:#eee9f5;border:1px solid var(--line);gap:14px;padding:20px}.archive-filters input,.archive-filters select,.archive-filters button{font-size:13px}.archive-filters label{font-size:12px}.filter-feedback{font-size:12px;line-height:1.6}.avatar .article-head{padding:46px 0 30px;max-width:1100px}.avatar .article-head h1{font:600 clamp(38px,5vw,68px)/1.08 Arial,sans-serif;letter-spacing:-.05em;max-width:23ch;color:#28134d}.article-head .lede{font-size:19px;line-height:1.6;max-width:65ch}.breadcrumb{font:11px/1.5 var(--utility);margin-bottom:26px}.reading-layout{grid-template-columns:190px minmax(0,820px);gap:65px}.contents{font-size:13px;line-height:1.6;top:24px}.contents .eyebrow{font-size:11px}.contents .reading-subject{font-size:12px}.date-ledger dt{font:11px/1.4 var(--utility)}.date-ledger dd{font-size:13px}.archive-context{font-size:12px}.prose{font-size:18px;line-height:1.85}.prose h2{font:400 31px/1.2 Georgia,serif}.prose .dispatch-figure img{width:100%;max-height:600px;height:auto;object-fit:contain}.prose .dispatch-figure .screenshot-link{position:relative;display:block;background:#ece7f3}.prose figcaption{font-size:12px;line-height:1.65}.workflow-gallery>h2{font-size:34px}.workflow-gallery .eyebrow{font-size:11px}.workflow-gallery figcaption{font-size:12px}.sources{font-size:15px}.sources li span{font-size:12px}.source-entry h2{font:500 24px/1.2 Arial,sans-serif;letter-spacing:-.03em}.source-entry p,.source-entry li{font-size:14px}.source-entry .eyebrow{font-size:11px}#reading-progress{position:fixed;top:0;left:0;width:100%;height:4px;border:0;appearance:none;z-index:10;background:transparent;pointer-events:none}#reading-progress::-webkit-progress-bar{background:transparent}#reading-progress::-webkit-progress-value{background:var(--accent)}#reading-progress::-moz-progress-bar{background:var(--accent)}
dialog{border:1px solid var(--line);padding:30px;background:var(--paper);color:var(--ink);max-height:90vh;overflow:auto;box-shadow:0 25px 100px #170c3b66}dialog:not([open]){display:none}dialog::backdrop{background:#180b38b3;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.dialog-top h2{font:400 30px/1.1 Georgia,serif;margin:0}.dialog-top button{padding:9px 14px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:13px;min-height:44px}#search-dialog{width:min(750px,calc(100% - 32px))}#quick-search{font-size:18px;background:white;border:2px solid var(--accent)}#quick-search-status{font:12px/1.5 var(--utility);color:var(--muted);margin:16px 0}#quick-search-results{list-style:none;padding:0;margin:0 0 20px}#quick-search-results li{border-top:1px solid var(--line);margin:0}#quick-search-results a{display:grid;grid-template-columns:80px 1fr;gap:6px 16px;padding:14px 0;text-decoration:none}#quick-search-results img{width:80px;height:64px;object-fit:cover;grid-row:span 3}#quick-search-results a:hover{background:var(--panel)}#quick-search-results h3{font:600 17px/1.3 Arial,sans-serif;margin:0}#quick-search-results p{font-size:12px;line-height:1.5;margin:3px 0;color:var(--muted)}#quick-search-results small{font:10px/1.5 var(--utility);text-transform:uppercase;color:var(--accent)}.dialog-archive{font-size:13px;font-weight:700}#image-dialog{width:min(1280px,calc(100% - 32px))}#image-dialog-img{max-height:66vh;width:100%;object-fit:contain;background:#eee9f3}#image-dialog-caption{font-size:13px;line-height:1.6;max-width:95ch;margin-top:18px}#image-dialog-original{font-size:12px;font-weight:700}.screenshot-link:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
@media(min-width:1600px){.cover-grid{gap:85px}.cover-copy h1{font-size:105px}}
@media(max-width:1150px){.shell{width:calc(100% - 48px)}.site-nav{gap:17px}.site-nav a{font-size:12px}.search-trigger span,.search-trigger kbd{display:none}.cover-grid{gap:34px}.cover-copy h1{font-size:73px}.cover-actions{gap:14px}.cover-story h2{font-size:31px}.topic-strip>a{padding-inline:12px}.topic-strip>span{width:100%;padding:3px 12px}.tool-lab{padding:32px}.tool-panel{gap:26px}.lab-heading{gap:24px}.manifesto{grid-template-columns:150px 1fr;padding:38px;gap:30px}.reading-layout{gap:40px}}
@media(max-width:900px){.avatar .masthead{flex-wrap:wrap;gap:18px}.site-nav{gap:12px}.site-nav a{font-size:11px}.cover-copy h1{font-size:64px}.cover-copy .lede{font-size:15px}.cover-copy .eyebrow{font-size:9px}.cover-grid{gap:28px}.cover-actions .button{font-size:12px;padding:13px 15px}.cover-story{padding:22px}.cover-story h2{font-size:28px}.cover-story>p:last-of-type{max-width:27ch}.frame-bar{font-size:9px}.round-link{right:20px;width:32px;height:32px;bottom:25px}.cover-footnote p{font-size:11px}.topic-strip>a{font-size:11px}.archive-grid{gap:24px}.avatar .dispatch-card h3{font-size:21px}.tool-panel{grid-template-columns:1fr 1fr;gap:24px}.tool-panel-copy h3{font-size:27px}.tool-panel-copy>p{font-size:13px}.tool-tabs button{font-size:11px;padding:12px}.workflow-steps a{font-size:12px}}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.avatar .masthead{position:relative;padding:20px 0}.avatar .brand-type{font-size:32px}.brand-symbol{width:38px;height:38px}.avatar .brand-type>span{font-size:10px}.menu-toggle{margin-left:auto;font-size:13px;padding:8px 12px}.search-trigger{padding:8px;margin-left:0}.site-nav{order:5;margin:0}.site-nav a{font-size:14px}.site-nav a[aria-current=page]{padding:12px}.cover-grid{grid-template-columns:1fr 1fr;gap:25px;padding-top:38px}.cover-copy h1{font-size:58px;margin-top:24px}.cover-copy .eyebrow{line-height:1.6}.cover-copy .lede{font-size:14px}.cover-footnote{display:none}.cover-story h2{font-size:26px}.cover-story>p:last-of-type{font-size:11px;max-width:25ch}.cover-story .eyebrow{font-size:9px}.cover-frame figcaption{font-size:9px}.cover-sticker{font-size:9px;padding:9px}.cover-frame img{aspect-ratio:1.25;object-fit:contain}.topic-strip{gap:0}.topic-strip>a{flex-basis:30%;padding:12px;border-bottom:1px solid var(--line)}.topic-strip>a:nth-of-type(3n){border-right:0}.topic-strip>a:nth-of-type(n+4){border-bottom:0}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-shelf .dispatch-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}.editorial-shelf .dispatch-card:last-child .dispatch-thumb{margin-bottom:0}.lab-heading{grid-template-columns:1fr}.lab-heading>.eyebrow{margin:0}.lab-heading>p:last-child{max-width:54ch}.lab-heading h2{font-size:38px}.tool-panel{grid-template-columns:1fr}.tool-panel img{max-height:360px}.tool-panel-copy h3{font-size:30px}.tool-panel-copy>p{font-size:15px}.workflow-steps a{font-size:14px}.tool-tabs{gap:6px}.tool-tabs button{font-size:10px}.manifesto{grid-template-columns:1fr;gap:16px;padding:28px}.manifesto-mark{font-size:44px}.avatar .newsletter{padding:36px;gap:24px}.avatar .newsletter h2{font-size:42px}.reading-layout{display:block}.prose{font-size:18px}.contents{padding-top:15px}.contents ol{display:flex;gap:0 22px;flex-wrap:wrap}.archive-filters input,.archive-filters select,#quick-search{font-size:16px}.filter-feedback{margin-top:-12px}}
@media(max-width:580px){.shell{width:calc(100% - 32px)}.edition-bar{font-size:9px}.avatar .brand-type{font-size:31px}.avatar .masthead{gap:12px}.brand-symbol{width:34px;height:34px}.avatar .brand{gap:8px}.menu-toggle{font-size:12px}.cover-grid{grid-template-columns:1fr;gap:30px;padding-top:28px;padding-bottom:35px}.cover-copy .eyebrow{font-size:10px}.cover-copy h1{font-size:clamp(62px,16vw,86px);margin:24px 0}.cover-copy h1 em br{display:none}.cover-copy .lede{font-size:16px;max-width:37ch}.cover-actions{margin-top:24px;gap:18px}.cover-actions .button{font-size:13px}.cover-visual{margin-right:8px;box-shadow:8px 8px 0 #e4dcef}.cover-frame img{aspect-ratio:1.6}.cover-story{padding:24px}.cover-story h2{font-size:34px}.cover-story>p:last-of-type{font-size:12px;max-width:28ch}.cover-story .eyebrow{font-size:10px}.round-link{width:37px;height:37px;bottom:28px}.cover-sticker{font-size:10px}.frame-bar{font-size:9px}.topic-strip>a{font-size:11px;padding:11px 9px}.topic-strip>a span{margin-left:4px}.section{padding-block:42px}.section-head{gap:16px;padding-bottom:18px;margin-bottom:24px;align-items:flex-start}.section-head .eyebrow{margin-bottom:10px;font-size:10px}.avatar .section-head h2{font-size:35px}.section-link{font-size:12px}.shelf-intro{font-size:14px;line-height:1.7}.archive-grid{grid-template-columns:1fr;gap:28px}.editorial-shelf .dispatch-card:last-child{display:flex;grid-column:auto;gap:0}.editorial-shelf .dispatch-card:last-child .dispatch-thumb{margin-bottom:20px}.avatar .dispatch-card h3{font-size:25px}.dispatch-thumb figcaption{font-size:10px}.tool-lab{padding:26px 20px;margin-inline:-16px}.lab-heading{gap:18px}.lab-heading h2{font-size:37px}.lab-heading>p:last-child{font-size:14px}.tool-tabs{flex-direction:column;margin:25px 0}.tool-tabs button{font-size:12px;padding:13px 15px}.tool-panel{gap:24px}.tool-panel-copy h3{font-size:31px}.tool-panel figcaption{font-size:10px}.tool-panel-copy .lab-note{font-size:11px}.manifesto{padding:26px;margin:0}.manifesto h2{font-size:29px}.manifesto-mark{font-size:38px}.avatar .newsletter{padding:32px 22px;margin:30px 0 45px}.avatar .newsletter:before{font-size:52px;right:18px;top:-26px}.avatar .newsletter h2{font-size:40px}.avatar .article-head h1{font-size:39px}.article-head .lede{font-size:17px}.prose{font-size:17px;line-height:1.85}.prose h2{font-size:29px}.contents ol{display:block}.date-ledger{gap:12px 22px}.date-ledger dd{font-size:12px}.date-ledger dt{font-size:10px}.avatar .page-head h1{font-size:43px}.page-head .lede{font-size:16px}.archive-context{font-size:12px}.archive-filters{padding:16px}.dialog-top h2{font-size:24px}.dialog-top{gap:14px}.dialog-top button{font-size:12px}dialog{padding:20px}#quick-search-results a{grid-template-columns:60px 1fr;gap:6px 12px}#quick-search-results img{width:60px;height:58px}#quick-search-results h3{font-size:15px}#image-dialog-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
body:has(dialog[open]){overflow:hidden}[data-open-search]{display:none}.js [data-open-search]{display:flex}.cover-grid .cover-sticker{top:-25px;right:-10px}.frame-bar span:last-child{padding-right:72px}.cover-copy{align-self:start;padding-top:12px}
@media(max-width:580px){.cover-copy h1{font-size:clamp(45px,13.5vw,68px)}.cover-copy h1 em br{display:initial}.cover-grid{gap:34px}.cover-copy .eyebrow{gap:10px;font-size:9px}}
@media print{.search-trigger,.tool-tabs,.cover-sticker,.screenshot-link>span,dialog,#reading-progress{display:none!important}.cover-grid,.tool-panel,.manifesto{display:block}.tool-panel[hidden]{display:block!important}.tool-lab,.manifesto{background:white;color:black}.tool-panel-copy>p{color:black}}