@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Instrument;src:url('/assets/instrument-serif.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--bg:#101b1c;--deep:#0b1415;--surface:#172626;--line:#a5bbb329;--ink:#e7ebe2;--muted:#a0b0a8;--sage:#bacba8;--rust:#c9a087;font-family:Manrope,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--sage);outline-offset:5px}::selection{background:var(--sage);color:var(--deep)}button{border:0}img{max-width:100%}.skip-link{position:fixed;top:-100px;left:24px;background:var(--sage);color:var(--deep);padding:15px;z-index:30}.skip-link:focus{top:18px}.noscript{padding:60px}.site-header{max-width:1512px;height:100px;padding:0 4.3%;display:flex;align-items:center;gap:44px;margin:auto}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:500;letter-spacing:-1px;margin-right:auto}.brand img{width:25px;height:25px}.site-header nav{display:flex;align-items:center;gap:31px}.site-header nav a{color:#aebdb4;font-size:13px;padding:12px 0;position:relative}.site-header nav a:hover,.site-header nav a[aria-current]{color:#edf2e5}.site-header nav a[aria-current]:after{content:'';width:4px;height:4px;background:var(--sage);border-radius:50%;position:absolute;bottom:0;left:calc(50% - 2px)}main{max-width:1512px;margin:auto}.home-page{padding:0 3.3%}.hero{position:relative;isolation:isolate;min-height:500px;height:calc(100svh - 320px);max-height:650px;overflow:hidden;border-radius:8px;background:var(--deep)}.habitat{position:absolute;inset:0;z-index:-2}.moss-photo,#moss-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.moss-photo{filter:saturate(.85)}#moss-canvas{opacity:0;transition:opacity .65s;filter:saturate(.85)}.habitat-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081617e8 0%,#081617a6 31%,#08161716 62%,transparent 80%),linear-gradient(0deg,#0c181ce8,transparent 24%,transparent 80%,#0a15170f)}.hero-copy{padding:44px 5% 70px;position:relative;max-width:670px}.hero-kicker{font-size:11px;color:#b6c6bb;margin:0 0 22px;letter-spacing:.02em}.hero h1{font-family:Instrument,Georgia,serif;font-size:clamp(90px,9.3vw,148px);font-weight:400;line-height:.94;letter-spacing:-5px;margin:0 0 26px}.hero-specialization{font-size:clamp(17px,1.65vw,24px);line-height:1.55;font-weight:400;letter-spacing:-.45px;color:#d6dfd1;margin:0 0 33px}.hero-links{display:flex;align-items:center;gap:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:14px 19px;font-size:12px;border-radius:4px}.button-light{background:#d7e1c7;color:#18251b;box-shadow:0 3px 20px #07130d26}.button-light:hover{background:#e7efd9}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;color:#c9d7c0}.text-link:hover{color:#eff6e7}.hero-note{position:absolute;left:5%;bottom:29px;display:flex;align-items:center;gap:11px;font-size:10px;color:#c2d0bd;line-height:1.7}.hero-note small{font-size:9px;color:#8fa899}.small-orbit{border:1px solid #a1b593;width:17px;height:17px;border-radius:50%;position:relative}.small-orbit:after{content:'';width:5px;height:5px;border-radius:50%;background:#c2d4ac;position:absolute;top:5px;left:5px}.hero-index{position:absolute;right:4%;bottom:35px;display:flex;gap:14px;font-size:10px;color:#c4d1ba}.hero-index span{color:#78917e}.section-space{padding:62px 1% 60px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px}.section-label{display:block;font-size:11px;line-height:1.5;color:#a3b4a9;margin:0 0 13px}h2{font-size:clamp(25px,2.5vw,36px);font-weight:400;letter-spacing:-1.2px;line-height:1.2;margin:0}h3{font-weight:450}p{line-height:1.8}.research-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:36px}.featured-study{background:#182b29;border-radius:6px;overflow:hidden;border:1px solid #90a99824;display:block}.featured-visual{position:relative;background:radial-gradient(ellipse at center,#213e35,transparent 80%),#12231f;padding:3px 20px 18px;border-bottom:1px solid #89a79521}.system-diagram{display:block;width:100%;height:auto;max-height:250px}.diagram-label{position:absolute;bottom:15px;left:25px;font-size:9px;color:#829d8d}.featured-copy{padding:26px 28px}.card-meta{display:flex;justify-content:space-between;gap:20px;color:#99b49e;font-size:10px;line-height:1.6}.featured-copy h3{font-size:29px;letter-spacing:-.8px;line-height:1.3;margin:17px 0 12px;max-width:490px}.featured-copy p{font-size:12px;color:#a8bbb0;max-width:470px;margin:0 0 22px;line-height:1.85}.study-read{display:flex;justify-content:space-between;font-size:11px;color:#d2dfc7}.featured-study:hover{border-color:#8fa68f70}.side-studies{display:flex;flex-direction:column}.side-studies>a{border-bottom:1px solid var(--line);position:relative;padding:26px 0 28px;flex:1}.side-studies>a:first-child{padding-top:8px}.side-studies>a:last-child{border:0;padding-bottom:8px}.side-studies h3{font-size:23px;line-height:1.4;letter-spacing:-.6px;margin:14px 0 0;max-width:440px}.side-studies .card-meta{justify-content:start;gap:22px}.working-section{margin:0 1%;padding:52px 0 58px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.12fr 1fr;gap:80px}.working-section h2{font-size:33px;line-height:1.3}.working-section p:not(.section-label){color:#a6b6ab;font-size:13px;max-width:495px;margin:20px 0 25px}.tool-shelf{align-self:center}.tool-shelf>div{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.tool-shelf>div>a{display:flex;flex-direction:column;gap:17px;align-items:center;justify-content:center;min-height:110px;background:#192a29;border:1px solid #758d7c20;border-radius:5px;font-size:12px;color:#c7d5c1}.tool-shelf a:hover{background:#203431}
/* Interior pages use a quieter reading surface and an actual route per document. */
.inner-page{padding:0 5.7% 80px;min-height:calc(100vh - 205px)}.page-intro{padding:65px 0 46px;max-width:900px}.page-intro h1{font-weight:400;font-size:clamp(40px,5vw,70px);line-height:1.1;letter-spacing:-2.5px;margin:20px 0 22px}.page-intro>p:last-child,.page-intro>div>p:last-child{font-size:15px;line-height:1.85;color:#adbcaf;max-width:660px;margin:0}.research-browser{padding-top:10px}.archive-controls{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:38px}.filter-group{display:flex;gap:7px;flex-wrap:wrap}.filter{font-size:12px;padding:10px 16px;background:transparent;border:1px solid #829a893b;border-radius:4px;color:#acbead}.filter.active{background:#cad8bd;color:#172419;border-color:#cad8bd}.filter:not(.active):hover{background:#20322d}.search-field{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #80988877;min-width:220px}.search-field>span{font-size:24px;color:#aec1a9;line-height:1}.search-field input{width:190px;font-size:12px;background:none;border:0;outline-offset:4px;min-width:0}.search-field input::placeholder{color:#8ea291}.result-heading{display:flex;justify-content:space-between;font-size:10px;color:#91a88e;margin-bottom:10px}.archive-row{display:grid;grid-template-columns:95px minmax(0,1fr);gap:28px;border-top:1px solid var(--line);padding:31px 8px 31px 0}.archive-row:last-child{border-bottom:1px solid var(--line)}.row-year{color:#9eb494;font-size:12px;padding-top:3px}.row-topic{font-size:10px;color:#9bb39d}.archive-row h3{font-size:25px;line-height:1.4;letter-spacing:-.6px;margin:10px 0}.archive-row p{font-size:13px;color:#9eafa2;max-width:740px;margin:0}.archive-row:hover{background:#b8c9ae05}.archive-note{font-size:11px;line-height:1.8;color:#8ca28f;max-width:700px;margin:30px 0}.empty-state{padding:70px 20px;text-align:center;border-top:1px solid var(--line)}.empty-state h2{font-size:28px}.empty-state p{font-size:13px;color:var(--muted)}.reset-search{padding:11px 16px;border-radius:4px;background:#cad8bd;color:#172419;font-size:12px}
.profile-intro{display:grid;grid-template-columns:1fr 265px;gap:60px;max-width:none;align-items:center}.profile-intro h1{max-width:650px}.profile-specimen{height:230px;border-radius:50% 50% 8px 8px;overflow:hidden;border:1px solid #829a8933}.profile-specimen img{height:100%;width:100%;object-fit:cover;object-position:85% center}.record-strip{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding:31px 0 37px;border-block:1px solid var(--line)}.record-strip>div{display:flex;flex-direction:column;gap:12px}.record-strip strong{font-size:34px;font-weight:400;letter-spacing:-1px;white-space:nowrap}.record-strip strong small{font-size:14px;color:#c0a792;letter-spacing:0}.record-strip>div>span{font-size:10px;color:#9fb197;max-width:190px;line-height:1.7}.profile-columns{display:grid;grid-template-columns:1.75fr 1fr;gap:80px;margin-top:65px}.profile-columns>.section-heading{margin-bottom:20px}.timeline article{position:relative;display:grid;grid-template-columns:95px 1fr;gap:28px;padding:0 0 42px 0}.timeline article:before{content:'';position:absolute;left:104px;top:4px;bottom:0;border-left:1px solid #677e605e}.timeline article:after{content:'';position:absolute;left:101px;top:6px;width:7px;height:7px;border-radius:50%;background:#b6c9a5}.timeline article:last-child:before{bottom:45px}.timeline-year{font-size:11px;color:#a0b296;padding-top:5px}.timeline h3{font-size:23px;letter-spacing:-.6px;margin:0 0 12px}.timeline p{font-size:13px;line-height:1.9;color:#a9b9a6;margin:0}.profile-aside{background:#192a27;border:1px solid #78916f26;border-radius:6px;padding:28px 30px;align-self:start}.profile-aside section+section{margin-top:29px;padding-top:29px;border-top:1px solid var(--line)}.profile-aside h3{font-size:23px;letter-spacing:-.4px;line-height:1.4;margin:12px 0}.profile-aside p{font-size:12px;line-height:1.85;color:#a9baa4;margin:8px 0}.method-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:15px 0 55px;border-bottom:1px solid var(--line)}.step-number{font-family:Instrument,Georgia,serif;font-size:42px;color:#8ba585;display:block;margin-bottom:21px}.method-steps h2{font-size:21px;letter-spacing:-.6px}.method-steps p{font-size:12px;color:#a6b6a2;line-height:1.85;min-height:120px}.step-result{font-size:9px;color:#b6c5a9}.lab-section{display:grid;grid-template-columns:.85fr 1.2fr;gap:55px;padding:58px 0}.lab-section h2{font-size:31px;line-height:1.35}.lab-section p:not(.section-label){font-size:13px;color:#acb9a6;margin:20px 0 28px}.code-panel{background:#091412;border:1px solid #4f6b5459;border-radius:6px;overflow:hidden}.code-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:10px;padding:12px 16px}.code-toolbar>div{display:flex;gap:15px}.code-tab,.copy-code{background:none;color:#869f88;padding:7px 0;font-size:10px}.code-tab.active{color:#d7e5cb}.copy-code{color:#c1d1b4;font-size:10px}.code-panel pre{padding:12px 25px 18px;overflow:auto;min-height:235px;margin:0}.code-panel code{font:11px/2 'Consolas',monospace;color:#bccfae;tab-size:2}.code-caption{padding:12px 20px;color:#728c76;font-size:9px;border-top:1px solid #4f6b5433}.stack-section{border-top:1px solid var(--line);padding-top:35px}.stack-section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 45px;margin-top:30px}.stack-section h3{font-size:18px;margin:0 0 10px}.stack-section p{font-size:12px;line-height:1.8;color:#a8b8a3;margin:0}.article-topline{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#a3b79b;padding:38px 0 20px}.article-heading{max-width:900px;padding:30px 0 35px}.article-heading h1{font-size:clamp(35px,4.1vw,59px);line-height:1.2;letter-spacing:-1.8px;font-weight:400;margin:20px 0 24px}.article-heading>p:last-child{font-size:15px;color:#a9bba3;max-width:730px;line-height:1.9}.article-visual{background:radial-gradient(ellipse at center,#254638,transparent 75%),#12221d;border:1px solid #6c906e40;border-radius:6px;margin:0 0 45px;padding:5px 0}.article-visual .system-diagram{height:240px;max-height:none}.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:65px;align-items:start}.article-toc{position:sticky;top:35px;display:flex;flex-direction:column;gap:17px;padding:5px 0}.article-toc>span{font-size:11px;color:#c4d3b7;margin-bottom:8px}.article-toc a{font-size:11px;line-height:1.7;color:#90a886;padding-left:13px;border-left:1px solid #758e665e}.article-toc a:hover{color:#d0dfbf;border-color:#c2d2ad}.article-body section{margin-bottom:39px}.article-body h2{font-size:25px;line-height:1.4;letter-spacing:-.6px;margin:0 0 18px}.article-body p{font-size:15px;line-height:1.95;color:#bac8b1;margin:0;max-width:70ch}.sources{padding-top:29px;border-top:1px solid var(--line)}.sources a{display:flex;justify-content:space-between;gap:15px;font-size:12px;line-height:1.8;color:#bfd0ad;margin:16px 0;overflow-wrap:anywhere}.next-article{margin-top:50px;padding:25px 0;border-block:1px solid var(--line);display:flex;flex-direction:column;gap:17px}.next-article>span{font-size:10px;color:#90a67f}.next-article .text-link{font-size:19px;line-height:1.5;justify-content:space-between}
@media(min-width:1700px){.hero{height:690px}.hero-copy{padding-top:75px}.hero h1{font-size:152px}}
@media(max-width:1050px){.site-header{height:88px;gap:25px}.brand{font-size:22px}.site-header nav{gap:21px}.hero{min-height:560px;height:600px}.hero-copy{padding-top:60px}.hero h1{font-size:110px}.hero-specialization{font-size:19px}.research-layout{gap:26px}.featured-copy{padding:23px}.featured-copy h3{font-size:25px}.side-studies h3{font-size:21px}.working-section{gap:40px}.working-section h2{font-size:28px}.profile-columns{gap:40px;grid-template-columns:1.5fr 1fr}.record-strip{gap:18px}.record-strip strong{font-size:28px}.profile-intro{gap:30px;grid-template-columns:1fr 200px}.profile-specimen{height:200px}.method-steps{gap:20px}.method-steps h2{font-size:18px}.method-steps p{min-height:155px}.lab-section{gap:30px;grid-template-columns:1fr}.code-panel pre{min-height:210px}.article-layout{gap:35px;grid-template-columns:180px 1fr}.article-body p{font-size:14px}}
@media(max-width:720px){.site-header{height:116px;position:relative;padding:18px 6% 45px;gap:15px;align-items:center}.brand{font-size:22px}.brand img{width:23px}.site-header nav{position:absolute;left:6%;right:6%;bottom:13px;justify-content:space-between;gap:10px}.site-header nav a{font-size:11px;padding:8px 0}.home-page{padding:0 4%}.hero{height:620px;min-height:0;border-radius:6px}.hero-copy{padding:42px 7% 0}.hero-kicker{font-size:9px;margin-bottom:22px}.hero h1{font-size:clamp(78px,20vw,128px);letter-spacing:-3px;margin-bottom:27px}.hero-specialization{font-size:17px;line-height:1.7;margin-bottom:25px}.moss-photo{object-position:64% center}.habitat-shade{background:linear-gradient(90deg,#06171dd9,#06171d44),linear-gradient(0deg,#0c181ceb,transparent 27%,transparent 73%,#06151b20)}.hero-links{gap:20px;flex-wrap:wrap}.button{padding:12px 14px;gap:15px;font-size:10px}.text-link{font-size:11px;gap:14px}.hero-note{left:7%;bottom:28px;font-size:9px}.hero-note small{font-size:8px}.hero-index{display:none}.section-space{padding:42px 2%}.section-heading{align-items:start;gap:20px;margin-bottom:24px}.section-label{font-size:10px;margin-bottom:11px}h2{font-size:27px;letter-spacing:-.7px}.section-heading>.text-link{white-space:nowrap;font-size:10px;margin-top:4px;gap:9px}.section-heading h2{font-size:26px}.research-layout{grid-template-columns:1fr;gap:18px}.featured-visual{padding:0 4px 16px}.featured-copy{padding:22px}.featured-copy h3{font-size:26px;max-width:400px}.featured-copy p{font-size:12px}.card-meta{font-size:9px}.side-studies>a{padding:23px 0}.side-studies>a:first-child{padding-top:14px}.side-studies h3{font-size:20px;max-width:90%;margin-top:11px}.working-section{grid-template-columns:1fr;padding:36px 0 40px;margin:0 2%;gap:30px}.working-section h2{font-size:28px}.working-section p:not(.section-label){font-size:12px}.tool-shelf>div{gap:10px}.tool-shelf>div>a{min-height:97px;font-size:11px;gap:12px}.inner-page{padding:0 6% 50px}.page-intro{padding:33px 0}.page-intro h1{font-size:43px;letter-spacing:-1.7px;margin:17px 0 20px}.page-intro>p:last-child,.page-intro>div>p:last-child{font-size:13px;line-height:1.9}.archive-controls{align-items:start;flex-direction:column;gap:23px;margin:5px 0 26px}.filter-group{gap:6px}.filter{font-size:10px;padding:9px 11px}.search-field{width:100%}.search-field input{width:100%}.archive-row{grid-template-columns:1fr;gap:12px 10px;padding:24px 0}.row-year{grid-column:1;grid-row:1;font-size:10px}.archive-row>div{grid-column:1;grid-row:2}.archive-row h3{font-size:23px;margin:10px 0}.archive-row p{font-size:12px}.archive-note{font-size:10px;margin-top:25px}.profile-intro{display:block}.profile-specimen{display:none}.record-strip{grid-template-columns:1fr 1fr;gap:27px 18px;padding:25px 0}.record-strip strong{font-size:28px}.record-strip strong small{font-size:13px}.record-strip>div>span{font-size:9px}.profile-columns{display:block;margin-top:38px}.profile-columns h2{font-size:29px}.timeline article{grid-template-columns:70px 1fr;gap:20px;padding-bottom:33px}.timeline article:before{left:77px}.timeline article:after{left:74px}.timeline-year{font-size:9px}.timeline h3{font-size:20px}.timeline p{font-size:12px}.profile-aside{margin-top:13px;padding:25px}.profile-aside h3{font-size:23px}.method-steps{grid-template-columns:1fr 1fr;gap:28px 24px;padding:0 0 35px}.step-number{font-size:36px;margin-bottom:16px}.method-steps h2{font-size:19px;line-height:1.4;letter-spacing:-.4px}.method-steps p{font-size:11px;min-height:0;line-height:1.8}.step-result{font-size:8px;line-height:1.7;display:block}.lab-section{padding:35px 0;gap:25px}.lab-section h2{font-size:28px}.lab-section p:not(.section-label){font-size:12px}.code-toolbar{padding:10px 12px;gap:8px}.code-toolbar>div{gap:12px}.code-tab,.copy-code{font-size:9px}.code-panel pre{padding:15px;min-height:210px}.code-panel code{font-size:10px}.code-caption{font-size:8px;padding:10px 14px;line-height:1.7}.stack-section{padding-top:28px}.stack-section>div{grid-template-columns:1fr 1fr;gap:24px}.stack-section h3{font-size:17px}.stack-section p{font-size:11px}.article-topline{font-size:9px;padding:27px 0 8px}.article-heading{padding:23px 0}.article-heading h1{font-size:36px;letter-spacing:-1.2px;margin:17px 0 22px}.article-heading>p:last-child{font-size:13px}.article-visual{margin-bottom:28px}.article-visual .system-diagram{height:auto;min-height:135px}.article-layout{display:block}.article-toc{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 20px;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line)}.article-toc>span{width:100%;font-size:10px}.article-toc a{font-size:10px;padding-left:10px}.article-body h2{font-size:24px;margin-bottom:16px}.article-body p{font-size:14px;line-height:1.95}.article-body section{margin-bottom:32px}.sources a{font-size:11px}.next-article .text-link{font-size:18px}}
@media(max-width:370px){.hero{height:600px}.hero-copy{padding-left:6%;padding-right:6%}.hero-kicker{font-size:8px}.hero-specialization{font-size:15px}.hero h1{font-size:76px}.hero-links{gap:18px}.hero-links>.text-link{font-size:10px}.section-heading{flex-wrap:wrap;gap:15px}.page-intro h1{font-size:38px}.method-steps{gap:24px 17px}.site-header nav a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.lab-section>*{min-width:0}.code-panel{min-width:0}



.text-link:hover,.text-link:focus-visible,.sources a:hover,.article-topline a:hover,.side-studies>a:hover h3,.side-studies>a:focus-visible h3,.archive-row:hover h3,.archive-row:focus-visible h3,.featured-study:hover h3,.featured-study:focus-visible h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}


.site-footer{width:91.4%;max-width:1382px;margin:0 auto;padding:25px 0 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#9aada0}
.site-footer nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;font-size:11px}.site-footer nav a{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center}
.site-footer nav a:hover,.site-footer nav a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;color:#d9e4d0}
@media(max-width:720px){.site-footer{width:88%;padding:23px 0 26px;align-items:flex-start;gap:22px;flex-wrap:wrap}.site-footer nav{font-size:10px;gap:0}}

.site-footer{justify-content:center}

.brand img{width:32px;height:32px;object-fit:contain;flex-shrink:0}@media(max-width:720px){.brand img{width:29px;height:29px}}



.tool-logo-frame{width:76px;height:46px;display:flex;align-items:center;justify-content:center;flex:none}
.tool-logo{display:block;object-fit:contain;width:42px;height:42px;background:transparent;padding:0;border:0;border-radius:0}
.tool-logo-solidity{width:29px;height:44px}.tool-logo-echidna{width:72px;height:46px;filter:brightness(0) invert(.88)}.tool-logo-slither{width:55px;height:30px;filter:brightness(1.4)}.tool-logo-tenderly{width:43px;height:43px}
@media(max-width:720px){.tool-logo-frame{transform:scale(.94);transform-origin:center}}

/* On phones, let the specimen occupy its own landscape beneath the copy. */
@media(max-width:720px){
  .site-header{height:112px;padding:16px 6% 49px}
  .site-header nav{bottom:7px;gap:4px}
  .site-header nav a{display:flex;align-items:center;min-height:44px;font-size:12px;padding:10px 0}
  .hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;border-radius:6px;background:#0b1719}
  .hero-copy{order:0;z-index:1;padding:29px 7% 31px;max-width:none}
  .hero-kicker{font-size:10px;margin-bottom:21px}
  .hero h1{font-size:clamp(68px,20.5vw,125px);letter-spacing:-2.8px;line-height:1;margin-bottom:24px}
  .hero-specialization{font-size:clamp(15px,4.1vw,21px);line-height:1.65;margin-bottom:21px}
  .hero-links{gap:12px 20px;align-items:center;flex-wrap:wrap}
  .hero-links a{min-height:44px;display:inline-flex;align-items:center;font-size:11px}
  .hero-links .button{padding:13px 15px;justify-content:center}
  .habitat{order:1;position:relative;inset:auto;z-index:0;width:100%;aspect-ratio:1.18;max-height:420px;margin-top:-15px;overflow:hidden}
  .moss-photo{object-position:86% center}
  .habitat-shade{background:linear-gradient(180deg,#0b1719 0%,#0b171975 10%,transparent 28%,transparent 85%,#0b17194d 100%)}
  .section-heading{flex-wrap:wrap;gap:16px}
  .section-heading>.text-link{min-height:36px;font-size:12px;margin-top:0}
  .working-section p:not(.section-label),.featured-copy p,.side-studies .card-meta{font-size:13px}
  .filter{min-height:44px;font-size:11px}
  .search-field input{font-size:16px;min-height:30px}
  .timeline article{grid-template-columns:66px minmax(0,1fr);gap:23px}
  .timeline h3{overflow-wrap:anywhere}
  .record-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 15px}
  .record-strip>div:first-child{grid-column:1/-1}
  .method-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .method-steps h2{overflow-wrap:anywhere}
  .method-steps p{font-size:13px}
  .code-tab,.copy-code{min-height:44px;font-size:11px}
  .code-panel code{font-size:11px}
  .article-heading h1{overflow-wrap:anywhere}
  .article-topline{flex-wrap:wrap;gap:10px}
  .site-footer nav{font-size:12px}
}
@media(max-width:370px){
  .hero-copy{padding-left:6%;padding-right:6%}
  .hero-links{gap:10px 14px}
  .hero-links a{font-size:10px}
  .method-steps{grid-template-columns:1fr;gap:26px}
  .method-steps p{font-size:13px}
  .step-result{font-size:10px}
}