.reader-connections{max-width:1200px;margin:0 auto;padding:88px 32px;color:#202124}.reader-case-heading{margin-bottom:35px}.reader-case-heading h2,.connection-panel h2{font:500 clamp(32px,4vw,52px)/1.08 'Source Serif 4',Georgia,serif;margin:16px 0 20px;letter-spacing:-1.5px}.reader-case-heading h2 span{color:#a5673d}.reader-case-heading>p:last-child{color:#67716a;max-width:480px;line-height:1.7}.reader-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:72px}.case-card{padding:0;text-align:left;border:1px solid #e4d5da;background:#f5eef1;color:inherit;border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .35s,box-shadow .35s;font:inherit}.case-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #20212413}.case-card:focus-visible,.reader-tools button:focus-visible{outline:3px solid #a5673d;outline-offset:4px}.case-image{height:210px;overflow:hidden;background:#f5eef1}.case-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.case-card:hover img{transform:scale(1.06)}.case-art{display:grid;place-items:center;background:radial-gradient(circle at 35% 35%,#f0e8d8,#e4d5da)}.case-art span{font-size:90px;color:#805263;transition:transform .7s}.case-card:hover .case-art span{transform:rotate(80deg)}.case-copy{padding:25px}.case-copy small{font-size:10px;letter-spacing:1.8px}.case-copy h3{font:500 26px/1.2 'Source Serif 4',Georgia,serif;margin:15px 0}.case-copy p{font-size:14px;line-height:1.7;color:#657064}.case-link{display:flex;justify-content:space-between;margin-top:26px;font-size:12px}.case-link b{transition:transform .3s}.case-card:hover .case-link b{transform:translate(3px,-3px)}.reader-connection-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:28px}.connection-panel{position:relative;border:1px solid #e4d5da;padding:38px;border-radius:6px;background:#f5eef1;overflow:hidden}.connection-panel>p:not(.eyebrow){line-height:1.75;color:#667264;max-width:430px}.newsletter-panel{background:#f5eef1}.reader-feature-form{position:relative;display:grid;gap:18px;margin-top:28px}.reader-feature-form>label,.reader-form-pair>label{display:grid;gap:8px;font-size:12px;font-weight:600}.reader-feature-form input:not([type=checkbox]),.reader-feature-form select,.reader-feature-form textarea{box-sizing:border-box;width:100%;border:1px solid #e4d5da;border-radius:3px;padding:13px 12px;background:#ffffffb0;color:#202124;font-family:inherit;font-size:15px;font-weight:400;line-height:1.4;transition:border-color .25s,box-shadow .25s}.reader-feature-form input:focus,.reader-feature-form textarea:focus,.reader-feature-form select:focus{outline:none;border-color:#805263;box-shadow:0 0 0 3px #8052631c}.reader-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reader-feature-form .feature-consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.6;color:#651c32}.feature-consent input{margin-top:3px;accent-color:#651c32}.reader-feature-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#651c32;border:0;color:#ffffff;padding:16px 20px;text-decoration:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;border-radius:3px;transition:background .2s,transform .3s}.reader-feature-submit:hover{background:#651c32;transform:translateY(-2px)}.reader-feature-submit:disabled{opacity:.65;cursor:wait}.reader-feature-submit span{transition:transform .3s}.reader-feature-submit:hover span{transform:translate(3px,-3px)}.feature-form-note{font-size:13px;line-height:1.7;min-height:22px;margin:0}.feature-form-note.is-error{color:#9c342f}.feature-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0}.is-sending .reader-feature-submit{background:linear-gradient(100deg,#651c32 20%,#805263 50%,#651c32 80%);background-size:200%;animation:send-shimmer 1.5s linear infinite}.is-success .feature-form-note{color:#651c32;animation:success-arrive .5s ease-out}.rss-follow{display:grid;gap:12px;border-top:1px solid #b28d99;padding-top:28px;margin-top:36px;font-size:13px}.rss-follow a{color:#651c32}.newsletter-orbit{display:block;font-size:85px;color:#805263;margin-bottom:24px;width:85px;animation:reader-orbit 30s linear infinite}.reader-case-dialog{box-sizing:border-box;border:1px solid #e4d5da;border-radius:6px;background:#f5eef1;color:#202124;padding:48px;max-width:850px;width:calc(100% - 32px);max-height:90vh;overflow:auto;animation:dialog-arrive .3s ease-out}.reader-case-dialog::backdrop{background:#202124d9;backdrop-filter:blur(5px)}.case-close{position:absolute;right:20px;top:14px;border:0;background:transparent;font-size:32px;cursor:pointer;color:inherit}.reader-case-dialog h2{font:500 clamp(30px,5vw,48px)/1.15 'Source Serif 4',Georgia,serif;max-width:650px}.case-dialog-image{max-height:340px;width:100%;object-fit:cover;border-radius:4px}.case-chapters section{display:flex;gap:25px;border-top:1px solid #e4d5da;padding:28px 0}.case-chapters section>span{font-size:12px;color:#805263;padding-top:8px}.case-chapters h3{font:500 25px 'Source Serif 4',Georgia,serif;margin:0 0 15px}.case-chapters p{font-size:16px;line-height:1.85;margin:0}.case-inquire{display:block;color:#651c32;margin-top:20px;font-size:14px}.subscription-dialog{max-width:600px}.reading-progress{position:fixed;left:0;top:0;width:100%;height:4px;background:#651c3212;z-index:1000;pointer-events:none}.reading-progress span{display:block;height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,#b28d99,#651c32);transition:transform .15s linear}.reader-tools{max-width:740px;margin:25px auto;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e4d5da;padding-bottom:18px}.reader-tools>span{font-size:10px;letter-spacing:1.6px;color:#805263}.reader-tools>div{display:flex;gap:8px}.reader-tools button{background:#f5eef1;border:1px solid #e4d5da;padding:8px 12px;border-radius:3px;color:#651c32;cursor:pointer;transition:background .2s}.reader-tools button:hover{background:#e4d5da}.reader-toc{max-width:740px;margin:24px auto 32px;background:#f5eef1;border:1px solid #e4d5da;border-radius:4px;padding:18px 24px}.reader-toc summary{cursor:pointer;display:flex;justify-content:space-between;font-size:13px}.reader-toc nav{display:grid;gap:10px;margin-top:18px}.reader-toc a{color:#651c32;text-decoration:none;line-height:1.6;font-size:14px;transition:transform .25s}.reader-toc a:hover{transform:translateX(5px)}.reader-toc .toc-subheading{padding-left:18px;font-size:13px}.article-body{font-size:calc(18px * var(--reading-scale,1))}.article-body p,.article-body li{font-size:inherit}.article-body h2,.article-body h3{scroll-margin-top:100px}.reveal-ready{opacity:0;translate:0 20px}.reveal-ready.revealed{opacity:1;translate:0 0;animation:reader-reveal .7s both;animation-delay:var(--reveal-delay,0ms)}@keyframes reader-reveal{from{opacity:.3;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes reader-orbit{to{rotate:360deg}}@keyframes send-shimmer{to{background-position:200%}}@keyframes success-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:800px){.reader-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-connection-grid{grid-template-columns:1fr}.reader-connections{padding:55px 20px}.connection-panel{padding:28px}.reader-tools,.reader-toc{margin-left:20px;margin-right:20px}}@media(max-width:520px){.reader-case-grid{grid-template-columns:1fr}.reader-form-pair{grid-template-columns:1fr}.connection-panel{padding:24px}.reader-case-dialog{padding:38px 24px}.reader-tools{align-items:flex-start}.reader-tools>span{max-width:100px;line-height:1.6}}@media(prefers-reduced-motion:reduce){.reader-connections *,.reader-case-dialog,.reading-progress span{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;translate:none}}
/* Many existing categories must not push the header beyond the viewport. */
@media(min-width:761px){.header-inner>.brand,.header-actions{flex-shrink:0}.main-nav{min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{flex-shrink:0;white-space:nowrap}}

.reader-section-anchor{scroll-margin-top:100px}.reader-toc nav{max-height:320px;overflow:auto;padding-right:8px}.reader-line{font-size:inherit}

.rss-help-button{font:inherit;background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.rss-feed-label{display:grid;gap:10px;margin:24px 0;font-size:13px}.rss-feed-label input{width:100%;box-sizing:border-box;padding:14px;border:1px solid #cbd0d5;background:#ffffff;font:inherit}.rss-email-hint{font-size:14px;opacity:.75}

/* Visible movement around the new features, with quiet article text. */
.connection-panel{isolation:isolate;box-shadow:0 12px 35px #651c3208}
.connection-panel::before{content:"";position:absolute;z-index:-1;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#b28d9955,transparent 68%);animation:feature-drift 9s ease-in-out infinite alternate;pointer-events:none}
.connection-panel::after{content:"";position:absolute;z-index:-1;right:28px;top:30px;width:90px;height:90px;border:1px solid #80526344;border-radius:50%;animation:feature-ring 8s ease-in-out infinite;pointer-events:none}
.newsletter-panel::after{width:140px;height:140px;right:45px;top:25px;border-style:dashed}
.newsletter-orbit{animation:reader-orbit 12s linear infinite;filter:drop-shadow(0 8px 8px #651c3222)}
.connection-panel:focus-within{border-color:#805263;transition:border-color .3s}
.reader-feature-submit{position:relative;overflow:hidden;box-shadow:0 5px 14px #651c3218}
.reader-feature-submit::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff26 48%,transparent 65%);transform:translateX(-120%);pointer-events:none}
.reader-feature-submit:hover::after,.reader-feature-submit:focus-visible::after{animation:feature-sheen .8s ease-out}
.reader-tools{animation:feature-arrive .75s cubic-bezier(.2,.7,.2,1) both}
.reader-tools button{transition:background .25s,transform .25s,box-shadow .25s}
.reader-tools button:hover{transform:translateY(-3px);box-shadow:0 5px 12px #651c3218}
.reader-tools button:active{transform:scale(.92)}
.reader-toc{animation:feature-arrive .85s .1s both;box-shadow:0 10px 24px #651c3208}
.reader-toc[open] nav{animation:feature-arrive .45s both}
.reader-toc summary span{transition:rotate .3s}.reader-toc:not([open]) summary span{rotate:-90deg}
.reader-toc a{padding:3px 8px;border-radius:3px;transition:transform .25s,background .25s}
.reader-toc a:hover,.reader-toc a:focus-visible{background:#e4d5da;transform:translateX(7px)}
.reading-progress{height:5px}.reading-progress span{background:linear-gradient(90deg,#b28d99,#651c32,#b68b54);box-shadow:0 0 10px #80526377}
.reader-case-dialog{animation:feature-dialog .55s cubic-bezier(.16,1,.3,1) both}.reader-case-dialog::backdrop{animation:feature-backdrop .4s both}
.case-chapters section{animation:feature-arrive .6s both}.case-chapters section:nth-child(2){animation-delay:.12s}.case-chapters section:nth-child(3){animation-delay:.24s}
.rss-help-button{justify-self:start;transition:transform .3s,color .3s}.rss-help-button:hover{transform:translateX(5px);color:#805263}
.reveal-ready.revealed{animation-duration:1s}
@keyframes feature-drift{from{transform:translate(0,0) scale(.9)}to{transform:translate(-75px,130px) scale(1.3)}}
@keyframes feature-ring{0%,100%{transform:rotate(0deg) scale(.85);opacity:.45}50%{transform:rotate(90deg) scale(1.12);opacity:1}}
@keyframes feature-sheen{to{transform:translateX(120%)}}
@keyframes feature-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes feature-dialog{from{opacity:0;transform:translateY(35px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes feature-backdrop{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.connection-panel::before,.connection-panel::after,.reader-feature-submit::after,.reader-tools,.reader-toc,.reader-toc nav,.reader-case-dialog::backdrop,.case-chapters section{animation:none!important}.reader-tools button,.reader-toc summary span,.reader-toc a,.rss-help-button{transition:none!important}.reader-tools button:hover,.reader-tools button:active,.reader-toc a:hover,.rss-help-button:hover{transform:none}}
/* Both copies use the admin tagline; the loop travels continuously to the right. */
.announcement .live-dot{flex-shrink:0}.announcement-window{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#202124 12px,#202124 calc(100% - 12px),transparent)}
.announcement-track{display:flex;min-width:0;animation:none;transform:none}
.announcement-message{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.announcement-message[aria-hidden]{display:none}
.announcement .announcement-window{mask-image:none}
.announcement-right{flex-shrink:0;white-space:nowrap;animation:none;opacity:1;transform:none}
@keyframes announcement-travel{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes announcement-breathe{0%,12%,100%{opacity:0;transform:translateY(4px)}30%,70%{opacity:1;transform:translateY(0)}88%{opacity:0;transform:translateY(-4px)}}
@media(max-width:760px){.announcement{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.announcement-track,.announcement-right{animation:none!important;transform:none!important;opacity:1}.announcement-message[aria-hidden]{display:none}.announcement-message{min-width:0;padding-right:0}.announcement-window{mask-image:none}}
.reader-clock{position:relative;isolation:isolate;overflow:hidden;margin-top:24px;padding:24px 18px;background:#202124;color:#f5eef1;border:1px solid #651c32;border-radius:5px;box-shadow:0 12px 30px #20212412}
.reader-clock::before{content:"";position:absolute;inset:-50%;z-index:-1;background:conic-gradient(from 0deg,transparent,#80526330,transparent,#c69a6830,transparent);animation:clock-flow 18s linear infinite}
.clock-caption{display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:1.4px;color:#e4d5da}.clock-live-dot{width:6px;height:6px;border-radius:50%;background:#b28d99;box-shadow:0 0 9px #b28d99;animation:clock-pulse 3s ease-in-out infinite}
.clock-time{display:flex;align-items:center;justify-content:center;gap:3px;font:500 clamp(24px,2.4vw,34px)/1.3 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:22px 0 15px;white-space:nowrap}.clock-time>[data-clock]{display:inline-block;min-width:2ch;text-align:center}.clock-colon{color:#b28d99;animation:clock-pulse 2s ease-in-out infinite}.clock-tick{animation:clock-digit .35s ease-out}
.clock-date{display:block;text-align:center;font:12px/1.6 var(--sans);color:#e4d5da}.clock-zone{display:block;text-align:center;margin-top:9px;font:10px var(--mono);letter-spacing:1px;color:#b28d99}
@keyframes clock-flow{to{transform:rotate(360deg)}}@keyframes clock-pulse{50%{opacity:.45}}@keyframes clock-digit{from{transform:translateY(4px);color:#b28d99}to{transform:translateY(0);color:inherit}}
@media(prefers-reduced-motion:reduce){.reader-clock::before,.clock-live-dot,.clock-colon,.clock-tick{animation:none!important}}
.reader-clock{transform-origin:0 0;animation:clock-flap 5s ease-in-out infinite;will-change:transform}
@keyframes clock-flap{0%,100%{transform:perspective(1000px) rotate3d(1,-1,0,0deg)}35%{transform:perspective(1000px) rotate3d(1,-1,0,7deg)}65%{transform:perspective(1000px) rotate3d(1,-1,0,3deg)}}
@media(prefers-reduced-motion:reduce){.reader-clock{animation:none!important;transform:none;will-change:auto}}
.reader-clock.cloth-active{animation:none;transform:none;background:transparent;border-color:transparent;box-shadow:none;overflow:visible}
.cloth-active::before{display:none}.cloth-active>.clock-caption,.cloth-active>.clock-time,.cloth-active>.clock-date,.cloth-active>.clock-zone{opacity:0}
.clock-cloth{position:absolute;left:-10%;top:-10%;width:120%;height:120%;pointer-events:none;filter:drop-shadow(0 12px 15px #20212412)}
.reader-clock{animation:none!important;transform:none!important;background:radial-gradient(ellipse at 80% 0%,#263a40,#101a20 65%);border-color:#40545c;box-shadow:inset 0 1px #ffffff18,0 12px 30px #20212418}
.reader-clock::before{display:none}.clock-time>[data-clock]{display:flex;min-width:2ch}.clock-colon,.clock-live-dot{animation:none;opacity:1}
.liquid-digit{position:relative;display:inline-block;width:1ch;background:linear-gradient(170deg,#ffffff 0%,#cbd0d5 22%,#f5eef1 39%,#64808e 53%,#f5eef1 65%,#829eaa 85%,#ffffff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 1px 12px #9bdbef18}
.liquid-digit.clock-tick{animation:mercury-arrive .6s cubic-bezier(.22,.7,.2,1) both}
.liquid-digit.clock-tick::before{content:attr(data-previous);position:absolute;inset:0;background:inherit;background-clip:text;-webkit-background-clip:text;color:transparent;pointer-events:none;animation:mercury-melt .6s ease-in both}
@keyframes mercury-arrive{0%{filter:blur(5px);transform:scale(.8,1.15) skewX(-10deg);opacity:.25}45%{filter:blur(1.5px);transform:scale(1.12,.9) skewX(5deg);opacity:.8}100%{filter:blur(0);transform:none;opacity:1}}
@keyframes mercury-melt{0%{filter:blur(0);transform:none;opacity:1}55%{filter:blur(4px);transform:translateY(3px) scale(1.1,.75) skewX(-8deg);opacity:.4}100%{filter:blur(7px);transform:translateY(7px) scale(.8,.5);opacity:0}}
@media(prefers-reduced-motion:reduce){.liquid-digit.clock-tick,.liquid-digit.clock-tick::before{animation:none!important}.liquid-digit.clock-tick::before{display:none}}html.quiet-motion .liquid-digit.clock-tick::before{display:none}
.clock-period{font:500 10px var(--mono);letter-spacing:.5px;color:#e4d5da;margin-left:5px;align-self:center}.clock-time{font-size:clamp(22px,2.1vw,30px)}

/* Reveal the newsletter promise once, keeping the words still for reading. */
.newsletter-panel.revealed .newsletter-intro span{display:inline;animation:newsletter-copy-arrive .85s ease-out both}
.newsletter-panel.revealed .newsletter-intro span:nth-child(2){animation-delay:.16s}
.newsletter-panel.revealed .newsletter-intro span:nth-child(3){animation-delay:.32s}
@keyframes newsletter-copy-arrive{from{opacity:.25;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.newsletter-panel.revealed .newsletter-intro span{animation:none}}