/* Arctic ilua project support — September 2026 */
:root { --project-green:#304b3b; --project-ink:#263b2b; --project-muted:#4e6352; --project-pale:#edf3e8; --project-line:#cad9c4; }
.site-header .header-support { background:transparent; color:var(--project-green); text-transform:none; letter-spacing:0; font-size:.85rem; white-space:nowrap; border-bottom:1px solid var(--project-line); padding:.5rem .3rem; }
.site-header .header-support:hover { background:var(--project-pale); color:var(--project-ink); }
.conversion-section { background:#f3f6ee; color:var(--project-ink); border-top:1px solid var(--project-line); }
.project-invite-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:clamp(2rem,6vw,6rem); align-items:start; }
.project-invite,.project-follow,.project-note-cta,.project-campaign { color:var(--project-ink); }
.project-invite .eyebrow,.project-follow .eyebrow,.project-campaign .eyebrow { color:var(--project-green); }
.project-invite h2,.project-follow h2 { font-size:clamp(1.65rem,3vw,2.5rem); line-height:1.16; margin:.7rem 0 1rem; max-width:22ch; }
.project-invite p,.project-follow p { max-width:52ch; }
.project-follow { scroll-margin-top:7rem; }
.project-link { color:var(--project-green); text-decoration:underline; text-underline-offset:.25em; font-weight:650; }
.project-link:hover { color:#1d4328; }
.project-button { display:inline-flex; align-items:center; justify-content:center; gap:1.2rem; padding:1rem 1.2rem; margin-top:1rem; min-height:48px; background:var(--project-green); color:#fff; text-decoration:none; font-weight:650; line-height:1.35; }
.project-button:hover { background:#224e30; color:#fff; }
.project-small { font-size:.85rem; color:var(--project-muted); line-height:1.5; }
.project-note-cta { display:flex; gap:2rem; justify-content:space-between; align-items:center; background:var(--project-pale); padding:1.5rem 1.8rem; border-top:1px solid var(--project-line); margin:2rem 0; }
.project-note-cta p { margin:0; max-width:60ch; font-size:1rem; line-height:1.55; }
.project-note-cta__links { flex-shrink:0; display:grid; gap:.75rem; }
.project-campaign__intro { max-width:52rem; margin-bottom:2.5rem; }
.project-campaign__lead { font-size:clamp(1.5rem,3vw,2.25rem); line-height:1.3; }
.project-campaign__grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(19rem,1fr); gap:clamp(2rem,5vw,5rem); align-items:start; }
.project-campaign__image { margin:0 0 2rem; }
.project-campaign__image img { width:100%; height:auto; display:block; }
.project-campaign__image figcaption { font-size:.85rem; color:var(--project-muted); margin-top:.6rem; }
.project-campaign__story section { padding:1.6rem 0; border-bottom:1px solid var(--project-line); }
.project-campaign h2 { font-size:clamp(1.4rem,2.4vw,2rem); line-height:1.2; margin:.6rem 0 1rem; }
.project-purpose-list { list-style:none; padding:0; margin:1.5rem 0; }
.project-purpose-list li { display:grid; gap:.25rem; margin:1.3rem 0; padding-left:1.2rem; border-left:3px solid #a3bd96; }
.project-purpose-list span { color:var(--project-muted); }
.project-contribute { padding:clamp(1.3rem,3vw,2.2rem); background:var(--project-pale); border:1px solid var(--project-line); }
.project-campaign .support-direct { max-width:none; }
.project-campaign .support-amounts { grid-template-columns:1fr 1fr; gap:.65rem; }
.project-campaign .support-amounts a,.project-campaign .support-amounts .is-main,.project-campaign .support-custom { background:#fff; color:var(--project-green); border:1px solid #829a7a; border-radius:3px; min-height:48px; padding:1rem .7rem; }
.project-campaign .support-custom { margin-top:.65rem; background:var(--project-green); color:white; border-color:var(--project-green); }
.project-campaign .support-amounts a:hover { background:#dce9d5; }
.project-campaign .support-custom:hover { background:#224e30; }
.project-campaign .support-note { color:var(--project-muted); font-size:.82rem; line-height:1.6; }
.project-contribute__facts { border-top:1px solid var(--project-line); margin-top:1.6rem; padding-top:.6rem; font-size:.9rem; line-height:1.6; }
.project-campaign__follow { background:#f3f6ee; margin-top:3rem; padding:clamp(1.5rem,4vw,3rem); }
.project-follow .mailpoet_form { max-width:32rem; padding:0 !important; margin:1.2rem 0 0; background:transparent !important; color:var(--project-ink) !important; }
.project-follow .mailpoet_paragraph { margin:0 0 .8rem; }
.project-follow input[type=email],.project-follow input[type=text] { width:100%; max-width:100%; box-sizing:border-box; min-height:48px; padding:.85rem; background:white !important; border:1px solid #829a7a !important; border-radius:3px; color:var(--project-ink) !important; font:inherit; }
.project-follow input::placeholder { color:var(--project-muted) !important; opacity:1; }
.project-follow input[type=submit],.project-follow button[type=submit] { min-height:48px; padding:.9rem 1.5rem; border:0; background:var(--project-green) !important; color:white !important; font:650 1rem/1.3 var(--ilua-font); cursor:pointer; }
.project-follow .mailpoet_validate_error,.project-follow .mailpoet_validate_success { color:var(--project-ink) !important; }
.project-campaign a:focus-visible,.project-note-cta a:focus-visible,.project-invite a:focus-visible,.project-follow input:focus-visible { outline:3px solid #2d653f; outline-offset:4px; }
@media(max-width:900px) { .project-campaign__grid { grid-template-columns:1fr; } .project-contribute { grid-row:1; } .project-invite-grid { grid-template-columns:1fr; } .project-follow { border-top:1px solid var(--project-line); padding-top:2rem; } }
@media(max-width:600px) { .project-note-cta { display:block; padding:1.3rem; } .project-note-cta__links { margin-top:1rem; display:flex; flex-wrap:wrap; gap:1rem; } .site-header .header-support { font-size:.72rem; } .project-button { width:100%; box-sizing:border-box; } }
@media(max-width:460px) { .site-header .header-support { white-space:normal; max-width:5.5rem; text-align:center; line-height:1.2; } .site-header .site-brand img { max-width:5rem; } }

/* One direct contribution panel throughout the site. */
.project-donate { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(2rem,5vw,4rem); align-items:center; background:#304b3b; color:#fffdf5; }
.project-donate h2 { color:#fffdf5; font-size:clamp(2rem,4vw,3.4rem); }
.project-donate .eyebrow { color:#dce7cd; }
.project-donate__panel { padding:clamp(1.25rem,3vw,2rem); background:#f0f3e9; color:#263b2b; }
.project-donate__panel .support-direct { max-width:none; }
.project-donate__facts { font-size:.85rem; line-height:1.5; margin-top:1.25rem; }
.project-donate .support-direct__label,.project-note-cta .support-direct__label { color:#263b2b; }
.project-donate .support-amounts,.project-note-cta .support-amounts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
.project-donate .support-amounts a,.project-donate .support-amounts a.is-main,.project-note-cta .support-amounts a,.project-note-cta .support-amounts a.is-main { background:#fffdf8; color:#304b3b; border:1px solid #71816d; padding:1rem .6rem; min-height:48px; }
.project-donate .support-custom,.project-note-cta .support-custom { display:block; background:#304b3b; color:white; border:1px solid #304b3b; text-align:center; padding:1rem; min-height:48px; margin-top:.65rem; }
.project-donate .support-amounts a:hover,.project-note-cta .support-amounts a:hover { background:#dce7cd; }
.project-donate .support-custom:hover,.project-note-cta .support-custom:hover { background:#223a2b; }
.project-donate .support-note,.project-note-cta .support-note { color:#4e6352; font-size:.82rem; line-height:1.5; }
.project-donate a:focus-visible,.project-note-cta a:focus-visible { outline:3px solid #9d702d; outline-offset:3px; }
.project-invite-grid { display:block; }
.project-invite-grid > .project-donate { padding:clamp(1.5rem,4vw,3rem); }
.project-invite-grid > .project-follow { margin-top:3rem; }
.project-note-cta { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.project-note-cta__links { grid-column:1; display:flex; flex-wrap:wrap; }
.project-note-cta__amounts { grid-column:2; grid-row:1 / 3; }
.project-contribute { border-top:4px solid #304b3b; }
@media(max-width:760px) { .project-donate,.project-note-cta { grid-template-columns:1fr; } .project-note-cta__amounts { grid-column:1; grid-row:auto; } }

.nyt-support-strip { background:#304b3b; color:#fffdf5; }
.nyt-support-strip h2,.nyt-support-strip .eyebrow,.nyt-support-strip .support-note { color:#fffdf5; }
.nyt-support-strip .support-amounts a,.nyt-support-strip .support-amounts a.is-main { background:#fffdf8; color:#304b3b; border:1px solid #cad9c4; }
.nyt-support-strip .support-custom { background:#dce7cd; color:#263b2b; }
.project-note-cta p.support-note { font-size:.82rem; }
.project-note-cta .support-direct { margin-top:0; }

/* Quiet support variant for the bureau homepage. */
.studio-support .project-donate{background:transparent;color:#263a34}.studio-support .project-donate__story .eyebrow{color:#4d664d}.studio-support .project-donate__panel{background:#fdfcf9;color:#263a34}.studio-support .project-donate .support-amounts a,.studio-support .project-donate .support-amounts a.is-main{background:#fdfcf9;color:#263a34;border-color:#7c9078}.studio-support .project-donate .support-amounts a:hover{background:#e2eadb;color:#263a34}.studio-support .project-donate .support-custom{background:#34543d;color:white}.studio-support .project-donate .support-custom:hover{background:#263a34;color:white}