:root{color-scheme:light;font-family:'DM Sans',Arial,sans-serif;background:#f5f2e9;color:#254c3d}*{box-sizing:border-box}body{margin:0}main{max-width:1600px;margin:auto;padding:30px 52px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:2px}.brand span{font-family:Georgia,serif;background:#28513e;color:#eed797;font-size:34px;border-radius:14px;padding:4px 12px;letter-spacing:0}.back{font-size:12px;border-bottom:1px solid #b5bca9;padding-bottom:6px}.intro{text-align:center;max-width:680px;margin:46px auto 36px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:#7f8c69}h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(38px,4.5vw,62px);line-height:1.12;margin:15px 0 20px;font-weight:500;letter-spacing:-1.7px}h1 em{font-weight:500;color:#81926c}.lead{max-width:500px;margin:0 auto;color:#718071;line-height:1.7;font-size:13px}.tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:23px}.tags span{font-size:9px;border:1px solid #d6dccb;padding:7px 12px;border-radius:30px;color:#6b7d60}.collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.collection article{min-width:0;border:1px solid #dbe0d0;border-radius:17px;background:#e9eddd;overflow:hidden}.art{aspect-ratio:1;background:radial-gradient(ellipse at 50% 65%,#f7f5e7,#e8eddd 80%);display:flex;align-items:center;justify-content:center;padding:7px}.art img{width:100%;height:100%;object-fit:contain}.caption{display:flex;justify-content:space-between;align-items:center;padding:19px 19px 21px;border-top:1px solid #d8decd;background:#f8f7ee}.caption small{font-size:8px;letter-spacing:1.4px;color:#89947c}.caption h2{font-family:Georgia,serif;font-weight:400;font-size:18px;margin:7px 0 0}.caption>span{font-size:10px;color:#a2ad95}.scale-study{margin:65px 0 0}.scale-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.scale-heading h2{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:8px 0}.scale-heading>p{font-size:11px;color:#7a8773;line-height:1.7;text-align:right}.habitat{position:relative;aspect-ratio:4/3;max-width:1100px;margin:auto;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#b2c281,#8da66b);border-radius:24px}.habitat-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.resident{position:absolute;height:auto;object-fit:contain;pointer-events:none}.lion{width:16%;left:47%;top:50%}.giraffe{width:23%;left:64%;top:42%}.elephant{width:29%;left:23%;top:35%}.study-note{position:absolute;bottom:20px;left:24px;font-size:9px;letter-spacing:2px;color:#f6f0d7;background:#254c3dbb;border-radius:30px;padding:10px 15px}footer{text-align:center;margin:35px 0 15px;font-size:12px;color:#687e63;line-height:1.8}footer p+p{font-size:10px;color:#8f9985}@media(max-width:1000px){main{padding:24px}.collection{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{margin-top:35px}.art{aspect-ratio:1.15}}@media(max-width:540px){main{padding:20px 14px}.brand{font-size:8px;letter-spacing:1px}.brand span{font-size:26px}.back{font-size:10px}.collection{gap:10px}.art{aspect-ratio:.9;padding:0}.caption{padding:13px 10px}.caption h2{font-size:15px}.caption small{font-size:6px;letter-spacing:.5px}.caption>span{display:none}.scale-heading{display:block}.scale-heading>p{text-align:left}.scale-heading h2{font-size:27px}.scale-study{margin-top:40px}.study-note{font-size:6px;left:12px;bottom:12px;padding:7px 10px}.habitat{border-radius:16px}}


.live-study{margin:25px 0 50px}.live-study .scale-heading{max-width:1100px;margin:0 auto 18px}.population{display:flex;gap:5px}.population button,.habitat-toolbar button{font:inherit;font-size:11px;min-width:42px;min-height:40px;border:1px solid #ced8bf;border-radius:22px;background:#f8f6ec;color:#34573f;padding:9px 14px;cursor:pointer}.population button[aria-pressed="true"]{background:#28513e;color:#f4e7bc;border-color:#28513e}.habitat{aspect-ratio:4/3}.habitat-toolbar{position:absolute;bottom:18px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.habitat-toolbar>*{pointer-events:auto}.habitat-toolbar span{font-size:11px;background:#254c3de8;color:#f5e8bd;padding:12px 16px;border-radius:22px}.habitat-toolbar button{background:#f8f2d9eb;border-color:#f5e4b9}#resident-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#resident-status,.motion-note{text-align:center;color:#6d8064;font-size:11px;line-height:1.7;margin:15px auto 0}.motion-note{max-width:600px;font-size:10px;color:#879179}.live-study .scale-heading>div:first-child{min-width:0}.live-study .eyebrow{font-size:8px}.intro{margin-bottom:24px}.live-study .habitat{max-width:1100px}@media(max-width:540px){.live-study .scale-heading{display:flex;align-items:center;gap:8px}.live-study .scale-heading h2{font-size:24px}.population{gap:3px}.population button{min-width:32px;min-height:36px;padding:7px 9px;font-size:10px}.live-study .eyebrow{font-size:6px;letter-spacing:1px}.habitat-toolbar{bottom:10px;left:10px;right:10px}.habitat-toolbar span{font-size:8px;padding:9px}.habitat-toolbar button{font-size:8px;min-height:32px;padding:8px 10px}}