Wall time: 0.9 seconds
Output:
.desktop-nav .nav-current { color: var(--brand-blue-dark); position: relative; }
.desktop-nav .nav-current::after { background: var(--brand-blue); bottom: -0.6rem; content: ""; height: 2px; left: 0; position: absolute; right: 0; }
/* The About page is stored as one custom HTML block. Give its direct section
 * children the same full-bleed treatment used by the native block patterns;
 * otherwise the generic page template constrains every section to reading
 * width before its internal .shell can take effect. */
.entry-content > .about-hero,
.entry-content > .orientation-strip,
.entry-content > .section,
.entry-content > .capabilities,
.entry-content > .ai,
.entry-content > .consultation { max-width: none; }
.about-hero { background: radial-gradient(circle at 11% 6%, rgba(7,152,215,.13), transparent 28rem), linear-gradient(135deg,#fff 0%,#fff 58%,#f2f7fa 100%); border-bottom: 1px solid var(--line); overflow: hidden; padding-block: clamp(5rem,8vw,8.2rem); }
.about-hero__grid, .two-column { display: grid; gap: clamp(3rem,6vw,6.5rem); grid-template-columns: minmax(0,.9fr) minmax(22rem,1.1fr); max-width: 84rem; }
.about-hero__grid { align-items: center; }
.about-hero h1 { font-size: clamp(3.25rem,5.4vw,5.3rem); max-width: 13ch; }
.lede, .about-intro p, .evidence > .shell > p { color: var(--slate); font-size: clamp(1.05rem,1.4vw,1.22rem); line-height: 1.75; }
.signals { display: flex; flex-wrap: wrap; gap: .8rem 1.6rem; list-style: none; margin: 2.2rem 0 0; padding: 1.5rem 0 0; position: relative; }
.signals::before { background: linear-gradient(90deg,var(--line),transparent); content:""; height:1px; left:0; position:absolute; right:0; top:0; }
.signals li { color: var(--slate); font-size:.82rem; font-weight:700; }.signals li::before { background:var(--brand-blue-bright); border-radius:50%; content:""; display:inline-block; height:.42rem; margin-right:.55rem; width:.42rem; }
.founder-card, .statement { background: linear-gradient(145deg,rgba(7,152,215,.14),rgba(1,28,64,0)),var(--ink); border:1px solid rgba(118,206,242,.2); border-radius:var(--radius-lg); color:#fff; overflow:hidden; padding:clamp(2rem,4vw,3rem); position:relative; }
.founder-card::after, .statement::after { border:1px solid rgba(118,206,242,.14); border-radius:50%; content:""; height:22rem; position:absolute; right:-9rem; top:-10rem; width:22rem; }
.founder-card .eyebrow, .statement small { color:#9fc4d7; position:relative; z-index:1; }.monogram { align-items:center; background:rgba(255,255,255,.07); border:1px solid rgba(118,206,242,.28); border-radius:50%; color:#bfeafc; display:grid; font-size:3rem; font-weight:720; height:7rem; margin:2rem 0; place-items:center; position:relative; width:7rem; z-index:1; }.founder-card h2 { color:#fff; font-size:clamp(2rem,3vw,2.8rem); position:relative; z-index:1; }.founder-card p:not(.eyebrow) { color:#c0d1dd; line-height:1.7; position:relative; z-index:1; }
.about-intro h2, .capabilities h2, .accountability h2, .ai h2, .evidence h2 { margin:0; max-width:15ch; }.about-intro p { margin:0; }.about-intro p + p { margin-top:1.2rem; }
.capabilities { background:var(--ink); color:#c8d7e1; padding-block:clamp(5rem,9vw,8rem); }.capabilities h2 { color:#fff; }.capabilities p { color:#afc1ce; }.capability-grid { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); }.capability-grid article { background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.14); border-radius:var(--radius-md); min-height:15rem; padding:clamp(1.5rem,3vw,2rem); }.capability-grid span { color:#76cef2; display:block; font-size:.67rem; font-weight:800; letter-spacing:.1em; margin-bottom:2.8rem; }.capability-grid h3 { color:#fff; font-size:1.45rem; }.capability-grid p { font-size:.88rem; line-height:1.65; margin:0; }
.accountability { align-items:center; }.statement { min-height:30rem; }.statement > p { color:#fff; font-size:clamp(2rem,3.4vw,3rem); font-weight:690; line-height:1.15; margin:7rem 0 2.4rem; max-width:10ch; position:relative; z-index:1; }.statement i { background:linear-gradient(90deg,var(--brand-blue-bright),transparent); display:block; height:2px; margin-bottom:1rem; position:relative; width:8rem; z-index:1; }.accountability h2 { margin-bottom:2.2rem; max-width:18ch; }.steps { border-top:1px solid var(--line); list-style:none; margin:0; padding:0; }.steps li { border-bottom:1px solid var(--line); padding:1.35rem 0; }.steps strong { display:block; margin-bottom:.45rem; }.steps p { color:var(--slate); line-height:1.65; margin:0; }
.ai { background:linear-gradient(135deg,#ebf7fc,#f8fbfd); border-block:1px solid var(--line); padding-block:clamp(4rem,7vw,6rem); }.ai .two-column { align-items:center; }.ai .two-column > p { border-left:2px solid var(--brand-blue); color:var(--slate); font-size:1.03rem; line-height:1.75; margin:0; padding-left:1.4rem; }
.evidence > .shell { align-items:end; margin-bottom:clamp(2.5rem,5vw,4rem); }
.consultation { margin-top:clamp(4rem,8vw,7rem); }
@media (max-width:66rem) { .about-hero__grid, .two-column { grid-template-columns:1fr; }.founder-card { max-width:38rem; } }
@media (max-width:48rem) { .about-hero { padding-block:4.8rem 5.5rem; }.about-hero h1 { font-size:clamp(2.7rem,12vw,4rem); }.signals { align-items:flex-start; flex-direction:column; }.capability-grid { grid-template-columns:1fr; }.statement { min-height:24rem; }.statement > p { margin-top:4.5rem; } }