.story{--teal: #06333D;--teal-card: #0B414D;--paper: #F0F1EF;--on-teal: #F0F1EF;--on-teal-muted: #9FB2B5;--on-paper: #06333D;--on-paper-muted: #566D72;--coral: #FF405F;--coral-text: #C8183A;--on-coral: #3D0A14;--sq-dim: #1B4C57;--rule-teal: rgba(240, 241, 239, .16);--rule-paper: #CCD5D4;--display: "Signifier", Georgia, serif;--sans: "Libre Franklin", system-ui, -apple-system, sans-serif;--mono: "Inconsolata", ui-monospace, "SF Mono", Menlo, monospace;--gutter: clamp(16px, 5vw, 72px);--pad: clamp(5rem, 10vw, 8rem);color-scheme:dark}.story,.story *,.story:before,.story *:before,.story:after,.story *:after{box-sizing:border-box}.story{margin:0;background:var(--teal);color:var(--on-teal);overflow-x:clip;font-family:var(--sans);font-size:1.125rem;line-height:1.6;-webkit-font-smoothing:antialiased}.story a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}.story a:hover{text-decoration-thickness:2px}.story h1,.story h2,.story h3{margin:0;font-weight:300}.story p{margin:0}.story em{font-style:italic}.story button{font:inherit}.story .band{padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}.story .teal{background:var(--teal);color:var(--on-teal)}.story .paper{background:var(--paper);color:var(--on-paper)}.story .inner{max-width:72rem;margin:0 auto}.story .mono{font-family:var(--mono);font-weight:500;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.story .serif{font-family:var(--display);font-weight:300;text-wrap:balance}.story :focus-visible{outline:2px solid var(--on-teal);outline-offset:3px}.story .paper :focus-visible{outline-color:var(--on-paper)}.story .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.story .skip-link{position:absolute;left:16px;top:-100px;z-index:100;background:var(--paper);color:var(--on-paper);padding:10px 16px}.story .skip-link:focus{top:16px}.story .demo-banner{margin:0;padding-block:8px;text-align:center;font-size:.72rem;background:var(--teal-card);color:var(--on-teal-muted);border-bottom:1px solid var(--rule-teal)}.story .fade{transition:opacity 1.1s ease,transform 1.1s ease}.story .fade.pre{opacity:0;transform:translateY(18px)}.story .section{padding-block:var(--pad)}.story .cols{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(2rem,6vw,6rem);align-items:start}.story .cols>*{min-width:0}.story .solo{grid-column:2}.story .body p{max-width:58ch}.story .body p+p{margin-top:1.1rem}.story .h-read{font-family:var(--display);font-weight:300;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.15;text-wrap:balance}.story .lead{font-family:var(--display);font-weight:300;font-size:clamp(1.35rem,2.2vw,1.65rem);line-height:1.3;text-wrap:pretty}.story .label{color:var(--on-teal-muted)}.story .paper .label{color:var(--on-paper-muted)}.story .rule-top{border-top:1px solid var(--rule-paper)}.story .hero{min-height:92vh;min-height:92svh;display:flex;flex-direction:column;padding-block:2rem 2.5rem}.story .hero>.inner{width:100%}.story .top{display:flex;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;color:var(--on-teal-muted)}.story .top .brand{color:var(--on-teal)}.story .mid{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.75rem;padding-block:4rem}.story .hero h1{font-size:clamp(2.8rem,7.2vw,5.8rem);line-height:1.04;max-width:13ch;letter-spacing:-.01em}.story .stand{font-size:clamp(1.15rem,1.7vw,1.35rem);color:var(--on-teal-muted);max-width:38ch}.story .cue{color:var(--on-teal-muted);display:flex;gap:.5rem;align-items:center}.story .cue span{color:var(--coral)}.story .mark{background:linear-gradient(var(--coral),var(--coral)) no-repeat 0 100% / 100% 2px;padding-bottom:1px;transition:background-size .9s ease .6s}.story .fade.pre .mark{background-size:0 2px}.story .stats{margin:0;display:grid;gap:2.75rem}.story .stat .label{margin-bottom:.5rem;max-width:34ch}.story .stat-k{font-family:var(--display);font-weight:300;font-size:clamp(2.2rem,4vw,3rem);line-height:1.1}.story .stat-s{font-size:.92rem;color:var(--on-paper-muted);margin:.35rem 0 1rem;max-width:38ch}.story .sq{display:grid;grid-template-columns:repeat(25,minmax(0,1fr));gap:3px;max-width:22rem}.story .sq b{aspect-ratio:1 / 1;background:var(--rule-paper);transition:background-color .25s ease}.story .sq b.f.g0{background:var(--teal)}.story .sq b.f.g1{background:var(--coral)}.story .key{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-top:.75rem;font-size:.7rem;color:var(--on-paper-muted)}.story .key span{display:inline-flex;align-items:center;gap:.4rem}.story .key i{width:10px;height:10px;background:var(--teal)}.story .key i.g1{background:var(--coral)}.story .yrows{display:grid;gap:1rem;margin-top:1rem}.story .yk{display:flex;align-items:baseline;justify-content:space-between;max-width:22rem;margin-bottom:.35rem;color:var(--on-paper-muted)}.story .yn{font-family:var(--display);font-weight:300;font-size:1.6rem;line-height:1;color:var(--on-paper)}.story .yrow.now .yn{color:var(--coral-text)}.story .stats-src{font-size:.85rem;color:var(--on-paper-muted);border-top:1px solid var(--rule-paper);padding-top:.9rem;max-width:40ch}.story .hands-side{display:grid;gap:2.5rem;align-content:start}.story .handoff{margin:0;position:relative;--ty: 0px}.story .handoff ol{list-style:none;margin:0;padding:0;display:grid;gap:1.75rem;position:relative}.story .handoff ol:before{content:"";position:absolute;left:21px;top:22px;bottom:22px;border-left:1px dashed var(--on-paper-muted)}.story .handoff li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:1rem;align-items:center;position:relative;opacity:.3;transition:opacity .6s ease}.story .handoff li.on{opacity:1}.story .handoff .hp{width:44px;height:44px;padding:6px;background:var(--paper);color:var(--on-paper);position:relative;z-index:1}.story .handoff li p{margin:0;font-size:.95rem;color:var(--on-paper-muted);max-width:30ch}@media(min-width:1180px){.story .hands .cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:4rem}.story .handoff li p{max-width:none;font-size:.9rem;white-space:nowrap}}.story .handoff li p.mono{color:var(--on-paper);margin-bottom:.2rem;font-size:.75rem}.story .handoff li p.mono .kind{color:var(--coral-text)}.story .handoff .token{position:absolute;left:36px;top:0;width:14px;height:14px;background:var(--coral);transform:translateY(calc(var(--ty) - 7px));transition:transform .8s cubic-bezier(.5,0,.2,1),opacity .4s ease;z-index:2}.story .handoff.pre .token{opacity:0}.story .split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,6vw,6rem);align-items:center}.story .split>*{min-width:0}.story .props{margin:0}.story .props-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem .6rem;position:relative}.story .prop{display:flex;flex-direction:column;gap:.4rem;position:relative;min-width:0}.story .prop img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.story .props.cycling .props-list{grid-template-columns:minmax(0,1fr)}.story .props.cycling .prop{grid-area:1 / 1;visibility:hidden}.story .props.cycling .prop.on{visibility:visible}.story .mx{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "graphic" "explorer";gap:clamp(2.5rem,5vw,3.5rem)}.story .mx>*{min-width:0}.story .mx-text{grid-area:text}.story .mx-graphic{grid-area:graphic}.story .mx-explorer{grid-area:explorer}.story .mx-title{font-family:var(--display);font-weight:300;font-size:clamp(2.6rem,5.6vw,4.4rem);line-height:1.02;text-wrap:balance}.story .mx-text .body{margin-top:1.75rem}.story .mx-text .lead{margin-top:1.5rem;max-width:40ch;font-size:clamp(1.15rem,1.6vw,1.3rem)}.story .mx-box{background:var(--teal);color:var(--on-teal);padding:1.25rem 1.5rem;border-left:4px solid var(--coral)}.story .roles-h{font-family:var(--display);font-weight:300;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.15;padding-top:1.25rem;border-top:1px solid var(--rule-paper)}.story .jump{margin-top:1.5rem}.story .jump a{text-decoration:none;display:inline-flex;gap:.5rem;padding-block:.6rem;color:var(--on-paper)}.story .jump a:hover{text-decoration:underline}.story .mx-note{margin-top:1rem;font-size:.92rem;color:var(--on-paper-muted);text-align:center;text-wrap:pretty}@media(min-width:900px){.story .mx{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;grid-template-areas:"text graphic" "explorer graphic";column-gap:clamp(2.5rem,5vw,5rem)}.story .mx-sticky{position:sticky;top:calc(69px + 2rem)}.story .mx-sticky .quad{max-width:min(100%,30rem,calc(100vh - 69px - 6rem));margin-inline:auto}.story .role-panel{min-height:calc(100vh - 69px);display:flex;flex-direction:column;justify-content:center}.story .stepped .role-panel{opacity:.12;transition:opacity .5s ease}.story .stepped .role-panel.is-on{opacity:1}.story .mx-explorer .role-panel+.role-panel{margin-top:0}}.story .role-panel{scroll-margin-top:calc(69px + 2rem)}.story .role-panel+.role-panel{margin-top:2.5rem}.story .role-panel:focus{outline:none}.story .role-panel h3{font-family:var(--display);font-weight:300;font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.04;display:flex;align-items:center;gap:.3em;margin:.5rem 0 1.25rem}.story .role-panel h3 .ri{width:.4em;height:.4em;fill:var(--on-paper);flex:none}.story .role-panel p:not(.label){max-width:58ch}.story .ri{flex:none}.story .answers{margin-top:1.5rem;border-top:1px solid var(--rule-teal);padding-top:1rem}.story .answers summary{cursor:pointer;padding-block:.6rem;color:var(--on-teal)}.story .answers .entry-list li{border-top-color:var(--rule-teal)}.story .answers .entry-pos{color:var(--on-teal-muted)}.story .answers .entry-list{margin-top:1rem}.story .quad{--cell: var(--teal);--gapc: var(--paper);--axc: var(--on-paper-muted);--axrule: var(--rule-paper);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:6px;aspect-ratio:1 / 1;width:100%;max-width:100%}.story .teal .quad{--cell: var(--teal-card);--gapc: var(--teal);--axc: var(--on-teal-muted);--axrule: var(--rule-teal)}.story .ax{position:absolute;z-index:2;pointer-events:none;white-space:nowrap;background:var(--gapc);color:var(--axc);padding:.3rem .5rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;line-height:1}.story .ax-top{top:0;left:50%;transform:translate(-50%)}.story .ax-bottom{bottom:0;left:50%;transform:translate(-50%)}.story .ax-left{left:0;top:50%;transform:translateY(-50%)}.story .ax-right{right:0;top:50%;transform:translateY(-50%)}.story .cell,.story .lcell{background:var(--cell);color:var(--on-teal);border:0;margin:0;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0;padding:clamp(.7rem,1.8vw,1.2rem);transition:opacity .9s ease,transform .9s ease,background-color .3s ease,color .3s ease}.story button.cell,.story button.lcell{cursor:pointer}.story .cell{padding-top:calc(clamp(.7rem,1.8vw,1.2rem) + .85rem)}.story .cell .n,.story .lcell .n{font-family:var(--display);font-weight:300;font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.1;display:flex;align-items:center;gap:.35em}.story .cell .n .ri,.story .lcell .n .ri{width:.45em;height:.45em;fill:var(--on-teal)}.story .cell .d{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--on-teal-muted);line-height:1.35}.story .cell[aria-current=true],.story .lcell[aria-current=true]{background:var(--coral);color:var(--on-coral)}.story .cell[aria-current=true] .d{color:var(--on-coral)}.story .cell[aria-current=true] .ri,.story .lcell[aria-current=true] .ri{fill:var(--on-coral)}.story button.cell:hover:not([aria-current=true]),.story button.lcell:hover:not([aria-current=true]){background:var(--teal-card)}.story .teal button.cell:hover:not([aria-current=true]){background:#10505e}.story .cell:focus-visible,.story .lcell:focus-visible{outline:2px solid currentColor;outline-offset:-6px}.story .lcell{position:absolute;left:50%;bottom:7%;transform:translate(-50%);border:6px solid var(--gapc);padding:.55rem .9rem;align-items:center;z-index:2}.story .lcell .n{font-size:clamp(1rem,1.7vw,1.3rem)}.story .quad.wait .cell,.story .quad.wait .lcell{opacity:0;transform:translateY(10px)}.story .quad.wait .lcell{transform:translate(-50%,10px)}.story .quad .cell.in{opacity:1;transform:none}.story .quad .lcell.in{opacity:1;transform:translate(-50%)}.story .place .cell,.story .place .lcell{opacity:.55}.story .plot{position:relative;min-width:0;z-index:1;pointer-events:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.story .plot>*{pointer-events:auto}.story .place .plot{pointer-events:auto;cursor:crosshair}.story .place .plot>*{pointer-events:none}.story .place .plot:focus-visible{outline:2px solid var(--on-teal);outline-offset:4px}.story .layer{position:absolute;inset:0;pointer-events:none;z-index:3}.story .layer>*{pointer-events:auto}.story .place .layer>*,.story .mine-layer>*{pointer-events:none}.story .mine-layer{z-index:4}.story .cursor{z-index:5}.story .dot{position:absolute;width:44px;height:44px;margin:0;padding:0;transform:translate(-50%,-50%);border:0;border-radius:50%;background:none;cursor:pointer;transition:opacity .4s ease}.story .dot:before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--on-teal);border:2px solid var(--cell);transition:transform .15s ease}.story span.dot{cursor:default}.story .place .entry-layer{opacity:.35}.story .quad.dots-wait .dot:not(.in){opacity:0}.story .dot:hover:before{transform:scale(1.35)}.story .dot[aria-expanded=true]:before{transform:scale(1.4);background:var(--coral)}.story .dot:focus-visible{outline:2px solid var(--on-teal);outline-offset:-8px}.story .mine-dot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:20px;height:20px;background:var(--coral);border:3px solid var(--cell);outline:2px solid var(--coral)}.story .mine-label{position:absolute;transform:translate(-50%,16px);white-space:nowrap;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;background:var(--teal);color:var(--on-teal)}.story .is-pending{opacity:.6}.story .cursor{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);border:2px solid var(--coral);border-radius:50%;display:none;pointer-events:none}.story .cursor:before,.story .cursor:after{content:"";position:absolute;background:var(--coral)}.story .cursor:before{left:50%;top:-8px;bottom:-8px;width:2px;margin-left:-1px}.story .cursor:after{top:50%;left:-8px;right:-8px;height:2px;margin-top:-1px}.story .plot.kbd:focus .cursor{display:block}.story .card{position:absolute;z-index:10;width:min(290px,calc(100% - 16px));padding:14px 42px 14px 16px;background:var(--paper);color:var(--on-paper);border:1px solid var(--rule-paper);font-size:.92rem;line-height:1.45;user-select:text;-webkit-user-select:text}.story .card :focus-visible{outline-color:var(--on-paper)}.story .card blockquote{margin:0;font-family:var(--display);font-weight:400;font-size:1.08rem;line-height:1.35}.story .card-meta{margin-top:.6em;font-size:.9rem;color:var(--on-paper-muted)}.story .card-close{position:absolute;top:2px;right:2px;width:40px;height:40px;border:0;background:none;color:inherit;font-size:1.4rem;line-height:1;cursor:pointer}.story .entry-list{list-style:none;padding:0;margin:0;display:grid}.story .entry-list li{border-top:1px solid var(--rule-paper);padding:1rem 0}.story .entry-list blockquote{margin:0 0 .4rem;font-family:var(--display);font-weight:300;font-size:1.15rem;line-height:1.35}.story .entry-pos{font-size:.9rem;color:var(--on-paper-muted)}.story .close-grid{display:grid;gap:2.5rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"arg" "map" "form" "alt"}.story .close-grid>*{min-width:0}.story .c-arg{grid-area:arg}.story .c-map{grid-area:map}.story .c-form{grid-area:form}.story .c-alt{grid-area:alt}@media(min-width:900px){.story .close-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"arg arg" "map form" "map alt";grid-template-rows:auto auto 1fr;column-gap:clamp(2rem,5vw,5rem);align-items:start}.story .c-map{position:sticky;top:calc(69px + 2rem)}.story .c-arg .body p{max-width:70ch}}.story .close h2{font-size:clamp(2.6rem,5.6vw,4.4rem);line-height:1.02;margin-bottom:1.75rem}.story .close .body p{color:var(--on-teal-muted)}.story .close .body a{color:var(--on-teal)}.story .map-hint{font-size:.9rem;color:var(--on-teal-muted);margin-top:.9rem;text-align:center}.story .cta{background:var(--teal-card);border-left:3px solid var(--coral);padding:clamp(1.25rem,3vw,1.75rem);scroll-margin-top:1rem}.story .cta:focus{outline:none}.story .cta-h{font-family:var(--display);font-weight:300;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.15;margin-bottom:1.25rem}.story .c-alt p{color:var(--on-teal-muted);font-size:.98rem}.story .email-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.5rem}.story .email{font-family:var(--mono);font-size:1rem;letter-spacing:.02em;color:var(--on-teal);user-select:all;-webkit-user-select:all}.story .copy-status{font-size:.9rem;color:var(--on-teal-muted)}.story fieldset{border:0;padding:0;margin:0 0 1.75rem;min-width:0}.story legend,.story label{display:block;font-weight:600;margin-bottom:.5rem;padding:0;line-height:1.4}.story .field{margin:0 0 1.4rem}.story .hint{font-size:.9rem;color:var(--on-teal-muted);margin-top:.5rem}.story .placement-status{font-size:.98rem}.story input[type=email],.story input[type=text],.story textarea,.story select{width:100%;min-height:48px;padding:12px;font:inherit;font-size:1rem;color:var(--on-teal);background:var(--teal);border:1px solid var(--on-teal-muted);border-radius:0}.story textarea{resize:vertical;min-height:120px}.story input:focus-visible,.story textarea:focus-visible,.story select:focus-visible{outline-offset:0;border-color:var(--on-teal)}.story input::placeholder{color:var(--on-teal-muted);opacity:.8}.story .counter{font-size:.9rem;color:var(--on-teal-muted);text-align:right;margin-top:.3rem}.story .counter.is-near,.story .counter.is-over{color:var(--on-teal)}.story .counter.is-over{font-weight:600}.story .counter.is-over:before{content:"Over the limit: "}.story .form-error{font-weight:600;border-left:3px solid var(--on-teal);padding-left:.75rem;margin:0 0 1rem}.story .form-error:empty{display:none}.story .actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.story .btn{min-height:44px;padding:.75rem 1.2rem;border:1px solid transparent;border-radius:0;cursor:pointer;font-size:.8rem}.story .btn-primary{background:var(--coral);color:var(--on-coral);font-weight:700}.story .btn-primary:hover{background:#e8304f}.story .btn-ghost{background:transparent;color:var(--on-teal);border-color:var(--on-teal-muted)}.story .btn-ghost:hover{border-color:var(--on-teal)}.story .btn[disabled]{opacity:.6;cursor:default}.story .ts-holder:empty{display:none}.story .ts-holder{margin-bottom:1rem}.story .honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.story #thanks h3{font-family:var(--display);font-weight:300;font-size:1.6rem;margin-bottom:.6rem}.story #thanks p{margin-bottom:1rem;max-width:52ch}.story #thanks:focus{outline:none}.story .link-tbc.is-flagged{border-bottom:2px dashed var(--coral-text)}.story .link-tbc.is-flagged:after{content:"link to come";margin-left:.35em;padding:0 .3em;vertical-align:.15em;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;background:var(--coral-text);color:#fff}.story .sources{padding-block:clamp(4rem,8vw,6rem);border-top:8px solid var(--coral)}.story .sources h2{margin-bottom:1.5rem}.story .src-list{margin:0;padding-left:2.4rem;display:grid;gap:.9rem;max-width:62rem}.story .src-list li{padding-left:.25rem;text-wrap:pretty;font-size:.98rem}.story .src-list li::marker{font-family:var(--mono);font-weight:700;font-size:.85rem;color:var(--on-paper-muted)}.story .src-list .who{color:var(--on-paper-muted)}.story .signoff{margin-top:clamp(3rem,6vw,4.5rem);padding-top:1.5rem;border-top:1px solid var(--rule-paper);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 2rem;color:var(--on-paper-muted)}.story .signoff a{display:inline-block;padding-block:.4rem}.story .signoff .links{display:flex;flex-wrap:wrap;gap:0 1.5rem}@media(max-width:820px){.story .cols,.story .split{grid-template-columns:minmax(0,1fr)}.story .solo{grid-column:auto}}@media(max-width:480px){.story .cell .d{font-size:.7rem;letter-spacing:.03em}.story .props-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.story,.story *,.story:before,.story *:before,.story:after,.story *:after{transition:none!important}}