/* Source: baseline/get-involved.html inline <style> blocks, verbatim, in document order. */

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--tgn-parchment-50);font-family:var(--font-body);color:var(--tgn-ink);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
h1{font-family:var(--font-heading);font-size:clamp(34px,4.8vw,56px);font-weight:600;line-height:1.1;letter-spacing:-.02em}
h2{font-family:var(--font-heading);font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.15;letter-spacing:-.02em;max-width:28ch}
h3{font-family:var(--font-heading);font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.02em}
h4{font-family:var(--font-heading);font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.02em}
h5{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
p{max-width:68ch}
a{color:inherit;text-decoration:none}
a:hover{color:var(--tgn-brick)}
button{font-family:var(--font-body);color:inherit;background:none;border:none;text-align:left;cursor:pointer}
input{font-family:var(--font-body)}
svg{display:block;flex:none}
[data-fyp]:hover [data-corner]{background:var(--tgn-amber)}
@media(max-width:1080px){
[data-r~="col1"]{grid-template-columns:1fr!important}
[data-r~="navlinks"]{display:none!important}
[data-r~="ah"]{display:none!important}
[data-r~="av"]{display:block!important}
[data-r~="arrowcell"]{padding:20px 0}
[data-r~="pushright"]{margin-left:0!important}
}
@media(min-width:480px) and (max-width:1080px){
/* band art-direction range: the -band sources are all 16:5, and the grid is 1-up here,
   so hold the letterbox ratio instead of the 3:2 card lock */
[data-r~="doorimg"]{aspect-ratio:16/5!important}
/* Door 2 carries a portrait and has no -band source. A 16:5 slice is 46.9% of a
   3:2 frame's height while this head is 82% of it, so the letterbox cannot hold
   a head at any object-position. This one card keeps the 3:2 lock. */
[data-r~="doorimg"].gi-doorimg-portrait{aspect-ratio:3/2!important}
}


/* hover states ported from the draft's style-hover attributes */
.gi-h1:hover{border-color:var(--tgn-ink) !important;color:var(--tgn-ink) !important}
.gi-h2:hover{border-color:var(--tgn-ink) !important;color:var(--tgn-ink) !important}
.gi-h3:hover{border-color:var(--tgn-ink) !important;color:var(--tgn-ink) !important}
.gi-h4:hover{background:var(--tgn-cta-surface-hover) !important;color:var(--tgn-cta-ink-hover) !important}
.gi-h5:hover{background:#B8390F !important}
.gi-h6:hover{background:var(--tgn-cta-surface-hover) !important;color:var(--tgn-cta-ink-hover) !important}
.gi-h7:hover{border-color:var(--tgn-ink) !important;color:var(--tgn-ink) !important}
.gi-h8:hover{background:#B8390F !important}
.gi-h9:hover{background:var(--tgn-cta-surface-hover) !important;color:var(--tgn-cta-ink-hover) !important}
.gi-h10:hover{text-decoration:underline !important;text-underline-offset:3px !important;color:var(--tgn-brick) !important}
.gi-h24:hover{text-decoration:underline !important;text-underline-offset:3px !important;color:var(--tgn-brick) !important}
.gi-h11:hover{background:#E2DAD3 !important}
.gi-h12:hover{background:#B8390F !important}
.gi-h13:hover{background:var(--tgn-cta-surface-hover) !important;color:var(--tgn-cta-ink-hover) !important}
.gi-h14:hover{background:var(--tgn-amber) !important;color:var(--tgn-ink) !important}
.gi-h15:hover{background:#B8390F !important}
.gi-h16:hover{background:var(--tgn-cta-surface-hover) !important;color:var(--tgn-cta-ink-hover) !important}
.gi-h17:hover{background:#B8390F !important}
.gi-h18:hover{background:var(--tgn-cta-surface-hover) !important;color:var(--tgn-cta-ink-hover) !important}
.gi-h19:hover{background:#B8390F !important}
.gi-h20:hover{background:var(--tgn-cta-surface-hover) !important;color:var(--tgn-cta-ink-hover) !important}
.gi-h21:hover{background:var(--tgn-amber) !important;color:var(--tgn-ink) !important}
.gi-h22:hover{border-color:var(--tgn-ink) !important;color:var(--tgn-ink) !important}
.gi-h23:hover{background:var(--tgn-amber) !important}


[data-acc-when][hidden]{display:none !important}