/* Beyond the Noise: compact editorial previews, framed original images. */
.bnoise{width:min(1240px,calc(100% - 112px));color:var(--olive)}
.bnoise .bn-hero{padding:46px 0 32px;display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:end}
.bnoise .bn-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;margin:0 0 16px;color:var(--olive)}
.bnoise h1{font-size:clamp(42px,4.7vw,64px);letter-spacing:-.045em;line-height:1.06;margin:0 0 17px}
.bn-byline{font-size:13px}.bnoise .bn-intro{font-size:16px;line-height:1.65;margin:0 0 17px;max-width:390px}
.bn-profile{font-size:12px;border-bottom:1px solid var(--olive);padding-bottom:6px;display:inline-flex;gap:25px}
.bn-heading{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--olive);padding-top:15px;margin:0 0 23px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.bn-heading span:last-child{color:var(--stone);letter-spacing:0;text-transform:none}
.bn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.bn-card{min-width:0}.bn-featured{grid-column:1/-1;display:grid;grid-template-columns:.95fr 1.15fr;gap:42px;align-items:center;border-bottom:1px solid var(--rule);padding-bottom:28px;margin-bottom:2px}
.bn-picture{display:block;padding:8px;border:1px solid var(--rule);background:#fff;aspect-ratio:16/9;overflow:hidden}
.bn-picture img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s}
.bn-picture:hover img{opacity:.9}.bn-picture--portrait img{object-fit:cover;object-position:50% 50%}
.bn-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--stone);margin:16px 0 12px;font-variant-numeric:tabular-nums}
.bn-featured .bn-meta{margin-top:0}.bn-meta span{font-size:9px;letter-spacing:.1em}
.bnoise .bn-card h2{font-size:27px;letter-spacing:-.025em;line-height:1.16;margin:0 0 13px}
.bnoise .bn-featured h2{font-size:38px}.bnoise .bn-subtitle{font-size:14px;line-height:1.6;margin:0 0 13px;color:var(--olive)}
.bnoise .bn-featured .bn-subtitle{font-size:16px}.bnoise .bn-excerpt{font-size:13px;line-height:1.65;color:var(--stone);margin:0 0 15px}
.bn-read{display:inline-flex;align-items:center;gap:28px;font-size:12px;border-bottom:1px solid var(--rule);padding:8px 0}.bn-read span{font-size:17px}
.bnoise .bn-subscribe{margin:40px 0 58px;border-top:1px solid var(--olive);border-bottom:1px solid var(--rule);padding:29px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}
.bnoise .bn-subscribe h2{margin:0 0 8px;font-size:29px}.bnoise .bn-subscribe p{font-size:14px;margin:0;color:var(--stone)}
.bn-button{border:1px solid var(--olive);padding:15px 24px;font-size:12px;white-space:nowrap;display:inline-flex;gap:30px}
.bn-button:hover{color:var(--milk);background:var(--olive)}.bnoise .bn-footnote{font-size:11px;line-height:1.6;color:var(--stone);margin:26px 0 0}
@media(min-width:1101px){.site-nav{gap:20px}.nav-contact{padding-left:20px}}
@media(max-width:1000px){.bnoise{width:calc(100% - 72px)}.bnoise .bn-hero{gap:32px}.bn-featured{gap:28px}.bnoise .bn-featured h2{font-size:33px}.bn-grid{gap:28px 22px}.bnoise .bn-card h2{font-size:25px}}
@media(max-width:760px){.bnoise .bn-hero{grid-template-columns:1fr;gap:20px;padding-top:35px}.bnoise .bn-intro{max-width:560px}.bn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bn-featured{grid-template-columns:1fr;gap:0}.bn-featured .bn-meta{margin-top:18px}.bn-featured .bn-picture{max-width:600px}.bn-subscribe .bn-button{gap:16px}}
@media(max-width:540px){.bnoise{width:calc(100% - 40px)}.bnoise h1{font-size:45px}.bn-grid{grid-template-columns:1fr;gap:30px}.bnoise .bn-card h2,.bnoise .bn-featured h2{font-size:29px}.bn-heading{font-size:10px}.bn-heading span:last-child{max-width:130px;text-align:right}.bnoise .bn-subscribe{display:block;margin:34px 0}.bn-subscribe .bn-button{margin-top:22px}.bn-picture{padding:6px}}
@media(prefers-reduced-motion:reduce){.bn-picture img{transition:none}}
/* Each article shares its original Substack URL. */
.bn-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bn-share{position:relative;font-family:var(--sans);font-size:12px}
.bn-share-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0 8px 8px;background:none;border:0;color:var(--olive);font-size:12px}
.bn-share-menu{position:absolute;right:0;bottom:calc(100% + 5px);display:flex;align-items:center;gap:3px;padding:5px;background:var(--milk);border:1px solid var(--rule);z-index:5}
.bn-share-menu[hidden],.bn-share-fallback[hidden]{display:none}
.bn-share-menu a,.bn-share-menu button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:0;color:var(--olive);padding:10px;cursor:pointer}
.bn-share-menu a:hover,.bn-share-menu button:hover{background:var(--paper)}
.bn-share-toggle:focus-visible,.bn-share-menu :focus-visible{outline:2px solid var(--olive);outline-offset:2px}
.bnoise .bn-share-status{font-size:11px;line-height:1.4;color:var(--stone);margin:0;max-width:180px}
.bn-share-status:empty{display:none}.bn-share-fallback{width:180px;font-size:12px;padding:6px;border:1px solid var(--rule)}