:root{--ink:#182725;--muted:#657370;--accent:#197b6e;--accent-dark:#135f55;--line:#dae3df;--tint:#f4f7f4;--ours:#eaf4ef;--paper:#fff;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #60a99a;outline-offset:4px}img{max-width:100%;display:block;height:auto}p,h1,h2,h3,figure{margin:0}sup{font-size:.7em}sub{font-size:.75em}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-80px;background:var(--ink);color:white;z-index:30;padding:10px 20px}.skip:focus{top:8px}.site-header{height:75px;border-bottom:1px solid #edf0ec;background:#fffefcfa}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:750;letter-spacing:-1px;display:inline-flex;align-items:center;gap:9px}.nav-links{display:flex;gap:31px;font-size:14px;color:#536460}.nav-links a:hover{color:var(--accent)}.hero{text-align:center;padding:66px 0 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.9px;text-transform:uppercase;color:var(--accent);margin-bottom:17px}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:8px}.small-dot{height:7px;width:7px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(34px,3.8vw,51px);letter-spacing:-1.8px;line-height:1.18;font-weight:650}h1 span{color:var(--accent)}.hero-description{font-size:17px;line-height:1.65;color:var(--muted);max-width:810px;margin:24px auto}.hero-actions{display:flex;gap:12px;justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;padding:10px 20px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:600;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.button.secondary{border-color:#cdd8d2;background:white}.button.secondary:hover{background:var(--tint)}.anonymous-note{font-size:11px;color:#84918d;margin-top:15px}.hero-film{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:35px}.hero-film button{padding:0;background:var(--tint);border:0;border-radius:10px;overflow:hidden}.hero-film img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .35s}.hero-film button:hover img{transform:scale(1.045)}.film-caption{font-size:12px;color:var(--ink);margin:15px 0 32px}.film-caption span{color:var(--muted);margin-left:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0 34px;border-top:1px solid var(--line)}.stats>div+div{border-left:1px solid var(--line)}.stats strong{font-size:32px;letter-spacing:-1px;font-weight:650;font-variant-numeric:tabular-nums}.stats strong span{font-size:17px;font-weight:400;color:var(--accent);letter-spacing:0}.stats p{color:var(--muted);font-size:11px;margin-top:1px}.section{padding-top:80px;padding-bottom:80px}.tinted{background:var(--tint)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:36px}.section-heading h2{font-size:34px;letter-spacing:-1px;line-height:1.22;font-weight:600}.section-heading>p{max-width:460px;color:var(--muted);font-size:14px;line-height:1.75}.section-heading .eyebrow{margin-bottom:12px}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.segmented{display:flex;gap:5px;background:#e8ede8;border-radius:9px;padding:4px}.segmented button{border:0;background:transparent;color:#61716c;border-radius:6px;padding:9px 15px;font-size:13px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #1a302116}.segmented span{margin-left:7px;font-size:11px;color:#75877f}.search input{border:1px solid #d3dfd7;background:transparent;padding:10px 13px;border-radius:7px;font-size:12px;width:244px;color:var(--ink)}.search input::placeholder{color:#788880}.collection-description{font-size:11px;color:var(--muted);margin:19px 0 17px;letter-spacing:.15px}.sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;min-height:100px}.sample-card{text-align:left;padding:0;border:0;background:transparent;color:inherit}.sample-card .image-wrap{display:block;overflow:hidden;border-radius:10px;background:#e6ece6;position:relative}.sample-card img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .35s}.sample-card:hover img{transform:scale(1.035)}.sample-card .image-wrap:after{content:'↗';position:absolute;bottom:10px;right:10px;color:var(--ink);background:#ffffffe8;border-radius:50%;height:27px;width:27px;text-align:center;line-height:27px;opacity:0;transition:opacity .2s}.sample-card:hover .image-wrap:after,.sample-card:focus-visible .image-wrap:after{opacity:1}.sample-card h3{font-size:13px;font-weight:600;margin-top:10px}.sample-card p{font-size:11px;line-height:1.5;color:var(--muted);margin-top:2px}.fine-print{font-size:11px;line-height:1.7;color:var(--muted);margin-top:20px}.fine-print a{text-decoration:underline;text-underline-offset:3px}.empty-state{grid-column:1/-1;padding:30px;text-align:center;color:var(--muted)}.framework-choices{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:20px 0;margin:12px 0 35px}.framework-choices>div{display:flex;gap:13px;align-items:center;justify-content:center}.framework-choices>div+div{border-left:1px solid var(--line)}.framework-choices span{font-family:Georgia,serif;font-size:31px;color:var(--accent)}.framework-choices p{font-size:13px}.paper-figure img{width:100%}.paper-figure figcaption{font-size:12px;color:var(--muted);line-height:1.7;max-width:950px;margin:13px auto 0;text-align:center}.paper-figure a{display:block}.design-table{margin-top:35px}.scroll-table{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}caption{text-align:left;font-size:13px;color:var(--muted);padding-bottom:13px}th{font-weight:500}th:first-child{text-align:left}th,td{padding:11px 10px;white-space:nowrap}thead{border-top:1px solid #83988d;border-bottom:1px solid #aabcb2}thead th{font-size:11px;color:#65766c}tbody tr{border-bottom:1px solid #e0e7e1}tbody tr:last-child{border-bottom:1px solid #91a799}.ours{background:var(--ours)}b{font-weight:700;color:#153f34}.design-table table{text-align:center;font-size:14px}.design-table th,.design-table td{padding:15px}.design-table .ours{font-weight:600}.method-copy{display:grid;grid-template-columns:1fr 1.6fr;gap:65px;margin-top:70px;margin-bottom:30px}.method-copy h3{font-size:26px;font-weight:500;letter-spacing:-.5px;line-height:1.35}.method-copy p{font-size:14px;color:#536660;line-height:1.8}.method-copy p+p{margin-top:12px}.toy{padding:20px 0 0}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.result-panel{background:white;border:1px solid #dbe5dc;border-radius:12px;padding:26px 22px}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.panel-heading h3{font-size:18px;letter-spacing:-.3px}.panel-heading>span{font-size:10px;color:var(--accent);white-space:nowrap}.panel-description{font-size:10px;color:var(--muted);margin:7px 0 20px}.result-panel td,.result-panel th{padding:10px 6px}.result-panel .fine-print{font-size:10px}.download-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.download-layout h3{font-size:22px;font-weight:600;margin-bottom:10px}.download-layout p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:22px}.download-form{display:flex;gap:14px;margin-bottom:18px}.download-form label{font-size:11px;color:var(--muted);flex:1}.download-form select{display:block;width:100%;margin-top:5px;background:#fff;border:1px solid #cdd9d0;border-radius:6px;padding:9px;color:var(--ink);font-size:13px}.download-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px}.download-row:hover{color:var(--accent)}.download-row small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.release-note{margin-top:35px;padding-top:22px;border-top:1px solid var(--line)}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:29px 0 35px;gap:30px}.footer p{font-size:10px;color:var(--muted);text-align:center}.footer>a:last-child{font-size:11px;color:var(--muted)}dialog{border:0;border-radius:16px;padding:16px 20px 24px;width:min(980px,calc(100% - 32px));max-height:92vh;box-shadow:0 30px 90px #03120b40;color:var(--ink);overflow:auto}dialog::backdrop{background:#0b211dbd;backdrop-filter:blur(5px)}.modal-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-toolbar span{font-size:11px;color:var(--muted)}.modal-toolbar button{border:0;background:var(--tint);border-radius:50%;width:33px;height:33px;font-size:16px}.modal-content{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center}.modal-content>img{width:100%;border-radius:9px}.modal-detail{padding-right:12px}.modal-detail .eyebrow{font-size:10px}.modal-detail h2{font-size:26px;letter-spacing:-.5px;line-height:1.2;margin-bottom:17px}.modal-detail>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#526660}.modal-detail dl{font-size:11px;margin:23px 0;display:grid;grid-template-columns:80px 1fr;gap:6px}.modal-detail dt{color:var(--muted)}.modal-detail dd{margin:0}.modal-navigation{display:flex;justify-content:space-between;margin-top:25px;gap:15px}.modal-navigation button{background:transparent;border:0;font-size:12px;color:var(--accent);padding:6px 0}
@media(min-width:1000px){.sample-grid.imagenet{grid-template-columns:repeat(6,1fr)}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}h1{font-size:38px}.section-heading{align-items:start}.section-heading>p{max-width:330px}.results-grid{grid-template-columns:1fr}.download-layout{gap:38px}.hero-film{gap:6px}.method-copy{gap:30px}.stats strong{font-size:28px}.hero{padding-top:48px}}
@media(max-width:620px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 32px)}.site-header{height:63px}.brand{font-size:19px}.brand img{width:25px}.nav-links{gap:16px;font-size:11px}.nav-links a:nth-child(2){display:none}.hero{padding-top:37px}h1{font-size:32px;letter-spacing:-1px}.desktop-break{display:none}.hero-description{font-size:14px;margin:19px auto;line-height:1.7}.eyebrow{font-size:10px}.hero-film{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:27px}.hero-film button:nth-child(n+4){display:none}.film-caption{font-size:11px;margin-bottom:24px}.film-caption span{display:block;margin:3px 0 0}.stats{grid-template-columns:repeat(2,1fr);gap:23px 0;padding:22px 0 29px}.stats>div:nth-child(3){border:0}.stats strong{font-size:29px}.stats p{font-size:10px}.section{padding:52px 0}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:28px}.section-heading>p{font-size:13px;margin-top:17px;max-width:none}.gallery-controls{align-items:stretch;flex-direction:column;gap:13px}.segmented{align-self:start}.search input{width:100%}.sample-grid{grid-template-columns:repeat(2,1fr);gap:20px 10px}.sample-card h3{font-size:12px}.sample-card p{font-size:10px}.framework-choices{grid-template-columns:repeat(2,1fr);gap:17px 0}.framework-choices>div:nth-child(3){border:0}.framework-choices span{font-size:25px}.framework-choices p{font-size:11px}.paper-figure{overflow-x:auto}.paper-figure img{min-width:570px}.paper-figure figcaption{font-size:11px;text-align:left}.design-table table{font-size:12px}.design-table th,.design-table td{padding:12px}.method-copy{display:block;margin-top:45px}.method-copy h3{font-size:23px;margin-bottom:20px}.method-copy h3 br{display:none}.method-copy p{font-size:13px}.result-panel{padding:22px 13px}.panel-heading h3{font-size:16px}.panel-description{font-size:9px}.result-panel table{font-size:11px}.result-panel thead th{font-size:10px}.download-layout{grid-template-columns:1fr;gap:40px}.footer{flex-wrap:wrap;gap:20px;padding:25px 0}.footer p{order:3;flex-basis:100%;text-align:left}.footer>a:last-child{margin-left:auto}.modal-content{grid-template-columns:1fr;gap:20px}.modal-detail{padding:0 3px}.modal-content>img{max-height:48vh;object-fit:contain}.modal-detail h2{font-size:23px}.modal-detail dl{margin:16px 0}.modal-detail .eyebrow{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Wide, continuous filmstrip; all twenty samples stay on one gallery page. */
.hero-carousel{margin-top:42px;text-align:left;width:calc(100vw - 48px);position:relative;left:50%;transform:translateX(-50%)}
.hero-film{display:block;overflow:hidden;scroll-snap-type:none;margin:0;border-radius:16px}
.film-track{display:flex;width:max-content;will-change:transform;animation:film-drift var(--film-duration,400s) linear infinite}
.film-track.is-paused{animation-play-state:paused}
.film-group{display:flex;flex-shrink:0;gap:20px;padding-right:20px}
@keyframes film-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--film-distance,10000px)),0,0)}}
.hero-film button{display:block;position:relative;flex:0 0 auto;width:clamp(340px,42vw,560px);border-radius:16px}
.hero-film button:nth-child(n+4){display:block}
.hero-film img{object-fit:contain;transition:none}
.hero-film button:hover img{transform:none}
.hero-film button span{position:absolute;bottom:0;left:0;right:0;padding:50px 22px 20px;color:white;background:linear-gradient(transparent,#09201c95);font-size:16px;font-weight:600;pointer-events:none}
.film-controls{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 16px));margin:18px auto 0;gap:20px;color:var(--muted);font-size:12px}
.film-controls button{border:1px solid var(--line);border-radius:50%;background:white;width:34px;height:34px;color:var(--ink);line-height:1}
.film-controls button:hover{background:var(--tint);color:var(--accent)}
.film-caption{margin-top:18px}
.collection-label{font-size:14px;font-weight:600}
.collection-label span{margin-left:12px;font-size:11px;font-weight:400;color:var(--muted)}
.table-cite{display:block;margin-top:3px;font-size:10px;font-weight:400;color:var(--muted);line-height:1.45;white-space:nowrap}
.table-cite:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.backbone-heading th{text-align:left!important;padding-top:19px!important;padding-bottom:9px!important;color:var(--accent);border-bottom:1px solid var(--line);font-size:12px}
.backbone-heading th a{font-weight:400;color:var(--muted);font-size:10px;margin-left:8px}
.result-panel .reference-link{font-size:9px;font-weight:400;color:var(--muted);margin-left:3px;white-space:nowrap}
.reference-link:hover{text-decoration:underline;color:var(--accent)}
.resource-group + .resource-group{margin-top:24px}
.resource-group h4{margin:0 0 5px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.resource-group .download-row:first-of-type{border-top:1px solid var(--line)}
@media(max-width:620px){.hero-carousel{margin-top:32px;width:calc(100vw - 24px)}.film-group{gap:14px;padding-right:14px}.hero-film button{width:86vw}.hero-film button span{font-size:14px;padding:36px 18px 16px}.film-controls{font-size:10px}.film-controls button{width:30px;height:30px}.table-cite{font-size:9px}.backbone-heading th a{display:block;margin-left:0;margin-top:3px}}