/* Readability and owner-requested finishing touches. */
body{font-size:17px}
.principle p,.niche p,.about-copy>p,.access-card>p,.access-card ul,.case-story>p:not(.eyebrow),.case-story details{font-size:16px}
.about-copy .lead{font-size:21px}
.about-copy>.eyebrow{font-size:12px}
.section-heading>p:last-child{font-size:18px}
.about-copy .operator-note,.section-disclaimer,.proof-note,.hero-footnote,.access-card small{font-size:13px}
.metric>span{font-size:15px}
.archive-caption strong,.case-caption strong{font-size:15px}
.archive-filters button,.archive-heading>p,.proof-controls p{font-size:14px}
.access-label{font-size:12px}
.about .founder-art{transform:translateY(-22px)}

/* Blur the moving content progressively, then dissolve it into the page. */
.case-viewport{position:relative;isolation:isolate;--edge:clamp(30px,7vw,120px);mask-image:linear-gradient(to right,transparent,#000 var(--edge),#000 calc(100% - var(--edge)),transparent)}
.case-viewport::before,.case-viewport::after{content:"";position:absolute;inset-block:0;width:var(--edge);z-index:2;pointer-events:none;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.case-viewport::before{left:0;mask-image:linear-gradient(to right,#000,transparent)}
.case-viewport::after{right:0;mask-image:linear-gradient(to left,#000,transparent)}
.motion-paused .case-viewport,.case-viewport:focus-within{mask-image:none}
.motion-paused .case-viewport::before,.motion-paused .case-viewport::after,.case-viewport:focus-within::before,.case-viewport:focus-within::after{display:none}

.metric-daily{container-type:inline-size}
.metric-daily strong{font-size:clamp(28px,15cqi,58px);min-height:1.2em;white-space:nowrap;font-variant-numeric:tabular-nums}
.metric-daily [data-millions-value]{display:block;font:inherit;letter-spacing:inherit;color:inherit;margin:0;line-height:inherit}

.access-card>p{max-width:none;line-height:1.8}
.access-card ul{display:grid;gap:15px;line-height:1.65;margin:28px 0 36px}
.access-card li{position:relative;padding-left:22px}
.access-card li::before{position:absolute;left:0;margin:0}
.access-card .button{height:54px;min-height:54px;flex-shrink:0;padding:0 20px;font-size:15px}
.access-card small{min-height:44px;line-height:22px}
.button-discord{background:#e2e8f0;color:#131923;border:1px solid #f1f5fa;box-shadow:0 3px 16px #c9d9ee14}
.button-discord:hover{background:#f4f7fc;border-color:#fff;box-shadow:0 4px 22px #c9d9ee2b}
@media(min-width:601px){.access-grid{row-gap:0}.access-card{display:grid;grid-template-rows:subgrid;grid-row:span 6}}
@media(max-width:700px){.about .founder-art{transform:translateY(-14px)}.metric-daily strong{font-size:clamp(28px,15cqi,52px)}}
@media(max-width:600px){
  .hero-copy,.principle p,.niche p,.about-copy>p,.access-card>p,.access-card ul,.case-story>p:not(.eyebrow),.case-story details{font-size:16px}
  .section-heading>p:last-child{font-size:17px}
  .about-copy .lead{font-size:20px}.about-copy>.eyebrow{font-size:12px}.about-copy .operator-note{font-size:13px}
  .metric>span{font-size:14px}.access-label{font-size:11px}.access-card{padding:26px}.access-card h3{font-size:30px}
  .archive-caption strong{font-size:14px}.archive-filters button{font-size:12px}.access-card small{font-size:13px}
}
