:root{color:#18332d;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}#root{min-height:100vh}.app-shell{background:#f3f5f0;flex-direction:column;min-height:100vh;display:flex;overflow-x:clip}.site-header{z-index:10;color:#fff;background:#173f36;position:relative;box-shadow:0 3px 14px #0f302838}.header-inner,.main-content{width:min(1180px,100% - 2rem);margin:0 auto}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.brand{color:#fff;white-space:nowrap;font-size:1.35rem;font-weight:750;text-decoration:none}.main-navigation{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.nav-link,.nav-button{color:#fff;background:0 0;border:0;border-radius:.55rem;padding:.58rem .85rem;font-weight:650;text-decoration:none}.nav-link:hover,.nav-link.active,.nav-button:hover{color:#12372f;background:#edf3ed}.nav-link:focus-visible,.nav-button:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #d2ad67}.main-content{flex:1;padding:2.5rem 0 4rem}.page-section{gap:1.75rem;display:grid}.narrow-page{width:min(100%,620px);margin:0 auto}.page-heading{max-width:760px}.page-heading h1,.form-panel h1,.form-panel h2,.content-panel h2,.target-card h2{color:#143c33;margin-top:0;font-family:Georgia,Times New Roman,serif}.page-heading h1{margin-bottom:.6rem;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05}.page-heading p,.form-panel p,.content-panel p,.target-card p{margin-bottom:0}.eyebrow{color:#25745f;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8rem;font-weight:750}.heading-with-action{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.page-section>.heading-with-action{align-items:center;margin-bottom:-2rem}.page-section>.page-heading:not(.home-hero),.page-section>.heading-with-action{background:linear-gradient(90deg,#07231df5,#07231d59),url(/images/img.png) 66% 53%/cover no-repeat;border:1px solid #d7c294;border-radius:0;width:100vw;max-width:none;min-height:clamp(290px,28vw,340px);margin-top:-2.5rem;margin-left:calc(50% - 50vw);padding:2rem max(1rem,50vw - 590px);overflow:hidden;box-shadow:0 8px 25px #1b3e341f}.page-section>.page-heading:not(.home-hero) h1,.heading-with-action .page-heading h1{color:#fff;text-shadow:0 2px 10px #0000007a}.page-section>.page-heading:not(.home-hero)>p:last-child,.heading-with-action .page-heading>p:last-child{color:#f4f4ed}.page-section>.page-heading:not(.home-hero) .eyebrow,.heading-with-action .eyebrow{color:#e5c37c}.heading-with-action .secondary-button{color:#174c3f;background:#f3f4ec;flex-shrink:0}.home-hero{color:#fff;background:linear-gradient(90deg,#051e19f5,#08261f14),url(/images/img.png) 50% 52%/cover no-repeat;border-bottom:1px solid #bd9b5b;align-items:center;width:100vw;max-width:none;min-height:clamp(290px,28vw,340px);margin-top:-2.5rem;margin-left:calc(50% - 50vw);padding:clamp(2.1rem,4vw,3rem) max(1rem,50vw - 590px);display:flex;overflow:hidden}.hero-content{width:min(100%,580px)}.home-hero .eyebrow{color:#e6c47d}.home-hero h1{color:#fff;text-shadow:0 3px 18px #00000085;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,5vw,3.8rem);line-height:1}.hero-description{color:#f7f5ec;text-shadow:0 2px 8px #000000a6;max-width:530px;margin-top:.8rem;font-size:clamp(.98rem,1.6vw,1.1rem)}.sound-wave{clip-path:polygon(0 48%,8% 28%,16% 8%,24% 40%,32% 18%,40% 43%,48% 12%,56% 37%,64% 16%,72% 42%,80% 24%,88% 38%,100% 48%,100% 52%,88% 62%,80% 76%,72% 58%,64% 84%,56% 63%,48% 88%,40% 57%,32% 82%,24% 60%,16% 92%,8% 72%,0 52%);background:repeating-linear-gradient(90deg,#e0ba70 0 2px,#0000 2px 8px);width:min(100%,470px);height:48px;margin-top:.9rem}.hero-tagline{color:#f4e7c5;letter-spacing:.2em;text-transform:uppercase;margin:.2rem 0 0;font-size:.68rem;font-weight:750}.hero-tagline span{color:#d9ad59;padding:0 .35rem}.target-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;display:grid}.target-card,.form-panel,.content-panel{background:#fffefa;border:1px solid #d4dfd8;border-radius:.85rem;box-shadow:0 8px 25px #1b3e3417}.target-card{--card-accent:#6d9273;--label-background:#e2ece1;--label-colour:#355f42;border-bottom:5px solid var(--card-accent);min-height:285px;padding:1.35rem 1.35rem 7.2rem;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden}.target-card:hover{transform:translateY(-3px)}.target-card>:not(.target-illustration){z-index:2;position:relative}.target-card[data-category=bird]{--card-accent:#739aae;--label-background:#e2edf1;--label-colour:#376476}.target-card[data-category=bird]:nth-child(3){--card-accent:#b99955;--label-background:#f1ead7;--label-colour:#785f28}.target-card[data-category=environmental]{--card-accent:#719178;--label-background:#e1ebe0;--label-colour:#3c6545}.target-card[data-category=mammal]{--card-accent:#b57b69;--label-background:#f1e3de;--label-colour:#7d4738}.target-card h2{margin:.7rem 0 .65rem;font-size:1.25rem;line-height:1.22}.category-label{color:var(--label-colour);background:var(--label-background);border-radius:999px;padding:.28rem .7rem;font-size:.78rem;font-weight:750;display:inline-block}.target-illustration{z-index:1;height:105px;color:var(--card-accent);opacity:.68;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.target-illustration svg{width:100%;height:100%;display:block}.art-stroke{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round}.art-fill{fill:currentColor;stroke:currentColor;opacity:.24}.art-soft{fill:currentColor;opacity:.13}.art-dot{fill:currentColor;opacity:.72}.form-panel,.content-panel{padding:clamp(1.3rem,4vw,2.2rem)}.form-panel form{gap:.8rem;margin-top:1.5rem;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-row>div{gap:.75rem;display:grid}label{color:#18382f;font-weight:700}input,select,textarea{color:#18332d;background:#fff;border:1px solid #a8bbb3;border-radius:.55rem;width:100%;padding:.75rem .85rem}textarea{resize:vertical}select[multiple]{min-height:9rem}input:focus,select:focus,textarea:focus{border-color:#25745f;outline:3px solid #25745f2e}.field-help{color:#526a63;margin:-.35rem 0 .3rem;font-size:.88rem}button{color:#fff;background:#176b55;border:0;border-radius:.55rem;padding:.72rem 1.05rem;font-weight:700}button:hover:not(:disabled){background:#10513f}button:disabled{opacity:.65}.form-panel button[type=submit]{width:fit-content;margin-top:.5rem}.secondary-button{color:#174c3f;background:#e3ece6}.secondary-button:hover:not(:disabled){color:#174c3f;background:#cbded3}.status-message{background:#e8f0ed;border-radius:.55rem;margin-top:1rem;padding:.8rem .95rem}.error-message{color:#8b1e1e;background:#fde8e8}.success-message{color:#155d3e;background:#def3e7}.table-wrapper{margin-top:1rem;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px}caption{color:#526a63;text-align:left;padding-bottom:.8rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #dce6e2;padding:.85rem}th{color:#123c35;background:#eaf1ed}tbody tr:hover{background:#f5f8f5}@media (width<=900px){.target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.header-inner,.heading-with-action{flex-direction:column;align-items:flex-start}.main-navigation{width:100%}.main-content{padding-top:1.75rem}.page-section>.page-heading:not(.home-hero),.page-section>.heading-with-action{background:linear-gradient(90deg,#051e19f2,#051e197a),url(/images/img.png) 62%/cover no-repeat;min-height:190px}.home-hero{background:linear-gradient(90deg,#051e19f0,#051e196b),url(/images/img.png) 64%/cover no-repeat;min-height:330px;margin-top:-1.75rem}.home-hero h1{font-size:clamp(2.6rem,10vw,3.5rem)}.form-row{grid-template-columns:1fr}}@media (width<=520px){.header-inner,.main-content{width:min(100% - 1rem,1180px)}.nav-link,.nav-button{padding:.5rem .6rem;font-size:.9rem}.home-hero{min-height:340px;padding-left:1rem;padding-right:1rem}.target-grid,.form-row{grid-template-columns:1fr}.target-card{min-height:270px}.form-panel,.content-panel{padding:1rem}}.heading-with-action p:not(.eyebrow){color:#f4f4ed;text-shadow:0 1px 6px #000000b3}.page-section>.form-panel,.page-section>.content-panel{min-width:0}
