/* Sundarbans Guardian Cooperative · pre-shell page stylesheet · 2026-10-16
   folded from: bundles/projects--sundarbans-guardian-cooperative.css, project-responsive-safety.css (in that order).
   These loaded before global-shell-authority / no-js-shell-nav, so they stay ahead of the shell;
   assets/sgc-page.css holds the sheets that loaded after it.
   Only declarations that take effect in some reachable state are kept, in their original cascade
   order (qa/stylesheet-fold: every width band, mouse/touch, reduced motion, no-JS, forced colours,
   menus, rail panels and sheet, scroll spy, passport steps, hero video, atlas, hover/focus/active). */
:root{--standard-pill:999px;--button-radius:999px;--green-700:#1a6440;--green-500:#4f9a63;--gold:#b78b28;--forest:var(--green-700);--accent:var(--green-500);--serif:"Playfair Display",Georgia,serif;--sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI", sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--gutter:clamp(20px,5vw,72px);--type-body:clamp(0.96rem,0.92vw,1.02rem);--type-copy-leading:1.55;--paper:#f7f8f4;--ink:#141714;--close-bg:#0b2016;--close-accent:#b7df62}
*,
::after,
::before{box-sizing:border-box}
.skip-link{border-radius:var(--standard-pill);background:var(--ink)}
main[tabindex="-1"]:focus{outline:0}
a,
button{color:inherit}
a{text-decoration:none}
button{border:0;background:0 0;cursor:pointer;font:inherit}
img{display:block;max-width:100%;color:transparent}
:focus-visible{outline:2px solid var(--forest);outline-offset:4px;border-radius:4px}
@media (prefers-reduced-motion:reduce){
  *,
  ::after,
  ::before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
li{text-wrap:pretty}
body.mobile-menu-open{overscroll-behavior:none}
.btn,
.button{gap:10px;padding:0 20px;font-family:var(--sans);font-size:.86rem;font-weight:400;text-align:center;line-height:1.12;white-space:normal;transition:background 180ms ease,border-color 180ms ease,color 180ms ease,transform 180ms ease}
body,
html{max-width:100%}
html{scroll-padding-top:calc(var(--global-nav-height) + 72px);scroll-behavior:smooth;overflow-x:hidden;background:var(--paper);font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none;font-kerning:normal}
@media (max-width:700px){
  :root{--type-copy-leading:1.6}
}
@media (max-width:1120px){
  .funding-mobile-menu{display:block;margin:2px 0 8px;padding:12px 0 8px;border-bottom:1px solid rgba(23,24,19,.08)}
  .funding-mobile-menu__head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:8px 0 6px}
  .funding-mobile-menu__label{font-family:var(--mono,"JetBrains Mono",monospace);font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(20,23,20,.65)}
  .funding-mobile-menu__head small{font-family:var(--mono,"JetBrains Mono",monospace);font-size:.625rem;color:rgba(20,23,20,.62)}
  .funding-mobile-menu__list{display:grid}
  .funding-mobile-menu__priority{min-height:46px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:0;border:0;border-top:1px solid rgba(23,24,19,.065);background:transparent;color:rgba(20,23,20,.74);text-align:left;font:500 .9rem/1.25 var(--sans,"Inter",sans-serif)}
  .funding-mobile-menu__priority small{font-family:var(--mono,"JetBrains Mono",monospace);font-size:.625rem;font-weight:500;color:rgba(20,23,20,.62)}
  .funding-mobile-menu__priority.is-active{color:#16382a}
  .funding-mobile-menu__detail{padding:12px 0 8px;border-top:1px solid rgba(23,24,19,.08)}
  .funding-mobile-menu__detail p{display:grid;gap:5px;margin:0;color:rgba(20,23,20,.62);font-size:.76rem;line-height:1.4}
  .funding-mobile-menu__detail p strong{color:#16382a;font-size:.8rem}
  .funding-mobile-menu__detail p em{font-style:normal;font-family:var(--mono,"JetBrains Mono",monospace);font-size:.625rem;letter-spacing:.02em;color:rgba(20,23,20,.62)}
  .funding-mobile-menu__detail a{margin-top:4px;padding:7px 0 0;border:0}
}
body.project-theme main,
body.project-theme .project-page{width:100%;min-width:0}
body.project-theme .project-page a{text-decoration:none}
body.project-theme .project-page img,
body.project-theme .project-page video{display:block;width:100%}
body.project-theme .project-page p,
body.project-theme .project-page h1,
body.project-theme .project-page h2,
body.project-theme .project-page h3,
body.project-theme .project-page h4,
body.project-theme .project-page figure{margin:0}
body.project-theme h1{font-family:var(--serif);font-size:clamp(3rem, 5.8vw, 5.7rem);font-weight:500;line-height:0.96}
body.project-theme{accent-color:var(--accent);padding:0;min-width:0;font-family:var(--sans);font-size:var(--type-body);line-height:var(--type-copy-leading);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.project-theme .project-page{position:relative}
body.project-theme a:focus-visible,
body.project-theme button:focus-visible{outline:3px solid var(--focus-ring-light);outline-offset:4px}
body.project-theme{overflow-x:clip}
body.project-theme{--project-closing-bg:var(--close-bg);--project-closing-accent:var(--close-accent)}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}
:root{--cultivera-motion-reduced:0.01ms;--cultivera-action-primary-height:3rem;--cultivera-action-inline-pad:1.25rem;--cultivera-action-gap:.625rem}
:root{--award-control-primary-height:var(--cultivera-action-primary-height);--award-control-inline-pad:var(--cultivera-action-inline-pad);--award-control-gap:var(--cultivera-action-gap)}
body:not(.page-home):not(.page-insights) :is(.btn:not(.text-link), .button, .copy-brief, .project-action){min-height:var(--award-control-primary-height)!important;padding-inline:var(--award-control-inline-pad);border-radius:var(--button-radius, 999px);display:inline-flex;align-items:center;justify-content:center;gap:var(--award-control-gap);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (max-width: 640px){
  body:not(.page-home):not(.page-insights) :is(.btn:not(.text-link), .button, .copy-brief, .project-action){min-height:var(--award-control-primary-height)!important}
}
@media (prefers-reduced-motion: reduce){
  body :is(.btn, .button, .copy-brief, .project-action, .btn.text-link){transition-duration:var(--cultivera-motion-reduced)!important}
}
@keyframes methodFlow{to{stroke-dashoffset:-38}}
@keyframes projectRelayArrival{0%,48%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes projectRelayMediaArrival{0%{clip-path:inset(0);transform:translateX(0) scale(1)}100%{clip-path:inset(0 92% 0 0);transform:translateX(3vw) scale(1.04);opacity:.18}}
@media (max-width: 760px){
  :root{--mobile-dtp-label:.75rem}
  main :is(dt,.definition-ledger dt){font-size:var(--mobile-dtp-label)!important;line-height:1.35!important}
  body.project-theme main :is(figcaption,.project-caption,.media-caption){font-size:.8125rem!important;line-height:1.42!important}
}
body.project-theme figure figcaption{font-family:var(--sans)}
@media (max-width:640px){
  body.project-theme figure figcaption{grid-template-columns:1fr;gap:4px}
}
body.project-theme main :is(.container,.funding-shell,.project-editorial-grid,[class*="__grid"],[class$="-grid"],[class*="__layout"],[class$="-layout"]) > *{min-width:0}
body.project-theme main :is(p,li,dd,dt,strong,small,a,button){overflow-wrap:break-word}
body.project-theme main :is(h1,h2,h3){overflow-wrap:normal;word-break:normal;hyphens:none}
body.project-theme main :is(button,a[href],[role="button"]){touch-action:manipulation}
body.project-theme main :is(button,[role="button"]){min-height:44px}
@media (max-width:860px){
  body.project-theme main{max-width:100%}
  body.project-theme main :is(p,li,dd){font-size:max(15px,1em);line-height:1.55}
  body.project-theme main :is(.mono,.project-eyebrow,.kicker,.eyebrow,[class*="kicker"],[class*="label"],[class*="caption"]){line-height:1.35}
  body.project-theme main img{max-width:100%}
  body.project-theme main svg{max-width:100%}
}