@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;450;500;600&display=swap');
:root{color-scheme:light;--paper:#f3f3f0;--ink:#232323;--blue:#3439bc;--faint:#767672;--rule:#c8c8c2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid var(--blue);outline-offset:6px}a{color:inherit}main{position:relative;width:100%;min-height:850px;height:100svh;overflow:hidden}#canvas{position:absolute;inset:0}canvas{display:block;touch-action:none}header{position:absolute;left:42px;right:42px;top:29px;display:flex;align-items:flex-start;gap:50px;pointer-events:none}.wordmark{font-family:'Instrument Serif',Georgia,serif;font-size:65px;line-height:.8;text-decoration:none;letter-spacing:-3px;pointer-events:auto}.wordmark span{font-family:Arial;font-size:12px;position:relative;top:-33px;letter-spacing:0;margin-left:4px}.subtitle{font-family:'DM Mono',monospace;font-size:11px;line-height:1.65;color:var(--faint);padding-top:1px}.text-button{font-size:13px;pointer-events:auto}.text-button span{margin-left:13px}header>.text-button{margin-left:auto;padding:0}.margin-note{position:absolute;right:38px;top:160px;writing-mode:vertical-rl;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1.4px;color:var(--faint)}.chapter{position:absolute;top:160px;left:42px;pointer-events:none}.chapter>span{font-family:'DM Mono',monospace;font-size:11px;color:var(--blue)}h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(48px,5vw,76px);letter-spacing:-2px;margin:10px 0;line-height:1}.index{position:absolute;left:42px;top:340px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.small-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1.3px;color:var(--faint)}.index .small-label{margin-bottom:12px}.index button{font-size:15px;padding:3px 0;color:#777772;transition:color .2s,transform .2s}.index button sup{font-family:'DM Mono',monospace;font-size:9px;margin-right:17px;color:#85857e;vertical-align:middle}.index button.active{color:var(--blue);transform:translateX(8px)}.index button.active sup{color:var(--blue)}.index button:hover{color:var(--ink);transform:translateX(8px)}.annotation{position:absolute;right:65px;top:49%;width:225px;pointer-events:none}.annotation-index{display:block;color:var(--blue);font-family:'DM Mono',monospace;font-size:11px;margin-bottom:18px}.annotation h2{font-family:'Instrument Serif',Georgia,serif;font-size:34px;font-weight:400;line-height:1.1;letter-spacing:-.4px;margin:0 0 10px}.annotation em{font-size:11px;line-height:1.5;color:var(--faint);font-family:'DM Mono',monospace;font-style:normal}.annotation p{font-size:13px;line-height:1.8;color:#696963;margin:17px 0}.annotation select{pointer-events:auto;width:100%;font-size:12px;background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:10px 0;color:var(--ink);margin-top:5px}.specimen-label{position:absolute;left:47%;bottom:184px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:none;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1px;color:var(--faint)}.specimen-label i{height:30px;width:1px;background:#a9a9a0;order:-1}.specimen-label span:last-child{font-family:Inter;font-size:10px;letter-spacing:0;font-style:italic}.drawing-tools{position:absolute;bottom:133px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px}.drawing-tools button{font-size:22px;font-weight:400;padding:0 3px;color:#6a6a64}.drawing-tools button:hover,.drawing-tools button[aria-pressed=true]{color:var(--blue)}#zoom-level{font-size:10px;font-family:'DM Mono',monospace;width:38px;text-align:center}.bottom-bar{position:absolute;bottom:30px;left:42px;right:42px;border-top:1px solid var(--rule);padding-top:25px;display:grid;grid-template-columns:1fr 180px 260px 1fr;gap:48px;align-items:center}.gesture-note{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--faint)}.fader>div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.fader output{font-family:'DM Mono',monospace;color:var(--blue);font-size:10px}input[type=range]{appearance:none;background:transparent;width:100%;cursor:ew-resize;height:23px;margin:7px 0 0}input[type=range]::-webkit-slider-runnable-track{height:1px;background:#b8b8af}input[type=range]::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:-3.5px}input[type=range]::-moz-range-track{height:1px;background:#b8b8af}input[type=range]::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:var(--blue)}.life-open{font-family:'Instrument Serif',Georgia,serif;font-size:24px;white-space:nowrap;justify-self:end;padding:0}.life-open span{font-family:Arial;font-size:19px;margin-left:20px}.life-open:hover{color:var(--blue)}#loading{position:absolute;top:48%;left:43%;font-family:'DM Mono',monospace;font-size:12px;color:var(--faint)}#hoverlabel{position:absolute;display:none;pointer-events:none;color:var(--blue);font-family:'DM Mono',monospace;font-size:12px;padding:9px;background:#f3f3f0db;border-bottom:1px solid var(--blue)}dialog{color:var(--ink);background:var(--paper);border:0;padding:60px;width:580px;max-width:calc(100% - 40px);max-height:85svh;box-shadow:0 20px 100px #0001}dialog::backdrop{background:#efefedc9;backdrop-filter:blur(10px)}dialog .close{position:absolute;top:17px;right:22px;font-size:27px;font-weight:400}dialog h2{font-family:'Instrument Serif',Georgia,serif;font-size:50px;font-weight:400;line-height:1.1;letter-spacing:-1px;margin:30px 0}dialog p{color:#65655f;line-height:1.8;font-size:15px}.sources{display:flex;gap:20px;margin-top:30px;font-size:11px;color:var(--blue)}#life-dialog{width:1000px}.life-spread{display:grid;grid-template-columns:190px 1fr;gap:50px;margin-top:50px}#life-number{font-family:'Instrument Serif',Georgia,serif;font-size:180px;color:var(--blue);line-height:.8;letter-spacing:-9px}.life-nav{display:flex;gap:22px;flex-wrap:wrap}.life-nav button{padding:0 0 8px;color:var(--faint);font-size:13px}.life-nav button.active{color:var(--blue);border-bottom:1px solid var(--blue)}#life-note{color:var(--blue);font-size:12px}#show-repro{padding:0;margin-top:20px;border-bottom:1px solid var(--ink);padding-bottom:6px}@media(min-width:1700px){.annotation{right:100px;width:250px}.annotation p{font-size:14px}.index{gap:17px}.index button{font-size:16px}}@media(max-width:1100px){header{left:28px;right:28px}.chapter,.index{left:28px}.annotation{right:35px;width:195px}.annotation h2{font-size:29px}.annotation p{font-size:12px}.bottom-bar{left:28px;right:28px;gap:25px;grid-template-columns:1fr 140px 210px 1fr}.life-open{font-size:21px}.gesture-note{font-size:10px}.margin-note{right:22px}h1{font-size:53px}}@media(max-width:760px){main{min-height:880px;height:100svh}header{top:25px;left:22px;right:22px;gap:25px}.wordmark{font-size:53px}.wordmark span{top:-27px}.subtitle{font-size:9px}header>.text-button{font-size:11px}.chapter{top:123px;left:22px}h1{font-size:45px;margin-top:8px}.chapter>span{font-size:10px}.margin-note{top:150px;right:17px;font-size:8px}.index{top:231px;left:22px;gap:9px}.index .small-label{display:none}.index button{font-size:12px}.index button sup{margin-right:8px;font-size:8px}.index button.active{transform:translateX(3px)}.annotation{top:auto;bottom:240px;left:22px;right:22px;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:5px 25px}.annotation-index{display:none}.annotation h2{font-size:29px;margin:0;grid-column:1}.annotation em{font-size:10px;grid-column:1}.annotation p{grid-column:2;grid-row:1/4;margin:0;font-size:12px;line-height:1.7}.annotation select{grid-column:1;font-size:11px}.bottom-bar{bottom:25px;left:22px;right:22px;grid-template-columns:1fr 1fr;gap:18px 25px;padding-top:18px}.gesture-note{grid-column:1;grid-row:2;font-size:9px}.life-open{grid-column:2;grid-row:2;font-size:22px}.life-open span{margin-left:7px;font-size:16px}.fader{grid-row:1}.fader label{font-size:10px}.drawing-tools{bottom:186px;gap:20px;left:50%;width:max-content}.specimen-label{bottom:380px;left:52%;font-size:7px;width:max-content}.specimen-label span:last-child{font-size:9px}.specimen-label i{height:18px}#loading{left:40%;top:38%;font-size:10px}dialog{padding:40px 28px}dialog h2{font-size:37px}dialog p{font-size:14px}.life-spread{grid-template-columns:1fr;gap:30px;margin-top:30px}#life-number{font-size:85px;letter-spacing:-4px}.life-nav{gap:18px}.life-nav button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Field notes — long-form atlas */
html{scroll-behavior:smooth;scroll-padding-top:100px}.continue-reading{display:flex;justify-content:space-between;padding:22px 42px 28px;text-decoration:none;border-bottom:1px solid var(--rule);font-family:'Instrument Serif',Georgia,serif;font-size:28px}.continue-reading span{font-family:'DM Mono',monospace;font-size:11px;align-self:center;color:var(--blue)}.atlas-nav{position:sticky;top:0;z-index:20;background:#f3f3f0f2;backdrop-filter:blur(14px);padding:20px 42px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--rule)}.atlas-mark{font-family:'Instrument Serif',Georgia,serif;font-size:22px;text-decoration:none;white-space:nowrap}.atlas-nav nav{display:flex;gap:24px;margin-left:auto;overflow:auto;scrollbar-width:none}.atlas-nav nav a{font-size:12px;text-decoration:none;color:var(--faint);white-space:nowrap}.atlas-nav nav a:hover,.atlas-nav nav a.current{color:var(--blue)}#reading-progress{font-family:'DM Mono',monospace;font-size:11px;color:var(--blue);min-width:35px}.atlas{max-width:1600px;margin:auto}.atlas-intro,.atlas-section,.atlas-ending{padding:100px 7%;border-bottom:1px solid var(--rule)}.atlas h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-2.5px;line-height:1.04;font-size:clamp(50px,6.4vw,94px);margin:26px 0 35px}.atlas h2 em{font-weight:400;color:var(--blue)}.atlas h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:32px;line-height:1.15;margin:12px 0 18px}.atlas p{font-size:16px;line-height:1.85;color:#65655f}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:940px;margin-left:auto}.atlas .small-label{font-size:11px}.atlas .reference{font-family:'DM Mono',monospace;font-size:11px;line-height:1.8;color:#787870;margin-top:25px;display:block}.reference a,.atlas a.reference{color:var(--blue);text-underline-offset:4px}.section-opening{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-bottom:55px}.section-opening>.small-label{grid-column:1/-1}.section-opening>h2{margin-bottom:10px}.section-opening>p{align-self:end;margin-bottom:15px;max-width:460px}.species-controls{display:flex;align-items:flex-end;gap:25px;flex-wrap:wrap;border-bottom:1px solid var(--ink);padding-bottom:22px}.species-search{display:flex;flex-direction:column;gap:12px;flex:1;min-width:210px;font-family:'DM Mono',monospace;font-size:10px;color:var(--faint)}.species-search input{background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;font-family:Inter,sans-serif;font-size:14px;padding:10px 0;color:var(--ink);width:100%}.habitat-filters{display:flex;gap:16px;flex-wrap:wrap;padding-bottom:8px}.habitat-filters button{font-size:12px;color:var(--faint);padding:4px 0;border-bottom:1px solid transparent}.habitat-filters button.active{color:var(--blue);border-color:var(--blue)}#species-count{font-size:11px;font-family:'DM Mono',monospace;color:var(--faint);padding-bottom:12px}.species-entry{border-bottom:1px solid var(--rule)}.species-entry summary{display:grid;grid-template-columns:35px 1fr 210px 22px;gap:22px;align-items:center;padding:28px 0;list-style:none;cursor:pointer}.species-entry summary::-webkit-details-marker,.question-list summary::-webkit-details-marker{display:none}.species-number{font-family:'DM Mono',monospace;font-size:11px;color:var(--faint)}.species-name{display:flex;flex-direction:column;gap:7px}.species-name>i{font-family:'Instrument Serif',Georgia,serif;font-size:35px;line-height:1.05}.species-name>span{font-size:12px;color:var(--faint)}.species-setting{font-size:12px;color:var(--faint)}.species-toggle{font-size:23px;color:var(--blue);transition:transform .2s}.species-entry[open] .species-toggle{transform:rotate(45deg)}.species-entry[open] summary{color:var(--blue)}.species-expanded{display:grid;grid-template-columns:1fr 2fr;gap:65px;padding:15px 0 40px 57px}.species-expanded>div:first-child p{font-size:13px;line-height:1.7;margin:12px 0 25px}.species-expanded h3{margin-top:0}.species-expanded .species-note{font-size:13px;color:var(--blue)}.photo-essay{display:grid;grid-template-columns:1.15fr 1fr;margin:0;border-bottom:1px solid var(--rule)}.photo-essay figure{margin:0;position:relative;background:#242624;display:flex;flex-direction:column;justify-content:center}.photo-essay img{display:block;width:100%;height:auto;object-fit:cover;filter:saturate(.7)}.photo-essay figcaption{font-size:10px;line-height:1.7;padding:22px 28px;color:#c6c7be}.photo-essay figcaption a{color:inherit}.photo-text{padding:75px 14%}.photo-text h2{font-size:clamp(62px,6vw,95px)}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:65px 70px;margin-top:70px}.timeline article{border-top:1px solid var(--ink);padding-top:22px}.era{font-family:'DM Mono',monospace;font-size:12px;color:var(--blue)}.timeline h3{margin-top:27px}.colony-section{background:#e9e9e4}.role-list article{display:grid;grid-template-columns:50px 1fr 1.4fr;gap:30px;border-top:1px solid #bcbcb5;padding:25px 0}.role-list article>span{font-family:'DM Mono',monospace;font-size:12px;padding-top:12px;color:var(--blue)}.role-list h3{margin:4px 0}.role-list p{margin:0}.signal-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:80px}.signal-word{font-family:'Instrument Serif',Georgia,serif;font-size:60px;color:var(--blue);font-style:italic}.signal-columns h3{font-family:Inter,sans-serif;font-size:16px;margin-top:30px}.signal-columns p{font-size:15px}.habitat-essays{display:grid;grid-template-columns:1fr 1fr;gap:70px}.habitat-essays article{padding-top:30px;border-top:1px solid var(--rule)}.habitat-essays h3{font-size:38px;margin-top:23px}.life-chapter{display:grid;grid-template-columns:150px 1fr;gap:50px;padding:45px 0;border-top:1px solid var(--rule)}.life-chapter-number{font-family:'Instrument Serif',Georgia,serif;color:var(--blue);font-size:100px;line-height:1}.life-chapter h3{font-size:39px;margin-top:12px}.life-chapter>div{max-width:790px}.question-list details{border-top:1px solid var(--rule);padding:0 0 10px}.question-list summary{list-style:none;cursor:pointer;padding:25px 35px 20px 0;font-family:'Instrument Serif',Georgia,serif;font-size:29px;position:relative}.question-list summary:after{content:'+';position:absolute;right:0;color:var(--blue);font-family:Inter,sans-serif;font-size:22px}.question-list details[open] summary:after{content:'−'}.question-list p{max-width:820px}.question-list .reference{margin:20px 0 25px}.atlas-ending>p{max-width:650px}.reading-links{margin-top:55px}.reading-links>a{display:flex;justify-content:space-between;text-decoration:none;border-top:1px solid var(--rule);padding:22px 0;font-family:'Instrument Serif',Georgia,serif;font-size:29px}.reading-links span{font-family:Inter,sans-serif;font-size:12px;align-self:center;color:var(--blue)}.atlas-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 7%}.atlas-footer>a:first-child{font-family:'Instrument Serif',Georgia,serif;font-size:60px;letter-spacing:-2px;text-decoration:none}.atlas-footer sup{font-family:Inter,sans-serif;font-size:10px;letter-spacing:0;vertical-align:top}.atlas-footer>span{font-size:11px;line-height:1.8;color:var(--faint)}.atlas-footer>a:last-child{font-size:12px;text-underline-offset:4px}.species-entry[hidden]{display:none}#species-empty{padding:35px 0}details summary:focus-visible{outline:1px solid var(--blue);outline-offset:5px}@media(max-width:1000px){.atlas-nav{gap:20px;padding:20px 28px}.atlas-mark{display:none}.atlas-nav nav{margin-left:0;gap:22px}.atlas-intro,.atlas-section,.atlas-ending{padding:80px 6%}.section-opening{gap:0 35px}.species-entry summary{grid-template-columns:25px 1fr 130px 20px;gap:15px}.species-name>i{font-size:29px}.species-expanded{gap:35px;padding-left:40px}.photo-text{padding:50px 10%}.signal-columns{gap:25px}.signal-word{font-size:43px}.timeline{gap:45px}.atlas h2{font-size:65px}}@media(max-width:760px){html{scroll-padding-top:90px}.continue-reading{padding:25px 22px;font-size:25px}.continue-reading span{font-size:9px}.atlas-nav{padding:18px 22px;gap:18px}.atlas-nav nav{gap:23px}.atlas-nav nav a{font-size:11px}#reading-progress{font-size:10px}.atlas-intro,.atlas-section,.atlas-ending{padding:68px 22px}.atlas h2{font-size:55px;letter-spacing:-1.5px;margin:23px 0 30px}.atlas p{font-size:15px}.intro-columns,.section-opening{display:block}.section-opening{margin-bottom:30px}.intro-columns p{margin:18px 0}.species-controls{gap:18px}.species-search{flex-basis:100%}.habitat-filters{gap:15px}.habitat-filters button{font-size:11px}#species-count{margin-left:auto;font-size:10px}.species-entry summary{grid-template-columns:20px 1fr 15px;gap:12px;padding:25px 0}.species-setting{display:none}.species-name>i{font-size:30px}.species-name>span{font-size:12px}.species-expanded{display:block;padding:0 0 30px 32px}.species-expanded>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.species-expanded>div:first-child .small-label{grid-row:1}.species-expanded>div:first-child p{grid-row:2}.species-expanded h3{font-size:30px}.photo-essay{display:flex;flex-direction:column}.photo-essay figure{order:1}.photo-text{padding:65px 22px;order:0}.photo-text h2 br{display:none}.photo-text h2{font-size:66px;max-width:430px}.photo-text h2 em{display:block}.photo-essay figcaption{padding:20px 22px}.timeline{grid-template-columns:1fr;gap:40px;margin-top:45px}.role-list article{grid-template-columns:24px 1fr;gap:10px 20px}.role-list p{grid-column:2}.role-list h3{font-size:30px}.signal-columns{grid-template-columns:1fr;gap:35px;margin-top:45px}.signal-columns article{border-top:1px solid var(--rule);padding-top:25px}.signal-word{font-size:62px}.signal-columns h3{margin-top:20px}.habitat-essays{grid-template-columns:1fr;gap:35px}.habitat-essays h3{font-size:36px}.life-chapter{grid-template-columns:48px 1fr;gap:20px;padding:30px 0}.life-chapter-number{font-size:53px}.life-chapter h3{font-size:32px}.question-list summary{font-size:27px;line-height:1.25}.atlas .reference{font-size:10px}.reading-links>a{font-size:26px;gap:15px}.reading-links span{font-size:10px;text-align:right}.atlas-footer{padding:32px 22px;flex-wrap:wrap;gap:25px}.atlas-footer>span{font-size:10px}.atlas-footer>a:last-child{margin-left:auto}}