:root{--ink:#073d3a;--paper:#f4f3e9;--lime:#d2ef7c;--muted:#526762;--line:#cbd2c5;--white:#fff;--soft:#e6eadd;--font:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;--space:clamp(1.25rem,4vw,5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}img,svg{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bb582f;outline-offset:5px}p{margin:0 0 1.4rem}h1,h2,h3{font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:0}h1{font-size:clamp(3.3rem,6.7vw,7.6rem)}h2{font-size:clamp(2.6rem,4.5vw,5rem)}h3{font-size:clamp(1.75rem,2.5vw,2.8rem)}em{font-family:var(--serif);font-weight:400}button{border:0}.container{width:min(100% - var(--space)*2,100rem);margin-inline:auto}.affiliation{display:flex;justify-content:space-between;gap:1rem;padding:.65rem var(--space);background:var(--ink);color:var(--paper);font-size:.65rem;letter-spacing:.09em}.affiliation a{text-decoration:underline;text-underline-offset:3px}.affiliation>span:last-child{color:var(--lime)}header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.6rem}.wordmark{display:flex;gap:.7rem;align-items:center;font-size:1.8rem;line-height:1;letter-spacing:-.06em;font-weight:700}.wordmark svg{width:3.2rem}.wordmark .thin{font-weight:400}.wordmark small{display:block;font-size:.55rem;letter-spacing:.25em;margin-top:.5rem}nav{display:flex;align-items:center;gap:2rem;font-size:.8rem}nav>a{padding:.75rem 0}nav>a[aria-current]{text-decoration:underline;text-underline-offset:.45rem}.nav-cta{display:flex;gap:2rem;border:1px solid var(--ink);padding:.7rem 1.2rem!important;border-radius:3rem}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;padding-block:2rem 3rem;gap:2rem}.hero-copy{padding-top:1rem}.eyebrow{font-size:.67rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.6rem}.dot{display:inline-block;width:.45rem;height:.45rem;background:var(--ink);border-radius:50%;margin-right:.5rem}.hero h1{margin-bottom:2rem}.hero h1 em{color:#487263}.hero-copy>p:not(.eyebrow){max-width:25rem;font-size:.95rem;color:var(--muted)}.hero-actions{display:flex;gap:1.5rem;align-items:center;margin:2rem 0 3rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--ink);color:var(--paper);padding:1rem 1.5rem;border-radius:3rem;font-size:.8rem;transition:background .2s,transform .2s}.button:hover{background:#285d51;transform:translateY(-2px)}.button span{font-size:1.2rem}.text-link{display:inline-flex;align-items:center;gap:1.5rem;font-size:.8rem;border-bottom:1px solid;padding:.7rem 0}.hero-foot{display:flex;justify-content:space-between;gap:1rem;font-size:.55rem;letter-spacing:.1em;border-top:1px solid var(--line);padding-top:1rem}.hero-photo{position:relative;margin:0;min-height:36rem;border-radius:50% 50% .5rem .5rem;overflow:hidden;background:var(--ink)}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:52% center;filter:saturate(.75)}.hero-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#052c2be0);pointer-events:none}.hero-photo figcaption{position:absolute;z-index:1;bottom:2rem;left:2rem;right:2rem;display:flex;justify-content:space-between;align-items:center;color:var(--paper);font-size:.6rem;letter-spacing:.08em}.hero-photo strong{display:block;font-size:1.2rem;letter-spacing:-.03em;font-weight:400;margin-top:.5rem}.hero-photo figcaption a{display:grid;place-items:center;background:var(--lime);color:var(--ink);width:3rem;height:3rem;border-radius:50%;font-size:1.5rem}.photo-label{position:absolute;right:1rem;top:45%;writing-mode:vertical-rl;color:var(--white);font-size:.55rem;letter-spacing:.14em}.ticker{display:flex;gap:3rem;align-items:center;justify-content:space-around;overflow:hidden;white-space:nowrap;background:var(--lime);padding:1.3rem 0;font-size:1.5rem}.ticker span{font-size:.7rem;letter-spacing:.14em;font-weight:600}.statement{display:grid;grid-template-columns:1fr 2fr;gap:3rem;padding-block:7rem}.statement h2{margin-bottom:2rem}.statement p:not(.eyebrow){max-width:40rem;color:var(--muted)}.dark-section{background:var(--ink);color:var(--paper);padding-block:5rem}.dark-section .statement{padding-block:0}.dark-section p:not(.eyebrow){color:#bdd0c8}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:3rem}.section-heading>p{font-size:.85rem;max-width:23rem}.dark-section .button{background:var(--lime);color:var(--ink)}.pond-teaser{display:grid;grid-template-columns:1.6fr 1fr;border-block:1px solid #50736a;min-height:25rem}.water-lines{position:relative;overflow:hidden;background:repeating-radial-gradient(ellipse at 0 60%,transparent 0 2.4rem,#8ba98d24 2.45rem 2.5rem,transparent 2.55rem 3.4rem)}.water-lines svg{position:absolute;width:36%;color:var(--lime);top:18%;left:15%;animation:swim 8s ease-in-out infinite}.water-lines svg:nth-child(2){width:23%;top:55%;left:55%;opacity:.65;animation-delay:-3s}.water-lines svg:nth-child(3){width:14%;top:70%;left:15%;opacity:.35;animation-delay:-5s}.pond-caption{position:absolute;bottom:1rem;left:1rem;font-size:.6rem;letter-spacing:.12em}.teaser-copy{padding:3rem;border-left:1px solid #50736a}.number{font-size:.65rem;letter-spacing:.15em;color:var(--lime)}.teaser-copy h3{margin:1.5rem 0;font-size:3rem}.teaser-copy p{font-size:.9rem}.field-preview{padding-block:6rem}.photo-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem}.story:nth-child(2){padding-top:5rem}.story img{width:100%;aspect-ratio:1.5;object-fit:cover;transition:filter .3s}.story:hover img{filter:saturate(.55)}.story span{display:block;font-size:.6rem;letter-spacing:.12em;margin:1.2rem 0}.story h3{font-size:1.6rem}.cta{position:relative;border-top:1px solid var(--line);padding-block:5rem;text-align:center}.cta h2{font-size:clamp(3.6rem,6.8vw,7.5rem);margin-bottom:2rem}.cta:before,.cta:after{content:'✳';position:absolute;top:40%;left:9%;font-size:4rem;color:#759c7b}.cta:after{left:auto;right:9%;font-size:2rem}footer{background:var(--soft);padding-block:3rem 1rem}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-bottom:3rem}.acdf-logo{width:min(100%,20rem);margin-bottom:1.5rem}.footer-top p{font-size:.75rem;color:var(--muted)}.footer-top>div>a:not(:has(img)){display:block;font-size:.8rem;padding:.35rem 0}.footer-top .eyebrow{color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;font-size:.65rem}.page-intro{padding-block:4rem}.page-intro h1{margin-bottom:2rem}.lede{max-width:38rem;color:var(--muted);font-size:1.1rem}.approach-image{position:relative}.approach-image img{width:100%;max-height:38rem;object-fit:cover}.approach-image span{position:absolute;bottom:1.5rem;left:1.5rem;color:var(--white);font-size:.6rem;letter-spacing:.1em;background:var(--ink);padding:.5rem}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-bottom:6rem}.principles article{border-top:1px solid var(--line);padding-top:1.5rem}.principles span{font-size:.65rem}.principles h3{margin:2rem 0 1rem}.principles p{font-size:.9rem;color:var(--muted)}.explorer{display:grid;grid-template-columns:1.2fr 1fr;background:var(--soft);margin-bottom:4rem}.pond-scene{position:relative;min-height:33rem;background:#acbd9b;overflow:hidden}.sun-disc{position:absolute;width:7rem;height:7rem;border-radius:50%;background:var(--lime);top:2rem;left:15%}.land-line{position:absolute;top:25%;height:20%;width:110%;left:-5%;border-radius:50% 45% 0 0;background:#5a7751}.pond-scene .water-lines{position:absolute;inset:37% 0 0;background-color:var(--ink)}.hotspot{position:absolute;width:3rem;height:3rem;border-radius:50%;background:var(--paper);border:1px solid var(--ink);box-shadow:0 0 0 .5rem #ffffff20;z-index:1}.hotspot[aria-pressed=true]{background:var(--lime);box-shadow:0 0 0 .7rem #d2ef7c40}.h1{left:15%;top:45%}.h2{left:64%;top:65%}.h3{left:70%;top:24%}.diagram-label{position:absolute;bottom:1rem;left:1rem;color:var(--paper);font-size:.55rem;letter-spacing:.1em}.explorer-content{padding:clamp(1.25rem,3vw,3rem)}.topic-tabs,.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem}.topic-tabs button,.filters button{background:transparent;border:1px solid var(--line);border-radius:2rem;padding:.7rem 1rem;font-size:.75rem}.topic-tabs button[aria-pressed=true],.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}#topic-content{min-height:17rem}#topic-content h2{font-size:2.8rem;margin-bottom:1.5rem}#topic-content p{font-size:.9rem}.learning{padding-block:2rem 6rem;max-width:55rem}.learning h2{margin-bottom:1.5rem}fieldset{border:0;padding:0;margin:2rem 0}legend{margin-bottom:1rem;font-weight:600}.quiz-answer{display:block;width:100%;padding:1rem 1.5rem;border:1px solid var(--line);margin:.6rem 0;background:transparent;text-align:left;border-radius:.25rem}.quiz-answer:hover,.quiz-answer.selected{background:var(--soft)}#quiz-feedback{min-height:3rem;font-weight:600}.fine,.source-note{font-size:.75rem;color:var(--muted)}.journal{padding-bottom:5rem}.filters{align-items:center;border-bottom:1px solid var(--line);padding-bottom:1.5rem}.filters>span{margin-left:auto;font-size:.7rem}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem 2rem}.journal-card h2{font-size:2rem;margin-bottom:1rem}.journal-card>p:not(.eyebrow){color:var(--muted);font-size:.9rem}.journal-card .eyebrow{margin:1.5rem 0 1rem}.photo-open{position:relative;padding:0;width:100%;display:block;background:var(--ink);overflow:hidden}.photo-open img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;transition:transform .5s}.photo-open:hover img{transform:scale(1.04)}.photo-open span{position:absolute;bottom:1rem;right:1rem;background:var(--paper);padding:.6rem 1rem;border-radius:2rem;font-size:.7rem}.source-note{margin-top:3rem}.source-note a{text-decoration:underline}dialog{width:min(90%,70rem);border:0;background:var(--paper);padding:1rem;color:var(--ink)}dialog::backdrop{background:#031f1de8}dialog img{width:100%;max-height:75vh;object-fit:contain}dialog p{margin:.7rem .5rem 0;font-size:.8rem}.close-dialog{position:absolute;right:1.5rem;top:1.5rem;width:3rem;height:3rem;border-radius:50%;background:var(--paper);font-size:1.5rem}.involvement{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;padding-block:1rem 5rem}.role-tabs{display:flex;flex-direction:column;gap:.5rem}.role-tabs button{padding:1.2rem;text-align:left;background:transparent;border-bottom:1px solid var(--line)}.role-tabs button[aria-pressed=true]{background:var(--lime)}#role-content{background:var(--ink);color:var(--paper);padding:3rem}#role-content h2{font-size:3rem;margin-bottom:1.5rem}#role-content .button{background:var(--lime);color:var(--ink)}.faq{padding-block:2rem 6rem;max-width:65rem}.faq h2{margin-bottom:3rem}details{border-top:1px solid var(--line);padding:1.5rem 0}summary{cursor:pointer;font-size:1.1rem}details p{margin:1.2rem 0 0;color:var(--muted);max-width:48rem}.skip{position:fixed;top:-10rem;left:1rem;z-index:20;background:var(--lime);padding:1rem}.skip:focus{top:1rem}[hidden]{display:none!important}@keyframes swim{50%{transform:translate(1rem,-.5rem) rotate(2deg)}}@media(min-width:1600px){.hero-photo{min-height:44rem}}@media(max-width:1000px){nav{gap:1rem}.hero{gap:1.5rem}.hero-photo{min-height:30rem}.hero-actions{flex-wrap:wrap}.hero-foot{font-size:.5rem}.affiliation>span:last-child{display:none}.teaser-copy{padding:2rem}}@media(max-width:760px){header{position:relative;padding-block:1.25rem}.menu-toggle{display:flex;gap:1rem;padding:.7rem;background:transparent;border:1px solid var(--line);border-radius:2rem;font-size:.8rem}nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--paper);padding:1.5rem;box-shadow:0 1rem 2rem #073d3a20}nav.open{display:flex;flex-direction:column;align-items:stretch}nav a{min-height:2.75rem}.hero{grid-template-columns:1fr;padding-top:1rem}.hero h1{font-size:clamp(3.8rem,12vw,6.7rem)}.hero-photo{min-height:28rem;border-radius:45% 45% .5rem .5rem}.hero-actions{margin-bottom:2rem}.hero-foot{margin-bottom:.5rem}.ticker{justify-content:start;padding-inline:1.5rem;gap:2rem}.statement{grid-template-columns:1fr;gap:1rem;padding-block:4rem}.section-heading{display:block}.section-heading>p,.section-heading>.text-link{margin-top:1.5rem}.pond-teaser{grid-template-columns:1fr}.pond-teaser>.water-lines{min-height:19rem}.teaser-copy{border-left:0;border-top:1px solid #50736a}.photo-grid,.journal-grid{grid-template-columns:1fr}.story:nth-child(2){padding-top:1rem}.footer-top{grid-template-columns:1fr 1fr;gap:2rem}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}.cta:before,.cta:after{display:none}.page-intro{padding-block:2.5rem}.principles{grid-template-columns:1fr}.principles h3{margin-top:1rem}.explorer{grid-template-columns:1fr}.pond-scene{min-height:26rem}#topic-content{min-height:14rem}.involvement{grid-template-columns:1fr;gap:2rem}#role-content{padding:2rem}.filters>span{width:100%;margin-left:0}.dark-section{padding-block:3rem}.field-preview{padding-block:4rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
