[data-public-info-layout].how-quiet .pil-hero{background:var(--pub-paper);padding-top:clamp(72px,8vw,112px);padding-bottom:clamp(72px,8vw,112px)}[data-public-info-layout].how-quiet .pil-hero-inner-split{grid-template-columns:minmax(0,1fr) minmax(500px,.86fr);align-items:center;gap:clamp(112px,10vw,160px)}[data-public-info-layout].how-quiet .pil-eyebrow:before{content:"";background:var(--pub-gold);width:28px;height:1px;margin:0 10px 4px 0;display:inline-block}[data-public-info-layout].how-quiet .pil-title{text-wrap:balance;max-width:22ch}[data-public-info-layout].how-quiet .pil-subtitle{line-height:1.7}[data-public-info-layout].how-quiet .pil-content{padding:clamp(72px, 8vw, 112px) var(--pub-gutter)}[data-public-info-layout].how-quiet .how-document{background:0 0!important;border:0!important;padding:0!important}.how-system-map{--pub-ink:#0b0d12;--pub-ink-faint:#585d69;--pub-gold:#866726;aspect-ratio:6/5;background:var(--pub-paper-grain-url), #f9f7f1;isolation:isolate;border:1px solid #755a2c38;border-radius:3px;width:100%;position:relative;overflow:hidden;box-shadow:0 34px 80px #00000038,inset 0 1px #fffc}.how-system-map:before{content:"";z-index:-1;aspect-ratio:1;pointer-events:none;border:1px solid #755a2c12;border-radius:50%;width:min(72%,410px);position:absolute;top:51%;left:55%;transform:translate(-50%,-50%);box-shadow:0 0 0 26px #755a2c06,0 0 0 52px #755a2c05,0 0 0 78px #755a2c03}.how-system-entry{z-index:5;width:164px;color:var(--pub-gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff94;border:1px solid #755a2c3d;grid-template-columns:17px 1fr;gap:10px;padding:14px;display:grid;position:absolute;top:24px;left:24px}.how-system-entry strong,.how-system-entry span{color:var(--pub-ink);font-family:var(--pub-font-serif);font-size:12px;line-height:1.35;display:block}.how-system-entry strong{margin-bottom:4px;font-size:12px;font-weight:700}.how-system-entry span{color:var(--pub-ink-faint)}.how-system-orbit,.how-system-signal{aspect-ratio:1;pointer-events:none;border-radius:50%;width:min(69%,390px);position:absolute;top:51%;left:55%;transform:translate(-50%,-50%)}.how-system-orbit{z-index:1;border:2px solid #0b0d12d1}.how-system-orbit__inner{border:1px solid #755a2c24;border-radius:50%;position:absolute;inset:22%}.how-system-signal{z-index:4;border:0;translate:-50% -50%}.how-system-signal span{background:var(--pub-brass);border:2px solid #fffaf0;border-radius:50%;width:12px;height:12px;animation:1.35s ease-in-out infinite how-signal-breathe;position:absolute;top:-6px;left:calc(50% - 6px);box-shadow:0 0 0 5px #b8924a29,0 0 22px 8px #b8924a57}.how-system-flow-arrow{z-index:2;width:25px;height:25px;color:var(--pub-ink);background:#f9f7f1;border-radius:50%;place-items:center;display:grid;position:absolute}.how-system-flow-arrow svg{width:14px;height:14px}.how-system-flow-arrow--one{top:10%;right:17%;transform:rotate(43deg)}.how-system-flow-arrow--two{bottom:29%;right:-2%;transform:rotate(94deg)}.how-system-flow-arrow--three{bottom:3%;left:24%;transform:rotate(163deg)}.how-system-stage-position{z-index:5;top:var(--how-stage-y);left:var(--how-stage-x);position:absolute;transform:translate(-50%,-50%)}.how-system-stage{--how-stage-diameter:92px;box-sizing:border-box;width:var(--how-stage-diameter);height:var(--how-stage-diameter);color:var(--pub-ink);cursor:pointer;transform-origin:50%;transition:border-color .18s var(--pub-ease-micro), box-shadow .18s var(--pub-ease-micro), background .18s var(--pub-ease-micro);background:#fdfbf6f5;border:1px solid #755a2c42;border-radius:50%;align-content:center;place-items:center;gap:4px;padding:8px 4px;display:grid;position:relative;box-shadow:0 0 0 6px #ffffff6b,0 12px 28px #0b0d121a}.how-system-stage-mark{justify-content:center;align-items:center;gap:4px;display:flex}.how-system-stage small{font-family:var(--pub-font-mono);letter-spacing:.1em;color:var(--pub-gold);font-size:12px;font-weight:700;line-height:1;display:block}.how-system-stage strong{min-width:0;max-width:100%;font-family:var(--pub-font-display);text-align:center;text-wrap:balance;overflow-wrap:anywhere;color:var(--pub-ink);font-size:16px;font-weight:500;line-height:1.08;display:block}.how-system-stage--extended strong{font-size:13px}.how-system-stage svg{color:var(--pub-gold);flex-shrink:0}.how-system-stage:hover,.how-system-stage:focus-visible,.how-system-stage[data-active=true]{border-color:var(--pub-brass);background:#fffdf8;outline:none;box-shadow:0 0 0 7px #ffffff9e,0 0 0 9px #b8924a29,0 18px 38px #0b0d1229}.how-system-stage[data-active=true]:after{content:"";border:1px solid #b8924a80;border-radius:50%;animation:1.8s ease-out infinite how-stage-ring;position:absolute;inset:-10px}.how-system-center{z-index:2;width:134px;height:134px;font-family:var(--pub-font-mono);text-align:center;text-transform:uppercase;color:var(--pub-gold);background:#fdfbf6e6;border:1px solid #755a2c47;border-radius:50%;grid-template-rows:auto auto minmax(30px,auto);align-content:center;place-items:center;padding:18px;display:grid;position:absolute;top:51%;left:55%;transform:translate(-50%,-50%);box-shadow:0 0 0 9px #ffffff70,0 18px 42px #0b0d121c}.how-system-center>span,.how-system-center>strong{letter-spacing:.09em;font-size:14px;font-weight:750;line-height:1.05}.how-system-center>strong{font-size:16px}.how-system-center p{color:var(--pub-ink-faint);font-family:var(--pub-font-serif);letter-spacing:0;text-transform:none;align-self:start;margin:8px -8px 0;font-size:12px;font-weight:600;line-height:1.25}@keyframes how-signal-breathe{0%,to{box-shadow:0 0 0 4px #b8924a1f,0 0 16px 5px #b8924a3d}50%{box-shadow:0 0 0 7px #b8924a2e,0 0 25px 9px #b8924a5c}}@keyframes how-stage-ring{0%{opacity:.7;transform:scale(.93)}to{opacity:0;transform:scale(1.11)}}@media (width<=899px){[data-public-info-layout].how-quiet .pil-hero-aside{margin-top:48px;display:block}[data-public-info-layout].how-quiet .pil-content{padding-left:var(--pub-gutter);padding-right:var(--pub-gutter)}.how-system-map,.how-system-map-wrap{max-width:650px;margin-inline:auto}}@media (width<=639px){[data-public-info-layout].how-quiet .pil-title{font-size:var(--pub-display);max-width:22ch;line-height:1.16}}@media (width<=560px){[data-public-info-layout].how-quiet .pil-title{max-width:22ch;font-size:var(--pub-display)}.how-system-map{aspect-ratio:4/5;min-height:420px}.how-system-map:before,.how-system-orbit,.how-system-signal{top:52%;left:50%}.how-system-orbit,.how-system-signal{width:min(76%,310px)}.how-system-map:before{width:min(78%,320px)}.how-system-entry{display:none}.how-system-stage-position{top:var(--how-stage-y-mobile);left:var(--how-stage-x-mobile)}.how-system-stage{--how-stage-diameter:76px;gap:3px;padding-inline:2px}.how-system-stage small{font-size:11px}.how-system-stage strong{font-size:13px}.how-system-stage--extended strong{font-size:11px}.how-system-stage svg{width:11px;height:11px}.how-system-center{width:96px;height:96px;padding:8px;top:52%;left:50%}.how-system-center>span{font-size:11px}.how-system-center>strong{font-size:13px}.how-system-center p{margin-top:4px;font-size:11px}.how-system-flow-arrow{display:none}}@media (width>=900px) and (width<=1180px){[data-public-info-layout].how-quiet .pil-hero-inner-split{grid-template-columns:minmax(0,1fr) minmax(460px,.88fr);gap:clamp(72px,8vw,112px)}.how-system-entry{display:none}.how-system-stage{--how-stage-diameter:78px;gap:3px}.how-system-stage small{font-size:11px}.how-system-stage strong{font-size:12px}.how-system-stage--extended strong{font-size:11px}.how-system-stage svg{width:11px;height:11px}.how-system-center{width:118px;height:118px;padding:14px}.how-system-center>span{font-size:11px}.how-system-center>strong{font-size:13px}.how-system-center p{margin-top:4px;font-size:11px}}.how-system-map-wrap{position:relative}.how-system-pause{z-index:6;border:1px solid var(--pub-rule);color:var(--pub-ink);font:500 12px/1 var(--pub-font-serif);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .16s var(--pub-ease-micro);background:#ffffffdb;border-radius:2px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex;position:absolute;bottom:14px;right:14px}.how-system-pause:hover{border-color:var(--pub-ink)}.how-system-pause:focus-visible{outline:2px solid var(--pub-blue);outline-offset:2px}.dark .how-system-pause{background:#161b27db}@media (prefers-reduced-motion:reduce){.how-system-signal span,.how-system-stage[data-active=true]:after{animation:none}}.how-system-map[data-paused=true] .how-system-signal span,.how-system-map[data-paused=true] .how-system-stage:after{animation-play-state:paused}