@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;600;700&family=Inter:wght@400;500;600;700&display=swap');
@font-face{font-family:'TWK Lausanne';src:url('assets/fonts/TWKLausanne-400.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'TWK Lausanne';src:url('assets/fonts/TWKLausanne-700.otf') format('opentype');font-weight:700;font-display:block}
:root{--olive:#5e540e;--solar:#e4f222;--paper:#fff;--nav:116px;--scale:.5;color:#191919;font-family:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav);overflow-x:clip}body{margin:0;background:var(--paper);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--solar);outline-offset:4px}
.skip{position:fixed;top:-100px;left:15px;z-index:100;background:#fff;padding:14px}.skip:focus{top:10px}
header{position:fixed;inset:0 0 auto;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(18px)}.masthead{display:flex;align-items:center;justify-content:space-between;padding:13px 36px 8px}.wordmark img{display:block;width:132px;height:auto}.collection{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font:11px 'IBM Plex Mono',monospace;letter-spacing:1.3px}.header-actions{display:flex;gap:15px;align-items:center}.header-actions button{border:0;background:transparent;color:#62645e;font:11px 'IBM Plex Mono',monospace;padding:7px}.header-actions #reset-collage{border:1px solid #c8cdc4;color:var(--olive)}#reset-collage:disabled{opacity:.45;cursor:default}nav{display:flex;justify-content:center;gap:8px;overflow:auto;padding:8px 20px 16px;scrollbar-width:none}nav button{white-space:nowrap;border:1px solid #cfd2c9;background:transparent;padding:10px 20px;font-size:13px}nav button:hover{background:#ebece5}nav button.selected{background:var(--olive);border-color:var(--olive);color:#fff}.progress{height:2px;background:#e2e4dd}.progress i{display:block;width:100%;height:100%;background:var(--olive);transform:scaleX(0);transform-origin:left}
#grid{position:fixed;inset:var(--nav) 0 0;z-index:-1;pointer-events:none;background-color:var(--paper);background-image:linear-gradient(to right,#6c6b5c39 1px,transparent 1px),linear-gradient(to bottom,#6c6b5c33 1px,transparent 1px);background-size:calc(154px * var(--scale)) calc(50.2px * var(--scale));background-position:var(--grid-x) var(--grid-y)}#grid:before{content:'';position:absolute;left:var(--spine-x);top:0;bottom:0;width:1px;background:var(--paper)}#grid:after{content:'';position:absolute;left:var(--spine-x);top:0;bottom:0;width:1px;background-image:repeating-linear-gradient(to bottom,#6c6b5c99 0 6px,transparent 6px 12px);background-position-y:var(--dash-y)}
main{padding-top:var(--nav);overflow-x:clip}.opening{height:calc(100svh - var(--nav) + 32px);min-height:560px}.reduced .opening{height:calc(100svh - var(--nav))}.title-card{height:calc(100svh - var(--nav));background:var(--olive);color:#fff;position:relative;display:grid;place-items:center;transform-origin:center;will-change:transform}.title-card h1,.closing h2{font:700 clamp(40px,7.3vw,112px)/1.05 'TWK Lausanne',Inter,sans-serif;letter-spacing:-.04em;margin:0}.hero-meta,.hero-foot{position:absolute;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center}.hero-meta{top:30px;font:10px 'IBM Plex Mono',monospace;letter-spacing:1px}.hero-foot{bottom:32px;font:12px 'TWK Lausanne',Inter,sans-serif}.hero-foot a{display:flex;align-items:center;gap:22px}.hero-foot a span{font-size:24px}
.chapter{height:calc(1807.2px * var(--scale));position:relative}.chapter-pin{padding-top:calc(100.4px * var(--scale));display:flex;align-items:flex-start;justify-content:center;transform:translateY(var(--chapter-shift,0px))}.frame-shell{width:calc(1920px * var(--scale));height:calc(1512px * var(--scale));position:relative;flex:none}.frame{position:absolute;inset:0 auto auto 0;width:1920px;height:1512px;transform:scale(var(--scale));transform-origin:top left;font-family:'IBM Plex Mono',monospace;isolation:isolate;overflow:hidden;background:transparent}
.panel{position:absolute;background:#fff;clip-path:inset(calc(1px / var(--scale)) 0 0 calc(1px / var(--scale)));z-index:7}.title-back{left:190px;top:54.2px;width:var(--title-w);height:100.4px}.copy-back{left:190px;top:154.6px;width:var(--copy-w,1386px);height:var(--copy-h,301.2px)}.frame h2{position:absolute;left:230px;top:81px;margin:0;font-size:44px;line-height:1;font-weight:700;letter-spacing:-.44px;z-index:8;white-space:nowrap}.frame .copy{position:absolute;left:230px;top:193px;width:var(--text-w,1320px);margin:0;font-size:43.5px;line-height:1.38;font-weight:300;z-index:8}.spine-dot{position:absolute;left:174px;top:88px;width:32px;height:32px;border-radius:50%;background:var(--olive);z-index:9}
.piece,.accent,.annotation,.chart,.finance-bubble{position:absolute}.piece{z-index:2;translate:var(--drag-x,0px) var(--drag-y,0px);cursor:grab;touch-action:none;user-select:none}.piece img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.piece.cover img{object-fit:cover}.piece.is-dragging{cursor:grabbing}.piece[data-hover-name]:hover:after{content:attr(data-hover-name);position:absolute;left:8px;bottom:8px;background:var(--solar);color:#171717;padding:8px;font:24px/1.1 'IBM Plex Mono',monospace;white-space:nowrap;pointer-events:none}.accent{z-index:1;background:var(--solar)}.accent.olive{background:var(--olive)}.accent.grey{background:#e4e4e4}.annotation{z-index:4;font:300 25px/1.25 'IBM Plex Mono',monospace;white-space:nowrap}.annotation.paper{background:#fff;padding:10px 16px}.annotation.white{color:#fff}.chart{z-index:3}.chart img{width:100%;height:100%;object-fit:fill;display:block}.finance-bubble{z-index:6;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--solar);font:300 30px/1 'IBM Plex Mono',monospace;white-space:nowrap}.mobile-copy{display:none}
.chapter-index{position:fixed;left:25px;top:55%;display:flex;flex-direction:column;gap:17px;z-index:21}.chapter-index a{width:8px;height:8px;border-radius:50%;background:#a29f85;display:block;transition:transform .2s,background .2s}.chapter-index a.active{background:var(--olive);transform:scale(1.8)}.position{position:fixed;left:38px;right:38px;bottom:19px;z-index:22;display:flex;justify-content:space-between;font:10px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#5b5b43;pointer-events:none}body.at-end .position,body.at-end .chapter-index{visibility:hidden}
.closing{height:calc(100svh - var(--nav));position:relative}.ending-stage{position:relative;width:100%;height:100%;z-index:19;visibility:hidden;pointer-events:none;overflow:hidden}.ending-stage.visible{visibility:visible}.ending-panel{position:absolute;inset:0;background:var(--olive);color:#fff;display:grid;place-items:center;transform-origin:center;will-change:transform}.ending-actions{position:absolute;left:30px;right:30px;bottom:29px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;pointer-events:auto}.ending-actions[hidden]{display:none}.ending-actions button{background:transparent;color:#fff;border:1px solid #ffffff88;padding:12px 17px;font-size:11px}.ending-actions button:first-child{justify-self:start}.ending-actions button:last-child{justify-self:end}.ending-actions button:hover,.ending-actions button:focus-visible{background:var(--solar);border-color:var(--solar);color:var(--olive)}
.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}dialog{border:1px solid #c9c9bd;background:#fff;padding:55px 42px 38px;width:min(480px,90vw)}dialog::backdrop{background:#25240ed0;backdrop-filter:blur(7px)}dialog h2{font-size:38px}dialog #close-dialog{position:absolute;right:15px;top:8px;font-size:30px;background:none;border:0}dialog #return-eight{background:var(--olive);color:#fff;padding:13px 20px;border:0}.eyebrow{font:11px 'IBM Plex Mono',monospace;letter-spacing:1px}
/* Restrained held-frame movement, paused when a chapter leaves view. */
#history .frame{overflow:visible}
#spring .frame{overflow:visible}
#temperature .frame{overflow:visible}
#history .history-water-bed{z-index:1}
#history .history-goatskin{background:var(--olive)}
#history .history-goatskin img{position:absolute;left:22px;top:6px;width:261px;height:187px;object-fit:contain}
#history .history-straw{overflow:hidden;background:#fff;opacity:.6;mix-blend-mode:multiply}
#history .history-straw img{position:absolute;left:0;top:50.2px;width:655px;height:859px;object-fit:contain}
#history.motion-active .history-mat{animation:history-mat 6s steps(1,end) infinite}
@keyframes history-mat{0%,100%{transform:translate(0,0)}25%{transform:translate(-14px,7px)}50%{transform:translate(-5px,-3px)}75%{transform:translate(8px,4px)}}
.motion-active .float-a{animation:float-a 5s ease-in-out infinite}.motion-active .float-b{animation:float-b 6s ease-in-out infinite}.motion-active .spring-bed{animation:spring-bed 4s ease-in-out infinite}.motion-active .chart-wave{animation:chart-wave 7s ease-in-out infinite}.motion-active .pod-layers{animation:pod-layers 5s ease-in-out infinite}.motion-active .finance-bubble{animation:bubble 6s ease-in-out infinite}.motion-active .finance-bubble:nth-of-type(2n){animation-delay:-2.4s}
@keyframes float-a{0%,100%{transform:translate(0,0)}50%{transform:translate(5px,-9px)}}@keyframes float-b{0%,100%{transform:translate(0,0)}50%{transform:translate(-7px,5px)}}@keyframes spring-bed{0%,100%{transform:translateY(0)}48%{transform:translateY(-12px)}}@keyframes chart-wave{0%,100%{transform:translateX(0)}50%{transform:translateX(-20px)}}@keyframes pod-layers{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bubble{0%,100%{transform:translateY(0)}50%{transform:translateY(-22px)}}
#spring .finance-bubble{width:50px;height:50px}
#spring .spring-coils{mix-blend-mode:multiply}
.piece[data-hover-name]:hover::after{content:none}
.piece[data-hover-name]:focus-visible{outline:calc(3px / var(--scale)) solid var(--olive);outline-offset:calc(4px / var(--scale))}
.image-caption{position:fixed;z-index:40;max-width:260px;padding:13px 16px 14px;background:var(--olive);color:#fff;font:14px/1.45 'IBM Plex Mono',monospace;letter-spacing:.01em;white-space:pre-line;overflow-wrap:anywhere;box-shadow:0 8px 24px #29230026;pointer-events:none}
.image-caption[hidden]{display:none}
#spring .spring-coils::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,#6c6b5c39 calc(1px / var(--scale)),transparent calc(1px / var(--scale))),linear-gradient(to bottom,#6c6b5c33 calc(1px / var(--scale)),transparent calc(1px / var(--scale)));background-size:154px 50.2px;background-position:calc(97px - var(--drag-x,0px)) calc(-56.7px - var(--drag-y,0px))}
#spring .spring-patent{clip-path:inset(0 124px 0 0)}
#spring .spring-coil-panel{position:absolute;left:1268px;top:506px;width:308px;height:100.4px;background:var(--paper);clip-path:inset(calc(1px / var(--scale)));z-index:2}
#spring .spring-bar{z-index:3}
#spring.motion-active .finance-bubble{animation:none}
#spring.motion-active .spring-bed{animation:spring-bed-held 4s steps(1,end) infinite}
@keyframes spring-bed-held{0%,100%{transform:translateY(0)}20%{transform:translateY(-5px)}40%{transform:translateY(-12px)}60%{transform:translateY(-9px)}80%{transform:translateY(-3px)}}
#temperature .chart-wave.dotted img{transform:scaleY(-1)}
#temperature .finance-bubble{width:50px;height:50px}
#temperature .matteo-portrait{z-index:10}
#temperature .temperature-label{width:308px;height:50.2px;display:flex;align-items:center;justify-content:center;background:var(--paper);clip-path:inset(calc(1px / var(--scale)))}
#temperature .temperature-row-value{height:50.2px;display:flex;align-items:center}
#temperature.motion-active .chart-wave,#temperature.motion-active .finance-bubble{animation:none}
#temperature.motion-active .matteo-portrait{animation:matteo-choppy 5s steps(1,end) infinite}
@keyframes matteo-choppy{0%,100%{transform:translate(0,0)}20%{transform:translate(5px,-3px)}40%{transform:translate(3px,-9px)}60%{transform:translate(-4px,-7px)}80%{transform:translate(-2px,2px)}}
#pod .finance-bubble{width:50px;height:50px}
#pod .pod-layers,#pod .pod-strip{z-index:4}
#pod.motion-active .pod-layers{animation:pod-layers-choppy 5s steps(1,end) infinite}
@keyframes pod-layers-choppy{0%,100%{transform:translate(0,0)}20%{transform:translate(3px,-5px)}40%{transform:translate(0,-11px)}60%{transform:translate(-4px,-8px)}80%{transform:translate(-2px,-2px)}}
#pod .pod-chart{background:#e8e8e8}
#pod .pod-chart>img{opacity:1}
#pod .pod-chart svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#pod .pod-line-path{stroke-dasharray:1;stroke-dashoffset:0}
#pod.motion-active .pod-line-path{animation:pod-line-trim 5s linear both}
@keyframes pod-line-trim{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
#finance .finance-sheet{opacity:.7;mix-blend-mode:multiply}
#finance .finance-sheet-bottom-left{clip-path:inset(0 154px 50.2px 0)}
#finance .frame{overflow:visible}
#finance .finance-woman-group{z-index:2}
#finance .finance-woman-fill{position:absolute;left:0;top:492px;width:655px;height:405px;background:var(--olive)}
#finance .finance-woman-group img{position:absolute;left:1px;top:0;width:1421px;height:947px;object-fit:contain;clip-path:inset(0 0 50px 0)}
#finance .curtain{clip-path:inset(0 0 149px 0)}
#finance .duplicate{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:flex-start;font:300 25px/1 'IBM Plex Mono',monospace;white-space:nowrap}
#finance .duplicate img{display:block;width:36px;height:36px;transform:translateY(-2px)}
#finance .duplicate span{display:flex;align-items:center;justify-content:center;margin:6.2px 0 0;width:308px;height:48.2px;background:var(--paper);clip-path:inset(calc(1px / var(--scale)))}
#finance .duplicate-left span{margin-left:-18px}
#finance .duplicate-right span{margin-left:-26px}
#finance .finance-dollar-column{position:absolute;z-index:4;width:50.2px;font:300 25px/1 'IBM Plex Mono',monospace}
#finance .finance-dollar-column span{display:flex;align-items:center;justify-content:center;height:50.2px}
#finance .finance-bubble{display:block;text-align:center;font-size:61px;line-height:.92;clip-path:circle(50% at 50% 50%)}
#finance .finance-number-track{transform:translateY(-24px)}
#finance .finance-number-line{height:56px;display:flex;align-items:center;justify-content:center;white-space:nowrap}
#finance .finance-number-line span{display:block;flex:none;white-space:nowrap}
#finance.motion-active .finance-number-track{animation:finance-ticker-roll var(--ticker-duration) linear infinite;animation-delay:var(--ticker-delay)}
#finance.motion-active .finance-number-line span{animation:finance-ticker-sway 3.5s ease-in-out infinite alternate}
#finance.motion-active .finance-number-line.reverse span{animation-direction:alternate-reverse}
@keyframes finance-ticker-roll{from{transform:translateY(-24px)}to{transform:translateY(calc(-24px - var(--finance-loop)))}}
@keyframes finance-ticker-sway{from{transform:translateX(-16px)}to{transform:translateX(16px)}}
body.reduced *,body.reduced *:before,body.reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:700px){:root{--nav:111px}.masthead{padding:12px 16px 4px}.wordmark img{width:100px}.collection{display:none}.header-actions{gap:4px}.header-actions button{font-size:9px;padding:5px}.header-actions #reset-collage{padding:5px 6px}nav{justify-content:flex-start;padding:8px 14px 11px;gap:5px}nav button{padding:9px 12px;font-size:11px}.hero-meta,.hero-foot{left:20px;right:20px;font-size:9px}.title-card h1,.closing h2{font-size:clamp(35px,11vw,72px);white-space:nowrap}.opening{min-height:0}.chapter{height:auto;padding:55px 0 90px}.chapter-pin{padding:0;display:flex;flex-direction:column;align-items:center;gap:22px;transform:none}.mobile-copy{display:block;width:calc(100% - 74px);font-family:'IBM Plex Mono',monospace}.mobile-copy h2{font-size:20px;line-height:1.25;margin:0 0 13px}.mobile-copy h2:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--olive);margin-right:9px}.mobile-copy p{font:300 14px/1.55 'IBM Plex Mono',monospace;margin:0}.frame-shell{height:calc(1060px * var(--scale));overflow:hidden}.frame{top:calc(-452px * var(--scale))}.frame h2,.frame .copy,.panel,.spine-dot{display:none}.chapter-index{left:10px;gap:13px}.position{left:16px;right:16px;font-size:8px}.ending-actions{left:10px;right:10px;gap:5px}.ending-actions button{font-size:9px;padding:8px 6px}}
@media(max-width:700px){#finance .frame-shell{overflow:visible}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Baked by Melissa story */
:root{--olive:#e96516;--solar:#e4f222}
#grid{background-image:linear-gradient(to right,#4a494836 1px,transparent 1px),linear-gradient(to bottom,#4a494830 1px,transparent 1px)}
.title-card{background:#e96516}
.bbm-orange{background:#e96516}.bbm-lime{background:#e4f222}.bbm-muted{background:#e8e8e8}
.bbm-circle{border-radius:50%}.bbm-word{position:absolute;z-index:4;font:300 25px/1.2 'IBM Plex Mono',monospace;white-space:nowrap}.bbm-paper{background:#fff}.bbm-pill{background:#e4f222;padding:9px 20px}.bbm-invoice{position:absolute;z-index:1;background:#f3f3f3;border:1px solid #d9d9d9;color:#666;font:300 28px/1.5 'IBM Plex Mono',monospace;padding:30px;box-shadow:0 3px 10px #0001}.bbm-invoice strong{font:400 46px 'TWK Lausanne',sans-serif;display:block;margin-bottom:30px}.bbm-invoice div{display:flex;justify-content:space-between;border-bottom:1px solid #aaa;padding:10px 0}.bbm-stat{position:absolute;z-index:4;background:#e4f222;padding:22px;font:300 29px/1.2 'IBM Plex Mono',monospace;text-align:center}.bbm-ribbon{position:absolute;z-index:1;transform:rotate(-19deg)}
#born .frame,#subway .frame,#handmade .frame,#automate .frame,#mutual .frame{overflow:visible}
#born .photo{transform:rotate(-4deg)}#born .sprinkles{mix-blend-mode:multiply}
#subway .train{z-index:1;clip-path:inset(0 0 100px 250px)}#subway .melissa{z-index:4}#subway .cupcake{z-index:3}#subway .cupcake-front{z-index:9}#subway .subway-map-line{position:absolute;z-index:1;pointer-events:none}
#handmade .handmade-large-cupcake{z-index:0}#handmade .hand-cake{z-index:4}#handmade .piping{z-index:3}#handmade .cake-dot{z-index:5}
#handmade .cake-dot-front{z-index:9}
#handmade .cake-dot-behind-hands{z-index:2}
#handmade .handmade-count-panel{position:absolute;width:308px;height:50.2px;background:var(--paper);clip-path:inset(calc(1px / var(--scale)));z-index:3}
#automate .amanda{z-index:4}#automate .sprinkle-swarm{z-index:3}#automate .finance-block{z-index:2;color:#fff;font:300 310px/.9 'IBM Plex Mono',monospace;display:grid;place-items:center}
#mutual .trio{z-index:4}#mutual .ribbon{z-index:2}
.motion-active .bbm-float{animation:bbm-float 5s steps(1,end) infinite}.motion-active .bbm-float:nth-of-type(2n){animation-delay:-2s}.motion-active .sprinkle-swarm{animation:bbm-turn 15s steps(10,end) infinite}
@keyframes bbm-float{0%,100%{transform:translateY(0)}25%{transform:translateY(-7px)}50%{transform:translateY(-12px)}75%{transform:translateY(-4px)}}@keyframes bbm-turn{from{transform:rotate(-6deg)}to{transform:rotate(10deg)}}
@media(max-width:700px){#born .frame-shell,#subway .frame-shell,#handmade .frame-shell,#automate .frame-shell,#mutual .frame-shell{overflow:hidden}}

/* Grid-aligned finance collage and clipped SVG dollar procession. */
#automate .finance-block{display:block;overflow:hidden}
#automate .dollar-track{position:absolute;left:-150px;top:50.2px;display:flex;gap:32px;width:max-content;animation:bbm-dollar-pan 18s linear infinite;animation-play-state:paused;will-change:transform}
#automate.motion-active .dollar-track{animation-play-state:running}
#automate .dollar-track img{display:block;flex:none;width:215px;height:401.6px}
@keyframes bbm-dollar-pan{from{transform:translateX(0)}to{transform:translateX(-247px)}}
#automate .automate-details{position:absolute;z-index:2;width:462px;font:300 25px/1 'IBM Plex Mono',monospace;color:#666}
#automate .automate-details>div:first-child{width:308px;background:var(--paper);clip-path:inset(calc(1px / var(--scale)))}
#automate .automate-details>div{display:flex;align-items:center;justify-content:space-between;height:50.2px;padding:0 16px}
#automate .automate-invoice{z-index:2;overflow:hidden}
#automate .automate-invoice img{width:809.333px;height:618px;max-width:none;object-fit:contain;position:absolute;right:0;top:0}
#automate .automate-paid{display:flex;align-items:center;justify-content:center;gap:10px;width:308px;height:50.2px;padding:0;clip-path:inset(calc(1px / var(--scale)))}
#automate .automate-paid img{width:30px;height:30px;flex:none}
#automate .automate-scanned{width:154px;height:150.6px;padding:20px 0;display:flex;flex-direction:column;justify-content:center;font-size:25px;line-height:1.1;clip-path:inset(calc(1px / var(--scale)))}
#automate .automate-name{width:308px;height:50.2px;padding:0;display:flex;align-items:center;justify-content:center;clip-path:inset(calc(1px / var(--scale)))}
#automate.motion-active .sprinkle-swarm{animation:none}
#automate .sprinkle-swarm{background:#e96516;mask:url('assets/bbm-image3444.png') center / contain no-repeat}
#automate .sprinkle-swarm img{filter:brightness(1.5) contrast(.65);mix-blend-mode:multiply}
#mutual .bbm-invoice{clip-path:inset(760px 0 0)}
.bbm-word.white{color:#fff;padding:6px 18px}
#mutual .trio img{object-fit:contain}
#born .map{opacity:1}
#born .sprinkles img{filter:none}
#born .bbm-location{position:absolute;z-index:10;left:1566px;top:355px;width:308px;height:50px;display:flex;align-items:center;justify-content:center;background:#e96516;color:#fff;font:300 25px/1 'IBM Plex Mono',monospace}
#born .bbm-location-dot{z-index:9}
#born .born-quote{position:absolute;z-index:5;left:1400px;top:720px;width:350px;height:200.8px;color:#2e2e2e;font:300 25px/1 'IBM Plex Mono',monospace}
#born .born-quote span{position:absolute;white-space:nowrap}
#born .born-quote span:nth-child(1){left:0;top:0}
#born .born-quote span:nth-child(2){left:150px;top:50.2px}
#born .born-quote span:nth-child(3){left:40px;top:100.4px}
#born .born-quote span:nth-child(4){left:180px;top:150.6px}


#subway .subway-circle{clip-path:inset(0 0 177px 0)}

/* Final collage: supplied assets retain their exported rotations. */
#mutual .mutual-cupcake{z-index:3}
#mutual .photo{z-index:4}
#mutual .ribbon-right{z-index:9}
#mutual .mutual-agent{height:50.2px;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--paper);clip-path:inset(calc(1px / var(--scale)))}
#mutual .mutual-agent img{width:25px;height:25px;flex:none}
#mutual .mutual-amount{width:154px;height:50.2px;display:flex;align-items:center;justify-content:center;background:var(--paper);clip-path:inset(calc(1px / var(--scale)))}

#mutual .mutual-cupcake-back{z-index:0}
#mutual .mutual-cupcake-front{z-index:10}

/* Crop the circle flush with the people and keep their drag offsets together. */
#mutual .mutual-circle{clip-path:inset(0 0 94px 0);translate:var(--drag-x,0px) var(--drag-y,0px)}
/* Use a solid pale orange so inactive markers remain visible on the orange intro. */
.chapter-index a:not(.active){background:#f4b28b}