/* Readable editorial type and measured, text-safe fluid surfaces. */
body :is(h1,h2,h3,.page-home .hero h1,.detail-head h1,.section-heading h2,.manifest-copy h2,.principles-intro h2,.closing-section h2,.anomaly-copy h2,.experience-heading h2,.detail-lead h2,.detail-section h2,.project-card h3,.lab-intro h2,.brand,.portal-whisper,.m4-sheet-title h2){letter-spacing:-.015em;line-height:1.14}
body :is(h1,h2,h3,.page-home .hero h1,.detail-head h1,.section-heading h2,.manifest-copy h2,.principles-intro h2,.closing-section h2,.anomaly-copy h2,.experience-heading h2,.detail-lead h2,.detail-section h2,.project-card h3) em{letter-spacing:0;line-height:1.2}
:is(h1,h2,h3,.editorial-ribbon strong) em{letter-spacing:0;line-height:1.16}
.editorial-ribbon strong{letter-spacing:-.015em;line-height:1.14;max-width:100%;overflow-wrap:break-word}
.editorial-ribbon strong em{letter-spacing:0}
.editorial-ribbon>span{color:var(--theme-art-muted);line-height:1.7}
.signal-tape-track{color:var(--ink)}
.mood-caption{color:var(--muted)}
.anomaly-copy h2 span{white-space:normal}
.manifest-bottom{align-items:flex-start}
.ui-glyph{flex-shrink:0}
.atrium-logotype{display:flex;align-items:center;gap:10px;letter-spacing:0}
.atrium-logotype .ui-glyph{width:24px;height:24px}
.atrium-logotype span{font-size:15px;letter-spacing:.015em}
.atrium-task{min-height:60px;border-radius:16px;font-size:13px;line-height:1.5;padding:16px;gap:12px}
.atrium-task b{flex:none;display:flex;align-items:center}
.atrium-task .ui-glyph{width:18px;height:18px}
.atrium-console{grid-template-rows:1fr auto}
.atrium-sidebar{grid-row:1 / 3}
.atrium-graph{min-width:0;min-height:570px;background:var(--theme-art);isolation:isolate}
.atrium-node{width:clamp(100px,calc(50% - 24px),156px);min-height:148px;height:auto;padding:18px 12px;gap:7px;transform:translate(-50%,-50%);background:var(--theme-art-panel);color:var(--theme-art-ink);border-color:var(--theme-art-muted);border-radius:28px 36px 30px 34px;animation:atrium-breathe 9s ease-in-out infinite alternate;z-index:1}
.atrium-node i{display:grid;place-items:center;line-height:1;font-size:24px;height:26px}
.atrium-node i .ui-glyph{width:24px;height:24px}
.atrium-node b{font-size:11px;letter-spacing:.045em;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.atrium-node small{font-size:12px;line-height:1.5;color:var(--theme-art-muted);max-width:100%;overflow-wrap:break-word}
.atrium-node.an-origin{left:25%;top:22%}
.atrium-node.an-agent1{left:75%;top:25%}
.atrium-node.an-agent2{left:25%;top:70%}
.atrium-node.an-result{left:75%;top:74%}
.atrium-wires path{stroke:var(--theme-art-accent);stroke-width:2;vector-effect:non-scaling-stroke}
.atrium-statusline{position:static;padding:18px 22px;background:var(--theme-art);color:var(--theme-art-muted);font-size:11px;letter-spacing:.045em;line-height:1.6;overflow-wrap:anywhere}
.atrium-task span{color:inherit}
@keyframes atrium-breathe{from{border-radius:28px 36px 30px 34px}to{border-radius:36px 28px 35px 29px}}
.void-diagram{position:relative;aspect-ratio:2 / 1;isolation:isolate}
.void-route-map{position:absolute;inset:0;width:100%;height:100%}
.route-peer{position:absolute;top:33.333%;width:clamp(64px,20vw,94px);aspect-ratio:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 7px;border:1px solid var(--theme-diagram-line);border-radius:50%;background:var(--theme-diagram);color:var(--theme-diagram-ink);z-index:1;text-align:center}
.route-peer-you{left:16.667%}.route-peer-other{left:83.333%}
.route-peer b{font-size:clamp(14px,3.2vw,20px);letter-spacing:.025em;line-height:1.2}
.route-peer small{font-size:clamp(11px,2vw,12px);letter-spacing:0;line-height:1.3;white-space:nowrap}
.route-hub-card{position:absolute;left:50%;top:33.333%;transform:translate(-50%,-50%);width:74px;min-height:52px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--theme-diagram-line);background:var(--theme-diagram);color:var(--theme-diagram-ink);border-radius:17px;line-height:1.3;opacity:0;pointer-events:none}
.route-hub-card b{font-size:13px;letter-spacing:.04em}.route-hub-card small{font-size:11px}
.fluid-group{isolation:isolate;clip-path:inset(0);--fluid-fill:var(--theme-selected)}
/* Navigation keeps its fixed viewport anchor; only in-flow groups need relative. */
.fluid-group:not(.m4-tabbar):not(.mobile-bottom){position:relative}
.fluid-selection{position:absolute;left:0;top:0;z-index:-1;pointer-events:none;transform-origin:0 0;contain:layout style;width:0;height:0}
/* Borderless material: an asymmetric leading edge and a quieter wake. */
.fluid-selection.fluid-travelling{will-change:transform}
.fluid-skin{transform:scale(var(--fluid-stretch-x,1),var(--fluid-stretch-y,1)) skewX(var(--fluid-lean,0deg));position:absolute;inset:0;background:var(--fluid-fill);border:0;border-radius:18px 26px 20px 28px / 22px 18px 26px 20px;animation:fluid-breathe 3.2s ease-in-out infinite alternate}
@keyframes fluid-breathe{
  0%{border-radius:calc(18px + var(--fluid-front,0px)) calc(26px - var(--fluid-front,0px)) 20px 28px / 22px 18px 26px 20px}
  50%{border-radius:28px 18px calc(30px - var(--fluid-front,0px)) calc(20px + var(--fluid-front,0px)) / 18px 28px 20px 26px}
  100%{border-radius:calc(22px - var(--fluid-front,0px)) calc(30px + var(--fluid-front,0px)) 18px 26px / 28px 20px 24px 18px}
}
.fluid-group> :is(a,button),.fluid-group> :is(a,button):hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important;transition:color .16s;touch-action:manipulation}
.fluid-group> :is(a,button){position:relative;z-index:1}
.fluid-group> :is(a,button)[aria-pressed="true"],.fluid-group> :is(a,button)[aria-current],.fluid-group> :is(a,button)[aria-expanded="true"]{background:transparent!important;border-radius:18px}
.fluid-group .fluid-selection{z-index:0}
.fluid-group :is(a,button):focus-visible{outline:2px solid var(--theme-accent);outline-offset:-3px}
.atrium-task-list{--fluid-fill:var(--theme-art-selection)}
.atrium-task-list.fluid-group .atrium-task.is-current{color:var(--theme-art-ink);border-color:transparent}
.atrium-task-list.fluid-group :is(button):focus-visible{outline-color:var(--theme-art-accent)}
.m4-tabbar.fluid-group .m4-tab::before{display:none!important}
.journal-page .mobile-bottom.fluid-group a[aria-current]{background:transparent}
.fluid-group.motion-asleep .fluid-skin,html.v3-tab-hidden .fluid-skin,html.fluid-tab-hidden .fluid-skin,html[data-motion="off"] .fluid-skin,.motion-asleep .atrium-node{animation-play-state:paused!important}
html[data-motion="quiet"] .fluid-skin{animation-duration:10s}
.philosophy-options{--fluid-fill:var(--theme-art-selection)}
.philosophy-options.fluid-group .stance{min-height:48px;line-height:1.5;color:var(--theme-art-ink)}
.philosophy-options.fluid-group .stance[aria-pressed="true"]{color:var(--theme-art-ink)}
@media(max-width:860px){
  .m4-tab[aria-expanded="true"],.m4-tab[aria-expanded="true"]:any-link{color:var(--ink)!important}
  .m4-tab{padding:6px 3px;min-height:57px}
  .m4-link b{letter-spacing:0;line-height:1.4}
  .m4-tab span{font-size:11px;letter-spacing:0;line-height:1.3}
  .m4-sheet-utilities{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);margin-top:22px}
  .m4-sheet-utilities :is(a,button){display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:14px 8px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font-size:12px;line-height:1.5;text-align:left}
  .m4-sheet-utilities a:any-link,.m4-sheet-utilities button{background:transparent}
  .m4-sheet-utilities .ui-glyph{width:16px;height:16px}
  .m4-sheet-utilities [data-m4-motion]{grid-column:1 / -1}
  .m4-sheet-utilities [data-m4-motion-label]{margin-left:auto;color:var(--theme-accent);font-weight:650}
  .m4-segment{padding:10px 20px;gap:8px;align-items:stretch}
  .m4-segment a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 14px;font-size:12px;line-height:1.4;white-space:nowrap}
  .m4-segment a .ui-glyph{display:inline-block;width:16px;height:16px}
  .m4-segment a,.m4-segment a:first-child,.m4-segment a:any-link,.m4-segment a:first-child:any-link{background:transparent;color:var(--ink)!important}
  .m4-segment.fluid-group [aria-current="location"]{border-color:transparent}
  .atrium-console{grid-template-columns:1fr}
  .atrium-sidebar{grid-row:auto}
}
@media(max-width:600px){
  :is(.page-home .hero h1,.detail-head h1,.page-home .section-heading h2,.page-home .manifest-copy h2,.page-home .principles-intro h2,.page-home .closing-section h2,.page-home .anomaly-copy h2,.experience-heading h2,.detail-lead h2,.detail-section h2,.editorial-ribbon strong,.project-card h3){letter-spacing:-.012em;word-spacing:normal;line-height:1.16}
  :is(h1,h2,h3,.editorial-ribbon strong) em{letter-spacing:0;line-height:1.2}
  .editorial-ribbon{padding-block:44px;min-height:0;gap:26px}
  .editorial-ribbon strong{font-size:clamp(34px,8.6vw,50px)}
  :is(.hero-lede,.anomaly-copy>p:not(.anomaly-eyebrow),.experience-heading>p,.detail-head>p,.detail-lead p,.detail-section p,.page-home .section-heading>p){font-size:15px;line-height:1.85;opacity:1}
  .detail-head>p{margin-bottom:18px}
  .project-card-copy>div>p{font-size:14px;line-height:1.75}
  .anomaly-eyebrow{font-size:10px;letter-spacing:.09em;line-height:1.8}
  .page-home .anomaly-section{padding-block:64px}
  .page-home .anomaly-copy h2{margin-block:26px}
  .m4-segment{overflow-x:auto;scroll-padding-inline:20px}
  .void-diagram{aspect-ratio:1.6 / 1}
  .route-name{font-size:12px;line-height:1.5;letter-spacing:0;overflow-wrap:break-word}
  .route-name small{font-size:9px;letter-spacing:0;line-height:1.5}
  .route-chip{min-height:92px;padding:13px 10px}
  .diagram-status p{font-size:14px;line-height:1.8}
  .void-console-foot{font-size:9px;line-height:1.7}
  .atrium-sidebar p{font-size:14px;line-height:1.8}
  .atrium-sidebar small{font-size:10px;line-height:1.6}
  .atrium-task-list{margin-bottom:22px}
  .atrium-graph{min-height:570px}
  .m4-sheet-utilities{grid-template-columns:1fr}
  .page-home .project-card h3{letter-spacing:-.012em}
}
@media(max-height:460px) and (max-width:860px){.m4-tabbar .m4-tab{min-height:45px;padding:3px}.m4-tab span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.fluid-skin,.atrium-node{animation:none!important}}