/* ============================================================
   Aei Axioma Design System — colors_and_type.css
   Global CSS custom properties for all design tokens
   ============================================================ */

/* ─── Brand Fonts (local) ─────────────────────────────────── */
@font-face {
  font-family: 'Gill Sans MT';
  src: url('fonts/GillSansMT.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica';
  src: url('fonts/Helvetica.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
}

@font-face {
  font-family: 'Bebas Neue';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/BebasNeue-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/BebasNeue-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ─── Colour Palette ──────────────────────────────────────── */
:root {
  /* Base brand greens */
  --color-dark:    #004D3D;   /* forest / deep */
  --color-primary: #009473;   /* emerald — main brand */
  --color-light:   #00B88A;   /* mint — highlight / sub-heading */

  /* Neutrals */
  --color-black:   #000000;
  --color-white:   #FFFFFF;
  --color-off-white: #F5F5F5;
  --color-gray-100: #F0F0F0;
  --color-gray-200: #E0E0E0;
  --color-gray-400: #9E9E9E;
  --color-gray-700: #424242;

  /* Semantic roles */
  --color-bg:           var(--color-white);
  --color-bg-subtle:    var(--color-off-white);
  --color-bg-brand:     var(--color-primary);
  --color-bg-brand-dark: var(--color-dark);

  --color-text-primary:   var(--color-black);
  --color-text-secondary: var(--color-gray-700);
  --color-text-muted:     var(--color-gray-400);
  --color-text-on-brand:  var(--color-white);
  --color-text-brand:     var(--color-primary);

  --color-heading-h1:  var(--color-primary);   /* #009473 */
  --color-heading-h2:  var(--color-light);     /* #00B88A */
  --color-border:      var(--color-gray-200);
  --color-border-brand: var(--color-primary);
  --color-rule:        var(--color-primary);   /* section underline rule */

  --color-interactive:       var(--color-primary);
  --color-interactive-hover: var(--color-dark);
  --color-interactive-text:  var(--color-white);
}

/* ─── Typography ──────────────────────────────────────────── */
:root {
  /* Font families */
  --font-heading-doc:    'Gill Sans MT', 'Gill Sans', Calibri, sans-serif;
  /* ↑ Real brand font — GillSansMT.ttf loaded via @font-face */

  --font-display:        'Bebas Neue', sans-serif;   /* web/display headings */

  --font-body:           'Helvetica', 'Helvetica Neue', Arial, sans-serif;
  /* ↑ Real brand font — Helvetica.ttf loaded via @font-face */
  --font-mono:           'Courier New', Courier, monospace;

  /* Font sizes — document scale */
  --text-h1:    2rem;       /* 32px — document H1 */
  --text-h2:    1.625rem;   /* 26px — document H2 */
  --text-h3:    1.25rem;    /* 20px — document H3 */
  --text-body:  0.9375rem;  /* 15px — body text (≈11pt print) */
  --text-small: 0.8125rem;  /* 13px — captions, meta */
  --text-xs:    0.6875rem;  /* 11px — legal / footnotes */

  /* Web display scale */
  --text-display:  3.5rem;  /* 56px — Bebas Neue hero */
  --text-display-lg: 5rem;  /* 80px — large hero */

  /* Font weights */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold: 600;
  --weight-bold:    700;

  /* Line heights */
  --leading-tight:  1.15;
  --leading-normal: 1.5;
  --leading-loose:  1.75;

  /* Letter spacing */
  --tracking-tight:   -0.01em;
  --tracking-normal:   0;
  --tracking-wide:     0.05em;
  --tracking-widest:   0.12em;  /* Bebas Neue display use */
}

/* ─── Spacing Scale ───────────────────────────────────────── */
:root {
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
}

/* ─── Border Radius ───────────────────────────────────────── */
:root {
  --radius-none:  0px;      /* Documents */
  --radius-sm:    4px;      /* Web UI interactive elements */
  --radius-md:    6px;      /* Cards in web UI */
  --radius-full:  9999px;   /* Pills */
}

/* ─── Shadows ─────────────────────────────────────────────── */
:root {
  --shadow-none: none;
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.10);
  --shadow-md:   0 2px 8px rgba(0,0,0,0.12);
  /* No shadows in document context — web only */
}

/* ─── Semantic Element Defaults ───────────────────────────── */
/* Apply these when building document-style layouts */

.aa-h1 {
  font-family: var(--font-heading-doc);
  font-size: var(--text-h1);
  font-weight: var(--weight-regular);
  color: var(--color-heading-h1);
  line-height: var(--leading-tight);
  border-bottom: 2px solid var(--color-rule);
  padding-bottom: var(--space-2);
  margin-bottom: var(--space-4);
  letter-spacing: var(--tracking-tight);
}

.aa-h2 {
  font-family: var(--font-heading-doc);
  font-size: var(--text-h2);
  font-weight: var(--weight-regular);
  color: var(--color-heading-h2);
  line-height: var(--leading-tight);
  border-bottom: 1.5px solid var(--color-light);
  padding-bottom: var(--space-1);
  margin-bottom: var(--space-3);
}

.aa-h3 {
  font-family: var(--font-heading-doc);
  font-size: var(--text-h3);
  font-weight: var(--weight-regular);
  color: var(--color-dark);
  margin-bottom: var(--space-2);
}

.aa-body {
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: var(--weight-regular);
  color: var(--color-text-primary);
  line-height: var(--leading-normal);
}

/* .aa-display — Bebas Neue removed; use .aa-h1 at larger size for display headings */

/* ─── Utility: section rule ───────────────────────────────── */
.aa-rule {
  border: none;
  border-top: 2px solid var(--color-primary);
  margin: var(--space-6) 0;
}

/* ─── Buttons ─────────────────────────────────────────────── */
.aa-btn {
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  background: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: var(--radius-sm);
  padding: var(--space-2) var(--space-6);
  cursor: pointer;
  transition: background 0.15s ease;
  letter-spacing: var(--tracking-wide);
}
.aa-btn:hover { background: var(--color-dark); }

.aa-btn-outline {
  background: transparent;
  color: var(--color-primary);
  border: 1.5px solid var(--color-primary);
  border-radius: var(--radius-sm);
  padding: var(--space-2) var(--space-6);
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.aa-btn-outline:hover {
  background: var(--color-primary);
  color: var(--color-white);
}

.aa-btn-ghost {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: var(--space-2) var(--space-6);
  font-family: var(--font-body);
  font-size: var(--text-body);
  cursor: pointer;
  transition: border-color 0.15s ease;
}
.aa-btn-ghost:hover { border-color: var(--color-primary); color: var(--color-primary); }


/* ============ Site styles ============ */
:root{--forest:#004D3D;--emerald:#009473;--mint:#00B88A;--display:'Bebas Neue',sans-serif;--head:'Gill Sans MT',Cabin,sans-serif;--body:'Helvetica','Helvetica Neue',Arial,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
img{max-width:100%}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

:root{--ink:#121613;--bone:#F1EEE6;--rule:#CFC9BB;--shell:1180px}
body{background:#fff;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--forest);text-decoration:none}
a:hover{color:var(--emerald)}
.shell{max-width:var(--shell);margin:0 auto;padding:0 40px}
.eyebrow{font-family:var(--head);font-size:11px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--forest)}
.rule{display:none}
/* nav: hairline bar, everything small caps */
.nav{position:sticky;top:0;z-index:300;background:#fff;border-bottom:1px solid var(--ink)}
.nav .shell{display:flex;align-items:center;height:74px;gap:40px}
.brand-link{display:flex;align-items:center}
.brand{display:flex;align-items:center;gap:12px}
.brand .badge{height:44px;width:auto;display:block}
.brand .wm{display:flex;flex-direction:column;line-height:1}
.brand .mark{font-family:var(--head);font-size:16px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}
.brand .sub{font-family:var(--head);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--forest);margin-top:6px}
.menu{display:flex;gap:34px;margin-left:auto}
.menu .item{position:relative;display:flex;align-items:center}
.menu .item>a{font-family:var(--head);font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:6px}
.menu .item>a svg{display:none}
.menu .item>a:hover{color:var(--emerald)}
.sub-menu{position:absolute;top:100%;left:-16px;background:#fff;border:1px solid var(--ink);padding:8px 0;min-width:250px;opacity:0;visibility:hidden;transition:opacity .15s}
.menu .item:hover .sub-menu{opacity:1;visibility:visible}
.sub-menu a{display:block;padding:10px 18px;font-family:var(--head);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.sub-menu a:hover{background:var(--forest);color:var(--bone)}
.cta-btn{margin-left:28px;font-family:var(--head);font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--bone);background:var(--emerald);padding:13px 22px;align-self:center}
.cta-btn:hover{background:var(--forest);color:var(--bone)}
.btn{display:inline-block;font-family:var(--head);font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;padding:15px 26px;border:1px solid var(--forest);color:var(--forest)}
.btn-solid{background:var(--emerald);color:var(--bone);border-color:var(--emerald)}
.btn-solid:hover{background:var(--forest);border-color:var(--forest)}
.btn-ghost:hover{background:var(--forest);color:var(--bone)}
.more{font-family:var(--head);display:inline-flex;align-items:center;gap:10px;margin-top:28px;font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--forest);border-bottom:1px solid var(--forest);padding-bottom:5px}
/* hero: type-first, image demoted to a strip */
.hero{border-bottom:1px solid var(--ink);padding:96px 0 0}
.hero .bg{display:none}
.hero .scrim{display:none}
.hero .inner{max-width:1000px}
.hero h1{font-family:var(--display);font-size:clamp(62px,9vw,132px);line-height:.86;letter-spacing:.01em;text-transform:uppercase;margin:26px 0 0;color:var(--ink)}
.hero p{font-size:17px;line-height:1.75;max-width:620px;margin:36px 0 0;color:#3A423C}
.hero .cta{display:flex;gap:14px;margin:40px 0 96px}
/* intro */
.intro{padding:0;border-bottom:1px solid var(--ink)}
.intro .grid{display:grid;grid-template-columns:280px 1fr}
.intro .side{padding:64px 40px 64px 0;border-right:1px solid var(--rule)}
.intro .body{padding:64px 0 64px 56px}
.intro h2{font-family:var(--display);font-size:46px;line-height:.94;text-transform:uppercase;letter-spacing:.02em;margin-top:18px}
.intro p{font-size:18.5px;line-height:1.8;color:#2C332E;max-width:760px}
/* section heads share a numbered hairline */
.sec-head{border-top:2px solid var(--emerald);padding-top:22px;margin-bottom:52px}
.sec-head h2{font-family:var(--display);font-size:64px;line-height:.92;text-transform:uppercase;letter-spacing:.02em;margin-top:14px}
/* pillars */
.pillars{padding:84px 0;background:var(--ink);color:#fff}
.pillars .sec-head h2,.pillars .pillar p{color:#fff}
.pillars .eyebrow{color:var(--mint)}
.pillars .pillar h3{color:#fff}
.pillars .grid{display:grid;grid-template-columns:repeat(3,1fr)}
.pillars .grid{gap:20px}
.pillar{padding:30px 30px 34px;border:1px solid rgba(255,255,255,.22);border-top:3px solid var(--emerald);counter-increment:p}
.pillar .shot{display:none}
.pillar h3{font-family:var(--head);font-size:19px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--forest);margin-bottom:16px}
.pillar h3::before{content:"0" counter(p);display:block;font-family:var(--display);font-size:34px;color:var(--emerald);letter-spacing:.04em;margin-bottom:12px}
.pillar p{font-size:16.5px;line-height:1.78;color:#3A423C}
.pillars .grid{counter-reset:p}
/* teach */
.teach{padding:84px 0;border-bottom:1px solid var(--ink)}
.teach .grid{display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:start}
.teach .lede p{font-size:18.5px;line-height:1.8;color:#2C332E;margin-bottom:20px}
.teach .facts{border:1px solid var(--ink);padding:0}
.teach .fact{padding:20px 26px;border-bottom:1px solid var(--rule)}
.teach .fact:last-child{border-bottom:none}
.teach .facts{border-color:var(--forest)}
.teach .fact .k{display:block;font-family:var(--head);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--emerald);margin-bottom:8px}
.teach .fact .v{display:block;font-family:var(--head);font-size:16.5px;line-height:1.5}
.teach h3{font-family:var(--head);font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--forest);margin:0 0 26px;padding-top:20px;border-top:2px solid var(--emerald)}
.teach .who-for{margin-top:64px}
.teach .who-for .rows{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.teach .who-for .cell{padding:0 30px;border-left:1px solid var(--rule)}
.teach .who-for .cell:first-child{padding-left:0;border-left:none}
.teach .who-for .t{font-family:var(--head);font-size:18px;font-weight:700;margin-bottom:12px}
.teach .who-for p{font-family:var(--head);font-size:16px;line-height:1.7;color:#3A423C}
.teach .who-for .note{margin-top:30px;font-size:16px;color:#5A625B;max-width:700px}
.teach .days{margin-top:64px}
.teach .days ol{list-style:none;display:grid;grid-template-columns:1fr;border-top:1px solid var(--rule)}
.teach .days li{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:15px 0;border-bottom:1px solid var(--rule)}
.teach .days .d{font-family:var(--head);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--emerald);padding-top:4px}
.teach .days .t{font-family:var(--head);font-size:18px;line-height:1.45}
.teach .outcome{margin-top:44px;font-size:17.5px;line-height:1.8;max-width:820px;color:#2C332E}
/* band: full ink slab */
.band{background:var(--ink);color:#fff;padding:76px 0}
.band .eyebrow{color:var(--mint)}
.band h2{font-family:var(--display);font-size:60px;line-height:.94;text-transform:uppercase;letter-spacing:.02em;margin:16px 0 34px;max-width:900px}
.band .btn{border-color:#fff;color:#fff;background:none}
.band .btn:hover{background:#fff;color:var(--ink)}
/* creds: hairline ledger */
.creds{padding:0;border-bottom:1px solid var(--ink)}
.creds .grid{display:grid;grid-template-columns:repeat(4,1fr)}
.creds .grid{gap:16px;padding:0 0 8px}
.creds .cell{padding:40px 26px;border:1px solid var(--rule);border-top:3px solid var(--emerald)}
.creds .big{font-family:var(--display);font-size:52px;line-height:1;letter-spacing:.03em;color:var(--forest)}
.creds .cap{font-family:var(--head);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#5A625B;margin-top:12px}
/* who */
.who{padding:84px 0;border-bottom:1px solid var(--ink)}
.who .grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.who h2{font-family:var(--display);font-size:58px;line-height:.92;text-transform:uppercase;letter-spacing:.02em;margin-top:14px}
.who p{font-family:var(--head);font-size:17.5px;line-height:1.75;color:#3A423C;max-width:520px;margin-top:24px}
.who .board{border-top:2px solid var(--emerald);padding-top:22px}
.who .board-title{font-family:var(--head);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--emerald);margin-bottom:10px}
.who .row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--rule)}
.who .dot{display:none}
.who .nm{font-family:var(--display);font-size:34px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
/* contact */
.contact{padding:110px 0 108px;border-bottom:1px solid var(--ink)}
.contact .head{max-width:760px;margin-bottom:48px}
.contact h2{font-family:var(--display);font-size:82px;line-height:.92;text-transform:uppercase;letter-spacing:.02em;margin-top:14px}
.contact .head p{font-size:18px;line-height:1.78;color:#3A423C;margin-top:22px}
.contact .grid{display:grid;grid-template-columns:1fr 1fr}
.partners{padding:88px 0 96px;background:#fff}
.partners h2{font-family:var(--display);font-size:52px;line-height:.94;text-transform:uppercase;letter-spacing:.02em;margin:14px 0 0}
.partners .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.partners .cell{border:1px solid var(--rule);height:170px;display:flex;align-items:center;justify-content:center;padding:26px}
.partners .cell .logo{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:860px){.partners .grid{grid-template-columns:1fr}}
.contact .card{border:1px solid var(--forest);padding:34px 34px;margin-left:-1px}
.contact .k{font-family:var(--head);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--emerald);margin-bottom:12px}
.contact .v{font-family:var(--head);font-style:normal;font-size:19px;line-height:1.55;display:block;color:var(--ink)}
.contact .lnk:hover{color:var(--emerald)}
/* footer */
.foot{background:var(--forest);color:var(--bone);padding:72px 0 0}
.foot .grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;padding-bottom:56px}
.foot .brand .mark,.foot .brand .sub{color:var(--bone)}
.foot .brand .badge{height:64px}
.foot .blurb{font-size:15px;line-height:1.7;color:rgba(241,238,230,.7);margin:20px 0 16px;max-width:340px}
.foot .reg{font-family:var(--head);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mint)}
.foot h5{font-family:var(--head);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--mint);margin-bottom:18px}
.foot ul{list-style:none}
.foot li{margin-bottom:11px}
.foot a{color:rgba(241,238,230,.82);font-size:15px}
.foot a:hover{color:var(--mint)}
.foot p{font-size:15px;line-height:1.7;color:rgba(241,238,230,.7)}
.foot .contact-line{display:flex;flex-direction:column;margin-bottom:16px}
.foot .contact-line .k{font-family:var(--head);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:rgba(241,238,230,.45);margin-bottom:5px}
.foot .bar{border-top:1px solid rgba(241,238,230,.2);padding:24px 0;font-size:12.5px;color:rgba(241,238,230,.55)}
/* bios */
.bios-hero{padding:84px 0 64px;border-bottom:1px solid var(--ink)}
.bios-hero .bg,.bios-hero .scrim{display:none}
.bios-hero h1{font-family:var(--display);font-size:clamp(70px,10vw,140px);line-height:.86;text-transform:uppercase;margin-top:20px}
.bios-hero p{font-size:18px;line-height:1.78;max-width:640px;margin-top:26px;color:#3A423C}
.bios{padding:0}
.bio{display:grid;grid-template-columns:300px 1fr;gap:56px;padding:64px 0;border-bottom:1px solid var(--rule)}
.bio .shot{display:none}
.bio{grid-template-columns:1fr}
.bio h2{font-family:var(--display);font-size:56px;line-height:.94;text-transform:uppercase;letter-spacing:.02em}
.bio .copy p{font-size:17.5px;line-height:1.8;color:#2C332E;max-width:820px;margin-top:20px}
@media(max-width:720px){
.nav .shell{height:auto;flex-wrap:wrap;gap:0 18px;padding-top:12px;padding-bottom:12px}
.brand-link{flex:1 1 auto;min-width:0}
.brand{gap:10px;min-width:0}
.brand .badge{height:38px}
.brand .wm{min-width:0}
.brand .mark{font-size:14px;letter-spacing:.22em;white-space:nowrap}
.brand .sub{font-size:8.5px;letter-spacing:.18em;margin-top:5px;white-space:nowrap}
.cta-btn{margin-left:0;font-size:10px;letter-spacing:.18em;padding:11px 14px}
.menu{flex:1 0 100%;margin-left:0;margin-top:12px;gap:20px;flex-wrap:wrap}
.menu .item>a{font-size:10.5px;letter-spacing:.16em}
.sub-menu{left:0}
}
@media(max-width:980px){.intro .grid,.pillars .grid,.teach .grid,.who .grid,.contact .grid,.creds .grid,.teach .who-for .rows,.foot .grid{grid-template-columns:1fr}.teach .who-for .cell{padding:0 0 34px;border-left:none}.contact .card{margin:0 0 -1px}}

.work-cta{margin-top:40px}
.work-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.work-photos figure{margin:0}
.work-photos img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--rule)}
.work-photos figcaption{font-family:var(--head);font-size:13.5px;line-height:1.55;color:#5A625B;margin-top:10px}
@media(max-width:860px){.work-photos{grid-template-columns:repeat(2,1fr)}}
.give-hero h1{font-size:clamp(56px,8vw,118px)}
.give-amounts{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0 0}
.give-amounts .btn{font-size:13px;padding:17px 28px}
.give-small{font-size:14.5px!important;line-height:1.6!important;color:#5A625B!important;margin:18px 0 0!important;max-width:620px}
.give-hero .give-small{margin-bottom:80px!important}
.give-photos{grid-template-columns:repeat(2,1fr);max-width:720px}
.give-close{max-width:760px}
.give-close p{font-size:18.5px;line-height:1.8;color:#2C332E}
@media(max-width:720px){.shell{padding:0 16px}.give-amounts .btn{flex:1 1 auto;text-align:center}}
.foot .bar .legal-name{display:block;margin-top:8px;line-height:1.6}