.notes-masthead{padding:clamp(var(--space-12),10vw,var(--space-16)) 0 var(--space-10)}.notes-masthead .label{display:flex;align-items:center;gap:var(--space-3)}.notes-masthead h1{font:var(--display-1);letter-spacing:var(--display-1-tracking);margin-top:var(--space-5);max-width:14ch}.notes-masthead p{font:var(--body-lg);color:var(--text-secondary);margin-top:var(--space-5);max-width:52ch}.cat-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-hairline)}.cat-row .tag{white-space:nowrap}.featured{display:grid;gap:var(--space-8);grid-template-columns:1fr;align-items:stretch;border-top:1px solid var(--border-strong);padding-top:var(--space-10)}@media(min-width:900px){.featured{grid-template-columns:1.15fr .85fr;gap:var(--space-12)}}.featured .media{position:relative;overflow:hidden;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--background);min-height:320px}.featured .media[data-theme=dark]{background:var(--background)}.featured .media .beam{position:absolute;inset:0}.featured .media .beam svg{position:absolute;top:0;right:0;height:100%;width:70%}.featured .media .beam line{stroke:var(--accent);stroke-width:1;opacity:.45}.featured .media .mk{position:absolute;left:var(--space-6);bottom:var(--space-6);width:40px;height:40px;color:var(--accent)}.featured .body{display:flex;flex-direction:column;justify-content:center;gap:var(--space-5)}.featured .meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.post-cat{font:var(--body-sm);color:var(--text-muted)}.post-date{font:var(--caption);color:var(--text-muted)}.dot-sep{width:3px;height:3px;border-radius:999px;background:var(--border-strong)}.featured h2{font:var(--display-2);letter-spacing:var(--display-2-tracking)}.featured h2 a{text-decoration:none}.featured p{font:var(--body-lg);color:var(--text-secondary);max-width:46ch}.featured .by{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.byline-ava{width:34px;height:34px;border-radius:999px;background:var(--surface-raised);border:1px solid var(--border-hairline);display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--caption-size);color:var(--text-muted);flex:none}.byline-name{font:var(--body-sm);color:var(--text-primary)}.byline-read{font:var(--caption);color:var(--text-muted)}.notes-list{border-top:1px solid var(--border-hairline);margin-top:var(--space-12)}.note-row{display:grid;gap:var(--space-4);grid-template-columns:1fr;padding:var(--space-8) 0;border-bottom:1px solid var(--border-hairline);transition:padding var(--dur) var(--ease)}@media(min-width:768px){.note-row{grid-template-columns:.28fr 1fr auto;gap:var(--space-8);align-items:baseline}}.note-row .when{display:grid;gap:var(--space-2)}.note-row .when .post-cat{color:var(--text-muted)}.note-row .when .post-date{font:var(--caption);color:var(--text-muted)}.note-row .lead-in h3{font:var(--h2);font-family:var(--font-display);letter-spacing:var(--h2-tracking)}.note-row .lead-in h3 a{text-decoration:none;transition:color var(--dur-fast) var(--ease)}.note-row .lead-in h3 a:hover{color:var(--accent-hover)}.note-row .lead-in p{font:var(--body-sm);color:var(--text-secondary);margin-top:var(--space-3);max-width:56ch}.note-row .read{font:var(--caption);color:var(--text-muted);white-space:nowrap}.article-head{padding:clamp(var(--space-12),10vw,var(--space-16)) 0 var(--space-8)}.article-head .wrap--text{display:grid;gap:var(--space-6)}.article-head .meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.article-head h1{font:var(--display-1);letter-spacing:var(--display-1-tracking)}.article-head .standfirst{font:var(--body-lg);color:var(--text-secondary)}.article-byline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border-hairline)}.article-byline .who{display:flex;align-items:center;gap:var(--space-3);flex:none}.article-byline .who .n{font:var(--body-sm);color:var(--text-primary);white-space:nowrap}.article-byline .who .r{font:var(--caption);color:var(--text-muted)}.article-byline .spacer{flex:1}.article-byline .facts{display:flex;align-items:center;gap:var(--space-3)}.article-byline .facts .f{font:var(--caption);color:var(--text-muted)}.share-row{display:flex;align-items:center;gap:var(--space-2)}.share-row a{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-sm);border:1px solid var(--border-hairline);color:var(--text-muted);transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.share-row a:hover{border-color:var(--border-strong);color:var(--text-primary)}.share-row a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}.article-body{max-width:var(--container-text);margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-16)}.article-body>*+*{margin-top:var(--space-6)}.article-body p{font:var(--body-lg);color:var(--text-secondary)}.article-body h2{font:var(--h2);font-family:var(--font-display);letter-spacing:var(--h2-tracking);color:var(--text-primary);margin-top:var(--space-10)}.article-body h3{font:var(--h3);font-family:var(--font-display);letter-spacing:var(--h3-tracking);color:var(--text-primary);margin-top:var(--space-8)}.article-body>p:first-of-type{font:var(--body-lg);color:var(--text-primary)}.article-body>p:first-of-type:first-letter{float:left;font-family:var(--font-display);font-weight:500;font-size:4.4em;line-height:.74;padding:.06em var(--space-3) 0 0;color:var(--text-primary)}.pullquote{margin:var(--space-10) 0;padding-left:var(--space-6);border-left:1px solid var(--accent)}.pullquote p{font:var(--h2);font-family:var(--font-display);letter-spacing:var(--h2-tracking);color:var(--text-primary)}.pullquote cite{display:block;margin-top:var(--space-4);font:var(--eyebrow);letter-spacing:var(--eyebrow-tracking);font-variant:all-small-caps;color:var(--text-muted);font-style:normal}.article-figure{margin:var(--space-10) 0}.article-figure .ph{position:relative;overflow:hidden;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface);aspect-ratio:16 / 9;display:grid;place-items:center}.article-figure .ph .beam{position:absolute;inset:0}.article-figure .ph .beam svg{position:absolute;top:0;right:0;width:60%;height:100%}.article-figure .ph .beam line{stroke:var(--accent);stroke-width:1;opacity:.4}.article-figure .ph .note{position:relative;z-index:2;font:var(--eyebrow);letter-spacing:var(--eyebrow-tracking);font-variant:all-small-caps;color:var(--text-muted)}.article-figure figcaption{margin-top:var(--space-3);font:var(--caption);color:var(--text-muted);max-width:52ch}.endmark{margin-top:var(--space-10);display:flex;align-items:center;gap:var(--space-4)}.endmark .m{width:18px;height:18px;color:var(--accent)}.endmark .rule{flex:1;height:1px;background:var(--border-hairline)}.author-foot{max-width:var(--container-text);margin:0 auto;padding:var(--space-8) var(--space-6);border-top:1px solid var(--border-strong);display:flex;gap:var(--space-5);align-items:flex-start}.author-foot .av{width:56px;height:56px;border-radius:999px;background:var(--surface-raised);border:1px solid var(--border-hairline);display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--body-sm-size);color:var(--text-secondary);flex:none}.author-foot .ab .n{font:var(--h4)}.author-foot .ab .r{font:var(--caption);color:var(--text-muted);margin-top:2px}.author-foot .ab p{font:var(--body-sm);color:var(--text-secondary);margin-top:var(--space-3);max-width:56ch}
