*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafbf9;color:#182724;font:17px/1.65 system-ui,sans-serif}header{padding:65px 24px 35px;text-align:center;background:#eaf2ee;border-bottom:1px solid #dce5df}.eyebrow{letter-spacing:.18em;font-size:12px;color:#3c6d60}h1{font-size:68px;line-height:1.1;margin:14px 0}h1 sup{font-size:.47em}.lead{font-size:23px;max-width:840px;margin:24px auto}nav,.controls,.tabs{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}a{color:#1a6856;text-underline-offset:4px}main{max-width:1350px;margin:auto;padding:0 28px}section{padding:48px 0;border-bottom:1px solid #dce5df}h2{font-size:32px;line-height:1.25}figure{margin:25px 0}img{width:100%;height:auto;border-radius:6px;background:white}figcaption,.note{font-size:14px;color:#54655e}button,select{padding:10px 17px;border:1px solid #a3b9ad;border-radius:5px;background:white;color:#184f40;cursor:pointer;font:inherit}button.active{background:#225d4b;color:white}.table-wrap{overflow:auto;margin-top:24px}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th,td{padding:12px 10px;text-align:right;border-bottom:1px solid #dce5df}th:first-child,td:first-child{text-align:left}thead{background:#edf2ef}.ours{background:#eef7f0}.controls{justify-content:flex-start;align-items:center;font-size:14px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}video{width:100%;background:#101915;border-radius:6px}pre{white-space:pre-wrap;padding:22px;background:#eaf0eb;font-size:14px}footer{text-align:center;font-size:13px;color:#53665c;padding:30px}@media(max-width:720px){h1{font-size:52px}.video-grid{grid-template-columns:1fr}main{padding:0 16px}h2{font-size:27px}}
#videos .video-grid{grid-template-columns:1fr}

.project-links{justify-content:center;margin:24px auto}button:disabled{cursor:default;opacity:.65}

#videos .video-grid{display:block}#videos figure{margin:12px 0}#videos video{width:100%;height:auto}

header{padding:36px 20px 25px}header h1{max-width:1160px;margin:0 auto 26px;line-height:1.4;font-size:34px;font-weight:500}header .brand{font-size:52px;font-weight:750;white-space:nowrap}header .brand sup{font-size:.5em}header .title-rest{font-size:32px}header nav{display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;align-items:center;white-space:nowrap;overflow-x:auto;font-size:15px;padding:7px 0}header nav span{color:#93a69b}.tabs{justify-content:flex-start;gap:10px}.tabs button{font-size:14px;padding:10px 13px}details{font-size:14px;color:#54655e}details summary{cursor:pointer}#videos video{max-height:none}section{scroll-margin-top:20px}@media(max-width:900px){header nav{justify-content:flex-start}header h1 .brand{font-size:42px}header .title-rest{font-size:25px}}

header nav .nav-comma{margin-left:-10px;margin-right:-6px;color:inherit}

/* Approved Apple-style typography */
@font-face{font-family:"Project Sans";src:url("fonts/regular.otf");font-weight:400;font-display:swap}
@font-face{font-family:"Project Sans";src:url("fonts/bold.otf");font-weight:700;font-display:swap}
body,button,select,input,table,header,nav{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Project Sans",sans-serif}
pre,code{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace}

/* Keep the reading measure compact and image-tab changes stable. */
main{max-width:1120px}
#qualitative figure{height:clamp(320px,52vw,640px);display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;overflow:hidden}
#qualitative #fullsize{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
#qualitative #comparison{width:100%;height:100%;object-fit:contain}