html[data-project=see-through-rubble]{--research-blue: #087e83;--research-primary: #202727;--research-secondary: #5c6464;--research-rule: #e1e8e7;--rubble-teal: #087e83;scroll-behavior:smooth;scroll-padding-top:2rem}.rubble-story .rubble-skip{position:absolute;top:-5rem;left:1rem;z-index:100;padding:.7rem 1rem;background:#fff}.rubble-story .rubble-skip:focus{top:1rem}.rubble-nav{border-bottom:1px solid var(--research-rule)}.rubble-nav>div{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:80rem;min-height:3.5rem;margin:auto;padding:.6rem 2rem;font-size:.76rem}.rubble-story .rubble-nav a{color:#586362;text-decoration:none}.rubble-nav a:hover{color:var(--rubble-teal)}.rubble-nav-sections{display:flex;gap:1.9rem}.rubble-story .research-hero{position:relative;isolation:isolate;border:0;background:transparent}.rubble-story .research-hero:before{content:"";position:absolute;inset:0 0 auto;height:clamp(15rem,31vw,28rem);background:#f6f9f8;z-index:-1}.rubble-story .research-hero .header-content{min-height:0;max-width:80rem;padding:1.6rem 2rem 0;gap:0}.rubble-story .research-hero .hero-copy{flex:none;width:100%;gap:1rem;text-shadow:none}.rubble-story .research-hero .hero-heading{padding:0;width:100%;max-width:72rem}.rubble-story .research-hero h1{font-size:clamp(2.6rem,4.8vw,4.4rem);font-weight:550;letter-spacing:-.065em;line-height:1.03;text-wrap:wrap;white-space:normal}.rubble-story .hero-tagline{max-width:43rem;margin:.8rem auto 0;color:#596665;font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.5;text-wrap:balance}.rubble-story .research-hero .hero-byline{gap:.4rem;max-width:58rem}.rubble-story .research-hero .hero-paper-title{max-width:51rem;font-size:.78rem;font-weight:400;line-height:1.45;color:#56605f;text-wrap:balance}.rubble-story .research-hero .header-authors{display:flex;flex-wrap:wrap;gap:.45rem 1.7rem;margin:0}.rubble-story .research-hero .header-authors>div>div{color:#303b3a;font-size:.92rem}.rubble-story .research-hero .header-authors sup{margin-left:.15rem;color:var(--rubble-teal)}.rubble-story .hero-conference{color:#687170;font-size:.78rem}.rubble-story .hero-byline>.text-sm{max-width:53rem;color:#687170;font-size:.69rem;line-height:1.8;text-wrap:balance}.rubble-story .hero-byline>.text-sm>span{display:inline-block;margin-inline:.3rem}.rubble-story .hero-byline>.text-sm sup{color:var(--rubble-teal)}.rubble-story .research-hero .hero-byline .not-prose a{min-height:2.4rem;padding:.45rem 1.3rem;color:#fff;background:#263b3a;box-shadow:none;font-size:.82rem;transition:background .18s}.rubble-story .research-hero .hero-byline .not-prose a:hover{background:var(--rubble-teal)}.rubble-story .hero-media{position:relative;z-index:1;width:100%;max-width:72rem;margin-top:1rem;padding-top:.5rem}.rubble-story .rubble-floating-hero{position:relative;z-index:2;margin:1.8rem auto 2.4rem;width:min(100%,68rem);transform:translateY(.75rem)}.rubble-floating-hero picture{display:block}.rubble-story .rubble-floating-hero img{display:block;width:100%;height:auto;margin:0;border-radius:.8rem;box-shadow:0 2rem 3.5rem -1.4rem #16353352,0 .4rem 1.2rem -.4rem #16353324}.rubble-story .rubble-floating-hero figcaption{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;color:#475957;font-size:.75rem;line-height:1.6}.rubble-dot{width:.4rem;height:.4rem;border-radius:50%;background:#56ada8}.rubble-hero-note{margin-left:.65rem;padding-left:1rem;border-left:1px solid #cbd7d4;color:#7c8784}.rubble-story .story-section{padding-block:6rem}.rubble-story .story-section h2{font-size:clamp(2.25rem,4.1vw,3.8rem);font-weight:500;line-height:1.12;letter-spacing:-.05em;text-wrap:balance;margin-bottom:1.75rem}.rubble-story .story-section h2 span{color:var(--rubble-teal)}.rubble-story .story-section>p{max-width:43rem}.rubble-story p{line-height:1.8}.rubble-story .rubble-kicker{color:var(--rubble-teal);font-size:.7rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;margin:0 0 1.5rem}.rubble-story .rubble-problem{padding-top:8rem}.rubble-copy-columns{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.rubble-copy-columns p{margin:0}.rubble-figure{min-width:0;margin-block:2.8rem 0}.rubble-figure figure{margin:0}.rubble-scroll-hint{display:none}.rubble-story .rubble-figure-scroll{width:100%;min-width:0;overflow-x:auto;border-radius:.4rem;scrollbar-color:#a6c5c0 #f3f7f6;scrollbar-width:thin}.rubble-figure-scroll>.rubble-figure-surface{display:block;width:100%}.rubble-story .rubble-figure img{display:block;width:100%;height:auto;margin:0;max-height:none}.rubble-story .rubble-figure figcaption{max-width:58rem;margin:1rem auto 0;color:#74807e;font-size:.76rem;line-height:1.7;text-wrap:balance}.rubble-story .rubble-problem .rubble-figure{max-width:65rem;margin-inline:auto}.rubble-story .rubble-problem img{border-radius:.5rem}.rubble-pipeline{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;margin:3.5rem auto 0;padding:2rem 0;max-width:64rem;border-top:1px solid var(--research-rule);border-bottom:1px solid var(--research-rule);list-style:none}.rubble-pipeline li{position:relative}.rubble-pipeline li:not(:last-child):after{content:"→";position:absolute;right:-1.5rem;top:2.1rem;color:#91aaa6}.rubble-pipeline :is(span,strong,small){display:block}.rubble-pipeline span{color:#718481;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.rubble-pipeline strong{color:#2d3c3a;font-size:clamp(1rem,1.65vw,1.4rem);font-weight:500;margin-top:.5rem}.rubble-pipeline small{font-size:.75rem;color:#77817f;margin-top:.35rem}.rubble-pipeline li:last-child strong{color:var(--rubble-teal)}.rubble-story .rubble-experience h2{font-size:clamp(2.7rem,4.9vw,4.4rem)}.rubble-gallery{margin-top:3rem}.rubble-gallery [data-tabs-list]{gap:.6rem;margin-bottom:1.7rem}.rubble-story .rubble-gallery [data-tabs-trigger]{border:1px solid #dce5e2;padding:.55rem 1.05rem;font-size:.8rem;color:#60716d;background:#fff}.rubble-story .rubble-gallery [data-tabs-trigger][data-state=active]{color:#16655f;border-color:#bdd9d1;background:#edf5f2}.rubble-gallery [data-tabs-trigger]:hover{border-color:#7fa99e}.rubble-gallery [data-tabs-content]{margin-top:0}.rubble-gallery figure{margin:0}.rubble-gallery-stage{display:flex;align-items:center;justify-content:center;width:100%;min-height:min(43vw,38rem);padding:2rem;background:#f3f7f5;border-radius:.8rem}.rubble-gallery-stage>.rubble-gallery-surface{display:block;width:100%}.rubble-story .rubble-gallery-stage img{width:100%;height:auto;max-height:34rem;object-fit:contain;margin:0;border-radius:.35rem}.rubble-story .rubble-gallery figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:1rem 0 0;font-size:.82rem;color:#53665f}.rubble-story .rubble-gallery figcaption small{font-size:.69rem;color:#7a8782}.rubble-step{margin-top:3.5rem}.rubble-step+.rubble-step{margin-top:4rem;padding-top:3.5rem;border-top:1px solid var(--research-rule)}.rubble-step-copy{display:grid;grid-template-columns:3rem 1fr;gap:.3rem 1rem}.rubble-step-number{grid-row:1 / 3;font-size:1.2rem;font-weight:500;color:#6b9b91;line-height:1.7}.rubble-story .rubble-step h3{margin:0;font-size:1.4rem;font-weight:500;letter-spacing:-.035em;line-height:1.4}.rubble-step-copy p{margin:.65rem 0 0;grid-column:2}.rubble-story .rubble-method-link{margin:1.2rem 0 0 4rem;font-size:.9rem}.rubble-read-more-meta{display:block;margin-top:.35rem;color:#74807e;font-size:.72rem;line-height:1.6}.rubble-story .rubble-case-study{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--research-rule);display:grid;grid-template-columns:.85fr 1.4fr;gap:2rem 3.5rem;align-items:center}.rubble-case-intro{max-width:24rem}.rubble-case-study>*{min-width:0}.rubble-story .rubble-case-intro h3{margin:.8rem 0 1rem;font-size:1.7rem;font-weight:500;letter-spacing:-.035em;line-height:1.3}.rubble-story .rubble-case-intro p{margin:0;font-size:.95rem}.rubble-story .rubble-case-intro .rubble-case-label{font-size:.72rem;color:var(--rubble-teal)}.rubble-case-study>.rubble-figure{margin:0}.rubble-case-study>.rubble-figure:last-child:not(:nth-child(2)){grid-column:1 / -1;width:min(100%,60rem);margin:1.5rem auto 0}.rubble-story .rubble-metric-heading{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#687d77;margin:3rem 0 0}.rubble-metrics{display:grid;grid-template-columns:1fr 1fr;gap:2.8rem;margin:1rem 0 0}.rubble-metrics>div{display:flex;flex-direction:column;border-top:1px solid #bccfc7;padding-top:1.2rem}.rubble-metrics dt{order:1;color:#485d55;font-size:.82rem;margin-top:.7rem}.rubble-metrics dd{margin:0;color:#1c5145;font-size:clamp(2.4rem,4.4vw,3.8rem);font-weight:500;line-height:1.1;letter-spacing:-.055em;white-space:nowrap}.rubble-metrics dd span{font-size:.55em;letter-spacing:-.03em}.rubble-story .rubble-metrics .rubble-metric-note{order:2;color:#78837c;font-size:.76rem;line-height:1.65;font-weight:400;letter-spacing:normal;white-space:normal;margin:.4rem 0 0}.rubble-tracking-metrics dd{font-size:clamp(1.9rem,3.6vw,3.05rem)}.rubble-evaluation .rubble-figure{max-width:68rem;margin-inline:auto}.rubble-story .rubble-scope-note{padding-left:1.2rem;margin-top:2rem;border-left:2px solid #c5d8d0;font-size:.8rem;color:#6a7972}.rubble-story .rubble-conclusion{padding-block:7rem}.rubble-story .rubble-conclusion h2{font-size:clamp(2.4rem,4.5vw,3.9rem)}.rubble-story .rubble-paper{display:flex;flex-direction:column;gap:1rem;padding:2rem 0;border-top:1px solid #c3d5ce;border-bottom:1px solid #c3d5ce;color:#283b34;text-decoration:none}.rubble-paper-venue{font-size:.75rem;color:#6a7e74}.rubble-paper strong{font-size:1.35rem;line-height:1.55;font-weight:500;letter-spacing:-.025em}.rubble-paper-authors{font-size:.85rem;color:#708077}.rubble-paper-action{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.9rem;color:var(--rubble-teal)}.rubble-paper:hover .rubble-paper-action{text-decoration:underline;text-underline-offset:.25rem}.rubble-related{margin-top:2rem;font-size:.85rem}.rubble-related summary{cursor:pointer;color:#63766d;padding-block:.5rem}.rubble-related a{display:block;margin-top:1rem;line-height:1.7}.rubble-story :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--rubble-teal);outline-offset:5px}@media(prefers-reduced-motion:no-preference){.rubble-story .hero-heading{animation:rubble-enter .65s both}.rubble-story .hero-byline{animation:rubble-enter .65s .1s both}.rubble-story .hero-media{animation:rubble-enter .85s .18s both}@keyframes rubble-enter{0%{opacity:0;translate:0 1.2rem}to{opacity:1;translate:0 0}}}@media(max-width:760px){.rubble-nav>div{padding-inline:1.5rem;min-height:3.4rem;font-size:.7rem}.rubble-nav-sections{gap:1rem}.rubble-nav-sections a:nth-child(2){display:none}.rubble-story .research-hero .header-content{padding:2.8rem 1.5rem 0}.rubble-story .research-hero h1{font-size:clamp(2.6rem,8.5vw,4.2rem);letter-spacing:-.055em}.rubble-story .hero-tagline{margin-top:1.1rem;font-size:.95rem}.rubble-story .research-hero .hero-copy{gap:1.1rem}.rubble-story .research-hero .hero-byline{gap:.65rem}.rubble-story .research-hero .hero-paper-title{font-size:.75rem}.rubble-story .research-hero .header-authors{gap:.3rem 1rem}.rubble-story .research-hero .header-authors>div>div{font-size:.78rem}.rubble-story .hero-conference{font-size:.7rem}.rubble-story .hero-byline>.text-sm{font-size:.68rem;line-height:1.7}.rubble-story .hero-media{width:calc(100% + 1rem);margin-top:1.2rem}.rubble-story .rubble-floating-hero img{border-radius:.4rem}.rubble-story .rubble-floating-hero figcaption{margin-top:1.2rem;gap:.35rem;font-size:.65rem}.rubble-hero-note{display:none}.rubble-story .research-hero:before{height:clamp(12rem,58vw,22rem)}.rubble-story .story-section{padding-block:3.5rem}.rubble-story .rubble-problem{padding-top:5rem}.rubble-story .story-section h2{font-size:clamp(2rem,6.8vw,3rem)}.rubble-story .rubble-kicker{font-size:.64rem;margin-bottom:1.1rem}.rubble-copy-columns{grid-template-columns:1fr;gap:1rem}.rubble-pipeline{gap:1.5rem;padding-block:1.4rem;margin-top:2rem}.rubble-pipeline span{font-size:.55rem;letter-spacing:.05em}.rubble-pipeline strong{font-size:.82rem;line-height:1.5}.rubble-pipeline small{font-size:.65rem}.rubble-pipeline li:not(:last-child):after{right:-1rem;top:1.7rem;font-size:.8rem}.rubble-story .rubble-experience h2{font-size:clamp(2.35rem,7.6vw,3.4rem)}.rubble-gallery{margin-top:2rem}.rubble-gallery [data-tabs-list]{gap:.45rem}.rubble-story .rubble-gallery [data-tabs-trigger]{font-size:.65rem;padding:.5rem .7rem}.rubble-gallery-stage{padding:.7rem;min-height:52vw}.rubble-story .rubble-gallery figcaption{display:block;font-size:.75rem}.rubble-story .rubble-gallery figcaption small{display:block;margin-top:.4rem;font-size:.65rem}.rubble-figure{margin-top:2rem}.rubble-scientific .rubble-figure-scroll>.rubble-figure-surface{min-width:650px}.rubble-scientific .rubble-figure-scroll{border-bottom:2px solid #e0ece6}.rubble-scroll-hint{display:block;color:var(--rubble-teal);margin-bottom:.4rem;font-size:.65rem}.rubble-story .rubble-figure figcaption{font-size:.7rem;text-align:left}.rubble-step-copy{grid-template-columns:2rem 1fr;gap:.3rem .7rem}.rubble-step-number{font-size:1rem}.rubble-story .rubble-step h3{font-size:1.2rem}.rubble-story .rubble-method-link{margin-left:2.7rem}.rubble-story .rubble-case-study{grid-template-columns:minmax(0,1fr);gap:1.8rem;margin-top:3rem;padding-top:2rem}.rubble-case-intro{max-width:none}.rubble-story .rubble-case-intro h3{font-size:1.5rem}.rubble-story .rubble-case-study>.rubble-figure:last-child{margin-top:0}.rubble-metrics{gap:1.4rem}.rubble-metrics dt{font-size:.73rem}.rubble-metrics dd{font-size:2.4rem}.rubble-tracking-metrics dd{font-size:clamp(1.45rem,4.8vw,2.5rem)}.rubble-story .rubble-metrics .rubble-metric-note{font-size:.68rem}.rubble-story .rubble-conclusion{padding-block:4rem}.rubble-paper strong{font-size:1.15rem}}@media(max-width:370px){.rubble-nav-sections a:last-child{display:none}.rubble-story .research-hero h1{font-size:2.3rem}.rubble-pipeline{grid-template-columns:1fr;gap:1.5rem}.rubble-pipeline li:not(:last-child):after{content:"↓";right:1rem}.rubble-metrics{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html[data-project=see-through-rubble]{scroll-behavior:auto}}
